@charset "utf-8";
/*	Author: Veb4Design
    Date: August 19, 2009
    Description: Dentaleloungue.com - Contact Us Style Sheet.
    This style sheet contains the styling of the contact page

    Note: Make sure to read the comments before editing.
    Thank you.
*/

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

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

	/* -------------------------------- */
	/* CONTACT WRAPPER                  */
		#contact_wrapper
		{ 
			width:960px; 
			margin:4em auto 0 auto; 
			text-align:left;
		}
		#contact_wrapper li{ list-style:circle; margin-left:1em; padding:0; }
		
	/*--------------------------------- */
	/* SUMBITS						   */
		#submits
		{
			position:relative; left:90px;
		}
		
		
/* ------------------------------- */
/* 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; width:575px; }
	br { clear: left;}
	select { margin-bottom:1em; }
	label,input 
	{
		display: block;
		float: left;
		margin-bottom: 10px;
	}
	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; }