@charset "utf-8";
/* CSS Document */

.quickbook {
	margin: 0px;
	padding: 5px;
	width: 170px;
	position: relative;
	border-bottom: 1px solid #7E7D6C;
}
.quickbook .qb_head {
	color: #FFF;
	background-color: #7E7D6C;
	text-align: center;
	font-size: 12px;
}
.quickbook .qb_label{
	width: 55px;	
	float: left;
}
.quickbook .qb_guestlabel{
	width: 55px;
	text-align:center;
	float: left;
	position: relative;
}

.quickbook .qb_roomlabel{
	width: 45px;	
	float: left;
	padding-left: 10px;
	background:url(../images/arrow-small-left.gif) center left no-repeat;
}

.quickbook .qb_guestcombo{
	width: 39px;
	border: 1px solid #7E7D6C;
}


.quickbook .qb_row{
	clear: both;
}

.quickbook .qb_dateselect {
	left: 85px;
	width: 80px;
	border: 1px solid #7E7D6C;
}

.quickbook input.qb_datebtn, .quickbook input.qb_btnsend{
	border: 1px solid #7E7D6C;
	background: #7E7D6C;
	color: #FFF;
}
.quickbook input.qb_datebtn:hover, .quickbook input.qb_btnsend:hover{
	border: 1px solid #7E7D6C;
	background: #FFF;
	color: #333128;
}

.quickbook input.qb_btnsend{
	margin-top: 10px;
	width: 170px;	
}


.quickbook .qb_dateselect:hover, .quickbook .qb_guestcombo:hover {
	border: 1px solid #333128;
}
.quickbook .qb_head h3 {
	margin: 5px;
}

/* principal div */
#HWBMask {position:relative; top:0; left:0; width:180px; padding:0px; padding-left: 2px; margin:0; /*background-color:#FFF; border:1px dotted #666;*/
overflow:hidden; }
#HWBMask label, #HWBMask table, #HWBMask td, #HWBMask P { font-family: Arial, Helv, Helvetica, sans-serif; font-size:12px;
color:#000; }
#HWBMask table { width:100%; border:0; }
#HWBMask label { cursor:pointer; }
#HWBMask input, #HWBMask select { font-family:Arial, Helv, Helvetica, sans-serif; font-size:12px; color:#000; }
/* alin submit button and give it a background */
#hwbbutton { margin: 10px 0; text-align:right; }
#HWBMask .submit { margin-right: 12px; background-color:#777; font-size:12px; color:#FFF; font-weight:bold; padding:1px
5px; border:0; cursor:pointer; }
#HWBMask .submitOver {  margin-right: 12px; background-color:#999; font-size:12px; color:#FFF; font-weight:bold; padding:1px 5px; border:0;
cursor:pointer; }
/* calendar icon please change for hotel if necessary */
#hwbdt1, #hwbdt2 { width:18px; height:18px; background:url(http://secure.hotelwebservice.de/media/_icons/calender.gif) top left norepeat;
cursor:pointer; }
/* calendar please change #BBB (dark) and #888(light over) */
.calendar { position: relative; display: none; border: 1px solid; border-color: #FFF #555 #555 #FFF; font-size:12px; cursor: pointer;
background-color:#F7F4ED; color:#000; font-family: Arial, Helv, Helvetica, sans-serif; }
.calendar table { border:1px solid; border-color:#FFF #555 #555 #FFF; font-size:12px; cursor:pointer; background-color:#FFF;
color:#000; font-family:Arial, Helv, Helvetica, sans-serif; }
.calendar .button { text-align:center; padding:1px; border:1px solid; border-color:#FFF #555 #555 #FFF; background-color:#BBB; }
.calendar .nav { background:#BBB url(menuarrow.gif) no-repeat 100% 100%; }
.calendar thead .title { font-weight:bold; padding:1px; border:1px solid; border-color:#FFF #555 #555 #FFF; background-color:#BBB;
color:#555; text-align:center; }
.calendar thead .headrow { }
.calendar thead .daynames { }
.calendar thead .name { border-bottom:1px solid #555; padding:2px; text-align:center; background-color:#F1F1F1; color:#555; }
.calendar thead .weekend { color:#833131; font-weight:bold; }
.calendar thead .hilite { border:2px solid; padding:0px; border-color:#F7F4ED #555 #555 #F7F4ED; }
.calendar thead .active { border-width:1px; padding:2px 0px 0px 2px; border-color:#555 #F7F4ED #F7F4ED #555; }
.calendar tbody .day { width:2em; text-align:right; padding:2px 4px 2px 2px; }
.calendar table .wn { padding:2px 3px 2px 2px; border-right:1px solid #555; background-color:#E1E6F5; color:#555; }
.calendar tbody .rowhilite td { background-color:#888; color:#555; }
.calendar tbody td.hilite { padding:1px 3px 1px 1px; border-top:1px solid #fff; border-right:1px solid #172E55; border-bottom:1px solid
#172E55; border-left:1px solid #FFF; }
.calendar tbody td.active { padding:2px 2px 0px 2px;border:1px solid;border-color:#172E55 #E1E6F5 #E1E6F5 #172E55; }
.calendar tbody td.selected { font-weight:bold;border:1px solid;border-color:#172E55 #E1E6F5 #E1E6F5 #172E55; padding:2px 2px
0px 2px; background-color:#F1F1F1; color:#172E55; }
.calendar tbody td.weekend { color:#833131; }
.calendar tbody td.today { font-weight:bold; color:#172E55; }
.calendar tbody td.disabled { color:#BBB; text-decoration:line-through; }
.calendar tbody .emptycell { visibility:hidden; }
.calendar tbody .emptyrow { display:none; }
.calendar tfoot .footrow {}
.calendar tfoot .ttip { background-color:#BBB; padding:1px; border:1px solid; border-color:#172E55 #E1E6F5 #E1E6F5 #172E55;
color:#172E55; text-align:center; }
.calendar tfoot .hilite { border-top:1px solid #FFF; border-right:1px solid #172E55; border-bottom:1px solid #172E55; border-left:1px
solid #FFF; padding:1px; background-color:#C7C4BB; }
.calendar tfoot .active { padding:2px 0px 0px 2px;border-top:1px solid #172E55;border-right:1px solid #FFF;border-bottom:1px solid
#FFF;border-left:1px solid #172E55; }
.combo { position:absolute; display:none; width:4em; top:0px; left:0px; cursor:pointer; border:1px solid; border-color:#E1E6F5
#172E55 #172E55 #E1E6F5; background-color:#FFF;color:#172E55;font-size:smaller;padding:1px; }
.combo .label,.combo .label-IEfix { text-align:center; padding:1px; }
.combo .label-IEfix {width:4em; }
.combo .active { padding:0px; border:1px solid #172E55; }
.combo .hilite {border:1px solid #172E55;background-color:#E1E6F5; color:#172E55; }