/*booking form*/
#events-form h1{float:left;width:300px;}
#events-form #intro{padding:10px 0 5px 0;}
#events-form p{font-size:1em;}
#events-form h4{color:#FFF;font-size:1em;font-weight:normal;margin:0 0 8px 0;}
#events-form a.icon{background:transparent url(../images/bookingform/icon-link.gif) center left no-repeat;color:#fff;text-decoration:none;font-size:0.92em;padding-left:12px;}
#events-form a.white{text-decoration:none;color:#fff;font-size:0.92em;}
#events-form .green{color:#cafd00;}
#events-form span.white{color:#fff;}
#events-form .hr-dotted{background:transparent url(../images/dotted-horz-hi.gif) bottom left repeat-x;padding:0;height:1px;margin:0.5em 0;width:100%;}
#events-form .hr-dotted hr {display:none;}
#events-form table{width:auto;}
#events-form table th{padding-left:0;font-weight:normal;color:#999;}
#events-form table td{color:#FFF;}

#events-form .items{background-image:url('../images/page-bg.jpg');}


/*booking form : info panel*/
#events-form .info-panel{background:#000;margin-bottom:1.5em;padding:20px;}
#events-form .info-panel p{color:#fff;}
#events-form .info-panel .form-panel{background:#282828;font-size:0.92em;padding:10px;margin:0 0 20px 0;}
#events-form .info-panel .form-panel .radios{margin-bottom:1em;}
#events-form .info-panel .form-panel .radios label{margin-right:1em;width:33%;color:#fff;}
#events-form .info-panel .form-panel .radios input{margin-left:0;background-color:transparent;outline:none;}
#events-form .info-panel .form-panel input.text{border:1px solid #ccc;outline:none;font-size:0.92em;padding:2px;width:150px;background:#FFF;}

#events-form .info-panel .form-info .header{margin-bottom:1em;}
#events-form .info-panel .form-info .header h2{font-weight:normal;}
#events-form .info-panel .form-info dl{margin-bottom:0;font-size:0.92em;}
#events-form .info-panel .form-info dt{display:block;float:left;width:45%;font-weight:bold;clear:left;}
#events-form .info-panel .form-info dd{display:block;float:left;width:50%;margin:0;}
#events-form .info-panel .form-info .footer{margin:10px 0 0 0;}
/*booking form : info panel > table*/
#events-form .info-panel .form-panel table{border-collapse:collapse;border:none;}
#events-form .info-panel .form-panel table caption{display:none;}
#events-form .info-panel .form-panel table td,
#events-form .info-panel .form-panel table th{border:none;background-color:transparent;}
#events-form .info-panel .form-panel table tbody td{background:transparent url(../images/dotted-horz-hi.gif) bottom left repeat-x;padding:2px;}
#events-form .info-panel .form-panel table td.first{font-weight:700;}

/*booking form : header*/
#events-form .section .headertitle{min-height:20px;padding:0.83em 0.15em 0;border:0px solid #000; border-bottom:2px solid #00612B; width:600px;cursor:pointer;cursor:hand;}
#events-form .section .headertitle .heading{float:left;}
#events-form .section .headertitle .heading h2{font-family:Arial;font-weight:bold;color:#00612B;letter-spacing:-1px;font-size:1.2em;cursor:pointer;cursor:hand;}

#events-form .tools{float:right;}
#events-form .tools ul{list-style:none;margin:0 0 10px 0;}
#events-form .tools ul li{float:left;display:block;width:auto;margin-left:0.5em;}
#events-form .tools ul li a{display:block;color:#959595;font-size:0.92em;text-decoration:none;padding-left:0.5em;background:transparent url(../images/bookingform/grey-pipe.gif) left center no-repeat;}
#events-form .tools ul li a:hover{color:#fff;}
#events-form .tools ul li.first a{background:none;}
#events-form .tools ul li.selected a{color:#fff;}

/* Extra CSS for the accessible version tools */
#events-form .tools ul li .field{float:left;width:80px;margin:-5px 0 0 0;}

#events-form .field .button-right{border:1px solid #272727; margin:8px 0 2px 0; background:#151515 url(../images/button-highlight.gif) center center repeat-x; display:block; float:right;}
#events-form .field .button-right input.submit{display:block; border:2px solid #000; margin:0; padding:0 4px 0 18px; background: url(../images/icon-logo.gif) 6px 4px no-repeat !important;font-size:1em;color:#FFF;}

