body {margin: 10px auto; width: 960px; text-align: left; background-color: #efefef; }
#header {margin-left: 100px;}
#poiBox * { font-family: arial, sans-serif; font-size: 12px}
#poiBox {width: 750px; border: 1px solid #ddd; height: 500px; padding: 5px; background: #fff; margin: 0 auto}
#map {width: 69.8%; height: 100%; float: left; border: 1px solid #ddd;}
#sidebar {width: 29%; margin-left: .5%; float: right; height: 100%; background: #fff;  border: 1px solid #ddd; }
#poiList {margin: 0px; padding: 0px}
#poiList li {	list-style:none;text-indent: 0px; margin: 3px;  background: url(images/unchecked.png) 188px 6px no-repeat #ededed; height: 30px; line-height: 30px; font-weight: bold}
#poiList a {cursor:pointer; display: block; text-indent: 30px; line-height: 18px; height: 18px; padding: 5px 10px; border: 1px solid #ededed; font-weight: bold;}
#poiList a:hover {border: 1px solid #aaa}
.visibleLayer {	background: url(images/checked.png) 188px 6px  no-repeat #ededed !important; }
.gs-title {font-weight: bold}
.gs-sv-link {font-weight: bold; color: #009; text-decoration:underline; padding-left: 18px; background: url(images/sv.png) no-repeat left; margin-right: 3px}
.gs-dd-link {font-weight: bold; color: #009; text-decoration:underline; padding-left: 18px; background: url(images/directions.png) no-repeat left;}
.gs-customHTML {width: 350px !important;}
#mapLoading {width: 100px; height: 50px; border: 1px solid #999; position: absolute; background: #fff url(images/loading.gif) center center no-repeat;}
#infoBox {border-top: 2px solid #CCC; width: 100%;  background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); padding: 0px 0px}
#infoBoxClose {background: url(images/close.png) no-repeat; height: 16px; width: 16px; cursor: pointer;}
#infoBox h4 {margin: 4px 0px 4px 8px}
#infoBox p {margin: 0px 8px; font-size: .8em}
#svFrame {position: absolute; border: 2px solid #ccc; border-right: 7px solid #ccc; width: 90%; height: 70%; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); padding: 0px 0px;}
#svBox {width: 100%; height: 100%; margin: 0px; border: 2px solid #fff; border-top: 16px solid #fff; background: #fff url(images/loading.gif) center center no-repeat;}
#svBoxClose {background: url(images/close.png) no-repeat; height: 16px; width: 16px; cursor: pointer;}
#ddFrame {position: absolute; border: 2px solid #ccc; width: 90%; height: 70%; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); padding: 0px 0px;}
#ddBox {overflow-y: scroll; width: 97%; height: 92%; margin: 0px; border: 2px solid #fff; border-top: 16px solid #fff; background: #fff  center center no-repeat;}
#ddBoxClose {background: url(images/close.png) no-repeat; height: 16px; width: 16px; cursor: pointer;}
#ddBoxPrint {background: url(images/print.png) no-repeat; height: 16px; width: 26px;padding-left: 20px ;left: 4px !important; cursor: pointer; text-decoration: none; color: #66e}
#wikiLayer {display: block; width: 32px; height: 32px; background: #fff url(images/wiki.png) no-repeat center center; border: 1px solid #000; float: left; margin-left: 5px}
#photoLayer {display: block; width: 32px; height: 32px; background: #fff url(images/photo.png) no-repeat center center; border: 1px solid #000; float: left; margin-left: 5px}
#wikiLayer:hover {background: #ededed url(images/wiki.png) no-repeat center center;}
#photoLayer:hover {background: #ededed url(images/photo.png) no-repeat center center;}
#overlayControl {left: 25px; top: 6px}
#searchForm {display: block; float: left; margin-left: 5px; margin-top: -1px; padding-top: 0px}
#searchTxt {height: 24px; padding: 0px; border: 1px solid #000; width: 260px; padding-left: 5px;  font-weight: bold; margin-right: 3px; margin-bottom: 2px}
#searchButton {height: 26px; margin-top: -1px;}
#user {background-image: none !important}
#user form {background: url(../image/user.png) 0px -1px no-repeat; padding-left: 38px; padding-top: 4px; height: 24px; margin: 0px}
#userPOITxt {width: 123px}

#thai a {background: url(../image/thai.png) 0px -1px no-repeat}
#pizza a {background: url(../image/pizza.png) 0px -1px no-repeat}
#school a {background: url(../image/school.png) 0px -1px no-repeat}
#church a {background: url(../image/church.png) 0px -1px no-repeat}
#gym a {background: url(../image/gym.png) 0px -1px no-repeat}
#bank a {background: url(../image/bank.png) 0px -1px no-repeat}
#university a {background: url(../image/university.png) 0px -1px no-repeat}
#bread a {background: url(../image/bread.png) 0px -1px no-repeat}
#postal a {background: url(../image/postal.png) 0px -1px no-repeat}
#dentist a {background: url(../image/dentist.png) 0px -1px no-repeat}
#doctor a {background: url(../image/doctor.png) 0px -1px no-repeat}
#vet a {background: url(../image/vet.png) 0px -1px no-repeat}
#golf a {background: url(../image/golf.png) 0px -1px no-repeat}
#newsagent a {background: url(../image/newsagent.png) 0px -1px no-repeat}
#parking a {background: url(../image/parking.png) 0px -1px no-repeat}
#playground a {background: url(../image/playground.png) 0px -1px no-repeat}
#property a {background: url(../image/home.png) 0px -1px no-repeat}
#photo a {background: url(../image/photo.png) 0px -1px no-repeat}