#streetview-container-body{
    position: relative; clear: both;
	position: absolute;
	bottom:0;
	top:63px;
	left:0px;
	right:0px;
}
#left-column {width: 300px; float: left; position: relative; height: 100%;}
#right-column {position: relative; height: 100%; margin-left: 315px;}
#right-column .advertise {position: absolute; bottom: 20px; right: 0; /* z-index: 100; */ }

/*#map {position: absolute; top: 265px; bottom: 0; left: 0; right: 0;}
#streetview { background: #FFF; position: absolute; top: 0; left: 0; bottom: 0; right: 0}*/

.right-map {background: #FFF; position: absolute; top: 0; left: 0; bottom: 0px; right: 0; z-index:10; /*width:100%; height:100%;*/ }
.right-streetview { background: #FFF; position: absolute; top: 0; left: 0; bottom: 0px; right: 0; /*width:100%; height:100%; */}
.left-map {position: absolute; top: 0px; bottom: 290px; left: 0; right: 0; /*width:100%; height:300px;*/}
.left-streetview {position: absolute;  top: 0px; bottom: 290px; left: 0; right: 0; /*width:100%; height:300px;*/ }

.left_wo_ads {position: absolute;  top: 0px; bottom: 0px; left: 0; right: 0; /*width:100%; height:300px;*/ }


body.result_page{ margin: 3px 7px;}


/** mosescrathna New CSS - START */

 #gmap_message_alert{
    
    position:absolute;
    background-color:rgba(255,255,255,0.5); 
    z-index:16; 
    width: 30%; 
    height:auto; 
    font-size: 25pt; 
    font-weight:bold;
    box-shadow: 0 2px 6px rgba(255,255,255, 0.5);  
    color: #000000; 
    text-shadow: 2px 1px white; 
    display:none;
    min-height: 100px;
 }
 
div.share_close_btn{
   left: 735px;
   position:absolute;
}

#share_close_btn {
    cursor: pointer;
    font-size: 18px;
    text-decoration: none;
    display: inline-block;
    line-height: normal;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    color:#fff;
    background-color: transparent;
    font-weight:bold;
    border:0px solid transparent;
}
    
  .share_title { display: inline-block; margin:15px 0 0 25px; font-size:26px;  }
    
#share_dialog {
    background-color: #ffffff;
    border: 1px solid #333333;
    bottom: 56px;
    color: #333333;
    display: block;
    font-size: 14px;
    height: auto;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    right: 15px; /* 40px for sign in */
    width: 615px;
    z-index: 16;
}


    #share_dialog .close_btn{
        width:25px; border:1px solid #333; border-radius:5px;
        float:right; margin:2px; cursor:pointer;
    }


	#gmap_share_top_pan{     background-color: #f9c012;
    float: right;
    height: 70px;
    padding: 10px;
    text-align: left;
    width: 100%; }
	#gmap_share_left_pan{ width: 325px; height:370px; float:left; padding:12px 0px 0 15px;  }
	#gmap_share_right_pan {width:200px; height:370px;padding: 15px;  }
    #gmap_share_left_pan textarea.frm_control, #gmap_share_left_pan label{ font-size:14px; }
    p.gap{ display: block; height:2px; margin:0px; padding:0px;}
	
 #social_nw_btns li{
    display: block;
    list-style: none;
    padding-left: 5px;
 }
 #social_nw_btns {
    background-color: transparent; margin-top:25px; padding:0px;
 }
 #social_nw_btns li a{
    display: block; padding-left:40px; padding-top: 5px; height:45px; background-origin: border-box;
 }
  
#gmap_share_right_pan label {display:block; margin:5px 0px;}  

  
#social_nw_btns li a.download_btn{
    background: url('../images/icons/share_download.png') left top no-repeat;
  }
  
#social_nw_btns li a.twitter_btn {
    background: url('../images/icons/share_twitter.png') left top no-repeat;
  }
#social_nw_btns li a.fbshare_btn {
    background: url('../images/icons/share_facebook.png') left top no-repeat;
  }
  
#social_nw_btns li a.pinit_btn {
    background: url('../images/icons/share_pinterest.png') left top no-repeat;
  }
  
#social_nw_btns li a.gplus_btn {
    background: url('../images/icons/share_googleplus.png') left top no-repeat;
 }
  
#social_nw_btns li a.download_btn:hover{
    background-image: url('../images/icons/share_download_over.png');
  }
  
#social_nw_btns li a.twitter_btn:hover {
    background-image: url('../images/icons/share_twitter_over.png');
  }
#social_nw_btns li a.fbshare_btn:hover {
    background-image: url('../images/icons/share_facebook_over.png');
  }
  
#social_nw_btns li a.pinit_btn:hover {
    background-image: url('../images/icons/share_pinterest_over.png');
  }
  
#social_nw_btns li a.gplus_btn:hover {
    background-image: url('../images/icons/share_googleplus_over.png');
 }
  
