/*  CSS libraries and includes
----------------------------------------------------------------------*/
@import url("reset.css");
@import url("revision_popups.css");
@import url("layers.css");



/*-  Misc. Fixes
----------------------------------------------------------------------*/

/* Extend the background behind the GetSatisfaction overlay */
#fdbk_screen { height: 100% !important; }

/* Moving GetSatisfaction tab so it doesn't obscure map controls */
#fdbk_tab { bottom: 51px !important; top: auto !important; }

/* All anchors have proper cursor regardless (absence of) of href property */
a { cursor: pointer; }



/*  typography
----------------------------------------------------------------------*/

#box {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

#header, #sidebar {
	color: #fff;
	}

h1 {
	font-size: 1.5em;
	letter-spacing: 0.1em;
	}

h1 span {
	color: #008AF2;
	}

#beta {
	color: #919191;
	font-size: 0.8em;
	}

#tagline {
	color: #ccc;
	font-size: 0.6em;
	}

#headline_right p {
	font-size: 1.5em;
	}

#headline_right span {
	color: #55C8FF;
	}

#sidebar_topics li {
	font-size: 0.8em;
	}

#sidebar_topics li li {
	font-size: 1em;
	}

#sidebar_topics li a {
	color: #fff;
	text-decoration: none;
	}

#topics_settings {
	color: #fff;
	}

#topics_settings_header {
	color: #55c8ff;
	font-size: 0.7em;
	}

#topics_settings_content {
	font-size: 0.7em;
	}


/*  gradients and drop shadows
----------------------------------------------------------------------*/

/* gradients */

#statusbar {
	background: #ddd;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#8c9094');
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#8c9094));
	background: -moz-linear-gradient(top,  #fbfbfb,  #8c9094);
	}

#topics_settings_header {
	background: #1e1f22;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#383a3d', endColorstr='#020205');
	background: -webkit-gradient(linear, left top, left bottom, from(#383a3d), to(#020205));
	background: -moz-linear-gradient(top,  #383a3d,  #020205);
	}


/* drop shadows */

#statusbar {
	box-shadow: 0px 2px 4px #222;
	-moz-box-shadow: 0px 2px 4px #222;
	-webkit-box-shadow: 0px 2px 4px #222;
	/* for IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#222222')";
	/* for IE 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#222222');
	}

#sidebar_topics, #sidebar_btns, .sidebar_topics_sublist {
	box-shadow: 0px 0px 4px #222;
	-moz-box-shadow: 0px 0px 4px #222;
	-webkit-box-shadow: 0px 0px 4px #222;
	}

#bluebox {
	box-shadow: 0px 0px 4px #222;
	-moz-box-shadow: 0px 0px 4px #222;
	-webkit-box-shadow: 0px 0px 4px #222;
}

#topics_settings {
	box-shadow: 0px 0px 4px #222;
	-moz-box-shadow: 0px 0px 4px #222;
	-webkit-box-shadow: 0px 0px 4px #222;
	}




/*  boxes and basic structure
----------------------------------------------------------------------*/

#box {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	}

#map_canvas {
	position: absolute;
	top: 85px;
	right: 0px;
	left: 0px;
	bottom: 30px;
	}

#map_ad {
	position: absolute;
	bottom: 57px;
	right: 50px;
	z-index: 1;
	}

#header {
	height: 50px;
	width: 100%;
	background: #222 url('http://cloudfront.gatheringpoint.com/graphics/header_bg.png') top left repeat-x;
	overflow: hidden;
	}

#sidebar {
	width: 216px;
	background: #000;
	position: absolute;
	top: 50px;
	z-index: 2;
	}

#statusbar {
	height: 35px;
	overflow: hidden;
	position: absolute;
	top: 50px;
	width: 100%;
	z-index: 1;
	}

#bottommenu {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 30px;
	background: #070707;
	list-style-type: none;
	}

#bottommenu li {
	float: left;
	line-height: 15px;
	padding: 7.5px 0px;
	font-size: 0.8em;
	font-weight: bold;
	}
	
#bottommenu a {
	display: block;
	float: left;
	margin-left: 10px;
	padding-left: 10px;
	color: #4290ee;
	}

#bottommenu li + li a {
	border-left: 1px solid #4290ee;
	}


