/* Custom Styling for Home Page & Themes/Site.Master */

/* Basic */
body {
    font-family: Arial, Helvetica, sans-serif !important;
}

.nocolumns {
}

.fullwidth {
    width: 400px;
}

.padded {
    margin: 4px;
    padding: 2px;
}

/* Navigation */

/* Data */

.activityCategory table {
    margin-left: 19px;
    width: 98%;
}

.activitySession table {
    margin-left: 19px;
    width: 98%;
}

.tableHeader {
    font-weight: bold;
    /*color: #000000;*/
    background-color: #dfdfdf!important;
}

.dl_row {
    font-size: 115%;
    margin: 4px;
    font-weight: bold;
}

.dl_subrow {
    margin-left: 10px;
    margin-bottom: 4px;
    font-size: 115%;
}


.dl_alternaterow {
    margin: 8px;
}

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

.courseRowText {
    font-size: 12px!important;
}

.bulletlist_full {
    padding-top: 4px;
    padding-bottom: 4px;
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 24px;
}

.breadcrumbs {
    font-family: Arial Narrow, Arial, Helvetica;
    font-size: small;
    color: #0F0933;
    padding: 4px;
    border-top: 1px solid #256F95;
    border-bottom: 1px solid #256F95;
    margin-top: 10px;
}

    .breadcrumbs a {
        color: #0F0933;
        padding: 2px;
    }

/* Notifications */

.alert {
    /* color: #da0000; */
}

/* Interaction */

.actbutton {
    cursor: hand;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
    /*font-size:115%;*/
}

/* Bootstrap Overrides */

a.btn-primary, a.btn-success {
    color: #FFFFFF;
}

/* Other */

.btn-rp-small-staticFontSize {
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: -1px;
    height: 20px !important;
    line-height: 20px !important;
    font-size: 13px !important;
}

/* Profile Tabs */
ul#profiletabs .t-selected a {
    /* border-bottom: 1px solid #AECEE8; */
    background-color: #AECEE8;
    border-radius: 0px;
}

ul#profiletabs li a {
    border-radius: 0px;
}

.profiletabs {
    text-align: left;
    margin: 1px 0 0px 0;
    font: bold 12px verdana, arial, sans-serif;
    border-bottom: 1px solid #670001;
    list-style-type: none;
    padding: 3px 10px 3px 10px;
}

    .profiletabs li {
        display: inline;
        padding: 2px;
    }

    .profiletabs .t-selected a {
        /*border-bottom: 1px solid #AECEE8;*/
        background-color: #AECEE8;
        color: #333333;
        background-image: url(img/profiletabs_selectedbg.png);
        background-repeat: repeat-x;
    }


    .profiletabs li a {
        padding: 3px 4px;
        border: 1px solid #670001;
        /*background-color: #EEEEEE;*/
        color: #666666;
        margin-right: 0px;
        text-decoration: none;
        border-bottom: none;
        border-radius: 0px;
    }

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

.profiletabs_shadow {
    background-image: url(img/profiletabs_shadow.png);
    background-repeat: repeat-x;
    height: 15px;
}

a:focus, .btn-link:focus {
    color: #005580;
    text-decoration: none !important;
}

.mediaSharePopUpButton {
    background: #ee7723 !IMPORTANT;
}

    .mediaSharePopUpButton:hover {
        color: #ffffff !important;
        background-color: #CB6117 !important;
        *background-color: #ec9151 !important;
    }

.activityDetailPopupButton {
    text-decoration: none !important;
    cursor: pointer;
    cursor: hand;
}

.waitListButton {
    color: #ffffff !important;
    background: rgb(65,65,65) !important;
    border: solid 1px #000;
    height: 22px;
    margin-top: 2px;
}

    .waitListButton:hover {
        color: #ffffff !important;
        background-color: rgb(35,38,39) !important;
        *background-color: rgb(35,38,39) !important;
        border: solid 1px #000;
    }



