.scrollheight {
	height: 178px;

}
.cityscrollheight {
	height: 366px;
}
	
@media all and (max-height: 625px) {
	.scrollheight {
		height: 153px;
	}
	.cityscrollheight {
		height: 341px;
	}
	.myfeedscrollheight {
		height: 304px;
	}
}
@media all and (max-height: 650px) and (min-height: 626px) {
	.scrollheight {
		height: 178px;

	}
	.cityscrollheight {
		height: 366px;
	}
	.myfeedscrollheight {
		height: 329px;
	}
}
@media all and (max-height: 700px) and (min-height: 651px) {
	.scrollheight {
		height: 203px;
	}
	.cityscrollheight {
		height: 391px;
	}
	.myfeedscrollheight {
		height: 354px;
	}
}
@media all and (max-height: 800px) and (min-height: 701px) {
	.scrollheight {
		height: 253px;
	}
	.cityscrollheight {
		height: 441px;
	}
	.myfeedscrollheight {
		height: 404px;
	}
}
@media all and (max-height: 900px) and (min-height: 801px) {
	.scrollheight {
		height: 353px;
	}
	.cityscrollheight {
		height: 541px;
	}
	.myfeedscrollheight {
		height: 504px;
	}
}
@media all and (max-height: 1000px) and (min-height: 901px) {
	.scrollheight {
		height: 453px;
	}
	.cityscrollheight {
		height: 641px;
	}
	.myfeedscrollheight {
		height: 604px;
	}
}

@media all and (max-height: 1100px) and (min-height: 1001px) {
	.scrollheight {
		height: 553px;
	}
	.cityscrollheight {
		height: 741px;
	}
	.myfeedscrollheight {
		height: 704px;
	}
}

@media all and (max-height: 1200px) and (min-height: 1101px) {
	.scrollheight {
		height: 653px;
	}
	.cityscrollheight {
		height: 841px;
	}
	.myfeedscrollheight {
		height: 804px;
	}
}

@media all and (min-height: 1201px) {
	.scrollheight {
		height: 753px;
	}
	.cityscrollheight {
		height: 941px;
	}
	.myfeedscrollheight {
		height: 904px;
	}
}


#map_canvas {
	/*display: table-cell;*/
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#logo-small {
	margin: 4px 20px 4px 10px;
	display: block;
	float: left;
}

html {
	height: 100%;
} 

body.layout-mapview {
	height: 100%;
	width: 100%;
	/*display: table;*/
	position: relative;
}

body.layout-mapview #header-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index:11;
/*	display: table-row;*/
	width: 100%;
	height: 50px;
}

body.layout-mapview #content-wrapper {
	position: absolute;
	top: 50px;
	bottom: 50px;
	left: 0;
	width: 100%;
	z-index:10;
/*	display: table-row;*/
	width: 100%;
}

body.layout-mapview  #footer-wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	
	z-index:11;
	/*display: table-row;*/
	width: 100%;
	height: 50px;
}

#map_left_panel {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	color: #fff;
	width: 306px;
}


.city-mode #city-tours,
.city-mode #city-exp {
	display: none;
}


.tour-mode #city-tours {
	display: block;
}
.tour-mode #city-exp {
	display: none;
}

#left_accordion div.item {
	background: url("../images/alpha60.png") repeat scroll left top transparent;
	margin: 1px;
}

#left_accordion div.item-last {

}

#left_accordion h3.title {
	color: #FFFFFF;
	cursor: pointer;
	font-family: 'Conv_HelveticaNeueLTPro-Cn';
	height: 40px;
	line-height: 40px;
	margin: 0;
	font-size: 24px;
	padding: 0 0 0 15px;
	text-transform: uppercase;
	background: transparent;
}

#left_accordion .loading h3.title {
	background: black url('/images/ajax-loader.gif') 255px center no-repeat;
}


#left_accordion h3.ui-state-default {
	background: #000;
}

#left_accordion h3.ui-state-active {
	background: transparent;
	border-bottom: 2px solid #1c1c1c;
}

#left_accordion div.item div.content {
	padding: 0 0 0 0;
}

