@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header,  article, aside, footer, hgroup, section{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; text-decoration:none}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header,  article, aside, footer, hgroup, section{margin:0; padding:0}
a{text-decoration:none;  cursor:pointer}
:focus, :active{outline:0}
h1{font-size:130%; color:#00508F; margin-bottom:15px;}

ol, ul{list-style:none}

blockquote:before, blockquote:after{content:""}
blockquote{quotes:""""}

header, nav, article, aside, footer, hgroup, section{display:block}

body{background:url(../mobile/images/page-bg.jpg); background-color:#fbfbe4; color:#333; 
	font-family:'PT Sans', sans-serif; font-size:14px}
.flex-container {
  display: flex;
}
.row{display: block;margin:0;}
/******TOP NAVIGATION*******/

/*********TOP NAVIGATION WITH RESPONSIVE LAYOUT*******/
/* Micro Clearfix - http://nicolasgallagher.com/micro-clearfix-hack/
For best results, use your favorite clearfix here.
-------------------------------------------------------------- */
/*.cf:before, .cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
.cf {
	zoom:1;
}*/ /* For IE 6/7 (trigger hasLayout) */
/*
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}*/
.main-nav-container {
	margin: 0px auto;
	width:100%;
	margin:0px auto;
	position: relative;
	font-size: 0.9em;
	/*line-height: 1.4em;*/
	text-rendering:optimizeLegibility;
	font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
}
.soulitude-tag {
	float:left;
	display:inline-block;
	color:#fff;
	font-weight:bold;
	background:url(../images/sun-logo.png) no-repeat;
	height:23px;
	width:24px;
	margin:5px;
}
.head {
	/*border-bottom:1px solid #222;*/
	background-color: #000; display:block; height:34px;
	/*position: fixed;
	z-index: 999999;*/ width:100%; margin:0; padding:0;top:0;
}
/**** this is for main menu***/
.menu-link {
	display: none;
	float: right;
	text-decoration: none;
	font-size:96%;
	padding: 10px 10px;
	margin:0 10px;
}
.menu {
	float: left;
	/*max-width: 80em;*/
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	
}
.menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	position: relative;
	display: inline-table;
}
.menu > li > ul.sub-menu {
	min-width: 10em;
	padding: 4px 0;
}
.menu ul:after {
	content: "";
	clear: both;
	display: block;
}
.menu ul li {
	padding: 0px;
}
.menu > ul > li {
	display: inline-block;
}
.menu ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: 95%;
	border-right:1px solid #626262;
	font-weight:bold;
}
.menu ul li a:hover {
	color: #fff;
}
.menu ul li > a {
	/*height:32px;*/
	padding: 8px 24px 8px 14px;
}
.menu ul ul {
	display: none;
	position: absolute;
	top:100%;
	min-width: 160px;
	padding-bottom:15px;
	background:#000/*url(images/nav-bg.png)*/;
	border: 1px solid #222;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.menu ul ul .floor-plans{display: none;}
.menu ul .has-submenu {
	background:url(../images/arrow-down.gif) center right no-repeat;
}
.menu ul li ul .has-submenu {
	background:url(../images/arrow.gif) 140px center no-repeat;
}
.menu ul li:hover > ul {
	display: block;
}
.menu ul ul > li {
	position: relative;
}
.menu ul ul > li a {
	padding: 6px 15px 6px 10px;
	font-weight:normal;
	height: auto;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-ms-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}
.menu ul ul > li a:hover {
	color: #fff;
}
.menu ul ul ul {
	position: absolute;
	left: 100%;
	top:0;
}
 
 

/******TOP NAVIGATION ENDS*******/

#eres_outer{width:100%}
#eres_wrapper{width:1030px; margin:0 auto 35px auto;  -webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);  -moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);  box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2)}

.eres_header{width:97%; height:30px; margin:10px auto; border-bottom:1px dotted #999;  padding:10px; text-align:right}
.eres_header span{display:inline-block; vertical-align:text-top}
.eres_header .signin{float:right;  vertical-align:middle; font-size:12px; font-weight:normal; padding:3px 10px; margin:5px 0; background:url(../images/user.png) center right no-repeat; padding-right:28px; cursor:pointer }
.eres_header .myaccount{float:right; border-right:1px solid #ab6324; vertical-align:middle; font-size:12px; font-weight:normal; padding:3px 10px; margin:5px 0;}
.welcome-msg{float:right; font-size:12px; font-weight:normal; padding:3px 12px; margin:5px 6px; border-right:1px solid #ab6324; vertical-align:middle}
.login{float:right; display:inline-block; background:url(../images/login.png) no-repeat; width:24px; height:24px;}

#eres_container_outer{padding:0 15px;display:inline-block; width:97%;}
.eres_container{padding:15px 0}

.eres_container h1{font-size:130%; color:#00508F; margin-bottom:15px;}

.search-row{display:block; height:30px;  font-size:12px; margin:10px 0; border:1px solid #bfbfbf; padding:10px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background:#eee4bf}

.arrival-date{float:left; margin:2px 5px;}

.nights-selected{float:left; margin:2px 20px;}
.nights-selected select{background:#fbfbe4; border:1px solid #ccc; font-size:12px; padding:1px 4px}
.promo-code{float:left; }
.arrival-date input, .promo-code input{background:#fbfbe4; border:1px solid #ccc; font-size:12px; padding:5px 8px}

.search-icon{font-size:130%; color:#444; color:#fff; border:0; border-radius:5px; padding:6px 8px 6px 8px; cursor:pointer; background-color: rgb(74, 74, 74); background-position: initial initial; background-repeat: initial initial;
}
.search-icon:hover{ background:#00508F; }


/**********FLOATING DIV***********/
.scrollwin{background-color:#fbfbe4; box-shadow:0 1px 10px rgba(0,0,0,0.5); -moz-box-shadow:0 1px 10px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 10px rgba(0,0,0,0.5); position:fixed;  bottom:0; right:0; font-size:11px;  width:180px; margin-top:22px; z-index:10000}
.scrollwin h3{color:#e8f0de; border:solid 1px #538312; border-left:medium none !important;  border-right:medium none !important; cursor:pointer; 
background-color:#fff; 
/*background:-webkit-gradient(linear,left top,left bottom,from(#7db72f),to(#4e7d0e)); 
background:-moz-linear-gradient(top, #7db72f, #4e7d0e); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f',endColorstr='#4e7d0e'); */
font-size:13px; padding:5px 10px; margin-bottom:7px; text-align:left;}
.scrollwin h3:after, .scrollwin h3.bsclose:after{
	content:"\00a0";
	position:absolute;
	width: 0; 
	height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #FFFFFF;
	border-top: 7px solid rgba(255,255,255,0.6);
	right: 8px;
    top: 11px;
}
.scrollwin h3.bsclose:after{
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #FFFFFF;
	border-bottom: 7px solid rgba(255,255,255,0.6);
	border-top:0;
}
.scrollwin h3.bsclose{margin-bottom:-1px}
p.scrollrow{
/*color:#606060; */
color:#000;
border:solid 1px #b7b7b7; background-color:#fff;
/* background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed)); background:-moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#ededed'); */
 
 /*border-radius:6px;*/ margin:0 7px 7px; padding:2px 10px; width:79%;}

p.scrollrow-property{font-size:12px; font-weight:bold; color:#00508f; margin:6px 4px 6px 6px; border-bottom:1px dotted #666}
p.scrollrow-room{
background-color:#eee4bf; font-weight:bold;
}
p.scrollrow-room span{display:block;}
p.scrollrow-room span:before{ content:"- ";}
.summarytotal{background-color:#FBF1DD; 
 background:-webkit-gradient(linear,left top,left bottom,from(#FBF1DD),to(#FBF1DD)); background:-moz-linear-gradient(top, #FBF1DD, #FBF1DD); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBF1DD',endColorstr='#FBF1DD'); border:1px solid #DBC08A; font-size:13px; font-weight:bold; color:#000;}
.fixscroll, .fixscroll1{position:fixed; top:-2px;  width:1000px; z-index:100}
.fixscroll1{width:150px; z-index:100000; margin-top:2px}

.book-btn{display:block; background:#000 url(../images/book.png) 60px 5px no-repeat; padding:10px 32px 10px 25px; width:120px; border:0; color:#999; margin:5px 10px; cursor:pointer; text-align:left}

/** Tooltip CSS **/
/** Tooltip CSS **/
.tooltip div.ttcontainer, .tooltip div.tt1, .tooltip div.tt2, .tooltip div.tt3,.tooltip div.tt9{margin-left:-999em; position:absolute; display:none;}
.tooltip:hover div.ttcontainer, .tooltip:hover div.tt1, .tooltip:hover div.tt2, .tooltip:hover div.tt3 , .tooltip:hover div.tt9{background-color:#FFF; border:1px solid #AAA; position:absolute; z-index:99; margin-left:0; margin-top:20px; width:250px; box-shadow:0 1px 10px rgba(0,0,0,0.5); -moz-box-shadow:0 1px 10px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 10px rgba(0,0,0,0.5); display:block;}
.tooltip:hover div.tt1, .tooltip:hover div.tt2, .tooltip:hover div.tt3, .tooltip:hover div.tt9{margin-top:30px; border:4px solid #FFF; border-radius:6px; box-shadow:0 1px 10px rgba(0,0,0,0.5); -moz-box-shadow:0 1px 10px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 10px rgba(0,0,0,0.5); display:block;}
.tooltip:hover div.tt2{margin-top:30px; width:80px}
.tooltip:hover div.tt3{margin-top:8px; width:80px}
.tooltip:hover div.tt9{margin-top:8px; width:250px; font-weight:normal;}
.tooltip:hover div.tt3auto{width:auto; max-width:200px;}


/*.tooltip { position:relative;}*/


.ttcontainer h4{ 
background-color:#925d01;  color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; padding:7px 0;text-align: center;
}

.tt1 h4,.tt9 h4{font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFF; font-weight:normal; padding:5px 0; color:#606060; border:solid 1px #b7b7b7; background:#fff; background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed)); background:-moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed')}
.tt1 h4{background-color:#f3f3f3; color:#d50c14; border-bottom:1px solid #d6d6d6; padding:7px; text-shadow:0 1px 0 rgba(255,255,255,0.2)}

.tt9 h4{background-color:#f3f3f3; color:#d50c14; border-bottom:1px solid #d6d6d6; padding:7px; text-shadow:0 1px 0 rgba(255,255,255,0.2)}

.ttcontainer p, .tt1 p,.tt9 p{text-align:left; padding:4px 10px; font-size:12px; color:#000; border-bottom:1px dotted #999}
.tt1 p{border-bottom:none; padding:4px 0}
.tt9 p{border-bottom:none; padding:4px 0}
.rival{float:right}
.ttcontainer p.ttinfo{background-color:#f7e6c4; border:1px solid #dbc08a; padding:2px 10px; margin:5px; /*border-radius:6px;*/ text-align:center}

.ttcontainer:before, .ttcontainer:after{    border-style:solid;     border-width:9px;     top:-18px;     content:"\00a";     height:0;     position:absolute;     left:13px;     width:0;     z-index:13}
.ttcontainer:before{    border-color:transparent transparent #333}
.ttcontainer:after{    border-color:transparent transparent #333;     top:-17px}
.tag{background:url(images/tag.png) no-repeat; color:#FFF;  float:right;  font-family:'DejaVuSansCondensed';  font-size:12px;  height:27px;  margin:0 0 5px 5px;  padding:17px 42px 0 5px;  text-align:center; text-shadow:0 1px 0 rgba(0,0,0,0.2);  width:69px}
/*CSS3 Tooltip - start*/
a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  width:550px;
  color: #FFFFFF;
  background: #000000;
  height: auto;
  line-height: 22px;
  text-align: left;
  visibility: hidden;
  border-radius: 6px;
  padding:5px;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}
/*another */

/*CSS3 Tooltip - end*/

/***next previous buttons**/
.tbbtn{background-color:#f9f9f9;  color:#000; display:block;  padding:3px 2px}
.tbbtn:hover{background-color:#FFF}
.nxtborder{border-left:1px solid #CCC}


.floatingHeader {
      position: fixed;
      top: 0;
      visibility: hidden;
	  z-index:1000;
}

/***********DATA TABLE*******/
.fl{float:left}
.fr{float:right}


.attributes{
	background: url(../images/attributes.png) no-repeat;
	color: #303740;
	display: block;
	font-size: 0.8em;
	float: left;
	height: 20px;
	line-height: 24px;
	overflow: hidden;
	letter-spacing:4px;
	margin: 0 1px 0 18px;
	padding: 0 5px 0 0;
	text-indent: 11px;
	width: 37px;
}
.attributes-inner{
	background: url(../images/attributes.png) no-repeat;
	color: #303740;
	display: block;
	font-size: 0.8em;
	float: right;
	height: 23px;
	line-height: 24px;
	overflow: hidden;
	letter-spacing:4px;
	margin: 0 1px 0 0;
	padding: 0 5px 0 0;
	text-indent: 11px;
	width: 37px;
}

.room-thumb{float:left; width:80px;  text-align:center; line-height:11px;}
.room-thumb span{font-size:80%; color:#c5b47c; margin-bottom:6px; }
.room-thumb img{border:4px solid #999; max-width:75px}
.room-name{float:left; display:inline-block; max-height:75px; max-width:80px; margin:0 0 0 6px; font-size:12px; font-weight:bold; color:#00508F; vertical-align:middle }
.room-name:hover{color:#000}

.mx-occ-div-container{margin:4px 0}
.mx-occ-div{background-image: linear-gradient(#dadada, #a2a4a3); background-color:#c8c6c6; font-size:11px;padding:4px 5px; border-radius:2px; display:inline-block;}
.mx-occ-div .fa-male{font-size:120%}
.mx-occ-div .fa-child{font-size:100%}


.sel-occ-div{background-image: linear-gradient(#ebe4c6, #c1b582); background-color:#d9cea2; font-size:11px;padding:4px 5px; border-radius:2px; display:inline-block;}
.sel-occ-div .fa-male{font-size:120%}
.sel-occ-div .fa-child{font-size:100%}

.sel-occ-div select{width:30px; font-size:11px; padding:0; margin:0; background: url(../images/select-arrow.png) no-repeat center right;  border:none;    outline:none;    cursor:pointer; appearance:none; -webkit-appearance: none; -moz-appearance: none; }
.sel-occ-div inset{background:transparent;}



.max-occ{float:left; display:block; clear:both; padding:4px 0 2px 4px; width:96%}
.max-occ span, .sel-occ span{float:left; display:inline-block; line-height:22px; width:55px; text-align:left;}

.sel-occ{float:left; display:block; clear:both; padding:4px 0 2px 4px ; width:96%}
.sel-occ .attr-adult, .sel-occ .attr-child{color: #303740;	display: block;	font-size: 0.8em;	float: left;	height: 20px;	line-height: 24px; 	overflow: hidden;	letter-spacing:1px;	margin: 0 1px 0 4px;	padding: 0 2px 0 0;	text-indent: 11px;	width: 36px;}

.sel-occ .attr-adult{background: url(../images/attributes-adult.png) no-repeat;}

.sel-occ .attr-child{background: url(../images/attributes-child.png) no-repeat; }

.sel-occ .attr-adult select, .sel-occ .attr-child select{background:none; border:0; font-size:1em;}

.sel-occ .max{text-align:center}


.datatable_container, .infobox{float:left; 
/*margin-bottom:10px; */
width:100%}
.datatable{border:1px solid #CCC;  -webkit-border-radius:6px;  -moz-border-radius:6px;  border-radius:6px;  -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box}
.datatable td, .datatable th{background-color:#fbfbe4; border-bottom:1px solid #CCC; border-right:1px solid #CCC; font-size:12px; padding:2px 7px;vertical-align: middle;}
.gridtable td, .gridtable th{padding:2px;vertical-align: middle;}
.datatable td:last-child, .datatable1 td:last-child, .datatable th:last-child, .datatable1 th:last-child{border-right:none}
.gridtable tr:last-child td, .datatable tr:last-child td, .datatable1 tr:last-child td{border-bottom:none}
.tbcontrol th{padding:0}
.tbcontrol th, .tbfooter th{color:#606060; font-weight:bold; border-bottom:none; background:#fbfbe4; 
/*background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ededed)); 
background:-moz-linear-gradient(top, #fff, #ededed); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#ededed')*/

}



.tbcontrol th:first-child, .tlcorner{-moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px; border-top-left-radius:6px}
.tbcontrol th:last-child, .trcorner{-moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px; border-top-right-radius:6px}
.tbfooter th:first-child, .tbfooter th:last-child, .blcorner, .gridtable tr:last-child td:first-child{-moz-border-radius-bottomleft:6px; -webkit-border-top-bottom-radius:6px; border-bottom-left-radius:6px}
.tbfooter th:first-child, .tbfooter th:last-child, .brcorner, .gridtable tr:last-child td:last-child{-moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-bottom-right-radius:6px}

.guesttable{border:1px solid #CCC;  -webkit-border-radius:6px;  -moz-border-radius:6px;  border-radius:6px;  -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box}
.guesttable td, .guesttable th{background-color:#FFF; border-bottom:1px solid #CCC; border-right:1px solid #CCC; font-size:12px; padding:2px 7px}
.guesttable td:last-child, .guesttable th:last-child{border-right:none}


.tbhead th{ padding:5px 7px;  font-size:11px;  color:#e8f0de;  border-right:solid 1px #555;  border-bottom:none; 

 background-color:#ede6c9; /*background:-webkit-gradient(linear,left top,left bottom,from(#7db72f),to(#4e7d0e)); 
 background:-moz-linear-gradient(top, #7db72f, #4e7d0e); 
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f',endColorstr='#4e7d0e')*/

 }
 .tbhead th.weekend2{
background-color:#ede6c9; 
/*background:#436b0c; 
background:-webkit-gradient(linear,left top,left bottom,from(#6b9d28),to(#436b0c));
 background:-moz-linear-gradient(top, #6b9d28, #436b0c);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28',endColorstr='#436b0c')*/
  
  }
  
  
.tbhead th:hover{
background-color:#ede6c9; 
/*background:#436b0c; 
background:-webkit-gradient(linear,left top,left bottom,from(#6b9d28),to(#436b0c)); 
background:-moz-linear-gradient(top, #6b9d28, #436b0c); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28',endColorstr='#436b0c')*/

}

.strikethrough{text-decoration:line-through; display:block; clear:both; font-size:10px}
.datatable1{border:1px solid #CCC;  -webkit-border-radius:6px;  -moz-border-radius:6px;  border-radius:6px;  -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; background:#ffffff;}
.datatable1 td, .datatable1 th{border-bottom:1px solid #CCC; border-right:1px solid #CCC; font-size:13px; padding:2px 7px}

.tbhead1 th:hover{
background-color:#ede6c9; 
/*background:#436b0c; background:-webkit-gradient(linear,left top,left bottom,from(#6b9d28),to(#436b0c)); background:-moz-linear-gradient(top, #6b9d28, #436b0c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28',endColorstr='#436b0c')*/

}
.tbhead1 th{ font-size:14px;  padding:7px;  color:#e8f0de;  border-right:solid 1px #555; border-bottom:none; 
background-color:#ede6c9; 
/*
background:#4e7d0e; background:-webkit-gradient(linear,left top,left bottom,from(#7db72f),to(#4e7d0e)); background:-moz-linear-gradient(top, #7db72f, #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f',endColorstr='#4e7d0e')*/

}
.infohead{background-color:#f6efd6;  color:#D70000; font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:bold}
.infohead span{font-family:Arial,Helvetica,sans-serif; font-size:14px;  text-shadow:0 1px 0 #FFF; font-weight:bold}
.datatable thead.infohead th{background-color:#f6efd6; padding:5px;

}
.datatable td.weekend{background-color:#ede6c9; }
th.weekend span{background-color:rgba(0,0,0,0.15);     height:58px;     margin-left:-18px;     margin-top:-5px;     position:absolute;     width:53px}

.zoomico{background:url(../images/icons.png) no-repeat; background-position:left top; float:left; height:20px; width:20px}
.imgtop{position:absolute; margin:6px 7px}
.smthumbimg{float:left; margin-right:7px; margin-top:4px}
/*.rtcontent{font-weight:normal; padding-left:4px}*/

p.rtcontent {
    font-weight: normal;
    margin: 0;
    padding: 4px 0 4px 4px;
}

.moreinfo{border-bottom:1px dotted; color:#4e7d0e; font-weight:bold}
.moreinfo:hover{border-bottom:1px dotted #000}

.btn{display:inline-block; zoom:1; display:inline; vertical-align:baseline; margin:0 2px; outline:none; cursor:pointer; text-align:center; text-decoration:none; font:14px/100% Arial,Helvetica,sans-serif; padding:4px 10px; line-height:24px; -webkit-border-radius:.5em; -moz-border-radius:.5em; border-radius:.5em; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2)}
.btn:hover{text-decoration:none}
.btn:active{position:relative; top:1px}
.bigrounded{float:right; font-size:24px; font-weight:normal; padding:4px 15px}
.medium{font-size:12px; padding:.4em 1.5em .42em}
.small{font-size:11px; padding:.2em 1em .275em}

.green{color:#e8f0de; border:solid 1px #538312; 
background-color:#fff; 
border-radius:7px;

/*background:-webkit-gradient(linear,left top,left bottom,from(#7db72f),to(#4e7d0e)); background:-moz-linear-gradient(top, #7db72f, #4e7d0e); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f',endColorstr='#4e7d0e')*/}
.green:hover{background-color:#fff;
/* background:-webkit-gradient(linear,left top,left bottom,from(#6b9d28),to(#436b0c)); background:-moz-linear-gradient(top, #6b9d28, #436b0c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28',endColorstr='#436b0c')*/}
.green:active{color:#e8f0de; 
background-color:#fff;
/*background:-webkit-gradient(linear,left top,left bottom,from(#4e7d0e),to(#7db72f)); background:-moz-linear-gradient(top, #4e7d0e, #7db72f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e',endColorstr='#7db72f')*/}

.totalamt{color:#408801; font-size:22px; font-weight:normal}
.totalamt label{color:#666; padding-right:7px}
.datatable td.sold{color:#D70000; font-weight:bold}
.dayselected{background:#FBF1DD url(../images/icons.png) no-repeat; background-position:left -39px}
.coa{color:#00F; background-position:left -39px}
.cod{background:#D5FFD5; background-position:left -39px}
.tbbtn{background-color:#f9f9f9;  color:#000; display:block;  padding:3px 2px}
.tbbtn:hover{background-color:#FFF}
.nxtborder{border-left:1px solid #CCC}
.subheading, .subtitle1{border-bottom:1px dotted #000; color:#000; font-family:'DejaVuSansCondensed'; font-size:18px; font-weight:normal; padding-bottom:5px; margin-bottom:8px}
.subtitle1{border-bottom:none; padding:5px 7px; margin-bottom:0}
a, .themefont{color:#4e7d0e}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{color:#000; font-size:14px; font-weight:normal; background:none; border:none;}
.subtagline{font-size:12px; font-family:Arial,Helvetica,sans-serif; padding-top:5px; color:#000}
.paragraph{line-height:21px}
.imgright{float:right; border:4px solid #CCC; margin:0 0 7px 7px}


.datatable td.dropped{background:#f6efd6 url(../images/check.png)  no-repeat; background-position:5px 5px;}

.datatable td.mul_dropped{
background:#FBF1DD;
background-position:left -39px}

.datatable td.mul_dropped_hover{background:#FBF1DD;}
 
.drop{cursor:default}

.selection{position:absolute}
.datatable td.active{ background-color:#CEB; border-color:#9B8}

.persist-header th{color:#000; font-weight:normal; border: 1px solid rgb(255, 252, 255); background-image: linear-gradient(rgb(172, 160, 110), rgb(248, 243, 220)); background-color: rgb(248, 243, 220); background-position: initial; background-repeat: initial;}

/**********************************************
----------------BOOKING FORM-------------------
**********************************************/
#booking_outer_wrapper{width:1024px; margin:auto}
#booking_wrapper{width:100%; float:left; margin:0 auto;  -webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);  -moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2);  box-shadow:0px 0px 2px 1px rgba(0,0,0,0.2)}

.booking_header{float:left; width:96%; display:block; height:30px; margin:10px; /*border-bottom:1px dotted #999;*/  padding:10px; text-align:right}
.booking_header span{display:inline-block; vertical-align:text-top}
.booking_header .signin{float:right;  vertical-align:middle; font-size:12px; font-weight:normal; padding:3px 10px; margin:5px 0; background:url(../images/user.png) center right no-repeat; padding-right:28px; }
.booking_header .myaccount{float:right; border-right:1px solid #ab6324; vertical-align:middle; font-size:12px; font-weight:normal; padding:3px 10px; margin:5px 0;}

.booking_container{float:left; display:block; width:97%; margin:15px;}

.modify-button{float:right; background:#666; border:1px solid #555; color:#fff; font-size:12px; font-weight:normal; text-transform:uppercase; cursor:pointer; padding:2px 15px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px}
.modify-button:hover{background:#222;}

.booking-summary-row{float:left; display:block; width:98%; margin:8px 12px;  display:block; font-size:12px; /*margin:10px 0; border:1px solid #bfbfbf;*/
 -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; /*background:#eee4bf;*/}
 
.booking-summary-row span{margin:0 10px; font-weight:bold;}
.booking-summary-row .dates{ padding-right:20px; border-right:1px solid #090; margin-right:22px; font-weight:normal; color:#e34000}
.booking-summary-row .dates-row{float:left; margin-top:4px; color:#000}

.room-summary-grid{float:left; width:100%; margin:10px 0;}

.room-summary-tbl{}
.room-summary-tbl .roomname{padding-left:25px;}
.room-summary-tbl-head{}
.room-summary-tbl-head th{color:#000; font-size:12px;  font-weight:bold; border: 1px solid rgb(255, 252, 255); background-image: linear-gradient(rgb(172, 160, 110), rgb(248, 243, 220)); background-color: rgb(248, 243, 220); background-position: initial initial; background-repeat: initial initial;}
.room-summary-tbl .property-chosen{padding:4px 0; margin:4px 15px; font-size:14px; color:#00508F; font-weight:bold;}

.room-summary-tbl .room-totals{float:right; width:350px; text-align:right; padding:10px;}
.room-summary-tbl .room-totals span{float:left; display:block; width:200px; text-align:right; margin-right:50px;}
.room-summary-tbl .room-totals-package{float:right; padding:10px;}
.room-summary-tbl .room-totals-package span{float:left; display:block; width:90px; text-align:right; margin-right:50px;}
.room-summary-tbl .room-totals{}
.room-summary-tbl .room-totals div{ margin-top:5px;}
.room-summary-tbl .room-totals-package div{ margin-top:5px;}

.booking-form{float:left; display:block; margin:1% 4%; width:92%}
.booking-form p{float:left;
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 6px 5px; display:block; clear:both;
}

.booking-form fieldset { float:left; display:block; clear:both; width:90%;
  padding: 1.5em;
  font:80%/1 sans-serif;
  }
  
.booking-form legend{float:left; font-size:18px; display:block; clear:both; width:100%;; margin:20px 0; padding:6px 0; border-bottom:1px dotted #666}
.booking-form label {
  float:left;  
  font-weight:bold;
  margin: 0 15px 0 0;
	padding: 6px 5px 0 0;
	text-align: right;
	width: 160px;
  }
  
.hbText,
.hbSelect,
.hbTextarea{
	background-color: #fff;
	border: solid 1px #e1dcdc;
	box-shadow: inset 2px 2px 1px #f1f1f1, -4px -4px 0 2px #ebf0ed, 4px 4px 0 2px #ebf0ed, 4px -4px 0 2px #ebf0ed, -4px 4px 0 2px #ebf0ed;
	padding: 5px 3px;
}
.hbBox{
	
}
.companyn, .addressline1 {width:250px;}
.preferences, .countrys, .states, .citys { width:200px}
.zip{width:190px}

.proceed-bt{float:left; margin-left:100px; background:#333; font-size:14px; padding:10px 25px; border:thin; border-radius:6px; color:#fff; cursor:pointer; margin-left:180px}
.back-bt{float:left; /*margin-left:50px;*/ background:#999; font-size:14px; padding:10px 25px; border:thin; border-radius:6px; color:#fff; cursor:pointer}
.confirm-bt{float:left; margin-left:100px; background:#222; font-size:14px; padding:10px 25px; border:thin; border-radius:6px; color:#fff; cursor:pointer}

.readonly{color:#999}

/**********TIME PICKER*********/
.ui-timepicker-wrapper {
	overflow-y: auto;
	height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10001;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}

/* table */
.table{
	border-collapse: collapse;
	width: 100%;
	font-size: 13px;
}
.table thead{}
.table thead tr{
	/*background: #656869 url(../img/backend/th.png) 0 0 repeat-x;*/
}
.table thead th{
	
	color:#000; 
	font-weight:bold; 
	border: 1px solid rgb(255, 252, 255); 
	background-image: linear-gradient(rgb(172, 160, 110), rgb(248, 243, 220)); 
	background-color: rgb(248, 243, 220); 
	background-position: initial; 
	background-repeat: initial;
	
	
	height: 35px;
	padding: 0 7px;
	empty-cells: show;
}
.table thead th.last{
	/*background: none;*/
}
.table tbody{}
.table tbody td{
	border-bottom: solid 1px #e7e5e5;
	padding: 8px 7px;
}
.table tbody .odd{background-color: #f0f0d0}
.table tbody .even{background-color: #fbfbe4}
.table a.icon:link, .table a.icon:visited, .table a.icon:active{
	color: #666060;
	display: block;
	height: 21px;
	line-height: 21px;
	text-indent: 25px;
	text-decoration: none;
}
.table a.icon-booking{background: url(../img/backend/booking.png) 0 0 no-repeat}
.table a.icon-edit{background: url(../img/backend/edit.png) 0 0 no-repeat}
.table a.sortdesc{background: url(../img/backend/arrow_desc.png) 0 0 no-repeat;  height: 12px;
    overflow: hidden;
    position: absolute;
    text-indent: 5000px;
    width: 14px;}
.table a.sortdesc{background: url(../img/backend/arrow_desc.png) 0 0 no-repeat;  height: 12px;
    overflow: hidden;
    position: absolute;
    text-indent: 5000px;
    width: 14px;}
.table a.sortdesc1{background: url(../img/backend/arrow_desc.png) 0 0 no-repeat;  height: 12px;
    overflow: hidden;
    position: absolute;
    text-indent: 5000px;
    width: 14px;}
.table a.sortdesc2{background: url(../img/backend/arrow_desc.png) 0 0 no-repeat;  height: 12px;
    overflow: hidden;
    position: absolute;
    text-indent: 5000px;
    width: 14px;}
.table a.sortasc{  background: url("../img/backend/arrow_asc.png") no-repeat scroll 0 0 transparent;
    height: 12px;
    overflow: hidden;
    position: absolute;
    text-indent: 5000px;
    width: 14px;}
.table a.sortasc1{  background: url("../img/backend/arrow_asc.png") no-repeat scroll 0 0 transparent;
    height: 12px;
    overflow: hidden;
    position: absolute;
    text-indent: 5000px;
    width: 14px;}
	
.table a.sortasc2{background: url("../img/backend/arrow_asc.png") no-repeat scroll 0 0 transparent;
    height: 12px;
    overflow: hidden;
    position: absolute;
    text-indent: 5000px;
    width: 14px;}
.table a.icon-export{background: url(../img/backend/export.png) 0 0 no-repeat}
.table a.icon-email:link, .table a.icon-email:visited, .table a.icon-email:active{background: url(../img/backend/email.png) 0 0 no-repeat; text-indent: 27px}
.table a.icon-print:link, .table a.icon-print:visited, .table a.icon-print:active{background: url(../img/backend/print.png) 0 0 no-repeat; text-indent: 25px}
.table a.icon-delete,
.table a.icon-del{
	background: url(../admin/img/backend/delete.png) 0 0 no-repeat;
}
.icon-export{background: url(../img/backend/export.png) 0 0 no-repeat; height: 21px}
.table a.icon-prices:link{background: url(../img/backend/prices.png) 0 0 no-repeat; height: 22px; line-height: 22px; text-indent: 30px}
.table a.icon-limits:link{background: url(../img/backend/limits.png) 0 0 no-repeat; height: 23px; line-height: 23px; text-indent: 28px}
.table a.icon-discounts:link{background: url(../img/backend/discounts.png) 0 0 no-repeat; height: 22px; line-height: 22px; text-indent: 32px}
.icon-email{background: url(../img/backend/email.png) 0 0 no-repeat; height: 19px}
.icon-print{background: url(../img/backend/print.png) 0 0 no-repeat; height: 21px}
.icon-calendar{background: url(../img/backend/calendar.png) 0 0 no-repeat; height: 21px}
/* paginator */
.paginator{
	overflow: hidden;
	margin: 10px 0 0 0;
}
.paginator li{
	display: inline;
}
.paginator li a:link, .paginator li a:visited{
	background: #f5f5f5 url(../img/backend/pagin.png) 0 0 repeat-x;
	color: #5dadcf;
	display: block;
	float: left;
	margin: 0 3px 0 0;
	padding: 2px 5px;
	text-shadow: 1px 1px 1px #fff;
	border: solid 1px #d4d0d0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	text-decoration: none;
}
.paginator li a:hover{
	background-color: #D0D0D0;
}
.paginator li a.focus{
	background-color: #fff;
	background-image: none;
	color: #0e0f0f;
}

.terms-payu ul li {
  color: #999;
  font-size: 11px;
}

/*PACKAGES STYLES*/

.legend-sold, .legend-available{width:36px;	height:36px; color:#fff;font-size:18px; display:inline-block; text-align:center; line-height:35px;}
.legend-sold {background:url(../images/package-sold.png) center center;}
.legend-available {background:url(../images/package-available.png) center center;}

.legend-sold-circle, .legend-available-circle{width:36px;	height:36px;font-size:18px; display:inline-block; text-align:center; line-height:35px;}
.legend-sold-circle {background:url(../images/package-sold-circle.png) center center; color:#be1f1f;}
.legend-available-circle {background:url(../images/package-available-circle.png) center center; color:#29cc52;}


.legend-sold-sm, .legend-available-sm{width:30px;	height:30px;font-size:13px; display:inline-block; text-align:center; line-height:30px; font-weight:600;}
.legend-sold-sm {background:url(../images/package-sold-new.png) center center; color:#222;}
.legend-available-sm {background:url(../images/package-available-new.png) center center; color:#666;}


.package-details{display:block; text-align:left; margin:15px 0 15px 25px; color:#333;}
.package-details h3{font-size:14px; font-weight:600}
.package-details ul {margin-left:12px;}
.package-details ul li{ list-style-type:square; padding:2px 5px;}



/*SUPPLIER STYLES*/
.supplier-login-container{min-width:500px; background:#fbfbe4; float:left;
	position: relative;
	border-radius: 3px; border:1px solid #efefef;
	margin: 0 20%;  font-size:1.2em;display:block; padding-bottom:20px; margin-bottom:40px;
}

.supplier-login-container h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 1.5em;
	font-weight: 400;
	/*opacity: 0.8;*/
	color: #222;
	background-image: linear-gradient(rgb(172, 160, 110), rgb(248, 243, 220)); background-color: rgb(248, 243, 220); background-position: initial; background-repeat: initial;
	border-bottom:1px solid #CCC;
	/*background: rgba(0,0,0,0.1);*/
	border-radius: 3px 3px 0 0; 
}

.supplier-login-container .loginbt{display:block;	color:#fff; border:0; font-size:1.2em; padding:6px 10px; width:100px; cursor:pointer;  
background-image: linear-gradient(rgb(85, 82, 83), rgb(36, 35, 35)); background-color: rgb(36, 35, 35); background-position: initial initial; background-repeat: initial initial; 
clear:both; margin-left:180px;}
	
.supplier-login-container .forgotpwbt{float:left; width:100%; text-align:center; display:block; color:red; border:0; font-size:.9em;  cursor:pointer; background:#fbfbe4;}

.new-supplier{ color:#00508F; font-weight:600; float:left; width:100%; text-align:center; margin-top:20px; border-top:1px dotted #bfbfbf; padding:15px; border: 2px dotted #00508F;}

.supplier-login-error-msg{color:#F00; min-width:505px; padding:10px; background:#EEE4BF; margin:0 20%; border:1px solid #BFBFBF; font-size:1em; border-radius: 3px; text-align:center; margin-bottom:25px}

.supplier-profile-edit-msg{float:left; width:90%; padding:2% 5%; background:#EEE4BF; color:#000; border:1px solid #BFBFBF; font-size:1em; border-radius: 3px 3px 0 0; text-align:center; margin-bottom:25px}


/*SUPPLIER STYLES (NEW)*/
.supplier-wrapper{width:45%; background:#fbfbe4; float:left; display: inline-block;
	position: relative;
	border-radius: 3px; border:1px solid #efefef;
	margin: 0 2%;  display:block; padding-bottom:20px;

}
.supplier-wrapper .rowline{padding: 10px; font-size:14px; display: block; width: 85%; margin: auto;}
.supplier-wrapper h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
	font-size: 1.5em;
	font-weight: 400;
	color: #222;
	background-image: linear-gradient(rgb(172, 160, 110), rgb(248, 243, 220)); background-color: rgb(248, 243, 220); background-position: initial; background-repeat: initial;
	border-bottom:1px solid #CCC;
	border-radius: 3px 3px 0 0; 
}
.supplier-wrapper label{width:90%;float: none; text-align: left; font-weight: normal; margin: 0; padding: 0; color:#444; }
.supplier-wrapper .inputs{width:90%; padding: 8px 10px; font-size: 14px; background-color:#fff; border:1px solid #ccc; box-shadow: none; }
.supplier-wrapper .loginbt{display:inline-block; text-transform: uppercase;	color:#fff; border:0; font-size:1.2em; padding:8px 30px; cursor:pointer;  
background-image: linear-gradient(rgb(85, 82, 83), rgb(36, 35, 35)); background-color: rgb(36, 35, 35); background-position: initial initial; background-repeat: initial initial; 
clear:both; }
	
.supplier-wrapper .forgotpwbt{float:none; display: inline-block; width:auto; text-align:left; color:red; font-size:.9em;  cursor:pointer; background:#fbfbe4; border:1px dotted red; padding: 3px 6px;}

.supplier-wrapper .new-supplier{ color:#00508F; font-weight:600; float:left; width:100%; text-align:center; margin-top:20px; border-top:1px dotted #bfbfbf; padding-top:20px}

.supplier-wrapper .supplier-login-error-msg{float:left; color:#F00; min-width:505px; padding:20px; background:#EEE4BF; margin:0 20%; border:1px solid #BFBFBF; font-size:1em; border-radius: 3px; text-align:center; margin-bottom:25px}

.supplier-wrapper .supplier-profile-edit-msg{float:left; width:90%; padding:2% 5%; background:#EEE4BF; color:#000; border:1px solid #BFBFBF; font-size:1em; border-radius: 3px 3px 0 0; text-align:center; margin-bottom:25px}



/*HISTORY PAGE*/
.history-title{margin:15px; border-bottom:1px solid #ddd; }
.history-table {
    border-collapse: collapse;
    width: 100%;
    font-size: 13px;
}

.history-table thead th {
   font-weight: normal;
    border: 1px solid #FFFCFF;
    background-image: linear-gradient(#ACA06E, #F8F3DC);
    background-color: #F8F3DC;
    background-position: initial;
    background-repeat: initial;
	font-size: 1em; font-weight:600;
	height: 35px;
	padding: 0px 7px;
	empty-cells: show;
}

.history-table tbody .even {
    background-color: #fefef4;
}

.history-table tbody .odd {
    background-color: #f7f7e1;
}
.history-table tbody .total_amt {
    background-color: #F8F3DC; font-weight:600; color:#000;
}
.history-table tbody td {
    border-bottom: 1px solid #E7E5E5;
    padding: 8px 7px;
}

/****PRE-CHECK IN SECTION**/
.page-title{font-size:130%; color:#00508F; margin-bottom:15px;}
.booking-summary{font-size:110%;}
.pre-check-in-bt{padding:3px 6px; font-size:11px; background-color:#818123; color:#fff; margin:4px; display:inline-block; border-radius:2px;}
.pre-check-in-bt:hover{background-color:#717118; color:#fff;}

.precheckin-div{background:#fbfbe4; padding:10px 15px; margin:10px 0}

/**pre check in form**/
.precheckin-form{}
.precheckin-form label{font-weight:normal; font-size:100%; display: block;    line-height: 18px;    min-width: 120px;}
.section-header{color:#00508f; font-size:115%; font-weight:bold; margin:20px 0 15px 0;}

/*---------RATE PLAN----------*/
.waitlist-div{float:right;}
/*---------RATE PLAN----------*/
.rate-plan{margin:2px 20px; float:left}
.rate-plan select{background:#fbfbe4; border:1px solid #ccc; font-size:12px; padding:5px 8px}
.rate-plan a{color:#4e7d0e; text-decoration:underline; padding-left: 10px; display:inline-block}
.rate-plan a:hover{text-decoation:none}