/************
 *          *
 * CALENDAR *
 *          *
 ************/

DIV.calcurrent
{
    border: 2px solid red;
    padding: 2px;
    margin: 2px;
}

DIV.calpast
{
    border: 2px solid gray;
    padding: 2px;
    margin: 2px;
    background-color: gray;
}

DIV.calfuture
{
    border: 2px solid yellow;
    padding: 2px;
    margin: 2px;
    background-color: yellow;
}

DIV.calnormal
{
    border: 2px solid transparent;
    padding: 2px;
    margin: 2px;
}
 
TABLE.calendar
{
    width: 210px;
    font-family: sans-serif;
    margin: auto;
}

TABLE.calendar TD
{
    vertical-align: top;
}

TABLE.calendar CAPTION SPAN.link
{
    width: 10px;
    margin: 0 2;
    padding: 0 1;
}

TABLE.calendar CAPTION SPAN.month
{
    width: 120px;
}

TABLE.calendar CAPTION SPAN.month SPAN.label
{
    width: 80px;
}

TABLE.calendar CAPTION SPAN.year
{
    width: 80px;
}

TABLE.calendar CAPTION SPAN.year SPAN.label
{
    width: 40px;
}

TABLE.calendar TD
{
    text-align: center;
}

TABLE.calendar TD.out .day
{
    color: #999999;
    font-weight: normal;
}

TABLE.calendar .day
{
    color: black;
    background-color: #00e1b3;
    /*color: #333333;
    background-color: #ccffcc;*/
    font-weight: bolder;
}

TABLE.calendar TD.cur
{
    border: solid 1px gray;
}

TABLE.calendar TD.today
{
    border: solid 1px red;
}

TABLE.calendar TD.out
{
    border: solid 1px silver;
}

/**************
 *            *
 * SINGLE DAY *
 *            *
 **************/
 
DIV.ext DIV.day
{
    background-color: whitesmoke;
    width: 96px;
    font-size: 14px;
    font-weight: bold;
}

TABLE.calendar TD DIV.day,
TABLE.calendar TD DIV.hours SPAN SPAN
{
    cursor: pointer;
}

DIV.hours SPAN
{
    height: 12px;
    font-size: 8px;
}

DIV.hours SPAN SPAN
{
    width: 4px;
    border: inset 1px gray;
}

DIV.day .light,
DIV.hours .light,
DIV.tooltip .time
{
    background-color: #f9f871;
    /*background-color: #ffffcc;*/
}

DIV.day .dark,
DIV.hours .dark
{
    background-color: #ffb658;
    color: black;
    /*background-color: #999900;
    color: navy;*/
}

DIV.day .lightconf,
DIV.hours .lightconf,
DIV.tooltip .timeconf
{
    background-color: #f37862;
    color: white;
    /*background-color: #ffcccc;*/
}

DIV.day .darkconf,
DIV.hours .darkconf
{
    background-color: #c44971;
    color: white;
    /*background-color: #993333;
    color: white;*/
}

DIV.day .lightorder,
DIV.hours .lightorder,
DIV.tooltip .timeorder
{
    background-color: #0098BF;
    color: white;
    /*background-color: #6699ff;
    color: yellow;*/
}

DIV.day .darkorder,
DIV.hours .darkorder
{
    background-color: #004c91;
    color: white;
    /*background-color: #003366;
    color: yellow;*/
}

DIV.tooltip .time A,
DIV.tooltip .time A:hover,
DIV.tooltip .time A:link,
DIV.tooltip .time A:visited,
DIV.tooltip .timeorder A,
DIV.tooltip .timeorder A:hover,
DIV.tooltip .timeorder A:link,
DIV.tooltip .timeorder A:visited
{
    float: right;
    color: red;
    font-weight: bold;
    text-decoration: none;
}

DIV.tooltip .timeconf A,
DIV.tooltip .timeconf A:hover,
DIV.tooltip .timeconf A:link,
DIV.tooltip .timeconf A:visited
{
    float: right;
    color: yellow;
    font-weight: bold;
    text-decoration: none;
}

/***********
 *         *
 * TOOLTIP *
 *         *
 ***********/

DIV.tooltip DIV.hint
{
    padding-left: 20px;
    font-size: 11px;
    text-align: left;
}

DIV.tooltip DIV.time,
DIV.tooltip DIV.timeconf,
DIV.tooltip DIV.timeorder
{
    font-size: 11px;
    text-align: left;
}

.hint
{
    cursor: pointer;
}

DIV.tooltip table
{   
    background-color: #F1EDFF;
}
   
DIV.tooltip table>tbody>tr>td>table:first-child
{
    background-color: #192666;    
}