/*  contact form  stylesheet */

h2.error {
	color      : #cd0000;       
}

fieldset {
	margin-top   : 20px;
	margin-left  : 40px;
	border       : none;              /* No "Fieldset Borders" by default */
}

legend {
	font-weight : bold;        
	color       : #02538A;           /*blue */
}

label {
	font-weight  : normal;        
	font-size    : 90%;           
	padding-top  : 20px;          
	padding-left : 4px;
}

input, select, textarea {
	font-family : verdana, arial, sans-serif;
	width       : 90%;
	color       : #666;            
	font-size   : 100%;             
	background  : #ccc;              
	border      : 1px solid #02538A;   
	margin      : 2px;
	margin-left : 12px;
	padding     : 4px;
}


input {
	width   : 82%;
	height  : 1.6em;
	border  : 1px solid #02538A;  
	padding : 2px;
}

select, option {
	height       : 2em;
	padding-left : 4px;
	padding      : 2px;
}

textarea {
	font-size  : 100%;         
	margin-top : 8px;
	width      : 90%;
	height     : 20em;          
	padding    : 4px;
}


input:focus, textarea:focus, select:focus, input.focus, textarea.focus, select.focus, input:hover, textarea:hover, select:hover, input.hover, textarea.hover, select.hover {
	color       : #000;  
	height      : 1.6em;              
	background  : #dddddd; 
	border      : 1px solid #333; 
	cursor      : text;
	margin-left : 12px;
}

textarea:focus, textarea.focus, textarea:hover, textarea.hover {
	width  : 90%;
	height : 20em;         
	cursor : text;
}

select:hover, select:focus, select.focus {
	height      : 2em;
	cursor      : pointer;
	margin-left : 12px;
}

input.button {
	width         : 25%;
	height        : 2em;
	color         : #333;  
	font-weight   : bold;             
	border        : 1px solid #02538A; 
	margin-bottom : 10px;
	background    : #dddddd;  /* pale grey */
}

.button:hover, .button:focus, input.button.hover, input.button.focus {
	cursor     : pointer; 
	color      : #fafafa;          
	background : #5ba3e0;           
	border     : 1px solid #333;    
}