/*################################
  #                              #
  #      by Claudiu Limban       #
  #  http://sofuxro.elance.com   #
  #                              #
  ################################*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
button,
cite,
code,
del,
dfn,
em,
fieldset,
figure,
font,
img,
input,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
select,
tbody,
textarea,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0 none;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
    background: #fff;
    background-attachment: fixed;
    background-position: top;
}

.background {
    background: no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

    table td {
        padding: 5px;
    }

    table th {
        padding: 6px 5px;
        text-align: left;
        line-height: 22px;
    }

a,
button,
input[type="submit"],
input[type="reset"] {
    cursor: pointer;
}

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

article,
aside,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
details {
    display: block;
}

img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

svg {
    overflow: hidden;
}

p,
a {
    word-wrap: break-word;
}
/* end of reset */
/* Golden ratio (0.62 + 0.38) -> for 1200px = 744px + 456px */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.clear {
    height: 0;
    width: 0;
    clear: both;
}

.hidden {
    display: none;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

#FullPayment .input_wrapper {
    width: 315px;
    float: left;
    padding: 0 0 0 90px;
    font-size: 15px;
}

.input_wrapper {
    width: 37.5%;
    float: left;
    padding: 25px 100px 0 10px;
    font-size: 15px;
}

.disclaimer_wrapper {
    width: auto;
    float: left;
    padding: 0 0 0 90px;
    font-size: 15px;
    max-width: 305px;
}

    .disclaimer_wrapper .disclaimer_item {
        width: auto;
        display: inline;
    }

span button {
    float: right;
    padding: 10px 0 0;
}

#profileCreditBalance {
    margin-top: 70px;
    margin-left: 100px;
    width: 22%;
    float: left;
    padding: 20px 0 10px 25px;
    border: 1px solid #E3E3E3;
}

@font-face {
    font-family: 'SegoeUINormal';
    src: url('segoeui-webfont.eot');
    src: url('segoeui-webfont.eot?#iefix') format('embedded-opentype'), url('segoeui-webfont.woff') format('woff'), url('segoeui-webfont.ttf') format('truetype'), url('segoeui-webfont.svg#SegoeUINormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUILight';
    src: url('segoeuil.eot');
    src: url('segoeuil.eot?#iefix') format('embedded-opentype'), url('segoeuil.woff') format('woff'), url('segoeuil.ttf') format('truetype'), url('segoeuil.svg#SegoeUINormal') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*############################################################*/
/* General style */
/* path for the image folder. Ex of use: background-image:url('@{baseurl}sprite_1.png'); */
/* -------------------------------------- */
.page {
    width: 1025px;
    min-height: 600px;
    background: #FFF;
    position: relative;
    margin: auto auto 10px auto;
    -moz-box-shadow: 0px 0px 14px #CCC;
    -webkit-box-shadow: 0px 0px 14px #CCC;
    box-shadow: 0px 0px 14px #CCC;
}

.container {
    width: 990px;
    position: relative;
    margin: 0 auto;
    padding: 9px 0 0 0;
}

    .container h1 {
        vertical-align: middle;
        padding-left: 20px;
    }

body,
textarea,
#mainpagelement.style {
}

Matched CSS Rules
.page {
    width: 1025px;
    background: white;
    position: relative;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 26px 9px;
    -moz-box-shadow: 4px 3px 14px #CCC;
    -webkit-box-shadow: 4px 3px 14px #CCC;
    box-shadow: 4px 3px 14px #CCC;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, button, cite, code, del, dfn, em, fieldset, figure, font, img, input, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, select, e h2 {
    font-family: Roboto, 'SegoeUINormal', Arial, Helvetica, sans-serif;
}

h2,
header .action p,
#mainpage .registration .second,
#mainpage .registration .third
{
	font-family: Roboto, 'SegoeUILight', Arial, Helvetica, sans-serif;
}

h6 {
    margin: 10px 0 0;
    padding: 0 0 0 10px;
    color: #6E6E6E;
    font-size: 14px;
    line-height: 24px;
    font-weight: lighter;
}

p {
    color: #4B5259;
    font-size: 17px;
    line-height: 24px;
}

.bordered {
    padding: 21px 14px;
    border: 5px solid #E3E3E3;
}

.border_bottom {
    border-bottom: 1px solid #E3E3E3;
}

.border_top {
    border-top: 1px solid #E3E3E3;
}

.margin_top {
    margin: 10px 0 0;
}

.margin_bottom {
    margin-bottom: 20px;
}

.padding_bottom {
    padding-bottom: 20px;
}

.padding_style_1 {
    padding: 10px 20px;
}

.float_right {
    float: right;
}

a {
    color: #2672ec;
}

.icon_error {
    width: 22px;
    height: 22px;
    background: url('../img/sprite_1.png') 0 -48px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    display: inline-block;
}

.grid_1_of_1 {
    width: 100%;
    float: left;
    padding: 0 0 0 10px;
}

.grid_1_of_2 {
    width: 50%;
    float: left;
    padding: 0 0 0 10px;
}

.grid_1_of_3 {
    width: 33%;
    float: left;
    padding: 0 0 0 10px;
}

.grid_2_of_3 {
    width: 65%;
    float: left;
    padding: 0 0 0 10px;
}

.grid_1_of_4 {
    width: 21%;
    float: left;
    padding: 0 0 0 10px;
}

.grid_2_of_8 {
    width: 25%;
    float: left;
    padding: 0 0 0 10px;
}

.grid_3_of_8 {
    width: 37.5%;
    float: left;
    padding: 0 0 0 10px;
}

.earlyReg {
    padding: 0px 0px 10px 10px;
    color: red;
    font-size: 17px;
}

.featuredGuideGrid {
    width: 25%;
    float: left;
    padding: 0 0 0 10px;
}

.blankLine {
    line-height: 8px;
}

.containerdivNewLine {
    clear: left;
}

.activityGuideGrid {
    width: 25%;
    float: left;
    padding: 0 0 0 10px;
}

.specialEventGrid {
    width: 50%;
    float: left;
    padding: 4px 0 0 10px;
    border-left: 1px solid #E3E3E3;
}

.blackBorderTop {
    border-top: 1px solid #777777;
    padding: 4px 0;
}

.blackBorderBottom {
    border-bottom: 1px solid #777777;
}
/* -------------------------------------- */
form label {
    padding: 0 0 6px;
    display: block;
}

form .label_1 {
    padding-right: 10px;
    float: left;
    line-height: 23px;
    display: inline-block;
}

form .form_info {
    padding: 0 0 25px 10px;
    color: #4B5259;
    font-size: 13px;
}

form .form_checkbox {
    width: 90%;
    text-align: right;
}

    form .form_checkbox label {
        display: inline-block;
    }

    form .form_checkbox input {
        /* margin: 0 4px 0 15px; */
        vertical-align: middle;
    }

form .form_error {
    padding: 0 0 16px;
    color: #e93c03;
    text-transform: uppercase;
}

.form_error {
    color: #e93c03;
    padding-bottom: 10px;
    text-transform: uppercase;
}

#disclaimer {
    display: inline-block;
    font-size: 15px;
}

