/* CSS Document */
body {
	background: white url(../images/bg-tile.jpg) repeat-x center top;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	cursor:default;
}
form {
	padding:0px;
	margin:0px;
}
h5 {
	padding:0px;
	margin:0px;
	clear:right;
	margin-top:10px;
}
.backg {
	background: url(../images/bg.jpg) no-repeat center top;
	width: 990px;
	min-height: 768px;
	margin-left: auto;
	margin-right: auto;
}
.top {
	float: left;
}
.logo {
	float: left;
	padding-top: 16px;
	margin-left:18px;
}
.open-panel {
	float: left;
	padding-top: 18px;
	margin-left:19px;
}
.league-panel {
	float: left;
	margin-top: 18px;
	margin-left:11px;
	width: 248px;
	height: 200px;
	background: url(../images/league.jpg) no-repeat center top;
}
.league-panel a {
	width: 248px;
	height: 200px;
	float: left;
}
.left-side {
	width: 232px;
	float:left;
}
.right-side {
	float: left;
	width: 758px;
}

.staff-login {
	float:left;
	margin-left:24px;
	margin-top: 2px;
}
.facilities {
	float:left;
	margin-left:24px;
	margin-top: 6px;
}
.content-tab-area {
	margin-top: 12px;
	float: left;
	width: 750px;
	height: 43px;
}
.content-top {
	float:left;
	background: url(../images/content-top.gif) no-repeat center top;
	width: 750px;
	height: 13px;
}
.content-main {
	float: left;
	background: url(../images/content-main.gif) repeat-y center top;
	width: 750px;
}
.content-bottom {
	float: left;
	background: url(../images/content-bottom3.gif) no-repeat center top;
	width: 750px;
	height: 22px;
}

#navigation {
	width: auto;
	padding: 0px;
	margin: 0px;
	margin-left:24px;
	margin-top: 10px;
}
#mainNav {
	margin: 0px;
	padding: 0px;
	padding-top: 8px;
	list-style-image: none;
	list-style-type: none;
	xbackground: url(../images/nav-back.gif) no-repeat;
	color: white;
	font-weight: bold;
	font-size: 0.8em;
}
#mainNav li {
	background: url(../images/button-mid-off22.gif) no-repeat 0px -4px;
	display: block;
	height:32px;
}
#mainNav li.none {
	padding:0px;
	margin:0px;
}
#mainNav li#active, #mainNav li#active a:hover {
	background: url(../images/button-mid-on22.gif) no-repeat 0px -4px;
	height:32px;
}
#mainNav li#active a:hover {
	margin-left:0px;
}
#mainNav li a {
	color: white;
	text-decoration: none;
	display: block;
	width: 147px; 
	height: 32px;
	padding-left: 31px;
	padding-top: 6px;
}
#mainNav li a:hover {
	background:url(../images/button-mid-on-22.gif) no-repeat 0px -4px;
	display: block;
	height:32px;
}
#mainNav li.home {
	background: url(../images/button-home-off.gif) no-repeat 0px 0px;
	height:35px;
	margin-left:12px;
}
#mainNav li.home#active, li.home a:hover {
	background: url(../images/button-home-on.gif) no-repeat 0px 0px;
	height:36px;
}
#mainNav li.home a:hover {
	background:url(../images/button-home-on.gif) no-repeat 0px 0px;
	height:30px;
}
#mainNav li.bot {
	background: url(../images/menu_bottom_new.gif) no-repeat 0px -2px;
	height:48px;
	margin-left:-12px;
}
#mainNav li.bot#active {
	background: url(../images/button-bot-on.gif) no-repeat 0px -4px;
	height:34px;
}
#mainNav li.bot a:hover {
	background:url(../images/menu_bottom_new_on.gif) no-repeat 0px -4px;
	height:32px;
	margin-left:-12px;
}
.contact {
	background:url(../images/menu_bottom_new.gif) no-repeat top left;
	height:51px;
}
.contact a, .activeContact a {
	color: white;
	text-decoration: none;
	display: block;
	width: 147px; 
	height: 32px;
	padding-left: 31px;
	padding-top: 9px;
	font-weight:bold;
	font-size:0.8em;
}
.activeContact {
 background:url(../images/menu_bottom_new_on.gif) no-repeat top left;
 height:51px;
}

.homepage {
	background:url(../images/homepage_off.gif) no-repeat top left;
	height:45px;
	margin-bottom:-10px;
	margin-left:1px;
}
.homepage a, .activeHomepage a {
	color: white;
	text-decoration: none;
	display: block;
	width: 147px;
	height: 32px;
	padding-left: 31px;
	padding-top: 18px;
	font-weight:bold;
	font-size:0.8em;
}
.activeHomepage {
 background:url(../images/homepage_on.gif) no-repeat top left;
 height:45px;
	margin-bottom:-10px;
	margin-left:1px;
}



