/*
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,Verdana,sans-serif; font-size: 100%;
} 

/*  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: "." !important; height: 0 !important; visibility: hidden !important; display: block !important; clear: both !important;
}

strong{
	font-weight: bold;
}

a:link{
	color: #08427C; 
}

a:focus, 
a:hover,
a:active{
	color: #890000;
}

/* Wrapper
----------------------------*/ 
#wrapper{
	width: 765px; padding-top: 23px; background: #ffffff url(i/region_europe.gif) right 5px no-repeat; margin: 0 auto; position: relative; 
}


/* Header	
----------------------------*/ 
#header{
	height: 60px; background: url(i/bg_site_id_small.gif) top left repeat-x;
}

#header .hitachi-logo{
	float: right; padding-top: 1px; padding-right: 1px;
}

h1.hitachi-header span{
	background-image: url(i/hitachi-header.gif);
}

h1.hitachi-header{
	width: 240px; height: 50px; margin: 0; padding: 0; float: left;
}

/* Navigation
----------------------------*/
#navigation{
	/*width: 200px;*/ 
}	

#navigation ul#mainnav{
	padding-top: 10px;
}

#navigation #mainnav li{
	background:#D7D7D7 url(i/bg_g_navi_top_l.gif) no-repeat scroll 0 0; list-style: none;
	float:left; margin:0 3px 0 0;
	
}

#navigation #mainnav a:link, 
#navigation #mainnav a:visited{
	font-size: .75em;
	color: #08427C; 
	background: transparent url(i/bg_g_navi_top_r.gif) no-repeat scroll 100% 0; border-bottom:1px solid #B6B6B6; display:block; float:left; padding:5px 8px 7px; white-space:nowrap;
}

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

#navigation #mainnav a.selected,
#navigation #mainnav a.open{
	background:transparent url(i/bg_g_navi_top_r_on.gif) no-repeat scroll 100% 0 !important; /*<- :note: Important is for ie6 */
	border:medium none; padding:5px 8px 8px; text-decoration:none;
}

#navigation ul#mainnav{
	padding-top: 10px;
}

#navigation #mainnav li{
	background:#D7D7D7 url(i/bg_g_navi_top_l.gif) no-repeat scroll 0 0; list-style: none;
	float:left; margin:0 3px 0 0;
}

#navigation #mainnav li.selected,
#navigation #mainnav li.open{
	background:#D3D3D3 url(i/bg_g_navi_top_l_on.gif) no-repeat scroll 0 0;
}

/* MENU LEVEL 2 */
/**/
ul#subnav:after { 
	content: "."; height: 0; visibility: hidden; display: block; clear: both;
}

#navigation ul#subnav{
	background:transparent url(i/bg_g_navi_bottom.gif) no-repeat scroll 0 100%;
	clear:left; /*margin:-7px 0 0;*/ padding:4px 8px 15px;
}

#navigation #subnav li{
background:transparent url(i/bg_g_navi_bottom_separater.gif) no-repeat scroll 100% 50%;
float: left; margin:0 3px 0 0; padding: 0px 10px 0px 5px; list-style: none;
}

#navigation #subnav a{
	/*white-space:nowrap;*/ font-size: .75em;  color: #08427C; 
}

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


#navigation #subnav li.selected {
	padding:0 6px 0 1px !important; /*background-color: #0ff;*/ /*border: 1px solid red;*/
}

#navigation #subnav a.selected{
	background-color:#3E3A39; color:#FFFFFF; font-weight:normal; padding:0 4px 1px; text-decoration:none;
}

#navigation ul.menu-level1 li a{
	white-space: nowrap;
}

#navigation ul.menu-level2 li a{
	white-space: normal;
}


/*Utilities*/
#navigation .utilities{
	float: right; font-size: 0.8125em; padding-top: 11px;
}

