/* Estilos para el calendario  */
#loadingCalendario{background-color:#FF0000; position:relative; float:left; text-align:center; text-indent:5px; height:25px; line-height:25px; left:0px;color:#FFFFFF; visibility:hidden; display:block;}
#calendario {height:175px;  float:left; padding-right:20px; font-family:Arial, Helvetica, sans-serif; }
#calendario ul{ width:175px; float:left; border-right:#75ACF6 1px solid; border-top:#75ACF6 1px solid; margin:0px;  padding:0px;}
#calendario li{ cursor:default; background-color:#FFF; text-align:center; color:#000000; list-style:none; width:24px;  float:left; border-left:#75ACF6 1px solid ;border-bottom:#75ACF6 1px solid; font-size:11px; line-height:18px;}
#calendario li.nombreMes{width:174px; color:#75ACF6; background-color:#DFEEFF; font-weight:bold;}
#calendario li.nombreDia{color:#75ACF6; background-color:#DFEEFF;}
#calendario li.noactivo, #calendario li.noactivo p{color:#cccccc;}

#calendario li p {color:#000000; width:24px; height:18px; line-height:20px; float:left;  margin:0px; padding:0px; text-align:center; text-indent:0px;}
#calendario li p.ocupado { color:#FFFFFF; background-color:#990000; font-weight:bold; }
#calendario li p.ocupado:hover { color:#FFFF00;}
#calendario li p.libre { color:#FFFFFF; background-color:#009900; font-weight:bold;}
#calendario li p.libre:hover { color:#FFFF00;}

/* fila de calendario cuando esta mostrandose una semana */
#calendario li.sel p {color:#000000; width:100%; float:left; background-color:#C0EDF4; margin:0px; padding:0px;}
#calendario li.sel p.ocupado { color:#990000; background-color:#FFCDCD; font-weight:bold; }
#calendario li.sel p.ocupado:hover { color:#000000;}
#calendario li.sel p.libre { color:#009900; background-color:#C5FAC5; font-weight:bold;}
#calendario li.sel p.libre:hover { color:#000000;}

#loadingHorario{background-color:#FF0000; position:relative; float:left; text-align:center; text-indent:5px; height:25px; line-height:25px; left:0px;color:#FFFFFF; visibility:hidden; display:block;}


/* Estilos para el horario semanal */
#horarioSemanal {/*width:99%;*/ border:#ccc 1px solid; border-bottom:0px; overflow:hidden; position:relative; display:block;}
#horarioSemanal ul{margin:0px; padding:0px; list-style:none;}
#horarioSemanal ul.horas{width:9%; float:left;}
#horarioSemanal ul.horas li{font-size:12px; line-height:15px; height:50px; border-bottom:#ccc 1px dotted; text-align:left; padding-left:5px; background-color:#FFFEDF;}
#horarioSemanal ul.horas li em{color:#999999; font-size:10px;}
#horarioSemanal ul.tareas{width:13%;  float:left; }
#horarioSemanal ul.tareas li{font-size:12px; line-height:30px; height:50px; border-bottom:#ccc 1px dotted; border-left:#ccc 1px solid; text-align:left; text-indent:3px; }
#horarioSemanal ul.tareas li div{ padding-left:3px; height:inherit; line-height:22px; height:50px; width:auto; border-bottom:#336633 1px solid; border-right:#336633 1px solid; cursor:pointer; overflow:hidden; color:#FFFFFF; }
#horarioSemanal ul.tareas li div:hover{color:#000; overflow:hidden; height:auto; width:auto; display:block; position:relative;}
#horarioSemanal ul.tareas li div:hover a{color:#000066; font-weight:bold;}
#horarioSemanal ul.tareas li div:hover a:hover{color:#FFFFFF; text-decoration:underline;}
#horarioSemanal ul.tareas li div.free{background-color:#1B3E00;}
#horarioSemanal ul.tareas li div:hover.free{background-color:#EFFFD9;}
#horarioSemanal ul.tareas li div.ocup{background-color:#8F291B;}
#horarioSemanal ul.tareas li div:hover.ocup{background-color:#FFECDF;}
#horarioSemanal ul.tareas li div:hover.ocup em{ font-weight:bold; color:#FF0000;}

