BODY
{
    SCROLLBAR-FACE-COLOR: lightsteelblue;
    FONT-SIZE: 8pt;
    SCROLLBAR-HIGHLIGHT-COLOR: lightsteelblue;
    SCROLLBAR-SHADOW-COLOR: lightsteelblue;
    SCROLLBAR-3DLIGHT-COLOR: black;
    SCROLLBAR-ARROW-COLOR: #000000;
    SCROLLBAR-TRACK-COLOR: #e0e0e0;
    FONT-FAMILY: Arial, Verdana;
    SCROLLBAR-DARKSHADOW-COLOR: black
}
TD.NON
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: white;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    BACKGROUND-COLOR: gainsboro
}
TD.TOP
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #0000ff;
    FONT-FAMILY: Arial, Tahoma, Verdana
}
TD.Some
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Tahoma, Verdana
}
TD.NOEVENT
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Tahoma, Verdana
}
.Some
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Tahoma, Verdana
}
.DayTitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Tahoma, Verdana
}
.TODAY
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-DECORATION: none
}
.NOEVENT
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Tahoma, Verdana
}
A.TODAY:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-DECORATION: none
}
A.TODAY:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-DECORATION: none
}
A.TODAY:unknown
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #ff0000;
    FONT-FAMILY: Tahoma, Verdana, Arial;
    TEXT-DECORATION: none
}
A.NOEVENT:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-DECORATION: none
}
A.NOEVENT:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-DECORATION: none
}
A.NOEVENT:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #ff0000;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-DECORATION: underline
}
A.EVENT:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-DECORATION: none
}
A.EVENT:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-DECORATION: none
}
A.TODAYEVENT:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ff0000;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-DECORATION: none
}
A.TODAYEVENT:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #ff0000;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-DECORATION: none
}
A.NORMAL:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #0000ff;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-DECORATION: none
}
A.NORMAL:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #0000ff;
    FONT-FAMILY: Arial, Tahoma, Verdana;
    TEXT-DECORATION: none
}
TD
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Tahoma, Verdana, Arial
}
INPUT.inputbox
{
    FONT-FAMILY: Arial, Verdana;
    TEXT-ALIGN: right
}
TD.SchedTempe
{
    COLOR: black;
    FONT-FAMILY: Arial, Verdana;
    BACKGROUND-COLOR: #ffffee
}
TD.thinborder
{
    BORDER-RIGHT: navy 1px solid;
    BORDER-TOP: navy 1px solid;
    MARGIN: 2px;
    BORDER-LEFT: navy 1px solid;
    BORDER-BOTTOM: navy 1px solid
}
TABLE.thinborder
{
    BORDER-RIGHT: navy 1px solid;
    BORDER-TOP: navy 1px solid;
    BORDER-LEFT: navy 1px solid;
    BORDER-BOTTOM: navy 1px solid
}
A.menu:link
{
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none
}
A.menu:visited
{
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none
}
A.menu:hover
{
    FONT-SIZE: 8pt;
    COLOR: yellow;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none
}
.button
{
    BORDER-RIGHT: navy 1px solid;
    BORDER-TOP: navy 1px solid;
    BORDER-LEFT: navy 1px solid;
    CURSOR: hand;
    COLOR: black;
    BORDER-BOTTOM: navy 1px solid;
    FONT-FAMILY: Arial, Verdana;
    BACKGROUND-COLOR: lightsteelblue
}
.field
{
    BORDER-RIGHT: navy 1px solid;
    BORDER-TOP: navy 1px solid;
    BORDER-LEFT: navy 1px solid;
    COLOR: black;
    BORDER-BOTTOM: navy 1px solid;
    FONT-FAMILY: Arial, Verdana
}
.borderon
{
    BORDER-RIGHT: darkgray 1px solid;
    BORDER-TOP: darkgray 1px solid;
    BORDER-LEFT: darkgray 1px solid;
    BORDER-BOTTOM: darkgray 1px solid
}

div.dtblock {
  border-radius: 25px;
  border: 2px solid lightsteelblue;
  padding: 20px;
    
}

div.calendar 
{
    background-color: #000000; 
    background-image: url('Images/Menu/MenuCIndr.png');
    background-repeat: no-repeat;
    text-decoration: none;
    height: 26px; 
    width:75px; 
    line-height: 26px; 
    text-align: right;
    font-size: 10px;
    color: #ffffff;
}

