/*   load the main media CSS file    */ 

@import url('../../../common/styles/media.css');

html, body {
    margin:0;
    height:100%; 
}
 
#flashContent {
    width:98%;
    height:98%; 
    position:fixed;/* ... absolute possible if on :root */
    top:0;bottom:0;right:0;left:0;
    overflow:hidden; 
}

#mainDiv{
    width:400px;/* this is size range */
    height:240px;
    position:absolute;  
    left:50%!important;
    top:50%!important;
}
#mainDiv > #videoDiv{
    position:absolute;
    width: 100%;height:100%;
    left:-50%!important;
    top:-50%!important;
    visibility:visible;
}
 
  
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

#videoTag_video { margin:0 auto !important; text-align:center;}
#ytplayer {width:310px !important; margin:0 auto;}

}