/*  ----------------------------------------------
    grading system.css
    author: Regi E. (rellis@pushhere.com, Lead Dev)

    req/location
    styles/grading_system.css
    ----------------------------------------------  */


/*  +TOC
    ----------------------------------------------   
    1. LOCAL OVERRIDE SELECTORS
    2. GRADING DECK SELECTORS
    3. PDF DOWNLOAD SELECTORS
    4. GRADING MOD SELECTORS
    5. SYSTEM BREAKDOWN SELECTORS
    6. OPINION MODULE SELECTORS
    7. SYSTEM FEATURED SELECTORS
    8. SYSTEM INFO SELECTORS
    ----------------------------------------------  */


/*  =LOCAL OVERRIDE SELECTORS
    ----------------------------------------------  */
    #grading-info {
      margin-right: 0;
    }
    #grading-deck {
      height: 330px; 
    }
    .share-print {
      left: 25px;
    }
    .cap-ext {
      text-indent: 0;
      color: #fff;
      text-transform: uppercase;
      font-size: 0.8em;
      line-height: 1.5em;
      padding: 27px 300px 0 25px;
      width: 309px;
    }
    .cap-ext-large {
      background:transparent url('../images/backgrounds/common/bg-cap-ext-large.png') no-repeat 48% 0;
      height: 55px;
      margin: 0;
    }
    #system-info .cap-ext-large {
      padding: 10px 30px;
      height: 30px;
      position: relative;
    }
    .cap-ext-large h3 {
      color: #FFF;
      font-size: 0.75em;
      text-transform: uppercase;
      float: left;
    }
    #grading-page #system-breakdown {
      padding: 0;
      margin: 0 7px;
    }
    #related {
      background: none;
      width: 295px;
    }
    #related-content {
      padding-top: 20px;
    }
    #related-content > h3 {
      border: none;
      padding: 0 20px;
      margin: 20px 0;
    }
    #alternate-table {
      margin: 0;
      overflow: hidden;
    }


/*  =GRADING DECK SELECTORS
    ----------------------------------------------  */
    #grading-breakdown .example-title {
      color: #fff;
      font-style: italic;
    }
    #grading-deck img {
      position: absolute;
      top: 250px;
      left: 660px;
    }
    #grading-breakdown {
      background: transparent url('../images/gui/bg-grading.png') 0 0 no-repeat;
      position: absolute;
      width: 600px;
      height: 236px;
      top: 0;
      left: 30px;
    }
    #grading-breakdown p {
      background: transparent url('../images/backgrounds/common/bg-grade-info.png') no-repeat 0 0;
      float: left;
      font-size: 0.74em;
      width: 102px;
      height: 47px;
      margin: 233px 0 0 10px;
      padding: 15px 19px;
      position: relative;
      text-align: center;
    }
    #grading-breakdown strong {
      color: #fff;
      font-weight: 700;
      text-transform: uppercase;
    }

/*  =PDF DOWNLOAD SELECTORS
    ----------------------------------------------  */
    #pdf-download {
      position: absolute;
      width: 155px;
      height: 290px;
      top: 20px;
      left: 725px;
    }
    #pdf-download p {
      background: transparent url('../images/backgrounds/common/bg-pdf-info.png') no-repeat 0 0;
      padding: 10px 15px;
      margin-top: 30px;
      width: 133px;
      height: 64px;
      text-align: center;
    }
    #pdf-download p a {
      background: transparent url('../images/gui/btn/btn-download.png') no-repeat 0 0;
      position: absolute;
      bottom: -5px;
      left: 10px;
      display: block;
      height: 23px;
      text-indent: -9999px;
      width: 138px;
    }
    #pdf-download a {
      background: transparent url('../images/gui/btn/btn-pdf.png') no-repeat 0 0;
      display: block;
      height: 180px;
      margin: 0 0 0 4px;
      text-indent: -9999px;
      width: 151px;
    }


/*  =GRADING MOD SELECTORS
    ----------------------------------------------  */
    #grading-mod {
      background: transparent url('../images/backgrounds/common/bg-module-ext.png') 0 0 no-repeat;
      padding: 0 25px;
      width: 584px;
    }
    #grading-mod > div {
      float: left;
      width: 48%; 
    }
    #grading-mod h3 {
      color: #fff;
      text-transform: uppercase;
    }
    #grading-mod p {
      width: 260px;
      margin: 0 0 18px 0;
      font-size: 0.75em;
    }
    #grading-col2 {
      margin-left: 20px;
    }


