/* IL COLORS --------------------------------
	#AFBC22 : Lime Green              #AABA0A
	#004D43 : Traditional IL Green    #004D43
	#005478 : Blue                    -------
	#E7A614 : Orange                  #D88C02
    #C85A01 : Dark Orange             ------- 
	#A30046 : Rasberry                #8E2344
	#E9ECCD : Pale Green background   #E9ECCD
              Teal Green              #006056

/* root element mark-ups */
html{ background: #e9eccd; min-height:600px; min-width:800px; height:100%}
body { margin: 10px; font-family:Verdana, Helvetica, Arial, sans-serif; text-align:center; font-size:10px;font-weight: 400; position:relative; height:100%;} 

ul{ list-style-type:none; margin:0; padding:0;}
fieldset {	background: #EEEBDC;
			color:#000;
			margin-bottom:10px;
			padding:20px; 
			border:solid 1px #000; 
			position:relative;}

label, label span { display: block; padding-bottom: .25em;}
label {float: left; width:100%;}
label span{float:left; width:50%; text-align:right;}
input, select, span{ font-family: Verdana, Helvetica, Arial, sans-serif; font-size:10px;font-weight: 400;
	           text-transform:none;}
fieldset select, textarea, checkbox{float:right; width:45%;border: 1px solid #AABA0A;}
fieldset input {float:right;}
li a:visited,
li a:link,
td a:visited,
td a:link { color: Blue;
	        border: 0;text-decoration:none;}
li a:hover,
td a:hover { color:#C85A01;}
/* division mark-ups */
div#branding{   margin: 0;
                padding:0;
                width: 100%;
                height:100px;
				/*background: #AABA0A url(app_assets/images/logo.gif) no-repeat 5px 50%;*/
				background:#AFBD22 url(app_assets/images/sub_logo.gif) no-repeat 5px 50%;
                position: relative;}
				
div#branding h1{ position:absolute;
                 left:400px;
                 top:30%;
				 padding:0;
                 margin:0;
				 color: #fff;
				 font-weight:normal;
				 font-size: 27px;}    

div#branding h2{ position:absolute;
                 left:490px;
                 bottom: 10%;
				 padding:0;
                 margin:0;
				 color: #fff;
				 font-weight:normal;
				 font-size: 27px;}    

div#branding h3{ position:absolute;
                 right:5px;
                 bottom: 0;
				 padding:0;
                 margin:0;
				 color: #000;
				 font-weight:normal;
				 font-size: 10px;}    				 
				  
ul#nav_main,
ul#nav_sub     { position: absolute;
				 width: 300px;
				 padding: 5px 20px 5px 20px;
				 right:0;}
				 
ul#nav_main		{ top:0;
				 background: #004d43;}
ul#nav_sub      {top:20px;
				 background:#E9ECCD;}			 
ul#nav_main li,
ul#nav_sub  li{ display: inline;
				 margin:0;
				 padding:0;
				 width:50%}			
				 	 
ul#nav_main li a:link,
ul#nav_main li a:visited,
ul#nav_sub  li a:link,
ul#nav_sub  li a:visited
					{	text-decoration:none; text-transform:lowercase; }
ul#nav_main li a:link,
ul#nav_main li a:visited,
ul#nav_main 		{ color: #fff;}			
ul#nav_sub  li a:link,
ul#nav_sub  li a:visited
					{ color: #000;}
ul#nav_main li a:hover,
ul#nav_sub  li a:hover{color:#D88C02;}

.nav_left  {float:left;}
.nav_right {float:right; text-align:right;}

div#site_info{  margin: 0;
                
                width: 100%;
                padding-top:5px;
				/* padding-top:50px;
                   background: url(app_assets/images/werfenLogo.gif) no-repeat 0 0; */
                position: relative;
                float:left;
				font-size:9px;
				color:#004d43;
				font-family:Arial,Helvetica,sans-serif,Verdana;
				font-weight:normal;
				line-height:15px;}
				
