@charset "UTF-8";

/*********** layout info (ez.css) ***********/
/* 2009 -2010 (c) | ez-css.org
 * ez-plug-min.css :: version 1.1 :: 01182010
 */
.ez-wr:after,.ez-box:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ez-wr,.ez-box,.ez-last{display:inline-block;min-height:0}/* \*/ * html .ez-wr,* html .ez-box,* html .ez-last{height:1%}.ez-wr,.ez-box,.ez-last{display:block}/* */.ez-oh{overflow:hidden}* html .ez-oh{overflow:visible}.ez-oa{overflow:auto}.ez-dt{display:table}.ez-it{display:inline-table}.ez-tc{display:table-cell}.ez-ib{display:inline-block}.ez-fl{float:left}* html .ez-fl{margin-right:-3px}.ez-fr{float:right}* html .ez-fr{margin-left:-3px}.ez-25{width:25%}.ez-33{width:33.33%}.ez-50{width:50%}.ez-66{width:66.66%}.ez-75{width:75%}.ez-negmr{margin-right:-1px}* html .ez-negmr{margin-right:-4px}.ez-negmx{margin-right:-1px}.ez-negml{margin-left:-1px}* html .ez-negml{margin-left:-4px}


/*********** reset common tags ***********/
html,div,h1,h2,h3,h4,h5,h6p,ul,li,table,thead,tbody,tfoot,th,tr,td {
    border: 0; margin: 0; outline: 0; padding: 0;
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: 1.2em;
    text-align: left; vertical-align: top;
}

/*********** choose default fonts ***********/
body {
    font-family: Helvetica Narrow, sans-serif;
    font-size: 11pt;
    text-align: center;
}

/*********** choose link style ***********/
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/*********** add bottom line to table rows ***********/
th, td {
    /*padding: 0.1em 0.5em 0.1em 0.5em;
    border-bottom: 1px solid #ddd;*/
}

/*********** labels bold and occasionally centered ***********/
label {
    white-space: nowrap;
}
label, b, th {
    font-weight: bold;
}
thead th {
    text-align: center;
}

/*********** make all input fields the same size ***********/
input[type=text], input[type=password], textarea {
    width: 300px;
}
select {
    min-width: 200px;
}

/*********** add proper separation between h1-h6 and text ***********/
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    padding: 5px 0 5px 0;
}

/*********** always indent the first line and add space below paragraphs ***********/
p {
    text-indent:30px;
    text-align: justify;
    padding-bottom: 5px;
}

/*********** bullets and numbers style and indent***********/
ul, ol {
   border-left: 30px transparent;
}
ul {
   padding-left: 35px;
   list-style-type: square;
}

/*********** forms and table padding ***********/
form, table {
   padding: 0px 0px 0px 0px;
}

/*********** code blocks ***********/
code {
   padding: 3px 5px;
   font-family: Andale Mono, monospace;
   font-size: 0.9em;
}

/*********** left and right padding to quoted text ***********/
blockquote {
   background: #cccccc;
   border-left: 30px transparent;
   border-right: 30px transparent;
   padding: 5px;
}

/*********** page layout alignment, width and padding ***********/
#layout {
    position:absolute;
    left:0px;
    top:0px;
    width:920px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px 0px 0px;
}

#header { font-size: 0.9em; padding-left: 0px; }
#footer { font-size: 0.8em; }
#left_sidebar { padding: 0px; }
#content { padding: 0px; }
#right_sidebar { padding: 10px; }
#footer { padding: 10px; }

/*********** column widths ***********/
#left_sidebar { width: 0px; }
#content { width: 100%; }
#right_sidebar { width: 0px; }

/*********** backrgound images and colors ***********/
body { background: #3A3A3A;}

a { color: #349C01; }

.auth_navbar {
   top: 0px;
   float: right;
   padding: 3px 10px 3px 10px;
   font-size: 0.9em;
}
code { color: green; background: black; }

input:focus, textarea:focus { background: #ccffcc; }

#header, #footer {
    color: white; }
    
#header {
    height: 90px;
    }
#header a {
    display: none;
    }

