/*ESTILOS GENERICOS DE SELECTORES*/
/*Estilo del bloque*/
.selectorBloque{
color:#000;
height:20px;
}

/*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 .botonAbrir{
background:no-repeat url(/img/selectores/abrirselector.gif);
width:24px;
margin-left:3px;
}
.selectorBloque .selectorBotones .botonVaciar{
background:no-repeat url(/img/selectores/vaciar.gif);
margin-left:3px;
}
.selectorBloque .selectorBotones .botonPrevisualizar{
background:no-repeat url(/img/iconos/p/table-sql-view.gif);
width:16px;
margin:0 0 0 3px;
}

/*Representacion de la seleccion actual*/
.selectorBloque .selectorDestinoVisual{
color:#000;
float:left;
width:358px;
padding:2px 0px 0px 2px;
height:18px;
border:1px solid #ccc;
background:#fff;
cursor:default;
overflow:hidden;
}
/*Representacion de la seleccion actual*/
#campoFecha .selectorBloque .selectorDestinoVisual{
width:90%;
}


/*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;
}

/*Boton de eliminar elemento de lista*/
.selectorBloque .selectorDestinoVisual .botonQuitarElemento{
background:no-repeat url(/img/selectores/eliminar.gif);
}

/*Popups de los selectores*/
.selectorVentana{
color:#fff;
background-color: #FC6E2E;
border:solid 2px #D43F05;
width:300px;
height:300px;
left:50%;
margin-left:-150px;
top:50%;
margin-top:-150px;
position:absolute;
}

.selectorVentana .boton{
overflow:hidden;
text-indent:100px;
width:16px;
}
.selectorVentana a.botonCerrar{
position:absolute;
right:2px;
top:0px;
background:no-repeat url(/img/selectores/cerrar.gif);
width:16px;
height:16px;
}
.selectorVentana a.botonVolver{
position:absolute;
right:20px;
top:0px;
background:no-repeat url(/img/selectores/volver.gif);
width:16px;
height:16px;
}
.selectorVentana a:link,
.selectorVentana a:visited,
.selectorVentana a:hover{
text-decoration:none;

}

.selectorVentana .sinRegistros{
text-align:center;
margin-top:30px;
font-size:1.2em;
color:#a00;
}

.selectorVentana ul{
margin:0;
padding:0;
}
/*Estilo del contenido de la ventana*/
.selectorVentana .selectorVentanaContenido{
position:absolute;
border:1px solid #000;
margin:20px 0 0 3%;
color:#000;
background-color:#fff;
width:94%;
height:84%;
}
.selectorVentana .selectorVentanaContenido li{
color:#000;
}
.selectorVentana .selectorVentanaContenido h1.titulo{
position:absolute;
left:0px;
top:-19px;
font-size:12px;
display:block;
color:#fff;
z-index:1000;
}
.selectorVentana .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;
}
.selectorVentana .botonSelector:hover{
border-left:1px solid #bbb;
border-bottom:1px solid #bbb;
border-top:2px solid #ddd;
border-right:2px solid #ddd;
}
.selectorVentana .botonCancelarSelector{
background-image:url(/img/iconos/p/delete2.gif);
}
.selectorVentana .botonGuardarSelector{
background-image:url(/img/iconos/p/check2.gif);
}
.selectorVentana .botonVolverSelector{
background-image:url(/img/selectores/volver.gif);
}

/*Listados en selectores*/   
.selectorVentana .listado{
width:97%; 
margin:0 auto;
overflow: auto;     
height: 80%;        

}
.selectorVentana .listado table{
width:97%;
}
.selectorVentana .formularioListado{
width:93%;
}
.selectorVentana table.listado .colPub{
width:30px;
}
.selectorVentana table.listado .colVal{
width:30px;
text-align:center;
}
.selectorVentana table.listado .estadoPublicacion{
width:16px;
text-indent:100px;
overflow:hidden;
padding:0;
margin-left:6px;
}
/*fin listados en selectores*/

/*Listas simples*/
.selectorVentana .listaSimple{
margin:5px;
border:1px solid #ddd;
}
.selectorVentana .listaSimple strong{
font-size:12px;
background-color:#000;
display:block;
color:#fff;
padding:3px;
}
.selectorVentana .listaSimple ul{
padding:0;  
}
.selectorVentana .listaSimple ul li{
font-size:12px;
padding:2px;
width:auto;
}
.selectorVentana .listaSimple ul li.fila0{
background-color:#eee;
}
.selectorVentana .listaSimple ul li.fila1{
background-color:#ddd;
}
/*fin listas simples*/

/*buscadores*/
.selectorVentana .barraListado{
padding-left:10px;
width:auto;
height:30px;
}
.selectorVentana .barraListado label{
font-size:12px;
margin-right:5px;
display:none;
}
.selectorVentana .barraListado .botonBuscador{
border:1px solid #bbb;
margin-left:5px;
background:url(/paneldecontrol/img/iconos/botones/buscar.gif) no-repeat 2px #ddd;
padding:0 0 0 18px;
}
.selectorVentana .barraListado .botonBuscadorMasResultados{background-image:url(/img/iconos/p/add2.gif);}
.selectorVentana .barraListado .botonUsarUrl{background-image:url(/img/iconos/p/earth.gif);}
/*fin buscadores*/

