/*@import url("css-reset.css");*/

/* GENERAL 
body
{
    font-family: Calibri, Garamond, Tahoma;
    padding: 20px;
    color: #646464;
}
*/


#fin-cal div, #fin-cal span, #fin-cal img, #fin-events ul, #fin-events li, #fin-cal table, #fin-cal tbody, #fin-cal tr, #fin-cal th, #fin-cal td,
#lex-cal div, #lex-cal span, #lex-cal img, #lex-events ul, #lex-events li, #lex-cal table, #lex-cal tbody, #lex-cal tr, #lex-cal th, #lex-cal td
{
    margin: 0;  
    padding: 0;  
    font-size: 100%;
    vertical-align: baseline;  
    background: transparent;  
}
#fin-cal table, #lex-cal table { border-spacing: 1px; }
#fin-events ul, #lex-events ul { list-style: none; }

/* FIN */
#fin-cal
{
    border: solid 1px transparent;
    background: transparent url("images/fin-cal-bg.png") no-repeat left top;
    width: 152px;
    height: 142px;
}

#fin-cal .month 
{ 
    background-color: #f8c277;
    font-weight: bold;
    text-align: center;
    margin: 6px 0 2px 0;
    padding: 0 0 2px 0;
}

#fin-cal .month input[type=image] { width: 15px; height: 14px; border: solid 1px transparent; margin-top: 1px; }
#fin-cal .month input.prev { float: left; margin-left: 5px; }
#fin-cal .month input.next { float: right; margin-right: 5px; }

#fin-cal table { width: 100%; }
#fin-cal table th, #fin-cal table td 
{ 
    width: 14%; 
    text-align: center; 
    font-size: 12px; 
    padding: -2px 0; 
    border: solid 1px transparent; 
}
#fin-cal table td { cursor: pointer; font-size: 11px; }
#fin-cal table td:hover, #fin-cal table td.selected { border: solid 1px red; }
#fin-cal table td.event { background-color: #fbe3bd; }
#fin-cal table td.today { border: solid 1px #f8c277; }

#fin-events
{
    float: right;
    width: 105px;
    height: 130px;
    margin: 7px 0 0 0;
    background-color: #fef7ec;
    border-top: solid 1px #fbe3bd;
    border-right: solid 1px #fbe3bd;
    border-bottom: solid 1px #fbe3bd;
}

#fin-events .date-text { font-size: 11px; text-align: center; margin: 2px 0 0 0; letter-spacing: 1px; }
#fin-events .selected-date 
{ 
    text-align: center;
    font-weight: bold;
    background-color: #fbe3bd;
    padding: 0 0 2px 0;
    margin: 3px 0 0 0;
}

#fin-events ul { text-align: center; margin: 25px 0; }

#fin-events .controls { text-align: center; }
#fin-events .controls input[type=button]
{
    width: 102px;
    height: 22px;
    text-indent: -9999px;
    background: transparent url("images/fin-cal-btn-ogled.png") no-repeat left top;
    border: solid 1px transparent;
    cursor: pointer;
}
#fin-events .controls img { cursor: pointer; }


/* LEX */
#lex-cal
{
    border: solid 1px transparent;
    background: transparent url("images/lex-cal-bg.png") no-repeat left top;
    width: 152px;
    height: 142px;
}

#lex-cal .month 
{ 
    background-color: #c598c3;
    font-weight: bold;
    text-align: center;
    margin: 6px 0 2px 0;
    padding: 0 0 2px 0;
}

#lex-cal .month input[type=image] { width: 15px; height: 14px; border: solid 1px transparent; margin-top: 1px; }
#lex-cal .month input.prev { float: left; margin-left: 5px; }
#lex-cal .month input.next { float: right; margin-right: 5px; }

#lex-cal table { width: 100%; }
#lex-cal table th, #lex-cal table td 
{ 
    width: 14%; 
    text-align: center; 
    font-size: 12px; 
    padding: -2px 0; 
    border: solid 1px transparent; 
}
#lex-cal table td { cursor: pointer; font-size: 11px; }
#lex-cal table td:hover, #lex-cal table td.selected { border: solid 1px red; }
#lex-cal table td.event { background-color: #e2cde4; }
#lex-cal table td.today { border: solid 1px #c598c3; }

#lex-events
{
    float: right;
    width: 105px;
    height: 130px;
    margin: 7px 0 0 0;
    background-color: #f4edf6;
    border-top: solid 1px #e2cde4;
    border-right: solid 1px #e2cde4;
    border-bottom: solid 1px #e2cde4;
}

#lex-events .date-text { font-size: 11px; text-align: center; margin: 2px 0 0 0; letter-spacing: 1px; }
#lex-events .selected-date 
{ 
    text-align: center;
    font-weight: bold;
    background-color: #e2cde4;
    padding: 0 0 2px 0;
    margin: 3px 0 0 0;
}

#lex-events ul { text-align: center; margin: 2px 0; font-size: 11px; }

#lex-events .controls { text-align: center; }
#lex-events .controls input[type=button]
{
    width: 102px;
    height: 22px;
    text-indent: -9999px;
    background: transparent url("images/lex-cal-btn-ogled.png") no-repeat left top;
    border: solid 1px transparent;
    cursor: pointer;
}
#lex-events .controls img { cursor: pointer; }