/* Changes:
2015-Jul-07.db  Added font-family and font-size to .ReportCellText, for the benefit of the Report Index page labels.
*/

/*      .yui-toolbar-subcont {
            display: none;
        }
        .yui-skin-sam .yui-toolbar-container .yui-toolbar-titlebar span.collapse {
            display: none;
        }
        .yui-skin-sam .yui-toolbar-container .yui-toolbar-titlebar h2 {
            display: none;
        }
*/
/* --------------------------------------------Header Section--------------------------------------------------*/
        .mastertable {width:100%;position:relative;}
        .PageStatus
        {
            width:765px; height:25px; border:1px solid black; border-top:none;
            font-family:Arial; font-size:9pt; position:relative; top:-18px;
        }
        .buttonrow {padding-right:5px;padding-top:2px;}
         #btnChangeFacility {background-color:#FFCC66; cursor:pointer; 
                                                            font-family:Arial; font-size:8pt; font-weight:bold;}
        .btnlogout {font-family:Arial; font-size:8pt; font-weight:bold; background-color:#FFCC66;
                 border:0.9px solid black; text-align:center; height:17px; }
/* ------------------------------------------Main Menu Section-------------------------------------------------*/
        .MainNavCell
        {
            width:75px;
        }
        .MainNavCellText
        {
            width:75px;padding-left:3px;
        }
        
        .HomeTable
        {
            width:65px;min-height:289px;height:289px;border:none; background:transparent;
        }
        #tabContentHolder {}
        #tabInfoCenter
        {
        }
        #tabMyEvents
        {
            width:350px;
            height:auto;
            background-color:#F0F0F0;
            border:1px solid gray;
            display:none;
        }
        #tabSearch {
            width: 350px;
            height: auto;
            background-color: #F0F0F0;
            border: 1px solid gray;
            display: none;
        }
        #tabCensusData {
            width: 350px;
            height: auto;
            background-color: #F0F0F0;
            border: 1px solid gray;
            display: none;
        }
        #tabRunReports {
            width: 350px;
            height: auto;
            background-color: #F0F0F0;
            border: 1px solid gray;
            display: none;
        }
        #tabSetup {
            width: 350px;
            height: auto;
            background-color: #F0F0F0;
            border: 1px solid gray;
            display: none;
        }
        #tabAlert {
            width: 350px;
            height: auto;
            background-color: #F0F0F0;
            border: 1px solid gray;
            display: none;
        }
        #tabUserProfile
        {
        }
        #tabHelp {
            width: 350px;
            height: auto;
            background-color: #F0F0F0;
            border: 1px solid gray;
            display: none;
        }
        .submenuheader
        {
            border-bottom:1px solid gray;padding-left:10px;padding-right:5px;
            padding-top:2px;padding-bottom:2px;background-color:#E6E6E6; position:static;
        }        
        .submenutitle
        {
            font-family:arial;font-weight:bold;float:left;
        }
        .submenuheaderimage
        {
            float:right;
        }
        .submenucell
        {
            padding-left:15px;padding-right:5px;padding-top:5px;padding-bottom:10px;
        }
        .linkstyle
        {
            text-decoration:none;color:#111010;
        }
        .linkstylebold
        {
            text-decoration:none;color:#111010;font-weight:bold;
        }
/* -----------------------------------------Create Event Section------------------------------------------------*/
        /* 2014-Nov-18.db  Removed .CreateEventTable 'display: none;' */
        .CreateEventTable
        {
            width:522px;border:1px solid gray; background:white;
        }
        .EventMenuHeader
        {
            position:static;height:25px;border-bottom:solid 1px gray;
        }
        .EventMenu
        {
            width:525px;background-color:#F0F0F0;
        } 
        
        
        /*.SubEvents
        {
            position:relative;left:0px;width:420px; height:150px;margin: 0px 0 0 0px;padding:20px; 
            padding-top:10px;font-family:arial;font-size:10pt;font-weight:bold;text-align:left; 
            border:1px dotted gray;background-image:url(../images/start/event_type_BG.jpg);
        }*/
        
        /* 2014-Sep-10.db  Added, to replace the copypasta below that specifically targets elements named "divImgH#" where "#" is an explicit value between 1 and 29. */
        DIV.child
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px; 
            padding-top:10px;font-family:arial;text-align:left;
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
/* 2014-Nov-19.db  Removed this outdated block of copypasta.
        #divImgH1 ... #divImgH29
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px; 
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
*/
        .subtypes
        {
            border:none;
        }
        .subtypelink
        {
            font-size:10pt;margin-left:3px;position:relative;top:-3px;text-decoration:none;color:#111010;cursor:pointer;
        } 
        .endEventSubtypeCell {width:765px;padding-bottom:2px;}
