@charset "utf-8";

/*********** LAYOUT ***********/
#content{margin-left:160px;}
#subnav{
	float:left;
	width:160px;
	background-color:white;
	padding-bottom:1px;
	border-bottom:1px solid #555;
    position: relative;
	left:-1px;
    width: 161px;
}

/* Header */

#itemheader {padding: 6px 4px 0 4px;}
#article #title{height:44px;}


/* General */

#next{
	font-size: 13px;
	margin:15px 0 20px 0;
}
#next a, .next a{color:#333;}
/* Article */

.article {
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	text-align: justify;
	color:#000;
	margin:0;
	padding:0;
}
#article .international .article {padding: 0 0 16px 2px;}
.subtitle, #article h3 {
	font-size: 19px;
	font-weight:normal;
	padding-bottom:6px;
	padding-top:4px;
	color:#222;
	margin:0 0 0 -1px;
}
#article h4, #article h5 {
	font-size: 14px;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:3px;
	color:#333;
	margin:0 0 0 -1px;
}
#article h5 {
	font-size: 12px;
	padding-bottom:4px;
	color:#444;
}
.article em{
	color: #444;
    font-style: italic;
    text-shadow: 0 1px #444;
}
.article a:link{color:#00c;}
.article ul{list-style:circle;}
.article li{margin-bottom:6px;}
.intro {
	font-size: 13px;
	font-weight: bold;
	text-align: justify;
	padding:2px 0 15px 0;
	color:#111;
}
ul.next{
	list-style:outside url(/img/arrow.png);
	background-position:1px -8px;
	padding-left:20px;
	overflow:hidden;
	margin-left:0;
}
#article ul.next{
	padding:4px 4px 4px 20px;
	border: 1px solid #bbb;
	background-color: #f0f0f0;
	color:#888;
	border-radius: 6px;
}
.article .small{font-size:10px;}
.localname {
	text-align:center;
	font-size: 13px;
	color:#666;
	position:relative;
	top:-2px;
}
a#activity{cursor:pointer;}
.ads{margin-bottom:28px;}

/* images */

.pic{margin:3px;}
.pic a{color:#111;}
.pic img
{
	border:1px solid #999;
	border-right-color:#444;
	border-bottom-color:#444;
	margin:1px;
}
.pic div
{
	text-align: center; 
	font-style: italic; 
	font-size: 12px;
	font-weight:100;
	margin-top:1px;
}
#article .wide img{margin:0;}
#article .wide
{
	margin:0;
	text-align:center;
}
.right
{
	float:right;
	margin-right:0px;
	margin-left:4px;
}
.left
{
	float:left;
	margin-left:0px;
	margin-right:4px;
}

/**** NAVIGATOR *****/
.imgborder{
	border:1px solid #0B1042;
	border-top:0;
}
.subnav {font-size:12px;}
.subnav li a{display: block;}
.subnav1 {
	font-size:15px;
	margin: 1px 0 0 0;
	background:url(/img/zzbgground/subbar.gif) left repeat-y #17295a;
	border:1px solid #666;
	background-position:30px 0;
 	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}

.subnav li.subnav1 a,
.subnav li.subnav1 a:visited,
.subnav li.subnav1 a:hover{
	padding:0 0 3px 3px;
}

.subnav li a,
.subnav li a:visited,
.subnav li a:hover{
	color:#fff;
	text-decoration:none;
	padding:0 0 1px 6px;
}

.subnav li a:hover{
	background-color:#9cc;
	color:#000;
	display:block;
}

/***** Rating ****/
/** credit: http://www.komodomedia.com/ **/
.inline-rating .cnt{display:none;}
star-rating a:hover{cursor:pointer;}
.inline-rating{
display:inline-block;
vertical-align: middle;
}
.rating-txt{padding-left:4px;}
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(/img/zzrate/star.png) left -1000px repeat-x;
}
.star-rating a{cursor:pointer;}
.star-rating{
	position:relative;
	width:80px;
	height:16px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{display: inline;}
.star-rating a,
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:16px;
	line-height:16px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{background-position: left bottom;}
.star-rating a.one{width:20%;z-index:6;}
.star-rating a.two{width:40%;z-index:5;}
.star-rating a.three{width:60%;z-index:4;}
.star-rating a.four{width:80%;z-index:3;}
.star-rating a.five{width:100%;z-index:2;}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}
.star-rating .mine{
	background-position: left bottom;
	cursor:default;
}

