/*
Created by Borwei on 10/13/2010

This css file is for all the CMS feature formart setting.
* Calendar
* RssDIV (news feed)
*/

/* Sidebar Setting */
#sidebarDiv, #pageSidebarDiv {
width:200px;
}

#pageSidebarDiv {
float: left;
}

.sideList h3{
display: none;
}

/* End of sidebar setting */

/* rssDiv Setting */
#tickerContainer{overflow:hidden;}
#rssDiv { width:280px; height:140px;  overflow:hidden; }
#rssDiv ul {list-style: none;}
#rssDiv li { margin-left:0; font:normal 13px Verdana; padding:0 10px 10px 10px;  }
#rssDiv .rssHeader {
    /*display: none;*/
}
#rssDiv .rssBody {
    margin: 7px 5px 5px 5px;
    height: 128px;
}

#rssDiv .rssBody a {
    text-decoration: none;
	color: black;
}

/* end of rssDIV setting */

/* Calendar Format */
#calendar-area {
margin-left: 5px;
width:680px;
}

.calendardate {
clear: both;
padding-bottom: 10px;
padding-top: 1px;
line-height: 1.5;
width: 680x;
float: left;
}

.calendardate p {
display: block;
margin-bottom: 0;
padding-left: 10px;
margin: 0 0 9px;
text-align: left;
}

.calendardatehead {
margin-bottom: 1px;
}

.calendardatehead span {
background-color: #A3D14E;
color: #FFFFFF;
float: left;
font-size: 1.1em;
font-weight: bold;
margin-bottom: 1px;
margin-right: 1px;
padding: 4px 8px;
text-align: center;
width: 80px;
}

.calendardate .daterow .na {
background-color: #f2fde7;
border-color: #DFD8D0;
color: #8F8880;
}

.calendardate .daterow .blank {
cursor: default;
background-color: #8cb46d;
}

.calendardate .daterow .available {
background-color: white;
border: 1px solid #E0DBD5;
color: #39C;
float: left;
height: 79px;
margin-bottom: 1px;
margin-right: 1px;
overflow: hidden;
padding: 5px;
position: relative;
text-align: left;
width: 84px;
}

.calendardate .daterow .today {
border: 1px solid red;
width: 85px;
height: 79px;
}

.calendardate .daterow span {
float: left;
height: 81px;
margin-bottom: 1px;
margin-right: 1px;
padding: 5px;
position: relative;
text-align: left;
width: 86px;
overflow:auto;
}

.calendardate .daterow font {
cursor: pointer;
color:#457B3B;
font-size: 12px;
}

.calendardate .daterow .na em {
color: #aac890;
}

.calendardate .daterow em {
color: #39C;
display: block;
font-size: 1.7em;
font-style: normal;
font-weight: bold;
line-height: 1;
}

.calendardate .daterow .na strong {
color: #999999;
line-height: 1.3;
padding: 0 10px;
text-align: center;
text-transform: uppercase;
width: 67px;
}

.calendardate .daterow strong {
bottom: 5px;
color: #333333;
display: block;
font-size: 11px;
font-weight: normal;
position: absolute;
right: 5px;
}

.calendardate .daterow strong .price {
font-size: 18px;
font-weight: bold;
text-transform: none;
text-decoration: none;
color: #39C;
line-height: 1;
}

#dateInfo {
/*color:#39C;
color: black;
font-weight: bold;
font-size: 16px;
padding-left: 10px;
padding-top: 5px;*/
}
/* tooltip styling */
.tooltip {
background:url('../images/white_arrow.png') no-repeat scroll 0 0;
display:none;
height:100px;
width:189px;
font-size:12px;
padding-top: 20px;
padding-left: 15px;
font-weight: bolder;
text-align: left;
word-break : break-all;
word-wrap:break-word;
color: #000;
}

/* a .label element inside tooltip */
.tooltip .label {
color:yellow;
width:35px;
}

.tooltip footer {

font-size:11px;
font-weight:bold;
}

.button-std {
background-image: url('/images/bt_bg.jpg');
border: 1px solid #D3E0F1;
color: white;
font-family: Verdana, Tahoma;
height: 29px;

margin-top:10px;
margin-right: 1px;
padding-left: 5px;
padding-right: 5px;
}

.month-type {
background-color: #A3D14E;
border: ;
color: #242423;
padding-bottom: 5px;
padding-top: 5px;
width: 678px;
}

.month-type .prevMonth {
float: left;
font-size: 13px;
font-weight: bold;
height: 18px;
padding-top: 5px;
margin-left: 15px
}

.month-type .month {
float: left;
font-size: 18px;
font-weight: bold;
margin-left: 120px;
padding-left: 50px;
padding-right: 50px;
width: 120px;
}

.month-type .nextMonth {
float: right;
font-size: 13px;
font-weight: bold;
height: 18px;
padding-top: 5px;
margin-right: 15px;
}

#availability-calendar a {
color: #242423;
text-decoration: none;
font-size: 12px;
}

#availability-calendar p {
padding: 0px;
}
/* End of calendar setting */