a:link, a:visited  {
	text-decoration: 	none;
	color:#333;
	color:#3355FF;
}
a:hover { 
	text-decoration: none; 
	color:#000;
	background-color: 	#005030; /* WLTC dark green */
	color: 				#ffffff;
}

body  { 
	font-family: 	Verdana, Arial, sans-serif; 
	font-size: 		12pt; 
	line-height: 	150%; 
	margin-left:	0px;
}

p { 
	font-family: 	Verdana, Arial, sans-serif; 
	font-size: 		12px;
	line-height: 	150%; 
	margin-left:	0px;
	margin-top:		0px;
}
p.small {
	font-size: 		9px;
}


body {
	/*background-color: 	#bbccdd;
	background-image:	url(./hdr4.png);
	background-repeat: 	repeat-x;*/
	margin-top:	0px;
}

OLD_h1 {
	font-size: 		11pt;
	font-weight:	bold;
	margin:			2px 0px 0px 0px;
	color:			#005030; /* Weybridge LTC Green */
}
h1 {
	font-size: 		16pt;
	margin:			16px 0px 8px 0px;;	
}
h2 {
	font-size: 		16pt;
	margin:			8px 0px 8px 0px;
	/*text-shadow:	#FFF 1px 1px 1px;*/	
}
h3 {
	font-size: 		12pt;
	margin:			8px 0px 14px 0px;
	/*text-shadow:	#FFF 1px 1px 1px;*/	
}
h4 {
	font-size: 		9pt;
	margin:			1px 0px 8px 0px;
	/*text-shadow:	#FFF 1px 1px 0px*/;
	font-weight:	normal;	
	color:			#333;
}
h5 {
	font-family: 	Verdana, Arial, sans-serif;
	font-weight:	bold;
	font-size: 		9pt;
	margin:			14px 0px 10px 9px;
	color:			#5555FF;	
}

p {
	margin-bottom:	2px;
	margin-top:		2px;	
}

.bookingcomment {
	font-size: 		8pt;
	font-style: 	italic;
	color:			#666;
}
#cal_wrapper {
	max-width:		640px;
	margin:			auto;
	overflow: 		hidden;
}
#the_months {
	float:left; 
	/*max-width:534px;*/
}
.cal_month{
	float:left;
	margin-right:	20px;

	background-color: 		#FFF;
	
	/*-moz-box-shadow: 		2px 2px 3px 0px #777;
	-webkit-box-shadow: 	2px 2px 3px 0px #777;
	box-shadow: 			2px 2px 3px 0px #777;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#777777',direction='120',strength='4');*/
}

#loginblock
{
	display: 				inline-block; 
	padding: 				9px 5px 5px 5px; 
	width:					380px;
	border: 				1px solid #663333;
	border-radius: 			8px;
	margin-top:				8px;

	background-color: 		#FFF;
	
	-moz-box-shadow: 		2px 2px 3px 0px #777;
	-webkit-box-shadow: 	2px 2px 3px 0px #777;
	box-shadow: 			2px 2px 3px 0px #777;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#777777',direction='120',strength='4');

}
#loginblock_faded
{
	display: 				inline-block; 
	padding: 				9px 5px 5px 5px; 
	width:					410px;
	border: 				1px solid #663333;
	border-radius: 			8px;
	margin-top:				8px;

	background-color: 		#FFF;
}
.faded {
	color:					#888;
}

