body {
    font: 13px/1.4 Myriad Pro, Calibri, Helvetica, Arial, sans-serif;
    background: #FFFFFF;
    margin: 0;
    padding: 0;
    color: #000;
}

html, body {
    margin: 0;
    padding: 0;
}

.lafContent {
    display: none;
}

.cscContent {
    display: inline-block;
}

.espContent {
    display: none;
}


p {
    margin: 10px 0 10px 0;
    padding: 0;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
}

#bannerblock a:hover, #bannerblock a:focus {
    background-color: transparent !important;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */

/* ------------------------------------------------------------
+ Headings Edit Here
------------------------------------------------------------ */

/*h1{font-size: 25px;letter-spacing: -1px;line-height: 27px;color:#0f003d;margin:0; width: 100%; padding:10px 0 5px 0; border-bottom: 2px solid #ec7512; float:left;text-align:left;height:30px;vertical-align:top;}*/
h1 {
    font-size: 2.692em;
    line-height: 1.028em;
    color: #0f003d;
    margin: 0;
    padding: 0;
    color: #000000;
}

h2 {
    font-weight: bold;
    font-size: 22px;
    line-height: 26px;
    margin: 0 !important;
    padding: 0.8em 0 0.6em;
}

h3 {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2em;
    margin: 0.125em 0;
    padding: 0;
    color: #000000;
}

h4 {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.125em;
    margin: 0.105em 0;
    padding: 0;
    color: #000000;
}

h5 {
    font-weight: bold;
    font-size: 10px;
    margin: 0;
    line-height: 1.385em;
    padding: 0;
    color: #000000;
}

h6 {
    font-weight: bold;
    font-size: 8px;
    letter-spacing: 0.125em;
    padding: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #000000;
}

.h1 {
    font-weight: bold;
    font-size: 2.692em;
    line-height: 1.028em;
    margin: 0;
    padding: 0;
    color: #000000;
}

.h2 {
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -1px;
    margin: 0 0 10px 0;
    padding: 0.8em 0 0.3em;
    color: #535353;
    border-bottom: 1px solid #535353;
}

.h3 {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.0em;
    margin: 0.125em 0;
    padding: 0;
    color: #000000;
}

.h4, .subheading2 {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.125em;
    margin: 0.105em 0;
    padding: 0;
    color: #000000;
}

.h5 {
    font-size: 11px;
    margin: 0;
    line-height: 15px;
    padding: 0;
    color: #000000;
}

.h6 {
    font-weight: bold;
    font-size: 8px;
    letter-spacing: 0.125em;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    color: #000000;
}

.RedCaps {
    color: #dc291e;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

.nobold {
    font-weight: normal !important;
}

/* ------------------------------------------------------------
+ Common Formatting
------------------------------------------------------------ */

blockquote {
    margin: 1.25em;
    padding: 1.25em 1.25em 0 1.25em;
}

img {
    border: 0;
}

sup {
    position: relative;
    bottom: 0.3em;
    vertical-align: baseline;
}

sub {
    position: relative;
    bottom: -0.2em;
    vertical-align: baseline;
}

acronym, abbr {
    cursor: help;
    letter-spacing: 1px;
    border-bottom: 1px dashed;
}

/***** Links ****/
a:link {
    color: #00446a;
    text-decoration: underline;
}
/*ADA: Removing the underline from links makes it hard for color-blind users to see them.*/
a:hover {
    color: #000000;
    text-decoration: none;
    background-color: #ffc787;
}

a:visited {
    color: #4f4f4f;
    text-decoration: underline;
}

a:active {
    color: #000000;
    text-decoration: none;
    background-color: #ffc787;
}

a:focus {
    color: #000000;
    text-decoration: none;
    background-color: #ffc787;
}

a:disabled, a.aspNetDisabled {
    color: #595959;
    background-color: #FFFFFF; /*text-decoration: none;*/
}

a[disabled] {
    color: #595959 !important;
    cursor: not-allowed;
    /*opacity: 0.4;*/
    pointer-events: none;
    -webkit-touch-callout: none;
}
/*:focus {outline: none !important;}*/
#bannercontent a:focus {
    outline: 1px solid #00446a !important;
    border: 1px solid #00446a;
    outline: 0px auto -webkit-focus-ring-color !important;
}

#PageContent a:focus img {
    outline: 1px solid #00446a;
    border: 1px solid #00446a;
    outline: 0px auto -webkit-focus-ring-color 1px solid #00446a;
    background-color: transparent !important;
}

#PageContent a:active img {
    outline: none !important;
    border: none !important;
    outline: none auto -webkit-focus-ring-color none !important;
    background-color: transparent !important;
}

/***** Forms *****/

.fieldLabelPayment {
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
    width: 459px;
}

.CheckBoxList150 {
    vertical-align: top;
    padding: 0;
}

    .CheckBoxList150 > tbody > tr > td {
        width: 150px;
        text-align: left;
    }

.CheckBoxList250 {
    vertical-align: top;
    padding: 0;
}

    .CheckBoxList250 > tbody > tr > td {
        width: 250px;
        text-align: left;
    }



/* ~~ this fixed width container surrounds the other divs ~~ */
.responsivecontainer {
    width: 960px;
    background: transparent;
    margin: 18px auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

.ie8 .responsivecontainer {
    width: 960px;
    background: transparent;
    margin: 18px auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
    height: 90px;
}

    /* ~~ This is the layout information. ~~ */
    .header .mainLogo {
        float: left;
    }

        .header .mainLogo a:hover, .header .mainLogo a:focus {
            background-color: transparent !important;
        }

    .header .logoContainer {
        width: 100%;
    }

    .header .logintxt {
        font-size: 12px !important;
        height: 20px;
        padding: 0px;
        margin: 5px 5px 0 0;
        float: right;
    }

        .header .logintxt a:link, a:visited {
            text-decoration: underline;
            color: #00446a;
            padding: 6px 6px;
        }

        .header .logintxt a:hover {
            text-decoration: none;
            color: #000000;
            background: #ffc787;
        }

        .header .logintxt a:focus {
            text-decoration: none;
            color: #000000;
            background: #ffc787;
        }

.ie7 .header .logintxt {
    font-size: 12px;
    height: 20px;
    padding: 0px;
    margin: 5px 5px 0 0;
    float: right;
}

.ie8 .header .logintxt {
    font-size: 12px;
    height: 20px;
    padding: 0px;
    margin: 5px 5px 0 0;
    float: right;
}

.header .responsivelogintxt {
    font-size: 12px;
    height: 20px;
    padding: 0px;
    margin: 5px 5px 0 0;
    float: none;
}

    .header .responsivelogintxt a:link, a:visited {
        text-decoration: underline;
        color: #00446a;
        padding: 6px 6px;
    }

    .header .responsivelogintxt a:hover {
        text-decoration: none;
        color: #000000;
        background: #FFD457;
    }

.ie7 .header .responsivelogintxt {
    font-size: 12px;
    height: 20px;
    padding: 0px;
    margin: 5px 5px 0 0;
    float: none;
}

.ie8 .header .responsivelogintxt {
    font-size: 12px;
    height: 20px;
    padding: 0px;
    margin: 5px 5px 0 0;
    float: none;
}

.header .searchwrapper {
    width: 150px; /*follow your image's size*/
    height: 45px; /*follow your image's size*/
    background-image: url(/Pages/Images/SearchCustom.png);
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
    left: 0;
    position: relative;
    float: right;
    font-size: 12.25px !important;
}

#login {
}


.searchwrapper form {
    display: inline;
}


.searchError {
    color: #FF0000;
    position: absolute !important;
    top: 25px !important;
    left: 12px !important;
    width: 106px !important;
    height: 20px !important;
}

.searchbox {
    border: 0px !important;
    color: #000000 !important;
    position: absolute !important;
    left: 12px !important;
    width: 106px !important;
    height: 20px !important;
    top: 1px;
}

.watermark {
    border: 0px !important;
    color: #545454 !important;
    background: url( ) !important;
    position: absolute !important;
    top: 0px !important;
    left: 12px !important;
    width: 106px !important;
}

.searchbox_submit {
    /*border: 0px;*/ /*important*/
    background-color: transparent; /*important*/
    position: absolute; /*important*/
    top: 4px;
    left: 122px;
    width: 22px;
    height: 20px;
}

.searchbox:focus {
    background-color: #ffcc8a !important;
}

.searchbox_submit:focus {
    background-color: transparent !important;
}



.content {
    padding: 0px 0;
}


/* ------------------------------------------------------------
+ Global Buttons Edit Here
------------------------------------------------------------ */

.buttonBlue {
    width: 100%;
    font-size: 14px;
    line-height: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    word-spacing: -0.05em;
    text-align: center;
}

    .buttonBlue a {
        float: left;
        background: url("/Pages/Images/tableft-Blue.gif") no-repeat left top;
        padding: 0 0 0 6px;
        font-size: 13px;
        font-weight: bold;
        word-spacing: -0.05em;
        margin-left: 0;
        margin-right: 16px;
        margin-top: 0;
    }

        .buttonBlue a span {
            float: left;
            display: block;
            background: url("/Pages/Images/tabright-Blue.gif") no-repeat right top;
            padding: 5px 15px 5px 7px;
            height: 16px;
            color: #000;
        }

        /* Commented Backslash Hack hides rule from IE5-Mac \*/
        .buttonBlue a span {
            float: left;
            background-position: 100% -0px;
        }

        /* End IE5-Mac hack */
        .buttonBlue a:hover span {
            color: #FFF;
        }

        .buttonBlue a:hover {
            background-position: 0% -26px;
        }

            .buttonBlue a:hover span {
                background-position: 100% -26px;
            }



/* ------------------------------------------------------------
+ Round Corner Buttons Edit Here
------------------------------------------------------------ */

/*BEGIN: F0074 - 5/2/12 - MM - Button created for Apply Now button on Employment Ad page*/

/*HTML5andCSS3 Features: borderradius & boxshadow & lineargradient*/
/*For IE 6-9 Rendering; 1) modernizr, 2) jquery & 3) PIE polyfill (js and htc) are REQUIRED.*/
/*LAFitnessHTML5.master includes modernizer and jquery*/
/*Page includes reference to this css file and PIE.js and calls modernizr features as follows:*/
/*Modernizr.load({
			test: Modernizr.borderradius && Modernizr.boxshadow, 
			nope: 'PIE.js'//polyfill
		});*/

/*To generate the CSS below, use http://css3pie.com/ */

