/* -------------- reset styles -------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead{border: 0pt none;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0pt;padding: 0pt;}
caption, th, td{font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after{content: "";}
blockquote, q{quotes: "" "";}



/* -------------- general styles -------------- */
html,body{
	margin: 0;
	padding: 0;
}
body, p, li, h1, h2, h3, h4, h5, a{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
}
body.fend{background: #e7e7e7 url(/fend/images/bg.jpg) repeat-x center top;}
body.mceContentBody{background: #fff;}
p{margin: 10px 0;}
ul{
	list-style: disc outside;
	margin: 10px 0;
}
ol li{list-style-type:decimal;}
ol ol li{list-style-type:lower-alpha}
ol ol ol  li{list-style-type:upper-roman;}
li{margin: 5px 0 5px 25px;}
b, strong{font-weight: bold;}
i, em{font-style: italic;}
small{font-size: .75em;}
big{font-size: 1.25em;}
h1, h2, h3, h4, h5{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
h1{color: #000;}
h1, h1 a{
	font-size: 30px;
}
h2{color: #000;}
h2, h2 a{
	font-size: 26px;
}
h3{color: #335a28;}
h3, h3 a{
	font-size: 22px;
}
h4{color: #6ba55e;}
h4, h4 a{
	font-size: 18px;
}
h5{color: #999;}
h5, h5 a{
	font-size: 16px;
}
a:link, a:visited, a:active{ 
	color: #6ba55e;
	text-decoration: none;
}
a:hover{
    color: #257713;
    text-decoration: underline;
}
a#skiptocontent{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 10px;
	z-index: 99;
}
.clear{clear: both;}
.hide{
	position: absolute;
	top: -10000px;
	left: -10000px;
}
.floatleft{float: left;}
.floatright{float: right;}
.imageleft{
	float: left;
	padding: 0 10px 10px 0;
}
.imageright{
	float: right;
	padding: 0 0px 10px 10px;
}
.igallery{
	width: 100%;
	text-align: center;
}
.igallery a{
	display: inline-block;
	margin-bottom: 15px;
	border: 1px solid #eee;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.igallery a:hover{
	border: 1px solid #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.hr{
	font-size: 0;
	line-height: 1px;
	border-bottom: 1px solid #ccc;
	box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
}
div.greybox, div.greenbox{
	padding: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
div.greybox{background: url(/fend/images/backer-greybox.png);}
div.greenbox{
	background: url(/fend/images/backer-greenbox.png);
	border: 1px solid #b4d0ad;
}



/* -------------- layout styles -------------- */
div#container{
	position: relative;
	margin: 0 auto;
	width: 1000px;
	text-align: left;
}
	div#headershell{
		height: 120px;
	}
		div#headershell h1 a{
			display: inline;
			float: left;
			margin: 5px 0 5px 10px;
			width: 285px;
			height: 100px;
			background: url(/fend/images/logo.png);
		}
		div#headershell h2{
			position: absolute;
			top: 5px;
			left: 695px;
			width: 295px;
			height: 40px;
			background: url(/fend/images/backer-number.png);
		}
	div#wrapper{background: url(/fend/images/backer-wrapper.png) repeat-y center;}
		div#contentshell{
			float: left;
			width: 770px;
		}
			div#pagetitle{
				padding: 0 30px;
				height: 80px;
				line-height: 80px;
			}
			div#content{
				padding: 30px;
			}
		div#columnshell{
			display: inline;
			float: right;
			padding: 25px 20px;
			width: 190px;
		}
			div#searchwrapper{
				margin: 0 0 50px 0;
				width: 190px;
				height: 30px;
				background: url(/fend/images/backer-input.png) no-repeat;
			}
				div#searchwrapper #search_string{
					float: left;
					margin: 5px 0 0 10px;
					width: 135px;
					background: none;
					border: 0px none;
				}
				#searchwrapper #search_submit{
					float: right;
					margin: 0;
					width: 40px;
					height: 30px;
				}
			div#newsletterwrapper{
				padding-bottom: 20px;
			}
				div#subscribewrapper{
					margin-bottom: 10px;
					width: 190px;
					height: 30px;
					background: url(/fend/images/backer-input.png) no-repeat;
				}
					div#subscribewrapper input{
						float: left;
						margin: 5px 10px 0 10px;
						width: 170px;
						background: none;
						border: 0px none;
					}
			div#gallerywrapper{
				padding: 20px 0;
				border-top: 1px solid #e3e3e3;
			}
				a#btn-viewall{
					display: inline-block;
					width: 70px;
					height: 24px;
					background: url(/fend/images/btn-viewall.png);
				}
	div#footershell{
		padding: 20px 0;
		clear: both;
		font-size: 11px;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
		div#sencialogo{
			float: right;
		}
		div#footernav a{
			color: #000;
			font-size: 11px;
			font-family: Georgia, "Times New Roman", Times, serif;
			text-shadow: 1px 1px 0 #fff;
		}
		div#copyright{padding: 10px 0;}



