/*ESTILOS GENERICOS DE SELECTORES*/
/*Estilo del bloque*/
.selectorBloque{
color:#000;
}

/*Botones del selector*/
.selectorBloque .boton{
overflow:hidden;
text-indent:100px;
width:16px;
}

.selectorBloque .selectorBotones a{
width:16px;
height:16px;
display:block;
float:left;
text-decoration:none;
}
.selectorBloque .selectorBotones a:link,
.selectorBloque .selectorBotones a:visited,
.selectorBloque .selectorBotones a:hover{
text-decoration:none;
}
.selectorBloque .selectorBotones a.botonAbrir{
background:no-repeat url(/img/selectores/abrirselector.gif);
width:24px;
margin-left:3px;
}
.selectorBloque .selectorBotones a.botonVaciar{
background:no-repeat url(/img/selectores/vaciar.gif);
}
/* Para zona privada */
#content .selectorBloque .boton{
overflow:hidden;
text-indent:100px;
width:16px;
}

#content .selectorBloque .selectorBotones a{
width:16px;
height:16px;
display:block;
float:left;
text-decoration:none;
}
#content .selectorBloque .selectorBotones a:link,
#content .selectorBloque .selectorBotones a:visited,
#content .selectorBloque .selectorBotones a:hover{
text-decoration:none;
}
#content .selectorBloque .selectorBotones a.botonAbrir{
background:no-repeat url(/img/selectores/abrirfecha.gif);
width:24px;
margin-left:3px;
}
#content .selectorBloque .selectorBotones a.botonVaciar{
background:no-repeat url(/img/selectores/vaciar.gif);
}

/*Representacion de la seleccion actual*/
.selectorBloque .selectorDestinoVisual{
color:#000;
float:left;
width:80px;
padding:2px 0px 0px 12px;
height:16px;
border:1px solid #999;
background:#fff;
cursor:default;
overflow:hidden;
margin-left: 6px;
}
.selectorBloque .selectorDestinoVisual ul li{
border-top:0.5px dashed;
}

/*botones dentro del estilo visual*/
.selectorBloque .selectorDestinoVisual .boton{
width:16px;
height:16px;
text-decoration:none;
display:block;
float:right;
margin-top:-18px;
margin-right:5px;
}

/*Popups de los selectores*/
#selectorVentanaPopup{
color:#fff;
background-color:#fff;
border:outset 2px #ddd;
width:290px;
height:300px;
left:50%;
margin-left:-150px;
top:50%;
margin-top:-150px;
position:absolute;
}

#selectorVentanaPopup .boton{
overflow:hidden;
text-indent:100px;
width:16px;
}
#selectorVentanaPopup a.botonCerrar{
position:absolute;
right:2px;
top:0px;
background:no-repeat url(/img/btn-cerrar.gif);
width:16px;
height:16px;
}
#selectorVentanaPopup a.botonVolver{
display:none;
}
#selectorVentanaPopup a:link,
#selectorVentanaPopup a:visited,
#selectorVentanaPopup a:hover{
text-decoration:none;
}

#selectorVentanaPopup .listado table{
width:97%;
}
#selectorVentanaPopup .formularioListado{
width:93%;
}

