﻿@import url("reset.css");

/* Container */
#content {margin:18px auto 0; width:770px;}

/* Left Column */
#leftCol {margin:0 0 0 28px; width:148px; float:left; display:inline;}
#leftCol .logo {text-align:center; margin:12px 0 0 0;}

/* Left Column - Navigation */
#leftHandNav {width:148px; margin:14px 0 0 0;}
#leftHandNav .navHead {width:148px; height:8px; background:url('../Images/LoginBox/head.gif') no-repeat 0 0 #fff; overflow:hidden;}

#leftHandNav .navBody { background:url('../Images/LoginBox/bg.gif') repeat-y left top;padding:0 4px;width:140px; }

#leftHandNav ul {list-style-type:none;padding:0;width:140px;margin:0;}
#leftHandNav li { padding:0px;}
#leftHandNav ul ul {margin:0;width:140px;}
#leftHandNav li li {border-top:1px solid #c1e0f2;padding:2px 0;}
#leftHandNav ul ul ul { margin:0;}
#leftHandNav li li li {border:0;padding:0 0 0 13px;}
#leftHandNav a {display:block;font-weight:bold;padding-left:12px;padding-top:4px;padding-bottom:4px;text-decoration:none;color:#0064bc;font-size:1.1em;height:1%;}  
/*#leftHandNav li li li a {display:block;font-weight:bold;padding-left:12px;padding-top:3px;padding-bottom:3px;margin:0;text-decoration:none;}
#leftHandNav ul ul ul ul {margin-left:-5px;width:200px;}*/
#leftHandNav a.TopItem:link, #leftHandNav a.TopItem:visited {background:url('../images/navBulletOff.gif') no-repeat 0px 8px; } 
#leftHandNav a.TopItem:hover {background:url('../images/navBulletOn.gif') no-repeat 0px 8px;color:#000;}
#leftHandNav a.TopItemCurrent:link, #leftHandNav a.TopItemCurrent:visited  {background:url('../images/navBulletOn.gif') no-repeat 0px 8px;color:#000;}
#leftHandNav a.subItem:link, #leftHandNav a.subItem:visited {background:url('../images/navBulletOff.gif') no-repeat 0px 8px; } 
#leftHandNav a.subItem:hover {background:url('../images/navBulletOn.gif') no-repeat 0px 8px;color:#000;}
#leftHandNav a.subItemCurrent:link, #leftHandNav a.subItemCurrent:visited {background:url('../images/navBulletOn.gif') no-repeat 0px 8px;color:#000;}
#leftHandNav a.Expanded:link, #leftHandNav a.Expanded:visited {background:url('../images/navBulletOn.gif') no-repeat 0px 8px;color:#000; } 
#leftHandNav ul li li li a.Expanded:link, #leftHandNav ul li li li a.Expanded:visited {background:url('../images/bullet-off.png') no-repeat 0px 55%;color:#000; } 
#leftHandNav ul li li li a.Expanded:hover {color:#000;}
#leftHandNav ul li li li a.subItem:link, #leftHandNav ul li li li a.subItem:visited {background:url('../Images/bullet-off.png') no-repeat 0px 55%;color:#818181; } 
#leftHandNav ul li li li a.subItem:hover {color:#000;}
#leftHandNav ul li li li a.subItemCurrent:link, #leftHandNav ul li li li a.subItemCurrent:visited {background:url('../Images/bullet-off.png') no-repeat 0px 55%;color:#000; } 
#leftHandNav ul li li li a.subItemCurrent:hover { color:#000;}
#leftHandNav .navFooter {width:148px; height:8px; background:url('../Images/LoginBox/footer.gif') no-repeat 0 0 #fff; overflow:hidden;}


