/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.0
*/

/* Run off page body class */ 
/*#banner-image{
	height: 256px; width: 189px;  float: right;
	background: #fff url(i/banner1.jpg) 0 0; 
}*/


/* Whitespace Reset 
-------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} table {font-size:inherit;font-size:100%;}  pre,code,kbd,samp,tt {font-family:monospace; line-height:99%;}

/* Reset Whitespace 
-------------------*/
strong,th,h1,h2,h3,h4,h5,h6{ font-weight: bold; }em{font-style: italic;}ul li{list-style: disc;}ol li{list-style: decimal;}
/*h1,h2,h3,h4,h5,h6{padding: .25em 0; margin: .25em}*/


body{
	color:#000; background:#FFF; font-family: arial,helvetica,clean,sans-serif; font-size: 100%; 
	margin: 0; background: url(i/page-bg.gif) 0 0 repeat;
} 

/*Main Divs*/ 
#wrapper{
	width: 954px; background: transparent url(i/brand-colours.gif) 0 0 no-repeat; 
	margin: 0 auto; /*centre layout*/ padding-top: 26px;
}

#header{
	height: 64px; background: #0F0F0F url(i/logo.gif) no-repeat 0 0; margin-top: 18px; clear: right;
}

#utility-navigation{
	font-size: .75em; float: right; margin: 0; padding-bottom: 18px;
}
 
#navigation{
	color: #fff; 
}
 
#content-wrapper{
	/*background-color: #fff;*/ border-top: 1px solid #C1C1C1; border-bottom: 1px solid #C1C1C1; margin-top: 16px;
	background:#FFFFFF url(i/grey-underline.gif) no-repeat scroll 100% 50px;

}

#careers-navigation{
	float: left;  margin: 10px; width: 178px; border-top: 2px solid #A4A4A4; border-bottom: 2px solid #A4A4A4; padding: 10px 0; 	background: #fff url(i/career-navigation-bg.jpg) 0 0 repeat-x; position:relative;
}

#content{
	float: right; /*width: 722px;*/ /*was 742px*/ margin-bottom: 20px; padding-top: 13px/*10px*/; /*padding-right: 12px;*/ 	padding-right:12px; width:722px;
	/*background:#FFFFFF url(i/grey-underline.gif) no-repeat scroll 0 50px;*/
	/*outline: olive 1px solid;*/ /*background-color: #D5D5AA;*/
} 

#contentSect{
	padding-right: 20px;
}

#secondaryContent{

}

#footer{ 
	height: 50px; background: #C5C5C5 url(i/brand-colours.gif) no-repeat 0 100%; clear: both; margin-top:20px; 
}

#footer p{
	margin: 0;	
}

/*  Generic styles
-------------------*/  
.hide{
	position: absolute; top: -1000em;
}

/* Clearing :note: In IE < v.7 This relies on the Holly Hack being prescent ie specific css file*/
.clear:after {
	content: "."; height: 0; visibility: hidden; display: block; clear: both;
}

strong{
	font-weight: bold;
}

/* Wrapper
----------------------------*/ 
#wrapper{
	/* width: 953px; */

}

/* Utility-navigation */
#utility-navigation{
	/*font-size: .75em; padding-top: 18px; float: right; margin: 0;*/
}

#utility-navigation li{
	float: left; list-style: none; background: transparent url(i/navigation-bullet.gif) 0 4px no-repeat; margin-left: 18px;
}


#utility-navigation a:link, 
#utility-navigation a:visited{
	color: #646464; padding-left: 9px; text-decoration: none; font-weight: bold;
}

#utility-navigation a:focus, 
#utility-navigation a:hover,
#utility-navigation a:active{
	color:#E42A33;
}

/* Header
----------------------------*/ 
#header{

}

/* Navigation
----------------------------*/
#navigation{ 
	font-size: .75em; float: right; padding-top: 35px; padding-right: 20px;
}	

#adminmenu {
	background-color:#FFFFFF; border-bottom:2px solid #000000; border-right:2px solid #000000; padding:0 10px 10px;
	position: absolute; left: 0; top: 0; font-size: .75em; 
}

#adminmenu ul{
	padding: 0 0 0 10px;
}

#adminmenu ul li{
	list-style: none; list-style: disc;
}

#navigation ul{
	margin: 0; 
}

#navigation li{
	background: transparent url(i/navigation-bullet.gif) 0 5px no-repeat; padding-left: 9px; float: left; list-style: none; margin-left: 19px;
}

#navigation a:link, 
#navigation a:visited{
	color: #fff; text-decoration: none; font-family: Helvetica; font-weight: bold; /*, HelveticaNeue, HelveticaNeue-Heavy*/
}

#navigation a:focus, 
#navigation a:hover,
#navigation a:active{
	color: #E42A33; background-color: #000;
}

