/*
 * CSS Forms
 * Autor: Khan leo Maxfower
 * Email: leomaxfower@hotmail.com
 * /

/***** FORM GENERAL CONFIGURATION *****************************************************************/

#defaultForm1, #defaultForm2, #defaultForm3 {
	height: auto;
	text-align: left;
	border: 1px solid #b7b7b7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#defaultForm4, #defaultForm5 {
	height: auto;
	text-align: left;
}

#defaultForm1 .error, #defaultForm2 .error, #defaultForm3 .error, #defaultForm4 .error, #defaultForm5 .error { /** Deve Ser Comentado Para Marcar o Campo ao Invés da Label **/
	border: none !important;
}

.formLogin {
	display: inline-block;
	width: 470px;
	height: auto;
	min-height: 265px;
	position: relative;
	left: 0px;
	top: 0px;
	text-align: left;
	background-color: #eaeaea;
}

.formFilters, .formSubscribe {
	display: inline-block;
	width: 710px;
	height: auto;
	padding: 10px;
}

.formSubscribe {
	margin: 0px auto 0px auto;
}

.formFilters {
	margin: 15px auto 0px auto;
}

.formFilters2 {
	display: inline-block;
	width: 900px;
	height: auto;
	margin: 0px auto 15px auto;
	padding: 10px;
}

.formSendResults {
	display: inline-block;
	width: 903px;
	height: auto;
	margin: 15px 15px 0px 15px;
	padding: 15px 10px 0px 15px;
}

.formStepResults {
	display: inline-block;
	width: 908px;
	height: auto;
	margin: 0px 15px 0px 15px;
	padding: 10px;
}

.formInsideTable {
	float: left;
	width: 708px;
	/*height: 302px !important;*/
	padding: 10px;
	background-color: #fff;
}

.formInsertValue {
	float: left;
	width: 140px;
	height: 35px;
	margin: 8px 0px 0px 0px;
}

.formModal {
	float: left;
	width: 710px;
	height: auto;
	padding: 10px;
	background-color: #ececec;
}

.formModal2 {
	display: block;
	width: 710px;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	background-color: #ececec;
}

.formSubscribe2 {
	display: inline-block;
	width: 910px;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 10px;
}

input.buttonDefault, input.buttonDefault2, input.buttonDefault3, .linkButtonDefault, .linkButtonDefault2, .linkButtonDefault3, .linkButtonDefault4, .linkButtonDefault5, .linkButtonDefault6 {
	display: block;
	float: left;
	width: auto;
	height: 25px;
	margin: 0px 0px 10px 0px;
	padding: 0px 10px;
	font: bold 13px Trebuchet MS, Arial, 'Tahoma', Helvetica, sans-serif;
	line-height: 28px;
	text-align: center;
	color: #fff;
	border: 1px solid #eee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000;
	-o-box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;
	background: url(../img/forms/btnDefault.png) repeat-x left top;
}

input.buttonDefault:active, input.buttonDefault2:active, input.buttonDefault3:active, .linkButtonDefault:active, .linkButtonDefault2:active, .linkButtonDefault3:active, .linkButtonDefault4:active, .linkButtonDefault5:active, .linkButtonDefault6:active {
	border: 1px solid #aaa;
	background: url(../img/forms/btnDefaultDown.png) repeat-x left top;
}

input.buttonDefault2 {
	margin: 0px 0px 10px 10px;
}

input.buttonDefault3 {
	margin: 10px 300px 10px 0px;
}

.linkButtonDefault2 {
	margin-top: 10px;
}

.linkButtonDefault3 {
	margin: 0px 30px 10px 15px !important;
}

.linkButtonDefault4 {
	margin: 10px 500px 10px 15px !important;
}

.linkButtonDefault5 {
	margin: 0px 3px 10px 15px !important;
}

.linkButtonDefault6 {
	margin: 15px 3px 10px 15px !important;
}

input.confirmIcon {
	display: block;
	float: right;
	width: 25px;
	height: 25px;
	margin: 3px 3px 0px 0px;
	border: 1px solid #eee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000;
	-o-box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;
	background: url(../img/icoOK.png) no-repeat center center;
}

input.confirmIcon:active {
	box-shadow: 0px 0px 3px #000 inset;
	-moz-box-shadow: 0px 0px 3px #000 inset;
	-o-box-shadow: 0px 0px 3px #000 inset;
	-webkit-box-shadow: 0px 0px 3px #000 inset;
}

