/* Prime Staff Website Styling
Developer: Colin Banks 
Date Created: 11 Jan 2006 
Parallel56 */

body {
	font-size: 70%;
	font-family: Arial,Verdana, Tahoma, Sans-Serif;
	color: #666;
	background: blue url(../images/bodyBackground.gif) repeat-x left top;
	text-align: center;
}

img {
	border: 0;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	color: #00A0C6;
}

a:hover {
	text-decoration: underline;
}

ul.navigation {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.navigation li.current a {
	font-weight: bold;
	color: #09357A;
}

p {
 	padding: 0;
	margin: 0;
	margin-bottom: 0.5em;
}

hr {
	color: #99D9E8;
	background-color: #99D9E8;
	height: 1px;
	border: 0;
}

.fc:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.fc { display: inline-block; }

/* Hides from IE-mac \*/
* html .fc { height: 1%; }
.fc { display: block; }
/* End hide from IE-mac */

/* Layout */

div#pageContainer {
	margin: 0 auto;
	text-align: left;
	background: #fff;
	border: 5px solid #EFEFEF;
	
	width: 760px;
	width/**/:/**/ 750px; 
}

div#contentContainer {
	margin: 6px 14px;
}

div#header {
	padding-bottom: 22px;
}

div#header img {
	float: left;
}

div#headerContent {
	text-align: right;
}

div#footer {
	background: white url(../images/footer_bg.gif) repeat-x left top;
}

/* Housekeeping Navigation */

div#headerContent ul.navigation {
	padding: 12px 0 18px 0;
}

div#headerContent ul.navigation li{
	display: inline;
}

div#footer ul.navigation li a,
div#headerContent ul.navigation li a{
	background: transparent url(../images/Link_Seperator.gif) no-repeat right top;
	padding: 0 8px 0 3px;
	text-decoration: none;
}

div#headerContent ul.navigation li a:hover {
	color: #09357A;
	text-decoration: none;
}

div#footer ul.navigation li.lastnode  a,
div#headerContent ul.navigation li.lastnode a {
	background: none;
	padding-right: 0;
}

div#headerContent h2 {
	font-size: 180%;
	color: #09357A;
}

div#subNavPageContent h2 {font-size:140%;margin-bottom:10px;}

/* Footer navigation */

div#footer ul.navigation li {
	display: inline;
}

div#footer ul.navigation li.firstnode a {
	padding-left: 0;
}

/* Primary Navigation */

div#primaryNavigation {
	background: #0D69A2;
	margin: 0px 0 21px 0;
}
div#primaryNavigation ul li {
	float: left;
}
div#primaryNavigation ul li a{
	display: block;
	font-size: 110%;
	color: #fff;
	background: transparent url(../images/Primestaff_pnav_link_bg.gif) no-repeat right 50%;
	padding: 8px 22px;
	text-decoration: none;
}



body.lightblue div#primaryNavigation ul li.current a { background: #0EADD2; }
body.orange div#primaryNavigation ul li.current a { background: #FF5A00; }
body.red div#primaryNavigation ul li.current a { background: #BD093C; }
body.darkblue div#primaryNavigation ul li.current a { background: #09357A; }
body.green div#primaryNavigation ul li.current a { background: #42B63A; }
body.brown div#primaryNavigation ul li.current a { background: #B1957F; }

div#primaryNavigation ul li.lightblue a:hover { background: #0EADD2; }
div#primaryNavigation ul li.orange a:hover { background: #FF5A00; }
div#primaryNavigation ul li.red a:hover { background: #BD093C; }
div#primaryNavigation ul li.darkblue a:hover { background: #09357A; }
div#primaryNavigation ul li.green a:hover { background: #42B63A; }
div#primaryNavigation ul li.brown a:hover { background: #B1957F; }

div#primaryNavigation ul li.lastnode a {
	background: transparent;
	padding: 8px 27px;
}

div#primaryNavigation ul li.current a {
	font-weight: bold;
}

/* Secondary Navigation */

/* Sub Navigation -------------------------------------- */
div.subNavWrapper,
div#subnavigation {
	width: 181px;
	float: left;
	min-height: 1px;
}

div#subnavigation h4 {
	font-size: 130%;
}

div#subnavigation ul {border-top: 1px solid #B7E3EA;margin-right: 30px;margin-top: 5px;}
div#subnavigation ul li{border-bottom: 1px solid #B7E3EA;}
div#subnavigation li a{
	color: #666;
	display: block;
	font-weight: normal;
	width: 100%;
	padding: 3px 0;
}

html>body div#subnavigation li a{width: auto;}

div#subnavigation li.current a{font-weight: bold;color: #00A0C6;}