form input.error,
form select.error {
    border: 1px solid #e93c03;
}

/* .text-box { width:184px !important; } */

.criteriaLeft, .criteriaRight {
    vertical-align: bottom;
    display: inline-block;
    /* ie6/7 */
    *display: inline;
    zoom: 1;
}

.criteriaRight {
    float: right;
    margin-right: 20px !important;
}

.checkbox-field {
    padding-top: 10px;
}

.editor-label {
    padding-bottom: 5px;
}

input[type="text"],
input[type="password"],
input[type="number"],
textarea,
select {
    width: 90%;
    height: 26px;
    padding: 0 8px;
    border: 1px solid #BABABA;
    color: #4b5259;
    font-size: 14px;
    line-height: 24px;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    textarea:focus,
    select:focus {
        color: #4b5259;
        border: 1px solid #4d90fe;
        box-shadow: 0 0 5px #4d90fe;
    }

    input[type="text"].w_50,
    input[type="password"].w_50,
    textarea.w_50,
    select.w_50 {
        width: 50px;
        float: left;
        margin: 0 10px 0 0;
    }

.grid_3_of_8 select {
    width: 60%;
}

select {
    padding: 2px 0 2px 8px;
}

    select.w_70 {
        width: 70px;
        float: left;
        margin: 0 10px 0 0;
    }

    select.active {
        color: #4B5259;
    }

    select option {
        padding: 5px 8px;
    }

input[type="checkbox"] {
    margin: 0 4px 0 0;
    vertical-align: top;
}
/* -------------------------------------- */
.btn_blue,
.btn_blue_reload,
.btn_green,
.btn_disabled,
.btn_red,
.btn_orange,
.btn_skyBlue,
.btn_pink,
.btn_purple {
    height: 22px;
    padding: 0 13px 3px;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
}


.btn_disabled {
    background-color: #009f3c;
}

.btn_diabled:hover {
    background-color: #028332;
}

.btn_blue,
.btn_blue_reload {
    background-color: #2672ec;
}

    .btn_blue:hover,
    .btn_blue_reload:hover {
        background-color: #2361c4;
    }

.btn_green {
    background-color: #009f3c;
}

    .btn_green:hover {
        background-color: #028332;
    }

    .btn_green:disabled {
        background-color: #dddddd;
    }

button.btn_green {
    line-height: 20px;
}

.btn_red {
    background-color: #e93c03;
}

    .btn_red:hover {
        background-color: #c83909;
    }

.btn_orange {
    background-color: #FFA500;
}

.btn_orange:hover {
    background-color: #FF8C00;
}

.btn_skyBlue {
    background-color: #87CEEB;
}
.btn_skyBlue:hover {
    background-color: #4682B4;
}

.btn_pink {
    background-color:#f11c77;
}

.btn_pink:hover {
    background-color: #bd0982;
}

.btn_purple {
    background-color: #8520bc;
}

    .btn_purple:hover {
        background-color: #751ea8;
    }

.btn_big {
    height: 28px;
    padding: 0 20px 2px;
    font-size: 16px;
    line-height: 28px;
}

.btn_biggest {
    height: 32px;
    padding: 0 20px 3px;
    font-size: 18px;
    font-weight: normal;
    line-height: 32px;
}

.btn_normal {
    color: #333;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}

    .btn_normal:hover {
        color: #2672EC;
    }

.removeBtn_Cart {
    color: red;
    font-size: 15px;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

    .removeBtn_Cart:hover {
        color: #2672EC;
    }
/* -------------------------------------- */
header {
    height: 100px;
    padding: 28px 0 0;
    border-bottom: 1px solid #ECECEC;
}

    header .logo {
        float: left;
        max-width: 230px;
        max-height: 80px;
        overflow: hidden;
    }

    header h1 {
        float: left;
        color: #777777;
        font-size: 30px;
        padding: 10px 0 0 0;
    }

    header .action {
        float: right;
        padding: 0 0 0 0;
    }

        header .action nav {
            padding: 0 0 5px;
            color: #4b5259;
            font-size: 14px;
            text-align: right;
        }

            header .action nav a {
                padding: 0 5px;
                display: inline-block;
            }

        header .action p {
            float: left;
            padding: 5px 10px 0 0;
            font-size: 22px;
        }

        header .action .cart {
            width: 37px;
            height: 36px;
            background-image: url('../img/sprite_1.png');
            float: left;
        }

        header .action .cartnumber {
            margin: 25px 0 0 0;
            text-align: right;
        }

        header .action .btn_green {
            margin: 0 5px 0 20px;
        }
/* -------------------------------------- */
#main {
    padding: 16px 0 50px;
}

    #main h2 {
        padding: 0 0 14px;
        color: #4b5259;
        font-size: 36px;
        letter-spacing: -1px;
        font-weight: 400;
    }

    #main .cart h2 {
        padding: 0 0 26px;
        color: #4b5259;
        font-size: 36px;
        letter-spacing: -1px;
        font-weight: 400;
    }

    #main h3 {
        padding: 0 0 15px;
        color: #4B5259;
        font-size: 18px;
    }

    #main .left {
        width: 64%;
        float: left;
    }

    #main .right {
        width: 36%;
        float: left;
        padding: 0 0 0 65px;
    }

        #main .right .border_bottom {
            margin: 0 0 15px;
            padding: 0 0 15px;
        }

    #main .price {
        float: right;
        color: #EB3C03;
        font-weight: normal;
    }

    #main .subtotal {
        padding: 0 0 15px;
    }

        #main .subtotal .price {
            color: #4B5259;
        }

    #main .blue_bar {
        height: 21px;
        width: 980px;
        background-color: #357EC7;
        margin: 22px 0 4px;
    }

    #main .gray_background {
        background-color: #f0f0f0;
        width: 92px;
        padding: 4px 4px;
    }

    #main #navigation {
        width: 600px;
        padding: 0 0 27px;
    }

        #main #navigation .line {
            width: 425px;
            height: 1px;
            background-color: #D3D3D3;
            margin: 0 0 0 68px;
        }

        #main #navigation .step {
            width: 140px;
            height: 33px;
            position: relative;
            float: left;
            padding: 13px 0 0;
            color: #d3d3d3;
            font-size: 12px;
            text-align: center;
        }

            #main #navigation .step span {
                width: 9px;
                height: 9px;
                background-color: #FFF;
                position: absolute;
                top: -5px;
                left: 65px;
                border: 1px solid #A8A8A8;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                display: block;
            }

            #main #navigation .step.done {
                color: #000;
            }

                #main #navigation .step.done span {
                    background-color: #A8A8A8;
                }

    #main #step_wrapper h2 {
        margin: 0 0 10px;
        border-bottom: 1px solid #E3E3E3;
    }

    #main #step_wrapper .step .left ul {
        list-style: disc inside;
        color: #4B5259;
        line-height: 24px;
    }

    #main #step_wrapper .step .left ol {
        list-style: decimal inside;
        color: #4B5259;
        line-height: 24px;
    }

    #main #step_wrapper h3 {
        padding: 0 0 15px;
        color: #4B5259;
        font-size: 18px;
    }

    #main #step_wrapper .step:before,
    #main #step_wrapper .step:after {
        content: " ";
        display: table;
    }

    #main #step_wrapper .step:after {
        clear: both;
    }

    #main #step_wrapper .btn_wrapper {
        float: right;
        padding: 10px 0 0;
    }

        #main #step_wrapper .btn_wrapper button,
        #main #step_wrapper .btn_wrapper input {
            float: right;
            margin: 0 0 0 10px;
        }

        #main #step_wrapper .btn_wrapper a {
            float: right;
        }

    #main #step_wrapper .fields {
        margin: 0 0 8px;
        /*padding: 0 0 35px;*/
        /*border-bottom: 3px solid #E3E3E3;*/
    }

        #main #step_wrapper .fields:before,
        #main #step_wrapper .fields:after {
            content: " ";
            display: table;
        }

        #main #step_wrapper .fields:after {
            clear: both;
        }

        #main #step_wrapper .fields.border_bottom {
            border-bottom: 1px solid #E3E3E3;
        }

        #main #step_wrapper .fields.no_border {
            border: 0 none;
        }

        #main #step_wrapper .fields.no_border_bottom {
            padding: 0px;
            border: 0 none;
        }

        #main #step_wrapper .fields.padding_style_1 {
            padding: 10px 20px;
        }

        #main #step_wrapper .fields .line {
            margin: 0 0 17px;
            color: #4B5259;
        }

            #main #step_wrapper .fields .line .checkbox label {
                display: inline;
            }

        #main #step_wrapper .fields .btn_normal {
            margin: 25px 0 0;
            display: inline-block;
        }

            #main #step_wrapper .fields .btn_normal.margin_top_10 {
                margin: 10px 0 0;
            }

        #main #step_wrapper .fields .border_bottom {
            position: relative;
        }

            #main #step_wrapper .fields .border_bottom .edit {
                width: 23px;
                height: 18px;
                background: url('../img/sprite_1.png') -60px -48px;
                position: absolute;
                top: 78px;
                right: 65px;
                display: block;
            }

            #main #step_wrapper .fields .border_bottom .delete {
                width: 16px;
                height: 21px;
                background: url('../img/sprite_1.png') -83px -48px;
                position: absolute;
                top: 76px;
                right: 38px;
                display: block;
            }

    #main .pagination {
        height: 36px;
        background-color: #F0F0F0;
        margin: 12px 0 0;
        text-align: right;
    }

        #main .pagination a {
            height: 24px;
            margin: 7px 1px;
            padding: 0 6px;
            border: 1px solid #4769A4;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            color: #4769A4;
            font-size: 14px;
            line-height: 22px;
            display: inline-block;
        }

    #main .pager .current {
        background-color: #357EC7;
        color: #FFF;
    }

    #main .pagination a:hover {
        background-color: #4769A4;
        color: #FFF;
        text-decoration: none;
    }