#events-form .field .button-left{border:1px solid #272727; margin:8px 0 2px 0; background:#151515 url(../images/button-highlight.gif) center center repeat-x; display:block; float:left;}
#events-form .field .button-left input.submit{display:block; border:2px solid #000; margin:0; padding:0 4px 0 18px; background: url(../images/icon-logo.gif) 6px 4px no-repeat !important;font-size:1em;color:#FFF;}

#events-form .tools .field{position:relative;padding:0;margin:-8px 0 0 5px !important;}
#events-form .tools .field .button-right{margin:0;}

#events-form .tools ul li .field{width:120px;}
#events-form .tools ul li.first .field{width:90px;}
li .button-right input.submit{width:120px;}
li.first .button-right input.submit{width:90px;}




/*booking form : info*/
#events-form .section .panel{margin:1.5em 0 0;padding:0;}
#events-form .section .panel.first{margin-top:0;border:0;}
#events-form .section .panel.existing{margin-top:0;border:0;}
#events-form .section .panel.existing p.existing{padding:5px 0 5px 15px;color:#FFF;font-size:1.2em;}
#events-form .section .panel .content{background-image:url('../images/page-bg.jpg');padding:10px 60px 0px 10px;border-top:0px solid #00612B; width:600px;}
#events-form .section .panel .content .content{padding:0;border:0;}
#events-form .left{float:left;width:415px;}
#events-form .info-panel .form-panel.left{width:395px;}
#events-form .right{float:right;width:225px;}
#events-form .info-panel .form-info.right{width:205px;padding:10px;}
#events-form .left-col{width:415px;}
#events-form .right-col{width:225px;}

#events-form .panel .content .info .left .header{padding:0;border-bottom:1px solid #282928;background:none;border-left:none;border-top:none;border-right:none;}
#events-form .panel .content .info .left .header h3{margin:0;}
#events-form .panel .content .info .left .header h3 span{font-size:0.79em;font-weight:700;}
#events-form .panel .content .info .left .content {padding:0.5em 2em 0 0;border-top:none;}
#events-form .panel .content .info .left .content p{font-size:1em;}
#events-form .panel .content .info .left .content dl{padding-bottom:0;}
#events-form .panel .content .info .left .content dt{font-weight:700;}
#events-form .panel .content .info .left .content dd{margin-left:5em;}
@media screen{
#events-form .panel .content .info .left .content .hide-show{}
#events-form .panel .content .info .left .content .hide-show a{color:#fff;text-decoration:none;font-size:0.92em;}
#events-form .panel .content .info .left .content .hide-show a span{display:block;margin-left:12px;}
#events-form .panel .content .info .left .content .hide-show a img{float:left;width:9px;height:9px;margin:3px 0 0 0;}
/*#events-form .panel .content .info .left .content .hide-show a img{clip:rect(9px 9px 18px 0px);position:absolute;bottom:2px;left:0;background:transparent url(../images/bookingform/icon-hide-show.gif) 0 9px no-repeat;width:9px;height:18px;}
#events-form .panel .content .info .left .content .hide-show a:hover img{background:none;}*/
}
#events-form .panel .content .right .header{padding:0;border:none;background:none;}
#events-form .panel .content .info .right .header a{background:transparent url(../images/bookingform/icon-link.gif) center left no-repeat;color:#fff;padding-left:12px;text-decoration:none;font-size:0.92em;}
#events-form .panel .content .info .right .content{border-top:none;}

#events-form .panel .content .info .right .content .link{float:left;background:#FFF;}
#events-form .panel .content .info .right .content .link.first{margin-right:15px;}
#events-form .panel .content .info .right .content .link a{display:block;text-decoration:none;}
#events-form .panel .content .info .right .content .link a img{display:block;}
#events-form .panel .content .info .right .content .link a span{display:block;margin:0 0 0 0;color:#fff;font-size:0.92em;text-decoration:none;background:#282928 url(../images/bookingform/icon-link.gif) 2px 3px no-repeat;padding:0 2px 0 14px;}


#events-form .panel .content .info .right .content .link a:hover span{color:#cafd00;}


