/********************************
ABC color 2012
@Styles for live scores widget
@Author: TEIXIDO
@created: 15/12/2011
********************************/
/********************************
ABC color 2012
@Variables
@Author: TEIXIDO
@created: 29/11/2011
********************************/
/********************************
ABC color 2012
@Mixins
@Author: TEIXIDO
@created: 29/11/2011
********************************/
/*EEWW necesario*/
#wrapper #live-score .tabs .tabs-nav li a.current {
  background: #191919;
  margin-left: 0px; }

#wrapper #live-score .pane {
  margin-right: 0px; }

/* /EEWW pero necesario*/
#wrapper #live-score {
  margin-bottom: 20px;
  zoom: 1;
  background: #191919;
  height: 235px;
  padding: 3px 0px 0px 0px; }
  #wrapper #live-score:before, #wrapper #live-score:after {
    display: table;
    content: ""; }
  #wrapper #live-score:after {
    clear: both; }
  #wrapper #live-score .tabs {
    width: 100%;
    padding-top: 0;
    border-bottom: none; }
    #wrapper #live-score .tabs .tabs-nav {
      padding: 1px 0px 0px 0px;
      margin-bottom: 6px;
      margin-left: 0px;
      background: #191919;
      border: none; }
      #wrapper #live-score .tabs .tabs-nav li {
        background: #191919;
        padding: 5px 1px 5px 0px;
        margin-left: 0px; }
        #wrapper #live-score .tabs .tabs-nav li a {
          font-family: "PTSansBold", "arial narrow", "arial", "sans-serif";
          font-size: 12px;
          font-weight: normal;
          line-height: auto;
          color: gray;
          margin-right: 0px;
          padding: 7px 13px 5px 13px; }
          #wrapper #live-score .tabs .tabs-nav li a:hover, #wrapper #live-score .tabs .tabs-nav li a.current {
            background: #252525; }
          #wrapper #live-score .tabs .tabs-nav li a.current {
            padding-top: 7px; }
  #wrapper #live-score #live-link.current {
    background: #252525;
    border-top: 3px solid #78b496;
    color: white; }
  #wrapper #live-score #summary-link.current {
    background: #252525;
    border-top: 3px solid #ffd57f;
    color: white; }
  #wrapper #live-score #info-link.current {
    background: #252525;
    border-top: 3px solid #f87d74;
    color: white; }
#wrapper #live ul.scores {
  list-style: none;
  margin: 0px;
  zoom: 1; }
  #wrapper #live ul.scores:before, #wrapper #live ul.scores:after {
    display: table;
    content: ""; }
  #wrapper #live ul.scores:after {
    clear: both; }
  #wrapper #live ul.scores li {
    float: left;
    border-bottom: 1px solid #333333;
    width: 114px;
    height: 100px;
    margin: 0;
    padding: 0;
    overflow: hidden; }
    #wrapper #live ul.scores li:nth-child(2) {
      border-left: 1px solid #333333; }
    #wrapper #live ul.scores li p {
      font-family: "UnitSlabProBold", "Times New Roman";
      font-size: 48px;
      font-weight: normal;
      line-height: 18px;
      color: white;
      text-shadow: 0 1px 0 black;
      padding: 25px 0px 0px 45px;
      position: relative; }
      #wrapper #live ul.scores li p span.penalty {
        font-size: 24px;
        vertical-align: text-top;
        left: 75px;
        top: 10px;
        position: absolute; }
      #wrapper #live ul.scores li p.team-name {
        background: rgba(0, 0, 0, 0.5);
        padding: 0px 0px 0px;
        width: 100%;
        height: 30px;
        margin: 28px 0px 0px;
        text-align: center;
        overflow: hidden; }
        #wrapper #live ul.scores li p.team-name span {
          font-family: "PTSansBold", "arial narrow", "arial", "sans-serif";
          font-size: 10px;
          font-weight: normal;
          line-height: 18px;
          text-transform: uppercase;
          vertical-align: middle; }
      #wrapper #live ul.scores li p small {
        font-family: "UnitSlabProBold", "Times New Roman";
        font-size: 28px;
        font-weight: normal;
        line-height: 18px; }
