@import url(/_styles/reset.css);


/*****************************
   Colours
****************************

	Dark Green 124305
	Light/Bright Green 9cbb05
 
*/

/*****************************
   Tags
*****************************/
html, body, form { height: auto; }
body 
{
    font-size:75%;
    font-family: Arial, Verdana;
    color:#999;
    height:100%;
    background:#4d8627 url(/_images/layup/bg_body.png) repeat-x left top;
}

h2 { font-size:16px; line-height:38px; font-family:Arial; color:#fff; letter-spacing:1px; }
h3 { font-size:18px; font-weight:bold; margin-bottom:1em; color:#b1ca30; }
h3.small { font-size:16px; line-height:16px; margin-bottom:0.3em; }
h3.smaller { color:#8fb792; font-size:14px; line-height:16px; margin-bottom:0em; }

h4 { padding:10px 0 10px 15px; background-color:#c3e584; font-size:14px; font-weight:normal; color:#4c4c4c; line-height:20px; border-bottom:dotted 1px #ccc; }
h4 strong { display:block;color:#669966;}

h5 { font-size:1.3em; font-weight:bold; margin-bottom:1em; color:#666; }

hr { width:100%; clear:both; border-bottom:1px solid #fff; border-top:1px dashed #b1ca30; margin:10px 0px 10px 0px; }
p, #content ul, #content ol { font-size:13px; line-height:1.7em; margin-bottom:1em; text-align:justify; }

#content ul, #content ol { list-style-position:outside; margin-left:2em; }
#content ul { list-style-type:disc; }
#content ol { list-style-type:decimal; }

table tr td { vertical-align:top; }

.hide { display:none; }

/*form { border:solid 1px red; }*/

.calendarTable th,
.calendarTable td
{
	padding:3px;
}
/*****************************
   Layup
*****************************/
#page_shadow { position:fixed; z-index:65535; top:0; height:9px; width:100%; background:url(/_images/layup/page_shadow.png) repeat-x left top; }

#wrapper { width:950px; margin:auto; padding-right:8px; background:url(/_images/layup/bg_shadow.png) repeat-y right top; }


/* Header
*****************************/
#header { height:80px; background:#fff; position:relative; }
#header .search { position:absolute; right:10px; bottom:10px; }
#header .search .txt { border:solid 1px #4d8627; width:200px; margin-right:10px; color:#999; padding:3px; }
#header .search .btn { }

#logo { height:80px; width:308px; float:left; margin-left:10px; background:url(/_images/layup/logo.png) no-repeat center center;}
#logo a { height:80px; display:block;}
#logo a span { display:none; }

#slogan { float:left; font-size:18px; line-height:95px; height:80px; font-style:italic; color:#bbb;}

#contactinfo { color:#333; text-align:right; line-height:1.5em; padding:20px 5px 0 0; }
#contactinfo span { color:#e0572a; }
#contactinfo a { color:#e0572a; text-decoration:none; }
#contactinfo a:hover { text-decoration:underline; }
.subHeaderColor {color:#8fb792;}
#subheader { height:38px; padding-left:65px; background-color:#8fb792; }
#container { background:#fff url(/_images/layup/bgCol1.gif) repeat-y top left; width:950px; margin:auto; }

#col_left { float:left;background-color:#e7eecc; width:215px; height:100%; }
#col_left .container {  height:100%; }
#col_right { display:none; float:right; width:215px; background:url(/_images/layup/corner-topright.gif) no-repeat top right; padding-top:11px; height:100%; }
#col_right .container { background:url(/_images/layup/bgRepeat-right.gif) repeat-y; padding:0 0 5px 15px; text-align:center; height:100%; }
#col_middle { float:left; background-color:#fff; width:735px; /*margin:0 0px 0 215px;*/ }
#col_left .container p,
#col_right .container p,
#col_middle .container p { padding:0 11px 11px 11px; }

#footer { width:950px; margin:auto; padding:10px 8px 18px 0; clear:both; background:#000 url(/_images/layup/bg_shadow_footer.png) no-repeat right bottom; text-align:center; margin-bottom:5px; }
#footer ul { }
#footer ul li { display:inline; margin:0 5px; border-right:solid 1px #333; line-height:15px; padding-right:10px; }
#footer ul li a { font-size:10px; color:#999; text-decoration:none; }
#footer ul li a:hover { text-decoration:underline; }

#footer ul li.last { border-right:none; padding-right:0; }

#stats { width:950px; margin:5px auto 5px auto; text-align:center; font-size:10px; color:#ccc; }
#copyright { width:950px; margin:0 auto 5px auto; text-align:center; font-size:10px; color:#fff; }
#copyright a { font-size:10px; color:#fff; }

#content_left { }
#content_right { }
#content { padding:30px 65px 100px 65px; }

.box-end { height:27px; background-color:#bcde87; margin-bottom:20px;}

.mceEditor { margin:5px 0 10px 10px; display:block; }

.login-info { color:#8fb792; background-color:#bcde87; line-height:17px; padding:2px 5px 0px 15px; font-size:13px; height:36px; }
.login-info span { font-size:11px; display:block; }
.login-info strong { color:#333; }

/*****************************
   Course Boxes
*****************************/
.courseBoxes, .scorecard-container { margin: 0px 5px 5px 0px;}
.courseBoxes.setwidth { width:297px;}
.courseBoxes tr.row2 {background-color:#e6eec8;}
.courseBoxes tr.row1 {background-color:#d8e5ab;}
.courseBoxes tr td {padding:3px;text-align:left;color:#818181;}
.courseBoxes tr td.label {font-weight:bold;text-align:right;}
.courseBoxes tr td.label-left {font-weight:bold; width:150px;padding-left:10px;}
.courseBoxes tr.title td, .scorecard-title {height:15px; background-color:#9cbc05;color:#ffffff;font-weight:bold;padding-left:10px;}

.specialOfferBox {width:100%;}
.specialOfferBox td.title {background-color:#b10000;color:#ffffff;font-size:14px;padding:3px;font-weight:bold;}
.specialOfferBox td.content {padding:10px 10px 10px 20px;border-bottom:1px solid #b10000;border-left:1px solid #b10000; border-right:1px solid #b10000;}

.specialOfferEnquire {display:block; background-color:#b10000; color:#ffffff; width:100px; height:30px; line-height:30px; text-align:center; font-weight:bold;}
.specialOfferEnquire:hover {color:#ffffff; background-color:#ff0000;}

/*****************************
   Contact/Booking Section
*****************************/
table.contact-booking-info { width:100%; }
table.contact-booking-info p { color:#999; line-height:1.5em; margin-bottom:0; }

/*****************************
   Score Cards
*****************************/
table.scorecard {width:300px;margin:0px;float:left;}
table.scorecard tr th {padding:3px;border:1px solid #ffffff;background-color:#1e6600;color:#ffffff;}
table.scorecard tr td {padding:3px;border:1px solid #ffffff; }
table.scorecard tr td.hole {background-color:#1e6600;color:#ffffff; font-weight:bold;width:30px;}
table.scorecard tr td.total {background-color:#dbffcc; color:#428328; text-align:center; font-weight:bold;}
table.scorecard tr td.other {background-color:#e7ffdd; color:#428328; text-align:center;}



.divP { font-size:13px; line-height:1.2em; color:#999; }

#content ul { list-style-type:disc; list-style-position:outside; margin-left:2em; }

/* #content table { margin-bottom:1em; }
#content table th { color:#fff; font-weight:bold; background-color:#6766ae; border:solid 1px #6766ae; border-collapse:collapse }
#content table td { border:solid 1px #6766ae; border-collapse:collapse }
*/

.leftColumn {}
.leftColumn table tr td {border-bottom:1px dashed #cccccc;padding:3px 3px 6px 10px;}
.leftColumn table tr td a {color:#126705;}



a { color:#6766ae; text-decoration:none; }
a:hover { color:#e0572a; text-decoration:underline; }


/*****************************
   Menu
*****************************/
ul.menu { background-color:#e7eecc; }
ul.menu li { border-bottom:dotted 1px #ccc; padding:0; margin:0; }
ul.menu li.dark { color:#4c4c4c; background-color:#bcde87; text-align:center; line-height:38px; padding:0px 5px 0px 5px; font-size:14px; height:37px; }
ul.menu li a { padding:0 5px; overflow:hidden; font-size:1.2em; display:block; color:#666; padding-left:15px; text-decoration:none; height:1.9em; line-height:1.9em; }

ul.menu li.selected ul { } 
ul.menu li.selected { border-bottom:solid 1px #c3e584; }
ul.menu li.selected a, 
ul.menu li a:hover { color:#333; background-color:#c3e584; }

ul.menu li a img { vertical-align:text-bottom; padding:0 5px 0 0px; }

ul.menu li.selected ul { padding:0 0 0 32px; margin:0; display:block; background-color:#c3e584;  }
ul.menu li.selected ul li { border:none; background-color:#e7eecc; border-bottom:dotted 1px #ccc; display:block; }
ul.menu li.selected ul li a { color:#126705; background-color:#e7eecc; font-size:1.1em; height:1.8em; line-height:1.8em; }
ul.menu li.selected ul li a:hover { color:#fff; background-color:#c3e584; }

ul.menu .grey { color:#999; }
ul.menu .hidden a { color:#bbb; display:none;}

ul.menu.small { background-color:#e7eecc; }
ul.menu.small li { border-bottom:dotted 1px #ccc; }
ul.menu.small li a { font-size:1em;  }

h4.recent { background-color:#8fb792; color:#333; }
ul.menu.recent a { }
ul.menu.recent li a:hover { background-color:#8fb792; }

/*****************************
   Maps
*****************************/
.map_panel { }
.map_panel .title { background-color:#9cbb05; height:24px; padding:5px; }
.map_panel .title a.help { display:none; float:right; width:16px; height:24px; background:url(/_images/icons/help.png) no-repeat center center; }
.map_panel .title h5 { font-size:11px; font-weight:normal; color:#fff; margin:0; height:24px; line-height:24px; }
.map_panel .map_container { position:relative; width:100%; height:350px; margin:0 auto; }


/*****************************
   Features
*****************************/
ul.features { margin:0 !important; margin-bottom:15px !important;  }
ul.features li { width:180px; float:left; margin:0 32px 10px 0; }
ul.features li.last { margin:0 0 10px 0; }

ul.features li a { position:relative; display:block; color:#fff; font-size:13px; line-height:normal; background-color:#73a00f; float:left; height:180px; }
ul.features li a:hover { text-decoration:none; }
ul.features li a:hover span { color:#333; }

ul.features li a img { display:block; }

ul.features li a strong { display:block; padding:5px; height:30px; overflow:hidden; text-align:left; }
ul.features li a span { position:absolute; bottom:5px; right:5px; display:block; font-size:11px; }


/*****************************
   Course List
*****************************/
ul.course-list { margin:0 !important; float:left; width:100%; list-style:none; }
ul.course-list li { width:180px; height:25px; float:left; margin:0; list-style:none; text-align:left; }
ul.course-list li.middle { margin:0 16px; padding:0 16px; width:178px; border-left:solid 1px #ddd; border-right:solid 1px #ddd;  }
ul.course-list li.clear { clear:both; width:auto; display:block; }
ul.course-list li a { display:block; height:25px; line-height:25px; font-size:11px; overflow:hidden; text-align:left; }

ul.course-list li.end { width:auto; height:25px; clear:both; display:block; }


/*****************************
   Search
*****************************/

.searchresults { font-size:14px; }
.searchresults div { padding:3px 0px 3px 0px; }
.searchresults div a { font-weight:normal; }
.searchresults div a img { width:16px; height:16px; margin-right:5px; vertical-align:text-bottom; }
.searchresults div a span { font-weight:bolder; color:#000; }

.searchresults div.srContainer { margin-bottom:20px; }
.searchresults div.srContainer p { line-height:normal; margin-bottom:0; color:#666; }

.searchresults div div a.green { font-size:12px; color:#339933; }

.searchpaging { text-align:center; line-height:30px; }
.searchpaging a { padding:3px 5px 3px 5px; border:solid 1px; }
.searchpaging span { padding:3px 5px 3px 5px; font-weight:bold; border:solid 1px #999; color:#666; background-color:#eee; }

/*****************************
   Image Viewer
****************************
.image-viewer { position:relative; float:left; cursor:pointer; }
*/



.error {color:#ff0000;}

.grid { width:100%; clear:both; }
.grid tr td { padding:10px; }
.grid tr th { padding:10px 5px; font-weight:bold; text-align:left; color:#fff; background-color:#666; font-size:14px; }

.grid .controls { text-align:right; vertical-align:middle; }

.grid .controls a { color:#666; padding:3px; font-size:9px; border:solid 1px; text-transform:uppercase; }
.grid .controls span { color:#ccc; padding:3px; font-size:9px; border:solid 1px #999; text-transform:uppercase; }

.grid .controls a:hover { color:#e0572a; }


.grid .updated { text-align:center; width:150px; color:#999; }



.grid .alt { background-color:#eee; /*#f5f9e1;*/ }
.grid .row_highlight td { background-color:#f5f9e1; }


/*****************************
   Wizard Menu (Steps)
****************************
.wizard-menu { margin:0px 0px 10px 0px !important; }
.wizard-menu li { display:inline; font-size:13px; } */

.wizard-menu { list-style:none; margin:0px 0px 30px 0px !important; height:30px; width:605px; background-image:url(/_images/steps.png); background-repeat:no-repeat; background-position:left top; }
.wizard-menu li { list-style:none; float:left; width:68px; height:30px;  }
.wizard-menu li a { height:30px; display:block; background-image:url(/_images/steps.png); background-repeat:no-repeat; background-position:left -1000px; }

.wizard-menu li span { display:none; }

.wizard-menu li.selected { background-color:#bcde87; background-image:url(/_images/steps.png); background-repeat:no-repeat; background-position:left bottom; }
.wizard-menu li a:hover  { background-color:#bcde87; }

.wizard-menu li.s1 { width:55px; }
.wizard-menu li.s1.selected,
.wizard-menu li.s1 a:hover { background-position:left bottom; }

.wizard-menu li.s2.selected,
.wizard-menu li.s2 a:hover { background-position:-55px bottom; }

.wizard-menu li.s3 { width:67px; }
.wizard-menu li.s3.selected,
.wizard-menu li.s3 a:hover { background-position:-123px bottom; }

.wizard-menu li.s4.selected,
.wizard-menu li.s4 a:hover { background-position:-190px bottom; }

.wizard-menu li.s5 { width:67px; }
.wizard-menu li.s5.selected,
.wizard-menu li.s5 a:hover { background-position:-258px bottom; }

.wizard-menu li.s6.selected,
.wizard-menu li.s6 a:hover { background-position:-325px bottom; }

.wizard-menu li.s7 { width:67px; }
.wizard-menu li.s7.selected,
.wizard-menu li.s7 a:hover { background-position:-393px bottom; }

.wizard-menu li.s8.selected,
.wizard-menu li.s8 a:hover { background-position:-460px bottom; }

.wizard-menu li.s9 { width:67px; }
.wizard-menu li.s9.selected,
.wizard-menu li.s9 a:hover { background-position:-528px bottom; }


.wizard-menu.small { width:336px; }
.wizard-menu.small li.end { width:336px; }



/*****************************
   Forms
*****************************/
.form { }

.form fieldset { margin-bottom:10px; }
.form fieldset legend { font-size:14px; font-weight:bold; color:#8fb792; margin-bottom:5px; }


.form .row { margin-bottom:5px; background-color:#ded; padding:5px; border:solid 1px #cdc; }
.form .row label,.form .row .label { color:#333; font-weight:bold; text-align:right; margin-right:1%; float:left; height:18px; line-height:21px; padding:2px 0; width:175px; }

.form .row .help { margin-left:30%; font-size:11px; margin-top:3px; }

.form .row input[type="text"],
.form .row input[type="file"],
.form .row input[type="password"] { /*line-height:20px;*/ color:#555; padding:3px; width:350px; border:solid 1px #999; }
.form .row input.required, .form .row select.required {border-right:3px solid #cc0000;}
.form .row textarea { color:#555; font-family:Arial, Verdana; padding:3px; border:solid 1px #999; width:350px; }

.facilities-table tr td label {width:auto!important; float:none !important;}

.form .btns { background-color:#cdc; /*border:solid 1px #124305;*/ text-align:right; /*min-height:24px;*/ }

.form .row.disabled label { color:#666; }

.system_message { display:block; color:#c33; border:solid 1px; background-color:#ffe1e1; padding:5px; margin-bottom:10px; }

.form .message { line-height:1.3em; font-size:11px; display:block; color:#c33; border:solid 1px; background-color:#ffe1e1; padding:5px; margin-bottom:10px; }
.form .message.error { color:#c33; background-color:#ffe1e1; }
.form .message.general { color:#33c; background-color:#e1e1ff; }

.form .row.info { background-color:#cdc; }
.form .row.info p { color:#124305; font-size:12px; margin:0; line-height:normal; }
.form .row.info.small p { font-size:11px; }
.form .row span.info, 
.form .row p.info { display:block; margin:0 1% 0 30%; font-size:11px; line-height:normal; text-align:left; }


/**********************************/
.form .flags input { float:left; }
.form .flags label { float:none; cursor:pointer; height:30px; line-height:30px; }

/**********************************/

.mapTable tr td {padding:5px;}



/*****************************
   Useful Classes
*****************************/
.fLeft { float:left; }
.fRight { float:right; }
.clear { clear:both; }

.tLeft { text-align:left; }
.tCenter { text-align:center !important; }
.tRight { text-align:right; }

.bold { font-weight:bold; }