.summberpackbg {
    background: url(../images/summerpage_bg.jpg) 0 0 no-repeat;
    height: 632px;
}

.summberpackbg .summerlargebanner {
    padding: 290px 0 0 0;
}

.summerformSectn {
    width: 667px;
    margin: 0 auto 0 auto;
    background: url(../images/summerform_bg.png) 0 0 repeat;
    border: 2px solid #eeeeee;
    border-radius: 10px;
    padding: 20px;
    position: relative;
}

.summberpackbg .heading {
    color: #000000;
    display: block;
    float: none;
    font-size: 22px;
    margin: 0 0 19px;
    text-align: left;
}

.summberpackbg form p {
    float: left;
    width: 45%;
    padding-right: 5%;
    margin-bottom: 12px;
}

.summberpackbg form p input[type="text"] {
    width: 95%;
    padding: 10px 2%;
    border: 0;
    border-radius: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #b0b2b3;
    border: 1px solid #FFF;
}

.summberpackbg form p select.styled {
    width: 100%!important;
    padding: 10px 2%;
    border: 0;
    border-radius: 5px;
    font-size: 20px;
    font-weight: bold;
    color: #b0b2b3;
}

span.chBox {
    clear: both;
    display: block;
    margin-bottom: 10px;
}

span.chBox input[type="checkbox"] {
    margin-right: 5px;
}

span.chBox label {
    font-size: 12px;
    font-weight: bold;
}

