BODY
{
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    font-size: 80%;
}
TD
{
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 100%;
    white-space: nowrap
}
TH
{
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    white-space: nowrap;
    background: #7dcd00;
    COLOR: #000000;
}
CAPTION
{
    FONT-FAMILY: Arial, Helvetica, Sans-Serif
}
P
{
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    text-align: justify;
}


a:link {  font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif; font-size: 1em; font-style: normal; color: #000000; text-decoration: underlined}
a:hover {  font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif; font-size: 1em; font-style: normal; color: #CC0033; text-decoration: underlined}
a:visited {  font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif; font-size: 1em; font-style: normal; color: #CC0033; text-decoration: underlined}
a:active {  font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif; font-size: 1em; font-style: normal; color: #CC0033; text-decoration: underlined}




H1
{
    COLOR: #000000;
    BACKGROUND-COLOR: #7dcd00;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 160%;
    FONT-WEIGHT: lighter;
    TEXT-ALIGN: center
}
H2
{
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 150%;
    FONT-WEIGHT: lighter
}
H3
{
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 140%;
    FONT-WEIGHT: lighter
}

H4
{
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 130%;
    FONT-WEIGHT: lighter
}
H4 a:link {font-size: 100%; font-style: normal; color: #000000; text-decoration: none; FONT-FAMILY: Arial, Helvetica, Sans-Serif;}
H4 a:hover {font-size: 100%; font-style: normal; color: #CC0033; text-decoration: none; FONT-FAMILY: Arial, Helvetica, Sans-Serif;}

H5
{
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 110%;
    FONT-WEIGHT: lighter
}
.Heading
{
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 110%;
    FONT-WEIGHT: lighter;
    text-align: center;
}
.Warning
{
    COLOR: red;
    FONT-SIZE: 110%
}
H6
{
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 100%
}

.input
{
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 80%;
    MARGIN: 0px;
    WIDTH: 100px
}

.go
{
  FONT-FAMILY: Arial, Helvetica, Sans-Serif;
  FONT-SIZE: 1.5em;
  TEXT-ALIGN: center;
  BACKGROUND-COLOR: #7dcd00;
  BORDER-BOTTOM: buttonshadow 1% solid;
  BORDER-LEFT: buttonhighlight 1% solid;
  BORDER-RIGHT: buttonshadow 1% solid;
  BORDER-TOP: buttonhighlight 1% solid;
  COLOR: #ffffff; CURSOR: hand;
}

.go:hover{color:#CC0033}

.golarge
{
  FONT-FAMILY: Arial, Helvetica, Sans-Serif;
  FONT-SIZE: 1.5em;
  TEXT-ALIGN: center;
  BACKGROUND-COLOR: #7dcd00;
  BORDER-BOTTOM: buttonshadow 1% solid;
  BORDER-LEFT: buttonhighlight 1% solid;
  BORDER-RIGHT: buttonshadow 1% solid;
  BORDER-TOP: buttonhighlight 1% solid;
  COLOR: #ffffff; CURSOR: hand;

}

.golarge:hover {
  	color:#3300ff;
	BACKGROUND-COLOR: #7dcd00;
}

.gridtable{
  background-color: #d0d0d0;
}  
.gridnobg{
  background-color: #ffffff;
}  
.required{
  border-color:blue
}
.grid{
  width:0.8em;
  height:1.5em;
  border: 0px;
}
.gridheader{
  text-align: left;
  background-color: #CCddFF;
  border: 0px
}
.gridheading {
  text-align: left;
  background-color: #C6C3C6
  border: 0px;
}
/*aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow or rgb(255,0,0)*/
.available
{
background-color: #3300CC;
border: 0px
}
.available:hover /*doesnt work in ie*/
{
background-color: #CC0033;
border: 0px
}
.shut
{
background-color: #C0C0C0;
border: 0px
}
.session
{
background-color: #FFFF00;
border: 0px
}

.taken
{
background-color: #FFFF33;
border: 0px
}
.partial
{
background-color: #990066
border: 0px;
}

.menuff {
width: auto; float: center ;cursor:hand; solid #7dcd00; display: inline;
}

.menu {
width: auto;
float: center;
cursor:hand;
solid #7dcd00;
display: inline
}
/* LIVE SITE
.menu {style_home.css (line 179)
display:inline;
width:auto;
}*/

/* OLD
.menu {
width: auto; 
float: left; 
cursor: pointer; 
color: #00BFFF; 
display: inline;
}
*/

.menu a {
border: 2px solid #7dcd00;
font-family: verdana, arial,sans-serif; font-weight: bold;
padding: 2px; text-align: center; text-decoration: none; color:#666666

}
.menu a:hover {
color:#3300ff
}
@media print {
   DIV.header {display:none;}
   DIV.menu {display:none;}
}
DIV.header{
 padding:1%;
}
div.row {
  clear: both;
  padding-top: 1%;
  width:100%;
}

div.w3c {
  float: left;
  clear: both;
  padding-top: 10%;
  width:100%;
}

div.row span.label {
  float: left;
  width: 45%;
  text-align: left;
}
div.row label.access_label {
  float: left;
  width: 45%;
  text-align: left;
}

div.row span.formw {
  float: left;
  width: auto;
  text-align: right;
}
abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
}

/*
Items added for compatibility checks
*/

.clear {
	clear: both;
}	

.clear10 {
	clear: both;
	height: 10px;
}	
#site_header {
	width: 100%;
}	
#site_header #header_logo_full { 
	text-align: left;
	width: 100%;

}
#site_header #header_logo_half {
	display: inline;
	float: left;
	text-align: left;
	width: 50%;
}
#site_header #header_selected_site {
	display: inline;
	float: left;
	text-align: center;
	width: 100%;
        		
}

#site_header #header_selected_site H1 {
    BACKGROUND-COLOR: #FFFFFF;
        		
}


#login_fieldset {
	float: left; 
	padding: 5px;
	text-align: left;
	width: 500px;
}
 

