/* --------------------------------------------------------------
   Base grid.css
-------------------------------------------------------------- */
.vbox>*{
	float: left;
	clear: left;
}
.hbox>*{float: left;}
.hbox>label{text-align: right; margin-top: 8px; }

.hbox .label-center label {text-align: center;}


.br{clear: left;}
div.vbox, div.hbox{
	margin-bottom: 3px;
	margin-right:10px;
}
.span-24, div.span-24 {margin-right:0 !important;}
.last, div.last{ margin-right:0 !important;}


/* Use estas classes para setar largura de um input.*/

input.input-width-1, .input-width-1>input, textarea.input-width-1, .input-width-1>textarea,
input.input-width-2, .input-width-2>input, textarea.input-width-2, .input-width-2>textarea,
input.input-width-3, .input-width-3>input, textarea.input-width-3, .input-width-3>textarea,
input.input-width-4, .input-width-4>input, textarea.input-width-4, .input-width-4>textarea,
input.input-width-5, .input-width-5>input, textarea.input-width-5, .input-width-5>textarea,
input.input-width-6, .input-width-6>input, textarea.input-width-6, .input-width-6>textarea,
input.input-width-7, .input-width-7>input, textarea.input-width-7, .input-width-7>textarea,
input.input-width-8, .input-width-8>input, textarea.input-width-8, .input-width-8>textarea,
input.input-width-9, .input-width-9>input, textarea.input-width-9, .input-width-9>textarea,
input.input-width-10, .input-width-10>input, textarea.input-width-10, .input-width-10>textarea,
input.input-width-11, .input-width-11>input, textarea.input-width-11, .input-width-11>textarea,
input.input-width-12, .input-width-12>input, textarea.input-width-12, .input-width-12>textarea,
input.input-width-13, .input-width-13>input, textarea.input-width-13, .input-width-13>textarea,
input.input-width-14, .input-width-14>input, textarea.input-width-14, .input-width-14>textarea,
input.input-width-15, .input-width-15>input, textarea.input-width-15, .input-width-15>textarea,
input.input-width-16, .input-width-16>input, textarea.input-width-16, .input-width-16>textarea,
input.input-width-17, .input-width-17>input, textarea.input-width-17, .input-width-17>textarea,
input.input-width-18, .input-width-18>input, textarea.input-width-18, .input-width-18>textarea,
input.input-width-19, .input-width-19>input, textarea.input-width-19, .input-width-19>textarea,
input.input-width-20, .input-width-20>input, textarea.input-width-20, .input-width-20>textarea,
input.input-width-21, .input-width-21>input, textarea.input-width-21, .input-width-21>textarea,
input.input-width-22, .input-width-22>input, textarea.input-width-22, .input-width-22>textarea,
input.input-width-23, .input-width-23>input, textarea.input-width-23, .input-width-23>textarea,
input.input-width-24, .input-width-24>input, textarea.input-width-24, .input-width-24>textarea{
  border-left-width: 1px!important;
  border-right-width: 1px!important;
  padding-left: 5px!important;
  padding-right: 5px!important;
}
input.input-width-1, .input-width-1>input, textarea.input-width-1, .input-width-1>textarea { width: 18px!important; }
input.input-width-2, .input-width-2>input, textarea.input-width-2, .input-width-2>textarea { width: 58px!important; }
input.input-width-3, .input-width-3>input, textarea.input-width-3, .input-width-3>textarea { width: 98px!important; }
input.input-width-4, .input-width-4>input, textarea.input-width-4, .input-width-4>textarea { width: 138px!important; }
input.input-width-5, .input-width-5>input, textarea.input-width-5, .input-width-5>textarea { width: 178px!important; }
input.input-width-6, .input-width-6>input, textarea.input-width-6, .input-width-6>textarea { width: 218px!important; }
input.input-width-7, .input-width-7>input, textarea.input-width-7, .input-width-7>textarea { width: 258px!important; }
input.input-width-8, .input-width-8>input, textarea.input-width-8, .input-width-8>textarea { width: 298px!important; }
input.input-width-9, .input-width-9>input, textarea.input-width-9, .input-width-9>textarea { width: 338px!important; }
input.input-width-10, .input-width-10>input, textarea.input-width-10, .input-width-10>textarea { width: 378px!important; }
input.input-width-11, .input-width-11>input, textarea.input-width-11, .input-width-11>textarea { width: 418px!important; }
input.input-width-12, .input-width-12>input, textarea.input-width-12, .input-width-12>textarea { width: 458px!important; }
input.input-width-13, .input-width-13>input, textarea.input-width-13, .input-width-13>textarea { width: 498px!important; }
input.input-width-14, .input-width-14>input, textarea.input-width-14, .input-width-14>textarea { width: 538px!important; }
input.input-width-15, .input-width-15>input, textarea.input-width-15, .input-width-15>textarea { width: 578px!important; }
input.input-width-16, .input-width-16>input, textarea.input-width-16, .input-width-16>textarea { width: 618px!important; }
input.input-width-17, .input-width-17>input, textarea.input-width-17, .input-width-17>textarea { width: 658px!important; }
input.input-width-18, .input-width-18>input, textarea.input-width-18, .input-width-18>textarea { width: 698px!important; }
input.input-width-19, .input-width-19>input, textarea.input-width-19, .input-width-19>textarea { width: 738px!important; }
input.input-width-20, .input-width-20>input, textarea.input-width-20, .input-width-20>textarea { width: 778px!important; }
input.input-width-21, .input-width-21>input, textarea.input-width-21, .input-width-21>textarea { width: 818px!important; }
input.input-width-22, .input-width-22>input, textarea.input-width-22, .input-width-22>textarea { width: 858px!important; }
input.input-width-23, .input-width-23>input, textarea.input-width-23, .input-width-23>textarea { width: 898px!important; }
input.input-width-24, .input-width-24>input, textarea.input-width-24, .input-width-24>textarea { width: 938px!important; }


