body {
 font-family: "Lucida Grande", Helvetica, sans-serif;
 font-size: 80%;
 background: #fff;
 width: 1020px;
 margin: 0px auto;
}

#container {
margin: 20px 20px;
}

fieldset {
border: 0.5px solid #EDEDED;
padding: 6px 3px;
}

#content {
margin: 10px 0px;
}

#content #selector {
margin: 5px 0px;
}

#content #selector em {
float: right;
font-size: 19px;
line-height: 24px;
font-weight: bold;
margin: 15px 0px;
}

#content #selector h2 {
float: left;
font-size: 19px;
line-height: 24px
font-weight: bold;
margin: 15px 0px;
}

#content ul#panel {
float: left;
width: 175px;
padding: 20px;
margin: 0px;
padding: 0px;
list-style: none;
}

#content ul#panel li {
padding: 5px 10px;
margin: 2px 0px;
border: 0px;
}

#content ul#panel li ul {
padding: 5px; 
margin: 2px 0px;
border: 0px;
list-style: none;
}

#content ul#panel li ul li {
padding: 5px 10px;
margin: 2px 0px;
border: 0px;
}

#content ul#panel li a {
text-decoration: none;
}

#content ul#panel li a:hover {
text-decoration: underline;
}

#content #display {
float: right;
width: 800px;
position: relative;
}

.clear {
clear: both;
height: 1px;
}

#map_search {
width: 940px;
margin: 50px auto;
}

#map_search form {
display: block;
float: left;
width: 180px;
}

#map_search #map_canvas {
display: block;
float: right;
width:750px;
height:480px; 
margin:1px;
border:1px solid #989898;
}

#status {
margin: 3px 0px;
padding: 3px 0px;
border-top: 1px solid #EDEDED;
border-bottom: 1px solid #EDEDED;
}

#status #status_left {float: left}
#status #status_right {float: right}

.centered {text-align: center}

table.overview {
border: 1px;
font-size: 105%;
border-spacing: 5px;
margin-bottom: 20px;
width: 360px;
}

table.overview caption {
font-weight: bold;
font-size: 120%;
}

table.overview td {
font-weight: normal;
}

table.overview td+td {
font-weight: bold;
text-align: right;
}

table#point {
border: 1px;
border-spacing: 5px;
}

table#point td {
font-weight: normal;
}

table#point td+td {
font-weight: bold;
}

table, th, td {
border: 0px solid #EDEDED;
}

td {padding: 2px 5px}
td.nowrap {white-space: nowrap}
td.measured_value {white-space: nowrap; text-align: right; padding-right: 10px}

caption {
margin: 10px;
}

table#set {
width: 800px;
border-collapse:collapse;
}

table#measures, table#protection, table#pests, table#set, table#fertilising, table#infection {
margin-top: 20px;
width: 100%;
}

table.sonda {
margin: 20px 0px;
width: 400px;
}

table.sonda caption {
margin: 20px 0px 0px 0px;
padding: 5px;
font-weight: bold;
}

fieldset.field_area {
margin: 5px;
padding: 5px;
border: 1px solid #EDEDED;
clear: both;
}

fieldset.field_area div.field_set {
margin: 10px 5px;
}

fieldset.field_area div.field_set + div.field_set {
margin-top: 5px;
padding-top: 5px;
}

fieldset.field_area div.element + div.element {
margin-top: 5px;
}

fieldset.field_area div.field_set input[type=text] + input[type=submit] {
margin-left: 5px;
}

fieldset.field_area div.field_set label  {
display: block;
width: 250px;
clear: left;
float: left;
}

fieldset.field_area div.field_set select, fieldset.field_area div.field_set input  {
vertical-align: top;
}

fieldset.field_area div.field_set span.unit  {
font-size: 90%;
font-style: italic;
}

fieldset.field_area div.field_set span.protection_dispensing  {
font-size: 90%;
font-style: italic;
margin-left: 10px;
}

