/**
 * General styles
 */
#content{background-image:none;} /* to remove faux columns effect */
#main{width:588px;} /* display inline fixes double margin bug in ie6 */
#palmoilMap{margin:20px 0 0 0; }
#palmoilMap #placeSearch{width:218px; float:right; height:340px; padding:5px; border:1px solid #e1e1e1}
#palmoilMap #placeSearch #results{margin:0px; height:255px; overflow:scroll; border:1px solid #f1f1f1; padding:5px 0 5px 0}
#palmoilMap .loading{background:url(../img/loader.gif) no-repeat 50% 50%;}
#palmoilMap #placeSearch #results ul{margin:0;padding:0}
#palmoilMap #placeSearch #results ul li{list-style:none}
#palmoilMap #placeSearch #results ul li a{font-size:9px}
#palmoilMap #map{width:350px;height:350px; margin-bottom:20px; float:left}
#palmoilMap #mapCanvas{width:350px;height:350px;}
#palmoilMap #thumbsContainer{float:left; margin-top:0px; width:586px; border:1px solid #e1e1e1; height:300px}
#palmoilMap #thumbsContainer #thumbs{float:left; margin-top:0px; width:496px; height:300px; margin-left:10px; margin-right:10px}
#palmoilMap #thumbsContainer #thumbs p{width:496px; text-align:center; margin-top:140px}
#palmoilMap #thumbsContainer #thumbs .imageFrame{width:100px; height:75px; padding:5px; border:1px solid #e1e1e1; text-align:center; margin:5px; float:left}
#palmoilMap #thumbsContainer #thumbs .imageFrame a,
#palmoilMap #thumbsContainer #thumbs .imageFrame a:active,
#palmoilMap #thumbsContainer #thumbs .imageFrame a:visited,
#palmoilMap #thumbsContainer #thumbs .imageFrame a:link,
#palmoilMap #thumbsContainer #thumbs .imageFrame a:hover{border:0px; border-bottom:0px}
#palmoilMap #thumbsContainer #thumbs .imageFrame a img,
#palmoilMap #thumbsContainer #thumbs .imageFrame a:active img,
#palmoilMap #thumbsContainer #thumbs .imageFrame a:visited img,
#palmoilMap #thumbsContainer #thumbs .imageFrame a:link img,
#palmoilMap #thumbsContainer #thumbs .imageFrame a:hover img{max-height:75px; max-width:100px; border:0px}
#palmoilMap #thumbsContainer #prev{float:left; width:35px; margin-top:20px; margin-left:0}
#palmoilMap #thumbsContainer #next{float:left; width:35px; margin-top:20px; margin-left:0}
#palmoilMap #thumbsContainer #prev a{display:block; width:35px; height:270px; background:url(../img/arrow_left.gif) no-repeat; text-indent:-50000; overflow:hidden; outline:none; border:0}
#palmoilMap #thumbsContainer #next a{display:block; width:35px; height:270px; background:url(../img/arrow_right.gif) no-repeat; text-indent:-50000; overflow:hidden; outline:none; border:0}
#palmoilMap #thumbsContainer #prev a span{display:none}
#palmoilMap #thumbsContainer #next a span{display:none}
#palmoilMap #thumbsContainer #prev.thumbsControlInactive a { background:url(../img/arrow_left_inactive.gif) no-repeat; }
#palmoilMap #thumbsContainer #next.thumbsControlInactive a { background:url(../img/arrow_right_inactive.gif) no-repeat; }
#palmoilMap #thumbsContainer a:hover { cursor: hand }
#palmoilMap #thumbsContainer a:focus { outline: none }
#palmoilMap #paging{text-align:center; float:left; width:586px}
#palmoilMap #dateFilter{margin:0 0 10px 0; float:left; width:500px}