button.input-width-1, button.input-width-2, button.input-width-3, button.input-width-4, button.input-width-5, button.input-width-6, button.input-width-7, button.input-width-8, button.input-width-9, button.input-width-10, button.input-width-11, button.input-width-12, button.input-width-13, button.input-width-14, button.input-width-15, button.input-width-16, button.input-width-17, button.input-width-18, button.input-width-19, button.input-width-20, button.input-width-21, button.input-width-22, button.input-width-23, button.input-width-24{float:left; margin-right:10px;}
select.input-width-1, .input-width-1>select, .input-width-1>button, button.input-width-1 {width: 30px;}
select.input-width-2, .input-width-2>select, .input-width-2>button, button.input-width-2 {width: 70px;}
select.input-width-3, .input-width-3>select, .input-width-3>button, button.input-width-3 {width: 110px;}
select.input-width-4, .input-width-4>select, .input-width-4>button, button.input-width-4 {width: 150px;}
select.input-width-5, .input-width-5>select, .input-width-5>button, button.input-width-5 {width: 190px;}
select.input-width-6, .input-width-6>select, .input-width-6>button, button.input-width-6 {width: 230px;}
select.input-width-7, .input-width-7>select, .input-width-7>button, button.input-width-7 {width: 270px;}
select.input-width-8, .input-width-8>select, .input-width-8>button, button.input-width-8 {width: 310px;}
select.input-width-9, .input-width-9>select, .input-width-9>button, button.input-width-9 {width: 350px;}
select.input-width-10, .input-width-10>select, .input-width-10>button, button.input-width-10 {width: 390px;}
select.input-width-11, .input-width-11>select, .input-width-11>button, button.input-width-11 {width: 430px;}
select.input-width-12, .input-width-12>select, .input-width-12>button, button.input-width-12 {width: 470px;}
select.input-width-13, .input-width-13>select, .input-width-13>button, button.input-width-13 {width: 510px;}
select.input-width-14, .input-width-14>select, .input-width-14>button, button.input-width-14 {width: 550px;}
select.input-width-15, .input-width-15>select, .input-width-15>button, button.input-width-15 {width: 590px;}
select.input-width-16, .input-width-16>select, .input-width-16>button, button.input-width-16 {width: 630px;}
select.input-width-17, .input-width-17>select, .input-width-17>button, button.input-width-17 {width: 670px;}
select.input-width-18, .input-width-18>select, .input-width-18>button, button.input-width-18 {width: 710px;}
select.input-width-19, .input-width-19>select, .input-width-19>button, button.input-width-19 {width: 750px;}
select.input-width-20, .input-width-20>select, .input-width-20>button, button.input-width-20 {width: 790px;}
select.input-width-21, .input-width-21>select, .input-width-21>button, button.input-width-21 {width: 830px;}
select.input-width-22, .input-width-22>select, .input-width-22>button, button.input-width-22 {width: 870px;}
select.input-width-23, .input-width-23>select, .input-width-23>button, button.input-width-23 {width: 910px;}
select.input-width-24, .input-width-24>select, .input-width-24>button, button.input-width-24{ width:950px; margin-right:0; }


label.label-width-1, .label-width-1>label,
label.label-width-2, .label-width-2>label, 
label.label-width-3, .label-width-3>label, 
label.label-width-4, .label-width-4>label, 
label.label-width-5, .label-width-5>label, 
label.label-width-6, .label-width-6>label, 
label.label-width-7, .label-width-7>label, 
label.label-width-8, .label-width-8>label, 
label.label-width-9, .label-width-9>label, 
label.label-width-10, .label-width-10>label, 
label.label-width-11, .label-width-11>label, 
label.label-width-12, .label-width-12>label, 
label.label-width-13, .label-width-13>label, 
label.label-width-14, .label-width-14>label, 
label.label-width-15, .label-width-15>label, 
label.label-width-16, .label-width-16>label, 
label.label-width-17, .label-width-17>label, 
label.label-width-18, .label-width-18>label, 
label.label-width-19, .label-width-19>label, 
label.label-width-20, .label-width-20>label, 
label.label-width-21, .label-width-21>label, 
label.label-width-22, .label-width-22>label, 
label.label-width-23, .label-width-23>label, 
label.label-width-24, .label-width-24>label{padding-right:10px;}


