/**************************************************
* $File: //p4-wdpro/Projects/Sites/ESPNWWOS/main-minify/web-app/src/public/static/css/tabs.css $
*
* $Author: flegp001 $
* $Revision: #1 $
* $Change: 1457315 $
* $Date: 2014/03/31 $
**************************************************/

.tab-names {
    min-height: 60px;
    right: 0;
    background-position: 0 -30px;
    overflow: hidden;
    border: 1px solid #fff;
    border-right: none;
    border-bottom: 2px solid #fff;
}

.tab-names ul {
    list-style-type: none;
    margin: 0;
    padding: 19px 0 0 0;
    overflow: hidden;
    float: left;
}

.tab-names li {
    float: left;
    margin-right: 1px;
    border-top: 1px solid #acacac;
    border-left: 1px solid #acacac;
    border-right: 1px solid #acacac;
}

#tabs-events-apply-button a,
.apply-hide-btn-responsive a,
.tab-names a {
    width: 163px;
    height: 40px;
    display: block;
    font-family: "Playoff Pro Sans Medium", sans-serif;
    font-size: 14px;
    color: #636363;
    vertical-align: middle;
}

.tab-names a:hover {
    text-decoration: none;
}

.tab-names li .focus,
.tab-names li:not(.selected) a:hover {
    color: #fff;
}

.apply-hide-btn-responsive span,
.tab-names span {
    display: block;
    padding: 10px 0 0 0;
    text-align: center;
}

.tab-names .first {
    margin-left: 20px;
}

.tab-names .selected {
    background-color: #fff;
    color: #000;
}

#tabs-events-apply-button {
    width: auto;
    min-width: 125px;
    height: 25px;
    overflow: hidden;
    margin: 19px 0 0 5px;
    box-shadow: none;
}

.t #tabs-events-apply-button {
    margin: 0;
}

#tabs-events-apply-button.volunteer-button {
    float: right;
    margin-right: 118px;
}

#tabs-events-apply-button a {
    line-height: 25px;
    padding: 0 15px;
    width: auto;
}

.ie8 #tabs-events-apply-button a {
    line-height: 24px;
}

.tab-names .clear {
    clear: none;
}

.hide-video {
    float: right;
    width: 90px;
    font-family: "InspireTWDC",sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #7d7d7d;
    cursor: pointer;
    margin-right: 21px;
}

.t .hide-video {
    margin-top: 4px;
}

.hide-video-text {
    margin-top: 13px;
    float: left;
    display: block;
    width: 70px;
}

.t .hide-video-text {
    margin: 0;
}

.hide-video-icon {
    float: left;
    width: 18px;
    height: 18px;
    background-position: -135px -18px;
    margin: 21px 0 0 2px;
    opacity: 0.5;
    filter: alpha(opacity=50);/*IE*/
}

.t .hide-video-icon {
    background-position: -450px -192px ;
    margin: 0;
    opacity: 1;
    filter: alpha(opacity=100);/*IE*/
}

.t .hide-video-icon.closed {
    background-position: -450px -174px ;
}

.hide-video-icon.closed {
    background-position: -135px 0px;
}

.tab-contents {
    width: 693px;
    background-color: #fff;
    float: left;
}

.m .tab-contents,
.t .tab-contents {
   width: 100%; /*It is necessary for mobile in event page.*/
}

.m .tab-contents > * {
    /*padding-left: 0;
    padding-right: 0;*/
}

.tab-contents-divider {
    background: #959595;
    height: 1px;
    margin: 0 20px;
}

.m .tab-contents-divider {
    /*margin-left: 0;*/
}

.m .event-detail-responsive-tab {
    color: #FFF;
    font-family: 'Playoff Pro Sans Regular', sans-serif;
    height: 45px;
    display: inline-block;
    background-color: #111;
    width: 100%;
    border-bottom: 1px solid #CFCFCF;
    font-size: 16px;
    line-height: 47px;
    text-decoration: none;
}