/*mensajes de aviso*/
.selectorVentana .aviso{
width:200px;
margin:50px auto;
padding-left:40px;
font-size:14px;
font-weight:bold;
color:#900;
background:url(/paneldecontrol/img/avisos.gif) no-repeat;
}
/*FIN ESTILOS GENERICOS DE SELECTORES*/
.selectorVentana tr.par{
background-color:#ddd;
}
.selectorVentana tr.impar{
background-color:#eee;
}

/*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*/
.selectorVentanaFecha{
height:240px;            
}
.selectorVentanaFecha .selectorVentanaContenido{
height:210px;
}
.selectorVentanaFecha .calendarioBloque{
background-color:#fff;
}
.selectorVentanaFecha .calendarioBloque .mes{
float:left;
height:20px;
width:120px;
margin-left:5px;
}
.selectorVentanaFecha .calendarioBloque .anyo{
float:right;
height:20px;
width:120px;
margin-right:5px;
}
.selectorVentanaFecha .calendarioBloque span{
float:left;
width:100px;
text-align:center;
cursor:default;    
}
.selectorVentanaFecha .calendarioBloque span a{
color:#000;   
}
.selectorVentanaFecha .calendarioBloque .mes span{
width:85px;
padding-right:15px;
}
.selectorVentanaFecha .calendarioBloque .mostrarMeses{
display:block;
position:absolute;
top:3px;
left:95px;
width:15px;
height:11px;
background:url(/img/selectores/desplegar.gif) no-repeat;
}
.selectorVentanaFecha .calendarioBloque .listaMeses{
position:absolute;
background-color:#eee;
top:15px;
left:20px;
width:83px;
font-size:10px;
padding:2px;
border:1px solid #ddd;
}
.selectorVentanaFecha .calendarioBloque .listaMeses a{
display:block;
}
.selectorVentanaFecha .calendarioBloque .listaMeses a:hover{
background-color:#fff;
}
.selectorVentanaFecha .calendarioBloque .boton{
width:10px;
height:9px;
display:block;
float:left;
margin-top:5px;
}
.selectorVentanaFecha .calendarioBloque .botonCalendarioAnt{
background:no-repeat url(/img/selectores/anterior.gif);
}
.selectorVentanaFecha .calendarioBloque .botonCalendarioSig{
background:no-repeat url(/img/selectores/siguiente.gif);
float:right;
}

.selectorVentanaFecha 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;
}
.selectorVentanaFecha table.calendario{
color: #191718;
}
.selectorVentanaFecha table.calendario caption{
display:none;
}

.selectorVentanaFecha table.calendario td{
text-align:center;
}
.selectorVentanaFecha table.calendario td.dia{
border:1px solid #fff;
background-color:#ddd;
}
.selectorVentanaFecha table.calendario td.dia a{
width:100%;
height:100%;
display:block;
}
.selectorVentanaFecha table.calendario td.cerrado{
background-color:#666;
color:#ccc;
cursor:default;
}
/*FIN ESTILOS DE FECHAS*/

/*ESTILOS DE HORAS*/
/*Estilo del contenido de la ventana*/
.selectorVentanaFechaHora .horaBloque{
padding:20px;
}
.selectorVentanaFechaHora .horaBloque .seleccionHora{
border:1px solid #ddd;
background-color:#eee;
padding:5px;
padding-left:27px;
font-size:16px;
font-weight:bold;
}
.selectorVentanaFechaHora .horaBloque select{
width:50px;
margin-right:7px;
margin-left:7px;
}
/*FIN ESTILOS DE HORAS*/

/*ESTILOS DE BUSCADORES URL*/
.selectorBloqueUrlImagen .selectorDestinoVisual{
height:222px;
width:302px;
overflow:auto;
}
.selectorBloqueUrlImagen .selectorBotones{

}
.selectorBloqueUrlImagen .selectorBotones .boton{
margin-left:10px;
}
.selectorBloqueUrlImagen .sinDefinir{
color:#999;
text-align:center;
margin-top:30px;
display:block;
font-size:12px;
}
.selectorBloqueUrlImagen .sinDefinirError{
color:#900;
font-weight:bold;
}

.selectorVentanaUrlImagen{
width:660px;
height:505px;
margin:-252px 0 0 -280px;
}
.selectorVentanaUrlImagen .selectorVentanaContenido{
height:470px;
}
.selectorVentanaUrlImagen .contenidoSelector a{
overflow:hidden;
width:100px;
height:100px;
float:left;
margin:2px;
}
.selectorVentanaUrlImagen #bloqueTxtUrl{
position:absolute;
background-color:#fff;
border:1px solid #888;
border-right:2px solid #555;
border-bottom:2px solid #555;
left:250px;
top:40px;
padding:5px;
}
.selectorVentanaUrlImagen #bloqueTxtUrl #txtUrlSelector{
width:150px;
}
.selectorVentanaUrlImagen #bloqueTxtUrl .botonUsarUrlOk{
background-image:url(/img/iconos/p/check2.gif);
width:20px;
cursor:pointer;
}
/*FIN ESTILOS DE BUSCADORES URL*/