/* Team Energy CSS Styles */

/****** Page wrapper and background ******/
* {
	margin: 0;
}

html body {
	margin: 0px;
	padding: 0px;
	background: #d5dde2;
	font-size: 90%;
	font-family: Helvetica Neue, Arial, Helvetica;
}


a {
	text-decoration: none;
	outline-style: none;
}

a:hover {
	text-decoration: underline;
	color: #6ecff6;
	outline-style: none;
}


#frame {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0px;
    position: relative;
}


/****** Header styles ******/
#header {
	position: relative;
	background: no-repeat left url(/img/header.png);
	width: 1000px;
	height: 220px;
}

#logo h1 {
	margin-left: 12px;
	padding-top: 20px;
}

#logo h1 a {
	display: block;
	background: no-repeat left url(/img/team_energy_logo.png);
	width: 195px;
	height: 110px;
	text-indent: -9999px;
	outline-style: none;
	text-decoration: none;
}

#logo h1 a{ 
	behavior: url(/iepngfix.htc);
}

#strapline {
	width: 620px;
	height: 30px;
	background: none;
	margin-top: 50px;
	margin-left: 20px;
	color: #FFF;
	font-size: 162%;
	font-weight: lighter;
}
/* End of header styles */


/**** Menu styles *****/

#menubar {
	position: relative;
	width: 998px;
	height: 53px;
	background-color: #005978;
}

#menubar_shadow {
	position: relative;
	width: 998px;
	height: 9px;
	background: transparent url(/img/menu_shadow.png) repeat-x scroll 0 0;
}

.menu_link  {
	margin-top: 18px;
	float: left;
	text-align: center;
	width: 163px;
	height: 18px;
	border-right: solid #649db7 1px;
}

.menu_link a {
	color: #fff;
}

.menu_link a:hover {
	
}

#content {
	padding-top: 4px;
	position: relative;
	border-left: solid #92a2ad 1px;
	border-right: solid #92a2ad 1px;
	width: 998px;
	background-color: #FFF;
	padding-bottom: 10px;
	/*background-image: url(/img/acteon_logo.png);*/
	background-position: 20px bottom;
	background-repeat:no-repeat;
	overflow:hidden;
}


/** Left column styles **/
#left_col {
	float:left;
	margin-top: 20px;
	width: 249px;
}

#left_col p {
	margin-left:16px;
	color:#7D8E9A;
	font-weight:normal;
}

#team_cover {
	width: 224px;
	margin-left: 16px;
	padding-left: 14px;
	padding-top: 10px;
	margin-bottom: 15px;
	font-size: 90%;
	font-weight:lighter;
	color: #7d8e9a;
}

#team_cover h1 {
	font-size: 155%;
	margin-bottom: 8px;
	color: #4f636f;
	font-weight: lighter;
}


/* top box */
#left_col_top_box {
	background: no-repeat url(/img/left_col_top_box.png);
	width: 224px;
	height: 81px;
	margin-left: 16px;
	padding-left: 14px;
	padding-top: 10px;
}

#left_col_top_box h1,
#left_col_top_box span{
	font-size: 140%;
	color: #51b7de;
	padding-bottom:2px;
	font-weight:lighter;
}

#left_col_top_box p a {
	font-size: 140%;
	font-weight:lighter;
	color: #fff;
}

#left_col_top_box p {
	margin-left:0;
}

/* Mid box */
#left_col_mid_box {
	background: no-repeat url(/img/left_col_mid_box.png);
	width: 224px;
	height: 81px;
	margin-left: 16px;
	padding-top: 10px;
	padding-left: 14px;
}
#left_col_mid_box h1,
#left_col_mid_box span{
	font-size: 140%;
	color: #66b3d8;
	padding-bottom:2px;
	font-weight:lighter;
}
#left_col_mid_box p a {
	font-size: 140%;
	font-weight:lighter;
	color: #fff;
}


#left_col_mid_box p {
	margin-left:0px;

}


/* Bottom box */
#left_col_bottom_box {
	background-color: #FFF;
	border-bottom: solid #bfcad2 2px;
	border-top: solid #bfcad2 2px;
	width: 214px;
	height: 88px;
	padding-left: 3px;
	margin-left: 16px;
	margin-top: 24px;
	margin-bottom: 40px;
}

#left_col_bottom_box h1 {
	font-size: 90%;
	color: #27c4f4;
	padding-top: 8px;
	padding-bottom: 5px;
	font-weight: bold;
}

#tel  {
	font-size: 100%;
	color: #6d7f8b;
	font-weight: lighter;
	padding-bottom: 5px;
}