/* -------------- sitemap styles -------------- */
ul#sitemap{
	list-style: none;
	margin: 0;
}
ul#sitemap li{
	list-style: none;
	font-weight: bold;
	line-height: 20px;
	border-top: 1px solid #666;
}
ul#sitemap ul{
	margin: 0 0 0 15px;
}
ul#sitemap ul li{
	font-weight: normal;
	border: none;
}



/* -------------- modal styles -------------- */
div#modaloverlay{
	position: absolute;
	left: 0px;
	top: 0px;
	width:100%;
	background-color: #000;
	z-index: 99;
}
div#modalwindow{
	position: absolute;
	width: 100%;
	z-index: 100;
}
	div#modalinner{
		position: relative;
		width: 500px;
		margin: 0 auto;
		padding: 10px;
		border: 1px solid #000;
		background: #fff;
	}

/*------------------ form error styles -----------------------*/
.form-error{
	padding: 10px;
	color: #784444;
	background: #ffdfdf;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.form-error ul{
	list-style: none;
	margin: 0;
}
.form-error li{margin: 0;color: #784444;}
.field-error{border: 1px solid #784444; background: #ffdfdf;}

/*------------------ video player styles -----------------------*/
div.flv-player{
	background: #000 url(/fend/images/vid_play.gif) no-repeat center;
}
	div.flv-player a{
		display: block;
		background: url(/fend/images/vid_botleft.gif) no-repeat bottom left;
		width: 100%;
		height: 100%;
		text-decoration: none;
	}
		div.flv-player a span{
			display: block;
			background: url(/fend/images/vid_botright.gif) no-repeat bottom right;
			width: 100%;
			height: 100%;
			cursor: pointer;
		}



/* -------------- content styles -------------- */
table.alternating{width: 90%;}
tr.odd td{background: #c1ecbc;}
div.article-content{padding: 15px;}



/* -------------- home styles -------------- */
div#bannershell{
	width: 1000px;
	height: 380px;
	background: url(/fend/images/backer-fader.png);
}
	div#bannershell p{margin: 0;}
	div#slideshowcontrols{
		position: absolute;
		top: 305px;
		left: 770px;
		width: 230px;
		height: 45px;
		line-height: 45px;
		z-index: 99;
		color: #999;
		text-align: center;
	}
		div#slideshowcontrols a{
			color: #fff;
			font-size: 16px;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
div#content-home{
	padding: 0 30px 30px 30px;
	background: #f9f9f9;
}
	div.home-box{width: 455px;}
	div#home-about{}
	div#home-subscribewrapper{
		display: inline;
		float: left;
		margin-right: 10px;
		width: 250px;
		height: 30px;
		background: url(/fend/images/backer-input-wide.png) no-repeat;
	}
		div#home-subscribewrapper input{
			float: left;
			margin: 5px 10px 0 10px;
			width: 230px;
			background: none;
			border: 0px none;
		}
	div#home-newsletter input#subscribe_submit{margin-top: 3px;}
	div.home-content, div.home-content-green{
		margin-bottom: 10px;
		padding: 20px;
		background: #fcfcfc;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	div.home-content-green{background: #e4f2e0;}
		div#home-loginform{
			float: left;
			padding-right: 30px;
		}
			div#home-loginform ul{
				margin: 0;
				list-style: none;
			}
				div#home-loginform ul li{
					margin: 5px 0;
				}
					div#home-loginform label{
						display: inline-block;
						padding-right: 5px;
						width: 55px;
						text-align: right;
						font-size: 11px;
					}
					div#home-loginform input.input{
						width: 130px;
					}
	ul#latestnewslist{
		list-style: none;
		margin: 0;
	}
		ul#latestnewslist li{margin: 0 0 10px 0;}
	a#btn-viewmore{
		display: inline-block;
		width: 85px;
		height: 24px;
		background: url(/fend/images/btn-viewmore.png);
	}



/* -------------- teetime styles -------------- */
div#pagetitle div{
	display: inline;
	float: right;
	margin-top: 25px;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #dadada;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
	div#pagetitle div a{
		display: inline-block;
		padding: 5px 0 5px 10px;
		line-height: 15px;
		margin-left: 10px;
		border-left: 1px solid #dadada;
	}
	div#pagetitle div a#userlink, div#pagetitle div a#loginlink{
		border-left: 0;
		padding: 5px 0 5px 0;
		margin-left: 0;
	}
div#message{
	margin-bottom: 20px;
	padding: 10px;
	color: #000;
	font-weight: bold;
	border: 1px solid #eee;
	background: rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 1px 1px 0 #efefef;
}
div.error{
	padding: 10px;
	color: #b20000!important;
	border: 1px solid #b20000!important;
	background: rgba(144, 0, 0, 0.05)!important;
}
input.error{border: 1px solid #b20000;}


/* --- login --- */
div#booking-login{
	float: left;
	width: 340px;
}
	div#booking-login h3, div#booking-register h3{margin-bottom: 15px;}
	div#booking-login div.greybox, div#booking-register div.greybox{
		height: 100px;
		overflow: hidden;
	}
	div#booking-loginform ul{
		margin: 0;
		list-style: none;
	}
		div#booking-loginform ul li{
			clear: both;
			margin: 0 0 5px 0;
			height: 35px;
		}
			div#booking-loginform label{
				display: inline-block;
				padding-right: 5px;
				width: 60px;
				line-height: 35px;
				text-align: right;
			}
			div#booking-loginform input#email, div#booking-loginform input#password{
				float: right;
				padding: 5px;
				width: 215px;
				background: #fff;
				border: 1px solid #dadada;
			}
			a#btn-forgotpassword{
				display: inline-block;
				margin-right: 10px;
				line-height: 24px;
				vertical-align: top;
			}
