﻿/********************************************************************

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 * {position: relative; padding:0;	margin:0;	list-style: none;	border: none;	font-size:100%;}*/

/* Form Structure */
.form fieldset {position: relative;}


/* 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%;
	position: relative;
}

/* 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;}

/* Oculto */ .oculto{display:none}

/* 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.4em;}
.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-readonly, .form textarea, .form select, .form-msg-field {
	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;
}
.form .form-msg-field{
	height: auto;
}
.form textarea {min-height: 10em;}
.form select {padding:4px;}
.form p{padding: 0.5em 0.5em 0.7em 0.5em; line-height:1.2em;font-size:12px;}
/* form button  */
.form-button {
	/*padding: 8px 10px;cursor: pointer;text-align: center;float:left;margin-left: 0.3em;display:inline;*/
}
.form-no-lbl {padding-top:25px;}

/* input with readonly attribute */
.form-readonly, input[readonly] {border:none; color:#999; 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 .form-date {width: 95px !important;float:left;margin-right: 10px;display:inline;}
.form .form-fone,.form .form-cep {max-width:140px !important;float:left;margin-right: 10px;display:inline;}
.form .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 */
/*
form div:after, form ol:after, form.form:after, form dl:after, form ul:after {content:".";display:block;clear:both;visibility:hidden;height:0;overflow:hidden;}
*/