/*Estilo del contenido de la ventana*/
#selectorVentanaPopup #selectorVentanaPopupContenido{
position:absolute;
border:none;
margin:20px 0 0 3%;
color:#000;
background-color:#fff;
width:260px;
height:84%;
overflow:hidden;
}
#selectorVentanaPopup #selectorVentanaPopupContenido li{
color:#000;
}
#selectorVentanaPopup #selectorVentanaPopupContenido h1.titulo{
position:absolute;
left:0px;
top:-25px;
font-size:11px;
display:block;
color:#fff;
z-index:1000;
}
#selectorVentanaPopup .botonSelector{
background-color:#eee;
background-position:3px 4px;
background-repeat:no-repeat;
border-left:2px solid #bbb;
border-bottom:2px solid #bbb;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
float:right;
margin-right:10px;
margin-top:10px;
display:block;
padding:4px 3px 2px 20px;
text-indent:0px;
width:auto;
font-size:12px;
color:#000;
}
#selectorVentanaPopup .botonSelector:hover{
border-left:1px solid #bbb;
border-bottom:1px solid #bbb;
border-top:2px solid #ddd;
border-right:2px solid #ddd;
}
#selectorVentanaPopup .botonCancelarSelector{
background-image:url(/img/botones/cancelar.gif);
}
#selectorVentanaPopup .botonGuardarSelector{
background-image:url(/img/botones/ok.gif);
}
#selectorVentanaPopup .botonVolverSelector{
background-image:url(/img/botones/volver.gif);
}
    

/*ESTILOS DE FECHAS*/
/*Botones del selector*/
.selectorBloqueFecha .selectorBotones a.botonAbrir{
background:url(/img/selectores/abrirfecha.gif) no-repeat;
width:16px;
height:16px;
margin-left:3px;
}

/*Estilo del contenido de la ventana*/
#selectorVentanaPopup.fecha{
height:250px;   
}
#selectorVentanaPopup.fecha #selectorVentanaPopupContenido{
height:210px;
padding:5px
}
#selectorVentanaPopup.fecha .calendarioBloque{
background-color:#fff;
}
#selectorVentanaPopup.fecha .calendarioBloque .mes{
float:left;
height:20px;
width:120px;
margin-left:5px;
}
#selectorVentanaPopup.fecha .calendarioBloque .anyo{
float:right;
height:20px;
width:120px;
margin-right:5px;
}

#selectorVentanaPopup.fecha .calendarioBloque span{
float:left;
width:100px;
text-align:center;
}
#selectorVentanaPopup.fecha .calendarioBloque .boton{
width:10px;
height:9px;
display:block;
float:left;
margin-top:5px;
}
#selectorVentanaPopup.fecha .calendarioBloque .botonCalendarioAnt{
background:no-repeat url(/img/selectores/anterior.gif);
}
#selectorVentanaPopup.fecha .calendarioBloque .botonCalendarioSig{
background:no-repeat url(/img/selectores/siguiente.gif);
float:right;
}

#selectorVentanaPopup.fecha table.calendario{
width:100%;
height:190px;
color:#000;
overflow: hidden;
clear:both;
border:1px solid #999;
text-align: center;
background-color:#ccc;
padding: 0px;
margin: 0px;
border-spacing:4px;
}
#selectorVentanaPopup.fecha table.calendario{
color: #191718;
}
#selectorVentanaPopup.fecha table.calendario caption{
display:none;
}

#selectorVentanaPopup.fecha table.calendario td{
text-align:center;
}
#selectorVentanaPopup.fecha table.calendario td.dia{
border:1px solid #888;
background-color:#ddd;
}
#selectorVentanaPopup.fecha table.calendario td.dia a{
width:100%;
height:100%;
display:block;
color: #555;
}
#selectorVentanaPopup.fecha table.calendario td.cerrado{
background-color:#666;
color:#ccc;
cursor:default;
}
#selectorVentanaPopup.fechaCR{
height:270px;
}
#selectorVentanaPopup.fechaCR #selectorVentanaPopupContenido{
height:240px;
}
#selectorVentanaPopup.fechaCR .leyenda{
padding:5px;
background-color:#f5f5f5;
float:left;
height:40px;
width:300px;
}
#selectorVentanaPopup.fechaCR .leyenda span{
display:block;
float:left;
border-left:15px solid;
width:110px;
height:15px;
text-align:left;
padding-left:5px;
margin-left:15px;
}
#selectorVentanaPopup.fechaCR .leyenda .cerrado{border-color:#666;}
#selectorVentanaPopup.fechaCR .leyenda .abierto{border-color:#ddd;}
/*FIN ESTILOS DE FECHAS*/