.t .apply-btn-hide-vid-wrapper {
    width: 100%;
    max-width: 940px;
    /*float: left;*/
    background-color: #FFF;
    padding: 10px 0;
    margin: 0 auto;
}

.d .apply-btn-hide-vid-container {
    width: 250px;
    float: right;
}

.t .apply-btn-hide-vid-container {
    float: right;
    /*width: 255px;*/
}
.t .apply-btn-hide-vid-container #tabs-events-apply-button {
    margin-right: 21px;
}

.m .apply-btn-responsive-container {
    float: left;
    margin-left: 20px;
}

.d #tabHeader, .t #tabHeader {
    width: 66.8%;
    float: left;
}

.m.android.fullscreen .intro-content,
.m.android.fullscreen #header {
    display: none;
}

.media-player-events .mediaEngineContainer:not(.fullscreen) {
    background-color: #EDEDED !important;
}

.media-player-events .thumbnailImageHolder img {
    height: 100% !important;
    width: 100% !important;
}

.d .media-player-events .mediaEngineContainer:not(.fullscreen) .videoPlayer,
.d .media-player-events .mediaEngineContainer:not(.fullscreen) .mediaSlider {
    width: 840px !important;
    height: 470px !important;
}

.media-player-events .mediaEngineContainer:not(.fullscreen) .videoPlayer video {
    width: 100%;
    height: auto;
}

.d .media-player-events .me-theme-light .mediaEngineContainer .slidesHolder li img {
    height: 100% !important;
}

.d .hide-video-mobile {
    display: none;
}

.hide-video.close .hide-video-icon {
    transform: rotate(180deg);
}

.t .media-player-events .mediaEngineContainer:not(.fullscreen) .slide {
    width: 640px !important;
}

.t.landscape .media-player-events .mediaEngineContainer:not(.fullscreen) .slide {
    width: auto !important;
}

.t.landscape .mediaEngineContainer.video .middleHolder  {
    min-height: 470px;
}

.t.landscape.iphone .mediaEngineContainer.video .middleHolder  {
    min-height: 360px;
}

.t.landscape.iphone .mediaEngineContainer.video .mediaSlider  {
    max-height: 333px;
}

.t.landscape .mediaEngineContainer.fullscreen .middleHolder  {
    height: 100%;
}

.t.landscape .media-player-events .mediaEngineContainer:not(.fullscreen) .mediaSlider {
    width: 100% !important;
}

.t.landscape.iphone .media-player-events .mediaEngineContainer:not(.fullscreen) .mediaSlider {
    left: 0 !important;
    width: 100%!important;
}

.t.landscape .media-player-events .mediaEngineContainer:not(.fullscreen) .videoPlayer {
    height: 467px;
    width: 830px;
}

.t.landscape.iphone .media-player-events .mediaEngineContainer:not(.fullscreen) .videoPlayer {
    left: 8%!important;
    width: 85%!important;
}

.t.landscape.iphone .media-player-events .mediaEngineContainer.fullscreen .videoPlayer{
    width: 87%!important;
}

.t.portrait .media-player-events .mediaEngineContainer:not(.fullscreen) .mediaSlider {
    right: 10px !important;
    left: -10px!important;
}

.t.portrait .media-player-events .mediaEngineContainer:not(.fullscreen) .videoPlayer {
    left: 45px !important;
}

.t.portrait .media-player-events .mediaEngineContainer.fullscreen .videoPlayer {
    left: -41px !important;
}

.m.landscape .media-player-events {
    height: auto;
    min-height: 385px;
    width: 100%;
}

.m .media-player-events .mediaEngineContainer:not(.fullscreen) .middleHolder {
    padding: 0 !important;
}

.m .media-player-events .mediaEngineContainer .middleHolder {
    max-width: 100%;
}

.m .media-player-events .mediaEngineContainer.fullscreen .videoPlayer video,
.m.portrait .media-player-events .mediaEngineContainer.fullscreen .largePlayPauseButton a.icon {
    position: fixed!important;
}

