/* setting defaults
-------------------------------------------------------------------------------*/

@import url("../../css/layers.css");
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

img,
object,
embed {max-width: 100%;}

ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/*	j.mp/webkit-tap-highlight-color */

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}






/* Actual code for Service Config Builder
-------------------------------------------------------------------------------*/

body {
	text-align: center;
	background: #fff;
	}

.wrapper {
	margin: 20px auto 20px auto;
	background: #fdfdfd;
	text-align: left;
	width: 800px;
	}

#controlswrapper {	
	box-shadow: 0px 2px 3px #777;
	border: 2px solid #7e7e82;
	overflow: hidden;
	}

#menu {
	width: 100%;
	text-align: center;
	height: 100px;
	font-size: 1.2em;
	border-bottom: 1px solid #7e7e82;
	background: #7e7e82;
	text-shadow: 1px 1px 2px #333;
	box-shadow: 0px 2px 3px #777;
	}

#menu li {
	height: 100%;
	float: left;
	width: 20%;
	}

#menu li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	text-decoration: none;
	color: #fff;
	z-index: 1;
	cursor: pointer;
	}

.menu_itemwrapper {
	margin: 0% 8%;
	display: block;
	text-align: center;
	width: 88%;
	}

.menu_number {
	display: block;
	text-decoration: none;
	font-size: 1.6em;
	line-height: 2em;
	margin-top: 1px;
	}

#menu li:hover .menu_desc { text-decoration: underline; }

#page_01 #menu_01 .menu_desc { text-decoration: none; font-weight: bold; }
#page_02 #menu_02 .menu_desc { text-decoration: none; font-weight: bold; }
#page_03 #menu_03 .menu_desc { text-decoration: none; font-weight: bold; }
#page_04 #menu_04 .menu_desc { text-decoration: none; font-weight: bold; }
#page_05 #menu_05 .menu_desc { text-decoration: none; font-weight: bold; }

#page_01 #menu_01 .menu_itemwrapper { color: #3eacff; text-shadow: 1px 1px 2px #000; }
#page_02 #menu_02 .menu_itemwrapper { color: #3eacff; text-shadow: 1px 1px 2px #000; }
#page_03 #menu_03 .menu_itemwrapper { color: #3eacff; text-shadow: 1px 1px 2px #000; }
#page_04 #menu_04 .menu_itemwrapper { color: #3eacff; text-shadow: 1px 1px 2px #000; }
#page_05 #menu_05 .menu_itemwrapper { color: #3eacff; text-shadow: 1px 1px 2px #000; }

#map {
	margin: 20px auto 20px auto;
	height: 500px;
	background: url('map.png') top left repeat;
	border: 1px solid #333;
	width: 800px;
	}

#map.ui-resizable-disabled {
	opacity: 1.0;
	}

#controls {
	position: relative;
	}

#content {
	padding: 10px;
	text-align: center;
	}

#content p {
	margin: 10px 0px;
	}



/* SCREEN ONE map size
-------------------------------------------------------------------------------*/

#map_width, #map_height { width: 40px; }

#autolocation, #autolocation div {
	margin: 10px 0px;
	}





/* SCREEN TWO custom pins
-------------------------------------------------------------------------------*/

.blankpin { border: 2px solid transparent; padding: 2px; border-radius: 3px; }
.blankpin:hover { border: 2px solid #666; background: #ddd; }
#embedcode { height: 50px; width: 400px; }

.headerpin { height: 32px; }

#morepins p {
	margin-bottom: 10px;
	}

#addcustompin p {
	margin: 10px 0px;
	}

#addcustompin_pin {
	padding: 5px;
	border: 2px dashed #666; background: #ddd;
	border-radius: 3px;
	display: block;
	margin: 0px auto 10px auto;
	}

#addcustompin_savecancel {
	margin-top: 20px;
	}

#trash {
	float: right;
	margin: -42px 0px 10px 0px;
	border: 2px dashed transparent;
	background: transparent;
	border-radius: 3px;
	padding: 5px;
	position: relative;
	}

.hovertrash {
	border: 2px dashed #666 !important;
	background: #ddd !important;
	}


/* layer menu from ui_rev2.css
-------------------------------------------------------------------------------*/

