#field_info {
    position: relative;
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
    background-color: #FFFFFF;
    margin: auto;
    height: 750px;
    padding: 20px;
}

#field_menu {
    position: relative;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 20px;
    float: right;
    background-color: #FFFFFF;
}

.field_info_title {
	font-size: 22px;
	font-weight: 100;
	background-color: #66A6BD;
	color: #FFFFFF;
	line-height: 26px;
	padding: 10px 20px 10px 20px;
	margin-bottom: 20px;
}

#plant_data {
    visibility: hidden;
    padding: 20px;
}

.plant_data_title {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 20px;
    background-color: #FFFFFF;
}

.plant_data_data_table {
    border-collapse: collapse;
    border-style: outset;
    border-width: 2px;
    border-color: black;
    max-width: 800px;
}

.plant_data_data_table td {
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    padding: 2 5 2 5;
}

#storage_info {
    visibility: hidden;
    padding: 20px;
}

th {
    font-size: 14px;
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    padding: 2 5 2 5;

}

tr {
    background-color: white;
}

tr.tr1 {
    background-color: #E0E0FF;
}

#filter_button_title {
   font-size: 24px;
}

.filter_button {
    font-size: 12px;
}

#map {
    display: inline-block;
    position: relative;
    margin: 20; 
}

.map_image {
    position: absolute;
}

#info {
    float: right;
}

#bednos {
    position: absolute;
    opacity: 1;
    z-index: 3;
}

.bedno {
    position: absolute;
    width: 50px;
    font-size: 20px; 
    text-align: left;
    color: #308030; 
}

#bedlengths {
    visibility: hidden;
    position: absolute;
    opacity: 1;
    z-index: 2;
}

.bedlength {
    position: absolute;
    width: 16px;
    font-size: 16px; 
    text-align: left;
    color: blue; 
}

#plants {
    position: absolute;
    opacity: 1;
    z-index: 6;
}

.plant {
    position: absolute;
    width: 50px;
    font-size: 12px; 
    text-align: center;
    line-height: 12px;
    font-weight: 600;
    color: #000000; 
}
.plant_future {
    position: absolute;
    width: 50px;
    font-size: 12px; 
    text-align: center;
    line-height: 12px;
    font-weight: 600;
    color: #6060FF; 
    visibility: hidden;
}

#bed_edit {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
    z-index: 200;
    margin: 10px;
    padding: 20px;
    background-color: #B9E5B9;
    color: #081408;
    border: solid;
    border-width: 4px;
    border-color: #143414;
    font-size: 18px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
}

.bed_edit_headings {
    font-size: 14px;
}

#bed_edit_plantings {
    font-size: 14px;
}

.bed_edit_planting_instance {
    border: solid;
    border-width: 2px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #E3F5E3;
    line-height: 2;
    text-align: right;
}

#bed_edit_cancel {
    display: block;
    position: absolute;
	text-decoration: none;
    font-size: 14px;
    right: 10px;
    top: 5px;
    color: #888888;
}

#bed_edit_cancel:hover {
    color: #444444;
}

#bed_add_new_planting {
    display: block;
    text-decoration: none;
    text-align: right;
    font-size: 14px;
    right: 10px;
    top: 5px;
    color: #888888;
}

.bed_planting_edit_buttons {
    text-align: right;
    font-size: 14px;
    right: 10px;
    top: 5px;
    padding-right: 5px;
}

.bed_save_planting {
    text-decoration: none;
    color: #008000;
}

.bed_delete_planting {
    text-decoration: none;
    color: #800000;
}

#bed_add_new_planting:hover {
    color: #444444;
}