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

html, body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	width:100%;
	height:100%;
}

table {
	table-layout:auto;
	color:inherit;
}
	html, body {	border-spacing: 0; border-collapse: separate; *border-collapse: collapse;	padding:0px;height:100%;margin:0px;	}
/* container */
	#container, #content-table {	width:980px;	height:100%; margin:auto;margin-top:0;	text-align:left;	vertical-align:top;}
	#content,#footer {vertical-align:top;background-color:#FFFFFF;}
	#header {	height:80px;	background-color:#3366CC;	background-image:url('../images/logo80.gif');	background-repeat:no-repeat;	background-position:left;padding:.5em;color:#aac0e0;font-size:.9em;line-height:1.2em;}
	#header a {color:#FFF;text-decoration:none;}
	#header a:hover {color:#FFF;text-decoration:underline;}
	#header .ui-icon { background-image: url(../../css/images/ui-icons_ffffff_256x240.png);display:inline-block;margin:-12px 1px -4px -8px; }
	#nav {	text-align:center;	vertical-align:middle;	color:#FFFFFF;	font-size:11px;	background-color:#3366CC;	height:36px;}
	#container #footer {	text-align:center;	vertical-align:middle;	color:#FFFFFF;	font-size:11px;	background-color:#EEEEEE;	height:16px;}
/* #content-table */
	#content-table #left-panel {	text-align:left;	vertical-align:top;	width:150px;	border-right: 1px solid #EEEEEE;}
	#content-table #center-panel {	text-align:left;	vertical-align:top;	padding:5px;}
	#content-table #right-panel {	width:50px;	text-align:left;	vertical-align:top;	border-left: 1px solid #EEEEEE;}

/* Type */

