/* CSS Document */

form.forms input {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:14px;
	border:none; 
	background:none; 
	margin:6px 8px; 
	padding:0px;
}
form.forms textarea {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:none;
	background:none;
	margin:10px;
}
form.forms label {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;	
}
/****** TextArea ******/
label.textarea {
	width:100px;
	text-align:right;
	margin:6px;
}
div.textarea {
	background:transparent url(../img/formularios.png) no-repeat 0px -88px; 
	float:left;	
	width:300px; 
	height:151px;
	margin-top:1px;
}
div.textareaover {
	background:transparent url(../img/formulariosover.png) no-repeat 0px -88px; 
	float:left;	
	width:300px; 
	height:151px;
	margin-top:1px;
}
textarea.textarea {	
	width:280px;
	height:120px;
}

/****** Nota ******/
label.nota {
	width:100px;
	text-align:right;
	margin:6px;
}

/****** TextBox ******/
label.textbox {
	width:100px;
	text-align:right;
	margin:6px;
}
div.textbox {
	background:transparent url(../img/formularios.png) no-repeat 0px 0px; 
	float:left;	
	width:200px; 
	height:27px;
}
div.textboxover {
	background:transparent url(../img/formulariosover.png) no-repeat 0px 0px; 
	float:left;	
	width:200px; 
	height:27px;
}
input.textbox {
	width:184px;
}


/****** IntBox ******/
label.intbox {
	width:100px;
	text-align:right;
	margin:6px;
}
div.intbox {
	background:transparent url(../img/formularios.png) no-repeat 0px -58px; 
	float:left;	
	width:70px; 
	height:27px;
}
div.intboxover {
	background:transparent url(../img/formulariosover.png) no-repeat 0px -58px; 
	float:left;	
	width:70px; 
	height:27px;
}
input.intbox {
	width:54px;
	margin:6px 6px;
	text-align:center;
}

/****** FileBox ******/
div.filebox_display {
	float:left;
	width:1px;
	height:1px;
	position:relative;
}
img.filebox {
	width:60px;
	height:45px;
	position:absolute;
	background-color:#333366;
	border:2px solid #003366;
	margin:2px;
}
label.filebox {
	width:100px;
	text-align:right;
	margin:6px;
}
input.filebox {
	background: none !important;
	margin-top:3px;
	height:26px !important;
}
div.filereplace {
	padding:0px;
	text-align:left;
	float:left;
	width:270px; 
	display:block; 
	position:relative;
	margin-top:1px;
	cursor:pointer;
}
div.filereplace input.textbox {
	float:none;
}
div.soloboton {
	background:transparent url(../img/formularios.png) no-repeat -80px -59px;
	overflow:hidden; 
	position:absolute; 
	width:65px; 
	height:26px; 
	display:block; 
	top:0px; 
	right:0px;
}
div.solobotonover {
	background:transparent url(../img/formulariosover.png) no-repeat -80px -59px;
	overflow:hidden; 
	position:absolute; 
	width:65px; 
	height:26px; 
	display:block; 
	top:0px; 
	right:0px;
}
div.soloboton input.filebox, div.solobotonover input.filebox {
	opacity: 0;
	position:absolute; 
	top:0px; 
	right:0px;
	margin:0px;
	background:none;
	width:auto;
	cursor:pointer;
}

/****** ColorBox ******/
label.colorbox {
	width:100px;
	text-align:right;
	margin:6px;
}
div.colorbox {
	background:transparent url(../img/formularios.png) no-repeat 0px -58px; 
	float:left;	
	width:70px; 
	height:27px;
}
div.colorboxover {
	background:transparent url(../img/formulariosover.png) no-repeat 0px -58px; 
	float:left;	
	width:70px; 
	height:27px;
}
input.colorbox {
	width:58px;
	margin:6px 6px;
}

/****** DateBox ******/
label.datebox, label.datebox2 {
	width:100px;
	text-align:right;
	margin:6px;
}
div.datebox, div.datebox2 {
	background:transparent url(../img/formularios.png) no-repeat 0px -28px; 
	float:left;	
	width:150px; 
	height:27px;
}
div.dateboxover, div.datebox2over {
	background:transparent url(../img/formulariosover.png) no-repeat 0px -28px; 
	float:left;	
	width:150px; 
	height:27px;
}
input.dateboxover, input.datebox2over {
	width:134px;
}

/****** RadioBox ******/
label.radio {
	float:left;
	margin:5px 15px 0px 0px;
}
input.radio {
	float:left;
	margin:8px 5px 0px 110px;
	height:14px;
}

/****** BoolRadio ******/
label.boolradio2 {
	width:100px;
	text-align:right;
	margin:6px;
}
label.boolradio {
	margin:5px 15px 0px 0px;
}
input.boolradio {
	float:left;
	margin:8px 5px 0px 0px;
	height:14px;
}
/****** CheckBox ******/
label.checkbox {
	margin:5px 0px;
}
input.checkbox {
	float:left;
	height:14px;
	margin-left:110px !important;
}

/****** Combo ******/
label.combo {
	width:100px;
	text-align:right;
	margin:6px;
}
select.combo {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#7FB2E5;
	border:1px solid #526B7B;
	float:left;
	width:150px;
	margin-top:3px;
}

