@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');

@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(/media/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(/media/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/media/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

*{
    font-family: 'Roboto', sans-serif;
}

#booking_payment > h2 {
    text-align: center;
}

#booking_payment > form {
    margin-left: 280px;
}

table {
    margin-bottom: 20px;
}



div#classes_grid_view {
    margin-left: 40px;
    margin-top: 20px;
}

ol, ul {
list-style: none;
}
a {
text-decoration:none;
color: #626262;
}
#booking_bookings {
background:#FFF;
margin-left:10px;
margin-right:10px;
padding:10px;
}
#booking_bookings h2 {
font: normal 18px Verdana,Arial,Helvetica,sans-serif;
font-weight:bold;
color:#666;
padding-left:5px;
}
.booking_total {
font-size:14px;	
}
#membership_details {
width:700px;
margin:left;
clear:both;
}
#membership_details ul{
width:700px;
display:block;
float:left;
list-style: none;
padding: 0px;
margin: 5px 10px 0 5px;
border: 0px solid #ccc;
background: transparent; /*#EEEEEE */
}
#membership_details ul li span{

display:block;
width:220px;
float:left;
line-height:2em;
}
#membership_details ul li{
width:700px;
display:block;
margin: 0;
padding: 0 0 0 5px;
padding-top:3px;
padding-bottom: 3px;
border: 0px solid #fff;
float: left;
}
#membership_details ul li:nth-child(7) {
font-size:10px;
}
#membership_details ul li:nth-child(7) span {
font-size:12px;
}
#membership_details ul li:first-child {

width:700px;
font-weight:bold;
font-size:14px;
line-height:2em;
text-shadow:0 1px 0 #eeeeee;

}
h3 {
text-shadow:0 1px 0 #fff;
}

.swMain .stepContainer .StepTitle {
text-shadow:0 1px 0 #0000;
}
.swMain ul li .selected{
text-shadow:0 1px 0 #0000;
}

#page_wrapper {
width:1010px;
margin:auto;
}

.disabled {
text-shadow:none;
}

#header_wrapper {
background-repeat: no-repeat;
background-size: 120px;
height: 130px;
margin:0 0 0 0;
padding-top:10px;
padding-bottom:10px;
width:989px;
}

.congratulations {
margin-top:10px;
}
.congratulations ul span {
font-weight:bold;
margin-right:10px;
}

#footer_wrapper {
margin-left:auto;
margin-right:auto;
margin-top:5px;
height:100px;
width:989px;
background:url(../images/powered-by-ac.jpg) no-repeat right ;
padding-top:10px;
padding-bottom:10px;

}
#footer div {
padding-top:75px;
padding-left:15px;
}

.alpha60 {
background: #ffffff;
background: #ffffff;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)";
}

#step-1 table tr td strong {
font-size:16px;
}

.swMain {
display:flex;
flex-direction: column;
justify-content: center;
width:980px;
}

.swMain .stepContainer {
display:block;
position: relative;
margin: 0;
padding:0;
}

.error { 
color: red; 
}

.swMain .stepContainer div.content {
display:block;
position: absolute;
float:left;
margin-top:10px;
padding:5px;
border: 0px;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#5A5655;
background-color:#ffffff;
min-height:300px;
text-align:left;
overflow:auto;
z-index:88;
-webkit-border-radius: 0px;
-moz-border-radius  : 0px;
border-radius: none;
width:976px;
clear:both;
}

.swMain div.actionBar {
display:block;
position: relative;
clear:right;
float: right;
margin:3px 0 0 0;
border:0px;
padding:0;
color:#5A5655;
background-color:#ffffff;
height:70px;
text-align:left;
overflow:auto;
z-index:88;
-webkit-border-radius: 5px;
-moz-border-radius  : 5px;
width: 986px;

}

.swMain .stepContainer .StepTitle {
display:block;
position: relative;
margin:0;
padding:7px;
color:#333;
background-color:#f8f8f8;
clear:both;
text-align:left;
z-index:88;
-webkit-border-radius: 0px;
-moz-border-radius  : 0px;
border-left: 4px solid #d6001c;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
}