/***** CONTENT BLOCKS *****/

.FB100, .FB50, .FB33, .FB25 {
	height: auto;
	margin-bottom: 10px;
	text-align: left;
}

.FB100 {
	width: 100%;
}

.FB50 {
	width: 49%;
	margin-right: 10px;
}

.FB33 {
	width: 32%;
	margin-right: 12px;
}

.FB25 {
	width: 24%;
	margin-right: 8px;
}

.FB40 {
	width: 39%;
	margin-right: 10px;
}

.FB10 {
	width: 9%;
	margin-right: 10px;
}

.FBRelative {
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 2000;
}

/***** WIDTH'S DEFAULT *****/

.width896 {width: 896px;}
.width818 {width: 818px;}
.width813 {width: 813px;}
.width698 {width: 698px;}
.width697 {width: 697px;}
.width656 {width: 656px;}
.width650 {width: 650px;}
.width647 {width: 647px;}
.width630 {width: 630px;}
.width625 {width: 625px;}
.width600 {width: 600px;}
.width599 {width: 599px;}
.width595 {width: 595px;}
.width590 {width: 590px;}
.width585 {width: 585px;}
.width580 {width: 580px;}
.width575 {width: 575px;}
.width460 {width: 460px;}
.width455 {width: 455px;}
.width450 {width: 450px;}
.width445 {width: 445px;}
.width442 {width: 442px;}
.width425 {width: 425px;}
.width420 {width: 420px;}
.width400 {width: 400px;}
.width390 {width: 390px;}
.width380 {width: 380px;}
.width340 {width: 340px;}
.width336 {width: 336px;}
.width335 {width: 335px;}
.width330 {width: 330px;}
.width315 {width: 315px;}
.width313 {width: 313px;}
.width310 {width: 310px;}
.width295 {width: 295px;}
.width290 {width: 290px;}
.width285 {width: 285px;}
.width284 {width: 284px;}
.width280 {width: 280px;}
.width275 {width: 275px;}
.width270 {width: 270px;}
.width262 {width: 262px;}
.width255 {width: 255px;}
.width250 {width: 250px;}
.width248 {width: 248px;}
.width220 {width: 220px;}
.width218 {width: 218px;}
.width215 {width: 215px;}
.width210 {width: 210px;}
.width207 {width: 207px;}
.width205 {width: 205px;}
.width200 {width: 200px;}
.width195 {width: 195px;}
.width190 {width: 190px;}
.width185 {width: 185px;}
.width180 {width: 180px;}
.width175 {width: 175px;}
.width150 {width: 150px;}
.width140 {width: 140px;}
.width135 {width: 135px;}
.width130 {width: 130px;}
.width125 {width: 125px;}
.width120 {width: 120px;}
.width115 {width: 115px;}
.width110 {width: 110px;}
.width105 {width: 105px;}
.width100 {width: 100px;}
.width95 {width: 95px;}
.width90 {width: 90px;}
.width85 {width: 85px;}
.width80 {width: 80px;}
.width75 {width: 75px;}
.width70 {width: 70px;}
.width65 {width: 65px;}
.width60 {width: 60px;}
.width55 {width: 55px;}
.width50 {width: 50px;}
.width45 {width: 45px;}
.width40 {width: 40px;}
.width35 {width: 35px;}
.width30 {width: 30px;}
.width25 {width: 25px;}
.width20 {width: 20px;}

/***** FORM LABELS *****/

.formLabel, .formTitle, .formText {
	display: block;
	width: 100%;
	height: auto;
	font: normal 13px Trebuchet MS, Arial, 'Tahoma', Helvetica, sans-serif;
}

.formLabel {
	float: left;
	margin: 0px 0px 5px 0px;
	color: #005cb0;
}

.formTitle {
	margin-top: 5px;
	font-weight: bold;
	color: #005cb0;
	border-bottom: 1px solid #ccc;
}

.formText {
	margin: 0px 0px 5px 0px;
	text-align: justify;
	color: #005cb0;
}

/***** INPUT FIELDS *****/

.formLeftBlock {
	display: inline-block;
	float: left;
	position: relative;
	left: 0px;
	top: 0px;
}

.formLeftBlock2 {
	display: inline-block;
	float: left;
	margin: 0px 0px 0px 10px;
	/*position: relative;
	left: 0px;
	top: 0px;*/
}