#topic_chooser h3 {
	text-align: left;
	border: 1px solid #ddd;
	background: #eee;
	box-shadow: 0px 2px 4px #eee;
	border-radius: 5px;
	padding: 5px;
	margin: 15px 5px 5px 5px;
	height: auto;
	clear: both;
	color: #222;
	font-size: 1.25em;
	}

.layergroup_check_box {
    float: left;
    width: 23px;
    }

.layergroup_check_all { height: 18px; width: 17px; background: url('http://cloudfront.gatheringpoint.com/graphics/layergroup_all.png') top left no-repeat; }
.layergroup_check_some { height: 18px; width: 17px; background: url('http://cloudfront.gatheringpoint.com/graphics/layergroup_some.png') top left no-repeat; }
.layergroup_check_none { height: 18px; width: 17px; background: url('http://cloudfront.gatheringpoint.com/graphics/layergroup_none.png') top left no-repeat; }

#topic_chooser {
	list-style-type: none;
	margin-top: 10px;
	width: 100%;
	}

.layer_name, .layer_box {
	padding: 0px;
	margin: 0px 0px 7px 10px;
	border-radius: 20px;
	font-family: Georgia, Times, Times New Roman, serif;
	font-style: italic;
	height: 36px;
	overflow: hidden;
	text-align: left;
	position: relative;
	}

#topic_chooser label {
	margin-left: 41px;
	font-size: 1.2em;
	}

#popup_layers p {
	text-align: center;
	margin-bottom: 5px;
	line-height: 1.3em;
	}

#topic_chooser input {
	height: 20px;
	width: 20px;
	position: relative;
	top: 8px;
	left: 8px;
	}

#topic_chooser .options input, #topic_chooser .options label {
	height: auto;
	width: auto;
	position: static;
	top: 0px;
	left: 0px;
	}

#topic_chooser .options br {
	display: none;
	}

#topic_chooser label {
	position: relative;
	top: 8px;
	line-height: 1.4em;
	}

.layer_settings {
	display: none;
	margin: -11px 0px 11px 0px;
	padding: 0px;
	font-size: 0.8em;
	}

.layer_settings .options {
	background: #f1f1f1;
	margin-left: 28px;
	margin-right: 36px;
	margin-top: 11px;
	padding: 10px 1%;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 0px 3px 5px #ddd;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-style: normal;
	font-size: 1em;
	text-align: center;
	}

.layer_settings_button {
	width: auto;
	float: right;
	color: #666;
	padding: 0px;
	width: 37px;
	cursor: pointer;
	text-decoration: none;
	background: #e2e2e2 url('http://cloudfront.gatheringpoint.com/graphics/mobile_layer_settings.png') 7px 8px no-repeat;
	font-style: normal;
	font-weight: bold;
	height: 36px;
	text-indent: -999999px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	position: absolute;
	top: 0px;
	right: 0px;
	}

