


.desktopContentDisplay {

}

.mobileContentDisplay {
  display: none;
}

.popup-text {
  color:black;
  font-size: 14px;
}

.popup-label {
  color:black;
  font-size: 16px;
  font-weight:bold;
}

.popup-error {
  color:red;
  font-size: 14px;
  font-weight:bold;
}

body {
  background: url(/tmp/w0h0m0_i1_.img);
  background-size: 100% auto;
  font-family: 'Open Sans', sans-serif;
  color: #FFF;
}


 h1 {
  font-size: 14px;
  font-weight: bold;
  margin-top:30px;
}

h3 {
  padding:0;
  margin:0;
  font-size:18px;
  color:#FFF;
  font-weight: bolder;
}

.select2-dropdown {
  color: black !important;
}

.adBox {
  background-color: #DDD;
  border-radius: 6px;
  padding-top:10px;
  padding-bottom: 10px;
}


.adBox a img {
  width: 150px;
  padding-top:5px;
  padding-bottom: 5px;
}

.adBox img {
  width: 150px;
padding-top:5px;
  padding-bottom: 5px;
}


code {
  padding:5px;
  display:block;
  background-color: #DDD;
  color: #444;
  border: 2px solid #FFF;
  border-radius: 6px;
  margin-top:10px;
  margin-bottom:20px;
  width:100%;
}

.iFrameLinkText {
  font-weight:normal;
  }


a {
  color: #FFF;
  text-decoration: underline;
  font-weight: bold;
}


li a {
  text-decoration:none;
}

.newsImage {
  width: 150px;
  height: 150px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.newsRow {
  background-color: #cccccc;
  border-radius: 4px;
}

.leftContent {
  color: #FFF;
}

.mainNewsHeadline {
  color:#000;
  margin:0;
  padding: 0;
  padding-top:5px;
  font-size:12pt;
  font-weight:bold;
}

.mainNewsTeaser {
  color:#000;
  margin:0;
  padding: 0;
  font-size:10pt;
}

.mainNewsImages img {
  padding: 5px;
}


.leftAdContainer {
  width: 220px;
  height:300px;
  position: relative;
  cursor:pointer;
  
}

.leftAdItem {
  width:220px;
  height:300px;
  color:white;
  text-align: center;
  position: absolute;
  
  display:none;
  
}

.leftAdItem p {
  margin:0;
  padding:0;
  
  font-family: 'Open Sans', sans-serif;
  font-weight:800;
  text-transform:uppercase;
}

.leftAd_05 {
  ddisplay:inline-block;
}

.leftAd_01 .adLine_01{
  margin-top:80px;
  font-size:30pt;
}

.leftAd_01 .adLine_02{
  margin-top:-20px;
  font-size:20pt;
}

.leftAd_02 .adLine_01{
  margin-top:90px;
  font-size:20pt;
}

.leftAd_02 .adLine_02{
  margin-top: -22px;
  font-size:30pt;
}

.leftAd_03 .adLine_01{
  margin-top:84px;
  font-size:30pt;
}

.leftAd_03 .adLine_02{
  margin-top: -20px;
  font-size:20pt;
}

.leftAd_04 img {
  margin-top:110px;
}



.leftAd_05 .adLine_01{
  margin-top:0px;
  font-size:30pt;
}

.leftAd_05 .adLine_02{
  margin-top:-20px;
  font-size:20pt;
}

.leftAd_05 .adLine_03{
  margin-top:-5px;
  font-size:20pt;
}

.leftAd_05 .adLine_04{
  margin-top:-22px;
  font-size:30pt;
}

.leftAd_05 .adLine_05{
  margin-top:-15px;
  font-size:30pt;
}

.leftAd_05 .adLine_06{
  margin-top:-20px;
  font-size:20pt;
}

.leftAd_05 .adLine_07{
  margin-top:8px;
  font-weight: 600;
  font-size:12pt;
  line-height:12pt;
  text-transform: none;
}




.trikot {
  width:10px;
  height:10px;
  margin-left:5px;
  margin-right:5px;
}

.trikot-white {
    color:black;
    background-color:#FFFFFF;
    border: 1px solid black;
}

.trikot-yellow {
    color:black;
    background-color:#FFFF00;
    border: 1px solid black;
}

.trikot-orange {
    color:white;
    background-color:#FF6600;
    border: 1px solid white;
}

.trikot-red {
    color:white;
    background-color:#FF0000;
    border: 1px solid white;
}

.trikot-pink {
    color:white;
    background-color:#ff1493;
    border: 1px solid white;
}

.trikot-violet {
    color:white;
    background-color:#880088;
    border: 1px solid white;
}

.trikot-blue {
    color:white;
    background-color:#0000AA;
    border: 1px solid white;
}

.trikot-cyan {
    color:white;
    background-color:#00AAAA;
    border: 1px solid white;
}

.trikot-green {
    color:white;
    background-color:#00AA00;
    border: 1px solid white;
}

.trikot-grey {
    color:white;
    background-color:#888888;
    border: 1px solid white;
}

.trikot-black {
    color:white;
    background-color:#000000;
    border: 1px solid white;
}




#makeFullscreen {
  margin:0;
  padding: 0;
  border: 0px solid blue;
  margin-bottom:3px;
}