/****** Submit ******/
input.submit {
	border:none !important;
	margin-top:20px!important;
	height:32px !important;
	width:104px;
	background:transparent url(../img/formularios.png) no-repeat -181px -55px !important; 
	color:#000000;
	font-weight:bold;
	font-size:10px !important;
	float:none !important;
}

input.submit:hover {
	cursor: pointer;
	background:transparent url(../img/formulariosover.png) no-repeat -181px -55px !important; 
}
label.submit {
	width:100px;
	text-align:right;
	margin:6px;
}

/*********************/
input.button {
	border:none !important;
	margin-top:20px !important;
	height:32px !important;
	width:104px;
	background:transparent url(../img/formularios.png) no-repeat -181px -55px !important; 
	color:#000000;
	font-weight:bold;
	font-size:10px !important;
	float:none !important;
}
input.button:hover {
	cursor: pointer;
	background:transparent url(../img/formulariosover.png) no-repeat -181px -55px !important; 
}
label.button {
	width:100px;
	text-align:right;
	margin:6px;
}
/*********************/

form.forms {
	margin:20px auto 0px auto;
}
.forms br {
	clear:both;
}

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

div.divvalidadores {
	position:absolute;
	width:200px;
	font-size:9px;
	margin:3px 0px 0px 3px;
	color:#FF0000;
	padding:2px;
	z-index:10000;
}
div.topAlerta {
	background: transparent url(../img/formularios.png) no-repeat scroll 0 -303px;
	height:12px;
}
div.middleAlerta {
	background: #7FB2E5;
	border-left:1px solid #34679A;
	border-right:1px solid #34679A;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	margin-left:14px;
	padding:0px 10px;
}
div.bottomAlerta {
	background: transparent url(../img/formularios.png) no-repeat scroll 0 -315px;
	height:25px;
}

/****** Calendario *******/
#ui-datepicker-div,
#ui-datepicker-div table,
.ui-datepicker-div,
.ui-datepicker-div table,
.ui-datepicker-inline,
.ui-datepicker-inline table {
	font-size: 12px !important;
}
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: segoe ui, Arial, sans-serif;
	background: #ffffff;
	font-size: 1.2em;
	border: 4px solid #E4E5E3;
	width: 15.5em;
	padding: 2.5em .5em .5em .5em;
	position: relative;
}
#ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
	background: #ffffff;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	background: transparent url(../img/formularios.png) no-repeat scroll -251px -266px;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: transparent url(../img/formularios.png) no-repeat scroll -295px -266px;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: transparent url(../img/formularios.png) no-repeat scroll -265px -243px;
	border: 1px solid #E4E5E3;
	cursor: pointer;
}
.ui-datepicker-next a {
	background: transparent url(../img/formularios.png) no-repeat scroll -281px -243px;
}
.ui-datepicker-prev a:hover {
	background: transparent url(../img/formularios.png) no-repeat scroll -233px -243px;
}
.ui-datepicker-next a:hover {
	background: transparent url(../img/formularios.png) no-repeat scroll -249px -243px;
}
.ui-datepicker-prev a:active {
	background: transparent url(../img/formularios.png) no-repeat scroll -297px -243px;
}
.ui-datepicker-next a:active {
	background: transparent url(../img/formularios.png) no-repeat scroll -313px -243px;
}
.ui-datepicker-header select {
	border: 1px solid #E4E5E3;
	color: #eeeeee;
	background: #235689;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
	
}
.ui-datepicker-header select.ui-datepicker-new-month {
width: 7em;
left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
width: 5em;
left: 9.4em;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}
table.ui-datepicker td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #eeeeee;
	background: transparent url(../img/formularios.png) no-repeat scroll -251px -266px;
	cursor: pointer;
	border: 1px solid #ffffff;
}
table.ui-datepicker td a:hover {
	border: 1px solid #444444;
	color: #ffffff;
	background: transparent url(../img/formularios.png) no-repeat scroll -295px -266px;
}
table.ui-datepicker td a:active {
	border: 1px solid #c4c5c3;
	color: #403D38;
	background: transparent url(../img/formularios.png) no-repeat scroll -207px -266px;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #FFFFFF;
	text-transform: uppercase;
	/*border-bottom: 1px solid #E4E5E3;*/
}

table.ui-datepicker .ui-datepicker-title-row td a {
	color: #FFFFFF;
}

/* ------------------------------------------------------------------------
	This you can customize
------------------------------------------------------------------------- */

label.checkbox span.holder {
	height: 61px; /* Total height of your checkbox image */
	background: url(../img/formularios.png) -306px -101px no-repeat; /* Path to your checkbox image */
}

label.radio span.holder {
	height: 61px; /* Total height of your radio buttons image */
	background: url(../img/formularios.png) -306px -156px no-repeat; /* Path to your radio button image */
}

label.checkbox:hover span.holder,
label.radio:hover span.holder { top: -17px; } /* Background position on mouseover */

label.checked span.holder,
label.checked span.holder { top: -34px !important; } /* Background position when checked */
/*
label.list {
	float: left; clear: left;
	margin: 0 0 5px 0;
}
label.inline {
	float: left; margin: 0 10px 0 0;
}
*/
input.hiddenCheckbox {
	position: absolute; left: -10000px; /* Hide the input */
}
label.prettyCheckbox span.holderWrap {
	display: block; float: left;
	position: relative;
	margin-right: 5px;
	overflow: hidden;
}
label.prettyCheckbox span.holder {
	display: block;
	position: absolute;
	top: 0; left: 0;
}