.arrowTable
{
    BORDER-RIGHT: gray thin;
    BORDER-TOP: gray thin;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BORDER-LEFT: gray thin;
    COLOR: midnightblue;
    BORDER-BOTTOM: gray thin;
    FONT-FAMILY: Verdana, Arial, Helvetica
}
.cellTable
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 20px;
    PADDING-TOP: 0px;
    HEIGHT: 18px;
    TEXT-ALIGN: center
}
.headingText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    WIDTH: 60px;
    COLOR: #02115a;
    FONT-FAMILY: Verdana, Arial, Helvetica
}
.headingTopic
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: darkblue
}
.headingDays
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #02115a;
    FONT-FAMILY: Verdana, Arial, Helvetica
}
.bodyDays
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    COLOR: #02115a;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.arrowTable:link
{
    BACKGROUND-COLOR: white;
    TEXT-DECORATION: none
}
.bodyDays:link
{
    TEXT-DECORATION: none
}
.arrowTable:visited
{
    TEXT-DECORATION: none
}
.bodyDays:visited
{
    TEXT-DECORATION: none
}
.arrowTable:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px
}
.bodyDays:hover
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 13px
}
.layerBackground
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: #e4e3e3;
    layer-background-color: #E4E3E3
}
.dtgpopup
{
.headingTopic
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: red;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    BACKGROUND-COLOR: darkblue
    zIndex:10
}