#navigation .utilities li{
	float:left; margin:0 3px 0 0; list-style: none; background:transparent url(i/icon_link_header.gif) no-repeat scroll 0 1px; display:inline; margin:0 0 0 5px; padding:1px 0 1px 15px;
}

#navigation .utilities a:link 
/*#navigation .utilities a:visited - leave */{
	color:#08427C; text-decoration:underline;
}

#navigation .utilities a:focus, 
#navigation .utilities a:hover,
#navigation .utilities a:active{
	color:#890000; text-decoration:underline;
}

/*#navigation .utilities a.selected{
}*/


/*menu level two - placed on right of page */
#navigation ul.menu-level2{
	position: absolute; top: 234px; right: 0; border: 1px solid #D6D6D6; border-bottom: none; width: 166px;
	
}

#navigation .menu-level2 li{
	border-bottom: 1px solid #D6D6D6; background-image: none !important; margin-right: 0 !important; padding-left: 0 !important;
	padding: .5em; float: none !important;
}

#navigation .menu-level2 a:link, 
#navigation .menu-level2 a:visited{
	font-size: 1.25em; padding: .5em; display: block; padding-left: 7px;
}

#navigation .menu-level2 a:focus, 
#navigation .menu-level2 a:hover,
#navigation .menu-level2 a:active{
}

#navigation #subnav .menu-level2 li a.selected{
	padding: 2px 2px 2px 3px; margin: 3px 0 3px 4px;
}


/*ADMIN MENU*/
#adminmenu{
	position: absolute; left: 0; right: 0; border: 1px solid #ccc; border-left: none; width: 200px; border-top: none;
}

#adminheading{
	background-color:#EFEFEF; border-color:#EE1933 #CCCCCC #CCCCCC; border-style:solid; border-width:3px 0px 1px; color:#000000; display:block; line-height:1.35; padding:6px 5px 4px; 
}

#adminmenu ul{
	padding: .5em; font-size: .875em;
}

#adminmenu ul li{
	background:transparent url(i/icon_link_right.gif) no-repeat scroll 0 0.1em; list-style: none; margin:0 0 5px; padding:0 0 0 17px;
}



/*Candidate details*/
#applicant-info{
	border-bottom: 2px solid #999; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top:3px solid #EE1933; padding-bottom: .5em;
}

#content #applicant-info h2{
	border: none; margin-top: 0 !important; margin-bottom: 0; 
}

#candidate-greeting,
#candidate-vacancy{
	padding: .25em .5em;
}

.candidate-current-vacancy,
.candidate-name{
	font-weight: bold;
}


/* Content
----------------------------*/
#content{
	font-size: .875em; clear: left; padding-bottom: 15px; padding-top: 19px;
}

/* content area defaults */
#content h1{
	padding: 1em 0 1.4em 0; border-top:1px solid #C9CACA; font-size: 1.1em; margin-bottom: 1em; background:transparent url(i/bg_pagetitle.gif) repeat-x scroll 0 100%;

}

#content h2,
.apply_appform #content h3,
.agency_candidatedetails #content h3
/*#content h3*//*,
body.register legend*/{ 
	color: #000; margin:0 0 10px; background-color:#EFEFEF; border: 1px solid #CCC; border-top:3px solid #EE1933; display:block; padding:6px 5px 4px; line-height:1.35; /*font-size:90%;*/ margin: 1em 0;
}

.apply_appform #content h3,
.agency_candidatedetails #content h3 {
	background-image: none; font-weight: bold;
}

#content h3,
#content h4{
	color: #000; /*margin:0 0 10px;*/ /*background-color:#EFEFEF;*/ /*border: 1px solid #CCC; border-top:3px solid #EE1933;*/ display:block; padding: 6px 5px 4px 17px; line-height:1.35; /*font-size:90%;*/ margin: 1em 0; font-weight: normal; color: #08427C; background: transparent url(i/icon_link_right.gif) no-repeat left center; margin: 1em 0; 
}




