/* principal div */
#HWBMask {
	position:relative;
	top:0;
	width:210px;
	margin:0;
	overflow:hidden;
	margin-bottom:20px;
}
#HWBMask form{
	margin:0;
}

#HWBMask label, #HWBMask table, #HWBMask td, #HWBMask P {
	font-family: Arial, Helv, Helvetica, sans-serif;
	font-size:11px;
	color:#333;	
	font-weight:bold;
	margin:0px;	
}

#HWBMask table {
	width:100%;
	border:0;
	margin-bottom:0.0em;
}
#HWBMask label {
	cursor:pointer;
}
#HWBMask input, #HWBMask select {
	font-family:Arial, Helv, Helvetica, sans-serif;
	font-size:12px;
	color:#51565A;
	padding: 0 auto;
	height:21px;
}
/* alin submit button and give it a background */
#hwbbutton {
	margin-top: 10px;
	text-align:right;
	vertical-align:top;
}
#HWBMask .submit {
	background-color:#51565A;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	border:0;
	cursor:pointer;
	height:23px;
	padding-bottom:1px;
}
#HWBMask .submitOver {
	background-color:#666;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	border:0;
	cursor:pointer;
	height:23px;
	padding-bottom:1px;
}

#hwbro1 table, #hwbro2 table, #hwbro3 table{
	margin-bottom:2px;
}

#hwbro1 {
	margin-top:5px;
}

#div.hwbbutton{
	margin: 0px;
}
/* calendar icon please change for hotel if necessary */
#hwbdt1, #hwbdt2 {
	width:18px;
	height:18px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image: url(../images/resources/calendar.jpg);
	background-position: left;
}


/* 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: 11px;
	cursor: pointer;
	background-color:#F7F4ED;
	color:#000;
	font-family: Arial, Helv, Helvetica, sans-serif;
	z-index:9999;
}
.calendar table {
	border:1px solid;
	border-color:#FFF #555 #555 #FFF;
	font-size:11px;
	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;
}