body { font: 12px/14px Arial,sans-serif; color: #333; background: #bfbfbf url('../images/bk.gif') center top repeat-y; text-align: center; margin: 0; padding: 0; }
div,p,td { text-align: left; }

p { font-family: Arial; margin-top: 18px; }
p input { margin-top: 5px; }
h2 { font-family: Arial Narrow; font-size: 20px; color: #555; font-variant:small-caps; }
h3 { font-family: Arial Narrow; font-size: 16px; color: #444; font-variant: small-caps; }

#container { background: #ffffef; margin: 0 auto; padding: 0; width: 760px; }
#header { background: url('../images/header.gif') top left no-repeat; height: 132px; width: 760px; }
#header h1 { color: #039; font-size: 32px; padding: 35px 0 0 190px; margin: 0; }
#header p.tagline { color: #039; font-weight: bold; margin: 15px 0 0 190px; padding: 0; }

#tabbar { text-align: center; background: url('../images/tabbar_bk.gif') top left no-repeat; height: 39px; width: 760px; }
#tabbar #tabs { list-style: none; margin: 0 14px; padding: 0; }
#tabbar #tabs li { height: 35px; float: left; width: 120px; padding: 0 1px; }
#tabbar #tabs li a { display: block; height: 27px; width: 120px; background: url("../images/tab.gif") 0 0 no-repeat; padding-top: 8px; font-weight: bold; color: #039; text-decoration: none; }
#tabbar #tabs li a.bizopps { display: block; height: 27px; width: 120px; background: url("../images/tab.gif") 0 0 no-repeat; padding: 0 0 8px 0; font-weight: bold; color: #039; text-decoration: none; }
#tabbar #tabs li a.on { display: block; height: 27px; width: 120px; background-image: url("../images/tab.gif"); background-position: 0 -35px; background-repeat: no-repeat; padding-top: 8px; color: #eee; }
#tabbar #tabs li a.bizopps_on { display: block; height: 27px; width: 120px; background-image: url("../images/tab.gif"); background-position: 0 -35px; background-repeat: no-repeat; padding: 0 0 8px 0; color: #eee; }
#tabbar #tabs li a.bizopps_on:hover { display: block; height: 27px; width: 120px; background-image: url("../images/tab.gif"); background-position: 0 -35px; background-repeat: no-repeat; padding: 0 0 8px 0; color: #eee; }
#tabbar #tabs li a:hover { display: block; height: 27px; width: 120px; background-image: url("../images/tab.gif"); background-position: 0 -35px; background-repeat: no-repeat; padding-top: 8px; color: #eee; }
#tabbar #tabs li a.bizopps:hover { display: block; height: 27px; width: 120px; background-image: url("../images/tab.gif"); background-position: 0 -35px; background-repeat: no-repeat; padding: 0 0 8px 0; color: #eee; }

.main { width: 760px; padding: 0; margin: 0; z-index: 10; }
#leftbar { width: 190px; background: #cef; float: left; margin: 0; padding: 0; }
#leftbar .loginarea, #leftbar .userarea { padding: 4px 10px; }
#leftbar .userarea { background: url('../images/userArea_bk.gif') bottom left no-repeat; padding-bottom: 10px; }
#leftbar .userarea a { font-size: 10px; font-weight: bold; color: #ccf; }
#leftbar .userarea a:hover { text-decoration: none; color: #eef; }
#leftbar .userarea h3 { color: #fff; font: bold 11px Arial,sans-serif; font-style: italic; padding: 0; margin: 0; }
#leftbar .loginarea { background: url('../images/userArea_bk.gif') bottom left no-repeat; padding-bottom: 10px; }
#leftbar .loginarea .loginbuttonnav { font-size: 10px; color: #039; }

ul.menu, ul.menu ul {
  width: 190px;
  background: #cef;
  padding: 0px;
  margin: 0px;
  z-index: 10;
}
ul.menu li {
  list-style-type: none;
  margin: 0px;
  position: relative;
  height: auto !important;
  height: 20px;
  min-height: 20px;
  color: #cef;
  z-index: 10;
}
ul.menu li > ul {
  display: none;
  position: absolute;
  top: 0px;                    
  left: 190px;
  border: solid 1px #666;
  z-index: 10;               
}
ul.menu li:hover, ul.menu li.CSStoHighlight {
  background-color: #cef;
  color: #000;
  z-index: 10;
}
ul.menu ul.CSStoShow {     
  display: block;
  left: 178px;
  z-index: 10;
  border: solid 1px #666;
                 
}
ul.menu li:hover > ul {    
  display: block;
  z-index: 10;
}

ul.menu li a { color: #444; display: block; position: relative; border: solid 2px #cef; text-decoration: none; font-size: 14px; font-weight: bold; padding: 3px 10px; z-index: 10; }
ul.menu li a:hover, ul.menu li a.CSStoHighLink { border: outset 2px #cef; color: #0d5ea8; z-index: 10; }
ul.menu li:hover > a { border: outset 2px #cef; color: #0d5ea8; z-index: 10; } 

#leftbar #penndotmap { text-align: center; padding-bottom: 20px; background: url('../images/penndot_bk.gif') bottom center no-repeat; }
#penndotlink { text-align: center; padding-bottom: 20px; background-color: #ffffef; padding-top: 10px;}
#penndotmap h2 { margin: 0; padding: 0; background: url('../images/penndot_header.gif') top left no-repeat; height: 46px; width: 190px; }
#penndotmap h2 span { display: none; }
#right { float: right; padding: 0; margin: 0; width: 570px; }
#right #searchbar { background: url('../images/searchbar_bk.gif') top left no-repeat; height: 35px; }
#searchbar #search { float: left; padding: 5px 0 0 15px; }
#searchbar label { font-weight: bold; }
#searchbar input.textbox { font-size: 10px; color: #000; }
#searchbar input.submitbutton { background-color: #cef; color: #333; font-size: 10px; }
#searchbar #links {  float: right; padding: 5px 15px 0 0; }
#searchbar a { color: #009; }
#searchbar a:hover { color: #900; }

#content { padding: 10px 20px; z-index: -10; }
p.mission { font-weight: bold; font-size: 14px; margin-bottom: 2px; }
img.picleft { float: left; padding: 0 10px 10px 0; }

.fp_searcharea { z-index: -10; clear: both; padding-top: 10px; }
#fp_DBESearch { background: #fff; margin-left: 10px; width: 240px; height: auto !important; height: 280px; min-height: 280px; float: left; z-index: 0; }
#fp_DBESearch fieldset { padding: 8px; border: solid 1px #595959; height: auto !important; height: 220px; min-height: 220px; }
#fp_DBESearch fieldset legend { font-weight: bold; color: #009; }
#fp_ProjectSearch { background: #fff; width: 240px; height: auto !important; height: 280px; min-height: 280px; float: left; }
#fp_ProjectSearch fieldset { padding: 8px; border: solid 1px #595959; height: auto !important; height: 220px; min-height: 220px; }
#fp_ProjectSearch fieldset legend { font-weight: bold; color: #f2a30f; }
#fp_DBESearch h3, #fp_ProjectSearch h3 { padding: 0; margin: 2px 0; }
#fp_DBESearch ul, #fp_ProjectSearch ul { margin: 0 0 0 14px; padding: 1px; list-style: none; }
#fp_DBESearch ul li, #fp_ProjectSearch ul li { margin: 2px 0; }
.fp_row { clear: both; margin-bottom: 10px; z-index: 100; }
.fp_row select { margin-left: 10px; font: bold 10px Arial; width: 200px; position: static; z-index: -10; }
.fp_row input { margin-left: 10px; font: bold 10px Arial; width: 200px; }
.fp_row .button { width: auto; font: bold 10px Arial; padding: 2px; }

.fp_library { margin-top: 5px; text-align: center; }
.fp_library h3 { background: url('../images/fromthelibrary.gif') top left no-repeat; height: 42px; margin: 0 0 10px 0; }
.fp_library h3 span { display: none; }
.fp_library div { background: #ffc; padding: 5px; text-align: left; margin: 0 auto; } 
.fp_library div h4 { padding: 0; margin: 0; color: #666; font-weight: bold; font-size: 13px; }
.fp_library div ul { padding: 0; width: 90%; list-style: disc outside; margin: 0; }
.fp_library div ul li { margin: 0 0 0 20px; padding: 6px 0; width: 40%; float: left; }

.trainingReg div { clear: both; }
.trainingReg div label { float: left; width: auto !important; width: 110px; min-width: 110px; }


#footer { color: #039; font-size: 10px; font-weight: bold; margin: 20px 10px 10px 0; padding-top: 10px; border-top: dashed 1px #808080; height: 70px; position: relative; }
#footer img { float: left; margin: 4px; }
#footer p { float: left; }

.clear { clear: both; line-height: 0; }

.Singlerow { clear: both; margin-bottom: 20px; z-index: -1; }
.Singlerow label, .Singlerow span { display: block; width: 150px; float: left; }
.Singlerow input { margin-left: 10px; font: bold 10px Arial; }
.Singlerow select { margin-left: 10px; font: bold 10px Arial; width:200px; }
.Singlerow textarea, .Singlerow input.textarea { margin: 0; font: bold 10px Arial; height:100px; width:300px;}
.Singlerow input.text { margin: 0; width: 300px; }
.Singlerow select.longtext { margin: 0; width: 320px; }
.Singlerow .aspradio { display: block; }
.Singlerow .aspradio label { display: inline; width: auto; float: none; margin: 0; }

div.relevantLinks a { display: block; margin: 0 0 10px 20px; font-family: Arial; font-size: 12px; font-weight: normal;}
div.relevantLinks div.jumplinks { margin: 5px 0 10px 5px; font-size: 10px; font-weight: bold; }
div.relevantLinks div.jumplinks a { display: inline; font-size: 10px; font-weight: bold; }
.col { float: left; width:31%; margin-right: 5px; }

/* What's new */
table.whatsnew_items { padding: 10px; width: 100%; }
table.whatsnew_items h3 { padding: 0; margin: 0; }
table.whatsnew_items td.item { border-bottom: dotted 1px #333; padding: 10px; }
table.whatsnew_items td.altitem { background: #eef; border-bottom: dotted 1px #333; padding: 10px;}



/* login */
.userformInnerrow { float: left; }
.userformHalfrow { width: 48%; float: left; }
.userformFullrow { width: 98%; clear: both; margin-top: 10px; }
h3.userformHeader { width: 98%; border-bottom: solid 1px #333; }
.userformLoginButton { font-size: 10px; color: #039; }
.userformLabel { display: block; float: left; width: 80px !important; width: 80px; min-width: 80px; }
.userformLabelShort { display: block; float: left; margin-right: 4px; }
.userformTextBox { font-size: 11px; font-weight: bold; padding: 2px; color: #333; width: 165px; }
.userformTextBoxLong { font-size: 11px; font-weight: bold; padding: 2px; color: #333; width: 350px; }
.userformTextBoxShort { font-size: 11px; font-weight: bold; padding: 2px; color: #333; width: 80px; }
.userformTextBoxXShort { font-size: 11px; font-weight: bold; padding: 2px; color: #333; width: 30px; }

/* map */
.dbecms_resultmap { height: 250px; border: solid 1px #000;margin-bottom: 4px; }
.dbecms_resultbox { overflow: scroll; height: 250px; border: inset 2px #000; background: #ccc; }
.dbecms_resultjump { font-size: 10px; font-weight: bold; }

/* poster */
#posterResultTitle { color:#f2a30f; font: 16px 'Arial Black',arial,sans-serif; }
#posterResult { border: inset 2px #333; height: 400px; overflow: scroll; background: #808080; padding: 4px; }
.posterItem { width: 495px; background: #efefef; border: solid 1px #666; margin-bottom: 10px; }
.posterItemExpired { width: 495px; background: #999; border: solid 1px #666; } 
div.posterItemHeader { background: #339; border: ridge 2px #666; padding: 2px 6px; margin: 0; margin: 0; }
div.posterItemHeader h3 { font-size: 16px; display: inline; color: #ccf; padding: 0; }
div.posterItemTitle { background: #66c; padding: 2px 6px; margin: 0; }
div.posterItemTitle h3 { font-size: 16px; color: #fff; padding: 0; margin: 0; }
.posterItem div.posterItemRow { clear: both; padding: 4px 6px; margin-bottom: 4px; }
.posterItem div.posterItemLeft { clear: none; float: left; width: 49%; }
.posterItem div.posterItemRight { clear: none; float: left; width: 49%; }
.posterItem span { display: block; width: 80px; font-weight: bold; float: left; }
.posterItem span.block { display: block; float: none; font-weight: bold; }
.posterItem span.inline { display: inline; float: none; font-weight: bold; }
#posterResultSpinner { margin-top: 10px; font: bold 10px Arial; }
#posterResultSpinner input, #posterResultSpinner select { font: bold 10px Arial; }
.posterusertable { padding: 2px; border: solid 1px #333; }
.posterusertable tr.alt td { background: #eee; }
.posteruserheader { background: #f2a30f; color: #eee; font-weight: bold; padding: 2px; }

.posterinquirylist { border: ridge 2px #333; padding:2px; margin: 5px 0; }

/* other jobs */
.otherjobitem { border-style:ridge; border-width: 1px; padding: 5px; margin-bottom: 10px; }
.otherjobitem h3 { margin: 0 0 4px 0; padding: 3px; background: #339; color: #ccf; }

/* Library search */
table.searchresulttable { font-size: 90%; }
table.searchresulttable td { border-bottom: dotted 1px #666; padding: 10px; } 
table.searchresulttable td.resultalt { background: #eee; }
table.searchresulttable .resulttitle { font-size: 120%; font-weight: bold; }
table.searchresulttable .resultcat { font-weight: bold; }
table.searchresulttable .resultkeys { font-style: italic; }


/* Forum */
ul.forumhome_list { list-style: none; }
ul.forumhome_list li { margin-bottom: 4px; }

.userrow { clear: both; margin-bottom: 20px; z-index: -1; }
.userrow label, .userrow span.label { display: block; width: 150px; float: left; margin-left: 20px; }
.userrow label.labelclear, .userrow span.labelclear { display: block; float: left; width: auto; margin: 0;}
.userrow input { margin-left: 10px; font: bold 10px Arial; }
.userrow select { margin-left: 10px; font: bold 10px Arial; width:200px; }
.userrow select.clear { margin-left: 10px; font: bold 10px Arial; width: auto; }
.userrow textarea, .userrow input.textarea { margin: 0; font: bold 10px Arial; }
.userrow input.text { margin: 0; width: 300px; }
.userrow .aspradio { display: block; }
.userrow .aspradio label { display: inline; width: auto; float: none; margin: 0; }

.forumpostdetail {
	font-size: small;
	color: #000000;
	border: 1px solid #595959;
}
.forumpostdetailposter {
	font-size: small;
	font-weight: bold;
	color: #990000;
}
.forumpostdetailtitle {
	font-size: small;
	font-weight: bold;
	color: #595959;
}
.forumpostdetaildatetime {
	font-size: x-small;
	font-style: italic;
	color: #000000;
}
.forumpostdetailalt {
	font-size: small;
	color: #000000;
	background-color: #eeeeff;
	border: 1px solid #333333;
}

table.otherStatesTable { border: 0; }
table.otherStatesTable tr th, table.otherStatesTable tr td { vertical-align: top; padding: 4px 2px; margin: 5px 0; border-bottom: dotted 1px #666; }
table.otherStatesTable tr th { margin-right: 5px; }

/* Contact Us */
div.contactus_directory { margin-bottom: 10px; }
div.contactus_directory h3 { padding: 0; margin: 0; }
div.contactus_directory p { margin: 0;