#wrapper #live .time {
  zoom: 1;
  height: 43px;
  padding: 28px 0px 10px 0px;
  font-family: "PTSansBold", "arial narrow", "arial", "sans-serif";
  font-size: 18px;
  font-weight: normal;
  line-height: auto;
  text-align: center; }
  #wrapper #live .time:before, #wrapper #live .time:after {
    display: table;
    content: ""; }
  #wrapper #live .time:after {
    clear: both; }
  #wrapper #live .time span {
    margin-top: 50px; }
    #wrapper #live .time span.minutes {
      color: white; }
    #wrapper #live .time span.period {
      color: gray; }
    #wrapper #live .time span.extra-time {
      color: #a4e0c2; }
#wrapper #live .foot {
  background: #68ab8a; }
#wrapper #summary ul {
  margin: 0px;
  list-style: none; }
  #wrapper #summary ul li {
    padding: 5px;
    font-family: "UnitSlabProMedium", "Times New Roman";
    font-size:   12px;
    font-weight: normal;
    line-height: auto;
    color: white;
    background: #252525; }
    #wrapper #summary ul li.odd {
      background: #303030; }
    #wrapper #summary ul li small {
      padding: 0px 5px;
      font-family: "PTSansBold", "arial narrow", "arial", "sans-serif";
      font-size: 12px;
      font-weight: normal;
      line-height: auto;
      color: white; }
#wrapper #summary .foot {
  background: #ffd57f;
  padding: 5px;
  margin: 14px 0px 0px 0px; }
  #wrapper #summary .foot a {
    color: #252525; }
#wrapper #info .team {
  width: 50%;
  float: left;
  overflow: hidden; }
  #wrapper #info .team:nth-child(2) {
    border-left: 1px solid #333333;
    width: 49%; }
  #wrapper #info .team p.name {
    font-family: "PTSansBold", "arial narrow", "arial", "sans-serif";
    font-size: 10px;
    font-weight: normal;
    line-height: auto;
    color: white;
    text-align: center;
    margin: 0px;
    padding: 2px 5px;
    text-transform: uppercase;
    background: #252525; }
  #wrapper #info .team ul {
    margin-left: 10px;
    margin-bottom: 5px;
    list-style: none; }
    #wrapper #info .team ul li {
      color: white;
      font-family: "UnitSlabProMedium", "Times New Roman";
      font-size: 12px;
      font-weight: normal;
      line-height: auto; }
#wrapper #info .foot {
  background: #f76e64;
  color: white;
  margin-top: -10px;
  padding: 5px 10px;
  font-family: "UnitSlabProMedium", "Times New Roman";
  font-size: 12px;
  font-weight: normal;
  line-height: auto; }
#wrapper .foot {
  overflow: hidden;
  clear: both; }
  #wrapper .foot ul {
    list-style: none;
    margin: 0px;
    height: 30px; }
    #wrapper .foot ul li {
      float: left;
      color: white;
      padding: 6px 5px;
      font-family: "UnitSlabProMedium", "Times New Roman";
      font-size: 12px;
      font-weight: normal;
      line-height: auto; }
      #wrapper .foot ul li.green {
        font-family: "PTSansBold", "arial narrow", "arial", "sans-serif";
        color: #a4e0c2;
        padding: 8px 0px 0px 0px; }
#wrapper .head {
  overflow: hidden;
  clear: both;
  width: 100%;
  font-size: 12px;
  font-weight: normal;
  line-height: 18px; }
  #wrapper .head.green {
    font-family: "PTSansNarrowBold", "arial narrow", "arial", "sans-serif";
    text-align: center;
    letter-spacing: 0.2em;
    color: white;
    text-transform: uppercase;
    background: #78b496;
    padding: 8px 0px 5px 0px; }