.details_border {
    width: 100%;
    color: #4B5259;
    border-top: 1px solid #E3E3E3;
    padding-bottom: 10px;
}
/* end of general style */
/*############################################################*/
/* PAGES */
#signin header {
    border-bottom: 0 none;
}

    #signin header h1 {
        float: left;
        color: #777777;
        font-size: 30px;
        padding: 10px 0 0 0;
    }

#signin #main .content {
    padding: 8px 0 0;
}

#signin #main .left .content {
    padding: 8px 60px 0 0;
    border-right: 1px solid #DDD;
}

    #signin #main .left .content h3 {
        color: #55aad4;
        line-height: 26px;
    }

    #signin #main .left .content .pad_1 {
        padding: 0 0 0 30px;
    }

    #signin #main .left .content .pad_2 {
        padding: 0 0 0 50px;
    }

    #signin #main .left .content .pad_3 {
        padding: 0 0 0 70px;
    }

    #signin #main .left .content .f_normal {
        font-weight: normal;
    }

    #signin #main .left .content .f_big {
        font-size: 20px;
    }

    #signin #main .left .content .f_medium {
        font-size: 18px;
    }

    #signin #main .left .content p {
        padding: 60px 0 0;
        line-height: 20px;
    }

#signin #main .right {
    font-size: 14px;
}

    #signin #main .right a {
        color: #2672ec;
    }

    #signin #main .right .f_small {
        padding: 0 0 5px;
        font-size: 12px;
    }

    #signin #main .right input[type="text"],
    #signin #main .right input[type="password"] {
        width: 270px;
        height: 30px;
        margin: 0 0 17px;
    }

    #signin #main .right input[type="submit"] {
        margin: 30px 0 40px;
    }

    #signin #main .right label {
        display: inline-block;
        padding-top: 5px;
        margin-bottom: 0;
        vertical-align: middle;
    }

    #signin #main .right input[type=checkbox] {
        vertical-align: middle;
    }

    #signin #main .right .facebook {
        margin: 6px 0 24px;
    }
/* -------------------------------------- */
#mainpage #main {
    padding: 0;
}

#mainpage .registration {
    background-color: #ECECEC;
    padding: 20px;
    color: #4b5259;
    overflow: hidden;
    line-height: 20px;
}

    #mainpage .registration a p,
    #mainpage .registration p {
        color: #FFFFFF;
        font-size: 22px;
        line-height: 20px;
    }

#mainpage .connect p {
    color: #FFFFFF;
    float: left;
    width: 200px;
    font-size: 26px;
    line-height: 48px;
}

#mainpage .registration .first p {
    color: #4B5259;
    font-size: 16px;
}

#mainpage .registration h2 {
    padding: 0 0 20px;
    font-size: 26px;
}

#mainpage .registration .first {
    width: 465px;
    float: left;
    padding: 0 60px 0 0;
    text-align: justify;
}

