@charset "utf-8";

/*************************************
	Elements.css
*************************************/


/*************************************
	Hyperlinks
*************************************/
a{
	color:#000000;
   text-decoration:none;
}
   a:visited{
	
	}
	a:hover{
      text-decoration:underline;
	}
		a:visited:hover{
		
		}

/*************************************
	Headers
*************************************/
h2.list{
   font-size:14px;
   margin:4px 0px 6px 0px;
   font-weight:normal;
}

div.article h1,
div.aside h2,
div.header h2{
   background:#a19b8e url('../images/title.png') center top repeat;
   margin:0px 0px 1px 0px;
   padding:6px 10px 6px 10px;
   text-transform:uppercase;
   color:#ffffff;
   text-shadow:1px 1px 0px #67645a;
   font-size:14px;
   position:relative; /* required for dropshadows */
   font-weight:normal;
   clear: left;
}
   div.header h2 {
      margin: 0;
      font-size: 14px;
   }
   .header h2 span{
      display:block;
      font-size:15px;
   }
   #competition-list h2 {
      margin-bottom: -4px;
   }
div.section h2{
   border-top:0px solid #c0bfba;
   border-left:1px solid #faf9f3;
   border-right:1px solid #faf9f3;
   padding:10px 10px 10px 10px;
   margin:-5px -18px 6px -18px;
   font-size:15px;
   background:#d9d6c8 url('../images/sectionHighlight.png') center top repeat-x;
   clear:both;
   font-weight: normal;
   position: relative;
}
.aside h3{
	margin:4px 0px 6px 0px;
   font-size:14px;
   font-weight:normal;
}
h2 a{
   color:#ffffff;
   text-decoration:none;
}


/*************************************
	Paragraphs
*************************************/
p{
	margin:0px 0px 20px 0px;
}

dl.definitionList{
   overflow:hidden;
   margin:11px 0px 22px 0px;
}
   dl.definitionList dt{
      width:100px;
      padding:0px 10px 11px 0px;
      text-align:right;
      float:left;
      clear:left;
   }
   dl.definitionList dd{
      padding:0px 0px 11px 0px;
      float:left;
      _float:none;
      *float:none;
      width:220px;
   }

div.riderPhoto{
   width:180px;
   height:180px;
   float:left;
   margin:0px 0px 11px 0px;
}
   img.rider{
      background:#8c877d;
      padding:3px;
      display:block;
      overflow:hidden;
      float:left;
      margin:0px 0px 11px 0px;
   }
div.horsePhoto{
   width:623px;
   height:260px;
   margin:0px 0px 11px 0px;
   clear:both;
}
   img.horse{
      background:#8c877d;
      padding:3px;
      display:block;
      overflow:hidden;
      margin:0px 0px 22px 0px;
   }
img.flag{
   float:left;
   margin:0px 12px 0px 0px;
}
img.ico{
   margin:3px 5px 0px 5px;
   float:left;
}
div.newsItem img{
   background:#8c877d;
   padding:3px;
   margin:0px 6px 0px 0px;
}
a.onlyChild{
   background:url('../images/onlyChild.png') 2px 3px no-repeat;
   padding:0px 0px 0px 20px;
   _background:none;
}

/*************************************
   Actions
*************************************/
span.icons{
   position:absolute;
   top:10px;
   right:10px;
   /*overflow:hidden;*/
   display:block;
   font-size:13px;
}
span.autoreload {
   display:block;
   float:left;
   font-size: 12px;
}
   span.autoreload img {
      vertical-align: middle;
   }
span.live{
   width:21px;
   height:21px;
   background:url('../images/sprite.png') -38px -109px no-repeat;
   overflow:hidden;
   display:block;
   float:left;
   margin:2px 0px 0px 10px;
   text-indent:-9999px;
}
span.gct{
   background:url('../images/sprite.png') 0px -107px no-repeat;
   width:32px;
   height:25px;
   overflow:hidden;
   float:left;
   display:block;
   margin:0px 0px 0px 10px;
   text-indent:-9999px;
}
img.countryFlag{
   background:none;
   width:110px;
   height:46px;
   position:absolute;
   right:0;
   top:0;
}
   div.aside img.countryFlag{
      background:none;
      padding:0;
      border:0;
   }

/*************************************
   Lists
*************************************/

/* Dropdown menu */
div.menu{
   position:relative;
   cursor:pointer;
   border:1px solid #978d7b;
   padding:5px;
   margin:-6px 0px 0px 5px;
   float:left;
   border-radius:3px;
}
   div.menu ul{
      display:none;
      background:#faf9f3;
      position:absolute;
      top:17px;
      right:-14px;
      color:#000000;
      width:200px;
      padding:5px 5px 0px 5px;
      border:1px solid #978d7b;
      border-radius:3px;
   }
      div.menu ul a{
         color:#000;
      }
   div.menu:hover ul{
      display:block;
   }

/* Basic lists */
div.section ul > li{
   list-style:none;
   background:url('../images/onlyChild.png') 2px 5px no-repeat;
   padding:0px 0px 10px 20px;
   _background:none;
}

div.section p a {
   text-decoration: underline;
}
div.section p a:hover {
   text-decoration: none;
}

