/* defines dimensions */
html { height: 98%; margin:0px; }
body { height: 100%;
margin:0px 0px 0px 8%;
width: 84%; }
#map { height: 50%;
background-image:url(img/ajax-loader.gif);
background-position: center 130px;
background-repeat: no-repeat; }
#mapLoading { font: 2em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
color: #99CC33;
width: 100%;
text-align: center;
padding: 50px 0px; }
img { border: 0px; }
/* anchors */
a { color:#99CC33; text-decoration: none; }
a:visited { color:#99CC33; text-decoration: none; }
a:hover { color:#55AA33; text-decoration: none; }
a.download { padding-left: 10px;
background: url(img/down.gif) no-repeat center left;}
a.gmaps { color:#99CC33;
padding-left: 12px;
background: url(img/gmaps.gif) no-repeat center left; }
a.gmaps:hover { color: #55AA33; border-bottom: 1px solid #55AA33; }
.footer { margin-top: 16px;
color: #99CC33;
font: 8px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; }
.footer a { color:#55AA33; font-weight: bold; }
.footer a:hover { color: #99CC33; border-bottom: 1px solid #99CC33; }
/* header */
#top { margin: 0px 0px 4px 0px;
width: 100%;
padding: 2px 0px 2px 0px;
border-bottom: 6px solid #99CC33;
background-color: #EFFFEE;
color: #99CC33;
font: 1.4em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; }
#title { margin: 4px 0px;
vertical-align: bottom; }
#iconParco { border:0px; }
#mapOptions { display: none;
float: right;
padding: 0px;
margin: 12px 8px 0px 0px;
font: .6em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; }
#mapOptions select { color: gray; vertical-align: bottom; }
#icon { border: 0px; margin-left: 4px; vertical-align:bottom; }
/* infoWindow content */
.bubbleTitle { font: 1.1em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
margin-bottom: 4px; }
.bubbleTitle a { color: #55AA33; }
.bubbleTitle a:hover { color: #99CC33; }
.bubbleText { color: #999; }
.bubbleTags { color: #999; font-size: 0.8em; }
.placeInfo { font-size: 0.6em; color: #99CC33; }
.thumb { text-align: center; }
.thumb img { border: 0px; padding: 2px; }
/* Content below the map */
#content { margin-top:8px; padding:0px; }
#main { margin: 0px;
width: 72%; }
#noResults { font-size: 1.4em; font-weight: bold; padding: 25px 0px; }
#results { display: none;
font-weight: bold;
font: 0.8em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
color: #99CC33; }
#results div { margin-bottom: 0.4em; }
#results ol { list-style-type: none;
margin: 0px;
padding: 0px;
font-weight: bold;
font-size: 1.2em; }
li.res { margin: 0px 0px 0px 0px;
padding: 3px 6px 2px 0px;
border-bottom: 3px solid #FFF;
cursor:pointer;
-moz-border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px; }
li.rHover { color: #FF731F;
background-color: #FFFFEE;
border-bottom: 3px solid #FF731F; }
li.res:hover { color: #FF731F;
background-color: #FFFFEE;
border-bottom: 3px solid #FF731F; }
.resultPin { margin: 0px 0.1em;
float: right;
color: #FF731F;
width: 1em;
padding: 0px; }
#init { font-weight: bold;
font: 1.4em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
color: #99CC33; }
#loading { display: none;
font-weight: bold;
font: 1.4em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
color: #99CC33;
padding-top: 20px;
text-align: center;
background-image: url(img/ajax-loader.gif);
background-position: center center;
background-repeat: no-repeat;
height: 100px; }
#init h3 { color: #FF731F;
padding: 0px;
margin: 0px 0px 0.6em 0px; }
#pageCtrl { text-align: center;margin-top:2px; }
/* search box */
#controls { color: #99CC33;
padding: 0px;
margin-bottom: 0.4em; }
#controls form { display: inline; }
#controls input select { margin-bottom: 4px; }
#q { color: #999;font-size:16px;vertical-align:bottom; }
#numResults { float: right; padding: 4px; }
.h { color: #FF731F; font-weight: bold; }
.searchBtn { border:0px;
height:24px;
width:24px;
vertical-align:bottom;
padding:2px 0px; }
/* Sidebar content */
#sidebar { float: right;
width: 26%;
padding: 0px;
margin: 0px;
overflow-x: hidden;
overflow-y: visible; }
.leafBox { -moz-border-radius: 12px 0px 12px 0px;
-webkit-border-bottom-left-radius: 12px;
border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
border-top-right-radius: 12px; }
#filters { display: none;
color: #FF731F;
padding: 0.4em 8px;
margin-bottom: 6px;
border: 4px solid #FFBB55;
background-color: #FFFFEE; }
#info { display: none;
color: #555;
padding: 0.2em 8px;
background-color: #FCFCFC;
cursor:pointer;
border: 4px solid #DDD; }
#info:hover { background-color: #EEE; }
#photo { display: none;
color: #99CC33;
height: 74px;
overflow: hidden;
padding: 0.2em 8px;
margin-bottom: 6px;
border: 4px solid #DF9;
background-color: #EFFFEE;
text-align: center;
cursor: pointer; }
#photo img { margin: 4px 4px 0px 0px;
border: 2px solid #EEFFAA;
width: 60px;
height: 60px;
padding: 2px;
vertical-align: top; }
/* autocomplete list */
.ac_results {
color: #99CC33;
padding: 0px;
border: 1px solid #99CC33;
background-color: white;
overflow: hidden;
z-index: 99999;
}
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: default;
display: block;
/*
if width will be 100% horizontal scrollbar will apear
when scroll mode will be used
*/
/*width: 100%;*/
font: menu;
font-size: 12px;
/*
it is very important, if line-height not setted or setted
in relative units scroll will be broken in firefox
*/
line-height: 16px;
overflow: hidden;
}
.ac_loading {}
.ac_odd {
background-color: #EFFFEE;
}
.ac_over {
background-color: #99CC33;
color: white;
}