

/* ================================================================ 
default page  tab system
=================================================================== */


.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		100%;
}

.dynamic-tab-pane-control .tab-row .tab {
	font:			Menu;
	cursor:			Default;
	display:		inline;
	margin:			1px -1px 1px 2px;
	float:			left;
	padding:		2px 5px 3px 5px;
	background:		#8db20c;
	border:			0;/* 1px solid; */
	border-color:	ThreeDHighlight ThreeDDarkShadow
					ThreeDDarkShadow ThreeDHighlight;
	border-bottom:	0;
	z-index:		1;
	white-space:	nowrap;
	position:		relative;
	top:			0;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	background:		ThreeDHighlight !important;
	border:			1px solid ThreeDDarkShadow;
	border-bottom:	0;
	z-index:		3;
	padding:		2px 6px 4px 6px;
	margin:			1px -3px -3px 0px;
	top:			-2px;
}

.dynamic-tab-pane-control .tab-row .tab a {
	font:				Menu;
	color:				WindowText;
	text-decoration:	none;
	cursor:				default;
}

.dynamic-tab-pane-control .tab-row .tab.hover {
	background:	#8db20c;
}

.dynamic-tab-pane-control .tab-page {
	clear:			both;
	border:			1px solid ThreeDDarkShadow;
	background:		ThreeDHighlight;
	z-index:		2;
	position:		relative;
	top:			-2px;
	color:			WindowText;
	font:			Message-Box;
	padding:		10px;
	
	height:			154px;
	
}

.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/menu_gallery.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
font-family: verdana, sans-serif; 
position:relative; 
z-index:100;
width:450px;
margin:0 auto;
height:50px;
background:#03AEC8;
border-top:257px solid #444;
}

.menu ul {
padding:0; 
margin:0;
list-style-type: none;
width:350px;
height:24px;
background:#444;
padding:5px;
margin:5px 40px 0 40px;
position:absolute;
border:1px solid #444;
}

.menu ul li {
float:left;
position:relative;
}

.menu ul li a img {border:0; float:left;}
* html .menu ul li a img {float:none;}

.menu ul li a, .menu ul li a:visited {
float:left;
width:32px;
height:24px;
margin:0 5px;
text-decoration:none; 
color:#000;
border:1px solid #fff;
cursor:default;
}

.menu ul li ul {
position:absolute;
top:-106px;
left:-9999px;
}

.menu table {
border-collapse:collapse;
border:0; padding:0; margin:-4px;
}

.menu ul li:hover a,
.menu ul li a:hover {
border:1px solid #03AEC8;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
position:absolute;
left:-45px;
width:124px; height:94px;
border:0; padding:0; margin:0;
background:#444;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
position:absolute;
top:-151px;
left:-9999px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
text-decoration:none; 
color:#000;
border:1px solid #03AEC8;
width:120px;
height:90px;
background:#000;
}

.menu ul li:hover ul li a b,
.menu ul li a:hover ul li a b {
display:block; width:32px; height:13px; font-size:0; background:#444 url(images/hotelslides/point.gif); position:absolute; left:50px; top:92px; border-left:1px solid #03AEC8; border-right:1px solid #03AEC8; border-bottom:1px solid #03AEC8;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
border:1px solid #03AEC8;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
left:1px; 
}
.menu ul li:hover ul li:hover ul.pos2,
.menu ul li a:hover ul li a:hover ul.pos2 {
left:-40px; 
}
.menu ul li:hover ul li:hover ul.pos3,
.menu ul li a:hover ul li a:hover ul.pos3 {
left:-85px; 
}
.menu ul li:hover ul li:hover ul.pos4,
.menu ul li a:hover ul li a:hover ul.pos4 {
left:-130px; 
}
.menu ul li:hover ul li:hover ul.pos5,
.menu ul li a:hover ul li a:hover ul.pos5 {
left:-172px; 
}
.menu ul li:hover ul li:hover ul.pos6,
.menu ul li a:hover ul li a:hover ul.pos6 {
left:-220px; 
}
.menu ul li:hover ul li:hover ul.pos7,
.menu ul li a:hover ul li a:hover ul.pos7 {
left:-262px; 
}
.menu ul li:hover ul li:hover ul.pos8,
.menu ul li a:hover ul li a:hover ul.pos8 {
left:-305px; 
}

.menu ul li:hover span,
.menu ul li a:hover  span {
display:none;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {
width:430px; height:242px;
border:1px solid #ffffff;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover
{border:1px solid #fc6;}

.menu ul li:hover ul li:hover ul li a:hover span,
.menu ul li a:hover ul li a:hover ul li a:hover span {
display:block; font-size:10px; position:absolute; top:1px; left:6px; width:470px; background:#03AEC8; padding:5px; border-bottom:1px solid #fc6;}

.menu ul li:hover ul li:hover ul li a:hover span:first-line,
.menu ul li a:hover ul li a:hover ul li a:hover span:first-line {
font-weight:bold; font-size:14px; color:#efe;}

.default {position:absolute; left:8px; top:-247px; z-index:0;}

