.calendar {
    /*border-collapse : separate;*/
    width   : auto;
}

.calendar td {
    font-size       : 12px;
    color           : #000;
    vertical-align  : middle;
    text-align      : center;
    height          : 17px;
}
.calendar td.sun {
    border          : 1px solid red;
}
.calendar td.selected div {
/*
    border          : 1px solid red;
    background      : red;
    color           : #fff;
*/
}
.calendar td.selected.old div {
    border          : 1px solid #FFABAB;
    background      : #FFABAB;
    color           : #fff;
}
/*
.calendar td.selected div a {
    color           : #fff;
    font-weight     : normal;
}
*/
.calendar td.booked div {
    /*border          : 1px solid red;
    background      : red;
    color           : #fff;
    color           : #000;*/
}
.calendar td.available div {
    border          : 1px solid green;
    background      : green;
    color           : #fff;
}
.calendar td.unavailable div {
    border          : 1px solid red;
    background      : red;
    color           : #fff;
}
/* half day fill */
.calendar td.half_begin div {
    border          : 1px solid red;
    background      : url(../img/calendar/half01.gif) no-repeat top left;
    color           : #fff;
}
* html .calendar td.half_begin div {
    background      : url(../img/calendar/half01_ie.gif) no-repeat top left;
}
.calendar td.half_end div {
    border          : 1px solid red;
    background      : url(../img/calendar/half02.gif) no-repeat top left;
    color           : #fff;
}
* html .calendar td.half_end div {
    background      : url(../img/calendar/half02_ie.gif) no-repeat top left;
}
/* url(../img/popup/corner.gif) no-repeat top left*/

.calendar td.old div {
    border          : 1px solid #cccccc;
    background      : #e1dcdc;
    color           : #c1c1c1;
}

.calendar div.panel {
    cursor          : default;
    width           : auto; 
    height          : auto; 
    float           : left;
    border          : 0px;
    margin          : 0px auto 0px 4px;
}

.calendar td div {
    border          : 1px solid #ccc;
    padding         : 0px 0px 0px 0px;
    width           : 18px;
    height          : 18px;
    line-height     : 14px;
    vertical-align  : middle;
    text-align      : center;
    padding         : 1px 1px 1px 1px;
    margin          : 1px;
    font-size       : 10px;
    font-family     : Tahoma;
}
.calendar td div.hover {
    opacity         : 0.7;
    -moz-opacity    : 0.7;
    -khtml-opacity  : 0.7;
    filter          : alpha(Opacity=70);
}

.calendar .title td {
    font-size       : 9px;
    color           : 000;
    border          : none;
    padding-right   : 2px;
    font-weight     : bold;
    text-align      : center;
    background      : #eee;
}

.calendar .h td {
    font-size       : 11px;
    height          : 20px;
}

.calendar div a {
    color           : #fff;
    text-decoration : underline;
}

.calendar .nav td {
    padding         : 0px;
    margin          : 0px;
}

.calendar .nav td a {
    text-decoration : none;
    font            : 11px Tahoma;
}
#popup_price { 
    width           : 180px;
    position        : absolute;
    border          :1px outset #bfc7d7; 
    padding         : 2px; 
    visibility      : hidden;  
    z-index         : 200;
    background      : #FFFFFF;
}

