/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+                    WARNING:    DO NOT UPDATE OR CHANGE THIS FILE                    +
+     IF YOU WANT MODIFY THESE STYLES PLEASE USE THE OVERRIDE FILE IN YOUR CSS_SITE   +
+     FOLDER, UPDATES TO THESE STYLES DELETED UPON NEXT TEMPLATE UPGRADE              +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*-------------------------------------------------------------
PLEASE NOTE: 

        !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
                IMPORTANT MESSAGE 
        ALL CLASSES FOR FORMS MUST
        START WITH .Form AS THE PAGE CREATION
        PROCESS WILL IDENTIFY IT AS A FORM 
        SECTION AND ENTER FormDefault WHEN NO
        FORM CLASS IS IDENTIFIED BY THE 
        CONTENT CREATOR        
        !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

---------------------------------------------------------------*/
#divWorkspaceDetails {
    position: absolute;
    top: 10px;
    left: 10px;
    height: 100px;
    width: 200px;
    z-index: 50000000000;
    border: solid 2px #f00;
    background-color: #fff;
    color: #222;
    display: none;
    height: 0px;
    width: 0px;
}

.FrameworkEditor_Container_closed {
    position: fixed;
    z-index: 600000;
    width: 0px;
    height: 0px;
    padding: 0px;
    margin: 0px;
    top: -500px;
    left: -500px;
    transition: all 1s;
    border: solid 3px #888;
}

.FrameworkEditor_Container_open {
    position: fixed;
    z-index: 600000;
    width: 95%;
    height: 92%;
    margin: 1%;
    padding: 1%;
    top: 0px;
    left: 0px;
    color: #222;
    background-color: #fff !important;
    background: #fff !important;
    border: solid 3px #888;
    transition: all 1s;
}

.FrameworkEditor_Close {
    position: absolute;
    right: 5px;
    top: 0px;
    height: 2%;
    width: 3%;
    z-index: 40000;
}

    .FrameworkEditor_Close input[type='button'].button,
    .FrameworkEditor_Close .button {
        padding: 2px !important;
        border-radius: 4px;
        font-size: 12px !important;
        width: 20px !important;
    }


.FrameworkEditor_holder {
    position: relative;
    max-height: 680px;
    min-height: 400px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    margin-top: 1%;
    overflow-y: scroll;
}

#divFrameworkOptions {
    float: left;
    width: 24%;
    max-width: 300px !important;
    color: #222;
    background-color: #fafafa;
    border: solid 1px #000;
    padding: 10px;
    margin-right: 1%;
    max-height: 680px;
    min-height: 400px;
    border-radius: 6px;
    box-shadow: 2px 2px 4px rgba(0,0,0,.5);
}

.FrameworkEditor_Status {
    margin: 0px;
    padding: 0px;
}

    .FrameworkEditor_Status label {
        margin-bottom: 5px;
    }

#divFrameworkOptions ul {
    margin-bottom: 0px;
    padding: 5px;
    margin-left: 5px;
    list-style-type: none;
}

#divFrameworkOptions li {
    margin: 0px;
    padding: 5px;
}

    #divFrameworkOptions li input {
        width: 80%;
        margin: 5%;
    }


.txtFrameworkStatus {
    font-size: .85em !important;
    background-color: #fff;
    color: #222;
    transition: all 1s;
}

    .txtFrameworkStatus.StatusChange_start {
        background-color: #E0EDF6;
        border: solid 1px #225FB0;
        color: #222;
        transition: all 1s;
    }

    .txtFrameworkStatus.StatusChange {
        background-color: #C3DCF6;
        border: solid 1px #9DBED8;
        color: #222;
        transition: all 2s;
    }

.txtFrameworkCSS {
    background-color: #fff;
    color: #222;
    border: solid 1px #ccc;
    padding: 3px;
    width: 170px;
}

#divFrameworkOptions span {
    font-weight: bold;
    float: left;
    color: #f7f7f7;
    background-color: #222;
    width: 80px;
    font-size: .75em !important;
}

#divFrameworkOptions a {
    color: #f7f7f7;
    background: #222;
}

