table .cal_main {
    width: 570px;
}

table .calend {
    width: 160px;
    height: 180px;
    border-collapse: collapse;
    text-align: center;
    border: 1px double gray;
    background: #fff;
}

td .calend {
    width: 170px !important;
    height: 160px;
}

.cal_month {
    font: 14px;
    background: #F5F5F5;
}

.cal_day td {
    font: 16px;
    border-right: 1px double gray;
    border-bottom: 1px double gray;
}

.rest {
    color: red;
}

.cal_rest {
    color: red;
    background: #FFF5EE;
}

.cal_tday {
    background: #E6E6FA;
}

.cal_reserve {
    color: white;
    background: gray;
}

.cal_reserve_rest {
    color: red;
    background: gray;
}

.cal_pos {
    width: 500px;
}

.cal_pos1 {
    position: relative;
    top: 40px;
    left: -70px;
}

.cal_desc {
    margin: 10px auto;
}

.cal_desc_block {
    float: left;
    padding-right: 10px;
}

.cal_desc_block_img {
    width: 20px;
    height: 20px;
    border: 1px solid gray;
}

.cal_desc_block_img .cal_desc_block_img_bground_all, .cal_desc_block_img .cal_desc_block_img_bground_in, .cal_desc_block_img .cal_desc_block_img_bground_out,
.cal_reserve .cal_desc_block_img_bground_all, .cal_reserve .cal_desc_block_img_bground_in, .cal_reserve .cal_desc_block_img_bground_out {
    background: gray;
    height: 100%;
}

.cal_desc_block_img_bground_all {
    width: 100%;
}

.cal_desc_block_img_bground_in {
    width: 50%;
    margin-left: 50%;
}

.cal_desc_block_img_bground_out {
    width: 50%;
}

.hint_left, .hint_right, .hint_center {
    cursor: pointer;
}

.cal_reserve_div {
    height: 23px;
    width: 25px;
    position: absolute;
    margin: -11px 0 0 0;
}

.cal_reserve_div_text {
    z-index: 2;
    color: #000;
    font-weight: bold;
    margin-top: -18px;
}

.cal_reserve_div .cal_reserve_left, .cal_reserve_div .cal_reserve_right {
    background: gray;
    height: 100%;
    width: 50%;
}

.cal_reserve_left {
    margin-left: 50%;
}

#cal_tooltip {
    padding: 10px 0 10px 0;
    font-size: 14px;
    line-height: 1.3;
}

.reserve_info_block {
    width: 560px;
    border: 1px solid #808080;
    padding: 5px;
    border-radius: 5px
}

.reserve_info_block span {
    font-weight: bold;
}

td.previousMonth, td.nextMonth,
span.previousMonth, span.nextMonth {
    cursor: pointer;
    font-weight: bold;
}

td.previousMonth:active span, td.nextMonth:active span,
span.previousMonth:active, span.nextMonth:active {
    font-size: 10px;
}