.live-score-icons {
  background: url("http://www.abc.com.py/plantillas/img/live-score-icons.png") no-repeat;
  padding: 5px 6px; }
  .live-score-icons.clock {
    background-position: -15px -6px; }
  .live-score-icons.in {
    background-position: -38px -4px; }
  .live-score-icons.out {
    background-position: -58px -5px; }
  .live-score-icons.location {
    background-position: -86px -6px; }
  .live-score-icons.yellow-card {
    background-position: -149px -4px; }
  .live-score-icons.double-yellow-card {
    background-position: -125px -5px; }
  .live-score-icons.red-card {
    background-position: -104px -4px; }
  .live-score-icons.ball {
    background-position: -172px -5px; }

#the-summary {
  width: 644px;
  margin-left: 0px;
  float: none;
  background: white; }
  #the-summary h4 {
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: #252525;
    font-family: "UnitSlabProMedium", "Times New Roman";
    text-align: center;
    padding: 10px 0px; }
  #the-summary ul {
    margin: 0px;
    list-style: none; }
    #the-summary ul li {
      padding: 5px;
      font-family: "UnitSlabProMedium", "Times New Roman";
      font-size: 12px;
      font-weight: normal;
      line-height: auto;
      color: #252525;
      background: white; }
      #the-summary ul li.odd {
        background: #bfbfbf; }
      #the-summary ul li small {
        padding: 0px 5px;
        font-family: "PTSansBold", "arial narrow", "arial", "sans-serif";
        font-size: 12px;
        font-weight: normal;
        line-height: auto;
        color: #252525; }
      
#positions {
  background: #191919; margin-bottom: 10px;}
  #positions table {
    width: 100%; }
    #positions table th{
      font-family: "PTSansBold", "arial narrow", "arial", "sans-serif";
      text-align: center;
      color: white;
      text-transform: uppercase;
      background: #333333;
      font-size: 10px;
      font-weight: normal;
      line-height: 18px;
      padding: 4px 0px 0px;
      border-left: 1px solid #404040; }
    #positions table th abbr{
      line-height: 18px;
    }
    #positions table th:first-child {
        border-left: none;}
    #positions table td {
      color: white;
      font-family: "UnitSlabProMedium", "Times New Roman";
      font-size: 12px;
      font-weight: normal;
      line-height: 18px;
      padding: 5px;
      text-align: center;
      border-left: 1px solid #262626; }
      #positions table td:first-child {
        width: 110px;
        padding-left: 10px;
        text-align: left;
        border-left: none; }  
      #positions table td:first-child {
        width: 110px;
        padding-left: 10px;
        text-align: left;
        border-left: none; }  
 
    
     #positions table#qualifiers tr.highlight:nth-child(-n+6) td:first-child{
       padding:0px 0px 0px 3px;
     }
     #positions table#qualifiers tr.highlight:nth-child(-n+5) span{
       border-left: #ffd57f 3px solid;
       height:100%;
       margin:0px 4px 0px  0px;
       padding:5px 0px;
     }
     #positions table#qualifiers tr.highlight:nth-child(6) span{
       border-left: #85A5CD 3px solid;
       height:100%;
       margin:0px 4px 0px  0px;
       padding: 5px 0px;
     }     
    
    
        
  #topscorers {
    background: #191919; margin-bottom: 10px;}
    #topscorers table {
    width: 100%; }
    #topscorers table th{
      font-family: "PTSansBold", "arial narrow", "arial", "sans-serif";
      text-align: center;
      color: white;
      text-transform: uppercase;
      background: #333333;
      font-size: 10px;
      font-weight: normal;
      line-height: 18px;
      padding: 4px 0px 0px;
      border-left: 1px solid #404040; }
    #positions table th abbr{
      line-height: 18px;}
    #topscorers table th:first-child {
      border-left: none; }
    #topscorers table th:nth-child(2){
      text-align: left; 
      padding-left: 10px;}   
    #topscorers table td {
      color: white;
      font-family: "UnitSlabProMedium", "Times New Roman";
      font-size: 12px;
      font-weight: normal;
      line-height: 18px;
      padding: 5px;
      text-align: center;
      border-left: 1px solid #262626; }
     #topscorers table td:first-child  {
        width: 80px;
        padding-left: 10px;
        text-align: left;
        border-left: none; }
     #topscorers table td:nth-child(2){
        width: 90px;
        padding-left: 10px;
        text-align: left;}
     
          