.formRightBlock {
	display: inline-block;
	float: right;
	/*position: relative;
	left: 0px;
	top: 0px;*/
}

.inputMargin1 {
	margin: 0px 0px 10px 80px;
}

.formInputBlock, .formTextBlock, .formTextBlock2, .formTextBlock3 {
	float: left;
	width: auto;
	padding: 0px 5px;
	position: relative;
	left: 0px;
	top: 0px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*box-shadow: 2px 2px 2px #ccc inset;
	-moz-box-shadow: 2px 2px 2px #ccc inset;
	-o-box-shadow: 2px 2px 2px #ccc inset;
	-webkit-box-shadow: 2px 2px 2px #ccc inset;*/
	background-color: #f9f9f9;
}

.formInputBlock {
	height: 28px;
}

.formTextBlock {
	height: 240px;
}

.formTextBlock2 {
	height: 120px;
}

.formTextBlock3 {
	height: 500px;
}

.inputDefault, .inputCEP, .inputCNPJ, .inputCPF, .inputData, .inputDDD, .inputFone, .inputFoneFull, .inputHora, .inputInscEst {
	height: 100%;
	border: none;
	font: normal 13px Trebuchet MS, Arial, 'Tahoma', Helvetica, sans-serif;
	line-height: 100%;
	color: #666;
	background: transparent;
}

.inputTextArea {
	height: 100%;
	border: none;
	font: normal 13px Trebuchet MS, Arial, 'Tahoma', Helvetica, sans-serif;
	color: #666;
	background: transparent;
}

/***** INPUT FILE BUTTON *****/

.inputFileBlock {
	float: left;
	overflow: hidden;
	width: 138px;
	height: 27px;
	position: relative;
	left: 0px;
	top: 0px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 3px #000;
	-moz-box-shadow: 0px 0px 3px #000;
	-o-box-shadow: 0px 0px 3px #000;
	-webkit-box-shadow: 0px 0px 3px #000;
}

.inputFile {
	opacity: 0;
	width: 140px;
	position: absolute;
	left: 0px;
	top: 0px;
	border: 0px;
	background-color: #f9f9f9;
}

.uploadFileLink {
	position: absolute;
	left: 0px;
	top: 0px;
}

/***** IMG COMBOBOX *****/

.inputVisible, .inputVisibleOpen {
	cursor: pointer;
	display: inline-block;
	height: 100%;
	font: normal 13px Trebuchet MS, Arial, 'Tahoma', Helvetica, sans-serif;
	color: #666;
	border: none;
}

.inputVisible {
	background: url(../img/forms/btnComboBox.png) no-repeat right center;
}

.inputVisibleOpen {
	background: url(../img/forms/btnComboBoxOpen.png) no-repeat right center;
}

.comboBoxOptions {
	display: none;
	overflow: auto; /* OBRIGATÓRIO PARA O EFEITO SCROLL */
	height: auto;
	max-height: 100px;
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 1000;
	list-style: none;
	border: 1px solid #666;
	background-color: #fff;
}

.comboBoxOptions li {
	cursor: pointer;
	width: auto;
	height: 20px;
	margin: 0px;
	padding-left: 10px;
	font: normal 13px Trebuchet MS, Arial, 'Tahoma', Helvetica, sans-serif;
	line-height: 20px;
	list-style: none;
	text-align: left;
	color: #666;
}

.comboBoxOptions li:hover {
	color: #fff;
	background-color: #666;
}

/***** IMG CHECKBOXES & RADIOBUTTONS *****/

.checkField, .radioField {
	display: inline;
	float: left;
	overflow: hidden;
	width: 100%;
	height: auto;
	min-height: 20px;
	margin: 0px 0px 10px 0px;
	position: relative;
	left: 0px;
	top: 0px;
}

.checkField span, .radioField span {
	position: absolute;
	left: 25px;
	top: 2px;
}

.checkBoxIMG, .radioButtonIMG {
	display: inline;
	float: left;
	overflow: hidden;
	width: 18px;
	height: 18px;
	margin: 0px 10px 0px 0px;
	position: relative;
	border: none;
}

.checkBoxIMG label {
	background: url(../img/forms/bgCheckBox.png) no-repeat center center #f9f9f9;
}

.checkBoxIMG label.checked{
	background: url(../img/forms/bgCheckBoxSet.png) no-repeat center center #f9f9f9 !important;
}