/*  header and status bar
----------------------------------------------------------------------*/

#headline_right {
	float: right;
	margin-right: 20px;
	position: absolute;
	top: 0px;
	right: 0px;
	}

#headline_left {
	float: left;
	margin-left: 20px;
	position: absolute;
	top: 0px;
	}

h1, #headline_right p {
	height: 50px;
	display: table-cell;
	vertical-align: middle;
}

#beta {
	position: relative;
	top: -39px;
	left: 209px;
}

#tagline {
	position: relative;
	top: -27px;
	left: 135px;
}

#like {
	position: absolute;
	top: 13px;
	left: 252px;
}

#plus1 {
	position: absolute;
	top: 13px;
	left: 342px;
}

#default_msg {
	text-align: right;
}

#default_msg p {
	height: 35px;
	padding-right: 20px;
	margin-top: 8px;
	float: right;
}

#login_prompt {
	margin-right: 9px;
	margin-top: 6px;
	float: right;
	}


/* growl UI */

.growlUI {
    text-align: center;
	}

.growlUI h1, .growlUI h2 {
    color: #eee;
    display: block;
    float: none;
    margin: 0px;
    padding: 0px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;	
	}







/*  sidebar
----------------------------------------------------------------------*/

#sidebar_btns {
	height: 50px;
	list-style-type: none;
	}

#sidebar_btns li {
	width: 22px;
	height: 21px;
	margin: 6px;
	cursor: pointer;
	}

#sidebar_btns li span {
	color: #fffdb8;
	position: relative;
	top: 27px;
	left: 3px;
	width: 100px;
	font-size: 0.6em;
	display: none;
	}

/* changing 'Clear All' to display unconditionally */

#sidebar_btns #clearall span { display: block; }

#sidebar_btns #clearall span { text-align: right; left: -80px; }

#sidebar_btns li:hover span {
	display: block;
	}

#getmyloc	{ background: transparent url('http://cloudfront.gatheringpoint.com/graphics/sidebarbtn_getmyloc.png'); float: left; }
#mygp		{ background: transparent url('http://cloudfront.gatheringpoint.com/graphics/sidebarbtn_mygp.png'); float: left; }
#settings	{ background: transparent url('http://cloudfront.gatheringpoint.com/graphics/sidebarbtn_settings.png'); float: left; }
#info		{ background: transparent url('http://cloudfront.gatheringpoint.com/graphics/sidebarbtn_info.png'); float: left; }
#clearall	{ background: transparent url('http://cloudfront.gatheringpoint.com/graphics/sidebarbtn_clearall.png'); float: right; }

#bluebox {
	height: 35px;
	width: 216px;
	background: url('http://cloudfront.gatheringpoint.com/graphics/bluebox.jpg') bottom left no-repeat;
	overflow: hidden;
	}

/* blue box expansion for screen sizes that can handle it */
.bluebox_expand { height: 248px !important; }
.bluebox_expand #changelocation { margin-top: 170px !important; }


#bluebox_close {
	display: none;
	background: transparent url('http://cloudfront.gatheringpoint.com/graphics/close.png') top left no-repeat;
	height: 11px;
	width: 10px;
	text-indent: -999999px;
	overflow: hidden;
	position: absolute;
	top: 17px;
	right: 17px;
	opacity: 0.5;
	cursor: pointer;
	}

#sidebar #embed_expand {
	display: none;
	font-size: 0.7em;
	margin: 22px 0px 0px 5px;
	cursor: pointer;
}

#changelocation {
/*	margin-top: 150px; */
}

#changelocation input {
	margin: 7px 0px 0px 10px;
	float: left;
}

#location_search {
	width: 120px;
	}

#menuretract_top, #menuretract_bottom {
	height: 35px;
	width: 25px;
	margin-left: 5px;
	cursor: pointer;
	position: absolute;
	right: 0px;
}

#menuretract_top { background: url('http://cloudfront.gatheringpoint.com/graphics/retract.png') top left no-repeat; }
#menuretract_bottom { background: url('http://cloudfront.gatheringpoint.com/graphics/retract.png') bottom left no-repeat; }



#sidebar_topics li {
	border-top: 1px solid #4f5757;
	border-bottom: 1px solid #303534;
	height: 40px;
	width: 216px;
	background-color: #38393A;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}