#relegations {
  background: #191919; margin-bottom:10px;}
  #relegations table {
    width: 100%;}
    #relegations table th{
      font-family: "PTSansBold", "arial narrow", "arial", "sans-serif";
      text-align: center;
      color: white;
      text-transform: uppercase;
      background: #333333;
      font-size: 10px;
      font-weight: normal;
      line-height: 18px;
      padding: 4px 0px 0px;
      border-left: 1px solid #404040; }
    #relegations table th abbr{
      line-height: 18px;}
    #relegations table th:first-child {
      border-left: none; }
    #relegations table td {
      color: white;
      font-family: "UnitSlabProMedium", "Times New Roman";
      font-size: 12px;
      font-weight: normal;
      line-height: 18px;
      padding: 5px;
      text-align: center;
      border-left: 1px solid #262626; }
     #relegations table td:first-child  {
        width: 110px;
        padding-left: 10px;
        text-align: left;
        border-left: none; }
     
        
     #relegations table tr.highlight:nth-child(n+12) td:first-child{
       padding:0px 0px 0px 3px;
     }
     #relegations table tr.highlight:nth-child(n+12) span{
       border-left: #f76e64 3px solid;
       height:100%;
       margin:0px 4px 0px  0px;
       padding: 5px 0px;
     }

     

  #wrapper h3{
   font-family: "PTSansNarrowBold", "arial narrow", "arial", "sans-serif";
   font-size: 10px;
   /*letter-spacing: 2px;
   text-transform: uppercase;*/         
   }
 
  #wrapper hr{
   margin: 0 0 19px;
   border: 0;
   border-bottom: 1px solid #e6e6e6;
   clear: both; 
   }

  #wrapper .accordion-head {
    overflow: hidden;
    clear: both;
    width: 100%;
    background: #78b496;
    padding:0px;
  }
  
  #wrapper .accordion-head .topic{
    line-height: 18px;
    font-family: "PTSansNarrowBold", "arial narrow", "arial", "sans-serif";
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.2em;
    color: white;
    text-transform: uppercase; 
    width: 170px;
    padding: 8px 0px 5px 30px;
    float: left;
    clear: right;
    }
  
   #wrapper .accordion-head .accordion-nav{
    overflow:hidden;
    width:29px;
    height:31px;
    position: absolute;
    float: right;
    clear: left;
   } 
   
   #wrapper .accordion-head .accordion-nav.down{
    background:url(../img/accordion_arrow.png) no-repeat 0px -27px;
   }   
     
   #wrapper .accordion-head .accordion-nav.up{
    background:url(../img/accordion_arrow.png) no-repeat;
   }
   
   #wrapper .accordion-head .accordion-nav.up:hover, #wrapper .accordion-head .accordion-nav.down:hover{
   opacity:0.8;
   filter:alpha(opacity=80);
   cursor: pointer; 
   }
      
 #wrapper .stats hr{
     margin: 0px 20px 10px 0px;
     border: 0;
     border-bottom: 1px solid #333;
     clear: both; 
   } 
   
   .stats{
    width: 100%;
    height:35px;
    padding: 10px;
    background: #191919;
   }
   
   .stats ul{
    float: left;
    margin: 0px;
    }
    
   .stats ul li {
    list-style: none;
    display: inline;
    float: left;
    margin: 5px 5px 0px 0px;
    text-align: left;
   } 
   .stats ul li #relegated{
      height:10px;
      width:10px;
      background: #f76e64;
      margin: 0px 10px 0px 0px;
     }
   .stats ul li #qualified{
      height:10px;
      width:10px;
      background: #ffd57f;
      margin: 0px 10px 0px 0px;
     }
   .stats ul li #play-off{
      height:10px;
      width:10px;
      background: #85A5CD;
      margin: 0px 10px 0px 0px;
    }
    
    
     