#mainpage .registration .second {
    width: 230px;
    height: 175px;
    background: #0072BC;
    position: relative;
    float: left;
    margin: 0 20px 0 0;
    color: #FFF;
    font-size: 22px;
}

#mainpage .registration .third {
    width: 230px;
    height: 175px;
    background: #EC2121;
    position: relative;
    float: left;
    color: #FFF;
    font-size: 22px;
}

#mainpage .registration .style_1 {
    padding: 20px 0 0 40px;
}

#mainpage .registration .style_2 {
    padding: 20px 0 0 10px;
}

#mainpage .registration .style_3 {
    padding: 20px 0 0 60px;
}

#mainpage .registration .style_4 {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-weight: bold;
    text-align: right;
}

#mainpage .registerButton {
    width: 190px;
    height: 60px;
    background: #0072BC url(../img/home-buttons-arrowwhite.png) 90% center no-repeat;
    background-position: 95% center;
    position: relative;
    float: left;
    margin: 0 20px 0 0;
    color: #FFF;
    font-size: 22px;
    padding: 17px 30px 0 5px;
}

    #mainpage .registerButton:hover {
        background: #336699 url(../img/home-buttons-arrowwhite.png) no-repeat 90% center;
        background-position: 95% center;
    }

#mainpage .browseClassButton {
    width: 190px;
    height: 60px;
    background: #EC2121 url(../img/home-buttons-arrowwhite.png) 95% center no-repeat;
    background-position: 95% center;
    position: relative;
    float: left;
    margin: 0 20px 0 0;
    color: #FFF;
    font-size: 22px;
    padding: 17px 30px 0 3px;
}

    #mainpage .browseClassButton:hover {
        background: #c83909 url(../img/home-buttons-arrowwhite.png) no-repeat 95% center;
        background-position: 95% center;
    }

#mainpage .browseFacilityButton {
    width: 205px;
    height: 60px;
    background: orange url(../img/home-buttons-arrowwhite.png) 95% center no-repeat;
    background-position: 95% center;
    position: relative;
    float: left;
    color: #FFF;
    font-size: 22px;
    padding: 17px 30px 0 3px;
}

    #mainpage .browseFacilityButton:hover {
        background: #d2691e url(../img/home-buttons-arrowwhite.png) no-repeat 95% center;
        background-position: 95% center;
    }

#mainpage .slider-wrapper {
    width: 100%;
    margin: 0px auto;
}

#mainpage .connect {
    width: 100%;
    height: 48px;
    background-color: #EB3C03;
    padding: 0 0 0 10px;
    color: #FFF;
    font-size: 26px;
    line-height: 48px;
    overflow: hidden;
    margin-bottom: 10px;
}

    #mainpage .connect p {
        width: 200px;
        float: left;
    }

    #mainpage .connect .social {
        width: 325px;
        height: 48px;
        background: url('../img/sprite_1.png') -37px 0;
        float: left;
        padding: 0 0 0 8px;
        overflow: hidden;
    }

        #mainpage .connect .social a {
            width: 58px;
            height: 48px;
            float: left;
            margin: 0 8px 0 0;
            display: block;
        }

#mainpage .quicklink {
    margin-top: 10px;
}

    #mainpage .quicklink h3 {
        margin: 0px 0 5px 0;
        font-weight: lighter;
        /*line-height: 0px;*/
    }

    #mainpage .quicklink .border_bottom {
        /*border-bottom: 2px solid #4B4B4B;*/
    }

    #mainpage .quicklink a {
        font-size: 14px;
        color: #4B4B4B;
        font-weight: bold;
    }
/* -------------------------------------- */
/*#activity_search form {
  width: 500px;
  overflow: hidden;
}*/
/*#activity_search form a {
  float: left;
}
#activity_search form input[type="text"] {
  width: 400px;
  margin: 0 0 10px;
  display: block;
}*/
#activity_search input[type="submit"] {
    width: 64px;
    height: 64px;
    background: #009f3c url('../img/sprite_1.png') 0 -70px;
}

#activity_search input[type="submit"]:hover {
    background-color: #028C36;
}

#activity_search input[type="button"] {
    width: 65px;
    height: 22px;
    background-color: #009f3c;
    color: #FFF;
    font-size: 12px;
    margin: 10px 0 0;
    line-height: 21px;
    text-align: center;
}

#activity_search input[type="button"]:hover {
    background-color: #028C36;
    cursor:pointer;
}

.div_search_clear {
    display: inline-block;
}

#activity_search .style_1,
#activity_search .style_2,
#activity_search .style_3,
#activity_search .style_4,
#activity_search .style_5,
#activity_search .style_6,
#activity_search .style_7 {
    width: 195px;
    float: left;
    padding: 7px 0 18px 18px;
    border-bottom: 1px solid #D9D9D9;
    -webkit-box-shadow: 0 1px 0 #E5E5E5;
    box-shadow: 0 1px 0 #E5E5E5;
}

#activity_search .style_2 {
    width: 275px;
}

#activity_search .style_3 {
    width: 520px;
    padding: 7px 13px 18px 13px;
    text-align: right;
}

#activity_search .style_4 {
    width: 195px;
}

#activity_search .style_5 {
    width: 95px;
    text-align: center;
}

    #activity_search .style_5 p {
    }

#activity_search .style_6 {
    width: 125px;
    border-right: 1px solid #E5E5E5;
}

    #activity_search .style_6 p {
    }

#activity_search .style_7 {
    width: 105px;
}

#activity_search .style_1_h,
#activity_search .style_2_h,
#activity_search .style_4_h,
#activity_search .style_3_h,
#activity_search .style_5_h,
#activity_search .style_6_h,
#activity_search .style_7_h {
    width: 195px;
    float: left;
    padding: 7px 0 18px 18px;
    border-bottom: 1px solid #D9D9D9;
    -webkit-box-shadow: 0 1px 0 #E5E5E5;
    box-shadow: 0 1px 0 #E5E5E5;
}

#activity_search .style_2_h {
    width: 275px;
}

#activity_search .style_4_h {
    width: 195px;
}

#activity_search .style_5_h {
    width: 95px;
    padding: 7px 13px 18px 32px
}

#activity_search .style_6_h {
    width: 85px;
}

#activity_search .style_7_h {
    width: 145px;
    padding: 7px 13px 18px 13px;
    text-align: right;
}

#activity_search p {
    color: #464653;
    font-size: 12px;
    line-height: 16px;
}

