/* ----------------------------------------------------------------
    Override settings for other css files
 ----------------------------------------------------------------
*/
body { background-color: white; }

#mainNav1 li a { height: 23px; }

#youngstar-logo { height: 76px !important; }

#youngstar-nav ul.tabs { margin-top: 33px !important; }

#Container {
    padding: 0;
    width: 100%;
}

#content { padding: 0; }

.ie7-show-warning { display: none; }

@media screen and (max-width: 800px) {
    .hide-Desktop, .hideMenuBar { display: none; }

    /*** On the search page only: the localization links 
                    remain visible as part of the mobile header ***/
    #ChildCareSearch #localizeLinks { display: inherit; }

    #Wrapper { width: 100%; }

    #seek1 {
        margin: 2px 0;
        width: 100%;
    }

    #SearchGroups img { display: inline; }
}


@media screen and (min-width: 801px) {
    .hide-Mobile { display: none; }
}

@media screen and (max-width: 767px) {
    .col-xs-padding-3Left {
        padding-left: 15px;
        padding-right: 3px;
    }

    .col-xs-padding-3Center {
        padding-left: 3px;
        padding-right: 3px;
    }

    .col-xs-padding-3Right {
        padding-left: 3px;
        padding-right: 15px;
    }


    .no-padding {
        padding-left: 2px;
        padding-right: 2px;
    }

    .xs-center-grid {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .BreadCrumbs, .BreadCrumbs .CurrentBreadCrumbNode {
        font-size: 12px !important;
        margin-left: 0 !important;
        padding-top: 5px !important;
    }


    .hide-desktop-buttons { display: none; }
}

@media (min-width: 768px) {
    .col-sm-offset-half { margin-left: 4.1666665%; }

    .hide-mobile-buttons { display: none; }
}

@media (min-width: 960px) {
    .col-sm-offset-half { margin-left: 4.1666665%; }

    #Desktop-footer {
        margin-left: auto;
        margin-right: auto;
        width: 960px;
    }

    #Wrapper { width: 960px; }
}

@page {
    size: letter;
}

/* Printable View */

@media print {
    .FullScreen a[href]:after { content: normal; }

    .youngstar-stars *:after {
        content: "\00A0" attr(title);
        display: inline-block;
        white-space: nowrap;
    }

    #Wrapper .panel-primary, .Map, .Grid td *, .result-record { page-break-inside: avoid; }

    #Wrapper .panel-primary > .panel-heading {
        background-color: transparent;
        filter: none;
    }

    #Wrapper #youngstar-logo { display: none; }

    .hide-print, .visible-xs, .panel-indicator, .info-heading:before { display: none; }

    .hidden-xs { display: block; }

    DIV#Wrapper {
        height: auto !important;
        margin-top: 1em;
        padding: 0px !important;
    }

    #Wrapper .results-header.sortable .glyphicon:before { display: none; }

    #Wrapper .results-header.sortable .glyphicon.active:before { display: inline-block; }

    .Grid {
        border: 0;
        border-collapse: separate !important;
        margin: 0em !important;
        padding-right: 1em;
        width: 6.8in !important;
        width: auto !important;
    }

    /* PCR 54265:  fixed font colors on print */
    .Grid th {
        background-color: White;
        color: Black;
    }

    .Grid thead { display: table-header-group; }

    .col-sm-12 { width: 100%; }

    .col-sm-11 { width: 91.66666667%; }

    .col-sm-10 { width: 83.33333333%; }

    .col-sm-9 { width: 75%; }

    .col-sm-8 { width: 66.66666667%; }

    .col-sm-7 { width: 58.33333333%; }

    .col-sm-6 { width: 50%; }

    .col-sm-5 { width: 41.66666667%; }

    .col-sm-4 { width: 33.33333333%; }

    .col-sm-3 { width: 25%; }

    .col-sm-2 { width: 16.66666667%; }

    .col-sm-1 { width: 8.33333333%; }
}

body {
    background: url('../Images/gray_background.jpg');
    background-image: none;
}

#content #childcare-search-mobile-button, #dcfhomebutton { width: 100% !important; }


/*  


*/

.panel-primary > .panel-heading {
    background-color: #0065A4;
    background-image: none;
    font-family: "PT Sans Caption", Arial, sans-serif;
    font-size: 12pt;
}

.panel { margin-bottom: 5px; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding-bottom: 2px;
    padding-top: 2px;
}

.providerDetails table { margin-bottom: 5px; }

/* ----------------------------------------------------------------
   Childcare Search Specific classes
 ----------------------------------------------------------------
*/

