body {margin:0;padding:0;background-color:#FFFFFF;font:normal 11px/16px Verdana, Arial, sans-serif;}

h1, h2, h3, h4, h5, h6, p {background-color:transparent;margin:0;padding:0;}
h1 {color:#5C815C;font:normal 24px/28px Verdana, Arial, sans-serif;}
h2 {color:#6374AD;font:normal 20px/24px Verdana, Arial, sans-serif;}
h3 {color:#5B80A4;font:normal 16px/22px Verdana, Arial, sans-serif;padding-top:10px;}
h4 {color:#47595F;font:normal 14px/20px Verdana, Arial, sans-serif;}
h5 {color:#47595F;font:bold 12px/16px Verdana, Arial, sans-serif;}
p, ul, ol {line-height:1.4em;color:#2c1e2b;font:normal 12px/16px Verdana, Arial, sans-serif;}

a:link {text-decoration:none;color:#9d659a;}
a:visited {text-decoration:none;color:#9d659a;}
a:active {text-decoration:none;color:#9d659a;}
a:hover {text-decoration:none;color:#4F314D;}

img {border:0;z-index:50;}
hr {height:0;border:0 solid #A0AD85;border-top-width:1px;margin:0;padding:0;width:100%;}
strong {color:#6374AD;font:bold 12px/16px verdana,helvetica,sans-serif;}
em {color:#6374AD;}

#container_blue_line_fix {width:auto;margin:auto 10px; }/* this was causing the problem blue line */
#admin_container_table {border-top:1px solid #83B6BF; border-right:1px solid #83B6BF; border-bottom:1px solid #83B6BF; border-left:1px solid #83B6BF; margin:10px 10px 10px 0px;}

#container {width:auto;margin:auto 10px;padding:0px;border:1px solid #83B6BF;}/* this is the problem blue line */

#header{background:#fff url(../images/header.jpg) top left no-repeat;margin:0;padding:0;width:100%;height:120px;border-bottom:4px double #83B6BF;z-index:3;}
#header img {padding:0;margin:0;}
#header h3 {color:#5B80A4;font:bold 16px/22px Verdana, Arial, sans-serif;text-transform:uppercase;text-align:center;padding-top:10px;}
#header h4 {text-align:right;margin-top:25px;padding-right:10px;color:#4F314D;font:normal 14px/20px Verdana, Arial, sans-serif;}
#header a {font:bold 12px/16px Verdana, Arial, sans-serif;text-decoration:none;}

#content_left{float:left; width:220px;}

#content_right{padding:20px 20px 0 20px; margin:0;}
#content_right .rate{color:#47595F;font:bold 12px/16px Verdana, Arial, sans-serif;padding:0 10px 0 10px;margin:0;vertical-align:middle;}
#content_right .rate img{padding:0 0 0 10px;margin:0;vertical-align:middle;width:16px;height:16px;}

#content_right .text1{color:#47595F;font:bold 12px/16px Verdana, Arial, sans-serif;padding:0 10px 0 10px;margin:0;vertical-align:middle;}
#content_right .text1 img{padding:0 0 0 10px;margin:0;vertical-align:middle;width:35px;height:36px;}

#content_right_inner {margin:0;padding:0}
#content_right_inner h3, h4, p {padding-bottom:10px;}
.CollapsiblePanelContent p {padding:10px 10px 0 10px; line-height: 21px;}
.CollapsiblePanelContent ol {margin-left:40px; line-height: 21px;}


table.borders2 {border-top:0px solid #83B6BF;border-left:0px solid #83B6BF; padding: 6px;}
tr.other_header2 {background: #dee9f1; padding: 6px;}
tr.other_header2 a {font-weight:bold; padding: 6px;}
tr.other2 {background: #ffffff; padding: 6px;}
tr.every_other2 {background: #c8cfdb; padding: 6px;}
td.borders2 {border-right:0px solid #83B6BF;border-bottom:0px solid #83B6BF; padding:6px!important;}

table.borders1 {border-top:1px solid #83B6BF;border-left:1px solid #83B6BF;}
tr.other_header {background: #d5e2ed;}
tr.other_header a {font-weight:bold;}
tr.other {background: #ffffff;}
tr.every_other {background: #c8cfdb;}
td.borders1 {border-right:1px solid #83B6BF;border-bottom:1px solid #83B6BF; padding:4px 0;}
/*9F986D*/
#scroll_long {overflow:visible;background-color:#fff;padding:0;margin:0;/*border: 1px solid #ff0000;*/font:normal 12px/12px arial,helvetica,sans-serif;color:#1F1B19;}

.scroll_long_inner {height:auto;width:1400px;}/*1363px 100% auto*/

div.scroll_long_inner .long {width:200px;height:30px;float:left;text-align: center;margin:0;padding:0;border-right:1px solid #D9D4B7;border-bottom:1px solid #D9D4B7;background-color:#F3F7F8;vertical-align:middle;font:bold 14px/30px Verdana, Arial, sans-serif;color:#47595F;}

/* long_room_name should be phased out. it's left here to prevent problems */
div.scroll_long_inner .long_room_name       {width:200px;height:20px;float:left;text-align:center;margin:0;padding:3;border-right:1px solid #D9D4B7;border-bottom:1px solid #D9D4B7;background-color:#F3F7F8;vertical-align:middle;font:normal 12px/20px Verdana, Arial, sans-serif;color:#47595F;}
div.scroll_long_inner .long_room_name_left  {width:200px;height:20px;float:left;text-align:center;margin:0;padding:3;border-right:1px solid #D9D4B7;border-bottom:1px solid #D9D4B7;background-color:#F3F7F8;vertical-align:middle;font:normal 12px/20px Verdana, Arial, sans-serif;color:#47595F;border-left:1px solid #D9D4B7;}
div.scroll_long_inner .long_room_name_right {width:200px;height:20px;float:left;text-align:center;margin:0;padding:3;border-right:1px solid #D9D4B7;border-bottom:1px solid #D9D4B7;background-color:#F3F7F8;vertical-align:middle;font:normal 12px/20px Verdana, Arial, sans-serif;color:#47595F;}

div.scroll_long_inner .short                    {width:30px; height:30px; float:left; text-align: center;margin:0; padding:3; border-right:1px solid #D9D4B7;border-bottom:1px solid #D9D4B7; font:normal 12px/14px Verdana, Arial, sans-serif; color:#47595F;}
div.scroll_long_inner .short_header             {width:30px; height:30px; float:left; text-align: center;margin:0; padding:3; border-right:1px solid #D9D4B7;border-bottom:1px solid #D9D4B7; font:normal 12px/14px Verdana, Arial, sans-serif; color:#47595F;}
div.scroll_long_inner .short_header_top         {width:30px; height:30px; float:left; text-align: center;margin:0; padding:3; border-right:1px solid #D9D4B7;border-bottom:1px solid #D9D4B7; font:normal 12px/14px Verdana, Arial, sans-serif; color:#47595F; border-top:1px solid #D9D4B7;}
div.scroll_long_inner .short_weekend            {width:30px; height:30px; float:left; text-align: center;margin:0; padding:3; border-right:1px solid #D9D4B7;border-bottom:1px solid #D9D4B7; font:normal 12px/14px Verdana, Arial, sans-serif; color:#47595F; background-color:#d8edf4;}
div.scroll_long_inner .short_weekend_top        {width:30px; height:30px; float:left; text-align: center;margin:0; padding:3; border-right:1px solid #D9D4B7;border-bottom:1px solid #D9D4B7; font:normal 12px/14px Verdana, Arial, sans-serif; color:#47595F; background-color:#d8edf4; border-top:1px solid #D9D4B7;}
div.scroll_long_inner .short_header_current     {width:30px; height:30px; float:left; text-align: center;margin:0; padding:3; border-right:1px solid #D9D4B7;border-bottom:1px solid #D9D4B7; font:normal 12px/14px Verdana, Arial, sans-serif; color:#000000; background-color:#ADD8E6;}
div.scroll_long_inner .short_header_current_top {width:30px; height:30px; float:left; text-align: center;margin:0; padding:3; border-right:1px solid #D9D4B7;border-bottom:1px solid #D9D4B7; font:normal 12px/14px Verdana, Arial, sans-serif; color:#000000; background-color:#ADD8E6; border-top:1px solid #D9D4B7;}

div.scroll_long_inner .short_checkbox {width:30px;height:20px;float:left;text-align:center;margin:0;padding:3;border-right:1px solid #D9D4B7;border-bottom:1px solid #D9D4B7;font:normal 11px/20px Verdana, Arial, sans-serif;color:#47595F;}

div.scroll_long_inner .short_checkbox_out_of_range {color:#CFCFCF;background-color:#EEEEEE !important;width:30px;height:20px;float:left;text-align:center;margin:0;padding:3;border-right:1px solid #D9D4B7;border-bottom:1px solid #D9D4B7;font:normal 11px/20px Verdana, Arial, sans-serif;color:#47595F;}

div.scroll_long_inner .short_checkbox_expired {color:#EEEEEE;background-color:#EEEEEE !important;width:30px;height:20px;float:left;text-align:center;margin:0;padding:3;border-right:1px solid #D9D4B7;border-bottom:1px solid #D9D4B7;font:normal 11px/20px Verdana, Arial, sans-serif;color:#47595F;}

div.scroll_long_inner .short_checkbox_current {color:#EEEEEE;background-color:#ADD8E6;width:30px;height:20px;float:left;text-align:center;margin:0;padding:3;border-right:1px solid #D9D4B7;border-bottom:1px solid #D9D4B7;font:normal 11px/20px Verdana, Arial, sans-serif;color:#47595F;}

div.scroll_long_inner .short_checkbox_every_other {width:30px;height:20px;float:left;text-align:center;margin:0;padding:3;border-right:1px solid #D9D4B7;border-bottom:1px solid #D9D4B7;background-color:#f4f6f7;font:normal 11px/20px Verdana, Arial, sans-serif;color:#47595F;}

div.scroll_long_inner .short_checkbox_weekend {width:30px;height:20px;float:left;text-align: center;margin:0;padding:3;border-right:1px solid #D9D4B7;border-bottom:1px solid #D9D4B7;background-color:#d8edf4;font:normal 11px/20px Verdana, Arial, sans-serif;color:#47595F;}

div.scroll_long_inner .line {clear:both;margin:0;padding:3;border-bottom: 1px solid #ccc;display:block;}

.iconspan{float: right;margin: 0;cursor:pointer;font:bold 12px/16px Verdana, Arial, sans-serif;}
.eg-bar{font-weight: bold;background-color:#EFEDE0;border: 1px solid #D9D4B7;padding: 3px;}
div.eg-bar{width: 500px;}
.icongroup1{width: 500px;}

form {padding:0;margin:0;z-index:500;}
.form {font:normal 12px/16px arial,helvetica,sans-serif;color: #383D42;margin:10px 10px 10px 0;padding:0;text-align:left;z-index:600;}

input.submit {width:auto; overflow:visible;}
html>/**/body .submit {margin:0;color:#FFFFFF;padding: 6px 8px 6px 8px;background-color:#456D7E;font:normal 13px/16px Verdana, Arial, sans-serif;border-width:0px;cursor:pointer;width:155px;}
.submit {margin:0;color:#FFFFFF;padding: 0 6px 0 6px;background-color:#456D7E;font:normal 13px/16px Verdana, Arial, sans-serif; border:0px; border-width:0px solid #9F986D;cursor:pointer;vertical-align:middle;}
input.submit:hover{background-color: #D9D4B7; color:#273948;} 
* html input { overflow: visible; }

input.button {width:auto; overflow:visible;}
html>/**/body .submit {margin:0;color:#FFFFFF;padding: 6px 8px 6px 8px;background-color:#456D7E;font:normal 13px/16px Verdana, Arial, sans-serif;border-width:0px;cursor:pointer;width:155px;}
.submit {margin:0;color:#FFFFFF;padding: 0 6px 0 6px;background-color:#456D7E;font:normal 13px/16px Verdana, Arial, sans-serif; border:0px; border-width:0px;cursor:pointer;vertical-align:middle;}
input.submit:hover{background-color: #D9D4B7; color:#273948;} 

.button {
color:#FFFFFF;
padding: 8px 10px 8px 10px;
background-color:#456D7E;
font-style:normal;
font-size: 13px/16px;
font-family: Verdana, Arial, sans-serif;
border-width:0px;
cursor:pointer;
width:155px;
}

.cellsgeneralinfo2 {
line-height: 25px;
}


.label, .label2, .field, field_short, dropdown, check, radio {display: block;float: left;margin:0;vertical-align:middle;font:normal 12px/16px Verdana, Arial, sans-serif;}
.field {width: 140px;margin-top:4px;margin-bottom:4px;height:auto;}
.field_short {width: 30px;margin-top:4px;margin-bottom:4px;}
.label {text-align: left;width: 160px;color: #383D42;padding:4px 10px 0 10px;}
.label2 {text-align: left;width: 300px;color: #383D42;padding:4px 10px 0 10px;}
.dropdown {width: auto;}
.check {width: auto;vertical-align:middle;}
.radio {width: auto;vertical-align:middle;}
.form br {clear: left;}
.form p {text-align: center;}
.required {font-weight:bold; padding:0; margin:0;}
textarea {margin-left:0;margin-right:10px;margin-bottom:10px; padding: 5px;}
.bg {background-color:#EFEDE0;border: 1px solid #D9D4B7;}

.field_rate_name_add {width: 300px;margin-top:4px;margin-bottom:4px;height:auto;}
.field_rate_name_edit {width: 300px;margin-top:4px;margin-bottom:4px;height:auto;}

#footer {clear:both;background-color:#FFFFFF;width:100%;height:auto;color:#5A6F5B;margin-top:10px;padding:0;border-top:4px double #83B6BF;}
#footer h5 {padding:2px 4px 2px 4px;margin:0;font:normal 12px/16px Verdana, Arial, sans-serif;text-align:right;}
#footer a {font:normal 12px/16px Verdana, Arial, sans-serif;text-decoration:none;}

.cleaner {clear:right;height:10px;overflow:hidden;margin:0;display:block;}
.clear {clear:right;height:0;overflow:hidden;margin:0;display:block}
.clear_both {clear:both;height:0;overflow:hidden;margin:0;display:block}

.separator {border-top:1px solid #C9B7A9;clear:both;height:0;padding:0;line-height:0;}
.separator hr {display:none;}

/* CSS for javascript click to enlarge thumbnails */
.highslide {cursor: url(../../../js/highslide/graphics/zoomin.cur), pointer;outline: none;}
.highslide img {border: 2px solid #DEE7EC;}
.highslide:hover img {border: 2px solid #456d7e;}
.highslide-image {border: 10px solid #DEE7EC;}
.highslide-image-blur {}
.highslide-caption {display: none;border: 5px solid white;border-top: none;padding: 5px;background-color: white;}
.highslide-loading {display: block;color: white;font-size: 9px;font-weight: bold;text-transform: uppercase;text-decoration: none;padding: 3px;border-top: 1px solid #DEE7EC;border-bottom: 1px solid white;background-color: black;}
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}

.red {
	color:#ff0000;
}

.red_on_yellow {
	color:#ff0000;
	background:#ffcc33;
	padding:4px;
	font-weight:bold;
	border:1px solid #000000;
}

.white_on_red {
	color:#ffffff;
	background:#ff0000;
	padding:4px;
	font-weight:bold;
	border:1px solid #000000;
}

.black_on_green {
	color:#000000;
	background:#00cc00;
	padding:4px;
	font-weight:bold;
	border:1px solid #000000;
}

.required_field {

    background-color: #FF0000;

    color: #FFFFFF;

}

.channel_manager_select_width {
    width: 50px;
}


/*
    From ==> http://www.htmldrive.net/items/show/186/Useful-and-Practical-jQuery-Image-ToolTips
    Requires Jquery
*/
	.thumbnail-item { 
	    /* position relative so that we can use position absolute for the tooltip */
	    position: relative;
	    /*float: right; *//*TJH default left */
	    margin: 0px 5px;
	}
	/*
	.thumbnail-item a { 
	    display: block;
	}*/
	
	.thumbnail-item img.thumbnail {
	    /* border:3px solid #ccc; */
	    border: 0;
	    cursor: help;
	}
	  
	.tooltip { 
	    /* by default, hide it */
	    display: none; 
	    /* allow us to move the tooltip */
	    position: absolute; 
	    /* align the image properly */
	    padding: 8px 0 0 8px;
	    
	    /* TJH Decoupled to allow multiple tooltip sizes
	    background-color: #000;
	    color:#fff;
	    padding: 5px;
	    width:250px;
	    height:auto;
	    */
	}
	
	.tooltip-250-white-on-black { 	    
	    background-color: #000;
	    color:#fff;
	    padding: 10px;
	    width:250px;
	    height:auto;
	}
	
	.tooltip-550-black-on-gray { 	    
	    background-color: #ddd;
	    color:#000;
	    padding: 5px;
	    width:550px;
	    height:auto;
		border:1px solid #000000;
	}
	
	.tooltip span.overlay { 
	    /* the png image, need ie6 hack though */
	    background: url(images/overlay.png) no-repeat; 
	    /* put this overlay on the top of the tooltip image */
	    position: absolute; 
	    top: 0px; 
	    left: 0px; 
	    display: block; 
	    width: 350px; 
	    height: 200px;
	}
	
/* style required for squared checkbox to work */
	input.squared-checkbox-hider[type=checkbox] {
	    visibility: hidden;
	}
	
/* squared checkbox */
	.squared-checkbox {
	    width: 28px;
	    height: 28px;
	    background: #fcfff4;
	
	    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	    background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	    background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	    background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	    margin: 20px auto;
	
	    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	    position: relative;
	}
	
	.squared-checkbox label {
	    cursor: pointer;
	    position: absolute;
	    width: 20px;
	    height: 20px;
	    left: 4px;
	    top: 4px;
	
	    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	
	    background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	    background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	    background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	    background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	    background: linear-gradient(top, #222 0%, #45484d 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
	}
	
	.squared-checkbox label:after {
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    filter: alpha(opacity=0);
	    opacity: 0;
	    content: '';
	    position: absolute;
	    width: 9px;
	    height: 5px;
	    background: transparent;
	    top: 4px;
	    left: 4px;
	    border: 3px solid #fcfff4;
	    border-top: none;
	    border-right: none;
	
	    -webkit-transform: rotate(-45deg);
	    -moz-transform: rotate(-45deg);
	    -o-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}
	
	.squared-checkbox label:hover::after {
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	    filter: alpha(opacity=30);
	    opacity: 0.3;
	}
	
	.squared-checkbox input[type=checkbox]:checked + label:after {
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	    filter: alpha(opacity=100);
	    opacity: 1;
	}

/** common table border settings used on admin pages **/
	.chart_table td {
        padding: 2px 4px 2px 4px;
	}
	.rm_add {
		background:url(images/room_management_icons/buttons/add.gif) no-repeat 10px 8px;
		text-indent:30px;
		line-height:29px;
		display:block;
	}
	.rm_arrow {
		background:url(images/room_management_icons/tbl_updown_arrow.gif) no-repeat 10px 8px;
		text-indent:30px;
		line-height:29px;
		display:block;
	}
    a.rm_button_small{
    	background:url(images/room_management_icons/buttons/button_small.gif);
    	display:block;
    	color:#555555;
    	font-weight:bold;
    	height:30px;
    	line-height:29px;
    	margin-bottom:14px;
    	text-decoration:none;
    	width:105px;
    }
	a:hover.rm_button_small{
    	color:#0066CC;
    	background-position: -105px 0;
    }
    
    a.rm_button_large{
    	background:url(images/room_management_icons/buttons/button_large.gif);
    	display:block;
    	color:#555555;
    	font-weight:bold;
    	height:30px;
    	line-height:29px;
    	margin-bottom:14px;
    	text-decoration:none;
    	width:131px;
    }
    a:hover.rm_button_large{
    	color:#0066CC;
    	background-position: -151px 0;
    }
    
	a.rate_add_button {
    	background:url(images/room_management_icons/buttons/button_large.gif);
    	display:block;
    	color:#555555;
    	font-weight:bold;
    	height:30px;
    	line-height:29px;
    	margin-bottom:14px;
    	text-decoration:none;
    	width:151px;
    }
    a:hover.rate_add_button {
    	color:#0066CC;
    	background-position: -151px 0;
    }

    /* primarily used on index/login page */
    .table-curved {
        border: 0px solid;
        border-radius: 35px;
    }

    .table-text {
        color: #ffffff;
        font-size: 13px;
        line-height: 2.0;
    }

    .table-text2 {
        color: #ffffff;
        font-size: 13px;
        line-height: 1.0;

    }

    .loginbutton {
        background: linear-gradient(to bottom, #efefef 0%, #efefef  100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        border-radius: 10px !important;
        color: #000000;
        cursor: pointer !important;
        padding: 5px 10px !important;
        /*font-variant-caps: small-caps;*/
    }

    .login-box-wrapper-table {
        width: 568px;
        background-color: #314E8A;
        border-spacing: 0;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    
    .login-box-wrapper-table-td {
        width: 568px;
        padding: 8px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .ao-text-center {
        text-align: center;
    }

    .ao-container-center {
        margin-left: auto;
        margin-right: auto;
    }
    
    .ao-text-underline-white {
        text-decoration: underline;
        color: #fff;
    }

    .ao-background-white {
        background-color: #fff;
    }
    
    .ao-text-white {
        color: #fff;
    }

    .ao-image-border-zero {
        border: 0;
    }