* { margin: 0; padding: 0; border: 0; }
body { font-family: Helvetica, 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size:10px; }
body, html { width:100%; height:100%; }
a { cursor: pointer; text-decoration: none; }
.round { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }



/* ADVERTISEMENT */
a.promotion-link { display:inline-block; text-align:right;position: absolute; top: 0; right:0; z-index: 10;  }
img#display-ad { display:none;height:100%;width:auto; }
a.promotion-link:hover { background:#000; display:block; bottom:0; left:0; text-align:center;}
a.promotion-link:hover .promotion-image { display:none; }
a.promotion-link:hover #display-ad { display:inline-block; }



/* BRAND */
.e-brand { display:none; width: 200px; position: absolute; left: 10px; top: 10px; z-index: 11; }
.e-logo { background:url(logo.gif);display:none; float:left; margin: 0 5px 0 0; width:75px;height:63px; }
.showlogo .e-logo { display:block; }
.showlogo { width: 275px; }


/* SHARE BUTTON */
.share-btn { float:left; margin: 0 0 5px; }
.share-btn strong { background: #cd201f; color: #fff; display:inline-block; font-size:12px; line-height:12px; padding:5px; text-transform:uppercase; }
.share-btn:hover strong { background:#000; }



/* SHARE */
.sharebox { background:#cd201f; color:#fff; display:none; float:left; padding:10px;  width:150px; position:relative;}
a.c-close-btn { display:inline-block; padding:5px; background:#000; color:#fff; float:left; font-weight:bold; line-height:10px; }
a.c-close-btn:hover { color:#fff; }
.sharebox label { display:block; text-transform:uppercase; }
/* title */
.c-title {  color:#eee;font-weight:bold;text-align:left;position:static;font-size:14px;padding-bottom:10px; }
/* link */
p.c-url { border-top:1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0; margin: 5px 0; }
input.c-url { color:#000; text-align:left; width:150px;}
/* network */
.e-facebook, .twitter-share-button { display: inline-block; float: right; width: 51px; }
.e-facebook { margin: 0 !important; height: 20px !important; }
.twitter-share-button { margin-left: 2px; width: 150px;}
/* embed code */
.code { clear:both; padding-top: 10px; position:relative; }
p.c-size span { display:inline-block;float:left;padding:3px 5px 0; font-weight:bold; }
input.c-size, 
input.c-embedcode,
input.c-url { background:#eee; border:1px solid #999; color:#000; text-align: center; height:20px; padding:2px 0;}
input.c-size { display: inline-block; float: left; margin-bottom: 5px; width:65px;text-align:center;}
input.c-height { background: #999; border:0; color: #eee; }
input.c-embedcode { width: 150px !important; height: 50px; text-align:justify; }


#video-widget,
.widget,
iframe.video,
.v-overlay { width:100%; height:100%; }
#video-widget { margin: 0 auto; position: relative; overflow: hidden; }
.widget { font-size:10px; line-height:normal; margin-bottom:10px; position:relative;  }
.widget a { cursor:pointer !important; }
iframe.video { position:absolute; top:0; left:0; overflow:hidden; background:#ccc; z-index:1 !important; }
.v-overlay { z-index:10; }
/* video playing */
.playing { top: 0 !important; }