#sidebar_topics li li { background: auto; }

#sidebar_topics li:hover { background-position: 0px -40px; }



.sidebar_topics_sublist li	{ background-color: #59595B !important; background-position: 5px 2px !important; background-repeat: no-repeat !important; }

/* largescreen-specific layer backgrounds */

#layer_dealstoday			{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/layergroup_deals.png'); }
#layer_jobs					{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/layergroup_jobs.png'); }
#layer_volunteermatch		{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/layergroup_volunteermatch.png'); }
#layer_m1payard				{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/layergroup_m1payard.png'); }
#layergroup_activeevents	{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/layergroup_greatplaces.png'); }
#layergroup_events_news		{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/layergroup_events.png'); }
#layergroup_greatplaces		{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/layergroup_greatplaces.png'); }
#layergroup_social			{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/layergroup_social.png'); }
#layergroup_traffic_weather	{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/layergroup_traffic.png'); }
#layergroup_environment		{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/layergroup_environment.png'); }
#layergroup_health_fitness	{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/layergroup_health.png'); }
#layergroup_pix				{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/layergroup_youtube.png'); }
#layergroup_sportsgear		{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/layergroup_greatplaces.png'); }



#sidebar_topics li a {
	padding-left: 34px;
	padding-top: 15px;
	height: 25px;
	border-spacing: 0px;
	display: block;
	background: url('http://cloudfront.gatheringpoint.com/graphics/sidebar_topics_arrow.png') 188px 13px no-repeat;
	cursor: pointer;
	}

#sidebar_topics li li a {
	padding-left: 44px;
}

#label_dealstoday, #label_yelp, #label_wikipedia, #label_volunteermatch, #label_jobs {
	background: none !important;
}

#sidebar_topics li.sidebar_topics_on a {
	background: url('http://cloudfront.gatheringpoint.com/graphics/sidebar_topics_arrow.png') 188px -62px no-repeat;
	}

.sidebar_topics_sublist {
	display: none;
	position: relative;
	left: 216px;
	top: -41px;
	list-style-type: none;
	}

.sidebar_topics_on .sidebar_topics_sublist { display: block; }

#sidebar_topics li li a, #sidebar_topics li.sidebar_topics_on li a {
	background-image: none;
	}

#testlist {
	display: block;
	}

.sidebar_topics_checkbox {
	position: relative;
	top: -27px;
	left: 182px;
	}









/*  small menus with no groups
----------------------------------------------------------------------*/

.shortsidebar #layer_dealstoday, #layer_dealstoday.shortsidebar_layer				{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_dealstoday.png'); }
.shortsidebar #layer_jobs, #layer_jobs.shortsidebar_layer							{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_jobs.png'); }
.shortsidebar #layer_volunteermatch, #layer_volunteermatch.shortsidebar_layer		{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_volunteermatch.png'); }
.shortsidebar #layergroup_activeevents, #layergroup_activeevents.shortsidebar_layer	{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_activecom.png'); }
.shortsidebar #layer_m1payard, #layer_m1payard.shortsidebar_layer					{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/icon_m1payard_wkday.png'); }
.shortsidebar #layer_yorknews, #layer_yorknews.shortsidebar_layer					{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_yorknews.png'); }
.shortsidebar #layer_yorknewsareas, #layer_yorknewsareas.shortsidebar_layer			{ background-image: url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_yorkarea.png'); }

.shortsidebar li, .shortsidebar_layer { background-size: 28px auto; background-position: 3px 6px !important; }
.shortsidebar li a, .shortsidebar_layer a { background: none !important; }
.shortsidebar li:hover, .shortsidebar_layer:hover { background-position: 3px 6px !important; }





/*  custom map advertisement
----------------------------------------------------------------------*/

#custommapadvert {
	position: absolute;
	height: 100px;
	width: 100px;
	text-align: center;
	border: 1px solid #000;
	border-radius: 5px;
	color: #fff;
	background: #38393A;
	box-shadow: 0px 0px 4px #222;
	transition: all .15s linear;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	}

@media all and (min-height: 725px) {
	#custommapadvert { bottom: 64px; left: 10px; }
	}

@media all and (max-height: 724px) {
	#custommapadvert { bottom: 40px; left: 230px; }
	}