#newregister
{
	display: 				inline-block; 
	padding: 				9px 5px 5px 5px; 
	width:					410px;
	border: 				1px solid #AAA;
	border-width: 			1px 0px 0px 0px;
	/*border-radius: 			8px;
	margin-top:				8px;*/

	background-color: 		#FFF;
}
#loginregister
{
	display: 				inline-block;
	background-color: 		#F5F5F5;
	margin:					0px 0px 10px 0px;
	padding:				0px 0px 0px 0px;
	
	border: 				1px solid #AAA;

}
.loginerror {
	
	padding: 				5px 5px 5px 5px; 
	/*display: 				inline-block; 
	width:					300px;
	border: 				1px solid #FF6666;
	border-width: 			1px 1px 1px 1px;
	background-color: 		#ccc;*/
	color:					#CC0000;
	font-size:				13px;
	font-weight:			bold;
}
fieldset.errorbox
{
	width: 					270px;
	border: 				px solid #FF6666;
	border-width: 			1px 1px 1px 1px;
	background-color: 		#FFFFFF;
	color:					#CC0000;
	font-size:				11px;
	text-align:      		left;
	padding:				4px 2px 4px 8px;
	margin-top:				10px;
	font-weight: 			bold;
}
fieldset.noticebox
{
	width: 					270px;
	border: 				px solid #FF6666;
	border-width: 			1px 1px 1px 1px;
	background-color: 		#FFFFDD;
	padding:				5px 5px 5px 5px;
}
p.noticeboxp
{
	color:					#CC0000;
	font-size:				12px;
	text-align:      		left;
	padding:				4px 2px 4px 8px;
	margin-top:				10px;
	font-weight: 			bold;
	line-height:			1.99em;
}
fieldset.errorboxwide
{
	width: 					270px;
	border: 				1px solid #FF6666;
	border-width: 			1px 1px 1px 1px;
	background-color: 		#FFFFFF;
	color:					#CC0000;
	font-size:				11px;
	text-align:      		center;
	padding:				6px 12px 6px 12px;
	margin-top:				10px;
	font-weight: 			normal;
}


/****************************************************************************************/
/* Form                                                                                 */
/****************************************************************************************/
select { 
	font-size:			16px;
	width:				150px; 
	margin:				2px 0px 2px 2px;
	padding:			2px; 
	/*font-weight: 		bold;*/
}
.wideselect { 
	width:				270px; 
	font-size:			12px;
	padding: 			6px 4px 6px 4px;
}

option { 
	font-size:			14px;
	padding:			8px 2px 8px 2px;
}
.optionbox {
	width:				30px;
	height:				30px;
	padding:			20px 20px 20px 20px;
}
.optionboxset {
	width:				30px;
	/*height:				30px;*/
	margin:				0px 5px 0px 10px;
}
.optionboxSmall {
	width:				20px;
	height:				20px;
	padding:			5px 5px 5px 5px;
}
.radioleft {
	width:				15px;
	height:				15px;
	/*padding:			20px 20px 20px 20px;*/
}
label
{
	font-size:			12px;
	/*margin:				2px 0px 2px 2px;
	float: 				left;*/
	width:				65px;
}

input 
{ 
	width:				270px;
	font-size:			14px;
	padding: 			6px 4px 6px 4px;
}


input.money 
{ 
	width:				150px;
	font-size:			14px;
	padding: 			6px 4px 6px 4px;
	margin-left:		2px;
}
input.score 
{ 
	width:				30px;
	font-size:			14px;
	padding: 			4px 2px 4px 2px;
	margin-left:		2px;
}
input.score2 
{ 
	width:				50px;
	font-size:			14px;
	padding: 			4px 2px 4px 2px;
	margin-left:		2px;
}
input.BTM 
{ 
	width:				200px;
	font-size:			12px;
	padding: 			2px 0px 2px 2px;
	margin:				0px 0px 0px 0px;
}
input.subs 
{ 
	width:				200px;
	font-size:			14px;
	padding: 			2px 4px 2px 2px;
	margin-left:		2px;
}
input.button
{
	width:			180px;
	align: 			left;
	padding: 		4px 0px 4px 0px;
	margin-top: 	6px;
/*	
	font-family: 	Verdana, Arial, Helvetica, sans-serif; 
	font-size:		16px; 
	
	font-weight: 	bold;
	text-shadow: 	#fff 1px 1px 2px; 
	
*/	/* The 3 values are X offset, Y offset, Blur */
}

.smallbutton {
	width:			75px;
	align: 			center;
	padding: 		2px 0px 2px 0px;
	margin-top: 	6px;

	font-size:		9pt; 

	text-shadow: 	#fff 1px 1px 2px; /* The 3 values are X offset, Y offset, Blur */
}
textarea {
	width:			160px;
	padding:		0px 0px 2px 4px;
}
textarea.subs 			{ width: 200px; margin-left: 2px;}
textarea.memform		{ width: 270px; height: 100px; padding:	0px 0px 2px 4px;}
textarea.calcomment		{ width: 270px; height: 35px;  padding:	2px 0px 2px 4px;}

textarea.calcomment		{ width: 270px; height: 60px;  padding:	2px 0px 2px 4px;}

