div.calendar
{
    position: relative;
    z-index: 800 !important;
}

.calendar
{
    /*font-family: tahoma,verdana,sans-serif;*/
    font-size: 11px;
    color: #000000;
    background-color: #f7f6ef;
    border-left: 1px solid #A22e2e;
    border-top: 1px solid #A22e2e;
    border-right: 1px solid #A22e2e;
    border-bottom: 1px solid #A22e2e;
    cursor: default;
}

.calendar table
{
    /*font-family: tahoma,verdana,sans-serif;*/
    font-size: 11px;
    color: #000000;
    background-color: #f7f6ef;
    border-left: 1px solid #D13D3F;
    border-top: 1px solid #D13D3F;
    border-right: 1px solid #D13D3F;
    border-bottom: 1px solid #D13D3F;
    cursor: default;
}

.calendar .button
{
    text-align: center;
    color: #6e6c59; /* color de los botones */
    /*background-color: #FFE8E8;*/
    padding-left: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
}

.calendar thead .title
{
    padding-right: 2px;
    padding-left: 2px;
    font-weight: bold;
    background-color: #FFFFFF;
    padding-bottom: 2px;
    color: #000000;
    padding-top: 2px;
    text-align: center;
}

/* para el encabezado de los botones */
.calendar thead .headrow
{
    background-color: #D13E40; /*#6e6c59 #778 */
    color: #000000; /* #000 */
}

.calendar thead .headrow .button
{
    color: #ffffff !important;
}

.calendar thead .daynames
{
    background-color: #f5cece;/*#c1c0b4 */
}

.calendar thead .name
{
    color: #000000;
    text-align: center;
    padding-left: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    border-bottom: 1px solid #D13D3F; /* #4a4835 */
}

.calendar thead .weekend
{
    color: #952020;
}

/* overs de los botones de la cabeza del calendario  */
.calendar thead .hilite
{
    color: #000000;
    background-color: #c22e2e; /*#7e7c62  aaf */
    padding-left: 1px;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    border-left: 1px solid #A22e2e;
    border-top: 1px solid #A22e2e; /* #04f */
    border-right: 1px solid #A22e2e;
    border-bottom: 1px solid #A22e2e;
}

.calendar thead .active
{
    background-color: #D13E40;
    padding-left: 2px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.calendar tbody .day
{
    width: 2em;
    color: #6e6c59;
    text-align: right;
    padding-left: 2px;
    padding-top: 2px;
    padding-right: 4px;
    padding-bottom: 2px;
}

.calendar table .wn
{
    background-color: #F5CECE; /*#c1c0b4*/
    padding-left: 2px;
    padding-top: 2px;
    padding-right: 3px;
    padding-bottom: 2px;
    border-right: 1px solid #D13D3F;
}

.calendar tbody .rowhilite td
{
    background-color: #FFE8E8; /*#bdcfa5*/
}

.calendar tbody .rowhilite td.wn
{
    background-color: #ebedee;
}

.calendar tbody td.hilite
{
    color: #6e6c59;
    /*background-color: #c22e2e; /*#bdcfa5*/
    padding-left: 1px;
    padding-top: 1px;
    padding-right: 3px;
    padding-bottom: 1px;
    border-left: 1px solid #A22e2e;
    border-top: 1px solid #A22e2e;
    border-right: 1px solid #A22e2e;
    border-bottom: 1px solid #A22e2e;
    cursor: pointer;
}

.calendar tbody td.active
{
    color: #FFFFFF;
    background-color:  #D13E40;
    padding-left: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 0px;
}

.calendar tbody td.selected
{
    font-weight: bold;
    color: #D13E40 !important;
    background: #ffffff;
    padding-left: 1px;
    padding-top: 1px;
    padding-right: 3px;
    padding-bottom: 1px;
    border-left: 1px solid #D13E40;
    border-top: 1px solid #D13E40;
    border-right: 1px solid #D13E40;
    border-bottom: 1px solid #D13E40;
}

.calendar tbody td.weekend
{
    color: #a66a66;
}

.calendar tbody td.today
{
    font-weight: bold;
    color: #D13E40;
}

.calendar tbody .disabled
{
    color: #CCCCCC;
}

.calendar tbody .emptycell
{
    visibility: hidden;
}

.calendar tbody .emptyrow
{
    display: none;
}


.calendar tfoot .footrow
{
    background-color: #4a4835;
    color: #ffffff;
    text-align: center;
}

.calendar tfoot .ttip
{
    color: #445;
    background-color: #fff;
    padding-left: 1px;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    border-top: #D13D3F 1px solid;
}

.calendar tfoot .hilite
{
    color: #000000;
    background-color: #aaf;
    padding-left: 1px;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    border-left: 1px solid #04f;
    border-top: 1px solid #04f;
    border-right: 1px solid #04f;
    border-bottom: 1px solid #04f;
}

.calendar tfoot .active
{
    background-color: #7e7c62;
    padding-left: 2px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.combo
{
    width: 4em;
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    font-size: smaller;
    color: #000;
    background-color: #F5CECE; /* #bdcfa5 */
    border-left: 1px solid #A22e2e;
    border-top: 1px solid #A22e2e;
    border-right: 1px solid #A22e2e;
    border-bottom: 1px solid #A22e2e;
    cursor: default;
}

.combo .label
{
    width: 100%;
    text-align: center;
}

.combo .hilite
{
    /*background-color: #f7d470;*/
    border-left: 1px solid #A22e2e;
    border-top: 1px solid #A22e2e;
    border-right: 1px solid #A22e2e;
    border-bottom: 1px solid #A22e2e;
}

.combo .active
{
    font-weight: bold;
    background-color: #f1fdfa;
    border-top: 1px solid #46a;
    border-bottom: 1px solid #46a;
}