/* Font declarations */
	h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
	body{font-family:"Helvetica","DejaVu Sans",Arial,sans-serif;line-height:1.2;}

/* Basic styling */
	body{padding:0;margin:0;background:#fffeff;}
	.non-visual{position:absolute;width:1px;height:1px;overflow:hidden;margin-left:-1px;} /* Object hiding for graphical browsers. */
	#header,
	.content{float:left;width:210px;padding:0 10px;clear:left;margin:0;}
	#header h1{width:0;padding-left:55px;height:55px;overflow:hidden;display:block;margin:20px 5px 10px;float:right;background:url("http://maps.bigtincan.com/img/bigtincan-logo.png") no-repeat center;}
	#header{color:#2e3436;text-align:center;padding-bottom:10px;font-size:1em;}
	#header span{font-weight:bold;letter-spacing:.1em;margin:45px 0 0;display:block;text-align:right;}
	#header span#btc-maps{margin-top:25px;}
	a {	color: #62c1e9;	}
	a:hover { text-decoration: none; }

	h3{color:#FE6500;}
	dt{font-weight:bold;}
	dd{margin:.25em 1em 1em;}

/* Sidebar Boxes */

	.content{font-size:.8em;}
	.content > li{background-color:#fffeff;background-position:5px 8px;background-repeat:no-repeat;border:1px solid #babdb6;border-right:none;margin:0 -10px 5px 0;list-style:none;position:relative;z-index:5;
	-moz-border-radius:2px 0 2px 0;
	-webkit-border-radius:2px 0 2px 0;
	}
	.content li h2{margin:0 0 0 8px;line-height:32px;font-size:1.2em;padding-left:21px;}
	.content li h2:hover{cursor:pointer;color:#2e3436;}

	.content li.current{border-color:#2E3436;}
	.content li.current h2{font-weight:bold;margin-right:5px;}
	.content li.current h2 a{text-decoration:none;color:black;}
	.content li#route{background-image:url("http://maps.bigtincan.com/img/icons/route.png");}
	.content li#edit,
	.content li#submit{background-image:url("http://maps.bigtincan.com/img/icons/edit.png");}
	.content li#killme{background-image:url("http://maps.bigtincan.com/img/icons/emblem-important.png");}

	#edit dl,
	#edit ul,
	#edit h3,
	#edit p{margin-left:5px;margin-right:5px;}

	.content h3{font-weight:bold;clear:left;color:#2e3436;}

	.content dt,
	.content dd{display:inline;}

	.content ul{padding:0 5px 5px 18px;}

/* Directions image replacement */

	#route label,
	#route input{float:left;}

	#route .car,
	#route .bicycle,
	#route .foot{width:0;padding-left:16px;height:16px;overflow:hidden;display:block;margin-right:16px;}
	#route .car{background:url('http://maps.bigtincan.com/img/icons/car.png');}
	#route .bicycle{background:url('http://maps.bigtincan.com/img/icons/bicycle.png');}
	#route .foot{background:url('http://maps.bigtincan.com/img/icons/foot.png');}

/* advertisement(s) */
	.ad img{border:none;}
	#ad-1 img{padding:5px 0 0 4px;}

/* Form Styling */
	fieldset{border:none;margin:0;padding:5px;}
	.wizard.next{display:block;width:100px;margin:10px 0 5px 95px;}
	.supplementary{font-size:.8em;padding-left:0 !important;}
	.supplementary,
	.dark{background-color:rgba(46, 52, 54, 0.78);margin:0;color:white;padding:.25em 5px;}
	.content label{margin-right:10px;line-height:2em;}

/* Map Styling */
	#map{background:#B5D0D0 url("/img/waiting.gif");position:absolute;top:5px;left:230px;right:0;bottom:5px;border:1px solid #2e3436;border-style:solid none solid solid;}

	/* #4C5658 is not a standard colour. It's the fallback for non-transparency browsers, and is the transparency colour over water. */
	#map-bottom{line-height:22px;color:#fffeff;position:absolute;left:0;bottom:0;right:0;z-index:800;padding:10px 5px;background:#4C5658;background:rgba(46,52,54,.78);font-size:.8em;}
	#map-bottom p{margin:0;padding:0;float:left;}
	#map-bottom #attribution{float:right;}
	#sponsored{padding-left:5px;border:none;font-size:.9em;}
	#sponsored img{float:left;border:none;margin-left:-10px;}

	#map-bottom a{color:white;}
	#map-bottom a:hover{text-decoration:none;}

	#permalink-flyout{position:absolute;bottom:0px;left:0px;width:300px;height:12.5em;margin:0;padding:0;z-index:2000;}
	#permalink-flyout div{display:none;}
	#permalink-flyout:hover{left:-1px;bottom:-1px;color:black;background:white;background:rgba(255,255,255,.95);border:1px solid black;border-color:black black #fffeff #fffeff;
	-moz-border-radius-topright:2px;
	-webkit-border-top-right-radius:2px;}
	#permalink-flyout:hover div{display:block;padding-left:10px;}
	#permalink-flyout h2{font-size:1.3em;}
	#permalink-flyout p{margin-bottom:.5em;margin-left:-5px;}
	#permalink-flyout input{width:280px;}
	/* Generic button styling. */
	.olControlPermalink a,
	#permalink-flyout a,
	#killme-continue a{background:#fffeff no-repeat 2px center;color:black;border:1px solid #2e3436;text-decoration:none;line-height:18px;padding:0 8px 0 28px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	}
	#permalink-flyout a:hover,
	#killme-continue a:hover{background-color:#eee;border-color:#62c1e9;}
	#killme h2{font-weight:bold;}
	#killme div{margin:0 5px;}
	.large{font-size:1.2em;margin:.1em 0 0;}
	#killme-continue a{font-size:1.2em;padding:2px 10px 2px 32px;background-image:url("http://maps.bigtincan.com/img/icons/route.png");background-position:7px center;width:150px;margin-left:17px;}
	#killme-continue{margin:1.5em 0;}
	/* Button icons */
	#map-bottom #permalink-email a{background-image:url('http://maps.bigtincan.com/img/icons/internet-mail.png');}
	#map-bottom #permalink{position:absolute;bottom:10px;left:5px;}
	#map-bottom #permalink,
	.olControlPermalink a{background-image:url('http://maps.bigtincan.com/img/icons/hyperlink.png');}
	
	.olControlPermalink{position:absolute;bottom:10px;left:5px;font-size:.8em;}
	
/* OpenLayers Styles */
	.olControlPanZoomBar{display:block;margin-left:-70px;position:absolute !important;left:100% !important;}

	/* Style switcher. This is a bit hacky, as OpenLayers is applying its own style somewhere else. Later we'll need to work out where, and do it proparly. */
	
	#OpenLayers_Control_MaximizeDiv,
	#OpenLayers_Control_MinimizeDiv{margin-right: 5px !important;}
	.olControlLayerSwitcher{margin-top:-20px !important;z-index:1006 !important;background:#4C5658;background:rgba(46,52,54,.78) !important;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:10px 0 0 10px;
	color:#fffeff !important;width:auto !important;max-width:50%;} 
	.olControlLayerSwitcher *{background:transparent !important;}

	.olControlScaleLine{font-size:.8em;position:absolute;bottom:20px;margin-bottom:4em;left:5px;z-index:800 !important;}

	.olControlScaleLineBottom {
	border-color:black #4b5657;
	border-style:solid solid none;
	border-width:2px 2px medium;
	margin-top:-2px;
	text-align:center;
	}
	.olControlScaleLineTop {
	border-color:black #4b5657;
	border-style:none solid solid;
	border-width:medium 2px 2px;
	text-align:center;
	}


/* Mapper app ad */
	#ad-1{background-image:url("http://maps.bigtincan.com/img/btc-mapper.png");padding-bottom:10px;}
	#ad-1 h2{margin-left:32px;margin-top:16px;}
	#ad-1 p{font-size:1.2em;margin:0 5px;}
	#ad-1 a.download{display:block;text-align:right;font-size:.9em;margin-top:10px;margin-right:5px;}
	#ad-1 a.blackberry:after{content:url("http://maps.bigtincan.com/img/icons/blackberry-16.png");margin-left:5px;}
	#ad-1 a.android:after{content:url("http://maps.bigtincan.com/img/icons/android-16.png");margin-left:5px;}

/* Search Interface */

	/* Some search box styling. Negative margins so the button doesn't wrap to the next line. */

	/* These are to do with the new search style */
		#searchBox{background-color:rgba(46, 52, 54, 0.78);border-color:#2E3436;min-height:2.5em;color:white;}
		/* .content li#searchBox input[type=submit]{background:url("") no-repeat center;font-size:0;height:24px;width:24px;}*/
		#searchBox h2{display:none;}
		#searchBox input{float:left;padding:3px 2px;margin-right:5px;width:155px !important;}
		#searchBox button{padding-top:3px;margin-right:-100px;}
		
		#searchResults p{margin:5px 10px 10px;}


	/* These are strictly for presentation */
		.noNum{list-style-type:none;}
		#searchResults{margin-bottom:5px;}
		#searchResults li{border-bottom:1px dotted #444;padding-bottom:5px;padding-left:5px;line-height:1.5;margin-right:5px;}

/* TidyMyStreet */
	.puffy .article{margin:0 5px;}
	.olHandlerBoxZoomBox{border:5px solid red;}
	#submit button{display:block;margin:5px 25px 5px auto;}
	#edit h2{cursor:auto !important;}

/* Pop ups */
	.olPopup *{width:auto !important;height:auto !important;overflow:visible !important;}
	.olPopup{height:auto !important;border:1px solid #000 !important;border-top:none !important;margin:2.5em 0 0 .5em;overflow:visible !important;}
	.olPopup h3{background:red;margin:0;line-height:2em;position:absolute;margin-top:-2.5em;margin-left:-1px;width:93% !important;padding:0 2% 0 5%;background:rgba(46, 52, 54, 0.78) no-repeat left top url("http://maps.bigtincan.com/img/openlayers/corner-top-left.png");color:white;font-weight:bold;border:1px solid black;border-bottom:0;}
	.olPopup #new{background:red;margin:0;line-height:2em;position:absolute;margin-top:-2.5em;margin-left:-1px;width:93% !important;padding:0 2% 0 5%;background:rgba(255, 0, 0, 0.5) no-repeat left top url("http://maps.bigtincan.com/img/openlayers/corner-top-left.png");color:white;font-weight:bold;border:1px solid black;border-bottom:0;}
	.olPopup #open{background:red;margin:0;line-height:2em;position:absolute;margin-top:-2.5em;margin-left:-1px;width:93% !important;padding:0 2% 0 5%;background:rgba(0, 0, 255, 0.5)no-repeat left top url("http://maps.bigtincan.com/img/openlayers/corner-top-left.png");color:white;font-weight:bold;border:1px solid black;border-bottom:0;}
	.olPopup #stalled{background:red;margin:0;line-height:2em;position:absolute;margin-top:-2.5em;margin-left:-1px;width:93% !important;padding:0 2% 0 5%;background:rgba(0, 255, 0, 0.5) no-repeat left top url("http://maps.bigtincan.com/img/openlayers/corner-top-left.png");color:white;font-weight:bold;border:1px solid black;border-bottom:0;}
	.olPopup #resolved{background:red;margin:0;line-height:2em;position:absolute;margin-top:-2.5em;margin-left:-1px;width:93% !important;padding:0 2% 0 5%;background:rgba(205, 127, 50, 0.5) no-repeat left top url("http://maps.bigtincan.com/img/openlayers/corner-top-left.png");color:white;font-weight:bold;border:1px solid black;border-bottom:0;}
	.olPopup #rejected{background:red;margin:0;line-height:2em;position:absolute;margin-top:-2.5em;margin-left:-1px;width:93% !important;padding:0 2% 0 5%;background:rgba(122, 122, 122, 0.5) no-repeat left top url("http://maps.bigtincan.com/img/openlayers/corner-top-left.png");color:white;font-weight:bold;border:1px solid black;border-bottom:0;}
	.olPopup #deleted{background:red;margin:0;line-height:2em;position:absolute;margin-top:-2.5em;margin-left:-1px;width:93% !important;padding:0 2% 0 5%;background:rgba(46, 52, 54, 0.78) no-repeat left top url("http://maps.bigtincan.com/img/openlayers/corner-top-left.png");color:white;font-weight:bold;border:1px solid black;border-bottom:0;}
	.olPopup p{margin:.6em 10px;font-size:.8em;}
	.olPopup ul{list-style:none;padding:0 10px;}
	.olPopup li{display:inline;}