/* ----------------------------
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:#ede7d1;
        text-align: center;
}
.year {
        border-style: outset;
        border-width: 0px;
        background-color:#a57e55;
        text-align: center;
}
.month {
        border-style: none;
        background-color:#ede7d1;
        text-align: center;
        margin: 0;
        padding: 0;
}
.yearname {
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        color:#fff;
}
.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: #d7af58;
        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: #ccc;
        color: #384955;
        height:7px;
        width:7px;
}
.today {
        text-align: center;
        font-size: 9px;
        font-weight: bold;
        background-color:#d7af58;
        color: #000;
}
.todayconfirmed {
        text-align: center;
        font-size: 9px;
        font-weight: bold;
        background-color:#996600;
        color: #ffffff;
}
.todayunconfirmed {
        text-align: center;
        font-size: 9px;
        font-weight: bold;
        background-color:#ff6600;
        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: #999;
        height:7px;
        width:7px;
}
.sunday a {
        color: #667171;
}
.saturday {
        text-align: center;
        font-size: 9px;
        font-weight: bold;
        background-color: #999;
        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:#b3976b;
}

.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: #a57e55;
        padding:10px;
}
.infotable1{
        background-color: #a57e55;
        padding:5px;
        border:1px #a57e53 dashed;
        -moz-border-radius: 9px 9px 9px 9px;
}

.infotable_background{
        background-color: #ccc;
}

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

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

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

.pricetableheading1 {
        border-color:#FFFF99;
        background-color: #993300;
        color: #fff;
}

.pricetableheading2 {
        background-color: #993300;
        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: #ede7d1;
        border-top: 1px dotted #a6a6a6;
}
.pricetablemainbg2{
        background-color: #d7af58;
        border-top: 1px dotted #a6a6a6;
}
.listviewtitle{
        color: #fff;
        font-size: 15px;
        font-weight: bold;
}
.listviewtitle_bg{
        background-color: #a57e55;
        height: 20px;
        color: white;
}
.listviewbody1{
        background-color: #fff;
        border-top: 1px dotted #7f7f7f;
        border-bottom: 1px dotted #7f7f7f;
}

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

.list_title{
        background-color: #a57e53;
        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: #d7af58;
        border: 1px solid #fff;
        -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;
}