#header h1 { color: #349C01; }
#header h2 { color: white; font-style: italic; font-size: 14px;}
#statusbar_language {padding:3px;}
#statusbar { background: #333333; }
#content {background: white;}
#statusbar a { color: white; }
#footer {
    text-align: center;
    }
  #hotellogo
    {
        background: url('images/logo.png') no-repeat;
        width: 253px;
        height: 90px;
        margin: 10px;
    }
#hotelbanner {}
 
 .shadowwr {
    background: white;
 }
 
 
.search-div {
	
}


.progress-menu-text li {
	white-space: nowrap;
}

.progress-menu-line { width: 540px; margin: 30px 0 0 185px;} 

.progress-menu-text { margin: -10px 0 0 100px; }

 
#searchoptions {
    padding: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 1px #dfd2d2 solid;
    }
#search_table {
	padding-top: 28px; 
	padding-bottom: 20px;
}
#search_table img {
	margin: 0px 0px 10px 0px;
}
#search_table td {
	padding: 0px 5px 0px 0px;
}
#search_table_header {}
#search_table_firstrow {}


#footerleft {
	float: left;
}

#footerright {
	float: right;
}


.under_footer {
	padding: 10px 0px 0px 10px;
	font-size: 12px;
}

.under_footer a {
	color: white;
}

#login_block {
	width: 70%;
	padding: 20px;
	padding-right: 0px;
	background: #ccc;
}

.checkoutbutton button {
	width: 200px;
}

#all_rooms_button_div {
	float: right;
	margin-top: -40px;
}

#all_rooms_button_div button {
	width: 115px;
}

#bookingsuccess_reservation_table {
	width: 100%; padding: 10px; font-size: 12px;
}


.hotel_block {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
}

#hotels_page_description {
    padding-bottom: 15px;
}

.hotels_page_booking_button_top {
	margin-top: -20px; 
}

.hotels_page_booking_button {
	background: #333; 
	color: white; 
	border-radius: 2px; 
	float: right; 
	padding: 12px;
	cursor: pointer;	
}

.hotel_selection_check_box {
	width: 50px;
}

.hotel_image {
	max-width: 250px;
	height: 150px; 
	overflow: hidden; 
	margin-right: 20px;
}

.hotel_image_img {
	width: 200px;
}

#register_title {
	padding: 20px 0px 10px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold;
}

#cart_total {
	font-size: 22px;
}

/********* search tab **********/
/**********************************/
#search_tab {
	left: 250px;
	display: none;
	top: 125px;	
	padding-top: 0px;
	margin-top: 0px;  
	position:absolute;		
}

#sidepanel {
	z-index: 0;
	background: #DBDBDB;;
	height: 350px;
	border-right: 0px solid white;
}

#searchbox {
	z-index: 1;
	display: none;
	text-align: center;
	color: white;
	background: #333333;
	height: 173px;
	padding-left: 20px;	
	padding-right: 20px;
    box-shadow: 3px 3px 20px black; 	
}

#hotelresults {
	z-index: 2; 
	positon: relative;	
}


#roomsearch_menu {
	height: 20px;
}


.search-bar-width {
	width: 50%;
}

#search_input {

}

#suggestions {
	position: absolute;
	margin-left:20px; 
	width: 226px; 
	font-size: 14px; 
	box-shadow: 3px 10px 15px black;	
}

#suggestions:hover {
	cursor:pointer;
}

.suggestionselected {
	background: #8CC63F;
	color: white;
}

.suggestionunselected {
	background: white;
	color: black;
}

.searchlink a {
	font-size: 16px;
	font-weight: bold;
	color: white;
	cursor: pointer;
}

.searchlink a:hover {
	text-decoration: none;
	text-shadow: #FFFFFF 0px 0px 5px;	
}

.search_tab {
	color: white;
	background: none;
	opacity: 1;
    border: 0px solid;
	z-index: 3;	
}

