/* CSS FOR CLOSING MARKET PORTAL - AUTHOR: MATT CORCORAN */

/* GENERAL HTML */
body { margin:10px 20px; font-size:11px; font-family:Arial, Helvetica, sans-serif; background-color:#FFF; color:#000 }
a:link, a:visited { text-decoration:underline; color:#36C; font-weight:bold }
a:active, a:hover, a:visited:hover { text-decoration:none; color:#F90; font-weight:bold }
img { border:0 }

/* SITE HEADER(S) */
#header_site { display:table; margin:0 0 10px 0; padding:0; width:100%; height:57px; border:0; background:url('images/site_header_tagline.gif') right no-repeat }
#header_site h1 { margin:0; padding:0; text-indent:-3000px; height:75px; background:url('images/site_header_closingmarket_logo.gif') left no-repeat }
#header_site p { margin:0; padding:0 }
#header_site p.loginidtext { margin:0; padding:0; position:absolute; float:right; top:30px; right:20px }

/* NAV_MAIN */
#nav_main { margin:0 0 10px 0; width:100%; min-height:25px; text-align:center; background:#C7E0FF; border-bottom:1px solid #36C; border-top:1px solid #36C }
#nav_main ul { margin:0 }
#nav_main li { margin:0; padding:7px; list-style-type:none; display:inline; line-height:24px }

/* CONTAINER FOR NAV_SUB & CONTENT */
#content_container { margin:0 0 30px 0; padding:0; width:100%; border:0; display:table }

/* NAV_SUB */
#nav_sub { float:right; margin:0; padding:0; border:0; width:20%; background:#E0EEFF; border-bottom:1px solid #36C; border-top:1px solid #36C }
#nav_sub h1 { margin:0 0 10px 0; padding:0; font-weight:normal; font-size:18px; line-height:32px; text-align:center; color:#FFF; border-bottom:1px solid #36C; background:#69F }
#nav_sub p { margin:0 0 10px 0; padding:0 10px 0 10px; text-align:left }
#nav_sub ul { margin:0; padding:0; text-align:left }
#nav_sub li { margin:0 10px 13px 15px; padding:0; list-style-type:none }

/* NAVLIST */
#navlist { padding: 0 1px 1px; margin-left: 0; font: bold 12px Verdana, sans-serif; background: gray; width: 20em; }
#navlist li { list-style: none; margin: 0; border-top: 1px solid gray; text-align: left; }
#navlist li a { display: block; padding: 0.25em 0.5em 0.25em 0.75em; border-left: 1em solid #AAB; background: #CCD; text-decoration: none; }
#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }
#navlist li a:hover { border-color: #F70; color: #FFF; background: #332; }

/* CONTENT */
#content_subject { margin:0; padding:0; width:78%; border:0; background-color:#FFF }
#content_subject_nosubnav { margin:0; padding:0; width:100%; border:0; background-color:#FFF }
#content_subject_header { margin:0 0 10px 0; padding:0 10px; line-height:32px; color:#FFF; border-bottom:1px solid #36C; border-top:1px solid #36C; background:#69F }
#content_subject_header a:link, #content_subject_header a:visited { text-decoration:underline; color:#FFF; font-weight:bold }
#content_subject_header a:active, #content_subject_header a:hover, #content_subject_header a:visited:hover { text-decoration:none; color:#9CF; font-weight:bold }
#content_subject_matter { margin:0 0 10px 0; padding:0 10px }
#content_subject_matter h1 { margin:0 0 10px 0; padding:0; font-weight:normal; font-size:23px; line-height:32px; color:#F90; border-bottom:1px solid #CCC; }
#content_subject_matter h2 { margin:20px 0 7px 0; padding:0; color:#36C; font-weight:normal; font-size:18px; line-height:24px }
#content_subject_matter h3 { margin:20px 0 7px 0; padding:0; color:#69F; font-weight:bold; font-size:14px; line-height:18px }
#content_subject_matter p { margin:0 0 7px 0; padding:0 }
/*#content_subject_matter table { margin:0 0 10px 0; padding:0; width:100%; display:table }*/

/* SITE_FOOTER */
#footer { clear:both; float:none; margin:0 0 20px 0; padding:3px 0; width:100%; color:#999; font-weight:bold; text-align:center; vertical-align:middle; background:#EDEDED; border-bottom:1px solid #CCC; border-top:1px solid #CCC }
#footer h1 { margin:0 0 5px 0; padding:0; font-size:11px; line-height:25px }
#footer p { margin:0 0 5px 0; padding:0 }

/* FORM SPECIFIC STYLES 
form { margin:0 0 10px 0; padding:0 }*/
.form_td_label { margin:0 0 10px 0; padding:3px 10px 0 0; width:140px; height:20px; text-align:right; font-weight:bold; vertical-align:top }
.form_td_field { margin:0; padding:0 0 5px 0; width:350px; text-align:left; vertical-align:top; line-height:18px }
.form_td_field_text { margin:0; padding:3px 0 0 0; width:350px; text-align:left; vertical-align:top }
.form_td_field input { width:250px; font-size:11px }
.form_td_field span input { width:auto; font-size:11px }
.form_td_field textarea { width:250px; font-size:11px; font-family:Arial, Helvetica, sans-serif; height:60px }
.form_td_field select { max-width: 400px; width:expression(Math.min(Math.max(125, parseInt(this.offsetWidth)), 400 ) + "px"); font-size:11px; font-family:Arial, Helvetica, sans-serif }
.form_td_field option { font-size:11px; font-family:Arial, Helvetica, sans-serif }
.form_td_field p { margin:0 0 3px 0; padding:0; text-align:left }
.form_td_field .checkbox { margin:0; padding:0; width:15px; text-align:left; font-size:11px; font-family:Arial, Helvetica, sans-serif }
.form_td_field .checkbox_label { margin:0; padding:0; text-align:left; line-height:18px; vertical-align:middle }
.form_td_button { margin:0; padding:0; width:350px }
.form_td_button input { margin:7px 7px 0 0; font-size:11px; font-family:Arial, Helvetica, sans-serif }
.button { margin:0 10px 0 0; padding:0; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding:2px }

/* GRID SPECIFIC STYLES */
.grid { clear:both; width:100%; margin:0; padding:0; display:block }
.grid th { background-color:#59e; margin:0; padding:5px; text-align:center; border:1px solid #FFF; color:#FFF; font-weight:bold }
.grid th a:link, .grid th a:visited { text-decoration:underline; color:#FFF; font-weight:bold }
.grid th a:active, .grid th a:hover, .grid th a:visited:hover { text-decoration:none; color:#9CF; font-weight:bold }
.tr_one { background-color:#EBF5FF }
.tr_two { background-color:#D3E7FF }
.td_left { margin:0; padding:1px; text-align:left; border:1px solid #FFF }
.td_center { margin:0; padding:1px; text-align:center; border:1px solid #FFF }
.td_right { margin:0; padding:1px; text-align:right; border:1px solid #FFF }
.paging_top { margin:0; padding-top:3px; padding-bottom:3px; width:499px; height:25px; text-align:center; background-color:#036; border-left:1px solid #FFF; border-right:1px solid #FFF }
.paging_top ul { margin:auto; padding:0 }
.paging_top li { margin:0 1px 0 1px; width:50px; text-align:center; list-style-type:none; display:inline; line-height:24px }
.paging_top span { margin:0; padding:2px 5px 2px 6px; text-align:center }
.paging_top a:link, .paging_top a:visited, .paging_bottom a:link, .paging_bottom a:visited { text-decoration:none; font-weight:bold; color:#36C; background-color:#C7E0FF; border:1px solid #69C }
.paging_top a:active, .paging_bottom a:active { margin:0; padding:0; text-decoration:none; color:#FFF; font-weight:bold; background-color:#69C }
.paging_top a:hover, .paging_top a:visited:hover, .paging_bottom a:hover, .paging_bottom a:visited:hover { text-decoration:none; font-weight:bold; color:#FFF; background-color:#69C; border:1px solid #9CF }
.paging_bottom { margin:0; padding-top:3px; padding-bottom:3px; height:35px; text-align:center; background-color:#fff; border-left:1px solid #FFF; border-right:1px solid #FFF }
.paging_bottom ul { margin:auto; padding:0; height:24px }
.paging_bottom li { margin:0 1px 0 1px; text-align:center; list-style-type:none; display:inline; line-height:24px }
.paging_bottom span { margin:0; padding:2px 5px 2px 6px; text-align:center }

/* TEXT SPECIFIC STYLES */
.default { color: #000 }
.highlight { color:#369; font-weight: bold }
/*.error { color:#FF0000; font-weight:bold; font-style:italic }*/
.Error { margin:0 0 10px 0; padding:5px; font-weight:bold; color:#F00; border:1px solid #F00; background:#FFE3E3 }
.Error p { margin:0 0 7px 0; padding:0 }
.required { color:#f00 }

/* PAGE SPECIFIC STYLES */
.home_welcome { margin:0 10px; padding:0; font-weight:bold }
.home_menuoption { margin:0 10px 10px 10px; padding:0 0 10px 0 }

#errorStack { margin: auto; width:60%; border:4px solid #5599EE; }
#alertsPanel { margin:0; margin-right:10pt; width:47%; padding:0; float:left; }
#tradingPartnerAlertsPanel { margin:0; padding:10px; background-color: #CCDDEE; border:4px solid #5599EE; font-weight:bold; }
.homeMenu { border:4px solid #CCDDEE; padding:10px; width:47%;}
.linkButton:link, .linkButton:visited { text-decoration:none; font-weight:bold; color:#36C; background-color:#C7E0FF; border:1px solid #69C; padding-left:3px; padding-right:3px; }
.linkButton:active { margin:0; padding:0; text-decoration:none; color:#FFF; font-weight:bold; background-color:#69C }
.linkButton:hover { text-decoration:none; font-weight:bold; color:#FFF; background-color:#69C; border:1px solid #9CF }

@media print {
#header_site { margin:0 auto 10px auto; padding:0; width:730px; height:50px; border:0; background:url('images/site_header_logo.gif') no-repeat }
#nav_main, #nav_sub, #footer { display:none }
#content_container { margin:0 auto 10px auto; width:100%; border:0 }
#content_subject { margin:0 10px 0 0; padding:0; width:100%; border:0; background-color:#FFF }
.grid { margin:0; padding:0; width:100% }
.grid thead { display:table-header-group; color:#F00; background:#CCC }

}