#home-header{
	height:240px;
	background:#eceff4 url(../images/home-header-background.jpg) top left repeat-x;
	z-index:0;
}

#slogan{
	width:650px;
	height:96px;
	position:absolute;
	top:20px;
	right:40px;
	background:url(../images/slogan.gif) top left no-repeat;
}

#slogan h1{display:none;}

#search_form_container{
	height:105px;
	width:950px;
	position:absolute;
	top:125px;
	left:20px;
	color:#666;
	font-size:16px;
}

#search_form .fields{
	font-size:16px;
	padding:3px;
}

#search_form #search_sector-label, #search_form #search_sector, #search_form #search_area-label, #search_form #search_area, #search_form #search_keywords-label, #search_form #search_keywords, #search_form #search_button{
	position:absolute;
}

#search_form #search_sector-label{
	top:0;
	left:0;
}

#search_form #search_sector{
	top:25px;
	left:30px;
	width:250px;
}

#search_form #search_area-label{
	top:0px;
	left:320px;
}

#search_form #search_area{
	top:25px;
	left:350px;
	width:250px;
}

#search_form #search_keywords-label{
	top:0;
	left:640px;
}

#search_form #search_keywords{	
	top:25px;
	left:670px;
	width:250px;
}

#search_form #search_area, #search_form #search_keywords{
	color:#AAA;
	font-style:italic;	
}

#search_form #search_button{
	bottom:10px;
	right:10px;
}

#search_form_container #advanced-search{
	color: #dc0d0c;
	font-size:x-small;
	position:absolute;
	bottom:13px;
	left:0px;
}

#photo{
	width:220px;
	height:200px;
	position:absolute;
	top:100px;
	left:0px;
}

#home-text{
	margin:10px 0 0 0;	
	padding:0 10px 0 0;
}

h1#welcome{
	width:504px;
	height:31px;
	background:url(../images/titles/welcome-to-xltec-recruitment.jpg) top left no-repeat;
}

h1#welcome span{
	display:none;
}

#home-left{
	width:735px;
	float:left;
	padding-right:5px;
	margin:10px 0 0 0;
}

#home-right{
	width:220px;
	float:left;
	margin-top:10px;
}

#home-right #twitter, #home-right #headlines{
	border:1px solid #CCC;
	padding:10px 5px 5px 5px;
	width:225px;
	margin:0 0 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	font-size:12px;
}

#home-right #twitter #follow{
	text-align:right;
	display:block;
	font-weight:normal;
	font-size:x-small;
}

#home-right #twitter #twitter-logo{
	display:block;
	position:absolute;
	top:3px;
	right:5px;
	width:32px;
	height:35px;
}

#home-right h3{
	width:200px;
	height:25px;
	margin:0 0 0px 0;
}

#home-right h3 span{
	display:none;
}

#home-right h3 a{
	display:block;
	width:100%;
	height:100%;
}

h3#industry-headlines{
	background:url(../images/titles/IndustryHeadlines.gif) top left no-repeat;
}

h3#latest-tweets{
	background:url(../images/titles/latest-tweets.gif) top left no-repeat;
}

#home-right ul{
	list-style:none;
}

#home-right ul li{
	margin:5px 0;
	padding:5px;
	border-top:none;
	border-bottom:1px solid #CCC;
}


#home-right #twitter ul li h4{
	color:#333;
}

#home-right ul li h4{
	font-weight:normal;
	margin:0;
	font-size:11px;
}

#home-right ul li p{
	text-align:right;
	font-size:x-small;
	color:#999999;
	font-style:italic;
	margin:2px 0 0 0;

}

#home-right #headlines-up, #home-right #headlines-down{
	height:15px;
	width:225px;
	background:#EFEFEF center no-repeat;
	text-align:center;
	cursor:pointer;
}

#home-right #headlines-up:hover, #home-right #headlines-down:hover{
	background-color:#DDDDDD;
}

#home-right #headlines-up{
	background-image:url(../images/arrow-up.gif);
}

