@charset "utf-8";
/*
    Author: Veb4Design.com
    Date: October 2, 2009 
    Description: Chemisphere.com - Contact Style Sheet.
    This style sheet contains the contact styles of the website, including the fonts, colors, ... etc
*/

/* ------------------------------- */
/* Contact Us Page Classes         */
/* ------------------------------- */
	
	/* ------------------------------- */
	/* General Classe                  */

/* ------------------------------- */
/* Contact Us Page Structure       */
/* ------------------------------- */

	/* ------------------------ */
	/* VALID IMAGE              */
		#img_valid 
		{ 
			margin-top:2em;
			background:url(../../images/img_check.png) center center no-repeat;
			width:139px;
			height:98px;				
		}
		
	/* ------------------------ */
	/* ERROR IMAGE              */
		#img_error 
		{ 
			margin-top:2em;
			background:url(../../images/img_x.png) center center no-repeat;
			width:139px;
			height:98px;				
		}
		
	/* ------------------------ */
	/* CONTAC IMAGE              */
		#img_contact 
		{ 
			margin-top:2em;
			background:url(../../images/img_contact.png) center center no-repeat;
			width:139px;
			height:98px;				
		}		
	/*--------------------------------- */
	/* SUMBITS						   */
		#submits
		{
			width:auto;
			height:auto;
			border:1px solid #ccc;
			padding-top:2em;
		}
		
		
/* ------------------------------- */
/* Contact Us Table Styles	       */
/* ------------------------------- */	
 
		.pretty-table { border-collapse: collapse; width:600px; border:1px solid #666;}
		.pretty-table td, th { padding:1em; }
		.pretty-table th { background-color:#000; }
		.pretty-table td { background-color:#333; }
		/*Hover effect*/
		.pretty-table tr:hover td {background-color:#666; }
	
/* ------------------------------------*/
/* FORMS						      */
/* ----------------------------------*/

	form { padding: 2em 0 1em 2em; border:1px solid #666; }
	br { clear: left;}
	select { margin-bottom:1em; }
	label,input 
	{
		display: block;
		float: left;
		margin-bottom: 15px;
	}
	label 
	{
		text-align: right;
		width: 100px;
		padding-right: 20px;
	}
	label {font-weight: bold;}
	
	input, textarea, select 
	{
	  border:1px solid #aaaaaa;
	  padding:2px;
	  background:#ffffff url(../images/generic/inputBg.gif) top left no-repeat;
	  margin-top:2px;
	  margin-left:0;
	}
	
	input.checkbox 
	{
	  width:15px;
	  background:none;
	  border:0;
	}
	
	input.radio_button 
	{
	  width:15px;
	  background:none;
	  border:0;
	}
	
	input.small, select.small { width:50px; }
	input.large, select.large { width:200px; }
	input.extra_large, select.extra_large {  width:300px; }
	input:hover, textarea:hover, select:hover { border:1px solid #888888; }
	input:active, textarea:active, select:active { border:1px solid #888888; }
	
	input.submit  { color:#ffffff;}
	input.btn { margin: 1em 2em 0 2em; width:90px; height:40px;}
	
	input.submit:hover { cursor: pointer; }
	textarea { width:300px; height: 200px; }
	textarea.deep { height:350px; }
	textarea.shallow { height:50px;}
	
	fieldset 
	{
	  background:#f7f7f7;
	  padding:2%;
	  border:1px solid #e3e3e3;
	  margin:0;
	}
	
	legend
	{
	  font-weight:bold;
	  font-size: 120%; 
	  letter-spacing: -1px;
	  color:#666666;
	}

/* ------------------------------------*/
/* LIVE VALIDATION				      */
/* ----------------------------------*/

	.LV_valid { color:#00CC00; }
	.LV_invalid { color:#CC0000; }
	.LV_validation_message{ font-weight:bold; margin:0 0 0 5px; }
		
	.LV_valid_field,
	input.LV_valid_field:hover, 
	input.LV_valid_field:active,
	textarea.LV_valid_field:hover, 
	textarea.LV_valid_field:active,
	.fieldWithErrors input.LV_valid_field,
	.fieldWithErrors textarea.LV_valid_field { border: 1px solid #00CC00; }
		
	.LV_invalid_field, 
	input.LV_invalid_field:hover, 
	input.LV_invalid_field:active,
	textarea.LV_invalid_field:hover, 
	textarea.LV_invalid_field:active,
	.fieldWithErrors input.LV_invalid_field,
	.fieldWithErrors textarea.LV_invalid_field {  border: 1px solid #CC0000; }