.emailText {
	font-size: 90%;
	color: #6d7f8b;
	padding-bottom: 8px;
	font-weight: lighter;
}


/** Middle column styles **/
#mid_col, #mid_col_home, .pageContent {
	float:left;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	/*width: 333px;*/
	width: 385px;
	border-right: solid #c8d2d9 2px;
	border-left: solid #c8d2d9 2px;
	color: #7d8e9a;
	font-weight: normal;
}

#mid_col_home {
    width: 385px;
}

#mid_col_home h1, #mid_col h1 {
	font-weight: normal;
	font-size: 180%;
	margin-bottom: 15px;
}
#mid_col_home h2, #mid_col h2 {
	font-size: 127%;
	color: #5c6f7b;
	font-weight: bold;
	margin-bottom:43px ;
}

#mid_col_home h2{
	margin-bottom:0px;
}

#mid_col_home p, #mid_col p {
	margin: 15px 0px;	
}

#mid_col_home a, #mid_col a {
	font-size: 100%;
	color: #06F;
}

#footer {
	margin-left: 10px;
	font-size: 65%;
	color: #5c6f7b;
	font-weight: bold;
	background-position: 20px bottom;
	background-repeat:no-repeat;
	overflow:hidden;
}

#footer img {
	border:none;
	display:block;
	float:left;
}

#footer a{
	color: #5c6f7b;
	font-weight: bold;
}

#footer p{
	margin-left:140px;
	display:block;
	text-align:center;
	margin-right:270px;
}


/** Acteon Logos divs */

.logoDiv{
	float:left; 
	margin-bottom:20px; 
	margin-left:50px;
}

.logoDiv a, .logoDiv img{
	border:none;
}

/** Right column styles **/
#right_col {
	float:left;
	margin-top: 20px;
	/*width: 370px;*/
	width: 290px;
}

#right_col_home, #right_col {
	/*width: 260px;*/
	width: 290px;
	float: left;
	margin-top: 15px;
	margin-left:19px;
}

#right_col_home {
    /*width: 270px;*/
}

#rightCol ul, #right_col ul {
	list-style-type: none;
	margin: 0px;
	margin-right: 10px;
	padding: 0px;
}

#rightCol h2, #right_col h2 {
	font-size: 140%;
	font-weight: normal;
	font-size: 150%;
	margin-bottom: 15px;
	color: #999;
}	

#rightCol ul li, #right_col ul li {
	border-top: 1px solid #ccc;
	margin: 0px;
}

#rightCol ul li a, #right_col ul li a {
	display: block;
	padding: 5px 10px;
	color: #005978;
}

#rightCol ul li#selectedCat {
	background-color: #005978;
}

#rightCol ul li#selectedCat a {
	color: #fff;	
}

.vacancyList {
	/*border: 2px solid #5c6f7b;
	padding: 10px;*/
}

ul.vacancyList {
	list-style: none;
}

ul.vacancyList th {
	text-align: left;
}

.vacancyTop {
	padding-top: 10px;
}

.vacancyBottom {
	border-bottom: 1px solid #ccc;
}

.right_col_category_box {
	/*width: 334px;*/
	width: 290px;
	height: 66px; 
	/*margin-left: 19px;*/
	margin-bottom: 12px;
	background-color: #cdd6dc;
	overflow: hidden;
}

.right_col_category_box a {
	float: left;
	color: #5c6f7b;
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
	background-position:top right;
	background-repeat: no-repeat;
	display: block;
	height: 66px;
	padding: 18px 10px;	
	padding-right: 170px;
	width: 155px;
	}

.right_col_category_box_small {
	width: 249px;
	height: 40px; 
	margin-left: 0;
	margin-bottom: 12px;
	background-color: #cdd6dc;
	overflow: hidden;
}

.right_col_category_box_small a {
	float: left;
	color: #5c6f7b;
	font-size: 72%;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
    background-position: 138px -6px;
	background-repeat: no-repeat;
	display: block;
	height: 40px;
	padding: 6px 10px;	
	padding-right: 110px;
	width: 124px;
	
}

.right_col_category_box2 {
	width: 250px;
	height: 35px; 
	margin-left: 5px;
	margin-bottom: 2px;
	margin-top: 10px;
	overflow: hidden;
	border-top: 1px solid #ccc;
}

.right_col_category_box2 a {
	float: left;
	color: #5c6f7b;
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
	background-position:top right;
	background-repeat: no-repeat;
	display: block;
	width: 130px;
	height: 35px;
	padding: 5px 10px;	
	padding-right: 110px;
}