.shortselect {
	font-size:			12px;
	width:				90px; 
	margin:				2px 0px 2px 2px;
	padding:			2px; 
}

.shortselect option { 
	font-size:			12px;
	padding:			0px 2px 0px 2px;
}

.memselect {
	font-size:			14px;
	width:				270px; 
	margin:				2px 0px 2px 0px;
	padding:			2px; 
}

.memselect option { 
	font-size:			14px;
	padding:			2px 2px 2px 2px;
}

.subselect {
	font-size:			14px;
	width:				200px; 
	/*margin:				2px 0px 2px 0px;*/
}

.subsselect option { 
	font-size:			14px;
	padding:			1px 2px 1px 2px;
}
/********************************************/
/*     Input Calendar Fields                */
/********************************************/
.inputdate td
{
	padding-left: 	0px;
	
	width:			48px;
	padding:		1px 0px 0px 0px; 
	margin:			0px;
	font-size: 		12pt; 
	line-height: 	100%;	
}

.inputdate input 		
{ 
	width:			40px;
	padding:		8px 0px 8px 4px;
	margin:			0;
	font-size: 		12pt; 
	line-height: 	100%;
}

.inputdate select 		
{ 
	width:			48px;
	padding:		3px 0px 2px 0px;
	/*margin:			0px;
	font-size: 		10pt; 
	line-height: 	100%;*/
}
.inputdate option 		
{ 
	width:			48px;
	padding:		1px 0px 1px 4px; 
	margin:			0px;
	font-size: 		10pt; 
	line-height: 	100%;
	color:#F00;
}

/****************************************************************************************/
/* Tables                                                                               */
/****************************************************************************************/


table.month_table
{
    border-collapse: collapse;
    border:          1px solid;
    empty-cells:     show;
    text-align:      left;
	margin-top:		 10px;
}

table.month_table th
{
    text-align:      	center;
	background-color: 	#e8e8e8;
}

table.month_table td
{
    border: 			1px solid;
}

tr
{
    vertical-align: 	top;
}

table.month_table td a:link {
	padding:			2px 7px 2px 7px;
}
table.month_table td a:hover {
	background-color: 	#005030; /* WLTC dark green */
	color: 				#ffffff;
	padding:			2px 7px 2px 7px;
}


td.ax, td.e
{
    text-align:       center;
	background-color: 	#fff;
}
td.SS
{
    text-align:       center;
	/*background-color: 	#e8e8e8;
	color:				#FFF;*/
	
	background-color: 	#dddddd;
	color:				#000000;
}

td.dd /* Day header */
{ 
    text-align:       	center;
	line-height: 		150%;
	color:				#005030;
	font-weight:		bold;
	background: 		#f5f5f5;
}

td.mm /* Month header */
{ 
    text-align:			center;
	font-weight: 		bold;
	line-height: 		150%; 
	color:				#000;
	background: 		#f5f5f5;
	
	border: 		1px solid #000000; 
	border-width: 	1px 1px 1px 1px ;
}


table.calendar
{
/*    border-collapse: 	collapse;
   	border:          	1px solid; 
   	border-width: 		1px 1px 1px 1px ;
    empty-cells:     	show;
*/
}

table.bookings
{
    border-collapse: collapse;
    border:          1px solid;
    empty-cells:     show;
    text-align:      left;
	margin-top:		 6px;
}
table.bookings th
{
    font-size: 			11pt;
	font-weight: 		bold;
	padding:			4px 0px 4px 0px;	
	text-align:      	center;
	background-color: 	#e8e8e8;
}
table.bookings td 
{
    border: 			1px solid;
	padding:			2px 2px 2px 2px;
	font-size: 			9pt; 
	line-height: 		100%;
	height:				20px;
}

