body{list-style-type:none;}
/*PRINCIPAL DEL FORM*/
#mainForm{position:relative;margin:0 auto;text-align:left;width:70%;background-color:#fff;border:none;}
ul.mainForm{list-style-type:none;font-family:Verdana, Arial;font-size:9px;}
li.mainForm{padding-bottom:10px;}
#mainFormError{position:relative;border:1px;border-style:solid;margin:0 auto;text-align:left;width:70%;}
input.mainFormError{background-color:#FADADD;}
textarea.mainFormError{background-color:#FADADD;}
select.mainFormError{background-color:#FADADD;}
#formHeader{position:relative;width:100%;background-color:#669;margin:0;padding-bottom:10px;}
p.formHeader{text-align:right;margin:0;font-family:Verdana, Arial;font-weight:normal;color:#fff;font-size:11px;position:relative;left:-5px;top:4px;letter-spacing:2px;}
#formInfo{position:relative;width:100%;background-color:#fff;margin:0;}
h2.formInfo{text-align:left;margin:0;font-family:Verdana, Arial;font-weight:normal;font-size:11px;position:relative;left:20px;top:0px;letter-spacing:1px;	line-height:150%;color:#fff;}
p.formInfo{text-align:left;margin:0;font-family:Verdana, Arial;font-weight:normal;color:#000;font-size:9px;position:relative;left:20px;top:0px;color: #fff;}
#formFields{position:relative;width:100%;background-color:#fff;margin:0;}
label.formFieldQuestion{
	line-height:125%;
	padding:0 4px 1px 0;
	border:none;
	font-size:75%;
	font-weight:bold;
}
label.formFieldOption{
	font-size:60%;
	line-height:1em;
	margin:-19px 0 0 25px;
	padding:4px 0 5px 0;
	width:90%;
}
input.formFieldStyle{display:block;line-height:1.4em;margin:8px 0 0 3px;width:13px;height:13px;}
/* tooltip */
a.info {
	font-family:Verdana, Arial;
	text-decoration:none;
	position:relative;
}
a.info span {position:relative;display:none;}
a.info:hover {position:relative;cursor:default;}
a.info:hover .infobox {
	font-weight:normal;
	display:block;
	position:absolute;
	top:20px;
	left:25px;
	width:205px;
	height:70px;
	border:1px solid #ccc;
	background:#f4f4f4 url(../../../../Escritorio/nuevo_transfer/tmp/persistent/form36758/calendar/question.gif) no-repeat bottom right;
	color:#000;
	text-align:left;
	font-size:2em;
	padding-left:10px;
	padding-top:10px;
}
/* pop-up calendar */
button.calendarStyle{background-color:transparent;border:0;height:22px;width:22px;background-image:url(../../../../Escritorio/nuevo_transfer/tmp/persistent/form36758/calendar/imgs/calendar.png);cursor:pointer;cursor:hand;}
p.footer{text-align:right;margin:0;font-family:Verdana, Arial;font-weight:normal;color:#fff;font-size:9px;position:relative;top:4px;left:-140px;letter-spacing:2px;}
a.footer{text-align:right;margin:0;font-family:Verdana, Arial;font-weight:normal;color:#fff;font-size:9px;position:relative;top:4px;letter-spacing:2px;}

/*PRINCIPAL DEL CALENDARIO */

ul.mainForm{list-style-type:none;font-family: Verdana, Arial;font-size:15px;}
li.mainForm{
	padding-bottom: 10px;
	font-size: 11px;
	font-family: verdana;
	color: #666666;
	text-transform: uppercase;
}
#mainFormError{position:relative;border:1px;border-style:solid;margin:0 auto;text-align:left;width:70%;}
textarea.mainFormError{background-color:#FADADD;}
select.mainFormError{background-color:#FADADD;}
#formHeader{position:relative;width:100%;background-color:#669;margin:0;padding-bottom:10px;}
p.formHeader{text-align:right;margin:0;font-family:Verdana, Arial;font-weight:normal;color:#fff;font-size:25px;position:relative;left:-5px;top:4px;letter-spacing:2px;}
#formInfo{position:relative;width:100%;background-color:#fff;margin:0;}
h2.formInfo{text-align:left;margin:0;font-family:Verdana, Arial;font-weight:normal;font-size:20px;position:relative;left:20px;top:0px;letter-spacing: 1px;line-height:150%;color:#fff;}
p.formInfo{text-align:left;margin:0;font-family:Verdana, Arial;font-weight:normal;color:#000;font-size:12px;position:relative;left:20px;top:0px;color:#fff;}
#formFields{position:relative;width:100%;background-color:#fff;margin:0;}
label.formFieldQuestion{
	line-height:125%;
	padding:0 4px 1px 0;
	border:none;
	display:block;
	font-size:80%;
}
label.formFieldOption{font-size:90%;display:block;line-height:1.0em;margin:-19px 0 0 25px;padding:4px 0 5px 0;width:90%;}
input.formFieldStyle{display:block;line-height:1.4em;margin:8px 0 0 3px;width:13px;height:13px;}
/* tooltip */
a.info {font-family: Tahoma, Arial, Sans-Serif;text-decoration:none;position:relative;}
a.info span{position:relative;display:none;}
a.info:hover{position:relative;cursor:default;}
a.info:hover .infobox{
	font-weight:normal;
	display:block;
	position:absolute;
	top:20px;
	left:25px;
	width:205px;
	height:70px;
	border:1px solid #ccc;
	background:#f4f4f4 url(../../../../Escritorio/nuevo_transfer/tmp/persistent/form36758/calendar/question.gif) no-repeat bottom right;
	color:#000;
	text-align:left;
	font-size:1em;
	padding-left:10px;
	padding-top:10px;
}

/* pop-up calendar */
button.calendarStyle{background-color: transparent;border: 0;height:22px;width:22px;background-image:url(../../../../Escritorio/nuevo_transfer/tmp/persistent/form36758/calendar/imgs/calendar.png);cursor: pointer;cursor: hand;}
p.footer{text-align: right;margin:0;font-family:Verdana,Arial;font-weight:normal;color: #ffffff;font-size:9px;position:relative;top:4px;left:-140px;letter-spacing:2px;}
a.footer{text-align: right;margin:0;font-family:Verdana,Arial;font-weight:normal;color: #ffffff;font-size:9px;position:relative;top:4px;letter-spacing: 2px;}


/* The main calendar widget.  DIV containing a table. */
div.calendar{position: relative;}
.calendar, .calendar table{border: 1px solid #206A9B;font-size: 11px;color: #000;cursor: default;background: #F1F8FC;font-family: tahoma,verdana,sans-serif;}

/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */text-align: center;/* They are the navigation buttons */padding: 2px;/* Make the buttons seem like they're pressing */}
.calendar .nav {background: #007ED1 url(../../../../Escritorio/nuevo_transfer/tmp/persistent/form36758/calendar/menuarrow2.gif) no-repeat 100% 100%;}
.calendar thead .title { /* This holds the current "month, year" */font-weight: bold;/* Pressing it will take you to the current date */text-align: center;background: #000;color: #fff;padding: 2px;}
.calendar thead tr { /* Row <TR> containing navigation buttons */background:#007ED1;color:#fff;}
.calendar thead .daynames{/* Row <TR> containing the day names */background:#C7E1F3;}
.calendar thead .name{/* Cells <TD> containing the day names */border-bottom:1px solid #206A9B;padding:2px;text-align:center;color:#000;}
.calendar thead .weekend{/* How a weekend day name shows in header */color:#a66;}
.calendar thead .hilite{/* How do the buttons in header appear when hover */background-color:#34ABFA;color:#000;border:1px solid #016DC5;padding:1px;}
.calendar thead .active{/* Active (pressed) buttons in header */background-color: #006AA9;border:1px solid #008AFF;padding:2px 0px 0px 2px;}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */width: 2em;color: #456;text-align: right;padding:2px 4px 2px 2px;}
.calendar tbody .day.othermonth{font-size: 80%;color:#bbb;}
.calendar tbody .day.othermonth.oweekend {color:#fbb;}
.calendar table .wn{padding: 2px 3px 2px 2px;border-right:1px solid #000;background:#C7E1F3;}
.calendar tbody .rowhilite td{background:#def;}
.calendar tbody .rowhilite td.wn{background:#F1F8FC;}
.calendar tbody td.hilite{/* Hovered cells <TD> */background:#def;padding:1px 3px 1px 1px;border:1px solid #8FC4E8;}
.calendar tbody td.active{/* Active (pressed) cells <TD> */background: #cde;padding: 2px 2px 0px 2px;}
.calendar tbody td.selected{/* Cell showing today date */font-weight: bold;border: 1px solid #000;padding: 1px 3px 1px 1px;background: #fff;color: #000;}
.calendar tbody td.weekend{/* Cells showing weekend days */color: #a66;}
.calendar tbody td.today{/* Cell showing selected date */ font-weight: bold;color: #D50000;}
.calendar tbody .disabled{ color: #999; }
.calendar tbody .emptycell{ /* Empty cells (the best is to hide them) */visibility: hidden;}
.calendar tbody .emptyrow{ /* Empty row (some months need less than 6 rows) */display:none;}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */text-align:center;background:#206A9B;color:#fff;}
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */background:#000;color:#fff;border-top:1px solid #206A9B;padding:1px;}
.calendar tfoot .hilite { /* Hover style for buttons in footer */ background:#B8DAF0;border:1px solid #178AEB;color:#000;padding:1px;}
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */background:#006AA9;padding:2px 0px 0px 2px;}

/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {position:absolute;display:none;top:0px;left:0px;width:4em;cursor:default;border:1px solid #655;background:#def;color:#000;font-size:90%;z-index:100;}
.calendar .combo .label,
.calendar .combo .label-IEfix{text-align:center;padding:1px;}
.calendar .combo .label-IEfix{width:4em;}
.calendar .combo .hilite{background:#34ABFA;border-top: 1px solid #46a;border-bottom: 1px solid #46a;font-weight:bold;}
.calendar .combo .active{border-top:1px solid #46a;border-bottom: 1px solid #46a;background:#F1F8FC;font-weight:bold;}
.calendar td.time {border-top: 1px solid #000;padding:1px 0px;text-align: center;background-color: #E3F0F9;}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm{padding: 0px 3px 0px 4px;border:1px solid #889;font-weight: bold;background-color: #F1F8FC;}
.calendar td.time .ampm{text-align:center;}
.calendar td.time .colon{padding:0px 2px 0px 3px;font-weight:bold;}
.calendar td.time span.hilite{border-color:#000;background-color:#267DB7;color:#fff;}
.calendar td.time span.active{border-color:red;background-color:#000;color:#A5FF00;}