#footer { width: 100%; }

/* Header, Breadcrumbs */

.HeaderBox A, .BreadCrumbs A { color: #006BB6; }

.HeaderBox A:hover, .BreadCrumbs A:hover { color: Red !important; }

.CurrentBreadCrumbNode {
    color: #B5251C;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.toggleAdvancedSearch, .disclaimer {
    border: none;
    height: 16px;
    margin-top: -1px;
    padding-top: 0;
}

.disclaimer { font-size: 90%; }

/* Printer Friendly Classes */

.PrinterFriendlyMessage {
    background: #fff6e6; /* Old browsers */
    background: url('../Common/Template/../../images/boxback.png') top left repeat-x white;
    background-size: auto 100%;
    border: 1px solid gray;
    border-radius: 5px;
    float: right;
    margin-top: -1em;
    padding: 10px;
}

.PrinterFriendlyMessage IMG, .PrinterFriendlyMessage span { float: left; }

.PrinterFriendlyMessage span {
    float: left;
    font-weight: bolder;
    margin-left: 1em;
}


.HeaderLabel { font-weight: bold; }

.Bold { font-weight: bold !important; }

.RightJustify { text-align: right !important; }

.LeftJustify { text-align: left !important; }

/***** .Grid *****/

.Grid {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 4px;
}

.Grid .PntsColumn { text-align: center; }

.Grid th {
    background-color: #B33518;
    color: White;
    font-family: "PT Sans Caption Bold", Arial, sans-serif;
    font-style: inherit;
    font-weight: inherit;
    padding: 2px 5px 2px 5px;
    text-align: center; /*pcr 54265 */
}

.Grid td, .Grid colgroup {
    font-size: small;
    padding: 2px 5px 2px 5px;
    vertical-align: top;
}

/** Borders **/

.Grid th, .Grid td { border: 0 none; }

.Grid tr { border-bottom: 1px solid #ccc; }

.Grid tbody tr:last-of-type { border-bottom: 0 none; }

.Grid th { border-right: 1px solid #888; }

/** Sorting **/

.Grid .results-header.sortable {
    cursor: pointer;
    touch-action: manipulation;
}

.Grid .results-header.sortable .glyphicon { color: #999; }

.Grid .results-header.sortable .glyphicon.active { color: #FFF; }

/* Hard reference to #content required to override styles in DCF.css */

#content .Grid .results-header a {
    color: #FFF;
    display: block;
    width: 100%;
}

/* override setting from youngstar css" */

.Grid img { display: inline; }

/***** End .Grid *****/

/* Table.Phone */

TABLE.Phone TH {
    background-color: inherit;
    border: 1px solid #666666; /*font-size: small;*/
    color: black;
    font-family: "PT Sans Caption Bold", Arial, sans-serif;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    text-align: left;
}

TABLE.Phone {
    border: none;
    margin-bottom: 5px;
    margin-top: 5px;
}

TABLE.Phone TD, TABLE.Phone TH { border: none; }

table.Phone .headerRow { background-color: #fcf2e3; }

table.Phone TD { vertical-align: middle; }

.border-bottom {
    border-bottom-color: #666666;
    border-bottom-style: solid;
    border-bottom-width: 2px;
}

.border-top {
    border-bottom-color: #666666 !important;
    border-top-style: solid !important;
    border-top-width: 2px !important;
}


#Wrapper .childcare-button {
    background-color: #9A1A13;
    border-radius: 5px;
    color: white !important;
    display: block;
    font-family: "PT Sans Caption Bold", Arial, sans-serif;
    font-size: 12pt;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center !important;
    width: 100%;
}

/*used only for the search button in order to display correctly*/

#Wrapper .childcaresearch-button {
    background-color: #9A1A13;
    border-radius: 5px;
    color: white !important;
    display: block;
    font-family: "PT Sans Caption Bold", Arial, sans-serif;
    font-size: 12pt;
    height: 38px;
    text-align: center !important;
    width: 100%;
}


#Wrapper .childcare-button:hover {
    background-color: #851610;
    color: white;
}

.childcare-NoneFoundSections {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
}

.childcare-listItem {
    line-height: 1em;
    list-style-type: disc;
}

#divMultipleHoursOfOperation div { padding-left: 5px; }

.divFloatLeft { float: left; }

.divFloatRight { float: right; }

.border_right {
    border-right-color: #666;
    border-right-style: solid;
    border-right-width: 1px;
}


hr { border-top-color: #ccc; }

#ProviderDetailsContent hr, hr.blueHR {
    border-top-color: #0065A4;
    color: black;
    margin-bottom: 5px;
    margin-top: 5px;
}


/*  Search Page Styles */

#ChildCareSearch .panel-title {
    color: #FFF;
    font-family: PT Sans Caption, Arial, Sans-Serif;
    font-size: 15px;
    margin-bottom: 0;
}

#ChildCareSearch .panel, #ChildCareSearch .panel-heading {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

#ChildCareSearch .searchOR {
    color: #0065A4;
    font-family: PT Sans Caption Bold, PT Sans Caption, Arial, Sans-Serif;
    font-size: 15px;
}