/* Left Column - Login/Register Box */
#login {width:148px; margin:10px 0 15px 0;}
#login h2 {margin:0 0 0.5em 0; font-weight:bold; font-size:1.3em;}
#login .loginHead {width:148px; height:8px; background:url('../Images/LoginBox/head.gif') no-repeat 0 0 #fff; overflow:hidden;}
#login .loginMain {width:120px; padding:0 14px 5px; background:url('../Images/LoginBox/bg.gif') repeat-y center center #f3f8fb;}
#login .loginMain .entry {padding:0 3px 0; text-align:right;}
#login .loginMain .entry label {color:#0064bc; margin:0 0 2px 0; text-align:left;}
#login .loginMain .entry .input {width:108px; margin:0 0 8px 0; font-size:1.1em; font-family: Arial, "Trebuchet MS", Verdana, sans-serif;}
#login .loginMain .entry a {margin:0 0 4px; display:block;}
#login .loginMain .entry a.notRegistered {margin:12px 0 0; font-style:italic; font-size:1.1em; text-decoration:none;}
#login .loginMain .entry a.notRegistered:hover {text-decoration:underline;}
#login .loginFooter {width:148px; height:8px; background:url('../Images/LoginBox/footer.gif') no-repeat 0 0 #fff; overflow:hidden;}

/* Central Column */
#centralCol {margin:0 0 0 14px; width:548px; float:left; display:inline; font-size:1.1em;}

/* Central Column - Blue Wrapper Box */
#centralBox {width:548px; color:#353535;}
#centralBox .centralBoxHead {width:548px; height:14px; background:url('../Images/CentralBox/head.gif') no-repeat 0 0 #fff; overflow:hidden;}
#centralBox .centralBoxMain {width:500px; padding:6px 24px; background:url('../Images/CentralBox/bg.gif') repeat-y center center #e5f0f7;}
#centralBox .centralBoxMain .homeintro div { display:inherit; }
#centralBox .centralBoxMain .imageRight {float:right; padding:0 0 20px 20px;}
#centralBox .centralBoxMain a {font-weight:bold;}
#centralBox .centralBoxMain a:hover {text-decoration:underline;}
#centralBox .centralBoxMain ul {margin:0 0 20px 30px;}
#centralBox .centralBoxMain ul li {margin:7px 0;}

#centralBox .centralBoxMain #faqs h2 {margin:0;}
#centralBox .centralBoxMain #faqs h3 {font-size:1.0em;}
#centralBox .centralBoxMain #faqs h3.reveal {cursor:pointer; cursor:hand; margin:15px 0 2px 0; border-bottom:1px dotted #666;}
#centralBox .centralBoxMain #faqs p {background:#e9f5fc; padding:10px;}
#centralBox .centralBoxMain #faqs #answer6, #centralBox .centralBoxMain #faqs #answer9 {margin:0 0 25px 0;}

#centralBox .centralBoxMain #profileSelect {margin:20px 0 0 0;}
#centralBox .centralBoxMain #profileSelect .profile {float:left; width:154px; margin:0 9px 0 0; display:inline; text-align:right; padding:1px 5px 2px 0; overflow:hidden;}
#centralBox .centralBoxMain #profileSelect .profileLast {float:left; width:154px; margin:0; display:inline; text-align:right; padding:1px 5px 2px 0; overflow:hidden;}
#centralBox .centralBoxMain #profileSelect .profile h2, #centralBox .centralBoxMain #profileSelect .profileLast h2 {font-size:1.0em; margin:0;}

#centralBox .centralBoxMain #profileThumbs {margin:10px 0 0 0; padding:12px 14px 4px; background:#e9f5fc;}
#centralBox .centralBoxMain #profileThumbs .thumb, #centralBox .centralBoxMain #profileThumbs .thumbLast {float:left; margin:0 30px 0 0; display:inline; font-weight:bold; text-align:center;}
#centralBox .centralBoxMain #profileThumbs .thumbLast {margin:0;}
#centralBox .centralBoxMain #profileThumbs .thumb a img, #centralBox .centralBoxMain #profileThumbs .thumbLast a img {border:1px solid #dbdbdb; padding:4px; margin:0 0 5px 0; background:#fff;}
#centralBox .centralBoxMain #profileThumbs .thumb a:hover img, #centralBox .centralBoxMain #profileThumbs .thumbLast a:hover img {border:1px solid #a9bcdb;}

