/* @override css/styles.css -- http://sauer.at.northwestern.edu/webact2/css/styles.css */

/* Webaction 2 Site Styles (Not part of library) */

body, h1, h2, p, li, th, td {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* Button Styles */

.wa_button {
	float: left;
	width: 40px;
	height: 12px;
	padding: 2px;
	margin-right: 3px;
	border: 1px #CCC solid;
	background-color: #FDFDFD;
	cursor: pointer; cursor: hand;
	font-size: 12px;
}

.wa_button:hover {
	background-color: #F0F2F9;
}

.wa_button_pressed {
    color: #FFF;
	background-color: #697798;
}

.wa_button_pressed:hover {
    color: #FFFFFF;
	background-color: #697798;
}

.wa_button_grey {
    color: #666;
	background-color: #CCC;
}

.wa_button_grey:hover {
    color: #666;
	background-color: #CCC;
}
.wa_cselect {
	position: relative;
	width: 350px;
	height: 360px;
	overflow: hi;
	font-size: 13px;
}

.wa_cselect_categories {
	position:  relative;
	display: block;
	width:  350px;
	height: 95px;
	padding-left: 0;
	overflow:  auto;
	border: 1px solid #CCC;
	margin: 3px 0;
}

.wa_cselect_label {
	display: block;
	margin-top: 3px;
	font-size: 13px;
}

.wa_cselect_buttons {
	margin: 5px 0;
	position: relative;
	font-size: 12px;
}

.wa_cselect_remove {
	width: 60px;
}

.wa_cselect_new {
	width: 100px;
}

.wa_cselect_cancel {
	float: right;
	width:  60px;
}

.wa_cselect_save {
	float: right;
	width:  60px;
}






.wa_ctree {
	position: relative;
	width: 350px;
	height: 200px;
	overflow: auto;
	border: 1px solid #CCC;
	font-size: 13px;
}

.wa_ctree ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.wa_ctree_label {
	display:  block;
	height: 16px;
	padding: 4px 22px;
}

/* Items */

.wa_ctree_1 {
	padding-left: 10px;
}

.wa_ctree_2 {
	padding-left: 20px;
}

.wa_ctree_3 {
	padding-left: 30px;
}

.wa_ctree_4 {
	padding-left: 40px;
}

.wa_ctree_5 {
	padding-left: 50px;
}

/* Open Branches */

wa_ctree_open {
	list-style: none;
	font-size: 13px;
}

.wa_ctree_open > span {
	font-weight: bold;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #DDD;
}

.wa_ctree_open > .wa_ctree_1 {
	background: #EEE url(../images/category-open.png?jcb=1309448817) no-repeat 2px 2px;
	padding-left: 20px;
}

.wa_ctree_open > .wa_ctree_2 {
	background: #EEE url(../images/category-open.png?jcb=1309448817) no-repeat 12px 2px;
	padding-left: 30px;
}

.wa_ctree_open > .wa_ctree_3 {
	background: #EEE url(../images/category-open.png?jcb=1309448817) no-repeat 22px 2px;
	padding-left: 40px;
}

.wa_ctree_open > .wa_ctree_4 {
	background: #EEE url(../images/category-open.png?jcb=1309448817) no-repeat 32px 2px;
	padding-left: 50px;
}

.wa_ctree_open > .wa_ctree_5 {
	background: #EEE url(../images/category-open.png?jcb=1309448817) no-repeat 42px 2px;
	padding-left: 60px;
}

/* Closed Branches */

.wa_ctree_close {
	list-style: none;
	font-size: 13px;
}

.wa_ctree_close > span {
	font-weight: bold;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #DDD;
}

.wa_ctree_close > .wa_ctree_1 {
	background: #EEE url(../images/category-closed.png?jcb=1309448817) no-repeat 2px 2px;
	padding-left: 20px;
}

.wa_ctree_close > .wa_ctree_2 {
	background: #EEE url(../images/category-closed.png?jcb=1309448817) no-repeat 12px 2px;
	padding-left: 30px;
}

.wa_ctree_close > .wa_ctree_3 {
	background: #EEE url(../images/category-closed.png?jcb=1309448817) no-repeat 22px 2px;
	padding-left: 40px;
}

.wa_ctree_close > .wa_ctree_4 {
	background: #EEE url(../images/category-closed.png?jcb=1309448817) no-repeat 32px 2px;
	padding-left: 50px;
}

.wa_ctree_close > .wa_ctree_5 {
	background: #EEE url(../images/category-closed.png?jcb=1309448817) no-repeat 42px 2px;
	padding-left: 60px;
}

.wa_ctree_close > span {
	font-weight: bold;
}

.wa_ctree_close > ul {
	position:  absolute;
	visibility: hidden;
}

.wa_ctree_item {
	list-style: none;
	margin: 0;
	padding-left: 0;
	font-size: 13px;
}

.wa_ctree_selected {
	color:  white;
	background-color: #336;;
}

.wa_dialog {
	border: 2px groove #DDD;
	padding: 5px;
	position:  absolute;
	width: 320px;
	height: 210px;
	background-color: white;
}

.wa_dialog_buttons {
	position: absolute;
	bottom: 5px;
	right: 0px;
}

.wa_dialog_buttons .wa_button {
	width: 50px;
}
.wa_form_message {
    font-size: 12px;
}

.wa_form_label {
    margin-right: 3px;
    font-size: 12px;
	font-weight: bold;
}

.wa_form_text_field {
    height: 14px;
    font-size: 12px;
    background-color: #EEE;
    border: 1px solid #999;
}

.wa_form_text_area {
    font-size: 12px;
    background-color: #EEE;
    border: 1px solid #999;
	display: inline;
	vertical-align: top;
}

.wa_form_mark {
    margin-left: 3px;
    font-size: 14px;
}

.wa_form_submit {
    display: inline-block;
}

.wa_form_submit .wa_button {
    width: 60px;
}

.wa_tree_list {
    position: relative;
    padding: 0;
    margin: 0;
}

.wa_tree_companion {
    position: absolute;
    list-style: none;
    margin: 0 0 0 0;
}

.wa_tree_item_0 {
    list-style: none;
    margin: 0 0 0 0;
}

.wa_tree_item_1 {
    list-style: none;
    margin: 0 0 0 20px;
}

.wa_tree_item_2 {
    list-style: none;
    margin: 0 0 0 40px;
}

.wa_tree_item_3 {
    list-style: none;
    margin: 0 0 0 60px;
}

.wa_tree_item_4 {
    list-style: none;
    margin: 0 0 0 80px;
}

.wa_tree_item_5 {
    list-style: none;
    margin: 0 0 0 100px;
}

.wa_tree_item_6 {
    list-style: none;
    margin: 0 0 0 120px;
}

.wa_tree_item_7 {
    list-style: none;
    margin: 0 0 0 140px;
}


/* @override http://localhost/~jonathan/webact2/css/viewer.css */

.wa_image_viewer {
    position: absolute;
    overflow: hidden;
}

.wa_image_selector {
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1px solid #000;
}

.wa_image_controls {
    position: absolute;
    width: 200px;
    height: 205px;
    //GRC024: left: 320px;
    //GRC024: top: 375px;
    overflow: hidden;
}

.wa_image_panel {
    position: absolute;
    width: 200px;
    height: 205px;
    margin: 0;
    //GRC024: border: 1px solid #888;
	//GRC024: background: url(../images/semidark.png?jcb=1309448817) repeat;
	border: 1px solid #000;
	background: url(../images/semidark-grc024.png) repeat;
}

.wa_image_shadow {
	background: url(../images/semishadow.png?jcb=1309448817) repeat;    
}

.wa_image_icon {
    position: absolute;
}

.wa_image_small {
    position: absolute;
    border: 1px solid #888;
}

.wa_image_icon img {
    position: absolute;
}

.wa_image_navigator {
    position: absolute;
    width: 150px;
    overflow: auto;
    margin: 0;
    padding: 0;
    left: 5px;
    top: 5px;
    overflow: hidden;
}

.wa_image_thumbnail {
    position: relative;
    width: 150px;
    margin: 0;
    padding: 0;
}

.wa_image_indicator {
    position: absolute;
    left: 0px;
    top: 0px;
    border: 1px outset ;
}

.wa_image_slider {
    position: absolute;
    right: 11px;
    bottom: 15px;
    width: 6px;
    height: 50px;
}

.ui-slider .ui-slider-handle { 
	width:  18px;  
    height: 9px;
    margin-left: -2px;;
}

.wa_image_buttons {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    padding: 0;
    overflow: hidden;
}

.wa_in_button {   
    display: block;
    width: 18px;
    height: 18px;
    margin-bottom: 3px;
}

.wa_out_button { 
    display: block; 
    width: 18px;
    height: 18px;
    margin-bottom: 3px;
}

.wa_reset_button { 
    display: block;
    width: 18px;
    height: 18px;
    margin-bottom: 10px;
}

.wa_zoom_button { 
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin-bottom: 3px;
}

.wa_pan_button {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin-bottom: 5px;}




/* rbv218 debug 
 *
 * 
 *
 */
.wa_image_viewer {
}