body {
    background: url('../images/splash.png') no-repeat center #f1f1f7;
    visibility: hidden;
}

#divCalendarPage div[data-role=main] .ui-content {
    padding: 0;
    height: 100%;
}

#divCalendarPage div[data-role=main] .ui-mini {
    margin: 2em 0;
}


#divTblCal {
    overflow: hidden;
}

#tblCal, #tblDOW {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 12.5px;
}

#tblCal {
    /*height: 90%;*/
}

#tblDOW th {
    text-align: center;
    width: 14.23%;
}

#tblCal td, #tblDOW td {
    text-align: center;
    vertical-align: top;
    padding: 0;
    margin: 0;
    position: relative;
    width: 14.23%;
}

    #tblCal td.hasDate {
        background-color: #ffffff;
        border: solid 1px #e4e4e4;
        position: relative;
        cursor: pointer;
        width: 14.23%;
    }

    #tblCal td.today {
        border: dotted 0.4em #d5bed1;
    }

    #tblCal td.holiday {
        background-color: #f5f5ff;
    }

#tblCal .jd {
    font-family: Narkisim,Tahoma,Geneva, Verdana,sans-serif;
    color: #800;
    font-size: 1.2em;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 1;
}

#tblCal .sd {
    color: #008;
    font-size: 1em;
    padding: 0;
    z-index: 1;
    position: absolute;
    top: 30%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

#tblCal .hh {
    top: 25%;
}

#tblCal .ht {
    color: #686;
    font-size: 0.9em;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
    max-height: 49%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#tblCal .fa {
    color: #fff;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 20%;
    z-index: 0;
    font-size: 2.5em;
}