﻿/********************************************************************

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
********************************************************************/

/* Little CSS Reset to preserv form structure */
.form * {padding:0;	margin:0;	list-style: none;	border: none;	font-size:100%;}


/* Form Structure */
.form fieldset {position: relative;height:100%;}


/* 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-left:1%; margin-right:1%;padding: 0.5% 0.5% 0.8%;height:100%;
/*ie7*/
*margin-left:.8%; *margin-right:.8%;*padding: 0.5% 0.25% 0.8%;
}


/* 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  */
.form input, .form label, .form img, .form select {vertical-align: middle; line-height: 1em;}
.form-lbl {display: block; height: auto; margin: 0.5em 0 0.8em;}
.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;}
/*.form .form-txt, .form textarea {	margin: 0.3%;	background: transparent;	width: 99.4%;}*/
.form .form-txt, .form textarea, .form select {width: 100%; padding:5px;border: 1px solid #999;  box-sizing: border-box;  -moz-box-sizing: border-box; -ms-box-sizing: border-box;-webkit-box-sizing: border-box; -khtml-box-sizing: border-box;
/*ie7*/
*width: 99%;
}

.form textarea {	height: 15em;}
.form select {padding:4px;}

/* 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;}

/* fix  ff bugs */
div:after, ol:after, form:after, dl:after, ul:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