.FrameworkEditor_holder #divFramework {
    float: left;
    width: 98%;
    margin: 1%;
    margin-top: 0%;
    max-width: 1400px !important;
    border: dashed 0px #cdcdcd;
    box-sizing: border-box;
}

#divFrameworkOptions hr {
    clear: both;
}

#divPreviewHeaderLink {
    float: right;
    margin-right: 25px;
    height: 32px;
}

#divFrameworkPreviewHoursText {
    float: right;
    margin-left: 50px;
    height: 32px;
    width:185px;
}

/*----------------------------------------------
    HOURS MENU OPTIONS
-------------------------------------------------*/

.HoursMenu_MenuChoice, .HoursMenu_MenuChoice li {
    list-style-type: none !important;
    float: left;
}

.HoursMenu_MenuChoice {
    width: 100%;
    border-bottom: solid 1px #ddd;
}

    .HoursMenu_MenuChoice .ActiveTab, .HoursMenu_MenuChoice .Tab {
        float: left;
        width: 60px;
        margin-left: 8px;
        height: 30px;
        box-sizing: border-box;
        background-color: #fff;
        color: #222;
        text-align: center;
        border: solid 1px #ddd;
        border-bottom: 0px;
        cursor: pointer;
    }

    .HoursMenu_MenuChoice .ActiveTab {
        background: #0059a2;
        color: #fff;
    }

        .HoursMenu_MenuChoice .ActiveTab:hover, .HoursMenu_MenuChoice .Tab:hover {
            background: #aaa;
            color: #111;
        }

.HoursMenu_Items.MenuOn, .EventsMenu_Items.MenuOn {
    display: block;
}

    .HoursMenu_Items.MenuOn li, .EventsMenu_Items.MenuOn li {
        list-style-type: none;
    }

.HoursMenu_Items.MenuOff, .EventsMenu_Items.MenuOff {
    display: none;
}


/*-----------------------------------------------
    HOURS EDITOR CSS
---------------------------------------------------*/

.hours_confrimhours_delete_off {
    display: none !important;
}

.hours_left_menu, .hours_edit_space, .hours_preview_workspace {
    float: left;
    margin-left: 15px;
    border: solid 0px #aaa;
}

.hours_left_menu {
    margin-left: 0px;
}

.hours_left_menu {
    width: 200px;
}

.HoursMenu_Items, .HoursMenu_Items li,
.EventsMenu_Items, .EventsMenu_Items li {
    margin: 0px;
    box-sizing: border-box;
    float: left;
    padding: 0px;
    width: 100%;
    list-style: none !important;
    font-size: 13px;
}

    .HoursMenu_Items li > ul > li {
        margin: 0px;
        padding: 0px;
        padding-left: 10px;
        width: 100%;
        box-sizing: border-box;
    }



.Hours_OtherExtraLinks {
    width: 100%;
    margin: 0px;
    padding: 2px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 5px;
    max-height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
    transition: all 1s;
}

    .Hours_OtherExtraLinks:hover {
        max-height: 300px;
    }

    .Hours_OtherExtraLinks li {
        width: 100%;
        margin: 0px;
        height: 22px;
        overflow: hidden;
        border-bottom: solid 1px #ccc;
        box-sizing: border-box;
    }

        .Hours_OtherExtraLinks li a {
            width: 100%;
            box-sizing: border-box;
            font-size: 12px;
            font-family: Arial, sans-serif;
            background-color: transparent;
            color: #0057ab;
            
        }

.HoursMenu_Items .button, .HoursMenu_Items .pill,
.EventsMenu_Items .button, .EventsMenu_Items .pill {
    padding: 3px;
    font-size: 10px;
    width: 90% !important;
    margin: auto;
    box-sizing: border-box;
    float: left;
    text-align: left !important;
}

.Hours_OtherHours_opened, .Hours_CurrentEvents_opened {
    max-height: 300px;
    width: 100%;
    float: left;
    transition: .5s;
}

.Hours_OtherHours_closed, .Hours_CurrentEvents_closed {
    height: 0px;
    overflow: hidden;
    width: 100%;
    float: left;
    transition: .5s;
}

