﻿/* defaults and mobile first */

#rowOther {
	visibility:hidden;
	display:none;
}
#txtOther{
	visibility:hidden;
}


label {
	display:block;
	margin-bottom:5px;
}

.lblTop {
	vertical-align:top;
}

input, textarea {
	width:90%;
	
}

textarea {
	height:80px;
}

input[type=submit] {
	width:150px;
}


legend {
	color:#518837;
}

.resImg {
	margin-left:0;
}

fieldset {
	margin:10px; 
	padding:20px; 
	width:80%; 
	border:1px solid green;
	background-color:#BADC88;
}

fieldset hr {
	height:1px;
	color:gray;
	background-color:gray;
	border:0;
}

input[type=text], input[type=email], textarea, select {
	padding:5px;
	border:1px solid gray;
}

input[type=text]:focus, textarea:focus, select:focus {
background-color:lemonchiffon;
}

input:required {
	background-image:url('../images/asterisk.png');
	background-position:right 4px;
	background-repeat:no-repeat;
}

textarea:required {
	background-image:url('../images/asterisk.png');
	background-position:95% 3px;
	background-repeat:no-repeat;
}


textarea:focus:invalid {
background-image:url('../images/cross4.png');    
background-position: 95% 4px;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
 
}

/*textarea:focus:invalid {
background-image:url('../images/cross4.png');    
background-position: right 4px;
    background-repeat: no-repeat;
    -moz-box-shadow: none;
 
}
*/

input:required:valid{
background-image:url('../images/tick4.png');    
background-position: right 4px;
    background-repeat: no-repeat;
}

textarea:required:valid {
background-image:url('../images/tick4.png');    
background-position: 95% 4px;
    background-repeat: no-repeat;
}


@media only screen and (min-width: 34.375em)  {

label {
	display:inline-block;
	position:relative;
	width:370px;
}


input, textarea {
	width:300px;
}

fieldset {
	margin:25px 0; 
	/*padding:20px; 
	width:85%; 
	border:1px solid green;
*/}


}

@media only screen and (min-width: 45.875em)  {

	.resImg {
		margin-left:370px;
	}

}