#activity_search .row {
    overflow: hidden;
}

    #activity_search .row > div {
        height: 90px;
    }

    #activity_search .row .style_1 {
        border-left: 1px solid #D9D9D9;
        -webkit-box-shadow: -1px 1px 0 #e5e5e5;
        box-shadow: -1px 1px 0 #e5e5e5;
    }

    #activity_search .row .style_2 {
        color: #464653;
        font-size: 12px;
        line-height: 16px;
    }

    #activity_search .row .style_7 {
        border-left: 1px solid #D9D9D9;
        border-right: 1px solid #E5E5E5;
        -webkit-box-shadow: 1px 1px 0 #D9D9D9;
        box-shadow: 1px 1px 0 #D9D9D9;
    }

    #activity_search .row .style_7_mem {
        border-left: 1px solid #D9D9D9;
        border-right: 1px solid #E5E5E5;
        border-bottom: 1px solid #D9D9D9;
        -webkit-box-shadow: 1px 1px 0 #D9D9D9;
        box-shadow: 1px 1px 0 #D9D9D9;
        width: 144px;
        float: left;
        padding: 22px 0 18px 36px;
    }

    #activity_search .row .style_7 .subtext {
        font-size: 8px;
        margin: 2px 0 0;
        text-align: left;
    }

    #activity_search .row .style_7 .importantBox {
        position: relative;
    }

    #activity_search .row .style_7 .importantText {
        position: absolute;
        font-size: 9px;
        font-weight: 600;
        margin: 14px 3px auto;
        text-align: center;
        z-index: 1;
    }

    #activity_search .row .style_7 .green {
        width: 65px;
        height: 22px;
        background-color: #009f3c;
        color: #FFF;
        font-size: 12px;
        margin: 10px 0 0;
        line-height: 21px;
        text-align: center;
    }

    #activity_search .row .style_7 .proceed {
        width: 65px;
        height: 22px;
        background-color: #2361c4;
        color: #FFF;
        font-size: 12px;
        margin: 10px 0 0;
        line-height: 21px;
        text-align: center;
    }

    #activity_search .row .style_7 .social {
        width: 17px;
        height: 16px;
        background: url('../img/sprite_1.png') -43px -48px;
        margin: 20px 0 0 24px;
    }

    #activity_search .row .style_7 .wait {
        width: 65px;
        height: 22px;
        background-color: #ED1C24;
        color: #FFF;
        font-size: 12px;
        margin: 10px 0 0;
        line-height: 21px;
        text-align: center;
    }

    #activity_search .row .style_7_mem .subtext {
        font-size: 8px;
        margin: 2px 0 0;
        text-align: left;
    }

    #activity_search .row .style_7_mem .importantBox {
        position: relative;
    }

    #activity_search .row .style_7_mem .importantText {
        position: absolute;
        font-size: 9px;
        font-weight: 600;
        margin: 14px 3px auto;
        text-align: center;
        z-index: 1;
    }

    #activity_search .row .style_7_mem .green {
        width: 65px;
        height: 22px;
        background-color: #009f3c;
        color: #FFF;
        font-size: 12px;
        margin: 10px 0 0;
        line-height: 21px;
        text-align: center;
    }

    #activity_search .row .style_7_mem .proceed {
        width: 65px;
        height: 22px;
        background-color: #2361c4;
        color: #FFF;
        font-size: 12px;
        margin: 10px 0 0;
        line-height: 21px;
        text-align: center;
    }

    #activity_search .row .style_7_mem .social {
        width: 17px;
        height: 16px;
        background: url('../img/sprite_1.png') -43px -48px;
        margin: 20px 0 0 24px;
    }

    #activity_search .row .style_7_mem .wait {
        width: 65px;
        height: 22px;
        background-color: #ED1C24;
        color: #FFF;
        font-size: 12px;
        margin: 10px 0 0;
        line-height: 21px;
        text-align: center;
    }
/* -------------------------------------- */
#historySearch .style_1,
#historySearch .style_2,
#historySearch .style_3,
#historySearch .style_4,
#historySearch .style_5,
#historySearch .style_6,
#historySearch .style_7,
#historySearch .style_8,
#historySearch .style_0 {
    width: 150px;
    float: left;
    padding: 7px 0 18px 18px;
    border-bottom: 1px solid #D9D9D9;
    -webkit-box-shadow: 0 1px 0 #E5E5E5;
    box-shadow: 0 1px 0 #E5E5E5;
}

#historySearch .style_2 {
    width: 160px;
}

#historySearch .style_3 {
    width: 80px;
}

#historySearch .style_4 {
    width: 140px;
}

#historySearch .style_5 {
    width: 150px;
}

#historySearch .style_6 {
    width: 80px;
    border-left: none;
    border-right: none;
}

#historySearch .style_7 {
    width: 160px;
    border-left: none !important;
    border-right: none !important;
}

#historySearch .style_8 {
    width: 40px;
    border-top: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
}

#historySearch .style_0 {
}

#historySearch .style_1_h,
#historySearch .style_2_h,
#historySearch .style_3_h,
#historySearch .style_4_h,
#historySearch .style_5_h,
#historySearch .style_6_h,
#historySearch .style_7_h,
#historySearch .style_8_h,
#historySearch .style_0_h {
    width: 150px;
    float: left;
    padding: 7px 0 18px 18px;
    border-bottom: 1px solid #D9D9D9;
    -webkit-box-shadow: 0 1px 0 #E5E5E5;
    box-shadow: 0 1px 0 #E5E5E5;
}

#historySearch .style_2_h {
    width: 160px;
}

#historySearch .style_3_h {
    width: 80px;
}

#historySearch .style_4_h {
    width: 140px;
}

#historySearch .style_5_h {
}

#historySearch .style_6_h {
    width: 80px;
}

#historySearch .style_7_h {
    text-align: left;
}

#historySearch .style_8_h {
    width: 50px;
}

#historySearch .style_0_h {
}

#historySearch p {
    color: #464653;
    font-size: 12px;
    line-height: 16px;
}

#historySearch .row {
    overflow: hidden;
}

    #historySearch .row > div {
        height: 45px;
    }

    #historySearch .row .style_1 {
        border-left: 1px solid #D9D9D9;
        -webkit-box-shadow: -1px 1px 0 #e5e5e5;
        box-shadow: -1px 1px 0 #e5e5e5;
    }
/* -------------------------------------- */
#orderSearch .style_1,
#orderSearch .style_2,
#orderSearch .style_3,
#orderSearch .style_4,
#orderSearch .style_5 {
    width: 158px;
    float: left;
    padding: 7px 0 18px 0;
    border-bottom: 1px solid #D9D9D9;
    -webkit-box-shadow: 0 1px 0 #E5E5E5;
    box-shadow: 0 1px 0 #E5E5E5;
    text-align: center;
}

