﻿body {
	color:#48402c;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

td {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

h1 {
	display:block;	
	color:#6279a8;
	font-family: Century Gothic, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: 100;
	border-bottom: solid 1px #7693cc;
	width: 640px;
	margin: 32px 0 6px 0;
}

a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: none;
}
a:active {
	color: #666666;
	text-decoration: none;
}
input, select {
	color:#48402c;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 16px;
	height: 16px;
}

.button {
	color:#000000;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	height: 22px;
}

#content {
	position:relative;
	margin: 0 0 0 4px;
	width:640px;
	clear:both;
	color:#48402c;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	margin: 10px;
	padding: 0 0 0 0;
}

.menubackground {
	background: url(images/HeaderBackground.png) repeat-x;
	border: solid 1px #c0c0c0;
	height: 18px;
	margin: 0;
}

.header {
	background: url(images/HeaderBackground.png) repeat-x;
	border: solid 1px #c0c0c0;
	text-align:center;
	border-left: none 0 #c0c0c0;
	border-top: none 0 #c0c0c0;
	font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	height: 18px;
	line-height: 18px;
	padding: 2px 6px 2px 6px;
	margin: 0;
}

.headerselected {
	text-align:center;
	background: url(images/HeaderBackgroundSelected.png) repeat-x;
	border: solid 1px #6279a8;
 	color:#000000;
	font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 17px;
	height: 17px;
	padding: 1px 6px 2px 6px;
	margin: 0;
}

.gridheader {
	background:#f0f0f0 url(images/HeaderBackground.png) repeat-x;
	border: #c0c0c0 1px solid;
	border-bottom: #999999 1px solid;
	font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 18px;
	height: 18px;
	padding: 2px 6px 2px 6px;
	margin: 0;
}

.gridview td {
	font-family: Calibri, Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 22px;
	height: 22px;
	margin: 0;
}

.gridview {
	background-color:#f0f0f0;
	border: #c0c0c0 1px solid;
}

.gridcell {
	display:block;
	background-color:#ffffff;
	border: #c0c0c0 1px solid;
}

.label 
{
	color:#000000;
	font: bold 11px "Segoe UI", Verdana, Arial, Helvetica, Sans-Serif;
	height: 16px;
}

.spacer {
	background: url(images/blank.png);
}

/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */
.eventmonth
{
    border: 1px solid #7693cc;
    margin-right: auto;
    margin-left: auto;
    background: #FFFFFF;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    margin-right: auto;
    margin-left: auto;
    position: relative;
    border: 1px solid #7693cc;
    border-collapse:collapse;
    background-color: #f8f8f8;
}


.dayNumber
{
    float: right;
    border: 0px solid #FFFFFF;
    clear: none;
    padding: 1px;
    font-size:14px;
    font-family: Cambria, Garamond, Times New Roman, Serif;
    color:#000000;
    background: url(images/DateBoxBlue.png) no-repeat;
}
/*.calothermonth .dayNumber {
	display: none;
}*/

.calcurrentmonth
{
    /* no styles needed at this time */
}
/*.calothermonth {
    background-color: #f0f0f0;
    border-top: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
}*/
.calcurrentday {
    background-color: #f8f8f8;
}
.calcurrentmonth , .calothermonth, .calcurrentday , .calweekend {
    text-align: left;
    border: 1px solid #C0C0C0;
    height: 120px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    position:relative;
    border-collapse:separate;
    border-spacing: 5px;
     
}
.bookingbutton 
{
	display:block;
	float:left;
    clear: none;
    text-align: left;
	padding: 1px;
	margin:0;
    background-color: #ffffff;
    font-size:10px;
    font-family: Calibri, Arial, Helvetica, San-Serif;
    vertical-align: top;
    border: 0px solid #ffffff;
    border-bottom: 1px solid #E5E9FF;
    width: 100%;
}