/* ------------------------------------------------------------
Site: Event Management Group
URI: http://www.emgevents.com
Author: PARCA Corp.
Version: 1.0 | Updated: April 2009

Title: Forms CSS (Mootools framework)
------------------------------------------------------------ */


#emg_enquiry {
	width: 100%; 
	font-size: 110%; 
	padding: 0;
	margin-bottom: 15px;
	padding-bottom: 50px; }

.grid_4 #emg_enquiry .form_item input { width: 90%; }	
.grid_12 #emg_enquiry .form_item input { width: 50%;}	

.grid_4 #emg_enquiry .form_item textarea { width: 90%; }	
.grid_12 #emg_enquiry .form_item textarea { width: 50%;}

#emg_enquiry h2 { display: none; }
	
/* `Form elements
------------------------------------------------------*/	

.form_item {		
	clear:both;	 }

.form_item label { 
	display: block;
	float:left; 
	text-align: left; 
	margin-right:10px; 
	margin-left: 2px;  }
	
.grid_4 #emg_enquiry .form_item label { margin-top: 1px; } 
.grid_12 #emg_enquiry .form_item label { margin-top:10px; } 
	
.grid_12 #emg_enquiry .form_item label.no_border { margin-top: 3px; }	
	
.form_item p { 
	font-size: 100%;
	margin-top: 20px; 
	line-height: 1.1em; 
	padding: 10px 0 0 0; }	 	
	
.form_item textarea	{ 
	border:1px solid #f2faff; 
	background: #f2faff; 
	color:#144864; 
	float:left; 
	padding:3px; 
	margin-bottom:10px; }
	
.form_item input { 
	border: 1px solid #A1A1A1; 
	background:#f4f4f4; 
	color:#F69A2D;  
	float:left; 
	clear: both; 
	font-size: 110%; 
	padding:5px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
	
.form_item input.short {
	width: 25%; }	
	
.form_item select { 
	border:none; 
	background:#f2faff; 
	color:#144864; 
	float:left; 
	padding:3px; 
	width:208px;  }

.form_item textarea {
	border: 1px solid #A1A1A1; 
	background:#f4f4f4; 
	color:#F69A2D;  
	float:left; 
	clear: both; 
	font-size: 110%; 
	padding:5px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

.form_item .readonly { }

#emg_enquiry .form_item div.radio {
	padding:10px;
}
#emg_enquiry .form_item div.radio label {
	float:left;
	width : 100px;
}
#emg_enquiry .form_item div.radio input {
	clear:none;
	float:left;
	background : none;
	border : none;
	width : 25px;
}


.required_indicator { 
	color: #de6464; }

	

	
/* `Validation
------------------------------------------------------*/	

.validation-failed {
	border: 1px solid #f00; }
	
.validation-passed {
  	border: 1px solid green; }
  
.validation-advice {
	margin: 0; 
	padding: 0;
	line-height: 1em;  
	color:#f00;
	width:95%;
	font-size: 80%; 
	padding-top:10px;
	margin-right: 0px; 
	background: none;
	text-align: right; }
  
.warning {
	border: 1px solid #c66; }
	
.warning-advice {
	margin: 2px;
	padding: 2px;
	color:#fff;
	border: 1px solid #f00;
	background:none; }

/* Check www.clientcide.com/wiki/cnet-libraries/09-forms/05-overtext */
div.overTxtDiv {  
	font-weight: bold;
	font-family: arial, helvetica, verdana;
	font-size: 12px;
	color: #999; }	
	
	
/* `Buttons
------------------------------------------------------ */

.buttons {
	clear: both; 
	margin-bottom: 40px; }

.buttons button {
    display:block;
    float:left;
    margin:10px 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#999;
    cursor:hand;
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */  }
    
.buttons button[type]  {
    padding:3px 10px 3px 7px; /* Firefox */
    line-height:17px; /* Safari */ }
    
*:first-child+html button[type] {
    padding:4px 10px 3px 7px; /* IE7 */ }
    
.buttons button img, 
.buttons a img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px; }

/* Submit custom  */

button.submit {
    color:#999; }
    
button.submit:hover {
    background-color:#FEF0E0;
    border:1px solid #f6bd79;
    color:#F69A2D; }
    
    
#loadingProgress { 
	padding-top: 20px; 
	text-align: left; }
	
#loadingProgress img {
	padding-bottom: 2px;  }	  
    
#loadingProgress p {
	clear: both;
	color: #F69A2D;
	font-size: 100%;
	padding-top: 0;
	margin-top: 0; 	  }