.Hours_OtherDelete {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 30px;
    height: 30px;
    text-align: center;
}

    .Hours_OtherDelete input[type='button' ] {
        text-align: center;
        width: 25px;
        height: 25px;
        font-size: .75em;
        margin: 3px;
        padding: 3px;
        background-color: #ffedec;
        color: #750707;
    }

.hours_left_menu {
    width: 15%;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.hours_edit_space {
    width: 50%;
    margin: 0px;
    padding: 5px;
    font-size: 15px;
    box-sizing: border-box;
}

.hours_preview_workspace {
    margin: 0px;
    padding: 1px;
    box-sizing: border-box;
    font-size: 15px;
    float: left;
}

.events_preview_workspace {
    margin: 0px;
    padding: 1px;
    box-sizing: border-box;
    font-size: 15px;
    float: left;
}

   .hours_preview_workspace.MenuOn {
        display: block;
        width:35%;
    }

  

  .hours_events_editor_preview  .hours_preview_workspace.MenuOn {
        display: block;
        width:100%;
        
    }
  
    .hours_preview_workspace.MenuOff {
        display: none;
    }

/*------------------------------------------
    HOURS FORM CSS
----------------------------------------------*/
.Hours_Form {
    margin: 1%;
    padding: 0px;
    border: solid 1px #ccc;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
    border-radius: 4px;
    padding-bottom: 20px;
    max-height: 530px;
    overflow-y: auto;
    float: left;
    position: relative;
}

    .Hours_Form p {
        float: left;
        box-sizing: border-box;
        margin: 0px;
        padding: 2px;
        width: 100%;
    }

    .Hours_Form fieldset {
        margin-top: 10px !important;
        margin-bottom: 5px;
        border-bottom: dashed 1px #ccc;
        float: left;
        width: 100%;
        box-sizing: border-box;
    }

    .Hours_Form legend {
        font-family: Arial;
        font-size: .85em;
        margin-bottom: 5px;
    }

    .Hours_Form label {
        float: left;
        margin-left: 10px !important;
        width: 120px;
        font-size: 15px;
        font-family: 'Roboto', Arial, sans-serif;
        font-variant: small-caps;
        background-color: #fff;
        color: #00274C;
    }

.Hours_timeblock {
    clear: both;
    position: relative;
    border-bottom: solid 1px #0057ab;
    margin-bottom: 5px;
    float: left;
    background: #fff;
    color: #232323;
    box-sizing: border-box;
    width: 100%;
    border-left: solid 4px #fff;
}

    .Hours_timeblock:last-child {
        border-bottom: 0px;
    }

    .Hours_timeblock:hover {
        border-left: solid 4px #E17000;
    }

.Hours_text:active, .Hours_text:focus,
.Hours_check:active, .Hours_check:focus,
.Hours_radio:active, .Hours_radio:focus,
.Hours_select:active, .Hours_select:focus {
    border: solid 1px #e17000;
}

.Hours_check:active, .Hours_check:focus {
    box-shadow: 0px 0px 5px 0px #e17000;
}

.Hours_Form input[type='checkbox'] {
    width: 18px;
    height: 18px;
    margin-left:16px;
}

.Hours_select, .Hours_text {
    font-size: .8em;
    line-height: normal;
    font-family: Arial;
    background: #fff;
    color: #232323;
    padding: .35em;
    border-radius: 4px;
    border: solid 1px #999;
    box-sizing: border-box;
}

.Hours_Form input[type="button"] {
    padding: 6px;
    font-size: .8em;
}

.Hours_EditorTitle {
    float: left;
    width: 125px;
}

.Hours_MainSave_Active, .Hours_MainSave {
    font-size: .75em;
    color: #232323;
    float: left;
    opacity: 0;
    box-sizing: border-box;
    transition: 1s;
}

    .Hours_MainSave_Active input[type='button'], .Hours_MainSave input[type='button'] {
        margin: 2px !important;
    }

.Hours_MainSave_Active {
    opacity: 1;
    transition: 1s;
}

.Hours_OptionsSectionHeader, .Hours_Form fieldset legend {
    border-top: solid 1px #cdcdcd;
    float: left;
    width: 100%;
    margin: 0px;
    margin-top: 5px !important;
    padding: 3px !important;
    padding-top: 8px !important;
    padding-left: 8px !important;
    padding-bottom: 10px !important;
    color: #0057ab !important;
    background-color: #fff;
    box-sizing: border-box;
}

.Hours_Form fieldset legend {
    border-top: 0px;
}

/*-------------------------------------------------
    HOURS CALENDAR PREVIEW / CALENDARD STANDARD
-----------------------------------------------------*/

#centercontent .HoursEventsCalendar_Month,
.HoursEventsCalendar_Month {
    box-sizing: border-box;
    width: 100%;
    padding: 0px;
    float: left;
    margin: 0px;
    font-family: 'Roboto', Arial, sans-serif !important;
}

    #centercontent .HoursEventsCalendar_Month li,
    .HoursEventsCalendar_Month li {
        float: left;
        list-style-type: none !important;
        margin: 0%;
        width: 14.28%;
        font-size: 14px;
        box-sizing: border-box;
        padding: 3px;
        font-family: 'Roboto', Arial, sans-serif !important;
    }

        .HoursEventsCalendar_Month li:nth-child(-n+7) {
            text-align: center;
            font-size: 12px;
            font-family: 'Roboto', Arial, sans-serif !important;
            background-color: #22517B;
            color: #fff;
            border: solid 1px #ccc;
        }

        #centercontent .HoursEventsCalendar_Month li:nth-child(-n+7).clear {
            background: #22517B !important;
            color: #fff !important;
        }

        .HoursEventsCalendar_Month li:nth-child(7n+1) {
            clear: both;
            float: left;
        }

        .HoursEventsCalendar_Month li span.time {
            clear: both;
            float: left;
            width: 100%;
            text-align: center;
            font-size: .75em;
        }

            .HoursEventsCalendar_Month li span.time:first-child {
                padding-top: 8px;
                font-family: 'Roboto', Arial, sans-serif !important;
            }

        #centercontent .HoursEventsCalendar_Month li p,
        .HoursEventsCalendar_Month li p,
        #centercontent .HoursEventsCalendar_List li p,
        .HoursEventsCalendar_List li p {
            margin: 0px;
            margin-bottom: 5px;
            font-family: 'Roboto', Arial, sans-serif !important;
        }