#content h2 a:link,
#content h2 a:visited,
#content h3 a:link{
	color: #08427C; font-weight: bold; line-height:1.35;
}

#content h3 a:link,
#content h3 a:visited,
#content h4 a:link,
#content h4 a:visited{
	color: #08427C; font-weight: normal; line-height:1.35;
}


#content h2 a:focus,
#content h2 a:hover,
#content h2 a:active,
#content h3 a:focus,
#content h3 a:hover,
#content h3 a:active,
#content h4 a:focus,
#content h4 a:hover,
#content h4 a:active{
	color: #000;
}


#content h4.arrow{
	background:transparent url(i/icon_link_right.gif) no-repeat 0 0.1em; margin:0 0 5px; padding:0 0 0 17px; font-weight: normal;
}



/*:tempnote: temporarily combined h2 and h3 */
/*#content h3{
	color: #000; border-bottom: 1px solid #CDCDCD; font-size: 1em; line-height:1.35; padding-bottom: 6px; margin-bottom: 1em;
}*/

#content p {
	padding-bottom: 1em; line-height:1.35;
	
}

#content ol {
	padding-bottom: 1em; margin-left: 25px;
}

/*#content ul{
	padding-bottom: 1em; margin-left: 21px;
} */

#content ul li{
	/*list-style-position:outside; list-style-type:disc; */
	list-style: none; background:transparent url(i/icon_list_marker.gif) no-repeat scroll 0 1px; line-height:1.35; margin:0 0 5px; padding:0 0 0 17px;
}




#content ul.PageTop li,
ul.linkedlist li{
	list-style-type: none; background: none !important; padding-left: 0 !important;
}

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


ul.PageTop{
	text-align: right; padding: 1em 196px 0 0;
}

#content ul.PageTop li a{
	background: transparent url(i/icon_link_top.gif) no-repeat; padding-left: 16px;
}


#main-content{
	width: 570px; 
}

#sub-navigation{
	
}

/* :temp note: Linked list style */
/*#content ul.linkedlist {
	margin-left: 0px;
}*/

/*ul.linkedlist li{
	background:transparent url(i/icon_link_right.gif) no-repeat scroll 0 0.1em;
margin:0 0 5px; padding:0 0 0 17px; list-style: none;
}*/

ul.linkedlist li a {
	line-height:1.35;
}

/*#content ul li{
	list-style: none;
}*/
#content ul.linkedlist{
	margin: 0;
}

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

#content ul.linkedlist li a:link, 
#content ul.linkedlist li a:visited{
	background:transparent url(i/icon_link_right.gif) no-repeat scroll 0 0.1em; margin:0 0 5px; padding:0 0 0 17px; 
}


#content a:link, 
#content a:visited{

}

#content a:focus, 
#content a:hover,
#content a:active{
	color:#890000; text-decoration:underline;
} 


/*Relevant Items*/
#related-links{
	position: absolute; right:0; top:360px; width:166px; 
	border-bottom: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD;
	border-top:3px solid #9F9F9F; 
	padding-bottom: 5px;
}


#related-links h2{
	line-height:1.35; padding:5px 10px; background-color:#EFEFEF; color: #000; margin-top: 0;
	border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #CDCDCD;
}

#related-links a:link,
#related-links a:visited{
	display: block; margin: 0 10px; background:transparent url(i/icon_link_right.gif) no-repeat scroll 0 0.1em; padding:0 0 5px 17px;
}


div.panel{
	border-bottom: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD;
	border-top:3px solid #9F9F9F; padding-bottom: 5px; margin-bottom: 1em;
}

body #content div.panel h2{
	line-height:1.35; padding:5px 10px; background-color:#EFEFEF; color: #000; margin-top: 0;
	border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #CDCDCD;
}

body #content div.panel p,
body #content div.panel ul{
	margin: 0 10px; 
}


/*2 column layout*/
div.column-holder{
	
}

div.left-column{
	float: left; width: 49%;
}

div.right-column{
	float: right;	width: 49%;
}

