body { font-family: ms sans serif, arial; }
#availab { width: 1000px; }

table.spsheet { border-collapse: collapse; }
table.spsheet th { border: 1px solid gray; padding: 1px; }
table.spsheet td { border: 1px solid lightgray; padding: 1px; }
table.spsheet tbody tr:hover { background-color: #ccffcc; }

table.clearTable { border-collapse: collapse; }
table.clearTable tbody td:hover { background-color: #ccffcc; }
.button {     font-size: 121%; }


#editBooking {}
#showGuest td { }
#bookings { float: left; margin-right: 10px; }
caption { font-weight: bold; }
input.noavail { background-color: lightgreen; }
input.negavail { background-color: LightCoral; }
input.beds { width: 22px; text-align: center; border: 1px solid gray;}
input.edited { background-color: yellow; border: 1px solid red; font-weight: bold; }
div.ui-datepicker { font-size: 12px; }


#editbookingdiv, #addItemDiv , #checkindiv, #newbookingdiv{
z-index:99;
background-color: white;
border: 5px solid;
border-radius: 5px 5px 5px 5px;
display: none;
left: 45%;
padding: 30px;
position: fixed;
top: 20%;
text-align:right;
width:210px;
}
#blackout { position:absolute; width:100%; height:100%; background-color:black; z-index:80; display:none;
-moz-opacity: 0.64;
opacity: 0.64;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=64)";

}
.warning { color:OrangeRed;}
.success { color:yellowgreen;}

.groupingBox {border:1px solid green; margin-bottom:3px; padding:1px 1px 1px 3px; border-radius:3px;
margin-left: 2px;
}

.twenty { width:19%;}
.thirty { width:37%;}
.fifty { width:49%;}
.center { text-align:center;}
.fortyfive { width:46%; } 
.forty { width:40%; }