.ad_background {
  background-color:white;
}

.logo_col {
  padding-top: 4px;
}

#topImageContainer {
  position:relative;
  }

.topFadeToImage {
  position:absolute;
  left:0;
  top:0;
  z-index:2;
  display: none;
}

#bottomImageContainer {
  position:relative;
 }

.bottomFadeToImage {
  position:absolute;
  left:0;
  top:0;
  z-index:2;
  display: none;
}

#leftImageContainer {
  position:relative;
 }

.leftFadeToImage {
  position:absolute;
  left:0;
  top:0;
  z-index:2;
  display: none;
}

#rightImageContainer {
  position:relative;
 }

.rightFadeToImage {
  position:absolute;
  left:0;
  top:0;
  z-index:2;
  display: none;
}

p {
  color: #FFF;
}

h1 {
  color: #FFF;
}

h2 {
  color: #FFF;
}

h3 {
  color: #FFF;
font-weight:bold;
  font-size:18px;
  padding:0;
  margin:0;
}

h4 {
  color: #FFF;
}


.floatImageLeft {
  float:left;

  padding-right:15px;
  padding-bottom:15px;
}

.contentSpacer {
  height:40px;
  width:100%;
}


.valign-middle {
    display: table;
}

.valign-middle .columns {
    display: table-cell;
    vertical-align: middle;
}

.valign-middle .columns,
.valign-middle [class*="column"] + [class*="column"]:last-child {
    float: none;
}

.fullrow {
  background-color: #26221f;
  height:60px;
}




.bottomBackground {
  background-color: #26221f;
  background-image: url(/tmp/w0h0m0_i51_.img);
  background-repeat: repeat;
}

.bottomContentColumn {
  padding-top:10px;
}

.bottomRow {
  width: 100%;
  bottom:0;
  color:#FFF;
  font-size:10px;
  text-align:left;
}

.bottomRow a {
  color:#FFF;
}

.bottomRow .smallText {
  font-size:9px;
}

.bottomRow p {
  font-size:10px;
  padding:0;
  margin:0;
}




.bottomRowSpacer {
  height:70px;
  width: 100%;
}

.loginform {
  padding-top:10px;
}

.loginform label{
  font-size:12px;
  padding:0;
  color:#FFF;
}

.loginform input{
  font-size:12px;
  height: 18px;
}

.dark-background {
  background-image: url(/tmp/w0h0m0_i24_.img);
  background-repeat: repeat-x;
}

.top-bar {
  background: transparent;
  z-index:255;
}

