/* CSS Document */
body { background-color:#000000; margin:10px; color:#B5A8AA; text-align: center; /* Hack for IE */ }
body,p,td,th,input,select,textarea { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; }
a { color:#E8C455; text-decoration:none; }
a:hover { text-decoration:underline; }
h3 { font-weight:bold; color:#FFFFFF; font-size:11px; }
form { margin:0px; padding:0px; }
blockquote { 
	background-color:#211C1B;
	padding:10px;
}

/* Border classes */
.bAll { border:1px solid #413834; }
.bR { border-right:1px solid #413834; }
.bB { border-bottom:1px solid #413834; }
.bTBlack { border-top:1px solid #000000; }

/* Margin classes */
.m0 { margin:0px; }
.mt0 { margin-top:0px; }
.mb0 { margin-bottom:0px; }
.mt10 { margin-top:10px; }
.mb10 { margin-bottom:10px; }
.mr10 { margin-right:10px; }

/* DIV classes */
#CANVAS {
	width:750px;
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	padding:1px;
}
#map {
	width:690px;
	height:500px;
}

#MENU ul {
	/*background-color:#413834; */
	height:25px;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-image:url(../images/background-menu.gif);
	background-repeat:repeat-x;
}
#MENU li { 
	float:left;
}
#MENU a { 
	line-height:13px; 
	/*background-color:#413834; */
	display:block; 
	float:left; 
	padding:6px 10px; 
	color:#FFFFFF; 
	border-right:1px solid #000000;
	background-image:url(../images/background-menu.gif);
	background-repeat:repeat-x;
}
#MENU a:hover { 
	background-image:url(../images/background-menu-over.gif);
	text-decoration:none;
}
#MENU a.current { 
	background-image:url(../images/background-menu-selected.gif);
}

#MAIN_CONTENT {
	padding:30px;
}
#LEFT_COLUMN {
	width:379px;
	padding-right:30px;
	float:left;
}
#RIGHT_COLUMN {
	width:250px;
	padding-left:30px;
	float:right;
}
.separatorColumn {
	background-image:url(../images/pic-vertical-separator.gif);
	background-repeat:repeat-y;
	background-position:center;
}
#FOOTER {
	padding:6px;
	background-color:#221E1C;
}
#DEBUG { 
	width:700px;
	margin:10px auto 0px auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	font-size:11px;
	color:#666666;
	padding:20px;
}
#DEBUG pre {  }

#RIAD_SELECTION td {
	padding-bottom:10px;
}

#QUICK_JUMP {
	float:right;
	background-color:#413834;
	border:1px solid #73635B;
	padding:15px;
	width:220px;
	margin-left:15px;
	margin-bottom:15px;
}
#QUICK_JUMP li {
	margin-bottom:3px;
}
.promo_box_right {
	float:right;
	background-color:#413834;
	border:1px solid #73635B;
	padding:15px;
	width:180px;
	margin-left:15px;
	margin-bottom:15px;
}


#PRICES { border-top:1px solid #413834; border-left:1px solid #413834; }
#PRICES td { border-right:1px solid #413834; border-bottom:1px solid #413834; }
#PRICES th { border-right:1px solid #413834; border-bottom:1px solid #413834; background-color:#262220; text-align:center;}

#MAP {
	height:300px;
	overflow:scroll;
	width:690px;
}

.roomPrice { border-collapse:collapse; }
.roomPrice th { padding:2px; border:1px solid #534A45; background-color:#37312D; }
.roomPrice td { padding:2px; border:1px solid #534A45; }

#seasonsTable { border-collapse:collapse; }
#seasonsTable td { border:1px solid #534A45; }

.roomList { padding:10px; margin-bottom:10px; }
.roomThumb { float:left; margin:0px 10px 10px 0px; width:120px; text-align:center; }
.odd { background-color:#27221F; }
.even { background-color:#37312D; }

/* Other classes */
.white { color:#FFFFFF; }
.success { color:#009900; font-weight:bold; }
.error { color:#FF0000; font-weight:bold; }
.unavailable { color:#FF0000; }
/*td.unavailable { background-color:#3D1F1C; }*/
.available { color:#009900; }
/*td.available { background-color:#293A19; }*/
.expensive { color:#3399FF; }
.thumbnail { float:left; display:block; text-align:center; margin-bottom:12px; width:122px; }
a.thumbnail:hover { text-decoration:none; background-color:#413834; color:#FFFFFF;}
.thumbnail_caption { padding-top:4px; padding-bottom:4px; }
.trOdd { background-color:#27221F; }
.trEven { background-color:#37312D; }
.trSelected { background-color:#665200; }
#date_warning { color:#FF0000; font-size:10px; }
.hidden { display:none; }

.riadList { padding-left:0px; margin-left:0px; list-style-type:none; margin-bottom:8px; }
.riadList li { margin-bottom:2px; }

#dhtmltooltip {
	background-color:#413834;
	position: absolute; 
	padding:10px;
	width:400px;
	visibility:hidden; 
	z-index: 100;
	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;*/
	border:1px solid #73635B;
}
#tooltipImage { float:left; margin-right:10px; margin-bottom:10px; border:1px solid #73635B; }
#tooltipDesc { margin:0px; padding:0px; font-size:11px; }

/* Quick search form */
#qs { background-color:#211C1B; border:1px solid #413834; }
#qs th {
	border-bottom:1px solid #413834;
	background-color: #362E2C;
	padding:6px;
	font-weight:normal;
	line-height:12px;
}
#qs_price { margin-right:4px; }

#searchResults ul { padding-left:1em; margin:0 1em; }
#client_comments p { font-size:10px; }

.f10 { font-size:10px; }

#gallery td { text-align:center; }
.gallery_pic { vertical-align:bottom; }
.gallery_pic img { border:1px solid #413834; }
.gallery_title { padding-bottom:10px; padding-top:4px; }

.two_column_layout {
	background-image:url(../images/spacer-brown.gif);
	background-repeat:repeat-y;
	background-position:center;
}
.two_column_layout .cl {
	float:left;
	width:314px;
	margin-right:60px;
}
.two_column_layout .cR {
	float:left;
	width:314px;
}

.regionsList {
	margin-left:1em;
	padding-left:1em;
}
.regionsList li {
	margin-bottom:10px;
}
.regionsList li a {
	color:#0099FF;
}

/* Whole riads page */
div.whole_riad {
	float:left;
	margin-bottom:10px;
	margin-right: 10px;
	background-color:#221E1C;
	padding:10px;
	width: 45%;
	height: 275px;
}
div.whole_riad_inner {
	height:90px;
	overflow:hidden;
	line-height:14px;
}
div.whole_riad_inner p {
	margin:0px;
}


a.whole_riad_image {
	float:right;
	margin-top:35px;
	margin-left:10px;
	margin-bottom:10px;
}
div.whole_riad_read_more {
	text-align:right;
}
div.whole_riad_read_more a {
	padding-right:12px;
	background-image:url(../images/icon_expand_down.gif);
	background-repeat:no-repeat;
	background-position:right 5px;
	line-height:14px;
}
div.whole_riad_read_more a.open {
	background-image:url(../images/icon_expand_up.gif);
}

.ui-datepicker-trigger {
	cursor:pointer;
	margin-left:4px;
}

.tooltip{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: 3; 
	display: none; 
	background-color:#211C1B;
	border:1px solid #413834;
	padding:10px;
	width:320px;
}

.tooltip img {
	float:left;
	margin:0px 10px 10px 0px;
}
.tooltip h1 {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px 0px 10px 0px;
}
.tooltip p {
	margin:0px;
}