.HoursEventsCalendar_List {
    box-sizing: border-box;
    width: 98%;
    padding: 0px;
    float: left;
    margin: 1% !important;
    margin-bottom: 0% !important;
    border: solid 0px #ccc;
    border-radius: 4px;
    max-height: 335px;
    overflow-y: scroll;
}

    .HoursEventsCalendar_List li {
        float: left;
        list-style-type: none !important;
        margin: 0px !important;
        margin-bottom: 3px !important;
        width: 100%;
        padding: 1%;
        font-size: 14px;
        font-family: 'Roboto', Arial, sans-serif !important;
        box-sizing: border-box;
    }

.activeday, .non_activeday {
    min-height: 80px;
    padding-top: 22px !important;
    border: solid 1px #ccc;
    background-color: #fff !important;
    color: #444 !important;
    position: relative;
    text-align: center;
    list-style-type:none;
}

.HoursEventsCalendar_List li.activeday,
.HoursEventsCalendar_List li.non_active {
    min-height: unset;
}

.HoursEventsCalendar_List li:nth-child(-n+7),
.HoursEventsCalendar_List .non_activeday {
    display: none;
}

.HoursEventsCalendar_List li.activeday {
    height: auto;
}

.HoursEventsCalendar_Month li.activeday p,
.HoursEventsCalendar_Month li.non_activeday p {
    padding-top: 5px;
}

.today, .today p {
    background-color: #22517B !important;
    color: #fff !important;
}

.non_activeday {
    border: solid 1px #ccc;
    background-color: #bbb !important;
    color: #232323 !important;
}

.ShowTheDay {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #f5f5ec;
    color: #222;
    padding: 2px;
    border-bottom-right-radius: 4px;
    font-size: 14px !important;
    width: 24px;
    text-align: center;
}

