@charset "UTF-8";

/* *****************************************
 * ----------------------------------------------------------------
 *   Copyright (C) 2012 Artegence
 *                      All rights reserved.
 * ----------------------------------------------------------------
 *
 * @project   TVP - Euro 2012
 * @author    Marcin Pająk
 * @copyright Copyright (C) 2012 Artegence
 *            All rights reserved.
 *

 CSS STRUCTURE:

    1. GLOBAL
    2. CONSTANTS
    3. COMMON
    4. STRUCTURE
    5. MODULES
    6. CLEARFIX
    7. JS PLUGINS
    8. EXTERNAL AND OVERRIDES


**************************************** */

/* ----------------------------------------------------------------
    1. GLOBAL
 * ---------------------------------------------------------------- */

/* ----------------------------------------------------------------
    1. GLOBAL
        Reset / Normalize
        Font Faces
 * ---------------------------------------------------------------- */
/*! normalize.css 2012-01-22T23:30 UTC - http://github.com/necolas/normalize.css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block; }

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1; }

audio:not([controls]) {
    display: none; }

[hidden] {
    display: none; }

/* =============================================================================
   Base
   ========================================================================== */

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%; }

html,
button,
input,
select,
textarea {
    font-family: sans-serif; }

body {
    margin: 0; }

/* =============================================================================
   Links
   ========================================================================== */
a:focus {
    outline: thin dotted; }

a:hover,
a:active {
    outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] {
    border-bottom: 1px dotted; }

b,
strong {
    font-weight: bold; }

blockquote {
    margin: 1em 40px; }

dfn {
    font-style: italic; }

mark {
    background: #ff0;
    color: #000;}

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em; }

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word; }

q {
    quotes: none; }

q:before,
q:after {
    content: '';
    content: none; }

small {
    font-size: 75%; }

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }

sup {
    top: -0.5em; }

sub {
    bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
ul,
ol {
    margin: 0;
    padding: 0; }

dd {
    margin: 0 0 0 40px; }

nav ul,
nav ol {
    list-style: none;
    list-style-image: none; }

/* =============================================================================
   Embedded content
   ========================================================================== */
img {
    border: 0;
    -ms-interpolation-mode: bicubic; }

svg:not(:root) {
    overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
figure {
    margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
form {
    margin: 0; }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em; }

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px; }

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle; }

button,
input {
    line-height: normal; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible;  }

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px; }

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0; }

textarea {
    overflow: auto;
    vertical-align: top; }

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%; }

a img {
    border: none; }

ul {
    list-style: none; }

th, td {
  vertical-align: middle; }

th {
  text-align: center; }

form input {
    vertical-align: middle; }

textarea {
    overflow: auto; }

pre, code, var, samp, kbd {
  font-family: monospace, sans-serif; }

p,
li {
    word-wrap: break-word; }

img {
    max-width: 100%;
    width: auto; }

::selection {
    background: #c6cc5f;
    color: #fff;
    text-shadow: 0 0 transparent !important;
}

::-moz-selection {
    background: #c6cc5f;
    color: #fff;
    text-shadow: 0 0 transparent !important;
}

 /* Font Face */
h2,
h3,
h4,
h5,
button,
.button,
.article h1,
.article-buttons a,
.widget h3,
.font-nm,
.stadium-name,
.city-name,
.list-media .name,
.gallery-info,
.broadcast-info,
.box-broadcast .button,
.table-team th:first-child,
.list-labeled .label,
.team-lead,
.match-info,
.clock-guid li,
.vertical-stats,
.table-stats th,
.stats-desc,
.profile-body th,
.rep-desc .grad.purple,
.flag-links .group-name,
.player-left .player-prop,
.stadium-desc .stadium-city,
.tooltip-caption,
.grad.purple,
.small-topic .grad,
#group-position th,
#loginLayerForm .title,
#loginLayer .link-hack,
#main-nav,
.player-prop,
.poll-caption,
.poll-radio label,
.poll-buttons a {
    font-family: 'NeoSansPro-Medium', Arial, sans-serif;
    font-weight: normal !important;}

.article-excerpt,
.form label,
.font-nr,
.flag-links,
.info-right-body .btn-box span,
#top-utils,
.table-player-profile,
.list-stadiums li .stadium-desc,
.match-lead .match-details,
.team-positions,
.poll-question  {
    font-family: 'NeoSansPro-Regular', Arial, sans-serif;
    font-weight: normal !important; }

/* ----------------------------------------------------------------
    2. CONSTANTS
 * ---------------------------------------------------------------- */
.block          { display: block !important; }
.hidden         { display: none; }
.bolder       { font-weight: bold   !important; }
.italic       { font-style: italic  !important; }
.normal       { font-weight: normal !important; }

.left         { float: left  !important; }
.right        { float: right !important; }
.center       { margin-left: auto; margin-right: auto; }

.left-text    { text-align: left    !important; }
.right-text   { text-align: right   !important; }
.center-text  { text-align: center  !important; }
.justify      { text-align: justify !important; }

.font-9       { font-size: 9px  !important; }
.font-10      { font-size: 10px !important; }
.font-11      { font-size: 11px !important; }
.font-12      { font-size: 12px !important; }
.font-14      { font-size: 14px !important; }
.font-16      { font-size: 16px !important; }
.font-18      { font-size: 18px !important; }
.font-21      { font-size: 21px !important; }
.font-24      { font-size: 24px !important; }

