body  { font-family: Arial, Helvetica, sans-serif; margin: 0; text-align: center; font-size: 10px; color: #333; }

h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.6em; font-weight: normal; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.4em; font-weight: normal; }
h6 { font-size: 1.2em; }

th { text-align: left; font-size: 14px; padding: 5px 10px; background-color: #888; color: #fff; }
p { color: #000; font-size: 1.2em; }
li { color: #000; font-size: 12px; }
img { border: none; }
a { text-decoration: none; }
a:hover { color: #666; }

#center_container { text-align: left; width: 955px; margin: 0 auto; background-color: #fff; }
#log_box { width: 954px; height: 18px; text-align: right; margin-top: 5px; }
#hdr { position: relative; text-align: left; height: 71px; width: 955px; }
#volume { position: absolute; top: 16px; right: 3px; color: white; }
#volume p { font-size: 11px; }

#nav { padding: 1px 0 0 0; z-index: 999; margin: 20px 0 20px 0; height: 30px; width: 955px; background: url(images/nav-bg-up.jpg) repeat-x;  }
ul#nav_menu { padding: 0; list-style: none; height: 30px; width: 895px; letter-spacing: 1px; margin: 7px 0 0 0; }
ul#nav_menu li { position: relative; display: block; float: right; padding: 0px 40px 0 10px;  height: 30px; font-weight: bold; }
ul#nav_menu li a { color: #555; font-size: 13px; padding: 10px 0px; text-decoration: none; }
ul#nav_menu li a.hilite { font-weight: bold; color: #c02a19; }
ul#nav_menu li a:hover { color: #c02a19; }
#nav ul li ul { z-index: 999; position: absolute; width: 250px; margin-top: 8px; padding: 5px 0px; background-color: #fff; text-align: left; left: -999em; font-size: 13px; }
.nav-pages ul li ul { top: 17px; z-index: 999; }
.nav-index ul li ul { bottom: 20px; z-index: 999; }
#nav ul li ul a:hover { text-decoration: none; z-index: 999; }
ul#nav_menu li ul li { text-align: left; line-height: 20px; padding: 0px; display: block; float: none; z-index: 999; height: 20px; }
ul#nav_menu li ul li a { color: #666; padding-left: 10px; z-index: 999; border-left: solid 1px #555; }
ul#nav_menu li ul li a:hover { color: #c02a19; z-index: 999; }
ul#nav_menu li:hover ul, ul#nav_menu li ul:hover { left: 0px; z-index: 999; }
#nav_menu li:hover ul, #nav_menu li.sfhover ul { left: 0px; z-index: 999; }


#search_box_home { width: 955px; margin: 12px 0 15px; background: url(images/gray-bar-02.gif) top right no-repeat #888; color: #fff; padding: 10px 0; font-size: 15px; font-weight: bold; height: 60px; float: left; }
#search_box_from_home { width: 955px; margin: 12px 0 15px; background: url(images/gray-bar-02.gif) top right no-repeat #888; color: #fff; padding: 10px 0; font-size: 15px; font-weight: bold; height: 60px; }
td.seachfields { padding-left: 10px; }
select.searchjobs { border: solid 1px #666; height: 12px; padding: 2px 0; -webkit-appearance: listbox; -webkit-padding-start: 5px; }
table.searchjobs { width: 96%; margin: 0 0 0 8px; }

#home-left-column { width: 670px; float: left; }
#home-right-column { width: 285px; float: left; background-color: #f6f6f6; text-align: center; margin: 19px 0 0 0; }

#search-training { margin: 7px auto 0; border: solid 1px #999; width: 250px; padding: 0 10px 10px 10px; text-align: left; background-color: #fff; }
#search-training h2 { color: #777; font-size: 16px; margin: 10px 0 5px 3px; padding: 0;}
table.training-search { margin: 0; padding: 0; color: #777; font-size: 12px; font-weight: bold; }

#myjobguide { margin: 20px auto 0; border: solid 1px #fc3c15; width: 270px; padding: 0 0 10px 0; background: url(images/my-job-guide-bg.gif) repeat-x #fff; text-align: left; }
#myjobguide p { font-size: 15px; margin: 15px 0 10px 15px; line-height: 25px; font-weight: bold; text-align: left; }
table.myjob-signin { margin: 0 0 0 10px; color: #777; font-size: 12px; font-weight: bold; }
td.sign-in-button { text-align: right; padding: 5px 18px 0 0; }

#jobfairs { margin: 20px auto; width: 270px; padding: 0 0 10px 0; }

#paper-box { margin: 20px auto; width: 270px; }
#paper-box img { float: left; margin: 0 15px 0 10px; }
#paper-box p { display: block; width: 125px; float: left; padding: 0; margin: 0 0 10px 0; font-size: 11px; }
#paper-box h3 { display: block; width: 125px; float: left; padding: 0; margin: 6px 0 0 0; text-align: center; font-size: 14px;  }
#paper-box img.job-fair-button { margin: 0 0 0 0; float: none; }


#cover_banners { float: left; width: 660px; margin: 20px 0 0 0; }
#cover_banners img { margin: 0; }
#cover_banners img.cover-banner1 { margin-right: 20px;}

#small-banners { margin: 30px 0; width: 655px; float: left; padding: 10px 0; text-align: left; border: solid 1px #f3efd4; background-color: #fffde7; }
img.small-banners { border: solid 1px #666; margin: 0; padding: 0; }
#sm-banner-1 { float: left; margin-left: 10px; }
#sm-banner-2 { float: left; margin-left: 15px; padding: 0;}
#sm-banner-3 { float: left; margin-left: 15px; }

#social-media { float: left; width: 260px; margin: 0 0 0 0; border-bottom: solid 2px #999; height: 105px; padding: 0; }
#featured-cos { float: left; width: 355px; margin: 0 0 0 38px; border-bottom: solid 2px #999; height: 105px; padding: 0; }
#featured-cos img { margin: 0 20px 0 0; padding: 0; }
#social-header, #featured-cos-header { border-bottom: solid 2px #999; height: 12px; }
#social-header { margin: 0 0 20px 0; width: 260px; }
#featured-cos-header { margin: 0 0 10px 0;  width: 355px;}
#featured-cos h2, #social-media h2 { background-color: #fff; color: #999; display: block; font-size: 14px;  }
#social-media h2 { width: 114px; }
#featured-cos h2 { width: 228px; }
.fb-logo { float: left; }
.twit-logo { float: left; margin-left: 3px; }
.link-logo { float: right; }
img.co-logo { margin: 0 15px; }
img.company-logos { margin: 0 15px; float: right; }

#home-text-area { color: #666; margin: 40px 0; width: 655px; float: left; background: url(images/small-gradient.jpg) repeat-x; border: solid 1px #ddd; }
#home-text-area h1 { padding: 0 10px; margin: 10px 0 0 0;}
#home-text-area p { padding: 0 10px 20px 10px; line-height: 19px; }

#footer { clear: all; width: 955px; text-align: center; border-top: solid 1px #999; padding: 10px 0; margin: 40px 0;  }
#footer,#footer a, #footer visited { color:#666 }
#footer a { text-decoration:none }

#refine{ padding:5px; background-color: #888; color: #fff; z-index: -99; }
#refine td{padding:0 3px}
h4.refine-headers { font-size: 16px; }
table.refine-search { float: left; color: #fff; font-weight: bold; font-size: 12px; margin-right: 28px; }
table.new-search { width: 300px; color: #fff; font-weight: bold; font-size: 12px; margin-left: 50px; }
#refine table.new-search td, #refine table.refine-search td { padding: 0 0 4px 0; }

#save_features { text-align: right; width: 775px;margin: 30px 0 0 0;  }

#banners { width: 145px; float: right; text-align: left; }
#banners p { padding: 0; margin: 0; text-align: right; }
.banner_img { margin: 30px 0 0 0; }

h1.results-header { margin: -33px 0 0 0; }
#refine_options { margin: 10px 0; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 5px 0; width: 775px;  }
#info_banner { margin: 15px 0 10px 0; border: none; width: 775px; }
#info_banner .banner_img { margin: 0 15px 0 0; }
#cat_cities { margin: 15px 0 10px 0; border: none; width: 760px; background-color: #f4f4f4; padding: 1px 10px 1px 12px; }

table.results { border-collapse: collapse; border: none; width: 775px; }
table.results td { vertical-align: top; }
tr.odd{ background:#f4f4f4; }
tr.even{ background:#fff; }
h3.result-title { font-size: 14px; font-weight: bold; padding: 10px 0 0 10px; margin: 0; }
a.result-title-link { text-decoration: none; color: #bf2000; }
p.results-company-name { margin: 0; padding: 10px 0 0 0; color: #000; }
p.results-location { margin: 0; padding: 8px 0 0 0; text-ailgn: right; color: #000; }
p.results-description { margin: 3px 20px 0 10px; padding: 0; color: #000; }
p.result-link-options { margin: 10px 0 0 10px; padding: 0 0 10px 0; }
th.job-title-header { text-align: left; font-size: 14px; padding: 5px 10px; background-color: #888; color: #fff; }
th.location-header { text-align: left; font-size: 14px; padding: 5px 10px; background-color: #888; color: #fff; }

th.next-prev-link { font-size: 12px; padding-bottom: 15px; background-color: #888; color: #fff; } 

th.job-cat-header { background-color: #888; color: #fff; text-align: left; padding: 1px 5px; }
a.cat-links { font-weight: bold; text-decoration: none; }
a:hover.cat-links { color: #000; }
td.job-cat-cell { padding: 20px 0 20px 30px; }

#result{padding:0 10px;margin-right:145px}
#result h1{ margin:10px 0 0 3px; font-size: 20px }
#result h2{ margin: 5px 8px; color: #c02a19; font-size: 1.2em; }
#result ul{list-style:none;margin:0;padding:0 5px}
#center_container img.company-logos { margin: 10px 10px 10px 30px; float: right; }
li.company-locations { font-size: 12px; font-weight: bold; margin: 0; padding: 2px 0; }
p.cos-loc-title { margin: 0;  }
h3.cos-company-name { font-weight: bold; font-size: 16px; margin: 5px 0 2px 0; }
a.co-name-link { text-decoration: none; color: #000; }
p.cos-description {  }
p.cos-co-link { margin: 0 0 10px 0; }
td.cos-cells { padding: 10px 20px; }

#sublinks   { color: #000; background-color: #fff; text-align: center; width: 135px; float: right; }
#sublinks p {margin: 30px 0; font-size: 15px}
#sublinks p a:link {color: #000}
#sublinks p a:hover {color: #000}
#sublinks p a:visited {color: #000}
#sublinks p a:active {color: #000}

#zindex { z-index: -999; }

th.state-name { background-color: #bbb; font-size: 12px; padding: 2px; }
table.dist-areas { margin: 20px 0; }
table.dist-areas td { padding: 0; }

h2.reverse { background-color: #999; color: #fff; padding: 2px 5px; font-size: 1.4em; margin: 20px 0 0 0; }

#dio_box { position: fixed; bottom: 30%; left: 215px; z-index: 150; background-color: #fbfbfb; }
* html #dio_box {position:absolute;}

/* JOB DETAIL PAGE */
#job table { border: solid #000 1px; border-collapse: collapse; }
#job h1 { margin: 4px 3px}
#job h2 { margin: 5px 10px; }
#job h3 { margin: 5px 10px; }
#job h4 { margin: 5px 10px; }
#job p { margin: 5px 10px; }
#job div.locations { float: left; margin: 0px 20px 5px }

.blue { background-color: #1956C0; color: #fff;}
.green { background-color: #309F1D; color: #fff;}
.red {background-color: #C02A19; color: #fff;}
.yellow { background-color: #FFAE00; color: #000;}
.purple { background-color: #844ABA; color: #fff;}
#share-buttons { margin: 20px 0 0 0; border-top: solid 1px #999; border-bottom: solid 1px #999; width: 16em; float: right; padding: 0 0 6px 0; }
#share-buttons a { color: #000; font-weight: bold; }

span.important { color: #BB0000; font-size: 1.2em; font-weight: bold; }

/**-------------- OLD CSS ----------------**/


form { margin: 0;}
h4{ font-size: 14px; margin: 5px 2px; }
p,label{font-size:12px}
a { color: #C02A19;}
legend {font-size:14px}

#hdr h1 { position: absolute; top: 30px; left: 500px; width: 330px; font-size: 18px; color: #fff; font-style: italic;  text-align: center; margin: 0; padding: 0; letter-spacing: 2px;}
#jg_box,#recruit_box{position:absolute}
#jg_box{top:7px;left:890px}
#jg_box,#log_box p,#recruit_box p {margin:0}
#jg_box,#log_box p,#recruit_box td {padding:0}
#recruit_box a{color:#3c3c3c;text-decoration:none}
#recruit_box { top:147px; left:480px; width:470px}
#recruit_box p {padding:5px 0 2px 0}
#recruit_box table{border-collapse:collapse}

#content{background:#c1c1c1 url("http://www.thejobguide.com/images/content_bk.gif") repeat-x}
#content h1{font-size:18px;margin:8px 5px}
#content h2{font-size:14px;margin:20px 5px}
#content h5{font-size:12px;margin:8px 0 5px 10px;padding:0;color:#3c3c3c}
#content p{margin:3px 5px}
#content input,#content select{margin-right:8px}

#main h1{margin:10px 0 10px 3px;font-size:20px}
#main h2{font-size:16px;padding:2px 5px; margin: 15px 0 0 0;}
#main h3{font-size:16px;margin:4px 0;color:#2e5da1}
#main p{margin:8px}
#main ul  {margin: 5px 25px; padding: 0}
#main li   { margin-top: 2px; margin-right: 10px }
#main fieldset{background:#fff;padding:5px 15px}
#main fieldset,#main legend{margin:0}
#main legend{padding:5px 0 0 0;font-weight:bold}
#main #right_content {float: right; margin: 0 0 10px 10px; width: 200px; text-align: center}
#right_content p {font-size: 10px}






#center_content { width: 768px; margin: 30px auto; text-align: left; padding: 0 20px 30px 20px; background-color: #fff; border-right: solid 1px #bbb; border-left: solid 1px #bbb; }



#searchContent_2 { display: none; z-index: -999; }

#job_search { background-color: #FF9900; color: #fff; padding-left:17px; padding-right: 15px;}
#training_search { background-color: #C02A19; color: #fff;}
div.search_options { font-size: 12px; color: #fff; margin: 0 30px; padding: 0 0 3px 0;}
a.tab { background-color: transparent; border: 1px solid #000; border-bottom-width: 0; border-color: black; margin: 0; padding: 2px 1em 2px 1em; position: relative; top: 2px; z-index: 100;}
a.tab, a.tab:visited { color: #fff;}
a.tab:hover { background-color: transparent; border-color: black; color: black;}
a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited { background-color: transparent; border-color: black; color: black;}
a.tab.activeTab { padding-bottom: 4px; top: 0; z-index: 102;}
div.search_content { border: 1px solid #000; border-color: black; padding: 0; position: relative; z-index: 101;}
div.search_content h1 {text-align: center;}
div.search_content a { color: #000; text-decoration: none;}
div.search_content a:visited { color: #000; text-decoration: none;}
div.search_content.red {  background-color: #fff; background-image: url("http://www.thejobguide.com/images/search_train_bk.gif"); background-repeat: repeat-x;}
div.search_content.yellow {  background-color: #FFFBF2; background-image: url("http://www.thejobguide.com/images/search_job_bk.gif"); background-repeat: repeat-x;}



.cell p { margin: 5px 0; font-size: 10px;}
.clear { clear: both}
.small { font-size: 10px; font-weight: normal }
#admin fieldset{background:#fff;padding:5px 15px}
#admin fieldset,#admin h1{border:solid #bbb 1px}
#admin fieldset,#admin legend,#admin h1,#admin dl,#admin dt{margin:0}
#admin legend{padding:5px 0 0 0;font-weight:bold}
#admin label {font-weight: bold}
#admin h6,#admin dt{font-size:14px}
#admin legend {color:#C02A19}
#admin fieldset a:visited {color:#000}
#admin dt a {color:#000}
#admin textarea {font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 5px;}
#admin h1{font-size:16px;padding:2px 5px}
#admin h6{color:#c02a19; margin: 8px 0;}
#admin dl{clear:both}
#admin dt{padding:10px 0}
#admin dt a{text-decoration:none}
#admin dd p{font-size:10px}

.michelle { background-color: #c3009e; color: #fff;}
div.error { display: block; background: white; color: #C02A19; border: solid 1px #C02A19; font-size: .9em; font-weight: bold; margin: 10px; padding: 8px; }
div.success { display: block; background: white; color: green; border: solid 1px green; font-size: .9em; font-weight: bold; margin: 10px; padding: 8px; }

#admin_menu { position:relative; width:100%; padding:0 0 1.75em 0; margin: 30px 0 20px 0; list-style:none; line-height:1em;}
#admin_menu li { float:left; margin:0; padding:0; font-size: 10px;}
#admin_menu a { display:block; color:#fff; text-decoration:none; background:#666; margin:0; padding:0.25em 1em; border-left:1px solid ccc; border-top:1px solid #ccc; border-right:1px solid #ccc;}
#admin_menu a:hover, #admin_menu a:active, #admin_menu a.here:link, #admin_menu a.here:visited { background:#1956C0;}
#admin_menu a.here:link, #admin_menu a.here:visited { position:relative; z-index:102;}
#admin_menu ul { position:absolute; left:0; top:2.1em; width: 650px; background:#1956C0; margin:0; padding:0.25em 0.25em 0.25em 1em; list-style:none; border-top:1px solid #CFE2FF;}
#admin_menu ul li { float:left;	display:block; margin-top:1px;}
#admin_menu ul a { background:#1956C0; color:#fff; display:inline; margin:0; padding:0 1em; border:0}
#admin_menu ul a:hover, #admin_menu ul a:active, #admin_menu ul a.here:link, #admin_menu ul a.here:visited { color:#fff;}
#help   { background-color: #fff; display: none; position: absolute; z-index: 40; width: 300px; border: solid 2px #ff8400; text-align: left}
#help h1 { padding: 2px 2px 0 5px; font-size: 15px}
#help h2 { font-size: 18px; margin: 5px}
#help p { margin:0 5px 8px 5px}
.home_warning { background-color: #fffb98; width: 500px; margin: 10px auto 20px; padding: 10px; border: solid 1px #bb0000  }
.floatright { float: right; padding:  15px 20px 0 0; }
#twtr-search-widget, #twtr-profile-widget { float: right; padding: 5px 0 5px 20px;}