/* Styles for iPad version of black trailer templates */


body.ipad #trailers { width: 1190px; }


/* On-page iPad Videos */
body.ipad #WebKitVideo-OverlayScreen { position: absolute; left: 0; top: 0; width: 100%; z-index: 10000; background: rgba(0,0,0,.8); }
body.ipad #WebKitVideo-Overlay { background-color: #000; position: absolute; left: 50%; top: 50%; z-index: 10001; -webkit-box-shadow: 0 5px 50px rgba(0,0,0,1); /*-webkit-transition: opacity .75s linear;*/ }
body.ipad #WebKitVideo-Overlay video { z-index: 10002; }
body.ipad #WebKitVideo-Overlay .endState,
body.ipad #WebKitVideo-Overlay .closeState { position: absolute; top: 0; left: 0; }
body.ipad #WebKitVideo-Overlay .endState p,
body.ipad #WebKitVideo-Overlay .closeState p { text-align: center; padding: 0; margin: -20px 0 0; }
body.ipad #WebKitVideo-Overlay .close { position: absolute; top: -15px; left: -18px; background: url(http://trailers.apple.com/global/images/close_button.png) no-repeat 0 0; width: 30px; height: 30px; display: block; text-indent: -100em; -webkit-transition: opacity .5s linear; }
body.ipad #WebKitVideo-Overlay .closeState { z-index: 10003; -webkit-transition: opacity .15s linear; }
body.ipad #WebKitVideo-Overlay .pillbutton.closeButton b { background-image: url(http://trailers.apple.com/trailers/global/images/pillbevel_close_rightcap.png); }
body.ipad #WebKitVideo-Overlay .pillbutton { -webkit-box-reflect:below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255,255,255,.3))); }
body.ipad #WebKitVideo-Overlay .pillbutton,
body.ipad #WebKitVideo-Overlay .pillbutton * { color: #fff; }