#home-right #headlines-down{
	margin:5px 0 0 0;
	background-image:url(../images/arrow-down.gif);
}

#home-right #headlines-container{
	width:225px;
	height:360px;
	overflow:hidden;
	position:relative;
}

#home-right #headlines-list{
	position:absolute;
	top:0;
	left:0;
	width:225px;
}

#home-right #headlines .links{
	margin:10px 0 0 0 0;
	font-size:x-small;
	font-weight:normal;
	text-align:center;
	color:#666;
}

.trio#oil-gas-utilities h2 a{
	background:url(../images/oilGasUtilities.jpg) top left no-repeat;
}

.trio#offshore-services h2 a{
	background:url(../images/offshoreServices.jpg) top left no-repeat;	
}

.trio#fm-building-services h2 a{
	background:url(../images/fmBuildingServices.jpg) top left no-repeat;	
}

.trio h2 a span, h3#industry-headlines span{
	display:none;
}

.home-trio{
	margin:10px 0 0 0;
}

#trio-top{
	margin: 0;
	height:130px;
}

#trio-top .trio{
	width:235px;	
}

#trio-bottom .trio{
	background:#eceff4 url(../images/trio-background.jpg) top left repeat-x;
	padding:10px;
	height:260px;
	width:215px;	
}

.trio{
	float:left;
	margin:0 5px;
	font-size:x-small;
}

.trio h2{
	margin:0 auto 5px auto;
}

.trio h2 a{
	display:block;
	height:113px;
}

.trio a img{
	margin:0 auto;
	display:block;
}

.trio.first{
	margin-left:0;	
}

#handshake{
	width:215px;
	margin:0 auto;
	border:1px solid #CCC;
}

.trio.middle{
	border-left:1px solid #eceff4;
	border-right:1px solid #eceff4;
}

#recruiters{
	margin:10px 0 0 0;	
}

#submit-vacancy table{
	font-size:x-small;
}

#submit-vacancy table tr td{
	padding:1px;
}

#submit-vacancy table tr td.vacancy-left{
	font-weight:bold;	
}

#submit-vacancy table tr td.vacancy-right{
	text-align:right;
}

#submit-vacancy table tr td.vacancy-right input{
	width:160px;
}

#submit-vacancy table tr td.vacancy-right input, #submit-vacancy table tr td.vacancy-right select{
	padding:2px;
}

#vacancy-comments{
	width:210px;	
}

.trio.last{
	margin-right:0;	
}

#cv-upload{
	font-size:x-small;
	margin:2px 0 0 0;
}

#cv-upload table{
	width:160px;
}

#cv-upload table tr td{
	padding:3px;	
}

#cv-upload input, #cv-upload textarea, #submit-vacancy input, #submit-vacancy textarea{
	font-size:x-small;
	padding:2px;
	font-family:Tahoma, Geneva, sans-serif;
}

#cv-upload .fields{
	width:140px;	
}

#cv-upload .text-field{
	width:140px;
	height:45px;
}

.submit{
	text-align:right;
	padding:3px;
}

#upload-cv-success{
	margin:25px 0 0 0;
	text-align:center;
}

#recruiters{
	padding:10px;
}

#recruiters .recruiter-logo{
	float:left;
	margin:5px 9px 5px 10px;
	border:1px solid #dedede;
}

#recruiters .recruiter-logo.logo-first{
	margin-left:0;
}

#recruiters .recruiter-logo.logo-last{
	margin-right:0;
}

#sector-list, .admin-list{
	list-style:none;
}

#sector-list li, .admin-list li{
	margin:3px 0;
	padding:3px 8px;
	border-bottom:1px solid #CCC;
}

#sector-list li.last, .admin-list li.last{
	border-bottom:none;	
}

.sector-amount{
	font-weight:normal;
	color:#999;
}

/*Jobs*/
#jobList{
	width:100%;	
}

#jobList tr td{
	padding:3px;	
}