#fixture {
  background: #191919;
  height: auto; }
  #fixture .fixture-content, #fixture .slide {
    display: none; }
  #fixture #fixture-container {
    height: 1000%; }
    #fixture #fixture-container div {
      position: absolute;
      display: none;
      width: 100%;
      height: auto; }
      #fixture #fixture-container div.first {
        display: block; }
  #fixture .fixture-nav {
    overflow: hidden;
    font-family: "PTSansBold", "arial narrow", "arial", "sans-serif";
    text-align: center;
    color: white;
    background: #262626;
    font-size: 10px;
    font-weight: normal;
    line-height: 18px;
    width: 100%;
    height: 20px;
    clear: both; }
    #fixture .fixture-nav small {
      padding-top: 10px;
      height: 20px;
      vertical-align: middle;
      overflow: hidden;
      text-transform: uppercase; }
    #fixture .fixture-nav a {
      overflow: hidden;
      text-decoration: none;
      width: 19px;
      height: 19px;
      padding: 6px 0px 0px;
      background: #404040;
      color: white; }
      #fixture .fixture-nav a:hover {
        cursor: pointer; }
      #fixture .fixture-nav a.prev {
        float: left; }
      #fixture .fixture-nav a.next {
        float: right; }
  #fixture table {
    width: 100%;
    float: left; }
    #fixture table tr.tooltip:hover td {
      background-color: rgba(94, 80, 51, 0.9); }
    #fixture table td {
      font-family: "UnitSlabProMedium", "Times New Roman";
      color: white;
      font-size: 12px;
      font-weight: normal;
      line-height: 18px;
      text-align: center;
      padding: 5px 2px;
      position: relative; }
      #fixture table td .bubble {
        position: absolute;
        width: 210px !important;
        background: white;
        border-bottom: 3px solid #333333;
        color: #333333;
        font-size: 12px;
        font-weight: normal;
        line-height: 18px;
        padding: 5px; }
        #fixture table td .bubble span {
          position: absolute;
          background: url(../img/bubble-up.png) no-repeat;
          padding: 5px;
          margin: 0 auto;
          top: -5px;
          left: 49%; }
      #fixture table td:hover {
        cursor: pointer; }
      #fixture table td:first-child {
        width: 37%;
        padding-left: 5px;
        text-align: left; }
      #fixture table td:nth-child(2) {
        width: 13%;
        padding: 0px 6px;
        background: #333333;
        border-right: 1px solid #404040; }
      #fixture table td:nth-child(3) {
        width: 13%;
        padding: 0px 6px;
        background: #333333; }
      #fixture table td:last-child {
        width: 37%;
        padding-left: 5px;
        text-align: left; }
    #fixture table.left {
      border-right: 1px solid #404040; }
      #fixture table.left td {
        color: white;
        font-family: "UnitSlabProMedium", "Times New Roman";
        font-size: 12px;
        font-weight: normal;
        line-height: 18px;
        padding: 5px 2px;
        text-align: center; }
        #fixture table.left td:first-child {
          width: 90%;
          padding-left: 5px;
          text-align: left; }
        #fixture table.left td:last-child {
          width: 15%;
          padding: 0px 6px;
          background: #333333; }
    #fixture table.right td {
      color: white;
      font-family: "UnitSlabProMedium", "Times New Roman";
      font-size: 12px;
      font-weight: normal;
      line-height: 18px;
      padding: 5px 2px;
      text-align: center; }
      #fixture table.right td:last-child {
        width: 90%;
        padding-left: 5px;
        text-align: left;
        border-left: 1px solid #1a1a1a; }
      #fixture table.right td:first-child {
        width: 15%;
        padding: 0px 6px;
        background: #333333; }