#ChildCareSearch label, #ChildCareSearch p {
    font-family: PT Sans Caption, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: normal;
}

#ChildCareSearch input.form-control {
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    font-weight: normal;
}

#ChildCareSearch .tooltip-inner { min-width: 200px; }

#ChildCareSearch .info-collapsible.collapsing {
    -webkit-transition: none;
    transition: none;
}


LABEL.SearchCriteriaSearchTypeLabel, SPAN.SearchCriteriaSearchTypeLabelContinuation { width: 100%; }



/* Error Handling */

SPAN.ErrorFieldName {
    color: Red;
    font-weight: bold;
}

INPUT.Error, SELECT.Error, SPAN.Error SELECT, TEXTAREA.Error, INPUT.Error:focus {
    background-color: #ffe9e8 !important;
    border-color: #ff0066 !important;
    border-style: solid !important;
    border-width: 2px !important;
    margin: 1px !important;
    padding: 3px !important;
}

SPAN.Error TABLE.Error {
    background-color: #ffe9e8;
    border-bottom: #ff0066 thin solid;
    border-left: #ff0066 thin solid;
    border-right: #ff0066 thin solid;
    border-top: #ff0066 thin solid;
    float: left;
    margin-right: 5px;
}

TABLE.Caution {
    background-color: white;
    border: 1px solid #999999;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}

TH.CautionHeader { border-bottom: 1px solid #999999; }

TD.Caution, TH.CautionHeader { padding-left: 10px; }

TABLE.Caution .icon-dispaly {
    text-align: center;
    width: 25px;
}

/*Override setting in Youngstar.css file.  
   other css has setting of mas-width:100% that keeps
   google maps from displaying correctly.
*/

img { max-width: inherit; }

/*** Override setting in DCF.css file preventing unstyled lists ***/

#content ul.list-unstyled li { list-style-type: none; }

/*** Override setting in youngstar.css file preventing unstyled lists ***/

#youngstar-page ul.list-unstyled { margin-left: 0; }

/*** Override setting in youngstart.css file allowing words to 
     break if inside of anchor link tag ***/

a { word-break: initial; }

/*** Styles to display youngstar sprites 
    Ex: The following would display as five stars
    <div class="youngstar-stars"><div class="five-stars"></div></div> 
***/

.youngstar-stars {
    display: inline-block;
    height: 14px;
    width: 70px;
}

.youngstar-stars * {
    background-image: url(../Images/starsprite.png);
    background-repeat: repeat-x;
    display: inline-block;
    min-height: 14px;
}

.youngstar-stars .stars-5, .youngstar-stars .stars-4, .youngstar-stars .stars-3, .youngstar-stars .stars-2, .youngstar-stars .stars-1 { background-position: 0 -14px; }

.youngstar-stars .stars-5 { width: 70px; }

.youngstar-stars .stars-4 { width: 56px; }

.youngstar-stars .stars-3 { width: 42px; }

.youngstar-stars .stars-2 { width: 28px; }

.youngstar-stars .stars-1 { width: 14px; }

/** Styles to change mouse pointer over clickable panel headers **/

.panel-heading[data-target] { cursor: pointer; }

/** Related to showing number keypads on mobile **/

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] { -moz-appearance: textfield; }

.form-control.soft-disabled {
    background-color: #eee;
    cursor: not-allowed;
    opacity: 1;
}

/** Hides the Telerik skin chooser drop-down box **/

.RadComboBox[id*=SkinChooser] { display: none; }

span.RadButton input.rbDecorated[id$=btnSearch_input] {
    color: white;
    font-family: "PT Sans Caption Bold", Arial, sans-serif;
    font-size: 12pt;
    text-align: center;
    width: 100%;
}

.RadComboBox { width: 100% !important; }

/* Fix dropdown spacing and list style issues resulting from using lightweight render mode */

.rcbScroll ul { margin-left: 0 !important; }

.rcbList li { list-style-type: none !important; }

/* YoungStar Program Features */
table.providerFeatures td {
    padding: 5px 5px 5px 0;
}