#gmap_share_left_pan .frm_control{
    background-color: #fbd257;
    width:100%;
    height:65px; 
    margin: 0px; padding:10px;
    font-size:14px;
    border: 1px solid #f9c012;
    overflow:hidden;
}
  

 img.preview_pano_img{ width:100%; height:100%; }
 
  
#gmap_share_left_pan .frm_control:focus{
	color: #fff;
	border-color: #81A0F2;
 } 
    
    
    
    




#panorama-not-available{width:297px; height: auto; position: relative; border: 1px solid #f9c012; color: #303030; top: 1px; z-index:50; } 
#panorama-not-available .top{ background-color:#fbd257; font-family: 'Roboto Normal 300'; font-size: 18px; line-height: 1.4em; font-weight: 900; height: 65px; padding: 14px 5px 14px 59px; }
#panorama-not-available .middle{background: url(../images/bg/yellow-background-middle.jpg) repeat-y top left #fff;background-origin: border-box; padding-left: 1em; padding-right: 1em;}
#panorama-not-available .bottom{background: url(../images/bg/yellow-background-bottom.jpg) no-repeat top left #fff;background-origin: content-box; padding-bottom: 15px;} 
#panorama-not-available th{font-size: 16px; font-family: 'Roboto Normal 300'; font-weight: 600; text-align: left; vertical-align:top; line-height: 1.2em; padding-right: 12px;}
#panorama-not-available td{font-size: 15px; font-family: 'Roboto Normal 300'; vertical-align:top; line-height: 1.5em; padding-right: 12px; padding-bottom: 15px;}
#panorama-not-available td img{margin: 6px 0px 0 7px; }
/*#switch_btn{
    border: 1px solid #CECECE; display: block; height: 36px; width: 100%; background: url(../images/gradient.png) repeat-x 0 100% #fff;
}

#switch_btn a{ height: 36px; width:100%; display:block;}

.earth_btn{ background:  url(../images/icons/switch-button-earth.png) no-repeat center center transparent; background-origin: border-box; display: block;}
.street_btn{ background:  url(../images/icons/switch-button-street.png) no-repeat center center transparent; background-origin: border-box; display: block;}*/

/*****************************************/

#pano_address{
    background-color: rgba(34,34,34,0.7);
    padding: 8px;
    color:#fff;
    font-weight: bold;
    display: none;
    width: 150px;
    height: auto;
}

#pano_address .desc{display:block; font-size: 12px; }
#pano_address .sdesc{ display:block; font-size: 14px; }
.left_pano_address{
    position: absolute;
    width:auto; height:auto;
    top:10px; left:10px; 
    z-index: 5;
    max-width: 250px;
}

.right_pano_address{
    position: absolute;
    width:auto; height:auto;
    top:10px; right:10px; 
    z-index: 5;
    max-width: 150px;
}


#pano_compass{
   /** background-color: rgba(34,34,34,0.5);*/
    display: none;
    width:45px; height:45px;
    background: url(../images/icons/compass-yellow.png) no-repeat top left transparent;  
    background-size: 100% 100%;  
}

#pano_compass a.pano_compass_left{
    display: block;
    width:22.5px; height:45px;
    background-color: transparent;
    background-image:none; 
    background-size: 100% 100%;
    left:0px;
    position:absolute;
    z-index:15;  
}
#pano_compass a.pano_compass_left:hover{ background-image: url(../images/icons/compass_mouseover_left.png); }

#pano_compass a.pano_compass_right{
    display: block;
    width:22.5px; height:45px;
    background-color: transparent;
    background-image:none; 
    background-size: 100% 100%;
    left:22.5px;
    position:absolute;
    z-index:15;  
}
#pano_compass a.pano_compass_right:hover{ background-image: url(../images/icons/compass_mouseover_right.png); }

a.pano_compass_needle{
   background: transparent url("../images/icons/compass_needle.png") no-repeat scroll left top / 100% 100%;
    display: block;
    height: 37px;
    left: 16px;
    position: absolute;
    top: 3px;
    width: 15px; 
    z-index: 18;
     
}
#pano_compass a.btn{ color: #fff; font-size: 10px; height: 10px; width: 10px; z-index: 18; }
#pano_compass a.ubtn { position: absolute;  top:0px; left:20px;  }
#pano_compass a.lbtn { position: absolute;  left:5px; top:15px;  }
#pano_compass a.rbtn { position: absolute;  right:5px; top:15px;  }
#pano_compass a.dbtn { position: absolute;  bottom:15px; left:20px;  }

.right_pano_compass{
    right: 10px;
    position: absolute;
    top: 70px;
    z-index: 5;
}
.left_pano_compass{
    left: 10px;
    position: absolute;
    top: 70px;
    z-index: 5;
}


#pano_zoom{
    /*background-color: rgba(34, 34, 34, 0.0);*/
    background: transparent url("../images/icons/zoom_gelb_icon.png") no-repeat scroll left top / 100% 100%;
    display: none;
    height: 57px;
    width: 36px;
}

.right_pano_zoom{
    position: absolute;
    right: 15px;
    top: 130px;
    z-index: 5;
}
.left_pano_zoom{
    left: 14px;
    position: absolute;
    top: 130px;
    z-index: 5;
}