.m.landscape .media-player-events .mediaEngineContainer.fullscreen .videoPlayer video{
    object-fit: cover;
}

.m  .media-player-events .mediaEngineContainer.fullscreen .bottomHolder{
    z-index: 15;
}

.m.landscape.android .media-player-events .mediaEngineContainer.fullscreen .bottomHolder{
    margin: 0!important;
}

.m .media-player-events .videoPlayer {
   width: 100% !important;
   left: 0 !important;
}

.t .media-player-events .thumbnail {
    margin-right: 10px !important;
}

.m .media-player-events .bottomHolder {
    margin: 0 15px !important;
}

.m .media-player-events .mediaEngineContainer .shareButton {
    line-height: 0 !important;
    font-size: 0 !important;
    color: transparent !important;
}

.t .media-player-events .thumbnail{
    float: none !important;
    display: inline-block !important;
}

.m .media-player-events .thumbnailSlider {
    display: none !important;
}

.m .media-player-events .mediaEngineContainer:not(.fullscreen) .mediaSlider {
    height: 223px !important;
}

.m.portrait .mediaEngineContainer,
.m.portrait .mediaEngineContainer .middleHolder,
.m.portrait .mediaEngineContainer .middleHolder .videoPlayer {
    min-height: 240px;
}

.m.portrait .mediaEngineContainer .middleHolder .videoPlayer {
    height: auto;
}

.m.portrait .mediaEngineContainer.fullscreen .middleHolder .videoPlayer {
    height: 100%;
}

.m.landscape .media-player-events .mediaEngineContainer:not(.fullscreen) .mediaSlider {
    height: auto !important;
}

 .m .media-player-events .mediaEngineContainer:not(.fullscreen) .slidesHolder {
    height: 210px !important;
}

.m.landscape .media-player-events .mediaEngineContainer:not(.fullscreen) .slidesHolder {
    height: auto !important;
}

.m.portrait .media-player-events .mediaEngineContainer:not(.fullscreen) .interactivePlayer {
    height: auto;
}

.t .media-player-events .mediaEngineContainer:not(.fullscreen) .slidesHolder li img{
    height: 100%;
}

.t .media-player-events .mediaEngineContainer.fullscreen a.fullscreenButton {
    margin-right: 20px!important;
    width: 30px!important;
    height: 30px!important;
}

.m .media-player-events .mediaEngineContainer.fullscreen a.fullscreenButton{
    margin-right: 10px!important;
}

.iphone .media-player-events .mediaEngineContainer a.fullscreenButton{
    display: none!important;
}

.t .media-player-events .mediaEngineContainer.fullscreen a.shareButton {
    width: 40px!important;
    margin-right: 5%!important;
}

.t.portrait .media-player-events .mediaEngineContainer:not(.fullscreen) div.previousButton {
    width: 50px!important;
}

.hide-mediaEngine-mobile{
    display: none;
}

.media-player-events .mediaEngineContainer .bottomHolder .mediaTypeFilters,
.media-player-events .mediaEngineContainer .bottomHolder .playPauseButton,
.t .media-player-events .mediaEngineContainer .bottomHolder .mediaTypeFilters,
.t .media-player-events .mediaEngineContainer .bottomHolder .playPauseButton,
.m .media-player-events .playPauseButton ,
.m .media-player-events .mediaTypeFilters {
    display: none !important;
}

.t .media-player-events .mediaEngineContainer.fullscreen .previousButton ,
.t .media-player-events .mediaEngineContainer.fullscreen .nextButton  {
    display: none !important;
}

.m .media-player-events .sharePinterestButton,
.m .media-player-events .shareTwitterButton,
.m .media-player-events .shareGoogleButton,
.m .media-player-events .shareFacebookButton,
.t .media-player-events .sharePinterestButton,
.t .media-player-events .shareTwitterButton,
.t .media-player-events .shareGoogleButton,
.t .media-player-events .shareFacebookButton {
    display: none !important;
}