/*booking form : more*/
#events-form .panel .content .more{margin-top:1em;}
#events-form .panel .content .more.hide{display:none;}
#events-form .panel .content .more .option .image {width:247px;float:left;}
#events-form .panel .content .more .option .content{float:right;width:395px;border-top:none;}
#events-form .panel .content .more .option .content .header{padding:0.2em 0.5em;background-color:#282928;background-image:none;border-bottom:none;margin-bottom:0.5em;}
#events-form .panel .content .more .option .content .header h3{margin:0;float:left;font-size:1.15em;padding-top:0.2em;}
#events-form .panel .content .more .option .content .header div{float:right;}
#events-form .panel .content .more .option .content .header div label{float:left;width:auto;padding:3px 0 0 0;}
#events-form .panel .content .more .option .content .header div input.radio{background:transparent;}
#events-form .panel .content .more .option .content .header input.book-btn{background:#000 url(../images/bookingform/bg-button.gif) top left repeat-x;outline:none;border:1px solid #000;color:#CAFD00;margin:1px 0 0 0;text-transform:uppercase;}
#events-form .panel .content .more .option .content .header input.book-selected{background:#000 url(../images/bookingform/bg-button.gif) top left repeat-x;outline:none;border:1px solid #CAFD00;color:#CAFD00;margin:1px 0 0 0;text-transform:uppercase;}

/* Extra styles for accessible book now buttons */
#events-form .panel .content .more .option .content .header .field{width:auto;float:none;}
#events-form .panel .content .more .option .content .header .field .element{float:none;}
#events-form .panel .content .more .option .content .header .field .element .label{display:none;}
#events-form .panel .content .more .option .content .header .field input{background:#000 url(../images/bookingform/bg-button.gif) top left repeat-x;outline:none;border:1px solid #000;color:#CAFD00;margin:1px 0 0 0;text-transform:uppercase;float:none;}

#events-form .panel .content .more .option .details{padding-bottom:0.5em;padding-left:0.5em;}
#events-form .panel .content .more .option .details p{padding-bottom:0;}
#events-form .panel .content .more .option .details dt{font-weight:bold;}
#events-form .panel .content .more .option .details dd{margin-left:5em;}
#events-form .panel .content .more .footer{text-align:right;}

