body { margin:0 auto; padding:0 0 20px 0; font:.8em "trebuchet ms", Helvetica, Verdana, Arial, sans-serif; width:100%; background:#AFBDC8; }

/*** PAGE STRUCTURE STYLES ***/
#page { width:90%; min-width:770px; max-width:1024px; margin:0 auto; padding:0; border-left:1px solid #333; border-right:1px solid #333; background:#FFF;}
#header { margin:0px; padding:0 0 0px 0;  }
#content {min-height:300px;  background-color:#fff; padding:0px 10px 10px 10px; margin:0;/* border-top:1px solid #8BC99A;*/}
#footer { margin:0 auto;  padding: 5px 0; border-top:1px solid #369; border-bottom:1px solid #333; text-align: center; background-color:#6F9ECC; color:#000;}

/*** HEADING STYLES ***/
h1 {font-size:2.0em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}

/*** DOCK Styles ***/
#dock {float: right; background-color:#fff;padding:2px 5px 5px 5px;}
#dock ul {list-style:none;}
#dock ul li {display:inline;margin-right:5px;margin-left:5px;}

#dock a {color:#000;text-decoration:none;}
#dock a:hover {border-bottom:2px solid #F2D608;}

/*** HEADER STYLES ***/
#header img {float:left; margin:5px 10px 0px 5px;}
#header h1 {float:left;color:#333;margin:10px 0 10px 0;padding:0;}
#header #logout {float:right;padding:2px 6px;}
#header #logout a {color:#333;font-size:.9em;text-decoration:underline;}
#header #logout a:link, #header #logout a:visited {}
#header #logout a:hover {text-decoration:underline;}
#header #logout a:active {text-decoration:none;}
	
/*** HEADERNAV STYLES ***/
#header ul {margin:0;padding:0;}
#header #headernav {font-size:1.1em;margin:5px 0 0 75px;list-style:none;}
#header #headernav a {text-decoration:none;padding:3px 6px;margin:0;}

#header #headernav a:link, #header #headernav a:visited {color:#fff;background-color:#5E86AD;}
#header #headernav a:hover {color:#fff;background-color:#476582;/*#1B6A32;*/}
#header #headernav a:active {color:#fff;background-color:#476582;/*#1B6A32;*/}

#header #headernav a.current:link, #header #headernav a.current:visited,
#header #headernav a.current:hover,#header #headernav a.current:active {color:#000;background-color:#B8CFE6;font-weight:bold;}

#header #headernav li {display:inline;}
#header #headerbottom {height:12px;display:block;margin:3px 0 0 0;padding:0 0 3px 0;width:100%;background-color:#B8CFE6;}
/*** CONTENT STYLES ***/
#content h2 {margin:5px 0;text-align:left;color:#000;border-bottom:1px solid #000;}

/*** COLDBOX MESSAGEBOX STYLES ***/
.cbox_messagebox{
        font-size: 13px;
        font-weight: bold;
}
.cbox_messagebox_info{
        background: #E9F3F8 url(images/information.png) no-repeat scroll .5em 50%;
        border: 1px solid #2580B2;
        margin: 0.3em 0;
        padding: 0 1em 0 2.5em;
}
.cbox_messagebox_warning{
        background: #FFF2CF url(images/help.png) no-repeat scroll .5em 50%;
        border: 1px solid #2580B2;
        margin: 0.3em 0;
        padding: 0pt 1em 0pt 2.5em;
}
.cbox_messagebox_error{
        background: #F8C7C8 url(images/exclamation.png) no-repeat scroll .5em 50%;
        border: 1px solid #AA171C;
        margin: 0.3em 0;
        padding: 0 1em 0 2.5em;
}

/*** GENERAL STYLES ***/
.error {background-color:#FFFF33;padding:4px;}
.button {cursor:pointer;}
.printonly {visibility:hidden;}

/*** FOOTER STYLES ***/
#footer a {color:#fff;text-decoration:none;}
#footer a:link {border-bottom:1px dotted #fff;}
#footer a:visited {border-bottom:1px dotted #fff;}
#footer a:hover {border-bottom:1px solid #fff;}
#footer a:active {color:blue;border-bottom:1px solid blue;}

/** GENERAL TABLE STYLES **/
#page table {border-collapse:collapse;background-color:#fff;border-color:#999;}
td, th {padding:4px;}
.section table td, th, #content table.lotinfo td table td, #searchresults table td {border: 1px solid #999;}

table th.dualaction {width:14%;}
table th.id {width:50px;}


/** Summary Results Table Styles **/
table.summary {border:1px solid black;}
table.summary td {border:0;}
table.summary td {border-top:1px solid #bbb;}
table.summary tr td.numbers {text-align:right;padding-right:10px;}

table.summary tr.facility td {border-bottom:1px solid #bbb;border-top:1px solid #bbb;background-color:#EFF2F0;}
table.summary tr.grand td {font-size:16px;font-weight:bold;background-color:#7BA989;}
table.summary tr.country td {border-bottom:1px solid #000;font-weight:bold;font-size:14px;background-color:#CFE7D5}

/** SEARCH STYLES **/
p.searchparam {margin-bottom:0px;}
fieldset.dateissued {margin:5px 10px 10px 10px;}
legend {color:#000;}

#content table.lotinfo td {border:none;}
#lotTable table {margin-bottom:0px;}

tr.inactive td {background-color:#ddd;}
tr.status3 td {background-color:#ddd;}
tr.status1 td { background-color: #F48D80; }

/*** GENERAL FORM STYLES ***/
form {margin:0;padding:0;background-color:#fff;}
form li {list-style:none;padding:5px 0;margin:0;}
form label {display:block; padding:0; margin:0;}
form label.inline {display:inline;}
form label a {text-decoration:none;}
input.large {font-size:16px;padding:2px;}
.hint {font-size:.8em;padding:0;margin:0;}
.left {float:left;}

/*** HTML BUTTON (NON-FORM)STYLES ***/
a.addbutton {margin:10px 10px 0px 10px;padding:4px;border:2px solid #86B57F;background-color:#E7F4E4;display:block}
a.addbutton img {margin-bottom:-2px;}
a.addbutton {text-decoration:none;color:#000;font-size:14px;}


/** REPORT DETAIL FORM **/ 
table th {background-color:#D3AFA1;}

form ol {margin:0;padding:0 0 0 10px;width:345px;float:left;}
form ul {margin:0;padding:0;}
form h2 {margin:5px 0;}
form h3 {margin:0;}

div.singlelineinput {padding:5px 0;margin-left:10px;}
div.section 	{ background-color:#F8F9FA;border-bottom:1px solid #ddd;margin:10px 0px 10px 0px;width:100%;} /** F2F3F5 **/
div.section table {margin:10px auto;width:98%;}
div.section h3 { padding:4px 0 2px 0px; margin:0; background-color:#fff;font-size:17px;color:#344F73;border-bottom:1px solid #ddd;}
div.section p {margin:10px;}

div.section table.lotinfo {margin:10px 0 0 10px;width:518px;background-color:#F8F9FA;}
div.section table.lotinfo table {padding:0px;margin:0px; width:518px;}
div.section table.lotinfo table caption {text-align:left;margin:10px 0 2px 0;}

p {margin:10px 0;}
p.caption {margin-top:0px;}

img {border:none;}
.inline {display:inline;}
.padded {padding-top:7px;}

div#selector form {float:right;}
#selector form option.group {font-weight:bold;}

#report li {}
form li.sameline {margin-right:10px; float:left;}
#report select#configurationid {width:730px;}

/* #report {margin:0;padding:0;} */

#report table {width:730px; margin:10px;}
#report table table { width:100%; margin:6px;}
#report table table th, div #searchresults table table th {background-color:#fff;}
#report table tr.traceback td, table tr.traceback {background-color:#C4E3CC;}

div.section ol.column2 {width:275px;}

tr.highlight:hover {background-color:#FFFAE0;}

#configurationinfo ol {width:275px;margin-bottom:5px;}
#configurationinfo ol.column2 {width:215px; margin-top:3px;}
#configurationinfo ul {margin-left:10px;margin-top:5px;}
.center {margin:5px auto; width:100%; text-align:center;}
.clear {clear:both;}

/** COLDBOX MESSAGE BOX **/
table.messageboxTable{
	border:1px solid #666;
	background: #FFFFE0;
	width: 100%;
	padding: 5px 3px 3px 3px;
	margin:10px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/** Configuration Images (Edit) **/
#configimages .firstimage {padding-left:5px; }
#configimages img {border:1px solid #666;}
.configimageblock { float:left;}

/** Box Images **/
#boximages {padding:10px 0 0 5px;}
#boximages .box {float:left;margin:0 5px 10px 0;}
#boximages img {margin-right:0px;width:180px;border:1px solid black;}
form ol#boximages {width:375px;}
form #boximages img {float:left;}

/*** OTHER ***/
.passwordlink {text-decoration:underline;cursor:pointer;} 
 
 /*** PAGE FOCUS STYLE ***/
 input:focus, a:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(39, 120, 173, 1);
  border: 1px solid rgba(39, 120, 173, 1);
}

/*** Skip Navigation for 508 ***/  
#skip a
{ 
position:absolute; 
left:-10000px; 
top:auto; 
width:1px; 
height:1px; 
overflow:hidden;
} 
#skip a:focus 
{ 
position:absolute; 
width:auto; 
height:auto; 
}

/*** WEBSITE ALERT MESSAGES ***/
.siteAlertMessage {
	margin: 0px 0px 0px 0px; 
	color:#000000;	
	font-size:14px;
	font-weight:700;
}