@media screen and (max-width:767px) {
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 1000px !important;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        /* text-align:center; */
    }

    .navbar-collapse {
        padding: 0 !Important;
    }

    .nocolumns {
        margin: 0px;
    }

    .mobilePortrait {
        width: 30px !important;
    }

    .pagination .paginate_button {
        display: none !important;
    }

    .pagination .previous {
        display: inline-block !important;
    }

    .pagination .next {
        display: inline-block !important;
    }

    #lbDayView, #lbWeekView, #lbMonthView {
        display: none;
    }

    #imgroom {
        max-width: 200px;
        max-height: 150px;
        margin: 20px 0px;
    }

    .buttonClear {
        clear: both;
    }

    .textbox {
        text-align: center !important;
    }

    .sharebtn {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #accountBox {
        /* float: none !important; */
        margin: 0px !important;
    }

    #logoBox {
        float: none !important;
    }

    .container-fluid {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .facilityRow {
        margin-left: 0px !important;
    }

    #facilityRegister {
        float: right !important;
    }

    #coursesAgeYearsMonths {
        display: block;
    }

    #createFamily {
        /* max-width: 240px !important; */
    }

    #confirmRegistrationOptions {
        margin-left: 0px !important;
    }

    .reservationImg {
        width: 200px !important;
        height: 150px !important;
    }

    .reservationIframe {
        width: 200px !important;
    }

    ul#profiletabs li {
        /* display:block; */
        /* background-color: #AECEE8; */
        /* color: #fff; */
        width: 100%;
    }

        ul#profiletabs li a {
            width: 100% !important;
            /* padding: 20px; */
            /* margin: 20px; */
            /* border: none; */
            /* background: none; */
        }

    ul#profiletabs .t-selected a {
        /* background: none; */
        /* border: none; */
        width: 100%;
        margin: 0px;
    }

    ul.profiletabs li {
        /* display:block; */
        /* background-color: #AECEE8; */
        /* color: #fff; */
        width: 100%;
    }

        ul.profiletabs li a {
            width: 100% !important;
            border-radius: 0;
            /* padding: 20px; */
            /* margin: 20px; */
            /* border: none; */
            /* background: none; */
        }

    ul.profiletabs .t-selected a {
        /* background: none; */
        /* border: none; */
        width: 100%;
        margin: 0px;
    }

    .profiletabs {
        width: 100% !important;
    }

    .mobile {
        display: block !important;
        width: 100% !important;
    }

    .desktop {
        display: none !important;
    }

    .leftMargin {
        margin-left: 0px !important;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #101010;
        z-index: 999999999999;
        position: relative;
        overflow: hidden;
    }

    #border {
        margin-right: 0px !important;
        margin-bottom: 10px !important;
    }

    .maxwidth {
        max-width: none !important;
    }

    #floatleft {
        float: left !important;
    }

    #floatNone {
        float: none !important;
    }
}

.asteric {
    line-height: 0px !important;
}

.errorcolor {
    color: red;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    /* background-color: #2fa4e7 !important; */
    /* border-color: #2fa4e7; */
}

.nopadding {
    padding: 0;
}

.nomargin {
    margin: 0;
}

#siteContent {
    min-height: 500px;
}

.video-container {
    position: relative;
    padding-bottom: 55.25%;
    /* padding-top: 35px; */
    height: 0;
    overflow: hidden;
}

    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-height: 200px;
    }

input[type="text"]:disabled {
    font-size: 12px !important;
}

.modal-body {
    /* overflow: scroll; */
}

#maincontentarea table {
    width: 100%;
}

.floatright a:focus, .floatright a:visited {
    color: #fff !important;
}

#maincontentarea img {
    max-width: 100%;
}