.swMain ul.anchor {
position: relative;
display:flex;
float:left;
list-style: none;
padding: 0px;
margin: 5px 10px 0 0;
border: 0px;
background: transparent;
}
.swMain ul.anchor li{
position: relative;
display:block;
margin: 0;
padding: 3px 0;
border: 0px;
float: left;
clear:both;
}
/* Anchor Element Style */
.swMain ul.anchor li a {
display:block;
position:relative;
float:left;
margin:0;
padding:3px;
height:40px;
width:240px;
text-decoration: none;
outline-style:none;
-moz-border-radius  : 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
z-index:99;
}
.swMain ul.anchor li a .stepNumber{
position:relative;
float:left;
width:30px;
text-align: center;
padding:5px;
padding-top:0;
font: bold 45px Verdana, Arial, Helvetica, sans-serif;
display: none;
}
.swMain ul.anchor li a .stepDesc{
display:block;
text-align: center;
padding:0px;
width:100%;
font: bold 0px Verdana, Arial, Helvetica, sans-serif;
margin-top: 14px;

}
.swMain ul.anchor li a .stepDesc small{
font: normal 12px Verdana, Arial, Helvetica, sans-serif;


}
.swMain ul.anchor li a.selected{
color:#F8F8F8;
background: #7d0f13;
border: 1px solid #7d0f13;
cursor:text;
box-shadow: none;
}

.swMain ul.anchor li a.selected:hover {
color:#7d0f13;
background: #ffffff;
border: 1px solid #7d0f13;
transition: 0.1s ease-in;
cursor: pointer;
}

.swMain ul.anchor li a.done {
position:relative;
color:#fff;
background: #637275;
border: 1px solid #637275;
z-index:99;
}
.swMain ul.anchor li a.done:hover {
color:#5A5655;
background: #f8f8f8;
border: 1px solid #5A5655;
}
.swMain ul.anchor li a.disabled {
color:#CCCCCC;
background: #F8F8F8;
border: 0px solid #CCC;
cursor:text;
}
.swMain ul.anchor li a.disabled:hover {
color:#CCCCCC;
background: #F8F8F8;
}

.swMain ul.anchor li a.error {
color:#ffffff !important;
background: #f08f75 !important;
border: 1px solid #f08f75 !important;
}
.swMain ul.anchor li a.error:hover {
color:#fff !important;
background: #b7715f !important;
border: 1px solid #b7715f !important;
}

.swMain .buttonNext {
display:block;
float:right;
margin:16px 3px 0 3px;
padding:10px;
text-decoration: none;
text-align: center;
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
width:100px;
color:#FFF;
outline-style:none;
background-color:   #7d0f13;
border: 1px solid #7d0f13;
-moz-border-radius  : 0px;
-webkit-border-radius: 0px;

}

.swMain .buttonNext:hover {
    background-color: #FFF;
    color:  #7d0f13;
    transition: 0.1s ease-in;
}

.swMain .buttonDisabled {
color:#F8F8F8  !important;
background-color: #CCCCCC !important;
border: 1px solid #CCCCCC  !important;
cursor:text;

}
.swMain .buttonCancel {
display:block;
float:left;
margin:18px 3px 0 3px;
padding:10px;
text-decoration: none;
text-align: center;
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
width:100px;
color:#333;
outline-style:none;
background-color:#0000;
border: 0px solid #5A5655;
-moz-border-radius  : 5px;
-webkit-border-radius: 5px;
}

.swMain .buttonCancel:hover {
    text-decoration: underline;
}
.swMain .buttonPrevious {
display:block;
float:right;
margin:5px 3px 0 3px;
padding:5px;
text-decoration: none;
text-align: center;
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
width:100px;
color:#FFF;
outline-style:none;
background-color:   #5A5655;
border: 1px solid #5A5655;
-moz-border-radius  : 5px;
-webkit-border-radius: 5px;
}
.swMain .buttonFinish {
display:block;
float:right;
margin:16px 10px 0 3px;
padding:10px;
text-decoration: none;
text-align: center;
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
width:150px;
color:#FFF;
outline-style:none;
background-color:   #71bd40;
border: 1px solid #45672f;
-moz-border-radius  : 0px;
-webkit-border-radius: 0px;
}

/* Form Styles */

.txtBox {
    border: 1px solid #7d0f13;
    color:#5A5655;
    padding:2px;
    width: 200px;
    height: 20px;
    outline-style: none;
}
.txtBox:focus {
border:1px solid #7d0f13;
}

input#check_user {
    width: 80px;
    height: 30px;
    border: 1px solid #7d0f13;
    background-color: #7d0f13;
    color: #FFF;
    cursor: pointer;
}

