/*	
	http://www.angrycreative.se/projekt/less-framework
*/

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
---------------------------------------------
cols    1     2      3
px      68    160    252    */


body {
	width: 252px;
	padding-top:10px;
	padding-bottom:40px;
	/*margin-left:34px;*/
	/*margin-right:34px;*/
}

#header h4{
	font-size: 20px;
	line-height: 28px;
}
/* infowindow css */
.info_head {
	font-family: sans-serif;
	padding-bottom: 1px;
    border-bottom:1px solid #ccc; 
	margin-bottom:4px;
	font-size: 80%;
}
.info_content {
}
.info_content p{
	/*font-size: 72%;*/	
	font-size: 70%;	
	line-height:120%;
}
.info_foot a{
	font-size: 68%;	
	line-height:120%;
}
.info_foot {
	text-align:left;	
}
.tm {
 	font-size:72%;
	color:#808080;
}


#map {
	/*float: left;*/
	float: none;
	width: 252px;
	height: 400px;
}
#map_canvas {
	height: 360px;
}
#list {
	/*float: left;*/
	float: none;
	width: 252px;
	/*height: 400px;*/
	height: auto;
}
#list_table {
	max-height: 100%;
	overflow: visible;
}
#graph_canvas img{
	zoom: 0.26;
}
#graph_canvas li{
	font-size: 56%;
}
#tab1 {
	padding: 4px 4px;
}
#tab2 {
	padding: 4px 4px;
}
#tab3 {
	padding: 4px 4px;
}
#tab4 {
	padding: 4px 4px;
}
.ui-tabs-nav, .ui-tabs-panel {
	font-size: 56%;
}
#trend {
	/*min-height: 200px;*/
}
#data_down {
	/*padding-left: 0px;*/
	/*font-size: 0px;*/
	/*visibility:collapse;*/
}
#logo {
        width:47px;
}
#logo img{
    zoom: 0.5;
}
#logo_right {
        /*height:46px;*/
		width:214px;
}
#user_title {
        font-size:100%;
		line-height: 30px;
}
#infomation {
    font-size:78%;
}