.multi-options{margin-right:0;}
.multi-options>label, .multi-options>label>input{float:left;}
.multi-options>label{
	display:block; 
	text-align: left; 
	margin-right:10px
}
.multi-options>label>input{margin-top:2px; border:0;}
.multi-width-1>div{width:40px;}  
.multi-width-2>div{width:80px;}  
.multi-width-3>div{width:120px;} 
.multi-width-4>div{width:160px;} 
.multi-width-5>div{width:200px;} 
.multi-width-6>div{width:240px;} 
.multi-width-7>div{width:280px;} 
.multi-width-8>div{width:320px;} 
.multi-width-9>div{width:360px;} 
.multi-width-10>div{width:400px;}
.multi-width-11>div{width:440px;}
.multi-width-12>div{width:480px;}
.multi-width-13>div{width:520px;}
.multi-width-14>div{width:560px;}
.multi-width-15>div{width:600px;}
.multi-width-16>div{width:640px;}
.multi-width-17>div{width:680px;}
.multi-width-18>div{width:720px;}
.multi-width-19>div{width:760px;}
.multi-width-20>div{width:800px;}
.multi-width-21>div{width:840px;}
.multi-width-22>div{width:880px;}
.multi-width-23>div{width:920px;}
.multi-width-24>div{width:950px;}


.item-width-1>div>label, label.label-width-1, .label-width-1>label{width:30px;}                     
.item-width-2>div>label, label.label-width-2, .label-width-2>label{width:70px;}                     
.item-width-3>div>label, label.label-width-3, .label-width-3>label{width:110px;}                    
.item-width-4>div>label, label.label-width-4, .label-width-4>label{width:150px;}                    
.item-width-5>div>label, label.label-width-5, .label-width-5>label{width:190px;}                    
.item-width-6>div>label, label.label-width-6, .label-width-6>label{width:230px;}                    
.item-width-7>div>label, label.label-width-7, .label-width-7>label{width:270px;}                    
.item-width-8>div>label, label.label-width-8, .label-width-8>label{width:310px;}                    
.item-width-9>div>label, label.label-width-9, .label-width-9>label{width:350px;}                    
.item-width-10>div>label, label.label-width-10, .label-width-10>label{width:390px;}                 
.item-width-11>div>label, label.label-width-11, .label-width-11>label{width:430px;}                 
.item-width-12>div>label, label.label-width-12, .label-width-12>label{width:470px;}                 
.item-width-13>div>label, label.label-width-13, .label-width-13>label{width:510px;}                 
.item-width-14>div>label, label.label-width-14, .label-width-14>label{width:550px;}                 
.item-width-15>div>label, label.label-width-15, .label-width-15>label{width:590px;}                 
.item-width-16>div>label, label.label-width-16, .label-width-16>label{width:630px;}                 
.item-width-17>div>label, label.label-width-17, .label-width-17>label{width:670px;}                 
.item-width-18>div>label, label.label-width-18, .label-width-18>label{width:710px;}                 
.item-width-19>div>label, label.label-width-19, .label-width-19>label{width:750px;}                 
.item-width-20>div>label, label.label-width-20, .label-width-20>label{width:790px;}                 
.item-width-21>div>label, label.label-width-21, .label-width-21>label{width:830px;}                 
.item-width-22>div>label, label.label-width-22, .label-width-22>label{width:870px;}                 
.item-width-23>div>label, label.label-width-23, .label-width-23>label{width:910px;}                 
.item-width-24>div>label, label.label-width-24, .label-width-24>label{width:950px; margin-right:0;} 


label.required, .required>label{
	background: url(images/bgRequired.gif) no-repeat top right;
	padding-right:10px;
}

spam.required {
	background: url(images/bgRequired.gif);
	vertical-align:text-top;
	margin-left: 5px;
	width: 10px;
	height: 10px;
	display: inline-block;
	
}


.input-height-1>textarea, textarea.input-height-1{height:22px;}
.input-height-2>textarea, textarea.input-height-2{height:47px;}
.input-height-3>textarea, textarea.input-height-3{height:72px;}
.input-height-4>textarea, textarea.input-height-4{height:95px;}
.input-height-5>textarea, textarea.input-height-5{height:118px;}
.input-height-6>textarea, textarea.input-height-6{height:141px;}
.input-height-7>textarea, textarea.input-height-7{height:164px;}
.input-height-8>textarea, textarea.input-height-8{height:187px;}
.input-height-9>textarea, textarea.input-height-9{height:210px;}
.input-height-10>textarea, textarea.input-height-10{height:233px;}


#geral dt {
    clear: both;
    width: 130px;
}