/* css for single cottage calendar in 3 month view list */

/* calendar table, background color */
.calendarTable{
	font-family:Geneva, Arial, Helvetica, sans-serif, Tahoma;
	border:1px solid #D1DDDE;
	border-collapse:separate;
}

.calendarTable td{
	width:26px;
	height:30px;
}
/* links for calendar */
.calendarTable a {
	color:black;
}

/* year header */
.calendarYearHeader {  
	height:30px;
	font-family:Geneva, Arial, Helvetica, sans-serif, Tahoma;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background-image:url(../images/calendar/panel_title.jpg);
	background-repeat:repeat-x;
}
/* week header */
.calendarWeekHeader {
	font-family:Geneva, Arial, Helvetica, sans-serif, Tahoma;
	font-size:12px;
	font-weight: bold;
	color: #000;
	text-align:center;
}

/* today */
.calendarToday {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color:#FFFFFF;
	width:26px;
	height:30px;
	background-color:#509cc5;
	text-align:center;
}

/* no period in this date */
.cottage_empty{
	width:26px;
	height:30px;
	background-color:#d8d8d8;
}

/* no this date in this month */	
.calendarNone {
	width:26px;
	height:30px;
}

/* cottage period 0*/
.cottage_period0{
	font-size:12px;
	font-weight:normal;
	cursor:pointer;
    background-color:#D0CF9E;
	border:1px solid #D0CF9E;
}

/* cottage period 1*/
.cottage_period1{
	font-size:12px;
	font-weight:normal;
	cursor:pointer;
    background-color:#61809F;
	border:1px solid #D0CF9E;
}	

/* extra day  */
.cottage_extra_day{
	font-size:12px;
	font-weight:normal;
	background-color:#ffffff;
	cursor:pointer;
	border:1px solid #cccccc;
}	

/* day by day renting  */
.cottage_day_by_day{
	font-size:12px;
	font-weight:normal;
	background-color:#fff;
	cursor:pointer;
	border:1px solid #CAD3EE;
}	

/* exchange days */
.cottage_exchange_day{
	font-size:12px;
	font-weight:normal;
	background:url(../images/calendar/26/line26.png) no-repeat;	
}

/* selected cottage period, but didn't submit*/
.cottage_selected{
	font-size:13px;
	color:#FF6600;
	font-weight:bold;
	border:1px solid #FF6600;
}


/* selected day by day renting begin day*/
.cottage_day_by_day_beginday{
	color: #000;
	font-weight:bold;
	background:#FF8040;
	border:1px solid #cccccc;
}


/* applied cottage period */
.cottage_applying{
	color:#FF8040;
}

/* sample styles */
.cottage_sample
{
	width:26px;
	height:30px;
	text-align:center;
	vertical-align:middle;
	padding:0!important;
	padding-top:5px!important;
}

.calendarTitle{
	border:1px solid #CCCCCC;
	background-color:#e7e7e7;
	height: 24px;
	width:215px;
}

.calendarTable td .calendarTitleText{
	width:215px;
		color: 7F949D;
	font-weight:bold;
	text-align:center;
}


/* bod added month navigator begin */
#showTable_header{
	width:720px;
	text-align:center;
	background:#F5F5F5;
}

#navContainer, .navContainer {
	line-height:32px;
	margin:0 auto;
	width:646px;
}
.preButton{
    color: #2F83AF;
    cursor: pointer;
    float: left;
    width: 40px;
	line-height:32px;
	vertical-align:middle;
	text-align:center;
	margin-top:8px;
}
.nextButton{
    color: #2F83AF;
    cursor: pointer;
    float: right;
    width: 40px;
	text-align:center;
	line-height:32px;
	margin-top:8px;
}
.nav {
    overflow: hidden;
    position: relative;
    width: 560px;
}
.navMove {
    position: relative;
    width: 2900px;
    left: -1195px;
}
.navItem {
    float: left;
    font-size: 12px;
    line-height: 32px;
    margin: auto;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 118px;
}
.navItem a {
    color: #333;
}
.navItem a:hover {
    color:#f60;
}
.navItemCurr a {
    color:#f60;
}

/* bod added month navigator end */

/* half */
.half_day_1{
	font-size:11px;
	position:relative;
	top:-10px;
	left:2px;
	sfont-weight:bold;
	font-weight:normal;
}

.half_day_2{
	font-size:11px;
	position:relative;
	bottom:-7px;
	right:2px;
	sfont-weight:bold;
	font-weight:normal;
}

.half_day_selected{
	color:#FF6600;
	font-weight:bold;
}

/* allocated, rented period */
.cottage_allocated{
	background-image:url(../images/calendar/back_x.png);
}

.cottage_allocated .date{
	color:#000;
	font-weight:bold;
}

/* begin Custom calendar colors for the daily rent */
.cottage_allocated
{
	background-color:#D0CF9E;
	border: 1px solid #D0CF9E;
}

.cottage_day_by_day_rented
{
	background-color:#D0CF9E;
	border: 1px solid #D0CF9E;
}
/* end Custom calendar colors for the daily rent */


/* cottage_exchange */
.exchange_day_0{
	background-image:url(../images/calendar/26/0.png);
}

.exchange_day_1{
	background-image:url(../images/calendar/26/1.png);
}

.exchange_day_2{
	background-image:url(../images/calendar/26/2.png);
}

.exchange_day_3{
	background-image:url(../images/calendar/26/3.png);
}

.exchange_day_4{
	background-image:url(../images/calendar/26/4.png);
} 

#screenshot {
    color:#f60;
	font-weight:bold;
    position: absolute;
	background-color:#fff;
	border:1px solid #f60;
    padding:5px;
    display: none;
    z-index: 999;
}

.screenshot_head {
}
.screenshot_image {
}
.screenshot_body {
}
.screenshot_foot {
}