#left_accordion .city-search .content {
	/*height: 300px;*/
}

ul#city-list {
	list-style: none;
	color: #fff;
	margin: 0;
	padding: 0;
}

ul#city-list a {
	color: #fff;

}
ul#city-list li {
	margin: 0 0 5px 1px;
	padding: 0;
	height: 100px;
	width: 302px;
	display: block;
	/*border-bottom: 1px solid #ccc;*/
	position: relative;
}

#city-info .city-info,
ul#city-list li .city-info {
	background: url("../images/alpha60.png") repeat scroll left top transparent;
	position: absolute;
	bottom: 0;
	/*width: px;*/
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#city-info .city-info h4,
ul#city-list li .city-info h4 {
	margin: 0;	
	padding: 10px 15px;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 18px;
	font-family: 'Conv_HelveticaNeueLTPro-Cn';
}

ul#city-list li .city-info a {
	text-decoration: none;
}

#city-scroll {
	/*height: 300px;*/
	overflow: hidden;
	position: relative;
}

#city-info  {
	height: 100px;
	width: 302px;
	position: relative;
	margin: 1px;
}


#left_accordion #city-tours div.content {
	padding: 0;
}
#tours-scroll {
	/*height: 400px;*/
	overflow: hidden;
	position: relative;
	background: url(/images/swipeinstructor.png) top right no-repeat;
}
#tours-scroll h4.title  {
	margin: 0;
	padding: 0 10px 0 15px;
}
#tours-scroll h4.active-tour,
#tours-scroll h4.title:hover {
	background: #1e1e1e;
	padding: 0 0 0 11px;
}

#tours-scroll h4.title a {
	text-decoration: none;
	font-size: 12px;
    font-weight: bold;
    color: #fff;
   	padding: 7px 0;
	display: block;
}


.tour-desc {
	background: #fff;
	overflow: auto;
	margin: 0px;
	height: 408px;
	position: relative;
}

.tour-desc-fade {
	position: absolute;
	left:0;
	bottom: 20px;
	background: url(/images/mapicons/infowbox_overlap.png) bottom left no-repeat;
	height: 57px;
	width: 383px;
	z-index: 1000;
}

.tour-desc .tour-info {
	padding: 15px;
	margin: 0;
	background: #1f1f1f;
	
}

.tour-stats {
	color: #F26722;
	padding: 0 0 12px 0;
	font-weight:bold;
}
.tour-stats .tour-duration {
	margin: 0 20px 0 0;
}
.tour-stats .tour-length {

}
.tour-desc .tour-images {
	height: 163px;
	width: 100%;
	overflow: hidden;
	background: #1f1f1f;
	padding: 0;
	
	margin: 0;
}

.tour-desc .tour-info h4 {
	color: #fff;
	padding: 9px 0 5px;
	margin: 0;
	font-size:15px;
	font-weight: bold;
}
.tour-desc .tour-info p {
	margin: 0;
	padding: 0 0 1.5em;
}
.black {
	color: #000;
}

.tour-desc .tour-links {
	background: #000;
	color: #fff;
	clear: both;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 15px;
	box-shadow: 0 3px 3px #262626;
}
.tour-desc .tour-links a {
	color: #fff;
	text-decoration: none;
	margin-right: 20px;
}
.tour-shortdesc {
	padding: 0 0 12px 0;
	color: #fff;
	font-size:13px;
	font-weight:bold;
}
.tour-longdesc {
	display: block;
	clear: both;
	padding: 10px 15px 35px 15px;
	color: #383838;
}

#filter-holder input.filterinput {
	
	border: none;
	padding: 3px 0px 3px 10px;
	margin: 0;
	background: transparent;
	color: #fff;
	line-height: 20px;
	width: 90px;
}

#filter-holder {
	width: 124px;
	height: 26px;
	background-position: 0 -698px;
	float: right;
	margin: 8px 10px 0 0;
}

.feed-item {
	margin: 0;
	background: #fff;
	height: 275px;
	overflow: auto;
}


.feed-images {
	width: 100%;
	height: 153px;
	overflow: hidden;
}
.feed-images img {
	min-height: 153px;
}

