/* ALL FORMS */

form {
	margin: 0 auto 1% auto; 
	padding: 5px;
	} 
#myform, #myform2, #myform3 {width: 95%; display: block; margin-bottom: 2%;}

#myform fieldset, #myform2 fieldset, #myform3 fieldset, #myform4 fieldset  {
	margin: 0; padding: 0;	border: 0;
	line-height: 1.2em;
	}

#myform p, #myform2 p, #myform3 p {
	margin: 2px 2px 5px 2px; 
	padding: 0.5%;
	}

#myform input[type='text'], 
#myform2 input[type='text'], #myform2 input[type='password'],
#myform3 input[type='text'], #myform3 input[type='password']  {
	width: 95%;	max-width: 300px;
	margin: 0.25% 0;
	padding: 3px 5px;
	font-size: 0.9em;
	
	outline: 0;
	border: 1px solid #666;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	}
	
#myform input:focus, #myform textarea:focus,
#myform2 input:focus, #myform2 textarea:focus
#myform3 input:focus, #myform3 textarea:focus { 
	color:#444;
	}
#myform input:active, #myform textarea:active, 
#myform2 input:active, #myform2 textarea:active,
#myform3 input:active, #myform3 textarea:active { 
	background-color: #c0e880;
	}

#myform textarea, #myform2 textarea, #myform3 textarea {
	width: 90%;	max-width: 480px; 
	height: 50px;
	font-family: "Trebuchet MS", arial, helvetica, sans-serif; 	
	padding: 3px 5px;
	color: #444; font-size: 1em; overflow: hidden;

	border: 1px solid #666;	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;		
	}

#myform3 label.check , #myform3 input.check, #myform4 input.check  {display: none !important;}

#myform2 select, #myform3 select, #myform4 select  {
	width: 80%; max-width: 250px;
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid #666;	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;		
	}	
	
#myform2 select, #myform3 select {
	background-color: #efefef;	
	}
#myform4 select  {	
	background-color: #fff;	
	}
		
#myform2 select option, #myform3 select option, #myform4 select option {
	/*background-color: #bed59d;*/
	color: #444 !important;
	padding: 1px 5px 3px 5px;
	cursor: pointer;	
	}	

option:checked, option:hover {
	background-color: #bed59d !important;
	}
	


/* button */
input[type='submit'], input[type='reset'] {
	position: relative; display: inline-block !important;
	max-width: 180px !important;
	margin: 0 1% 1% 0 !important; padding: 3px 7px;
	outline: 0; cursor: pointer; font-weight: bold;
	background-color: #d4cab8;
	padding: 3px 5px;
	font-size: 1em;
	outline: 0;
	border: 1px solid #666;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	}
input[type='submit']:hover, 
input[type='submit']:focus,
input[type='reset']:hover, 
input[type='reset']:focus {
	background-color: #444;
	color: #efefef;	
	}

#myform3 .submitButton {
	display: block !important;
	width: 50%; max-width: 150px;
	background-color: #d4cab8;
	margin: 5% 0 !important; padding: 1px 3px;
	text-align: center !important;
	font-size: 1em;
	cursor: pointer;
	}	

	
label.error {
	max-width: 250px; width: 90%;
	margin: 2px 0;	padding: 3px;
	background-color: #fff;
	font-size: 1em; font-weight: bold;
	color: #70a917;
	border: 1px solid #999;	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;		
	}	


/* field label */
label {display: block; color: #444;}
label.error { 
	display: block;
	width: 100%; max-width: 290px;
	margin-bottom: 0.25%;
	font-size: 1em;
	text-align: left; background-color: #7bb920;
	color: #444;
	border: 1px solid #666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
	}
#captcha {
	width: 100%; max-width: 650px;
	margin: 1% 0; padding: 0 0 0.5% 0;
	text-align: left; font-size: 1.2em; color: #444;
	border: 0px solid #999;
	}	
.captchaIntro p, #captcha p {
	margin: 0.5% 0; padding: 0; 
	}
.captchaImages	{
	margin: 0; padding: 0; 	
	}
#captcha  p span.captchaText {font-weight: bold; color: #cc0000;}	
.captchaImage {display: inline-block; margin: 0 5px; cursor: pointer;}
.simpleCaptchaSelected { border: 2px solid #99cc33; }

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select, textarea, input {font-size: 1em;}
	}
	
/************************/	
/** MOBILE RULES **/
/** Portrait and Landscape **/
/************************/	
@media only screen and (max-width : 756px) {
	/* GLOBAL MOBILE RULES */
	form {-webkit-appearance: none !important; -moz-appearance: none !important;}
	input {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}	
		
	#myform3, #myform3 select, #myform3 option, #myform3 input[type='text'], #myform3 textarea {font-size: 1em !important;}
	#forms myform2, #forms myform3, #forms myform4 {width: 80% !important; max-width: 450px;}	
	input[type='submit'] {
		border-radius: 4px !important;
		-moz-border-radius: 4px !important;
		-webkit-border-radius: 4px  !important;
		}
		
	/* VERTICAL */
	@media only screen and (orientation: portrait) {
		#myform2, #myform3, #myform4 {width: 80% !important;}
		#myform3 select {width: 65%;}
		}
		
	/* HORIZONTAL */		
	@media only screen and (orientation: landscape) {	

		}	
	}