body { font-size:90%; font-family:Verdana,Arial,Helvetica,sans-serif; color:#000000; background:#FFFFFF url("/images/mainBackground.jpg") top repeat-x; margin:0; padding:0; } /*margin:0 10px;*/
h1 { position:absolute; top:0; left:-9999em; } /* hide h1 tags from view since they are for screen reader and text browser use only */
td { vertical-align:top; }
table.middle td { vertical-align:middle; }
fieldset legend { font-size:110%; font-weight:bold; color:#24366F; }
fieldset div { margin:1.5em; }
img { border:0; }

#topNav { background:#333 url(/login/images/tn_background.gif) repeat-x bottom; color:#CCC; font-weight:bold; }
#topNav div { text-align:right; width:910px; }
#topNav img { width:136px; height:51px; border:0; }
#topNav span { position:absolute; top:0; left:-9999em; } /* used to hide content since it's for screen reader use only */
#pgHeader { position:relative; background-color:#61676A; }
#pgHeader img { width:803px; height:112px; border:0; }
#pgHeader .ltapLogo { width:167px; height:154px; border:0; position:absolute; top:0; left:805px; }
#pgHeaderBottom { background:#61676A url("/login/images/pgHeaderCenterOnlyBackground.gif") repeat-x; } /*margin-bottom:10px;*/
#pgHeaderBottom img { width:805px; height:73px; }

#mainCol { background-color:#FFFFFF; margin:0 20px; }
#mainContent { background-color:#FFFFFF; padding:3em 2em 2em; }
#mainContent h2 { font-size:150%; color:#24366F; font-weight:bold; border-bottom:2px solid #24366F; margin:0 0 1em; }
#mainContent h2 span { font-size:70%; font-style:italic; }
#mainContent h3 { font-size:120%; color:#24366F; font-weight:bold; margin-top:2em; }
#mainContent h3.first { margin-top:1em; }
#mainContent h4 { font-size:100%; color:#000000; font-weight:bold; margin-top:2em; }
#mainContent p { line-height:1.4em; }
#mainContent li { line-height:1.4em; }
#mainContent a { color:#003399; }
#mainContent a:visited { color:#000033; }
#mainContent a:hover, #mainContent a:focus { text-decoration:none; }
#mainContent th, #mainContent td.th, #mainContent tr.th td { background-color:#000066; color:#FFFFFF; font-weight:bold; text-align:center; }
#mainContent th a { color:#FFF; }
#mainContent th a:visited { color:#FFF; }
#mainContent th img { vertical-align:middle; }
#mainContent table.border { border:1px solid #EEEEE4; border-color:#EEEEE4 #9F9F9E #9F9F9E #EEEEE4; }
#mainContent table.border th, #mainContent table.border td { border:1px solid #9F9F9E; border-color:#9F9F9E #EEEEE4 #EEEEE4 #9F9F9E; padding:5px; }
#mainContent table.centerAll td { text-align:center; }
#mainContent table.centerAll td.left { text-align:left; }
#mainContent table.rightAll td { text-align:right; }
#mainContent table.rightAll td.left { text-align:left; }
#mainContent table.rightAll td.center, #mainContent table .center { text-align:center; }
#mainContent tr.totalRow th { border-top:3px solid #000000; }
#mainContent tr.totalRow td { border-top:3px solid #000000; background-color:#666666; color:#FFFFFF; font-weight:bold; }
#mainContent tr.oddRow { background-color:#FAFAFA; }
#mainContent tr.evenRow { background-color:#E8E8E3; }
#mainContent tr.evenRow td.noColor { background-color:#FAFAFA; }
#mainContent .textData .value { margin:2em 0 0 1em; padding:2em; border:1px solid #666666; }
#mainContent .textData .value div { margin-top:.8em; }
#mainContent .textData .value div.first { margin-top:0; }
#mainContent .textData .actionButton { margin-left:1em; }

#mainContent .textResponse { margin:2em 0 0; }
#mainContent .textResponse .question { margin:0; padding:2em; border:1px solid #666666; border-bottom:1px dashed #CCCCCC; background-color:#EEEEE4; }
#mainContent .textResponse .value { margin:0; padding:2em; border:1px solid #666666; border-width:0 1px 1px; }
#mainContent .textResponse .noQuestion { border-top:1px solid #666666; }

#mainContent .systemText, #mainContent .systemText td { font-style:italic; color:#666666; }
#mainContent .actionButton { margin:.8em 2px 3em; padding:0; font-size:110%; font-weight:bold; }
#mainContent .actionButton a { padding:.8em; margin-right:10px; }
#mainContent .actionButton a, #mainContent .actionButton a:visited { background-color:#094157; color:#FFFFFF; }
#mainContent .actionButton a:hover, #mainContent .actionButton a:focus { background-color:#000000; color:#FFFFFF; }
#mainContent .actionButton span { display:none; }
#mainContent .helpIcon img {  width:25px; height:25px; border:0; vertical-align:middle; padding-left:2px; }
#mainContent .sortIcon img {  width:18px; height:18px; }
#mainContent .smDouble li { margin-bottom:.25em; }
#mainContent .double li { margin-bottom:1em; }
#mainContent .double .normal li { margin-bottom:2px; }
#mainContent .double .smDouble li { margin-bottom:.25em; }
#mainContent .fileInfo { font-style:italic; font-size:80%; white-space:nowrap; }
#mainContent .addInfo { font-style:italic; font-size:80%; }
#mainContent .nowrap { white-space:nowrap; }
#mainContent .label { background-color:#EEEEE4; text-align:right; padding-right:5px; padding-left:5px; }
#mainContent .updated { font-size:110%; font-style:italic; color:#999999; margin:0 0 2em; text-align:right; }
#mainContent .updated span { font-weight:bold; }
#mainContent div.msg { background-color:#FEFDFA; font-weight:bold; font-size:120%; border:1px solid #000000; padding:1em; margin:2em; }
#mainContent div.msg .errorText { color:#FF0000; }
#mainContent div.msg .normal { font-weight:normal; }
#mainContent div.msg ul { margin:.5em 0 0 2em; padding:0; }
#mainContent div.msg li { margin-bottom:.25em; font-weight:normal; }
#mainContent .errorText { color:#FF0000; font-style:italic; font-weight:bold; }
#mainContent img.errorIcon { vertical-align:middle; width:20px; height:20px; }
#mainContent div.formError p { margin:2em 0 2px; font-weight:bold; color:#FF0000; }
#mainContent div.formError p img { width:20px; height:20px; vertical-align:middle; padding-right:10px; }
#mainContent div.formError ul { margin-top:0; margin-bottom:2em; }
#mainContent div.errorBox { background-color:#FEFDFA; border:1px solid #000000; padding:1em; margin:2em; }
#mainContent div.errorBox p { margin:0 0 2px; font-size:120%; font-weight:bold; color:#FF0000; }
#mainContent div.errorBox p img { width:20px; height:20px; vertical-align:middle; padding-right:10px; }
#mainContent div.errorBox ul { margin:2px 0 0 45px; padding:0; }
#mainContent div.errorBox .normal { font-weight:normal; color:#000000; }
#mainContent td.formDiv { border-top:2px solid #CCCCCC; }
#mainContent .sect { margin-bottom:5em; }
#mainContent .sect h3 { border-bottom:2px solid #999999; background-color:#EEEEE4; color:#000000; padding:10px; }
#mainContent .sect h4 { font-size:130%; color:#24366F; font-weight:bold; margin-top:2em; }
#mainContent .sect h5 { font-size:110%; color:#000000; font-weight:bold; margin-top:2em; }

#mainContent .relatedWrapper { position:relative; height:1%; padding-right:200px; }  /* wrapper used to float the related links box */
#mainContent .relatedWrapper h3.first { margin-top:0; }
#mainContent .relatedLinks { position:absolute; top:0; right:0; width:180px; }
#mainContent .relatedLinks .menu, #mainContent .relatedCol .menu { border:1px solid #CCCCCC; background-color:#FFFFFF; }
#mainContent .relatedLinks h3, #mainContent .relatedCol h3 { position:absolute; top:0; left:-9999em; } /* hide h3 tags in the related links section from view since they are for screen reader and text browser use only */
#mainContent .relatedLinks h4, #mainContent .relatedCol h4 { background-color:#720000; color:#FFFFFF; font-weight:bold; font-size:100%; padding:5px; margin:0; }
#mainContent .relatedLinks ul, #mainContent .relatedCol ul { margin:7px 9px 9px 27px; padding-left:0; }
#mainContent .relatedLinks li, #mainContent .relatedCol li { margin-bottom:.3em; }
#mainContent .relatedCol div { margin-left:2em; }

#pgFooter { clear:both; background-color:#FFFFFF; border-top:1px solid #CCC; padding:20px; font-size:75%; line-height:1.4em; min-width:560px; }
#pgFooter a { color:#003399; }
#pgFooter a:visited { color:#000033; }
#pgFooter a:hover, #pgFooter a:focus { text-decoration:none; }
#pgFooter #pgFooterLinks { margin-bottom:1em; font-size:120%; line-height:normal; }

.hide { position:absolute; top:0; left:-9999em; } /* used to hide content since it's for screen reader use only */

/* LOGIN PAGE STYLES */
#loginForm { width:50%; padding-right:2em; }
#loginForm form { background-color:#EEEEE4; border:1px solid #CCCCCC; padding:2em; }
#loginRequest { width:50%; padding-left:2em; border-left:solid 1px #CCCCCC; }
#loginRequest h3 { margin:0; }
#loginRequest ul { margin-top:4px; margin-bottom:2em; }

/* CENTERS ONLY AREA - HOME PAGE STYLES */
#centersOnly td { width:50%; padding-right:2em; }
#centersOnly td.rightCol { padding-left:2em; padding-right:0; border-left:solid 1px #CCCCCC; }
#centersOnly h3.first { margin-top:0; }

/* MAIN NAVIGATION STYLES */
#mainNav { background-color:#9EB9C4; width:260px; border-left:1px solid #666666; }
#mainNav p { margin:2em 1em 1em; font-style:italic; }
#mainNav ul { background-color:#094157; list-style:none; margin:0 10px 20px 0; padding:1em 0 0; width:250px; }
#mainNav a { color:#FFFFFF; font-weight:bold; font-size:90%; text-decoration:none; padding:1em 10px; border-top:1px dotted #9EB9C4; display:block; width:230px; }
#mainNav a:hover, #mainNav a:focus { background-color:#000000; text-decoration:underline; }
#mainNav li.first a { border:0; }
#mainNav a.current { background-color:#24366F; }
#mainNav a.current:hover, #mainNav a.current:focus { background-color:#24366F; text-decoration:none; }
#mainNav ul ul { background-color:#EEEEE4; margin:0; padding:0; }
#mainNav ul ul a { color:#000000; font-size:80%; padding:10px; border-top-color:#CCCCCC; }
#mainNav ul ul a:hover, #mainNav ul ul a:focus { color:#FFFFFF; }

/* SITE MANAGEMENT STYLES */
#mainContent .inactive td { color:#CCCCCC; }
#mainContent .actionLinks { margin:2em 0; }
#mainContent .actionLinks a { font-size:110%; font-weight:bold; }
#mainContent .actionLinks a span { font-style:italic; }