@import url(navigation.css);
@import url(right.css);

/* === Hidden guff ======= */
div.hidden{
	left:-9999px;
	width:0px;
	overflow:hidden;
	position:absolute;
	}	

/* === Generic styling (structure/background etc) ======= */
*{	
	font-size:100%;
	margin:0;
	padding:0;
	border:0;
	line-height:normal
	}
body{
	font:75%/150% Tahoma,Arial,Verdana,Helvetica,sans-serif;
	margin:10px;
	color:#333;
	text-align:center;
	background:#FFF;
	}
#structure{
	width:744px;
	position:relative;
	margin:auto;
	text-align:left
	}
#structure2{
	width:744px;
	float:left
	}
/* paragraph styles */
p{margin:0 0 1.3em}
.margin{margin:0 !important}
.small{font-size:90%;}
/* colour styles */
.grey{color:#999}
.error{color:#CC0000 !important}
/* misc styles */
.nw{white-space:nowrap}
.nul{text-decoration:none}
.top{vertical-align:top}


/* === BULLETS ======= */
/* job icons */
ul.icons,ul.steps,ul.documents{
	list-style:none;
	float:left
	}
ul.icons li{
	width:31px;
	height:31px;
	padding-right:4px;
	text-indent:-9999px;
	font-size:10%;
	float:left
	}
li.icon_1{background:url(http://www.jobescalator.com/images/icons/icon_canteen.gif) no-repeat}
li.icon_2{background:url(http://www.jobescalator.com/images/icons/icon_car.gif) no-repeat}
li.icon_3{background:url(http://www.jobescalator.com/images/icons/icon_central.gif) no-repeat}
li.icon_4{background:url(http://www.jobescalator.com/images/icons/icon_creche.gif) no-repeat}
li.icon_5{background:url(http://www.jobescalator.com/images/icons/icon_flexible.gif) no-repeat}
li.icon_6{background:url(http://www.jobescalator.com/images/icons/icon_gym.gif) no-repeat}
li.icon_7{background:url(http://www.jobescalator.com/images/icons/icon_smoke.gif) no-repeat}
li.icon_8{background:url(http://www.jobescalator.com/images/icons/icon_teambig.gif) no-repeat}
li.icon_9{background:url(http://www.jobescalator.com/images/icons/icon_teamsmall.gif) no-repeat}
li.icon_sendtofriend{background:url(http://www.jobescalator.com/images/icons/icon_sendtofriend.gif) no-repeat}
li.icon_print{background:url(http://www.jobescalator.com/images/icons/icon_print.gif) no-repeat}
li.icon_watchjob{background:url(http://www.jobescalator.com/images/icons/icon_watchjob.gif) no-repeat}
li.icon_watchemployer{background:url(http://www.jobescalator.com/images/icons/icon_watchemployer.gif) no-repeat}

div.icons_c{
	margin:0 0 1.3em;
	float:left
	}

/* next step icons */
ul.steps li{
	height:22px;
	padding-right:23px;
	text-indent:-9999px;
	float:left	
	}
ul.steps li a{
	height:22px;
	overflow:hidden;
	display:block;
	float:left
	}
li.step_sendtofriend{width:99px;background:url(http://www.jobescalator.com/images/icons/step_sendtofriend.gif) no-repeat}
li.step_print{width:83px;background:url(http://www.jobescalator.com/images/icons/step_print.gif) no-repeat}
li.step_printapplication{width:120px;background:url(http://www.jobescalator.com/images/icons/step_printapplication.gif) no-repeat}
li.step_converttopdf{width:93px;background:url(http://www.jobescalator.com/images/icons/step_converttopdf.gif) no-repeat}
li.step_watchjob{width:96px;background:url(http://www.jobescalator.com/images/icons/step_watchjob.gif) no-repeat}
li.step_watchemployer{width:126px;background:url(http://www.jobescalator.com/images/icons/step_watchemployer.gif) no-repeat}
li.step_backtovacancy{width:82px;background:url(http://www.jobescalator.com/images/icons/step_backtovacancy.gif) no-repeat}
li.step_backtosearch{width:75px;background:url(http://www.jobescalator.com/images/icons/step_backtosearch.gif) no-repeat}
li.step_backtotop{width:60px;background:url(http://www.jobescalator.com/images/icons/step_backtotop.gif) no-repeat}
li.step_sendtofriend a{width:99px}
li.step_print a{width:83px}
li.step_printapplication a{width:120px}
li.step_converttopdf a{width:93px}
li.step_watchjob a{width:96px}
li.step_watchemployer a{width:126px}
li.step_backtovacancy a{width:82px}
li.step_backtosearch a{width:75px}
li.step_backtotop a{width:60px}

/* documents icons */
ul.documents li{
	height:15px;
	padding:1px 0 10px 22px;
	background-repeat:no-repeat;
	}


/* === HEADER ======= */
#header{
	width:744px;
	float:left
	}
#header_l{
	width:203px;
	padding-top:7px;
	float:left
	}
#header_r{
	width:487px;
	float:right
	}
/* logo link replacement */
#header_l h1,#header_l h1 a{
	width:203px;
	height:54px;
	text-indent:-9999px;
	float:left
	}
#header_l h1{background:url(http://www.jobescalator.com/images/header/title.gif) no-repeat}
#header_l h1 a{
	display:block;
	overflow:hidden
	}
	
	
	
/* advert area */
#advert{
	width:475px;
	height:60px;
	padding-left:12px;
	background:url(http://www.jobescalator.com/images/header/advert_left.gif) no-repeat;
	float:left
	}
#advert_l{
	width:463px;
	height:60px;
	float:left
	}
#advert_r{
	width:12px;
	height:60px;
	background:url(http://www.jobescalator.com/images/header/advert_right.gif) no-repeat;
	float:right
	}
#advert_l h2,#advert_l h2 a{
	width:463px;
	height:60px;
	text-indent:-9999px;
	overflow:hidden;
	float:left	
	}
	
	
	

/* error messages */
#error_title{
	width:487px;
	height:16px;
	font-size:10%;
	text-indent:-9999px;
	background:url(http://www.jobescalator.com/images/titles/int_erroroccurred.gif) no-repeat;
	float:left
	}
#error_title h1{
	width:168px;
	height:10px
	}
#error_text_c{
	width:479px;
	height:37px;
	padding:4px;
	background:url(http://www.jobescalator.com/images/backgrounds/int_erroroccurred.gif) no-repeat;
	float:left
	}
#error_text{
	width:479px;
	height:37px;
	font-size:80%;
	color:#CC0000;
	overflow:auto;
	float:left
	}
#error_text ul{
	list-style:none
	}
#error_text ul li{
	padding-left:7px;
	background:url(http://www.jobescalator.com/images/icons/arrow_red.gif) 0 4px no-repeat;
	}

	
/* === CONTENT ======= */
#content{
	width:744px;
	margin-top:10px;
	float:left
	}

	
/* === FOOTER ======= */
div.footnav{
	width:100%;
	font-size:90%;
	color:#999;
	float:left
	}
#footnav_nav{
	padding:20px 0 10px 10px;
	float:left
	}
#footnav_info{
	width:100%;
	padding-top:10px;
	float:left
	}
#footnav_info_l{
	padding-left:10px;
	float:left
	}
#footnav_info_r{
	padding:8px 10px 0 0;
	font-size:90%;
	text-align:right;
	float:right
	}
#footnav_info_r p{margin:0 0 0.7em}
	
	
/* === HYPERLINKS ======= */
a,a:visited{color:#0051A8;text-decoration:none}
a:hover,a:visited:hover,a:active{text-decoration:underline}
a.lgry,a.lgry:visited{color:#999;text-decoration:none}
a.lgry:hover,a.lgry:visited:hover,a.lgry:active{text-decoration:underline}
a.dgry,a.dgry:visited{color:#888;text-decoration:none}
a.dgry:hover,a.dgry:visited:hover,a.dgry:active{text-decoration:underline}
a.wht,a.wht:visited{color:#FFF;text-decoration:none}
a.wht:hover,a.wht:visited:hover,a.wht:active{text-decoration:underline}
a.whtu,a.whtu:visited{color:#FFF;text-decoration:underline}
a.whtu:hover,a.whtu:visited:hover,a.whtu:active{text-decoration:none}


/* === FORMS ======= */
.textfield,.textfieldg{
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
	padding:2px;
	border:solid 1px #00AFED;
	color:#666;
	}
.textfieldg{border:solid 1px #E7E7E7}
.select{
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
	border:solid 1px #00AFED;
	}
.checkbox{
	width:12px;
	height:12px;
	vertical-align:middle
	}
.submit{
	font-family:Tahoma,Arial,Verdana,Helvetica,sans-serif;
	padding:0 4px 1px 4px;
	color:#FFF;
	font-weight:bold;
	border:outset 1px #29bef3;
	background:#00afee
	}
.submit_save,.submit_apply{
	width:72px;
	height:24px;
	padding-top:10px;
	font-size:10%;
	color:#053699;
	cursor:hand;
	cursor:pointer; /* hand for firefox */
	background:url(http://www.jobescalator.com/images/buttons/save_dblu.gif)
	}
.submit_apply{
	color:#00afed;
	background:url(http://www.jobescalator.com/images/buttons/apply_blu.gif)
	}