/********************************************************************

Project: Formee - http://www.formee.org
Last Updated: 19/04/2010
Version: 1.1
Authors: Bernard De Luna - http://www.bernarddeluna.com
             Daniel Araujo - http://www.dnlaraujo.com.br
			 Marcello Manso - http://www.marcellomanso.com.br
			 
********************************************************************
Style
********************************************************************/



/* Form Style */
.form {
	margin: 0px;
	padding: 0px;
}

.form fieldset {
	border: 1px solid #999;
	border-top:3px solid #000;
	border-bottom: 1px solid #ccc;
	background:#efefef;
	padding-bottom: 1.2em;
	margin: 0 0 6em;
}

/* hover effect */
.grid-1-12:hover, .grid-2-12:hover, .grid-3-12:hover, .grid-4-12:hover, .grid-5-12:hover, .grid-6-12:hover, .grid-7-12:hover, .grid-8-12:hover, .grid-9-12:hover, .grid-10-12:hover, .grid-11-12:hover, .grid-12-12:hover {background:#e5e5e5;}
.field-button:hover {background:transparent;}


/* Form legend and titles */
.form legend {
	font-size:1.7em;
	padding: 10px 10px 15px;
	margin-bottom: 10px;
	background:#000;
	margin-left:1.04%;
	color:#fff;
}

/* form elements  */
.form-lbl {
	font-size:1em;
	font-weight: bolder;
}
.form-req {
	font-weight: bold;
	font-style:normal;
	color:#d10000;
	font-size:1.4em;
}
.form .form-txt, .form textarea, .form select {
	color:#fff;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #000;
}
.form .form-txt:hover, .form textarea:hover, .form select:hover {
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #efefef;
	color: #000000;
}
.form .form-txt:focus, .form textarea:focus, .form select:focus {
	color:#333333;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-color: #FFFFFF;
}


/* form msg status  */
.form-msg-info, .form-msg-warning, .form-msg-error, .form-msg-success {
	padding-left: 27px;
	font-size:0.9em;
	border-bottom: 1px solid #ccc;
}
.form-msg-info {
	background: #d1ecf7 url(../img/form-ic-info.png) no-repeat 5px 4px;
	border-color:#bcdfef;
	color:#11689e;
}
.form-msg-warning {
	background: #fff6bf url(../img/form-ic-warning.png) no-repeat 5px 4px;
	border-color:#fceb77;
	color:#957210;
}
.form-msg-error {
	background: #fad0d0 url(../img/form-ic-error.png) no-repeat 5px 4px;
	border-color:#f6abab;
	color:#b01717;
}
.form-msg-success {
	background: #e5f8ce url(../img/form-ic-success.png) no-repeat 5px 4px;
	border-color:#d0f1a6;
	color:#62b548;
}


/* form buttons */
.form-button {
	padding: 5px;
	color:#fff;
	margin: 10px;
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#000000, endcolorstr=#333333));
	/* IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#000000, endcolorstr=#333333))";
	zoom: 1;
	/* IE10 */ 
	background-image: -ms-linear-gradient(top, #000000 0%, #333333 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #000000 0%, #333333 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #000000 0%, #333333 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000000), color-stop(1, #333333));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #000000 0%, #333333 100%);
	/* Proposed W3C Markup */ 
	background-image: linear-gradient(top, #000000 0%, #333333 100%);
	border: 1px solid #666666;
}
.form-button:hover {
	background-color: #999;
	color: #FFFF00;
	border: 1px solid #666666;
}