.newfixture {
  background: #191919; margin-bottom: 10px;}
  .newfixture .scrollable {
    overflow: hidden; }
    .newfixture .scrollable .items {
      overflow: hidden; }
      .newfixture .scrollable .items div {
        width: 210px;
        float: left;
        padding-left: 0px;
        padding-right: 15px; }
  .newfixture .fixture-nav {
    overflow: hidden;
    font-family: "PTSansBold", "arial narrow", "arial", "sans-serif";
    text-align: center;
    color: white;
    background: #262626;
    font-size: 10px;
    font-weight: normal;
    line-height: 18px;
    width: 100%;
    height: 23px;
    clear: both; }
    .newfixture .fixture-nav small {
      display: block;
      margin-top: 8px;
      margin-right: 20px;
      vertical-align: bottom;
      overflow: hidden;
      text-transform: uppercase; }
    .newfixture .fixture-nav a {
      overflow: hidden;
      text-decoration: none;
      width: 19px;
      height: 19px;
      padding: 6px 0px 0px;
      background: #404040;
      color: white; }
      .newfixture .fixture-nav a:hover {
        cursor: pointer; }
      .newfixture .fixture-nav a.prev {
        vertical-align: middle;
        float: left; }
      .newfixture .fixture-nav a.next {
        vertical-align: middle;
        float: right;
        margin-top: -17px; }
  .newfixture table {
    width: 109%;
    float: left; }
    .newfixture table tr.tooltip:hover td {
      background-color: #5E5033; }
    .newfixture table td {
      font-family: "UnitSlabProMedium", "Times New Roman";
      color: white;
      font-size: 12px;
      font-weight: normal;
      line-height: 18px;
      text-align: center;
      padding: 5px 2px; }
      .newfixture table td .bubble {
        display: none;
        position: absolute;
        width: 205px !important;
        background: white;
        border: 2px solid #999999;
        color: #333333;
        font-size: 12px;
        font-weight: normal;
        line-height: 18px;
        padding: 5px;
        z-index: 10000; }
        .newfixture table td .bubble span {
          position: absolute;
          background: url(../img/bubble-up.png) no-repeat;
          padding: 5px;
          margin: 0 auto;
          top: -5px;
          left: 49%; }
      .newfixture table td:hover {
        cursor: pointer; }
      .newfixture table td:first-child {
        width: 37%;
        padding-left: 5px;
        text-align: left; }
      .newfixture table td:nth-child(2) {
        width: 13%;
        padding: 0px 6px;
        background: #333333;
        border-right: 1px solid #404040; }
      .newfixture table td:nth-child(3) {
        width: 13%;
        padding: 0px 6px;
        background: #333333; }
      .newfixture table td:last-child {
        width: 37%;
        padding-left: 5px;
        text-align: left; }
    .newfixture table.left {
      border-right: 1px solid #404040; }
      .newfixture table.left td {
        color: white;
        font-family: "UnitSlabProMedium", "Times New Roman";
        font-size: 12px;
        font-weight: normal;
        line-height: 18px;
        padding: 5px 2px;
        text-align: center; }
        .newfixture table.left td:first-child {
          width: 90%;
          padding-left: 5px;
          text-align: left; }
        .newfixture table.left td:last-child {
          width: 15%;
          padding: 0px 6px;
          background: #333333; }
    .newfixture table.right td {
      color: white;
      font-family: "UnitSlabProMedium", "Times New Roman";
      font-size: 12px;
      font-weight: normal;
      line-height: 18px;
      padding: 5px 2px;
      text-align: center; }
      .newfixture table.right td:last-child {
        width: 90%;
        padding-left: 5px;
        text-align: left;
        border-left: 1px solid #1a1a1a; }
      .newfixture table.right td:first-child {
        width: 15%;
        padding: 0px 6px;
        background: #333333; }