﻿/* Calendar style*/
.calendar .navigation
{
    height: 22px;
    line-height: 1.8em;
}
.calendar .navigation div
{
    background:#7F7F7F;
    width: 336px;
}
.calendar .navigation a
{
    color: #fff;
    text-decoration: none;
}
.calendar .navigation a:hover
{
    text-decoration: underline;
}
.calendar .navigation div
{
    height: 22px;
}
.calendar .navigation div.next
{
    width: 356px;
    float: right;
    text-align: right;
    background:#7F7F7F;
}
.calendar .navigation div.previous
{
    width: 356px;
    display: inline-block;
    background:#7F7F7F;
}
.calendar .navigation a.previous
{
    padding: 0 0 0 20px;
    background:url(images/arrow-left.gif) no-repeat 8% center;
}
.calendar .navigation a.next
{
    padding: 0 20px 0 0;
    background:url(images/arrow-right.gif) no-repeat 92% center;
}
/* victor */
.calendar .ui-datepicker td a.unavailable 
{
    background:#FFFFFF;
    _color: #66563D;
    cursor: default;
}
.calendar .ui-datepicker td a.unavailable cite
{
    display: none;
}
.calendar .ui-datepicker td a {
    padding:0em;
    width: 30px;
    height: 29px;
    overflow: hidden;
    text-align:left;
    text-indent: .4em;
}
.calendar .ui-widget-content
{
    border: none;
    background: #F2F2DA;
}
.calendar .ui-datepicker-group-last thead
{
    display: none;
}
.calendar .ui-datepicker td a cite
{
    text-align: center;
    text-indent: 0px;
}
.calendar .ui-datepicker td a.available cite
{
    display: block;
    font-style: normal;
}
.calendar .ui-datepicker td a.selected cite
{
    display: block !important;
    font-style: normal;
}
.calendar .ui-datepicker td a.checkOutOnly cite
{
    display: block;
}
.calendar .ui-datepicker td a.min cite
{
    display: block;
}
.calendar .ui-datepicker td {
    padding:1px 0 0;
}
.calendar .ui-state-default, .calendar .ui-widget-content .ui-state-default {
    /* background: #fff;  #CECEAA*/
    background: #CECEAA;
    border:1px solid #8C806E;
}
/* victor */

.calendar .ui-state-unavailable{
    /* background: #fff;  #CECEAA*/
    background: #FFFFFF;
    border:1px solid #8C806E;
}

.calendar .ui-datepicker td span {
    padding: 0em;
    height: 30px;
    width: 30px;
    text-indent: .4em;
    text-align: left;
    overflow: hidden;
}
.calendar .ui-datepicker {
    padding:0;
}
.calendar .ui-corner-all {
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;
    -moz-border-radius-topleft:0px;
    -moz-border-radius-topright:0px;
}
.calendar .ui-datepicker .ui-datepicker-multi {
    width: 248px;
    margin: 0px auto;
}
.calendar .ui-datepicker-multi-2 .ui-datepicker-group {
    width:248px;
    border: 1px solid #776851;
    overflow:hidden;
    height:auto;
    background: #F2F2DA;
}

.calendar .ui-datepicker-group-last
{
    margin:0px;
    border-top: none !important;
}
.calendar .ui-datepicker .ui-datepicker-header {
    padding:0;
    height: 20px;
}
.calendar .ui-datepicker .ui-datepicker-title {
    line-height:1.5em;
}
.calendar .ui-corner-left {
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-topleft:0px;
}
.calendar .ui-corner-right {
    -moz-border-radius-bottomright:0px;
    -moz-border-radius-topright:0px;
}
.calendar .ui-datepicker .ui-datepicker-title {
    text-align:left;
    margin: 0 20px;
}
.calendar .ui-widget-header
{
    background: #C2C4BC;
    border:none;
}
.calendar .ui-datepicker .ui-datepicker-prev, .calendar .ui-datepicker .ui-datepicker-next {
    top:0px;
    display: none;
}
.calendar .ui-widget-header .ui-icon {
    background-image:url(base/images/ui-icons_66563D_256x240.png);
}
.calendar .ui-icon-circle-triangle-w {
    background-position:-96px -16px;
}
.calendar .ui-icon-circle-triangle-e {
    background-position:-32px -16px;
}
.calendar .ui-datepicker .ui-datepicker-prev-hover, .calendar .ui-datepicker .ui-datepicker-next-hover { top: 0px; }
.calendar .ui-datepicker .ui-datepicker-prev-hover { left:2px; }
.calendar .ui-datepicker .ui-datepicker-next-hover { right:2px; }
.calendar .ui-state-hover, .calendar .ui-widget-content .ui-state-hover, .calendar .ui-state-focus, .calendar .ui-widget-content .ui-state-focus  
{
    border: none; 
    background: inherit;
}
.calendar td a.ui-state-hover
{
    background: inherit;
    border: 1px solid #8C806E !important;
}
.calendar .ui-datepicker th {
    padding:0;
    text-align:center;
    height: 18px;
}
.calendar .ui-datepicker table {
    font-size:0.7em;
    margin: 2px auto;
}
.calendar .ui-datepicker-other-month
{
    height: 0px;
    padding: 0px !important;
    margin: 0px;
    font-size: 0px;
}
.calendar .ui-state-disabled, .calendar .ui-widget-content .ui-state-disabled {
    opacity:1.0;
    filter: alpha(opacity=100);
}
.calendar .ui-state-disabled span.ui-state-default
{
    background: #fff !important;
    opacity:1.0;
    filter: alpha(opacity=100);
}
.calendar .ui-state-hover, .calendar .ui-widget-content .ui-state-hover,.calendar .ui-state-focus,.calendar .ui-widget-content .ui-state-focus  
{
    border: inherit; 
    background: #dadada; 
    font-weight: normal; 
    color: inherit;
    outline: none;
}
.calendar .ui-state-active, .calendar .ui-widget-content .ui-state-active {
    color: #555;
}
.calendar .ui-state-hover a,.calendar .ui-state-hover a:hover { color: inherit; outline: none; }
.calendar td a.available
{
    background: #CECEAA !important;
}
.calendar td a.checkOutOnly
{
    background: transparent url(images/room/checkoutOnly.png) repeat-y !important;
    _color:#555555;
}
.calendar td a.min
{
    background: #F3F1C8 !important;
    _color:#555555;
}
.calendar td a.selected
{
    background: #66563D !important;
    color: #fff !important;
}
.calendar td a.checkOut
{
    background: #64543D !important;
    color: #fff !important;
}
.calendar td a.checkOut cite
{
    color: #66563D;
}