.contain-to-grid { background: transparent; }
.top-bar ul li a { color: #fff; background: #26221f !important; }
.top-bar-section ul li.active > a { background: #26221f !important; }
.top-bar-section ul li.active > a:hover { color: #fff !important; background:#36322f !important; }
.top-bar-section li a:not(.button):hover { color: white; background:#36322f !important; }
.top-bar-section { padding-top:7px; }
.top-bar-section ul {
  border:1px solid #888;
}

nav li {
  z-index:1;
}

nav h1 a img {

}

.top-space {
  height:40px;
}

.left-searchbar {
  background-color: #ececec;
  border-radius: 4px;
  padding:0;
}

.notfirst-searchbar {
  margin-top:12px;
}

.left-searchbar .search-header {
  list-style: none;
  margin:0;
  background-color: red;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  
  font-size:12px;
  color:#fff;
  font-weight:bolder;
}


/* http:http://www.colorzilla.com/gradient-editor/#e66266+0,d72c31+5,650c0d+100;Custom */
.search-header-gradient {
  background: #e66266; /* Old browsers */
background: -moz-linear-gradient(top,  #e66266 0%, #9e212d 5%, #3a0707 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e66266), color-stop(5%,#9e212d), color-stop(100%,#3a0707)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e66266 0%,#9e212d 5%,#3a0707 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e66266 0%,#9e212d 5%,#3a0707 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e66266 0%,#9e212d 5%,#3a0707 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e66266 0%,#9e212d 5%,#3a0707 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e66266', endColorstr='#3a0707',GradientType=0 ); /* IE6-9 */

}

#leagueSearchBar {
  display:none;
}


#clubSearchBar {
  display:none;
}

#favouritesSearchBar {
  display:none;
}


.left-searchbar .search-header li {
  width:50%;
  padding-top:4px;
  padding-bottom:4px;
  padding-left:12px;
  border-top-left-radius: 4px;
  
}

.left-searchbar .search-header-wide li {
  width:60%;
}

.left-searchbar .search-body {
  list-style: none;
  padding:8px;
  margin:0;
}

.leagueLevel_1 {
  color: #000 !important;
  padding-left:5px !important;
  font-size:16px;
}

.leagueLevel_2 {
  color: #000 !important;
  padding-left:25px !important;
  font-size:14px;
}

.eventHeadline {
  padding:0;
  margin:0;
  margin-top:15px;
  margin-bottom:5px;
  font-size:18px;
  color:#FFF;
  text-transform: uppercase;
  font-weight: bolder;
  text-shadow: 2px 2px 6px rgba(0,0,0,0.63);
}

.eventRow {
  background-color: #ececec;
  border-radius: 4px;
  cursor: pointer;
}


.moreEvents a {
  font-size:10px;
  color: white;
}

.eventRowSpace {
 height:8px;
}

.eventicon {
  width:48px;
  height:48px;
  border-radius: 8px;
  margin-top:4px;
  margin-bottom:4px;
  margin-left:0px;
  margin-right:0px;
}


.eventlabel {
  font-size:12px;
}

.eventlabel-description {
  font-style: italic;
}

.eventlabel-place {
  
}

.eventlabel-datetime {
  font-weight:bolder;
  vertical-align: middle;
  color:#000;
}


.eventlabel-status-onlive {
  background-color: red;
  text-align: center;
  color:#fff;
  border-radius: 4px;
  font-size:10px;
  
  line-height: 25px;
  font-weight: bolder;
  
}


.eventlabel-status-soon {
  background-color: orange;
  text-align: center;
  color:#fff;
  border-radius: 4px;
  font-size:10px;
  font-weight: bolder;
  
}





















.eventicon-soccer { background-image: url(/tmp/w0h0m0_i8_.img); }
.eventlabel-soccer { color: f26a22; font-weight:bold; }










.eventicon-basketball { background-image: url(/tmp/w0h0m0_i10_.img); }
.eventlabel-basketball { color: e55a49; font-weight:bold; }










.eventicon-handball { background-image: url(/tmp/w0h0m0_i61_.img); }
.eventlabel-handball { color: ; font-weight:bold; }










.eventicon-tabletennis { background-image: url(/tmp/w0h0m0_i58_.img); }
.eventlabel-tabletennis { color: 44835c; font-weight:bold; }










.eventicon-fistball { background-image: url(/tmp/w0h0m0_i59_.img); }
.eventlabel-fistball { color: ; font-weight:bold; }










.eventicon-boxing { background-image: url(/tmp/w0h0m0_i60_.img); }
.eventlabel-boxing { color: ; font-weight:bold; }










.eventicon-riding { background-image: url(/tmp/w0h0m0_i63_.img); }
.eventlabel-riding { color: ; font-weight:bold; }










.eventicon-volleyball { background-image: url(/tmp/w0h0m0_i64_.img); }
.eventlabel-volleyball { color: ; font-weight:bold; }










.eventicon-afootball { background-image: url(/tmp/w0h0m0_i65_.img); }
.eventlabel-afootball { color: ; font-weight:bold; }










.eventicon-badminton { background-image: url(/tmp/w0h0m0_i66_.img); }
.eventlabel-badminton { color: ; font-weight:bold; }










.eventicon-baseball { background-image: url(/tmp/w0h0m0_i67_.img); }
.eventlabel-baseball { color: ; font-weight:bold; }










.eventicon-beachvolleyball { background-image: url(/tmp/w0h0m0_i68_.img); }
.eventlabel-beachvolleyball { color: ; font-weight:bold; }










.eventicon-billard { background-image: url(/tmp/w0h0m0_i69_.img); }
.eventlabel-billard { color: ; font-weight:bold; }










.eventicon-icehockey { background-image: url(/tmp/w0h0m0_i70_.img); }
.eventlabel-icehockey { color: ; font-weight:bold; }










.eventicon-fencing { background-image: url(/tmp/w0h0m0_i133_.img); }
.eventlabel-fencing { color: ; font-weight:bold; }










.eventicon-hockey { background-image: url(/tmp/w0h0m0_i72_.img); }
.eventlabel-hockey { color: ; font-weight:bold; }










.eventicon-judo { background-image: url(/tmp/w0h0m0_i73_.img); }
.eventlabel-judo { color: ; font-weight:bold; }










.eventicon-kickboxing { background-image: url(/tmp/w0h0m0_i74_.img); }
.eventlabel-kickboxing { color: ; font-weight:bold; }










.eventicon-roadbike { background-image: url(/tmp/w0h0m0_i75_.img); }
.eventlabel-roadbike { color: ; font-weight:bold; }










.eventicon-wrestling { background-image: url(/tmp/w0h0m0_i76_.img); }
.eventlabel-wrestling { color: ; font-weight:bold; }










.eventicon-rugby { background-image: url(/tmp/w0h0m0_i111_.img); }
.eventlabel-rugby { color: ; font-weight:bold; }










.eventicon-sportklettern { background-image: url(/tmp/w0h0m0_i78_.img); }
.eventlabel-sportklettern { color: ; font-weight:bold; }










.eventicon-squash { background-image: url(/tmp/w0h0m0_i79_.img); }
.eventlabel-squash { color: ; font-weight:bold; }










.eventicon-taekwondo { background-image: url(/tmp/w0h0m0_i80_.img); }
.eventlabel-taekwondo { color: ; font-weight:bold; }










.eventicon-weightlifting { background-image: url(/tmp/w0h0m0_i117_.img); }
.eventlabel-weightlifting { color: ; font-weight:bold; }










.eventicon-waterpolo { background-image: url(/tmp/w0h0m0_i134_.img); }
.eventlabel-waterpolo { color: ; font-weight:bold; }










.eventicon-acrobat { background-image: url(/tmp/w0h0m0_i140_.img); }
.eventlabel-acrobat { color: ; font-weight:bold; }










.eventicon-frisbee { background-image: url(/tmp/w0h0m0_i141_.img); }
.eventlabel-frisbee { color: ; font-weight:bold; }










.eventicon-bowsport { background-image: url(/tmp/w0h0m0_i142_.img); }
.eventlabel-bowsport { color: ; font-weight:bold; }










.eventicon-biketrial { background-image: url(/tmp/w0h0m0_i146_.img); }
.eventlabel-biketrial { color: ; font-weight:bold; }










.eventicon-flagfootball { background-image: url(/tmp/w0h0m0_i147_.img); }
.eventlabel-flagfootball { color: ; font-weight:bold; }



  


.eventResultList {
  
}

.submenu {
  list-style: none;
  text-align: right;
  margin-top:60px;
  float:right;
}

.submenu li {
  margin:5px;
}

.submenu li a {
  font-size:12px;
  text-transform: uppercase;
  color:#FFF;
  padding:3px;
  background-color:#000;
  border-radius: 4px;
}

.content p {
  color: #FFF;
  font-size:12px;
}

.content h1 {
  color: #FFF;
  text-transform: uppercase;
  font-size:16px;
}

.player {
  background-color:black;
  width:100%;

}

#playerContainer {
  position:relative;
}

#playerScore {
  position:absolute;
  top:5px;
  left:5px;
  z-index:500;
}

