/*
 * CSS PATTERN
 * Autor: Khan Leo Maxfower
 * Email: leomaxfower@hotmail.com
 * /

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

#defaultForm1{
	display: block;
	width: 960px;
	height: auto;
	text-align: left;
	margin: 0px auto;
	position: relative;
	top: 0px;
	left: 0px;
}

#loginForm {
	display: none;
	width: 195px;
	height: 175px;
	text-align: left;
}

input.buttonDefault{
	display: block;
	float: left;
	width: 260px;
	height: 53px;
	margin: 40px 350px 0px 350px;
	font: 400 22px/53px 'Open Sans', Arial, Trebuchet MS, 'Tahoma', Helvetica, sans-serif;
	text-align: center;
	color: #fff;
	border: 0px solid #ccc;
	border-radius: 3px;
	background-color: #2793b2;
}

input.buttonDefault:hover, 
input.buttonDefault:active{
	background: #00c2da;
}

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

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

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

.inputDefault, .inputCEP, .inputCNPJ, .inputCPF, .inputData, .inputDDD, .inputFone, .inputFoneFull, .inputHora, .inputInscEst {
	height: 28px;
	font: normal 22px/28px Arial, Trebuchet MS, 'Tahoma', Helvetica, sans-serif;
}

.inputTextArea {
	resize: none;
	height: 108px;
	font: normal 22px/24px Arial, Trebuchet MS, 'Tahoma', Helvetica, sans-serif;
}

.inputDefault, .inputCEP, .inputCNPJ, .inputCPF, .inputData, .inputDDD, .inputFone, .inputFoneFull, .inputHora, .inputInscEst, .inputTextArea, .inputVisible, .inputVisibleOpen {
	display: block;
	float: left;
	margin: 0px 0px 20px;
	padding: 15px 15px;
	color: #fff;
	border: 1px solid #2793b2;
	border-radius: 3px;
	background-color: transparent;
}

/***** CUSTOM COMBOBOX *****/

.comboBoxObject {
	*width: 100% !important;
	height: 28px;
	padding: 5px 5px 5px 5px;
	position: absolute;
	left: 0px;
	top: 0px;
	font: normal 12px/28px Arial, Trebuchet MS, 'Tahoma', Helvetica, sans-serif;
	color: #666;
	border: 0px none;
	background: transparent;
}

.comboBoxObject option {
	padding: 5px 5px 5px 5px;
}

.inputVisible, .inputVisibleOpen {
	cursor: pointer;
	height: 18px;
	position: relative;
	left: 0px;
	top: 0px;
	overflow: hidden;
}

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

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

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

.checkBoxIMG, .radioButtonIMG {
	display: block;
	float: left;
	overflow: hidden;
	width: 20px;
	height: 20px;
	margin: 0px 5px 0px 0px;
	position: relative;
	border: none;
}

span.formLabel {
	margin: 4px 0px 4px 0px;
}

.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;
	opacity: 0;
	-ms-opacity: 0;
	-moz-opacity: 0;
	-o-opacity: 0;
	-webkit-opacity: 0;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	outline: 0px;
	outline-style: none;
}

.checkBoxIMG label, .radioButtonIMG label {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
	outline: 0px;
	outline-style: none;
}

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

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

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

.imgCaptcha {
	float: left;
	width: 160px;
	height: 60px;
	margin-right: 10px;
	border-radius: 3px;
}

.inputCaptcha {
	width: 80px;
}

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

.formComents {
	float: left;
}

.messageBlock{
	display: block;
	float: left;
	width: 49px;
	height: 49px;
	position: absolute;
	bottom: 2px;
	left: 352px;
}

.sucessMessage, .errorMessage, .alertMessage {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	padding: 0px;
	font: normal 0px/50px 'Tahoma', Arial, Helvetica, sans-serif;
}

.sucessMessage {background: url(../img/icoConfirm32.png) no-repeat center center;}
.alertMessage {background: url(../img/icoAlert32.png) no-repeat center center;}
.errorMessage {background: url(../img/icoError32.png) no-repeat center center;}
.error {border: 1px solid #f00 !important;}