/*#navigation a.selected{
	
}*/

/*Careers navigation*/
#careers-navigation #underline{
	background: #fff url(i/grey-underline.gif) 0 0 repeat-x; width: 178px; height: 1px; 
	position: absolute; left: 0; top: 38px; 
	font-size: 0; display: inline;
}

#careers-navigation h3{
	color: #E42A33; font-size: 0.875em; /*border-bottom: 1px solid #9E9E9E;*/ margin: 0; padding: 0 0 10px 8px;
}

#careers-navigation ul#access-menu{
	margin: 0; padding: 8px 0 0 0;
}

#careers-navigation ul#CMSMenu1{
	margin: 0; padding: 0;
}

#careers-navigation li{
	list-style: none; background: transparent url(i/career-navigation-bullet.gif) 10px 10px no-repeat; padding-left: 25px; 
}

#careers-navigation a:link, 
#careers-navigation a:visited{
	text-decoration: none;  font-size: .75em; color: #484848;
}

#careers-navigation a:focus, 
#careers-navigation a:hover,
#careers-navigation a:active{
	color: #E42A33;
}

#careers-navigation a.selected{
	color: #E42A33;
}

/* Content
----------------------------*/
#banner{
	background: url(i/homepage-banner.jpg) 0 0 no-repeat; /*width: ;*/ height: 240px; margin-top: 18px;
}

#content{
	font-size: .75em; /*padding-bottom: 20px;*/ ;
}

/* content area defaults */
#content h1,
#content h2,
#content p,
#content ul, 
#content ol{ 
	/*padding-left: 20px; padding-right: 20px;*/
}

#content h1{
	font-weight: bold; padding: 0.5em auto 0.5em auto; color: #E42A33; font-size: 1.33em; margin: 0; padding-bottom: 1em; padding-top: .5em;
}

#content h2{
	font-weight: bold; padding-top: 0.5em; padding-bottom: 0.5em;   color: #515151; font-size: 1.33em;  margin: 0; 
}

#content p {
	padding-top: .5em; padding-bottom: .5em; color: #2A2A2A; margin: 0; 
}

#content strong{
	font-weight: bold;
}

#content ul, 
#content ol{
	padding: 1em 0; margin-left: 20px;
}

/*Make sure the font size of content inside lists doesn't get too small
(Fixes alot of issues on the /apply/appform pages)*/
#content ul li,
#content ol li{
	font-size: /* size */em;	
} 

#content ul li p,
#content ul li a,
#content ol li p,
#content ol li a{
	font-size: 100%;	
} 


#content a:link, 
#content a:visited{
	text-decoration:underline;
}

#content a:focus, 
#content a:hover,
#content a:active{
	
} 

/* Footer
----------------------------*/
#footer{
	font-size: 0.625em; padding-top: 18px; padding-left: 20px;
}

#footer ul{
	padding: 0; margin: 0;
}

#footer li{
	background: url(i/footer-link-divider.gif) 0 3px no-repeat; float: left; list-style: none; padding-right: 10px; padding-left: 10px;
}

#footer li.first{
	background: none; padding-left: 0px;
}

#footer p{
	clear: left;
}

#footer a:link, 
#footer a:visited{
	text-decoration: none; color: #2A2A2A;
}

#footer a:focus,
#footer a:hover,
#footer a:active{
	text-decoration: underline; color:#E42A33;
}


/* Image replacement 
--------------------*/
h1.logo span{
	background-image: url([replacement image].gif);
}

h1.logo{
	width: 202px; height: 22px; margin: 0; padding: 0;
}

.replace{
	position: relative; overflow: hidden;
}

.replace span{
	display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: transparent; background-repeat: no-repeat;
}

/* :note: Gilder/Levin IR Method - used for form input buttons (also works with legands in ie7 no ffox 2) - Delete if not used*/

/* Apply this style to all IR buttons
[button]{
	background-repeat: no-repeat; height: 0px !important; border: none; cursor: pointer; overflow: hidden; 
	:note: apply this in ie stylesheet -> border-bottom: 0px #fff solid; height: [of image] !important;
}

The apply this style to each individual button
[button]{
	padding: [button image height]px 0 0 0;  width:[button image]px;  background-image: url(i/[button image]); }
*/





/* JOIN specific styles 
=======================*/

dl.accordian dt{
	cursor: pointer;
}
/* :note: Turn off ordered list numbering for application pages */ 
#content ol#jobappform li,
#content ol.appform li{
	list-style: none; background: none; padding-left: 0;
}

