/* CSS Document */
body {
 background: #008837;
 font-family: Arial, Helvetica, sans-serif;
 color: #FFF;
 font-size: 1em;
 margin: 0px;
}
#ContentG a:link, #ContentG a:visited, #ContentG a:active {
 color: #FFF;
 font-weight: bold;
 text-decoration: none;
}
#ContentG a:hover {
 color: #FFF;
}
#Content a:link {
 color: #008837;
 font-weight: bold;
 text-decoration: none;
}
#Content a:visited {
 color: #008837;
 font-weight: bold;
}
#Content a:active {
 color: #008837;
 font-weight: bold;
}
#Header {
 background: #008837;
 width: 100%;
 text-align: right;
}
#Header p {
 display: inline-block;
 float: left;
 margin: 4px 0px 0px 0px;
 color: #FF0;
}
#Header ul {
 list-style-type: none;
 margin: 0px;
 padding: 12px 2% 8px 2%;
 z-index: +1;
}
#Header li {
 padding: 0px 1% 0px 1%;
 display: inline-block;
}
#Header li ul li {
 clear: both;
 display: inline-block;
 padding: 0px;
 margin: 5px -5.9px 5px 0px;
}
#Header li ul li a:before {
 content: "< ";
 color: #FF0;
}
#Header li ul li a:after {
 content: " >";
 color: #FF0;
}
#Header ul ul {
 background: #008837;
 display: none;
 text-align: center;
 position: absolute;
 top: 33px;
 right: 0px;
}
#Header li:hover > ul {
 display: block;
 margin-top: 0px;
}
#Header a {
 text-decoration: none;
 float: left;
 color: #FF0;
 padding: 2px 10px 0px 10px;
 display: inline-block;
}
#Header a:hover {
 color: #FFF;
}
.Logo {
 display: inline-block;
 margin: 0px 15px 0px 0px;
}
a.svg:after {
 content: ""; 
 position: absolute; 
 top: 0; 
 right: 0; 
 bottom: 0; 
 left: 0;
}
a.svg {
 position: relative;
 display: inline-block;
}
#MidMenu {
 text-align: right;
 margin: 0px;
 background: #000;
}
#MidMenu ul {
 list-style-type: none;
 margin: 0px;
 padding: 0px 8% 0px 8%;
}
#MidMenu li {
 background: #FF0;
 display: inline-block;
}
#MidMenu li a {
 display: block;
 padding: 2px 18px 4px 18px;
 text-align: right;
 color: #008837;
}
#MidMenu li a:hover {
 background: #008837;
 color: #FF0;
}
a {
 text-decoration: none;
}
img {
 border: 0px;
 padding: 5px;
}
h1 {
 font-size: 1.15em;
 font-weight: bold;
 text-align: left;
 background-color: #FF0;
 color: #008837;
 padding: 2px 5px 2px 5px;
 margin: 0px;
}
h2 {
 font-size: 1.0em;
 font-weight: bold;
 border-bottom: 1px solid #FF0;
 color: #FF0;
 background-color: #008837;
 padding: 2px;
 margin: -2px -3px 5px -3px;
}
fieldset {
 border: 0px;
 margin: -5px;
}
input, textarea {
 -webkit-appearance: none;
 -webkit-border-radius: 0;
}
.CanolaRow {
 border-left: 5px solid #FF0;
}
.WheatRow {
 border-left: 5px solid #F00;
}
.SoybeanRow {
 border-left: 5px solid #0FF;
}
.FlaxRow {
 border-left: 5px solid #00F;
}
.BarleyRow {
 border-left: 5px solid #90F;
}
.OatRow {
 border-left: 5px solid #F0F;
}
.PeaRow {
 border-left: 5px solid #0F0;
}
.TotalRow {
 border-left: 5px solid #000;
}
.DarkRow {
 background-color: #999;
}
.LightRow {
 background-color: #666;
}
.ErrorRow {
 background-color: #f00;
}
.HeeseRow {
 background-color: #8080ff;
}
.RodneyRow {
 background-color: #ff80ff;
}
.HilltopRow {
 background-color: #ff8080;
}
.CenterLabel {
 text-align: center;
 font-weight: bold;
 background: #008837;
 border-bottom: 2px solid #FF0;
}
textarea {
 width: 18.9em;
 height: 2.2em;
}
.Label {
 font-weight: bold;
 background: #008837;
 border-bottom: 2px solid #FF0;
}
.CancelButton a {
 background-color: #333;
 font-size: 1em;
 font-weight: bold;
 text-align: center;
 color: #FFF;
 border: 0px;
 padding: 4.5px;
 width: 100%;
}
.CancelButton:hover {
 background-color: #999;
 cursor: pointer;
}
.Button {
 background-color: #333;
 font-size: 1em;
 color: #FFF;
 border: 1px solid #666;
 padding: 0px;
 margin: 0px;
}
.ActiveButton {
 background-color: #999;
 font-size: 1em;
 color: #FFF;
 border: 1px solid #666;
 padding: 0px;
 margin: 0px;
}
.CalculateButton {
 background-color: #FF0;
 font-size: 1em;
 color: #008837;
 border: 0px;
 padding: 2px;
 margin-top: 1px;
 width: 100%;
}
.CalculateButton:hover, .ActiveButton:hover, .Button:hover {
 background-color: #008837;
 color: #FF0;
 cursor: pointer;
}
.HiddenButton {
 position: absolute;
 left: -1000000px;
}
#Content, #ContentG {
 background: #000;
 text-align: left;
 padding: 10px;
}
#Content table, #ContentG table {
 border-collapse: collapse;
 margin: 0px auto 5px auto;
}
#Content table td {
 padding: 1px 3px 1px 3px;
 vertical-align: top;
}
#ContentG table td {
 padding: 1px 3px 1px 3px;
}
#Content table table {
 border: 1px solid #333;
 width: 100%;
}
#ContentG table {
 border: 1px solid #333;
}
#ContentCentered {
 text-align: center;
 background: #000;
 clear: both;
}
#ContentCentered a {
 text-decoration: none;
}
table tr td a {
 display:block;
 height:100%;
 width:100%;
 background: red;
}
.LightBox,.DarkBox {
 width: 400px;
 height: 200px;
 margin: 10px 5px 0px 5px;
 display: inline-block;
}
.LightBox {
 background: #FF0;
 color: #008837;
}
.LightBox:hover {
 background: #008837;
 color: #FF0;
}
.DarkBox {
 background: #008837;
 color: #FF0;
}
.DarkBox:hover {
 background: #FF0;
 color: #008837;
}
.FloatText {
 font-family: Ubuntu, sans-serif;
 text-align: center;
 width: 150px;
 margin: 25px;
 float: left;
}
.LightBox img,.DarkBox img {
 padding: 0px;
 float: left;
}
.alignright, .AlignRight {
 text-align: right;
}
.aligncenter, .AlignCenter {
 text-align: center;
}
.shaded {
 background-color: #333;
}
#Footer {
 font-size: 1em;
 background-color: #008837;
 border-top: 3px solid #FF0;
 color: #FF0;
 text-align: center;
 padding: 2px 5px 2px 5px;
 margin: 0px;
}
#Footer p {
 margin: 0px;
}