﻿/***************************************************/
/** HYBRID CHARTS/RATINGS
/***************************************************/

div.graph_container_corn, div.graph_container_soybean, div.graph_container_leafy,
div.graph_container_sunflower, div.graph_container_canola, div.graph_container_alfalfa,
div.graph_container_sorghum
{
    width: 225px;
    float: left;
    margin: 0 12px 25px 0;
}
.new_hybrid
{
    font-family: Arial;
    font-weight: bold;
    display: block;
    text-align: right;
}
div.variety_header { padding: 5px 5px 3px 10px; clear: both; font-family: Arial;}
div.variety_header .title { font-size: 12.5pt; } div.variety_header .title strong { font-size: 13pt; }
div.variety_header .maturity
{ width: 35px; margin-top: 11px; float: right; text-align: right; font-size: 7pt; }
div.variety_header .dormancy, div.variety_header .htype
{ width: 120px; margin-top: -3px; float: right; text-align: right; font-size: 7pt;}
div.variety_header img.pp { float: right; margin-top: -4px; }
div.variety_header .htype { margin: 0; }
div.variety_tech_awards      { padding: 2px 1px 2px 1px; height: 26px; }
div.variety_tech_awards img  { padding: 0 1px 0 1px; display: block; float: left; }
div.variety_tech_awards span, div.variety_tech_awards_short span
{ padding-left: 12px; font-family: Arial; font-size: 9pt; }
div.variety_tech_awards_short { height: 20px; }
div.variety_rating
{
    padding: 1px 4px 1px 12px;
    font-size: 7.5pt;
    font-family: "Arial Narrow", Arial;
}
div.variety_rating span { padding-left: 15px; word-spacing: 12px; }
div.variety_description span
{ padding-left: 12px; color: #000000; font-family: Arial; font-size: 9pt; }
div.rating div
{
    padding: 2px 0 2px 12px;
    margin-top: 2px;
    font-family: "Arial Narrow", Arial;
    font-size: 10pt;
    color: #ffffff;
}
div.rating ul, div.rating ol
{
    padding: 8px 0 4px 8px;
    margin: 0; list-style-position: inside;
    font-family: Arial; font-size: 8pt;
}
span.addl-hybrid-info-pdf { font-style: italic; font-size: 8pt; }
span.addl-hybrid-info-pdf a { font-weight: bold; text-decoration: none; color: #000000; }
span.addl-hybrid-info-pdf a:hover { text-decoration: underline; }
span.addl-hybrid-info-pdf img { margin-bottom: -5px; position: relative; display: inline; }
    
div.rating .rNA  { width: 100%; color: #000000 !important; }
div.rating .r1   { width: 48px; }  div.rating .r2   { width: 67px; }  div.rating .r3   { width: 86px; }
div.rating .r1-5 { width: 58px; }  div.rating .r2-5 { width: 77px; }  div.rating .r3-5 { width: 96px; }
div.rating .r4   { width: 106px; } div.rating .r5   { width: 124px; } div.rating .r6   { width: 143px; }
div.rating .r4-5 { width: 116px; } div.rating .r5-5 { width: 134px; } div.rating .r6-5 { width: 153px; }
div.rating .r7   { width: 162px; } div.rating .r8   { width: 180px; } div.rating .r9   { width: 200px }
div.rating .r7-5 { width: 172px; } div.rating .r8-5 { width: 190px; } div.rating .r9-5 { width: 210px; }

/* specific overrides for given hybrid needs */
    div.graph_container_soybean div.variety_header .maturity { margin-top: 8px; }
    div.graph_container_soybean img.ico-notill
    { float: right; display: block; position: relative; margin-top: -5px; }

/* decipher specific colors based on the hybrid loaded */

    div.graph_container_corn .new_hybrid { color: #dcba81; }
    div.graph_container_corn div.variety_header
    { border: 1px solid #00733c; border-top-width: 2px; border-bottom-width: 4px; }
    div.graph_container_corn div.variety_tech_awards,
    div.graph_container_corn div.variety_tech_awards_short
    { border-left: 1px solid #00733c; border-right: 1px solid #00733c; }
    div.graph_container_corn div.variety_rating
    { border: 1px solid #00733c; background: #dcba81;}
    div.graph_container_corn div.rating
    { border-left: 1px solid #00733c; }
    div.graph_container_corn div.rating div
    { background: #00733c; }
    div.graph_container_corn div.rating .rNA
    { background: #ffffff; color: #00733c; }

    div.graph_container_soybean .new_hybrid { color: #dcba81; }
    div.graph_container_soybean div.variety_header
    { border: 1px solid #df8c19; border-top-width: 2px; border-bottom-width: 4px; }
    div.graph_container_soybean div.variety_tech_awards,
    div.graph_container_soybean div.variety_tech_awards_short
    { border-left: 1px solid #df8c19; border-right: 1px solid #df8c19; }
    div.graph_container_soybean div.variety_rating
    { border: 1px solid #df8c19; background: #dcba81;}
    div.graph_container_soybean div.rating
    { border-left: 1px solid #df8c19; }
    div.graph_container_soybean div.rating div
    { background: #df8c19; }
    div.graph_container_soybean div.rating .rNA
    { background: #ffffff; color: #df8c19; }
    div.graph_container_soybean div.variety_header .maturity { width: 45px; }
    
    div.graph_container_leafy .new_hybrid { color: #dcba81; }
    div.graph_container_leafy div.variety_header
    { border: 1px solid #1b747c; border-top-width: 2px; border-bottom-width: 4px; }
    div.graph_container_leafy div.variety_tech_awards,
    div.graph_container_leafy div.variety_tech_awards_short
    { border-left: 1px solid #1b747c; border-right: 1px solid #1b747c; }
    div.graph_container_leafy div.variety_rating
    { border: 1px solid #1b747c; background: #dcba81;}
    div.graph_container_leafy div.rating
    { border-left: 1px solid #1b747c; }
    div.graph_container_leafy div.rating div
    { background: #1b747c; }
    div.graph_container_leafy div.rating .rNA
    { background: #ffffff; color: #1b747c; }

    div.graph_container_sunflower .new_hybrid { color: #dcba81; }
    div.graph_container_sunflower div.variety_header
    { border: 1px solid #5d87a1; border-top-width: 2px; border-bottom-width: 4px; }
    div.graph_container_sunflower div.variety_tech_awards,
    div.graph_container_sunflower div.variety_tech_awards_short
    { border-left: 1px solid #5d87a1; border-right: 1px solid #5d87a1; }
    div.graph_container_sunflower div.variety_rating
    { border: 1px solid #5d87a1; background: #dcba81;}
    div.graph_container_sunflower div.rating
    { border-left: 1px solid #5d87a1; }
    div.graph_container_sunflower div.rating div
    { background: #5d87a1; }
    div.graph_container_sunflower div.rating .rNA
    { background: #ffffff; color: #5d87a1; }

    div.graph_container_alfalfa .new_hybrid { color: #dcba81; }
    div.graph_container_alfalfa div.variety_header
    { border: 1px solid #0057a8; border-top-width: 2px; border-bottom-width: 4px; }
    div.graph_container_alfalfa div.variety_tech_awards,
    div.graph_container_alfalfa div.variety_tech_awards_short
    { border-left: 1px solid #0057a8; border-right: 1px solid #0057a8; }
    div.graph_container_alfalfa div.variety_rating
    { border: 1px solid #0057a8; background: #dcba81;}
    div.graph_container_alfalfa div.rating
    { border-left: 1px solid #0057a8; }
    div.graph_container_alfalfa div.rating div
    { background: #0057a8; }
    div.graph_container_alfalfa div.rating .rNA
    { background: #ffffff; color: #0057a8; }

    div.graph_container_canola .new_hybrid { color: #dcba81; }
    div.graph_container_canola div.variety_header
    { border: 1px solid #3a4c00; border-top-width: 2px; border-bottom-width: 4px; }
    div.graph_container_canola div.variety_description
    { border: 1px solid #3a4c00; border-top: 0px none;}
    div.graph_container_canola div.variety_tech_awards,
    div.graph_container_canola div.variety_tech_awards_short
    { border-left: 1px solid #3a4c00; border-right: 1px solid #3a4c00; }
    div.graph_container_canola div.variety_rating
    { border: 1px solid #3a4c00; background: #dcba81;}
    div.graph_container_canola div.rating
    { border-left: 1px solid #3a4c00; }
    div.graph_container_canola div.rating div
    { background: #3a4c00; }
    div.graph_container_canola div.rating .rNA
    { background: #ffffff; color: #3a4c00; }

    div.graph_container_sorghum .new_hybrid { color: #dcba81; }
    div.graph_container_sorghum div.variety_header
    { border: 1px solid #9c3221; border-top-width: 2px; border-bottom-width: 4px; }
    div.graph_container_sorghum div.variety_description
    { border: 1px solid #9c3221; border-top: 0px none;}
    div.graph_container_sorghum div.variety_tech_awards,
    div.graph_container_sorghum div.variety_tech_awards_short
    { border-left: 1px solid #9c3221; border-right: 1px solid #9c3221; }
    div.graph_container_sorghum div.variety_rating
    { border: 1px solid #9c3221; background: #dcba81;}
    div.graph_container_sorghum div.rating
    { border-left: 1px solid #9c3221; }
    div.graph_container_sorghum div.rating div
    { background: #9c3221; }
    div.graph_container_sorghum div.rating .rNA
    { background: #ffffff; color: #9c3221; }

/* end hybrid color specs */

div.chart_search_results
{
    margin-left: 30px;
    margin-bottom: 75px; /* margin bottom to offset/clear the -50 image */
}
div.search_separator, div.search_result_separator
{
    width: 700px; text-align: center;
    border-top: 3px solid; border-bottom: 3px solid;
    margin-bottom: 20px;
}
div.search_result_separator { width: 600px; padding: 12px 0 12px 0; margin: 15px 0 15px 0; }

div.legend_tech
{
    padding: 10px;
    background: #ffffff;
    position: absolute;
    z-index: 10000;
    display: block;
}
div.legend_tech_off { display: none; position: absolute; }
div.legend_tech { font-size: 8pt; }
div.legend_tech div.outer { width: 325px; border: 2px solid #e1b924; }
div.legend_tech span.title { font-size: 9pt; font-weight: bold; }
div.legend_tech div.hdr { width: 290px; border-bottom: 3px solid #e1b924; }
div.legend_tech div.hdr span.hdr
{
    display: block; padding: 6px; background: #e1b924; color: #ffffff;
    font-size: 9pt; font-weight: bold;
}
div.legend_tech div.hdr span.hdr sup { font-size: 7pt; font-weight: normal; }
div.legend_tech div.hdr img.logo { padding: 12px 0 12px 12px; display: block; }
div.legend_tech div.desc { width: 265px; padding: 12px 0 12px 12px; margin:0; }
div.legend_tech div.desc ul
{
    width: 260px;
    padding: 0; margin: 6px 0 6px 6px;
    list-style-position: inside;
    position: relative;
}
div.legend_tech div.desc ul li { padding: 0; margin: 0; }
div.legend_tech div.desc table.pp { float: left; margin-right: 20px; }
div.legend_tech div.desc table.pp tr#hdr td { border-bottom: 1px solid #000000; }

div.numbering_system_off { display: none; }
div.numbering_system_corn, div.numbering_system_soybean
{
    width: 560px; border: 10px solid #ffffff;
    position: absolute; z-index: 10000;
    background: #ffffff;
}
div.numbering_system_corn span, div.numbering_system_soybean span
{
    position: absolute; color: #ffffff;
    font-weight: bold; background: #e1b924;
    padding: 8px 14px 8px 14px; display: block;
}
div.numbering_system_corn div, div.numbering_system_soybean div
{
    border: 2px solid #e1b924;
    border-top: 4px solid #e1b924;
    border-bottom: 8px solid #e1b924;
    padding-top: 25px;
}
div.numbering_system_corn img { display: block; }
div.numbering_system_soybean  { width: 620px; }

div.pdf_box
{
    border: 1px solid #000000; display: none; z-index: 10000;
    padding: 8px; width: 300px; position: absolute;
    opacity: 0.95; -moz-opacity: 0.95; filter: alpha(opacity=95);
}
div.pdf_box div { background: #ffffff; padding: 15px; }
div.pdf_box div img { vertical-align: middle; }

div.shadowbox-6-0, div.shadowbox-6-1, div.shadowbox-6-2, div.shadowbox-6-3, div.shadowbox-6-4, div.shadowbox-6-5
{ border: 1px solid #2a2a2a; position: absolute; z-index: 9999; }
div.shadowbox-6-0 { opacity: 0.70; -moz-opacity: 0.70; filter: alpha(opacity=70); }
div.shadowbox-6-1 { opacity: 0.50; -moz-opacity: 0.50; filter: alpha(opacity=50); }
div.shadowbox-6-2 { opacity: 0.35; -moz-opacity: 0.35; filter: alpha(opacity=35); }
div.shadowbox-6-3 { opacity: 0.25; -moz-opacity: 0.25; filter: alpha(opacity=25); }
div.shadowbox-6-4 { opacity: 0.15; -moz-opacity: 0.15; filter: alpha(opacity=15); }
div.shadowbox-6-5 { opacity: 0.05; -moz-opacity: 0.05; filter: alpha(opacity=5); }