/* Estilos para el horario mensual */
#horarioMensual {/*width:99%;*/ border:#ccc 1px solid; border-bottom:0px; overflow:hidden; position:relative; display:block;}
#horarioMensual ul{margin:0px; padding:0px; list-style:none;}
#horarioMensual ul.horas{width:9%; float:left;}
#horarioMensual ul.horas li{font-size:9px; height:13px; border-bottom:#ccc 1px dotted; text-align:left; padding-left:5px; background-color:#FFFEDF;}
#horarioMensual ul.tareas{width:13%;  float:left; }
#horarioMensual ul.tareas li{font-size:9px; height:13px; border-bottom:#ccc 1px dotted; border-left:#ccc 1px solid; text-align:left; text-indent:3px;  }
#horarioMensual ul.tareas li div{ padding-left:3px;  height:13px; width:auto; border-bottom:#336633 1px solid; border-right:#336633 1px solid; cursor:pointer; overflow:hidden; color:#FFFFFF; }
#horarioMensual ul.tareas li div:hover{color:#000; overflow:hidden;  height:auto; display:block; position:relative; width:auto;}
#horarioMensual ul.tareas li div:hover a{color:#000066; font-weight:bold;}
#horarioMensual ul.tareas li div:hover a:hover{color:#FFFFFF; text-decoration:underline;}
#horarioMensual ul.tareas li div.free{background-color:#1B3E00;}
#horarioMensual ul.tareas li div:hover.free{background-color:#EFFFD9;}
#horarioMensual ul.tareas li div.ocup{background-color:#8F291B;}
#horarioMensual ul.tareas li div:hover.ocup{background-color:#FFECDF;}
#horarioMensual ul.tareas li div:hover.ocup em{ font-weight:bold; color:#FF0000;}

/* Estilos para el horario mensual lineal */
#horarioMensualLin { border:#ccc 1px solid; border-bottom:0px; overflow:hidden; position:relative; display:block; width:auto;}
#horarioMensualLin ul{margin:0px; padding:0px; list-style:none;}
#horarioMensualLin ul.horas{width:9%; float:left;}
#horarioMensualLin ul.horas li{font-size:9px; height:26px; border-bottom:#ccc 1px dotted; text-align:left; padding-left:2px; background-color:#FFFEDF;}
#horarioMensualLin ul.tareas{width:2.9%;  float:left; }
#horarioMensualLin ul.tareas li{font-size:9px; height:26px; line-height:14px; border-bottom:#ccc 1px dotted; border-left:#ccc 1px solid; text-align:left; text-indent:3px; margin:0px;  }
#horarioMensualLin ul.tareas li div{ padding-left:3px;  height:26px; width:auto; border-bottom:#336633 1px solid; border-right:#336633 1px solid; cursor:pointer; overflow:hidden; color:#FFFFFF; }
#horarioMensualLin ul.tareas li div:hover{color:#000; overflow:hidden;  height:auto; display:block; position:relative; width:100px;}
#horarioMensualLin ul.tareas li div:hover a{color:#000066; font-weight:bold;}
#horarioMensualLin ul.tareas li div:hover a:hover{color:#FFFFFF; text-decoration:underline;}
#horarioMensualLin ul.tareas li div.free{background-color:#1B3E00;}
#horarioMensualLin ul.tareas li div:hover.free{background-color:#EFFFD9;}
#horarioMensualLin ul.tareas li div.ocup{background-color:#8F291B;}
#horarioMensualLin ul.tareas li div:hover.ocup{background-color:#FFECDF;}
#horarioMensualLin ul.tareas li div:hover.ocup em{ font-weight:bold; color:#FF0000;}