/****** Lightbox ******/
.t_lnk{cursor:pointer;}
.t_lnk:hover{border-color:#333;}
.backdrop
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#000;
	opacity:0;
	filter:alpha(opacity=0);
	z-index:100;
	display:none;
}
.boxwrapper{
	position:fixed;
	top: 10%;
	z-index:101;
}
#article .box
{
	position:relative;
	background:#333;
	color:#fff;
	padding:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0px 0px 5px #444;
	-webkit-box-shadow:0px 0px 5px #444;
	box-shadow:0px 0px 5px #444;
	display:none;
}
#article .box .content img{border:1px solid #000;}
.close
{
	float:right;
	margin-right:3px;
	cursor:pointer;
	position:relative;
	top:-3px;    
	font-size: 16px;
    font-weight: bold;
}
.esc{color:#999;position:absolute}
#article .box #votebox{
	width:auto;
	text-align:center;
	float:none;
	margin-top: 6px;
}
.box .rate{padding:0 10px;}
.box .rate img{padding:0 6px;}

/* related activity / hotel box */
#articledata .activity {
    border: 1px solid #bbb;
    border-radius: 6px;
    font-size: 14px;
    min-height: 88px;
    margin-bottom: 8px;
	overflow:hidden;
}
/***** RELATED ARTICLE DATA *****/

#ajaxdata .loading, #citytours .loading{
	background: url(/img/loading.gif) left center no-repeat;
	margin:10px 0 0 20px;
	padding-left:20px;
}
#ajaxdata ul.related{
	padding:0;
	list-style:none;
	overflow:hidden;
	margin:0;
}
#ajaxdata ul.related li{
	clear:both;
	min-height:94px;
	padding:2px 0 6px 0;
	border:1px solid #fff;
}
#ajaxdata ul.related li:hover
{
	cursor:pointer;
	background:#d1e6e8 url(/img/thlite.png) left top no-repeat;
	background-position:-1px -2px;
	border:1px solid #666;
}
#ajaxdata .target{display:none;}
#ajaxdata .label{font-weight:bold;}
#ajaxdata .name
{
	background: url("/img/zzbgground/thvliteinv.png") no-repeat scroll 0 -18px transparent;
	font-size:18px;
	display:block;
	color:#000;
	height:22px;
	border:1px solid;
	margin:0 2px 6px 2px;
	padding:1px 0 2px 3px;
	border-radius: 3px;
	border-color: #eee #ccc #ccc #eee;
}
#ajaxdata .name a{color:#000;}
#ajaxdata .name a:visited{color: #666;}
#ajaxdata em{font-style:normal;}
#ajaxdata .address,
#ajaxdata .distance
{
	font-size:11px;
	margin-bottom:3px;
	color:#333;
	display:inline-block;
	max-width:460px;
}
#ajaxdata ul.next{margin:12px 12px;}
#ajaxdata .img
{
	overflow:hidden;
	display:block;
	float:left;
	border:1px solid #666;
	margin:0 10px 0 2px;
	height:80px;
	border-radius: 2px;
 	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}