#orderSearch .style_1 {
    border-left: 1px solid #D9D9D9;
    -webkit-box-shadow: -1px 1px 0 #e5e5e5;
    box-shadow: -1px 1px 0 #e5e5e5;
}

#orderSearch .style_5 {
    border-right: 1px solid #D9D9D9;
    -webkit-box-shadow: -1px 1px 0 #e5e5e5;
}

#orderSearch .style_6 {
    width: 40px;
    border-left: 1px solid #E5E5E5;
    -webkit-box-shadow: 1px 1px 0 #D9D9D9;
    box-shadow: 1px 1px 0 #D9D9D9;
}

#orderSearch .style_1_h,
#orderSearch .style_2_h,
#orderSearch .style_3_h,
#orderSearch .style_4_h,
#orderSearch .style_5_h {
    width: 158px;
    float: left;
    padding: 7px 0 18px 0;
    border-bottom: 1px solid #D9D9D9;
    -webkit-box-shadow: 0 1px 0 #E5E5E5;
    box-shadow: 0 1px 0 #E5E5E5;
    text-align: center;
}

#orderSearch .style_6_h {
    width: 40px;
}

#orderSearch p {
    color: #464653;
    font-size: 12px;
    line-height: 16px;
}

#orderSearch .row {
    overflow: hidden;
}

    #orderSearch .row > div {
        height: 45px;
    }
/* ---------------------------------------*/
#class_details .gray_bar {
    background-color: #f0f0f0;
    overflow: hidden;
}

    #class_details .gray_bar h4 {
        padding: 13px 0 15px 4px;
        color: #464654;
        font-size: 28px;
        font-weight: normal;
    }

    #class_details .gray_bar p {
        padding: 0 0 13px 4px;
        color: #4B5259;
        font-size: 24px;
    }

    #class_details .gray_bar .member {
        padding: 10px 0 0 0;
        color: steelblue;
        font-size: 17px;
    }

    #class_details .gray_bar .grid_1_of_3 {
        width: 35%;
    }

#class_details .gray_border {
    border: 1px solid #777777;
    padding: 9px 0px 15px 10px;
    line-height: 18px;
}

    #class_details .gray_border h4 {
        color: #464654;
        font-size: 16px;
        font-weight: bold;
        padding: 3px 0 5px 0;
    }

    #class_details .gray_border p {
        font-size: 13px;
        padding: 0 0 0 10px;
    }

    #class_details .gray_border .rows {
        padding: 2px 0px;
    }

    #class_details .gray_border .link {
        font-size: 13px;
    }

#class_details .data_values {
    padding: 16px 0;
    overflow: hidden;
}

    #class_details .data_values p {
        font-size: 18px;
        line-height: 22px;
    }

    #class_details .data_values ul {
        list-style: disc inside;
    }

    #class_details .data_values ol {
        list-style: decimal inside;
    }

    #class_details .data_values .contact_header {
        font-size: 18px;
        line-height: 22px;
        color: #464654;
    }

        #class_details .data_values .contact_header .contacts {
            font-size: 14px;
            line-height: 16px;
            color: #464654;
            display: inline-block;
        }

#class_details .class_addons h4 {
    padding: 7px 0 12px 18px;
    color: #C3C3C3;
    font-size: 26px;
    font-weight: normal;
}

#class_details .class_addons .row {
    background-color: #4B5259;
    margin: 0 0 10px;
    overflow: hidden;
}

    #class_details .class_addons .row .style_1 {
        width: 25%;
        float: left;
        padding: 0 0 0 10px;
    }

    #class_details .class_addons .row p {
        padding: 5px 0 7px;
        color: #FFF;
    }

    #class_details .class_addons .row input,
    #class_details .class_addons .row select {
        background-color: #FFF;
        color: #2E2E2E;
    }

#class_details .attachment {
    margin: 0 0 0 10px;
}

    #class_details .attachment p {
        line-height: 12px;
    }

    #class_details .attachment a {
        font-size: 16px;
        float: none;
    }

#classDisclaimerDialog ul {
    list-style: disc inside;
}

#classDisclaimerDialog ol {
    list-style: decimal inside;
}
/* ---------------------------------------*/
#facility_details .gray_bar {
    background-color: #f0f0f0;
    overflow: hidden;
}

    #facility_details .gray_bar h4 {
        padding: 13px 0 15px 4px;
        color: #464654;
        font-size: 28px;
        font-weight: normal;
    }

    #facility_details .gray_bar p {
        padding: 0 0 13px 4px;
        color: #4B5259;
        font-size: 24px;
    }

    #facility_details .gray_bar .grid_1_of_3 {
        width: 35%;
    }

#facility_details .gray_border {
    border: 1px solid #777777;
    padding: 9px 0px 15px 10px;
    line-height: 18px;
}

    #facility_details .gray_border h4 {
        color: #464654;
        font-size: 16px;
        font-weight: bold;
        padding: 3px 0 5px 0;
    }

    #facility_details .gray_border p {
        font-size: 13px;
        padding: 0 0 0 10px;
    }

    #facility_details .gray_border .rows {
        padding: 2px 0px;
    }

    #facility_details .gray_border .link {
        font-size: 13px;
    }

#facility_details .data_values {
    padding: 16px 0;
    overflow: hidden;
}

    #facility_details .data_values p {
        font-size: 18px;
        line-height: 22px;
    }

    #facility_details .data_values ul {
        list-style: disc inside;
    }

    #facility_details .data_values ol {
        list-style: decimal inside;
    }

#facility_details .facility_addons h4 {
    padding: 7px 0 12px 18px;
    color: #C3C3C3;
    font-size: 26px;
    font-weight: normal;
}

#facility_details .facility_addons .row {
    background-color: #4B5259;
    margin: 0 0 10px;
    overflow: hidden;
}

    #facility_details .facility_addons .row .style_1 {
        width: 25%;
        float: left;
        padding: 0 0 10px 10px;
    }

    #facility_details .facility_addons .row p {
        padding: 5px 0 7px;
        color: #FFF;
    }

    #facility_details .facility_addons .row input,
    #facility_details .facility_addons .row select {
        background-color: #FFF;
        color: #2E2E2E;
    }

#facility_details .inputarea_grid {
    float: left;
    margin-left: 15px;
    font-size: 16px;
}

#facility_details .inputarea_grid_hidden {
    float: left;
    margin-left: 15px;
    font-size: 16px;
    display: none;
}

#facility_details .attachment {
    margin: 0 0 0 10px;
}

    #facility_details .attachment p {
        line-height: 12px;
    }

    #facility_details .attachment a {
        font-size: 16px;
        float: none;
    }

#facilityDisclaimerDialog ul {
    list-style: disc inside;
}

