/* ----------------------------
Reservation Manager Style Sheet
for the backend and front-end management only.
This style sheet is not used for any pages rendered to customers
------------------------------- */

/* 
------------------------
calendar styling...
------------------------ 
*/
a {
	text-decoration: none;
	color: #000000;
	text-align: left;
}
a:hover {
	text-decoration: none;
	color: #3163CE;
}
.calendarbackground {
	border-style: outset;
	border-width: 1px;
	background-color:#cccccc;
	text-align: center;
}
.year {
	border-style: outset;
	border-width: 1px;
	background-color:#cccccc;
	text-align: center;
}
.month {
	border-style: none;
	background-color:#cccccc;
	text-align: center;
	margin: 0;
	padding: 0;
}
.yearname {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
        color:#545453;
}
.monthname {
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	background-color: #DADADA;
	color: #5D5D5D;
	border-style: solid;
	border-width:1px;
}
.dayname td {
	text-align: center;
	font-size: 10px;
	background-color: #3E97CF;
	color: #ffffff;
	border-style: solid;
	border-width:1px;
	width: 20px;
}
.yearnavigation {
	font-size: 12px;
}

.monthnavigation {
	font-family: Tahoma, Arial, sans-serif;
}
.monthpicker {
	font-size: 11px;
	background-color: #eeeeee;
}
.yearpicker {
	font-size: 11px;
	background-color: #eeeeee;
}
.nomonthday {
	text-align: center;
	font-size: 9px;
	height:7px;
	width:7px;
	color: #aaaaaa;
}
.monthday {
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	background-color: #E4E4E4;
	color: #384955;
	height:7px;
	width:7px;
}
.today {
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	background-color:#66FFFF;
	color: #ffffff;
}
.todayconfirmed {
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	background-color:#66FFFF;
	color: #ffffff;
}
.todayunconfirmed {
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	background-color:#66FFFF;
	color: #ffffff;
}
.selectedday {
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	background-color: #66ff66;
	height:7px;
	width:7px;
}
.sunday {
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	background-color: #E4E4E4;
	height:7px;
	width:7px;
}
.sunday a {
	color: #667171;
}
.saturday {
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	background-color: #E4E4E4;
	height:7px;
	width:7px;
}
.saturday a {
	color: #667171;
}
.event {
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	color: red;
	background-color: #ffff99;
	height:7px;
	width:7px;
}
.event a {
	background-color: #ffff99;
	color: red;
}
.selectedevent {
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	color: red;
	background-color: #ffff99;
	height:7px;
	width:7px;
}
.selectedevent a {
	background-color:#66FFFF;
	color: red;
}
.todayevent {
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	color: red;
	height:7px;
	width:7px;
}
.todayevent a {
	background-color:#99CCFF;
	font-size: 9px;
	color: red;
}

.eventcontent {
	font-size: 7px;
	border: 1px dotted #000;
}
.confirmed {
	font-size: 9px;
	background-color: #999999;
	color: #000000;
}
.unconfirmed {
	font-size: 9px;
	background-color: #00FF00;
	color: #000000;
}
.thisbooking {
	background-color:#0099FF;
	text-decoration:blink;
	color: black;
}
.conflictbooking {
	background-color:#FF0000;
	text-decoration:blink;
	color: black;
}
.thisbooking_conflicting {
	background-color:#0099FF;
	text-decoration:blink;
	color: black;
}

/* 
--------------------------------------
Calendar Start and End Half Days 
--------------------------------------
*/ 
.confirmed_start {
	font-size: 9px;
	color: #000000;
	background: #E4E4E4 url(../images/confirmed_start.gif) no-repeat right bottom;
}
.confirmed_end {
	font-size: 9px;
	color: #000000;
	background: #E4E4E4 url(../images/confirmed_end.gif) no-repeat;
}

.unconfirmed_start {
	font-size: 9px;
	color: #000000;
	background: #E4E4E4 url(../images/unconfirmed_start.gif)  no-repeat right bottom;
}
.unconfirmed_end {
	font-size: 9px;
	color: #000000;
	background: #E4E4E4 url(../images/unconfirmed_end.gif) no-repeat;
}

