/*
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


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; }h1,h2,h3,h4,h5,h6{padding: 1em 0;}em{font-style: italic;}ul li{list-style: disc;}ol li{list-style: decimal;}

body{
	color:#000; background:#FFF; font-family: arial,helvetica,clean,sans-serif; font-size: 95%;
} 

/*  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;
}


/* Splash homepage 
----------------------------*/ 
body.default #wrapper{
	border: none !important; 
}

body.default #header,
body.default #footer,
body.default #navigation,
body.default h1{
	display: none;
}

body.default #wrapper,
body.default #content{
	border: none 0px #fff; width: 650px;
}

body.default #content{
	margin: 0;
}

body.default p#home-welcome{
	color: #5E5B57; text-align: center;
}

body.default #home-footer{
	font-size: .75em; text-align: center;
}

body.default #home-footer,
body.default #home-footer a{
	color:#999999; font-weight: normal !important; text-decoration: none;
}

#home-footer .purple_hover a:hover {
	color:#CB99CC; text-decoration:underline;
}

#home-footer .green_hover a:hover {
	color:#99CC32; text-decoration:underline;
}

#home-footer .yellow_hover a:hover {
	color:#FF9900; text-decoration:underline;
}



/* Wrapper
----------------------------*/ 
#wrapper{
 width: 752px; margin: 0 auto; border: solid 1px #cccccc;
}



/* Header
----------------------------*/ 
#header{
	background-image: url(i/gap-logo.gif); background-repeat: no-repeat; width: 738px; height: 59px; margin: 12px; position: relative;
}

#gap-adminmenu{
	float: right;
}

#gap-adminmenu li{
	list-style: none; margin: 0 10px 0 0; text-align: right; float: left;
}

#gap-adminmenu li a:link, 
#gap-adminmenu li a:visited{
	color: #002f63; font-size: 0.75em; font-weight: bold;
}

#gap-adminmenu li a:focus, 
#gap-adminmenu li a:hover,
#gap-adminmenu li a:active{
	text-decoration: none; 
}

#applicant-info{
	margin: 0 12px 0 0; position: absolute; right: 0px; bottom: 0px; text-align:right;
}

#applicant-info span{
	font-size: 0.75em; text-align: right;
}

/* Navigation
----------------------------*/
#navigation{
 width: 690px; background-color: #669acc; height: 22px; margin: 0 0 0 12px; padding: 0 0 0 50px;
}	

#navigation li{
	list-style: none; float: left; font-size: 0.75em; padding: 4px 20px 0 20px;
}

#navigation a:link, 
#navigation a:visited{
	text-decoration: none; color: #002f63;
}

#navigation a:focus, 
#navigation a:hover,
#navigation a:active{
	color: #FFF;
}

#navigation a.selected,
#navigation a.open{
	color: #FFF;
}

#navigation ul li a,
#subnavigation ul li a {
	cursor: pointer; display: block;
}

#subnavigation{
 width: 120px; margin: 58px 0 0 12px; float: left;
}	

#subnavigation li{
	list-style: none; font-size: 0.75em; padding: 5px 0;
}

#subnavigation li li{
	font-size: 100%;
	padding-left: 10px;
}

#subnavigation a:link, 
#subnavigation a:visited{
	text-decoration: none; color: #999999;
}

#subnavigation a:focus, 
#subnavigation a:hover,
#subnavigation a:active{
	color: #002f63;
}

#subnavigation a.selected,
#subnavigation a.open{
	color: #002f63;
}


/* Content
----------------------------*/

#content{
	width: 585px; margin: 20px 0 0 155px; 
}

/*#content p{
	width: 308px; 
}*/

#content-full-page{
	width: 580px;
}

#content img{
	float: right;
}

/* content area defaults */
#content h1{
	font-size: 1.5em; font-weight: normal; padding: 0 0 0.5em 0; color: #002f63;
}

#content h2{
	font-size: 1em; padding: 0.25em 0 0.25em 0; color: #002f63;
}

#content h3{
	font-size: 0.875em; padding: 0.25em 0 0.25em 0; color: #002f63;
}

#content p {
	padding: 0.25em 0 0.75em 0; font-size: 0.75em;
}

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

.apply_default #content  ul, 
.apply_default #content ol {
	padding: 0 0 15px 0; margin-left: 0px; 
}