div#subnavigation ul li ul {margin-right: 0;margin-top: 0;border-top:0;}
div#subnavigation ul li.current ul li{padding-left: 8px;border: none;border-top: 1px solid #B7E3EA}
div#subnavigation ul li.current ul li a{font-weight: normal;color: #666;}
div#subnavigation ul li.current ul li.current a {font-weight: bold;}
div#subnavigation ul li.current ul li.current ul li a{font-weight: normal;color: #666;}
div#subnavigation ul li.current ul li.current ul li.current a {font-weight: bold;color: #0FA1B8;}
div#subnavigation ul li.current ul li.current ul li {border:0;}
div#subnavigation ul li.current ul li.current ul li ul {border-bottom:none;border-top: none;}
div#subnavigation ul li.current ul li.current ul li.current ul li a {color: #666;font-weight: normal;}
div#subnavigation ul li.current ul li.current ul li.current ul li.current a {font-weight: bold;}

/* Footer Styles */

div#footer {
	margin-top: 25px;
	padding: 0 0 15px 15px;
}

div#footerContent {
	padding-top: 7px;
	float: left;
	width: 550px;
}

div#footerContent p {
	padding-top: 16px;
}

div#footer img{
	padding-top: 11px;
	padding-left: 5px;
}

/* Home Styles */

div#homeMainContent {
	background: #065F98 url(../images/homeMainContent_bg.gif) repeat-y right top;
	color: #fff;
	padding: 0;
	margin: 0 0 0 1px;
}

div.homeMainImage {
	width 284px;
}

div#homeMainContent div.homeMainImage img {
	float: left;
	padding: 0;
	margin: 0;
}

div#homeMainContent .homeBodyText {
	float: left;
	padding: 12px 12px 0 13px;
}

div#homeMainContent .homeBodyText p{
	font-size: 103%;
	width: 386px;
	width/**/:/**/ 410px; 
}

div#homeFeatures {
	margin-top: 8px;
}

div#homeFeatures div.homefeature {
	width: 111px;; 	
	color:#fff;
	float:left;
	margin:0 4px 0 0;
	border: 3px solid #EFEFEF;
	height: 220px;
	min-height: 220px;	
}

html>body div#content div#homeFeatures div.homefeature {height:auto;}

div#homeFeatures div.homefeature img {width:111px; height: 70px;}

div#homeFeatures div.homefeature h3 {margin:0;padding:0 0 0 .5em;font-size:110%;}
div#homeFeatures div.homefeature h3 a {color:#fff;}

div#homeFeatures div.homefeature div.homefeatureLink,
div#homeFeatures div.homefeature p.featurecontent {
	padding:0 0 0 .5em;
	margin:0; 
}

div#homeFeatures div.homefeature p.featurecontent {color:#fff;}

div#homeFeatures div.homefeature div.homefeatureLink a {
	color: #0062D0;
}

div#homeFeatures div.homefeature div.homefeatureBody {
	height: 117px;
	min-height: 117px;
}

html>body div#content div#homeFeatures div.homefeature div.homefeatureBody {height:auto;}

div#homeFeatures div.homefeature div.homefeatureLink {
	height: 33px;
	min-height: 33px;
	width:100%;
	width/**/:/**/auto;
}

html>body div#content div#homeFeatures div.homefeature div.homefeatureLink {height:auto;}

div#homeFeatures div.homefeature.lightblue {background:#00A0C6;}
div#homeFeatures div.homefeature div.lightblueLink {background:#E0F8FE;}
div#homeFeatures div.homefeature.orange {background:#FF5A00;}
div#homeFeatures div.homefeature div.orangeLink {background:#FEF0E8;}
div#homeFeatures div.homefeature.red {background:#BD093C;}
div#homeFeatures div.homefeature div.redLink {background:#FDEAEF;}
div#homeFeatures div.homefeature.darkblue {background:#09357A;}
div#homeFeatures div.homefeature div.darkblueLink {background:#E4EEFE;}
div#homeFeatures div.homefeature.green {background:#42B63A;}
div#homeFeatures div.homefeature div.greenLink {background:#E7FFE5;}
div#homeFeatures div.homefeature.brown {background:#B1957F;}
div#homeFeatures div.homefeature div.brownLink {background:#F9EDE4;}

div#homeFeatures div.lastsectorfeature { margin-right:0; }

div#homeContentPanels {
	margin-top: 9px;
}

div#homeContentPanels div.homeContentPanel {
	width: 232px; 
	float: left; 
	height: 99px;
	background: #00A0C6;
	margin: 0 12px 8px 0;
}

div#homeContentPanels div.lastpanel{
	margin-right: 0;
}