.layer_settings_button:hover { background-color: #d2d2d2; }

.options {
	text-align: center;
	line-height: 1em;
	margin: 0px auto;
	}

.sidebar_topics_sublist { margin: 15px 0px 10px 0px; display: none; }

.layer_box {
    background-color: #f1f1f1; 
    background-position-x: 36px;
    background-position-y: 6px;
    background-repeat: no-repeat; 
    background-size: 23px auto;
}

#layer_dealstoday			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_dealstoday.png')			36px 6px no-repeat; background-size: 23px auto; }
#layer_news					{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_news.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_events				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_events.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_ticketnetwork		{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_ticketnetwork.png')		36px 6px no-repeat; background-size: 23px auto; }
#layer_meetup				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_meetup.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_eventbrite			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_eventbrite.png')			36px 6px no-repeat; background-size: 23px auto; }
#layer_conferencehound		{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_conferencehound.png')		36px 6px no-repeat; background-size: 23px auto; }
#layer_cycling				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_cycling.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_running				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_running.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_fishing				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_fishing.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_outdoors				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_outdoors.png')			36px 6px no-repeat; background-size: 23px auto; }
#layer_mountainbiking		{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_mountainbiking.png')		36px 6px no-repeat; background-size: 23px auto; }
#layer_swimming				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_swimming.png')			36px 6px no-repeat; background-size: 23px auto; }
#layer_triathlon			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_triathlon.png')			36px 6px no-repeat; background-size: 23px auto; }
#layer_walking				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_walking.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_tennis				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_tennis.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_volunteermatch		{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_volunteermatch.png')		36px 6px no-repeat; background-size: 23px auto; }
#layer_yelp					{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_yelp.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_wikipedia			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_wikipedia.png')			36px 6px no-repeat; background-size: 23px auto; }
#layer_culture				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_culture.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_worship				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_worship.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_school				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_school.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_tweetclouds			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/socialspy_tweetcloud.png')					36px 6px no-repeat; background-size: 23px auto; }
#layer_seeclickfix			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_seeclickfix.png')			36px 6px no-repeat; background-size: 23px auto; }
#layer_traffic				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_traffic.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_bike					{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_bike.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_weather				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_weather.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_weatherg				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_weather.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_youtube				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_youtube.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_panoramio			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_panoramio.png')			36px 6px no-repeat; background-size: 23px auto; }
#layer_instagram			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_instagram.png')			36px 6px no-repeat; background-size: 23px auto; }
#layer_wctwebcams			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_wctwebcams.png')			36px 6px no-repeat; background-size: 23px auto; }
#layer_healthfood			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_healthfood.png')			36px 6px no-repeat; background-size: 23px auto; }
#layer_farmersmarkets		{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_farmersmarkets.png')		36px 6px no-repeat; background-size: 23px auto; }
#layer_producemarkets		{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_producemarkets.png')		36px 6px no-repeat; background-size: 23px auto; }
#layer_fitness				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_fitness.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_yoga					{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_yoga.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_pilates				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_pilates.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_massage				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_massage.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_hospitalmarkers		{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_hospitalmarkers.png')		36px 6px no-repeat; background-size: 23px auto; }
#layer_recycle				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_recycle.png')				36px 6px no-repeat; background-size: 23px auto; }
#layer_bridgeinventoryusa	{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_bridgeinventoryusa.png')	36px 6px no-repeat; background-size: 23px auto; }
#layer_epabrown				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_epabrown.png')			36px 6px no-repeat; background-size: 23px auto; }
#layer_epatrichem			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_epatrichem.png')			36px 6px no-repeat; background-size: 23px auto; }
#layer_usgswater			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_usgswater.png')			36px 6px no-repeat; background-size: 23px auto; }
#layer_epaairnow			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_epaairnow.png')			36px 6px no-repeat; background-size: 23px auto; }
#layer_shopsnowboards		{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_gear_snowboarding.png')	36px 6px no-repeat; background-size: 23px auto; }
#layer_shopskis				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_gear_skiing.png')			36px 6px no-repeat; background-size: 23px auto; }
#layer_shopbicycles			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_gear_cycling.png')		36px 6px no-repeat; background-size: 23px auto; }
#layer_shopcamping			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_gear_camping.png')		36px 6px no-repeat; background-size: 23px auto; }
#layer_shoprunningshoes		{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_gear_running.png')		36px 6px no-repeat; background-size: 23px auto; }
#layer_twitter				{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/socialspy_twitter.png')						36px 6px no-repeat; background-size: 23px auto; }
#layer_tweetclouds2			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/socialspy_tweetcloud.png')					36px 6px no-repeat; background-size: 23px auto; }
#layer_fbcheckins			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/socialspy_facebook.png')						36px 6px no-repeat; background-size: 23px auto; }
#layer_instagram			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/socialspy_instagram.png')						36px 6px no-repeat; background-size: 23px auto; }
#layer_foursquarecheckins	{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/socialspy_foursquare.png')					36px 6px no-repeat; background-size: 23px auto; }
#layer_gowallacheckins		{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/socialspy_gowalla.png')						36px 6px no-repeat; background-size: 23px auto; }
#layer_yellowpages			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_yellowpages.png')			36px 6px no-repeat; background-size: 23px auto; }
#layer_foursquare			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_foursquare.png')			36px 6px no-repeat; background-size: 23px auto; }
#layer_activecom			{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_activecom.png')			36px 6px no-repeat; background-size: 23px auto; }
#layer_jobs					{ background: #f1f1f1 url('http://cloudfront.gatheringpoint.com/graphics/contenticons/topics_jobs.png')				36px 6px no-repeat; background-size: 23px auto; }






/* SCREEN FIVE share map
-------------------------------------------------------------------------------*/

#mapshare_left {
	float: left;
	width: 45%;
	}

#mapshare_right {
	float: right;
	width: 45%;
	}