.CalendarHolder {
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 1%;
    border: solid 1px #ccc;
    border-radius: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    transition: all 2s;
}

    .CalendarHolder .HideCalendar {
        background-color: #f00;
        transition: all 2s;
    }

    .CalendarHolder .ShowCalendar {
        visibility: 1;
        transition: all 2s;
    }

/*------------------------------------------
    HOURS PUBLIC DISPLAY CLASSES
    -------------------------------------------*/
.Hours_CalendarPreview_Main {
    background-color: #fff;
    color: #222;
    border: solid 1px #ccc;
    padding: 1%;
    float: left;
    width: 100%;
    margin: 0px;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px 2px rgba(0,0,0,.3);
}

    .Hours_CalendarPreview_Main h2 {
        margin-bottom: 3px;
        color: #0057ab;
        background-color: #fff;
    }

    .Hours_CalendarPreview_Main .ActiveHoursText {
        font-size: .75em;
        font-style: italic;
        margin-bottom: 12px;
        box-sizing: border-box;
        border-bottom: solid 1px #dfdfdf;
    }

    .Hours_CalendarPreview_Main .CalendarHolder {
        float: left;
        display: block;
        width: 95%;
        box-sizing: border-box;
        margin-left: 2.5%;
        padding: 0px;
        border: 0px;
    }

        .Hours_CalendarPreview_Main .CalendarHolder span {
            border: solid 1px #fff;
            box-sizing: border-box;
            width: 34%;
            float: left;
        }

        .Hours_CalendarPreview_Main .CalendarHolder a {
            float: left;
            width: 33%;
            background-color: #0057ab;
            color: #fff;
            border: solid 1px #fff;
            box-sizing: border-box;
        }

            .Hours_CalendarPreview_Main .CalendarHolder a:hover {
                background-color: #fff;
                color: #0057ab;
                border: solid 1px #0057ab;
            }

            .Hours_CalendarPreview_Main .CalendarHolder a:first-child {
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
            }

            .Hours_CalendarPreview_Main .CalendarHolder a:last-child {
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
            }


.HoursTimeText {
    float: left;
    width: auto;
    box-sizing: border-box;
    text-align: center;
    font-size: 11px !important;
}
/*----------------------------------
    HOURS TEXT PREVIEW
------------------------------------*/

.Hours_PreviewText {
    float: right;
    width:185px;
    margin-top: -1px;
    margin-bottom: 0px;
    height: 32px;
    margin-right: 20px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    font-family: Arial;
    font-size: .75em;
    background-color: #003366;
    background: #003366;
    color: #f7f7f7 !important;
    position: relative;
}

    .Hours_PreviewText::before {
        content: '';
        height: 32px;
        width: 15px;
        background-color: #003366;
        position: absolute;
        top: 0;
        left: 0px;
        transform: skewX(-20deg);
        transform-origin: top;
        -webkit-transform: skewX(-20deg);
        -webkit-transform-origin: 0 0;
        border-left: solid 1px #f7f7f7;
    }

    .Hours_PreviewText::after {
        content: '';
        height: 32px;
        width: 15px;
        background-color: #003366;
        position: absolute;
        top: 0;
        right: -15px;
        transform: skewX(-20deg);
        transform-origin: top;
        -webkit-transform: skewX(-20deg);
        -webkit-transform-origin: 0 0;
        border-right: solid 1px #f7f7f7;
    }


    .Hours_PreviewText p, .Hours_PreviewText .time {
        background-color: #003366;
        color: #F7F7F7;
    }

    .Hours_PreviewText .HoursTimeText {
        float: left;
        width:auto;
        margin-left:3px;
        line-height:12px;
        padding:0px;
        text-align:center;
    }

    .Hours_PreviewText .DateText
    {
        margin-top:5px;
    }

     .Hours_PreviewText .TextTimeBlock {
        float: left;
        width:auto;
    }
     .Hours_PreviewText .TimeTextBlock .HoursTimeText
     {
         width:100%;
         text-align:center;
     }
    /*
        .Hours_PreviewText .HoursTimeText:first-child {
            width: 80px;
            box-sizing: border-box;
            padding-right: 10px;
            padding-top: 0px;
            font-size: 13px;
        }

        .Hours_PreviewText .HoursTimeText:nth-child(2) {
            width: unset;
        }
*/
.Timesplit_closed, .Timesplit_1, .Timesplit_2, .Timesplit_3 {
    float: left;
    margin: 0px;
    padding: 0px;
}

