body { font-family:Helvetica, Arial, sans-serif;
}

div.header
{
    background-color: #666666;
    padding: 5px;
    margin: auto;
    height: 60px;
}


table.cal {border-collapse: collapse; table-layout:fixed; }
table.cal th { font-size:small; font-weight: normal; border: 1px solid #98bf21; height:28px; width:24px; text-align:center; background-position:center; background-color: #A7C942; color: #ffffff; }
table.cal td { font-size:small; border: 1px solid #98bf21; height:28px; width:24px; text-align:center; background-position:center;  }
td.empty { font-size:small; border:0px; vertical-align:top; text-align:left; }
th.weekend
{
    font-weight: bolder;
}
td.weekend
{
    background-color: #EAF2D3;
}
td.past {color:Gray; border: 1px solid gray;}
td.booked {background-image: url('images/booking.png');}
td.bookedChange {background-image: url('images/changeover_booking.png');}
td.bookedStart {background-image: url('images/start_booking.png');}
td.bookedEnd {background-image: url('images/end_booking.png');}

a.calStart { font-weight:bolder; }

a.calStart:link, a:visited
{
    color: #000000;
    text-decoration: none;
    text-align: right;
}

a.calStart:hover
{
    color: #0000FF;
    text-decoration: none;
}

a.calStart:active
{
    color: #000000;
    text-decoration: none;
}

table.login {    float:right; }
table.login td { border-style: none;
    border-color: inherit;
    border-width: 0px;
    font-size:small; vertical-align:bottom; text-align:left; 
    color: #FFFFFF;
    padding:1px; 
    }
span.headerEx { color: #FF9933; }
table.menu { float:left; }

.Ex { color: #FF0000; }

table.data {border-collapse: collapse; table-layout:auto; }
table.data td { border-style: none;
    border-width: 0px;
    font-size:small; vertical-align:bottom; text-align:left; 
    padding:2px; 
    }

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}
.myButton:active {
	position:relative;
	top:1px;
}



.myButtonRed {
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
	background-color:#fc8d83;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
.myButtonRed:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
	background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
	background-color:#e4685d;
}
.myButtonRed:active {
	position:relative;
	top:1px;
}