.todayconfirmed_start {
	text-decoration:blink;
	color: black;
	background: #66FFFF url(../images/thisbooking_start.gif) no-repeat right bottom;
}

.thisbooking_start {
	text-decoration:blink;
	color: black;
	background: #E4E4E4 url(../images/thisbooking_start.gif) no-repeat right bottom;
}
.thisbooking_end {
	text-decoration:blink;
	color: black;
	background: #E4E4E4 url(../images/thisbooking_end.gif) no-repeat;
}

.conflictbooking_start {
	text-decoration:blink;
	color: black;
	background: #E4E4E4 url(../images/conflictbooking_start.gif) no-repeat right bottom;
}
.conflictbooking_end {
	text-decoration:blink;
	color: black;
	background: #E4E4E4 url(../images/conflictbooking_end.gif) no-repeat;
}

.thisbooking_conflicting_start {
	text-decoration:blink;
	color: black;
	background: #E4E4E4 url(../images/thisbooking_conflicting_sta.gif) no-repeat right bottom;
}
.thisbooking_conflicting_end {
	text-decoration:blink;
	color: black;
	background: #E4E4E4 url(../images/thisbooking_conflicting_end.gif) no-repeat;
}

.thisbooking_confirmedthisbooking {
	text-decoration:blink;
	color: black;
	background: #0099FF url(../images/confirmedthisbooking.gif) no-repeat;	
}
.confirmed_confirmedconfirmed {
	font-size: 9px;
	color: #000000;
	background: #999999 url(../images/confirmedconfirmed.gif) no-repeat;
}
.confirmed_unconfirmedunconfirmed {
	font-size: 9px;
	color: #000000;
	background: #00FF00 url(../images/unconfirmedunconfirmed.gif) no-repeat;
}

.unconfirmed_confirmedunconfirmed {
	font-size: 9px;
	color: #000000;
	background: #00FF00 url(../images/confirmedunconfirmed.gif) no-repeat;
}
.unconfirmed_unconfirmedconfirmed {
	font-size: 9px;
	color: #000000;
	background: #999999 url(../images/unconfirmedconfirmed.gif) no-repeat;
}

.thisbooking_unconfirmedthisbooking {
	text-decoration:blink;
	color: black;
	background: #0099FF url(../images/unconfirmedthisbooking.gif) no-repeat;
}
.thisbooking_thisbookingunconfirmed {
	text-decoration:blink;
	color: black;
	background: #00FF00 url(../images/thisbookingunconfirmed.gif) no-repeat;
}

.conflictbooking_thisbookingconfirmed {
	text-decoration:blink;
	color: black;
	background: #999999 url(../images/thisbookingconfirmed.gif) no-repeat;
}
.conflictbooking_confirmedthisbooking {
	text-decoration:blink;
	color: black;
	background: #0099FF url(../images/confirmedthisbooking.gif) no-repeat;
}
/* 
--------------------------------------
end
--------------------------------------
*/ 

.calselected{
	background-color: #FFCD00;
	text-decoration:blink;
	color: #000;
}

/* 
--------------------------------------
Page style/ used by all page elements
--------------------------------------
*/ 
.header {
	text-align: left;
	background-color: #f4f4f4;
}

.subheader {
	text-align: left;
	background-color: #e6e6e6;
	border-bottom:1px;
}

.bookbutton {
	background-color: #e5e5e5;
	border:1px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	color:#000000;
	text-align: center;
}
 
.style3 {
	font-size: 14px;
}

.style4 {
	font-size: 14px; font-weight: bold; 
}

.style5 {
	color: #FFFFFF;
}

/* sets the booking summary pages colors*/
.bookingsummary1 {
	background-color:#FFFFFF;
}

.bookingsummary2 {
    font-size: 16px;
	font-weight:bold;

	border-bottom:1px #545453 dashed;
	margin:4px 4px 4px 4px;
	background-color: #dedede;
}

.bookingsummary3 {
	background-color: silver;
}

/* sets the info and facilities table colors*/

