@charset "UTF-8";
/* FirstView CSS FORMS */

/*================================= GFX FORMS =================================*/

/*=== SEARCH BAR WRAPPER ===*/

	#searchBarWrapper{
		display:block;
		height:24px;
		margin:0 auto;
		width:232px;
	}
		
		#searchBarWrapper #searchBar{
			background:url(../img/bg/searchBar.png) left top no-repeat;
			border:none;
			display:block;
			height:14px;
			margin:0;
			padding:5px 10px;
			width:180px;
		}


		#searchBarWrapper #searchBarBtn{
			background:url(../img/bg/searchBtn.png) left top no-repeat;
			display:block;
			height:26px;
			padding:0;
			width:32px;
		}
		
		
/*=== VALIDATOR ===*/

.validation-tip {
  display:none;
}

.validation-tip-wrapper{
	position:relative;
}
	
	.validation-tip{
		color:#FFF;
		background-color:#F00;
		font-size:10px;
		margin-left:2px;
		padding:3px 3px;
		position:absolute;
		top:0px;
		left:0px;
		text-align:center;
		-moz-border-radius:2px;
		-webkit-border-radius:2px;
		display:none;
	}
		
		
/*=== FORM ELEMENTS ===*/						

/* -- Input -- */

.inputSlider input{
	background:url(../img/form/inputSlider.png) left top no-repeat;
	background-color:transparent;
	border:none;
	color:#333;
	font-size:13px;
	height:26px;
	margin:0;
	padding:0 4px;
	width:165px; /*needs to be 24px less than parent span*/
}

		.inputSlider input:hover,
		.inputSlider input:active,
		 .inputSliderinput:focus{
			background-position:left -26px;			
		}	
		
		.checkList input {
			margin:0px 5px 10px 0;
		}

	.inputSlider{
		background:url(../img/form/inputSlider.png) right top no-repeat;
		border:none;
		display:block;
		padding:0 3px 0 0;
	}

	.inputSlider:hover,
	.inputSlider:active,
	.inputSlider:focus{
			background-position:right -26px;
		
	}

		.inputSlider:hover input,
		.inputSlider:active input,
		.inputSlider:focus input{
			background-position:left -26px;			
		}

		.inputSlider.valPassed{	/*Validation Styles | Passed - Remember to put the class on the span and not the input*/
			background-position:right -52px;			
		}

		.inputSlider.valPassed input{
			background-position:left -52px;			
		}

		.inputSlider.valFailed{	/*Validation Styles | Failed - Remember to put the class on the span and not the input*/
			background-position:right -78px;			
		}

		.inputSlider.valFailed input{
			background-position:left -78px;			
		}

		.inputSlider.disabled{	/*Disabled - Remember to put the class on the span and not the input*/
			background-position:right -104px;			
		}

		.inputSlider.disabled input{
			background-position:left -104px;			
		}
		
	.searchBox {
		height:25px;
		margin-right:30px;
		width:250px;
	}
		
/* -- input slider 36 -- */
	
	.inputSlider36 input{
		background:url(../img/form/inputSlider36.png) left top no-repeat;
		border:none;
		color:#333;
		font-size:15px;
		height:36px;
		margin:0;
		padding:0 12px;
		width:183px; /*needs to be 24px less than parent span*/
	}

		.inputSlider36 input:hover,
		.inputSlider36 input:active,
		.inputSlider36 input:focus{
			background-position:left -36px;			
		}

	.inputSlider36{
		background:url(../img/form/inputSlider36.png) right top no-repeat;
		border:none;
		display:block;
		padding:0 3px 0 0;
	}

	.inputSlider36:hover,
	.inputSlider36:active,
	.inputSlider36:focus{
			background-position:right -36px;
		
	}

		.inputSlider36:hover input,
		.inputSlider36:active input,
		.inputSlider36:focus input{
			background-position:left -36px;			
		}

		.inputSlider36.valPassed{	/*Validation Styles | Passed - Remember to put the class on the span and not the input*/
			background-position:right -72px;			
		}

		.inputSlider36.valPassed input{
			background-position:left -72px;			
		}

		.inputSlider36.valFailed{	/*Validation Styles | Failed - Remember to put the class on the span and not the input*/
			background-position:right -108px;			
		}

		.inputSlider36.valFailed input{
			background-position:left -108px;			
		}

		.inputSlider36.disabled{	/*Disabled - Remember to put the class on the span and not the input*/
			background-position:right -144px;			
		}

		.inputSlider36.disabled input{
			background-position:left -144px;			
		}
	
		
	/*input widths | w190*/
	.inputSlider.w30{
		width:30px;
	}

	.inputSlider.w190{
		width:187px;
	}

		.inputSlider.w190 input{
			width:160px; /*needs to be 24px less than parent span*/
		}
		
	/*input widths | w220*/

	.inputSlider.w220{
		width:220px;
	}

		.inputSlider.w220 input{
			width:196px; /*needs to be 24px less than parent span*/
		}
		
	/*input widths | w280*/

	.inputSlider.w280{
		width:277px;
	}

		.inputSlider.w280 input{
			width:253px; /*needs to be 24px less than parent span*/
		}						

/* -- Input | CheckBox -- */
	
	input[type='checkbox']{
		background:none;
		border:none;
		cursor:pointer; 
		height:auto;
		width:auto;
	}
	
	.valFailed input[type='checkbox']{
		outline:1px solid #f00;
	}					

/* -- Input | Radio Button -- */

	input[type='radio']{
		background:none;
		border:none;
		cursor:pointer; 
		height:auto;
		width:16px;
	}					

/* -- Input | Submit Button -- */
	
	input[type='submit'], input[type='button']{
		background:none;
	}			

/* -- Input | Reset -- */
	
	input[type='reset']{
		
	}					

/* -- Input | Image -- */

	input[type='image']{
		
	}					

/* -- Text area -- */

	.inputSlider.textArea{
		background:none;	
	}

	.inputSlider.textArea textarea{
		background:url(../img/form/textArea.gif) left top no-repeat;
		border:none;
		display:block;
		height:130px;
		padding:10px;
		width:440px;	
	}

	.inputSlider.textArea:hover textarea{
		background-position:left -150px;	
	}

	.inputSlider.textArea.valPassed textarea{
		background-position:left -300px;	
	}

	.inputSlider.textArea.valFailed textarea{
		background-position:left -450px;	
	}

	.inputSlider.textArea.disabled textarea{
		background-position:left -600px;	
	}
	
	
/* -- Select -- */

select{
	color:#333;
	padding:0px;
	font-size:12px;
	width:280px;
	height:23px;
	padding-top:2px;
	font-size:12px;
}

select:hover, select:focus{
	
}

	select.valFailed{
		
	}			

	select.valPassed{
		
	}

	select.disabled, select.disabled:hover, select.disabled:focus{
		
	}
	
/* messages */

.sendStatus img {
	margin-right:10px;
}

.sendStatus p {
	margin:8px 0 0 20px;
}

.sendStatus p.failure {
	color:#C80000;
}

	/* safari hack */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
    select{
			
	 }