#jobList tr td.jobTitle{
	font-size:medium;
	font-weight:bold;
}

.job-links{
	display:block;
	width:24%;
	text-align:center;
	float:left;
	margin:5px 0;
	padding:5px 0;
	border-top:1px solid #DDD;	
	border-bottom:1px solid #CCC;	
}

.job-links-3{
	display:block;
	width:33%;
	text-align:center;
	float:left;
	margin:5px 0;
	padding:5px 0;
	border-top:1px solid #DDD;	
	border-bottom:1px solid #CCC;		
}

#container a.job-links, #container a.job-links-3{
	color:#666;
	font-weight:normal;
}

#container a.job-links:hover, #container a.job-links-3:hover{
	color:#dc0d0c;
}

#container a.job-links-3.apply{
	color:#dc0d0c;
	font-weight:bold;
}

.job-list-divide{
	padding:0 0 5px 0;
	font-size:1px;
}

#job-map{
	width:520px;
	height:150px;
	border:1px solid #DDDDDD;
	margin:10px 0;
}

#job-advanced-search, #job-advanced-search tr td table{
	width:100%;	
}

#job-advanced-search input, #job-advanced-search select{
	padding:2px;
}

#job-advanced-search tr td{
	padding:3px;	
}

#job-advanced-search tr td.width-50{
	width:50%;
}

#job-advanced-search tr td.width-60{
	width:60%;
}

#job-advanced-search tr td.width-40{
	width:40%;
}

#job-advanced-search tr td.width-33{
	width:33%;
}

#job-advanced-search tr td .label{
	width:140px;
}

#search-fail-left{
	width:260px;
	float:left;
	margin:0 20px 0 0;
	padding:0 20px 0 0;
	border-right:1px solid #CCC;
}

#search-fail-right{
	width:230px;
	float:left;
}

/*Application Form*/
#application{
	width:70%;
	margin:0 auto;
	border:1px solid #CCC;
	padding:10px;
	background-color:#FFF;
}

#application tr td{
	padding:5px;
}

#application tr td input, #application tr td textarea{
	padding:3px;
	font-family:Tahoma, Geneva, sans-serif;
}

/*Main Page Styles*/
#pageTitle{
	width:	550px;
	height: 60px;
	background-position:top left;
	background-repeat:no-repeat;
	position:absolute;
	top:25px;
	right:10px;
}

#pageTitle h2{
	display:none;
}

#page-text{	
	background:#eceff4 url(../images/trio-background.jpg) top left repeat-x;
	padding:100px 10px 10px 10px;
}

.errorMessage {
	color: red;
	margin-left: 5px;
}
.red {
	border: 1px solid red;
}

label.red {
	border: none;
	color: red;
}

.small-home-heading{
	background-position:top left;
	background-repeat:no-repeat;
	width:200px;
	height:20px;
	margin:0 0 3px 0;
}

.small-heading{
	background-position:top left;
	background-repeat:no-repeat;
	width:269px;
	height:20px;
	margin:3px 0 3px 0;
}

.small-heading span, .small-home-heading span{
	display:none;
}