.color-white  { color: #fff    !important; }
.color-red    { color: #ed162a !important; }
.color-grey   { color: #808080 !important; }
.color-green  { color: #95a323 !important; }
.color-azure  { color: #007587 !important; }
.color-pink   { color: #c71a78 !important; }
.color-blue   { color: #3375b3 !important; }
.color-black  { color: #1a1a1a !important; }
.color-turquoise { color: #42c0bd !important; }

.with-border  { border-top: 2px solid #ddd; }
.capitalize   { text-transform: uppercase; }
.relative     { position: relative; }

.bg-blue      { background: #000d26; }
.bg-dark      { background: #001102; color: #fff; }
.bg-grey      { background: #e5e5e5; }
.bg-white     { background: #fff; }
.bg-green     { background: #5E6626; }

.plan-1       { position:relative; z-index: 1; }
.plan-2       { position:relative; z-index: 2; }
.plan-3       { position:relative; z-index: 3; }
.plan-4       { position:relative; z-index: 4; }

.h145         { min-height: 145px; }
.h395         { min-height: 395px; }

.w40          { margin: 0 auto; width: 40%; }
.w60          { margin: 0 auto; width: 60%; }
.w80          { margin: 0 auto; width: 80%; }

.image-rounded { border-radius: 5px; }

.dynamic-content {
    padding: 20px 5px; }

 /* Typography */
body {
    font: normal 0.750em/1.5em  Arial,serif; }

html>body {
    font-size: 12px; }

h1 {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.1em; }

h2 {
    font-size: 1.6364em;
    font-weight: 300;
    line-height: 0.9167em;}

h3 {
    font-size: 1.8em;
    font-weight: 300;
    line-height: 1.2em;}

h4 {
    font-size: 1.32em;
    line-height: 1.375em;}

h4.h-green {
    background: #5e6626;
    margin: .5em 0;
    padding: 5px 20px; }

h4.h-pink {
    background: #6a0261;
    margin: .5em 0;
    padding: 5px 20px; }

h5 {
    font-size: 1em;
    line-height: 1.5em; }

h6 {
    font-size: 1em;
    line-height: 1.5em; }

p {
    font-size: 1em;
    line-height: 1.375em; }

li {
    margin: 0; }

.inline-two > div:first-child {
    float: left;
    width: 49%; }

.inline-two > div:first-child + div {
    float: right;
    width: 49%; }

/* ----------------------------------------------------------------
    3. COMMON
 * ---------------------------------------------------------------- */
 /* BUTTONS */
 button,
.button,
.white a.button {
    background: url("../gfx/bg/button.png") 0 0 repeat-x #d5d5d5;
    border: 0 none;
    border-bottom: 1px solid #aeb0ae;
    color: #122205;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    overflow: visible;
    padding: 0 10px;
    white-space: nowrap; }

.white a.button:hover {
    color: #7E8733; }

 button,
 button > span,
.button,
.button > span {
    border-radius: 5px;
    display: inline-block;
    height: 28px;
    line-height: 28px;}

 button:hover,
.button:hover {
    text-decoration: none; }

  /* Button Small */
 button.small,
 button.small > span,
.button.small,
.button.small > span {
    height: 22px;
    line-height: 22px;}
    
  /* Button Big Green */
 button.green.big,
.button.green.big {
    background: url("../gfx/btn/green-big.png") 0 0 repeat-x;
    border-radius: 15px;
    color: #fff;
    font-size: 1.2em;
    height: 36px;
    line-height: 36px; }
    

 /* Links */
a.color-black:hover {
    color: #7E8733 !important; }

  /* BOXES */
.box + .box,
.box + .columns,
.columns + .box,
.columns + .columns  {
    margin: 15px 0 0; }

.inline-two .box + .box {
    margin-top: 0; }

.box {
    position: relative; }

.box-header {
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 5px 20px;
    padding: 10px 15px 10px 0; }

.box-header h3 {
    font-size: 16px;
    text-transform: uppercase; }

.box-header h3 .versus {
    color: #99a331;
    padding: 0 3px;
    text-transform: lowercase; }

.box-header h3.clean-ico a {
    background: none !important; }

.video-head-wrapp h2 a,
.box h3 a {
    display: inline-block;
    line-height: 21px;
    padding-right: 28px; }

.box > h4 {
    margin: 10px 20px; }

.box-body.spaced {
    padding: 0 5px 5px; }

.box .bg-dark {
    border-radius: 0 0 9px 9px; }

.ribbon {
    background: url("../gfx/sprite/header-corner.png") no-repeat 0 0 transparent;
    height: 49px;
    left: 0;
    position: absolute;
    top: 0;
    width: 11px; }

.ribbon.green {
    background-position: 0 -50px; }

.ribbon.light {
    background-position: 0 -100px; }

.ribbon.turquoise {
    background-position: 0 -150px; }

.ribbon.blue {
    background-position: 0 -200px; }

.ribbon.pink {
    background-position: 0 -250px; }

 /* Box Light */
.box.white {
    background-color: #fff;
    border-radius: 10px; }

.video-head-wrapp h2 a,
.white .box-header h3 a {
    background: url("../gfx/btn/header-btn.png") right 0 no-repeat;
    color: #333; }

.video-head-wrapp h2 a:hover,
.white .box-header h3 a:hover {
    background-position: right -50px;
    color: #97A71F; }

.white a {
    color: #7e8733; }

.white a:hover {
    color: #000; }

.white .bg-dark a:hover {
    color: #fff; }

 /* Box Dark */
.box.dark {
    background: #001102;
    border-radius: 10px;
    color: #fff; }

.box.dark .info-head {
    background: none; }

.box .box-header.dark-green,
.box.dark .box-header {
    border-bottom-color: #0f2d0e; }

.dark .box-header h3 {
    color: #fff; }

.box .box-header.dark-green h3 a,
.dark .box-header h3 a {
    background: url("../gfx/btn/header-btn-2.png") right 0 no-repeat;}

.box .box-header.dark-green h3 a:hover,
.dark .box-header h3 a:hover  {
    background-position: right -50px; }

.box.dark .bg-white,
.box.dark .bg-grey,
.box.black .bg-white {
    color: #000; }

 /* Box Black */
.box.black {
    background: #000;
    border-radius: 10px;
    color: #fff; }

.box.black  .box-header {
    border-bottom-color: #0f2d0e; }

 /* Box Green */
.box.green {
    background: #68762f;
    border-radius: 10px; }

.box.green .box-header {
    border-bottom: 0; }

.box.green .clock-ico {
    background-image: url("../gfx/ico/clock-ico-green.png");
    color: #d7dac8;
    font-size: 12px; }

.clock-ico .ico-photo {
    background: url("../gfx/ico/ico-photo-small.png") right center no-repeat;
    padding-right: 15px; }

.clock-ico .ico-video {
    background: url("../gfx/ico/ico-video-green.png") right center no-repeat;
    padding-right: 15px; }

 /* Box Blue */
.box.blue {
    background: #000d26;
    border-radius: 10px;
    color: #fff; }

.box.blue .box-header {
    border-bottom-color: #27464b; }

.box.blue .button:hover {
    color: #42c0bd; }

 /* Box Pink */
.box.pink {
    background: #360039;
    border-radius: 10px;
    color: #fff; }

div.box-header.pink,
.box.pink .box-header {
    border-bottom-color: #830f5b; }

.box.pink .button:hover {
    color: #b1166c; }

.box.pink .white,
.box.pink .bg-white,
.box.pink .bg-grey {
    color: #111; }

  /* Coloured */
.box.pink.coloured {
    background: url("../gfx/bg/boxpink-bg.png") center 0 no-repeat #360039; }

 /* Box Twitter */
.box.twitter {
    background: #007587;
    border-radius: 10px;
    padding: 5px 0 5px 5px; }

 /* Box Advertisement */
.box.advertisement {
    text-align: center; }

 /* Box Facebook */
.box.white.box-facebook {
    padding: 20px 0 15px 20px; }

.box-body > .buttons-container {
    padding: 15px 20px;
    text-align: right; }

 /* COLUMNS */
.col-thin {
    float: left;
    width: 258px; }

.col-wide {
    float: right;
    width: 402px; }

.col-wide .table-light-container.rounded-bottom {
    padding: 10px 0; }

.cols-two .column {
    float: left;
    width: 50%; }

 /* COMMENTS */
.list.comments {
    padding: 0 5px 5px; }

.comments .comment {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    margin: 10px 0;
    padding: 10px; }

.comment-header {
    margin: .5em 0 1em; }

.comment-content {
    margin: 1em 0; }

.box.comments > .comments > li > .comments {
    margin-left: 35px;
    padding: 0; }

.add-comment {
    background: #d3d3d3;
    border-radius: 0 0 10px 10px;
    padding: 20px 20px 10px; }

.add-comment form {
    margin: 15px 0; }

 /* FORMS */
label {
    cursor: pointer; }

.form .element {
    clear: left;
    padding: 8px 0; }

.form .text label,
.form .textarea label,
.form .select label {
    float: left;
    font-size: 13px;
    padding: 5px 15px 0 0;
    text-align: right;
    width: 115px; }

.form .hint {
    padding-left: 130px; }

.form .text input,
.form .textarea textarea,
.form .select select {
    background: #fff;
    border: 1px solid;
    border-color: #999999 #d3d3d3 #d3d3d3;
    border-radius: 5px;
    float: left;
    padding: 5px 10px;
    width: 60%; }

.form .textarea textarea {
    height: 200px;
    min-width: 60%;
    max-width: 60%; }

.form .buttons-container {
    clear: left;
    margin: 10px 0 0 150px;
    text-align: right;
    width: 60%; }

  /* Add Comment Form */
.add-comment .element.text input {
    width: 200px; }

.add-comment .element.text .checkbox {
    float: left;
    margin: 0 0 0 60px;
    position: relative;
    white-space: nowrap; }

.add-comment .element.text .checkbox input {
    background: transparent;
    border: 0;
    float: none;
    left: 0;
    margin: 0 5px 0 0;
    padding: 0;
    position: absolute;
    top: 8px;
    width: auto; }

 /* Form Search - Box Header */
.form-search-header{
    background: url("../gfx/bg/search-bg.png") 0 0 no-repeat;
    height: 26px;
    width: 166px; }

.form-search-header input[type=text] {
    background: none;
    border: 0;
    color: #0f0f0f;
    float: left;
    font-size: 12px;
    margin: 2px 0 0;
    padding: 4px 10px;
    width: 120px; }

.form-search-header input[type=image] {
    float: right;
    margin: 6px 6px 0 0;
    vertical-align: middle; }

.form-search-header + p.right + h3,
.form-search-header + h3 {
    margin-top: 3px; }

.form-search-header + p.right {
    margin-right: 10px;
    margin-top: 2px; }

 /* Turquoise Search */
.box.blue .form-search-header {
    background-image: url("../gfx/bg/search-bg-turquoise.png");
    height: 27px;}

.box.blue .form-search-header input[type=text] {
    color: #fff; }

 /* Green Search */
.box.dark .form-search-header {
    background-image: url("../gfx/bg/search-bg-green.png"); }

.box.dark .form-search-header input[type=text] {
    color: #fff; }

 /* ICONS */
.ico-calendar {
    background: url("../gfx/ico/ico-calendar.png") right center no-repeat;
    padding: 0 20px 0 0; }

.ico-reload {
    background: url("../gfx/ico/ico-reload.png") right center no-repeat;
    padding: 0 20px 0 0; }

 /* Media Headings */
.ico-media-video,
.ico-media-photo {
    background: url("../gfx/sprite/ico-media.png") 0 -5px no-repeat;
    padding-left: 31px; }

.ico-media-photo {
    background-position: 0 -65px; }

.bg-dark .ico-media-video,
.box.dark .ico-media-video {
    background-position: 0 -35px; }

.bg-dark .ico-media-photo,
.box.dark .ico-media-photo {
    background-position: 0 -95px; }

 /* LISTS */
.list-labeled.big {
    margin: 4px 0; }

.list-labeled.big li {
    padding: 5px 0; }

.list-labeled.big .label {
    font-size: 1.2em; }

 /* TABLES */
.table-container {
    background: url("../gfx/bg/table-head-bg.png") repeat-x left top transparent;
    margin: 6px; }

.table-sorter th {
    border-left: 1px solid #041403;
    cursor: pointer;
    background: url(../gfx/misc/table-sorter.png) center bottom no-repeat; }

.table-sorter th.headerSortUp {
    background-image: url(../gfx/misc/table-sorter-down.png); }

.table-sorter th.headerSortDown {
    background-image: url(../gfx/misc/table-sorter-up.png); }

.table-container th:first-child {
    border-left: 0;
    background: none; }

.table-container td {
    border: 1px #1e290c;
    border-style: solid none none solid;
    width: 10%; }

.table-container td:first-child {
    border-left: 0;
    text-align: left;
    width: 20%; }

.box .table-score {
    width: 100%; }

.table-score td {
    background: #001102; }

.table-score .odd {
    background: none; }

.table-score .odd td {
    border-color: #041403;
    background: #1E290C; }

.table-container span + .flag {
    margin-left: 10px; }

 /* Table Player */
.table-player td,
.table-player th {
    line-height: 12px;
    padding: 3px; }

.table-player td.score {
    min-width: 100px;
    width: 100px; }

.table-player td:first-child {
    width: auto; }

.table-player td:first-child + td {
    min-width: 73px; }

.table-player th {
    border-left: 1px solid #041403; }

.table-player th:first-child {
    border-left: 0; }

.table-player td .flag {
    margin: 0 3px;
    padding: 0;
    width: 21px; }

 /* Table Light */
.table-light {
    color: #000; }

.table-light td,
.table-light th {
    background: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 34px;
    padding: 0 1%;
    text-align: center;
    width: 18%; }

.table-light .odd td {
    background: #dfdfdf; }

.table-light td a {
    color: #222; }

.table-light tr:hover td {
    background: #001102 !important;
    color: #c9d241; }

.table-light tr:hover td a,
.table-light tr:hover td a:hover {
    color: #c9d241; }

 /* Table Dark */
.table-dark td {
    background: #001102;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 34px;
    padding: 0 1%;
    text-align: center;
    width: 18%; }

.table-dark td a {
    color: #fff; }

.table-dark .odd td {
    background: #5e605f; }

.table-dark tr:hover td {
    background: #68762f; }

 /* Table Green */
.table-green {
    color: #fff; }

.table-green th {
    background: url("../gfx/bg/table-head-bg.png") repeat-x left top #3e4517;
    border-left: 1px solid #041403; }

.table-green td {
    border: 1px #1e290c;
    border-style: solid none none solid; }

.table-green .odd td {
    border-color: #041403;
    background: #1E290C; }

.table-team td:first-child,
.table-team th:first-child {
    border-left: 0; }

 /* Table Bordered */
.box .table-bordered tr:last-child td:first-child {
    border-radius: 0 0 0 10px; }

.box .table-bordered tr:last-child td:last-child {
    border-radius: 0 0 10px 0; }

 /* TABS */
.list-tabs li {
    float: left;
    height: 31px;
    line-height: 12px;
    margin: 0 3px; }

.list-tabs li.label {
    padding: 3px 10px 0 0;
    height: 28px;
    text-align: right; }

.list-tabs li.label.inline {
    line-height: 24px;  }

.list-tabs a {
    background: #b3b7be;
    border-radius: 5px 5px 0 0;
    color: #353739;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding: 3px 9px;
    text-align: center; }

.list-tabs a.double {
    line-height: 12px;
    padding: 4px 9px 2px; }

.list-tabs a:hover,
.list-tabs .active a {
    background: #fff;
    color: #222; }

 /* Tabs Grey */
.list-tabs.grey {
    margin-right: 10px; }

 /* Tabs Grey Dark */
.list-tabs.grey-dark {
    margin-right: 10px; }

.list-tabs.grey-dark a {
    background: #b3b8b4; }

.list-tabs.grey-dark a:hover,
.list-tabs.grey-dark .active a {
    background: #fff; }

 /* Tabs Green */
.list-tabs.green {
    border-bottom: 1px solid #2e3b14;
    margin: 0 5px;
    position: relative; }

.list-tabs.green li {
    height: 27px; }

.list-tabs.green a {
    background: #001102;
    border: 1px solid #2e3b14;
    border-bottom: 0;
    color: #b3b8b4;
    height: 20px;
    line-height: 20px; }

.list-tabs.green a:hover,
.list-tabs.green .active a {
    background: #717839;
    color: #fff; }

.list-tabs.green .active a {
    position: relative;
    height: 21px; }

 /* Tabs Pink */
.list-tabs.pink {
    padding: 5px 0 0 15px; }

.list-tabs.pink a {
    background: #360039;
    color: #f1eef2; }

.list-tabs.pink a:hover,
.list-tabs.pink .active a {
    background: #fff;
    color: #222; }

/* ----------------------------------------------------------------
    4. STRUCTURE
 * ---------------------------------------------------------------- */
.right-side + .main-content {
    float: left;
    width: 674px; }

.main-content {
    margin: 0 0 40px; }

.message {
    font-size: 1.4em;
    padding: 15px; }


/* ----------------------------------------------------------------
    5. MODULES
        Articles
        Broadcast
        Experts
        Home (Overrides)
        Match
        Media
        PLayer
        Results
        Stadium
        Statistics
        Team
 * ---------------------------------------------------------------- */

 /* --------------------------
   Articles
 * --------------------------- */
.article {
    background: #fff;
    border-radius: 10px; }

.article > p {
    margin-left: 20px;
    margin-right: 20px; }

.article-header {
    padding: 24px 20px 4px; }

.article-buttons {
    float: right;
    margin: 8px 0 0;
    width: 120px;}

.article-buttons li {
    background: url("../gfx/ico/ico-article.png") center center no-repeat;
    float: left;
    height: 24px;
    margin: 0 2px; }

.article-buttons a {
    color: #000;
    display: inline-block;
    height: 24px;
    font-weight: bold;
    line-height: 24px;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    width: 26px; }

.article-buttons a.current,
.article-buttons a:hover {
    text-decoration: underline; }

.article-buttons .letters-small {
    font-size: 11px; }

.article-buttons .letters-normal {
    font-size: 13px; }

.article-buttons .letters-big {
    font-size: 15px; }

.article-buttons .ico-print {
    background: url("../gfx/sprite/ico-article.png") center 0 no-repeat;
    float: left;
    text-indent: -9999em; }

.article-header  h1 {
    color: #000;
    float: left;
    font-size: 34px;
    line-height: 40px;
    width: 505px; }

.article-meta {
    color: #808080; }

.article-excerpt {
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0; }

.article-tags {
    margin: 1em 0; }

.article .box-facebook {
    border-top: 1px solid #dfdfdf;
    padding: 15px 20px; }

.article .ico-video {
    background: url("../gfx/sprite/ico-article.png") center -28px no-repeat;
    display: inline-block;
    height: 12px;
    line-height: 12px;
    overflow: hidden;
    width: 22px; }

 /* Articles Listings */
.list-articles li {
    color: #383838;
    margin-right: 5px;
    min-height: 80px;
    padding: 5px;
    position: relative; }

.list-articles .data {
    margin-left: 20px; }

.list-articles .image.left {
    overflow: hidden;
    padding: 5px 0 0;
    position: relative;
    width: 96px; }

.list-articles .image.left img {
    border-radius: 5px; }

.list-articles .image.left + .data {
    margin-left: 111px; }

.list-articles h4 {
    margin-right: 50px; }

.list-articles p {
    margin: .2em 120px .2em 0; }

.list-articles h4 a {
    color: #111; }

.list-articles h4 a:hover {
    color: #97A71F; }

.list-articles .balloon {
    right: 5px;
    top: 8px; }

.listing-facebook {
    bottom: 8px;
    position: absolute;
    right: 5px; }

 /* Wide */
.list-articles.wide {
    padding: 10px 0 0; }

.list-articles.wide .image.left,
.list-articles.wide .image.left img {
    width: 130px; }

.list-articles.wide .image.left + .data {
    margin-left: 145px; }


 /* Media Object (in Articles) */
.media-object.image {
    padding: 0 5px;
    position: relative;
    text-align: center; }

.media-object.image img {
    border-radius: 5px;
    max-width: 665px; }

.media-object-description {
    background: #000;
    background: rgba(0,0,0,.8);
    border-radius: 3px;
    bottom: 20px;
    color: #fff;
    display: inline-block;
    left: 20px;
    position: absolute;
    max-width: 400px; }

.media-object-description span {
    display: inline-block;
    padding: 10px; }

.widget .media-object-description {
    bottom: 0;
    left: 0;
    max-width: 253px;
    width: 100%; }

.widget.related-item {
    position: relative;
    width: 253px; }

.widget.related-item img {
    border-radius: 5px; }

 /* Related Articles */
.list.related li {
    border-top: 1px solid #d3d3d3;
    padding: 10px;
    position: relative; }

.list.related li:first-child {
    border-top: 0; }

.list.related li a {
    color: #000; }

.list.related li a:hover {
    color: #7e8733; }

.list.related li p {
    margin: 0 40px 0 0; }

.list.related li .balloon {
    right: 10px;
    top: 8px; }
    

 /* Polls */
.poll {
    border: 1px solid #d3d3d3;
    border-radius: 5px; }
    
.poll-header {
    padding: 10px 10px 0; }
    
.poll-header p.right {
    color: #808080;
    margin-top: .5em; }
    
.poll-body {
    overflow: hidden;
    position: relative; }
    
.poll-body .inner {
    min-height: 190px;
    position: relative;
    z-index: 1; }
    
.poll-body .poll-object {
    position: absolute;
    right: 10px; 
    bottom: 0; 
    z-index: 0; }
    
.poll-question {
    font-size: 1.2em; 
    margin: 7px 10px 10px; }
    
.poll-caption {
    font-size: 1.2em;
    margin: 5px 10px 0; }
    
  /* Poll - Buttons */    
.poll-buttons {
    bottom: 0;
    left: 0;
    padding: 10px; 
    position: absolute;}
    
.poll-buttons a {
    background: url("../gfx/bg/poll-btn.png") 0 0 repeat-x;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 1.3em;
    height: 34px;
    line-height: 34px;
    max-width: 54px;
    min-width: 30px;
    padding: 0 5px;
    text-align: center;
    text-shadow: -1px -1px #021c23;
    text-transform: uppercase;
    width: auto; }
    
.poll-buttons a:hover {
    color: #fff; }
    
.poll-buttons a + a {
    margin-left: 5px; }
    
 /* Poll A */
.poll-a.results .poll-body > .inner {
    min-height: 220px; }
 
  /* Player Profile in Poll */
.poll-object .player-profile {
    margin: 35px 0 0; 
    padding: 0;
    width: 190px; }
    
.poll-a.results .poll-object .player-profile {
    width: 180px; }
 
.poll-object .player-prop {
    height: 151px;
    overflow: visible;
    padding-left: 0; 
    width: 138px; }
    
.poll-object .player-prop-cover {
    height: 151px;
    width: 138px; }
    
.poll-object .player-prop img {
    max-height: 150px;
    width: 128px !important; }

.poll-object .player-prop-cover {
    background: url("../gfx/bg/poll-player.png") 0 0 no-repeat; }
    
.poll-object p.prop {
    min-width: 50px; }

.poll-object .player-prop .flag {
    bottom: 15px;
    left: 75px; }

.poll-object .player-prop .prop {
    color: #010101; }

.poll-object .player-prop .prop span {
    color: #c71a78; }

.poll-object .player-prop .weight {
    left: 120px;
    top: -10px; }

.poll-object .player-prop .height {
    left: 142px;
    top: 50px; }

.poll-object .player-prop .position {
    left: 115px;
    top: 115px; }
    
  /* Poll A - Results */
.poll-a .poll-results {
    bottom: 5px;
    left: 0;
    position: absolute;}
    
.poll-a .vertical-stats li {
    height: auto; }
  
.poll-a .vertical-stats .stats-bg > div {
    height: 23px;
    margin: 0;
    width: 50%; }
    
.poll-a .poll-results .vertical-stats .bar {
    height: 23px;
    margin: 1px 0 0;
    min-width: 35px;
    padding: 0; }
    
.poll-a .vertical-stats .left .bar {
    background: url("../gfx/bg/poll-result-left.png") 0 0 no-repeat #59044d;
    text-align: right; }
    
.poll-a .vertical-stats .right .bar {
    background: url("../gfx/bg/poll-result-right.png") right center no-repeat;
    text-align: left; }
  
.poll-a .vertical-stats .bar {
    min-width: 18px; }
    
.poll-a .vertical-stats .stats-labels {
    color: #000; }
    
.poll-a .vertical-stats .stats-labels span {
    margin: 0 3px; }
    
 /* Poll B */
.poll-b .poll-body > .inner {
    min-height: 200px; }
 
.poll-radio {
    margin: -2px 0 0 15px; }
    
.poll-radio label {
    background: url("../gfx/bg/poll-radio.png") 0 center no-repeat;
    display: block;
    margin: 4px; }
    
.poll-radio input {
    margin: 1px 5px 3px 3px; }
    
.poll-vs {
    display: block;
    height: 150px;
    width: 230px; }
    
.poll-vs .poll-one {
    bottom: 4px; 
    left: 0;
    position: absolute;
    top: auto; }
    
.poll-vs .poll-two {
    position: absolute;
    top: 10px;
    right: -10px; }
    
.poll-vs-label {
    position: absolute;
    left: 103px;
    top: 47%; }
    
.results .poll-vs {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 110px; }
    
.results .poll-vs .poll-one {
    bottom: 80px; 
    left: 0;
    top: auto; }
    
.results .poll-vs .poll-two {
    top: 90px;
    right: -10px; }
    
.results .poll-vs-label {
    position: absolute;
    left: 40%;
    top: 47%; }
    
#poll-plot {
    color: #fff;
    height:240px;
    margin-top:-40px;  
    width:158px; }
    
.results .jqplot-table-legend {
    color: #222;
    left: 0 !important;
    bottom: 33px !important; }
    
 /* Poll C */
.poll-c .poll-body {
    background: url("../gfx/bg/poll-c-1.jpg") center bottom no-repeat; }
    
.poll-c.results .poll-body {
    background: url("../gfx/bg/poll-c-2.jpg") right bottom no-repeat; } 
    
.poll-c .flag {
    margin: 0 70px 10px 0; 
    padding: 0; }
    
.poll-c.results .flag {
    float: right;
    margin: 0 20px 45px 0; }
    
  /* Poll C - Counter */
.poll-counter {
    margin: 10px 0 0 65px; }
 
.poll .js-input,
.poll .js-minus,
.poll .js-plus {
    background: url("../gfx/sprite/poll-counter.png") 0 -999px no-repeat;
    float: left;
    margin: 0 3px; }
    
.poll .js-minus,
.poll .js-plus {
    cursor: pointer;
    display: block; 
    height: 24px;
    margin: 8px 0 0; 
    width: 25px; }
    
.poll .js-minus {
    background-position: 0 -44px; }
    
.poll .js-plus {
    background-position: right -44px; }
    
.poll .js-input {
    background: url("../gfx/sprite/poll-counter.png") -1px -1px no-repeat;
    border: 0;
    color: #000;
    font-size: 1.4em;
    font-weight: bold;
    height: 42px;
    padding: 0 2px;
    text-align: center;
    width: 45px; }

  /* Poll C - Results */ 
.poll-results {
    margin: 10px;
    width: 128px; }
  
.poll-results .vertical-stats {
    color: #fff;
    padding: 0; }
    
.poll-results .vertical-stats li {
    margin: 4px 0; }
    
.poll-c .vertical-stats .label-percent {
    float: left; 
    font-size: .85em;
    padding: 0 0 0 2px; }
    
.poll-results .vertical-stats .bg-line {
    background: #f2d1e4;
    margin-top: 0px; }
    
.poll-c .vertical-stats .stats-bg {
    width: 105px; }
    
.poll-c .vertical-stats .bar {
    background: url("../gfx/bg/poll-result-c.png") right center no-repeat #b41772;
    float: left; 
    min-width: 18px;
    padding-left: 10px; }

 /* --------------------------
   Broadcast
 * --------------------------- */
.top {
    position: relative;
    z-index: 2; }

.section-broadcast {
    background: url("../gfx/bg/broadcast.jpg") center 0 no-repeat;
    position: relative;
    margin: 0 0 -30px;
    padding: 150px 0 50px;
    top: -40px;
    z-index: 1; }

.box-broadcast {
    height: 500px;
    margin: 0 auto;
    padding: 0 0 50px 50px;
    position: relative;
    width: 940px; }

 /* Broadcast Info */
.broadcast-info {
    color: #fff;
    font-size: 28px;
    margin: 20px 0 0;
    height: 130px;
    text-transform: uppercase; }

.broadcast-info h2 {
    color: #e1e1e1;
    float: left;
    font-size: 40px;
    line-height: 70px;
    padding: 0 0 0 80px;
    text-shadow: 1px 1px #5b6124;
    width: 270px; }

.broadcast-info .match-info .team {
    width: 175px; }

 /* Broadcast Content */
.box-broadcast .column {
    float: left;
    width: 400px; }

.box-broadcast .column + .column {
    float: right;
    width: 530px; }

.box-broadcast h3 {
    border-bottom: 1px solid #eeefe4;
    font-size: 1.3em;
    margin: .2em 0 .8em;
    padding: .3em 0; }

.box-broadcast .buttons-container {
    padding: 20px 0 0;
    text-align: center; }

.box-broadcast .button {
    background: url("../gfx/bg/button-live.png") center center no-repeat;
    border: 0;
    border-radius: 0;
    color: #fff;
    font-size: 20px;
    height: 56px;
    line-height: 46px;
    margin-left: -4px;
    text-shadow: 1px 1px solid #112328;
    width: 256px; }

.broadcast-content {
    height: 210px;
    overflow: auto; }

.broadcast td {
    padding: 5px 1%; }

.broadcast .odd td {
    background: #dfdfdf; }

.broadcast .ico,
.broadcast .time {
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    width: 12%; }

.broadcast .description {
    text-align: left; }

 /* DOUBLE BROADCAST */
.section-broadcast.double {
    background-image: url("../gfx/bg/broadcast-double.jpg"); }

.double .box-broadcast .column {
    width: 47%; }

.double .box-broadcast .column + .column {
    padding-right: 3px; }

.double .broadcast-info {
    font-size: 20px; }

.double .match-info .team {
    width: 125px; }

.double .broadcast-info .team.left {
    padding: 0 60px 0 0; }

.double .broadcast-info .team.right {
    padding: 0 0 0 60px; }

.double .broadcast-info .flag {
    height: 51px;
    width: 51px; }

.double .match-info .score {
    width: 68px; }


 /* --------------------------
   EXPERTS
 * --------------------------- */
 /* Site */
.box-expert .box-body {
    padding: 5px 0 15px; }

.box-expert .image.left {
    margin: 10px 0 0 20px;
    width: 160px; }

.box-expert .image.left img {
    max-width: 140px; }

.box-expert .data {
    margin-right: 30px; }

.box-expert h1 {
    color: #bfc83c;
    font-size: 25px;
    margin: 1em 0 0; }

.box-expert .expert-description {
    font-size: 14px;
    margin: 1.5em .5em .5em 0; }

 /* Articles Listing */
.list-expert-articles {
    padding: 5px; }

.list-expert-articles > li {
    background: #001102;
    border-radius: 5px;
    overflow: hidden; }

.list-expert-articles > li + li {
    margin-top: 10px; }

.list-expert-articles .image.left {
    padding: 5px;
    width: 143px; }

.list-expert-articles .image.left img {
    border-radius: 5px;
    max-width: 140px; }

.list-expert-articles .image.left h3 {
    color: #bfc83c;
    font-size: 22px;
    margin: 15px 0 0; }

.list-expert-articles .data {
    background: url("../gfx/bg/list-articles-data.gif") 0 0 repeat-y;
    border-radius: 5px 0 0 5px;
    overflow: hidden; }

.list-expert-articles .data .inner {
    background: url("../gfx/ico/quote-grey.png") 180px bottom no-repeat;
    min-height: 250px;
    position: relative; }

.article-expert-small {
    background: url("../gfx/ico/arrow.png") 0 15px no-repeat;
    float: left;
    padding: 10px 10px 50px 15px;
    position: relative;
    width: 237px; }

.article-expert-small .balloon {
    right: 10px;
    top: 10px; }

.article-expert-small h3 {
    margin: 0 20px 5px 0; }

.article-expert-small h3 a {
    color: #111;  }

.article-expert-small h3 a:hover {
    color: #97A71F; }

.article-expert-small .clock-ico {
    margin: 5px 0; }

.expert-article-fb {
    bottom: 10px;
    left: 10px;
    position: absolute; }

.data .articles-others {
    border-radius: 0 5px 5px 0;
    float: right;
    width: 249px; }

.data .articles-others h3 {
    font-size: 16px;
    margin: 10px 10px 5px; }

.list-others li {
    border-top: 1px solid #d3d3d3;
    min-height: auto;
    padding: 10px; }

.list-others li:first-child {
    border: 0; }

.list-others h4 {
    font-size: 12px; }

.list-others h4 a {
    background: none; }

.list-others .right-text a {
    color: #4c4c4c; }

.list-others .right-text a:hover {
    color: #97A71F; }

.list-others .ico-video {
    background-image: url("../gfx/ico/ico-video-grey.png"); }

.list-others .ico-photo {
    background-image: url("../gfx/ico/ico-photo-grey.png"); }

 /* Article */
.article-expert {
    margin: 30px 0 5px 5px;
    width: 155px; }

.article-expert img {
    border-radius: 5px;
    display: block;
    max-width: 140px; }

.article-expert + .article-header {
    margin-left: 155px;
    padding: 24px 10px 0 0; }

.article-expert + .article-header + .article-meta {
    margin: 4px 0 0 160px; }

.article-expert + .article-header h1 {
    float: none;
    width: 383px; }

.media-object + .box-facebook {
    padding-top: 25px; }


 /* --------------------------
   HOME (Overrides)
 * --------------------------- */
 /* Slider Main */
.slider-main {
    height: 342px;
    padding: 5px;
	position: relative;
	overflow: hidden;
    width: 664px; }

.slider-main .slider-left {
    float: left;
    height: 342px;
    overflow: hidden;
    position: relative;
    width: 456px; }

.slider-main .slider-left {
    border-radius: 10px;
    overflow: hidden; }

.slider-main .slider-item {
	width: 456px;
	overflow: hidden;
    position: relative;
	float: left; }

.slider-main .slider-left img {
    display: block;
    max-height: 342px;
    max-width: 456px; }

.slider-right {
    float: right;
    height: 305px;
    overflow: hidden;
    position: relative;
    width: 202px; }

.slider-right .small-topic {
    height: 150px;
    margin: 0 0 5px;
    overflow: hidden;
    position: relative;
    width: 200px; }

.slider-main .slider-right a {
    display: block;
    height: 150px; }

.slider-main .slider-right img {
    border-radius: 5px;
    display: block;
    max-height: 150px;
    max-width: 200px; }

.slider-main .slider-nav {
    right: 25px; }

.slider-list,
#slider-list{
	display: block;
    overflow: hidden;
	position: absolute;
    width: 9000px; }

#slider-min-list {
	display: block;
	height: 9000px;
    overflow: hidden;
	position: absolute; }

 /* Slider News */
.slider-news,
.slider-news .slider-container {
    height: 293px;
	position: relative;
	overflow: hidden;
    width: 664px; }

.slider-news {
    padding: 5px; }

.slider-news .slider-item {
	float: left;
	overflow: hidden;
    position: relative;
    width: 664px; }

.slider-news .slider-nav-container {
    background: url("../gfx/bg/slider-news.png") 0 0 no-repeat;
    bottom: 0;
    height: 44px;
    padding: 20px 0 0 20px;
    position: absolute;
    right: 0;
    width: 154px; }

.slider-news .content-nav {
    bottom: 8px; }

.slider-news .main-topic img {
    border-radius: 10px; }

.slider-news .slider-nav {
    bottom: 14px;
    right: 0; }

.slider-news .slider-nav li.first a {
    margin-left: 10px; }

 /* Stadium Bg */
.left-side .columns.inline-two,
#tabeles + .columns {
    position: relative;
    z-index: 22; }

.box-stadiums {
    position: relative;
    z-index: 0; }

.box-stadiums #stadiums-box{
    background: rgba(0,1,16,.81);
    z-index: 1; }

.box-stadiums .flower-bg {
	background: url(../gfx/bg/flover-bg.png) no-repeat;
    bottom: 90px;
    width: 328px;
	height: 605px;
	position: absolute;
	left: -160px; }

 /* --------------------------
   Match
 * --------------------------- */

 /* Match Info */
.match-info .team {
    overflow: hidden;
    position: relative; }

.match-info .team.left {
    padding: 0 80px 0 0;
    text-align: right; }

.match-info .team.left .team-fb {
    float: right; }

.match-info .team.right {
    padding: 0 0 0 80px; }

.match-info .flag {
    padding: 0;
    position: absolute;
    top: 0;  }

.match-info .team.left .flag  {
    right: 0; }

.match-info .team.left .flag.big  {
    right: 2px; }

.match-info .team.right .flag  {
    left: 0; }

.match-info .name {
    margin: .2em 0;
    white-space: nowrap; }

.match-info .score {
    float: left;
    font-size: 1.3em;
    margin: .3em 0;
    text-align: center;
    white-space: nowrap;
    width: 80px; }

.match-info .score span {
    text-decoration: blink; }

 /* Match Leads */

  /* Match - Before */
.match-before {
    background: url("../gfx/bg/match-before.png") 0 0 no-repeat;
    color: #fff;
    height: 329px;
    margin-left: -2px;
    position: relative;
    width: 677px; }

.match-before .box-header {
    border: 0;
    height: 105px;
    margin: 0;
    padding: 0;
    text-align: center; }

.match-before .box-header h2,
.match-before .box-header h3 {
    text-shadow: 1px 1px #2f4010; }

.match-before .box-header h2 {
    font-size: 28px;
    margin: 23px 0 10px; }

.match-before .box-header h3 {
    font-size: 18px;
    text-transform: none; }

.match-before .match-info {
    font-size: 28px;
    height: 130px; }

.match-before .match-info .team {
    width: 195px; }

.match-before .match-info .team.left {
    padding: 20px 115px 0 0; }

.match-before .match-info .team.right {
    padding: 20px 0 0 115px; }

.match-before .match-info .flag {
    padding: 0;
    position: absolute;
    top: 0; }

.match-before .match-info .versus {
    color: #c71a78;
    float: left;
    font-size: 1em;
    margin: 1em 0;
    text-align: center;
    width: 50px; }

   /* Clock Small */
.countdown-container .label {
    color: #c61a78;
    display: inline-block;
    float: left;
    font-size: 16px;
    margin: 7px 0 0;
    text-align: right;
    text-transform: uppercase;
    width: 190px; }

.clock-small {
    margin: 0 auto;
    width: 250px; }

.clock-small .clock-part-name li {
    color: #c61a78;
    font-size: 11px;
    margin: 0 0 0 10px;
    width: 70px; }

.clock-small .clock-guid {
    margin: 0; }

.clock-small .clock-guid li {
    margin: 0 0 0 10px;
    width: 70px; }

.clock-small .clock-guid li span {
    background: url("../gfx/bg/clocksmall-bg.png") no-repeat 0 0 transparent;
    color: #360039;
    display: block;
    font-size: 46px;
    height: 59px;
    line-height: 59px;
    width: 34px; }

  /* Match - After */
.match-lead {
    background-image: url("../gfx/bg/match-lead2.png"); }

.match-lead .box-body {
    height: 224px;}

.match-lead .score {
    font-size: 29px;
    margin: 25px 0 0;
    white-space: nowrap;
    width: 53px;
    position: relative; }

.match-lead .score .color-green {
    display: block;
    font-size: 14px;
    text-decoration: none; }

.match-info.match-bottom-details {
    height: 90px;
    overflow: hidden;
    text-align: center; }

.match-bottom-details .button {
    margin: 10px auto 0; }

.match-bottom-details .team.right {
    text-align: left; }

.match-lead  .match-bottom-details.match-info .team {
    padding: 0; }

.match-lead .card {
    background: url("../gfx/ico/card-yellow-big.png") 0 0 no-repeat;
    color: #000;
    display: inline-block;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    margin: 0 0 0 5px;
    text-align: center;
    width: 23px; }

.match-lead .card.card-red {
     background-image: url("../gfx/ico/card-red-big.png"); }

.match-lead .match-details {
    color: #c9d241;
    font-size: 12px;
    margin: 0 auto;
    width: 240px; }

.match-lead .match-details div {
    width: 45%; }

.match-lead .match-details .left {
    text-align: right; }

.match-lead .match-details .right {
    text-align: left; }


  /* Match - Live */
.match-live {
    background-image: url("../gfx/bg/match-lead-live.png"); }

.button-live {
    background: url("../gfx/btn/btn-live.png") 0 0 no-repeat;
    bottom: 10px;
    display: block;
    height: 51px;
    left: 0;
    position: absolute;
    width: 111px; }

 /* Box Timeline */
.box.timeline {
    background: url("../gfx/bg/box-timeline.png") 0 0 no-repeat;
    height: 135px;
    margin: 0 0 0 5px;
    position: relative;
    z-index: 2; }

.box.timeline .bg-pink {
    background: url("../gfx/bg/box-timeline-passed.png") 0 0 no-repeat;
    left: 0;
    height: 135px;
    max-width: 528px;
    padding: 0 0 0 67px;
    position: absolute;
    top: 0;
    z-index: 1; }

.box.timeline.finished .bg-pink {
    padding-right: 63px; }

.box.timeline .bg-pink .current-time {
    border-right: 1px solid #c71a78;
    cursor: pointer;
    display: block;
    float: right;
    height: 129px;
    margin: 1px 0 0;
    position: relative;
    width: 10px;  }

.box.timeline .timeline-body {
    color: #fff;
    padding: 25px 25px 0;
    position: relative;
    z-index: 2;}

.timeline .team-abbr {
    float: left;
    font-size: 16px;
    width: 24px;    }

.team .team-actions {
    float: left;

    height: 42px;
    line-height: 42px;
    position: relative;
    width: 528px;    }

.timeline .team,
.timeline .action {
    height: 42px;
    line-height: 42px;
    position: relative; }

.timeline .team,
.timeline .action img {
    line-height: 42px;
    vertical-align: middle; }

.timeline .team {
    position: relative;
    z-index: 2; }

.timeline .team + .team {
    margin-top: 11px;
    z-index: 1; }

.timeline .action {
    cursor: pointer;
    display: block;
    line-height: 42px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 36px; }

 /* Tooltip */
.team-positions .tooltip,
.timeline .tooltip {
    background: #fff;
    border: 1px solid #333;
    border-radius: 10px;
    color: #000;
    display: none;
    line-height: 14px;
    left: -36px;
    padding: 10px;
    position: absolute;
    text-align: left;
    top: 48px;
    width: 86px;
    z-index: 10; }

.team-positions .tooltip {
    left: -50px;
    top: 35px;
    width: 106px; }


.timeline .tooltip.small {
    left: -21px;
    text-align: center;
    top: 135px;
    width: 40px; }

.team-positions .player:hover .tooltip,
.team-positions .tooltip:hover,
.timeline .bg-pink .current-time:hover .tooltip,
.timeline .action:hover .tooltip,
.timeline .tooltip:hover {
    display: block; }

.timeline .tooltip-caption {
    display: block;
    font-size: 16px;
    margin: 0 0 3px;
    text-transform: uppercase; }

.tooltip .bg {
    background: url("../gfx/bg/tooltip-bg.png") center 0 no-repeat;
    display: block;
    height: 8px;
    left: 0;
    margin: -8px 0 0;
    position: absolute;
    top: 0;
    width: 100%; }

.timeline .tooltip-content {
    color: #6a782f;
    font-size: 10px; }

.timeline .tooltip-content span {
    display: block; }

.timeline .action-ico.action-goal {
    background: url("../gfx/ico/action-ico-goal.png") 0 0 no-repeat;
    display: inline-block;
    height: 16px;
    margin: 0 5px 0 0;
    overflow: hidden;
    width: 16px; }


 /* Box Positions */
.box-positions {
    padding: 10px 5px; }

.team-positions {
    background: url("../gfx/bg/pitch-bg.png") 0 0 no-repeat;
    height: 191px;
    margin: 10px 0;
    padding: 10px;
    width: 372px; }

.box-positions h3 span {
    font-size: 1.05em;
    margin: 10px 5px; }

.team-players-container {
    position: relative; }

.team-players-container span {
    display: block; }

.team-positions .player {
    background: url("../gfx/bg/player-pos.png") 0 0 no-repeat;
     cursor: pointer;
    height: 28px;
    line-height: 28px;
    position: absolute;
    text-align: center;
    width: 28px; }

.team-positions .blue .player {
    background-image: url("../gfx/bg/player-pos-blue.png"); }

.team-positions .number {
    color: #fff;
    font-size: 11px;
    text-shadow: -1px 1px #576015; }


.team-positions .blue .number {
    text-shadow: -1px 1px #106977 }

.team-positions .player .tooltip {
    display: none; }

.team-positions .line1 {
    left: 29px; }

.team-positions .line2 {
    left: 61px; }

.team-positions .line3 {
    left: 93px; }

.team-positions .line4 {
    left: 125px; }

.team-positions .line5 {
    left: 157px; }

.team-positions .line6 {
    left: 189px; }

.team-positions .line7 {
    left: 221px; }

.team-positions .line8 {
    left: 253px; }

.team-positions .line9 {
    left: 285px;  }

.team-positions .line10 {
    left: 317px;  }

.team-positions .pos1 {
    top: 8px;
    z-index: 16; }

.team-positions .pos2 {
    top: 44px;
    z-index: 15;}

.team-positions .pos25 {
    top: 60px;
    z-index: 14;}

.team-positions .pos3 {
    top: 80px;
    z-index: 13; }

.team-positions .pos35 {
    top: 98px;
    z-index: 12; }

.team-positions .pos4 {
    top: 116px;
    z-index: 11; }

.team-positions .pos5 {
    top: 152px;
    z-index: 10; }

 /* Box Live Broadcast/Video Transmission */
.box-live {
    z-index: 3; }

.box-live .box-body {
    padding: 5px 0 10px; }

.box-live .broadcast-content {
    background: #fff;
    color: #000;
    height: 330px; }

.box-live + .box.timeline {
    margin-top: -10px; }

 /* Box Matches */
.box-matches .box-body {
    padding: 0 0 10px; }
    
.box.team .team-members li {
    position: relative;
    padding-left: 28px; }

.team-members .number {
    color: #95a323;
    float: left;
    font-weight: bold;
    left: 0;
    padding: 0 5px 0 0;
    position: absolute;
    text-align: right;
    top: 1px;
    width: 22px; }

.team-members .color-grey,
.team-members .color-grey .number {
    color: #667; }

.box.team .columns {
    overflow: hidden;
    position: realtive; }

/* equal columns */
.box.team .column {
    margin-bottom: -999em;
	padding-bottom: 999em;
    /* ie7 */
    *margin-bottom: 0;
    *padding-bottom: 0; }

.box.team .column + .column {
    border-left: 1px solid #0f2d0e;
    margin-left: -1px;
    position: relative;
    z-index: 1; }

.box.team .box-body {
    padding: 2px 0 10px; }

.box.team li,
.box.team p {
    padding: 1px 0; }
    
.team-members.rate li {
    margin: 5px 0; }

.box.team p {
    margin-left: 27px;
    margin-right: 10px; }

.box.team p.rate {
    color: #5f6a60;
    font-size: 11px;
    margin-right: 5px; }

.box.team .rate-select {
    font-size: 11px;
    margin: 0 0 0 27px; }

.box.team .rate-select label {
    float: left;
    line-height: 14px;
    margin: 5px 0 0;
    width: 35px; }

.box.team .rate-select select {
    background: #1f2a0c;
    border: 0;
    border-radius: 10px;
    color: #fff;
    float: right;
    margin: 0 7px 0 0;
    padding: 10px 5px;
    width: 50px; }

.box.team .flag {
    margin-top: 5px;
    padding: 0;
    width: 22px; }

.box.team h5 {
    font-size: 1.3em;
    margin: .3em 0; }

.box.team .image.left img {
    border-radius: 5px;
    margin: 0 0 0 5px; }

.box.team .image.left + p {
    margin: 5px 10px 0 135px; }

 /* Green Tabs */
.h-green + .bg-green {
    margin-top: -10px;
    padding: 10px 0 0; }

.bg-green .list-tabs {
    border: 0; }

.bg-green .list-tabs a {
    background: #758124;
    border: 0;
    color: #d6d9be;
    height: 22px; }

.bg-green .list-tabs .active a {
    background: #001102;
    height: 22px; }

.box.team .bg-green + .tabber {
    margin: 10px 0 0; }

.box-after-transmission .box-body {
    padding: 20px 0 10px; }

.box-after-transmission .broadcast-content {
    height: 330px; }

 /* Horizontal Statiscits (Match After) */
.box-match-stats {
    background: url("../gfx/bg/hor-stats.png") center bottom no-repeat;
    margin: 0 0 -10px;  }

.box-match-stats h4 {
    margin: 10px 0 0 0; }

.box-match-stats .columns {
    padding: 0 0 20px; }

.box.team .box-match-stats .column + .column {
    border-left-color: #311122;
    border-left-color: rgba(190,18,118,.3); }

.bg-ball-stats {
    background: url("../gfx/bg/bg-ball-stats.jpg") center bottom no-repeat; }

.bg-match-stats{
    background: url("../gfx/bg/bg-match-stats.jpg") center bottom no-repeat; }

.horizontal-bar {
    height: 160px;
    position: relative; }

.horizontal-bar .summary {
    background: url("../gfx/bg/bar-summary-left.png") 0 0 no-repeat;
    cursor: help;
    display: block;
    font-size: 16px;
    height: 35px;
    left: -70px;
    line-height: 35px;
    padding: 0 19px 0 0;
    position: absolute;
    text-align: center;
    top: -20px;
    width: 35px; }

.horizontal-bar .bar,
.horizontal-bar .bar > .inner {
    background: url("../gfx/bg/hor-bar-green.png") center 0 no-repeat;
    display: block;
    width: 17px; }

.horizontal-bar .bar > .inner {
    background-color: #07270a;
    background-position: center -11px; }

.horizontal-bar .bar {
    bottom: 0;
    padding: 11px 0 0 0;
    position: absolute;
    text-align: center; }

.horizontal-bar > .bar {
    right: 20px; }

.horizontal-bar .bar .value {
    left: 0;
    position: absolute;
    top: 30%;
    width: 17px;}

.horizontal-bar .bar .bar {
    left: 0; }

.horizontal-bar .bar .bar + .value {
    top: 15%; }

 /* Right Bar */
.column + .column .horizontal-bar > .bar {
    left: 20px;
    right: auto; }

.column + .column .horizontal-bar .summary {
    background-image: url("../gfx/bg/bar-summary-right.png");
    left: auto;
    padding: 0 0 0 19px;
    right: -70px; }

 /* Pink Bar */
.horizontal-bar .bar.bar-pink,
.horizontal-bar .bar.bar-pink > .inner {
    background-image: url("../gfx/bg/hor-bar-pink.png"); }

.horizontal-bar .bar.bar-pink > .inner {
    background-color: #52034a; }

 /* Vertical Statiscits (Match Before) */
.vertical-stats {
    overflow: hidden;
    padding: 3px 20px 10px 20px; }

.vertical-stats li {
    height: 25px;
    line-height: 25px;
    margin: 10px 0;
    position: relative;
    text-align: center; }

.vertical-stats .header {
    font-size: 14px;
    height: 33px;
    line-height: 33px; }

.vertical-stats .header .flag {
    font-size: 20px;
    margin: 3px 2px 0 2px;
    text-transform: uppercase; }

.vertical-stats .left .flag {
    padding-left: 30px; }

.vertical-stats .right .flag {
    padding-right: 30px; }

.vertical-stats .stats-title,
.vertical-stats .stats-title span {
    background: url("../gfx/btn/vertical-stats.png") right -33px no-repeat;
    color: #fff;
    display: inline-block;
    height: 33px;
    line-height: 33px; }

.vertical-stats .stats-title {
    padding: 0 16px 0 0;
    text-transform: uppercase; }

.vertical-stats .stats-title span {
    background-position: 0 0;
    padding: 0 14px 0 30px; }

.vertical-stats .stats-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1; }

.vertical-stats .stats-bg > div {
    height: 25px;
    width: 35%; }

.vertical-stats .stats-bg .left {
    margin-left: 15%; }

.vertical-stats .stats-bg .right {
    margin-right: 15%; }

.vertical-stats .bar {

    display: block;
    height: 17px;
    margin: 4px 0 0;
    overflow: hidden;  }

.vertical-stats .left .bar {
    background: url("../gfx/bg/bar-left.png") 0 center no-repeat #53034a;
    float: right;
    padding-right: 60px; }

.vertical-stats .right .bar {
    background: url("../gfx/bg/bar-right.png") right center no-repeat #53034a;
    float: left;
    padding-left: 60px; }

.vertical-stats .stats-text {
    position: relative;
    z-index:3; }

.vertical-stats .label {
    background: #fff;
    border-radius: 10px;
    color: #000;
    display: inline-block;
    height: 25px;
    text-transform: uppercase;
    width: 110px; }

.vertical-stats .bg-line {
    background: #510545;
    display: inline-block;
    height: 1px;
    left: 0;
    line-height: 1px;
    margin: -1px 0 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 0; }

.vertical-stats .number {
    background: #6a0261;
    border-radius: 50%;
    height: 25px;
    width: 25px;}


.stadium-facebook {
    padding: 0 0 20px 20px; }

 /* --------------------------
   Media
 * --------------------------- */
.section-media h4 {
    padding: .5em 20px; }

.section-media h4 + .list-media.stripped {
    margin: -1em 0 0; }

.section-media h4 a {
    background: url("../gfx/btn/header-btn.png") right 0 no-repeat;
    color: #333;
    display: inline-block;
    line-height: 22px;
    padding: 0 25px 0 0; }

.section-media h4 a:hover {
    background-position: right -50px;
    color: #97A71F; }

.section-media .buttons-container {
    margin: 1.5em 1em;
    text-align: right; }

.section-media .bg-dark,
.section-media .bg-grey {
    padding: 1px 0 0; }

.rounded-bottom,
.article .bg-grey.related {
    border-radius: 0 0 10px 10px; }

.article h1.small {
    font-size: 1.3em;
    margin: 1em 20px .5em; }

 /* Media Lists */
.list-media li {
    float: left;
    height: 145px;
    margin: 5px 0 0 5px;
    overflow: hidden;
    width: 129px; }

.list-media.stripped {
    background: url("../gfx/bg/listmedia-stripped.gif") 0 0 repeat; }

.list-media.stripped li {
    margin-top: 20px; }

.list-media .link {
    display: block;
    height: 73px;
    position: relative;
    width: 129px; }

.list-media .link img {
    border-radius: 5px;
    display: block;
    height: 73px;
    width: 129px; }

.list-media .media-desc {
    background: #000;
    background: rgba(0,0,0,.8);
    border-radius: 0 0 5px 5px;
    bottom: 0;
    color: #fff;
    display: block;
    left: 0;
    position: absolute;
    width: 100%; }

.list-media .media-desc span {
    display: block;
    padding: 5px; }

.list-media .date {
    margin-top: .5em; }

.list-media .name {
    font-size: 1.2em;
    line-height: 18px;
    margin: 3px 0;
    max-height: 36px;
    overflow: hidden; }

.list-media .name a {
    color: #111; }

.list-media .name a:hover {
    color: #7E8733; }

.list-media .desc {
    color: #848383;
    line-height: 14px;
    max-height: 42px;
    overflow: hidden; }

.ico-button {
    background: center 0 no-repat;
    display: block;
    height: 41px;
    left: 50%;
    margin: -20px 0 0 -20px;
    position: absolute;
    top: 50%;
    width: 41px; }

a:hover .ico-button {
    background-position: center -41px; }

  /*  Media - Video Button */
.video .ico-button {
    background-image: url("../gfx/btn/play-btn.png"); }

  /* Media - Photo Button */
.photo .ico-button {
    background-image: url("../gfx/btn/photo-btn.png"); }

  /* Liste Media Small */
.box.media-small {
    border-radius: 0 0 10px 10px;
    padding: 1px 0 10px 0; }

.list-media.small li {
    height: 69px;
    margin: 4px 0 0 4px;
    width: 96px;  }

.list-media.small .link,
.list-media.small .link img {
    height: 69px;
    width: 96px; }

.ico-button.small,
.list-media.small .ico-button,
.list-media.middle .ico-button {
    height: 25px;
    margin: -12px 0 0 -12px;
    width: 25px; }

a:hover > .ico-button.small,
.list-media.small a:hover .ico-button,
.list-media.middle a:hover .ico-button {
    background-position: center -25px; }

.list-media .media-desc + .ico-button {
    top: 36%; }

.video .ico-button.small,
.list-media.small.video .ico-button,
.list-media.middle.video .ico-button {
    background-image: url("../gfx/btn/list-play-btn.png"); }

.photo .ico-button.small,
.list-media.small.photo .ico-button,
.list-media.middle.photo .ico-button {
    background-image: url("../gfx/btn/list-photo-btn.png"); }

  /* Liste Media Middle */
.media-middle {
    padding: 1px 0 10px 0; }

.list-media.middle li {
    height: 83px;
    margin: 4px 0 0 4px;
    width: 147px;  }

.list-media.middle .link,
.list-media.middle .link img {
    height: 83px;
    width: 147px; }

  /* Liste Media Big */
.list-media.big li {
    height: 257px;
    margin: 4px 0 0 4px;
    width: 218px;  }

.list-media.big .link,
.list-media.big .link img {
    height: 163px;
    width: 218px; }

.dark .list-media p,
.bg-dark .list-media p {
    color: #979797;
    margin-left: 5px; }

.bg-dark h4 a,
.dark .list-media .name a,
.bg-dark .list-media .name a {
    color: #fff; }

.bg-white h4 a,
.bg-grey h4 a,
.bg-grey .list-media .name a,
.bg-white .list-media .name a {
    color: #000; }

.white .bg-dark h4 a:hover,
.dark .list-media .name a:hover,
.bg-dark .list-media .name a:hover {
    color: #717c2e; }

.bg-white h4 a:hover,
.bg-grey h4 a:hover,
.bg-grey .list-media .name a:hover,
.bg-white .list-media .name a:hover {
    color: #717c2e;  }

.bg-dark h4 a {
    background-image: url("../gfx/btn/header-btn-2.png"); }

.bg-grey h4 a {
    background-image: url("../gfx/btn/header-btn.png"); }

.bg-dark h4 a:hover,
.bg-grey h4 a:hover {
    background-position: right -50px; }

 /* List Media - Only photos */
.list-media.clean {
    padding-bottom: 5px; }

.list-media.clean li {
    height: 73px; }

    /* HACK */
.white .section-media .bg-dark { border-radius: 0; }
.white .section-media .bg-dark.rounded-bottom { border-radius: 0 0 9px 9px; }


 /* GALLERY */
.gallery {
    padding: 5px 0 0 5px; }

.gallery-container {
    margin: 0 0 10px; }

.gallery-container,
.gallery-photo {
    height: 352px;
    overflow: hidden;
    position: relative;
    width: 664px; }

.gallery-photos {
    position: absolute;
    top: 0;
    width: 99999em; }

.gallery-photo {
    float: left; }

.gallery-photo img {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
    cursor: pointer;
    border-radius: 10px; }

.gallery-photo img:hover {
    opacity:0.8;}

.gallery-details {
    background: #000;
    background: rgba(0,0,0,0.8);
    border-radius: 5px 5px 9px 9px;
    bottom: 0;
    color: #fff;
    left: 0;
    position: absolute;
    width: 100%; }

.gallery-details > .link {
    background: url("../gfx/btn/gallery-more.png") center 0 no-repeat;
    display: block;
    font-size: 11px;
    height: 19px;
    left: 50%;
    line-height: 19px;
    margin: 0 0 0 -73px;
    position: absolute;
    top: -19px;
    text-align: center;
    text-transform: uppercase;
    width: 145px; }

.gallery-details > .link a {
    background: url("../gfx/bg/gallery-link.png") center 0 no-repeat;
    color: #cad342;
    display: inline-block;
    line-height: 19px;
    width: 100%; }

.gallery-details > .link a.hide {
    background-position: center -20px; }

.gallery-desc {
    margin: 14px 0 0 20px; }

.gallery-desc h2,
.gallery-desc p {
    margin-right: 150px; }

.gallery-desc h2 {
    font-size: 16px;  }

.gallery-desc p {
    margin-bottom: .8em;
    margin-top: .5em; }

.gallery-info {
    background: url("../gfx/ico/ico-photo-green.png") right center no-repeat;
    font-size: 16px;
    padding: 0 25px 0 0;
    position: absolute;
    right: 10px;
    top: 14px; }

.gallery-info .current {
    color: #c9d241; }

.gallery-facebook {
    position: absolute;
    right: 10px;
    top: 40px; }

.gallery-nav {
    cursor: pointer;
    display: block;
    height: 300px;
    margin: 0;
    position: absolute;
    top: 5px;
    width: 120px; }

.gallery-nav-ico {
    background: url("../gfx/btn/gallery-nav.png") 0 0 no-repeat;
    display: block;
    height: 54px;
    margin: -27px 0 0;
    position: absolute;
    top: 50%;
    width: 54px; }

.gallery-nav.prev {
    left: 5px; }

.gallery-nav.prev .gallery-nav-ico {
    background-position: 0 0;
    left: 5px; }

.gallery-nav.next {
    right:5px; }

.gallery-nav.next .gallery-nav-ico {
    right:0;
    background-position: 0 -54px; }

.gallery-miniatures {
    height: 75px;
    margin: 0 0 10px;
    overflow: hidden;
    position: relative;
    width: 664px; }

.gallery-miniatures ul {
    height: 75px;
    position: absolute;
    white-space: nowrap;
    width: 50000px; }

.gallery-miniatures li {
    border-radius: 5px;
    display: inline;
    float: left;
    height: 73px;
    margin: 1px 1px 1px 3px;
    white-space: nowrap;}

.gallery-miniatures li:first-child {
    margin-left: 1px; }

.gallery-miniatures li.active {
    margin: 0 0 0 2px;
    border: 1px solid #cad342; }

.gallery-miniatures li.active:first-child {
    margin-left: 0; }

.gallery-miniatures li img {
    border-radius: 5px; }

.gallery-zoom-layer-container {
    position: relative; }

.gallery-zoom-layer {
    display: none;
    background: black;
    background: rgba(0, 0, 0, 0.9);
    top: 0;
    color: white;
    left: 0;
    position: absolute;
    text-align:center;
    z-index:100;
    width: 100%;
    height:100%; }

.gallery-zoom-layer-image {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 5px 5px 9px 9px;
    cursor:pointer;}

.gallery-zoom-layer-header {
    line-height:30px;
    margin:20px 0;}

.gallery-zoom-layer-body {
    position:fixed;
    width:100%;
    top:30px; }

.miniatures-nav {
    background: url("../gfx/sprite/miniatures-nav.png") 0 center no-repeat;
    background-color: #000;
    background-color: rgba(0,0,0,.7);
    cursor: pointer;
    display: none;
    height: 75px;
    position: absolute;
    top: 0;
    width: 25px; }

.miniatures-nav.prev {
    border-radius: 5px 0 0 5px;
    left: 0; }

.miniatures-nav.next {
    background-position: -25px center;
    border-radius: 0 5px 5px 0;
    right: 0; }

.gallery-miniatures.nav-visible .miniatures-nav {
    display: block; }

.miniatures-nav.disabled {
    display: none !important; }

 /* --------------------------
   PLAYER
 * --------------------------- */
.box-player h1 {
    color: #f4f5ed;
    font-size: 28px;
    margin: 0 0 5px; }

.box-player .player-left {
    width: 310px; }

.player-left .player-prop {
    height: 250px;
    overflow: visible;
    padding-left: 0; }

.player-left .player-prop-cover {
    background: url("../gfx/bg/player-profile-big.png") 0 0 no-repeat; }

.player-left .player-prop .flag {
    bottom: auto;
    left: 88px;
    top:-9px; }

.player-left .player-prop .prop {
    font-size: 11px; }

.player-left .player-prop .prop span {
    font-size: 14px;
    font-weight: normal;
    padding: 2px 0; }

.player-left .player-prop .weight {
    left: 150px;
    top: -10px; }

.player-left .player-prop .height {
    left: 180px;
    top: 65px; }

.player-left .player-prop .position {
    left: 150px;
    top: 145px; }

.player-left .player-prop .club {
    left: 75px;
    top: 180px; }

.box-player .player-right {
    width: 335px; }

.table-player-profile {
    background: url("../gfx/bg/table-player.gif") center 0 repeat-y;
    margin: 25px 0 20px;
    width: 310px; }

.table-player-profile th {
    color: #77861c;
    font-size: 11px;
    text-align: left;
    text-transform: uppercase; }

.table-player-profile tr:first-child th {
    text-align: center;
    width: 60p; }

.table-player-profile th:first-child + th {
    width: 105px; }

.table-player-profile th,
.table-player-profile td {
    height: 32px;
    padding: 0 5px; }

.table-player-profile td {
    font-size: 14px;
    text-align: center; }

 /* --------------------------
   RESULTS
 * --------------------------- */
 /* Table Result */
.table-result td:first-child {
    padding-left: 2%;
    text-align: left;
    width: 20%; }

.table-result td:first-child + td {
    text-align: right; }

.table-result .flag {
    display: inline-block;
    height: 21px;
    line-height: 21px;
    padding-top: 0;
    padding-bottom: 0; }

.td-match-score,
.td-match-date {
    width: 15%; }

.td-match-score + td,
.td-match-date + td {
    text-align: left; }

.td-match-score {
    letter-spacing: 2px; }

.see-details {
    display: none;
    font-size: 11px;
    line-height: 12px;
    text-align: right; }

.table-result tr:hover .see-details,
.see-details:hover {
    display: block; }

.table-result .group-letter {
    display: block;
    padding: 0 5px 0 0;
    text-align: right; }

.table-result tr:hover .group-letter,
.group-letter:hover {
    display: none; }

.table-result .flag.unknown {
    height: 23px;
    line-height: 23px; }

.table-result .unknown-label {
    display: inline-block;
    text-align: center;
    width: 45px; }

.table-result .green-light td,
.table-result .green-light a,
.table-result .green-dark td,
.table-result .green-dark a {
    color: #fff; }

.table-result .green-light td {
    background: #939f38; }

.table-result .green-dark td {
    background: #68762f; }


 /* Box Result */
.result-header h3,
.result-header p {
    line-height: 18px;
    margin: 15px; }

.box-results .font-16 {
    margin: 15px; }

 /* --------------------------
   STADIUM
 * --------------------------- */
.box.stadiums .box-body {
    background: url("../gfx/bg/list-stadiums.png") 0 0 repeat-y;
    border-radius: 0 0 9px 9px;
    margin: 10px 0 0; }

.box.stadiums .stadiums-bg {
    background: url("../gfx/bg/list-stadiums.jpg") 0 0 no-repeat; }

.box.stadiums .stadiums-caption {
    padding: 10px 20px 0; }

.list-stadiums {
    margin: 30px 0 0;
    padding: 0 0 15px; }

.list-stadiums li {
    float: left;
    height: 306px;
    margin: 5px 0 0 5px;
    overflow: hidden;
    position: relative;
    width: 329px; }

.list-stadiums li a,
.list-stadiums li .stadium-desc,
.list-stadiums li .desc-details,
.list-stadiums li .details-left,
.list-stadiums li .detail {
    display: block; }

.list-stadiums li img {
    border-radius: 5px;
    display: block; }

.list-stadiums li .stadium-desc {
    background: #000;
    background: rgba(0,0,0,.7);
    bottom: 0;
    border-radius: 0 0 5px 5px;
    left: 0;
    min-height: 115px;
    padding: 5px 0;
    position: absolute;
    width: 100%; }

.list-stadiums li .stadium-facebook {
    padding: 0;
    position: absolute;
    right: 10px;
    top: 200px;
    z-index: 3; }

.stadium-desc .stadium-city,
.stadium-desc .stadium-name {
    display: block;
    font-size: 16px;
    margin: 2px 125px 2px 15px;
    text-transform: uppercase; }

.desc-details {
    color: #fff;
    margin: 10px 15px 5px;
    position: relative; }

.desc-details .details-left {
    border-right: 1px solid #3d4044;
    border-right-color: rgba(255,255,255,.2);
    float: left;
    padding: 0 0 5px;
    width: 170px; }

.desc-details .details-right {
    bottom: 5px;
    display: block;
    float: right;
    left: 180px;
    position: absolute;
    width: 125px; }

.desc-details .details-right .color-pink {
    bottom: 0;
    position: absolute;
    left: 100px; }

.desc-details .label {
    float: left;
    width: 100px; }

.stadium-photo .box-body {
    padding: 5px; }


 /* --------------------------
   STATISTICS
 * --------------------------- */
 /* Stats Choose Box */
.stats-choose {
    padding-bottom: 8px }

.stats-choose .box-body {
    background: url("../gfx/bg/logo-big.png") 410px 30px no-repeat; }

.stats-choose h2 {
    font-size: 2.3em;
    padding: 1.2em 0 .8em 30px; }

.list-stats-pink {
    min-height: 220px;
    padding: 0 0 5px 20px; }

.list-stats-pink li {
    background: #bf1a76;
    border-radius: 10px;
    color: #fff;
    line-height: 16px;
    margin: 10px 0;
    min-height: 16px;
    padding: 4px 15px;
    width: 330px; }

.stats-box {
    height: 298px;
    margin: 0 5px;
    position: relative;
    width:322px; }

.button.special-big,
.stats-box .button {
    background: url("../gfx/bg/button-live.png") no-repeat center center;
    border: 0 none;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    font-size: 20px;
    height: 56px;
    line-height: 46px;
    text-align: center;
    width: 256px; }

.stats-box img {
    border-radius: 5px;
    min-height: 298px;
    min-width: 322px; }

.stats-box .buttons-container {
    background: url("../gfx/bg/bg-stats-choose.png") 0 bottom no-repeat;
    bottom: 0;
    height: px;
    left: 0;
    padding: 0 0 6px;
    position: absolute;
    text-align: center;
    width: 322px; }

.tabber-stats {
    padding: 5px 0 0; }

.tabber-stats h4 {
    margin: 5px 20px;
    text-transform: uppercase; }

.tabber-stats .cols-two .column {
    width: 49%; }

.tabber-stats .cols-two .column + .column {
    margin-left: 2%; }

.tabber-stats .bg-grey {
    padding: 5px 0; }

.tabber-stats .buttons-container {
    padding: 10px 5px;
    text-align: right; }

.tabber-stats .buttons-container.min {
   padding-bottom: 0; }

.bg-grey .table-stats td,
.bg-grey .table-stats th {
    background: #E5E5E5; }

.bg-grey .table-stats .odd td {
    background: #fff; }


.table-stats th.fluid {
    font-size: 1.25em;
    text-transform: uppercase; }

.table-stats th,
.table-stats td {
    border-bottom: 1px solid #fff;
    height: 34px;
    padding: 0 5px; }

.table-stats th {
    height: 29px; }

.table-stats.fixed th,
.table-stats.fixed td {
    width: 70px; }

.table-stats.fixed th:first-child,
.table-stats.fixed td:first-child {
    padding: 5px 0 5px 20px;
    text-align: left; }

.table-stats.fixed th.fluid,
.table-stats.fixed td.fluid {
    padding-left: 15px;
    text-align: left;
    width: auto; }

.stats-grid {
    float: left;
    height: 233px;
    margin: 5px 0 10px 5px;
    position: relative;
    width: 218px; }

.stats-grid a {
    display: block; }

.stats-grid img {
    border-radius: 5px;
    display: block; }

.stats-desc {
    background: #000;
    background: rgba(0,0,0,.8);
    bottom: 0;
    border-radius: 0 0 5px 5px;
    color: #fff;
    font-size: 14px;
    left: 0;
    min-height: 57px;
    overflow: hidden;
    position: absolute;
    width: 100%; }

.stats-desc .nationality {
    border-right: 1px solid #575752;
    border-right-color: rgba(255,255,255,.3);
    margin: 7px 0;
    width: 54px;
    text-align: center; }

.stats-desc .flag {
    display: inline-block;
    height: 21px;
    margin: 0 auto;
    padding: 0;
    width: 21px; }

.stats-desc .uppercase {
    display: block;
    font-size: 12px;
    line-height: 18px; }

.stats-desc .player-number {
    background: url("../gfx/bg/player-number-bg.png") 0 0 no-repeat;
    height: 25px;
    line-height: 25px;
    margin: 5px 10px 0 0;
    padding: 22px 0 0;
    text-align: center;
    width: 27px; }

.stats-desc .desc-content {
    display: block;
    margin: 0 50px 0 60px;
    padding: 11px 0 5px 16px;
    position: relative;
    width: 95px; }

.stats-desc .desc-content .counter {
    left: 0;
    position: absolute;
    top: 12px; }

 /* --------------------------
   TEAM
 * --------------------------- */

 /* Box Team */
.team-lead {
    background: url("../gfx/bg/bg-teamlead.png") 0 0 no-repeat;
    color: #fff;
    font-size: 14px;
    height: 244px;
    padding: 10px;
    width: 654px; }

.team-lead .box-body {
    height: 215px;
    margin: 10px 160px 5px 180px;
    position: relative; }

.team-lead .bottom-info {
    bottom: 0;
    left: 0;
    position: absolute; }

.list-labeled.inline .label {
    float: left;
    width: 70px; }

.team-lead h1 {
    font-size: 2.5em;
    margin: .4em 0 .2em;
    text-shadow: 0 1px #1e330a; }

.team-lead p {
    margin: .3em 0; }

.team-lead .flag {
    padding: 0;
    position: absolute;
    right: 35px;
    top: 35px; }

.team-lead .team-statistics {
    bottom: 15px;
    font-size: 12px;
    position: absolute;
    right: 15px;
    width: 130px; }

.team-lead .team-awards {
    height: 70px;
    line-height: 70px;
    text-align: center; }

.team-coatofarms {
    background: url("../gfx/sprite/team-cof.png") 0 0 no-repeat;
    height: 95px;
    left: 40px;
    position: absolute;
    top: 25px;
    width: 90px; }

.team-coatofarms.cof-spain {
    background-position: 0 -760px; }

.team-shirt {
    bottom: 30px;
    height: 70px;
    left: 20px;
    position: absolute;
    width: 130px; }

.team-shirt span {
    background: url("../gfx/sprite/team-shirt.png") 0 0 no-repeat;
    display: block;
    float: left;
    height: 70px;
    overflow: hidden;
    width: 65px; }

.team-shirt.shirt-spain .front {
    background-position: 0 -560px; }

.team-shirt.shirt-spain .back {
    background-position: -65px -560px; }

.team-facebook {
    margin: 20px 0 0; }

 /* Team Table */
.table-team th {
    padding: 8px; }

.table-team td {
    padding: 3px 8px; }

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

.table-team td:first-child,
.table-team th:first-child {
    text-align: left; }

.table-team th:first-child {
    font-size: 1.3em; }

.col-thin .table-container-green {
    padding: 0 5px 9px 5px; }

 /* Box Team Camp */
.camp-container {
    padding: 5px; }

.camp-left {
    float: left;
    padding: 0 0 0 15px;
    width: 195px; }

.camp-right {
    float: right;
    padding: 5px;
    text-align: center;
    width: 433px; }

.camp-right .cf {
    text-align: left; }

.camp-right h3,
.camp-right p {
    color: #111;
    line-height: 24px;
    margin: 6px; }

.camp-right h3 {
    font-size: 1.35em;
    text-transform: uppercase; }

.camp-right img {
    border-radius: 10px; }

.box.blue .box-header .right .button {
    margin-left: 5px; }

 /* Widget Weather */
.widget.widget-weather {
    background: #000;
    border-radius: 10px;
    margin: 5px 0 0;
    width: auto; }

.weather-day {
    border-left: 1px solid #0f2d0e;
    float: left;
    height: 100%;
    text-align: center;
    width: 49%; }

.weather-day:first-child {
    border-left: 0; }

.weather-ico {
    background: url("../gfx/sprite/weather-set.png") center center no-repeat;
    height: 65px;
    margin: 5px auto;
    width: 95px; }

.weather-ico.weather-sun {
    background-image: url("../gfx/ico/weather/1_pelne_slonce.png"); }

.weather-ico.weather-partlysunny {
    background-image: url("../gfx/ico/weather/2_czesciowe_zachmurzenie.png"); }

.weather-ico.weather-partlycloudy {
    background-image: url("../gfx/ico/weather/3_duze_zachmurzenie.png"); }

.weather-ico.weather-cloudy {
    background-image: url("../gfx/ico/weather/4_pelne_zachmurzenie.png"); }

.weather-ico.weather-rainy {
    background-image: url("../gfx/ico/weather/5_czesciowe_opady.png"); }

.weather-ico.weather-rain {
    background-image: url("../gfx/ico/weather/6_duze_opady.png"); }

.weather-ico.weather-stormy {
    background-image: url("../gfx/ico/weather/7_burze.png"); }

.weather-temp {
    margin: 0 0 5px; }


/* ----------------------------------------------------------------
    6. EDITOR CONTENT
 * ---------------------------------------------------------------- */
.editor-content > p,
.editor-content > ol,
.editor-content > ul {
    font-size: 1em;
    line-height: 1.5em;
    margin: 1.375em 20px; }

.editor-content > ul > li {
    list-style-type: disc;
    margin-left: 20px; }

.widget {
    margin: 5px 20px;
    width: 250px; }

.widget.left {
    margin-left: 5px; }

.widhet.right {
    margin-right: 5px; }

 /* Widgets */
.widget {
    clear: left; }

.widget.bordered {
    border: 1px solid #d3d3d3;
    border-radius: 5px; }

.widget > h3 {
    margin: 10px 10px 0; }


/* ----------------------------------------------------------------
    6. CLEARFIX
 * ---------------------------------------------------------------- */
.box .box-header:before, .box .box-header:after,
.cf:before, .cf:after,
.columns:before, .columns:after,
.container:before, .container:after,
.form:before, .form:after,
.form .element:before, .form .element:after,
.header > div:before, .header > div:after,
.inline-two:before, .inline-two:after,
.list-articles li:before, .list-articles li:after,
.list-media:before, .list-media:after,
.list-tabs:before, .list-tabs:after,
.pagination:before, .pagination:after,
.vertical-stats li:before, .vertical-stats li:after,
.section:before, .section:after,
.team-members.rate li:before, .team-members.rate li:after {
    content: ""; display: table; }

.box .box-header:after,
.cf:after,
.columns:after,
.container:after,
.form:after,
.form .element:after,
.header > div:after,
.inline-two:after,
.list-articles li:after,
.list-media:after,
.list-tabs:after,
.pagination:after,
.vertical-stats li:after,
.section:after,
.team-members.rate li:after {
    clear: both; }

.box .box-header,
.cf,
.columns,
.container,
.form,
.form .element,
.header > div,
.inline-two,
.list-articles li,
.list-media,
.list-tabs,
.pagination,
.vertical-stats li,
.section,
.team-members.rate li {
    zoom: 1; }


/* ----------------------------------------------------------------
    7. JS PLUGINS OVERRIDES
 * ---------------------------------------------------------------- */
 a.ico,
 button,
.button,
.logo img,
.image a img,
.article-buttons li,
.gallery-nav,
.gallery-miniatures li a img,
.poll-buttons a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;  }
 a.ico:hover,
 button:hover,
.button:hover,
.logo:hover img,
.image a:hover img,
.article-buttons li:hover,
.gallery-nav:hover,
.gallery-miniatures li a:hover img,
.poll-buttons a:hover {
    opacity: .8; }

/* ----------------------------------------------------------------
    8. OVERRIDES
 * ---------------------------------------------------------------- */
#main-nav li a {
    letter-spacing: .06em;
    font-size: 1.26em; }

#top-utils {
    color: #fff;
    font-size: 1.1em; }

#top-utils a:hover {
   color: #7E8733 !important; }

#top-utils ul li small.fb {
    font-size: 1em;
    font-weight: normal; }

#top-utils .login span {
    font-size: 1.2em;
    font-family: Arial !important;
    font-weight: bold;
    position: relative;
    top: 2px; }

#profile .more:hover {
    color: #fff; }

 /* --------------------------
   FLAGS
 * --------------------------- */
.flag.unknown {
    background: url("../gfx/ico/ico-unknown.png") 0 0 no-repeat; }

.table-result .flag {
    padding-left: 33px; }

.table-result .flag.revert {
    padding-right: 33px; }

 /* BIG Flags (Broadcast, Match Site) */
.flag.big {
    background: url("../gfx/sprite/flag-big.png") 0 0 no-repeat;
    height: 95px;
    overflow: hidden;
    width: 95px; }

.big.pol {
    background-position: 0 0; }

.big.gre {
    background-position: 0 -95px; }

.big.rus {
    background-position: 0 -190px; }

.big.cze {
    background-position: 0 -285px; }

.big.ned {
    background-position: 0 -380px; }

.big.den {
    background-position: 0 -475px; }

.big.ger {
    background-position: 0 -570px; }

.big.por {
    background-position: 0 -665px; }

.big.esp {
    background-position: 0 -760px; }

.big.ita {
    background-position: 0 -855px; }

.big.irl {
    background-position: 0 -950px; }

.big.cro {
    background-position: 0 -1045px; }

.big.ukr {
    background-position: 0 -1140px; }

.big.swe {
    background-position: 0 -1235px; }

.big.fra {
    background-position: 0 -1330px; }

.big.eng {
    background-position: 0 -1425px; }


 /* MIDDLE Flags (Team Site) */
.flag.middle {
    background: url("../gfx/sprite/flag-middle.png") 0 0 no-repeat;
    height: 66px;
    overflow: hidden;
    width: 66px; }

.middle.pol {
    background-position: 0 0; }

.middle.gre {
    background-position: 0 -66px; }

.middle.rus {
    background-position: 0 -132px; }

.middle.cze {
    background-position: 0 -198px; }

.middle.ned {
    background-position: 0 -264px; }

.middle.den {
    background-position: 0 -330px; }

.middle.ger {
    background-position: 0 -396px; }

.middle.por {
    background-position: 0 -462px; }

.middle.esp {
    background-position: 0 -528px; }

.middle.ita {
    background-position: 0 -594px; }

.middle.irl {
    background-position: 0 -660px; }

.middle.cro {
    background-position: 0 -726px; }

.middle.ukr {
    background-position: 0 -792px; }

.middle.swe {
    background-position: 0 -858px; }

.middle.fra {
    background-position: 0 -924px; }

.middle.eng {
    background-position: 0 -990px; }

 /* MEDIUM Flags (Double Broadcast) */
.flag.medium {
    background: url("../gfx/sprite/flag-medium.png") 0 0 no-repeat;
    height: 51px;
    overflow: hidden;
    width: 51px; }

.medium.pol {
    background-position: 0 0; }

.medium.gre {
    background-position: 0 -51px; }

.medium.rus {
    background-position: 0 -102px; }

.medium.cze {
    background-position: 0 -153px; }

.medium.ned {
    background-position: 0 -204px; }

.medium.den {
    background-position: 0 -255px; }

.medium.ger {
    background-position: 0 -306px; }

.medium.por {
    background-position: 0 -357px; }

.medium.esp {
    background-position: 0 -408px; }

.medium.ita {
    background-position: 0 -459px; }

.medium.irl {
    background-position: 0 -510px; }

.medium.cro {
    background-position: 0 -561px; }

.medium.ukr {
    background-position: 0 -612px; }

.medium.swe {
    background-position: 0 -663px; }

.medium.fra {
    background-position: 0 -714px; }

.medium.eng {
    background-position: 0 -765px; }

 /* REVERT Normal Flags */
.flag.revert {
    /*background-position-x: right;*/
    padding-left: 0;
    padding-right: 25px; }

.revert.unknown {
    background-position: right 0; }

.revert.pol{
	background-position: right 0; }

.revert.gre{
	background-position: right -21px; }

.revert.rus{
	background-position: right -42px; }

.revert.cze{
	background-position: right -63px; }

.revert.ned{
	background-position: right -84px; }

.revert.den{
	background-position: right -105px; }

.revert.ger{
	background-position: right -126px; }

.revert.por{
	background-position: right -147px; }

.revert.esp{
	background-position: right -168px; }

.revert.ita{
	background-position: right -189px; }

.revert.irl{
	background-position: right -210px; }

.revert.cro{
	background-position: right -231px; }

.revert.ukr{
	background-position: right -252px; }

.revert.swe{
	background-position: right -273px; }

.revert.fra{
	background-position: right -294px; }

.revert.eng{
	background-position: right -315px; }

/* EXTERNAL TVP Nav */
.top > .wrapper {
    width: 948px; }

.tvpTopNavVortal {
    background: url("../gfx/bg/tn_bg.png") repeat-x scroll 0 0 transparent;
    height: 30px;
    margin: 0 0 5px;
    overflow: hidden; }

.tvpTopNavVortal a {
    background: url("../gfx/bg/tn_i.png") no-repeat scroll right top transparent;
    color: #FFFFFF !important;
    display: block;
    float: left;
    font-size: 12px;
    height: 30px;
    line-height: 25px;
    padding: 0 32px 0 34px; }

.tvpTopNavVortal a.act {
    background: url("../gfx/bg/tn_act.png") no-repeat scroll center top transparent; }

.tvpTopNavVortal a.last {
    background: none repeat scroll 0 0 transparent; }

.tvpTopNavVortal a:hover {
    color: #CCCCCC !important;
    text-decoration: underline; }