/*																				
project: Ajax'd Form with Fancy Email v.1.4
hand crafted by: Blaze Pollard
author uri: blazepollard@gmail.com  
date: 10/15/10
*/


/*
    reset / default
*/

* { margin: 0; padding: 0; }
.clear { clear: both; }
img, a img { border: none; }
input { outline: 0; }
header, nav, section, article, footer { display: block; }

/* 
	structure 
*/

body { font: 12px arial, Helvetica, Sans-Serif; background: #f9f9f9; color: #333; }
#page-wrap { width: 350px; } /* Body Container */


/* 
	forms
*/

#submit_remove { margin: 0 0 0 7px; }
.error { color: red; position: absolute; display: none; font-style: italic; margin: -19px 0 20px 120px; font-size: 10px; }
.success { display: none; font-size: 12px; color: #333; }

form { 
	border: 1px solid #ccc; width: 350px; padding: 15px; 
	box-shadow: 0px 0px 15px #ccc; -moz-box-shadow: 0px 0px 15px #ccc; -webkit-box-shadow: 0px 0px 15px #ccc; 
}

form div { padding: 10px 0; }
label { position: absolute; border-bottom: 0px dotted #ccc; font-weight: bold; color:#FF0000;}
input[type="text"], input[type="password"], textarea, select { margin-left: 120px; }
input[type="text"], input[type="password"], textarea { width: 200px; }
textarea { height: 80px; overflow: auto; }
input[type="text"], 
input[type="password"], 
textarea {  
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	padding: 5px 4px;
	border: 1px solid #d4d4d4; white-space: nowrap;
	font-size: 11px; font-family: Helvetica, Arial, san-serif;
	background: url(../img/input-bg.png) top left no-repeat;
}

select {  
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	padding: 4px 4px;
	border: 1px solid #d4d4d4; white-space: nowrap;
	font-size: 11px; font-family: Helvetica, Arial, san-serif;
}

input[type="submit"], 
input[type="button"] {
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  
	border: 1px solid #d4d4d4; white-space: nowrap;
	color: #333; text-shadow: 1px 1px 0 #fff; font-weight: bold; font-size: 11px; font-family: Helvetica, Arial, san-serif;
	padding: 4px 9px; 
	cursor: pointer;
	background: #F4F4F4; /* old browsers */
	background: -moz-linear-gradient(top, #F4F4F4 0%, #ECECEC 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F4F4F4), color-stop(100%,#ECECEC)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F4F4', endColorstr='#ECECEC',GradientType=0 ); /* ie */
}

input[type="submit"]:hover, 
input[type="button"]:hover {
	color: #fff; text-shadow: 1px 1px 0 #2764a0;
	border: 1px solid #2764a0;
	background: #579ADB; /* old browsers */
	background: -moz-linear-gradient(top, #579ADB 0%, #3074B5 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#579ADB), color-stop(100%,#3074B5)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#579ADB', endColorstr='#3074B5',GradientType=0 ); /* ie */
}

input[type="submit"]:active, 
input[type="button"]:active {
	color: #fff; text-shadow: 1px 1px 0 #2764a0;
	background: #286396; /* old browsers */
	background: -moz-linear-gradient(top, #286396 0%, #3074B5 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#286396), color-stop(100%,#3074B5)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#286396', endColorstr='#3074B5',GradientType=0 ); /* ie */
}