/*
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 { width:280px; height:140px;  overflow:hidden; }
#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;
}
/* end of rssDIV setting */

/* Calendar Format */
#calendar-area {
margin-top: 10px;
width: 895px;
}

.calendardate {
clear: both;
padding-bottom: 10px;
padding-top: 1px;
line-height: 1.5;
width: 885px;
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: #19a684;
color: #FFFFFF;
float: left;
font-size: 1.1em;
font-weight: bold;
margin-bottom: 1px;
margin-right: 1px;
padding: 4px 8px;
text-align: center;
width: 108px;
}

.calendardate .daterow .na {
	background-color: #ededed;
	color: #bdbdbd;
}

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

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

.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: 114px;
overflow:auto;
}

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

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

.calendardate .daterow em {
color: #19a684;
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('http://mosholugolfcourse.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://mosholugolfcourse.com/images/bt_bg.jpg');
border: 1px solid #D3E0F1;
color: white;
font-family: Verdana, Tahoma;
height: 29px;
margin-left: 1px;
margin-right: 1px;
padding-left: 5px;
padding-right: 5px;
}

.month-type {
	background-color: #19a684;
	color: #FFF;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 874px;
}

.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: 193px;
	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: #ffffff;
text-decoration: none;
font-size: 12px;
}

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


#tickerContainer{
overflow: hidden;
}
#rssDiv .rssHeader {
    display: none;
}

#tickerContainer{
overflow: hidden;
}
#rssDiv {
    height: 86px;
    overflow: hidden;
    width: 208px;
}
#rssDiv .rssBody {
    height: 74px;
    margin: 7px 0px 5px;
    padding: 4px 0 0 0px;
}
#rssDiv li {
    border-style: none;
    font: 13px Verdana;
    margin-left: 0;
    padding: 0 10px 10px;
    text-align: left;
	list-style:none;
}