/*  =SYSTEM BREAKDOWN SELECTORS
    ----------------------------------------------  */
    #system-breakdown li {
      margin: 0 !important;
      line-height: 1.5em;
      height: 40px;
      font-size: 0.75em !important;
    }
    #system-breakdown .c {
      background: transparent url('../images/gui/bg-grade-module-c.png') 0 0 no-repeat;
      padding: 15px 10px 7px 50px;
    }
    #system-breakdown .d {
      background: transparent url('../images/gui/bg-grade-module-d.png') 0 0 no-repeat;
      padding: 5px 10px 16px 50px;
    }
    #system-breakdown .m {
      background: transparent url('../images/gui/bg-grade-module-m.png') 0 0 no-repeat;
      padding: 10px 10px 10px 50px;
    }
    
    
/*  =OPINION MODULE SELECTORS
    ----------------------------------------------  */
    #opinion-module {
      background: transparent url('../images/backgrounds/common/bg-opinion-module.png') 0 0 no-repeat;
      width: 252px;
      margin: 0 7px;
      padding: 10px 14px 21px;
    }
    #opinion-module h3 {
      color: #fff;
      text-transform: uppercase;
      font-size: 0.75em;
    }
    #opinion-module p {
      font-size: 0.75em;
      margin: 0 0 18px;
    }
    #alternate-table li {
      color: #cd0012;
      font-size: 1.2em;
      height: 25px;
      padding: 9px 10px 0 5px;
    }
    .Safari #alternate-table li {
      padding-bottom: 5px;
    }
    #alternate-table span {
      color: #fff;
      font-size: 0.65em;
    }
    .Safari #alternate-table span {
      margin-top: 3px;
    }
    .Safari #alternate-table .top span {
    }
    #alternate-table .even,
    #alternate-table .top {
      background: #0A0A0A;
    }
    #alternate-table .top {
      padding: 0 10px 0 5px;
      height: 34px;
    }
    .Safari #alternate-table .top {
      padding: 0 10px 0 5px;
      height: 34px;
    }


/*  =SYSTEM FEATURED SELECTORS
    ----------------------------------------------  */
    #system-featured {
      overflow: auto;
      position: relative;
      width: 960px;
      height: 130px;
      clear: both;
    }
    #system-featured > ul {
      padding: 15px 14px 0;
    }
    #system-featured > div {
      margin: -30px 0 0 0;
    }
    #system-featured > ul li {
      font-size: 1.4em;
      color: #fff;
      float: left;
      width: 33%;
      text-align: center;
    }
    #grading-system {
      overflow: hidden;
      margin: 1em 0;
      padding: 0 12px;
    }
    #grading-system li {
      background: transparent url('../images/backgrounds/common/bg-grading-system.png') no-repeat 0 0;
      font-size: 0.8em;
      padding: 12px 15px;
      float: left;
      margin: 0 1.6%;
      width: 252px;
      height: 27px;
      text-align: center;
      line-height: 1.3em;
    }
    
    
/*  =SYSTEN INFO SELECTORS
    ----------------------------------------------  */
    #system-info {
      position: relative;
    }
    .ratings-info {
      position: absolute;
      top: 15px;
      right: 25px;
    }
    .ratings-info li {
      float: left;
      margin: 0 48px;
      font-size: .75em;
    }
    .ratings-info strong {
      color: #cd0012;
      font-size: 2em;
      margin: -5px 6px 0 0;
      display: block;
      float: left;
    }
    .column {
      float: left;
      margin-top: 10px;
      padding: 0 45px;
      width: 21%;
    }
    .column.first {
      width: 30%;
    }
    .column h4 {
      color: #FFF;
      font-size: 0.75em;
      text-transform: uppercase;
    }
    .column li {
      font-size: .8em;
      margin: 12px 0;
    }
    .column ul {
      margin-bottom: 40px;
    }
    .column p {
      font-size: .75em;
      width: 140px;
      margin: 10px;
    }