.infotable{
	background-color: #f9f9f8;
        padding:10px;
}
.infotable1{
	background-color: #f9f9f8;
        padding:5px;
        border:1px #d7d7d5 dashed;
        -moz-border-radius: 9px 9px 9px 9px;
}

.infotable_background{
	background-color: #ccc;
}

.infoandfacility1 td {
	background-color: #e3e3e2;
        padding:10px;
}

.infoandfacility2 td {
	background-color: #f6f6f5;
        padding:10px;
}

/* sets the pricetable colors*/
.pricetableborder1 {
	border-color:#999999;
}

.pricetableheading1 {
	border-color:#FFFF99;
	background-color: #f1f1f1;
	color: #3f3f3f;
}

.pricetableheading2 {
	background-color: #7f7f7f;
	padding:0;
	border-width:thin;
	color: #fff;
}

.pricetable1 {
	background-color: #9a98cc;		
}

.pricetable2 {
	background-color: #fafafa;
}

/* used for the alternative colors of the page table*/
.pricetablemainbg1{
	background-color: #f8f8f8;
	border-top: 1px dotted #a6a6a6;
}
.pricetablemainbg2{
	background-color: #e9e9e9;
	border-top: 1px dotted #a6a6a6;
}
.listviewtitle{
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}
.listviewtitle_bg{
	background-color: #bebebe;
	height: 20px;
	color: white;
}
.listviewbody1{
	background-color: #fff;
	border-top: 1px dotted #7f7f7f;
	border-bottom: 1px dotted #7f7f7f;
}

.listviewbody2{
    	padding:5px;
	background-color: #ededed;
	border-top: 1px dotted #7f7f7f;
	border-bottom: 1px dotted #7f7f7f;
}

.list_title{
	background-color: #efefef;
	colour: black;
}

.infobutton{
	width: 80px;
	height: 25px;
	border: 1px solid #444;
	-moz-border-radius: 5px;
	color: #626262;
	text-align: center;
	float: right;
	background: url(../images/button_bg.gif) repeat-x;
	padding: 5px 10px;
	font: bold 10px/11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	
}
.infobutton:hover{
	color: #000;
	font-weight: bold;
}
/* 
------------------------
pop-up datepicker style
------------------------
*/ 
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
        padding:5px;
	background-color: #eaeae9;
	border: 1px solid #d1d1d0;
        -moz-border-radius: 6px 6px 6px 6px;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #e6e6e6;
	font-weight: bold;
	padding: 0px;
        border:1px #b1b1b1 solid;
	}


/* the "This Month" bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #e6e6e6;
	font-weight: bold;
        border:1px #b1b1b1 solid;
	}

/* tab css */

.tabPane{
	height:21px;	/* Height of tabs */
	border-bottom:1px solid #919b9c;
}
.aTab{
	border-left:1px solid #919b9c;
	border-right:1px solid #919b9c;
	border-bottom:1px solid #919b9c;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	padding:5px;		

}
.tabPane DIV{
	float:left;
	height:100%;	/* Height of tabs */
	padding-left:3px;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:bottom left;
	cursor:pointer;
	position:relative;
	bottom:-1px;
	margin-left:0px;
	margin-right:0px;
}
.tabPane .tabActive{
	background-image:url('../images/tab_left_active.gif');
	margin-left:0px;
	margin-right:0px;	
	z-index:10;	
}
.tabPane .tabInactive{
	background-image:url('../images/tab_left_inactive.gif');
	margin-left:0px;
	margin-right:0px;
	z-index:1;
}

.tabPane .inactiveTabOver{
	background-image:url('../images/tab_left_over.gif');
	margin-left:0px;
	margin-right:0px;
}
	.tabPane span{
	font-family:arial;
	vertical-align:top;
	font-size:11px;
	padding-left:3px;
	padding-right:3px;		
	line-height:21px;
	float:left;
}
.tabPane .tabActive span{
	padding-bottom:1px;
	line-height:20px;
}
	
.tabPane img{
	float:left;
}