.summberpackbg .holidayPackbtn {
    background: url("../images/redbtnbg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid #ffffff;
    border-radius: 10px;
    bottom: -28px;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    margin: 0 auto;
    padding: 10px 0;
    position: absolute;
    right: 30px;
    text-align: center;
    width: 380px;
}

.summberpackbg form p input.incorrect {
    border: 1px solid #e21010;
}

.summberpackbg form p input.correct {
    border: 1px solid #008000;
}

.footer {
    background-color: #868789;
    border-radius: 0 0px 10px 10px;
}

body {
    background-color: transparent;
}

.closesummerpackpopup {
    color: #000000;
    cursor: pointer;
    font-family: 'Conv_RaysHand Regular';
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    right: 5px;
    top: 0;
}

.msgbox {
    clear: both;
    background-color: #ebebeb;
    border: 1px solid #ffffff;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}

.msgbox .mainmsg {
    text-align: center;
    font-size: 20px;
    color: #006600;
    margin-bottom: 5px;
}

.msgbox .submessage {
    text-align: center;
    font-size: 13px;
    color: #006600;
    margin-bottom: 0px;
}

.contentbox {
    clear: both;
    margin: 0;
    padding: 0;
}

.contentbox h3.mainmsg {
    clear: both;
    margin: 0 0px 10px 0;
    padding: 0;
    font-size: 35px;
    color: #000;
    text-align: center;
}

.contentbox h4.submessage {
    clear: both;
    margin: 0 0px 10px 0;
    padding: 0;
    font-size: 15px;
    font-weight: normal;
    color: #000;
    text-align: center;
}

.timerbutton {
    clear: both;
    margin: 0;
    padding: 0 0px;
}

.timerbutton .timecounterbox {
    background: url("../images/redbtnbg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid #ffffff;
    border-radius: 10px;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
}

.time-seperator {
    margin-left: 4px;
}


/*05-06-2018*/

.abacus [type="checkbox"]:not(:checked),
.abacus [type="checkbox"]:checked {
    left: auto;
}

.tuition_details_form .btn.disabled,
.tuition_details_form .btn[disabled],
.tuition_details_form fieldset[disabled] .btn {
    opacity: 1;
    cursor: pointer;
}

.tuition_details_form .btn-default.disabled.focus,
.tuition_details_form .btn-default.disabled:focus,
.tuition_details_form .btn-default.disabled:hover,
.tuition_details_form .btn-default[disabled].focus,
.tuition_details_form .btn-default[disabled]:focus,
.tuition_details_form .btn-default[disabled]:hover {
    background: #78a641;
    color: #fff;
    border: none;
}

.tuition_details_form .has-error .checkbox label {
    color: #333;
}

.formSectn input[type="image"] {
    bottom: -19px;
    position: absolute;
    right: 23px;
}

.formSectn h2 {
    font-size: 77px;
    font-weight: bold;
    color: #7ba221;
    text-align: center;
    line-height: 77px;
    margin: 0 0 10px;
}

.formSectn h3 {
    font-size: 43px;
    color: #037523;
    margin: 0 0 20px;
    font-weight: bold;
    text-align: center;
}

.popupsummerpackbaner .formSectn form#summerPopupFormOBJ {
    background: url(<?php echo SITE_URL_ED; ?>images/white_form_transparent-popup.png)0 0 repeat;
    border: 3px solid #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    padding: 20px 21px 60px;
    width: 625px;
    margin: 0 0 0 25px;
    position: relative;
}

.formSectn form span.heading {
    text-align: center;
    font-size: 22px;
    color: #000;
    float: none;
    margin: 0 0 19px;
    display: block;
}

.formSectn form input[type="text"],
.formSectn form input[type="email"],
.formSectn form select {
    width: 280px;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #fff;
    font-size: 20px;
    font-weight: bold;
    color: #b0b2b3;
    margin-right: 10px;
}

.formSectn form input.correct,
.formSectn form input.correct,
.formSectn form select.correct {
    border: 1px solid #037523;
}

.formSectn form input.incorrect,
.formSectn form input.incorrect,
.formSectn form select.incorrect {
    border: 1px solid #FF0000;
}

.plantimecounterbox {
    clear: both;
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 40px;
    line-height: 44px;
    text-align: center;
    letter-spacing: -2px;
}

.plantimecounterbox span.time {
    background-color: #85c6b0;
    color: #000;
    margin-right: 2px;
    display: inline-block;
    padding: 10px;
}

.plantimecounterbox span.time-seperator {
    font-size: 30px;
}

.activity {
    clear: both;
    margin: 0;
    padding: 0;
    text-align: center;
}

.activity .ylwbutton {
    display: block;
    width: 317px;
    margin: 0 auto;
    background-color: #ffda03;
    color: #FFFFFF;
    border: 0;
    padding: 20px 0;
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 5px;
}

.activity a.notyet {
    font-size: 22px;
    color: #000000;
    line-height: 22px;
}

.summeradvbanner .summeradvbutton {
    margin-left: 15px;
    margin-top: -60px;
}

.summerpackbaner .formSectn form p.summerpackpara {
    text-align: center;
    margin: 0 0 0 0;
}

.summerpackbaner .formSectn form p.summerpackpara .holidayPackbtn {
    border: 0;
    background: url(<?php echo SITE_URL_ED; ?>images/redbtnbg.jpg)0 0 repeat;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    width: 380px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    border-radius: 10px;
    border: 2px solid #FFF;
    position: absolute;
    right: 30px;
    bottom: -28px;
}

.summerpopup {
    clear: both;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: url(<?php echo SITE_URL_ED; ?>images/black-transparent.png)0 0 repeat;
    z-index: 500;
}

.popupsummerpackbaner {
    position: fixed;
    top: 30%;
    z-index: 1000;
    width: 100%;
    margin: 0 0%;
}

.closesummerpackpopup {
    color: #000000;
    font-family: 'Conv_RaysHand Regular';
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    right: 5px;
    top: 0;
    cursor: pointer;
}

.popupsummerpackbaner .formSectn {
    width: 770px;
    margin: 0 auto;
}

.popupsummerpackbaner .formSectn .formarea {
    margin: 0;
    padding-top: 20px;
}

.popupsummerpackbaner .formSectn form span.heading {
    letter-spacing: normal;
    font-size: 21px;
}

.popupsummerpackbaner .formSectn form span.chBox {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
}

.popupsummerpackbaner .formSectn form span.chBox label {
    display: block;
    width: 91%;
}

.popupsummerpackbaner .formSectn form span.chBox input {
    float: left;
    margin: 0 5px 0 0;
}