/* ----------------------------

Reservation Manager Style Sheet

for the backend and front-end management only.

This style sheet is not used for any pages rendered to customers

------------------------------- */

/* Martin Gerard */
#makebooking {
	padding-top: 20px;
	padding-bottom: 20px;
}
#makebooking h2 {
	display: none;
}

/* END Martin Gerard */

/* 

------------------------

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;
	
	color: #59522a;



	border-bottom:1px #59522a solid;

	margin:4px 4px 4px 4px;
	padding-bottom: 5px;

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