/* principal div */ 
#HWBMask { position:relative; top:0; left:0; width:180px; padding:5px; 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:11px; 
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:11px; color:#000; } 
 
/* alin submit button and give it a background */ 
#hwbbutton             { margin: 10px 0; text-align:right; } 
#HWBMask .submit        { background-color:#777; font-size:11px; color:#FFF; font-weight:bold; padding:1px 
5px; border:0; cursor:pointer; } 
#HWBMask .submitOver    { background-color:#999; font-size:11px; 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 ; 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: 11px; 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: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; }