fieldset.field_area div.field_set span.sublabel  {
font-size: 90%;
font-style: italic;
margin-left: 10px;
}

div.field_buttons {
clear: left;
margin: 20px 10px;
}

div.field_buttons input[type=submit] + input[type=submit] {
margin-left: 5px;
}

table.tables {
float: left;
margin-right: 10px;
border: 1px solid #EDEDED;
}

table.infection {
width: 250px;
margin: 10px 0px 15px 0px;
border: 1px solid #EDEDED;
}

.clear {
height: 1px;
clear: both;
}

table.fieldset {
margin: 0px 0px 20px 0px;
width: 500px;
}

table.fieldset td {
width: 150px;
}

table.fieldset td+td {
width: auto;
}

div.field_set input + select {
margin-left: 5px;
}

div.field_set input.value {
text-align: right;
}

.formular {
margin: 10px 0px;
}

.formular .buttons {
margin-top: 10px;
}

.formular input {
width: 200px;
}

.formular input.checkbox, .formular input.radio {
width: auto;
}

.formular select {
width: 220px;
}

.formular input.long {
width: 285px;
}

.formular input.short {
width: 80px;
}

table#items {
width: 800px;
border: 1px solid #EDEDED;
border-spacing: 1px;
}

table#items td {
border: 1px solid #EDEDED;
padding: 2px;
}

table#components, table#history {
width: 800px;
border: 1px solid #EDEDED;
border-spacing: 1px;
}

table#components td, table#history td {
border: 1px solid #EDEDED;
padding: 2px;
}

table#history caption {
font-size: 115%;
margin: 10px 0px;
text-align: left;
}

table#dispensing, table#component-items, table#inventory {
width: 500px;
border: 1px solid #EDEDED;
border-spacing: 1px;
}

table#dispensing td, table#component-items td, table#inventory td {
width: 50%;
border: 1px solid #EDEDED;
padding: 2px;
}

table#inventory td {
width: 80%;
border: 1px solid #EDEDED;
padding: 2px;
}

table#inventory td + td {
width: 20%;
border: 1px solid #EDEDED;
text-align: right;
padding: 2px;
}

table.no-border {border: 0px;}

table.no-border th, table.no-border td {border: 0px;}

#graphs {
margin: 20px 2px 10px 2px;
padding: 1px;
border: 1px solid #EDEDED;
}

#graphs .graph {
margin: 0px;
padding: 0px;
}

ol#menu, ul#menu {
margin: 0px;
display: block;
height: 80px;
}

ol#menu li, ul#menu li {
float: left;
display: block;
width: 120px;
margin: 5px 10px 5px 0px;
padding: 5px;
line-height: 16px;
text-align: center;
border: 1px solid #EDEDED;
}

ol#menu li a, ul#menu li a {
text-decoration: none;
}

ol#menu li a:hover, ul#menu li a:hover {
text-decoration: underline;
}

ol#menu li.active, ul#menu li.active {
border: 2px solid #BDBDBD;
}

table#year-selector {
margin: 10px auto;
border: 0px;
border-spacing: 5px 10px;
}

#forecast-container {
margin: 2px;
padding: 5px;
border: 1px solid #EDEDED;
min-height: 316px;
}

#forecast-container img.loader {
margin: 150px 384px;
}

#radar-container {
text-align: center;
}

#slidenavig {
margin: 5px 0px;
width: 750px;
text-align: left;
}

#slidenavig a {
display: inline-block;
width: 25px;
margin: 2px 1px;
padding: 1px;
text-align: center;
border: 0.5px solid #EDEDED;
}

#slidenavig a.activeSlide {
background-color: #BDBDBD;
}

#animation {
text-align: center;
}

table.forecast td, table.forecast th  {
width: 75px;
text-align: right;
font-size: 85%;
white-space: nowrap;
}

table.forecast td.line, table.forecast th.line  {
width: 75px;
text-align: left;
}