div#site_info h1{ position:absolute;
	              /* top:50px; */
                  left:0;
                  padding:0;
                  margin:0;
				  color:#004d43;
				  font-weight:normal;
				  font-size: 10px;}    

div#site_info h2{ position:absolute;
	              /* top:35px; */
                  right:0;
                  padding:0;
                  margin:0;
				  color:#004d43;
				  font-weight:normal;
				  font-size: 10px;}    
ul#company_info_links{position:absolute; /* top:50px; */right:0;}
div#site_info li{display: inline;}
div#site_info a, a:visited{border-left: 1px solid #004d43;padding: 0 5px 0 5px; text-decoration:none; color:#004d43;}
div#site_info a:hover{color: #b5bc22;}

div#content {width:100%; border-top:30px solid #D88C02;min-height:500px; /*background: url(app_assets/images/background_world.png) no-repeat 50% 50%;*/ background-color:#fff; position:relative;}
/* VALIDATOR POP-UP DEFAULT STYLES */
.ajax__validatorcallout .ajax__validatorcallout_callout_cell {width:20px;height:100%;text-align:right;vertical-align:top;border:none;background-color: Transparent;padding:0px;}
.ajax__validatorcallout .ajax__validatorcallout_callout_table {height:100%;border:none;background-color: Transparent ;padding:0px;}
.ajax__validatorcallout .ajax__validatorcallout_callout_table_row {background-color:white;padding:0px;}
.ajax__validatorcallout .ajax__validatorcallout_callout_arrow_cell {padding:8px 0px 0px 0px;text-align:right;vertical-align:top;font-size:1px;border:none;background-color: Transparent;}
.ajax__validatorcallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {font-size:1px;position:relative;left:1px;border-bottom:none;border-right:none;border-left:none;width:15px;background-color: Transparent;padding:0px;}
.ajax__validatorcallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {height:1px;overflow:hidden;border-top:none;border-bottom:none;border-right:none;padding:0px;margin-left:auto;}
.ajax__validatorcallout .ajax__validatorcallout_error_message_cell {font-family:Verdana;font-size:10px;padding:5px;border-right:none;border-left:none;width:100%;}
.ajax__validatorcallout .ajax__validatorcallout_icon_cell {width:20px;padding:5px;border-right:none;}
.ajax__validatorcallout .ajax__validatorcallout_close_button_cell {vertical-align:top;padding:0px;text-align:right;border-left:none;}
.ajax__validatorcallout .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {border:none;text-align:center;width:10px;padding:2px;cursor:pointer;}

/* SITE DEFAULTS */
.input_required {width:5px;
                 color:Red;}
                 