.right_col_category_box_right {
	float: left; 
}

.right_col_category_box a:hover {
	background-color: #005979;
	color: #FFF;
	text-decoration: none;
}


/***** ABOUT PAGE STYLES ******/


#about_left_col {
	float:left;
	margin-top: 20px;
	width: 379px;
	padding-left: 16px;
	padding-right: 35px;
	border-right: #c8d2d9 solid 2px;
	font-size: 80%;
	color: #607380;
	padding-bottom: 40px;
}

#about_left_col h1 {
	margin-bottom: 10px;
}

#about_right_col {
	float:left;
	margin-top: 20px;
	width: 514px;
	padding-left: 16px;
	padding-right: 35px;
}

/******* Contact us styles ********/

.contact_form .formRow label {
	width:110px;
}

.contact_form .formRow input {
	width:200px;
}

.contact_form .formRow select {
	width:210px;
}

.contact_form .formRow textArea {
	width:330px;
}

/*******  Sections column styles  ********/

.sections_right_col {
	float:left;
	margin-top: 20px;
	width: 480px;
	padding-left: 12px;
	padding-right: 41px;
	font-size: 80%;
	color: #607380;
	padding-bottom: 40px;
}

.sections_image_col {
	float: left;
	width: 172px;
	margin-top: 20px;
	padding-right: 21px;
}

#contact_us_left_col {
	float: left;
	color: #005978;
	width: 379px;
	padding-left: 16px;
	padding-right: 35px;
}


/* .pageContent {
	float: left;
	width: 405px;
	margin: 14px 10px;
	padding-bottom: 20px;
	color: #999;
} */

.pageContentReg {
	float: left;
	/*width: 455px;*/
	width: 600px;
	float:left;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	border-right: solid #c8d2d9 2px;
	border-left: solid #c8d2d9 2px;
	color: #7d8e9a;
	font-weight: normal;
	margin: 14px 10px;
	padding-bottom: 20px;
}

.pageContentReg h1{
	font-size:180%;
	font-weight:normal;
	margin-bottom:15px;
}

.pageContentContact {
	float: left;
	width: 715px;
	margin: 14px 10px;
	padding-bottom: 20px;
	color: #999;
}

.pageContent h1 {
	font-weight: normal;
	font-size: 180%;
	margin-bottom: 15px;
}
.pageContent p {
	margin: 15px 0px;	
}

.pageContent a {
	font-size: 100%;
	color: #06F;
}

	/* Form CSS Begins */

	.formRow {
		padding: 3px;
		clear: left;
	}
	
	.formRow h3 {
	font-size:100%!important;
	margin:0px!important;
	float:right;
	color:#F00;
}
	
	
	.formRow p.formHelp {
		margin: 0px;
		text-align: left;
		margin-right: 20px;
		margin-top: 2px;
		font-size: 80%;
		color: #A00;
		clear:left;
	}
	
	.error label {
		color: #ff0000;
	}
	
	.error input {
		background-color: #FCC;	
	}
	
	.errorText {
		color:red;
	}
	
	.formRow label {
		width: 214px;
		font-weight: bold;
		float: left;
		margin-right: 15px;
		padding-top: 3px;
		text-align: left;
	}
	
	.formRow select {
		width: 315px;
	}
	
	.formRow input {
		width: 310px;	
	}
	
	.formRow textarea {
		width: 310px;
		height: 120px;
	}
	
	.formSubmitRow {
		text-align: right;
		padding: 10px 20px;
	}
	
	#form {
		border: 5px solid #ccc;
		padding: 15px;
	}
	
	#form h3 {
        color: #999;
		font-size: 150%;
		margin: 5px 0px;
        padding-right: 24px;
	}
	
	/* Custom for radio buttons on rejection reason in client area */
	
	.radioButtons {
		clear:left;
	}
	
	.radio input{
		width:30px;
	}
	
	/* Form CSS Ends */
	
	/* Custom form CSS for Applicant details update form*/
	
	#applicantUpdateForm label{
		width:120px;
	}
	
	#applicantUpdateForm #form h3{
		padding-right:0px;
	}
	
	#applicantUpdateForm .mtmultiselect{
		margin-left:135px;
	}
	
	#applicant {
		background: no-repeat url(/img/left_col_top_box.png);
		width: 224px;
		height: 81px;
		margin-left: 16px;
		padding-left: 14px;
		padding-top: 10px;
		color: #fff;
		font-size: 90%;
	}
	
	#applicant a {
		color: #fff;	
	}
	
	#applicant p {
		margin-bottom: 5px;	
	}
	
	.documents {
		width: 50%;
		float: left;
	}
	
	.documents .smallDocText{
		font-size:80%;
	}
	
	.documentList {
		border: 1px solid #ccc;
		margin: 5px;
		margin-left:0px;
		height: 200px;
		overflow-y: auto;
	}
	
	.documentList p {
		margin: 10px;	
	}
	
	.documentList ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	
	.documentList ul li {
		padding: 4px 6px;
		border-bottom: 1px solid #efefef;
		margin: 0px;
	}
	
	.documentUpload {
		float: left;
		width: 50%;
	}
	
	.documentUpload input {
		font-size: 10px;
	}