.Timesplitcount_1 {
    padding-left: 10px !important;
}

/*---------------------------------------*/

.Hours_ClosureList {
    float: left;
    width: 96%;
    margin: 1%;
    padding: 1%;
    list-item-style: none;
    max-height: 200px;
    overflow-y: scroll;
    border-bottom: solid 2px #E17000;
}

    .Hours_ClosureList li {
        float: left;
        width: 98%;
        padding: 1%;
        border-bottom: solid 1px #dfdfdf;
    }

        .Hours_ClosureList li a {
            background-color: #fff;
            color: #235392;
        }

        .Hours_ClosureList li span {
            float: right;
        }


            .Hours_ClosureList li span a {
                background-color: #dfdfdf;
                color: #232323;
                font-size: .7em;
                padding: 3px;
                border: solid 1px #ccc;
            }

                .Hours_ClosureList li span a:hover {
                    background-color: #232323;
                    color: #dfdfdf;
                }

.HoursEventsCalendar_Month .ClosedCalendarDay {
    font-size: .75em;
    float: left;
    margin: auto;
    display: block;
    width: 90%;
    font-style: italic;
    padding: 5px;
    background-color: transparent;
    color: #0057ab;
    letter-spacing: 1px;
}

.HoursEventsCalendar_Month .today .ClosedCalendarDay {
    font-size: .75em;
    float: left;
    margin: auto;
    display: block;
    width: 90%;
    font-style: italic;
    padding: 5px;
    background-color: transparent;
    color: #fff;
    letter-spacing: 1px;
}

/*---------------------------------------------------
    HOURS / CALENDAR WIDGET CLASS STYLES
-------------------------------------------------------*/

#centercontent .hours_today_holder, .hours_today_holder,
#centercontent .hours_today2_holder, .hours_today2_holder {
    float: left;
    margin-bottom: 5px;
    width: 100%;
    padding: 4px;
    box-sizing: border-box;
}


#centercontent .hours_today_date, .hours_today_date,
#centercontent .hours_today2_date, .hours_today2_date {
    float: left;
    width: 20% !important;
    max-width: 400px !important;
    min-width: 50px;
    border-radius: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
    box-sizing: border-box;
    text-align: center;
}

#centercontent .hours_today_holder p, .hours_today_holder p,
#centercontent .hours_today_holder p span, .hours_today_holder p span,
#centercontent .hours_today2_holder p, .hours_today2_holder p,
#centercontent .hours_today2_holder span, .hours_today2_holder span {
    background-color: inherit;
    background: inherit;
    color: inherit;
    font-family: inherit;
}


#centercontent .hours_rows_holder, .hours_rows_holder {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    margin: 0px;
}

#centercontent .hours_rows ul, .hours_rows ul {
    list-style-type: none !important;
    margin: 0px;
    width: 100%;
    box-sizing: border-box;
    float: left;
}

#centercontent .hours_rows li, .hours_rows li {
    list-style-type: none !important;
}

#centercontent .hours_rows .hours_row_day,
.hours_rows .hours_rows_day {
    text-align: center;
    font-size: 14px !important;
    float: left;
    clear: both;
    width: 20px;
    padding: 5px !important;
    box-sizing: border-box;
}

#centercontent .hours_rows_holder p, .hours_rows_holder p,
#centercontent .hours_rows li p, .hours_rows li p,
#centercontent .hours_rows span, .hours_rows span {
    font-family: 'Roboto', Arial, sans-serif !important;
}

/*---------------------------------------------
    EVENTS
------------------------------------------------*/


/*----------------------------------------------
    EVENT MENU OPTIONS
-------------------------------------------------*/