input#check_user:hover {
    width: 80px;
    height: 30px;
    background-color: #FFF;
    color: #7d0f13;
    transition: .1s ease-in;

}

div#check_user_div {margin-left: 190px; margin-top: 30px;}

#confirm_submit, #cancel_submit {
    height: 30px;
    cursor: pointer;
}

#confirm_submit {
    width: 150px;
    border: 1px solid #7d0f13;
    background-color: #7d0f13;
    color: #FFF;
}

#confirm_submit:hover {
    background-color: #FFF;
    color: #7d0f13;
    transition: .1s ease-in;
}

#cancel_submit {
    border: 1px solid #7d0f13;
    background-color: #FFF;
    color: #7d0f13;
}

#cancel_submit:hover {
    background-color: #637275;
    color: #FFF;
    border: 1px solid #637275;
}

.person_extra #cancel_submit {
    margin-left: 120px;
}

.swMain .loader {
position:relative;
display:none;
float:left;
margin: 15px 0 0 2px;
padding:8px 10px 8px 40px;
border: 1px solid #FFD700;
font: bold 13px Verdana, Arial, Helvetica, sans-serif;
color:#5A5655;
background: #FFF url(../images/loader.gif) no-repeat 5px;
-moz-border-radius  : 5px;
-webkit-border-radius: 5px;
z-index:998;
}
.swMain .msgBox {
position:relative;
display:none;
float:left;
margin: 21px 0 0 5px;
padding:5px;
border: 1px solid #FFD700;
background-color: #FFFFDD;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#5A5655;
-moz-border-radius  : 5px;
-webkit-border-radius: 5px;
z-index:999;
min-width:200px;
}
.swMain .msgBox .content {
font: normal 12px Verdana,Arial,Helvetica,sans-serif;
padding: 0px;
float:left;
}
.swMain .msgBox .close {
border: 1px solid #CCC;
border-radius: 3px;
color: #CCC;
display: block;
float: right;
margin: 0 0 0 5px;
outline-style: none;
padding: 0 2px 0 2px;
position: relative;
text-align: center;
text-decoration: none;
}
.swMain .msgBox .close:hover{
color: #EA8511;
border: 1px solid #EA8511;
}
.public_contact_us {
background:#fff;
margin-left:10px;
margin-right:10px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:1px;
}

.step_table h3, #credit_card_details h3, #direct_debit_details h3 {
color:#7d0f13;
line-height:2em;
font-size:14px;
text-shadow: 1px 1px #eee;
font-weight:bold;
}
#credit_card_details label, #credit_card_details #total, #credit_card_details p {
font-size:12px;	color:#333; text-align:left;
}
#credit_card_details table,#credit_card_details thead, #credit_card_details tr, #credit_card_details td {
border:none;
}
#credit_card_details table tr:nth-child(odd) {
background: rgba(41, 171, 226, 0.2);
}
#credit_card_details table tr:nth-child(even) {
background: rgba(255, 255, 255, 0.3);
}
.payment_input {
width:175px !important;
}
.footer_contact {
background: #FFFFFF;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
width: 980px;
color: #5A5655;
font: 11px Verdana,Arial,Helvetica,sans-serif;
}

.faqs
{
margin-left:10px;
}
.faqs h2
{
font-size:16px;
font-weight:bold;

}
.question_detail {
padding:10px;
margin:10px;
}