#yourdetails_fieldset {
	float: left; 
	padding: 5px;
	text-align: left;
	width: 45%;
} 
 
 
#bookingdetails_fieldset {
	float: right; 
	padding: 5px;	
	text-align: left;
	width: 45%;
}


#specialrequirements_fieldset {
	clear: both; 
	padding:5px;	
	text-align: center;
} 
 
#booking_input_button {
	clear: both;
	padding: 5px; 
	text-align: center;
	width: 100%;
} 
	
div.row span.formw2 {
	float: left;
	width: auto;
	text-align: left;
}

.shaded_input {
	background-color: #e0e0e0; 
}

h4 { clear:left; }
h3 a:link {   font-size: 100%; font-style: normal; color: #000000; text-decoration: none}
h3 a:hover {  font-size: 100%; font-style: normal; color: #000; text-decoration: none}
 
.menu2 {
	background: #fff none;
	margin: 10px 0 20px 0;
	padding: 0;
	width: 100%;
}
.menu2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.menu2 li {
	background-color: #fff;
	border-left: 1px solid #000;	
	float: left;
	margin: 0;
	margin-right: 0.3em;
	padding: 0;
	padding-left: 0.3em;
}
	.menu2 li.first {
	border-left: none;
}
.menu2 li.first_selected {
	border-left: none;
	font-weight: bold;
}
.menu2 li.selected {
	font-weight: bold;
}
.menu2 a {
background-color: #fff;
	border: 2px solid #7dcd00;
	font-family: verdana, arial,sans-serif; 
	font-weight: bold;
	padding: 2px; 
	text-align: center; 
	text-decoration: none; 
	color:#707070;
}
.menu2 a:hover {
	color: #3300ff;
	text-decoration: none;
}
		
.menu2 a:focus, .menu2 a:active {
	background-color: #7dcd00;
}
	
select:hover, select:active, select:focus  {
	color:#000;
	background-color: #ffffff;
}

input:hover, input:active, input:focus  {
	color:#000;
	background-color: #ffffff;
}

div.faux_button{
	display: inline; 
	float:left;
	margin: 2px;
	margin-top :3px;	
}	
a.faux_button {
	background: #7dcd00;
	border: solid 1px #7dcd00;
	padding: 3px 25px;
}	
a.faux_button:link, a.faux_button:hover, a.faux_button:visited, a.faux_button:active {
	color: #000;
	
}
	
a.faux_button:hover, a.faux_button:focus, a.faux_button:active {
	background-color:#7dcd00;
	color: #ea1f21;
}
	
div.faux_button2{
	display: inline; 
	float:left;
	margin: 2px;
	margin-top :3px;	
}	
a.faux_button2 {
	background: #7dcd00;
	border: solid 1px #7dcd00;
	border-top: none;
	border-left: none;
	padding: 3px 25px;
}
a.faux_button2:link, a.faux_button2:hover, a.faux_button2:visited, a.faux_button2:active {
	color: #000;
	background: #7dcd00;
	border: solid 1px #7dcd00;
}

p.spaced {
	margin: 10px 0 10px 0;
}

.jtcancel {
/*	width: 78px;*/
	height: 24px;
	/*padding: 23px 0 0;*/
	margin: 0;
	border: 0;
	/*background: transparent url('../images/cancel.jpg') no-repeat center top;*/
	background: #7dcd00;
	border: solid 1px #7dcd00;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	display: inline;
	position:relative;
	top:-1px;
	float: left;
}



.read_only {
background-color: #FFF;
border: none;
}

input.read_only {
background-color: #FFF;
}