.mini-tab-left {
	background: #007FA3 url(../images/mini-tab-left.gif) no-repeat;
	padding-left: 16px;
	padding-right:8px;
	float: left;
	height: 19px;
	padding-top: 7px;
}
.mini-tab-right {
	background: url(../images/mini-tab-right.gif) no-repeat;
	float: left;
	height: 26px;
	width: 8px;
}
.mini-tab {
	margin-top: 15px;
	float: left;
	font-size:0.6em;
	font-weight: bold;
	color: white;
	margin-left:2px;
}
.mini-tab a {
	color: white;
	text-decoration: none;
}
.mini-tab a#tab-active {
	color: #C6BE23;
	text-decoration: none;
}
option.heading {background-color: #00556D; font-weight: bold; color: white;}
.leag-select {
	width: 204px;
	margin-top: 55px;
	margin-left: 22px;
}
.text-area {
	min-height: 480px;
	padding-left:20px;
	padding-right:20px;
	font-size: 0.9em;
}
#textareas {
	font-size: 0.75em;
}
.text-area2 {
	padding-left:20px;
	padding-right:20px;
	font-size: 0.9em;
}
.foot {
	clear: both;
	float: left;
	background: url(../images/foot.gif) center top no-repeat;
	width: 947px;
	height: 28px;
	margin-left: 27px;
	margin-top: 30px; 
	padding-top: 6px;
	font-size: 0.7em;
	color: white;
}
.foot a {
	color: white;
	text-decoration: none;
}
.copyright {
	float: left;
	margin-left: 34px;
	width:	190px;
	font-size:0.7em;
	color: #007EA2;
}
.website {
	margin-left: 634px;
	float: left;
	font-size:0.7em;
	color: #007EA2;
}
.website a { 
	color: #007EA2;
	text-decoration: none;
}
.website a:hover { 
	color: #007EA2;
	text-decoration: underline;
}
table.results-table {
	margin-bottom: 30px;
	background: url(../images/results-top.gif) no-repeat;
 	font-size:90%;
}
td.results-left {
	 background:url(../images/results-left.gif) repeat-y;
	padding:2px;
	padding-left: 6px;

}
td.results-right {
	 background:url(../images/results-right.gif) repeat-y right;
	padding:2px;
	padding-right: 6px;

}
.results-table td {
	text-align: center;
}
.results-table a {
	color:#000000;
	text-decoration:underline;
}
a.datesYear {
	color: #00546C;
	font-weight: bold;
	text-decoration: none;
}
a#yearactive {
	color: Black;
}
a.datesMonth {
	color: #00546C;
	text-decoration: none;
	font-size: 0.9em;
}
a#monthactive {
	color: Black;
	font-weight: bold;
}
p.bold {
	font-weight: bold;
	font-size:0.9em;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 8px;
}
.results-table th {
	color: white;
	height:57px;
	padding-bottom:4px;
}
table.details input {
	width: 280px;
	font-size:80%;
}
table.details-checkout {
	margin-bottom:10px;
}
table.details-checkout div {
	font-size:80%;
	color:#003876;
}
table.details-checkout input {
	font-size:90%;
	width:250px;
}
table.details-checkout span {
	font-size:75%;
}
table.details-checkout .inline-input {
	width:150px;
}
td.results-bottom  {
	background: url(../images/results-bot.gif) no-repeat;
	height: 21px;
}
.but-more {
	float: left;
	margin-top: 136px;
	margin-left: 88px;
}
.but-book {
	float: left;
	margin-top: 136px;
	margin-left: 28px;
}
td.slot-date {
	background: url(../images/slot-date.gif) no-repeat;
	width: 257px;
	height: 32px;
	text-align: center;
	font-weight: bold;
	color: white;
}
td.slot-time {
background: url(../images/slot-time.gif) no-repeat;
height:23px;
color: white;
text-align: center;
font-size: 0.7em;
}
td.slot-details {
background: url(../images/slot-details.gif) no-repeat;
height:23px;
color: white;
text-align: left;
padding-left:6px;
font-weight: bold;
font-size: 0.8em;
}
.checkout-headline {
background: url(../images/pay-headline.gif) no-repeat;
height:23px;
width:673px;
color: black;
text-align: left;
padding-left:6px;
font-weight: bold;
margin-left:3px;
padding-top:2px;
font-size:90%;
}
td.slot-available-book {
	background: url(../images/slot-available-book.gif) no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
}
td.slot-available-book a {
	text-decoration: none;
	color: black;
}
td.slot-available-slot {
	background: url(../images/slot-available-slot.gif) no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
}
td.slot-unavailable-book {
	background: url(../images/slot-unavailable-book.gif) no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
}
td.slot-unavailable-slot {
	background: url(../images/slot-unavailable-slot.gif) no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
}
.league-left {
	float:left;
	margin-top: 20px;
	width: 700px;
}
.league-right {
	float: left;
	width: 700px;
}
.league-table {
	border-collapse:collapse;
	font-size:90%;
}
table.league-table {
	margin-bottom: 30px;
 background: url(../images/league-table-head.gif) no-repeat;
}
.league-table th {
color: white;
height:57px;
padding-bottom:4px;
}
.league-table td.table-name {
	 background:url(../images/league-name.gif) repeat-y;
	padding:2px;
	padding-left: 6px;
}
.league-table td {
	text-align: center;
}
td.league-bottom  {
	background: url(../images/league-table-foot.gif) no-repeat;
	height: 21px;
}
.bottom-tags {
	float:left;
	margin-top:18px;
}
.adidas-tag {
	float: left;
}
.grass-tag {
	float: left;
	background: url(../images/like-real-grass.jpg) no-repeat;
	width: 348px;
	height: 199px;
	margin-left: 15px;
}
.kids-tag {
	float: left;
	margin-left: 15px;
}
.booking-time {
	background: url(../images/booking-time.gif) no-repeat;
	color: white;
	float: left;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
	padding-top: 4px;
	width: 147px;
	height: 19px;
}
.booking-date {
	background: url(../images/booking-date.gif) no-repeat;
	color: white;
	float: left;
	margin-left: 4px;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
	padding-top: 4px;
	width: 257px;
	height: 19px;
}
.book-price {
	background: url(../images/booking-price.gif) no-repeat;
	color: white;
	float: left;
	margin-left: 4px;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
	padding-top: 4px;
	width: 116px;
	height: 19px;
}
.booking-confirm {
	float: left;
	margin-left: 4px;
}
.text {
	font-size:0.8em;
	padding:10px;
}
#weeks a {
	color:#00546C;
}
#weeks #active {
	font-size:130%;
	color:#000000;
}