/* 
	@ Title: Concep DTZ forms & buttons
	@ Client: DTZ
	@ Author: Ben Copping
	@ Date: 24/01/2009
*/
/*-- sign in panel (currently pop up overlay) utility menu --*/
#signInPanel input {width:170px;}

/*-- the universal search input (top right) utilities --*/
#utilities .inputFrame {
	border: 1px solid #bfbfbf;
	padding: 0px 5px 0 5px;
	background: #eeeeee;
	height:20px;
	}

#utilities input {
	border:none;
	margin: 2px 0 0 0;
	padding:0;
	color: #666666;
	border:none;
	background:none;
	font-size:1.3em;
	}

/*select			{margin: 10px 0;}*/
select, input	{color:#414859;}
input.check		{margin:0;padding:0;}
form legend		{text-indent: -3000px;line-height:0;}

label {
	font-weight: bold;
	color:#525b6c;	
	}

/*-- form column is fits half the width of the main middle column --*/
.formCol {
	float: left;
	width:190px;
	padding:0 0 15px 0;
	}
	
/*-- adjust the width for the formCol inside the gradient background --*/
.gradientBgInner .formCol {width:176px;}
	
.fCol2 {padding-left:25px;}

.formCol input {
	width:173px;
	padding:2px 5px 2px 5px;
	}
	
/*-- adjust the width for the input inside the gradient background --*/	
.gradientBgInner .formCol input {width:160px;}

.formCol select {
	display:block;
	width:100%;
	margin:0;
	}

.formCol input, .formCol select, .formRow input, .formRow select, .formRow textarea {margin:4px 0 0 0;}

.formRow {margin:0 0 20px 0;}	

.formRow label {display:block;}
.formRow textarea {width:403px;}
.formRowCheckList {
	height:26px;
	}
	
.formRowCheckList input.check{
	display:inline;
	margin-right:5px;
	height:13px;
	width:13px;
	display:block; 	
	top:-1px;
    position: relative;
	}

.formRowCheckList label,
.formRowCheckList input.check {
	float:left;
	font-weight: normal;
	}
	
/*-- generic button styles (non form buttons have the same style and are styled using the a element see below) --*/	
button, a.button {
	background-image:url('../images/greyBtnBg.gif');
	background-position: 0 0;
	background-repeat: repeat-x;
	font-size:1.2em;
	border:1px solid #bfbfbf;
	padding: 2px 9px 3px 9px;
	color: #666;
	margin:0;
	cursor:pointer;
	}

button{
	height: 26px;
    width:auto;
    overflow:visible;
	}
		
a.button {
	text-decoration:none!important;
	line-height:2.2em;
	padding: 6px 9px 4px 9px;
	}
	
a.search, a.subscribe, a.globalServices, a.downloadReport, a.moreDetails, a.applyJob  {
	background-image:url('../images/searchBtnBg.gif');
	background-position: center left;
	background-repeat: no-repeat;
	padding: 6px 9px 5px 30px;
	background-color:#c31c2a;
	border:1px solid #b30123;
	color:#FFF;
	}

a.subscribe {background-image:url('../images/subscribeBtnBg.gif');}
a.globalServices {background-image:url('../images/globalServicesBtnBg.gif') !important;}
a.downloadReport {background-image:url('../images/downloadReportBtnBg.gif') !important;padding: 6px 9px 5px 26px !important;}
a.moreDetails {background-image:url('../images/moreDetailsBtnBg.gif') !important;}
a.applyJob {background-image:url('../images/applyJobBgBtn.gif') !important;}

a.button:hover {text-decoration:none !important;}

button.search, button.email, button.signIn { 
	background-image:url('../images/searchBtnBg.gif') !important; 
	background-position:0 0;
	background-repeat: no-repeat;
	padding-left: 27px !important;
	border-top:none;
	border-bottom:none;
	border:1px solid #b30123 !important;
	color:#FFF;
	}
	
button.email {background-image:url('../images/emailBtnBg.gif') !important; }
button.signIn {background-image:url('../images/signInBtnBg.gif') !important; }

/*-- custom search button for top utilities area --*/
button.utilsBtnSearch {
	border:none !important;
	display:block;
	height:22px;
	overflow:hidden;
	width:21px;
	background-image: url('../images/utilitiesSearchBtnBg.gif');
	background-repeat: no-repeat;
	margin-top:3px;
	}
	
button.utilsBtnSearch span {
	position:absolute;
	left: -9000px;
	}
	
/*-- Pagination buttons for search results and carousel --*/	
button.paginationRt,button.paginationLft {
	border:none !Important;
	display:block;
	padding:0;
	height:15px;
	width:15px;
	overflow:hidden;
	background-image: url(../images/paginationBtnLeft.gif)!important;
	background-repeat: no-repeat;
	background-position:0 0;
	/*background-color:none;*/
	}
	
button.paginationRt {background-image: url(../images/paginationBtnRight.gif)!important;}

button.paginationRt span,button.paginationLft span{ position:absolute;left:-90000px;}

.paginationInner input{width:21px; height:10px;border:1px solid #b2b2b2; padding:1px 2px 2px 2px; font-size:.9em;}
button.paginationGo {
	border:1px solid #b5b5b5!important;
	padding:0 3px 0 3px;
	line-height:1em; 
	font-size:1em; 
	height:15px;
	background-image:url(../images/paginationBtnGoBg.gif) !Important; 
	background-repeat: repeat-x;
	color:#46485d !important;}

button.carouselWin {
	margin:3px 2px 0 0;
	display:block;
	padding:0;
	border:1px solid #c9c9c9 !important;
	height:10px;
	width:15px;
	overflow:hidden;
	background-image: none !important;
	background-color:#ececec !important;
	}

button.cwActive { background-color:#acacac !important;}