.m .hide-video-mobile {
    padding-bottom: 15px;
}

.m .hide-video-mobile a,
.t .hide-video-mobile a {
    background-image: url(images/icon_Close_Media_BTN.png);
    float: right;
}

.m .hide-video-mobile,
.t .hide-video-mobile {
    height: 35px;
    background-color: #EDEDED;
}

.m .hide-video-mobile a,
.t .hide-video-mobile a {
    height: 28px;
    width: 28px;
    background-color: transparent;
    position: relative;
    border-radius: 20px;
}

.d .playPauseButton {
    font-size: 15px !important;
}

.media-player-events .mediaEngineContainer.fullscreen.video,
.t.landscape .media-player-events .mediaEngineContainer.fullscreen.video {
    padding-top: 0 !important;
}

.media-player-events .mediaEngineContainer.fullscreen.video {
       min-width: auto;
}

.media-player-events .mediaEngineContainer.fullscreen.video .middleHolder {
    min-height: 100% !important;
}

#loading {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
}

#loading img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -16px;
}

.d .mediaEngineContainer.video .middleHolder {
    min-height: 470px;
}

.mediaEngineContainer:not(.fullscreen) .videoPlayer video,
.d .mediaEngineContainer .videoPlayer video,
.t.landscape .media-player-events .mediaEngineContainer.fullscreen .videoPlayer video{
    object-fit: cover;
}

.iphone .mediaEngineContainer:not(.fullscreen) .videoPlayer .largePlayPauseButton a{
    display: none !important;
}

.m .mediaEngineContainer .middleHolder .previousButton,
.m .mediaEngineContainer .middleHolder .nextButton {
    z-index: 10;
}

.media-player-events .mediaEngineContainer.fullscreen .thumbTouch,
.media-player-events .mediaEngineContainer.fullscreen .progressBar.fullscreenFadable {
    z-index: 20 !important;
    position: fixed;
    bottom: 40px;
}

.d .media-player-events .mediaEngineContainer.fullscreen .bottomHolder,
.t .media-player-events .mediaEngineContainer.fullscreen .bottomHolder{
    height: 50px !important;
}

.d .media-player-events .mediaEngineContainer.fullscreen .thumbnailSlider,
.t .media-player-events .mediaEngineContainer.fullscreen .thumbnailSlider {
    display: none !important;
}

.t.iphone.landscape .media-player-events .mediaEngineContainer:not(.fullscreen) .middleHolder .videoPlayer .progressBar,
.t.iphone.landscape .media-player-events .mediaEngineContainer:not(.fullscreen) .middleHolder .videoPlayer .thumbTouch,
.t.iphone.landscape .media-player-events .mediaEngineContainer:not(.fullscreen) .bottomHolder,
.m .media-player-events .mediaEngineContainer:not(.fullscreen) .middleHolder .videoPlayer .progressBar,
.m .media-player-events .mediaEngineContainer:not(.fullscreen) .middleHolder .videoPlayer .thumbTouch,
.m .media-player-events .mediaEngineContainer:not(.fullscreen) .bottomHolder {
    display: none !important;
}

.iphone .mediaEngineContainer:not(.fullscreen) .videoPlayer .largePlayPauseButton a{
    display: none !important;
}

.m.portrait .responsive-tabs-container {
    clear: both;
    position: relative;
    z-index: 5;
}

.m .media-player-events .mediaEngineContainer .videoCCButton {
    display: none !important;
}

.m .media-player-events .mediaEngineContainer .shareButton {
    margin-right: 5%;
}

.m.iphone .me-theme-light .mediaEngineContainer .loadingHolder {
    display: none !important;
}

.m.landscape .media-player-events .mediaEngineContainer.fullscreen .largePlayPauseButton .icon,
.m.landscape .media-player-events .mediaEngineContainer.fullscreen .loadingHolder {
    margin-top: -57px;
}