#playerScoreTable {
  border: 0px solid black;
}

#playerScoreTable td {
  background-color:#404040;
}

.player_ad {
  background-color: black;
}

.top_player_ad {

}

.top_player_ad  img{
  height: 100%;
}

.bottom_player_ad {

  z-index:1;
}

.horizontal_player_ad {
  width:720px;
  height:44px;
}

.bottom_player_ad  img{
  height: 100%;
}

.left_player_ad {
  position:absolute;
  left:0;
  top:0;
  z-index:1;
}

.vertical_player_ad {
  width:57px;
  height:352px;
}

.right_player_ad {
  position:absolute;
  right:0;
  top:0;
  z-index:1;
}

.player_mid_row {
  position:relative;
}

.player_area {
  position:relative;
  width:85%;
  left:7.5%;
  margin:0;
  padding:0;
}

.playerHeadline h2 {
  padding:0;
  margin:0;
  font-size:12px;
  color:#FFF;
  text-transform: uppercase;
}

.playerHeadline h1 {
  padding:0;
  margin:0;
  font-size:18px;
  color:#FFF;
  text-transform: uppercase;
  font-weight: bolder;
}

.playerHeadline .vs {
  padding:0;
  margin:0;
  font-size:18px;
  color:#FFF;
  text-transform: uppercase;
  font-weight: 100;
}

