@charset "utf-8";
/* CSS Document */

div#streetviewer_wrapper {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	overflow: hidden;
	position: relative;
	color: #FFF;
	background: #333;
}

.streetviewer_image_loader {
	background: url(images/loader_indicator.gif) no-repeat center center;
}

#streetviewer_loader {
	background: #333 url(images/loader_circle.gif) no-repeat center center;
	border: 1px solid #666;
	height: 240px;
	position: absolute;
	display: none;
	z-index: 1;
}

div#streetviewer_street {
	overflow-x: scroll;
	position: relative;
}

div#streetviewer_street ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#streetviewer_street ul li {
	display: block;
	float: left;
}

div.streetviewer_businesscard_wrapper {
	position: absolute;
	height: 140px;
	width: 220px;
	background: url(images/businesscard.png) no-repeat;
	padding: 15px;
	top: 40px;
	display: none;
}

div.streetviewer_businesscard_sponsor {
	position: absolute;
	top: 170px;
}

div.streetviewer_businesscard_content {
	color:#333;
	width: 220px;
	font-size: 8pt;
}

div.streetviewer_image {
	height: 240px;
	overflow: hidden;
}

div#map_placeholder {
	position: absolute;
	text-align: center;
	height: 240px;
}

div.streetviewer_tooltip {
	display: none;
	background: #06F;
	padding: 2px;
	position: absolute;
	font-size: 12pt;
	text-align: center;
	font-weight: bold;
}

div.shopfront_link_wrapper {
	position: relative;
}

div.shopfront_link {
	position: absolute;
	bottom: 0px;
	background: #06F;
	padding: 5px 2px;
	font-size:11px;
}
div.shopfront_link a {
	color: #FFF;
	font-weight: bold;
	padding: 5px;
}

div#streetviewer_fade_left,div#streetviewer_fade_right {
	position: absolute;	
	background: #000;
	height: 240px;
	left: 0;
}
div#streetviewer_fade_left {
	
}
div#streetviewer_fade_right {
	
}

/** NAVIGATION STYLING **/
div#streetviewer_nav_wrapper {
	clear: left;
	height: 40px;
	background: #333 url(images/nav_bg.gif);
}

div#streetviewer_nav {
	width: 650px;
	margin: 0 auto;
	overflow: hidden;
}

div#nav_left,div#nav_right,
div#nav_previous,div#nav_next,
div#nav_first, div#nav_last {
	width: 40px;
	height: 40px;
	float: left;
	padding: 0 10px;
	cursor: pointer;
}

div#nav_odds,div#nav_evens {
	width: 90px;
	height: 40px;
	float: left;
	cursor: pointer;
}

div#nav_map_active, div#nav_map_inactive {
	height: 40px;
	width: 72px;
	float: left;
	
}

div#nav_left_hover,
div#nav_right_hover {
	width: 40px;
	height: 240px;
	position: absolute;
	top: 0;
}

div#nav_left_hover {
	left: 0;
}

div#nav_right_hover {
	right: 0;
}

div#nav_left_hover { background: #FFF url(images/arrow_left.gif) no-repeat center; }
div#nav_right_hover { background: #FFF url(images/arrow_right.gif) no-repeat center; }
div#nav_first { background: url(images/arrow_first.gif) no-repeat center; }
div#nav_last { background: url(images/arrow_last.gif) no-repeat center; }
div#nav_left { background: url(images/arrow_left.gif) no-repeat center; }
div#nav_right { background: url(images/arrow_right.gif) no-repeat center; }
div#nav_previous { background: url(images/arrow_previous.gif) no-repeat center; }
div#nav_next { background: url(images/arrow_next.gif) no-repeat center; }
div#nav_odds { background: url(images/button_odds.gif) no-repeat bottom; }
div#nav_evens { background: url(images/button_evens.gif) no-repeat top; }
div#nav_map_active { background: url(images/nav_map_active.gif) no-repeat top; cursor: pointer; }
div#nav_map_inactive { background: url(images/nav_map_inactive.gif) no-repeat top; }

/** END NAVIGATION STYLING **/