.addresses {
	color:#607380;
	font-size:80%;
}
.addresses strong {
	color:#607380;
}
.addresses hr {
	margin-top:10px;
	margin-bottom:10px;
	width:200px;
	color:#b9c4cc;
}

.address_half {
	float: left;
	width: 49%;
	margin: 1em 0.5% 0 0;
}

.form_cv_document_file_upload {
	width: 200px;
}

input.cv_document_file_upload {
	width: 300px;
}

.clientQuote .newsSlide p {
	color:#999999;
	font-size:14px;
	
}

.clientQuote .newsSlide {
	
	width:224px;
}

.clientQuote {

}

.clientQuote p {
	color:#999999;
	font-size:14px;
}


.staffBio {
	margin-bottom:20px;	
}

.breadcrumbs {
    list-style: none;
    width: 100%;
    overflow: auto;

    padding: 0;
    margin: 0.5em 0;
}

.breadcrumbs li {
    float: left;
    padding: 0;
    margin: 0;
    margin-right: 0.4em;
}

.breadcrumbs li.active {
    font-weight: bold;
}

.breadcrumbs li a {
    color: #005978;
}

.vacSummary {
    margin: 10px 0px 0px 0px;
    width:224px;
    color: #5C6F7B;
    font-size: 80%;

    padding: 4px 0;
    border: 1px solid #5C6F7B;
    border-left: 0;
    border-right: 0;
}

.vacSummary a {
    display: block;
    margin-bottom: 0;
    color: #5C6F7B;
    font-weight:bold;
}

.vacSummary span {
    display: inline-block;
    width: 70px;
}

.vacSummary .rev {
    margin-bottom: 0;
    margin-top: 5px;
    text-align: right;
}

.teamCovers {
	color:#999999;
	font-size:80%;
}

/* Multi-Select Styles */
.mtmultiselect {
    width: 220px;
    text-align: left;
	clear:left;
}
.mtmultiselect .selected{
    background-color: #CCFFCC;
}
.mtmultiselect ol .selected{
    color: #000;
    background-color: #CCFFCC;
    background-image: url('/img/check-mark.gif');
    background-position: left;
    background-repeat: no-repeat;
}
.mtmultiselect ul li{            
    display:inline;
}
.disabled{
    color: #ccc;
}

.mtms_filterbox{
    float: left;
    padding: 5px;  
    display: none;          
}
.mtms_filterbox input{
    background: #FFFFFF;
    border: 1px solid #CCC;
}
.mtms_filtercontrols{
    padding: 7px 0;
    color: #B4A6A6;
    display: none;
}
.mtms_filtercontrols a, .mtms_paginator a{
    color: #000;
    padding: 0 4px 0 6px;
}
.mtms_paginator{
    clear: both;
    padding: 5px;
}
.mtmultiselect ol{
    padding: 0;
}
.mtmultiselect ol li{
    list-style-type: none;            
    padding: 7px 5px 7px 25px;
    border-bottom: 1px solid #444;
    background-color: #EEE;
    color: #000;
}
.mtmultiselect ol li:hover{
    background-color: #CCFFCC;
    color: #111;
}

.mtmultiselect ol li.selected {
    
}

.clientQuote {
    position: absolute;
    top: 0;
    left: 250px;
    width: 350px;
    height: 182px;
}

.clientQuote .newsSlide {
    position: absolute;
    top: 0px;
    left: 0px;

    opacity: 0;
    width: 340px;
}

.clientQuote .newsSlide p {
    color: #FFF;
    font-size: 85%;
}

.clientQuote .readMore {
    position: absolute;
    bottom: 12px;
    right: 8px;
}

.clientQuote .readMore a {
    color: #FFF;
    font-size: 90%;
    font-weight: bold;
}

.ordering p {
    font-weight: bold;
}

.ordering form {    
    margin-bottom: 1em;
}