#heading-replacement-guarantee{	background-image:url(../images/titles/replacementGuarantee.gif);}
#heading-xltec-tv{	background-image:url(../images/titles/xltecTV.gif);}
#heading-upload-cv{	background-image:url(../images/titles/upload-cv.gif);}
#heading-account-login{	background-image:url(../images/titles/account-login.gif);}
#heading-password-recovery{	background-image:url(../images/titles/password-recovery.gif);}
#heading-currently-recruiting-for{ background-image:url(../images/titles/currently-recruiting-for.gif);}
#heading-why-us{ background-image:url(../images/titles/why-us.gif);}
#heading-how-we-do-it{ background-image:url(../images/titles/how-we-do-it.gif);}
#heading-pay-rolling-and-invoicing{ background-image:url(../images/titles/payrolling-and-invoicing.gif);}
#heading-corporate-hospitality{ background-image:url(../images/titles/corporate-hospitality.gif);}
#heading-useful-links{ background-image:url(../images/titles/useful-links.gif);}
#heading-advanced-search{ background-image:url(../images/titles/advanced-search.gif);}
#heading-job-sectors{ background-image:url(../images/titles/job-sectors.gif);}
#heading-do-you-want-200{ background-image:url(../images/titles/do-you-want-200.gif);}
#heading-get-paid{ background-image:url(../images/titles/get-paid-correctly-and-on-time.gif);}
#heading-online-timesheet-submission{ background-image:url(../images/titles/online-timesheet-submission.gif);}
#heading-your-interview{ background-image:url(../images/titles/your-interview.gif);}
#heading-interview-preparation{ background-image:url(../images/titles/interview-preparation.gif);}
#heading-at-the-interview{ background-image:url(../images/titles/at-the-interview.gif);}
#heading-common-interview-questions{ background-image:url(../images/titles/common-interview-questions.gif);}
#heading-cv-templates{ background-image:url(../images/titles/cv-templates.gif);}
#heading-keep-it-concise-and-honest{ background-image:url(../images/titles/1-keep-it-concise-and-honest.gif);}
#heading-tailor-your-cv-to-the-position{ background-image:url(../images/titles/2-tailor-your-cv-to-the-position.gif);}
#heading-ensure-its-free-of-mistakes{ background-image:url(../images/titles/3-ensure-its-free-of-mistakes.gif);}
#heading-the-data-protection-act{ background-image:url(../images/titles/the-data-protection-act.gif);}
#heading-changes-to-our-privacy-policy{ background-image:url(../images/titles/changes-to-our-privacy-policy.gif);}
#heading-submit-vacancy{ background-image:url(../images/titles/submit-vacancy.gif);}
#heading-brochures{ background-image:url(../images/titles/recruitment-brochures.gif);}

#heading-padder{
	width:100%;
	height:110px;
}

.page-box{
	margin:10px 0 20px 0;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
}

.page-box.last{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}

.photo-float-top-right{
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #DDD;	
}

.photo-float-top-left{
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #DDD;	
}

.photo-float-middle-right{
	float:right;
	margin:10px 0 10px 10px;
	border:1px solid #DDD;	
}

.photo-float-middle-left{
	float:left;
	margin:10px 10px 10px ;
	border:1px solid #DDD;	
}

/*Login Form*/
#login-form{
	width:450px;
	margin:30px auto;
	background-color:#FFF;
	padding:20px;
	border:1px solid #CCC;
}

#login-form table tr td{
	padding:5px;	
}

#login-form .login-field{
	font-size:medium;
	padding:3px;
	width:300px;
}

#login-forgot{
	font-size:x-small;
	font-weight:bold;
}

#login-error, #error-box, .error-box{
	border:1px solid #dc0d0c;
	background-color:#fae5e4;
	text-align:center;
	padding:15px;
	margin:10px 0;
}

/*About Us*/
.map{
	width:455px;
	height:350px;
	border:1px solid #DDDDDD;
}

#contact-info tr td{
	padding:5px;
}

/*Candidates*/
#candidates-left{
	width:650px;
	float:left;
	margin:0 10px 0 0;
	padding:0 10px 0 0;	
	border-right:1px solid #CCC;
}

#xltectv-left{
	width: 290px;
	margin:0 10px 0 0;
	float:left;
}

#xltectv-right{
	width:350px;
	float:left;
	text-align:center;
}

#candidates-right{
	float:left;
	width:285px;
	margin:0;
	padding:0;
	overflow:hidden;
}

#links, .list{
	margin:0 0 0 20px;
}

#links li, .list li{
	margin:3px 0;	
}

.list li.answer{
	margin:0 0 10px 15px;
	list-style:none;
	color:#dc0d0c;
}

/*Career Advice*/
.users-box ul{
	margin:0 0 0 20px;
}

.users-box ul li{
	margin:3px 0;
}

.career-left, .recruiters-left, .jobs-left{
	width:700px;
	float:left;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #CCC;
}