div#homeContentPanels div.homeContentPanel h4 a { 
	color: #fff;
}

div#homeContentPanels div.homeContentPanel h4 { 
	background: transparent url(../images/Primestaff_Home_contentpanel_bg.gif) repeat-y left top;
	color: #fff;
	font-size: 110%;
	height: 21px;
	padding: 0.25em 0 0 0.5em;
}

div#homeContentPanels div.homeContentPanel div.homeContentPanelBody {
	background: #EBFAFE;
	height: 71px;
	min-height: 71px;
}

html>body div#content div#homeContentPanels div.homeContentPanel div.homeContentPanelBody {height:auto;}

div#homeContentPanels div.homeContentPanel div.homeContentPanelBody p {
	padding: 0.5em 2em 0 0.5em;
	margin: 0;
}

div#homeContentPanels div.homeContentPanel div.homeContentPanelBody a {
	padding-left: 0.5em;
	padding-right: 15px;
	background: transparent url(../images/Primestaff_home_feature_link.gif) no-repeat right center;	
}

/* Sub Navigation Pages */

div#subNavPageContent {
	float: left;
	width: 540px;
}

body.lightblue div#subNavPageContent div#subNavPageHeading { background: #0EADD2; }
body.orange div#subNavPageContent div#subNavPageHeading { background: #FF5A00; }
body.red div#subNavPageContent div#subNavPageHeading { background: #BD093C; }
body.darkblue div#subNavPageContent div#subNavPageHeading { background: #09357A; }
body.green div#subNavPageContent div#subNavPageHeading { background: #42B63A; }
body.brown div#subNavPageContent div#subNavPageHeading { background: #B1957F; }

div#subNavPageContent div#subNavPageHeading {
	margin-bottom: 15px;
}

div#subNavPageContent div#subNavPageHeading h3 {
	font-size: 140%;
	color: #FFF;
	padding: 5px 0 6px 10px;
}

div#subNavPageContent div.subNavPageContentText {
	margin: 0 95px 0 10px;
}


/* Standard Content Page */

div#standardPageImage {
	float: right;
	margin: 0 0 15px 10px;
}

div#standardPageImage img {
	width: 220px;
}

/* No sub navigation pages */

div#noSubNavLeftPanel {
	float: left;
	width: 240px;
}

div#noSubNavLeftPanel div.noSubNavMainImage img {
	width: 220px;
}

div#searchPanel {
	background: transparent url(../images/Primestaff_searchPanel_bg.gif) repeat-x left top;
	border-top: 1px solid #00A0C6;
	border-bottom: 3px solid #00A0C6;
	padding: 10px 10px 15px 10px;
	
	width: 220px;
	width/**/:/**/ 200px; 
}

div#searchPanel h4 {
	font-size: 100%;
}

input.button {
	background: #EBEBEB url(../images/Primestaff_submitButton_bg.gif) repeat-x left;
	color: #FF5A00;
	border: 2px solid #FF5A00;
	width: auto;
	padding: 2px 1px;
	font-size: 100%;
	cursor: hand;
}
html>body .submitrow input.button {cursor:pointer; }

div#searchPanel input.button {
	float: right;
}

input.goButton {
	padding: 0;
	margin-left: 5px;
	width: auto;
}

div.noSubNavWrapper {
	float: left;
	width: 480px;
}