#facilityDisclaimerDialog ol {
    list-style: decimal inside;
}
/* -------------------------------------- */
.validationSummary {
    color: #e93c03;
    margin: -20px 0 10px 0;
}

    .validationSummary li {
        padding: 10px 0 0 30px;
    }

.field-validation-error {
    color: #ff0000;
}

.input-validation-error {
    border: 1px solid #ff0000;
}

.ui-datepicker select {
    width: auto;
    height: 26px;
    padding: 0 8px;
    border: 1px solid #BABABA;
    color: #444;
    font-size: 14px;
    line-height: 24px;
    background-color: white;
}

/* jQuery UI - Datepicker */
.ui-datepicker {
    background: #EEE;
    padding: 3px;
    border: 1px solid #DDD;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px #777;
    -webkit-box-shadow: 0 0 10px #777;
    box-shadow: 0 0 10px #777;
}

    .ui-datepicker .ui-datepicker-header {
        height: 24px;
        background: #0084C5;
        border-radius: 5px;
    }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
            width: 16px;
            height: 16px;
            position: absolute;
            top: 7px;
            padding: 4px 6px;
            color: #FFF;
            font-size: 12px;
        }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
            left: 7px;
        }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
            right: 7px;
        }

            .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
                -moz-box-shadow: inset 0 0 4px #FFF;
                -webkit-box-shadow: inset 0 0 4px #FFF;
                box-shadow: inset 0 0 4px #FFF;
                border-radius: 4px;
            }

        .ui-datepicker .ui-datepicker-header .ui-icon {
            width: 4px;
            height: 8px;
            background-image: url(../themes/base/images/jqgrid_sprite.png);
            border-radius: 3px;
            text-indent: -9873px;
            display: block
        }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
            background-position: 0 -37px;
        }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
            background-position: -4px -37px;
        }

        .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
            color: #FFF;
            text-align: center;
            line-height: 24px;
        }

    .ui-datepicker .ui-datepicker-calendar {
        width: 200px;
    }

        .ui-datepicker .ui-datepicker-calendar th {
            color: #333;
            font-size: 12px;
        }

        .ui-datepicker .ui-datepicker-calendar td {
            padding: 2px;
        }

            .ui-datepicker .ui-datepicker-calendar td a {
                background: #FFF;
                padding: 2px;
                border: 1px solid #CCC;
                color: #075E7F;
                font-size: 12px;
                text-align: right;
                display: block;
            }

                .ui-datepicker .ui-datepicker-calendar td a.ui-state-hover,
                .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
                    background: #0084C5;
                    border: 1px solid #0084C5;
                    color: #FFF;
                    text-decoration: none;
                }

                .ui-datepicker .ui-datepicker-calendar td a.ui-state-highlight {
                    background: #FFF;
                    border: 1px solid #FBD850;
                    color: #EB8F00;
                }

#ui-datepicker-div {
    display: none;
}
/*This is for the annoying padding issue of datepicker div*/

.ui-dialog {
    background: #FFF;
    padding: 2px;
    border: 1px solid #C3C3C3;
    font-size: 11px;
    overflow: visible;
}

.ui-dialog {
    z-index: 1 !important;
}

    .ui-dialog .ui-dialog-titlebar {
        height: 22px;
        background: #25A0DA;
        position: relative;
        color: #FFF;
        font-size: 13px;
        font-weight: bold;
        line-height: 22px;
    }

    .ui-dialog .ui-dialog-title {
        padding: 0 0 0 6px;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        width: 31px;
        height: 23px;
        position: absolute;
        top: 0;
        right: 0;
        text-indent: -4965px;
        display: block;
    }

        .ui-dialog .ui-dialog-titlebar-close span {
            width: 13px;
            height: 13px;
            background: url(../themes/base/images/jqgrid_sprite.png) 0 -24px;
            position: absolute;
            top: 5px;
            right: 9px;
            display: block;
        }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus {
            padding: 0;
        }

            .ui-dialog .ui-dialog-titlebar-close:hover span {
                background: url(../themes/base/images/jqgrid_sprite.png) -13px -24px;
            }

    .ui-dialog .ui-dialog-content {
        padding: 10px;
        text-align: center;
    }

    .ui-dialog .ui-dialog-buttonpane {
        padding: 5px;
        overflow: hidden;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-button {
            height: 22px;
            background: #018CC1;
            float: right;
            margin: 0 11px 0 0;
            padding: 0 6px;
            border: 1px solid #01729C;
            color: #FFF;
            font-size: 11px;
            cursor: pointer;
        }

            .ui-dialog .ui-dialog-buttonpane .ui-button:hover {
                background: #01739E;
            }

.accordion_system {
}

    .accordion_system h3 {
        height: 36px;
        background: #EAEAEA;
        position: relative;
        margin: 10px 0 0;
        padding: 0 0 0 10px;
        color: #6E6E6E;
        font-size: 16px;
        line-height: 36px;
        cursor: pointer;
    }

        .accordion_system h3 span {
            width: 20px;
            height: 20px;
            background-image: url("../img/accordion-sprite.png");
            background-position: -20px 0;
            position: absolute;
            top: 10px;
            right: 10px;
            display: block;
        }

        .accordion_system h3.ui-state-active span {
            background-position: 0 0;
        }

    .accordion_system .accordion_content {
        min-height: 1%;
        padding: 10px;
        border: 3px solid #EAEAEA;
    }

        .accordion_system .accordion_content:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

#userRegistrationSetups .header_1_of_2 {
    width: 40px;
    height: auto;
    float: left;
    color: #4B5259;
    padding: 10px 5px;
}

#userRegistrationSetups .header_2_of_2 {
    width: 552px;
    height: auto;
    float: left;
    color: #4B5259;
    padding: 10px 1px;
    line-height: 20px;
}

#userRegistrationSetups .border {
    width: 592px;
    color: #4B5259;
    border-top: 1px solid #E3E3E3;
    padding-bottom: 10px;
}

/* Required */
.requiredLabel:before {
    content: "* ";
    color: red;
}

.custom-field {
    padding: 5px 0 15px 0;
}

#globalMessageDivText {
    line-height: 25px;
    font-size: 14px;
}

/*JQuery timepicker plugin*/
.ui-timepicker-wrapper {
    overflow-y: auto;
    height: 150px;
    width: 6.5em;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    outline: none;
    z-index: 10001;
    margin: 0;
}

    .ui-timepicker-wrapper.ui-timepicker-with-duration {
        width: 13em;
    }

        .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
        .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
            width: 11em;
        }

.ui-timepicker-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ui-timepicker-duration {
    margin-left: 5px;
    color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
    color: #888;
}