#custommapadvert:hover {
	box-shadow: 0px 0px 10px #777;
	}

#custommapadvert a {
	display: block;
	color: #fff;
	border-radius: 5px;
	padding: 8px 10px 10px 10px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: url('http://cloudfront.gatheringpoint.com/graphics/bluebox.jpg') bottom right no-repeat;
	line-height: 1.3em;
	text-decoration: none;
	transition: all .15s linear;
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	}

#custommapadvert a:hover {
	background-position: bottom left;
	text-decoration: underline;
	}




/*  topics settings
----------------------------------------------------------------------*/

#settings_dlg {
	text-align: center;
	font-weight: normal;
}

.options {
	text-align: left;
}

#topic_settings_dontshow {
	height: 20px;
	width: 20px;
}

#settings_layer_select {
	margin-bottom: 20px;
}

#topics_settings {
	width: 220px;
	position: absolute;
	top: 145px;
	right: 100px;
	overflow: hidden;
	background: #4f5052;
	}

#topics_settings_header {
	height: 45px;
	border-bottom: 1px solid #282829;
	}

#topics_settings_header h2 {
	height: 45px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 40px;
	background: url('http://cloudfront.gatheringpoint.com/graphics/topics_settings_header.png') top left no-repeat;
	}

#topics_settings_close {
	background: transparent url('http://cloudfront.gatheringpoint.com/graphics/close.png') 5px 9px no-repeat;
	height: 21px;
	width: 20px;
	text-indent: -999999px;
	overflow: hidden;
	position: absolute;
	top: 7px;
	right: 7px;
	cursor: pointer;
	}

#topics_settings_nav {
	border-left: 1px solid #646567;
	width: 32px;
	float: right;
	list-style-type: none;
	text-align: center;
	}

#topics_settings_nav li {
	margin-bottom: 5px;
	cursor: pointer;
	opacity: 0.3;
	}

#topics_settings_nav li.topics_settings_on {
	opacity: 1;
	}

#topics_settings_content {
	padding: 10px;
}

#options_news label, #options_events label, #options_checkins label { float: left; text-align: right; }
#options_news select, #options_events select, #options_checkins select { float: left; margin-left: 10px; }

#dontshow {
	clear: left;
	padding-top: 20px;
	}

#dontshow input { float: left; }
#dontshow label { float: left; text-align: left; }

#dontshow_disclaimer { padding-top: 10px; clear: left; }

#dontshow_disclaimer img { height: 12px; }

#checkins_select_list { clear: left; padding-top: 10px; }
#checkins_select_list label { float: none; }




/*  tweet cloud settings
----------------------------------------------------------------------*/

#tweetclouds_settings p { margin: 10px 0px; }
#tweetclouds_settings ul { margin-left: 15px; }
#tweetclouds_settings li { margin: 5px 0px; }

#cloud_loading {
	text-align: center;
	margin: 10px 0px;
}

#cloud_display {
	text-align: center;
}

#tweetcloud_makenew {
	margin-top: 10px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

#tweetcloud_share {
	margin-top: 10px;
	position: absolute;
	bottom: 7px;
	right: 10px;
}

#cloud_graphics {
	/*height: 325px;
	width: 423px;*/
	display: table-cell;
	text-align: center;
	}


#popup_custom {
	text-align: center;
	}

#popup_custom p {
	margin-bottom: 5px;
	font-size: 1.2em;
	line-height: 1.3em;
	}

#cloud_graphics { margin-bottom: 10px; }

#cloud_type_box {
	float: left;
	margin-top: -35px;
	}

/* adjust controls for screens under 500px wide */

@media all and (max-width: 500px) {
	#cloud_type_box { margin-left: 70px; }
	.iviewer_zoom_in { left: 0px; }
	.iviewer_zoom_out { left: 35px; }
	.iviewer_zoom_zero { left: 80px; display: none; }
	.iviewer_zoom_fit { left: 115px; display: none; }
	.iviewer_zoom_status { left: 150px; display: none; }
	}

@media all and (min-width: 501px) {
	#cloud_type_box { margin-left: 207px; }
	.iviewer_zoom_in { left: 0px; }
	.iviewer_zoom_out { left: 35px; }
	.iviewer_zoom_zero { left: 70px; }
	.iviewer_zoom_fit { left: 105px; }
	.iviewer_zoom_status { left: 140px; }
	}