/*Remove excess (default) bottom margin*/
#ctl00_content_QualificationsObtained_accessableValidation textarea,
#ctl00_content_Description_accessableValidation textarea,
#ctl00_content_CapacityKnown_accessableValidation textarea, 
/*Remove excess bottom margins in application process*/  
body.apply_appformeducation textarea#ctl00_content_QualificationsObtained_avpTextBox,
body.apply_appformcourse textarea#ctl00_content_Description_avpTextBox,
body.apply_appformreference textarea#ctl00_content_CapacityKnown_avpTextBox,
body.apply_stage #ctl00_content_q2_accessableValidation textarea{
	margin-bottom: 0; 
}


/*Remove indentation and list bullet from main candidate page*/
body.apply_default #content ul{
	margin: 0; padding-top: 0; 
}

body.apply_default #content ul li{
	list-style: none;	
}


body.apply_default #content h2{
	padding-left: 0; 
}

/* Stateless widgets
--------------------*/

/* :note: Edit Page Link */
.editlink{ /* :note: use !important to override same styles in form.css */
	
}

.editlink:hover{
	
}
 
/* :note: Status Message (change these styles to suit the design.) */
/*.flash{ 
	background-color: #999; color: #e23d3b; padding: .5em 1em; margin-bottom: 1em; font-size: 1.5em; font-weight: bold;
}*/

/* :note: flash msg change these styles to suit the design.*/
body #content .flash{ 
	background:#FFFFCC none repeat scroll 0 0; border:2px solid #E42A33; padding: .5em 1em; margin-bottom: 1em;
}

body #content .flash p{ 
	padding: 0; margin: 0; /* :note: reset <p> */
	color: #000;  font-size: 1em; font-weight: bold;
}


/* :note: Validation summary */
.validationerrors {
	color: #f00 !important; font-size: /* :temp note: <p> font size */em; margin: 0 !important;
}

body #content .validationerrors ul{
	 margin-left: 18px !important;
}


/*FormSection*/
#ctl00_content_psectionGuidance p,
body #content div.instructions p{
	padding-left: 0;
}

/* :note: Applicant-info*/

/*Welcome*/
#applicant-info #candidate-greeting span.candidate-welcome{
	
}

#applicant-info #candidate-greeting span.candidate-name{
	
}

/*Vacancy*/
#applicant-info #candidate-vacancy span.candidate-vacancy-msg{
	
}

#applicant-info #candidate-vacancy span.candidate-current-vacancy{
	
}


/*Stand alone vacancy control*/
span.standalone-candidate-vacancy-msg{
	
}

span.standalone-candidate-current-vacancy{
	
}


/*PAGES*/
/* Jobsearch page (jobsearch.aspx)
----------------------------------*/
body.jobsearch fieldset{
	background-color: #f1f1f1; border: none; 
}

body.jobsearch fieldset legend{
	color: #102053;
}

body.jobsearch fieldset label{
	font-weight: bold; color: #102053; width: 34%; font-size: 1em;
}

/*:note: Jobsearch fields*/
body.jobsearch fieldset input#ctl00_content_keywords_avpTextBox1,
body.jobsearch fieldset select#ctl00_content_careerarea,
body.jobsearch fieldset select#ctl00_content_location{

} 


/* :note: make media source drop down wide enough to comfortably fit content */
body.apply_mediasource #content fieldset select#ctl00_content_ddlMediaSource{
	width: 25%;
}


/* Make space around the 'contact this referee' checkbox and label */ 
body.apply_appformreference .checkbox{
	display: block;
	padding-bottom: 1em;
}

body.apply_appformreference .checkbox label{
	padding-left: .5em; 
}


/* Jobsearch Paging */
p.pager{
	
}

p.pager a{ /*page links*/
	
}

p.pager strong{ /*selected page*/
	
}

/* Login link (login.aspx)
--------------------------*/
#navigation a#ctl00_LoginControl1{
	
}



/* Login page (login.aspx)
--------------------------*/

/* :note: space register / enter password options*/
body.login div#ctl00_content_bob{
	margin-top: 10px;
}

span.forgot-password{
	font-size: /* :temp note: <p> font size */em;
}

/* Register link (Register.aspx)
--------------------------------*/
#navigation a#ctl00_UserTypeLink1{
	 
}

/* Register.aspx
--------------------------------*/
span.manditory{ /* :temp note: Should apply to all forms */ 
	color: #900;
} 



/* Application form print version (Apply/AppFormPrint.aspx)
-----------------------------------------------------------*/
body.apply_appformprint ol.appform li h3,
body.apply_appformprint ol.appform li{
	clear: left;
}

body.apply_appformprint ol.appform li h3{
	margin-bottom: 0;
}

body.apply_appformprint ol.appform li{
	padding-top: 20px;
}

/* :note: Additional questions styling */
body.apply_appformprint ol.appform dl.answer dt{
	padding-top: 8px; font-weight: bold;
}