.feed-center {
	margin: 0;
	padding: 8px 15px 10px 15px;
	background: #1f1f1f;
	overflow: hidden;
}

.feed-center .feed-photo {
	margin: 0 15px 0 0;
	float: left;
	border: 2px solid #fff;
}

.feed-center .feed-comment {
	color: #fff;
	height: 54px;
	overflow: hidden;
}


#feed-video-holder {
	float: left;
	height: 50px;
	padding: 0 0 0 15px;
	background: #1F1F1F;
}
#feed-threedee-holder {
	float: left;
	height: 50px;
	padding: 0 0 0 5px;
	background: #1F1F1F;
}


.exp-scroll {
	overflow: hidden;
	position: relative;
	background: url(/images/swipeinstructor.png) top right no-repeat;
}


.exp-scroll .exp  {
	margin: 0;
	padding: 5px 30px 5px 15px;
	cursor: pointer;
}
.exp-scroll .active-exp,
.exp-scroll .exp:hover {
	background: #1e1e1e;
}

.exp-scroll a {
	text-decoration: none;
	color: #fff;
	display: block;
}


.exp-scroll .loading {
	background: #1E1E1E url('/images/ajax-loader_city.gif') 275px center no-repeat;
}

#feed-list {
	margin: 0;
	padding: 0;
	list-style: none;
}




.poi-infowindow {
	
}

#map_admin_links {
	height:40px;
	position:absolute;
	top: 1px;
	left: 347px;
	background: #000;
}

#map_left_panel_closer a {
	width:40px;
	height:40px;
	background-position:-42px -196px;
	position:absolute;
	top: 1px;
	left: 306px;
	z-index: 11;
}

#map_left_panel_opener a {
	width:40px;
	height:40px;
	background-position:0px -236px;
	position:absolute;
	top: 1px;
	left: 1px;
	z-index: 11;
}

.hidden {
	display: none;
}

#get-app-wrapper {
	background: #000;
	margin: 0 1px;
	padding: 12px 4px;
}


/*#get-app-text {
	width:294px;
	height:40px;
	background-position:0px -488px;
	clear: both;
}*/

#get-app-iphone a {
	width:138px;
	height:50px;
	background-position: 0px -528px;
	float: left;
}

#get-app-android a {
	width:156px;
	height:50px;
	background-position: -138px -528px;
	float: left;
	clear:right;
}



#tour-video-holder {
	padding: 0 8px 0 0;
}
.play-button {
	background-position: -275px -762px;
	width: 145px;
	height: 38px;
	line-height: 38px;
	display: block;
	padding: 0 0 0 30px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-size: 17px;
	font-family: 'Conv_HelveticaNeueLTPro-Cn';
}

.shortplay-button {
	background-position: -146px -686px;
	width: 100px;
	height: 38px;
	line-height: 38px;
	display: block;
	padding: 0 0 0 30px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-size: 17px;
	font-family: 'Conv_HelveticaNeueLTPro-Cn';
}

.threedee-button {
	background-position: -276px -686px;
	width: 55px;
	height: 38px;
	line-height: 38px;
	display: block;
	padding: 0 0 0 30px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-size: 17px;
	font-family: 'Conv_HelveticaNeueLTPro-Cn';
}



a.grey-button {
	display: inline-block;
	text-decoration: none;
	font-family: 'Conv_HelveticaNeueLTPro-Cn';
	text-transform:uppercase;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#555555 0%,
		#2f2f2f);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#555555),
		to(#2f2f2f));
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 2px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 2px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.4);
}

