body, table, tr, td { font-size: 13px; color: black; font-family: verdana,arial,helvetica,sans-serif; }

.user_input_form table, tr, td     { font-size: 11px; }
.user_input_form .edit_table       { width: 700px; border: none; margin-left: 30px; }
.user_input_form .section_head     { font-size: 13px; color: #9399AB; background-color: #F9F7F9; background-color: #EDEDED; border-bottom: 1px double #9399AB;
                                     padding: 5px 20px 3px 0px; }
.user_input_form .separator_row_lg { height: 30px; }
.user_input_form .separator_row    { height: 10px; }
.user_input_form .entry_row        { vertical-align: top; }
.user_input_form label             { font-size: 13px; float: right; padding-right: 20px; text-align: right; vertical-align: top;
                                     white-space: nowrap; }

.user_input_form .input_selected   { background-color: white; }

.user_input_form .command_button   { border: 4px double #5E74B7; margin-right: 30px; width: 80px; }

/* Does not work on IE, affects disabled btns also */
.user_input_form .dnu_command_button:hover { background-color: #F9F7F9; border: 4px double darkblue; color: blue; font-weight: bold; }
.user_input_form .button_disabled  { border: 4px double #F9F7F9; color: #F9F7F9; font-style: italic; }


.user_input_form .invalid_input_msg { color: red; font-style: italic; }

.user_input_form .input_status     { float:left; font-size:8px; color: black; font-style: italic; }


.detail_header { background-color: darkblue; }
.detail_header th { color: white; height: 30px; }

.detail_data { height: 300px; overflow-y: scroll; border-top: 1px solid black; border-bottom: 1px solid black; }
.detail_data td { font-size: 12px; 	font-family: verdana,arial,helvetica,sans-serif; color:black; vertical-align: top; }
.detail_data .odd_row              { background-color: #E2E8F9; }
.detail_data .even_row             { background-color: white; }

.detail_data .active_row           { background-color: #259CC1; cursor: hand; }
.detail_data .active_row   td      { color: #F7FAFB; }
.detail_data .changed              { background-color: #FFC0CB; font-weight: bold; }

.detail_data .warning              { background-color: #FDE6FE; }

.client_header { background-color: darkblue; }
.client_header th { color: white; height: 30px; }


.client_data { height: 150px; overflow-y: scroll; border-top: 1px solid black; border-bottom: 1px solid black; }
.client_data td { font-size: 10px; 	font-family: verdana,arial,helvetica,sans-serif; color:black; vertical-align: top; }
.client_data .odd_row              { background-color: #E2E8F9; }
.client_data .even_row             { background-color: white; }
.client_data .selected_row td      { background-color: lightgrey; font-weight: bold; font-size: 9px; }
.client_data .active_row           { background-color: #259CC1; cursor: hand; }
.client_data .active_row   td      { color: #F7FAFB; }
.client_data .changed              { background-color: #FFC0CB; font-weight: bold; }

.notice_left          { float: left; margin-left: 5px; font-style: italic; }
.notice_right         { float: right; margin-right: 5px; font-style: italic; }
.user_message         { margin-left: 30px; color: red; font-style: italic; }


.overlay_iframe { width: 100%; height: 100%; display: block; z-index:100; position: absolute; top: 0; left: 0; background: white;
			filter: alpha(opacity=0); -moz-opacity:0; opacity:0; border: none; overflow: hidden;
			} 
.overlay_base   { width: 100%; height: 100%; display: inline; z-index:1000; position: absolute; top: 0; left: 0; background:black; 
			filter: alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; border: none; overflow: hidden;
			}
.overlay_notice { position:absolute; background: white; border: solid black 2px; z-index:1001;
			filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; padding: 30px;
 			}


/* make link appear as a tabbed header:
 *		<div id="header">
		<ul>
		<li id="current"><span>Label 1 (current label)</span></li>
		<li><a href="client.jsp">Label 2</a></li>
		</ul>
		</div>

	Images: 	bg.gif
			norm_left.gif	norm_right.gif
			norm_left_on.gif	norm_right_on.gif
 */

#header {  float:right; background:#DAE0D2 url("images/blue_bg.gif") repeat-x bottom; font-size:93%; line-height: 20px;  }
#header ul {  margin:0;  padding:10px 10px 0;  list-style:none;  }
#header li {  float:left;  background:url("images/blue_norm_left.gif") no-repeat left top;  margin:0;  padding:0 0 0 9px; margin-left: 5px;  }
#header a {  float:left;  display:block;  background:url("images/blue_norm_right.gif") no-repeat right top;  padding:5px 15px 4px 6px;
			  text-decoration:none;  font-weight:bold;  color:#765;  color:black;  }
/* Commented Backslash Hack - hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {  color:#333;  }
#header #current {  background-image:url("images/norm_left_on.gif");  }
#header #current a {  background-image:url("images/norm_right_on.gif");  color:#333;  padding-bottom:5px;  }
#header span {  float:left;  display:block;  background:url("images/norm_right.gif") no-repeat right top;  padding:5px 15px 4px 6px;
			  text-decoration:none;  font-weight:bold;  color:#765;  }
#header #current span {  background-image:url("images/norm_right_on.gif");  color:#333;  padding-bottom:5px;  }


/* make link appear as a button:
 *	 <a href="xxxx" class="button" onclick="this.blur();"><span>Some text</span></a>

	Images: 	bg_button_a.gif
			bg_button_span.gif.gif
 */

a.button {
    background: transparent url("images/bg_button_a.gif") no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url("images/bg_button_span.gif") no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}




/** Context menu formatting */
div.menu {
	position: absolute;
	top: 0;
	left: 0;
	font-family: verdana;
}
div.menu a {
	display: block;
	text-decoration: none;
	cursor: default;
	outline: none;
	font-size: 11px;
}
.menu .separator {
	height: 1px;
	padding: 0;
	overflow: hidden;
	display: block;
	font-size: 1px;
}
.menu ul, .menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li {
	list-style-position: outside;
}


.active  { background-Color: lightgrey; font-weight:bold;  }


.desktop {
	width: 12em;
	background: #f9f8f7;
	border: 1px solid #999;
	padding: 0;
	padding-left: 15px;
}
.desktop ul, .desktop li {
	margin: 0;
	padding: 0;
}

.desktop a {
	color: #555;
	padding: 3px 0 3px 5px;
	margin: 0;
	border: 1px solid #f9f8f7;
	width: 100%;
}
.desktop a.disabled {
	opacity: 0.25;
	filter: alpha(opacity=25);
	zoom: 1;
}
.desktop li.separator {
	border-bottom: 1px solid #000;
	background: #aaa;
	margin: 1px 1px 0 1px;
	line-height: 1px !important;
	height: 1px;
	margin-left: 5px;
	margin-right: 5px;

}



/* Cancel "button" */
.cancel a {
background: url('images/btn_close.png') no-repeat 100% 50% transparent;
#background-image: url(images/btn_close.png);
#background-repeat: no-repeat;
#background-attachment: initial;
#background-position-x: 100%;
#background-position-y: 50%;
-webkit-background-clip: initial;
-webkit-background-origin: initial;
background-color: transparent;
color: rgb(51, 51, 51);
font: normal normal normal 11px/normal Arial;
padding: 4px 21px 4px 0px;
padding-top: 4px;
padding-right: 21px;
padding-bottom: 4px;
padding-left: 0px;
position: relative;
text-decoration: none;
float:right;
top:-25px;
}

.close a {
background: url('images/btn_close.png') no-repeat 100% 50% transparent;
#background-image: url(images/btn_close.png);
#background-repeat: no-repeat;
#background-attachment: initial;
#background-position-x: 100%;
#background-position-y: 50%;
-webkit-background-clip: initial;
-webkit-background-origin: initial;
background-color: transparent;
color: rgb(51, 51, 51);
font: normal normal normal 11px/normal Arial;
padding: 4px 21px 4px 0px;
padding-top: 4px;
padding-right: 21px;
padding-bottom: 4px;
padding-left: 0px;
position: absolute;
right: 6px;
text-decoration: none;
top: 5px;
}

.memo { color: rgb(51, 51, 51); font-size: 9px; font-weight: bold; font-decoration: italics; }