table.memberlist
{
    border-collapse: collapse;
    border:          1px solid;
    empty-cells:     show;
    text-align:      left;
	margin-top:		 4px;
}
table.memberlist th
{
    border: 			1px solid;
    font-size: 			9pt;
	font-weight: 		bold;
	padding:			4px 0px 4px 2px;	
	text-align:      	left;
	background-color: 	#e8e8e8;
}
table.memberlist td 
{
    border: 			1px solid;
	padding:			2px 4px 2px 4px;
	font-size: 			9pt; 
	line-height: 		100%;;
	/*height:				20px;*/
}
table.memberlistS
{
    border-collapse: collapse;
    border:          1px solid;
    empty-cells:     show;
    text-align:      left;
	margin-top:		 4px;
}
table.memberlistS th
{
    border: 			1px solid;
    font-size: 			9pt;
	font-weight: 		bold;
	padding:			4px 6px 4px 6px;	
	text-align:      	left;
	background-color: 	#e8e8e8;
}
table.memberlistS td 
{
    border: 			1px solid;
	padding:			4px 6px 4px 6px;
	font-size: 			9pt; 
	line-height: 		100%;
	/*height:				20px;*/
}
table.memberlisthead
{
    border-collapse: collapse;
    border:          1px solid;
    empty-cells:     show;
	margin-top:		 4px;
	background-color: 	#FFF;
}

table.memberlisthead td 
{
    border: 			1px solid;
	padding:			2px 0px 2px 2px;
	font-size: 			9pt; 
	line-height: 		150%;
}

table.settings_left td {
	padding:			8px 0px 0px 0px;
	font-size: 			11pt;
}

table.settings_right td {
	padding:			0px 0px 2px 0px;
	font-size: 			11pt;
}


table.matchtable
{
    border-collapse: collapse;
    empty-cells:     show;
    text-align:      left;
	margin-top:		 4px;
}

table.matchtable td {
	padding:			2px 0px 2px 2px;
	font-size: 			11pt; 
	line-height: 		100%;
	/*height:				20px;*/
}

table.memform
{

}

table.memform td {
	padding:			2px 0px 2px 0px;
	font-size: 			13px; 
	line-height: 		100%;
	/*height:				20px;*/
}

/****************************************************************************************/

.bookable {
	background: 	#FFF;
}
.namedcell {
	background: 	#e8e8e8;
	background: 	#ccc;
	background: 	#dadada;
}

img a:hover { 
	background: 	#f5f5f5;
	text-decoration: underline; 
}

fieldset
{
	background-color: 		#F5F5F5;
	margin:					0px 0px 10px 0px;
	padding:				0px 0px 10px 0px;
	
	border: 				1px solid #AAA;
	
	-webkit-border-radius: 	8px;
	-moz-border-radius: 	8px;
	border-radius: 			8px;

	
	/* 
	Box shadow specification 
	[horizontal offset, vertical offset, optional blur distance and optional spread distance of the shadow] 
	*/
	
	-moz-box-shadow: 		2px 2px 3px 0px #777;
	-webkit-box-shadow: 	2px 2px 3px 0px #777;
	box-shadow: 			2px 2px 3px 0px #777;

}


fieldset.infobox
{
	background-color: 		#F5F5F5;
	width: 					270px;
	margin:					0px 0px 10px 0px;
	padding:				5px 10px 5px 10px;
	
	border: 				1px solid #AAA;
	
	-webkit-border-radius: 	8px;
	-moz-border-radius: 	8px;
	border-radius: 			8px;

	-moz-box-shadow: 		2px 2px 3px 0px #777;
	-webkit-box-shadow: 	2px 2px 3px 0px #777;
	box-shadow: 			2px 2px 3px 0px #777;
	
	/* and just for IE */
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#777777',direction='120',strength='4');
}

/* ************************************************** */
/*        Reserve Now Button                          */
/* ************************************************** */

.reserve {
   /*border-top: 1px solid #96d1f8;
   border: 		1px solid #96d1f8;*/
   /*background: #65a9d7;*/
   /*background: -webkit-gradient(linear, left top, left bottom, from(#E6F2FF), to(#FFF));
   background: -webkit-linear-gradient(top, #E6F2FF, #FFF);
   background: -moz-linear-gradient(top, #E6F2FF, #FFF);
   background: -ms-linear-gradient(top, #E6F2FF, #FFF);
   background: -o-linear-gradient(top, #E6F2FF, #FFF);*/
   padding: 		5px 1px;
   margin-top:		5px;
/*   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;*/

   text-decoration: none;
   vertical-align: middle;
   
/*   display: 		block;
   width:			275px;
   height:			55px;*/
}
.reserve:hover {
   /*border-top-color: #9cceff;*/
   background: #c9e3ff;
   color: #111111;
}
.reserve:active {
   border-top-color: #1b435e;
   background: #1b435e;
}

