/*
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:190px;
}*/

#pageSidebarDiv {
/* float: left;*/
}

.sideList h3{
display: none;
}

/* End of sidebar setting */

/* rssDiv Setting */
#tickerContainer{overflow:hidden;}
#rssDiv {
    height: 139px;
    overflow: hidden;
    width: 240px;
}
#rssDiv ul{width: 220px; list-style-type: square;}
#rssDiv li {
    font: 13px Verdana;
    margin-left: 0;
	padding: 5px 0px;
    text-align: left;
	list-style:outside;
	line-height: 18px;
}
#rssDiv .rssHeader {
    display: none;
}
#rssDiv .rssBody {
    height: 129px;
	height: 140px\9;
    margin: 0;
    padding: 4px 0 0 20px;
}

#rssDiv .rssBody a {
    text-decoration: none;
	color:#333333;
	font-size:12px;
}
#rssDiv .rssBody a:hover {
	text-decoration:underline;}
/* end of rssDIV setting */

/* Calendar Format */
#calendar-area {
width: 850px;
}

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

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

#calendarBlock.calendardatehead {
margin-bottom: 1px;
}

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

#calendarBlock.calendardate .daterow .na {
background-color:#e1ecd1;
border-color: #7daf1d;
color: #8F8880;
}

#calendarBlock.calendardate .daterow .blank {
cursor: default;
background-color: #b4c59b;
}

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

#calendarBlock.calendardate .daterow .today {
border: 1px solid #7daf1d;
width: 85px;
height: 79px;
}

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

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

#calendarBlock.calendardate .daterow .na em {
color: #8d5300;
}

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

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

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

#calendarBlock.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('http://golftimacuan.com/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('http://golftimacuan.com/images/bt_bg.jpg');
border: 1px solid #7daf1d;
color: white;
font-family: Verdana, Tahoma;
height: 29px;
margin-left: 1px;
margin-right: 1px;
padding-left: 5px;
padding-right: 5px;
}

.month-type {
    background-color: #6e9522;
    border: 1px solid #7daf1d;
    color: #fff;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 858px;
	height: 21px;
}

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

.month-type .month {
float: left;
font-size: 18px;
font-weight: bold;
margin-left: 180px;
padding-left: 82px;
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:#fff;
text-decoration: none;
font-size: 12px;
}

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