.failureMessage { font-size:10px;
	               font-weight: bold;
	               color:#ff0000; }
	               
.common_fieldWrapper{padding:  15px 2px 15px 60px;
	                 background-color:#C85A01;
	                 width:400px;
	                 float:left;}

.common_fieldWrapper_full{padding:  15px 2px 15px 60px;
						  background-color :#C85A01;
						  position:relative;
	                      width:90%;}
	                 	                 
.common_fieldWrapper h1,
.common_fieldWrapper_full h1{font-weight:bold;
                        /*color:#D88C02;*/
                        color:#fff;
                        font-size:10px;
	                    text-transform :lowercase;} 	  
.common_fieldWrapper h2,
.common_fieldWrapper_full h2{font-weight:normal;
                           color:#fff;
	                       font-size:10px;
	                       text-transform :lowercase;} 	     

.common_fieldWrapper p,
.common_fieldWrapper_full p {font-weight:normal;
                            color:#fff;
	                        font-size:10px;
	                        text-transform :lowercase;}
/*.common_fieldWrapper fieldset span { text-align:justify; text-transform:none;}*/
.common_fieldWrapper_full p,
.common_fieldWrapper_full h1,
.common_fieldWrapper_full h2{text-align:left;}	                        	  

.common_fieldWrapper_full h2{color:#000;}
         
.common_messageWrapper_full {background-color:#C85A01;
	                    width:90%;padding:  15px 2px 15px 60px;}
.common_messageWrapper {background-color:#C85A01;
	                    width:400px;}	                                	               
.common_messageWrapper_full span,
.common_messageWrapper span{background-color:#C85A01;
	                        color:#ffffe1; text-decoration:blink;}

.save_fieldWrapper{padding:  15px 2px 15px 60px;
	               background-color:#006056;
	                 width:400px;
	                 float:left;}           
/* asp.net or ajaxExtension classes */
.validatorCalloutHighlight { background-color: #ffffe1; }

/* LOG IN */
/*fieldset#fstLogin, fieldset#fstRememberMe{width:300px;}
fieldset#fstRememberMe span{width:100%; text-align:center; padding-bottom:.50em;}
fieldset#fstRememberMe a, a:visited{text-decoration:none; color:#fff;}
fieldset#fstRememberMe a:hover{color: #b5bc22;}*/

/* LOG OFF */
/*fieldset#fstLogin, fieldset#fstRememberMe{width:300px;}
fieldset#fstRememberMe span{width:100%; text-align:center; padding-bottom:.50em;}
fieldset#fstRememberMe a, a:visited{text-decoration:none; color:#fff;}
fieldset#fstRememberMe a:hover{color: #b5bc22;}*/

/*--- defaults 
 we can apply styles to our wrapper divs to act as defaults for this section
*/
.wrapper{position:relative;
	                padding:0; height:0;
	                float:left;}
.wrapper h1{font-weight:normal;
                       color:#FFFFFF;
	                   font-size:10px;
	                   background-color:#C85A01;}
	                     
.wrapper table{background-color:#C85A01;}	     
                          
/*div#addUser_wrapper{position:relative;
	                padding:0;}
	 
div#addUser_wrapper h1{font-weight:normal;
                       color:#FFFFFF;
	                   font-size:10px;
	                   background-color:#C85A01;}
	                     
div#addUser_wrapper table{background-color:#C85A01;}*/
                
	                          
.wizardBorder {font-size:10px;
	           font-weight:bold;
	           color:#D88C02;
	           text-transform:lowercase;
	           background-color:#C85A01;}

/* MAIN NAVIGATION */
div#nav{position: relative;
	    float:left;
		background: #AABA0A;
		color:#006056;
		width:15%;
		float:left;
		text-align:center;
		margin:0;
		padding:0;}

div#nav h1{ font-weight:normal; font-size:100%;letter-spacing:2px; padding-bottom:4px;  }
div#nav Ul{	width: 100%;
			Margin: 0;
			Padding:0 0 10px 0;}
			
div#nav Li{	list-style-type: none;
			Margin: 0 5px;
			Padding: .2em 0 .2em 0;
			Border-bottom: 1px solid #c898ae;
			letter-spacing:2px; text-transform:uppercase;
			background-color:#006056;
			font-size:75%;
			color:#AABA0A;}

div#nav Li a{display: block;}
div#nav Li: hover {background-color:#fedaeb; }
div#nav a, a:visited{text-decoration:none; color:#fff;}
div#nav a:hover{color: #b5bc22;}


div#nav_horizontal{	position: absolute;
	             	top:0;
					left:0px;
					background: #AABA0A;
					width:100%;
					color:#006056;
					text-align:left;
					height:20px;
					margin:0;
					padding:0;}

div#nav_horizontal h1{ font-weight:normal; font-size:10px; letter-spacing:2px; display:inline; top:0; left:0; position:absolute; padding:0; margin:0; text-indent:10px;}
div#nav_horizontal ul{	position:absolute;
						top:0;
						left:150px;
						Margin: 0;
						Padding:0 0 20px 10px;}
			
div#nav_horizontal ul li{	display:inline;
							Margin: 0;
							Padding: 0;
							letter-spacing:2px; text-transform:uppercase;
							font-size:10px;
							background-color:#006056;
							color:#AABA0A;
							border-left:1px solid #fff;
							padding:0 10px 0 10px;}



div#nav_horizontal  ul li a{display: inline; color:#fff; font-size:10px; text-transform:lowercase; font-weight:normal; height: 1%; }
div#nav_horizontal  Li: hover {background-color:#fedaeb; }
div#nav_horizontal  a, a:visited{text-decoration:none; color:#fff;}
div#nav_horizontal  a:hover{color: #b5bc22;}



div#content_sub{margin:0 10px 0 10px;
	            position:relative;
	            width:80%;
	            float:right;
	            /*background-color:#fff;*/
	            }
	            
div#content_sub_full{	margin:0;
	                    padding-top:20px;
						position:relative;
						width:100%;
						text-align:left;
						float:left;
						background-color:#fff;}
.common_table {background-color:#fff;}
.common_table caption{	text-align:left;
	background-color:#EEEBDC;
							text-transform:uppercase;
							color:#000;}

.common_table thead{background-color:#006056;
	                color:#fff; text-transform:uppercase;}
.common_table th,
.common_table tfoot td{padding-top:20px;}
.common_table tbody{background-color:#fff;}	      
         
.common_table tfoot{background-color:#EEEBDC;
	                color:#004D43;
	                font-style: italic;
	                text-align:justify;
	                text-transform: lowercase;
	                padding:10px 0 10px 0;}

.alternatingRow {background-color:#EEEBDC;}
.processingMessages
{
	padding:10px 10px 10px 10px;
	background-color: #8E2344;
	color:#fff;
	width:100px;
}

/* Grid */
.MyGridView {float:left;}

.MyGridView th { font-weight:normal; background-color:#D88C02; color:#a40047; }					/* header row */

.MyGridView a,     											/* for link to reagent lot help */
.MyGridView a:link,   
.MyGridView a:hover, 
.MyGridView a:visited
{
	font-size:1.125em; /*16 x ? = 18 (desired font)*/
	text-decoration:none;
	color:Blue;
	cursor:default;
}

.MyGridView tr.row
{
	color:#000;
/*	background-color:#ecf2e9; */
background-color:#f0f0f0;
}
.MyGridView tr.altrow
{
	color:#000;
	background-color:#f8f5e2;
}
.MyGridView	tr.row:hover,
.MyGridView tr.altrow:hover
{
	background-color:#fadfad;
}

div#myGrid{float:left; padding: 10px 0 0 0; width:100%; }
div#myGridDocs{float:left; padding: 10px 0 0 15px; width:100%}
div#gridFooter{float:left;width:600px;position:relative;}

/* --- lab header for grid ---*/
div#gridSelectedLab
{
	width:500px;
	padding: 5px 0 5px 15px;
	background-color:#8E2344;
}
div#gridSelectedLab h1
{
	font-size:10px;
	padding:0;
	margin:0;
	color:#E9ECCD;
	display:inline;
	background-color: transparent;
}
div#gridSelectedLab span
{
	background-color: transparent;
	color:#E9ECCD;
}

/* --- grid processing period legend --- */
div#gridLegend{margin: 5px 0 5px 0;font-size:10px;}

.gridLegend_table {background-color:#ccc;
	               font-size:10px;
	               text-transform:lowercase;
	               padding:0px;
	               color:#000;}
.gridLegend_table caption{	text-align:center;
							text-transform:uppercase; background-color:#999; color:#fff;}

.gridLegend_table thead{color:#999; text-transform:uppercase;}
.gridLegend_table th,
.gridLegend_table tfoot td{font-weight:normal;text-transform:lowercase; text-align:center;}
.gridLegend_table tbody{background-color:#fff;}	      
         
/* Accordion */
.accordionHeader
{
    /*color: #D88C02;*/
    color:#fff;
    letter-spacing:2px;
    background-color: #C85A01;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    width:400px;
    text-align:left;
    text-indent:10px;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    /*color: #C85A01;*/
    color:#fff;
    background-color: #D88C02;
	font-family: Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	width:760px;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-align:left;
    text-indent:10px;
}

.accordionContent
{
    /*background-color: #C85A01;*/
    border: 1px dashed #C85A01;
    border-top: none;
    padding: 5px;
    width:760px;
}

div#dynamicPanel
{
	text-align:left;
	background-color: #EEEBDC;
	border: solid 1px #000;
	padding:20px;
}

div#dynamicPanel h1
{
	background-color: #ffffe1;
	color:#000;
	padding:2px;
}
div#dynamicMessage
{
	text-align:left;
	background-color: #8E2344;
	border: solid 1px  #000;
	padding:0;	
	color: #fff;
}
div#dynamicMessage p{color: #fff; padding:5px;}

.supportPanel
{
	padding:5px 5px 5px 5px;
	min-height:200px;
	border: solid 1px #AABA0A;
	background-color:#006056;
}
.myUl,
.methodLotHelp { list-style-type:disc; text-align:justify ; }
.myUl li,
.methodLotHelp li { padding-bottom:10px; text-transform:lowercase;}
.myUl span,
.methodLotHelp span { text-transform:lowercase;}

.supportPanel p
{
	color:#fff;	
}

/*.zmethchargPanel
{
	padding:5px 5px 5px 5px;
	border: solid 1px #AABA0A;
	background-color:#ffffe1;
	overflow:auto;
}
.zmethchargPanel ul
{
	list-style-type: disc;
	list-style-position: inside;
}*/

div#labInfo {float:left;
	         width:50%;}
div#processingPeriods {float:right;
						width:50%;}	         

/* GENERAL INPUT FIELDS */
						
#progressBackgroundFilter {
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  overflow:hidden;
  padding:0;
  margin:0;
  background-color:#000; 
  filter:alpha(opacity=50);
  opacity:0.5;
  z-index:1000;
}
.modalFilter
{
 /* position :absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px; 
  z-index:1000; */
  overflow:hidden;
  padding:0;
  margin:0;
  background-color:#000; 
  filter:alpha(opacity=50);
  opacity:0.5;
 
}
 
.menu_link_locked{	background: transparent url(app_assets/images/locked.png) no-repeat 220px;
					height:20px;}

#processMessage { 
  position:absolute; 
  top:10%; 
  left:43%;
  padding:10px;
  width:14%;
  z-index:1001;
  background-color:#fff;
} 

div#documentGrid {background-color:#FFF;padding:5px 5px 5px 5px;}
div#twentyPercent {width:20%;min-height:520px;  height:auto !important; height:520px;background: url(app_assets/images/left_background.jpg) repeat; float:left; background-color:#F1971C; text-align:left;}
div#eightyPercent {min-height:520px;background-color:#fff;float:left; text-align:left;margin:0;padding:0; width:80%;}
div#quickSearch{text-align:left;padding:5px; background-color:#E1E1E1; border:10px solid #D88C02;border-top:0px;margin:0;}
div#quickSearch h1{font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;margin:0; padding:0; background-color:#E0E0E0;}
div#navigationTree{float:left; width:100%; text-align:left;padding: 0px 5px 10px 5px;}
div#flashFile{position:absolute; top:450px;}

.collapsePanelHeader { background: url(app_assets/images/panel_header.gif) repeat-x; height:30px; width:100%;font-weight:bold; padding:0; margin:0;}
.collapsePanelHeaderText { padding:0; margin:0; font-weight:bold;}
.tree_hover{ background-color:#D88C02;}
.tree_hover a:link,
.tree_node  a:link { color:#000;}
.collapsePanel{ width:100%;
	            height:0;
	            overflow:hidden;}

.MyNewGridView {margin: 0; padding:0;}
.MyNewGridView th{padding: 0 20px 0 20px}
.MyNewGridView td{padding: 0 5px 0 5px}
.MyNewGridView_header,
.MyNewGridView_footer {	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
						color: #4f6b72;border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;
						border-top: 1px solid #C1DAD7;letter-spacing: 2px;text-transform: uppercase;
						text-align: left;padding: 6px 6px 6px 12px; background-color:#aaba0A;}
.MyNewGridView_footer { background-color:#E1E1E1;}							
.MyNewGridView_base,
.MyNewGridView_alt  {border: 1px solid #C1DAD7;padding: 6px 6px 6px 12px;}
.MyNewGridView_alt {background: #E9ECCD;color: #797268;}
.MyNewGridView_base {background: #FFF;color: #4f6b72;}
/*	Tree menu */	

#tree-menu{	margin: 0px;border: 0px;padding: 0px 5px 0px 10px;text-align:left;height:100%;}
#tree-menu h2{font-family: Arial, Helvetica, sans-serif, Verdana;	font-size: 13px;font-weight: normal;font-style: normal;color: #ffffff;	border: 0px;padding: 0px 0px 2px 0px;margin: 0px;}
#tree-menu h3{font-family: Arial, Helvetica, sans-serif, Verdana;	font-size: 12px;font-weight: normal;font-style: normal;color: #ffffff;	border: 0px;padding: 0px 0px 2px 0px;margin: 0px;}
#tree-menu ul{padding-left: 12px;margin: 0px;border:0px;display: block;font-size: 13px;}
#tree-menu li{padding-top: 2px;padding-bottom: 2px;display: block;list-style-type: none;font-size: 13px;}
/*#tree-menu li#current{display: block;color: #004d43;font-size: 13px;font-weight: normal;font-weight: normal;}
#tree-menu li#current ul{font-size: 13px;}*/
#tree-menu a:link, #tree-menu a:visited, #tree-menu a:active{text-decoration: none;font-weight: normal;color: #ffffff;font-size: 13px;}
#tree-menu a:hover{	text-decoration: none;color: #004d43;font-size: 13px;}


/*	Tree menu horizontal */

#tree-menu_horizontal{position: absolute;top:-18px;left:10px;text-align:left;height:20px;margin:0;padding:0;}
#tree-menu_horizontal h1{font-weight:normal; font-size:13px; display:inline; padding:0; margin:0; text-indent:10px; background-color:#fff;padding:2px;}
#tree-menu_horizontal ul{margin: 0;padding:0 0 20px 10px;display:inline;width:100%;}
#tree-menu_horizontal li{display:inline;Margin: 0;Padding: 0;font-size:13px;padding:0 10px 0 10px;}
#tree-menu_horizontal li#current{display:inline;color: #004d43;font-size: 13px;font-weight: normal;font-weight: normal;}
#tree-menu_horizontal li#current ul{font-size: 13px;}
#tree-menu_horizontal a:link, 
#tree-menu_horizontal a:visited, 
#tree-menu_horizontal a:active{text-decoration: none;font-weight: normal;color: #ffffff;font-size: 13px;}
#tree-menu_horizontal a:hover{text-decoration: none;color: #004d43;font-size: 13px;}

#popUp {background: url(app_assets/images/left_background.jpg) repeat-x;}
#popUp h1{font-family: Arial, Helvetica, sans-serif, Verdana;	font-size: 13px;font-weight: normal;font-style: normal;color: #ffffff;	border: 0px;padding: 0px 0px 2px 0px;margin: 0px;}

#myBody {font-family: Arial, Helvetica, sans-serif, Verdana; text-align:left;	font-size: 12px;font-weight: normal;font-style: normal;color: #ff0000;	border: 0px;padding: 5px 0px 0px 10px;margin: 0px;}
#myBody h1{font-family: Arial, Helvetica, sans-serif, Verdana;	font-size: 13px;font-weight: normal;font-style: normal;color: #ccc7ba;	border: 0px;padding: 10px 0px 0px 10px;margin: 0px;}

fieldset.productSelected {margin-bottom: 10px;  margin: 3px 0 0;}
fieldset.productSelected li {list-style: none; padding: 5px; margin: 0;}

.roundedOrangePanel {background-color: #D88C02; width:50%;}
.roundedOrangePanel blockquote{margin:0;padding:10px 20px 10px 20px;background: url(app_assets/images/left_background.jpg) repeat;}