@charset "utf-8";
/* CSS Document */

@font-face{
    font-family: 'MWP';
    src: url('../Fonts/myriadwebpro_0-webfont.eot');
    src: url('../Fonts/myriadwebpro_0-webfont.eot?#iefix') format('embedded-opentype'),
            url('../Fonts/myriadwebpro_0-webfont.woff') format('woff'),
            url('../Fonts/myriadwebpro_0-webfont.ttf') format('truetype'),
            url('../Fonts/myriadwebpro_0-webfont.svg#MWP') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Content styles */
*{
margin: 0;
padding: 0;
}

html{
height: 100%;
outline: 0;
-webkit-text-size-adjust: 100%;

}

body{
    display: block;
    position: relative;
    text-align: center;
    font-family: MWP;
    background: transparent;
    min-height: 100%;
    text-align: center;
}

.bodyiPad{
    background: url(../Images/playerBgDarker.png) !important;
}

a{
    text-decoration: none;
    color: inherit;
}

a, img {
    border:none;
}

div#contentHolder{
    display: block;
    position: relative;
    width: 100%; min-width: 220px; max-width: 960px;
    height: 100%; max-height: 557px;
    overflow: hidden;
    text-align: right;
}

.contentHolderiPad{
    display: inline-block !important;
    position: relative !important;
    margin-top: 45px;
    border: 1px solid #333;
}

.contentHolderNoFrame{
    display: inline-block !important;
    position: relative !important;
    margin-top: 50px;
}
    div.playPauseOverlay{
        display: block;
        position: absolute;
        width: 100%; height: 100%;
        left: 0px; top: 0px; 
        z-index: 10;
    }
    div#preLoadingScreen{
        background: #fff;
        display: block;
        position: absolute;
        width: 100%; height: 100%;
        min-width: 220px; max-width: 960px; 
        left: 0px; top: 0px; 
        z-index: 10;
    }

    .preLoadingScreeniPad{
        width: 960px !important; height: 557px !important;
        left: 50% !important; top: 50% !important;
        margin-left: -480px;
        margin-top: -275px;
        border: 1px solid #fff;
    }

    .preLoadingScreenNoFrame{
        width: 960px !important; height: 557px !important;
        left: 50% !important; top: 50px !important;
        margin-left: -480px;
        border: 1px solid #fff;
    }

    div#loadingScreen{

        display: block;
        position: absolute;
        width: 100%; height: 100%;
        min-width: 220px; max-width: 960px;
        left: 0px; top: 0px; 
        z-index: 9;
    }
        div.loadingTwurl{
            display: block;
            position: absolute;
            width: 24px; height: 24px;
            background: url(../Images/loadingTwurl.gif);
            left: 50%; margin-left: -12px;
            top: 50%; margin-top: -12px;
        }

        div#solidBgLoader{
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0px;
            top: 0px;
            background: #fff;
            z-index: -3;
        }

        div#gradientBgLoader{
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0px;
            top: 0px;
            background: url(../Images/glow.png);
            z-index: -2;
        }

        div#textureBgLoader{
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0px;
            top: 0px;
            background: url(../Images/paper.png);
            z-index: -1;
        }


.video-js{
  height:100% !important;
  width:100% !important;
}

@media all and (min-width: 700px) and (max-width: 869px) {
    div#contentHolder{
        width: 701px !important;
    }
}