/* Related Location/Map */
#ajaxdata.location{padding:0 2px;}
#ajaxdata.location ul.next{margin:12px 0;}
#article .loc_address, #article .loc_metro{
	width:210px;
	float:left;
	min-height:60px;
}
/* Toggles */
#mapToggles{
	float:right;
	width:230px;
	margin:1px 2px 0 0;
	min-height:58px;
}
#nearToggles{
	width:260px;
	margin:3px 0 3px  12px;
	min-height:58px;
}
#nearInfo{
	font-size:10px;
	font-style:italic;
	color: #333;
	margin-left:3px;
}
#article .toggle, #building .toggle{position: relative;}
#article .toggle label, #article .toggle div.txt, #building .toggle label, #building .toggle div.txt{
	cursor: pointer;
	position: absolute;
	width: 22px;
	height: 22px;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 1px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 1px rgba(0,0,0,0.5);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 92%, #99cccc 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 92%, #99cccc 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 92%, #99cccc 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 92%, #99cccc 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 92%, #99cccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#99cccc',GradientType=0 );
}
#article #nearToggles .line{
	background-color: blue;
	height:2px;
	left: -2px;
    position: relative;
}
#article #nearToggles #showAttractions .line{
	background-color: red;
}
#article #nearToggles #showHotels .line{
	background-color: blue;
}

#addHotelsToMap{
	top: 30px;
}
#article .near #showHotels{
	top: 30px;
}

#article .toggle div.txt, #building .toggle div.txt{
	margin-left:27px;
	padding-left:4px;
	font-size:16px;
	color:#666;
	width:200px;
}
#article .toggle.on div.txt, #building .toggle.on div.txt{
	color:#111;
}

#article .toggle label:after, #building .toggle label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 5px;
	left: 5px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#article .toggle:hover label::after, #building .toggle:hover label::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

#article .toggle.on label::after, #building .toggle.on label::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

/* Map Legend */
div.legend ul{
	list-style:none;
	margin:12px 6px 12px 15px;
	padding:6px;
	border:1px dotted #666;
	float:left;
	border-radius:5px;
}
.legend .header {
    font-weight: bold;
    margin: 6px 0 4px 6px;
}
.legend .text {margin: 0 4px 10px 4px;}

/* Related Activities */
.activity{
	border:0;
	height:auto;
    overflow:auto;
	font-size:14px;
	margin-bottom: 8px;
}
.activity .activityBlock{
	padding:10px 10px 20px 10px;
	border-bottom:1px dotted #666;
	margin-bottom:20px;
}
.activity .ticketbar .img img, #article .ticketbar .img img{
	width:80px;
	height:80px;
}
.activity .button{
	padding:3px;
	font-size:16px;
	border: 1px solid;
    border-radius: 3px;
	border-color: #999;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	width:140px;
	margin:10px 0 14px 88px;
	text-align:center;
	color:black;
	
	background: #f9c667; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9c667 0%, #f79621 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c667), color-stop(100%,#f79621)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9c667 0%,#f79621 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9c667 0%,#f79621 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9c667 0%,#f79621 100%); /* IE10+ */
	}
	