/* Diferentes fondos de colores para las tareas */
div.alt_1{background-color:#CC3333; color:#FFFFFF;} div.alt_1:hover{background-color:#F0C2C2; color:#000000;}
div.alt_2{background-color:#DD4477; color:#FFFFFF;} div.alt_2:hover{background-color:#F5C7D6; color:#000000;}
div.alt_3{background-color:#994499; color:#FFFFFF;} div.alt_3:hover{background-color:#E1C7E1; color:#000000;}
div.alt_4{background-color:#6633CC; color:#FFFFFF;} div.alt_4:hover{background-color:#D1C2F0; color:#000000;}
div.alt_5{background-color:#336699; color:#FFFFFF;} div.alt_5:hover{background-color:#C2D1E1; color:#000000;}
div.alt_6{background-color:#3366CC; color:#FFFFFF;} div.alt_6:hover{background-color:#C2D1F0; color:#000000;}
div.alt_7{background-color:#22AA99; color:#FFFFFF;} div.alt_7:hover{background-color:#C2DCC7; color:#000000;}
div.alt_8{background-color:#329262; color:#FFFFFF;} div.alt_8:hover{background-color:#C2DCC7; color:#000000;}
div.alt_9{background-color:#109618; color:#FFFFFF;} div.alt_9:hover{background-color:#B8E0BA; color:#000000;}
div.alt_10{background-color:#66AA00; color:#FFFFFF;} div.alt_10:hover{background-color:#D1E6B3; color:#000000;}
div.alt_11{background-color:#AAAA11; color:#FFFFFF;} div.alt_11:hover{background-color:#E6E6B8; color:#000000;}
div.alt_12{background-color:#D6AE00; color:#FFFFFF;} div.alt_12:hover{background-color:#F3E7B3; color:#000000;}
div.alt_13{background-color:#EE8800; color:#FFFFFF;} div.alt_13:hover{background-color:#FADCB3; color:#000000;}
div.alt_14{background-color:#DD5511; color:#FFFFFF;} div.alt_14:hover{background-color:#F5CCB8; color:#000000;}
div.alt_15{background-color:#A87070; color:#FFFFFF;} div.alt_15:hover{background-color:#E5D4D4; color:#000000;}
div.alt_16{background-color:#8C6D8C; color:#FFFFFF;} div.alt_16:hover{background-color:#DDD3DD; color:#000000;}
div.alt_17{background-color:#627487; color:#FFFFFF;} div.alt_17:hover{background-color:#D0D6DB; color:#000000;}
div.alt_18{background-color:#7083A8; color:#FFFFFF;} div.alt_18:hover{background-color:#D4DAE5; color:#000000;}
div.alt_19{background-color:#5C8D87; color:#FFFFFF;} div.alt_19:hover{background-color:#CEDDDB; color:#000000;}
div.alt_20{background-color:#898951; color:#FFFFFF;} div.alt_20:hover{background-color:#DCDCCB; color:#000000;}
div.alt_21{background-color:#B08B59; color:#FFFFFF;} div.alt_21:hover{background-color:#E7DCCE; color:#000000;}
div.alt_oculto{visibility:hidden;}

/* Estilos capa superpuesta para dia seleccionado */
.hdtsel{background-color:#FFFF99;}
.hdtres{background-color:#FFCC00;}
.hdt{cursor:pointer;} 
/* capa flotante formularios*/
#capaHorarioFlotante{  width:400px; position:absolute; top:0px; left:0px; z-index:1; border:#cccccc 1px solid; background-color:#FFF9F4; margin-bottom:20px; display:block; overflow:hidden;}
#capaHorarioFlotante a.cerrar{position:absolute; right:10px; top:10px; background-color:#FFECCE; padding:5px; font-size:12px; display:block; border:#CC0000 1px solid;}
#capaHorarioFlotante a.cerrar:hover{border-color:#666666; background-color:#FEBB72; color:#FF0000;}
#capaHorarioFlotante #winContent{ width:95%; margin-left:auto; margin-right:auto; padding-top:50px; overflow:hidden; }


/* boton desactivado */
input.disabled { background-color:#CCCCCC; color:#666666;}