.button-wrapper{background:#000;border:1px solid #282828;padding:2px;float:right;}
.panel .button-wrapper{border-color:#CAFD00;}
.button-wrapper.highlight{border-color:#CAFD00;}
.button-wrapper button{background:#000 url(../images/bookingform/bg-button.gif) top left repeat-x;outline:none;border:none;}
.button-wrapper button span{color:#fff;font-size:0.92em;text-transform:uppercase;}
.button-wrapper a{display:block;background:#000 url(../images/bookingform/bg-button.gif) top left repeat-x;outline:none;border:none;text-decoration:none;}
.button-wrapper a span{color:#fff;font-size:0.92em;text-transform:uppercase;}

/*booking form : specials*/
#events-form #specials{padding:0;}
#events-form .specials {background:transparent url(../images/dotted-horz-hi.gif) top left repeat-x;padding-top:2px;margin-bottom:1em;}
#events-form .specials .left .header{background:#282828;background-image:none;}
#events-form .specials .left .header{padding:0.2em 0.5em;background-color:#282928;background-image:none;border-bottom:none;margin-bottom:0.5em;}
#events-form .specials .left .header h3{margin:0;float:left;font-size:1.15em;padding-top:0.2em;width:280px;}
#events-form .specials .left .header div{float:right;}

#events-form .specials .left .header fieldset h3{display:none;}
#events-form .specials .left .header fieldset .input{width:100px !important;padding:2px 0 0 0 !important;}
#events-form .specials .left .header fieldset .input div.clear{float:left;}
#events-form .specials .left .header fieldset .input .radio{margin-right:0;}
#events-form .specials .left .header fieldset .input label{padding:1px 10px 0 0;}



/* OLD STYLE SELECTS
#events-form .specials .left .header div select{outline:none;}
#events-form .specials .left .header div select option{padding:0 4px;margin:0;} */

#events-form .specials .left p {padding-bottom:0;}
#events-form .specials .left dl dt{font-weight:bold;}
#events-form .specials .left dl dd{margin-left:5em;}
#events-form .specials .right {text-align:right;}

/* Extra CSS for the accessible specials */
#events-form .specials .left .header div .field{width:auto;float:none;padding:0;margin:0;}
#events-form .specials .left .header div .field .element{float:none;}
#events-form .specials .left .header div .field .element .label{display:none;}
#events-form .specials .left .header div .field .element .input{float:none;width:50px;}

/*booking form : form
#events-form .panel .form .form-row{margin-bottom:0.5em;}
#events-form .panel .form .form-row label{float:left;width:147px;}
#events-form .panel .form input{background-color:transparent;}
#events-form .panel .form .form-row input,
#events-form .panel .form .form-row select{width:260px;float:right;outline:none;margin-bottom:0.2em;border:1px solid #282828;padding:2px;background-color:#fff;}
#events-form .panel .form .form-row .element{width:260px;float:left;padding:2px;}
#events-form .panel .form .form-row .element input{float:none;width:50px;}
#events-form .panel .form .form-row select{width:265px;}
#events-form .panel ul.arrows{list-style:url(../images/bookingform/green-arrow.gif);}
#events-form .panel ul.arrows li{margin-left:1.4em;}
*/
/*booking form : package options*/
#events-form .package-options{padding:0 0 10px 0;}
#events-form .package-options h3{padding:0 0 5px 0;margin:0;font-size:1.2em;}
#events-form .package-options div.clear{margin:0 0 5px 0;}
#events-form .package-options input{float:left;width:20px;margin:0 0 0 0;background:transparent;}





/*booking form : additonal styles for AJAX*/
#events-form .hide{display:none;}

#form-club-login, 
#form-other-member-number{padding:0 0 10px 0;}

#form-club-login div,
#form-other-member-number div{padding:0 0 5px 0;}

#form-club-login label,
#form-other-member-number label{display:block;float:left;width:70px;clear:left;padding:2px 0 0 0;margin:0 4px 0 0;}

#form-club-login input.text, 
#form-other-member-number input.text{display:block;float:left;width:200px !important;margin:0 0 5px 0;}
#form-club-login p{clear:both;}

.invisible{visibility:hidden;}

.waiting{position:relative;cursor:wait;opacity:0.5;filter: alpha(opacity = 50);}
.waiting fieldset{}
.info-panel.waiting img.timer{position:absolute;left:340px;top:90px;width:32px;height:32px;}
#step3 .waiting img.timer{position:absolute;left:340px;bottom:90px;width:32px;height:32px;}


/*For accessible version*/
#form-club-login .field .label{float:left;width:120px;}
#form-club-login .field .label label{width:120px;}
#form-club-login .field .input{float:left;width:200px;}



/*booking form : form*/
form{margin:0;padding:0;}
fieldset{border:0px solid #fff;margin:0;}
fieldset fieldset{padding:0;margin:0;border:0;}
legend{margin:0;padding:0;color:#333;display:none;}
fieldset h2{margin:0 0 10px 0;color:#FFF;font-weight:normal;text-transform:uppercase;}
fieldset h3{margin:0 0 10px 0;}

.field{width:100%;padding:0 0 10px 0;}
.field .element{float:left;width:100%;}
.field .element h3{color:#fff;font-weight:normal;font-size:0.94em;width:147px;float:left;}

.field .label{float:left;width:147px;padding:0;margin:0;text-align:left;}
.field .input{float:left;width:260px;padding:0;margin:0;}

.field .invalid label{color:#CCFF02;}
.field .invalid .input{background:url(../images/invalid.gif) top right no-repeat;}

	
.field label{color:#fff;display:block;padding:0 5px 2px 0;}
.field .input label{clear:none;}

.field textarea{width:95%;font-size:100%;padding:0.2em;}
.field input.text{width:95%;padding:1px 3px;border:1px solid #999;background:#FFF !important;margin:0 0 5px 0;}
.field input.short{width:20% !important;padding:1px 3px;border:1px solid #999;background:#FFF !important;margin:0 0 5px 0;}
.field input.radio{display:block;float:left;width:20px;margin:1px 5px 5px 0;padding:0;background:transparent;}
.field .radio input{display:block;float:left;width:20px;margin:1px 5px 5px 0;padding:0;background:transparent;}
.field select{width:auto !important;padding:0 !important;}
.field .short{width:50% !important;}

.field .button-left{float:left;width:auto;}
.field .button-right{float:right;width:auto;}

.field input.submit{width:auto;border:1px solid #000;background:url(../images/bookingform/bg-button-admin.gif) left center repeat-x;color:#CCFF02;font-size:1.3em;}

.warnEmpty{display:none;}
.warn{clear:both;color:#CCFF02;margin:0 0 0 147px;font-size:0.94em;}
#form-club-member .warn{margin:0 0 10px 0;font-size:1em;}
#form-club-login .warn{margin:0 0 10px 74px;font-size:1em;}

#form-club-member p,
#form-other-member p{color:#FFF;}

.field .highlight{color:#CCFF02;}
.field .highlight p{color:#CCFF02;}
.field .hide{display:none;}
.field .hidden{position:absolute;left:-500px;top:-500px;width:100px;}

.highlight{color:#CCFF02;}

#events-form .no-availability{margin:0 0 10px 0;border-bottom:20px solid #343433 !important;}
#events-form .no-availability p{color:#CCFF02;}


/*booking form : confirmation page*/
.confirmation-buttons{margin:0 0 10px 0;}
.confirmation-buttons .button-wrapper{float:left;}
.confirmation-buttons .print{float:right;}


/*booking form : change dates*/
#change-dates{clear:both;background:#282828;padding:10px;margin:10px 0 0 0;}
#change-dates h2{font-weight:normal;margin:0 0 10px 0;}
#change-dates label{color:#FFF;font-size:0.94em;}
#change-dates .field{float:left;width:auto;margin:0 10px 0 0;padding:0 !important;}
#change-dates .field .element{float:left;width:auto;}
#change-dates .field .label{float:left;width:auto !important;}
#change-dates .field .input{clear:left;float:left;width:auto !important;}


#change-dates .button-field{float:right;width:auto;}
#change-dates .field input.text{width:80px;float:left;margin:0 0 0 0;padding:2px 0;}
#change-dates .field a.date-picker-control{margin:2px 0 0 2px;}
#change-dates .field input#nights{width:30px;}
#change-dates .field .button{margin:1.2em 0 0 0;}


/*booking form : HTML version form */
#html-version{float:right;width:150px;}
#html-version p{position:absolute;left:-500em;top:-500em;}
#html-version input{float:right;width:auto;background:transparent;color:#FFF;border:0;}
#html-version input:hover{text-decoration:underline;}

.advanced-link{float:right;width:auto;color:#FFF !important;text-decoration:none;font-size:0.94em;}
.advanced-link:hover{text-decoration:underline;}


/*booking form : summary table */
.summary{width:100% !important;margin:0 !important;}
.summary th, .summary td{vertical-align:top;}
.summary th{white-space:nowrap;}
.summary h2{padding:5px 0 0 0;}
.summary .field{float:right;width:auto;}


.manage-summary h2{font-weight:normal;padding:0 0 5px 0;margin:0;}
.manage-summary{background:#000 url(../images/dotted-horz-hi.gif) repeat-x scroll left bottom;padding:10px;margin:0 0 20px 0;font-size:1.05em;}
.manage-summary table{margin:0 0 5px 0 !important;}
.manage-summary td{background:transparent !important;}
.manage-summary h3{color:#FFF;font-size:1.2em;font-weight:normal;margin:5px 0}
.manage-summary .change-dates{clear:both;background:#000;padding:10px 0 10px 0;margin:10px 0 0 0;}
.manage-summary .change-dates h2{border-bottom:1px solid #CAFD00;margin:0 0 5px 0;}
.manage-summary .change-dates label{color:#FFF;font-size:1.1em;}
.manage-summary .change-dates .field{float:left;width:auto;margin:0 10px 0 0;padding:0 !important;}
.manage-summary .change-dates .field .label{float:left;display:block;width:auto !important;}
.manage-summary .change-dates .field .input{clear:left;float:left;width:auto !important;}
.manage-summary .change-dates .button-field{float:right;font-size:1.1em;}
.manage-summary .change-dates .field input.text{clear:left;width:80px;float:left;margin:0 0 0 0;padding:2px 0;}
.manage-summary .change-dates .field a.date-picker-control{margin:2px 0 0 2px;}
.manage-summary .change-dates .field input#nights{width:30px;}
.manage-summary .change-dates .field .button{margin:1.2em 0 0 0;font-size:1.1em;}

.manage-summary .section{}
.manage-summary .section .content{padding:10px 0 !important;}
.manage-summary .section .left{width:380px !important;}

#change-dates #ctl00_ctl00_container_main_ctrlAddNewBooking_txtAddNewBookingNights_div.field input.text{width:50px !important;}


input.book-btn{background:#000 url(../images/bookingform/bg-button.gif) top left repeat-x;outline:none;border:1px solid #000;color:#CAFD00;margin:1px 0 0 0;text-transform:uppercase;}


/*Terms popup*/
#popup #page{background:#060D16;padding-top:20px;}
#popup #container{width:360px;}
#popup h1{margin-bottom:10px;}

p.confirm{float:left;width:380px;color:#FFF;font-size:0.94em !important;}

#ctl00_ctl00_container_ctrlInfoPanel_btnLogin{width:320px;}

.field-text{margin:0 0 0 147px;}


.confirmation-wrapper{position:relative;}
.confirmation{position:absolute;width:200px;right:0;top:0;background:#000;padding:10px;border:1px solid #CAFD00;}

p.credit{clear:both;color:#6A6C6F;}
p.credit a{color:#6A6C6F;text-decoration:none;}
p.credit a:hover, p.credit a:focus, p.credit a:active{color:#FFF;}
