/* =Standards -----------------------------------------------------------------------------*/ html { min-height: 100%; background-color: #7d8a8c; } #wrapper { min-height: 100%; text-align: left; border: 0; width:948px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; position: relative; } * { border: 0; padding: 0; margin: 0; text-align: left; }/* Set everything to "zero" */ html, body { min-height:100%; /*for compliant browsers*/ font: x-small Arial, Verdana, sans-serif; voice-family: "\"}\""; voice-family: inherit; font-size: small;/*for IE 5.5 */ font-size: 100%; line-height: 1.125em; } /*non-content: e.g., -navigation lists, etc. Slightly smaller than content text {font-size:0.75em;} */ ul li a { height: 1%; /* make links honour display: block; properly */ } /* 100% height for compliants, enwraps floated content*/ #html #wrapper { height:100%; }/* and feed IE what it needs */ html, body, p, th,td, li, dd, dt { font: Tahoma, Verdana, Arial, Helvetica, sans-serif, Myriad Pro; text-align: center; } p { font-family:Arial, Helvetica, sans-serif; color:#3F3844; font-size: 12px; } h1, h2, h3, h4, h5, h6 .clear { clear:both; } h1 { font-size: 2.0em; } h2 { font-size: 1.5em; } h3 { font-size: 1.2em; } h4 { font-size: 1.0em; } h6 { font-size: 0.8em; font-weight: bold; color: #FF00FF; }/* Defined default Header sizes*/ a:link, a:visited, a:focus, a:hover, a:active { background-color:none; }/*s.508 Accessibility*/ a:link { color: #00f; } a:visited { color: #009; } a:focus, a:hover { color: #06f; }/* a:focus for non-mouse pointers: e.g. "hotkeys", etc. s.508*/ a:active { color: #0cf; } .clear { clear:both; height:1px; overflow:hidden; } /* =Overall Structure -----------------------------------------------------------------------------*/ #wrapper { background:url(../images/layout/fullvertbkg.png) repeat-y; height: 100%; margin-top: 0px; } body { background:url(../images/layout/fullbkgrepeat-z.png) 0 -30px repeat-x; } #headercontainer { width: 948px; height: 160px; padding: 0px; z-index: 15; margin-bottom: -50px; text-align: center; } #mainmenucontainer { width: 948px; height: 51px; position:relative; z-index: 20; } #childmenucontainer { width: 200px; height: 100%; position:relative; z-index: 20; float:left; text-align: left; margin-right: 4px; } #topmenucontainer { width: 948px; height: 24px; position:relative; z-index: 20; } #pagetitlebarcontainer { width: 900px; height: 50px; position:relative; z-index: 20; margin-left: 18px; text-align: left; margin-top: -10px; margin-bottom: 20px; } #bodycontainer { width: 948px; position:relative; padding-bottom: 10px; text-align:left; z-index: 10; height: 100%; min-height: 450px; } #footercontainer { width: 948px; position:relative; } #jobofday { width:88px; float:left; position:relative; padding: 0 8px 0 0; } #toppagebar { width: 100%; height:20px; background-color:#C6C9CA; } imput {background-color:#003399; } /* =Typography -----------------------------------------------------------------------------*/ /* =Headings -----------------------------------------------------------------------------*/ /* =Links -----------------------------------------------------------------------------*/ a.regularlink:link { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #0AA3AF; line-height: 21px;} a.regularlink:hover { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #0066CC; line-height: 21px; text-decoration: underline; } a.regularlink:visited { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; line-height: 21px; } a.regularlink:active { font: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; line-height: 21px; } #footercontainer a:link { color: #999999; text-decoration: none; } #footercontainer a:visited { color: #999999; } #footercontainer a:hover { color: #999999; text-decoration: underline; } #footercontainer a:active { color: #999999; } a.lightlink:link { color: #999999; font-size:11px; font-style:italic; } a.lightlink:visited { color: #999999; font-size:11px; font-style:italic; } a.lightlink:hover { color: #FF0000; font-size:11px; font-style:italic; } a.lightlink:active { color: #999999; font-size:11px; font-style:italic; } #childmenucontainer li a:link { color: #333399; text-decoration: underline; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 15px; } #childmenucontainer li a:visited { color: #666666; text-decoration: none; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 15px; } #childmenucontainer li a:hover { color: #000000; text-decoration: none; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 15px; } #childmenucontainer li a:active { color: #000000; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 15px; } #relatedlinkscontainer h6 { font-size:13px; color:#999999; font-weight: normal; text-align: left; font-family: Arial, Helvetica, sans-serif; margin: 0 0px 15px 0px; } #relatedlinkscontainer p {margin-bottom:9px;} #relatedlinkscontainer a {line-height:14px;} #relatedlinkscontainer a:link { color: #999999; text-decoration: none; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; } #relatedlinkscontainer a:visited { color: #000000; text-decoration: underline; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; } #relatedlinkscontainer a:hover { color: #000000; text-decoration: none; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size:11.5px; } #relatedlinkscontainer a:active { color: #000000; text-decoration: none; text-transform:capitalize; font-family:Arial, Helvetica, sans-serif; font-size:11.5pt; } #wrapper #bodycontainer #contentcontainer #jobofday p strong { font-size: 11px; } #wrapper #bodycontainer #contentcontainer #jobofday p { font-size: 11px; line-height: 14px; margin: 0 0 5px 0; } #wrapper #bodycontainer #contentcontainer #jobofday em { font-size: 11px; font-style:normal; font-weight:bold; } .RegText { color: prtflo_news.htm8484; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; line-height: 16px; } .RegTextForm { color: #126190; font-family: Verdana, Arial; font-size: 10px; font-style: normal; font-weight: normal; font-variant: normal; background-color:#F3F3F3; border:#CCCCCC thin dotted;} #jobofday p {font-size:5px;} blockquote {padding-left:20px;} /* =Directions Bullet CSS -----------------------------------------------------------------------------*/ ol {margin: 0 0 20px 20px;} #directionslist { width:100%px; list-style:decimal; } #directionslist li { margin-left: 15px; padding-right:100px; font-size:12px; list-style: decimal; color:#333333; line-height: 16px; text-align:left; color:#333333; position:relative; margin-bottom: 8px; width: 100%; } /* =Regular Bullet CSS -----------------------------------------------------------------------------*/ #bullet { width:100%; list-style:square; position:relative; margin: 10px 0 20px 20px } #bullet li { margin-left: 15px; padding-right:100px; font-size:12px; color:#333333; line-height: 16px; text-align:left; color:#333333; position:relative; margin-bottom: 8px; width: 100%; list-style: square; } /* =Top Menu CSS -----------------------------------------------------------------------------*/ #topmenu { width: 405; height: 24px; background: url(../images/menu/topmenusprite.png); margin: 0; padding: 0; position: relative; } #topmenu li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} #topmenu li, #topmenu a { height: 24px; display: block;} /* = Top Menu Placment of Links -------------------------------------*/ #policies { left: 543px; width: 75px; } #workforcedev { left: 618px; width: 201px; } #contact { left: 819px; width: 129px; } /* = Top Menu Hover of Links -------------------------------------*/ #policies a:hover { background: url(../images/menu/topmenusprite.png) -543px -24px no-repeat;} #workforcedev a:hover { background: url(../images/menu/topmenusprite.png) -618px -24px no-repeat;} #contact a:hover { background: url(../images/menu/topmenusprite.png) -819px -24px no-repeat;} /* = Top Menu ON-PAGE of Links -------------------------------------*/ #policies-on { background: url(../images/menu/topmenusprite.png) -543px -24px no-repeat;} #workforcedev-on { background: url(../images/menu/topmenusprite.png) -543px -24px no-repeat;} #contact-on { background: url(../images/menu/topmenusprite.png) -543px -24px no-repeat;} /* =CHILD Menu CSS -----------------------------------------------------------------------------*/ #childmenu { width: 160px; height: 100%; position: relative; margin-left:18px; } #childmenu li { margin: 0; list-style: none; float:left; text-align:left; padding-top:10px; padding-left:27px; padding-bottom:10px; position: relative; top: 0; background:url(../images/menu/childmenu.jpg) no-repeat; width:100%; height:100%;} #childmenu li, #childmenu a { display: block; text-align:left; } /* =Main Menu CSS -----------------------------------------------------------------------------*/ #mainmenu { width: 948; height: 51px; background: url(../images/menu/mainmenusprite.png); margin: 0; padding: 0; position: relative; } #mainmenu li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0;} #mainmenu li, #mainmenu a { height: 51px; display: block;} /* = Main Menu Placment of Links -------------------------------------*/ #home { left: 0; width: 94px; } #jobseekers { left: 94px; width: 116px; } #employers { left: 210px; width: 104px; } #onestopservice { left: 314px; width: 228px; } #nwlb { left: 542px; width: 210px; } #labormarketdata { left: 752px; width: 196px; } /* = Main Menu Hover of Links -------------------------------------*/ #home a:hover { background: url(../images/menu/mainmenusprite.png) 0 -51px no-repeat;} #jobseekers a:hover { background: url(../images/menu/mainmenusprite.png) -94px -51px no-repeat;} #employers a:hover { background: url(../images/menu/mainmenusprite.png) -210px -51px no-repeat;} #onestopservice a:hover { background: url(../images/menu/mainmenusprite.png) -314px -51px no-repeat;} #nwlb a:hover { background: url(../images/menu/mainmenusprite.png) -542px -51px no-repeat;} #labormarketdata a:hover { background: url(../images/menu/mainmenusprite.png) -752px -51px no-repeat;} /* = Main Menu ON-PAGE of Links -------------------------------------*/ #home-on { background: url(../images/menu/mainmenusprite.png) 0 -51px no-repeat;} #jobseekers-on { background: url(../images/menu/mainmenusprite.png) -94px -51px no-repeat;} #emplayers-on { background: url(../images/menu/mainmenusprite.png) -210px -51px no-repeat;} #onestopservice-on { background: url(../images/menu/mainmenusprite.png) -314px -51px no-repeat;} #nwlb-on { background: url(../images/menu/mainmenusprite.png) -542px -51px no-repeat;} #labormktdata-on { background: url(../images/menu/mainmenusprite.png) -752px -51px no-repeat;} /* =Sub Menu -----------------------------------------------------------------------------*/ /* =Main Content -----------------------------------------------------------------------------*/ .floatingleft { float: right } .bodytext { font:Lucida Grande, Lucida Sans, Trebuchet MS, Tahoma, Verdana, sans-serif; font-size:12.5px; color:#333333; line-height: 16px; } #footercontainer p { font-size:11px; color:#999999; line-height: 11pt; } #bodycontainer p { font-size:13px; color:#000033; text-align:left; } #contentcontainer { float:left; width:500px; text-align:left; height: 100%; padding-bottom: 100px; margin-left: 26px; margin-top: 0px; } #contentcontainer-propform { float:left; width:650px; text-align:left; height: 100%; padding-bottom: 100px; margin-left: 26px; margin-top: 0px; } #relatedlinkscontainer { float:right; width:160px; height: 100%; margin-right: 28px; padding: 0px 10px 0px 0px; text-align: left; } #contentcontainer em strong { color:#333333; } #contentcontainer strong { color:#560000; } #contentcontainer p { margin-bottom: 13px; line-height: 18px; } #contentcontainer h1 { font-size: 17px; margin-bottom:18px; text-align: left; font-family:Arial, Helvetica, sans-serif; color:#990000; font-weight: normal; line-height: 21px; } #contentcontainer h2 { font-size: 15px; margin-bottom:13px; text-align: left; font-family:Arial, Helvetica, sans-serif; color:#990000; margin-top: 22px; font-weight: normal; } /* =Secondary Content -----------------------------------------------------------------------------*/ /* =Footer -----------------------------------------------------------------------------*/ /* =Forms -----------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset { border: 1px solid transparent; } /* =Misc 1 - Prop Form Styles -----------------------------------------------------------------------------*/ table { border:0; } table td { border:0; text-align:left; } table label { font-size:12px; font-weight: normal; } /* =Misc 2 -----------------------------------------------------------------------------*/ /*START CONVEYE LINK*/ #conveyelink { width:204px; height:116px; margin-left:auto; margin-right:auto; } #conveyelink a { width:204px; height:116px; display:block; background: transparent url(http://www.conveye.com/permalinks/conveye-link-medium.png) no-repeat; background-position: 0px 0px; } #conveyelink a:hover { background-position: -204px 0px; } #conveyelink a:active { background-position: -204px -1px; border:medium; } /*END CONVEYE LINK*/ #wrapper #bodycontainer #childmenucontainer #childmenu strong { font-size: 11px; line-height: 12.5px; } #wrapper #bodycontainer #relatedlinkscontainer a.righthomelink:link { font-size: 12px; color: #0000CC; } #wrapper #bodycontainer #relatedlinkscontainer a.righthomelink:hover { font-size: 12px; color: #0000CC; } #wrapper #bodycontainer #relatedlinkscontainer a.righthomelink:active { font-size: 12px; color: #0000CC; } #wrapper #bodycontainer #relatedlinkscontainer a.righthomelink:visited { font-size: 12px; color: #0000CC; } #wrapper #bodycontainer #contentcontainer-propform .formTRSection .tabletext b { font-size: 16px; color: #AC080F; } #wrapper #bodycontainer #contentcontainer-propform .formTR .tabletext { background-color:#FFFFFF; padding: 5px; font-size: 12px; } #wrapper #bodycontainer #contentcontainer-propform .formTRSection .tabletext { padding: 5px; } #wrapper #bodycontainer #contentcontainer-propform input, #wrapper #bodycontainer #contentcontainer-propform textarea { background-color:#EDEFEF; border: #999999 1px solid; font-size: 12px; padding: 2px; } #wrapper #bodycontainer #contentcontainer-propform .formTRSection .subheadertable { font-size: 16px; font-weight: bold; padding: 5px; color: #FFFFFF; background:url(../images/formtable/formheader.png) repeat-x; } #wrapper #bodycontainer #contentcontainer-propform .formTRSection .tabletext em { font-size: 11px; color: #FFFFFF; } #wrapper #bodycontainer #contentcontainer-propform .formTR .tabletext select { margin:0 0 15px 0; } #wrapper #bodycontainer #contentcontainer-propform .formTRSection .submitform { text-align: center; padding: 30px; }