#tweetcloud_share { float: right; }

#cloud_type_box input { font-size: 1.25em; margin: 5px 0px;}

#cloud_viewer { width:100%; height:75%; position: relative; }

#cloud_share_fb, #cloud_share_twitter {
	height: 30px;
	width: 30px;
	display: inline-block;
	margin: 0px 5px;
	cursor: pointer;
	}

#cloud_share_fb			{ background: url('http://cloudfront.gatheringpoint.com/graphics/logo_facebook_footer.png') no-repeat center top; }
#cloud_share_twitter	{ background: url('http://cloudfront.gatheringpoint.com/graphics/logo_twitter_footer.png') no-repeat center top; }

#cloud_whatsthis {
	float: left;
	font-size: 0.8em;
	position: relative;
	top: 2px;
	}

#clearall {
	float: left;
	font-size: 0.8em;
	position: relative;
	top: 0px;
	left: 45px;
	}

.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
	padding-right: 46px;
	}

#cloud_settings_box {
	position: relative;
	top: 0px;
	}

#popup_cloud_info {
	text-align: center;
	}















/*  cluster styles
----------------------------------------------------------------------*/

.cluster_activecom_num,
.cluster_bridgeinventoryusa_num,
.cluster_conferencehound_num,
.cluster_culture_num,
.cluster_cycling_num,
.cluster_dealstoday_num,
.cluster_epaairnow_num,
.cluster_epabrown_num,
.cluster_epatrichem_num,
.cluster_eventbrite_num,
.cluster_events_num,
.cluster_farmersmarkets_num,
.cluster_fbcheckins_num,
.cluster_fitness_num,
.cluster_foursquare_num,
.cluster_foursquarecheckins_num,
.cluster_healthfood_num,
.cluster_hospitalmarkers_num,
.cluster_instagram_num,
.cluster_jobs_num,
.cluster_massage_num,
.cluster_meetup_num,
.cluster_news_num,
.cluster_panoramio_num,
.cluster_pilates_num,
.cluster_producemarkets_num,
.cluster_recycle_num,
.cluster_running_num,
.cluster_school_num,
.cluster_seeclickfix_num,
.cluster_ticketnetwork_num,
.cluster_twitter_num,
.cluster_usgswater_num,
.cluster_volunteermatch_num,
.cluster_wctwebcams_num,
.cluster_weather_num,
.cluster_wikipedia_num,
.cluster_worship_num,
.cluster_yellowpages_num,
.cluster_yelp_num,
.cluster_yoga_num,
.cluster_youtube_num {
	color: #fff !important;
	font-size: 1.2em !important;
	line-height: 34px !important;
	text-shadow: #000000 0px 0px 5px;
	font-weight: bold;
	}

.cluster_activecom_num,
.cluster_bridgeinventoryusa_num,
.cluster_conferencehound_num,
.cluster_cycling_num,
.cluster_epaairnow_num,
.cluster_epabrown_num,
.cluster_epatrichem_num,
.cluster_eventbrite_num,
.cluster_foursquare_num,
.cluster_instagram_num,
.cluster_meetup_num,
.cluster_running_num,
.cluster_ticketnetwork_num,
.cluster_twitter_num,
.cluster_usgswater_num,
.cluster_volunteermatch_num,
.cluster_weather_num,
.cluster_yellowpages_num { color: #333 !important; text-shadow: #ffffff 0px 0px 5px; }


.cluster_yelp_num {
	line-height: 2.2em !important;
	font-size: 0.8em !important;
	text-indent: 3px;
	}







/*  List view styles
----------------------------------------------------------------------*/

#listviewbutton {
	position: absolute;
	top: 86px;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	text-align: center;
	z-index: 5;
	color: #dfdfdf;
	letter-spacing: 1px;
	padding: 5px 0px 10px 0px;
	font-weight: bold;
	background: #222;
	background-color: rgba(34, 34, 34, 0.8);

	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	}






/*  spop custom pins
----------------------------------------------------------------------*/

#spop_edit_title {
	width: 302px;
	}

#spop_edit_desc {
	width: 304px;
	height: 150px;
	}

#custom_title {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 1.2em;
	}