div.calendar:hover 
{
    background-color: lightsteelblue; 
    background-image: url('Images/Menu/MenuClndr(Blk).png');
    background-repeat: no-repeat;
    text-decoration: none;
    color: #000000;
}

div.empsched 
{
    background-color: #000000; 
    background-image: url('Images/Menu/MenuEmpSched.png');
    background-repeat: no-repeat;
    text-decoration: none;
    height: 26px; 
    width:125px; 
    line-height: 26px; 
    text-align: right;
    font-size: 10px;
    color: #ffffff;
}

div.empsched:hover 
{
    background-color: lightsteelblue; 
    background-image: url('Images/Menu/MenuEmpSched(Blk).png');
    background-repeat: no-repeat;
    text-decoration: none;
    color: #000000;
}

div.empschedall 
{
    background-color: #000000; 
    background-image: url('Images/Menu/MenuEmpSched.png');
    background-repeat: no-repeat;
    text-decoration: none;
    height: 26px; 
    width:172px; 
    line-height: 26px; 
    text-align: right;
    font-size: 10px;
    color: #ffffff;
}

div.empschedall:hover 
{
    background-color: lightsteelblue; 
    background-image: url('Images/Menu/MenuEmpSched(Blk).png');
    background-repeat: no-repeat;
    text-decoration: none;
    color: #000000;
}

div.addeditemp 
{
    background-color: #000000; 
    background-image: url('Images/Menu/MenuEditEmp.png');
    background-repeat: no-repeat;
    text-decoration: none;
    height: 26px; 
    width:120px; 
    line-height: 26px; 
    text-align: right;
    font-size: 10px;
    color: #ffffff;
}

div.addeditemp:hover 
{
    background-color: lightsteelblue; 
    background-image: url('Images/Menu/MenuEditEmp(Blk).png');
    background-repeat: no-repeat;
    text-decoration: none;
    color: #000000;
}

div.missched 
{
    background-color: #000000; 
    background-image: url('Images/Menu/MenuMISSched.png');
    background-repeat: no-repeat;
    text-decoration: none;
    height: 26px; 
    width:100px; 
    line-height: 26px; 
    text-align: right;
    font-size: 10px;
    color: #ffffff;
}

div.missched:hover 
{
    background-color: lightsteelblue; 
    background-image: url('Images/Menu/MenuMISSched(Blk).png');
    background-repeat: no-repeat;
    text-decoration: none;
    color: #000000;
}

div.phonelist 
{
    background-color: #000000; 
    background-image: url('Images/Menu/MenuPhonebook.png');
    background-repeat: no-repeat;
    text-decoration: none;
    height: 26px; 
    width:83px; 
    line-height: 26px; 
    text-align: right;
    font-size: 10px;
    color: #ffffff;
}

div.phonelist:hover 
{
    background-color: lightsteelblue; 
    background-image: url('Images/Menu/MenuPhonebook(Blk).png');
    background-repeat: no-repeat;
    text-decoration: none;
    color: #000000;
}

div.addphonelist 
{
    background-color: #000000; 
    background-image: url('Images/Menu/MenuAddPhone.png');
    background-repeat: no-repeat;
    text-decoration: none;
    height: 26px; 
    width:140px; 
    line-height: 26px; 
    text-align: right;
    font-size: 10px;
    color: #ffffff;
}

div.addphonelist:hover 
{
    background-color: lightsteelblue; 
    background-image: url('Images/Menu/MenuAddPhone(Blk).png');
    background-repeat: no-repeat;
    text-decoration: none;
    color: #000000;
}

div.logout 
{
    background-color: #000000; 
    background-image: url('Images/Menu/MenuLogout.png');
    background-repeat: no-repeat;
    text-decoration: none;
    height: 26px; 
    width:65px; 
    line-height: 26px; 
    text-align: right;
    font-size: 10px;
    color: #ffffff;
}

div.logout:hover 
{
    background-color: lightsteelblue; 
    background-image: url('Images/Menu/MenuLogout(Blk).png');
    background-repeat: no-repeat;
    text-decoration: none;
    color: #000000;
}
        
        
.card {
    width: 130px;
    height: 195px;
    position: relative;
    display: inline-block;
}
.card .img-top {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.card:hover .img-top {
    display: inline;
}