html { overflow: hidden; }

html, body {
 margin: 0;
 padding: 3px 2px 2px 3px;
 /*position: absolute;*/
 height:100%
}

#content {
     position: relative;
}

#map {
     position: absolute;
     top: 0px;
     left: 3px;
     width: 100%;
     border: 1px solid #aaa;
	 height: 100%;
}

#map-wrapper {
     position: relative;
	 height: 100%;
	 margin-right: 300px;
}

#sidebar {
     position: absolute;
     top: 0;
     width: 290px;
     height: 100%;
	 right: 0px;
}

#toolbar {
     background: white;
     padding-bottom: 5px;
     /*border: 1px solid black;*/
 	 position: relative;
}

#toolbar #moffle-logo{
	height: 64px;
	margin-bottom: 5px;
}

#toolbar ul {
	padding: 0;
    margin: 0;	
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
	background:transparent url(/bangkokmap/icon/navmenu.png) repeat right top;
}

#toolbar li{
	display:inline;
	/*text-align:left;*/
	padding-top:0px;
	margin:0 0 0 10px;
	padding:0 0 0 8px;
	line-height:28px;
}

#toolbar ul li a {
    padding: 1px 1px;
  	color: #FFF;
    text-decoration: none;
    font-size: 12px;
}

#toolbar ul li a:hover {
     color: #aaa;
}

#toolbar form#q_form, #toolbar form#s_form {
	display: inline;
	right: 5px;
}

#sidebar ul {
 	font-family:"Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
 	font-size: 13px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 250px;
	border-bottom: 1px solid #ccc;
}

#sidebar ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
}

#sidebar ul li a:hover {
 	color: #0000FF;
}	

#sidebar .sidebar-list{
     list-style: none;
     margin: 1px;
	 overflow:auto;
	 height:75%;
     border: 1px solid #aaa;
}

#sidebar .sidebar-list li{
	 font-family:"Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
 	 font-size: 13px;
	 display: block;
     /*border: 1px solid #ddd;
     background: #eee;*/
	 clear:both;
	 border-top:1px solid #ddd;
	 border-bottom: 1px hidden;
	 padding:5px 20px;
}

#sidebar #venue-info{
	height: 120px;
}

#sidebar .sidebar-list li a{
    text-decoration: none;
}

#sidebar .sidebar-list li a:visited{
	color: #049;
	background-color:inherit;
}
	
#sidebar .sidebar-list li a:active{
	color: #72cf00;
	background-color:inherit;
}
	
#sidebar .sidebar-list li a:hover{
	color:#000;
	background-color:inherit;
}

#Hotels {
	background-color:#D8FFFF;
}

#Shopping {
	background-color:#FFD8FF;
}

#Restaurants {
	background-color:#CCFFBB;
}

#Transports {
	background-color:#F9E9CC;
}

#Attractions {
	background-color:#FFFFCC;
}