.career-right, .recruiters-right, .jobs-right{
	width:235px;	
	float:left;
	overflow:hidden;
}

.cv-template-download{
	width:160px;
	margin:5px auto;
	display:block;
}

.page-divide{
	height:2px;
	font-size:1px;
	background-color:#dc0d0c;
	margin:5px 0 0 0;
}

/*Timesheet*/
#timesheet-text{
	width:445px;
	float:left;	
	border-right:1px solid #CCC;
	margin:0 20px 0 0;
	padding:0 20px 0 0;
}

#timesheet-login{
	width:445px;
	float:left;
}

#timesheet-login #login-form{
	width:100%;	
	padding:10px;
	margin:30px auto;
}

#timesheet-login #login-form .login-field{
	width:150px;
}

#user-menu{
	width:550px;
	height:100px;
	position:absolute;
	top:10px;
	right:10px;
}

#user-menu-container{
	float:right;	
}

#user-menu ul{
	margin:40px 0 30px 0;
	list-style:none;
	height:30px;
}

#user-menu ul li{
	float:left;
	height:30px;
	margin:0 5px;
}

#user-menu ul li a{
	height:16px;
	padding:7px 10px;
	width:auto;
	text-align:center;
	display:inline-block;
	background-color:#FFF;
	border:1px solid #dc0d0c;
}

#user-menu ul li a:hover, #user-menu ul li .menu-current{
	text-decoration:none;
	color:#FFF;
	background-color:#dc0d0c;
}

#user-menu.user-menu-adjustment{
	top:40px;
}

#timesheet{
	width:95%;
	margin:10px auto;
	background-color:#FFF;
	border-left:1px solid #DDDDDD;
}

.candidate tr td input{	
	background-color:#eee;
	border:1px solid #CCC;
}

.recruiter tr td input{	
	background-color:#FFE1E1;
	border:1px solid #FFB0B0;
}

#timesheet tr td, #timesheet-user-info tr td, #timesheet-view tr td{
	font-size:small;
	padding:5px;
}

#timesheet tr td input, #timesheet tr td textarea, #timesheet-user-info tr td input, #timesheet-user-info tr td textarea, #timesheet-view tr td input, #timesheet-view tr td textarea{
	padding:2px 1px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:small;
}

.timesheet-divide{
	font-size:1px;
	height:2px;
	padding:0px;
	border-bottom:2px solid #CCC;
}

.timesheet-heading{
	font-weight:bold;
	color:#FFF;
	background-color:#dc0d0c;
}

.timesheet-heading2{
	font-weight:bold;
}

#timesheet tr td.timesheet-totals{
	border-top:2px solid black;	
}

.banding{
	background-color:#f8eeee;	
}

.centre{
	text-align:center	
}

#timesheet-user-info{
	width:90%;
	margin:0 auto 10px auto;
	background-color:#FFF;
	border:1px solid #CCC;
}

.timesheet-required{
	background-color:#FFE1E1;
	border:1px solid #FFB0B0;
}

.timesheet-required.red{
	background-color:#FFF;
	border:1px solid #FF0000;
}

.timesheet-prefilled{
	background-color:#eee;
	border:1px solid #CCC;
}

/*Contact*/
#contact-logos{
	width:330px;
	margin:20px 0 0 15px;
	background-color:#FFF;
	padding:10px 10px 0 10px;
	border:1px solid #ccc;
}

.top-logos{
	margin:0 17px 10px 17px;
	float:left;
}

.bottom-logo{
	float:left;	
}


.instructions{
	font-size:x-small;
	font-style:italic;
	color:#666;
}

#position-lists{
	width:80%;
	margin:20px auto;
	padding:10px;
	background-color:#FFF;
	border:1px solid #CCC;
}

#position-lists ul{
	margin-left:30px;
}

.position-list-left{
	float:left;
	width:45%;
}

.position-list-right{
	float:left;
	width:40%;
	margin-left:5%;
}