.radioButtonIMG label {
	background: url(../img/forms/bgRadioButton.png) no-repeat center center #f9f9f9;
}

.radioButtonIMG label.checked{
	background: url(../img/forms/bgRadioButtonSet.png) no-repeat center center #f9f9f9 !important;
}

.checkBoxIMG input, .radioButtonIMG input {
	cursor: pointer;
	position: absolute;
	left: -10000px;
	top: 0px;
	outline: 0px;
	outline-style: none;
}

.checkBoxIMG input + label, .radioButtonIMG input + label {
	display: inline-block;
	width: 18px;
	height: 18px;
	outline: 0px;
	outline-style: none;
}

.checkBoxIMG input + label {
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*box-shadow: 2px 2px 2px #ccc inset;
	-moz-box-shadow: 2px 2px 2px #ccc inset;
	-o-box-shadow: 2px 2px 2px #ccc inset;
	-webkit-box-shadow: 2px 2px 2px #ccc inset;*/
	background-color: #f9f9f9;
}

.radioButtonIMG input + label {
	border: 1px solid #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
	/*box-shadow: 2px 2px 2px #ccc inset;
	-moz-box-shadow: 2px 2px 2px #ccc inset;
	-o-box-shadow: 2px 2px 2px #ccc inset;
	-webkit-box-shadow: 2px 2px 2px #ccc inset;*/
	background-color: #f9f9f9;
}

/***** CORFIMATION FIELDS *****/

.imgCaptcha {
	float: left;
	width: 135px;
	height: 33px;
	margin-right: 10px;
}

.inputCaptcha {
	width: 80px;
}

.formComents, .formTips {
	display: block;
	float: left;
	width: 100%;
	margin-top: 10px;
	font: normal 10px Trebuchet MS, Arial, 'Tahoma', Helvetica, sans-serif;
	color: #999;
}

.formComents {
	float: left;
}

.error {
	border: none !important;
}

.sucessMessage, .errorMessage {
	display: block; /* BLOCK or NONE */
	width: auto;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 10px 15px 10px 15px;
	/*position: absolute;
	left: 0px;
	top: 0px;*/
	font: normal 13px Trebuchet MS, Arial, 'Tahoma', Helvetica, sans-serif;
	text-align: justify;
}

.sucessMessage {
	color: #090;
	border: 2px solid #6d6;
	background-color: #e4fbe3;
}

.errorMessage {
	color: #900;
	border: 2px solid #f99;
	background-color: #fbe3e4;
}

.msnMargin1 {
	width: 416px;
	margin: 10px 0px 10px 10px;
}

/***** FORM FILES BLOCK *****/

.formFileBlock{
	float: left;
	width: 100%;
	height: auto;
	font: 13px Trebuchet MS,Arial,'Tahoma',Helvetica,sans-serif;
}

.formFileBlock ul {
	display: block;
	height: auto;
}

.formFileBlock ul li {
	display: block;
	margin: 7px 0px;
	height: 25px;
}

.formFileBlock ul li span {
	display: block;
	float: left;
	padding-top: 3px;
}

.formFileBlock ul li a {
	display: block;
	float: left;
	width: 20px;
	height: 25px;
	line-height: 0px;
	text-indent: -9999px;
	background: url(../img/icoExcluir.png) no-repeat;
}

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

.selectDefault {
	height: 22px;
	margin: 3px 0px 0px 0px;
	font: normal 13px Trebuchet MS, Arial, 'Tahoma', Helvetica, sans-serif;
	line-height: 20px;
	list-style: none;
	text-align: left;
	color: #666;
	border: none;
	background: transparent;
}

.selectDefault option {
	width: 100%;
	height: 20px;
	margin: 0px;
	padding-left: 10px;
	border: none;
}

/* Estilos Autocomplete */
.ui-menu-item-last strong{
	display:inline-block; 
	padding:10px 0; 
	margin-top:5px; 
	font-size:11px; 
	text-align:center; 
	width: 100%; 
	background-color:#ddd !important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.ui-autocomplete { 
	z-index:3000 !important; 
	position: absolute; 
	cursor: default; 
	border: 1px solid #999 !important; 
	background-color:#fff !important;  
}	
.ui-menu .ui-menu-item, .ui-menu .ui-menu-item-last {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
	text-align:left;
}
.ui-menu .ui-menu-item a {
	font-size: 11px; 
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}