/* 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 #E8E8E8;
	border-collapse:separate;
}

.calendarTable td{
	width:26px;
	height:30px;
}

/* links for calendar */
.calendarTable a {
	color:black;
}

/* year header */
.calendarYearHeader {  
	height:30px;
	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-size:12px;
	font-weight: bold;
	color: #000;
	text-align:center;
}

/* today */
.calendarToday {
	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;
	border:1px solid #999999;
}

/* 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{
	color:#000;
	font-size:12px;
	font-weight:normal;
	background-color:#F0C81E;
	cursor:pointer;
	border:1px solid #C8A30D;
}	

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

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

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

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

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

/* allocated, rented period 
.cottage_allocated .date{
	font-weight:bold;
	text-decoration:line-through;
}
*/

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

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

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

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

#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: #000;
}

.navItem a:hover {
    color: #BE0023;
}

.navItemCurr a {
    color: #BE0023;
}

/* bod added month navigator end */

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

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

.half_day_selected{
	color:#E20A16;
	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: #BE0023;
	font-weight:bold;
    position: absolute;
	background-color:#fafafa;
	border:1px solid  #BE0023;
    padding:5px;
    display: none;
    z-index: 999;
}
.screenshot_head {
	
}
.screenshot_image {
	
}
.screenshot_body {
}
.screenshot_foot {
	
}