/*
YUI 3.4.0 (build 3928)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

/*	Generic Styles */
.clear { *height: 1%; }
.clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
.alt { display: none; }

body { font-size:13px; font-family:Helvetica; font-weight:normal; line-height:125%; background-color: /*#333*/ #000; color: #fff; }
a { text-decoration: none; color: #ccc; text-transform: uppercase; text-decoration: none; }
a:hover { text-decoration: none; color: #da0f6a; }

h3 { font-size: 18px; }
.sz-300 h3 { font-size: 13px; font-weight: bold; }
.sprite,
#share .share-list a { background: url(../../../../resource/assets/media-player/skins/snag-films/images/embed_sprite.394a89e3f44b5eec17d7f8038b58ffad.png) 100px 100px no-repeat transparent; }

button { padding: 6px 10px 5px; text-transform: uppercase; 13px; color: #fff; background-color: #00a2d8; border: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
button:hover, button.hover { background-color: #da0f6a; }

object { display: block; }

.sfep { position: relative; background-color: #333; overflow: hidden;  }
.sz-300 { width: 300px; height: 233px; }
.sz-500 { width: 500px; height: 351px; }

.sz-500 .snag-notification { top: auto; bottom: 50px; }
.sz-300 .snag-notification { top: auto; bottom: 43px; }

/* header styles */
.header { position: relative; width: 100%; min-height: 31px; padding: 5px 0; }
h1 { float: left; }
.logo { display: block; height: 30px; width: 115px; margin-left: 5px; text-indent: -9999px; background-position: -5px -3px; }
.sponsor-ad { float: right; display: block; height: 31px; width: 88px; margin-right: 5px; overflow: hidden; }

/* Footer Styles */
.footer { position: absolute; bottom: 0; left: 0; width: 100%; }
.footer a { display: block; width: 41%; padding: 7px 10px 5px; }
.footer a.continue { float: left; text-align: left; width: 49%; }
.sz-300 a { padding: 1px 5px 2px; font-size: 11px; }
.more { float: right; text-align: right; }


/* Player Container */
.player-container { position: relative; }
.player-container,
.player-container img { height: 282px; width: 500px; }
.sz-300 .player-container,
.sz-300 .player-container img { height: 169px; width: 300px; }
.control-bar { position: absolute; top: 0; left: 0; width: 100%; z-index: 350; }
h2 { float: left; max-width: 400px; font-size: 18px; line-height: 1.2em; padding: 10px; background: #333; filter:alpha(opacity=80); opacity: 0.80; }
.sz-300 h2 { max-width: 245px; padding: 5px; font-size: 15px; }
.player { z-index: 140; }

.psd-media-player-sidebar { position: absolute; top: 0; right: 4px; width: 40px; z-index: 450; }
.psd-media-player-sidebar .psd-media-player-button { display: block; height: 35px; width: 40px; margin: 0; background: url(../../../../resource/assets/images/embed_sprite.394a89e3f44b5eec17d7f8038b58ffad.png) -125px 0 no-repeat transparent; }
.psd-media-player-sidebar .psd-media-player-button:hover { background-position: -172px 0; }
.psd-media-player-sidebar .psd-media-player-button span { display: block; height: 35px; width: 40px; background: url(../../../../resource/assets/images/embed_sprite.394a89e3f44b5eec17d7f8038b58ffad.png) -125px 0 no-repeat transparent; text-indent: -9999px; }
.psd-media-player-sidebar .sf-info-btn span { background-position: -1px -41px; }
.psd-media-player-sidebar .sf-share-btn span { background-position: -42px -41px; }
.psd-media-player-sidebar .sf-embed-btn span { background-position: -84px -41px; }
.psd-media-player-sidebar .sf-filmanthropy-btn span { background-position: -125px -41px; }
.psd-media-player-sidebar .psd-media-player-button .snag-tooltip { display: none; height: auto; width: auto; left: auto !important; right: 3px !important; text-indent: 0; background-image: none; background-color:#eee; background-color: rgba(255, 255, 255, 0.8); }
.psd-media-player-sidebar .psd-media-player-button .snag-tooltip .snag-tooltip-arrow { left: auto !important; right: 10px !important; }
.psd-media-player-sidebar .psd-media-player-button .snag-tooltip span { height: auto; width: auto; text-indent: 0; background-image: none; color: #333; }
.sz-300 .psd-media-player-sidebar { width: 30px; }
.sz-300 .psd-media-player-button { height: 28px; width: 28px; background-position: -171px -113px; }
.sz-300 .psd-media-player-button:hover { background-position: -218px -113px; }
.sz-300 .sf-info-btn span { background-position: 1px -113px; }
.sz-300 .sf-share-btn span { background-position: -39px -113px; }
.sz-300 .sf-embed-btn span { background-position: -81px -113px; }
.sz-300 .sf-filmanthropy-btn span { background-position: -122px -113px; }

.messaging { position: absolute; bottom: 53px; left: 5px; width: 480px; padding: 5px; background-color: #333; filter:alpha(opacity=80); opacity: 0.80; }
.sz-300 .messaging { bottom: 32px; width: 245px; font-size: 10px;}

/* Overlays */
#overlays,
#end-card,
#expired { display: none; position: absolute; top: 41px; left: 0; height: 256px; width: 470px; padding: 10px 15px 15px; overflow: hiddne; color: #666; background-color: #fff; z-index: 2000; }
.overlay { display: none; height: 250px; margin: 10px 0 0 15px; padding-right: 10px; overflow-x: auto; }
.overlay h3 { line-height: 23px; margin-bottom: 0.3em; }
.overlay p { margin-bottom: 0.7em; line-height: 1.5em; }
.close { position: absolute; top: 10px; right: 10px; height: 15px; width: 15px; background-position: -222px -49px; }
.sz-300 #overlays,
.sz-300 #end-card,
.sz-300 #expired { top: 41px; width: 290px; height: 182px; padding: 5px 10px 5px 5px; font-size: 0.9em;  }
.sz-300 .overlay { height: 155px; margin: 20px 15px 0; }

/* Panel Specifics */
#share h3{margin-bottom:15px;}
#share label{display:block;float:left;font-weight:600;margin:6px 5px 0 0;}
#share .url{color:#A0A0A0;height:22px;width:200px;padding-left:5px;border:solid 1px #999;margin-right:5px;}
#share .share-list{ padding: 15px 0; margin: 5px 0 15px 0; border-top: dotted 1px #c1c1c1; }
#share .share-list li{ float: left; /*width:29px; height:29px; */ margin-right: 15px;}
#share .share-list a { display: block; width: 29px; height: 29px; text-indent: -10000px; }
#share .mail a { background-position: 0 -79px; }
#share .twitter a { background-position: -30px -79px; }
#share .facebook a { background-position: -60px -79px; }
#share .google a { background-position: -90px -79px; }
#share .su a { background-position: -120px -79px; }
#share .digg a { background-position: -150px -79px; }
#share .clicker a { background-position: -180px -79px; }
.sz-300 #share .share-list a { height: 20px; width: 19px; padding: 0; }
.sz-300 #share .mail a { background-position: -243px 0; }
.sz-300 #share .twitter a { background-position: -243px -20px; }
.sz-300 #share .facebook a { background-position: -243px -40px; }
.sz-300 #share .google a { background-position: -243px -60px; }
.sz-300 #share .su a { background-position: -243px -81px; }
.sz-300 #share .digg a { background-position: -222px 0; }
.sz-300 #share .clicker a { background-position: -222px -20px; }

#embed label, 
#embed textarea,
#embed button { display: block; }
#embed fieldset { margin-bottom: 10px; *height: 30px; *margin-top: -5px; }
#embed fieldset legend, 
#embed fieldset label,
#embed fieldset input { float: left; }
#embed fieldset input { margin-left: 10px; }
#embed fieldset label { margin-left: 5px; }
#embed textarea { width: 360px; height: 70px; padding: 5px; font-family: monospace; overflow: auto; *margin-left: -15px; }
#embed button { float: right; }
#embed span.msg {display:none; float: right; padding: 9px 10px 0 0; font-style: italic; line-height: 12px; }
.copy-code { margin-top: 4px; width: 372px; }
.sz-300 #embed h3 { font-weight: 500; }
.sz-300 #embed legend { float: none; display: block; margin-bottom: 3px; }
.sz-300 #embed input { margin: 0; }
.sz-300 #embed label { margin-right: 10px; }
.sz-300 #embed textarea { width: 228px; height: 35px; }
.sz-300 #embed button { padding: 5px 9px 4px; }
.sz-300 #embed fieldset { margin-bottom: 2px; }
.sz-300 #embed h2 { margin-bottom: 0; }
.sz-300 .copy-code { margin-top: 2px; width: 239px; }
.sz-300 #embed span.msg { line-height: 10px;  }

#film h3 { line-height: 24px; color: #fe9500; }
#film h3 span { float: left; display: inline-block; height: 24px; width: 26px; margin-right: 5px; background-position: -181px -47px; }
#film img { display: block; float: left; height: 117px; width: 180px; margin-right: 10px; }
.sz-300 #film img { display: none; }
#film h4 { font-weight: 600; }

#end-card { display: none; }
#end-card .card { display: none; }
#end-card,
#expired { text-align: center; color: #fff; background-color: #333; background-color: rgba(33,33,33,0.9); }
#end-card p,
#expired p { padding-top: 80px; font-size: 18px; line-height: 1.8em; }
#end-card p em,
#expired p em { display: block; font-size: 1.4em; font-weight: 888; }
.sz-300 #end-card p,
.sz-300 #expired p { padding-top: 60px; }
.sz-300 #expired.geo p { padding-top: 0px; }
#expired { display: block; }

#play-button { position: absolute; top: 151px; left: 215px; z-index: 555; }
#play-button a { display: block; height: 69px; width: 69px; background: url(../../../../resource/assets/images/embed_sprite.394a89e3f44b5eec17d7f8038b58ffad.png) -1px -146px no-repeat transparent; }
#play-button a:hover { background-position: -91px -146px; }
.sz-300 #play-button { left: 120px; top: 97px; }


.overlay.embed {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: block;
    z-index: 9999;
    background: #333;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    margin: 0;
}

.overlay-content.embed {
    text-align: center;
    padding: 100px 0 0;

}

.overlay-content.embed .field {
    display: inline-block;
    margin-right: 5px;
}

.overlay-content.embed input {
    text-align: center;
}

.overlay-content.embed label {
    display: none;
}

#va-day, #va-month, #va-year {
    width: 35px;
}
#wp-embed {margin-top:10px;margin-bottom:0px;}
#wp-embed h3 {float:left;padding-right: 10px;}
#wp-embed p {margin-bottom: 5px;}
#wp-embed a {color:#00A2D8;}
#wp-embed a:hover {color:#DA0F6A;}
#wp-embed a.tog {color:#00A2D8;display:inline-block;margin-top:3px;}
#wp-embed #wp-embed-code {display: none;float: left;}
#wp-embed #wp-shortcode {float:left;color: #989898;font-size: 12px;margin-bottom: 5px;margin-top: 5px;margin-right: 10px;}
#wp-embed .copy-wp-button:hover {cursor: pointer;}
#wp-embed .copy-wp-button {float:left;margin-right: 5px;}