/* principal div */
#HWBMask { 
	top:0;
	left:0;
	margin:0;
	width:220px;
	padding:10px;
	overflow:hidden;
	position:relative;
	background-color:#FFF;
	border:1px dotted #666;
}

#HWBMask label, #HWBMask table, #HWBMask td, #HWBMask P {
	color:#000;
	font-size:11px;
	font-family: Arial, Helv, Helvetica, sans-serif;
}

#HWBMask table { 
	border:0;
	width:100%;
}

#HWBMask label {
	cursor:pointer;
}

#HWBMask input, #HWBMask select {
	color:#000;
	font-size:11px;
	font-family:Arial, Helv, Helvetica, sans-serif;
}

/* alin submit button and give it a background */
#hwbbutton {
	margin: 10px 0;
	text-align:right;
}

#HWBMask .submit {
	border:0;
	color:#FFF;
	font-size:11px;
	cursor:pointer;
	padding:1px 5px;
	font-weight:bold;
	background-color:#777;
}

#HWBMask .submitOver {
	border:0;
	color:#FFF;
	font-size:11px;
	cursor:pointer;
	padding:1px 5px;
	font-weight:bold;
	background-color:#999;
}

/* calendar icon please change for hotel if necessary */
#hwbdt1, #hwbdt2 {
	width:18px;
	height:18px;
	cursor:pointer; 
	top left norepeat;
	background:url(http://secure.hotelwebservice.de/media/_icons/calender.gif)
}

/* calendar please change #BBB (dark) and #888(light over) */
.calendar {
	color:#000;
	display: none;
	font-size: 11px;
	cursor: pointer;
	border: 1px solid;
	position: relative;
	background-color:#F7F4ED;
	border-color: #FFF #555 #555 #FFF;
	font-family: Arial, Helv, Helvetica, sans-serif;
}

.calendar table {
	color:#000;
	font-size:11px;
	cursor:pointer;
	border:1px solid;
	background-color:#FFF;
	border-color:#FFF #555 #555 #FFF;
	font-family:Arial, Helv, Helvetica, sans-serif;
}

.calendar .button {
	padding:1px;
	border:1px solid;
	text-align:center;
	background-color:#BBB;
	border-color:#FFF #555 #555 #FFF;
}

.calendar .nav {
	background:#BBB url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title {
	color:#555;
	padding:1px;
	font-weight:bold;
	border:1px solid;
	text-align:center;
	background-color:#BBB;
	border-color:#FFF #555 #555 #FFF;
}

.calendar thead .headrow { }

.calendar thead .daynames { }

.calendar thead .name {
	color:#555;
	padding:2px;
	text-align:center;
	background-color:#F1F1F1;
	border-bottom:1px solid #555;
}

.calendar thead .weekend {
	color:#833131;
	font-weight:bold;
}

.calendar thead .hilite {
	padding:0px;
	border:2px solid;
	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 {
	color:#555;
	padding:2px 3px 2px 2px;
	background-color:#E1E6F5;
	border-right:1px solid #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-left:1px solid #FFF;
	border-right:1px solid #172E55;
	border-bottom:1px solid #172E55;
}

.calendar tbody td.active {
	border:1px solid;
	padding:2px 2px 0px 2px;
	border-color:#172E55 #E1E6F5 #E1E6F5 #172E55;
}

.calendar tbody td.selected {
	color:#172E55;
	font-weight:bold;
	border:1px solid;
	padding:2px 2px 0px 2px;
	background-color:#F1F1F1;
	border-color:#172E55 #E1E6F5 #E1E6F5 #172E55;
}

.calendar tbody td.weekend {
	color:#833131;
}

.calendar tbody td.today {
	color:#172E55;
	font-weight:bold;
}

.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 {
	padding:1px;
	color:#172E55;
	border:1px solid;
	text-align:center;
	background-color:#BBB;
	border-color:#172E55 #E1E6F5 #E1E6F5 #172E55;
}

.calendar tfoot .hilite {
	padding:1px;
	background-color:#C7C4BB;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #172E55;
	border-bottom:1px solid #172E55;
}

.calendar tfoot .active {
	padding:2px 0px 0px 2px;
	border-right:1px solid #FFF;
	border-top:1px solid #172E55;
	border-bottom:1px solid #FFF;
	border-left:1px solid #172E55;
}

.combo {
	top:0px;
	left:0px;
	width:4em;
	padding:1px;
	display:none;
	color:#172E55;
	cursor:pointer;
	border:1px solid;
	position:absolute;
	font-size:smaller;
	background-color:#FFF;
	border-color:#E1E6F5 #172E55 #172E55 #E1E6F5;
}

.combo .label,.combo .label-IEfix {
	padding:1px;
	text-align:center;
}

.combo .label-IEfix {
	width:4em;
}

.combo .active {
	padding:0px;
	border:1px solid #172E55;
}

.combo .hilite {
	color:#172E55;
	border:1px solid #172E55;
	background-color:#E1E6F5;
}