﻿/*styles for printing */
/*media="print" VN: to print just presentation, not the whole page with menu and so on*/
/*we need to have a new set of styles*/

.fieldDiv span.bmTitle, .fieldDiv span.bmTitleBlack { 
    float: left;
    font-size: 14px;
    display: block;
    color: #5799c2; }

.fieldDiv span.bigTitle-1, .fieldDiv span.bigTitle-2 {
    display: block;
    color: #5799c2; }

.fieldDiv span.bigTitle-2 {
    display: inline-block;
    padding-bottom: 5px; }

.fieldDiv table.bmTitleArea td.presentation {
    text-align: right;
    font-weight: bold; }

.fieldDiv {
    text-align: left;
    margin: 0px; }

.fieldDiv table.bmTitleArea {
    width: 100%;
    border-collapse: collapse; }

.fieldDiv table.bmTitleArea td {
    vertical-align: middle;
}

.fieldDiv span.bmTitle, .fieldDiv span.bmTitleBlack {
    float: left;
    font-size: 14px;
    display: block;
    color: #5799c2; }

.fieldDiv .content-border, .fieldDiv .content-border-nopadding {
    -moz-box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    box-shadow: 2px 2px 5px #888;
    padding: 10px;
    clear: both;
    background-color: white;
    /*Comparative Ranking*/
    /*progressTable*/
    /*mainTabular*/
    /*valTopQuartileTable*/
    /*Opportunity Prescription*/
    /*Years table*/ }

.fieldDiv span.grayTitle {
    color: #5C5C5C;
    font-size: 14px;
    font-weight: normal; }

.fieldDiv .content-border table, .fieldDiv .content-border-nopadding table {
    width: 100%;
    border-collapse: collapse; }

.fieldDiv .content-border .ComparativeRanking td.Red, .fieldDiv .content-border-nopadding .ComparativeRanking td.Red {
    background-color: #ffc9c9; }
    .fieldDiv .content-border .ComparativeRanking td.Red span, .fieldDiv .content-border-nopadding .ComparativeRanking td.Red span {
        color: #971212; }

.fieldDiv .content-border .ComparativeRanking td.Yellow, .fieldDiv .content-border-nopadding .ComparativeRanking td.Yellow {
    background-color: #fffd75; }
    .fieldDiv .content-border .ComparativeRanking td.Yellow span, .fieldDiv .content-border-nopadding .ComparativeRanking td.Yellow span {
        color: #927d1e; }

.fieldDiv .content-border .ComparativeRanking td.Green, .fieldDiv .content-border-nopadding .ComparativeRanking td.Green {
    background-color: #bffbbe; }
    .fieldDiv .content-border .ComparativeRanking td.Green span, .fieldDiv .content-border-nopadding .ComparativeRanking td.Green span {
        color: #378f4f; }

       .fieldDiv .content-border .compName,  .fieldDiv .content-border-nopadding .compName {
        color: #32629b;
        padding: 0 0 10px;
        font-weight: normal;
        font-size: 18px;
        display: inline-block; }
       .fieldDiv .content-border .compNameDescr,  .fieldDiv .content-border-nopadding .compNameDescr {
        display: block;
        color: #646464;
        font-weight: normal;
        font-size: 12px; }
       .fieldDiv .content-border table,  .fieldDiv .content-border-nopadding table {
        width: 100%;
        border-collapse: collapse; }
         .fieldDiv .content-border table tr.odd,  .fieldDiv .content-border-nopadding table tr.odd {
          background-color: #f0f0f0; }
         .fieldDiv .content-border table td.propName,  .fieldDiv .content-border-nopadding table td.propName {
          font-weight: bold;
          line-height: 25px;
          text-align: left; }
       .fieldDiv .content-border .ComparativeRanking td,  .fieldDiv .content-border-nopadding .ComparativeRanking td {
        height: 35px;
        text-align: left;
        margin: 5px 10px;
        vertical-align: middle;
        border: 2px solid white; }
         .fieldDiv .content-border .ComparativeRanking td span,  .fieldDiv .content-border-nopadding .ComparativeRanking td span {
          font-size: 14px;
          padding: 10px; }
         .fieldDiv .content-border .ComparativeRanking td span.RankPropName,  .fieldDiv .content-border-nopadding .ComparativeRanking td span.RankPropName {
          float: left; }
         .fieldDiv .content-border .ComparativeRanking td span.RankPropVal,  .fieldDiv .content-border-nopadding .ComparativeRanking td span.RankPropVal {
          float: right; }
         .fieldDiv .content-border .ComparativeRanking td span.Left,  .fieldDiv .content-border-nopadding .ComparativeRanking td span.Left {
          float: left !important; }
         .fieldDiv .content-border .ComparativeRanking td span.RankPropPlace,  .fieldDiv .content-border-nopadding .ComparativeRanking td span.RankPropPlace {
          float: right;
          text-align: right;
          width: 40px; }
         .fieldDiv .content-border .ComparativeRanking td span.Header,  .fieldDiv .content-border-nopadding .ComparativeRanking td span.Header {
          font-size: 11px;
          font-weight: normal; }
       .fieldDiv .content-border .ComparativeRanking td.Small,  .fieldDiv .content-border-nopadding .ComparativeRanking td.Small {
        width: 170px; }
       .fieldDiv .content-border .ComparativeRanking td.Middle,  .fieldDiv .content-border-nopadding .ComparativeRanking td.Middle {
        text-align: center;
        background-color: #E0E0E0; }
       .fieldDiv .content-border .ComparativeRanking td.Green,  .fieldDiv .content-border-nopadding .ComparativeRanking td.Green {
        background-color: #bffbbe; }
         .fieldDiv .content-border .ComparativeRanking td.Green span,  .fieldDiv .content-border-nopadding .ComparativeRanking td.Green span {
          color: #378f4f; }
       .fieldDiv .content-border .ComparativeRanking td.Red,  .fieldDiv .content-border-nopadding .ComparativeRanking td.Red {
        background-color: #ffc9c9; }
         .fieldDiv .content-border .ComparativeRanking td.Red span,  .fieldDiv .content-border-nopadding .ComparativeRanking td.Red span {
          color: #971212; }
       .fieldDiv .content-border .ComparativeRanking td.Yellow,  .fieldDiv .content-border-nopadding .ComparativeRanking td.Yellow {
        background-color: #fffd75; }
         .fieldDiv .content-border .ComparativeRanking td.Yellow span,  .fieldDiv .content-border-nopadding .ComparativeRanking td.Yellow span {
          color: #927d1e; }
       .fieldDiv .content-border .ComparativeRanking td.compHeader,  .fieldDiv .content-border-nopadding .ComparativeRanking td.compHeader {
        margin: 0 auto;
        text-align: center; }
         .fieldDiv .content-border .ComparativeRanking td.compHeader div.spanRedCompanyName,  .fieldDiv .content-border .ComparativeRanking td.compHeader div.spanGreenCompanyName,  .fieldDiv .content-border-nopadding .ComparativeRanking td.compHeader div.spanRedCompanyName,  .fieldDiv .content-border-nopadding .ComparativeRanking td.compHeader div.spanGreenCompanyName {
          min-width: 100px;
          margin: 10px;
          padding: 10px;
          background-color: #ffc9c9; }
           .fieldDiv .content-border .ComparativeRanking td.compHeader div.spanRedCompanyName span,  .fieldDiv .content-border .ComparativeRanking td.compHeader div.spanGreenCompanyName span,  .fieldDiv .content-border-nopadding .ComparativeRanking td.compHeader div.spanRedCompanyName span,  .fieldDiv .content-border-nopadding .ComparativeRanking td.compHeader div.spanGreenCompanyName span {
            color: #971212;
            display: block;
            padding: 0; }
         .fieldDiv .content-border .ComparativeRanking td.compHeader div.spanGreenCompanyName,  .fieldDiv .content-border-nopadding .ComparativeRanking td.compHeader div.spanGreenCompanyName {
          background-color: #bffbbe; }
           .fieldDiv .content-border .ComparativeRanking td.compHeader div.spanGreenCompanyName span,  .fieldDiv .content-border-nopadding .ComparativeRanking td.compHeader div.spanGreenCompanyName span {
            color: #378f4f; }



       .fieldDiv .content-border .valTopQuartileTable,  .fieldDiv .content-border-nopadding .valTopQuartileTable {
        text-align: center; }
         .fieldDiv .content-border .valTopQuartileTable td,  .fieldDiv .content-border-nopadding .valTopQuartileTable td {
          border: 1px solid white;
          padding: 5px 5px 10px 5px;
          border-width: 2px; }
         .fieldDiv .content-border .valTopQuartileTable td.yellowLeft,  .fieldDiv .content-border .valTopQuartileTable td.yellowRight,  .fieldDiv .content-border-nopadding .valTopQuartileTable td.yellowLeft,  .fieldDiv .content-border-nopadding .valTopQuartileTable td.yellowRight {
          background-color: #fffd75; }
         .fieldDiv .content-border .valTopQuartileTable td.yellowLeft,  .fieldDiv .content-border-nopadding .valTopQuartileTable td.yellowLeft {
          width: 65px; }
         .fieldDiv .content-border .valTopQuartileTable td.redLeft,  .fieldDiv .content-border-nopadding .valTopQuartileTable td.redLeft {
          background-color: #ffc9c9;
          height: 50px; }
         .fieldDiv .content-border .valTopQuartileTable td.greenRight,  .fieldDiv .content-border-nopadding .valTopQuartileTable td.greenRight {
          background-color: #9ff99c;
          padding: 0; }
         .fieldDiv .content-border .valTopQuartileTable .divQuartilePerformance span,  .fieldDiv .content-border-nopadding .valTopQuartileTable .divQuartilePerformance span {
          color: #1b7135;
          font-size: 20px; }
         .fieldDiv .content-border .valTopQuartileTable .divQuartilePerformance span.value,  .fieldDiv .content-border-nopadding .valTopQuartileTable .divQuartilePerformance span.value {
          font-weight: normal; }
         .fieldDiv .content-border .valTopQuartileTable .divQuartilePerformance span.marketValue,  .fieldDiv .content-border-nopadding .valTopQuartileTable .divQuartilePerformance span.marketValue {
          background-color: #FFFFFF;
          color: #ff0000;
          border: 1px solid black;
          font-size: 22px;
          padding: 5px;
          display: inline-block;
          margin-top: 5px; }
         .fieldDiv .content-border .valTopQuartileTable .divQuartilePerformance table,  .fieldDiv .content-border-nopadding .valTopQuartileTable .divQuartilePerformance table {
          border-collapse: collapse;
          border-style: none;
          border-width: 0px; }
           .fieldDiv .content-border .valTopQuartileTable .divQuartilePerformance table td,  .fieldDiv .content-border-nopadding .valTopQuartileTable .divQuartilePerformance table td {
            border-style: none;
            border-width: 0; }
           .fieldDiv .content-border .valTopQuartileTable .divQuartilePerformance table td.value,  .fieldDiv .content-border-nopadding .valTopQuartileTable .divQuartilePerformance table td.value {
            text-align: right; }
           .fieldDiv .content-border .valTopQuartileTable .divQuartilePerformance table tr.second,  .fieldDiv .content-border-nopadding .valTopQuartileTable .divQuartilePerformance table tr.second {
            background-color: #c5fbc3; }



       .fieldDiv .content-border .progressTable,  .fieldDiv .content-border-nopadding .progressTable {
        text-align: center;
        border: 0 none; }
         .fieldDiv .content-border .progressTable td,  .fieldDiv .content-border-nopadding .progressTable td {
          border: 1px solid white;
          padding: 0;
          border-width: 2px; }
         .fieldDiv .content-border .progressTable .progressTitleGreenTd,  .fieldDiv .content-border .progressTable .progressTitleRedTd,  .fieldDiv .content-border-nopadding .progressTable .progressTitleGreenTd,  .fieldDiv .content-border-nopadding .progressTable .progressTitleRedTd {
          width: 50%;
          text-align: center; }
           .fieldDiv .content-border .progressTable .progressTitleGreenTd span,  .fieldDiv .content-border .progressTable .progressTitleRedTd span,  .fieldDiv .content-border-nopadding .progressTable .progressTitleGreenTd span,  .fieldDiv .content-border-nopadding .progressTable .progressTitleRedTd span {
            font-weight: normal;
            font-size: 25px;
            color: white; }
         .fieldDiv .content-border .progressTable .progressTitleGreenTd,  .fieldDiv .content-border-nopadding .progressTable .progressTitleGreenTd {
          background-color: #5eb15d; }
         .fieldDiv .content-border .progressTable .progressTitleRedTd,  .fieldDiv .content-border-nopadding .progressTable .progressTitleRedTd {
          background-color: #cf6363; }
         .fieldDiv .content-border .progressTable .progressGreen,  .fieldDiv .content-border .progressTable .progressRed,  .fieldDiv .content-border-nopadding .progressTable .progressGreen,  .fieldDiv .content-border-nopadding .progressTable .progressRed {
          background-color: #98f896;
          text-align: right; }
           .fieldDiv .content-border .progressTable .progressGreen span,  .fieldDiv .content-border .progressTable .progressRed span,  .fieldDiv .content-border-nopadding .progressTable .progressGreen span,  .fieldDiv .content-border-nopadding .progressTable .progressRed span {
            display: block;
            font-size: 16px;
            color: #498759;
            line-height: 30px;
            margin-right: 5px; }
           .fieldDiv .content-border .progressTable .progressGreen span.odd,  .fieldDiv .content-border .progressTable .progressRed span.odd,  .fieldDiv .content-border-nopadding .progressTable .progressGreen span.odd,  .fieldDiv .content-border-nopadding .progressTable .progressRed span.odd {
            background-color: #bffbbe;
            margin: 0; }
         .fieldDiv .content-border .progressTable .progressRed,  .fieldDiv .content-border-nopadding .progressTable .progressRed {
          background-color: #f1b7b7;
          text-align: left; }
           .fieldDiv .content-border .progressTable .progressRed span,  .fieldDiv .content-border-nopadding .progressTable .progressRed span {
            color: #8d3636;
            margin-left: 5px; }
           .fieldDiv .content-border .progressTable .progressRed span.odd,  .fieldDiv .content-border-nopadding .progressTable .progressRed span.odd {
            background-color: #ffc9c9; }


.fieldDiv .content-border span.oppArrow,  .fieldDiv .content-border-nopadding span.oppArrow {
    background: white url("../images/yellow.png") no-repeat;
    width: 77px;
    height: 77px;
    position: absolute;
    top: 330px;
    left: 420px; }



       .fieldDiv .content-border .oppTable,  .fieldDiv .content-border-nopadding .oppTable {
        height: 100%;
        text-align: center; }
         .fieldDiv .content-border .oppTable td,  .fieldDiv .content-border-nopadding .oppTable td {
          border: 1px dotted #000;
          padding: 5px;
          width: 50%;
          color: #5c5c5c;
          font-size: 16px;
          position: relative; }
           .fieldDiv .content-border .oppTable td div,  .fieldDiv .content-border-nopadding .oppTable td div {
            min-height: 300px; }
         .fieldDiv .content-border .oppTable span.blueTitle,  .fieldDiv .content-border .oppTable span.redTitle,  .fieldDiv .content-border-nopadding .oppTable span.blueTitle,  .fieldDiv .content-border-nopadding .oppTable span.redTitle {
          color: #32629b;
          font-size: 14px;
          text-align: center;
          display: block;
          font-size: 18px; }
         .fieldDiv .content-border .oppTable span.redTitle,  .fieldDiv .content-border-nopadding .oppTable span.redTitle {
          color: #e03938; }
         .fieldDiv .content-border .oppTable ul,  .fieldDiv .content-border .oppTable ul.red,  .fieldDiv .content-border-nopadding .oppTable ul,  .fieldDiv .content-border-nopadding .oppTable ul.red {
          text-align: justify;
          list-style: circle url("../images/blue-dot.png");
          padding: 0;
          margin: 0 0 0 15px; }
           .fieldDiv .content-border .oppTable ul li,  .fieldDiv .content-border .oppTable ul.red li,  .fieldDiv .content-border-nopadding .oppTable ul li,  .fieldDiv .content-border-nopadding .oppTable ul.red li {
            padding: 0 5px 15px; }
             .fieldDiv .content-border .oppTable ul li ul,  .fieldDiv .content-border .oppTable ul.red li ul,  .fieldDiv .content-border-nopadding .oppTable ul li ul,  .fieldDiv .content-border-nopadding .oppTable ul.red li ul {
              padding-left: 15px; }
               .fieldDiv .content-border .oppTable ul li ul li,  .fieldDiv .content-border .oppTable ul.red li ul li,  .fieldDiv .content-border-nopadding .oppTable ul li ul li,  .fieldDiv .content-border-nopadding .oppTable ul.red li ul li {
                padding: 0; }
         .fieldDiv .content-border .oppTable ul.red,  .fieldDiv .content-border-nopadding .oppTable ul.red {
          list-style: circle url("../images/red-dot.png"); }
           .fieldDiv .content-border .oppTable ul.red li,  .fieldDiv .content-border-nopadding .oppTable ul.red li {
            color: #e03938; }
       .fieldDiv .content-border span.oppArrow,  .fieldDiv .content-border-nopadding span.oppArrow {
        background: white url("../images/yellow.png") no-repeat;
        width: 77px;
        height: 77px;
        position: absolute;
        top: 330px;
        left: 420px; }


    div.sectionHeader {
        background-color: #295e7e;
    }
    div.sectionHeader div.section-inner {
        padding: 35px 0 0 35px;
    }