/*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: 100%;	
} 

#content ul li p,
#content ul li a,
#content ol li p,
#content ol li a{
	font-size: 0.75em;	
} 

#content .appform td a{
	font-size: 0.9em;
}


#content a:link, 
#content a:visited{
	text-decoration:underline; color: #002f63; font-weight: bold;
}

#content a:focus, 
#content a:hover,
#content a:active{
	color: #002f63; text-decoration: none; font-weight: bold;
} 


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

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


/*Jobsearch page
----------------*/
body.jobsearch fieldset{
	background-color: #f1f1f1; 
	border: 1px solid #cccccc; 
}

body.jobsearch fieldset legend{
	color: #002F63;
}

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

fieldset{
	background-color: #F1F1F1 !important; 
	border: 1px solid #cccccc !important;
}

.forgot-password{
	font-size: 0.75em;
}

/*: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; 
}


/*Make these labels full width*/
fieldset label.CheckBox{
	width: auto;
}


/* Login link
-------------*/
#navigation a#ctl00_LoginControl1{
	
}

/* Register link
----------------*/
#navigation a#ctl00_UserTypeLink1{
	 
}

/* :note: Generated menu */
#CMSMenu{
	
}

/* :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: 0.75em;
}

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

.editlink:hover{
	
}
 

/* :note: flash msg change these styles to suit the design.*/
body #content .flash{ 
	background-color: #002f63; margin-bottom: 1em; padding: 0.5em; border: 1px solid #000;
}

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


/*Apply/AppForm.aspx CV*/
body #content #ctl00_content_existingCV p a{
	font-size: 1em;
} 

/*/Apply/AppFormReference.aspx*/
#ctl00_content_CapacityKnown_accessableValidation p{
	font-size: 1em;
}


/* :note: validation summary */
.validationerrors {
	color: #f00 !important; font-size: 0.75em;
}

/* :note: from legend color */
fieldset legend { 
	color: #002F63;	
	padding: 0 4px;
}

/* Form input sizes */
fieldset label,
fieldset select,
fieldset input{ /* :note: also exists in form.css */
	font-size: 0.75em !important;
	/*padding: 5px 0 0 0 !important;*/
}

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

fieldset legend {
	margin:0pt 0pt 10px !important;
}


/*Tables*/


.prettytable th{
	font-size: 0.75em;
}

.apply_default .prettytable td{
	font-size: 0.75em;
	border-right: 1px solid #002f63;
}

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

.prettytable {
	margin: 10px 0 20px 0;
}

table.appform th{
	font-weight: bold; font-size: 0.75em; color: #000;
	border-right: 1px solid #002f63;
}

table.appform td{
font-size: 100%;
}

.appform h3,
.appform dt,
.appform dd{
	font-size: 75%;
}

.appform dt{
	font-weight: bold;
}

.appform dd{
	margin: 0 0 10px 0;
}

table.appform td.main,
table.appform td.last,
table.appform td{
	font-size:75% !important;
}

#ctl00_content_pEmployment .dvFieldHeaderStyle .Item td{
	font-size: 100% !important;
}

/* :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; 
}

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

/* Application form pages */
div.job-result{
	/* :temp note: often need bottom dividing border between jobs */
	border-bottom: 1px #cccccc solid;
	margin: 0 0 10px 0;
}

#content div.job-result h2{
	padding: 15px 0 10px 0;
}

.job-result .jobdescription{
	margin: 1em 0; 	
	clear: left;
}


#content .cibbutton{
	/* :temp note: will need margin-bottom: Xem; for dividing border to clear buttons */
	clear: left;
	margin-bottom: 0.75em;
}

#content .cibbutton input{
	cursor: pointer;
}

/* 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,
#content .cibbutton input{
	/* :temp note:buttonise job links and buttons */
	background-color:#002f63;
	border:medium none;
	color:#FFFFFF !important;
	font-weight:normal;
	padding:2px 4px;
	text-decoration: none !important;
	font-size: 0.75em;
	cursor: pointer;
}

#content .cibbutton .jobdetails,
#content .cibbutton .jobapply{
	margin:0pt 0pt 0pt 4px;
	padding:3px 6px;
}

.apply_cv #content{
	padding: 0 0 8px 0;
}

