/* CSS Document */
/*clases particulares*/
.clearb{clear:both;}

div.updated p, div.error p, div.aviso p , div.ok p{
    margin: 0.5em 0;
    padding: 2px;
}
.wrap div.updated, .wrap div.error, .wrap div.aviso, .wrap div.ok {
    margin: 5px 0 15px;
}
div.error, .login #login_error {
    background-color: #FFEBE8;
    border-color: #CC0000;
}
div.aviso{
	background-color: #BDE5F8;
    border: 1px solid #00529B;
}
div.ok{
	background-color:#DCFFBA;
    border: 1px solid #090;
}
div.updated, div.error, div.aviso, div.ok {
    -moz-border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    margin: 5px 15px 2px;
    padding: 0 0.6em;
}
/*------------------------------*/
#icon_reservas{
	background: transparent url(images/reservas32.png) no-repeat ;
}
#icon_cerrar{
	background: transparent url(images/cerrar32.png) no-repeat ;
}
#icon_temporadas{
	background: transparent url(images/temporadas32.png) no-repeat ;
}
#icon_opciones{
	background: transparent url(images/opciones32.png) no-repeat ;
}
#icon_habitacion{
	background: transparent url(images/habitacion32.jpg) no-repeat ;
}
#icon_precios{
	background: transparent url(images/precios32.png) no-repeat ;
}
#icon_ayuda{
	background: transparent url(images/ayuda32.png) no-repeat ;
}


#icon_opciones{
	background: transparent url(images/opciones32.png) no-repeat ;
}
#icon_clientes{
	background: transparent url(http://www.revelstokegatewayinn.com/wp-content/plugins/senciya_reservas/images/clientes32.png) no-repeat ;
}

/* temporadas */
#temporadas label{
	font-weight:bold;
}
#tablaTemporadas td{
	width:20px;
	height:20px;
	text-align:center;
	border:1px solid #000;
	margin:1px;
}
#tablaTemporadas .mesesTemporadas{
	text-align:left;
	background:none;
	border: none;
}
.mini_meses{
	width:175px;
	height:215px;
	overflow:hidden;
	margin-top:10px;
	margin-left:10px;
	float:left;
	border:1px #95ab98 solid;
}

.mini_meses_dias{
}

.mini_meses_dias li
{
font-family:"trebuchet ms";
font-size:11px;
font-weight:bold;
display:inline;
width:25px;
float:left;
text-align:center;
}

.mini_meses_dias li span
{
	/*
color:#007911;
background-color:#d6e8d5;
*/
color:#000;
text-decoration:none;
width:25px;
display:block;
padding:2px 0;
}

.mini_meses_dias li a:hover
{
color:#fff;
background-color:#95ab98;
text-decoration:none;
width:25px;
display:block;
padding:2px 0;
}

.vacio
{
background-color:#fff !important;
}

.rompedor
{clear:both !important;} 
/*
#tablaTemporadas .cero{background:#CCC;}
#tablaTemporadas .uno,#tablaTemporadasLista .uno{background:#F78181;}
#tablaTemporadas .dos,#tablaTemporadasLista .dos{background:#F7BE81;}
#tablaTemporadas .tres,#tablaTemporadasLista .tres{background:#F3F781;}
#tablaTemporadas .cuatro,#tablaTemporadasLista .cuatro{background:#D0F5A9;}
#tablaTemporadas .cinco,#tablaTemporadasLista .cinco{background:#A9F510;}
#tablaTemporadas .seis,#tablaTemporadasLista .seis{background:#A9F5F2;}
#tablaTemporadas .siete,#tablaTemporadasLista .siete{background:#A9D0F5;}
#tablaTemporadas .ocho,#tablaTemporadasLista .ocho{background:#A9A9F5;}
#tablaTemporadas .nueve,#tablaTemporadasLista .nueve{background:#D0A9F5;}
#tablaTemporadas .diez,#tablaTemporadasLista .diez{background:#F5A9D0;}
#tablaTemporadas .once,#tablaTemporadasLista .once{background:#A9F5A9;}
#tablaTemporadas .doce,#tablaTemporadasLista .doce{background:#A9F5D0;}
*/
.cero{background:#99FFE5;}
.uno {background:#CC0000;}
.dos{background:#99CC00;}
.tres{background:#00BFFF;}
.cuatro{background:#CC00CC;}
.cinco{background:#FFFF00;}
.seis{background:#FF6633;}
.siete{background:#A9D0F5;}
.ocho{background:#9999FF;}
.nueve{background:#99FF99;}
.diez{background:#D4D4D4;}
.once{background:#CC00CC;}
.doce{background:#664C00;}
.trece{background:#006600;}
.catorce{background:#FF668C;}
.quince{background:#99FF99;}
.dieciseis{background:#FFE599;}
.diecisiete{background:#3333FF;}
.dieciocho{background:#FF7F00;}
.diecinueve{background:#6666FF;}
.veinte{background:#FFCCD8;}
/* habitaciones */
#nuevaHabitacion label{
	font-weight:bold;
}
#nuevaHabitacion input[type="text"]{
	width:350px;
}
#nuevaHabitacion textarea{
	width:350px;
}
.NombresTemporadas{
	height:40px;
}
.NombresTemporadas span{
	margin:0px 10px 0px 0px;
	padding:10px;	
}

/* Menu Tabs Content para ordenar contenido */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	/*background: #e0e0e0;*/
	background-color: #F1F1F1;
    background-image: -moz-linear-gradient(center top , #F9F9F9, #ECECEC);
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}


/*-------------------------------------------------------------------------------------------------------------------------/*
/* FRONT END */

/* Claendario inicio */
#ui-datepicker-div{
	z-index:99999!important;
}

/* Paso 1 */
#cargando{
	display:block;
	width:220px;
	height:20px;
	margin:50px auto 10px auto;
	background:url(images/loader.gif) no-repeat;
}

/* Paso 2 */
#habitacionesDisponiblesTable tbody td{
	vertical-align:top;!important
}
#ofertasDisponiblesTable tbody td{
	vertical-align:top;!important
}

.precioSinConfirmar{
	color:#CCC;
}
.precioConfirmado{
	color:#000;
}

/* Paso 3 */
#formalizarReservaForm td input[type="text"]{
	width:90%;
	float:right;
}
#formalizarReservaForm textarea{
	width:100%;
	float:right;
}
#descuentoValidar{
	padding:10px 0px 10px 0px;
}