/*Breadcrumbs*/
div#breadcrumb{
	margin:0 auto 4px; /*padding:0 0 0 14px;*/ text-align:left; font-size: 0.6875em; clear: left; height: 1.7em;
}

div#breadcrumb ul li{
	list-style: none; 	
}

div#breadcrumb ul li.first-item {
	background:transparent url(i/icon_topic_path_first.gif) no-repeat scroll 0 3px; padding: 2px 0 3px 14px;
}

div#breadcrumb ul li {
	background:transparent url(i/icon_topic_path_transition.gif) no-repeat scroll 0 4px; float:left; line-height:1.2; margin:1px 3px 0 0; padding:2px 0 3px 13px; white-space:nowrap;
}

div#breadcrumb ul li a:link{
	color: #08427C;
}

div#breadcrumb ul li a:focus, 
div#breadcrumb ul li a:hover,
div#breadcrumb ul li a:active{
	color: #890000;
} 


/*breadcrumb-test - have breadcrumbs in the cms and re-positon using css
div#breadcrumb-test{
	margin:0 auto 4px; padding:0 0 0 14px; text-align:left; font-size: .75em; clear: left;
	position: absolute; left: 0; top: 160px;
}

div#breadcrumb-test ul li{
	list-style: none;
}

div#breadcrumb-test ul li.first-item {
	background:transparent url(i/icon_topic_path_first.gif) no-repeat scroll 0 3px; padding: 2px 0 3px 14px;
}

div#breadcrumb-test ul li {
	background:transparent url(i/icon_topic_path_transition.gif) no-repeat scroll 0 4px; float:left; line-height:1.2; margin:1px 3px 0 0; padding:2px 0 3px 13px; white-space:nowrap;
}

div#breadcrumb-test ul li a:link,
div#breadcrumb-test ul li a:visited{
	color: #08427C; background:none; margin:0px; padding:0px; 
}

div#breadcrumb-test ul li a:focus, 
div#breadcrumb-test ul li a:hover,
div#breadcrumb-test ul li a:active{
	color: #890000;
} 
*/


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

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

body.register fieldset{
	border: none; /*position: relative;*/
	/*padding: 0; margin: .5em 0 1em 0;*/
	/*background-color: #f0f; :test:*/
	padding-left: 0;
}

body.register fieldset legend{
	
	/*position: absolute; top: 0; left: 0;*/ /*padding-top: 50px;*//*margin:0 0 10px; margin: 1em 0;*/ /*:test:*/
	
	/*ie specific*/
	width: 548px !important; margin-bottom: 10px;
	
	color: #000; padding:6px 5px 4px;
	
	background-color:#EFEFEF; border: 1px solid #CCC; border-top:3px solid #EE1933; display:block;  line-height:1.35; /*font-size:90%;*/ 
	
	margin-left: -7px; /*for ie*/	
}


body.register fieldset div{
	border:1px solid #9C9A9A; /*height: 5em 300px;*/ padding-bottom: 0;
	border-bottom: none; 
}

body.register fieldset div#ctl00_content_PasswordConfirm_accessableValidation,
body.register fieldset div#ctl00_content_LastName_accessableValidation,
body.register fieldset div#ctl00_content_Mobile_accessableValidation,
body.register fieldset div#country-select{
	border-bottom: 1px solid #9C9A9A;
}



body.register fieldset label,
body.contactus fieldset label{
	background-color: #E8E8E8;
	padding-left: .75em; 
	
	/*padding: 2em 0 2em .75em;*/
	border-right: 1px solid #9C9A9A;
	font-size: 0.875em;
		height: /*5em*/ 36px; padding-top: 24px; padding-right: 0px;
}

body.contactus fieldset{
	border: none; padding-left: 0; 
}

body.contactus fieldset div{
	/*border: 1px solid #9C9A9A;*/ /*height: 50px; */
}