/* Ensure job description text size is consistant whether in <p> or not */ 
.job-result .jobdescription{
	margin: 1em 0; font-size: /*The <p> font size */em; color: /*The <p> colour */
	clear: left;
}

#content .job-result .jobdescription{
	font-size: 0.75em;
	padding: 10px 0 0 0;
}

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

.candidate-vacancy-msg{
	font-weight: bold;
	color: #002F63;
}


div.job-result dt,
div.job-result dd{
	 font-size: 0.75em;  padding: 0 0 4px 0;
}
/*
div.job-result dd{
	font-size: 0.75em;
}*/

/*.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;
	
	 padding: 0 0 4px 0;
}

dd{
	float:left !important;
	font-size: 0.75em;
}

dl.answers dt{
	 clear:none !important; 
	 float:left !important; 
	 font-weight:bold !important; 
	 width: 9em !important;
	 font-size: 0.75em;
	 padding: 0 0 4px 0;
}*/

/*.apply_appformprint*/
/*.appfrom li{
	clear: left !important;
}*/


.job-result h2 a:link, 
.job-result h2 a:visited{
	text-decoration: underline !important; color: #002f63;
}


.job-result h2 a:focus, 
.job-result h2 a:hover,
.job-result h2 a:active{
	color: #002f63; text-decoration: none !important;
}




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

}

ol#jobappform{
	margin: 0 !important;
}

#content ol#jobappform li{
	
}

div.appformsubmit{
	/*font-size: 0.75em;*/
	margin: 0 0 15px 0;
}

.apply_appform div.appformsubmit #ctl00_content_Submit{
	font-size: 1em;
	display: block;
	margin: 12px 0;
}

.apply_appform ol{
	padding: 0 !important;
}

/* Target all canditate zone pages */
body.apply_appform #subnavigation, 
body.apply_appformcourse #subnavigation, 
body.apply_appformeducation #subnavigation, 
body.apply_appformemployment #subnavigation, 
body.apply_appformmembership #subnavigation, 
body.apply_appformprint #subnavigation, 
body.apply_appformreference #subnavigation, 
body.apply_cv #subnavigation, 
body.apply_ #subnavigation, 
body.apply_eeo #subnavigation, 
body.apply_formsection #subnavigation, 
body.apply_mediasource #subnavigation,
body.apply_default #subnavigation{
	display: none;
}

/*body.apply_appform #content, 
body.apply_appformcourse #content, 
body.apply_appformeducation #content, 
body.apply_appformemployment #content, 
body.apply_appformmembership #content, 
body.apply_appformprint #content, 
body.apply_appformreference #content, 
body.apply_cv #content, 
body.apply_ #content, 
body.apply_eeo #content, 
body.apply_formsection #content, 
body.apply_mediasource #content,
body.apply_default #content{
	width: 740px; margin: 20px 0 0 12px;
}*/

label{
	font-size: 0.75em;
}

.apply_appformprint table{
	font-size: 0.75em;
	margin: 5px 0 15px 0;
}

.apply_appformprint td,
.apply_appformprint td{
	padding: 4px;
}

.registerprefs strong,
.registerprefs h3{
	font-size: 0.75em !important; padding: 0.25em 0 0.25em 0; color: #000 !important;
}

.registerprefs label,
.registerprefs #ctl00_content_tree_TreeView1{
	font-size: 0.75em !important; padding: 0.25em 1em 0.25em 0.5em; color: #000 !important; font-weight: normal;
}

.registerprefs #ctl00_content_tree_TreeView1 table span{
	padding: 0.25em 1em 0.25em 0.5em;
}

.registerprefs #ctl00_content_tree_TreeView1 a{
	color: #000 !important; font-weight: normal; padding: 0.25em 1em 0.25em 0.5em;
}

.agency_default th,
.agency_default td{
	font-size: 0.75em; padding: 4px 4px;
}

.agency_default th a{
	text-decoration: none !important;
}

.agency_default table{
	margin: 0 0 15px 0;
}

.dvFieldHeaderStyle{
	font-size: 0.75em; padding: 4px;
}

.apply_appformprint .dvFieldHeaderStyle,
.apply_appformprint th{
	font-size: 1em !important;
}

.apply_appformprint dt{
	width: 70% !important;
}

#ctl00_content_CandidateDetails{
	margin: 0 0 15px 0;
}

#ctl00_content_CandidateDetails_country{
	font-size: 0.75em;
}