#search_input:focus {
	color: black;
	background: white;
}

.search_tabtag	{
	text-align: center;
	padding:  15px 25px 20px 25px;
	color: white;
	background: #333333;
	border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -moz-border-radius-bottomleft: 20px;   	
}

.ui-autocomplete {
    background-color: white;
    width: 300px;
    border: 1px solid #cfcfcf;
    list-style-type: none;
    padding-left: 0px;
}


.hotel_name {
	text-align: left;
	float: left;
}

#map_tab {
	position:absolute;
	right: 20px;
	padding-top: 0px;
	margin-top: 0px;
	display: none;
	top: 125px;	
}

.map_tabtag	{
	padding:  1px 30px 10px 30px;
}

/********* shopping cart **********/
/**********************************/
#cart_tab {
	color: white;
	margin-left: 10px;
	margin-bottom: 5px;
	z-index: 1;
}

.whole_basket {
	width: 100px;
	text-align: center;
	position: absolute;
}

.cartorders{
	top: 10px;
	position: relative;
	font-weight: bold;
	font-size: 16px;
	left: 50px;
}

.carttrolley {
	top: 10px;
	left: 43px;
	position: relative;
}

.cartempty {
    font-weight: bold;
    text-align: center;
    padding: 10px;
}

.emptytxt {
	text-align: left;
	width:100px;
	padding-left:20px;
}

.cart {
	color: white;
	background: #ccc;
	padding: 0px 10px 10px 10px;
}

.bookingsuccess {
	border: solid 1px black;
	border-radius: 10px;
    -moz-border-radius: 10px;
}

/******** Cart table contents **********/
.carttable { font-size:11px; }
/* Headers */
.carth { text-decoration: underline; font-size:13px; }
.carthunit { text-align: left; }
.carthcharge { text-align: right; width: 110px; }
.carthlinetotal { text-align: right; width: 50px; padding-left:20px; }
.carthdate { text-align: left; width: 90px; }
.carthelse { text-align: center; width: 60px; }
/* Contents */
.cartunit { width: 200px; white-space: nowrap ; overflow: hidden; }
.cartcharge { text-align: right; width: 110px; }
.cartlinetotal { text-align: right; width: 110px; }
.cartremove { text-align: left; padding-left:20px; }
.cartadults { text-align: center; }
.cartchild { text-align: center; }
.cartelse { text-align: left; width: 70px; }
/* Totals */
.carttotals { font-weight: bold; font-size:13px; }
.cartadulttotal { text-align: center; }
.cartchildtotal { text-align: center; }
.cartpricetotal { text-align: right; }
/***************************************/

/******** Mini Cart Contents **********/
.cartminitable { font-size:10px; }
/* Headers */
.cartminih { text-decoration: underline; font-size:12px; }
.cartminihunit { text-align: left; }
.cartminihlinetotal { text-align: right; width: 50px; padding-left:20px;}
.cartminihelse { text-align: right; width: 20px; }
/* Contents */
.cartminiunit { max-width: 90px; white-space: nowrap ; overflow: hidden; }
.cartminilinetotal { text-align: right; }
.cartminiremove { text-align: center; padding-left:7px; }
.cartminiadults { text-align: right; }
.cartminichild { text-align: right; }
.cartminielse { text-align: right; }
/* Totals */
.cartminitotals { font-weight: bold; font-size:12px; }
.cartminiadulttotal { text-align: right; }
.cartminichildtotal { text-align: right; }
.cartminipricetotal { text-align: right; }
.cartminiblanktotal { text-align: center; padding-left:7px; }
/***************************************/

/************* Cart Page ***************/
.cartcontentsdiv { padding: 10px 0px 0px 0px; }
.cartcontents { padding: 20px 0px 20px 0px; }
.cartwholepage { padding: 0px 0px 0px 0px; }
/***************************************/

.cart_disclaimer {
	float: left; width: 80%; margin-top: 8px; text-align: center; font-size: 12px; color: #999;
}