#centralBox .centralBoxMain #profiles h1 {margin:0 0 -0.7em 0;}
#centralBox .centralBoxMain #profiles h2 {margin:1.5em 0 0.2em 0;}
#centralBox .centralBoxMain #profiles h3 {margin:0 0 0.8em 0; font-size:1.4em;}

#centralBox .centralBoxFooter {width:548px; height:14px; background:url('../Images/CentralBox/footer.gif') no-repeat 0 0 #fff; overflow:hidden;}

#centralBox p.paging {margin:0 0.5em 0.8em 0; text-align:right; font-size:1.1em;}
#centralBox p.paging a {color:#0064bc; font-weight:bold;}
#centralBox p.saveJob a {color:#0064bc; font-weight:bold; font-size:1.1em;}

/* Central Column - Promo Boxes */
#promo img {border:1px solid #a9bcdb; width:158px; margin:0 8px 20px 0; float:left; display:inline;}
#promo img.last {margin:0;}

/* Central Column - Ticker */
#ticker {background:#f3f8fb;}
#ticker p {color:#0064bc; padding:7px;}
#ticker strong {font-weight:bold; color:#353535;}

/* Central Column - White Content Box */
.contentBox {width:500px; margin:0 0 8px 0;}
.contentBox .contentBoxHead {width:500px; height:7px; background:url('../Images/ContentBox/head.gif') no-repeat 0 0 #fff; overflow:hidden;}
.contentBox .contentBoxMain {width:478px; padding:5px 10px; border-right:1px solid #a9bcdb; border-left:1px solid #a9bcdb; background:#fff; overflow:auto;}
.contentBox .contentBoxFooter {width:500px; height:7px; background:url('../Images/ContentBox/footer.gif') no-repeat 0 0 #fff; overflow:hidden;}

.basic { width:100%;margin:15px 0 0 0; }
.basic div { background:#e9f5fc;padding:10px; }
.basic p { border:none;text-decoration:none;margin:0;padding:10px 0; }
.basic a.header { cursor:pointer;display:block;padding:5px;margin:0;color:#0064bc;padding:10px 0 2px 0;margin:0 0 5px 0;border-bottom:1px dotted #666; }
.basic a.header:hover {  color:#0064bc; }
.basic a.selected { font-weight:bold;color:#0064bc; }

/* Central Column - Vacancy Search */
.searchResults p {margin:0 0 0.4em 0;}
.searchResults p strong {color:#0064bc;}
.searchResults p.readMore {text-align:right; margin:0 0 1.4em 0;}
.searchResults p.readMore a {color:#0064bc; font-weight:bold;}

.jobJump {margin:0 0.5em 0.8em; font-size:1.1em;}
.jobJump a {color:#0064bc; font-weight:bold;}
.jobJump .previous {float:left; width:161px; text-align:left;}
.jobJump .return {float:left; width:161px; text-align:center;}
.jobJump .next {float:right; width:161px; text-align:right;}

.viewJob {font-size:1.1em; margin:0 0 1.4em 0;}
.viewJob .title {width:140px; float:left; color:#0064bc; font-weight:bold;}
.viewJob .details {float:left; color:#353535;}

.searchFunctions h2 {margin:1.5em 0 0.2em 0;}
.searchFunctions h3 {margin:0 0 0.2em 0; color:#353535; font-size:1.0em;}
.searchFunctions a {color:#0064bc;}

/* Central Column - Footer Links */
#footer {margin:4px 8px 50px 0; font-weight:bold; text-align:right; color:#999;}
#footer a {color:#999; padding:0 3px;}
#footer a:hover {text-decoration:underline;}
#footer #logoThumbs {margin:40px 0 0 0;}
#footer #logoThumbs img {padding:0 0 0 10px;}


/* Useful bits */
.newline {clear:both; height:0px; overflow:hidden;}
.newProfiles {clear:both; height:20px; overflow:hidden;}
.newjob {clear:both; height:0px; overflow:hidden; margin:0 0 0.4em 0;}
.strong {font-weight:bold;}