a.grey-button:hover {
	background: -moz-linear-gradient(
		top,
		#ec832d 0%,
		#d0673a);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ec832d),
		to(#d0673a));
	
	border: 1px solid #b33d06;
}

a.orange-button {
	display: inline-block;
	text-decoration: none;
	font-family: 'Conv_HelveticaNeueLTPro-Cn';
	text-transform:uppercase;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#ec832d 0%,
		#d0673a);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ec832d),
		to(#d0673a));
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #b33d06;
	-moz-box-shadow:
		0px 2px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 2px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.4);
}

a.orange-button:hover {
	background: -moz-linear-gradient(
		top,
		#ec832d 0%,
		#d0673a);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ec832d),
		to(#d0673a));
	
	border: 1px solid #b33d06;
}

.tour-infowindow-inner {
	background: url('../images/alpha60.png') top left;
	height: 450px;
	width: 400px;
}
.poi-infowindow-inner {
	background: url('../images/alpha60.png') top left;
	height: 261px;
	width: 238px;
	margin: 0 0 20px 0;
}
.feed-infowindow-inner {
/*	background: url('../images/alpha60.png') top left;
	height: 317px;*/
	width: 250px;
	background: #1E1E1E;
}
.feed-infowindow-inner .exp {
	padding: 10px 0px 12px 15px;
}

.feedpoi-infowindow-inner {
	background: url('../images/alpha60.png') top left;
	width: 238px;
}
.feedpoi-info-with-video {
	height: 164px
}

.feedpoi-info-text-only {
	height: 114px;
}

.feedpoi-info-with-audio {
	height: 180px;
}

.feedpoi-info-with-image {
	height: 267px
}

.feedpoi-info-mixed {
	height: 333px
}

h3.infobox-title {
	padding: 5px 15px 5px 11px;
	border-left: 4px solid #1E1E1E;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 32px;
	font-size: 14px;
	background: #1E1E1E;
	color: #fff;
	font-weight: bold;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
}


.poi-images {
	overflow: hidden;
	height: 153px;
	width: 100%;
	padding: 0;
	margin: 0;
	line-height: 0;
	background: #fff;
}

.poi-images img.media-img {
	min-height: 153px;
}

#cp_container_1 {

}
#poi-audio {
	width: 100%;
	height: 66px;
	background: #F26722;
}

#feed-video-holder .player-control,
#jp_container_1 .player-control {
	background: url(../images/controls.png) top left no-repeat;
	width: 165px;
	height: 66px;
	display: block;
	text-decoration: none;
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
	line-height: 66px;
	padding: 0 0 0 73px;
	font-family: 'Conv_HelveticaNeueLTPro-Cn';
}

#jp_container_1 #play {
	background: url(../images/controls.png) top left no-repeat;
}

#jp_container_1 #pause {
	background: url(../images/controls.png) 0 -66px no-repeat;

}
.icon-closed {
	background-position: -3px -338px;
	width: 14px;
	height: 15px;
	display: block;
	margin: 13px 13px 0 0;
	float: right;
}

.icon-opened {
	background-position: -3px -317px;
	width: 14px;
	height: 15px;
	display: block;	
	margin: 13px 13px 0 0;
	float: right;
}

#city-guide {
	width:640px;
	height:400px;
	position:absolute;
	background: #fff;
	top: 41px;
	left: 306px;
	z-index: 11;
	overflow: auto;
}

.exp .exp-avatar {
	float: left;
	margin: 0 10px 0 0;
	border: 2px solid #fff;
}

.exp .exp-fbname {
	color: #F26722;
	font-size: 1.1em;
} 

.exp .exp-comment {
	color: #fff;
} 

.fb-login-feed {
	margin: 10px 15px;
}

form#edit-feed,
form#add-new-feed {

}
form#edit-feed {
	padding: 0 15px 15px 15px;
}

form#edit-feed .orange-button,
form#add-new-feed .orange-button {
	cursor: pointer;
	float: right;
	display: inline-block;
	text-decoration: none;
	font-family: 'Conv_HelveticaNeueLTPro-Cn';
	text-transform:uppercase;
	font-size: 11px;
	color: #ffffff;
	padding: 8px 16px;
	background: -moz-linear-gradient(
		top,
		#ec832d 0%,
		#d0673a);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ec832d),
		to(#d0673a));
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #b33d06;
	-moz-box-shadow:
		0px 2px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 2px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.4);
}
form#edit-feed .orange-button:hover,
form#add-new-feed .orange-button:hover {
	background: -moz-linear-gradient(
		top,
		#ec832d 0%,
		#d0673a);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ec832d),
		to(#d0673a));
	
	border: 1px solid #b33d06;
}