.agency_candidatedetails h3 {
	font-size:1em !important;
}

.agency_candidatedetails input {
	font-size:0.75em !important;
}

#ctl00_content_psectionGuidance,
.instructions{
	/*font-size: 0.75em;*/ padding: 5px 0 0 0;
}

.YesNo,
.MultiLine,
.CheckBox{
	margin: 0 0 5px 0;
}

.MultiLine{
	font-size: 0.75em;
}

.radiolist label{
	margin: 0 5px 5px 5px !important; font-weight: normal; font-size: 0.75em;
}

.apply_stage fieldset label{
	width: auto !important;
	margin: 0 3px 3px 0;
}

#ctl00_content_save,
#ctl00_content_ApplyCancel1,
#ctl00_content_delete,
#ctl00_content_CancelPb{
	margin: 10px 4px 0.75em 0;
}

.apply_default .hovertable {
	border:1px solid #000000;
	font-weight:bold;
	margin: 10px 0 20px 0;
}

.hovertable th{
	font-size: 0.75em;
	padding: 4px;
}

.hovertable td{
	font-size: 0.75em;
	border-right: 1px solid #002f63;
	padding: 4px;
}

.guidancetext{
	/*font-size: 0.75em;*/
	margin:5px 0pt 0pt;
}

#ctl00_content_CapacityKnown_accessableValidation{
	font-size: 0.75em;
}

#ctl00_content_CapacityKnown_accessableValidation #ctl00_content_CapacityKnown_avpLabel{
	font-size: 1em !important;
}

fieldset textarea {
	height: 140px !important;
}

#jobappform h3 {
	background-color:#002F63;
	color:#FFFFFF;
	font-size:0.9em;
	font-weight:bold;
	padding: 4px;
}

#ctl00_content_vacanciesofinterest h2,
#ctl00_content_applicationslists h2{
	background-color:#002F63;
	color:#FFFFFF;
	font-size:0.9em;
	font-weight:bold;
	padding:4px;
}

.apply_appformprint #ctl00_content_pEmployment td,
.apply_appformprint #wrapper #content #contentSect #aspnetForm td,
.apply_appformprint #wrapper #content #contentSect #aspnetForm p,
.apply_appformprint #ctl00_content_pEmployment p{
	font-size: 100% !important;
}



.apply_eeo fieldset label {
	width: auto !important;
}

.apply_appformprint .appform .item td{
	font-size: 100% !important;
}

/*login screen*/

/*: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;
}

#admin{
	position: absolute; top: 0px; left: 0px;
}

#ctl00_content_CapacityKnown_avpTextBox{
	font-size: 100% !important;
}

.accordian dt {
	/*
	color:#002F63;
	font-size:1em;
	padding:0.25em 0pt;
	font-weight: bold;
	text-decoration: underline;
*/
	
	background-color:#002F63;
	color:#FFFFFF;
	font-size:0.75em;
	font-weight:bold;
	padding: 4px;
	margin: 20px 0;
	cursor:pointer;
}
	
}

dl.accordian dt {
	cursor:pointer;
}

/*
#ctl00_content_q25,
#ctl00_content_q45 {
	width: 500px;
}
*/

.radiolist {
	width: 500px;
}



 /* Footer
----------------------------*/
#footer{
	width: 592px; margin: 4px auto; padding: 0 0 0 155px; 
}

#footer a{
	font-size: 0.65em; color: #999999; text-decoration: none; 
}

#footer li{
	list-style: none; float: left; padding: 0 30px 0 0; 
}



/* 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: Leahy/Langridge 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]); }
*/

/* Outlines (for development) -  :temp note: Delete before deployment
--------------------------------
#wrapper{
	outline: black 1px dashed; background-color: #F2F2F2;
}

#header{
	outline: navy 1px solid; background-color: #C4C4FF;
}
 
#navigation{
	outline: maroon 1px solid; background-color: #FFCACA;
}
 
#content-wrapper{
	outline: silver 1px dashed; background-color: #D2D2D2;
}
 
#content{
	outline: olive 1px solid; background-color: #D5D5AA;
} 

#secondaryContent{
	outline: fuchsia 1px solid; background-color: #FFAEE4;
}

#footer{
	outline: yellow 1px solid; background-color: #FFFFBF;
}*/