div#booking-register{
	float: right;
	width: 340px;
}
	div#booking-register p{
		line-height: 1.5em;
	}
	a#btn-register{
		display: inline-block;
		width: 70px;
		height: 24px;
		background: url(/fend/images/btn-register.png);
	}


/* --- registration form --- */
form#registerForm{
	width: 375px;
}
	form.form ul{
		list-style: none;
	}
		form.form ul li{
			margin: 5px 0;
			height: 30px;
		}
			form.form label{
				display: inline-block;
				width: 120px;
				padding-right: 5px;
				line-height: 30px;
				text-align: right;
			}
			form.form ul input{
				padding: 5px;
				width: 200px;
				border: 1px solid #dadada;
			}


/* --- booking form --- */
div#bookingType h3{
	margin: 0 0 10px 0;
}
div#dateTime h3, div#commentConfirm h3, div#bookingPlayers h3{
	margin: 20px 0 10px 0;
}
a.btn-continue, a.btn-edit, a.btn-confirmbooking{
	float: right;
	display: inline;
	height: 24px;
}
a.btn-continue{
	width: 95px;
	background: url(/fend/images/btn-continue.png);
}
a.btn-edit{
	width: 65px;
	background: url(/fend/images/btn-edit.png);
}
a.btn-confirmbooking{
	width: 145px;
	background: url(/fend/images/btn-confirmbooking.png);
}
div#commentConfirmInner label{
	display: inline-block;
	vertical-align: top;
}


/* --- admin --- */
div#bookingView div.greybox{
	margin: 10px 0 20px 0;
	padding: 10px 20px;
}
form#dateForm{
}
table.bookingTable{
	width: 100%;
}
	table.searchTable td{
		border-bottom: 1px solid #ccc;
	}
	.col1{width: 53px;}
	.col2{width: 400px;}
	.col3{width: 65px;}
	.col4{width: 45px;}
	.col5{width: 50px;}
	.col6{}
	table.bookingTable th{
		padding: 5px;
		background: #6ba55e;
		color: #fff;
	}
	table.bookingTable td{
		padding: 5px;
	}
	tr.teeTimeBooked{
		color: #000;
		background: #d2e7f8;
	}
	tr.teeTimeBooked td{
		border-bottom: 1px solid #b0cde4;
	}
	tr.tourneyBooked{
		color: #000;
		background: #f5efbc;
	}
	a.delete{
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(/fend/images/icon-delete.png);
	}
		a.delete span{
			position: absolute;
			top: -10000px;
			left: -10000px;
		}
div.scrollable{
	overflow: auto;
	height: 300px;
}
div#adminPanel h3{
	margin: 0 0 10px 0;
}
div#dateFormWrapper{
	margin: 0 0 20px 0;
}
td.clickable span{
	display: inline-block;
	white-space: nowrap;
}
.unpaid{
	font-weight: bold;
    padding: 5px;
}
.paid{
	color: #666;
    padding: 5px;
}
.fuzz{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
	background: #000;
	opacity: 0.75;
}
.modal{    
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    z-index: 200;
	box-shadow: 0 0 25px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 25px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 25px rgba(0,0,0,0.5);
}
	.close{
		position: absolute;
		top: 5px; 
		right: 5px;
		width: 20px;
		line-height: 20px;
		text-align: center;
		color: #fff;
		font-weight: bold;
		background: #6ba55e;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		cursor: pointer;
	}
	.close:hover{
		background: #305229;
	}
	form.bookingForm ul{
		margin: 0 0 10px 0;
		list-style: none;
	}
		form.bookingForm li{
			margin: 5px 0;
		}
			form.bookingForm ul ul{
				margin: 0 0 10px 20px;
				list-style: none;
			}
	form.bookingForm label.label{
		display: inline-block;
		width: 80px;
		font-weight: bold;
	}
	img#saveButton{
		cursor: pointer;
	}
	img#createButton{
		cursor: pointer;
	}
	img#showUsersButton{
		cursor: pointer;
	}


/* --- member page --- */
div#memberFormWrapper{
	display: inline;
	float: left;
}
div#passwordFormWrapper{
	float: right;
}
div#userBookings{
	clear: both;
}
div#userBookings h3{
	margin: 0 0 10px 0;
}



a#btn-booking{
	float: left;
	margin: 20px 20px 20px 0;
	width: 130px;
	height: 34px;
	background: url(/fend/images/btn-bookonline.png);
}