html { height: 100% }
      
body { height: 100%; margin: 0px; padding: 0px; font-family: tahoma, arial; font-size: small; }

#map_canvas { position:absolute; top:35px;bottom:0px; left:300px;right: 0px;z-index: auto; }

#top {position:absolute:width: 100%; top:0px;height: 35px; background-color:#3b5998;}
#topshadow{position:absolute;width: 100%;top:35px;height:7px;background-image: url(../img/topshadow.png); ;z-index: 1}
#leftshadow{position:absolute;width:7px;top:35px;left:300px;bottom:0px;background-image: url(/img/leftshadow.png); ;z-index: 1}

#logo{position:absolute;left:2px;top:1px; width: 148px;height: 30px; background-image: url(../img/metaki.png); z-index: 100;}

#loading{position:absolute; top:5px;right: 5px; display:block; width: 24px;height: 24px; background-image: url(../img/loading.gif) }
#twitterlogo{position:absolute; top:7px;right: 30px; display:block; }
#login{position:absolute; top:7px;right: 150px; display:block; }

#menu{position:absolute; top:5px;right:70px;}

#searchbuttons{display: block; position:absolute;top:4px; width: auto;height: auto;left:203px;}
	#searchbutton{width:28px; height: 28px; background-image: url(../img/search-sel.png);float: left;}
	#routebutton{margin-top:5px;  margin-left: 8px; width:33px; height: 17px; background-image: url(../img/route.png);float: left}	

#search_address{position: absolute; left: 270px; top:4px; width: auto; height: 20px; font-size: medium; display: block;}
	#address{float:left;margin-left: 5px; width: 270px; height: 20px;font-size: medium;}

#search_route{position:absolute; top:4px; width: 550px; height: 20px;  left:270px; font-size: medium; display: none;}
	#address_from{float: left; margin-left: 5px; width: 200px; height: 20px; font-size: medium;}
	#inverse{display: none;float:left; margin-left: 4px; margin-top: 3px; width: 20px; height: 18px; background-image: url(../img/inverse.png);}
	#address_to{float:left; margin-left: 4px;  width: 200px; height: 20px;font-size: medium;}
	#carbutton{display: none; float:left; margin-left: 10px; margin-top: 3px; width: 34px; height: 20px; background-image: url(../img/car.png);}
	#walkbutton{display: none;float:left; margin-left: 10px; margin-top: 0px; width: 14px; height: 26px; background-image: url(../img/walk.png);}

#copytextbox{display: none; position:absolute;top:35px;right:0px;width: 400px;height: 35px;z-index: 1000;padding:4px;width: 340px; height: 20px}

#searchcurrentlocation{position:fixed;top:6px;left:170px;width:20px; height: 21px; background-image: url(../img/gps-off.png);cursor: pointer}
#about{position:absolute;top:7px;right:160px;}
#clip{position:absolute;top:7px;right:200px;}
#panoramio{position:absolute;top:8px;right:230px;}
#twitterbutton{position:absolute;top:6px;right:270px;}


/*Filter section */
#filter{position:absolute;top:5px; width: 270px; height: 20px; left:10px; font-size: medium;}
#numberresultstitle{position:absolute;top:33px; width: 270px;height:20px; left:10px; font-size:small;color:white;}
#numberresultsslide{position:absolute;top:52px; width: 270px; left:10px; font-size: medium;}
#timeslidertitle{position:absolute;top:70px; width: 270px;height:20px; left:10px; font-size:small;color:white;}
#timeslider{position:absolute;top:89px; width: 270px; left:10px; font-size: medium;}
#radiusslidertitle{position:absolute;top:108px; width: 270px;height:20px; left:10px; font-size:small;color:white;}
#radiusslider{position:absolute;top:127px; width: 270px; left:10px; font-size: medium;}


#leftpanel{position:absolute;top:35px;bottom: 0px;left:0px;width: 295px; background-color: gray;z-index: 100; display: block;}

#collapse-right{position:absolute;bottom:40px;left:300px; cursor: pointer;width: 19px;height:23px; background-image: url(../img/collapse-right.png); display:block;z-index: 1000;}
#collapse-left{position:absolute;bottom:40px;left:0px;cursor: pointer;width: 19px;height: 23px; background-image: url(../img/collapse-left.png); display:none;z-index: 1000;}
#collapse-top{position:absolute;top:35px;left:260px;cursor: pointer;width: 23px;height: 19px; background-image: url(../img/collapse-top.png); display:none;z-index: 9000;}
#collapse-bottom{position:absolute;top:161px;left:260px;cursor: pointer;width: 23px;height: 19px; background-image: url(../img/collapse-bottom.png); display:block;z-index: 1000;}


.hyperlink{color:blue; cursor: pointer}
.cursor{cursor: pointer;}
#options{position:absolute;width: 100%; top:0px; height: 150px; background-color: gray; display: block;}

#timeline{position:absolute;width: 100%;top:150px;bottom:0px; overflow-y:auto;overflow-x:hidden;background-color:white; z-index: 10 }

#directions_panel{position:absolute;top:35px;bottom: 0px;left:0px;width: 295px; background-color: white;z-index: 1000000; display: none; overflow-x: hidden; overflow-y: auto;}


.infowindow {width: 350px;height: auto;}
.from_user {font-size: larger;font-style:inherit;}
.graytext{color: #898989 }
.avatar{border-width: 4px; border-style: solid; border-color: #ffb024; margin: 3px;}
.watermark {
			color: #999 !important;
		}
		.watermark2 {6718958
			color: #999 !important;
			font-style: italic !important;
		}
		.watermark3 {
			color: #c77 !important;
		}
		
.tweet_record_tl{
	position:relative;
	cursor: pointer;
	height: auto;
	min-height: 150px;
	border-bottom: gray;
	border-bottom-width: thin;
	padding-bottom: 5px;
	-webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-color: rgb(224, 224, 224);	
    z-index: 90;
}
.avatar_tl{
	position:absolute;
	border-width: 4px; border-style: solid; border-color:#ffb024; margin: 3px;
	z-index: 100;
}

.data_tl{
	position:absolute;
	top:4px;left:65px;
}
.from_user_tl{
	position:relative;
	top:4px; left:55px;
	z-index: 100;
}
.text_tl{
	position:absolute;
	top:px; left:55px;
}