/*Main Display Elements */
#poiBox * { font-family: arial, sans-serif; font-size: 12px}
#poiBox {width: 100%; border: 4px solid #ddd; height: 500px; padding: 0px; background: #efefef; margin: 0 auto;}
#map {width: 100%; height: 100%; float: left; border: 0px solid #ddd; overflow: hidden; margin-right: -0px; position: relative; left: 0px !important}
#sidebar {display: block; width: 55px; right: 0px; float: right; height: 100%; background: #fff;  border: 0px solid #ddd; position: relative; ;overflow:auto; overflow-x: hidden; overflow-y; scroll;margin-bottom: -500px; z-index: 30; box-shadow: -1px 1px 3px -1px #000;}

/* Category List */
#poiList {margin: 0px; padding: 0px; width: 230px}
#poiList li {list-style:none;text-indent: 0px; margin: 3px;  background-image: url(../img/unchecked.png) ; background-position: 188px 6px; background-repeat:  no-repeat; background-color: #ffffff; height: 30px; line-height: 30px; font-weight: bold; padding: 0px}
#poiList a {background-position: -0px -12px !important; cursor:pointer; display: block; line-height: 18px; height: 18px; padding: 5px 10px 5px 40px; border: 1px solid #ededed; font-weight: bold; overflow: hidden}
#poiList a:hover {border: 1px solid #aaa}

/* Checked Category */
.visibleLayer {	background-image: url(../img/checked.png)  !important; background-position: 188px 6px; background-repeat:  no-repeat; background-color: #ededed !important;   -moz-border-radius: .6em;   -webkit-border-radius: .6em;   border-radius: .6em; }
.zeroResults{	background-image: url(../img/zero.png) !important;}

/* Category List Hide / Show */
#listToggle {display: block; height: 24px; line-height: 24px; font-weight: bold; padding-left: 40px;}
.listVisible {background: url(../img/collapseIcon.png) top left no-repeat}
.listHidden {background: url(../img/expandIcon.png) top left no-repeat}

/* Info Window Bubble */
.gs-result {width: auto; height: auto;}
.gs-title {font-weight: bold; margin-bottom: 5px;}
.gs-sv-link {font-weight: bold; color: #009; text-decoration:underline; padding-left: 18px; background: url(../img/sv.png) no-repeat left; margin-right: 3px}
.gs-dd-link {font-weight: bold; color: #009; text-decoration:underline; padding-left: 18px; background: url(../img/directions.png) no-repeat left;}
.gs-customHTML {width: 200px}
.gs-rating-5 {display: block; width: 60px; height: 13px; background: url(../img/5-star.png) top center no-repeat; margin: 3px 0px}
.gs-rating-4 {display: block; width: 60px; height: 13px; background: url(../img/4-star.png) top center no-repeat; margin: 3px 0px}
.gs-rating-3 {display: block; width: 60px; height: 13px; background: url(../img/3-star.png) top center no-repeat; margin: 3px 0px}
.gs-rating-2 {display: block; width: 60px; height: 13px; background: url(../img/2-star.png) top center no-repeat; margin: 3px 0px}
.gs-rating-1 {display: block; width: 60px; height: 13px; background: url(../img/1-star.png) top center no-repeat; margin: 3px 0px}
.gs-rating-0 {display: block; width: 60px; height: 13px; background: url(../img/0-star.png) top center no-repeat; margin: 3px 0px}
.gs-photo {margin: 5px auto}

/* Loading Spinner */
#mapLoading {
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
-moz-border-radius: .6em;
-webkit-border-radius: .6em;
border-radius: .6em;
width: 50px; height: 50px; border: 1px solid #ccc;
 position: relative; background: #fff url(../img/loading.gif) center center no-repeat;}

/* Information Box */ 
#infoBox {border-top: 2px solid #CCC; width: 95%;  background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); padding: 0px 0px; height: 60px;}
#infoBoxClose {background: url(../img/close.png) no-repeat; height: 16px; width: 16px; cursor: pointer; }
#infoBox h4 {margin: 5px 0px 4px 24px}
#infoBox p {margin: 0px 8px; font-size: .8em}

/* Street View Box */
#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; z-index: 40}
#svBox {width: 100%; height: 100%; margin: 0px; border: 2px solid #fff; border-top: 16px solid #fff; background: #fff url(../img/loading.gif) center center no-repeat;}
#svBoxClose {background: url(../img/close.png) no-repeat; height: 16px; width: 16px; cursor: pointer;}

/* Directions Box */
#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; z-index: 40}
#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(../img/close.png) no-repeat; height: 16px; width: 16px; cursor: pointer;}
#ddBoxPrint {background: url(../img/print.png) no-repeat; height: 16px; width: 26px;padding-left: 20px ;left: 4px !important; cursor: pointer; text-decoration: none; color: #66e}

/* Top Controls */
#overlayControl {left: 40px; top: 10px}
#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; box-shadow: 1px 1px 3px -1px #444;}
#searchButton {height: 26px; margin-top: -1px; box-shadow: 1px 1px 3px -1px #444;}
#geoTarget {display: block; width: 26px; height: 26px; background: url(../img/geotarget.png) no-repeat;cursor: pointer; position: absolute; left: 320px; top: -2px}
#directionsControl{padding: 3px; margin-left: 10px; font-weight: bold; margin-top: -2px; border: 1px solid #888; box-shadow: 1px 1px 3px -1px #444;}


/* User Category Search Form */
#user {background-image: none !important}
#user form {background: url(../img/icons/menu/user.png) 0px -12px no-repeat; padding-left: 38px; padding-top: 4px; height: 24px; margin: 0px}
#userPOITxt {width: 123px}

/* Category List Icons */
#thai a {background: url(../img/icons/menu/thai.png) 0px -1px no-repeat}
#pizza a {background: url(../img/icons/menu/pizza.png) 0px -1px no-repeat}
#school a {background: url(../img/icons/menu/school.png) 0px -1px no-repeat}
#church a {background: url(../img/icons/menu/church.png) 0px -1px no-repeat}
#gym a {background: url(../img/icons/menu/gym.png) 0px -1px no-repeat}
#bank a {background: url(../img/icons/menu/bank.png) 0px -1px no-repeat}
#university a {background: url(../img/icons/menu/university.png) 0px -1px no-repeat}
#computers a {background: url(../img/icons/menu/computers.png) 0px -1px no-repeat}
#bread a {background: url(../img/icons/menu/bread.png) 0px -1px no-repeat}
#police a {background: url(../img/icons/menu/police.png) 0px -1px no-repeat}
#postal a {background: url(../img/icons/menu/postal.png) 0px -1px no-repeat}
#dentist a {background: url(../img/icons/menu/dentist.png) 0px -1px no-repeat}
#doctor a {background: url(../img/icons/menu/doctor.png) 0px -1px no-repeat}
#vet a {background: url(../img/icons/menu/vet.png) 0px -1px no-repeat}
#golf a {background: url(../img/icons/menu/golf.png) 0px -1px no-repeat}
#newsagent a {background: url(../img/icons/menu/newsagent.png) 0px -1px no-repeat}
#parking a {background: url(../img/icons/menu/parking.png) 0px -1px no-repeat}
#playground a {background: url(../img/icons/menu/playground.png) 0px -1px no-repeat}
#property a {background: url(../img/icons/menu/home.png) 0px -1px no-repeat}
#photo a {background: url(../img/icons/menu/photo.png) 0px -1px no-repeat}