#loadingmessage {
width: 200px;
height: 40px;
background-color:#CCCCCC;
position: absolute;
left: 50%;
top: 50%;
margin-top: -70px;
margin-left: -100px;
text-align: center;
}

.pricetableAdmin {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

a.resman_button {
background: transparent url('../images/button_end.png') no-repeat right;
color: black;
display: block;
float: right;
font: normal 12px arial, sans-serif;
height: 26px;
margin-right: 6px;
text-decoration: none;
border-style: none;
padding: 5px 18px 5px 0;

}

a.resman_button span {
background: transparent url('../images/button_span.png') no-repeat 0 top;
display: block;
height: 26px;
padding: 5px 0 5px 18px;
border-style: none;
}

#photodiv {
background-repeat: no-repeat;
}

.pricefont1 {
	font-size: small;
	color: #000;
	text-align: left;
}

.pricefont2 {
	font-size: x-large;
	color: orange;
	text-align: center;
}

.roomtypes{
	border: 1px dotted #ccc;
	text-align: center;
}

.roomtype_header{
	border: 1px dotted #ccc;
	background-color: #e3e3e2;
	font-weight: bold;
	text-align: center;
}

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('../images/arrow.gif');
	width:20px;
	position:absolute;
	left:0px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border: 2px solid #737373;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:450px;	/* Width of tooltip content */
	/* height:400px;	Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}

/* 
------------------------
Table Border Styling..
------------------------ 
*/
#flexibleborder500 {
	width:500px;
	margin:0px auto;
	background:#fff url(../images/left_border_small.png) repeat-y left top;
}

#flexibleborder600 {
	width:600px;
	margin:0px auto;
	background:#fff url(../images/left_border_small.png) repeat-y left top;
}
.flexible_top {
	width:100%;
	height:15px;
	background:url(../images/top_left_border.png) no-repeat left top;
}

.flexible_top span {
	display:block;
	position:relative;
	height:15px;
	background:url(../images/top_right_border.png) no-repeat right top;
	
}

.flexible_center {
	position:relative;
	background:url(../images/right_border_small.png) repeat-y right top;
	padding: 1px 0 1px 25px;
	margin: -1px 0 0;
}

.flexible_bottom {
	margin: 0px auto auto;
	height:21px;
	background:url(../images/left_bottom_border.png) no-repeat left bottom;
}

.flexible_bottom span {
	margin: 0 auto auto;
	display:block;
	position:relative;
	height:21px;
	background:url(../images/right_bottom_border.png) no-repeat right top;
}
.highslide{
        padding:5px;
        display:block;
        float:left;
}

.featured_properties_mini_table{
	background-color: #e6e6e6;
	border: 1px solid #191919;
	-moz-border-radius: 9px 9px 9px 9px;
}

.featured_properties_mini_readmore_link{
	color: #191919;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	text-align: right;
}

.featured_properties_mini_readmore_link:hover{
	font-weight: bold;
	color: #191919;
	text-align: right;
}

.backend_dotted_table {
	border: 1px dotted gray;
}

/* BEGIN: Availability gannt chart */
table.resman_gannt_table {}
table.resman_gannt_table td {
	border: 1px solid black;
}
table.resman_gannt_table td.resman_first_header_cell {
	border: 0px;
}
table.resman_gannt_table td.resman_header_cell {}
table.resman_gannt_table td.resman_first_day_cell {
	border: 0px;
}
table.resman_gannt_table td.resman_day_cell {
	width: 20px;
	background-color: #AAAAAA;
}
table.resman_gannt_table td.resman_cell {}
table.resman_gannt_table td.resman_unit_name_cell {
	padding-left: 2px;
	padding-right: 2px;
}
td.resman_unit_available_cell {
	background-color: white;
}
td.resman_unit_unconfirmed_cell {
	background-color: #00FF00;
}
td.resman_unit_notavailable_cell {
	background-color: #777777;
}
/* END: Availability gannt chart */

.progress_bar_font{
	font-size: 10px;
	color: #333;
}

._listview_right{
    text-align: right;
	float: right;
}

img.contactus_link {
	margin-bottom: -4px;
}

div.contact_forsale_area {
	float: right;
}