/* CSS Document */



/* SET BASE FONT ATTRUBUTES */
html, body {
font-family: Geneva, sans-serif; font-size: 1em;
color: #000;
}

/* REMOVE PADDING AND MARGIN VALUES */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img,
blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form,
input, textarea,  pre
{margin: 0; padding: 0; font-family: Arail, Helvetica, sans-serif;}

/* SORT OUT HEADER FORMATTING AND SIZES */
h1, h2, h3, h4, h5 {font-weight: bold; font-family: Arail, Helvetica, sans-serif; margin: 5px;}
p {margin: 5px;}

h1 {font-size: 1.9em; color: #33cc00; padding-left: 30px; background: url(/images/chevron.gif) no-repeat center left; line-height:2em; margin-top: -5px; padding-top: 0px; }
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.15em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

/* HARMONIZE LINKS, KILL BORDER ON IMG LINKS */
a {text-decoration: underline;}
a:link, a:visited {color: #00f;}
a:hover {color: #33f;}
a:active {color: #fff;}
a img, :link img, :visited img {border: none}

/* REMOVE BROWSERS DEFAULT TABLE BORDERS */
table {border-collapse: collapse;}
td {vertical-align: top;}

/* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */
ul ul, ul ol, ul dir, ul menu, ul dl,
ol ul, ol ol, ol dir, ol menu, ol dl,
dir ul, dir ol, dir dir, dir menu, dir dl,
menu ul, menu ol, menu dir, menu menu, menu dl,
dl ul, dl ol, dl dir, dl menu, dl dl
{margin-top: 0; margin-bottom: 0;}

/* HARMONISE LIST-BULLET TYPE */
ul, ol, dl {list-style-type: disc; margin: 10px; padding: 10px;} 
ol {list-style-type: decimal;}




/*
body {font-family: Verdana, Arial, Helvetica, sans-serif; color: #11111; background:  url(/images/sunshine.gif) repeat-y center; font-size: 80%;}
*/
body {font-family:  Arial, Helvetica, sans-serif; color: #111111;  font-size: 14px;}


a:link, a:visited { color:#444444; text-decoration: underline;}
a:hover {color:#3333CC; text-decoration: underline; }


#container{	width: 785px; 
			margin: 0px auto 10px auto; 
			text-align: left; 
			
			
		}
		
#header {background: url(/images/header.gif) no-repeat; width: 785px; height: 129px;  margin: 0px; padding: 0px;}
#content {margin: 0px 0px 0px 0px; background-color: #ffffff; line-height: 1.5em; 
			height: 400px;
			height /**/:auto;
			min-height: 400px;}

#moorbox {float: right; margin-top: 10px; margin-bottom: 10px; padding: 0px;  margin-right: 10px;}
h1#moorcar {height: 33px; width: 240px; margin:0px; background: url(/images/moorcar.gif) no-repeat;  text-indent: -5000px; padding: 0px; line-height: 15px;}
#memberslogin {height: 21px; width: 141px; margin:0px; background: url(/images/memberlogin.gif) no-repeat;  text-indent: -5000px;  margin-left: 5px;}

#servetext {width: 237px; margin:0px;   text-indent: -5000px; padding: 0px; line-height: 25px; margin-top: 18px;}

#topmenu {border: 0px; padding: 0px;  margin: 0px; margin-top: 2px; float: right; clear: right; width: 440px; }
#topmenu ul {margin: 0px; padding: 0px;}
#topmenu ul li {float: left; font-size: 11px; font-weight: normal; margin: 5px; list-style-type: none; }
#topmenu ul li a {font-weight: bold; color: #ffffff; padding: 2px; text-decoration: none;}
#topmenu ul li a:hover {background-color: #EAEAEA; padding: 2px; text-decoration: none;}

#contactus {background: url(/images/footer.gif) no-repeat; width: 784px; height: 34px; margin: 0px; padding: 0px; clear: both;}
#contactus ul {margin: 0px; padding: 0px; padding-top: 10px;}
#contactus ul li {float: left;  font-size: 12px; margin-left: 30px; color: #FFFFFF; list-style-type: none; }
#contactuslink {width: 250px; margin-left: 50px; }
#contactuslink a:link, #contactuslink a:visited {color: #FF6600; font-weight: bold; text-decoration: none;}
#contactuslink a:hover {color: #FF6600; font-weight: bold; text-decoration: underline;}




/*----------------------------------------------------Hannah Contact form-----------------------------------*/
 
 
 #right_contact{ float:left; padding-left:15px;}
  #left_contact{ float:left; }
 
 .redx {color: #ff6600;}

 
 .small_text_field{
 border: 1px solid #6e747f;
 font-family: Arial, Helvetica, sans-serif;
	color: #adb0b7;
	padding: 3px;
	font-size: 12px;
	width:200px;
	margin-bottom:6px;
	
 
 }
 
 

 .large_text_field{
 border: 1px solid #6e747f;
  font-family: Arial, Helvetica, sans-serif;
	color: #adb0b7;
	padding: 3px;
	font-size: 12px;
	width:200px;
	height: 100px;
	margin-bottom:6px;
 }
 
 .vlarge_text_field{
 border: 1px solid #6e747f;
  font-family: Arial, Helvetica, sans-serif;
	color: #adb0b7;
	padding: 3px;
	font-size: 12px;
	width:200px;
	height: 250px;
	margin-bottom:6px;
 }
 
 .xlarge_text_field{
 border: 1px solid #6e747f;
  font-family: Arial, Helvetica, sans-serif;
	color: #adb0b7;
	padding: 3px;
	font-size: 12px;
	width:700px;
	height: 90px;
	margin-bottom:6px;
 }
 
 .sendbutton {margin-top:10px; padding:2px; border: 1px solid #333333; background-color:#eeeced; font-size: 13px;}
 #bloodything{clear:both; height:75px;}
 
 #notice, .notice {border: 1px solid #ff3300; background-color: #cceb98; color: #ff3300; font-weight: bold; padding: 10px;}
 label {margin-left: 0px;}
 

 
 
/*----------------------------------------------------Hannah Contact form-----------------------------------*/ 



p {margin-bottom: 10px;}

.fleft2 {float: left; margin-left: 20px;}



.fright {float: right;}
.bigborderleft {margin-left: 20px;}

.xtbl {border: 1px solid #cccccc; border-collapse: collapse; border-left: 0px; border-top: 0px;}
 #maintbl th {width: 96px;} 




.xtbl th, .xtbl td {border: 1px solid #cccccc; padding: 2px;}
.xtbl th {background-color: #99e57f; border: 0px;}
.xtbl td.note {background-color: #fdfdfd;  font-weight: bold;}
.xtbl td.ender {background-color: #ffffff; text-align: right; vertical-align: bottom;}
span.ender {float: right;}
.xtblright {text-align: right; font-weight: bold;}
.xtbl small {font-size: 0.7em;}

.xtbl label strong {font-size: 15px;}
.xtbl td.totty {text-align: right; width: 150px;}
.xtbl td.perr {width: 100px;}
.xtbl tr td {padding: 0px; font-size: 0.9em;}

.xtbl .headbox {background-color: #99e57f; padding-left: 2px; border: 0px;}
.xtbl tr.srow td.headbox {padding-left: 2px;}
.xtbl tr.srow2 td.headbox {padding-left: 2px;}

.hiddenrow {display: none;}

#maintbl th.smallhead {width: 50px;}
/*
.xtbl .xtblgrey {background-color: #f2f2f2; }
.xtbl .xtblother {background-color:#F8E7FE; }
.xtbl .xtblselected {background-color: #ff9900;}
.xtbl .xtblme {background-color:#E9F7B9; }
*/
.xtbl .xtblgrey {background-color: #f2f2f2; }
.xtbl .xtblother {background-color:#e2e8f6; }
.xtbl .xtblselected {background-color: #ff9900;}
.xtbl .xtblme {background-color:#F7EF95; }
/*.xtbl .hiddenrow td {border: 1px solid #aaaaaa; } */


.xtbl2 {border: 0px solid #cccccc; border-collapse: collapse; width: 740px;}

.xtbl2 th, .xtbl2 td {border: 1px solid #cccccc; padding: 4px;}
.xtbl2 th {background-color: #99e57f; border: 1px solid #99e57f; vertical-align: top;}


.xtbl3 {border: 0px solid #cccccc; border-collapse: collapse; }

.xtbl3 th, .xtbl3 td {border: 1px solid #cccccc; padding: 4px;}
.xtbl3 th {background-color: #e96b10; border: 1px solid #e96b10; color: #ffffff;}



.rowa {background-color: #f2f2f2;}
.rowb {background-color: #ffffff;}

.deleteasset {}

.minitxt {width: 25px;}
.minitxt2 {width: 55px;}
.biginput {width: 250px;}
.medinput {width: 75px;} 
fieldset {padding: 5px;}
input, textarea {color: #666666; font-family: Arial, Helvetica, sans-serif;}


.rc {color: #FF3300;}

h3 {clear: both;}

select {margin: 2px;}

#printbox a:link, #printbox a:visited {color: #0000FF; font-weight: bold; text-decoration: underline;}
#printbox a:hover {color: #3399CC;}

hr {width: 680px;}

.ximright{float: right; margin: 4px;}
.ximleft{float: left; margin: 4px;}
.ximleft2{float: left; margin: 4px 20px 4px 4px;}
.ximblock{margin: 4px;}

.ximrightdiv {float: right; margin: 0px 0px 10px 15px; width: 180px;}
.bluerow {background-color: #e2e8f6;}
.bigfish li {font-weight: bold; color: #993300;}

dd {margin-left: 10px;}
dt	{font-weight: bold; color: #444444;}

#confer {background-color:#FF9933;padding: 10px; border: 2px dashed #ff3300; font-weight: bold;}

.imlink, .imlink2 { margin: 10px;}
a.imlink:hover, a.imlink2:hover {background: none;}


/*
#loginfx {float: left; border: 0px dashed #666666; margin:0px 0px 0px 5px;  font-size: 12px;    padding:2px; }
*/


#loginfx label.hideme {text-indent: -5000px; display: none;}
.logbox {width: 140px; border: 1px solid #ffffff; background-color: #e6e6e6; color: #FF6600;}
#llogin {margin: -10px 0px 0px 0px;}
#logged, #loginfx {padding: 10px 5px 5px 5px; font-weight: bold;}
#logged ul {margin-top: 0px;}





.alertshow, .alerthide {border: 1px solid #ff3300; color: #CC0000; font-weight: bold; padding: 10px; padding-left: 30px; margin-top: 20px; background: #FFCC66 url(/images/explan.gif) left center no-repeat;margin-left: 0px;}
.alerthide {display: none;}
td .alertshow, td .alerthide {margin: 2px;}
.ifright {float: right; margin: 10px;}
.ialert .minitxt2 {background-color: #ffcc66;}

.redcell {background-color:#FCF98B; color: #FF3300; font-weight: bold;}
.vast {width: 600px; height: 100px;}
/* --------------- TAB code ------------------------------------ */
ul#carlist {list-style: none;  margin: 0px 0px 0px 100px; border-bottom: 0px solid #eeeeee; padding: 0px; display: block; height: 40px;}
ul#carlist li {float: left; margin: 0px 5px 0px 0px; padding: 10px; border: 0px; display: block; background-color:#F2F2F2; text-decoration: none; }
ul#carlist li.sel { background-color: #99e57f; border-bottom: 1px solid #99e57f;}

ul#carlist a:link, ul#carlist a:visited {text-decoration: none; font-weight: bold; color: #444444;}
ul#carlist a:hover {background: none; color: #3366FF;}

.rowx th {font-size: 8px; margin: 0px; padding: 0px; height: 20px;}
#plusmin  {height: 60px; width: 90px; margin:0px; padding: 0px;  display: block; }
#plusmin a {text-decoration: none; height: 60px; width: 90px; margin:0px; padding: 0px; text-indent: -5000px; display: block; background: url(/images/expand.gif) #99e57f no-repeat;}



/* --------------- CALENDAR CODE -------------------------------- */

.calx {border: 1px solid #e96b10; float: right; margin-top: -75px; font-size: 9px; border-collapse: collapse; color: #555555; }
.calx th {background-color: #99e57f; }
.calx td {margin: 0px; padding: 2px; border: 1px solid #cccccc; line-height: 11px;}
.calx .calsp td {background-color: #99e57f; border: 1px solid #e96b10; font-weight: bold; }
.calx tr {margin: 0px; padding: 0px;}

.inlineform {display: inline; }

/* --------------- BACK and NEXT links ------------------------- */

#jumplistx {list-style:none;  height: 20px; overflow: hidden; margin:10px; padding: 0px; float: left;}
#jumplistx li {
	margin: 0; 
	padding: 0;
        list-style: none;
	display: inline;
	}

#jumplistx a:link, #jumplistx a:visited {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
	}
	

	
#jumpback  a  {
	width: 46px;
	background: url(/images/back.gif) top left no-repeat;
	}
	
#jumpnext  a {
	width: 46px;
	background: url(/images/next.gif) top left no-repeat;
	}
	






/*  
span.infodotgreen {background: url(/images/dot.gif) no-repeat;  padding: 5px; text-align: center;}
.infodotgreen a:link, .infodotgreen a:visited {font-weight: bold;  color:#CC3300; text-decoration: none; width: 20px;}



.infodotgreen a:hover {font-weight: bold; color:#33CCCC; text-decoration: none; }


.infodotgreen  { margin:0px; padding: 0px; background: url(/images/dot.gif) no-repeat; overflow: hidden; width: 20px; }
.infodotgreen a {text-decoration: none;}
.infodotgreen a span {visibility: hidden; }
*/
.fleft {float: left;}
.fright2 { float: right; margin-right: 17px; }

.notice {border: 1px solid #ff3300; background-color:#FFFFCC; color: #FF3300; font-weight: bold; margin: 10px 200px 10px 0px;}

/* ------------------- the frontpage ------------------------------ */
#fronttext {float: left; width: 400px;}
#frontboxright {float: left;  margin-top: -50px; margin-left: 20px; border: 0px solid #ff3300; width: 330px;}
#frontoptions {list-style: none; text-align: center;}
h1 {border: 0px solid #ff5522;}


#frontoptions li a { display: block; text-indent: -5000px; height: 137px; width: 216px;}

#frontregister {height: 135px; width:216px; background: url(/images/joiner.gif) no-repeat 0 50%;}
#fronthowitworks {height: 137px; width:216px; background: url(/images/worker.gif) no-repeat 0 50%;}

.cboth {clear: both;}

.xtbl4 {border-collapse: collapse; border: 1px solid #cccccc;}
.xtbl4 td, .xtbl4 th {border: 1px solid #cccccc; padding: 4px;}

/* --------------- stsyles for message box --------------------------- */

.xbox {border: 1px solid #cccccc; border-bottom: 0px; padding: 0px; margin: 20px 0px 20px 0px; }
.xbox div {border: 0px solid #cccccc; border-bottom: 1px;}
.xbox div.rowa {background-color: #fefefe;}
.xbox div.rowb {background-color: #f1f1f1;}
.xbox div div {border: 0px solid #cccccc; border-bottom: 1px; }
.xbox div div span {float: right; padding-right: 5px; font-weight: bold;}
.xbox div pre {padding: 5px;}

.ybox {border: 1px solid #cccccc; border-bottom: 1px; width: 200px; margin-top: -1px; padding: 5px; margin-bottom: 0px; font-size: smaller;}
.ybox span {float: right; padding-right: 5px; margin-top: -25px;}

#reftable td {padding: 3px; font-size: larger;}

#map {margin-bottom: 10px; }

/* --------------- Booking Table tweaks ------------------------ */
#maintbl {clear: both;}
.xtbl th.xtblhead {height: 16px;  margin:0px; padding: 0px; background: url(/images/book_day_green_button.gif) #99e57f no-repeat; overflow: hidden; text-indent: -5000px;  }

.fatlist {font-size: large;}
.fatlist li {margin: 5px;}

#bookingform {clear: both;}

.extrabox {float:left; margin-right: 30px;}
.pagebreaker {page-break-after: always;}
.printonly {display: none;}

 .btotal td {background-color: #efefef;}
 .btotal td.noback {background-color: #ffffff;}