/***********************************/
/***** Form Class Declarations *****/

form {  
	padding: 0px;
	margin: 0px;	
}
form *{  
	padding: 0px;
}
form ol {  
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 10px 10px 10px;
}

form ol li {  
	padding: 0 0 0 0;
	padding: 0px;
	margin: 0px;
		
}

form a {
	text-decoration: none;
	color: #1E94FF;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

fieldset {
	position: relative;
	margin: 0 0 0 0;
	margin-top: 0px !important;
	margin-top: 10px;
	padding-top: 10px !important;
	padding-top: 20px;	
	border: 1px solid #000000;
	
		
}

fieldset ol {
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}

fieldset fieldset {
	margin: 10px;
	border: 1px solid #777777;
}

fieldset fieldset legend {
	color: #777777;
}

form label {
	font-weight: bold;
}

legend {
	font-size:1.1em;
	font-weight:bold;
	color:#000000;	
	margin-left: 3em;

	padding: 0;
}

form.backgroundColored {
	padding-top:20px;	
}
form.backgroundColored table{
	width:800px;
	margin:0 auto;	
}

form.backgroundColored input{
	width:300px;
}

form.backgroundColored input.submit{
	width: 100px;
}

form.backgroundColored input.checkbox{
	width: 50px;
}

form.backgroundColored input.button{
	width: 100px;
	color:#e3e300;
}

form.backgroundColored input.inputCalendar {
	width: 120px;
	font-size:10px;
	color:#A0A4C1;
}

form.backgroundColored textarea{
	width: 300px;
	height: 100px;	
}

form.backgroundColored fieldset {
	background-color: #E5F0F9;
	padding-bottom: 30px;
}

form.backgroundColored fieldset li{
	padding-top: 10px;
}
form.backgroundColored fieldset.tabbedPane li {
	padding:0px;
}

input.submit {
	margin-left: 200px;
	clear: both;
}



/**************************************/
/** Label positioned on top of input **/

form.top-label label {
	display: block;
	float: none;
	margin-right: 0px;
}

form fieldset.top-label label {	
	display: block;
	float: none;
	margin-right: 0px;
	text-align: left;
}

form fieldset.top-label li {
	float: none;
	clear: none;
	text-algin: center;
	width: auto;		
}

/** Label positioned on top of input **/
/**************************************/

/******************************************/
/** Label left aligned and left to input **/

form.left-align-label label{
	display: inline;
	float: left;
	width: 10em;
	margin-right: 1em;
	text-align: left;	
}

form.left-align-label li{
	float: left;
	clear: left;
	width: 100%;
	padding: 0 0 1em 0;  	
}

form.left-align-lable fieldset {
	float: left;
	clear: left;
	width: 100%;	
}

form fieldset.left-align {
	float: left;
	clear: left;
	width: 100%;	
}

form fieldset.left-align-label label {
	display: inline;
	float: left;
	width: 10em;
	margin-right: 1em;	
}

/** Label left aligned and left to input **/
/******************************************/

/*********************************/
/** Fieldset for submit buttom  **/

fieldset.submit {
	float: none;
	width: auto;
	border-style: none;
	padding-left: 11em;
	background-color: transparent;
	background-image: none;
}

fieldset.submit ol {
	margin-top: 0;
}

/** Fieldset for submit buttom  **/
/*********************************/

/*******************************************/
/** Label right aligned and left to input **/

form.right-align-label label, form fieldset.right-align-label label{
	display: block;
	float: left;
	width: 20em;
	margin-right: 1em;
	text-align: right;
	line-height: 24px;
	font-size:12px;
}
body {
	font-size:12px;
}

form.right-align-label label.right-label, form fieldset.right-align-label label.right-label{
	display: block;
	float: right;
	width: 490px;
	margin-left: 1em;
	text-align: left;
	font-weight: normal;	
}

form.right-align-label input.confirmar , form fieldset.right-align-label input.confirmar {
	display: block;
	float: left;
	margin-left: 20px;
	padding-right:15px;
}


form.right-align-label input.enviar , form fieldset.right-align-label input.enviar {
	display: block;	
	width: auto;
	margin-top: 15px;
	margin: 0 auto;
}
form.right-align-label input.loguear , form fieldset.right-align-label input.loguear {
	display: block;
	width: auto;
	margin-top: 15px;
	margin-left:200px;
}


form.right-align-label li , form fieldset.right-align-label li {
	clear: both;
}
form.right-align-label li.htmlFormFieldset , form fieldset.right-align-label li.htmlFormFieldset {
	clear: both;
	margin:0;
	padding:0;
	;
}
li.htmlFormFieldset{
	text-align:center;
}
li.htmlFormFieldset Fieldset{
	text-align:left;
}

div.captcha-holder{
	display: block;
	float: left;
	width: 10em;	
	margin-right: 1em;
	text-align: left;			
}

div.captcha-holder input{
	width: 175px;
}

div.fechaCorta {
	width:30px;
	display:block;
	float:left;
	line-height: 24px;
}

div.info {  
    margin-left: 11em;  
    width: 300px;
}

div.infoLabel {    
    float: left;
    width: 10em;
    margin-right: 1em;
    text-align: right;
    font-weight: bold;
}

/** Label right aligned and left to input **/
/*******************************************/

/********************************/
/** Status Inputs & validation **/

span.fieldValidationMessage {
    font-weight: bold;
    padding-left: 10px; 
}
div.fieldValidationMessage {
    font-weight: bold;
}

input.success, form.backgroundColored input.success{
	background:#AEFFB6 url(../../../img/html/form/validField.gif) no-repeat scroll right center;
    width:284px;
    padding-right:16px;
}

textarea.success, form.backgroundColored textarea.success{
	background:#AEFFB6 url(../../../img/html/form/validField.gif) no-repeat scroll right bottom;
    width:284px;
    padding-right:16px;
}
select.success, form.backgroundColored select.success {
    background:#AEFFB6 url(../../../img/html/form/validField.gif) no-repeat top left;     
    /*padding-top:16px;*/
}

input.error, form.backgroundColored input.error{
	background: #FFF483 url(../../../img/html/form/invalidField.gif) no-repeat center right;
    width:284px ;
    padding-right:16px;
}
textarea.error, form.backgroundColored textarea.error{
    background: #FFF483 url(../../../img/html/form/invalidField.gif) no-repeat bottom right;
    width:284px ;
    padding-right:16px;
}
select.error, form.backgroundColored select.error {
    background: #FFF483 url(../../../img/html/form/invalidField.gif) no-repeat top left;
    /*padding-top:16px;*/
}

select.loading, form.backgroundColored select.loading {
	background: #DEDEDE url(../../../img/html/form/loading.gif) no-repeat top left;;
    /*padding-top:16px;*/
    height: 100%;
}

/** Status Inputs & validation **/
/********************************/

/*************************************/
/*** Custom Select Multiple Control **/

div.customSelectMultiple{
	float:left;	
	width:300px;
	height:100px;
	position: relative;
}

div.customSelectMultiple select{
    float:left;
    width:40%;
    height: 100%;
}

div.customSelectMultipleControlPane{
	width: 15% !important;
	width: 12%;
	float: left;
	margin: 5px;
}

div.customSelectMultipleControlPane input.customSelectMultipleControl{
	width:100%;
	background-color:#6699CC;
	border-style:solid;
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9px;
	font-variant:normal;
	font-weight:bold;
	text-transform:none;
	
}

/*** Custom Select Multiple Control **/
/*************************************/

/*******************/
/** Fieldset Tabs **/

form.backgroundColored fieldset.tabbedPane{
	border:0;
	margin:0;
	padding:0;
	padding:5px;	
}

form.backgroundColored div.formFieldsetTab{
	float:left;
	width:150px;
	overflow:hidden;
	padding:5px;
	background:url(../../../img/html/form/tabUnselected.png) no-repeat top left;
	height:20px;
}
form.backgroundColored div.formTabSelected{
	background:url(../../../img/html/form/tabSelected.png) no-repeat top left;
}

form.backgroundColored div.formTabUnselected a{
	color:#C2C3CB;
}

form.backgroundColored fieldset.fieldsetTabContent{
	padding:0;
	margin:0;
	border:2px solid #ffffff;
	background-color:#CBD7E1;
	width:100%;
}

/** Fieldset Tabs **/
/*******************/

/*****************/
/** Map Control **/

form div.mapControl {
	width: 400px;
	height: 350px;
	position: relative;	
	float: left;
	overflow: hidden;
}

/** Map Control **/
/*****************/


/****************************/
/* 		Calendar styles		*/
form.backgroundColored div.calendarArea{
	position:relative;
	margin:0 auto;
}
form.backgroundColored table.MonthCalendarData{
	width:180px ;
	height:160px;
	float:left;
	border:1px solid #FFFFFF;
	margin-left:10px;
	margin-top:10px;
}
form.backgroundColored td.MonthCalendarTitle{
	text-align:center;	
	font-weight:bold;
	color:#003366;
	font-size:12px;
	padding:0;
	margin:0;
}
form.backgroundColored td.MonthCalendarDataTitle{
	text-align:center;	
	color:#003366;
	font-size:10px;
	padding:0;
	margin:0;
}
form.backgroundColored td.MonthCalendarDataValue{
	text-align:center;
	padding:0;
	margin:0;
	font-size:10px;
}
form.backgroundColored td.MonthCalendarDataValueBeforeAfter{
	text-align:center;
	/*color:#c3c3c3;*/
	font-size:10px;
	color:#9FA0A1;
	padding:0;
	margin:0;
}
form.backgroundColored td.checkedCalendar{
	background-color:#85BC84;
	filter: alpha(opacity=50); 
	opacity: .5;
	
}

/* 		Calendar styles		*/
/****************************/


/****************************/
/** Fieldset for multiple center aligned buttoms  **/

form.backgroundColored fieldset.multiple-buttons {
    float: none;
    width: auto;
    border-style: none;    
    background-color: transparent;
    background-image: none;
    margin: 0;    
    padding: 0;
}

form.backgroundColored fieldset.multiple-buttons ol {
    margin: 0 auto;    
    padding: 0;
    text-align: center;            
}

form.backgroundColored fieldset.multiple-buttons li{
    margin: 0;
    margin-left: 30px;
    padding: 0; 
    width: auto;
    float: none;
    display: inline;        
    clear: none;
}

form.backgroundColored fieldset.multiple-buttons input.submit {
    margin: 0;
}
div.htmlFormCalendarNavigationContainer{
	vetical-align:bottom;
	position:relative;
}
div.htmlFormCalendarLinksInfo{
	float:left;
	height:41px;
}
div.htmlFormCalendarButtonsInfo{
	float:right;
	padding-right:10px;
	height:30px;
	width:30px;
	margin:0;
	
}
div.htmlFormCalendarButtonsInfo input.htmlFormCalendarButtonList{
	height:30px;
	width:30px;
	background:url(../../../img/html/form/buttonList.png) no-repeat;
}
div.htmlFormCalendarDivSelectedText{
	display:none;
	position:absolute;

	z-index:100;
	width:280px;
	background-color:#CBE1DC;
	border:1px solid #ffffff;
	height:180px;
	overflow:auto;
	color:#003366;
	text-align:left;
	font-size:10px;
}
div.htmlFormCalendarDivSelectedText *{
	font-size:10px;


}

div.calendarDivInfo{
	text-align:left;
	position:absolute;
	z-index:90;
	width:250px;
	height:150px;
	padding:5px;
	background-color:#CBE1DC;
	border:1px solid #ffffff;
	
}
/** Fieldset for submit buttom  **/
/*********************************/
/***** Form Class Declarations *****/
/***********************************/