/* Thumbnails */
ul.thumbnails{
   overflow:hidden;
   margin:15px -15px 0px 8px;
   padding:0px 0px 0px 4px;
}
   div.section ul.thumbnails li{
      float:left;
      margin:0px 2px 3px 0px;
      position:relative;
      z-index:0;
      background:none;
   }
   ul.thumbnails li a{
      display: block;
      background: #000;
      border: 3px solid #8c877d;
      text-decoration:none;
      cursor:pointer;
   }
      ul.thumbnails span.box {
         vertical-align: middle; 
         display: table-cell;
         width: 160px;
         height: 120px;
      }
      ul.thumbnails li img{
         display:block;
         overflow:hidden;
         max-width:160px;
         max-height:120px;
      }
      ul.thumbnails li span.icon{
         display: block;
         background: transparent url("../images/clapperboard.png") no-repeat;
         position: absolute;
         height: 16px;
         width: 16px;
         top: 104px;
         left: 27px;
         z-index: 1;
         text-indent: -9999px;
      }
      ul.thumbnails li span.name{
         display:none;
      }
         ul.thumbnails li:hover span.name{
            display:block;
            position:absolute;
            z-index:1;
            top:3px;
            margin:0px;
            padding:10px;
            background:rgb(215, 215, 200);
            background:rgba(215, 215, 200, 0.80);
            color:#716a61;
            font-size:14px;
            overflow:hidden;
            word-wrap:break-word;
            width:140px;
            height:100px;
         }
small.pager{
   float:left;
   margin:8px 10px 0px 8px;
   font-size:12px;
}
ul.pager{
   display:inline-block;
   overflow:hidden;
}
ul.pager li{
   overflow:hidden;
   float:left;
   margin:3px 3px 0px 0px;
}
   ul.pager li a{
      border:1px solid #d8d7d1;
      background:#faf9f3;
      padding:5px;
      display:block;
   }
   ul.pager li a:hover,
   ul.pager li a.active{
      border:1px solid #544b43;
      background:#faf9f3;
      padding:5px;
      display:block;
      text-decoration:none;
   }

/*ul.twitter li{
   border-left:1px solid #d8d7d1;
   border-right:1px solid #d8d7d1;
   border-bottom:1px solid #d8d7d1;
   background:#faf9f3;
   color:#7f7669;
   font-size:12px;
   line-height:17px;
   position:relative;
   padding:4px 8px 4px 8px;
}*/
/*************************************
   Table
*************************************/
table{
   margin:0px 0px 20px 0px;
   color:#7d705e;
   font-size:11px;
   width:100%;
   background:#fafafa;
   border:0px solid #e4e4e4;
}
   th {
      color:#625a52;
      padding:15px 3px 3px 3px;
      background:#ffffff url('../images/table.png') center bottom repeat-x;
      border-right:1px solid #e4e4e4;
      border-top:1px solid #e4e4e4;
   }
   td {
      padding:3px;
      border-bottom:1px solid #e4e4e4;
      border-top:1px solid #ffffff;
      border-left:1px solid #e4e4e4;
   }
      th.textRight,
      td.textRight {
         text-align:right;
      }

      th.textCenter,
      td.textCenter {
         text-align:center;
      }

      
	  th.textCenterScratch,
      td.textCenterScratch {
         text-align:center;
         text-decoration: line-through;
      }
      
   table tr:nth-child(2n+1){
      background:#f5f5f1;
   }
   table th:first-child,
   table td:first-child{
      border-left:1px solid #e4e4e4;
   }
   table td:last-child{
      border-right:1px solid #e4e4e4;
   }
   table tr:hover{
      background:#ffffff;
   }

table.competitions{
   margin:0px 0px 20px 0px;
   color:#7d705e;
   font-size:11px;
   width:100%;
   background:#fafafa;
   border:0px solid #e4e4e4;
}
table.competitions table{
   padding-left:20px;
   background:none;
   color:#7d705e;

}
   table.competitions th{
      color:#625a52;
      padding:15px 3px 3px 3px;
      background:#ffffff url('../images/table.png') center bottom repeat-x;
      border-right:1px solid #e4e4e4;
      border-top:1px solid #e4e4e4;
      font-size:15px;
   }
   table.competitions td{
      padding:3px;
      border-bottom:1px solid #e4e4e4;
      border-top:1px solid #ffffff;
      border-left:1px solid #e4e4e4;
      font-size:13px;
      vertical-align:top;
   }
      table.competitions td.textRight{
         text-align:right;
      }
      table.competitions td.euro{
         width:1px;
      }
      table.competitions table td{
         border:0;
         color:#7d705e;
         font-size:11px;
         vertical-align:top;
         padding-right:0;
      }
      table.competitions td.active{
         color:#000000;
      }
      table.competitions td strong{
         font-size:13px;
         font-weight:normal;
      }
   table.competitions tr:nth-child(2n+1){
      background:#f5f5f1;
   }
      table.competitions table tr:nth-child(2n+1){
         background:none;
      }
   table.competitions th:first-child,
   table.competitions td:first-child{
      border-left:1px solid #e4e4e4;
   }
      table.competitions table th:first-child,
      table.competitions table td:first-child{
         border:0;
      }
   table.competitions td:last-child{
      border-right:1px solid #e4e4e4;
   }
      table.competitions table td:last-child{
         border:0;
      }
   table.competitions tr:hover{
      background:#fff;
   }
   table.competitions tr.total td{
      border-top:1px solid #e4e4e4;
   }
   
   
   span.plus,
   span.min{
      position:relative;
      margin:auto;
      top:0;
      width:16px;
      height:16px;
      display:block;
   }
      span.plus a,
      span.min a{
         width:16px;
         height:16px;
         display:block;
      }
   span.plus{
      background:url('../images/sprite.png') -73px -110px no-repeat;
   }
   span.min{
      background:url('../images/sprite.png') -92px -110px no-repeat;
   }
   
   
   div.serverError{
      width:962px;
      height:589px;
      background:url('../images/serverError.png') no-repeat;
   }
      div.serverError h1{
         font-size:22px;
         color:#514b40;
         font-weight:normal;
         position:relative;
         top:240px;
         left:194px;
         line-height:26px;
      }
      div.serverError p{
         color:#514b40;
         font-size:12px;
         text-align:center;
         position:relative;
         top:390px;
      }