/********** Booking success ************/
.bookedcart { text-align: center; }
.referencediv { text-align: center; }
.referencenumber { font-family:monospace;font-size:250% }
/***************************************/

/********** Booking failure ************/
.failbookheader h1 { text-align: center; padding-top: 20px; }
.failbookmessage { text-align: center; font-size:16px; padding: 40px 0px 40px 0px;}
/***************************************/

/************** User Menu **************/
.umenudiv { width: 160px;}
.umenu {
	color: white;
	padding: 10px;
	background: #333333;
	padding: 5px 0px 15px 15px;
	border-radius: 10px;
    -moz-border-radius: 10px;
}
.umenulinks { font-size: 12px;}
.ucontent { padding-left: 20px; width: 100%;}

/***************************************/
.optable {
	border: 1px;
	border-radius: 10px;
    -moz-border-radius: 10px;
	padding: 15px;
	background: none;
	border-collapse: collapse;
}


/************** reservations **************/
.restable {width: 700px; }
.rescolh { font-size: 16px; font-weight: bold;}
.rescol { font-size: 14px;}
.resdetails { padding: 10px 0px 10px 0px; font-size: 11px; overflow-x: hidden; }
.reslink { font-size: 14px; cursor: pointer; }
.resdetailcol { width: 86px; overflow: hidden; white-space: nowrap ; margin-right:4px;}
.resheaders div{ font-weight: bold; }
.restotals div { font-weight: bold; }
.resheader {
	color: white; 
	text-align: right; 
 	font-weight: bold; 
  	font-size: 12px; 
  	background: #cacaca; 
  	border-bottom: 0px solid black;	
}

/***************************************/

/*********** menu style ***********/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:	0;
	padding: 0;
	list-style: none;
        text-decoration: none;
}
.sf-menu { line-height: 12px; }
.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:	100%;
}
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position: relative; }
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	left: 0;
	top: 28px; /* match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}

.sf-menu {
	float:	left;
}
.sf-menu a {
	padding: 5px 15px;
}
.sf-menu li {
	background: #333333;
}
.sf-menu li li {
        border-left: 10px solid #000;
        border-bottom: 2px solid #000;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline: 0;
	text-shadow: #FFFFFF 0px 0px 5px;
	text-decoration: none;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right:	.75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*********** web2py specific ***********/
div.flash {
    position: fixed;
    float: right;
    padding: 10px;
    top: 0px;
    right: 0px;
    opacity: 0.75;
    margin: 10px 10px 10px 10px;
    text-align: center;
    clear: both;
    color: #fff;
    font-size: 11pt;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: black;
    border: 2px solid #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 2;
}

div.error {
/*   -moz-border-radius: 5px;     */
/*    -webkit-border-radius: 5px; */
/*    border: 1px solid #666;     */
    background-color: red;
    color: white;
    padding: 3px;

}
.progress-menu-line {
padding-left: 0;
list-style-type: none;
margin: 30px 0 0 82px;
width: 715px;
border-top-color: #000;
border-top-width: 4px;
border-top-style: solid;
}

.black-dot {
background: url('images/black_circle.png') no-repeat -2px -3px;
width: 15px;
height: 15px;
}


.red-dot {
background: url('images/reddot.png') no-repeat;
width: 15px;
height: 15px;
margin-left:-1px;
}

.progress-menu-line li {
margin-top: -10px;
float: left;
}

.progress-space {
margin-right: 160px;
}

.progress-menu-text {
list-style-type: none;
margin: -10px 0 0 0px;
float: left;
width: 100%;
padding: 0px;
}

.progress-menu-text a {
	color: black;
	text-decoration: none;
}

.progress-menu-text li {
float: left;
width: 174px;
text-align: center;
list-style-type: decimal;
list-style-position: inside;
display: list-item;
}


.progress-div {
float: left;
display: block;
}

.progress-red {
color: #d00;
text-decoration: none;
}	

.progress-red a {
color: #d00;
text-decoration: none;
}

#rooms_header {
	font-size: 12px;
}