.playerHeadline {
  padding-bottom:10px;
}

.playerShadow {
  -webkit-box-shadow: 4px 4px 12px -4px rgba(0,0,0,0.63);
  -moz-box-shadow: 4px 4px 12px -4px rgba(0,0,0,0.63);
  box-shadow: 4px 4px 12px -4px rgba(0,0,0,0.63);
}

.playerTextShadow {
  text-shadow: 2px 2px 6px rgba(0,0,0,0.63);
}


.playerTable {
  background-color:black;
  margin:0;
  padding:0;

}

.playerTable tr {
  margin:0;
  padding:0;
}
.playerTable tr td {
  background-color:black;
color:white;

  margin:0;
  padding:0;
}


.playerTable tr td a{
  margin:0;
  padding:0;
}


#video_overlay {
      background: url("https://cdn02.nintendo-europe.com/media/styles/images/video_play_button.png") no-repeat scroll center center transparent;
      position: absolute;
      z-index: 3;
      display: block;
      min-height: 200px;
      width: 100%;
      height: 100%;
    }

@media only screen and (min-width: 40.063em) and (max-width: 42em) {  /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
  .eventlabel-datetime {
    font-size:10px;
  }
}



@media only screen and (max-width: 40em) {

  .eventResultList {
    margin-left:10px;
    padding-right:40px;
    margin-top:20px;
    margin-bottom:20px;
    
  }
  
  .submenu {
    list-style: none;
    text-align: left;
    margin-top:0px;
    float:none;
    margin-left:0;

  }
  
  .submenu li {
    margin-left:0px;
  }
  
}