.activity .button:hover{
	background: #f9c667;
	cursor:pointer;
}
.activity .button span{
	float:right;
	position-top:-2px;
}
.activity .pricing .from{font-size:12px;}
.activity .pricing .symbol{
	font-size:11px;
	margin-right:1px;
}
.activity .pricing .value{float:right;}
.activity .pricing {
	padding-top:3px;
    color: #006699;
    float: right;
    font-size: 16px;
    font-weight: bold;
    margin-right: 6px;
    text-align: right;
}
.activity .info {
    float: left;
    list-style: outside none none;
    padding: 0;
}
.activity:hover{
	cursor:auto;
	background-color:inherit;
}
.activity .description{
	margin-left:88px;
	margin-right:70px;
	text-align:justify;
}
#article #data .activity .button{margin:4px 0 0 0;}
.activity .img{
	float:left;
	border:1px solid #666;
	border-radius:2px;
	margin:5px 6px 5px 5px !important;
	width:75px;
	height:75px !important;
	overflow:hidden;
}
.activity .title, .hotel .title{
	font-weight:bold;
	color:#111;
	margin:2px 4px 0 0;
}
.activity .title a{color:#111;}
.activity .text{margin:1px 0;}
.activity .text{
	font-size:12px;
	overflow:hidden;
}
/* Related Nearby */

#ajaxdata.near ul.related li{
	height:80px;
	min-height:inherit;
}
.near .img img{
	width:80px;
	height:80px;
	margin:0;
	border:0;
}
.near .color{
	width:5px;
	height:80px;
	float:left;
	border: 1px solid #666;
	margin-left:3px;
}
.near .article .color{background-color: red;}
.near .hotel .color{background-color: blue;}
.near ul.related li{font-family: Verdana, Arial, sans-serif;}
.near .hotel .address{
	font-style:normal;
	font-size:11px !important;
}
.near ul.related li{padding-bottom:6px !important;}
/* Related Photos */
#ajaxdata .thumbs
{
	list-style: outside none none;
	font-size:13px;
	color:#333;
	display:inline-block;
	max-width:inherit;
	line-height:24px;
    margin: 0 2px;
    overflow: hidden;
    padding-left: 12px;
}
#ajaxdata.photos ul.next{margin:12px 16px;}
#ajaxdata.photos ul.thumbs, 
{
	list-style:none;
	overflow:hidden;
	margin:0 2px 0 2px;
	padding-left:12px;
}
#ajaxdata.photos ul.thumbs > li{
	height:79px;
	width:79px;
	border:1px solid #666;
	margin:1px;
	overflow:hidden;
	float:left;
	cursor:pointer;
}
#ajaxdata.photos ul.thumbs > li.thumbsel{
	border-color:#ff0000;
	border-width:1px;
}
#ajaxdata.photos ul.thumbs > li:hover{border:1px solid #eee;}
#ajaxdata.posters ul.thumbs > li img.th{
	position:relative;
	left:-20px;
}
#ajaxdata.posters ul.thumbs > li img.tv{
	position:relative;
	top:-20px;
}
#ajaxdata.photos ul.thumbs li img{
	width:80px;
	height:80px;
}
#photo{
	text-align:center;
	height:442px;
	cursor:pointer;
}
#photo > img, #photo > a > img{
	border:1px solid #666;
	height:440px;
}
#photolbl
{
	text-align:center;
	margin:1px 0 0 15px;
	border:1px solid #666;
	width:660px;
	overflow:hidden;
	padding-top:0;
	height:32px;
}
#photolbl > span{
  	display:inline-block;
	margin:8px 8px 0 4px;
}
#ajaxdata #votebox {
    float: right;
    width: 190px;
}
.international #ajaxdata #votebox{
	position:relative;
	top:-12px;
	float:none;
    width:auto;
}
#votebox span.down {
	color:#EA4531;
	text-align:left;
	margin-left:8px;
}
#votebox > span > span {
	position:relative;
	top:-10px;
}
#votebox span.up {
	color:#6BBB3E;
	text-align:right;
}
#votebox img.down,
#votebox img.up{
	cursor:pointer;
	opacity:0.6;
        filter: alpha(opacity=60);
}
#votebox img.down:hover,
#votebox img.up:hover{
	opacity:1;
}
#ratebar{display:none;}
/* Related Posters */
#ajaxdata.posters{
	padding:3px;
}
#ajaxdata.posters .total{
	color:#666;
	margin: 0 0 1px 2px;
}
#posterraster{
	border-spacing:0;
	margin:2px 0;
	padding:0;
	width:100%;
	border:1px solid #3a3e42;
	font-size:11px;
}
#posterlist{margin:2px 0;}
#posterlist #posterraster{
	border-spacing:0;
	margin:0;
	padding:0;
	width:100%;
	border:0;
	font-size:11px;
}
#posterraster .cell{
	text-align:center;
	padding:3px 1px;
	width:20%;
}
#posterraster .cell:hover{
	background-color:#f9f9f9;
	border:1px solid #ddd;
	padding:2px 0;
}
#posterraster .thumb{
	border:1px solid #ddd;
	border-bottom-color:#bbb;
	border-right-color:#bbb;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
 	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
 	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
	margin:1px;
}
#posterraster .cell:hover .thumb{
	border:1px solid #bbb;
	border-bottom-color:#999;
	border-right-color:#999;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
 	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
 	box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
}
#posterraster .title{
	color:#333;
	padding: 3px;
}
#posterraster .price{
	padding:2px 0;
	font-weight:bold;
}
#posterraster .size{
	font-style:italic;
}
#posterraster .zoom{
	position:absolute;
	z-index:2;
	height:80px;
}
#posterraster .zoom .largeimg{
	display:none;
	position:relative;
	border:1px solid #333;
	background-color:#fff;
}
#posterraster .zoom .imgsrc, #posterraster .zoom .pos{
	display:none;
}
/* Related Videos */
#ajaxdata.videos .vid_title
{
	color: #222;
    font-size: 19px;
	margin:16px 0 0 10px;
}
#ajaxdata.videos .vid_embedded
{
	border:1px solid #000;
	margin:4px 0 4px 16px;
}
#ajaxdata.videos .vid_annotation{margin:0 0 20px 16px;}