h1 {font-size:18px;color:#36C;margin:0px;padding-left:0px;padding-bottom:3px;padding-top:5px;}
h2 {font-size:16px;color:#390;margin:0px;padding-left:0px;padding-bottom:3px;padding-top:5px;}
h3 {font-size:16px;color:#36C;margin:0px;padding-left:0px;padding-bottom:3px;padding-top:5px;}
h4 {font-size:12px;}
p {font-family:Helvetica, Arial, sans-serif;line-height:1.2em;font-size:12px;margin-top:.7em;}
p.noStyle {font-family:Verdana,Helvetica, Arial, sans-serif;font-size:12px;margin-top:0px;margin-bottom:0px;}
.small {font-family:Helvetica, Arial, sans-serif;font-size:12px;margin:0px;}

hr { height:1px; background-color:#CCC;color:#CCC;border:0;width:100%;}

/* Line-spacing fix for sup, sub */
sup,sub {height: 0;line-height: 1;vertical-align: baseline;_vertical-align: bottom;position: relative;}
sup {bottom: 1ex;}
sub {top: .5ex;}
sup.small {font-size:.6em; }

/* Link */

.clickable { cursor: pointer; }

a {color:#36C;outline:none;}
a:hover {color:#03F;}
.pseudo-link {color:#36C !important;cursor:pointer;text-decoration:none;}
.pseudo-link:hover {color:#03F !important;cursor:pointer;text-decoration:underline !important;}
a.white_on_blue { cursor:pointer;float:right;text-decoration:none !important;color:#AAF !important;font-size:0.9em !important;margin:.1em; }
a.white_on_blue:hover {cursor:pointer;text-decoration:underline !important;color:#FFF !important;}


.visible {display:block; }
.hidden {display:none; }
.hidden_rollover {display:none}

.marginNo {margin: 0px !important;}
.marginNoTop {margin-top: 0px !important;}
.marginNoRight {margin-right: 0px !important;}
.marginNoBottom {margin-bottom: 0px !important;}
.marginNoLeft {margin-left: 0px !important;}
.paddingNo {padding: 0px !important;}
.paddingNoTop {padding-top: 0px !important;}
.paddingNoRight {padding-right: 0px !important;}
.paddingNoBottom {padding-bottom: 0px !important;}
.paddingNoLeft {padding-left: 0px !important;}
.borderNoTop {border-top: 0px !important;}
.borderNoRight {border-right: 0px !important;}
.borderNoBottom {border-bottom: 0px !important;}
.borderNoLeft {border-left: 0px !important;}
.bgTop {background-position:top !important;}
.bgRight {background-position:right !important;}
.bgBottom {background-position:bottom !important;}
.bgLeft {background-position:left !important;}
.bgBottomLeft {background-position:bottom left !important;}
.bgBottomCenter {background-position:bottom center !important;}
.bgBottomRight {background-position:bottom right !important;}
.bgTopLeft {background-position:top left !important;}
.bgTopCenter {background-position:top center !important;}
.bgTopRight {background-position:top right !important;}

/* Tab Tables */


.tab-table {border-spacing:0px;width:100%;}
.tab-table td {text-align:center;border-bottom:1px solid #CCC;}
.tab-table td.ui-state-default {cursor:pointer;padding:5px 5px !important;}
.tab-table td.ui-state-active {border-bottom:1px solid #FFF;}
.wrapper-table {width:100%;border-spacing:5px;}
.wrapper-table td {vertical-align:top;}

/* Other Styles */

.no-padding {
	padding:0px;
	margin:0px;
	border-collapse: separate;
	border-spacing: 0;
	*border-collapse: collapse;
}

img {
	border: 0px;
	}

.pseudoLink {
	color:#0066CC;
	cursor:pointer;
	text-decoration:underline
}

.shadow {
  /* offset left, top, thickness, color with alpha */
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
  /* IE */
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
  /* slightly different syntax for IE8 */
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
}

ul.tick-list
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
ul.tick-list li
{
line-height:1.8em;
background-image: url(images/comparison/icon-tick.png);
background-repeat: no-repeat;
background-position: -2px 0px;
padding-left: 16px;
}

fieldset {
	margin:5px 0px 0px 0px;
}
fieldset legend {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
}
fieldset fieldset {
	background-color:#EEEEEE;
}
fieldset fieldset legend {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	font-style:italic;
}
fieldset label, label {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	display:block;
	position:static;
	padding:5px 0px 0px 0px;
}
span.prepend {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	position:absolute;
	padding:4px 0px 0px 5px;
}
input.price {
	padding:0px 0px 0px 10px;
}

/* Style Classes */

.loading {
	width:100%;
	height:100px;
	padding-top:5px;
	text-align:center;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	background: center 25px no-repeat url('../images/loading.gif');
}

.fadeBackground {
	background-image:url('../images/bgfade.gif');
	background-repeat:repeat-x;
	background-position:top left;
}

.elPlainBox {
	background-color:#FFFFFF;
	border:1px solid #d9d9d9;
	margin:5px;
	}


.elStyleBox {
	background-color:#f9f9f9;
	border:1px solid #d9d9d9;
	margin:5px;
	}


.elInnerBox {
	width:100%;
	height:100%;
	background-color:#f9f9f9;
	border:1px solid #d9d9d9;
	margin:0px;
	padding:0px;
	}


.elPlainBox strong, .elStyleBox strong {
	background-color:#666666;
	display:block;
	padding:4px 0 5px 8px;
	font-size:13px;
	color: #FFFFFF;
	}

.elPlainBox strong.h3366cc, .elStyleBox strong.h3366cc {
	background-color:#3366cc;
	}

.elStyleBox .elStyleBox {
	background-color:#eaeaea;
	border:1px solid #d9d9d9;
	margin:5px;
	}
	

.greyBox {
	text-align:center;
	border:0px;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	}
.greyBox table {
	padding:5px;
	margin:auto;
	}
.greyBox .content {	
	background-color:#f9f9f9;
	border:1px solid #d9d9d9;
	border-top:0px;
}

.blueTitle {
	background: left repeat url(images/blue_row_36.gif) !important;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden;
	position:relative;
	color:#FFFFFF;
	text-align:left;
	padding:auto;
	padding-left:10px;
	margin:0px;
	height: 24px;
	}
.purpleTitle {
	background: top repeat-x url(images/purple_row_24.gif);
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden;
	position:relative;
	color:#FFFFFF;
	text-align:left;
	padding:auto;
	padding-left:10px;
	margin:0px;
	height: 24px;
	}
.blueTitle span, .purpleTitle span {
	display:block;
	padding-top:3px;
}
.blueTitle span .type {color:#88BBEE;}
.blueTitle span span, .purpleTitle span span {
	cursor:default;
	display:inline;
	padding:0px;
}
.regionTitle { background-image:url('images/ui-bg_glass_100_custom_purple_1x400.png') !important;}
.cityTitle {background-image:url('images/ui-bg_glass_100_custom_blue_1x400.png') !important;}
.districtTitle {background-image:url('images/ui-bg_glass_100_custom_lightblue_1x400.png') !important;}
.venueTitle {background-image:url('images/ui-bg_glass_100_custom_red_1x400.png') !important;}
.venueTitle.available {background-image:url('images/ui-bg_glass_100_custom_green_1x400.png') !important;}
.venueTitle.unknown {background-image:url('images/ui-bg_glass_100_custom_orange_1x400.png') !important;}

.ui-state-highlight .title-bar {
	background:repeat-x center left url(custom-theme/images/ui-bg_glass_ffffcc_1x48.png);
	padding:0px;
	padding-top:0px;
	border:1px solid #FCEFA1;
	border-right:0px;
	border-left:0px;
	font:Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
	text-align:center;
	height:18px;
	vertical-align:middle;
	}
.ui-state-highlight .title-bar .ui-icon {background-image: url(images/ui-icons_222222_256x240.png);display:inline-block;margin:0px;margin-right:.3em;margin-top:-2px;vertical-align:middle; }
.ui-icon.red {background-image: url(images/ui-icons_cc0000_256x240.png) !important; }


/* #navigation */
#navigation {	text-align:left;	vertical-align:middle;	color:#FFFFFF;	background-color:#3366CC; height:21px; padding:0px;}
#navigation ul { display:inline; list-style:none; padding:0px; margin:0px;}
#navigation ul li { display:inline;}
#navigation ul li a, #navigation #cart a { cursor:pointer; float:left; line-height:21px; width:120px; text-align:center; padding:4px; margin:0 4px 0 0; background:50% 50% repeat-x url(images/ui-bg_glass_100_custom_lightblue_1x400.png); color:#FFFFFF; font-size:13px; font-weight:bold; border:0px solid #69E; border-bottom:1px solid #36c; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; text-decoration:none;outline:none; }
#navigation #cart a, #navigation a.highlight { background-image:url(images/ui-bg_glass_100_custom_orange_1x400.png); }
#navigation ul li a.hover, #navigation #cart a.hover { background:50% 50% repeat-x url(images/ui-bg_glass_100_e6e6e6_1x400.png); color:#666; border-bottom:1px solid #999; }
#navigation #cart #plan.hover { border-bottom:1px solid #EEE; }
#navigation ul li a.active, #navigation #cart a.active {background-image:none; background-color:#FFF; color:#333; border-bottom:1px solid #FFF; }
#navigation #cart {display:inline; float:right;  }
#navigation #cart a { margin:0px; margin-right:0px;margin-left:4px; }
#navigation .ui-icon { float:left;margin:2px -6px 0px 6px; background-image:url(images/ui-icons_ffffff_256x240.png);}
#navigation .hover .ui-icon, #navigation .active .ui-icon {background-image:url(images/ui-icons_222222_256x240.png);}

/*** Venue Page **/
	.vpage-loading {	width:100%; padding-top:70px;	background-image:none;	font-family:Verdana, Arial, Helvetica, sans-serif;	color:#333333;	font-size:11px;	position:absolute;	text-align:center;}
	div.galleryContent {	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
		display: none;	float: left;	width: 150px;}
	div.galleryContent a, div.navigation a {	text-decoration: none;	color: #777;}
	div.galleryContent a:focus, div.content a:hover, div.content a:active {	text-decoration: underline;}
	div.controls {	margin-top: 5px;	width: 100px;	display:inline;}
	div.controls a {	padding: 5px;}
	div.ss-controls {	float: left;}
	div.nav-controls {	float: left;}
	div.slideshow-container {	position: relative;	height: 450px; /* This should be set to be at least the height of the largest image in the slideshow */
	}
	div.loader {	position: absolute;	top: 0;	left: 0;	background-image: url('css/loader.gif');	background-repeat: no-repeat;	background-position: center;	width: 330px;	height: 450px; /* This should be set to be at least the height of the largest image in the slideshow */
	}
	div.slideshow {	overflow:hidden;}
	div.slideshow span.image-wrapper {	display: block;	position: absolute;	top: 0;	left: 0;}
	div.slideshow a.advance-link {	display: block;	width: 330px;	text-align:center;	overflow:hidden;	clear:both;	height: 450px; /* This should be set to be at least the height of the largest image in the slideshow */
		line-height: 450px; /* This should be set to be at least the height of the largest image in the slideshow */
		text-align: center;	margin-left:-4px;}
	div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {	text-decoration: none;	outline: none;}
	div.slideshow img {	vertical-align: middle;	border: 1px solid #CCC;	margin:auto;	width:auto;	height:auto;}
	div.download {	float: right;}
	div.image-title {	font-weight: bold;	font-size: 1.4em;}
	div.image-desc {	line-height: 1.3em;	padding-top: 12px;}
	div.navigation {	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
	}
	ul.thumbs {	clear: both;	margin: 0;	padding: 0;}
	ul.thumbs li {	float: left;	padding: 0;	margin: 2px -5px 2px 4px;	list-style: none;}
	a.thumb {	padding: 2px;	display: block;}
	a.thumb div {	width:64px;	height:40px;	overflow:hidden;}
	.thumb img {	width:64px;	margin:auto;}
	ul.thumbs li.selected a.thumb {	background: #000;}
	a.thumb:focus {	outline: none;}
	ul.thumbs img {	border: none;	display: block;	border:1px solid #CCC;}
	ul.thumbs li.selected a.thumb img {	border:0px;}
	div.pagination {	margin-right:auto;	margin-left:0px; }
	div.navigation div.top {	margin-bottom: 12px;	height: 11px;}
	div.navigation div.bottom {	margin-top: 12px;}
	div.pagination a, div.pagination span.current, div.pagination span.ellipsis {	display: block;	float: left;	margin-right: 2px;	margin-top: 2px;	padding: 4px 7px 2px 7px;	border: 1px solid #CCC;	color:#666666;}
	div.pagination a:hover {	background:#999;	color:#fff;	text-decoration: none;}
	div.pagination span.current {	font-weight: bold;	border-color: #3366CC;	background:center repeat-x url(../../css/images/ui-bg_glass_100_custom_blue_1x400.png);	color: #fff;}
	div.pagination span.ellipsis {	border: none;	padding: 5px 0 3px 2px;}
	.pageLink.prev {	width: 16px; 	height: 16px; 	background-image: url(../../css/images/ui-icons_222222_256x240.png);	background-position: 0 -16px;	clear:both;}
	.pageLink.next {	width: 16px; 	height: 16px; 	background-image: url(../../css/images/ui-icons_222222_256x240.png);	background-position: -64px -16px;	clear:both;}
	.photoLink.prev {	width: 16px; 	height: 16px; 	background-image: url(../../css/images/ui-icons_ffffff_256x240.png);	background-position: -96px -16px;	clear:both;	z-index:101;}
	.photoLink.next {	width: 16px; 	height: 16px; 	background-image: url(../../css/images/ui-icons_ffffff_256x240.png);	background-position: -32px -16px;	clear:both;	z-index:101;}
	.play-slideshow {	width: 16px; 	height: 16px; 	background-image: url(../../css/images/ui-icons_ffffff_256x240.png);	background-position: 0 -160px;	z-index:101;	visibility: visible;	display:block;	margin-left:-5px;}
	.pause-slideshow {	width: 16px; 	height: 16px; 	background-image: url(../../css/images/ui-icons_ffffff_256x240.png);	background-position: -16px -160px;	z-index:101;	visibility: visible;	display:block;	margin-left:0px;}
	#play-slideshow-tab {		}
	#pause-slideshow-tab {		}
	.go-to-gallery {	width: 16px; 	height: 16px; 	background-image: url(../../css/images/ui-icons_222222_256x240.png);	background-position: -32px -16px;	clear:both;	z-index:101;}
	.back-icon {	width: 16px; 	height: 16px; 	background-image: url(../../css/images/ui-icons_ffffff_256x240.png);	background-position: -96px -16px;	clear:both;	z-index:101;}
	/* vpage css */
	#vpage {	width:720px;	margin:0px;	border-spacing: 0; border-collapse: separate; *border-collapse: collapse;	padding:0px;}
	td.v-tab {	padding:.3em;	vertical-align:middle;	text-align:center;	cursor:pointer;	border-bottom-width:1px;}
	td.v-tab span.selected {	cursor:default;}
	td.v-tab.ui-state-active {	border-bottom:1px solid white;}
	td.overview-title.ui-state-default {	padding:.3em;	vertical-align:middle;}
	td.overview-title.ui-state-default .ui-icon {	margin-left:5px;	margin-top:-3px;	float:right;}
	td.description-title.ui-state-default, td.facility-title.ui-state-default {	padding:.3em;	vertical-align:middle;}
	td.description-title.ui-state-default .ui-icon, td.facility-title.ui-state-default .ui-icon {	margin-right:5px;	margin-top:-3px;	float:left;}
	.toggle-button {	text-align:center;	font-family:Verdana,Helvetica, Arial, sans-serif;	font-size:12px;	background: center url(css/images/blue_row_24.gif);	padding:.2em .5em .2em .5em;	color:#FFFFFF;	border:1px solid #3366CC;	cursor:pointer;}
	.rooms-tab {vertical-align:top;	padding:0px;border-top:0px !important;}
	.rooms-tab .ui-state-blue {	padding: .3em;	text-align:center;}
	.overview-button {	padding:.6em;	text-align:right;	vertical-align:center;	cursor:pointer;}
	.overview-button b {	float:left;}
	.rooms-important-info td {	vertical-align:middle;}
	.rooms-important-info b {	float:left;	margin-right:5px;}
	.payment-methods {	text-align:left;}
	.payment-methods {	padding:2px;	border-spacing: 0; border-collapse: separate; *border-collapse: collapse;}
	.rooms-top {	padding:.3em;	vertical-align:middle;	text-align:center;	border-bottom:0px;}
	td.payment-title.ui-state-default {	text-align:center;	padding:.3em;	vertical-align:middle;}
	.rooms-tab .room-type {	text-align:left;	width:60px; cursor:pointer;}
	.rooms-tab .room-price {	text-align:center;	width:50px; cursor:pointer;}
	.rooms-tab td.room-available {	text-align:center;	padding:.3em .7em .3em .7em; cursor:pointer;	/*width:42px;*/
	}
	.rooms-tab td.room-available.ui-state-green span {	color:#AAF999;	font-size:.8em;	margin-left:2px;	height:auto;}
	.rooms-tab td.room-available.ui-state-orange span {	color:#FFEEAA;	font-size:.8em;	margin-left:2px;	height:auto;}
	.rooms-tab .room-selection {	text-align:center; cursor:pointer;}
	.rooms-tab select {	width:50px;}
	.rooms-tab hr {height:1px;background-color:#EEE;color:#EEE;border:0px;margin:.3em;}
	/* end vpage css */

/* Advertising CSS */
.ad .ad_loading { height:64px;padding-top:40px;border:1px solid #CCC !important;background-image:none;	font-family:Verdana, Arial, Helvetica, sans-serif;	color:#666;	font-size:11px;	text-align:center;}
.ad {margin:0px;text-decoration:none !important;}
.ad div {padding:0;margin:0;border:0;cursor:pointer;}
.ad table {border-spacing:0;padding:0;margin:0;width:100%;}
.ad table table { height:106px;table-layout:fixed;}
.ad a {border:0;padding:0;margin:0;text-decoration:none !important;}
.ad .type {display:none;}
.ad .id {display:none;}
.ad .url {display:none; }
.ad .image {padding:0;width:103px;}
.ad .image img {padding:0;width:100px;height:100px;margin:3px 0 3px 3px;}
.ad .pitch {padding:0;color:#FFF;vertical-align:top;}
.ad .pitch .title {text-align:left;height:1.2em;font-size:1.2em;font-weight:bold;padding:2px 2px 2px 5px;overflow:hidden;}
.ad .pitch .title img {float:right;margin-left:-20px;z-index:100;}
.ad .pitch .text {text-align:left;font-size:11px;vertical-align:top;padding:5px;margin:0;background-image:url(../css/images/40_FFF_1x1.png);}
.ad .pitch .text div {height:54px;display:block; overflow:hidden;}
.ad .pitch .price {text-align:right;font-weight:bold;height:1em;padding:2px 5px 2px 2px;overflow:hidden;}
.ad .pitch .price .ui-icon-person {display:inline-block; vertical-align:middle; margin-top:-5px; margin-right:0px; margin-left:-2px;}
.ad .ui-state-orange .pitch .text, .ad .ui-state-red .pitch .text, .ad .ui-state-lightblue .pitch .text {color:#222222}
.ad-grid { width:100%;border-spacing:3px;layout:fixed; }
.ad-grid td {padding:0;text-align:center;}
.ad-grid .ad {margin:0;}
.ad-grid-2 td.ad { width:50%; }
.ad-grid-3 td.ad { width:33%; }
.ad-grid-4 td.ad { width:25%; }
.ad-grid-5 td.ad { width:20%; }
