html { overflow: hidden; }

html, body {
     margin: 0;
     padding: 0;
     height: 100%;
     font: 12px, Helvetica, sans-serif;
}

body { margin: 10px; }

#content {
     margin-top: 10px;
     position: relative;
     height: 100%;
     width: 100%;
     margin-bottom: 15px;
     _position: absolute; /* Hack for IE6 */
}

#bottombar {
     background: white;
     padding: 4px;
     border: 0px solid #aaa;
     position: fixed;
     bottom: 0px;
     font: 12px Helvetica, sans-serif;
     height: 15px;
     left: 10px;
     right: 8px;
     _position: absolute; /* Hack for IE6 */
}


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

#map-wrapper {
     position: relative;
     height: 100%;
}

#sidebar {
     position: absolute;
     top: 0px;
     width: 290px;
     height: 100%;
     overflow: auto;
     left: 0px;
     font: Helvetica, sans-serif;
}

#searchPane {
    height: 190px;
    border: 1px solid #aaa;
    overflow: auto;
}

#results {
    height: 75%;
    border: 1px solid #aaa;
    overflow: auto;
}

#sidebar p {
     margin: 10px;
}

#route {
     position: absolute;
     border: 1px solid #aaa;
     top: 0;
     width: 240px;
     height: 100%;
     overflow: auto;
}

#route p {
    margin: 10px;
}

#results p {
     margin: 10px;
}

#route-data p {
    margin: 10px;
    font: Helvetica, sans-serif;
}

#startaddress p {
    margin: 10px;
}

#route-info p {
    margin: 10px;
}

body.geocoder-idle #sidebar #route #working { display: none; }
body.geocoder-busy #sidebar #route input { visibility: hidden; color: white; }

#levelofdetail  {
/*    top: 8px;
    left: 10px;
*/
    position: relative;
    font: Helvetica, sans-serif;
}

#results ul#results-list {
     list-style: none;
     padding: 4px;
     margin: 4px;
}

#results ul#results-list li a {
     display: block;
     border: 1px solid #ddd;
     background: #eee;
     margin: 5px;
     padding: 4px;
     font: 12px Helvetica, sans-serif;
     text-decoration: none;
     color: #444;
}

#results ul#results-list li.current a {
     border: 1px solid #444;
     border-left-width: 3px;
     padding-left: 2px;
}

#results ul#results-list li a:hover {
     background: white;
     color: #555;
}

#results ul#results-list li a strong {
     display: block;
}
#results ul#results-list li a span {
     font-style: italic;
     font-size: 11px;
}

#searchPane ul#findResults {
     list-style: none;
}

#searchPane ul#findResults li.current a {
     border: 1px solid #444;
     border-left-width: 3px;
     padding-left: 2px;
}

#searchPane ul#findResults li a:hover {
     background: white;
     color: #555;
}

#searchPane ul#findResults li a strong {
     display: block;
}

#searchPane ul#findResults li a span {
     font-style: italic;
     font-size: 11px;
}

body.sidebar-left #map-wrapper { margin-left: 300px; }
/*body.sidebar-left #sidebar { left: 0px; margin-left: 0px; }*/


body.nosidebar #map-wrapper { margin: 0; }
/*body.nosidebar #sidebar { display: none; } */

body.sidebar-left a#button-sidebar-show,
body.nosidebar a#button-sidebar-hide { display: none; }

body.route-right #map-wrapper { margin-right: 250px; }
body.route-right #route { right: 0; }
body.noroutebar #map-wrapper { margin-right: 0; }
body.noroutebar #route { display: none; }
body.route-right a#button-directions-show,
body.noroutebar a#button-directions-hide { display: none; }

#toolbar {
     background: white;
     padding: 4px;
     border: 1px solid black;
     position: relative;
}
/* holly hack for IE to get position:bottom right 
   see: http://www.positioniseverything.net/abs_relbugs.html
\*/
* html #toolbar { height: 85px; }
* html #bottombar { height: 15px; }
/* */

#toolbar {
     font: 12px Helvetica, sans-serif;
     height: 85px;
}

#toolbar h1 {
     margin: 0;
     font: bold 18px Helvetica, sans-serif;
}

#toolbar ul {
     list-style: none;
     padding: 0;
     margin: 0;
}

#toolbar ul#legend {
	position: absolute;
	top: 5px;
	left: 5px;
}

#toolbar ul#filter {
	position: absolute;
	bottom: 5px;
	left: 5px;
	visibility: hidden;
}

#toolbar ul#uprighttoolbar {
	position: absolute;
	top: 5px;
	right: 5px;
}

#toolbar #cuisines {
  position: absolute;
  right: 5px;
  bottom: 5px;
}

#toolbar ul#directions-controls {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

#filterlist ul li {
     display: inline;
}

#uprighttools ul li {
     display: inline;
}

#toolbar ul li a {
     padding: 3px 6px;
     color: #444;
     text-decoration: none;
     font: 12px Helvetica, sans-serif;
}

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

#route ul {
     list-style: none;
     padding: 0;
     margin: 10px;
}


#searchPane ul {
     list-style: none;
     padding: 0;
     margin: 0;
}

#searchPane ul li {
     display: inline;
}

#searchPane ul li a {
     padding: 3px 6px;
     color: #444;
     text-decoration: none;
     font: 12px Helvetica, sans-serif;
}

#alert {
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     text-align: center;   
     display: none;
}

#alert p {
     width: 150px;
     margin: 0 auto 0 auto;
     padding: 10px;
     background: white;
     border: 1px solid #aaa;
}

body.loading #alert { display: block; }