.teaser-360-player {
  position:absolute;
  margin-left:-30px;
  width:1015px;
  height:205px;
  background: rgb(140,137,137);
  background: -moz-linear-gradient(top, rgba(140,137,137,1) 0%, rgba(106,103,103,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(140,137,137,1)), color-stop(100%,rgba(106,103,103,1)));
  background: -webkit-linear-gradient(top, rgba(140,137,137,1) 0%,rgba(106,103,103,1) 100%);
  background: -o-linear-gradient(top, rgba(140,137,137,1) 0%,rgba(106,103,103,1) 100%);
  background: -ms-linear-gradient(top, rgba(140,137,137,1) 0%,rgba(106,103,103,1) 100%);
  background: linear-gradient(to bottom, rgba(140,137,137,1) 0%,rgba(106,103,103,1) 100%);
  box-shadow:0 10px 10px -8px rgba(0,0,0,0.4);
}
.teaser-360-player .content {
  overflow:hidden;
  margin:0 30px;
  width:955px;
}
.teaser-360-player .items {
  width:50000px;
}
.teaser-360-player .item {
  position:relative;
  display:block;
  float:left;
  margin-right:12px;
  width:260px;
}
.teaser-360-player .tabs,.teaser-360-player .tabs li {
  display:block;
  margin:0;
  padding:0;
}
.teaser-360-player .item img.event-img {
  display:block;
  margin-bottom:-12px;
  padding-bottom:15px;
  width:260px;
  height:114px;
  background:url(/2010/teaser/sportal/360-player/img/shadow.png) center bottom no-repeat;
}
.teaser-360-player .tabs {
  position:absolute;
  top:8px;
  right:2px;
  width:300px;
}
.teaser-360-player .tabs li a {
  display:block;
  float:left;
  margin-right:10px;
  padding:5px 10px;
  border-radius:4px;
  background:#555;
  color:#fff;
  font-size:12px;
  cursor:pointer;
}
.teaser-360-player .tabs li a:hover {
  background:#444;
  color:#fff;
}
.teaser-360-player .icon {
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  padding:2px 5px;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:14px;
  font-family:Georgia,Times,serif;
}
.teaser-360-player .left-edge,.teaser-360-player .right-edge {
  position:absolute;
  bottom:-11px;
  left:0;
  display:block;
  width:11px;
  height:11px;
  background:url(/2010/teaser/sportal/360-player/img/overlap.png) 0 0 no-repeat;
}
.teaser-360-player h5 {
  height:40px;
  color:#FFFFFF;
  font-weight:bold;
  font-style:italic;
  font-size:20px;
  font-family:georgia,serif;
  line-height:40px;
}
.teaser-360-player .item h6 {
  margin:0;
  color:#fff;
  font-size:15px;
  font-family:BentonConSansBold, FaktConProBold, Arial, Helvetica, sans-serif;
}
.teaser-360-player .right-edge {
  right:0;
  left:auto;
  background:url(/2010/teaser/sportal/360-player/img/overlap.png) 0 -11px no-repeat;
}
.teaser-360-player .btn-scrl-left,.teaser-360-player .btn-scrl-right {
  position:absolute;
  top:85px;
  display:block;
  width:30px;
  height:31px;
  cursor:pointer;
}
.teaser-360-player .btn-scrl-left {
  left:0;
  background:url(/2010/teaser/sportal/360-player/img/btn-left.png) 0 0 no-repeat;
}
.teaser-360-player .btn-scrl-right {
  right:0;
  background:url(/2010/teaser/sportal/360-player/img/btn-right.png) 0 0 no-repeat;
}
.teaser-360-player .label-wrapper {
  position:absolute;
  right:0;
  bottom:0;
}
.teaser-360-player .label {
  display: block;
  float: left;
  margin-left: 2px;
  padding:1px 3px;
  border-radius:2px;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:9px;
}
.teaser-360-player .label-live {
  background:#cc0001;
  color:#fff;
}
.teaser-360-player .label-hiq {
  background:#f18e00;
  color:#fff;
}
.teaser-360-player .icon-live {
  background:#cc0001;
  color:#fff;
}

.teaser-360-player .plus-icon {
  position: absolute;
  bottom: 4px;
  right: -6px;
  padding-bottom: 2px;
  width: 10px;
  height: 9px;
  border-radius: 6px;
  background:#CC0001;
  text-align: center;
  font-size: 13px;
  line-height: 12px;
}

.teaser-360-player .arrow {
  vertical-align:middle;
}
.teaser-360-player .watch-now {
  display:block;
  color:#fff;
  font-weight:bold;
  font-size:13px;
}
.teaser-360-player .time {
  display:block;
  color:#bababa;
  font-weight:bold;
  font-size:13px;
}
.teaser-360-player .play-button {
  position:absolute;
  top: 33px;
  left:95px;
  display:block;
}