/*-----------------------------------------------------------------------------
        cbcal.css
                                
        Farben  Standard        Hell1           Hell2
        Blau    #0451A1        #D8E6F5         #EBF2FA
        Gelb    #FFCC2A         #FFDC74
------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------
 *      Calendar Canvas ---     outmost calendar Canvas div and the three main
 *                              contained divs
 *              .calHeadDiv
 *              .calCalsDiv
 *              .calQuickDiv
 *      
 * ------------------------------------------------------------------------- */
.calCanvas {
        position: absolute;
        top: 100px;
        width: auto;
        height: auto;
        padding: 7px 3px 3px 3px;
        border: 1px solid #0451a1;

        z-index: 110;
        color: #0451a1;
        background-color: #fff;

        text-align: center;
        font-family: Verdana, sans-serif;
        font-size: 11px;
        line-height: 16px;

        overflow: hidden;
        /* visibility: hidden; */
}

.cal1HeadDiv, .cal2HeadDiv, .cal3HeadDiv, .cal4HeadDiv {
        border:  0px;
        cursor: pointer;
}

.calHeadDivTxt {                   /* Header Div */
        background-image: url(/condor/ibe/images/cal_close_icon.gif);
        background-position: right top;
        background-repeat: no-repeat;
        
        margin: 0px 4px 3px 5px;
        padding-right: 20px;
        color: #0451a1;

        text-align: left;
        font-size: 13px;
        font-weight: bold;
}

/* Calendar Container Div */
.cal1CalsDiv, .cal2CalsDiv, .cal3CalsDiv, .cal4CalsDiv { 
        margin: 0px;
        height: auto;
}

/* Quick Month Search Div */
.cal1QuickDiv, .cal2QuickDiv, .cal3QuickDiv, .cal4QuickDiv { 
        background-color: #fff;
}

.cal1CalsDiv, .cal1CalsDiv .calMonthsTable, .cal1QuickDiv, .cal1HeadDiv { width: 153px; }
.cal2CalsDiv, .cal2CalsDiv .calMonthsTable, .cal2QuickDiv, .cal2HeadDiv { width: 309px; }
.cal3CalsDiv, .cal3CalsDiv .calMonthsTable, .cal3QuickDiv, .cal3HeadDiv { width: 465px; }
.cal4CalsDiv, .cal4CalsDiv .calMonthsTable, .cal4QuickDiv, .cal4HeadDiv { width: 621px; }

/* ----------------------------------------------------------------------------
 *      Calendar Month 
 * --------------------------------------------------------------------------*/
td.calMonthTd {
        padding: 0px;
        text-align: center;
}

div.calMonthDiv {
        /*
        margin-left:  3px;
        margin-right: 3px;
        */
}

table.calMonth {
        position: relative;

        empty-cells: show;
        border-spacing: 1px;
        border-collapse: separate;
        border: 1px #0451a1 dashed;

        font-size: 10px;
        font-weight: bold;
        text-align: center;

        background-color: #fff;

        margin:  0px;
        padding: 0px;
}

.calMonth .calMonthHead { }

.calMonth .calMonthHead td {
        line-height: 18px;
        text-align: center;

}
.calMonth td {
        padding: 0px;
}

table.calMonth td.active {
        background-color: #ffcc2a;
        font-weight: bold;
        cursor: pointer;
}

table.calMonth td.oot {
        background-color: #dcdcdc;
        font-weight: normal;
}

table.calMonth td.ootweekend {
        background-color: #eeeeee;
        font-weight: normal;
}

.calMonthHeadRow {
        height: 20px;
}
.calMonthHeadPrevNext {
        border-color: #0451a1;
        border-style: groove;
        border-width: 2px 0 0 2px;

        font-size: 16px;
        font-weight: bold;
        color: #ffcf28;
        background-color: #0451a1;
        cursor: pointer;
}


.calMonthTitle { }

.weekdays {
        background-color: #ffcf28;
        font-size: 9px;
}

.calCell {
        text-align: center;
        width:  20px;
        height: 18px;
        padding: 0px;
}

.week,       .weekempty       { background-color: #d8e6f5; }
.weekend,    .weekendempty    { background-color: #ebf2fa; }
.weekoot,    .weekootempty    { background-color: #dfdfdf; }
.weekendoot, .weekendootempty { background-color: #efefef; }

.week,    .weekend    { cursor: pointer; font-weight: bold; }
.weekoot, .weekendoot { font-weight: normal; color: #888;   }

td.calMonthSep {
        width: 1px;
        padding-right: 0px;
        padding-left: 0px;
}

.underline {
        text-decoration: underline;
}

table.calQuick {
        position: relative;
        width: 100%;

        empty-cells: show;
        border-spacing: 2px;
        border-collapse: separate;

        font-family: Verdana, sans-serif;
        font-size: 10px;
        font-weight: bold;
        text-align: center;

        background-color: #fff;

        margin: 5px 0 0 0;
}

.calQuickCell {
        width:  70px;
        height: 20px;
        border: 1px solid #d8e6f5;

        text-align: center;
        background-color: #ebf2fa;
        font-weight: normal;

        cursor: pointer;
}