.rounded_button ul {
margin-left:auto;
margin-right:auto;
}
.rounded_button .selected {
background:#7d0f13;
}
.rounded_button ul li {
margin-bottom: 7px;
}
.rounded_button ul li a {background-attachment: scroll;background-clip: border-box;background-color: #7d0f13;background-image: none;background-origin: padding-box;background-position: 0 0;background-repeat: repeat;background-size: auto auto;-moz-text-blink: none;-moz-text-decoration-color: -moz-use-text-color;-moz-text-decoration-line: none;-moz-text-decoration-style: solid;border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-top-left-radius: 0;border-top-right-radius: 0;border: 1px solid #7d0f13;color: #FFFFFF;display: block;font-size: 10px;height: 30px;line-height: 32px;text-align: center;width: 80px;max-width:150px;min-width:120px;margin-top:5px;}
.rounded_button ul li a:hover {
color:#7d0f13;
background-color: #FFF;
border: 1px solid #7d0f13;
transition: .1s ease-in;
}
.inline_uls ul li {
float:left;
margin-right:5px;
}
.tight_uls ul li a {
min-width:70px;
}

.ui-datepicker-trigger {
    position: relative;
    top: 9px;
}

.public_table {
    margin-top: 20px;
    min-width: 84%;
}

.book {
max-width: 100px;
display:block;
width:80px;
background: #7d0f13;
height:24px;
line-height:24px;
text-align:center;
margin-left:auto;
margin-right:auto;
border:solid 1px #7d0f13;
margin-top:3px;
margin-bottom:3px;
border-radius:5px;
color:#FFF;
border-radius: 0px;
}
.book:hover {
background: #FFF;
border: 1px solid #7d0f13;
color: #7d0f13;
transition: .1s ease-in;
}

.book_disabled {
background: #d9dbd9;
background-image: linear-gradient(to bottom, #d9dbd9 0%, #c6c8c6 100%);
color:#fff;
border:solid 1px #acaeac;
}
.book_disabled:hover {
color:#fff;
background: #d9dbd9;
background-image: linear-gradient(to bottom, #d9dbd9 0%, #c6c8c6 100%);
border:solid 1px #979997;
}

.public_facility_bookings {
background:#fff;
margin:10px;
padding:10px;
}
.public_facility_bookings .navigation ul, {
margin-left:auto;
margin-right:auto;

}
.public_facility_bookings .navigation .selected {
background:#d6001c;
}
.public_facility_bookings .navigation ul li {
margin-bottom: 7px;
}
.public_facility_bookings .navigation ul li a {
background-attachment: scroll;
background-clip: border-box;
background-color: #7d0f13;
background-image: none;
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
-moz-text-blink: none;
-moz-text-decoration-color: -moz-use-text-color;
-moz-text-decoration-line: none;
-moz-text-decoration-style: solid;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
color: #FFFFFF;
display: block;
font-size: 12px;
height: 30px;
line-height: 32px;
text-align: center;
width: auto;
max-width:220px;
min-width:140px;
margin-top:5px;
padding-left:5px;
padding-right:5px;
}
.public_facility_bookings .navigation ul li a:hover {
color:#FF0;
}
.public_facility_bookings .navigation ul li {
float:left;
margin-right:5px;
}
.public_facility_bookings .navigation ul li a {
min-width:70px;
border: 1px solid #7d0f13;
}

.public_facility_bookings .navigation ul li a:hover {
color:#7d0f13;
background-color: #FFF;
border: 1px solid #7d0f13;
transition: .1s ease-in;
}

.navigation, .bookings_loading{
clear:both;	
}
.contract {
cursor:pointer;	
}
.contract:hover {
background:#eee;
}
.public_table_heading td {
    background: #7d0f13 !important;
    text-align: left !important;
    padding: 5px 20px !important;
    color: #fff !important;
    font-weight: bold !important;
 }

.public_table_data td {
padding-left: 10px !important; 
height:none !important;
text-align:left !important;
}
.prorata_label {
width:400px !important;
}
input[type='number'] {
-moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.hidden{display:none;}
.show{display: block;}

.success, .fail, .information, .attention {
margin-top: 15px;
margin-bottom: 15px;
margin-left: 30px;
margin-right: 30px;
background-repeat: no-repeat;
background-position: 10px center;
padding: 10px 10px 10px 40px;
height: 20px;
font-weight: normal;
text-transform: uppercase;
font-size: .7em;
line-height: 20px;
}
.fail {
background-color: #FFE1E1;
border: 1px solid #FF9595;
color: #CC3300;
background-image: url(../images/notifications/cancel.png);
}
.booking_terms {
width:98%;
padding:5px;
background: rgba(41, 171, 226, 0.2);
height:100px;
overflow:auto;
border:solid 2px #ccc;
}


/* class web */
#cw-filter-bar {text-align: left;float: left;width: 180px;margin-left: 20px;}
#cw-content {text-align: left;float:right;width: 660px;padding: 10px;background-color: #ffffff;}
#cw-content-head { text-align: left; float:right; width: 660px; padding: 0 20px 20px 20px;background-color: #ffffff; }
.cw-block-heading { width: 100%; border-bottom: solid #c0c0c0 1px; padding-bottom: 4px; margin-bottom: 4px; }
.cw-block-heading div { float:right; }
.cw-block-content {float:left;padding-right: 20px;padding-bottom: 20px;}
.cw-block-content table { width: 650px; }
.cw-block-content th {font-weight:bold;background: #7d0f13;padding-left:  20px;padding-right: 10px;color:  #FFF;}
.cw-block-content tr:nth-child(odd) {background: #eeeeee;}
.cw_th_day {width:60px;}
.cw_th_time {width:150px;}
.cw_th_level {width:150px;}
.cw_th_vacancies {width:50px;}
.cw_th_age {width:70px;}
.cw_th_payment {width:50px;}

.cw_td_day {width:60px;}
.cw_td_time {width:170px;}
.cw_td_level {width:150px;}
.cw_td_vacancies {width:50px;}
.cw_td_age {width:70px;}
.cw_td_payment {width:50px;}
.cw_tr_results td {padding:5px;}

.cw-block-book { float:left; }
#cw_pagination_container{ clear:both; border: solid 1px #c0c0c0; background: #eeeeee; width: 100%; }
#cw_pagination_container:hover{ border: solid 1px #bbbbbb; background: #dddddd; }
#cw_pagination{ display: block; text-align: center; padding: 20px; }
#cw_levels_legend {width: 140px;}
/*#cw_levels_legend div {white-space: nowrap;}*/
#cw_levels_legend div label {margin-left:15px;display:block; float:left; width:180px;}
#cw_levels_legend input {position:absolute;margin-left:-15px;}
#cw_cart_notification { position:absolute; display:block; background: #ffffff; border: 1px solid #c0c0c0; padding-top: 20px; width: 240px; height: 40px; right: 0px; top: 23px; }
#slider-range, #time_range {max-width: 130px;}
#cw_descriptions { text-align: left; float:left; width: 820px; padding: 20px;background-color: #ffffff; }
#cw_descriptions img {max-width: 750px;}
.class_description p {     -ms-word-break: break-all;
word-break: break-all;

/* Non standard for webkit */
word-break: break-word;

-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; }
#cw_descriptions .class_description {width:780px;}
#cw_descriptions .book {width:160px; max-width: 180px}
.class_booking_button {margin-left:0; width:160px;}
.class_show_all_button {margin-right:0; margin-left:auto; width:160px;}
.class_show_all_button .book {width:160px; max-width: 180px}
.class_description h3 { font-size:14px; font-weight: bold; padding-bottom: 10px; }
.cw-block-book .book {float:left; max-width: 180px;width: 180px;}

fieldset { border: 0; padding: 0;}

#footer_wrapper {clear:both;}

.cw_class_description { width:450px; background: #fff; border:solid 1px #ccc; z-index:1000; min-height:50px; padding:5px; box-shadow: 10px 10px 5px #888888; }
.cw_class_description_info { width:450px; background: #fff; border:solid 1px #ccc; z-index:1000; min-height:50px; padding:5px; box-shadow: 10px 10px 5px #888888; }
.cw_close_description { float:right; padding:5px; }
.cw_class_title { background:#d9d9d9;line-height: 1.5em; margin: -4px; padding: 6px; }

#time_range{ font-size: .8em; padding-bottom: 6px; }

#hostedpayment_iframe { min-width:600px; width:100%; height:500px; background:#fff; }
.contract_hosted_vault{
cursor: pointer;
background-color: #71bd40;
border: 1px solid #45672f;
border-radius: 5px;
color: #fff;
font: bold 13px Verdana,Arial,Helvetica,sans-serif;
margin: 5px 10px 0 3px;
min-height: 5em;
min-width: 15em;
outline-style: none;
padding: 5px;
text-align: center;
text-decoration: none;
}
.contract_hosted_vault:hover { background-color: #99e944; }
#sso_login_button {float:none; width:150px;}
.sso_button_container a { background-color: #71bd40;
border: 1px solid #45672f;
color: #fff;
display: block;
font: bold 13px Verdana,Arial,Helvetica,sans-serif;
margin: 5px 10px 0 3px;
outline-style: none;
padding: 5px;
text-align: center;
text-decoration: none;
width:150px;}

.class_browse_filter_input_align {
display: inline-block;
margin-right: -100px;
vertical-align: top;
}

.class_browse_filter_label_align {
display: inline-block;
margin-left: 100px;
margin-right: -100px;
}

.class_browse_filter_see_all_link {
display: inline-block;
}