.top_bookbutton {
	margin-top: -38px;
}

.bookbutton {
	display: none; 
	margin-left: 10px; 
	background: white;  
	font-weight: bold; 
	color: #333; 
	border: solid #333 2px; 
	height: 13px; 
	border-radius: 2px; 
	float: right; 
	padding: 12px; 
	cursor: pointer; 
	width: 165px; 
	text-align: center;
}


.top_rooms_search_button {
	margin-top: -38px;
}

.rooms_search_button {
	background: #333;  
	color: white; 
	border-radius: 2px; 
	float: right; 
	padding: 12px; 
	cursor: pointer; 
	width: 165px; 
	text-align: center;
}


#location_button {
	background: #ccc; 
	color: black; 
	border-radius: 2px; 
	float: left; 
	padding: 12px; 
	cursor: pointer;
}

.hotel_check_box_div {
	float: right; margin-top: -8px;
}

.hotel_select_message {
	float: right; font-weight:normal; font-size: 11px; padding-right: 5px; margin-top: -5px;
}

.hotel_map_style {
	text-align: center; padding: 10px;
}

#facilities, #map_box {
display: none;
background: white;
position: absolute;
border: 1px solid black;
border-radius: 6px;
width: 305px;
padding: 15px;
overflow: hidden;
text-shadow: none;
z-index: 50;
}
#map_content {
z-index: 51;
width: 100%;
height: 100%;
}

#map_box {
width: 350px;	
height: 250px;
padding: 0px;
overflow: visible;
}

.map_box_button {
	position: relative; float: right; z-index: 52; top: -50px; width: 100px; height: 100px;
}

.hotel_block {
	border: 2px solid grey;
	padding: 15px;
	border-radius: 2px;
}

.checkbox_off {
}

.checkbox_on {
	display: none;
}


.rooms_hotel_box {
	border: 1px solid grey; margin-bottom: 20px; border-radius: 2px;
}

.rooms_hotel_header {
	background: #ddd; border-bottom: 1px solid grey; padding: 10px;
}

.rooms_hotel_name {
	font-weight: bold;
}

.rooms_hotel_right_header_block {
	float: right;
}

.rooms_hotel_location {
	background: #333; color: white; padding: 8px; margin-right: 9px; font-size: 11px; border-radius: 2px;
}

.rooms_view_map_button {
	cursor: pointer; text-decoration: none; color: white;
}

.rooms_map_button {
	background: #333; color: white; padding: 8px;  margin-right: 9px; font-size: 11px; border-radius: 2px;
}

.rooms_hotel_expand {
	float: right; margin-top: -7px; cursor: pointer;
}

.add_another_date_section {
	padding: 15px; padding-top: 0px;
}

.add_another_date {
	font-size: 12px; background: #333;  color: white; border-radius: 2px; padding: 7px; cursor: pointer; width: 145px; text-align: center;
}

.rooms_search_option_holder {
	height: 60px;
}

.rooms_search_option_header_arrive,  .rooms_search_option_header_depart {
	width: 120px;
}

.rooms_search_option_header_category {
	width: 260px;
}

.rooms_search_option_header_adults, .rooms_search_option_header_children {
	width: 60px;
}

.rooms_search_option_header_max {
	text-align: right; 
	padding-right: 46px; 
	width: 100px;
}

.rooms_action_option {
	width: 44px;
	margin-right:-11px; 
	padding-left: 15px;
}

.rooms_top_options {
	width: 60%;
	float: left;
}

.rooms_top_options table {
	width: 100%;
}

.rooms_bottom_options {
	width: 40%;
	float: right;
}

.rooms_bottom_options table {
	width: 100%;
}

.cancel_booking_button {
	width: 44px;
	margin-right:-11px;
	padding-left: 15px;
	margin-top: -10px;
}

#confirm_booking_login {
	text-align: center; padding: 150px; padding-top: 50px;
}

#confirm_booking_login button {
	width: 150px;
}

#login_form table {
	width: 300px;
}

.booked_room {
	height: 70px;
}