/*-------------------------------------------------------------------------
 Clic.com.mx
 ---------------------------------------------------------------------------
 File: forms.css
 
 Gabriel Rosales Montes
 --> gabriel AT clic DOT com DOT mx <--
 ---------------------------------------------------------------------------
 CSS style for reservations actions block & forms
 Estilos generales para los formularios de búsqueda utilizados
 --------------------------------------------------------------------------*/
#bloqueReservas {
	width: 235px;
	margin: 0 auto;
	position: relative;	
}
.reservaBlockColumn {
	float: left; 
	width: 110px;
}	
#searchDestinationBox .reservaBlockColumn  label.title{

	width:auto;
	position:block;
	float:none;
	text-align:left;
}
/*****FORMS****/
#bloqueReservas input {
	width: 210px;
	padding: 5px;	
	border: none;
	font-size: 14px;
}
#bloqueReservas input:focus {
	box-shadow: 0 0 5px #87D6F4;
	-moz-box-shadow: 0 0 5px #87D6F4;	
	-webkit-box-shadow: 0 0 5px #87D6F4;
	-ms-box-shadow: 0 0 5px #87D6F4;
	-o-box-shadow: 0 0 5px #87D6F4;
}
p.bloqueReserva {
	margin-bottom: 0px;
	font-size: 12px;
	color: #444;
	padding-left: 5px;
}
h4.bloqueReserva,  #searchDestinationBox label.title{
	padding: 5px 5px!important;
	background: none!important;
	margin-bottom: 0px!important;
	margin-left: 0px!important;
}
img#calendarLink {
	position: relative;
	left: 4px;
	top: 5px;
}
img#buscarButton {
	position: relative;
	left: 146px;
	top: 5px;
}
#searchDestinationBox  input.date {
	border: none;
	width: 65px;
	height: 15px;
	font-size: 12px;
}


.ui-autocomplete-category { font-weight:bold;}

#bloqueReservas  input.childs{
	width: 23px;
}
select.rooms {
	border: none;
	width: 42px;
	height: 25px;	
}

select.childsRooms {
	border: none;
	width: 42px;
	height: 25px;	
}

/**************BOTONES***************************/
	div#roomsBlocks { position:relative; clear:both;}

	table#desiredRooms { width:239px; color: #444444; }
	table#desiredRooms td{ vertical-align: middle; text-align:center;  }

	

	table#desiredRooms thead th.part{ width:26px; }
	table#desiredRooms thead th.adults { width:48px; }
	table#desiredRooms thead th.childs { width:48px;  }
	table#desiredRooms thead th.deletePart{ width:auto;  }

	table#desiredRooms tbody tr.partidaAux span{ font-size:7.5pt; font-weight:bold; }
    table#desiredRooms tbody tr.partidaAux td { text-align:right; }
    table#desiredRooms tbody tr.partidaAux td.childsAges{ text-align:left; }

    div#roomsBlocks a.addRoom {
    	position:absolute;
    	right:40px;
    	top:5px;
    }

	a.addRoom{
		width: 69px;
		height: 24px;
		background: url(../img/buttons/addRoom-bg.png) no-repeat;
		position: relative;
		display: block;
	}

	a.minusRoom {
		width: 69px;
		height: 24px;
		background: url(../img/buttons/minusRoom-bg.png) no-repeat;
		position: relative;
		display: block;

}
	a#searchDestinations{
		height: 36px;
		width: 88px;
		background: url(../img/buttons/goSearch.png) no-repeat;
		display: block;
		text-indent: -99999px;
		position: relative;
		margin-bottom: 5px;
		left: 145px;
		top: 5px;
	}
	a#searchDestinations:hover {
		background: url(../img/buttons/goSearch.png) 0 -36px no-repeat;
	}

	a#cancelaReserva{
		height: 36px;
		width: 88px;
		background: url(../img/buttons/cancelReserva.png) no-repeat;
		display: block;
		text-indent: -99999px;
		position: absolute;
		margin-bottom: 5px;
		right: 142px;
		margin-top: 0px;
	}
	a#cancelaReserva:hover {
		background: url(../img/buttons/cancelReserva.png) 0 -37px no-repeat;
	}
	
	a#colocaReserva{
		height: 36px;
		width: 131px;
		background: url(../img/buttons/placeReserva.png) no-repeat;
		display: block;
		text-indent: -99999px;
		position: absolute;
		margin-bottom: 5px;
		right: 8px;
	}
	a#colocaReserva:hover {
		background: url(../img/buttons/placeReserva.png) 0 -37px no-repeat;
	}

	#bloqueReservas .error-message {    margin-left: 0px;}