body.contactus fieldset label#ctl00_content_Feedback_avpLabel{
	width: 167px; /*border-left: 1px solid #9C9A9A;*/ font-weight: normal !important; 
}

body.contactus fieldset div#ctl00_content_Name_accessableValidation,
body.contactus fieldset div#ctl00_content_Telephone_accessableValidation,
body.contactus fieldset div#ctl00_content_Email_accessableValidation,
body.contactus fieldset div#ctl00_content_Feedback_accessableValidation{
	border-left: 1px solid #9C9A9A;
	border-right: 1px solid #9C9A9A;
	border-bottom: 1px solid #9C9A9A;
	height: 50px;
}

body.contactus fieldset textarea#ctl00_content_Feedback_avpTextBox{
	/*width: 99%;*/
}

body.contactus fieldset div#ctl00_content_Name_accessableValidation{
	border-top: 1px solid #9C9A9A;
}

body.contactus fieldset div#ctl00_content_Email_accessableValidation{
	
}

body.contactus fieldset div input{
	margin-top: 22px; margin-left: 10px;
}

body.contactus fieldset textarea{
	margin-bottom: 0; height: 46px; margin-left: 10px; margin-top: 6px; width: 335px;
}



body.register #ctl00_content_OtherInfo fieldset label, 
body.register #ctl00_content_OtherInfo fieldset input{
	height: auto; background-color: transparent; border: none; padding-top: 0; margin-top: 0;
}

#ctl00_content_OtherInfo div{
	border: none;
}


body.register fieldset input,
body.register fieldset select{
	margin-top: 24px; margin-left: 1em;
}

body.register .cibbutton{
	text-align: center !important;
}

body.register fieldset div{
	height: /*5em*/ 60px;
}



/*body.register fieldset label{
	vertical-align: middle;
}*/


/*App form print
----------------*/
#content ol#jobappform{
	margin-left: 0px;
}

#jobappform a{
	padding:0 0 0 17px; background: transparent url(i/icon_link_right.gif) no-repeat scroll 0 0.1em;
}


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

body.jobsearch fieldset legend{
	color: #000; font-size:85%;
}

body.jobsearch fieldset label{
	font-weight: bold; color: #000; 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%;*/ width: auto;
}


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


/* Admin menu */
#admin{
	font-size: .75em; left:-5px; position:absolute; top:4px;
}

#admin li{
	float: left; list-style: none;
}

ul#admin li a:link,
ul#admin li a:visited{
	color: #08427C; background:transparent url(i/icon_link_header.gif) no-repeat scroll 0 1px; margin:0 0 0 5px; padding:1px 0 1px 15px;
}

ul#admin li a:focus, 
ul#admin  li a:hover,
ul#admin  li a:active{
	color: #890000 !important;
}

ul#admin li#homelink a{
	background:transparent url(i/homeicon.jpg) no-repeat scroll 0 2px; padding-left: 17px;
}
	



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

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

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


/*Jobsearch Paging
------------------*/
/*p.pager{
	
}*/

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

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


/*Accordian*/
dl.accordian{
	
}

dl.accordian dt{
		color: #000; /*border-bottom: 1px solid #CDCDCD;*/ font-size: 1em; line-height:1.35; /*padding-bottom: 6px;  */
margin: 1em 0; font-weight: bold; font-weight: bold; cursor: pointer; color: #333;

background:#E8E8E8 url(i/red_arrow.gif) no-repeat scroll 5px center; padding-left:40px;

/*background:transparent url(i/icon_link_right.gif) no-repeat scroll 0 0.1em;*/ /*margin:0 0 5px;*/ padding: 6px 0 6px 40px;

}

dl.accordian dt.accordian-open{
	background: #E8E8E8 url(i/red_arrow_down.gif) no-repeat 5px center;
}

dl.accordian dd{ 
	
}



/*Appform page
--------------*/

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

label.fullwidth{
	width: auto !important;
}


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


/* Radiolist */
.radiolist{
	padding-top: 6px;
}

