/* 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: #cccccc;
	text-align: center;
}

img {border: 0;}

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

a {text-decoration: none;	color: #b80068;}

a:hover {text-decoration: underline;}


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

ul.navigation li a {
	font-weight: bold;
	color: #82827c;
}

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

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

hr {
	color: #cccccc;
	background-color: #cccccc;
	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: #c5c5ba;
}

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: #e9e8e3;
	margin: 0px 0 21px 0;
}
div#primaryNavigation ul li {
	float: left;
}
div#primaryNavigation ul li a{
	display: block;
	font-size: 110%;
	color: #b80068;
	background: transparent url(../images/Primestaff_pnav_link_bg.gif) no-repeat right 50%;
	padding: 8px 20px;
	text-decoration: none;
}



body.aqua div#primaryNavigation ul li.current a { background: #00869e; color:#fff;}
body.teal div#primaryNavigation ul li.current a { background: #224b52; color:#fff; }
body.blue div#primaryNavigation ul li.current a { background: #1e3c73;  color:#fff;}
body.purple div#primaryNavigation ul li.current a { background: #493479;  color:#fff;}
body.burgundy div#primaryNavigation ul li.current a { background: #6c0740;  color:#fff;}
body.pink div#primaryNavigation ul li.current a { background: #9d0f5b;  color:#fff;}

div#primaryNavigation ul li.aqua a:hover { background: #00869e;  color:#fff;}
div#primaryNavigation ul li.teal a:hover { background: #224b52;  color:#fff;}
div#primaryNavigation ul li.blue a:hover { background: #1e3c73;  color:#fff;}
div#primaryNavigation ul li.purple a:hover { background: #493479;  color:#fff;}
div#primaryNavigation ul li.burgundy a:hover { background: #6c0740;  color:#fff;}
div#primaryNavigation ul li.pink a:hover { background: #9d0f5b;  color:#fff;}

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 #cccccc;margin-right: 30px;margin-top: 5px;}
div#subnavigation ul li{border-bottom: 1px solid #cccccc;}
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: #b80068;}

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: #cc0066;/* 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.aqua {background:#00869e;}
div#homeFeatures div.homefeature.teal {background:#224b52;}
div#homeFeatures div.homefeature.blue {background:#1e3c73;}
div#homeFeatures div.homefeature.purple {background:#493479;}
div#homeFeatures div.homefeature.burgundy {background:#6c0740;}
div#homeFeatures div.homefeature.pink {background:#9d0f5b;}

div#homeFeatures div.homefeature div.aquaLink,
div#homeFeatures div.homefeature div.tealLink,
div#homeFeatures div.homefeature div.blueLink,
div#homeFeatures div.homefeature div.purpleLink,
div#homeFeatures div.homefeature div.burgundyLink,
div#homeFeatures div.homefeature div.pinkLink 
{
	background:#f4f4f4;
}

div#homeFeatures div.homefeature div.aquaLink a,
div#homeFeatures div.homefeature div.tealLink a,
div#homeFeatures div.homefeature div.blueLink a,
div#homeFeatures div.homefeature div.purpleLink a,
div#homeFeatures div.homefeature div.burgundyLink a,
div#homeFeatures div.homefeature div.pinkLink a 
{
	color:#b80068;
	font-weight:bold;
}


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

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

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

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

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

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

div#homeContentPanels div.homeContentPanel div.homeContentPanelBody {
	background: #fff;
	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;
	font-weight:bold;
	/*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.aqua div#subNavPageContent div#subNavPageHeading { background: #00869e; }
body.teal div#subNavPageContent div#subNavPageHeading { background: #224b52; }
body.blue div#subNavPageContent div#subNavPageHeading { background: #1e3c73; }
body.purple div#subNavPageContent div#subNavPageHeading { background: #493479; }
body.burgundy div#subNavPageContent div#subNavPageHeading { background: #6c0740; }
body.pink div#subNavPageContent div#subNavPageHeading { background: #9d0f5b; }

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 #cccccc;
	border-bottom: 3px solid #cccccc;
	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.aqua div.noSubNavWrapper div.noSubNavHeading { background: #00869e; }
body.teal div.noSubNavWrapper div.noSubNavHeading { background: #224b52; }
body.blue div.noSubNavWrapper div.noSubNavHeading { background: #1e3c73; }
body.purple div.noSubNavWrapper div.noSubNavHeading { background: #493479; }
body.burgundy div.noSubNavWrapper div.noSubNavHeading { background: #6c0740; }
body.pink div.noSubNavWrapper div.noSubNavHeading { background: #9d0f5b; }

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 #cccccc;
	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 #cccccc;
	padding-bottom: 16px;
}

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

/* Job List Page */

div.noSubNavWrapper div#jobList div.jobListItem {
	border-top: 1px solid #cccccc;
	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 #cccccc;
	border-bottom: 1px solid #cccccc;
}
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 #cccccc;
	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 #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 5px 0;
}

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

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 #ccc;
	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 #cccccc;
	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;
}