.ui-timepicker-list li {
    padding: 3px 0 3px 5px;
    cursor: pointer;
    white-space: nowrap;
    color: #000;
    list-style: none;
    margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
    background: #fff;
    color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background: #1980EC;
    color: #fff;
}

    li.ui-timepicker-selected .ui-timepicker-duration,
    .ui-timepicker-list li:hover .ui-timepicker-duration {
        color: #ccc;
    }

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
    color: #888;
    cursor: default;
}

    .ui-timepicker-list li.ui-timepicker-disabled:hover,
    .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
        background: #f2f2f2;
    }
/*End of jQuery timepicker plugin*/

#availableDiscountsDetailsDialog .discount_dialog_title {
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    padding: 20px 0 0 10px;
}

#availableDiscountsDetailsDialog .discount_header {
    color: #4A4A4A;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    padding: 18px 0 0 10px;
}

#availableDiscountsDetailsDialog .discount_details {
    font-family: Arial;
    font-size: 14px;
    padding: 2px 0 0 10px;
}

.avgrund-popin {
    overflow: auto;
}

.avgrund-close
{
    top: 408px;
    right: 40px;
    font-weight: bold;
    color: #3f51b5;
}

.avgrund-custom {
    margin-top: auto !important;
    top: 48% !important;
}

/* New scrollbar style*/
/* width */
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 50px;
}
/* End - New scrollbar style*/

#serviceFeeDisclaimerQuestions p {
    line-height: 15px;
}

#mfOptionsList {
    list-style-type: none;
    width: 80%;
}

    #mfOptionsList li {
        height: 70px;
    }

    #mfOptionsList ul {
        height: 100%;
    }

    #mfOptionsList li span {
        position: absolute;
    }

.sortScrollInput {
    width: 80%;
}
.spa-fixed-header
{
	position: fixed;
	top: 0px;
	bottom: 90px;
	z-index: 1;
	padding: 9px 15px 0px 15px;
	background: white;
	width: 1025px;
}

#VolunteerAsCoachDialog {
	text-align: start;
}


#VolunteerAsCoachDialog .gray_bar {
	background-color: #ECECEC;
	overflow: hidden;
}





	#VolunteerAsCoachDialog .gray_bar h4 {
		padding: 13px 0 15px 4px;
		color: #464654;
		font-size: 28px;
		font-weight: normal;
	}

	#VolunteerAsCoachDialog .gray_bar h6 {
		padding: 13px;
		color: #464654;
		font-size: 20px;
		font-weight: normal;
		float: right;
	}

	#VolunteerAsCoachDialog .gray_bar p {
		padding: 0 0 13px 4px;
		color: #4B5259;
		font-size: 20px;
	}

	#VolunteerAsCoachDialog .gray_bar .grid_1_of_3 {
		float: left;
	}

#VolunteerAsCoachDialog .grid_2_of_3 {
	float: left;
	margin: 5px 0 0 10px;
}

#VolunteerAsCoachDialog .grid_1_of_2 {
	width: 45%;
	float: left;
	padding: 0 0 0 10px;
}

#VolunteerAsCoachDialog .grid_1_of_1 {
	width: 100%;
	float: left;
	padding: 0 10px;
	box-sizing: border-box;
}

#VolunteerAsCoachDialog .data_values {
	padding: 16px 0;
	overflow: hidden;
}

	#VolunteerAsCoachDialog .data_values p {
		font-size: 16px;
		line-height: 22px;
	}

	#VolunteerAsCoachDialog .data_values ul {
		list-style: disc inside;
		font-size: 16px;
		line-height: 22px;
	}

	#VolunteerAsCoachDialog .data_values ol {
		list-style: decimal inside;
		font-size: 16px;
		line-height: 22px;
	}

	#VolunteerAsCoachDialog .data_values .contact_header {
		font-size: 16px;
		line-height: 22px;
		color: #464654;
	}

		#VolunteerAsCoachDialog .data_values .contact_header .contacts {
			font-size: 16px;
			line-height: 22px;
			color: #464654;
			display: inline-block;
		}

	#VolunteerAsCoachDialog .data_values .classHours {
		font-size: 14px;
		margin-left: 15px;
		color: #666;
	}

	#VolunteerAsCoachDialog .data_values .grid_1_of_2 select {
		width: 90%;
	}

#VolunteerAsCoachDialog .class_registrant_addons h4 {
	padding: 7px 0 12px 18px;
	color: #C3C3C3;
	font-size: 26px;
	font-weight: normal;
}

#VolunteerAsCoachDialog .class_registrant_addons .row {
	background-color: #4B5259;
	margin: 0 0 10px;
	overflow: hidden;
}

	#VolunteerAsCoachDialog .class_registrant_addons .row .style_1 {
		width: 18%;
		float: left;
		padding: 0 0 0 10px;
	}

	#VolunteerAsCoachDialog .class_registrant_addons .row p {
		padding: 5px 0 7px;
		color: #FFF;
		font-size: 17px;
	}

	#VolunteerAsCoachDialog .class_registrant_addons .row input {
		background-color: #FFF;
		color: #2E2E2E;
		width: 60px;
	}

	#VolunteerAsCoachDialog .class_registrant_addons .row .checkbox {
		background-color: #FFF;
		color: #2E2E2E;
		width: 13px;
		margin: 10px 0 0 0;
	}

	#VolunteerAsCoachDialog .class_registrant_addons .row select {
		background-color: #FFF;
		color: #2E2E2E;
		width: 120px;
	}

#VolunteerAsCoachDialog .inputarea_grid {
	float: left;
	margin-left: 15px;
	font-size: 16px;
}

#VolunteerAsCoachDialog .inputarea_grid_hidden {
	float: left;
	margin-left: 15px;
	font-size: 16px;
	display: none;
}

#VolunteerAsCoachDialog .inputarea_checkbox {
	margin: 15px 0 0 65px;
}

.btn_register {
	background-color: #009f3c;
}

.btn_register,
.btn_cancel {
	height: 22px;
	padding: 0 13px 3px;
	color: #FFF;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	display: inline-block;
	margin-left: 10px;
	float: right
}

.btn_register:hover {
	background-color: #028332;
}

.btn_cancel {
	background-color: #e93c03;
}

.btn_cancel:hover {
	background-color: #c83909;
}

.favorite-class{
    color: red;
}

.favorite-button-container{
    float: left;
}

.class-name-container {
    margin-left: 20px;
}

.class-name-header{
    padding-left: 32px !important;
}

.favorite-class-checkbox{
    padding-top: 10px;
}

.checkbox-label {
    margin: 10px 0px 0px 0px;
    color: #444;
    display: inline !important;
}