.AddEvents_EventSetupMenu, .AddEvents_EventSetupMenu li {
    list-style-type: none !important;
    float: left;
}

.AddEvents_EventSetupMenu {
    width: auto;
    border-bottom: solid 1px #ddd;
}

    .AddEvents_EventSetupMenu .ActiveTab, .AddEvents_EventSetupMenu .Tab {
        float: left;
        width: auto;
        height: 30px;
        box-sizing: border-box;
        background-color: #fff;
        color: #222;
        text-align: center;
        border: solid 1px #ddd;
        border-bottom: 0px;
        cursor: pointer;
    }

    .AddEvents_EventSetupMenu .ActiveTab {
        background: #0059a2;
        color: #fff;
    }

        .AddEvents_EventSetupMenu .ActiveTab:hover, .AddEvents_EventSetupMenu .Tab:hover {
            background: #aaa;
            color: #111;
        }

/*-------------------------------------
    EVENT FORMS
*/
.Events_Form {
    margin: 1%;
    padding: 0px;
    border: solid 1px #ccc;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
    border-radius: 4px;
    padding-bottom: 20px;
    max-height: 560px;
    overflow-y: auto;
    float: left;
    width: 98%;
    position: relative;
}

    .Events_Form p {
        float: left;
        box-sizing: border-box;
        margin: 0px;
        padding: 2px;
        width: 100%;
    }

    .Events_Form fieldset {
        margin-top: 10px !important;
        margin-bottom: 5px;
        border-bottom: dashed 1px #ccc;
        float: left;
        width: 100%;
        box-sizing: border-box;
    }

    .Events_Form legend {
        font-family: Arial;
        font-size: .85em;
        margin-bottom: 5px;
    }

    .Events_Form label {
        float: left;
        margin-left: 10px !important;
        width: 120px;
        font-size: 15px;
        font-family: 'Roboto', Arial, sans-serif;
        font-variant: small-caps;
        background-color: #fff;
        color: #00274C;
    }

#Events_NewEventForm .btneventsave {
    height: 25px !important;
    padding: 2px !important;
}


.Event_OptionsSectionHeader, .Event_Form fieldset legend {
    float: left;
    width: 100%;
    margin: 0px;
    margin-top: 5px !important;
    padding: 3px !important;
    padding-top: 8px !important;
    padding-left: 8px !important;
    padding-bottom: 10px !important;
    color: #0057ab !important;
    background-color: #fff;
    box-sizing: border-box;
}

.HoursMenu_Items.MenuOn, .EventsMenu_Items.MenuOn {
    display: block;
}

    .HoursMenu_Items.MenuOn li, .EventsMenu_Items.MenuOn li {
        list-style-type: none;
    }

.HoursMenu_Items.MenuOff, .EventsMenu_Items.MenuOff {
    display: none;
}


#lstSingleEventDay, #lstRandomEventDay, #lstRepeatedEventDay {
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin: 0px;
    margin-bottom: 5px;
}

    #lstSingleEventDay li, #lstRandomEventDay li, #lstRepeatedEventDay li {
        list-style-type: none;
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: dashed 1px #aaa;
        float: left;
        width: 100%;
        box-sizing: border-box;
    }

.Hours_Form select:required {
    background-image: url(../images/icons/arrow_bullet_red.png);
    background-position: right;
    padding-right: 10px;
    background-repeat: no-repeat;
}

.Hours_Form input:required {
    background-image: url(../images/icons/bullet_red.png);
    background-position: right;
    padding-right: 10px;
    background-repeat: no-repeat;
}

.Hours_Form input[type='date'] {
    width: 145px;
    font-size: 12px;
}

.DayLabel {
    float: left;
    width: 14% !important;
    box-sizing: border-box;
}

    .DayLabel label {
        width: 80px;
    }

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+              END OF STANDARD STYLES YOU ARE                                         +
+     USE THE MY STYLE OVERRIDE CSS FILE TO ADJUST STYLES AS NEEDED                   +
+     PLEASE MAINTAIN YOUR SITE NAVIGATION SECTION IN THE MY NAVIGATION CSS FILE      +
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/