/* F0132: cK: Button style same as CSC default page.*/
.ButtonBlueWhiteTxtSmall {
    cursor: pointer;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    border: 1px solid #0085d0;
    line-height: 1.0em;
    padding: 3px 8px 3px;
    text-align: center;
    width: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 5px 50px 5px;
    -webkit-box-shadow: #666 0px 0px 0px;
    -moz-box-shadow: #666 0px 0px 0px;
    box-shadow: #666 0px 0px 0px;
    display: inline-block;
    /*position:relative; */
    background: #cfeeff; /* Old browsers */
    background: -moz-linear-gradient(top, #cfeeff 0%, #9ddbff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfeeff), color-stop(100%,#9ddbff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cfeeff 0%,#9ddbff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cfeeff 0%,#9ddbff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cfeeff 0%,#9ddbff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #cfeeff 0%,#9ddbff 100%); /* W3C */
    -pie-background: linear-gradient(top, #cfeeff 0%,#9ddbff 100%); /*  W3C */
    behavior: url(/javaScripts/polyfills/PIE.htc); /*(Required by IE) Note: this path is relative to the HTML file being viewed, not the CSS file it is called from.*/ /*(Required by IE) Note: this path is relative to the HTML file being viewed, not the CSS file it is called from.*/
}

.ButtonBlueWhiteTxtRedBorder {
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #b10000;
    line-height: 1.5em;
    padding: 5px 12px 5px;
    text-align: center;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 5px 5px 5px;
    -webkit-box-shadow: #666 0px 0px 0px;
    -moz-box-shadow: #666 0px 0px 0px;
    box-shadow: #666 0px 0px 0px;
    /*text-decoration:none;*/
    display: inline-block;
    /*position:relative; */
    background: #2E5A85; /* Old browsers */
    background: -moz-linear-gradient(top, #edf2f3 0%, #2E5A85 49%, #284E73 50%, #00294D 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf2f3), color-stop(49%,#2E5A85), color-stop(50%,#284E73), color-stop(100%,#00294D)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #edf2f3 0%,#2E5A85 49%,#284E73 50%,#00294D 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #edf2f3 0%,#2E5A85 49%,#284E73 50%,#00294D 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #edf2f3 0%,#2E5A85 49%,#284E73 50%,#00294D 100%); /* IE10+ */
    background: linear-gradient(top, #edf2f3 0%,#2E5A85 49%,#284E73 50%,#00294D 100%); /* W3C */
    -pie-background: linear-gradient(top, #edf2f3 0%,#2E5A85 49%,#284E73 50%,#00294D 100%); /* W3C */
    behavior: url(/javaScripts/polyfills/PIE.htc); /*(Required by IE) Note: this path is relative to the HTML file being viewed, not the CSS file it is called from.*/
}

a.ButtonBlueWhiteTxtRedBorder {
    color: #FFFFFF;
    cursor: pointer;
}
/*input[type='button'].ButtonBlueWhiteTxtRedBorder { overflow:visible; padding:3px 12px 2px; line-height:1.5em; }*/
.ie7 .ButtonBlueWhiteTxtRedBorder {
    position: relative;
    cursor: pointer;
}

.ie8 .ButtonBlueWhiteTxtRedBorder {
    position: relative;
    cursor: pointer;
}

.ie7 input[type='button'].ButtonBlueWhiteTxtRedBorder {
    padding: 3px 12px 2px;
    overflow: visible;
    cursor: pointer;
}

.ie9compatibility input[type='button'].ButtonBlueWhiteTxtRedBorder {
    padding: 5px 12px 5px;
    overflow: visible;
    cursor: pointer;
}


.ButtonLtBlueBlackTxt {
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    border: 1.5px solid #1d88bd;
    line-height: 1.5em;
    padding: 5px 12px 5px;
    text-align: center;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #666 0px 0px 0px;
    -moz-box-shadow: #666 0px 0px 0px;
    box-shadow: #666 0px 0px 0px;
    margin: 5px 5px 5px;
    display: inline-block;
    /*position:relative; */
    background: #cadae0; /* Old browsers */
    background: -moz-linear-gradient(top, #edf2f3 0%, #cadae0 49%, #bdd6e0 50%, #8ab5d4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf2f3), color-stop(49%,#cadae0), color-stop(50%,#bdd6e0), color-stop(100%,#8ab5d4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #edf2f3 0%,#cadae0 49%,#bdd6e0 50%,#8ab5d4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #edf2f3 0%,#cadae0 49%,#bdd6e0 50%,#8ab5d4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #edf2f3 0%,#cadae0 49%,#bdd6e0 50%,#8ab5d4 100%); /* IE10+ */
    background: linear-gradient(top, #edf2f3 0%,#cadae0 49%,#bdd6e0 50%,#8ab5d4 100%); /* W3C */
    -pie-background: linear-gradient(top, #edf2f3 0%,#cadae0 49%,#bdd6e0 50%,#8ab5d4 100%); /* W3C */
    behavior: url(/javaScripts/polyfills/PIE.htc); /*(Required by IE) Note: this path is relative to the HTML file being viewed, not the CSS file it is called from.*/
}

a.ButtonLtBlueBlackTxt {
    color: #000000;
    cursor: pointer;
}
/*input[type='button'].ButtonLtBlueBlackTxt { overflow:visible; padding:3px 12px 2px; line-height:1.5em; }*/
.ie7 .ButtonLtBlueBlackTxt {
    position: relative;
    cursor: pointer;
}

.ie8 .ButtonLtBlueBlackTxt {
    position: relative;
    cursor: pointer;
}

.ie7 input[type='button'].ButtonLtBlueBlackTxt {
    padding: 3px 12px 2px;
    overflow: visible;
    cursor: pointer;
}

.ie9compatibility input[type='button'].ButtonLtBlueBlackTxt {
    padding: 5px 12px 5px;
    overflow: visible;
    cursor: pointer;
}


.ButtonGreenWhtTxt {
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    border: 1.5px solid #004c04;
    line-height: 1.5em;
    padding: 5px 12px 5px;
    text-align: center;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #666 0px 0px 0px;
    -moz-box-shadow: #666 0px 0px 0px;
    box-shadow: #666 0px 0px 0px;
    margin: 5px 5px 5px;
    display: inline-block;
    /*position:relative;*/
    background: #36a23f; /* Old browsers */
    background: -moz-linear-gradient(top, #d8f8dc 0%, #36a23f 49%, #30913a 50%, #1c6620 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8f8dc), color-stop(49%,#36a23f), color-stop(50%,#30913a), color-stop(100%,#1c6620)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient (top, #d8f8dc 0%,#36a23f 49%,#30913a 50%,#1c6620 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d8f8dc 0%,#36a23f 49%,#30913a 50%,#1c6620 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d8f8dc 0%,#36a23f 49%,#30913a 50%,#1c6620 100%); /* IE10+ */
    background: linear-gradient(top, #d8f8dc 0%,#36a23f 49%,#30913a 50%,#1c6620 100%); /* W3C */
    -pie-background: linear-gradient(top, #d8f8dc 0%,#36a23f 49%,#30913a 50%,#1c6620 100%); /* W3C */
    behavior: url(/javaScripts/polyfills/PIE.htc); /*(Required by IE) Note: this path is relative to the HTML file being viewed, not the CSS file it is called from.*/
}

a.ButtonGreenWhtTxt {
    color: #FFFFFF;
    cursor: pointer;
}
/*input[type='button'].ButtonGreenWhtTxt { overflow:visible; padding:3px 12px 2px; line-height:1.5em; }*/
.ie7 .ButtonGreenWhtTxt {
    position: relative;
    cursor: pointer;
}

.ie8 .ButtonGreenWhtTxt {
    position: relative;
    cursor: pointer;
}

.ie7 input[type='button'].ButtonGreenWhtTxt {
    padding: 3px 12px 2px;
    overflow: visible;
    cursor: pointer;
}

.ie9compatibility input[type='button'].ButtonGreenWhtTxt {
    padding: 5px 12px 5px;
    overflow: visible;
    cursor: pointer;
}


.ButtonRedWhtTxt {
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    border: 1.5px solid #4a0000;
    line-height: 1.5em;
    padding: 5px 12px 5px;
    text-align: center;
    width: auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #666 0px 0px 0px;
    -moz-box-shadow: #666 0px 0px 0px;
    box-shadow: #666 0px 0px 0px;
    margin: 5px 5px 5px;
    display: inline-block;
    /*position:relative;*/
    background: #bd0000; /* Old browsers */
    background: -moz-linear-gradient(top, #ffb5b9 0%, #bd0000 49%, #b10000 50%, #6e0000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb5b9), color-stop(49%,#bd0000), color-stop(50%,#b10000), color-stop(100%,#6e0000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient (top, #ffb5b9 0%,# bd0000 49%,#b10000 50%,#6e0000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffb5b9 0%,#bd0000 49%,#b10000 50%,#6e0000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffb5b9 0%,#bd0000 49%,#b10000 50%,#6e0000 100%); /* IE10+ */
    background: linear-gradient(top, #ffb5b9 0%,#bd0000 49%,#b10000 50%,#6e0000 100%); /* W3C */
    -pie-background: linear-gradient(top, #ffb5b9 0%,#bd0000 49%,#b10000 50%,#6e0000 100%); /* W3C */
    behavior: url(/javaScripts/polyfills/PIE.htc); /*(Required by IE) Note: this path is relative to the HTML file being viewed, not the CSS file it is called from.*/
}

a.ButtonRedWhtTxt {
    color: #FFFFFF;
    cursor: pointer;
}
/*input[type='button'].ButtonRedWhtTxt{ overflow:visible; padding:3px 12px 2px; line-height:1.5em; }*/
.ie7 .ButtonRedWhtTxt {
    position: relative;
    cursor: pointer;
}

.ie8 .ButtonRedWhtTxt {
    position: relative;
    cursor: pointer;
}

.ie7 input[type='button'].ButtonRedWhtTxt {
    padding: 3px 12px 2px;
    overflow: visible;
    cursor: pointer;
}

.ie9compatibility input[type='button'].ButtonRedWhtTxt {
    padding: 5px 12px 5px;
    overflow: visible;
    cursor: pointer;
}



.ButtonMobileBlue {
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    border: 1.5px solid #1d88bd;
    line-height: 1.5em;
    padding: 5px 12px 5px;
    text-align: center;
    width: 250px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #666 0px 0px 0px;
    -moz-box-shadow: #666 0px 0px 0px;
    box-shadow: #666 0px 0px 0px;
    margin: 5px 5px 5px;
    display: inline-block;
    /*position:relative; */
    background: #cadae0; /* Old browsers */
    background: -moz-linear-gradient(top, #edf2f3 0%, #cadae0 49%, #bdd6e0 50%, #8ab5d4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf2f3), color-stop(49%,#cadae0), color-stop(50%,#bdd6e0), color-stop(100%,#8ab5d4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #edf2f3 0%,#cadae0 49%,#bdd6e0 50%,#8ab5d4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #edf2f3 0%,#cadae0 49%,#bdd6e0 50%,#8ab5d4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #edf2f3 0%,#cadae0 49%,#bdd6e0 50%,#8ab5d4 100%); /* IE10+ */
    background: linear-gradient(top, #edf2f3 0%,#cadae0 49%,#bdd6e0 50%,#8ab5d4 100%); /* W3C */
    -pie-background: linear-gradient(top, #edf2f3 0%,#cadae0 49%,#bdd6e0 50%,#8ab5d4 100%); /* W3C */
    behavior: url(/javaScripts/polyfills/PIE.htc); /*(Required by IE) Note: this path is relative to the HTML file being viewed, not the CSS file it is called from.*/
}

a.ButtonMobileBlue {
    color: #000000;
    cursor: pointer;
}
/*input[type='button'].ButtonLtBlueBlackTxt { overflow:visible; padding:3px 12px 2px; line-height:1.5em; }*/
.ie7 .ButtonMobileBlue {
    position: relative;
    cursor: pointer;
}

.ie8 .ButtonMobileBlue {
    position: relative;
    cursor: pointer;
}

.ie7 input[type='button'].ButtonMobileBlue {
    padding: 3px 12px 2px;
    overflow: visible;
    cursor: pointer;
}

.ie9compatibility input[type='button'].ButtonMobileBlue {
    padding: 5px 12px 5px;
    overflow: visible;
    cursor: pointer;
}



.ButtonMobileWhite {
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    border: 1.5px solid #1d88bd;
    line-height: 1.5em;
    padding: 5px 12px 5px;
    text-align: center;
    width: 250px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: #666 0px 0px 0px;
    -moz-box-shadow: #666 0px 0px 0px;
    box-shadow: #666 0px 0px 0px;
    margin: 5px 5px 5px;
    display: inline-block;
    /*position:relative; */
    background: #f6f8f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */
    -pie-background: linear-gradient(top, #f6f8f9 0%,#e5ebee 49%,#d7dee3 50%,#f5f7f9 100%); /* W3C */
    behavior: url(/javaScripts/polyfills/PIE.htc); /*(Required by IE) Note: this path is relative to the HTML file being viewed, not the CSS file it is called from.*/
}

a.ButtonMobileWhite {
    color: #000000;
    cursor: pointer;
}
/*input[type='button'].ButtonLtBlueBlackTxt { overflow:visible; padding:3px 12px 2px; line-height:1.5em; }*/
.ie7 .ButtonMobileWhite {
    position: relative;
    cursor: pointer;
}

.ie8 .ButtonMobileWhite {
    position: relative;
    cursor: pointer;
}

.ie7 input[type='button'].ButtonMobileWhite {
    padding: 3px 12px 2px;
    overflow: visible;
    cursor: pointer;
}

.ie9compatibility input[type='button'].ButtonMobileWhite {
    padding: 5px 12px 5px;
    overflow: visible;
    cursor: pointer;
}





.ButtonMobileBlueLrg {
    cursor: pointer;
    font-size: 38px;
    font-weight: bold;
    color: #000000;
    border: 1.5px solid #1d88bd;
    line-height: 1.5em;
    padding: 15px 12px 15px;
    text-align: center;
    width: 679px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: #666 0px 0px 0px;
    -moz-box-shadow: #666 0px 0px 0px;
    box-shadow: #666 0px 0px 0px;
    margin: 20px 26px 20px;
    display: inline-block;
    /*position:relative; */
    background: #cadae0; /* Old browsers */
    background: -moz-linear-gradient(top, #edf2f3 0%, #cadae0 49%, #bdd6e0 50%, #8ab5d4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf2f3), color-stop(49%,#cadae0), color-stop(50%,#bdd6e0), color-stop(100%,#8ab5d4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #edf2f3 0%,#cadae0 49%,#bdd6e0 50%,#8ab5d4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #edf2f3 0%,#cadae0 49%,#bdd6e0 50%,#8ab5d4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #edf2f3 0%,#cadae0 49%,#bdd6e0 50%,#8ab5d4 100%); /* IE10+ */
    background: linear-gradient(top, #edf2f3 0%,#cadae0 49%,#bdd6e0 50%,#8ab5d4 100%); /* W3C */
    -pie-background: linear-gradient(top, #edf2f3 0%,#cadae0 49%,#bdd6e0 50%,#8ab5d4 100%); /* W3C */
    behavior: url(/javaScripts/polyfills/PIE.htc); /*(Required by IE) Note: this path is relative to the HTML file being viewed, not the CSS file it is called from.*/
}

a.ButtonMobileBlueLrg {
    color: #000000;
    cursor: pointer;
}
/*input[type='button'].ButtonLtBlueBlackTxt { overflow:visible; padding:3px 12px 2px; line-height:1.5em; }*/
.ie7 .ButtonMobileBlueLrg {
    position: relative;
    cursor: pointer;
}

.ie8 .ButtonMobileBlueLrg {
    position: relative;
    cursor: pointer;
}

.ie7 input[type='button'].ButtonMobileBlueLrg {
    padding: 3px 12px 2px;
    overflow: visible;
    cursor: pointer;
}

.ie9compatibility input[type='button'].ButtonMobileBlueLrg {
    padding: 5px 12px 5px;
    overflow: visible;
    cursor: pointer;
}



.ButtonMobileWhiteLrg {
    cursor: pointer;
    font-size: 38px;
    font-weight: bold;
    color: #000000;
    border: 1.5px solid #1d88bd;
    line-height: 1.5em;
    padding: 15px 12px 15px;
    text-align: center;
    width: 679px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: #666 0px 0px 0px;
    -moz-box-shadow: #666 0px 0px 0px;
    box-shadow: #666 0px 0px 0px;
    margin: 20px 26px 20px;
    display: inline-block;
    /*position:relative; */
    background: #f6f8f9; /* Old browsers */
    background: -moz-linear-gradient(top, #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */
    -pie-background: linear-gradient(top, #f6f8f9 0%,#e5ebee 49%,#d7dee3 50%,#f5f7f9 100%); /* W3C */
    behavior: url(/javaScripts/polyfills/PIE.htc); /*(Required by IE) Note: this path is relative to the HTML file being viewed, not the CSS file it is called from.*/
}

a.ButtonMobileWhiteLrg {
    color: #000000;
    cursor: pointer;
}
/*input[type='button'].ButtonLtBlueBlackTxt { overflow:visible; padding:3px 12px 2px; line-height:1.5em; }*/
.ie7 .ButtonMobileWhiteLrg {
    position: relative;
    cursor: pointer;
}

.ie8 .ButtonMobileWhiteLrg {
    position: relative;
    cursor: pointer;
}

.ie7 input[type='button'].ButtonMobileWhiteLrg {
    padding: 3px 12px 2px;
    overflow: visible;
    cursor: pointer;
}

.ie9compatibility input[type='button'].ButtonMobileWhiteLrg {
    padding: 5px 12px 5px;
    overflow: visible;
    cursor: pointer;
}


/* ------------------------------------------------------------
+ Sidebar Links
------------------------------------------------------------ */
.sidebarLinks {
    padding-top: 0px;
    display: block;
    position: static;
    text-align: left;
    margin-top: 0px;
}

    .sidebarLinks a:link {
        display: block;
        color: #00446a;
        text-decoration: underline;
        font-size: 13px;
        padding: 6px 12px 6px 12px;
        margin: 0px 0 -1px 0;
        font-weight: normal;
        background: url('../../Images/nav-arrow-link.gif') no-repeat center right;
        background-position: 160px 8px;
        width: 170px;
        border-bottom: 1px solid #7a7a7a;
    }

    .sidebarLinks a:visited {
        color: #4F4F4F;
        text-decoration: none;
    }

    .sidebarLinks a:hover {
        color: #000000;
        background: #ffc787;
        text-decoration: none;
    }
    /* darker background yellow can be used if needed #f8971d*/
    .sidebarLinks a:active {
        color: #4F4F4F;
        text-decoration: none;
        border: 2px solid #000000;
        padding: 4px 0px 5px 10px;
    }

    .sidebarLinks a:focus {
        color: #000000;
        background: #ffc787;
        text-decoration: none;
    }

/* Reset */
/*Default setting for desktop menu*/
.menu, .menu ul, .menu li, .menu a {
    margin: 0px 0 0 0px;
    padding: 0;
    border: none;
    outline: none;
}

.menu {
    height: 40px;
    width: 940px;
    background: #00446a; /* Old browsers */
    background: -moz-linear-gradient(top, #00446a 0%, #00446a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00446a), color-stop(100%,#00446a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00446a 0%,#00446a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00446a 0%,#00446a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00446a 0%,#00446a 100%); /* IE10+ */
    background: linear-gradient(to bottom, #00446a 0%,#00446a 100%); /* W3C */
    -pie-background: linear-gradient(top, #00446a 0%,#00446a 100%); /* W3C */
    behavior: url(/javaScripts/polyfills/PIE.htc); /*(Required by IE) Note: this path is relative to the HTML file being viewed, not the CSS file it is called from.*/
    -webkit-border-radius: 5px;
    moz-border-radius: 5px;
    border-radius: 5px;
}

    .menu,
    .menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
        z-index: 100;
    }
        /* Top level menu */
        /* Dropdowns */
        /*original from lam*/
        .menu ul {
            position: absolute;
            top: 3.1em;
            left: -9999px;
            opacity: 0;
            -webkit-transition: 0.1s linear opacity;
            min-width: 150px;
            background: #f1f1f1;
            -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.5);
            -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.5);
            box-shadow: 0 3px 3px rgba(0,0,0,0.5);
        }

        .menu > li {
            float: left;
            position: relative;
            margin: 0 auto !important;
        }

        .menu li > li {
            float: left;
            position: relative;
            list-style: none;
        }
        /* Top level menu items */
        .menu li > a {
            float: inherit;
            padding: 12px 18px;
            color: #FFFFFF;
            font-weight: normal;
            font-size: 12px;
            text-decoration: none;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }
            /* Top level hover state, preserve hover state when hovering dropdown  */
            .menu li > a:hover,
            .menu li > a:focus,
            .menu li:focus > a,
            .menu li:hover > a {
                color: #ffcc8a;
                text-decoration: none;
                font-weight: normal;
                font-size: 12px;
                background: #00446a;
            }
        /*popup submenu*/
        .menu ul li a {
            width: 176px;
            padding: 6px 10px 6px;
            margin: 0;
            color: #4f4f4f;
            border-bottom: 1px solid #7a7a7a;
            font-weight: normal;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        }
        /* Top level hover state, preserve hover state when hovering dropdown  */
        .menu ul li > a:hover,
        .menu ul li:hover > a {
            color: #ffffff;
            text-decoration: none;
            font-weight: normal;
            background: #00446a;
        }

        .menu ul li > a:focus,
        .menu ul li:focus > a {
            color: #ffffff;
            text-decoration: none;
            font-weight: normal;
            background: #00446a;
            border-bottom: 5px solid #f8b154;
        }
        /* Rounded corners for first top level menu item */
        .menu > li:first-child > a {
            border-left: 0;
            -webkit-border-top-left-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -moz-border-radius-topleft: 4px;
            -moz-border-radius-bottomleft: 4px;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }
        /* Rounded corners for last top level menu item */
        .menu > li:last-child > a {
            border-right: 0;
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -moz-border-radius-topright: 4px;
            -moz-border-radius-bottomright: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        .menu li:focus ul,
        ul.show-menu {
            left: 0px;
            opacity: 1;
        }

        .menu ul li {
            float: none;
            position: static;
        }

        .menu ul a {
            float: none;
            display: block;
            /*color: #898989;*/
            color: black;
            font-size: 12px;
            font-weight: normal;
            text-shadow: none;
            border: 1px solid #222;
            border-bottom: 1px solid #dedede;
            border-width: 0 0 1px;
            -webkit-transition: 0.1s linear all;
            outline: 0;
        }
        /* Rounded corners for ul and last list item */
        .menu ul,
        .menu ul li:last-child a {
            /*border: 0;*/
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -moz-border-radius-bottomleft: 4px;
            -moz-border-radius-bottomright: 4px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
        }
/* Icons */

/*.menu a.documents { background: url(../img/docs.png) no-repeat 6px center; }
.menu a.messages { background: url(../img/bubble.png) no-repeat 6px center; }
.menu a.signout { background: url(../img/arrow.png) no-repeat 6px center; }*/


/* custom Search*/


.MainTitle {
    width: 100% !important;
    font-size: 20px;
    letter-spacing: -1px;
    border-bottom: 2px solid #f8971d;
    text-align: left;
    color: #535353;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 10px;
}

.MainTitleWithNoLine {
    font-size: 25px;
    letter-spacing: -1px;
    text-align: left;
    color: #535353;
    padding: 5px 0 5px 0;
    font-weight: normal;
}

.maintitle-bs {
    font-size: 20px;
    letter-spacing: -1px;
    border-bottom: 2px solid #f8971d;
    text-align: left;
    color: #535353;
    font-weight: normal;
    padding: 0 0 5px 0;
    margin: 10px 0 10px 0;
}

.blocks {
    margin: 0px 0 27px 0;
    padding: 0;
    background-color: Fuchsia;
    width: 100%;
}

.TableBlankFormat {
    width: 10%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: 0 0 0;
    border-spacing: 0px;
    border-collapse: collapse;
}

.TableAds {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: 0 0 0;
    border-spacing: 0px;
    border-collapse: collapse;
}

    .TableAds td.AdIcon {
        vertical-align: top;
        width: 15%;
    }

    .TableAds td.AdText {
        vertical-align: top;
        width: 85%;
    }

/*Created to have a gray box on a document with a scroll bar as this does not work with IE8*/
.GrayBoxInScroll, .GrayBoxInScroll1 {
    padding-top: 10px;
    padding-left: 5px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #797979;
    background: rgb(230,229,228); /* Old browsers */
    background: -moz-linear-gradient(45deg,(#f0efee) 0%, (#EBEBEB) 47%, (#D2D2D2) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,(#f0efee)), color-stop(47%,(#EBEBEB)), color-stop(100%,(#D2D2D2))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, (#f0efee) 0%,(#EBEBEB) 47%,(#D2D2D2) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, (#f0efee) 0%,(#EBEBEB) 47%,(#D2D2D2) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, (#f0efee) 0%,(#EBEBEB) 47%,(#D2D2D2) 100%); /* IE10+ */
    background: linear-gradient(45deg,(#f0efee) 0%,(#EBEBEB) 47%,(#D2D2D2) 100%); /* W3C */
}

.GrayBox {
    padding: 10px 10px 10px;
    margin-bottom: 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #797979;
    background: rgb(230,229,228); /* Old browsers */
    background: -moz-linear-gradient(45deg,(#f0efee) 0%, (#EBEBEB) 47%, (#D2D2D2) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,(#f0efee)), color-stop(47%,(#EBEBEB)), color-stop(100%,(#D2D2D2))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, (#f0efee) 0%,(#EBEBEB) 47%,(#D2D2D2) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, (#f0efee) 0%,(#EBEBEB) 47%,(#D2D2D2) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, (#f0efee) 0%,(#EBEBEB) 47%,(#D2D2D2) 100%); /* IE10+ */
    background: linear-gradient(45deg,(#f0efee) 0%,(#EBEBEB) 47%,(#D2D2D2) 100%); /* W3C */
    -pie-background: linear-gradient(45deg,(#f0efee) 0%,(#EBEBEB) 47%,(#D2D2D2) 100%);
    behavior: url(/javaScripts/polyfills/PIE.htc); /*(Required by IE) Note: this path is relative to the HTML file being viewed, not the CSS file it is called from.*/
}

.RightAlign {
    text-align: right;
    vertical-align: top;
    padding-top: 12px;
    padding-right: 10px;
}

.TableWhite {
    display: block;
    vertical-align: top;
    height: 195px;
    width: 454px;
    padding: 8px 0 0 8px;
    text-align: center;
    margin-bottom: 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #a0a0a0;
    background: rgb(255,255,255); /* Old browsers */
    -pie-background: rgb(255,255,255);
    behavior: url(/javaScripts/polyfills/PIE.htc);
}

.LightGrayBorder {
    border: 1px solid #cecece;
    font-size: 12px;
    margin: 0.385em 0;
    line-height: 1.5em;
}

.Clickhere {
    font-size: 18px;
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    color: #000000;
}

input[type='radio'], input[type='checkbox'], .checkbox, .radio {
    padding: 0px 0px 0px;
    margin: -1px 1px 0px 0px;
    line-height: 0px;
    display: inline-block;
}

    input[type='radio'] + label, input[type='checkbox'] + label, .checkbox + label, .radio + label {
        margin-right: 10px;
    }

input[type='text'], textarea, .textBox {
    box-sizing: border-box;
    border: 1px solid #595959;
    border-radius: 4px;
    color: #000;
    padding: 4px 4px 4px;
    margin: 4px 3px 4px 0px;
    text-align: left;
    background-color: #ffffff;
}

input[type='password'], textarea, .textBox {
    box-sizing: border-box;
    border-radius: 4px !important;
    border: 1px solid #595959 !important;
    color: #000;
    padding: 4px 4px 4px;
    margin: 4px 3px 4px 0px;
    text-align: left;
    background-color: #ffffff;
}

input[type='select'], select, .dropDown, .select {
    padding: 0px 0px 0px;
    margin: 4px 3px 4px 0px;
    box-sizing: border-box;
    border: 1px solid #595959 !important;
    border-radius: 4px !important;
    height: 22px;
}

    /* zee - 07122018 - focus defined for textarea */
    input:focus, select:focus, textarea:focus {
        background-color: #ffcc8a !important;
    }

input[type='checkbox']:focus + label, input[type='radio']:focus + label {
    background-color: #ffcc8a !important;
}

.DropDownUserLabel {
    padding: 0px 0px 0px;
    margin: 0;
    border-top: 1px solid #7c7c7c;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #ddd;
    font-size: 11px;
    height: 15px;
}


/* ------------------------------------------------------------
+ Mainlist UL li and ol
------------------------------------------------------------ */

ul.mainList {
    margin-left: 0em;
    padding-left: 0.2em;
    margin-bottom: 1em;
}

    ul.mainList li {
        background: url(../../Images/bullet.gif) 0em 0.1em no-repeat;
        /* change background em accordingly */ padding-left: 1.3em;
        list-style: none;
    }

.mainList ul li {
    background-image: url(../../Images/bullets_bg.gif);
    background-position: 0.4em 0.5em;
    display: block !important;
}

.mainList td {
    padding-left: 0px;
    padding-right: 13px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.mainList li.smallfont {
    background-color: Fuchsia;
    background: url(../../Images/spacer.gif) 0em 0.1em no-repeat;
    font-size: 10px;
}

ol.mainList li, ul.mainList li {
    margin-bottom: 0.3em;
    display: block !important;
}

ol.mainList {
    margin-left: 1.5em;
    padding-left: 0px;
}

.mainList ol li {
    list-style: decimal;
    background-image: none;
    padding-left: 0em;
}

.mainList strong {
    font-weight: bold;
}

.mainList span {
    font-size: 14px;
    font-weight: bold;
}

.mainList strong.smallfont {
    font-size: 10px;
}

.mainList ul li {
    display: block !important;
}

ul.mainList li a:link {
    color: #00446a;
    text-decoration: underline;
    padding: 6px 6px;
}

ul.mainList li a:visited {
    color: #4f4f4f;
    text-decoration: underline;
}

ul.mainList li a:hover {
    color: #000000;
    text-decoration: none;
    background-color: #ffc787;
}

ul.mainList li a:focus {
    color: #000000;
    text-decoration: none;
    background-color: #ffc787;
}

ul.mainList li a:active {
    color: #000000;
    text-decoration: none;
    border: 1px solid #000000;
    background-color: #ffc787;
}

/* ------------------------------------------------------------
+ Tablinks UL li and ol (Located in Personal Training)
------------------------------------------------------------ */
ul.TabLinks {
    display: block;
    list-style: none;
    padding: 0px 0;
    margin: 0;
    float: left;
    FONT: Bold 12px/14px Cambria, serif;
    /*background: url(../../Images/HdrMnLt.gif) top left no-repeat;*/ color: #303030;
    background: url('../../Images/mainNavBg.png') repeat-x center top; /*background-color:#edebe9;*/
}

    ul.TabLinks li {
        float: left;
        margin: 0;
        padding: 0px 0px 0 0px;
        display: block;
        position: relative; /*--Declare X and Y axis base--*/
    }

        ul.TabLinks li a {
            padding: 10px 15px 10px;
            color: #303030;
            display: block;
            text-decoration: underline;
            float: left;
            border-left: 0px solid #fcb616;
        }

            ul.TabLinks li a:hover {
            }

            ul.TabLinks li a.selected {
                background: #fff;
                border-top: 5px solid #ffbe23;
                border-left: 1px solid #c5c2c2;
                border-right: 1px solid #c5c2c2;
                border-bottom: 0px;
                padding: 5px 15px 0;
                display: block;
                height: 24px;
            }

        ul.TabLinks li span { /*--Drop down trigger styles--*/
            width: 0px;
            height: 23px;
            float: left;
            background: url(../../images/subnav_btn.gif) no-repeat center top;
        }

#Tabcontainer {
    width: 100%;
    margin: 0;
    position: relative;
    float: left;
    display: block;
    background-color: #edebe9;
    border-bottom: 0px solid #c5c2c2;
    /*background: url('../../Images/mainNavBg.png') repeat-x center top;*/
}


table.ItemStyle {
    border: solid 3px #f8c142;
}

/* ------------------------------------------------------------
+ Global Tables Only
------------------------------------------------------------ */

table .hightlight {
    background-color: #fff9b7;
    border: solid 3px #f8c142;
}

table.DataBox {
    border-spacing: 0px;
    border-collapse: collapse;
}

    table.DataBox th, table.DataBox .th {
        border-bottom: 2px solid #bbbbbb;
        font-size: 12px;
        font-weight: bold;
        font-variant: normal;
        padding-top: 12px;
        width: 30px;
    }

        table.DataBox th.TextDataColumnHeader {
            padding-left: 10px;
            text-align: left;
        }

        table.DataBox th.IconColumnHeader {
            text-align: center;
            padding-right: 0px;
            padding-left: 2px;
        }

    table.DataBox .NumericColumn {
        border-bottom: 1px solid #bbbbbb;
        background-color: #ededed;
        font-size: 12px;
        font-weight: normal;
        padding-top: 12px;
        padding-right: 0px;
        padding-left: 0px;
        width: 5px;
    }

    table.DataBox .TextDescriptionColumn {
        border-bottom: 1px solid #bbbbbb;
        font-weight: bold;
        text-align: left;
        padding-bottom: 5px;
        padding-top: 10px;
        padding-right: 0px;
        padding-left: 0px;
    }

    table.DataBox .TextDataColumn {
        border-bottom: 1px solid #bbbbbb;
        text-align: left;
        padding-bottom: 0px;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
    }

        table.DataBox .TextDataColumn h4 {
            color: #dc291e;
        }

    table.DataBox .IconColumn {
        border-bottom: 1px solid #bbbbbb;
        cursor: pointer;
        text-align: center;
        padding-left: 5px;
        padding-right: 0px;
        width: 25px;
    }
/* F0132: cK: 10/22/2012: Adding bottom border for table. */
.borderBottomTable {
    border-bottom: 2px solid #bbbbbb;
}

table.DataBox .EmptyColumn {
    border-bottom: 1px solid #bbbbbb;
    width: 0px;
}

/* ------------------------------------------------------------
+ New ADA Focus styles for Find Club Results
------------------------------------------------------------ */
.TextDataColumn a {
    padding: 2px 0px;
}

.TextDataColumn > a:focus {
    background-color: #ffc787 !important;
    color: #000000 !important;
    border: none;
    text-decoration: underline;
}

.ClubTitle {
    font-weight: bold;
    font-size: 14px;
}


/* ------------------------------------------------------------
+ Tables table.Columntable Attributes
------------------------------------------------------------ */
table.Columntable {
    border-spacing: 0px;
    margin: 20px 0 20px;
    border-top: 1px solid #000;
}

    table.Columntable th {
        text-align: left;
        font-weight: normal;
        padding: 0.1em 0.5em; /* border: 1px solid #FF0000;*/
    }

    table.Columntable > td {
        text-align: center;
        padding: 0.1em 1.5em; /* border-right: 1px solid #000000;*/
        width: inherit;
        vertical-align: top;
    }

    table.Columntable thead th {
        text-align: center;
    }

    table.Columntable th.Corner {
        text-align: left;
    }

    table.Columntable tr.Odd {
        background: #F6F4E4;
    }

    table.Columntable tr.img {
        text-align: center;
    }

    table.Columntable td.MidColumn {
        text-align: left;
        padding: 1.1em 0 1.1em 1.2em;
        border-left: 1px solid #000000;
    }

        table.Columntable td.MidColumn span {
            font-weight: bold;
        }

    table.Columntable td.FirstColumn {
        text-align: center;
        padding: 1.1em 2.5em 1.1em 2.5em;
    }

    table.Columntable td.LastColumn {
        text-align: center;
        padding: 1.1em 0 1.1em 1.2em;
        border-left: 1px solid #000000;
        vertical-align: top;
    }


/* ------------------------------------------------------------
+ TableColumnarData Attributes
------------------------------------------------------------ */
.TableColumnarData {
    padding: 0;
    width: 100%;
}
    /*used to have font-size:11px; */
    .TableColumnarData th {
        color: #fff; /*padding:1.5em 0 .5em;*/
        padding: .5em 1em .5em .25em;
    }

        .TableColumnarData th.ColumnDescriptionHeader {
            height: 50px;
            text-align: left;
            background: #797979;
        }

        .TableColumnarData th.ColumnDataHeader, .TableColumnarData td.th.ColumnDataHeader {
            height: 50px;
            text-align: center;
            background: #797979; /*ALTERNATIVE COLORS: background:#d4dcec background:#abb8d0 background:#92a7d0 background:#6784bd background:#5673ac */
            font-weight: bold;
        }

    .TableColumnarData tr {
        height: 35px;
    }

        .TableColumnarData tr.even {
            background-color: #EAEAEA;
        }

        .TableColumnarData tr.odd {
            background-color: #fff;
        }

        .TableColumnarData tr.ColumnFooter, .TableColumnarData tr.ColumnFooter a {
            white-space: nowrap;
            background: #00446a;
            color: #FFFFFF;
        }

    .TableColumnarData td {
        white-space: nowrap;
        vertical-align: middle;
    }

        .TableColumnarData td.ColumnDescription {
            text-align: left;
            padding: .5em 1em .5em .25em;
        }

        .TableColumnarData td.ColumnData {
            vertical-align: middle;
            text-align: center;
            padding: 0;
        }

        .TableColumnarData td.ColumnDataFooter {
            vertical-align: middle;
            text-align: center;
        }

    .TableColumnarData .bullet {
        font-size: 19px !important;
        font-weight: bold;
        text-align: center;
        color: #665;
    }

    .TableColumnarData .photo {
        height: 100px;
    }

    .TableColumnarData .choose {
        padding: 0;
        border-collapse: collapse;
        width: 100%;
    }

/*.TableColumnarData .choose span,.TableColumnarData .choose a,.TableColumnarData .choose a:visited{background:url(../../Images/btn-img/bgbutton.gif);text-align:center;width:78px;height:28px;line-height:28px;display:block;color:white;margin:0 auto 0 auto}
.TableColumnarData .choose a:hover{background:url(../../Images/btn-img/bgbutton_on.gif);text-decoration:underline}

.TableColumnarData .remove span,.TableColumnarData .remove a,.TableColumnarData .remove a:visited{background:url(../../Images/btn-img/Red-Bg-Button.gif);text-align:center;width:78px;height:28px;line-height:28px;display:block;color:white;margin:0 auto 0 auto}
.TableColumnarData .remove a:hover{background:url(../../Images/btn-img/Red-Bg-Button-on.gif);text-decoration:underline}

.TableColumnarData .default span,.TableColumnarData .default a,.TableColumnarData .default a:visited{background:url(../../Images/btn-img/Blue-Bg-Button.gif);text-align:center;width:78px;height:28px;line-height:28px;display:block;color:white;margin:0 auto 0 auto}
.TableColumnarData .default a:hover{background:url(../../Images/btn-img/Blue-Bg-Button-on.gif);text-decoration:underline}*/

.TableColumnarData_wide {
    margin: 20px;
}

    .TableColumnarData_wide .TableColumnarData {
        width: 100% !important;
        margin-top: -2em;
    }

    .TableColumnarData_wide h1 {
        font-size: 24px;
    }

.TableColumnarData_etc {
    border-top: 1px dotted #998;
}

h3.TableColumnarData {
    font-weight: normal;
    color: #665;
    font-size: 12px;
}

TableColumnarData .popular {
    font-size: 1px;
    line-height: 1px;
    background: -moz-linear-gradient(top,#8c8a73 0,#eed 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#8c8a73),to(#eed));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c8a73',endColorstr='#eaeaea');
    background: -o-linear-gradient(top,#8c8a73 0,#eed 100%);
}

TableColumnarData .choose {
    padding: 10px 0 10px 0;
}

a.tooltip, a.tooltip:visited, a.tooltip:hover {
    border-bottom: 0;
}

    a.tooltip img {
        display: inline;
        margin-bottom: -2px;
    }
/*.tooltipText,.screenshotText{position:absolute;white-space:normal;
                             wid*/

/* ------------------------------------------------------------
+ tableData Attributes
------------------------------------------------------------ */

.tableData {
    border-spacing: 0px;
    border-collapse: collapse;
    border: 0em solid #0e0f5f;
}

    .tableData .alternateRow {
        background-color: #F6F4E4;
    }

    .tableData > tbody > tr > th {
        text-align: left;
        font-weight: Bold;
        padding: 0.6em 0.6em;
        border: 1px solid #a0a0a0;
        font-size: 13px;
        font-weight: bold;
        color: #FFFFFF;
    }

    .tableData > tbody > tr > td {
        text-align: left;
        border: 0px;
        border-bottom: 1px solid #a0a0a0;
        border-left: 1px solid #a0a0a0;
        border-right: 1px solid #a0a0a0;
        padding: 0.2em 0.3em;
        font-size: 12px;
        font-weight: normal;
        color: #00446a;
    }

    .tableData thead th {
        text-align: left;
        font-weight: normal;
        color: #FFFFFF;
        border-left: 1px solid #a0a0a0;
        background-color: #00446a;
        font-size: 13px;
    }

    .tableData > tbody > tr > th.HeaderTable {
        text-align: left;
        border-left: 0px;
        background-color: #abb8d0;
        height: 25px;
    }

    .tableData > tbody > tr.Odd {
        background: #F6F4E4;
    }

    .tableData > tbody > tr > td.OddCol {
        background: #f9ebae;
    }

    .tableData > tbody > tr > td.OddCol {
        background: #f9ebae;
    }

    .tableDataHeader, .tableData .tableDataHeader td, .tableData .tableDataHeader th {
        text-align: left;
        font-size: 12px;
        font-weight: bold;
        color: #FFFFFF;
        background-color: #00446a;
        height: 25px;
        vertical-align: bottom;
    }

.tableDataHeaderCenter {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #737373;
    height: 25px;
}

.gridpager, .gridpager td {
    text-align: center;
    border: 0px;
}

    .gridpager td table {
        text-align: center;
        width: 100%;
        border: 0px;
    }

/* ------------------------------------------------------------
+ Table Ad Attributes
------------------------------------------------------------ */
.tableAd {
    border-spacing: 0px;
    border-collapse: collapse;
    border: 0.1em solid #e3e3e3;
    background-color: #f9f9fb;
    width: 165px;
}

    .tableAd thead th {
        text-align: center;
        font-weight: bold;
        color: #000;
        height: 30px;
        font-size: 14px;
    }

    .tableAd th {
        text-align: center;
        font-weight: Bold;
        border-bottom: 0.1em solid #e3e3e3;
    }

    .tableAd td {
        text-align: center;
        padding: 0.2em 0.3em;
        font-size: 12px;
        font-weight: normal;
        color: #1f2e49;
    }

    .tableAd tr.White {
        text-align: center;
        padding: 0.2em 0.3em;
        font-size: 12px;
        font-weight: normal;
        background-color: #FFFFFF;
        border: none;
    }

    .tableAd td.Img {
        text-align: center;
        padding: 1.2em 1.3em 0.0em; /*border-bottom: 0.1em solid #e3e3e3;*/
    }

    .tableAd td.Link { /*padding:0.6em 0.6em 1.3em;*/
        text-align: center;
        font-size: 9pt;
    }

    .tableAd tr.Odd {
        background: #F6F4E4;
    }

    .tableAd td.OddCol {
        background: #f9ebae;
    }

    .tableAd td.OddCol {
        background: #f9ebae;
    }


/* ------------------------------------------------------------
+ Table Form Attributes
------------------------------------------------------------ */
.tableForm {
    border-spacing: 0px;
    border-collapse: collapse;
    border: 0.2em solid #00446a;
}

    .tableForm th {
        text-align: left;
        font-weight: Bold;
        padding: 0.6em 0.6em;
        border: 1px solid #a0a0a0;
        font-size: 13px;
        font-weight: bold;
        color: #00446a;
    }

    .tableForm td {
        text-align: left;
        border: 0px;
        border-bottom: 1px solid #a0a0a0;
        border-left: 1px solid #a0a0a0;
        padding: 0.2em 0.3em;
        font-size: 12px;
        font-weight: normal;
        color: #00446a;
    }

    .tableForm th.formHeader {
        text-align: left; /* background:url('/Pages/Images/ControlTabs/tab-grid-bck.gif') repeat-x;*/
        font-weight: normal;
        font-variant: normal;
        height: 25px;
        padding: 0.3em 0.6em 0.3em;
        font-weight: bold;
        color: #FFFFFF;
        font-size: 18px;
    }

    .tableForm thead th {
        text-align: left;
        border-bottom: 1px solid #00446a;
        padding: 0.3em 0.6em 0.3em;
        font-weight: bold;
        color: #FFFFFF;
        font-size: 18px;
    }


/* ------------------------------------------------------------
+ Data Box Header Attributes
------------------------------------------------------------ */
table.DataBoxHeader {
    border-spacing: 0px;
    border-collapse: collapse;
}

    table.DataBoxHeader th {
        border-bottom: 2px solid #bbbbbb;
        font-size: 18px;
        font-weight: normal;
        font-variant: normal;
        text-align: center;
        padding: 0.5em 0.6em 0.5em;
    }

    table.DataBoxHeader thead th {
        text-align: center;
        border-bottom: 1px solid #0058a5;
        padding: 0.3em 0.6em 0.3em;
        color: #FFFFFF;
        font-size: 18px;
    }

    table.DataBoxHeader th.FormHeader {
        text-align: center;
        background: #5673ac;
        font-size: 18px;
        padding: 0.5em 0.6em 0.5em;
        font-variant: normal;
        color: #FFFFFF;
    }

    table.DataBoxHeader tr.DataFields {
        width: 100%;
        padding: 0;
        border: 1px solid #0058a5;
    }

    table.DataBoxHeader td.SubHeader {
        height: 25px;
        background: url('../../Images/table-hdr-blue.gif') repeat-x;
        border-bottom: 1px solid #cbd1e0;
        color: #3F58BE;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0px;
        padding: 2px 0 1px 0;
    }

    table.DataBoxHeader th.TextDataColumnHeader {
        padding-left: 10px;
        text-align: left;
    }

table.FormBox th.SubHeader {
    height: 25px; /* background: url('../../Images/table-hdr-blue.gif') repeat-x;*/
    border-bottom: 1px solid #cbd1e0;
    color: #3F58BE;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 0px;
    padding: 2px 0 1px 0;
}

/* ------------------------------------------------------------
+ Global Fields/Form Attributes
------------------------------------------------------------ */


.required {
    color: #dc291e;
}

.Blue10 {
    background: #d4dcec;
    font-size: 18px;
    padding: 0.5em 0.6em 0.5em;
    font-variant: normal;
    text-align: center;
    color: #3F588E;
}

.Blue20 {
    background: #cecece;
    font-size: 18px;
    padding: 0.5em 0.6em 0.5em;
    font-variant: normal;
    text-align: center;
    color: #FFFFFF;
}

.Blue40 {
    background: #92a7d0;
    font-size: 18px;
    padding: 0.5em 0.6em 0.5em;
    font-variant: normal;
    text-align: center;
    color: #FFFFFF;
}

.Blue60 {
    background: #7d95c6;
    font-size: 18px;
    padding: 0.5em 0.6em 0.5em;
    font-variant: normal;
    text-align: center;
    color: #FFFFFF;
}

.Blue80 {
    background: #6784bd;
    font-size: 18px;
    padding: 0.5em 0.6em 0.5em;
    font-variant: normal;
    text-align: center;
    color: #FFFFFF;
}

.Blue100 {
    background: #797979;
    font-size: 18px;
    padding: 0.5em 0.6em 0.5em;
    font-variant: normal;
    text-align: center;
    color: #FFFFFF;
}

.Gray5 {
    background-color: #f1f1f1;
}

.Gray10 {
    background: #dcdcdc;
    padding: 0.5em 0.6em 0.5em;
}

.Gray20 {
    background: #cecece;
    font-size: 18px;
    padding: 0.5em 0.6em 0.5em;
    font-variant: normal;
    text-align: center;
    color: #FFFFFF;
}

.Gray40 {
    background: #a7a7a7;
    font-size: 18px;
    padding: 0.5em 0.6em 0.5em;
    font-variant: normal;
    text-align: center;
    color: #FFFFFF;
}

.Gray60 {
    background: #959595;
    font-size: 18px;
    padding: 0.5em 0.6em 0.5em;
    font-variant: normal;
    text-align: center;
    color: #FFFFFF;
}

.Gray80 {
    background: #848484;
    font-size: 18px;
    padding: 0.5em 0.6em 0.5em;
    font-variant: normal;
    text-align: center;
    color: #FFFFFF;
}

.Gray100 {
    background: #797979;
    font-size: 18px;
    padding: 0.5em 0.6em 0.5em;
    font-variant: normal;
    text-align: center;
    color: #FFFFFF;
}

.MainHeader {
    border-spacing: 0px;
    text-align: center;
    background: #5673ac;
    font-size: 18px;
    padding: 0.5em 0.6em 0.5em;
    font-variant: normal;
    font-weight: bold;
    color: #FFFFFF;
    letter-spacing: 1px;
}

    .MainHeader a:link {
        color: White;
        text-decoration: underline;
    }

    .MainHeader a:hover {
        color: #00446a;
    }

    .MainHeader a:visited, .MainHeader a:active {
        color: #00446a;
    }

    .MainHeader a:disable {
        color: #b2b2b2;
    }

.SubMainHeader, .SubMainHeader td {
    color: #ffffff;
    background-color: #75757A;
    font-size: 12px;
    padding: 0.3em 0.6em 0.3em;
    font-variant: normal;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
}

    .SubMainHeader a {
        font-weight: bold;
        font-size: 10px;
    }

.DetailHeader {
    border-spacing: 0px;
    text-align: center;
    background: #d4dcec;
    font-size: 13px;
    padding: 0.2em 0.6em 0.2em;
    font-variant: normal;
    color: #3F58BE;
    letter-spacing: 1px;
    font-weight: bold;
}

.CommentHeader {
    color: #999999;
    background-color: #E5E5E5;
    font-size: 15px;
    padding: 0.3em 0.6em 0.3em;
    font-variant: normal;
    text-align: center;
    font-weight: bold;
}

    .CommentHeader a {
        font-weight: bold;
        font-size: 10px;
    }



/* ------------------------------------------------------------
+ BoxMain + Pre-Widths + Pre-Floats + Paddings and Margins
------------------------------------------------------------ */

.inlineDisplay {
    display: inline-block;
    position: relative;
}

.boxred {
    background-color: Red;
}

.heightwidth {
    width: 100%;
}

.width20 {
    width: 20%;
}

.width22 {
    width: 22%;
}

.width25 {
    width: 25%;
}

.width23 {
    width: 23%;
}

.width30 {
    width: 30%;
}

.width33 {
    width: 33%;
}

.width35 {
    width: 35%;
}

.width50 {
    width: 50%;
}

.width53 {
    width: 53%;
}

.width55 {
    width: 55%;
}

.width40 {
    width: 40%;
}

.width43 {
    width: 43%;
}

.width45 {
    width: 45%;
}

.width47 {
    width: 47%;
}

.width61 {
    width: 61%;
}

.width64 {
    width: 64%;
}

.width65 {
    width: 65%;
}

.width70 {
    width: 70%;
}

.width60 {
    width: 60px;
}

.width75 {
    width: 75%;
}

.width80 {
    width: 80%;
}

.width85 {
    width: 85%;
}

.width87 {
    width: 87%;
}

.width90 {
    width: 90%;
}

.width95 {
    width: 95%;
}

.width100 {
    width: 100%;
}

.nowrap {
    white-space: nowrap;
}

.width175 {
    width: 175px;
}

.height40 {
    height: 40px;
}



.boxMain {
    border: 1px solid #797979;
    font: 13px/1.4 Myriad Pro, Calibri, Helvetica, Arial, sans-serif;
    background: #FFFFFF;
    margin: 0;
    padding: 0;
    color: #000;
}

.modal-body + div + .boxMain {
    min-width: 220px;
}

.borderYellow4 {
    border: 4px solid #00446a;
}

.boxSubMain {
    border: 1px solid #737373;
}

.boxDetail {
    border: 1px solid #dcdcdc;
}

.borderTopMain {
    border-top: 1px solid #797979;
}

.borderRightMain {
    border-right: 1px solid #797979;
}

.borderTopSubMain {
    border-top: 1px solid #737373;
}

.borderRightSubMain {
    border-right: 1px solid #737373;
}

.borderTopDetail {
    border-top: 1px solid #dcdcdc;
}

.borderRightDetail {
    border-right: 1px solid #dcdcdc;
}

.borderYellowBtm {
    border-bottom: 2px solid #F8971D;
}

.borderRightYellow {
    border-left: 1px solid #00446a;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
}

.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
}

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.FloatClearLeft {
    float: left;
    clear: left;
}

.FloatClearRight {
    clear: right;
    float: right;
}

.BoxHeight100 {
    width: 100%;
}

.zindex1 {
    z-index: 1;
}

/* ------------------- Margins --------------------*/
.MarginTopMinus {
    margin-top: -35px;
}

.MarginMinus {
    margin-top: -20px;
}

.MarginLeft20 {
    margin-left: 20px;
}

.MarginRight10 {
    margin-right: 10px;
}

.MarginMinus20 {
    margin-top: -20x;
}

.MarginMinus10 {
    margin-top: -10x;
}

.MarginMinus5 {
    margin-top: -5x;
}

.MarginTop10 {
    margin-top: 10px;
}

.MarginRight2 {
    margin-right: 2%;
}

.z_boxDetailMargins {
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}

.boxDetailMargins {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.PaddingBoxCenter {
    padding: 20px;
    text-align: center;
}

.PaddingBoxCenter5px {
    padding: 5px;
    text-align: center;
}

.PaddingTopBottom {
    padding-top: 20px;
    padding-bottom: 20px;
}

.PaddingTop {
    padding-top: 5px;
}

.PaddingTop7 {
    padding-top: 7px;
}

.PaddingTop10 {
    padding-top: 10px;
}

.PaddingTop33 {
    padding-top: 33px;
}

.PaddingBottom10 {
    padding-bottom: 10px;
}

.PaddingBottom20 {
    padding-bottom: 20px;
}

.PaddingBottom33 {
    padding-bottom: 33px;
}

.PaddingBottom50 {
    padding-bottom: 50px;
}

.PaddingLeftRight {
    padding-left: 20px;
    padding-right: 20px;
}

.PaddingLeftRight5 {
    padding-left: 5px;
    padding-right: 5px;
}

.PaddingTopBottom10px {
    padding-top: 10px;
    padding-bottom: 10px;
}

.PaddingTopBottom5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.PaddingLeftRight10px {
    padding-left: 10px;
    padding-right: 10px;
}

.PaddingLeft20 {
    padding-left: 20px;
}

.PaddingLeft10 {
    padding-left: 10px;
}

.fieldbox {
    border-top: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
    padding: 20px;
}

.promptBox {
    text-align: center;
    background-color: #FFFFFF;
    line-height: 24px;
}

.valueLabel {
    font-weight: normal;
    font-size: 12px;
}

.fieldLabel {
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
}

.fieldLabelLeft {
    font-weight: bold;
    text-align: left;
    padding-right: 10px;
    display: inline-block;
}

/* zee - 07132018 - constrast ratio fix */
.promptLabel {
    color: #696969;
    font-size: 12px;
    font-weight: bold;
}

.fieldLabelCurrency {
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
    width: 50%;
}

.valueLabelCurrency {
    font-weight: normal;
    text-align: right;
    font-size: 12px;
    width: 5%;
}

.descriptionLabelCurrency {
    font-weight: normal;
    font-size: 12px;
    padding-left: 10px;
    width: 45%;
}


.LeftMargin20 {
    margin: 5px 5px 5px 5px;
}




/*--------------Career Opportunity Page (Left Column)----------------------*/
.accordionHeader {
    border: 1px solid RED;
    color: white;
    background-color: #0f003d;
    font-size: 15px;
    font-weight: bold;
    padding: 3px;
    margin-top: 2px;
    cursor: pointer;
}

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background: #221650 url(../../Images/top-blue-grad.gif) repeat-x;
    font-weight: bold;
    padding: 5px;
    margin-top: 2px;
    cursor: pointer;
}

.accordionContent {
    padding: 20px 20px;
    border: 1px solid #cecece;
    color: #555555;
}

    .accordionContent p {
        font-size: 12px;
        line-height: 12px;
        padding: 0;
        color: #555555;
    }

    .accordionContent A {
        text-transform: none;
        font-weight: bold;
    }


#Roundcornerbox {
    height: 225px;
    margin-top: 0;
    background-color: Fuchsia;
    border: 1px solid Red;
    padding: 17px 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    behavior: url(/javaScripts/polyfills/PIE.htc); /*(Required by IE) Note: this path is relative to the HTML file being viewed, not the CSS file it is called from.*/
}

.roundcornerbox p {
}



.BoxInfoBckgrdL {
    background: url(../../Images/contact-info-border.gif) no-repeat top left;
    height: 225px;
    padding-top: 0px;
    padding-left: 15px;
    vertical-align: top;
}

.BoxInfoBckgrdR {
    background: url(../../Images/contact-info-border.gif) no-repeat top right;
    height: 225px;
    padding-top: 0px;
    padding-left: 15px;
    vertical-align: top;
}

.ajax__tab_default .ajax__tab_header {
    white-space: nowrap;
}

.ajax__tab_default .ajax__tab_outer {
    display: -moz-inline-box;
    display: inline-block;
}

.ajax__tab_default .ajax__tab_inner {
    display: -moz-inline-box;
    display: inline-block;
}

.ajax__tab_default .ajax__tab_tab {
    margin-right: 4px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    display: -moz-inline-box;
    display: inline-block;
}

/* xp theme */
.ajax__tab_xp1 {
    line-height: 9px;
}

    .ajax__tab_xp1 .ajax__tab_header {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        background: url(/Pages/Images/ControlTabs/tab-line.gif) repeat-x bottom;
    }

    .ajax__tab_xp1 .ajax__tab_outer {
        padding-right: 4px;
        background: url(/Pages/Images/ControlTabs/tab-right.gif) no-repeat right;
        height: 10px;
    }

    .ajax__tab_xp1 .ajax__tab_inner {
        padding-left: 3px;
        background: url(/Pages/Images/ControlTabs/tab-left.gif) no-repeat;
        height: 10px;
    }

    .ajax__tab_xp1 .ajax__tab_tab {
        padding: 2px;
        margin: 0;
        background: url(/Pages/Images/ControlTabs/tab.gif) repeat-x;
    }

    .ajax__tab_xp1 .ajax__tab_hover .ajax__tab_outer {
        background: url(/Pages/Images/ControlTabs/tab-hover-right.gif) no-repeat right;
    }

    .ajax__tab_xp1 .ajax__tab_hover .ajax__tab_inner {
        background: url(/Pages/Images/ControlTabs/tab-hover-left.gif) no-repeat;
    }

    .ajax__tab_xp1 .ajax__tab_hover .ajax__tab_tab {
        color: #fff;
        background: url(/Pages/Images/ControlTabs/tab-hover.gif) repeat-x;
    }

    .ajax__tab_xp1 .ajax__tab_active .ajax__tab_outer {
        background: url(/Pages/Images/ControlTabs/tab-active-right.gif) no-repeat right;
    }

    .ajax__tab_xp1 .ajax__tab_active .ajax__tab_inner {
        background: url(/Pages/Images/ControlTabs/tab-active-left.gif) no-repeat;
    }

    .ajax__tab_xp1 .ajax__tab_active .ajax__tab_tab {
        color: #fff;
        font-weight: bold;
        background: url(/Pages/Images/ControlTabs/tab-active.gif) repeat-x;
    }

    .ajax__tab_xp1 .ajax__tab_body {
        line-height: 13px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #0f003d;
        border: 1px solid #0058a5;
        border-top: 0;
        padding: 8px;
        background: #f9fafe url(/Pages/Images/ControlTabs/tab-grid-bck.gif) repeat-x;
    }


.ajax__tab_xp2 .ajax__tab_header {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: url(/Pages/Images/ControlTabs/tab-line.gif) repeat-x bottom;
}

.ajax__tab_xp2 .ajax__tab_outer {
    padding-right: 4px;
    background: url(/Pages/Images/ControlTabs/tab-right.gif) no-repeat right;
    height: 21px;
}

.ajax__tab_xp2 .ajax__tab_inner {
    padding-left: 3px;
    background: url(/Pages/Images/ControlTabs/tab-left.gif) no-repeat;
}

.ajax__tab_xp2 .ajax__tab_tab {
    height: 20px;
    padding: 3px;
    margin: 0;
    background: url(/Pages/Images/ControlTabs/tab.gif) repeat-x;
    font-size: 14px;
}

.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_outer {
    background: url(/Pages/Images/ControlTabs/tab-hover-right.gif) no-repeat right;
}

.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_inner {
    background: url(/Pages/Images/ControlTabs/tab-hover-left.gif) no-repeat;
}

.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_tab {
    color: #fff;
    background: url(/Pages/Images/ControlTabs/tab-hover.gif) repeat-x;
}

.ajax__tab_xp2 .ajax__tab_active .ajax__tab_outer {
    background: url(/Pages/Images/ControlTabs/tab-active-right.gif) no-repeat right;
}

.ajax__tab_xp2 .ajax__tab_active .ajax__tab_inner {
    background: url(/Pages/Images/ControlTabs/tab-active-left.gif) no-repeat;
}

.ajax__tab_xp2 .ajax__tab_active .ajax__tab_tab {
    color: #fff;
    font-weight: bold;
    background: url(/Pages/Images/ControlTabs/tab-active.gif) repeat-x;
}

.ajax__tab_xp2 .ajax__tab_body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #0f003d;
    border: 1px solid #0058a5;
    border-top: 0;
    padding: 8px;
}

/* ------------------------------------------------------------
+ mainContent 
------------------------------------------------------------ */

.dottedline {
    border-bottom: gray thin dotted;
    vertical-align: bottom;
}

.errorLabel {
    color: #dc291e;
    display: inline;
    font-weight: bold;
}
/*For backward compatibility, add this*/
.errorLabels {
    color: #dc291e;
    display: inline;
    font-weight: bold;
}
/*Used to hide items that are only applicable under certain circumstances like error labels*/
.noVisible {
    display: none;
}

.alignCenter {
    text-align: center;
}

.alignLeft {
    text-align: left;
}

.alignRight {
    text-align: right;
}

.alignTop {
    vertical-align: top;
}

.alignBottom {
    vertical-align: bottom;
}

.moreLink {
    color: #952b2b;
    font-style: normal;
    text-decoration: underline;
    font-weight: bold;
}

.LoginPanel {
    float: left;
    margin: 5px;
    width: 96%;
    background: rgb(237,237,237); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(251,251,251,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(251,251,251,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(251,251,251,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(251,251,251,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(251,251,251,1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(237,237,237,1) 0%,rgba(251,251,251,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */
    border: 1px solid rgba(0,0,0,0.4);
    padding: 10px 10px;
    border: 1px solid #0f003d;
}

.social-media {
    list-style: none;
    display: block;
    float: right;
}

    .social-media li {
        display: inline-block !important;
        margin: 5px 5px;
    }

        .social-media li a {
            padding: 6px 6px;
            display: inline-block;
        }

        .social-media li > a:hover,
        .social-media li > a:focus,
        .social-media li:focus > a,
        .social-media li:hover > a {
            padding: 6px 6px;
            display: inline-block;
            background: #ffc787;
        }




.animate, .animate:hover {
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

/* Begin: F-0188 - Footer */
.TableFooter {
    display: block;
}

.FooterTable ul li {
    display: block;
    padding-top: 3px;
}

    .FooterTable ul li.first {
        padding-top: 15px;
        font-size: 13px;
    }

.footerLinks {
    overflow: hidden;
    padding-left: 30px;
}

    .footerLinks hr {
        display: none;
    }

.FooterTable .col {
    float: left;
    width: 197px;
    min-height: 165px;
}

    .FooterTable .col li {
        display: block;
        font-size: 12px;
        line-height: 16px;
        margin-left: 30px;
        padding: 4px 0 4px;
        position: static;
        text-align: left;
        vertical-align: top;
    }

    .FooterTable .col a {
        font-style: normal;
        font-variant: normal;
    }

        .FooterTable .col a:link {
            color: #00446a;
            text-decoration: underline;
        }

        .FooterTable .col a:visited {
            color: #4f4f4f;
            text-decoration: underline;
        }

        .FooterTable .col a:hover {
            color: #000000;
            text-decoration: none;
            background-color: #ffc787;
        }

        .FooterTable .col a:focus {
            color: #000000;
            text-decoration: none;
            background-color: #ffc787;
            padding: 6px 6px;
        }

        .FooterTable .col a:active {
            color: #000000;
            text-decoration: none;
            border: 1px solid #000000;
            background-color: #ffc787;
            padding: 6px 6px;
        }


.footer {
    width: 100% !important;
}

    .footer .col {
        padding-bottom: 5px !important;
    }

.legal {
    float: left !important;
    padding: 5px !important;
    width: 96% !important;
    margin: 0px !important;
    text-align: center;
}

.footerLinks {
    display: inline-block;
    text-align: left;
}

    .footerLinks .row {
        float: left;
    }

.FooterTopLeftCol {
    width: 182px !important;
}

.FooterSecondCol {
    width: 155px !important;
}
/* End  : F-0188 - Footer */

.FooterTable {
    background-color: #f7f6f6;
    border: 1px solid #F1F1F1;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.9);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.9);
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.9);
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    behavior: url(/javaScripts/polyfills/PIE.htc);
    padding: 13px 0 20px;
}

.RoundCornerFooter {
    background-color: #D6D6D6;
    border-top: 2px solid #A0A0A0;
    margin-top: 0px -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
    behavior: url(/javaScripts/polyfills/PIE.htc); /*(Required by IE) Note: this path is relative to the HTML file being viewed, not the CSS file it is called from.*/
}


.FooterHeaderCell {
    padding-top: 10px;
    padding-left: 5px;
    display: block;
    position: static;
    text-align: left;
    vertical-align: top;
    margin-top: 0px;
}

    .FooterHeaderCell span {
        font-size: 13px;
        color: #000000;
        font-weight: bold;
        font-style: normal;
        font-variant: normal;
        text-align: center;
        /*margin-left: 5px;*/
    }

.FooterCell {
    padding-top: 0px;
    padding-left: 5px;
    display: block;
    position: static;
    text-align: left;
    vertical-align: top;
    margin-top: 0px;
    font-size: 11px;
    line-height: 16px;
}

    .FooterCell a:link {
        color: #00446a;
        text-decoration: underline;
        padding: 6px 10px 6px;
    }

    .FooterCell a:visited {
        color: #4f4f4f;
        text-decoration: underline;
    }

    .FooterCell a {
        color: Black;
        font-style: normal;
        font-variant: normal;
    }

        .FooterCell a:hover {
            color: #000000;
            text-decoration: none;
            display: block;
        }

        .FooterCell a:active {
            color: #000000;
            text-decoration: none;
            border: 1px solid #000000;
            background-color: #ffc787;
            padding: 6px 6px;
        }

        .FooterCell a:focus {
            color: #000000;
            text-decoration: none;
            background-color: #ffc787;
            padding: 6px 6px;
        }

.FooterDisclaimerTopCell {
    padding-top: 10px;
    padding-bottom: 0px;
    display: block;
    position: static;
    text-align: center;
    vertical-align: top;
    margin-top: 0px;
}

    .FooterDisclaimerTopCell label {
        font-size: 10px;
        color: Black;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        text-align: center;
    }

.FooterDisclaimerBottomCell {
    padding-top: 0px;
    padding-bottom: 10px;
    display: block;
    position: static;
    text-align: center;
    vertical-align: top;
    margin-top: 0px;
}

    .FooterDisclaimerBottomCell label {
        font-size: 10px;
        color: Black;
        font-weight: normal;
        font-style: normal;
        font-variant: normal;
        text-align: center;
    }



/* ~~ The footer ~~ */
.footer {
    padding: 10px 0;
    clear: both;
    width: 960px;
    border-top: 0px solid #A0A0A0;
}

    .footer .photo-rights {
        float: left;
        font-size: 10px;
    }

    .footer .legal {
        text-align: center;
        font-size: 10px;
        width: 250px;
        margin-left: 360px;
        padding-top: 15px;
    }

    .footer .footerlinks {
        float: right;
        font-size: 10px;
        margin: 8px;
    }

    .footer a:link {
        color: #00446a; /* Previous link color #8b8383  */
        text-decoration: underline;
        padding: 6px 6px 6px 0px; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
    }

    .footer a:visited {
        color: #4f4f4f; /* Previous link color #535353  */
        text-decoration: underline;
    }

    .footer a:hover {
        color: #000000;
        text-decoration: none;
        background-color: #ffc787;
        padding: 6px 6px;
    }

    .footer a:focus {
        color: #000000;
        text-decoration: none;
        background-color: #ffc787;
        padding: 6px 6px;
    }

    .footer a:active {
        color: #000000;
        text-decoration: none;
        border: 1px solid #000000;
        background-color: #FFD457;
        padding: 6px 6px;
    }

.middleSpace_2ColumnLayout {
    width: 5%;
    display: inline-block;
    position: relative;
}


.GrayRectangularBox {
    padding: 2px 0px 2px 0px;
    background: rgb(230,229,228); /* Old browsers */
    background: -moz-linear-gradient(45deg,(#f0efee) 0%, (#EBEBEB) 47%, (#D2D2D2) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,(#f0efee)), color-stop(47%,(#EBEBEB)), color-stop(100%,(#D2D2D2))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, (#f0efee) 0%,(#EBEBEB) 47%,(#D2D2D2) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, (#f0efee) 0%,(#EBEBEB) 47%,(#D2D2D2) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, (#f0efee) 0%,(#EBEBEB) 47%,(#D2D2D2) 100%); /* IE10+ */
    background: linear-gradient(45deg,(#f0efee) 0%,(#EBEBEB) 47%,(#D2D2D2) 100%); /* W3C */
    -pie-background: linear-gradient(45deg,(#f0efee) 0%,(#EBEBEB) 47%,(#D2D2D2) 100%);
}

.borderBottomWithFormattedLine {
    border-bottom: 2px solid #00446a;
}

.subTitle1WithLine {
    font-size: 20px;
    letter-spacing: -1px;
    border-bottom: 1px solid #535353;
    color: #535353;
    font-weight: normal;
}

.subTitle1WithoutLine {
    font-size: 20px;
    letter-spacing: -1px;
    color: #535353;
    font-weight: normal;
}

.subTitle2WithLine {
    font-size: 18px;
    letter-spacing: -1px;
    border-bottom: 1px solid #535353;
    color: #535353;
    font-weight: normal;
}

.subTitle2WithoutLine {
    font-size: 18px;
    letter-spacing: -1px;
    color: #535353;
    font-weight: normal;
}

/* Start: yellow link */

.yellowLink {
    display: inline;
}

    .yellowLink a {
        font-size: 14px;
        line-height: 14px;
        color: #00446a;
    }

        .yellowLink a:visited {
            color: #535353;
        }

        .yellowLink a:hover {
            color: #000000;
        }

        .yellowLink a:active {
            color: #535353;
        }

/*End: yellow link */
/* End: TN - Online Membership Redesign */

/* Start: cK - Online Membership Confirmation */



.boxAlignLeftWithoutLine {
    width: 22%;
    float: left;
    margin-right: 3%;
}

.boxAlignLeftWithLine {
    width: 20%;
    border-left: 1px,solid,yellow;
    float: left;
}

.contentSeperatorline hr {
    float: left;
    width: 85%;
    color: Black;
}

.showTextAsHREF {
    border-bottom: 1px solid #bbbbbb;
    cursor: pointer;
    text-align: center;
    padding-left: 3px;
    padding-right: 10px;
}

.imgEmail {
    background-image: Pages/Images/email-icon.gif !important;
}

.imgPrint {
    background-image: Pages/Images/print-icon.gif !important;
}
/* END: cK - Online Membership Confirmation */


.onlineHeader {
}

.searchContent {
    width: 100%; /*margin: 0 auto;*/
}

.flag, .country, .state, .or, .city, .zip, .submit {
    float: left;
    margin: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 10px;
    text-align: left;
}

.submit {
    margin-top: -2px;
}

.flag, .country, .or {
    margin-top: 13px;
}

.errorMessage {
    clear: left;
    margin-left: 65px;
}

.onlineLeft {
    clear: left;
    float: left;
    width: 43%;
    background-color: lime;
}

.ClubsFound {
    Height: 100%;
}

.leftCont {
    float: left;
    height: 100%;
    padding: 13px;
    width: 100%;
}


.ListRow {
    width: 100%;
}

.ClubName {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.2em;
    color: #737373;
    width: 100%;
    margin-left: 5px;
}

    .ClubName a:hover {
        color: #000000;
    }

.ClubInfo {
    font-size: 11px;
    margin: 0;
    line-height: 1.385em;
    padding: 0;
    color: #000000;
    float: left;
}

.ClubAddress {
    width: 100%;
    font-size: 12px;
    line-height: 1.385em;
    color: #000000;
    margin-left: 5px;
    padding-right: 5px !important;
}

.ClubInfo {
    margin-left: 5px;
    width: 270px;
}

.btnClubCustom {
    background-color: grey;
}

    .btnClubCustom:hover {
        color: #FFFFFF !important;
        background-color: #00446a;
        border-color: #00446a;
        cursor: pointer;
    }

.hrsbullet {
    position: relative;
    top: 2px;
}

table#gridClass {
    width: 100%;
}

.listSelect {
    float: left;
    text-align: right;
    width: 20px;
}

.onlineRight {
    clear: right;
    float: right;
    width: 55%;
}

.rightCont {
    margin: 5px 5px 5px 20px;
}

.onlineFooter {
    clear: both;
}

#bgDiv {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: white;
    filter: alpha(opacity=45);
    -moz-opacity: .45;
    opacity: .45;
    opacity: 0.45;
    z-index: 500;
    width: 100%;
    height: 100%;
}

#progressDiv {
    position: absolute;
    top: 40%;
    left: 50%;
    z-index: 501;
}

.ClubImage, .ClubMap {
    float: left;
    width: 50%;
}

.ClubImage {
    width: 50%;
}

.ClubMap {
    float: left;
    width: 50%;
}

.ClubMapContent {
    margin-left: 0px;
}

.JoinBtn, .GuestPass {
    float: left;
    width: 50%;
}

.GuestPassContent {
    float: left;
}

.JoinBtn {
    width: 50%;
}

.GuestPass {
    margin-top: 10px;
    width: 49%;
    text-align: center;
    background-color: #f1f1f1;
    margin-left: 5px;
}

.GuestPassContent {
    margin-top: 7px;
    margin-bottom: 7px;
    margin-left: 25px;
    margin-right: 30px;
}

.ScheduleTourContent {
    margin-top: 7px;
    margin-bottom: 7px;
}

/*BEGIN: F0190 - 07/05/2013 - */
div.grpHeadText {
    float: left;
    font-weight: bold;
    cursor: pointer;
    padding-left: 15px;
    background-image: url("../../Images/plus_minus.png");
    background-repeat: no-repeat;
    background-color: #FFF;
}

div.grpCluster {
    float: left;
    font-weight: normal;
    cursor: pointer;
    padding-left: 25px;
    background-image: url("../../Images/plus_minus.png");
    background-repeat: no-repeat;
    background-color: #DDD;
}

    div.grpCluster.grdExpanded {
        background-position: 11px -14px;
    }

    div.grpCluster.grdCollapsed {
        background-position: 11px 0px;
    }

    div.grpCluster > span {
        font-weight: bold;
    }

.leagueActivity {
    padding-left: 41px !important;
}

div.grpHeadText > span {
    font-weight: normal;
    cursor: pointer;
    padding-left: 3px;
}

.grdExpanded {
    background-position: 0px -13px;
}

.grdCollapsed {
    background-position: 0px 1px;
}
/*END: F0190 */

/* F-0188*/
.menucontainer {
    display: none;
}

.footer1 {
    display: none;
}

/* END F-0188*/
.btnJoin {
    width: 300px;
    height: 35px;
    font-size: 16px !important;
    font-weight: bold !important;
    font-style: oblique;
    color: #1E1E1E;
}

.btnJoin_1 {
    width: 200px;
}

.TabControlHours {
    width: 100%;
    height: 100%;
}

.ClubAmenities {
    width: 100%;
}

.AmenityContent {
    text-align: center;
    width: 100%;
    float: left;
}

.RowButtons {
    position: relative;
    float: right;
    margin-right: 15px;
}

.BackBtn, .FowardBtn {
    float: left;
}

.FowardBtn {
    margin-left: 20px;
}


.BackToPlan, .Proceed {
    float: left;
}

.Proceed {
    margin-left: 25px;
}

.LeftCol, .RightCol {
    width: 48%;
    float: left;
}

.RightCol {
    margin-left: 20px;
}



hr {
    border: 0;
    width: 100%;
    position: relative;
    float: left;
    color: #00446a;
    background-color: #00446a;
    height: 2px;
    margin-top: 10px;
    margin-bottom: 5px;
    z-index: -1;
}

.GaryLine {
    background-color: #666666;
    height: 1px;
}

.TabRates {
    width: 100%;
    height: 100%;
}

#form .row {
    width: 100%;
}

#form .LeftCells {
    float: left;
    margin-right: 10px;
}

#form .clear {
    clear: both;
}

#form .label {
    font-weight: bold;
}

#form .RightCells1 {
    float: left;
}


#form .PaymentOptions {
    background-color: #EAEAEA;
    border-width: 1px;
    border-color: #cecece;
}

#form .credit, .checking, .saving {
    float: left;
    width: 30%;
    background-color: #EAEAEA;
    padding: 5px;
}

.SSLSecure, .SubmitArea {
    float: left;
}

.SSLSecure, {
    width: 60%;
}

.SubmitArea, {
    width: 40%;
}



.SubmitArea {
    margin-left: 200px;
}

.FeesRow {
    clear: left;
}

.fees, .lblfees {
    float: left;
    margin-left: 25px;
}

.fees {
    width: 78%;
}

.ErrorMessageSignup {
    margin-left: 10px;
    font-weight: bold;
}

.RatePrice {
    font-size: 11px;
}

.TabStyle .ajax__tab_header {
    font-size: 12px;
    font-weight: bold;
    display: block;
    border-bottom: solid 1px #797979;
}

    .TabStyle .ajax__tab_header .ajax__tab_outer {
        border-color: #222;
        color: #FFFFFF;
        padding-left: 10px;
        margin-right: 10px;
        border: solid 1px #FFFFFF;
        background-color: #EAEAEA;
    }

    .TabStyle .ajax__tab_header .ajax__tab_inner {
        border-color: #666;
        color: #666;
        padding: 3px 10px 2px 0px;
    }

.TabStyle .ajax__tab_hover .ajax__tab_outer {
    background-color: #00446a;
}

.TabStyle .ajax__tab_hover .ajax__tab_inner {
    color: #FFFFFF;
}

.TabStyle .ajax__tab_active .ajax__tab_outer {
    border: solid 1px #797979;
    border-bottom-color: #FFFFFF;
    background-color: #00446a;
}

.TabStyle .ajax__tab_active .ajax__tab_inner {
    color: #FFFFFF;
    border-color: #333;
}


.TabTheme1 .ajax__tab_header {
    font-size: 22px;
    font-weight: bold;
    display: block;
    border-bottom: solid 1px #797979;
}

    .TabTheme1 .ajax__tab_header .ajax__tab_outer {
        border-color: #222;
        color: #FFFFFF;
        padding-left: 10px;
        margin-right: 10px;
        border: solid 1px #FFFFFF;
        background-color: #EAEAEA;
    }

    .TabTheme1 .ajax__tab_header .ajax__tab_inner {
        border-color: #666;
        color: #666;
        padding: 3px 10px 2px 0px;
    }

.TabTheme1 .ajax__tab_hover .ajax__tab_outer {
    background-color: #00446a;
}

.TabTheme1 .ajax__tab_hover .ajax__tab_inner {
    color: #BBBBBB;
}

.TabTheme1 .ajax__tab_active .ajax__tab_outer {
    border: solid 1px #797979;
    border-bottom-color: #FFFFFF;
    background-color: #00639B;
}

.TabTheme1 .ajax__tab_active .ajax__tab_inner {
    color: #FFFFFF;
    border-color: #333;
}

.validationSummary ul {
    text-align: center;
}

.validationSummary li {
    display: block !important;
}

.makepaymentWidth {
    width: 30%;
}
/* Responsive FORM*/
.form {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .form header {
        margin: 0 0 20px 0;
    }

        .form header div {
            color: #999;
        }

        .form header h2 {
            margin: 0 0 5px 0;
        }

    .form > div {
        clear: both;
        overflow: hidden;
        padding: 1px;
        margin: 0;
        min-height: 30px;
    }

        .form > div > fieldset > div > div {
            margin: 0 0 5px 0;
        }

        .form > div > label, .form legend {
            width: 49%;
            float: left;
            padding-right: 10px;
            margin-top: 3px;
        }

    .form .valuelabel {
        float: left;
        margin-top: 3px;
    }

    .form > div > div, .form > div > fieldset > div {
        width: 49%;
        float: right;
    }

    .form > div > fieldset label {
        font-size: 90%;
    }

fieldset {
    border: 0;
    padding: 0;
}

.form input[type=text],
.form input[type=email],
.form input[type=url],
.form input[type=password],
.form textarea {
    width: 100%;
    margin: 0;
}

.form input[type=text],
.form input[type=email],
.form input[type=url],
.form input[type=password] {
    width: 50%;
}

    .form input[type=text]:focus,
    .form input[type=email]:focus,
    .form input[type=url]:focus,
    .form input[type=password]:focus,
    .form textarea:focus {
        outline: 0;
    }

.form div.fullDiv {
    padding: 10px;
    text-align: center;
}

    .form div.fullDiv > span {
        width: 100%;
    }

.textWidth200 {
    width: 200px !important;
}

.careerdesc {
    width: 100%;
}

@media (max-width: 600px) {
    .form {
        padding: 0 10px;
    }

        .form > div {
            margin: 0 0 12px 0;
        }

            .form > div > label, .form legend {
                width: 100%;
                float: none;
                margin: 0 0 5px 0;
            }

            .form > div > div, .form > div > fieldset > div {
                width: 100%;
                float: none;
            }

        .form input[type=text],
        .form input[type=email],
        .form input[type=url],
        .form input[type=password],
        .form textarea,
        .form select {
            width: 100%;
        }

    .adressWidth {
        border: none !important;
    }
}

@media (min-width: 769px) {
    .form div.fullDiv {
        padding: 0;
    }

    .form > div > label, legend {
        text-align: right;
    }
}

@media screen and (max-width: 336px) {
    .textWidth200 {
        width: 80% !important;
    }
}

@media (min-width: 992px) {
    .footerLinks {
        padding-left: 15px;
    }
}
/* END:  Responsive FORM*/
.infoIcon {
    background-image: url('/pages/images/help.gif');
    padding: 5px 20px 0;
}

.nopadding {
    padding: 0 !important;
}

/* RESPONSIVE WITH BOOTSTRAP*/
.lafContentResponsive {
    display: block;
}

.lafResponsiveHide {
    display: none;
}

.laMainTitleWithNoLine {
    font-size: 25px;
    letter-spacing: -1px;
    text-align: left;
    color: #535353;
    padding: 5px 0 5px 0;
    font-weight: normal;
}

.lah1 {
    font-weight: bold;
    font-size: 2.692em;
    line-height: 1.028em;
    margin: 0;
    padding: 0;
    color: #000000;
}

.lah2 {
    font-weight: normal !important;
    font-size: 18px !important;
    line-height: 26px;
    letter-spacing: -1px;
    margin: 5px 0 5px 0;
    padding: 0.8em 0 0.3em;
    color: #535353;
    border-bottom: 1px solid #535353;
}

.lah2Line {
    font-weight: normal;
    font-size: 18px !important;
    line-height: 26px;
    letter-spacing: -1px;
    margin: 5px 0 5px 0;
    padding: 0.8em 0 0.3em;
    color: #535353;
    border-bottom: 1px solid #535353;
}

.lah3 {
    font-weight: bold;
    font-size: 18px;
    line-height: 1.0em;
    margin: 0.125em 0;
    padding: 0;
    color: #000000;
}

.lah4 {
    font-weight: bold !important;
    font-size: 14px !important;
    line-height: 1.125em !important;
    margin: 0.105em 0;
    padding: 0;
    color: #000000 !important;
}

.lah5 {
    font-size: 11px;
    margin: 0;
    line-height: 15px;
    padding: 0;
    color: #000000;
}

.lah6 {
    font-weight: bold;
    font-size: 8px;
    letter-spacing: 0.125em;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    color: #000000;
}

.laTitleBold {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.0em;
    margin: 0.125em 0;
    padding: 0;
    color: #000000;
}

.laHeaderBold {
    font-weight: bold !important;
    font-size: 14px !important;
}

.laHRlinesolid {
    border-bottom: 1px solid;
    border-bottom-color: grey;
}

.laHeaderBold12 {
    font-weight: bold !important;
    font-size: 12px !important;
}

.laTitle {
    font-size: 14px;
    line-height: 1.0em;
    margin: 0.125em 0;
    padding: 0;
    color: #000000;
    font-weight: normal !important;
}

.lafieldLabel {
    font-weight: bold !important;
    font-size: 11px !important;
}

.laLabel {
    font-size: 11px;
}

.laHeaderBold12 {
    font-weight: bold !important;
    font-size: 12px !important;
}

.laTitle {
    font-size: 14px;
    line-height: 1.0em;
    margin: 0.125em 0;
    padding: 0;
    color: #000000;
    font-weight: normal !important;
}
/* pay type box */
.laboxDetail {
    border: 1px solid #dcdcdc;
    display: table;
    padding: 10px 10px 10px 10px;
}

.lapadR {
    padding-right: 50px !important;
}

.lapadL {
    padding-left: 35px !important;
}

.laGray10 {
    background: #dcdcdc;
    padding: 0.5em 0.6em 0.5em;
}

.laborderYellowBtm {
    border-bottom: 2px solid #f8971d;
}

.laMainTitleWithNoLine {
    font-size: 25px;
    letter-spacing: -1px;
    text-align: left;
    color: #535353;
    padding: 5px 0 5px 0;
    font-weight: normal;
}

.laHRlineText {
    font-weight: bold !important;
    font-size: 14px !important;
    border-bottom: 2px solid #00446a !important;
}

.laHRline {
    background-color: #00446a !important;
    height: 1px;
}

.btnClubCustom {
    font-size: 11px !important;
    padding: 4px 5px !important;
    border-radius: 5px !important;
    border: 1px solid !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 0;
    vertical-align: top;
    white-space: normal;
    font-weight: bold !important;
    color: #FFFFFF !important;
    background: grey;
}

/** below class are for image box on homepage*/
.laHomeSet {
    width: 100%;
    text-align: center;
}

.laHomebox {
    display: inline-block;
    text-align: center;
    margin-right: 2px;
    margin-bottom: 4px !important;
}

    .laHomebox a {
        text-decoration: none;
    }

.larowset {
    width: 183px;
    height: 185px;
    overflow: hidden;
    background-color: #FFFFFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 0px solid #000000;
    box-shadow: 0px 0px 8px 1px #00446a;
    -moz-box-shadow: 0px 0px 8px 1px #00446a;
    -webkit-box-shadow: 0px 0px 8px 1px #00446a;
    margin-bottom: 15px;
    behavior: url(/javaScripts/polyfills/PIE.htc);
}

.laHomebox .larowset img {
    margin: 0 auto;
    border: 1px solid #FFFFFF;
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.9);
    overflow: hidden;
    background-color: #ecf8ff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

@media only screen and (max-width : 480px) {
    .laHomebox, .larowset {
        width: 100%;
    }
}

.laLine1 {
    font-size: 14px !important;
    font-weight: bold;
    line-height: 7px;
    padding-bottom: 2px;
    margin: 10px 0;
    color: #414141;
    text-align: center;
}

.laLine2 {
    font-size: 12px !important;
    font-weight: normal;
    line-height: 12px;
    padding-bottom: 2px;
    margin: 10px 0;
    color: #4F4F4F;
    text-align: center;
}

.laItemRow {
    border-bottom: 3px solid #ccc;
    padding-top: 5px;
    padding-bottom: 7px;
    background-color: #F1F1F1;
}

.phase1 ul.mainNav li a:link {
    color: #00446a;
    text-decoration: underline;
    padding: 6px 6px;
}
/*.phase1 ul.mainNav li a:visited {color: #4f4f4f; text-decoration: underline; }*/
.phase1 ul.mainNav li a:hover {
    color: #000000;
    text-decoration: none;
    background-color: #ffc787;
}
/* Previous link color #535353  */
.phase1 ul.mainNav li a:focus {
    color: #000000;
    text-decoration: none;
    background-color: #ffc787;
}
/*.phase1 ul.mainNav li a:active {color: #000000; text-decoration: none; border: 1px solid #000000; background-color: #ffc787;}*/
.laSpacing {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
}

/* tab classes */
.laTabList {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .laTabList li {
        color: #337ab7;
        text-decoration: underline;
        display: inline-block;
        padding: 6px 6px;
        cursor: pointer;
        font-size: 16px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

        .laTabList li.active {
            text-decoration: none !important;
            background-color: #e6e6e6;
            font-weight: bold;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

        .laTabList li:hover {
            background-color: #e6e6e6;
        }

.laTabContent {
    background-color: #e6e6e6;
    padding-right: 1px !important;
    padding-left: 2px !important;
    padding-top: 5px !important;
    padding-bottom: 0px;
}

@media (max-width: 767px) {
    .laTabList li {
        padding: 2px 2px;
    }
}


.laClose {
    background: url('/Pages/Images/details_close.png') no-repeat !important;
    padding-left: 25px !important;
}

.laOpen {
    background: url('/Pages/Images/details_open.png') no-repeat !important;
    padding-left: 25px !important;
}

.lahr {
    border: 0;
    width: 100%;
    position: relative;
    float: left;
    color: #FDB813;
    background-color: #00446a;
    height: 2px;
    margin-top: 20px;
    margin-bottom: 5px;
    z-index: -1;
}

.min40 {
    min-height: 40px;
}

.print-only, .print-only * {
    display: none !important;
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }

    .print-only, .print-only * {
        display: block !important;
    }

    a[href]:after {
        content: none !important;
    }

    .lahr {
        border-bottom: solid 2px #00446a;
    }
}

.clubAmenity {
    margin-top: 24px;
    list-style: disc;
    margin-left: 24px;
    font-size: 14px;
    clear: both;
    float: left;
}

.clubOtherAmenity {
    margin-top: 24px;
    list-style: disc;
    margin-left: 24px;
    font-size: 14px;
    clear: both;
    float: left;
}

.clubAmenity li {
    display: list-item;
}

.clubOtherAmenity li {
    display: list-item;
}

.amenitesWraper {
    float: left;
    width: 32%;
}

    .amenitesWraper hr {
        width: 170px;
    }

.amenitesWraperFull {
    float: left;
    width: 99%;
    padding-top: 10px;
}

    .amenitesWraperFull hr {
        width: 100%;
    }

    .amenitesWraperFull .clubAmenity {
        margin-top: 10px;
        margin-bottom: 5px;
        list-style: disc;
        margin-left: 24px;
        font-size: 14px;
        line-height: 20px;
        clear: both;
    }

    .amenitesWraperFull .clubOtherAmenity {
        margin-top: 10px;
        margin-bottom: 5px;
        list-style: disc;
        margin-left: 24px;
        font-size: 14px;
        line-height: 20px;
        clear: both;
    }

    .amenitesWraperFull .clubAmenity li {
        display: list-item;
        float: left;
        margin-right: 20px;
        width: 144px;
    }

    .amenitesWraperFull .clubOtherAmenity li {
        display: list-item;
        float: left;
        margin-right: 20px;
        width: 180px;
    }

.listWraperFull .managerlist {
    list-style: disc;
    padding-top: 10px;
    margin-left: 24px;
    font-size: 14px;
    line-height: 20px;
}

    .listWraperFull .managerlist li {
        display: list-item;
        float: left;
        margin-right: 20px;
        min-width: 220px;
    }

        .listWraperFull .managerlist li span {
            font-weight: bold;
        }
/* zee - 07122018 - contrast ratio fix */
.appver-white {
    color: white;
    display: none;
}

/* zee - 07122018 - custom padding */
.padding-b-xs {
    padding-bottom: .25em;
}

.padding-b-sm {
    padding-bottom: .5em;
}

.padding-b-md {
    padding-bottom: 1em;
}

.padding-b-lg {
    padding-bottom: 1.5em;
}

.padding-b-xl {
    padding-bottom: 3em;
}

.padding-t-xs {
    padding-top: .25em;
}

.padding-t-sm {
    padding-top: .5em;
}

.padding-t-md {
    padding-top: 1em;
}

.padding-t-lg {
    padding-top: 1.5em;
}

.padding-t-xl {
    padding-top: 3em;
}

.margin-b-xs {
    margin-bottom: .25em;
}

.margin-b-sm {
    margin-bottom: .5em;
}

.margin-b-md {
    margin-bottom: 1em;
}

.margin-b-lg {
    margin-bottom: 1.5em;
}

.margin-b-xl {
    margin-bottom: 3em;
}

.margin-t-xs {
    margin-top: .25em;
}

.margin-t-sm {
    margin-top: .5em;
}

.margin-t-md {
    margin-top: 1em;
}

.margin-t-lg {
    margin-top: 1.5em;
}

.margin-t-xl {
    margin-top: 3em;
}

/* zee - 07262018 - custom alignment */
.vertical-t {
    display: inline-block;
    vertical-align: top;
}

.vertical-m {
    vertical-align: middle;
}

.vertical-b {
    vertical-align: bottom;
}

/* zee - 07126018 - blue link */
.blueLink {
    display: inline;
    margin-left: 25px;
}

    .blueLink a {
        font-size: 14px;
        line-height: 14px;
        color: #001E80;
    }

        .blueLink a:visited {
            color: #535353;
        }

        .blueLink a:hover {
            color: #000000;
        }

        .blueLink a:active {
            color: #535353;
        }

/* zee - 07192018 */
.recaptcha {
    transform-origin: left top;
    -webkit-transform-origin: left top;
}

.laItemRow.selected {
    background-color: #FFD457;
}

#headContent {
    margin-top: 18px !important;
}

#ClassHolder table td, #ClassHolder table th {
    border: 1px solid #ddd;
    padding: 2px;
}

.progressContainer {
    top: 100%;
    height: 100%;
}

input[type='button'].whyjoinrate, input[type='submit'].whyjoinrate {
    font-size: 18px;
    padding: 10px 20px 10px 20px;
    ";
}

.ul {
    text-decoration: underline;
}

.nopaddingLeft {
    padding-left: 0;
}

input[type="submit"].yellow.disabled, input[type="submit"].yellow[disabled] {
    color: #666666;
    font-size: 14px;
    padding: 4px 15px;
    border-radius: 5px;
    border: 1px solid #ffaa22;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    background: #fda417; /* Old browsers */
    background: -moz-linear-gradient(top, #FFE59A 0%, #FFE59A 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFE59A), color-stop(100%,#FFE59A)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FFE59A 0%,#FFE59A 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FFE59A 0%,#FFE59A 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #FFE59A 0%,#FFE59A 100%); /* IE10+ */
    background: linear-gradient(to bottom, #FFE59A 0%,#FFE59A 100%); /* W3C */
    -pie-background: linear-gradient(top, #FFE59A 0%,#FFE59A 100%); /*  W3C */
    behavior: url(/javaScripts/polyfills/PIE.htc); /*(Required by IE) Note: this path is relative to the HTML file being viewed, not the CSS file it is called from.*/
    cursor: default;
    z-index: 0;
    vertical-align: top;
}

.LifestyleImage {
    cursor: pointer;
}

.bottom-column {
    float: none;
    display: table-cell;
    vertical-align: bottom;
}

.input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.PaddingLeft30 {
    padding-left: 30px;
}

input[type="submit"].backToFitness {
    margin-left: 0;
}

@media screen and (max-width: 768px) {
    input[type="submit"].backToFitness {
        margin-left: -6px;
    }
}

.verticalCol {
    border-bottom: 1px solid #00446a;
    background-color: #00446a;
    color: #fff;
    padding: 1px;
}

/*xs < 768*/
@media screen and (max-width: 767px) {
    .RateTitle {
        font-size: 2em;
        font-weight: bold;
        color: #000000;
    }

    .TextRateAmount {
        font-size: 3.385em;
        font-weight: bold;
        color: #00446a ;
        line-height: 48px;
    }

    .SupScript {
        font-size: 0.500em;
        font-weight: bold;
        color: #00446a ;
    }

    .RateFeeTitle {
        font-size: 1.231em;
        font-weight: normal;
        color: #001e80;
        line-height: 18px;
    }

    .RateFeeSub {
        font-size: 0.818em;
        font-weight: normal;
    }

    .RateText {
        font-size: 0.923em;
        font-weight: normal;
        color: #4d4d4d;
    }
}

/*sm */
@media screen and (min-width: 768px) {
    .RateTitle {
        font-size: 2.154em;
        font-weight: bold;
        color: #000000;
    }

    .TextRateAmount {
        font-size: 3.692em;
        font-weight: bold;
        color: #00446a ;
        line-height: 52px;
    }

    .SupScript {
        font-size: 0.500em;
        font-weight: bold;
        color: #00446a ;
    }

    .RateFeeTitle {
        font-size: 1.385em;
        font-weight: normal;
        color: #001e80;
        line-height: 20px;
    }

    .RateFeeSub {
        font-size: 0.818em;
        font-weight: normal;
    }

    .RateText {
        font-size: 1em;
        font-weight: normal;
        color: #4d4d4d;
    }
}

/*md */
@media screen and (min-width: 992px) {
    .RateTitle {
        font-size: 2.308em;
        font-weight: bold;
        color: #000000;
    }

    .TextRateAmount {
        font-size: 4em;
        font-weight: bold;
        color: #00446a ;
        line-height: 56px;
    }

    .SupScript {
        font-size: 0.500em;
        font-weight: bold;
        color: #00446a ;
    }

    .RateFeeTitle {
        font-size: 1.538em;
        font-weight: normal;
        color: #001e80;
        line-height: 22px;
    }

    .RateFeeSub {
        font-size: 0.818em;
        font-weight: normal;
    }

    .RateText {
        font-size: 1.077em;
        font-weight: normal;
        color: #4d4d4d;
    }
}

/*lg */
@media screen and (min-width: 1200px) {
    .RateTitle {
        font-size: 2.462em;
        font-weight: bold;
        color: #000000;
    }

    .TextRateAmount {
        font-size: 4.308em;
        font-weight: bold;
        color: #00446a ;
        line-height: 60px;
    }

    .SupScript {
        font-size: 0.500em;
        font-weight: bold;
        color: #00446a ;
    }

    .RateFeeTitle {
        font-size: 1.692em;
        font-weight: normal;
        color: #000000;
        line-height: 20px;
    }

    .RateFeeSub {
        font-size: 0.818em;
        font-weight: normal;
    }

    .RateText {
        font-size: 1.154em;
        font-weight: normal;
        color: #4d4d4d;
    }
}