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

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
********************************************************************
Structure
********************************************************************/


/* Form Structure */
.formee fieldset {position: relative; height:100%;padding: 0 20px 10px 20px;}

/* Field Grid */
.grid-1-12, .grid-2-12, .grid-3-12, .grid-4-12, .grid-5-12, .grid-6-12, .grid-7-12, .grid-8-12, .grid-9-12, .grid-10-12, .grid-11-12, .grid-12-12 {
display:inline; float:left; margin-right:1%;padding: 0.5% 0.5% 0.8% 0;height:100%;
/*ie7*/
*margin-right:.8%; *padding: 0.5% 0.25% 0.8% 0;
}
/*list-style*/

/* 12-column Grid (thanks for Fluid 960 Grid System) */
.grid-1-12 {width: 5.333%;}
.grid-2-12 {width: 13.666%;}
.grid-3-12 {width: 22%;}
.grid-4-12 {width: 30.333%;}
.grid-5-12 {width: 38.666%;}
.grid-6-12 {width: 47%;}
.grid-7-12 {width: 55.333%;}
.grid-8-12 {width: 63.666%;}
.grid-9-12 {width: 72%;}
.grid-10-12 {width: 80.333%;}
.grid-11-12 {width: 88.666%;}
.grid-12-12 {width: 97%;}

/* first item */ .alpha {margin-left:0;}
/* last item */ .omega {margin-right:0;}
/* clear */ .field-clear {clear:both;}



/* form elements  */
.formee input, .formee label, .formee img, .formee select {line-height: 1em;}
.form-lbl {display: block; height: auto; margin: 0 0 .2em 0;}
.form-list-chk .form-lbl, .form-list-rdo .form-lbl {display: inline; height: auto; margin: 0.5em 0 0.8em 2px;}
.form-req {position: relative;top:3px;}
/*.form-container { border:1px solid; display: block; clear:both; overflow: hidden;}*/
.form-msg-info, .form-msg-warning, .form-msg-error, .form-msg-success {padding:6px 10px 5px; display: block;height: auto; margin: -0.3em 0 0.5em;}
/*.formee .form-txt, .formee textarea {	margin: 0.3%;	background: transparent;	width: 99.4%;}*/
.formee .form-txt, .formee textarea, .formee select {width: 100%; border: 1px solid #999;  box-sizing: border-box; -ms-box-sizing: border-box;-webkit-box-sizing: border-box; -khtml-box-sizing: border-box;
/*ie7*/
*width: 99%;
}

.formee textarea {	height: 15em;}

/* form button  */
.form-button {padding: 4px 6px;cursor: pointer;text-align: center;float:left;margin-left: 0.3em;display:inline;
/*ie7*/

}
.form-no-lbl {padding-top:35px;}

/* input with readonly attribute */
/*.form-readonly, input[readonly] {border:none; font-weight: normal;padding-left:0;}*/


/* multiple containers inside field-grid */
.form-left {float:left; margin-right:0.3em;clear:none;}
.form-right {float:right; margin-left:0.3em;clear:none;}


/* lista de chk e rdo */
.form-list-chk, .form-list-rdo {height: 100%;}
.form-list-chk li, .form-list-rdo li {margin: 0.5em 0.6em 0.2em; float:left; display: inline; list-style:none;}
.form-list-chk input, .form-list-rdo li input {margin-right: 0.2em}


/* tamanhos dos campos */
.form-small {width: 30% !important;float:left;margin-right: 10px;display:inline;
/*ie7*/
*width: 25% !important;
}
.form-medium {width: 50% !important;float:left;margin-right: 10px;display:inline;
/*ie7*/
*width: 45% !important;
}

.form-date {width: 80px !important;float:left;margin-right: 10px;display:inline;}
.form-time {width: 60px !important;float:left;margin-right: 10px;display:inline;}
.form-date-day, .form-date-year {width: 40px !important;float:left;margin-right: 10px;display:inline;}
.form-date-month {width: 60px !important;float:left;margin-right: 10px;display:inline;}


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

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.formee {
/*    font-size: 1em;*/
/*    font: normal 12px/1em arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;*/
}

/* 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 elements  */
.form-lbl {
/*  font-size:1em;*/
    font-weight: bolder;
	color: #727272;
}
.form-req {
	font-weight: bold;
	font-style:normal;
	color:#d10000;
/*	font-size:1.4em; no! :)*/
}
form.formee .form-txt, form.formee textarea, form.formee select {
/*  border-color:#a6c9e2;*/
	background: #fff;
	color:#333;
	width: 100%;
}
form.formee select {
    width: 80%;  /* overriding this for the initial call form (peterh) */
}
/*form.formee .form-txt:hover, form.formee textarea:hover, form.formee select:hover {*/
/*  border-color:#2E6E9E;*/
/*  background: #fafafa;*/
/*  color:#333;*/
/*}*/
form.formee .form-txt:focus, form.formee textarea:focus, form.formee select:focus {
	border-color:#000;
}


/* form msg status  */

form.formee ul.errorlist {
    margin-top: 10px;
}
form.formee ul.errorlist li {
    padding:6px 10px 5px; display: block;height: auto; margin: -0.3em 0 0.5em;
}
.form-msg-info, .form-msg-warning, .form-msg-error, .form-msg-success, form.formee ul.errorlist li {
	padding-left: 27px;
	font-size:0.9em;
	border-bottom: 1px solid #ccc;
}
.form-msg-info {
	background: #d1ecf7 url(images/form-ic-info.png) no-repeat 5px 4px;
	border-color:#bcdfef;
	color:#11689e;
}
.form-msg-warning {
	background: #fff6bf url(images/form-ic-warning.png) no-repeat 5px 4px;
	border-color:#fceb77;
	color:#957210;
}
.form-msg-error, form.formee ul.errorlist li {
	background: #fad0d0 url(images/form-ic-error.png) no-repeat 5px 4px;
	border-color:#f6abab;
	color:#b01717;
}
.form-msg-success {
	background: #e5f8ce url(images/form-ic-success.png) no-repeat 5px 4px;
	border-color:#d0f1a6;
	color:#62b548;
}


/* form buttons */
.form-button {
	font-size:1.2em;
	background:#235485;
	color:#fff;
}
.form-button:hover {background:#666;}


/*Specific fields*/

form.formee div.profile-combobox input {
    width: 200px;
}