/****** Area Hotels (where to stay ******/
.areahotels{
    margin-top:6px;
}
.areahotels .label{
    font-weight: bold;
    color:#369;
    padding-left:12px;
}
.areahotels img{
    width:70px;
}
.areahotels .label:hover{
    cursor:pointer;
    text-decoration:underline;
}
.areahotels .hotel_blocks .img_block{
    width: 80px;    
    float: left;
}
.areahotels .hotel_blocks .hotel_block{
    float:left;
    width:260px;
    box-shadow: 3px 3px 3px hsla(0,0%,0%,0.1);
    border:1px solid;
    border-color: #ccc #999 #999 #ccc;
    border-radius: 3px;
    padding:2px;
    margin:5px 6px;
    overflow:hidden;
    color:black;
}
.areahotels  a:hover .hotel_block{
    box-shadow: 5px 5px 5px hsla(0,0%,0%,0.2);
    left:-1px;
    top:-1px;
    position:relative;
}
.areahotels .hotel_blocks span.close{
    padding:2px;
    margin-right:2px;
    margin-top:-4px;
    float:right;
}
.areahotels .hotel_blocks span.close:hover{
    text-decoration:underline;
}
.areahotels .hotel_blocks .thumb{
    width:14px;
    height:16px;
    float:left;
    background: url("/assets/img/hotelicons.png") no-repeat -2px -83px;
}
.areahotels .hotel_blocks .name{
    font-weight: bold;
}
.areahotels .hotel_blocks .name img {
    padding-left: 0;
    position: relative;
    top: -2px;
    margin-bottom: 2px;
}
.areahotels .hotel_blocks .loc {
    margin-top:2px;
    font-style: italic;
    color:#333;
}
.areahotels .hotel_blocks .price {
    margin-top:2px;
    color:#666;
}
.areahotels .hotel_blocks .price_value {
    color:#000;
}

/**** ACTIVITIES ***/
#citytours #counter{
	font-size:16px;
	float:left;
	color:#666;
	margin: 10px 0 10px 0;
}
#citytours .filter{
	float:left;
	margin: 10px 6px 10px 0;
}
#citytours #filterbreak{
	border-bottom:1px dotted #666;
	color:#666;
	margin: 10px 0;
}
#citytours #content {
    margin-left: 0px;
}
#citytours ul.tabs {
    margin: 0 0 0 50px !important;
}
#citytours ul.tabs li {
    margin: 0 0 0 4px !important;
    padding: 3px 16px 0 !important;
}