@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}
:focus, :active{outline:0}
h1{font-size:120%; 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(../images/page-bg.gif); background-color:#fbfbe4; color:#000; font-family:Arial,Helvetica,sans-serif; font-size:14px}
.left{float:left}
.right{float:right}
.clear{clear:both}
.margin15{display:block;height:15px; float:left}
.margin32{display:block;height:32px; float:left}
.margin60{display:block;height:60px; float:left}
.margin100{display:block;height:100px; float:left}
 
 @media screen and (max-width: 799px) {
/*********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: 100%;
	line-height: 1.4;
	text-rendering:optimizeLegibility;
	font-family:Arial, Helvetica, sans-serif;
	color: #335980;
	background:#000;
}
.soulitude-tag {
	float:left;
	display:inline-block;
	color:#b5b5b5;
	font-weight:bold;
	background:url(../images/soul-logo-sun.png) no-repeat;
	height:30px;
	width:34px;
}
.head {
	border-bottom:1px solid #222;
	background-color: #000;
	position: relative;
	z-index: 99;
}
/***BOOK BUTTON ASSETS***/
.book-link {
	display: none;
	float: left;
	text-decoration: none;
	font-size:100%;
	padding:10px 20px;
}
/**** 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: #b8b7b7;
	font-size: 90%;
	border-right:1px solid #333;
	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: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 .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;
}

.soulitude-tag {
	float:left;
	display:inline-block;
	color:#b5b5b5;
	font-weight:bold;
	background:url(../images/soul-logo-sun.png) no-repeat 8px 0;
	height:30px;
	width:60px;
	margin-top:6px;
	padding:0 20px;
}

/****THIS IS FOR MAIN MENU***/
    .menu-link {
	display: block;
	color: #fff;
	font-size:120%;
	background-color: #000;
	padding-right:28px;
	background:url(../images/menu-icon.png) no-repeat right center;
}
.menu {
	clear: both;
	min-width: inherit;
	float: none;
}
.menu, .menu > ul ul {
	overflow: hidden;
	max-height: 0;
	background-color: #222;
	/* fallback */
  background-color: #1c1c1c;
	/* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#ffffff));
	/* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #1c1c1c, #000000);
	/* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #1c1c1c, #222);
	/* IE 10 */
  background: -ms-linear-gradient(top, #1c1c1c, #222);
	/* Opera 11.10+ */
  background: -o-linear-gradient(top, #1c1c1c, #000);
}
.menu > li > ul.sub-menu {
	padding: 0px;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
.menu.active, .menu > ul ul.active {
	max-height: 55em;
}
.menu ul {
	display: inline;
}
.menu > ul {
	border-top: 1px solid #333;
}
.menu li, .menu > ul > li {
	display: block;
}
.menu ul li a {
	font-size:100%;
	height:46px;
}
.menu li a {
	color: #000;
	display: block;
	padding: 0.1em;
	font-size:100%;
	border-bottom: 1px solid #333;
	position: relative;
}
.menu li a:hover {
	background-color: #111;
	background-color: rgba(17, 17,17, 0.9);
}
.menu li.has-submenu > a:after {
	content: '+';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	font-size:100%;
	padding: 0.15em 0.5em;
}
.menu ul .has-submenu {
	background:none;
}
.menu ul li ul .has-submenu {
	background:none;
}
.menu li.has-submenu > a.active {
	background-color: #000;
	border-bottom:0;
}
.menu li.has-submenu > a.active:after {
	content: "-";
	background-color: #000;
}
.menu ul ul > li a {
	background-color: #222;
	height:42px;
	padding: 6px 18px 6px 30px;
}
.menu ul ul > li a:hover {
	background-color: #222;
	background-color: rgba(79, 79,79, 0.9);
}
.menu ul ul, .menu ul ul ul {
	display: inherit;
	position: relative;
	left: auto;
	top:auto;
	box-shadow: none;
	border:none;
	padding-bottom:0;
}
}

@media only screen and (max-width: 800px) {
	
#eres_outer{width:100%}
#eres_wrapper{/*max-width:480px;*/max-width:798px; margin:0 auto 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)}

.eres_header{width:100%; height:auto; margin:4px auto; border-bottom:1px dotted #999;  padding:5px 10px; text-align:right; display:block;}
.eres_header span{display:inline-block; vertical-align:text-top}
.eres_header .signin{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; }
.eres_header .myaccount{border-right:1px solid #ab6324; vertical-align:middle; font-size:12px; font-weight:normal; padding:3px 10px; margin:5px 0;}
.welcome-msg{font-size:12px; font-weight:normal; padding:3px 12px 3px 0; 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{margin:0 20px;display:inline-block; width:90%;}
.eres_container{margin:15px 0; width:100%;}

.eres_container h1{display:block; font-size:100%; color:#00508F; margin-bottom:10px; width:100%; font-weight:bold}

/****SEARCH PAGE***/

.search-row{display:block; width:96%; font-size:100%; margin:3% 0; padding:5% 3%; border:1px solid #bfbfbf;  -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background:#eee4bf}

.arrival-date{margin:5px 0;}
.nights-selected{margin:5px 0;}
.nights-selected select{background:#fbfbe4; border:1px solid #ccc; font-size:12px; padding:5px 8px; margin:0}
.arrival-date input{background:#fbfbe4; border:1px solid #ccc; font-size:14px; padding:5px 8px}
.search-row label { float:left; padding:3px 5px;}
.search-bt{ background:#222; font-size:90%; padding:6px 10px; border:thin; border-radius:3px; color:#fff; cursor:pointer; margin:0 5px }
.search-bt:hover{ background:#00508F; }

.search-icon{font-size:130%; color:#444; color:#fff; border:0; border-radius:5px; padding:3px 8px 5px; cursor:pointer;
background-image: linear-gradient(rgb(42, 42, 42), rgb(150, 150, 150)); background-color: rgb(74, 74, 74); background-position: initial initial; background-repeat: initial initial;
}


@media only screen and (max-width: 320px) {
.search-row label { float:left; padding:3px 5px; clear:left;}
}

@media only screen and (max-width: 454px) {
.arrival-date{margin:5px 0;display:block; clear:right}
.nights-selected{margin:5px 0;display:block; clear:left}	 
}

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

/****SEARCH RESULT PAGE (ROOM LISTING)***/
.sel-occ-text{display:block; font-size:80%; padding:0 0 5px 0; color:#F00; border-bottom:1px dotted #ccc;}
.search-result-row{display:block; width:98%; font-size:100%; margin:5px 0 ; padding:5px 0 15px 0; border-bottom:1px solid #bfbfbf; }
.room-thumb-search-wrapper{max-width:180px;}

.room-thumb-search{width:160px; height:120px; margin:5px 20px 10px 0; }
.room-thumb-search img{width:100%; height:100%; display:block;}

.room-img{width:90px; height:75px; margin:0 5px; clear:both }
.room-img img{width:100%; height:100%; display:block;}

.attributes-wrapper{min-width:150px; margin-top:6px;}
.room-name{display:block; clear:both;  margin:0 5px; padding:3px; max-width:90px; font-size:100%; font-weight:bold; color:#00508F; text-align:center; background:#ede7cc }
.room-name:hover{color:#000}
.room-rate{ font-size:80%; padding:3px 5px; margin:5px 8px; border-left:1px solid #999}

.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 5px;
	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;
}

.max-occ{display:block; clear:both; padding:0 0 2px 0; width:96%;margin:3px 5px; }

.max-occ span, .sel-occ span{float:left; display:inline-block; line-height:22px; width:auto; text-align:left;}

.sel-occ{float:left; display:inline-block; clear:right; padding:4px; font-size:100%}

.sel-occ .attr-adult, .sel-occ .attr-child{ float: left;display: block; height: 20px;	line-height: 24px; 	overflow: hidden;	margin: 0 1px 0 0;padding:0;	padding-left: 14px;	min-width:34px;}

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

.sel-occ .attr-adult select, .sel-occ .attr-child select{font-size:11px; color:#303740; padding:0; border:none; margin:0; height:20px}

/****=== class-selected occ on home page only-----*/
/*.sel-occ .attr-adult-home, .sel-occ .attr-child-home{ color: #303740;	display: block; text-align:left;	font-size: 1em;	float: left;	height: 20px;	line-height: 24px; 	overflow: hidden;	margin: 0 1px 0 0;	padding: 0 2px 0 0;	text-indent: 11px;	width: 34px;}

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

.sel-occ .attr-adult-home select, .sel-occ .attr-child-home select{background:none; border:0; font-size:11px; color:#000}*/

.sel-occ .attr-adult-home, .sel-occ .attr-child-home{ float: left;display: block; height: 20px;	line-height: 24px; 	overflow: hidden;	margin: 0 1px 0 0; padding:0;	padding-left: 14px;	min-width:34px;}

.sel-occ .attr-adult-home{background: url(../images/attributes-adult-home.png) no-repeat;border:0; float: left;  clear:both; display:block}
.sel-occ .attr-child-home{background: url(../images/attributes-child-home.png) no-repeat;border:0; float: left; clear:both; display:block}

.sel-occ .attr-adult-home select, .sel-occ .attr-child-home select{ font-size:11px; color:#303740; padding:0; border:none; margin:0; height:20px;}


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

.book-bt{ background:#222; font-size:120%; padding:10px 25px; border:thin; border-radius:3px; color:#fff; cursor:pointer; margin-top:10px;}
.book-bt:hover{ background:#00508F; }

/*********BOOKING DETAIL PAGE********/

.booking-summary-wrapper{width:95%; margin:4% 0; background-color:#fbfbe4; border-bottom:1px solid #CCC; border-right:1px solid #CCC; font-size:80%; padding:6% 2%;vertical-align: middle;
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}

.bsrow{padding:1% 4%; float:left; display:block; clear:both; width:100%; }
.bsrow .leftcon{width:120px; float:left;}
.bsrow-seperator{border-top:1px dotted #999; margin:5px 0; width:100%; display:block; float:left}
.roomtotal{border-top:1px solid #999; font-weight:bold; background:#e0d8b9; margin-top:5px;}
.roomtax{ font-weight:bold; background:#e0d8b9}

.grandtotal{border-top:1px solid #ddd; font-weight:bold; background:#4e7d0e; color:#fff}


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

.booking-form fieldset { float:left; display:block; clear:both; width:90%;
  padding: 0 0;
  font:80%/1 sans-serif;
  margin-bottom: 5px;
  }
  
.booking-form legend{float:left; font-size:18px; display:block; clear:both; width:100%;; margin:10px 0; padding:6px 0; border-bottom:1px dotted #666}
.booking-form label {
    float:left;
  font-weight:bold;
  margin: 0 0 5px 0;
padding: 6px 5px 0 0;
	text-align: left; vertical-align:text-bottom; font-size:120%;
	width:auto; clear:right; display:block;
  }
  
.hbText,
.hbSelect,
.hbTextarea{float:left; display:block;
	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; display:block; clear:both; max-width:200px;
}
.hbBox{
	
}

.hbText,
.hbtextarea{margin-left:0px; }
.companyn, .addressline1, .preferences, .countrys, .states, .citys, .zip {width:190px;}

.proceed-bt-home{position:fixed; bottom:0; background:#333; font-size:14px; padding:11px 20px;bottom:5px;height:38px; /*border:thin; border-radius:3px;*/ color:#fff; cursor:pointer; z-index:99999999; width:100%; text-align:center; display:block; }
.proceed-bt-home-cust {
  background: none repeat scroll 0 0 #333;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  padding:11px 20px;
  bottom:5px;
  height:38px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 999999999;
  display: block;
}
.proceed-bt-home-cust:hover{background:#00508F;}
.proceed-bt-home:hover{background:#00508F;}
.proceed-bt{bottom:0; background:#333; font-size:16px; padding:5px 30px; border:thin; border-radius:3px; color:#fff; cursor:pointer; width: 100%}
.proceed-bt:hover{background:#00508F; color: #fff }
.back-bt{background:#999; font-size:14px; padding:10px 20px; border:thin; border-radius:3px; color:#fff; cursor:pointer}

.confirm-bt{background:#222; font-size:14px; padding:10px 30px; border:thin; border-radius:3px; color:#fff; cursor:pointer; width: 100%}

.readonly{color:#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*******/
.datatable_container, .infobox{float:left;/*margin-bottom:10px; */width:98%; margin:1%;}
.datatable{border:1px solid #CCC;  }
.datatable td, .datatable th{background-color:#fbfbe4; border-bottom:1px solid #CCC; border-right:1px solid #CCC; font-size:11px; padding:2px 7px;vertical-align: middle; width:50px; text-align:center}
.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; }



.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')*/
  
  }

.hb-available {
    background-color: #74BF32;
}

.hb-booked {
    background-color: #D0203E;
}

.hb-available, .hb-booked {
    color: #FFF;
    border-radius: 2px;
    padding: 2px 3px;
    top: 1px;
    right: 1px;
    line-height: 12px;
    font-size: 12px;
}
  
.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{}
.room-summary-tbl .room-totals div{ margin-top:5px;}




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

/*****COPYRIGHT***/
.copyright{font-size:80%; color:#999; padding:8px; margin:5%; display:block; border-top:1px solid #ccc; width:88%}
}