body.apply_appformprint ol.appform dl.answer dt,
body.apply_appformprint ol.appform dl.answer dd{
	width:70% !important; float: none !important;
}



/* Appform page (Apply/AppForm.aspx) 
-----------------------------------*/

/* Incomplete question highlighting */
.apply_appform span.form-section-question-incomplete, 
.apply_appform p span.empty-form-section{
	background-color:#FF0;
}

label.fullwidth{
	width: auto !important;
}

/* :note: Turn off ordered list numbering for application pages */ 
ol#jobappform li{
	list-style: none;
}

/*:note: make sure nested text is same size as body text */ 
ol#jobappform li p{ 
	font-size: 100%;
}

/* :note: form legend color */
fieldset legend { 
	color:#000; font-size:1.1em;
}

/* Form input sizes */
fieldset label,
fieldset select,
fieldset input{ /* :note: also exists in form.css */
	font-size: 1em;
}

/* :note: candidate zone /Apply/ */
.apply_default #content ul li{
	list-style: disc;	
}

body.apply_default #ctl00_content_applicationslists table.apply-table{
	margin-bottom: 1em;
}

/*Tables*/
.apply_default .prettytable th{
	font-weight: bold;
}

table.prettytable tr.AlternatingItem, table.appform tr.AlternatingItem {

}

/* :note: fixes table spacing issue in RegisterPrefs.aspx :temp note: can also apply to sitemap if activated */
.registerprefs table{
	width: auto;
}

.registerprefs table td{
	padding: 0; vertical-align: middle; 
}

.registerprefs fieldset div{
	padding-bottom: 0; /* :note: Remove excess spacing, override forms.css for this page only*/
}

#loggedinview{
	position: absolute; left: 0; top:0;
}


fieldset label.YesNo{
	padding-bottom: 6px;
}


/* Application form pages */
div.job-result{
	/* :temp note: often need bottom dividing border between jobs */
}

div.job-result h2{
	
}

#content .cibbutton{
	/* :temp note: will need margin-bottom: Xem; for dividing border to clear buttons */
	
	/* Clear jobdetail <dl>'s when some <dd> fiends are left blank   
		This might also cause the clearing of floated other floated elements e.g. left navigation. */
	clear: left; 	
}

#content .cibbutton input{
	cursor: pointer;
}

#content .cibbutton .jobdetails,
#content .cibbutton .jobapply{
	padding-left:9px; background:transparent url(i/navigation-bullet.gif) no-repeat scroll 0 5px; color:#484848; font-size: 1.2em;
}


/*Affect ALL input fields on hover (use with caution)*/ 
input:hover{
	
}

/* Apply process Input buttons + details and apply links */ 
input.formbutton,
input.button,
input#ctl00_content_CancelPb,
input#ctl00_content_ApplyCancel1,
#content .cibbutton .jobdetails,
#content .cibbutton .jobapply{
	/* :temp note:buttonise job links and buttons */
	/*border: none;*/ /* :temp: remove default summit reset input botton borders */ 
	cursor: pointer; 
}


.job-result{
	padding-left: 20px;
}

#content .job-result h2{
	padding-left: 0px;
}

/* Ensure job description text size is consistant whether in <p> or not */ 
.job-result .jobdescription{
	margin: 1em 0px; font-size: 1em; color: /*The <p> colour */;
	
	/* Clear jobdetail <dl>'s when some <dd> fiends are left blank   
		This might also cause the clearing of floated other floated elements e.g. left navigation. */
	clear: left; 
}

.job-result .jobdescription *{
	margin-left: 0 !important; padding-left: 0 !important;
}


#content .job-result .jobdescription p{
	font-size: 100%;
}

/*.job-result dl{  :note: space job details from job title 
	margin-top: 5px;
}*/

/*.job-result dt{
	clear: right !important;  :note: override forms.css
}*/

/*Job results definition list test
dt {
 clear:left !important; 
 float:left !important; 
 font-weight:bold !important; 
 width: 9em !important;
}

dd{
	float:left !important;
}*/


.content .job-result .jobdescription p, #jobappform h3, #jobappform p{

}

/* AppForm.asp */
#content ol#jobappform{
	margin-left: 0px;
}

#content ol#jobappform li{
	
}

#content ol#jobappform h3{
	padding-top:10px; font-size: 110%
}

div.appformsubmit p{
 font-weight: bold;
}

/* :note: To Target All Canditate Zone Pages */
body.apply_appform, 
body.apply_appformcourse, 
body.apply_appformeducation, 
body.apply_appformemployment, 
body.apply_appformmembership, 
body.apply_appformprint, 
body.apply_appformreference, 
body.apply_cv, 
body.apply_, 
body.apply_eeo, 
body.apply_formsection, 
body.apply_mediasource,
body.apply_default{
	
}