body.lightblue div.noSubNavWrapper div.noSubNavHeading { background: #0EADD2; }
body.orange div.noSubNavWrapper div.noSubNavHeading { background: #FF5A00; }
body.red div.noSubNavWrapper div.noSubNavHeading { background: #BD093C; }
body.darkblue div.noSubNavWrapper div.noSubNavHeading { background: #09357A; }
body.green div.noSubNavWrapper div.noSubNavHeading { background: #42B63A; }
body.brown div.noSubNavWrapper div.noSubNavHeading { background: #B1957F; }

div.noSubNavWrapper div.noSubNavHeading h3 {
	font-size: 140%;
	color: #FFF;
	padding: 5px 0 6px 10px;
	margin-bottom: 7px;
}

div.noSubNavWrapper div.noSubNavContent {
	margin: 0 0 0 10px;
}

div.noSubNavWrapper div.noSubNavContent h4{
	font-size: 110%;
	margin: 0 5px 2px 0;
}

div.noSubNavWrapper div.noSubNavContent div.topJobsItemHeading{
	margin-bottom: 5px;
}

div.noSubNavWrapper div.noSubNavContent div.topJobsItemHeading h4{
	float: left;
}

div.noSubNavWrapper div.noSubNavContent p.fullWidth{
	width: 100%;
}


/* Sector Page */

div.noSubNavWrapper div.topSectorFeature {
	width: 480px;
	border-bottom: 1px solid #00A0C6;
	padding-bottom: 16px;
	margin-bottom: 14px;
}

div.noSubNavWrapper div.topSectorFeature h4 {
	font-size: 100%;
}

div.noSubNavWrapper div.bottomSectorFeature {
	float: left;
	width: 230px;
	border-bottom: 1px solid #00A0C6;
	padding-bottom: 16px;
}

div.noSubNavWrapper div.lastBottomSectorFeature {
	margin-left: 14px;
}

/* Job List Page */

div.noSubNavWrapper div#jobList div.jobListItem {
	border-top: 1px solid #99D9E8;
	margin-bottom: 17px;
}

div.noSubNavWrapper div#jobList div.jobListItem div.jobListItemHeading {
	background: #F5F7F8;
	padding: 8px 0 4px 9px;
	margin-bottom: 12px;
}

div.noSubNavWrapper div#jobList div.jobListItem div.jobListItemHeading p.jobListItemTitleText {
	float: right;
}

div.jobListItemHeading p.lastJobItemText {
	margin: 0 10px 0 55px;
}

div.resultsHeader {
	background: #F5F7F8;
	padding: 10px 10px 7px 10px;
	margin-bottom: 23px;
	border-top: 1px solid #00A0C6;
	border-bottom: 1px solid #00A0C6;
}
div.resultsHeader div.resultsMessage {float: left;padding-top: 4px;}
html>body div.resultsHeader div.resultsMessage {padding-top: 3px;}
div.resultsHeader div.orderby {padding-bottom: 2px;text-align:right;}
div.resultsHeader div.orderby label {font-weight: bold;padding-top: 0px;}
div.resultsHeader div.orderby select {width: 145px;margin-left: 3px;}

/* Job Details */
div.jobdetails p {margin-bottom: 5px;}

div.detailsHeading {font-weight:bold;margin-bottom:0.5em;}

div.backLink {
	border-top: 1px solid #00A0C6;
	padding-top: 12px;
	margin-top:15px;
}

/* Pager Styles */
div.listPaging {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #09357A;
	border-top: 1px solid #99D9E8;
	border-bottom: 1px solid #00A0C6;
	padding: 5px 0;
}

div.listPaging a{font-weight: normal;color: #10A1C0;}

div.listPaging span{font-weight:bold;color: #636363;}


/* Site map items */

div#sitemap {
	padding:10px 0 0 0;
	width: 720px;
}

div.sitemapblock {margin-bottom:30px;float:left}

div.usefulpages {width: auto;}

div.sitemapitem,div#usefulpages {
	float: left;
	width: 170px;
	margin:0 12px 0 0;
	padding-bottom: 2em;
	height:150px;
	min-height:150px;
}
html>body div.sitemapitem { height: auto; margin:0 15px 0 0;}
html>body div#usefulpages { height: auto; margin:0 15px 0 0;}
div#usefulpages {width:150px;margin-top: 3px;}
div.noMargin {
	margin:0;
}

div.sitemapitem ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.sitemapitem ul li {
	font-size: 100%;
	font-weight:bold;
}

div#usefulpages p.heading{
	font-size: 100%;
	font-weight:bold;
	color: #666;
	border-bottom: 1px solid #00A0C6;
	margin-top: 3px;
	margin-bottom: 8px;
	padding: 0 0 6px 0;
}

div#usefulpages ul li a:link,
div#usefulpages ul li a:active,
div#usefulpages ul li a:visited {
	padding: 2px 0;
	display: block;
	width: 100%;
}
html>body div#usefulpages ul li a { width: auto; }


div.sitemapitem ul li a:link,
div.sitemapitem ul li a:active,
div.sitemapitem ul li a:visited {
	display: block;
	width: 100%;
	border-bottom: 1px solid #00A0C6;
	margin-top: 6px;
	margin-bottom: 8px;
	padding: 0 0 6px 0;
}
html>body div.sitemapitem ul li a { width: auto; }

div.sitemapitem ul li ul li a:link,
div.sitemapitem ul li ul li a:active,
div.sitemapitem ul li ul li a:visited {
	font-weight:normal;
	border-bottom: 0;
	padding: 0;
	margin: 0;
}

div.sitemapitem ul li ul li {
	border-bottom: 0;
	padding: 2px 0;
	margin: 0;
}

div.sitemapitem ul li ul li ul li {
	font-size: 100%;
	padding-left: 10px;
	background: transparent url(../images/sm_li_a_bg.gif) no-repeat left;
	background-position: 2px 0.75em;
}