/*   load the main media CSS file    */

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

html, body {
	margin:0;
	height:100%;

}
#flashContent {
	width:98%;
	height:98%;
    overflow: hidden;
/*    border: 1px solid red;*/

}

#mainDiv{
    width:440px; 
    height:230px;
    position:absolute; 
    top:0px; left:0px;
  /*  margin-left:15px; */
   /* border: 1px solid green;*/
}

#videoDiv{
    text-align:center;
}

#videoDiv > div {
    margin: 0 auto;
    position: static !important;
    width: 100%;
}
#ytplayer { width:400px;}


@media only screen and (device-width: 768px) and (orientation: landscape) {
    #videoDiv {
        margin: 0 auto;
        text-align: center;
        width: 100%;
    }
    #ytplayer { width:300px !important; margin-top:-20px;} /* your css rules for ipad portrait */
      
     #videoDiv > div {
        margin: 0 auto;
        position: static !important;
        width: 100% !important;
    }

}