@media screen and (max-width:600px) {
    .mobileHide {
        display:none;
    }
    .mobileLogin {
        max-width:none !important;
        margin:0 !important;
        border:none !Important;
    }
    #sidebar, footer, .carousel {
        display:none;
    }
    .centerImg {
        margin:0 auto;
    }

    .gridLevel, .gridSubLevel {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        /* white-space: nowrap; */
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        color: #333;
        background-color: #fff;
        border-color: #ccc;
        width:100%;
        text-align:left;
    }
    .gridSubLevel, .gridSubRow, .subCategoryRow {
        padding-left:0 !important;
        width:100% !Important;
        margin:0 !Important;
    }
    .gridSubLevel img {
        padding-left:10px !important;    
    }
    .categoryRow table, .childCareRow table, .facilityRow table, .subCategoryRow table, .memberHistoryRow table {
        width:100% !important;
    }

    .mobileBtnBlock {
        width: 100% !important;
        float: none !important;
        display: block !important;
        margin: 2px !important;
        padding: 10px !important;
        height: auto;
    }

    .form-control {
        width: 100% !important;
        float: none !important;
        display: block !important;
        margin: 2px !important;
        height: auto;
    }

    #dFacilitySearchButtons {
        float: none !important;
        padding: 0 !important;
    }

    #dMembershipSearchButtons, #dChildCareSearchButtons {
        float: none !important;
        padding: 5px !important;
    }

    .btnFloat {
        float: none !important;
        width: 100%;
    }

    #dFacilitySearchButtons, #dMemButtons, #dFacilityButtons {
        float: none !important;
    }

    #dCourseButtons {
        float: none !important;
        /* padding: 5px; */
    }

    #reserveBtn {
        float: none !important;
        margin: 2px !important;
    }

    .sideMargin {
        margin-right: 0 !important;
    }

    .floatLeft {
        float: none !important;
        height: 34px;
    }

    .searchLabel {
        margin: 0 !important;
    }

    #dFacilitySearchAdvanced, #dFacilitySearchBasic {
        padding: 0px !important;
        margin: 0px !important;
    }

   
    #imgroom, .removeFloat {
        float: none !important;
        width: 100% !important;
    }

    iframe {
        /* max-height: 150px !important; */
        /* max-width: 200px !important; */
        overflow: hidden;
    }

    .removePadding {
        margin-right: -10px;
        margin-left: -10px;
    }

    #txtMonthDate, #txtWeekCount, .basicStepper {
        height: 30px !important;
    }

    .txtBoxes {
        width: 100% !important;
        min-width: 150px;
        max-width: 210px;
    }

    ol, ul {
        /* padding-left: 10px !important; */
    }

    .activitySession table {
        margin-left: 5px !important;
    }

    .navbar ul li a {
        box-shadow: #979797 0px 1px !important;
    }

    .navbar-nav {
        margin: 0 !important;
        width: 100%;
        border: none;
        padding-left: 0px !important;
    }

    #topbar {
        height: auto !important;
    }

    div > #accountBox {
        height: 100% !important;
    }
}

ul#profiletabs li {
    padding: 0px !important;
}

.wrap {
    white-space: normal;
}

.panel-title {
    font-weight: bold;
}

.row {
    margin: 0px;
}

.panel {
    padding: 0px !important;
}

.panel-body {
    padding: 15px !important;
}

.basicStepper {
    height: 30px !important;
    font-size: 14px;
    padding-right: 5px;
}

.gridErrorMessage {
    padding: 2px 5px;
}

.panel-heading {
    padding: 10px 10px !important;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-red {
    border-color: #d9534f;
}

.btn-purple {
    background: #603CBA !important;
    border-color: #603CBA !important;
    color: #fff;
}

    .btn-purple:hover {
        background: #52407D !important;
    }

.panel-success > .panel-heading {
    color: #FFFFFF;
    background-color: #5CB85C;
    border-color: #5CB85C;
}

.panel-purple > .panel-heading {
    background: #603CBA !important;
    border-color: #603CBA !important;
    color: #fff;
}

.panel-success {
    color: #FFFFFF;
    background-color: #5CB85C;
    border-color: #5CB85C;
}

.panel-blue > .panel-heading {
    background: #01C1F0 !important;
    color: #fff;
}
 input[type=checkbox] {
        padding: 5px !important;
        height: 20px;
        width: 20px;
        vertical-align: text-bottom;
    }


table td {
    border: 0;
}

#siteContent > .col-md-12 {
    margin:20px 0;
}
#siteContent > #maincontentarea {
    margin:0 !Important;
}
#btnVoteNow {
    color:#000;
}
.hiddenasp {
    display: none !important;
}