fieldset {
  font-family: arial;
  border: 0px;
  }
label {
  float:left;
  width:20%;
  margin-right:0.5em;
  text-align:right;
  font-family: arial;
  font-weight:bold;
  }
.frmele { clear: both; }

.formbox { width: 90%;
           margin-left: 2%;
           border-bottom: 1px #000000 solid;
           }

#flower, #fruit { width: 60%; }

.weeditem { position: relative;
            top: 0px;
            left: 0px;
            width: 100%;
            margin-bottom: 20px;
            height: auto;
            display: table;
            background: rgba(76,157,47, 0.04);
            border-bottom: rgba(76,157,47, 0.5) 1px solid;
         }
.weedimg { position: absolute;
           top: 0px;
           left: 0px;
           width: 25%;
           background-color: transparent;
           padding: 0.5%;
           vertical-align: top;
           text-align: justify;
           display: table-cell;
           }
.weeddetail { position: absolute;
           top: 0px;
           left: 0px;
           width: 73%;
           background-color: transparent;
           padding: 0.5%;
           vertical-align: top;
           text-align: justify;
           display: table-cell;
           font-size: 0.95em;
           font-family: arial, verdana, sans-serif;
           }
.weedfld { width: 12%; font-weight: bold; padding-right: 1%; margin-top: 8px; font-size: 1.1em; float: left; }
.weedinfo { width: 85%; padding-bottom: 4px; padding-right: 2%; float: left; }
.weedname { font-weight: bold; font-size: 1.2em; }
.moreweed { color: #0000ff; font-weight: bold; cursor: pointer; }
.moreweed:hover { color: #ff0000; }

.noxious { font-weight: bold; color: #ff0000; margin-top: 8px; }

ul.natweed { list-style: none; height: auto; background: transparent; margin-left: auto; margin-right: auto; padding: 0px; }
ul.natweed li { float: left; width: 30%; background: #eeeeee; text-align: center; }

#selweed { background: transparent; margin-bottom: 20px; }

.selweedbtn { background: rgba(76,157,47, 0.2);
              border: 1px #000000 solid;
              color: #000;
              font-size: 0.9em;
              font-weight: bold;
              letter-spacing: 2px;
              padding: 1px 4px 1px 10px;
              cursor:pointer;
              margin-right: 4px;
              -webkit-border-radius: 5px;
              border-radius: 5px;
            }
.selweedbtn:hover { background: rgba(76,157,47, 0.04); }


a.radio {
    border: 1px #aaaaaa solid;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 30px;
    font-size: 0.8em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
a.radio:hover { border: 1px #000000 solid; }
a.border { border: 1px #000000 solid; box-shadow: 0px 0px 4px 1px #000000; }

input[type=submit] { background: #3D7DCA;
                     border: 1px #000000 solid;
                     color: #ffffff;
                     font-weight: bold;
                     letter-spacing: 2px;
                     padding: 6px 20px 6px 20px;
                     margin-top: 20px;
                     cursor:pointer;
                     -webkit-border-radius: 5px;
                     border-radius: 5px;
                   }
input[type=submit]:hover { background: #E18533; }

.shape { width: 140px;
       height: 84px;
     }
.serate { width: 98px;
       height: 99px;
     }
.branch { width: 100px;
       height: 100px;
     }
.col { width: 80px;
       height: 60px;
     }
.atext { font-weight: bold; line-height: 2em; }

.red { color: #ffffff; background: #ff0000; }
.yellow { color: #000000; background: #ffff00; }
.orange { color: #000000; background: #ffa500; }
.black { color: #ffffff; background: #000000; }
.blue { color: #ffffff; background: #0000ff; }
.purple { color: #ffffff; background: #8a2be2; }
.pink { color: #ffffff; background: #ff69b4; }
.green { color: #ffffff; background: #008000; }
.brown { color: #ffffff; background: #a52a2a; }
.white { color: #000000; background: #ffffff; border: 1px #000000 solid; }