/**
 * Reviews.css - Page styles
 * 
 * @author 		Internet Media Advertising <info at internetmedia dot nl>
 *         		Copyright (c) Internet Media Advertising <http://www.internetmedia.nl/>
 *		   
 * @copyright	Het is verboden zonder uitdrukkelijke schriftelijke toestemming van 
 *				Internet Media Advertising om gegevens, codes c.q. elementen van deze
 *				site te gebruiken voor commercií‚le doeleinden, dan wel enig doeleind 
 *				anders dan bedoeld in de daartoe opgestelde condities en voorwaarden.
 *				Het kopií‚ren, reproduceren, verdelen of verspreiden van gegevens van 
 *				deze website, onder eender welke vorm, is verboden zonder 
 *				uitdrukkelijke toestemming van Internet Media Advertising.
 *				Alle rechten voorbehouden. All rights reserved.
 */

/* [TERMS] --- Reviews page styling */

body {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	min-width: 600px;
	max-width: 1280px;
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	line-height: 20px;
	color: #555555;
}
	
	a, a:visited 	{ color: #4798D3; }
	p { 
		float:				left; 
		margin:				0 0 8px 15px; 
		width: 				90%;
	}
	table 			{ font-size:12px; color:#818181; width: 90%; }
	
	
	.header {
		float: left;
		width: 95%;
		padding-bottom: 10px;
		margin: 40px 10px 10px 15px;
		margin: 40px 0 10px 15px;
		padding: 0 0 10px 0;
		min-height: 30px;
		border-bottom: 1px solid #F5F5F5;
	}
	
		.header .logo {
			float: left;
			width: 43%;
			max-width: 260px;
			height: 30px;
			background: url("../images/vlreviewform-logo.png") no-repeat;
		}
		
		.header .intro {
			float: left;
			width: 54%;
			margin-top:-7px;
			line-height: 16px;
		}
	
	
	.title {
	    color: #4798D3;
	    float: left;
	    font-size: 16px;
	    font-weight: bold;
	    margin: 10px 0 12px 15px;
	    margin: 10px 0 12px 15px;
	    width: 95%;
	}
	
	.form {
		float: left;
		width: 97%;
	    padding: 				10px 5px 15px 15px;
	     padding: 				10px 0 15px 15px;
		margin: 				0 0 10px 0px;
/*		background-color: 		#F5F5F5; */
	    border: 				1px solid #F2F2F2;	    
	    border-radius: 			4px 4px 4px 4px;
	    -moz-border-radius: 	4px 4px 4px 4px;
	    -webkit-border-radius: 	4px 4px 4px 4px;    
	}
		.form.blanco {
/*			background-color: #FFF; */
	    	border: none;
	    	padding:0px 0px 0px 5px;
		}
	
	 .content-spacer {
	 	float:left;
		height: 5px;
		margin-bottom:15px;  
		width:100%;
	}
		
	.rating-element {
		padding-bottom:5px;
		padding-top:0px;
		color: #667e86;
		text-align: center;
		width: 12%;
	}

	.rating-top {
		font-weight:bold;
		border-bottom:1px solid #eaeaea;
		width: 100%;
	}
	
	.rating-question {
		text-align:left !important;
		color: #4C636B;
		width: 27%;
		min-width: 160px;
		max-width: 225px;
	}
	
	.rating-row { 
		width: 100%; 
	}
	
	.rating-row td{
		text-align:center;
		padding-bottom:10px;
		padding-top:5px;
		border-bottom:1px solid #eaeaea;
		width: 12%;
		min-width: 57px;
	}
	
	.rating-row.last td { 
		border: none; 
	}
	
	.request_textfield {
		width: 67%;
		min-width:360px;
		height:100px;
	}
	
	#advice 		{ height:50px; }
	#number-counter { width:35px; }

	 .formlabel {
		font-size:12px;
		width: 29%;
		min-width: 180px;
		float:left;
		padding:7px 0px;
		color: #667e86;
	}

	 .formfield {
		float:left;
		width: 69%;
		min-width:415px;
		padding:7px 0px;
		color: #667e86;
		font-size:12px;
		overflow:hidden;
	}
	
	 .personalreview 	{ height: 120px; }
	 .starrating 		{ height: 40px; }
	 .wouldyoucomeback 	{ height: 40px;	}

	.num-count {
		width:100px;
		float:left;
		font-size:9px;
		padding:10px 0px 0px 0px;
		line-height: 12px;
	}
	
/* Input elements */	
	
	textarea{
	 	border: 2px solid #D1D6D8;
	    border-radius: 3px 3px 3px 3px;
	    color: #555555;
	    font-family: Arial,Verdana,Geneva,sans-serif;
	    font-size: 12px;
	    line-height: 17px;
	    padding: 5px 8px 4px 5px;
	}
		 textarea:hover { border: 2px solid #335D99; }
		 textarea:focus { background: none repeat scroll 0 0 #F7FDED; border: 2px solid #335D99; }	
	
	input {
	   background: url("../images/bg-bigsearch.png") repeat scroll 0 0 #FFFFFF;
	   border: 2px solid #D1D6D8;
	   border-radius: 3px 3px 3px 3px;
	   color: #555555;
	   font-family: Arial,Verdana,Tahoma;
	   font-size: 12px;
	   padding: 5px;
	}
		
		input[type='text']		{width: 250px; }
		input[name='firstname'] { width: 85px; }
		input[name='lastname'] 	{ width: 150px; }
		
		input:hover 			{ border: 2px solid #335D99; }
		input:focus 			{ border: 2px solid #335D99; }
	
	select {
	    background: url("../images/bg-bigsearch.png") repeat scroll 0 0 #FFFFFF;
	    border: 2px solid #D1D6D8;
	    border-radius: 3px 3px 3px 3px;
	    color: #555555;
	    font-family: Arial,Verdana,Geneva,sans-serif;
	    font-size: 12px;
	    line-height: 17px;
	    padding: 5px 8px 4px 5px;
	}
		select:hover { border: 2px solid #335D99; }
		select:focus { background: none repeat scroll 0 0 #F7FDED; border: 2px solid #335D99; }
		
	button.submitreview {
	    background-color: 		#3891CA;
	    background-image: 		-moz-linear-gradient(center top , #51A3CF 0%, #4096CB 50%, #348FC8 50%, #1F7FC3 100%);
	    border: 				1px solid #1A8DD9;
	    border-radius: 			5px 5px 5px 5px;
	    color: 					#FFFFFF;
	    font-family: 			"Helvetica Neue", Arial, Helvetica, sans-serif;
	    font-weight: 			bold;
	    font-size: 				18px;
	    padding: 				7px 25px 10px 25px;
	    text-align: 			center;
	    text-shadow: 			0 -1px 1px #14699E;
	    line-height: 			20px;
	    cursor: 				pointer;
	}
	button.submitreview:hover {
	    background-color: 		#015B90;
	    background-image: 		-moz-linear-gradient(center top , #00659F 0%, #015F97 50%, #01598C 50%, #01507D 100%);
	    border: 				1px solid #11486F;
	    text-shadow: 			0 -1px 1px #11486F;	
	}		
		
/* OK-message */
#okmessage_container {
	float:					left;
	margin: 				10px 0 0 10px;
	border: 				1px solid #7DB044;
	border-radius: 			5px 5px 5px 5px;
	background-color: 		#E0F2BC;
	font-size: 				14px;
	color: 					#618932;
	line-height: 			18px;
	box-shadow: 			0 1px 1px #F1FCDB inset;
	text-shadow: 			1px 1px #F1FCDB;
	padding: 				8px 14px 8px 14px;
}		

	#okmessage_container #iconbox { 
		float: left;
		width: 45px;
		padding: 5px 0 0 0;
	}
	
		#okmessage_container #iconbox img {
			width: 36px; 
			height: 36px;
			
		}
	
	#okmessage_container #messagebox {
		float:left;
		width: 480px;
		margin: 5px 0 5px 10px;
	}