@charset "utf-8";

#reservation {
	text-decoration: none;
	background-repeat:repeat-y;background-position:right bottom;
	width: 175px;
	background-color: #CACFE0;
	font-size:90%;
	margin:0px;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	color: #000000;
	line-height: 130%;
	float: left;
	background-image: url(../images/bardivide.gif);
	position:relative;
}


#reservation  a{
	color: #FFFFFF;
}

#reservation fieldset
{
	display: block;
	padding: 0;
	margin-bottom: 5px;
}



#reservation input
{
	width: 25px;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:2px;
}

#reservation select.hotelDropdown
{
width:165px;
}

#reservation input.reserveButton
{
	clear: both;
	font-weight: bolder;
	width:163px;

}

#reserveForm  input.search:hover
{
	color: #E9B272;

}

#reservation label
{
	float: left;
	display: block;
	margin-left: 2px;
	margin-right: 0px;
	padding: 0px;
	margin-bottom: 0px;
}


#reservation select
{
	display: block;
}
#reservation input.ddmm {
	width: 22px;
	padding: 1px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:2px;
}

	.trigger{
			border:1px solid #ccc;
			width:165px;
			padding:1px;
			background:url(../images/arrow.gif) center right no-repeat #fff;
			display:block;
		}
		.activetrigger{
			border:1px solid #ccc;
			width:165px;
			padding:1px;
			display:block;
			background:#ccc;
		}
		/* style of the UL */
		.dropcontainer ul{
			background:#fff;
			border:1px solid #999;
			border-bottom:none;
			list-style-type:none;
			padding:0;
			margin:0;
			width:165px;
			position:absolute;
		}
		.dropdownhidden{
			top:0;
			left:-999em;
		}
		.dropdownvisible{
			top:0;
			left:0;
		}
		.dropcontainer ul a{
			padding:0px;
			display:block;
			width:165px;
			text-decoration:none;
			color:#666;
			border-bottom:1px solid #999;
		}
		.dropcontainer ul a:hover{
			background:#ccc;
		}
		.dropcontainer{
			position:relative;
		}