#pano_zoom a{ background-color: #333;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 28px;
    text-align: center;
    width: 36px;
    font-size:0px; 
    position: absolute;
    background-color: transparent;
    background-image:none; 
    background-size: 100% 100%;
}
    
#pano_zoom a.zplus { top:0px; left:0px;    }
#pano_zoom a.zminus { top:29px; left:0px;  }
#pano_zoom a.zplus:hover{ background-image: url("../images/icons/zoom_mouseover_plus.png") }
#pano_zoom a.zminus:hover{ background-image: url("../images/icons/zoom_mouseover_minus.png") }


/***********************/

.fullscreen{
    width:auto; height:auto; position:absolute;
    top: 0px; left:0px; right:0px; bottom: 0px;
    z-index:25;
}

.left_fullscreen_button{
    position: absolute;
    width:45px; height:45px;
    top:10px; left:10px; 
    z-index: 5;
}
.right_fullscreen_button{
    position: absolute;
    width:45px; height:45px;
    top:10px; right:10px; 
    z-index: 5;
}

#fullscreen_button a {
    display: none; width:100%; height:100%; text-decoration: none;
}

#fullscreen_button a.normal{
    background:  url(../images/icons/fullscreen_on.png) no-repeat center center transparent; 
}
#fullscreen_button a.normal:hover{ background-image:url(../images/icons/fullscreen_on_over.png); }


#fullscreen_button a{
    display: block;
    height: 45px;
    width: 45px;
}
#fullscreen_button a.close{
    background:  url(../images/icons/fullscreen_off.png) no-repeat center center transparent;
}
#fullscreen_button a.close:hover{ background-image:url(../images/icons/fullscreen_off_over.png); }


#map_typeid_parent{
    top: 10px;
    left: 10px;
    width: 50px;
    height: 25px;
    display: none;
    position: absolute;
    z-index:15;
    overflow: visible;
}
.map_typeid{
    background-clip: padding-box;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
    color: rgb(0, 0, 0);
    cursor: pointer;
    direction: ltr;
    font-size: 14px;
    font-weight: 300;
    overflow: hidden;
    padding: 4px 8px 0;
    display: inline-block;
    text-align: center;
    z-index: 11;
    position:absolute;
    top:0px;
    height: 25px;
    width:auto;
}
.map_typeid:hover{
    background-color:#EBEBEB;
}

#map_typeid_parent .roadmap{ left: 0px; width: 32px; }
#map_typeid_parent .satellite{ left: 49px; width: 47px; }
#map_typeid_parent .streetblue{ left: 113px; width:100px }



.share_like_btn {
    background-color: transparent;
    bottom: 0px;
    height: 30px;
    left: 80px;
    position: absolute;
    width: 520px;
    z-index: 15;
}




.share_iframe{
    width:80px;height:30px; border:none; margin:0px 0px; top:0px; float:left;
    background: transparent; overflow: hidden; display:inline-block; position: relative;
}


/** New Design **/

.whriam_button a{
    background:  url(../images/icons/where_i_am.png) no-repeat center center transparent;
	    display: block;
    height: 45px;
    width: 45px;
}

.whriam_button a:hover{ background-image:url(../images/icons/where_i_am_over.png); }

.whriam_button{
    bottom: 90px;
    height: 45px;
    position: absolute;
    right: 10px; /** 45px Pixel for signed in model */
    width: 45px;
    z-index: 17;
}

.share_button a{
    background:  url(../images/icons/share.png) no-repeat center center transparent;
	    display: block;
    height: 45px;
    width: 45px;
}

.share_button a:hover{ background-image:url(../images/icons/share_over.png); }

.share_button{
    bottom: 30px;
    height: 45px;
    position: absolute;
    right: 10px; /** 45px Pixel for signed in model */
    width: 45px;
    z-index: 17;
}

.switch_button a{
    background:  url(../images/icons/switch.png) no-repeat center center transparent;
	    display: block;
    height: 75px;
    width: 75px;
}

.switch_button a:hover{ background-image:url(../images/icons/switch_over.png); }

.switch_button{
    
    border-radius: 5px;
    bottom: 340px; /* 358px; for sign in model , 273px*/
    height: 70px;
    left: 269px;
    position: absolute;
    width: 70px;
    z-index: 15;
}

/** mosescrathna New CSS - END */


/****************************App ************************/
#app_loading{
    position: absolute;
    top:0; bottom:0; left:0; right:0;
    background: url(../images/loading.gif) no-repeat center center;
    background-color: rgba(0,0,0,0.8);
    display:none;
    z-index: 100;
}

#app_alert{
    position:absolute;
    background-color:rgba(255,255,255,0.5); 
    z-index:50; 
    width: 250px; 
    height:auto; 
    font-size: 25pt; 
    font-weight:bold;
    box-shadow: 0 2px 6px rgba(255,255,255, 0.5);  
    color: #000000; 
    text-shadow: 2px 1px white; 
    display:none;
    min-height: 100px;
    right:25px;
    bottom:25px;
}