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: #339999;
    COLOR: #000000;
}
CAPTION
{
    FONT-FAMILY: Arial, Helvetica, Sans-Serif
}
P
{
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    text-align: justify;
}

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

H1
{
    COLOR: #339999;
    BACKGROUND-COLOR: #FFFFFF;
    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}
H4 a:hover {  font-size: 100%; font-style: normal; color: #339999; text-decoration: none}

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;
	padding: 0 0 10px 0;
}
.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.2em;
  TEXT-ALIGN: center;
  BACKGROUND-COLOR: #339999;
  BORDER-BOTTOM: buttonshadow 1px solid;
  BORDER-LEFT: buttonhighlight 1px solid;
  BORDER-RIGHT: buttonshadow 1px solid;
  BORDER-TOP: buttonhighlight 1px solid;
  COLOR: #FFFFFF; CURSOR: pointer;
  PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;
}
.go:hover{color:#ffffff}
.golarge
{
  FONT-FAMILY: Arial, Helvetica, Sans-Serif;
  FONT-SIZE: 1.5em;
  TEXT-ALIGN: center;
  BACKGROUND-COLOR: #339999;
  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
}
.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: #FFFFFF;
border: 0px
}
.available:hover /*doesnt work in ie*/
{
background-color: #000000;
border: 0px
}
.shut
{
background-color: #C0C0C0;
border: 0px
}
.taken
{
background-color: #FF0000;
border: 0px
}
.session
{
background-color: #0000FF;
border: 0px
}
.partial
{
background-color: #990066
border: 0px;
}

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

.menu {
width: auto; 
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 #339999;
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%;		
}

#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: #eee;
	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: #eee;
	border: 2px solid #339999;
	font-family: verdana, arial,sans-serif; 
	font-weight: bold;
	padding: 2px; 
	text-align: center; 
	text-decoration: none; 
	color:#666666;
}
.menu2 a:hover {
	color: #000;
	text-decoration: underline;
}
		
.menu2 a:focus, .menu2 a:active {
	background-color: #90D9F9;
}
	
input:hover, input:active, input:focus,	select:hover, select:active, select:focus  {
	color:#000;
	background-color: #90D9F9;
}

div.faux_button{
	display: inline; 
	float:left;
	margin: 2px;
	margin-top :3px;	
}	
a.faux_button {
	background: #339999;
	border: solid 1px #ACA899;
	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:#90D6F8;
}
	
div.faux_button2{
	display: inline; 
	float:left;
	margin: 2px;
	margin-top :3px;	
}	
a.faux_button2 {
	background: #339999;
	border: solid 1px #ACA899;
	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;
}

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;*/
	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;
}