* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html,body{height:100%;width:100%; margin:0; padding:0; background:#000; font-family:sans-serif;}

html {
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
}

.tucked_sidebar{
	position:absolute;
	top:0;
	height:100%;
	width:0px;
	background:url(images/bg_dark.png) repeat #000;
	overflow:hidden;
	z-index:12000;
	color:#fff;
	padding:65px 0 10px 0;
	text-align:center;
}

.tucked_sidebar_inner{
	width:220px;
}

.tucked_sidebar_title{
	margin-bottom:20px;
	font-family: 'Oxygen', sans-serif;
	color:#ddd;
}

.tucked_sidebar_title strong{
	color:#fff;
}

.street_image_wrapper{
	width:100%;
	height:100%;
	overflow:hidden;
	white-space:nowrap;
	position:relative;
}

.street_image{
    height:100%;width:100%;margin:0;
    padding:0px 1px 0px 1px;
}

.street_image img{
	height:100%;
	display:inline-block;
}

.street_image_nav_item{
	width:35%;
	position:absolute;
	top:0;
	bottom:50px;
	margin-top:100px;
	padding:0 30px;
}

.street_image_nav_item.nav_item_stop{
	width:30%;
	left:35%;
}


.street_image_nav_item.nav_item_left{left:0;}
.street_image_nav_item.nav_item_right{right:0;}

.street_image_nav_item.nav_item_left, .street_image_nav_item.nav_item_right{
    transition:opacity 0.3s linear;
}

.icon_navhelp{
    background-image:url(images/nav_icons_sprite.png);
    background-repeat:no-repeat;
    height:109px;
}

.icon_navhelp_rew_fast{
    background:url(images/icon_nav_rew_fast.png) no-repeat center center;
}

.icon_navhelp_rew_slow{
    background:url(images/icon_nav_rew_slow.png) no-repeat center center;
}

.icon_navhelp_stop{
    background:url(images/icon_nav_stop.png) no-repeat center center;
}

.icon_navhelp_for_slow{
    background:url(images/icon_nav_for_slow.png) no-repeat center center;
}

.icon_navhelp_for_fast{
    background:url(images/icon_nav_for_fast.png) no-repeat center center;
}

.street_image_nav_help{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color:#C4C4C4;
    border-radius:30px;
    border:1px solid #fff;
    z-index:9999;
    opacity:0.6;
}

.street_image_nav_item .street_image_nav_help:hover{
    opacity:0.8;
}

.street_image_nav_item.nav_item_left .street_image_nav_help.first{
    width:48.5%;
    left:0;
    border-radius:0 30px 30px 0;
}
.street_image_nav_item.nav_item_left .street_image_nav_help.last{
    width:48.5%;
    left:50%;
}

.street_image_nav_item.nav_item_right .street_image_nav_help.first{
    width:48.5%;
    left:1.5%;
}
.street_image_nav_item.nav_item_right .street_image_nav_help.last{
    width:48.5%;
    left:51.5%;
    border-radius:30px 0 0 30px;
}

.description_wrapper{
    text-align:center;
    position:absolute;
    width:100%;
    top:0;
    left:0;
}

.description{
    padding:10px 15px;
    display:inline-block;
    background:#fff;
    border-radius:0 0 15px 15px;
    margin:0 155px;
}

.description em{
    color:#666;
}

.nav_wrapper{
	position:absolute;
	z-index:11000;
	top:0;
	left:0;
	width:100%;
}

.nav_header_wrapper{float:left; }
.nav_sidebar_wrapper{float:left; height:100%}

.nav_item{
	cursor:pointer;
	width:85px;
	height:85px;
}

.nav_item:hover{
	
}

.nav_item_help{
     position:absolute;
    z-index:1000;
    top:0;
    right:0;
    width:40px;
    height:40px;
    overflow:hidden;
    opacity:0.8;
    background:url(images/nav_item_help.png) 0 0 no-repeat;
}

.nav_item_help.active{
    background-position: 0 -40px;
}

.nav_item_sidebar{
	float:left;
	opacity:0.8;
	display:none;
	background:url(images/nav_item_sidebar.png) 0 0 no-repeat;
	position: relative;
    z-index: 99999;
}

.nav_item_sidebar:hover{
	opacity:1;
}

.nav_item_header{
	float:right;
	opacity:0.8;
	background:url(images/nav_item_header.png) 0 -85px no-repeat;
}

.nav_item_header.active{
	background-position: 0 0;
}

.nav_item_header:hover{
	opacity:1;
}

.gallery_thumb_wrapper{
	width:150px;
	height:90px;
	overflow:hidden;
	margin:0 auto;
	margin-bottom:10px;
	cursor:pointer;
	opacity:0.9;
	text-align:center;
	background-color:#555;
	line-height:150px;
}

.gallery_thumb_wrapper.active{
	opacity:0.3;
	cursor:default;
	border:1px solid #000;
}

.gallery_thumb_wrapper:hover{
	opacity:1;
}

.gallery_thumb_wrapper.active:hover{
	opacity:0.3;
}

.street_image_loader{
	width:100%;
	height:100%;
	background:url(images/loader.gif) 50% 50% no-repeat #000;
}

.flex_table{display:table;height:100%;}.flex_table_row{display:table-row;}.flex_table_cell{display:table-cell;vertical-align:middle;}

.tooltip_wrapper{
	position:absolute;
	z-index:13000;
	display:none;
	overflow:hidden;
	font-family: 'Oxygen', sans-serif;
}

.tooltip_message{
	min-height:20px;
	max-width:900px;
	margin-left:20px;
	background-color:#fff;
	padding:15px 30px;
	border-radius:5px;
}

.tooltip_arrow_wrapper{
	height:100%;
	left:-20px;
	width:20px;
	position:absolute;	
}

.tooltip_arrow{
	  border-color: transparent white transparent transparent;
	  border-style:solid;
	  border-width:20px;
	  width:0;
	  height:0;
}

.street_image_scrollbar_anchor{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	height:80px;
	opacity:0.7;
}

.street_image_scrollbar_wrapper{
	position:relative;
	width:100%;
	height:60px;
	background-color:#555;
	-webkit-transition:margin 0.5s ease-in-out;
	-moz-transition:margin 0.5s ease-in-out;
	transition:margin 0.5s ease-in-out;
	margin-top:100px;
}

.street_image_scrollbar_wrapper.active{
	margin-top:40px;
}

.street_image_scrollbar{
	height:40px;
	right:30px;
	left:30px;
	position:absolute;
	cursor:pointer;
}


.street_image_scrollbar_handle{
	width:60px;
	height:40px;
	background-color:#aaa;
	position:absolute;
	left:0;top:0;
	border:2px solid #555;
}

.debug{display:none; margin-left:500px; background-color:#000;color:#fff;position:absolute;top:10px;left:10px;z-index:2000;}