/* -----------------------------------------------Bottom Section--------------------------------------------------*/
        .bottomContentsHolder
        {
            /* 2019-Jan-24.db  Removed "position:fixed;" because it didn't allow the browser to include it in the scrolling area, for vision-impaired folks. */
			top:550px;
        }
        .BottomContents
        {
            width:765px;font-family:arial;font-size:8pt;font-weight:bold;
        }
        .DummyBottomContents
        {
            width:765px;font-family:arial;font-size:8pt;font-weight:bold; color:white;margin-top:-10px;
        }
              
        
       .rightchart 
        {
            width:157px;position:relative;left:-21px;
        }
/* --------------------------------------------------The End-----------------------------------------------------*/
/* ----------------------------------------------Reports Styles--------------------------------------------------*/
        .ReportCellText
        {
            font-family:arial;font-size:10pt;
            /* 2015-Jul-07.db  Added font-family and font-size to .ReportCellText, for the benefit of the Report Index page labels */
            width:125px;
        }
        .ReportCellIcon
        {
            width:125px;
        }
        .ReportListingContainer
        {
            width:522px;border:1px solid gray; background:white;display:none;
        }
         #divReportList1
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding-left:10px;padding-right:10px;
            font-family:arial;text-align:left;
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList2
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left;
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
         #divReportList1
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left;
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList2
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left;
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList3
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList4
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList5
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList6
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList7
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList8
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList9
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList10
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList11
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList12
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList13
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList14
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList15
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList16
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList17
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList18
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList19
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divReportList20
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divCustomReportList1
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divCustomReportList2
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divCustomReportList3
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divCustomReportList4
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divCustomReportList5
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divCustomReportList6
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divCustomReportList7
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divCustomReportList8
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divCustomReportList9
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divCustomReportList10
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divCustomReportList11
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }
        #divCustomReportList12
        {
            position:relative;left:0px;width:420px; height:auto;margin: 0px 0 0 0px;padding:10px;
            font-family:arial;text-align:left; 
            border:1px dotted gray; background-image:url(../images/start/event_type_BG.jpg);           
        }

        #toggleIconEdit {
            float: right;
            font-size: 1.3em;
            cursor: pointer;
            position: relative;
            top: 2px;
            margin-right: 15px;
        }
        .preview_container {
            width: 100%;
            height: 90px;
            border: 1px solid lightgrey;
            border-radius: 5px;
            margin-bottom: 15px;
        }
        .color_container {
            width: 17%;
            float: left;
        }
        .preview {
            width: 60px;
            height: 20px;
            display: inline-block;
        }
        .icon_container {
            width: 70%;
            float: left;
            padding: 43px 0 0 15px;
        }
        .iconOuter {
            width: 50px;
            height: 50px;
            float: left;
            margin-right: 5px;
            margin-bottom: 5px;
        }
    .iconInner {
        width: 100%;
        height: 100%;
        border: 1px solid black;
        border-radius: 4px;
        display: flex;
        font-size: 2em;
        text-align: center;
    }
    .iconOuter i,
    .ccdicon i,
    .ccdicon_edit i {
        align-self: center;
        margin: 0 auto;
    }

    .ccdicon {
        width: 70px;
        height: 70px;
        border-radius: 4px;
        cursor: pointer;
        color: white;
        text-align: center;        
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-flex;
        font-size:3em;
    }

    .ccdicon_edit {
        width: 50px;
        height: 50px;
        border-radius: 4px;
        cursor: pointer;
        color: white;
        text-align: center;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-flex;
        font-size: 2.2em;
    }

    .ccdbullet {
        width: 20px;
        height: 20px;
        display: inline-block;
        border-radius: 3px;
    }

    .iShadow {
        box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.43);
    }
    .iSelected {
        background-color: lightgreen;
    }
    .iconParent {
        width: 72px;
        height: 72px;
        display: inline-block;
        margin-bottom: 20px;
    }
    
    .preview_left {
        text-align: right;
        width: 45%;
        height: 88px;
        float: left;
        padding-top: 20px;
    }
    .preview_center {
        width: 110px;
        height: 88px;
        float: left;
        text-align: center;
        padding-top: 8px;
    }
    .preview_right {
        width: 45%;
        height: 88px;
        float: left;
        padding-top: 20px;
    }

    .createBanner p {
        font-size: 10pt;
        margin-top: 0;
        margin-bottom: 10px;
    }