body {margin: 0; background: #000000  repeat-x top; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF;}

IMG { border: 0; }
A { -moz-outline-style: none; }
* {margin:0;padding:0}
p{margin:0 0 1em 0}
html,body{margin:0;padding:0; overflow: hidden;}
body{height:100%;margin:0; }

#page_middle{
    overflow:auto;
    left:0px;
    right:0px;
	border: solid 0px red;
    bottom:0px;
}

#page_footer{
        position:absolute;
        left:0px;
        right:0px;
        bottom:0;
        height:30;
        overflow:hidden;
	border: solid 0px blue;
}
#page_header{
        left:0px;
        right:0px;
        top:0;
        height:165px;
        overflow:hidden;
	border: solid 0px green;
}




.hide { display: none; }
.bold { font-weight: bold; }

.body .boxTitle { font-weight: bold; font-size: 18px; border-bottom: 1px solid #00265E; padding-bottom: 10px; }
.body .boxCopy { width: 345px; float: left; }
.body .boxImage { width: 130px; float: right; }

A { color:#FFF; }

.text_alert { color: #F00  }

.smalltext { font-size: 9pt; color: #888 }

/*

	These are the CSS Tags for the standard header on every page

*/
#AAAAheader { padding-top:10px; height: 97px; background: url(../images/headerbar.gif) repeat-x; font-size: 10px; font-family: Arial, Helvetica, sans-serif; border: 0px solid #F00 ; overflow: hidden; }

#hotel_rooms_wizard { border: 1px solid #000; clear: both; padding-top:0px; margin: 0px; background:url(../images/wizardgrey.gif) repeat-x; height:29px; }
#hotel_rooms_wizard OL { padding-top: 0px; padding-bottom:0px; margin: 5px; list-style-type: decimal;  }
#hotel_rooms_wizard OL LI { padding-left:2px; padding-right:50px; margin: 0px; list-style-type: decimal;  text-align: center; float:left;}
#roomselector { clear:both; float:left; width:500px; }
#roomeditlist {  }


/*#header { padding-top:10px; height: 70px; background: url(../images/headerBG.gif) repeat-x; font-size: 10px; overflow: hidden; clear:both;}*/

#header #logo { display: block; padding-top: 15px; padding-left: 10px; float: left; }
#header #menu { }
#header #menu UL {  padding-top:15px; margin: 0 auto ; list-style-type: none;  }
#header #menu UL LI { margin: 0; margin-top:10px; list-style-type: none; width: 80px; height: 70px; text-align: center; float: left; }
#header #menu UL LI A { display: block; width: 80px; height: 25px; padding-top: 65px; color: #FFF; text-decoration:none }


#map A { color: #FFF; text-decoration:none  }
#options { clear: both; border: 0px solid #00F; }

#hotelstatusbed #bed  { width:80px;  height:60px }
#hotelstatusbed #bed  { text-align:center;  }
#hotelstatusbed #bed A  { color:#000; font-size:10px  }
#hotelstatusbed #bed  { background: url(../images/bed_normal.gif) no-repeat top center; }

#hotelstatusbed #bed_alert  { width:80px;  height:60px }
#hotelstatusbed #bed_alert { text-align:center;  }
#hotelstatusbed #bed_alert A  { color:#FFF; font-size:10px  }
#hotelstatusbed #bed_alert  { background: url(../images/bed_warning.gif) no-repeat top center; }

#hotelstatusbed #bed_vacant_occupancy  { width:80px;  height:60px }
#hotelstatusbed #bed_vacant_occupancy { text-align:center;  }
#hotelstatusbed #bed_vacant_occupancy A  { color:#FFF; font-size:10px  }
#hotelstatusbed #bed_vacant_occupancy { background: url(../images/bed_vacant.gif) no-repeat top center; }

#hotelstatusbed #bed_short_occupancy  { width:80px;  height:60px }
#hotelstatusbed #bed_short_occupancy { text-align:center;  }
#hotelstatusbed #bed_short_occupancy A  { color:#000; font-size:10px  }
#hotelstatusbed #bed_short_occupancy { background: url(../images/bed_normal.gif) no-repeat top center; }

#hotelstatusbed #bed_long_occupancy  { width:80px;  height:60px }
#hotelstatusbed #bed_long_occupancy { text-align:center;  }
#hotelstatusbed #bed_long_occupancy A  { color:#FFF; font-size:10px  }
#hotelstatusbed #bed_long_occupancy { background: url(../images/bed_occupied.gif) no-repeat top center; }


#hotelinfotable { float:left; width:500px; display: none; }

#aahotelstatus_leftable { float:left; width:800px ; display:none;}
#hotelstatus_leftable { float:left; width:800px ; display:none;}
#hotelstatus_leftable2 { float:left; width:800px ; display:none;}
#hotelstatustable { max-height:700px  ; }

#footer { clear: both; text-align:center; }

td.red_background { border: 1px solid #F00;  background-color:red ;}


#hotelstatustable table { background-color: white; width:100%; color: #000 }
#hotelstatustable table A { background-color: white; width:100%; color: #000 }

#closeTab { float: right; }
#createRoomLink { font-size: 14px; margin-left: 10px; }
#hotelstatustable { clear: right; }


#myTable { margin: 0; }

#thermostatscreen { padding:0px; height: 136px; width: 264px; background: url(../images/message_screen.gif) ; background-repeat:no-repeat;}
#thermostatscreen TD { text-align:center ; color:#000}
#thermostatscreen #thermostatscreen_header  {  height: 0px; width: 0px;}
#thermostatscreen #thermostatscreen_footer {  height: 0px; width: 0px;}

#thermostatscreenmain { padding:0px; height: 136px; width: 264px; background: url(../images/home_screen.gif) ; background-repeat:no-repeat;}


#alertTrayBar { border: 0px solid #00F; padding-bottom:0px; margin:0px; height: 30px; line-height: 30px; background: url(../images/alertTrayBar.gif) repeat-x; width:100%;}
#alertTrayBar table { border: 0px solid #0FF; padding:0px; margin-top:0px; height: 20px; line-height: 20px; }
#alertTrayRedBox { border: 0px solid #F00; font-size: 14px; margin:0px; padding:0px; margin-top: -5px; height: 30px; line-height: 30px; background: url(../images/alertRedBox.gif) no-repeat ; background-position:center; text-align:center; display: block; width: 80px; text-decoration:none}
#alertTrayRedBoxb { border: 1px solid #F00; font-size: 14px; margin:0px; padding:0px; padding-left: 0px; height: 30px; line-height: 30px; background: url(../images/alertRedBox.gif) no-repeat ; background-position:center; text-align:center; display: block; width: 80px; text-decoration:none}


#alert_popup_tray_hotel_NOTUSED { position:absolute; left:0px; right:0px; bottom:0; height:110px; overflow:auto; border: solid 0px blue; display: none; background-color: #FFF}
#alert_popup_tray_all_NOTUSED{ position:absolute; left:0px; right:0px; bottom:0; height:110px; overflow:auto; border: solid 0px blue;  display: none; background-color: #FFFFFF}

#report_chart { background: #FFFFFF ; color: #000  }

#warning_text { color: #ff0000 ; text-align:center }

.room_ball_occupied
{
        position: absolute;
	height: 30px;
	width: 30px;
	line-height: 30px;
	background: #CCF;
	text-align: center;
	font-size: 10px;
	background: url(../images/balls30_blue.png) no-repeat top center ;
}

.room_ball_unoccupied
{
        position: absolute;
	height: 30px;
	width: 30px;
	line-height: 30px;
	background: #CCF;
	text-align: center;
	font-size: 10px;
	background: url(../images/balls30_darkgray.png) no-repeat top center ;
}

.bed_ball{
    position: absolute;
	height: 30px;
	width: 30px;
	line-height: 30px;
	background: #CCF;
	text-align: center;
	font-size: 10px;
	background: url(../images/balls30_green.png) no-repeat top center ;
}
.bed_ball_red{
        position: absolute;
	height: 30px;
	width: 30px;
	line-height: 30px;
	background: #CCF;
	text-align: center;
	font-size: 10px;
	background: url(../images/balls30_red.png) no-repeat top center ;
}
.bed_ball_yellow{
        position: absolute;
	height: 30px;
	width: 30px;
	line-height: 30px;
	background: #CCF;
	text-align: center;
	font-size: 10px;
	background: url(../images/balls30_yellow.png) no-repeat top center ;
}
.bed_ball_orange{
        position: absolute;
	height: 30px;
	width: 30px;
	line-height: 30px;
	background: #CCF;
	text-align: center;
	font-size: 10px;
	background: url(../images/balls30_orange.png) no-repeat top center ;

}
.bed_ball_gray{
    position: absolute;
	height: 30px;
	width: 30px;
	line-height: 30px;
	background: #CCF;
	text-align: center;
	font-size: 10px;
	background: url(../images/balls30_gray.png) no-repeat top center ;

}




.bed_ball_big{
        position: absolute;
	height: 60px;
	width: 60px;
	background: #CCF;
	text-align: center;
	font-size: 14px;
	background: url(../images/balls60_green.png) no-repeat top center ;
}
.bed_ball_small{
        position: absolute;
	height: 15px;
	width: 15px;
	background: #CCF;
	text-align: center;
	font-size: 6px;
	background: url(../images/balls15_green.png) no-repeat top center ;
}

.nohandle a { text-decoration: none;  }
.ball_in_report { font-size: 12px;  }
.handle {
	cursor: move;
	}
.empty_tray{
height: 400px;
width: 925px;
background: #000;
border: 1px solid #000;
text-align: center;
font-size: 10px;
}


/*
	Let's configure the splitter divs here
*/

#BottomPane { height: 30px; overflow: hidden; }

#ContentPane .hsplitbar {}
#ContentPane .hsplitbar.active {  }
#ContentPane {overflow: hidden; padding:0px;margin:0px;width:100%; height:300px;}


/*
	if we want to split the page a second direction we use the left/right divs
*/
#TopPane .vsplitbar{ width: 6px; background: #ccc url(../images/splitter_img/vgrabber.gif) no-repeat center; }
#TopPane .vsplitbar.active { background: #da8 url(../images/splitter_img/vgrabber.gif) no-repeat center; opacity: 0.7; }

#scroll_bar_toggle_pane { overflow:auto;  height:100%; border: 0px solid pink}


#LeftPane {
        width: 225px;           /* optional, initial splitbar position */
        min-width: 0px;        /* optional */
        /* No margin or border allowed */
}
/*
 * Right-side element of the splitter.
 */
#RightPane {
        /* No margin or border allowed */
        min-width: 100px;
        /* No margin or border allowed */

}

/* Dialog CSS for date picker */
.ui-datepicker { z-index: 3000 }

#bhotel_datatable{ max-height:100%; overflow-y: auto;  overflow-x:auto}
#hotel_datatable{ overflow-y: auto;  overflow-x:auto}
#hotel_datatable table { background-color: white; width:100%; color: #000 }
#hotel_datatable table A { background-color: white; width:100%; color: #000 }

#roomdetail_config { background-color: #595959}
#roomdetail_config td { background-color: white; color: #000 }


/**
 * Default settings common with re-implemented stylsheets starting 09/01/2009
 **/

table.tablesorter thead tr .headerSortUp {
	background-repeat: no-repeat;
    background-position: center right;
	vertical-align: middle;
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-repeat: no-repeat;
    background-position: center right;
	vertical-align: middle;
	background-image: url(../images/desc.gif);
}

#ts-content {overflow: auto;}

.legend {color: #333333; display: block;}
.legend div {padding: 20px;}

.notification-link {margin-left: 5px;background: #ffffff; padding: 2px; padding-left: 5px; padding-right: 5px;  text-decoration: none; font-size: 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

.bed-ball {height: 30px; width: 30px; line-height: 30px; text-align: center; font-size: 10px; background: no-repeat top center; float: left;}
#header {z-index: 50}
.bed-ball a {color: #ffffff; font-weight: 900;}

.header {white-space: nowrap; padding-left: 5px; padding-right: 5px;}
#green_title_table {text-align: center;}

#user ul li { margin: 5px; margin-left: 0px; list-style-type: none; text-align: center; float: left; }
#user ul li.delimiter {font-size: 15px; margin-top: 5px;}
#user select {font-size: 12px; width: 150px; padding-top: 0px; padding-bottom: 0px;}
#user option {padding-top: 0px; padding-bottom: 0px;}
#user ul li#username { margin: 5px; list-style-type: none;  text-align: center; float: right; }
#user ul li#logout { margin: 5px; list-style-type: none;  text-align: center; float: right; }


.category-menu table tr td a  {border: solid 0px red; margin: 0; list-style-type: none; display:block; text-align: center; width: 80px; height: 25px; padding-top: 60px; text-decoration:none; }
.category-menu td div  {margin-top: 10px; }
.category-menu div {background-repeat: no-repeat; background-position: top center; }
.category-menu a {background-repeat: no-repeat; background-position: top center;font-size: 10px;}

#pages-menu {width: 100%; white-space: nowrap; border: 0px solid #00F; padding-bottom:0px; margin:0px; height: 30px; line-height: 30px; background-repeat: repeat-x; } 
.page-menu-button {
 padding-left:10px;
 padding-right:10px;
 float: left;
 height:30px;
 line-height:30px;
 background-repeat: repeat-x;
 margin-right:0px;
 text-decoration: none;
 font-size: 14px;
 text-align: center;
 border: solid 1px ;
 border-right-style: solid;
 border-left-style: solid;
 border-top-style: none;
 border-bottom-style: none;
} 

.content-body-dataset {background-color: #ffffff; padding: 0; text-align: center; width: 100%; border-spacing: 0;}
.content-body-dataset tr th { padding-top: 10px; padding-bottom: 10px;}
th.content-body {padding: 10px; padding-bottom: 10px;}
.content-body-dataset tr td { padding-left: 4px; padding-right: 4px;}

.data-background-light a {color: #333333;}
.data-background-dark a {color: #333333;}
.data-background-white {background-color: #ffffff; color: #333333;}

.content-group {padding: 0px; background-color: #333333; color: #ffffff; width: 100%;}
table.content-group {border: 4px solid #333333;}

.content-header {padding-top: 3px; padding-left: 3px; padding-right: 3px; padding-bottom: 3px; font-size: 12px; color: #cdcdcd; font-weight: 900; background: #333333;}
.content-header .div-left {padding-top: 5px; padding-bottom: 5px; font-size: 13px;}

.content-body th {padding: 5px; text-align: left;}
.content-body {background-color: #ffffff; padding: 0;}

.colored-text-box {text-align: center; font-size: 11px; padding: 2px; border: none; }

.box-anchor {padding: 1px; text-decoration: none;}
.box-anchor-select {padding-right: 3px; padding-left: 3px; border: 1px; text-decoration: none; }

.text-font-size-small {font-size: 12px;}
.text-font-size-large {font-size: 15px;}
.text-weight-bold {font-weight: 900;}
.text-weight-normal {font-weight: 200;}

.box-anchor {color: #ffffff;}

.text-color-red {color: red;}
.text-color-blue {color: #6dcef5;}
.text-color-orange {color: #f26522;}
.text-color-lite-orange {color: #f99d1c;}
.text-color-yellow {color: #e7d828;}

.div-left {float: left; text-align: left; width: 40%;}
.div-right {float: left; width: 60%;}

.yellow-background {background: #e7d828;}