h1 {font-size: 18px; font-weight: bold; line-height: 10px; text-align: center}
h2 {font-size: 14px; font-weight: bold; text-align: center}
h4 {font-size: 12px; line-height: normal; text-align: center}

.gridcell {
	font-size:10px;
	text-align: center;
	width:14px;
	height:14px;
}

.dayofweektitles {
	font-weight: normal;
	background-color:lightgrey;
	FONT-SIZE: 9px;
	BORDER: lightgrey 1px solid;
	height:16px;
	width:18px;
}
.weekendtitles{
	font-weight: strong;
	background-color:silver;
	FONT-SIZE: 9px;
	BORDER: lightgrey 1px solid;
	height:16px;
	width:18px;
}

.cal {
	BORDER: #666666 1px solid;
	-moz-box-shadow: 3px 3px 1px #888;
  -webkit-box-shadow: 3px 3px 1px #888;
  box-shadow: 3px 3px 1px #888;
	-moz-border-radius: 5px;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
	}

.leftborder {border-left:grey 2px solid;}
.rightborder {border-right:silver 1px solid;}


.searchgrid {
	FONT-WEIGHT: strong;
	FONT-SIZE: 10px;
	BORDER: #666666 1px solid;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	}

.summarycell {
	BORDER: #666666 1px solid;
	padding:3px;
}

.searchgridcell {
	font-size:10px;
	font-weight: bold;
	text-align:left;
	display: inline-block;
	width:16px;
	height:16px;
	margin:-3px;
	padding:1px;
	border: whitesmoke 1px solid;
	vertical-align: top;
}

.searchimagecell_high {height:80px;margin-bottom:1px;}


.monthcell {
	background-color:whitesmoke;
}

.monthcellwe {
	background-color: #D6D6D6;
}

.monthtitles {
	background-color: #C5C5C5;
}

.search_select_box {
	BORDER: 1px solid lightgrey;
	padding: 0px;
	width:620px;
	margin-left: auto;
  margin-right: auto;
  background-color:whitesmoke;
	-moz-box-shadow: 5px 5px 2px #888;
  -webkit-box-shadow: 5px 5px 2px #888;
  box-shadow: 5px 5px 2px #888;
	-moz-border-radius: 10px;
  border-radius: 5px;
}

.calendar_select_box {
	border: 1px solid lightgrey;
	padding: 0px;
	width:480px;
	margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  background-color:whitesmoke;
	-moz-box-shadow: 5px 5px 2px #888;
  -webkit-box-shadow: 5px 5px 2px #888;
  box-shadow: 5px 5px 2px #888;
	-moz-border-radius: 10px;
  border-radius: 5px;
}

.single_month {
	border: 1px solid red;
	width:140px;
	margin-left: auto;
  margin-right: auto;

}

.single_month_cell {
	border: 1px solid blue;
	width:18px;
	height:18px;
	display: inline-block;
	margin: -3px;
}

.single_month_header {
	width: 140px;
  text-align:center;
  font-weight: bold;
  font-size:12px;
  display: inline-block;
  padding: 6px;
	margin: -3px;
}
.calborders {BORDER: lightslategray 1px solid;}

.cb {
	height:14px;
	width: 14px;
}

label {
	font-size:11px;
  margin-bottom:-2px;
}

.headertext {
  margin-top:4px;
  width:600px;
  font-size: 12px;
  text-align:center;
}

.month_cal_mainbox {
	width:620px;
	margin-left: auto;
  margin-right: auto;
  border: #D8D8D8 2px solid;
  height:570px;
  -moz-box-shadow: 5px 5px 2px #888;
  -webkit-box-shadow: 5px 5px 2px #888;
  box-shadow: 5px 5px 2px #888;
	-moz-border-radius: 10px;
  border-radius: 5px;
}

/* 3 month row */
.monthcalsrows {
	clear:left;
	height:22px;
}

/* single day */
.monthcalsrows span {
	display:block;
	float:left;
	width:20px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}



.year_cal_mainbox {
	width:765px;
	margin-left: auto;
  margin-right: auto;
  border: #D8D8D8 1px solid;
  -moz-box-shadow: 5px 5px 2px #888;
  -webkit-box-shadow: 5px 5px 2px #888;
  box-shadow: 5px 5px 2px #888;
	-moz-border-radius: 10px;
  border-radius: 5px;
}

.betweendates_mainbox {
	width:350px;
	height: 260px;
	margin-left: auto;
  margin-right: auto;
  border: #D8D8D8 1px solid;
  -moz-box-shadow: 5px 5px 2px #888;
  -webkit-box-shadow: 5px 5px 2px #888;
  box-shadow: 5px 5px 2px #888;
	-moz-border-radius: 10px;
  border-radius: 5px;
  margin-top:10px;
  padding: 4px;
}

.singledate_mainbox {
	width:290px;
	height: 230px;
	margin-left: auto;
  margin-right: auto;
  border: #D8D8D8 1px solid;
  -moz-box-shadow: 5px 5px 2px #888;
  -webkit-box-shadow: 5px 5px 2px #888;
  box-shadow: 5px 5px 2px #888;
	-moz-border-radius: 10px;
  border-radius: 5px;
  margin-top:10px;
  padding: 4px;
}


A:link {color: #CC0000;text-decoration: none;}
A:visited {color: #CC0000;text-decoration: none;}
A:active {color: #CC0000;text-decoration: none;}
A:hover {color: #000099;text-decoration: none;background-color:FEFEF2;}

.pageheader {
font-size: 16px;
font-weight: bold;
color: #000000;
text-align: center;
}

.pagesubheader {
font-size: 14px;
font-weight: bold;
color: #666666;
}
.textmain {FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}
.formlabel {
font-size: 12px;
font-family : Verdana;
text-align: right;
}
.formlabelUL {
font-size: 12px;
font-family : Verdana;
text-align: right;
BORDER-BOTTOM: #666666 1px solid;
}

.lostpw {
	font-size: 9px;
	font-family : Verdana;
	font-weight: bold;
	display: inline;
}

.forminputs {
	border: 1px solid #999999;
	font-size: 11px;
	background-color: #E4E4E4;
}

.selectdd {
	border: 1px solid #999999;
	font:95% Helvetica, Arial, sans-serif;
	background-color: #D8D8D8;
}

.input_dp {background-color: #FFFFCC; height:18;font-size: 10px;}

.formtextarea {
	border: 1px solid #999999;
	font-size: 11px;
	background-color: #E4E4E4;
}
.boldunderline{
	font-weight: bold;
	text-decoration: underline;
	text-align:left;
}

.red_emphasis {
	color : #FF0000;
	display:inline;
}

.question {
	font-size: 11px;
	font-weight: bold;
	color: #AA0000;
}
.smallerred {
	font-size: 10px;
	font-family : Verdana;
	color : #FF0000;
	text-align: left;
}

.copywr a:link {
  font-size: 7pt;
  color: darkslateblue;
}

.copywr a:visited {
font-size: 7pt;
color: darkslateblue;
}

.copywr a:hover {
font-size: 7pt;
color: darkslateblue;
}

.copywr a:active {
font-size: 7pt;
color: darkslateblue;
}

.message {
font-size: 10pt;
BORDER-bottom: #666666 1px solid;
BORDER-TOP: #666666 1px solid;
text-align: center;
}
.messageredbold {
font-size: 10pt;
text-align: center;
color : #AA0000;
font-weight: bold;
}

.subbutton_sm {
font-size: 9pt;
BORDER: #666666 1.5px solid;
text-align: center;
font-weight: bold;
color: #000000;
height:20px;
width:120px;
}

.subbutton {
font-size: 10pt;
BORDER: #666666 1px solid;
text-align: center;
font-weight: bold;
color: #000000;
height:20px;
width:170px;
}

.subbuttonwider {
font-size: 10pt;
BORDER: #666666 1px solid;
text-align: center;
font-weight: bold;
color: #000000;
height:20px;
width:190px;
}

.selectbutton {
font-size: 9pt;
BORDER: #666666 1px solid;
text-align: center;
color: #000000;
height:16px;
width:50px;
}

.gridcell {
	font-size:10px;
	text-align: center;
	width:14px;
	height:14px;
}


.invisible {visibility: hidden;}


a.avail_class:hover {
	color: #660000;
	font-size:12px;
}

.cbshow {
	height:14px;
	width: 14px;
	visibility: visible;
}

.cbhidden {
	height:14px;
	width: 14px;
	visibility: hidden;
}

.hiddenDiv {display: none;}
.visibleDiv{display: block;}

.pbclass1 {
	font-size:10px;
	background-color:azure;
}
.pbclass2 {
	font-size:10px;
	background-color:khaki;
}
.pbclass3 {
	font-size:10px;
	background-color:lightgreen;
}
.pbclass4 {
	font-size:10px;
	background-color:lavenderblush;
}
.pbclass5 {
	font-size:10px;
	background-color:seashell;
}
.pbclass6 {
	font-size:10px;
	background-color:gainsboro;
}
.pbclass7 {
	font-size:10px;
	background-color:lightblue;
}
.pbclass8 {
	font-size:10px;
	background-color:linen;
}
.pbclasstitle {
	font-size:10px;
	background-color:thistle;
	font-weight: bold;
}

.pbclassnoprice{
	font-size:14px;
	background-color:white;
	font-weight: bold;
}

.showprice{
  background-color:#FFFFCC;
  height:14px;
  width:75px;
  font-size: 10px;
  border: 1px solid #999999;
  display: inline-block;
  padding: 1px;
  font-weight: normal;
}

.shownights{
  background-color:#FFFFCC;
  height:14px;
  width:300px;
  font-size: 10px;
  border: 1px solid #999999;
  display: inline-block;
  padding: 1px;
  font-weight: normal;
}

.clearbutton {
  font-size: 8px;
  font-weight: bold;
  BORDER: #666666 1px solid;
  color: #000000;
  height:20px;
  vertical-align: top;
  width:28px;
  padding: 0px;
}

.toggle {
	cursor:pointer;
	background-color:#FFFFCC;
  height:16px;
  vertical-align: top;
  width:	60px !important;
  font-size: 10px;
  border: 1px solid #999999;
  display: inline-block;
  padding: 1px;
  font-weight: bold;
  text-align:center;
}

form { margin:0; padding:0;display:inline;}

.daysofweekcompact {
	font-weight: bold;
	background-color: lightgrey;
}

.todaybutton {
font-size: 9pt;
BORDER: #666666 1px solid;
text-align: center;
color: #000000;
height:17px;
vertical-align:top;
}

.availbutton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
BORDER: #666666 1px solid;
text-align: center;
color: #000000;
height:20px;
width:120;
}

.smallbutton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
vertical-align:top;
BORDER: #666666 1px solid;
text-align: center;
color: #000000;
height:17px;
width:15px;
}

.gobutton {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
vertical-align:top;
BORDER: #666666 1px solid;
text-align: center;
color: #000000;
height:17px;
width:24px;
}

.keybox {
  width:12;
  height:12;
  vertical-align:middle;
  padding:2px;
  border: 1px solid grey;
  display:inline;
  font-size: 8pt;
  font-weight: bold;
  text-align: center;
  vertical-align:middle;
  color:black;
}

.titleband {
	font-size: 14px;
	font-weight: bold;
	height:30;
}

.smallerredright {
	font-size: 10px;
	color : #FF0000;
	text-align: right;
	text-decoration:none;
	display:inline;}

.smallerright {
	font-size: 10px;
	text-align: right;
	text-decoration:none;
	display:inline;
}

.nameband {font-size: 12px;font-weight: bold;height:20;}

.bottomband {font-size: 10px;}

.dateselectband {
  height:20px;
  vertical-align:middle;
  text-align:center;
  border-bottom: #666666 1px solid;
}

.compactcell {
	font-size: 11.20px;
	text-decoration: none;
  text-align: center;
  border:solid 1px whitesmoke;
  width: 26px;
  height:22px;
  padding:1px;
  vertical-align:middle;
}

fieldset {
border:1px solid #ccc;
padding:3px 3px;
width:475px;
align:center;
margin:15px;
font-size:14px;
}

legend {
border:1px solid #ccc;
padding:4px 8px;
font:85% Helvetica, Arial, sans-serif;
font-weight:bold;
color:#300;
background:#f6f6f6;
}



input[type=submit] {
cursor:pointer;
background:#003366;
border:1px solid #498929;
color:#fff;
}

input[type=button] {
cursor:pointer;
}

.error, .notice, .success {padding:.1em;margin-bottom:.5em;border:1px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.hidden {display:none;}
.floatright {float:right;}

.greyed {color:#626262;}


.scrollformat {
	width:600px;
	height:100px;
	overflow:auto;
}

.colourskey {
	width: 92px;
	height:20px;
	display: inline-block;
	border:solid 1px lightgray;
  margin: 3px;
  text-align: center;
  font-size: 12px;
  -moz-border-radius: 5px;
  border-radius: 3px;
}

.colourskey2 {
	height:20px;
	display: inline-block;
	border:solid 1px lightgray;
  margin: 3px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  -moz-border-radius: 5px;
  border-radius: 3px;
}

.paypal_line {
	padding: 4px;
	font-size: 8pt;
  width:170px;
  vertical-align: top;
  display: inline-block;
  BORDER: #666666 1px solid;
  text-align: center;
  margin:15px;
  -moz-box-shadow: 5px 5px 2px #888;
  -webkit-box-shadow: 5px 5px 2px #888;
  box-shadow: 5px 5px 2px #888;
	-moz-border-radius: 5px;
  border-radius: 5px;
}