/*Main Display Elements */
#poiBox * { font-family: arial, sans-serif; font-size: 12px}
#poiBox {width: 641px; 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; margin-left: 0px; float: right; height: 100%; background: #fff;  border: 0px solid #ddd; position: relative; ;overflow:auto; overflow-x: hidden; overflow-y; scroll;margin-bottom: -100%; 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: url(images/unchecked.png) 188px 6px no-repeat; height: 30px; line-height: 30px; font-weight: bold;}
#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: url(images/checked.png) 188px 6px  no-repeat #ededed !important;   -moz-border-radius: .6em;   -webkit-border-radius: .6em;   border-radius: .6em; }

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

/* Info Window Bubble */
.gs-result {width: 200px; height: 100px; display: block}
.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: 200px}

/* 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(images/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; display:none;}
#infoBoxClose {background: url(images/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(images/loading.gif) center center no-repeat;}
#svBoxClose {background: url(images/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(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}

/* 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(images/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(http://1999aos.com/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(http://1999aos.com/icons/menu/thai.png) 0px -1px no-repeat}
#pizza a {background: url(http://1999aos.com/icons/menu/pizza.png) 0px -1px no-repeat}
#school a {background: url(http://1999aos.com/icons/menu/school.png) 0px -1px no-repeat}
#church a {background: url(http://1999aos.com/icons/menu/church.png) 0px -1px no-repeat}
#gym a {background: url(http://1999aos.com/icons/menu/gym.png) 0px -1px no-repeat}
#bank a {background: url(http://1999aos.com/icons/menu/bank.png) 0px -1px no-repeat}
#university a {background: url(http://1999aos.com/icons/menu/university.png) 0px -1px no-repeat}
#computers a {background: url(http://1999aos.com/icons/menu/computers.png) 0px -1px no-repeat}
#bread a {background: url(http://1999aos.com/icons/menu/bread.png) 0px -1px no-repeat}
#police a {background: url(http://1999aos.com/icons/menu/police.png) 0px -1px no-repeat}
#postal a {background: url(http://1999aos.com/icons/menu/postal.png) 0px -1px no-repeat}
#dentist a {background: url(http://1999aos.com/icons/menu/dentist.png) 0px -1px no-repeat}
#doctor a {background: url(http://1999aos.com/icons/menu/doctor.png) 0px -1px no-repeat}
#vet a {background: url(http://1999aos.com/icons/menu/vet.png) 0px -1px no-repeat}
#golf a {background: url(http://1999aos.com/icons/menu/golf.png) 0px -1px no-repeat}
#newsagent a {background: url(http://1999aos.com/icons/menu/newsagent.png) 0px -1px no-repeat}
#parking a {background: url(http://1999aos.com/icons/menu/parking.png) 0px -1px no-repeat}
#playground a {background: url(http://1999aos.com/icons/menu/playground.png) 0px -1px no-repeat}
#property a {background: url(http://1999aos.com/icons/menu/home.png) 0px -1px no-repeat}
#photo a {background: url(http://1999aos.com/icons/menu/photo.png) 0px -1px no-repeat}

#mapsContent {
    position: relative;
    top: 540px;
    bottom: 0;
}
#mapsContent h3 {
    margin: 10px 4px 25px 4px;
    font-size: 20px;
    color: #666666;
    background: url('../images/amenities_title.png') no-repeat;
    width: 676px;
    height: 35px;
    overflow: hidden;
}
#mapsContent h3 span {
    padding-top: 18px;
    display: block;
}
#categories {
    float: left;
    width: 100%;
}
#categories ul {
    list-style: none;
}
#categories a {
    float: left;
    height: 63px;
    margin: 1px 1px 0 1px;
}
#categories a.active, #categories a:hover {
    border: 1px solid #fff;
    border-bottom: 0;
    height: 62px;
    margin: 0;
}
#categories #cat1 a { margin-left: 4px; width: 238px; background: url('../images/cat_01.png') no-repeat; }
#categories #cat2 a { width: 141px; background: url('../images/cat_02.png') no-repeat; }
#categories #cat3 a { width: 153px; background: url('../images/cat_03.png') no-repeat; }
#categories #cat4 a { width: 125px; background: url('../images/cat_04.png') no-repeat; }
#categories #cat5 a { width: 135px; background: url('../images/cat_05.png') no-repeat; }
#categories #cat6 a { width: 192px; background: url('../images/cat_06.png') no-repeat; }

#map {
    width: 641px;
    height: 500px;
}
#sidebarMap {
    float: left;
    margin: 0 4px 20px 4px;
    width: 943px;
    max-height: 1250px;
    overflow: hidden;
    border: 1px solid #fff;
    padding: 20px 25px 40px 25px;
}
.sidebar_item {
    cursor: pointer;
    margin-left: 20px;
    padding-left: 30px;
    padding-top: 3px;
    height: 25px;
    width: 300px;
}

#sidebarMap_one, #sidebarMap_two, #sidebarMap_thre {
    float: left;
    width: 310px;
}

.sidebar_item span {
    display: block;
    font-size: 12px;
    margin: 10px 0;
    color: #666;
}