.radiolist label{
	padding-left: 3px;
}

/* :note: Edit Page link */
#content .editlink{ /* :note: use !important to override same styles in form.css */
	background-color: Yellow !important; padding: 5px;
}

.editlink:hover{
	
}
 
/* :note: flash msg change these styles to suit the design.*/
body #content .flash{ 
	margin:0 0 10px; background-color:#EFEFEF; border: 1px solid #CCC; display:block; padding:6px 5px 4px;  margin: 1em 0; 
}

body #content .flash p{ 
	padding: 0; margin: 0; /* :note: reset <p> */
	color: #EE1933; line-height:1.35; font-weight: bold;
}









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

/* :note: form legend color */
fieldset legend { 
	color:#000;
}

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

#content label.Radio,
#content label.YesNo,
#content label.CheckBox,
#content label.Select,
#content label.Guidance,
#content label.MultiLine{
	font-weight: bold !important;
}


#ctl00_content_pEEODisability label{
	width: auto !important;
}
/* :note: candidate zone */
/*.apply_default #content ul li{
	list-style: disc;	
}*/

/*body.section-default #content ul li{
	list-style: none;	
}
*/

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

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

}

table.appfrom{
	border-top:3px solid #EE1933; background-color:#EFEFEF;
}

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

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

/* Apply process Input buttons + details and apply links */
 
/*#content .cibbutton .jobdetails,
#content .cibbutton .jobapply,*/
input.FormButton,
input.formbutton,
input.button,
input#ctl00_content_CancelPb,
input#ctl00_content_ApplyCancel1{
	/* :temp note:buttonise job links and buttons */
	cursor: pointer; /*padding:2px 5px;*/ padding:2px 5px; text-align: center;
	/*background:transparent url(i/icon_link_right.gif) no-repeat scroll 0 0.1em; padding:0 0 0 17px; font-weight: bold !important;  color:#08427C; border-color:#F2F0EE #75736E #75736E #F2F0EE; border-style:solid; border-width:2px;*/ 
}

#content .cibbutton .jobdetails,
#content .cibbutton .jobapply{
	padding: 2px 0.5em 2px 1.3em; background:transparent url(i/icon_link_right.gif) no-repeat scroll 0 0.2em;
}


/*input.FormButton,
input.formbutton:hover,
input.button:hover,
input#ctl00_content_CancelPb:hover,
input#ctl00_content_ApplyCancel1:hover,*/
#content .cibbutton .jobdetails:hover,
#content .cibbutton .jobapply:hover{
	color:#890000;
}


/*input.formbutton:hover,
input.button:hover,
input#ctl00_content_CancelPb:hover,
input#ctl00_content_ApplyCancel1:hover{
	color:#890000;
}*/

.jobsearch #ctl00_content_search,
.jobsearch #ctl00_content_reset{
	background-image: none; /*padding-left: 0;*/
}


/* Ensure job description text size is consistant whether in <p> or not */ 
.job-result .jobdescription{
	/*margin: 1em 0;*/ padding-top: .75em; font-size: 85%; 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; 
}

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


}

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

.job-result dt,
.job-result dd{
	/*clear: right !important;  :note: override forms.css*/
	font-size: 85%;
}

.job-result dt{
	color: #333;
}

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

}

ol#jobappform{

}

#content ol#jobappform li{
	
}

div.appformsubmit{

}
*/

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


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

 /* Footer
----------------------------*/
#footer{
	padding:8px 0 6px; background-color: #E6E6E6;
}

div#footer p {
	float: right; padding:3px 15px 0 0; font-size: 0.6875em;
}

#footer li{
	float: left; list-style: none; border-left:1px solid #555555; line-height:1.2; margin:0 5px 0 0; padding:0 0 0 5px; font-size: 0.8125em
}

#footer li.first-item{
	border-left: none;
}

#footer a:link, 
#footer a:visited{
	color: #08427C; 
}

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


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