#divCalendarCase
{
    margin:30px 10px 10px;
}

#divCalendarCase .comment
{
    cursor:default;
    font-size:0.9em;
    margin:3px 0 0 3px;
}

#divCalendarCase .comment div
{
    height:16px;
}

#divCalendarCase .comment div div
{
    float:left;
    height:10px;
    margin-right:5px;
    width:10px;
}

#divCurrentCalendar table.calendar
{
    border-collapse:separate;
}

#divCurrentCalendar table.calendar td,
    #divCurrentCalendar table.calendar th
{
    background:#E0E1E5;
    color:#000;
    cursor:default;
    font-size:8pt;
    font-weight:bold;
    height:22px;
    text-align:center;
    vertical-align:middle;
    width:22px;
}

#divCurrentCalendar table.calendar th.title
{
    text-align:center;
}

#divCurrentCalendar table.calendar th.title img.prev
{
    cursor:pointer;
    margin-right:10px;
    text-align:left;
}

#divCurrentCalendar table.calendar th.title img.next
{
    cursor:pointer;
    margin-left:10px;
    text-align:right;
}

#divCurrentCalendar tr.header
{
    height:22px;
}

#divCurrentCalendar tr.header th
{
    background:none;
    color:#A3A3A3;
}

#divCurrentCalendar table.calendar td.day
{
    background:#B2B3B6;
}

#divCurrentCalendar table.calendar td.day:hover
{
    background:#78797A;
}

#divCurrentCalendar table.calendar td.day .dayNum
{
    color:#fff;
}

.type0,
    #divCurrentCalendar table.calendar .type0
{
    background:#208748;
    border:2px solid #208748;
    color:#fff;
}

.type1,
    #divCurrentCalendar table.calendar .type1
{
    background:#BAD79C;
    border:2px solid #BAD79C;
}

.type2,
    #divCurrentCalendar table.calendar .type2
{
    background:#B2B4B7; 
    border:2px solid #208748;
}

.type3,
    #divCurrentCalendar table.calendar .type3
{
    background:#fbb03b; 
    border:2px solid #fbb03b;
}

/* Detailed */
#divMonthCase
{
    height:341px;
    left:290px;
    position:fixed;
    top:240px;
    width:586px;
}

#divMonthCase.long
{
    height:400px;
}

#divMonthCase.short > .back
{
    background:url('/images/calendar/detailed_bg.png') no-repeat;
    filter:expression(fixPNG2(this));
}

#divMonthCase.long > .back
{
    background:url('/images/calendar/detailedLong_bg.png') no-repeat;
    filter:expression(fixPNG2(this));
}

#divMonthCase .close 
{
    background:url('/images/calendar/icon_close.png') no-repeat;
    cursor:pointer;
    height:15px;
    position:absolute;
    right:15px;
    top:5px;
    width:15px;
    z-index:90;
}

#divMonthCase .comment 
{
    color:#555;
    float:right;
    font-weight:bold;
    margin:-25px 55px 5px 5px;
}

#divMonthCalendar 
{
    left:0;
    margin-top:5px;
    padding:0 15px 25px;
    position:absolute;
    text-align:left;
    top:0;
    vertical-align:top;
}

#divMonthCalendar table.calendar 
{
    color:#fff;
    height:auto;
    margin-top:0;
    padding-right:30px;
    width:auto;
}

#divMonthCase th.title
{
    display: none;
}

#divMonthCalendar th, 
    #divMonthCalendar td, 
    #divMonthCalendar table 
{
    background:transparent;
    border:none;
}

#divMonthCalendar .header
{
    background:transparent;
    color:#fff;
    height:auto;
}

#divMonthCalendar th 
{
    color:#555;
    font-size:12px;
    padding:2px 3px 0 2px;
    text-align:left;
    vertical-align:bottom;
}

#divMonthCalendar td 
{
    margin:0;
    padding:2px 5px 2px 2px;
}

#divMonthCalendar .dayRow 
{
    cursor:pointer;
}

#divMonthCalendar .day 
{
    background:url('/images/calendar/day_bg.png') no-repeat;
    font-size:10px;
    font-weight:normal;
    height:53px;
    margin:0;
    overflow:hidden;
    padding-left:2px;
    padding-top:1px;
    text-align:left;
    vertical-align:top;
    width:66px;
}

#divMonthCalendar .day:hover
{
    background:url('/images/calendar/day_bg_hover.png') no-repeat;
}

/* show day */
.back
{
    width: 100%;
    height: 100%;
}

#divDayCase #divDay .title div
{
    float: left;
    margin: 0 5px;
    padding: 0px;
    height: 10px;
    width: 10px;	
}

#divDayCase
{
    color:#fff;
    left:0;
    margin:0;
    padding:0;
    position:absolute;
    text-align:left;
    top:0;
    /*height:180px;
    width:180px;*/
    height:260px;
    width:364px;
}

#divDayCase .back
{
    /*background:url('/images/calendar/day_bg3.png') no-repeat;*/
    background:url('/images/calendar/day_bg4.png') no-repeat;
}

*+html #divDayCase
{
    height:243px;
}

#divDayCase .dayNum, 
    #divDayHeader span.dayNum:hover
{
    cursor:default;
    font-size:8pt;
    font-weight:bold;
    text-decoration:none;
}

#divDay
{
    font-size:11px;
    left:0;
    margin:4px 10px 4px 5px;
    overflow:auto;
    position:absolute;
    top:1.5em;
    vertical-align:top;
    /*height:95px;
    width:146px;*/
    height:220px;
    width:330px;
}

#divDay img
{
    margin-right:0.5em;
    filter:expression(fixPNG2(this));	
}

#divDay div
{
    padding:1px;
}

#divDayCase #divDay div div
{
    padding-left:24px;	
}

#divDayCase #divDay .title
{
    padding: 0px;
    width: auto;
    margin: auto;
    padding: 0;
    text-align: left;
    font-weight: bold;
}

#divDayCase .title
{
    margin:2px 1px 1px 2px;
}

#divDayHeader
{
    left:0;
    position:absolute;
    top:0;
}

#divDayHeader span
{
    margin: 2px;
    cursor: hand;
}

#divDayHeader span:hover
{
    text-decoration: underline;
}

/* control Day buttons */
#btnAdd
{
    color:#78FF54;
    cursor:pointer;
}

#btnEdit
{
    color:#FFC423;
    cursor:pointer;
}

#btnDelete
{
    color:#E31515;
    cursor:pointer;
}

#btnSave
{
    color:#EFFDFF;
    cursor:pointer;
    font-weight:bold;
    padding-left:10px;
}

/* input form */
#divDayForm
{
    float:left;
    font-size:11px;
    height:90%;
    left:5px;
    margin-top:25px;
    position:absolute;
    text-align:center;
    top:0px;
    width:90%;
}

#divDayForm table
{
    margin-bottom:3px;
    width:100%;
}

#divDayForm table input,
    #divDayForm table textarea,
    #divDayForm table select
{
    border:none;
    font-size:11px;
    margin-bottom:2px;
    width:95%;
}

#divDayForm table input
{
    height:15px;
}

#divDayForm table textarea
{
    /*height:30px;*/
    height:90px;
}

#divDayForm table select
{
    height:18px;
}

#divDayForm button
{
    background:#D1E4D5;
    border:1px solid #208748;
    cursor:pointer;
    margin-top:5px;
    padding:1px 10px;
}

#divDayForm button:hover
{
    background:#A5E0B2;
}

#divSelectedDayEvent
{
    text-decoration:underline;
}