.normal-button, .green-button, button.standard-green, button.standard-green-large, .fan-button, .share-panel .social-buttons .fan-button-placeholder button.fan { background-color: #c2c2c2; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#c1c1c1"); background-image: -khtml-gradient(linear, left top, left bottom, from(white), to(#c1c1c1)); background-image: -moz-linear-gradient(top, white, #c1c1c1); background-image: -ms-linear-gradient(top, white, #c1c1c1); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #c1c1c1)); background-image: -webkit-linear-gradient(top, white, #c1c1c1); background-image: -o-linear-gradient(top, white, #c1c1c1); background-image: linear, white, #c1c1c1; border-color: #c1c1c1 #c1c1c1 #b3b3b3; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.39); -webkit-font-smoothing: antialiased; width: auto; padding: 0 10px; height: 33px; border-radius: 4px; text-align: left; color: #333 !important; }
.normal-button span, .green-button span, button.standard-green span, button.standard-green-large span, .fan-button span, .share-panel .social-buttons .fan-button-placeholder button.fan span { font-weight: bold; position: relative; font-size: 14px; top: 1px; }
.normal-button img, .green-button img, button.standard-green img, button.standard-green-large img, .fan-button img, .share-panel .social-buttons .fan-button-placeholder button.fan img { margin-right: 10px; }

.green-button, button.standard-green, button.standard-green-large, button.fan-button.fanned, .share-panel .social-buttons .fan-button-placeholder button.fanned.fan { background-color: #268500; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#42ea00", endColorstr="#258400"); background-image: -khtml-gradient(linear, left top, left bottom, from(#42ea00), to(#258400)); background-image: -moz-linear-gradient(top, #42ea00, #258400); background-image: -ms-linear-gradient(top, #42ea00, #258400); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #42ea00), color-stop(100%, #258400)); background-image: -webkit-linear-gradient(top, #42ea00, #258400); background-image: -o-linear-gradient(top, #42ea00, #258400); background-image: linear, #42ea00, #258400; border-color: #258400 #258400 #1e6b00; color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased; }
.green-button:active, button.standard-green:active, button.standard-green-large:active, button.fan-button.fanned:active, .share-panel .social-buttons .fan-button-placeholder button.fanned.fan:active, .green-button.active, button.active.standard-green, button.active.standard-green-large, button.active.fan-button.fanned, .share-panel .social-buttons .fan-button-placeholder button.active.fanned.fan { -webkit-box-shadow: inset -2px 16px 34px rgba(32, 32, 64, 0.6); box-shadow: inset -2px 16px 34px rgba(32, 32, 64, 0.6); opacity: 0.9; }

.facebook-button { background-color: #22489b !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4b77d7", endColorstr="#21489a"); background-image: -khtml-gradient(linear, left top, left bottom, from(#4b77d7), to(#21489a)); background-image: -moz-linear-gradient(top, #4b77d7, #21489a); background-image: -ms-linear-gradient(top, #4b77d7, #21489a); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b77d7), color-stop(100%, #21489a)); background-image: -webkit-linear-gradient(top, #4b77d7, #21489a); background-image: -o-linear-gradient(top, #4b77d7, #21489a); background-image: linear, #4b77d7, #21489a; border-color: #21489a #21489a #1d3e86; color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased; position: relative; padding-top: 11px; cursor: pointer; width: 277px; height: 45px; margin: 0; }
.facebook-button .fb-image { position: relative; left: 10px; top: 2px; width: 26px; height: 30px; }
.facebook-button .fb-image img { width: 14px; }
.facebook-button .vertical-divider { height: 30px; position: relative; left: 25px; top: 0; border-left: 1px solid #646CA8; }
.facebook-button span { font-family: arial; color: white; position: relative; font-weight: bold; left: 49px; top: 6px; font-size: 17px; }

@-webkit-keyframes blinker { from { opacity: 1.0; }
  to { opacity: 0.0; } }

@-moz-keyframes blinker { from { opacity: 1.0; }
  to { opacity: 0.0; } }

@-ms-keyframes blinker { from { opacity: 1.0; }
  to { opacity: 0.0; } }

@keyframes blinker { from { opacity: 1.0; }
  to { opacity: 0.0; } }

.row { margin-left: 0; }

.hidden { display: none; }

.btn { padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.btn[disabled] { opacity: 0.4; }
.btn[disabled]:hover { background-position: 0; }

a { color: #464646; font-weight: bold; }
a:hover { color: #464646; }

span { margin: 0; color: #464646; }

input[type="text"]:focus { border-color: white; -webkit-box-shadow: none; box-shadow: none; }

.alert { margin-bottom: 0; text-align: center; }

.edit { position: relative; display: none; top: 1px; color: #87BDF2; }
.edit span { text-decoration: underline; font-weight: normal; }
.edit span.blue { color: #0675E1; }
.edit .blue-pencil { position: relative; left: 4px; top: -2px; }

.not-too-long, .not-too-long-auto-width { width: 100%; overflow: hidden; text-overflow: ellipsis; float: left; }

.not-too-long-auto-width { width: auto; }

.divider { width: 100%; background-color: #E0E0E0; height: 1px; }

.modal.fade.in, .modal.fade { top: 30%; -webkit-transition: opacity 0.2s linear, none; -moz-transition: opacity 0.2s linear, none; -ms-transition: opacity 0.2s linear, none; -o-transition: opacity 0.2s linear, none; transition: opacity 0.2s linear, none; }

.modal-backdrop { background-color: #505050; }

button.normal-button, button.green-button, button.standard-green, button.standard-green-large, button.blue-button, button.standard-blue, button.red-button, button.fan-button, .share-panel .social-buttons .fan-button-placeholder button.fan { background-color: #c2c2c2 !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#c1c1c1"); background-image: -khtml-gradient(linear, left top, left bottom, from(white), to(#c1c1c1)); background-image: -moz-linear-gradient(top, white, #c1c1c1); background-image: -ms-linear-gradient(top, white, #c1c1c1); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #c1c1c1)); background-image: -webkit-linear-gradient(top, white, #c1c1c1); background-image: -o-linear-gradient(top, white, #c1c1c1); background-image: linear, white, #c1c1c1; border-color: #c1c1c1 #c1c1c1 #b3b3b3; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.39); -webkit-font-smoothing: antialiased; width: auto; padding: 0 10px; height: 33px; border-radius: 4px; text-align: left; color: #333 !important; }
button.normal-button span, button.green-button span, button.standard-green span, button.standard-green-large span, button.blue-button span, button.standard-blue span, button.red-button span, button.fan-button span, .share-panel .social-buttons .fan-button-placeholder button.fan span { font-weight: bold; position: relative; font-size: 14px; top: 1px; }
button.normal-button img, button.green-button img, button.standard-green img, button.standard-green-large img, button.blue-button img, button.standard-blue img, button.red-button img, button.fan-button img, .share-panel .social-buttons .fan-button-placeholder button.fan img { margin-right: 10px; }

button.facebook-button, button.login-button { background-color: #22489b !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4b77d7", endColorstr="#21489a"); background-image: -khtml-gradient(linear, left top, left bottom, from(#4b77d7), to(#21489a)); background-image: -moz-linear-gradient(top, #4b77d7, #21489a); background-image: -ms-linear-gradient(top, #4b77d7, #21489a); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4b77d7), color-stop(100%, #21489a)); background-image: -webkit-linear-gradient(top, #4b77d7, #21489a); background-image: -o-linear-gradient(top, #4b77d7, #21489a); background-image: linear, #4b77d7, #21489a; border-color: #21489a #21489a #1d3e86; color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased; position: relative; padding-top: 11px; cursor: pointer; width: 277px; height: 45px; margin: 0; }
button.facebook-button .fb-image, button.login-button .fb-image { position: relative; left: 10px; top: 2px; width: 26px; height: 30px; }
button.facebook-button .fb-image img, button.login-button .fb-image img { width: 14px; }
button.facebook-button .vertical-divider, button.login-button .vertical-divider { height: 30px; position: relative; left: 25px; top: 0; border-left: 1px solid #646CA8; }
button.facebook-button span, button.login-button span { font-family: arial; color: white; position: relative; font-weight: bold; left: 49px; top: 6px; font-size: 17px; }

button.green-button, button.standard-green, button.standard-green-large, button.fan-button.fanned, .share-panel .social-buttons .fan-button-placeholder button.fanned.fan { background-color: #268500 !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#42ea00", endColorstr="#258400"); background-image: -khtml-gradient(linear, left top, left bottom, from(#42ea00), to(#258400)); background-image: -moz-linear-gradient(top, #42ea00, #258400); background-image: -ms-linear-gradient(top, #42ea00, #258400); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #42ea00), color-stop(100%, #258400)); background-image: -webkit-linear-gradient(top, #42ea00, #258400); background-image: -o-linear-gradient(top, #42ea00, #258400); background-image: linear, #42ea00, #258400; border-color: #258400 #258400 #1e6b00; color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); -webkit-font-smoothing: antialiased; border: 0; }
button.green-button:active, button.standard-green:active, button.standard-green-large:active, button.fan-button.fanned:active, .share-panel .social-buttons .fan-button-placeholder button.fanned.fan:active, button.green-button.active, button.active.standard-green, button.active.standard-green-large, button.active.fan-button.fanned, .share-panel .social-buttons .fan-button-placeholder button.active.fanned.fan { -webkit-box-shadow: inset -2px 16px 34px rgba(32, 32, 64, 0.6); box-shadow: inset -2px 16px 34px rgba(32, 32, 64, 0.6); opacity: 0.9; }

button.blue-button, button.standard-blue, button.fan-button.to-fan, .share-panel .social-buttons .fan-button-placeholder button.to-fan.fan { background-color: #205165 !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#307c9b", endColorstr="#1f5164"); background-image: -khtml-gradient(linear, left top, left bottom, from(#307c9b), to(#1f5164)); background-image: -moz-linear-gradient(top, #307c9b, #1f5164); background-image: -ms-linear-gradient(top, #307c9b, #1f5164); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #307c9b), color-stop(100%, #1f5164)); background-image: -webkit-linear-gradient(top, #307c9b, #1f5164); background-image: -o-linear-gradient(top, #307c9b, #1f5164); background-image: linear, #307c9b, #1f5164; border-color: #1f5164 #1f5164 #1c4657; color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.23); -webkit-font-smoothing: antialiased; border: 0; text-align: center; }
button.blue-button span, button.standard-blue span, button.fan-button.to-fan span, .share-panel .social-buttons .fan-button-placeholder button.to-fan.fan span { color: white; }

button.red-button { background-color: #720d0d !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ce1616", endColorstr="#7c0d0d"); background-image: -khtml-gradient(linear, left top, left bottom, from(#ce1616), to(#7c0d0d)); background-image: -moz-linear-gradient(top, #ce1616, #7c0d0d); background-image: -ms-linear-gradient(top, #ce1616, #7c0d0d); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ce1616), color-stop(100%, #7c0d0d)); background-image: -webkit-linear-gradient(top, #ce1616, #7c0d0d); background-image: -o-linear-gradient(top, #ce1616, #7c0d0d); background-image: linear, #ce1616, #7c0d0d; border-color: #7c0d0d #7c0d0d #720d0d; color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.23); -webkit-font-smoothing: antialiased; border: 0; text-align: center; padding: 0 10px; }
button.red-button span { color: white; }
button.red-button .caret { border-top: 4px solid #F3F3F3; }

button.go-live { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); width: auto; height: 30px; padding: 5px 15px; margin: 0; text-align: left; }
button.go-live span { color: white; font-size: 15px; position: relative; font-family: arial; }

button.explore-btn { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); width: auto; height: 30px; padding: 5px 15px; margin: 0; text-align: left; }
button.explore-btn span { color: white; font-size: 15px; position: relative; font-family: arial; }

button.login-button { position: relative; top: 5px; cursor: pointer; width: auto; height: auto; margin: 0; padding: 8px; }
button.login-button .fb-image { position: relative; left: 0; top: 2px; width: 26px; height: 30px; }
button.login-button .fb-image img { width: 12px; }
button.login-button .vertical-divider { height: 30px; position: relative; margin: 0 10px 0 5px; left: 0; top: 0; border-left: 1px solid #646CA8; }
button.login-button span { font-family: arial; color: white !important; position: relative; font-weight: bold; left: 0; top: 0; font-size: 18px !important; }
button.login-button.btn { margin-top: 0; }

button.large, button.standard-gray-large, button.standard-green-large { min-width: 100px; height: 40px; text-align: center; }

button.standard-gray, button.standard-gray-large, button.standard-green, button.standard-green-large, button.fan-button.fanned, .share-panel .social-buttons .fan-button-placeholder button.fanned.fan { padding: 5px 10px; font-size: 15px; font-weight: bold; }

.fan-button, .share-panel .social-buttons .fan-button-placeholder button.fan { min-width: 60px !important; text-align: center !important; }
.fan-button.to-fan .fanned, .share-panel .social-buttons .fan-button-placeholder button.to-fan.fan .fanned, .fan-button.to-fan .unfan, .share-panel .social-buttons .fan-button-placeholder button.to-fan.fan .unfan { display: none; }
.fan-button.to-fan .tofan, .share-panel .social-buttons .fan-button-placeholder button.to-fan.fan .tofan { display: inline; }
.fan-button.fanned, .share-panel .social-buttons .fan-button-placeholder button.fanned.fan { padding-left: 12px !important; }
.fan-button.fanned img, .share-panel .social-buttons .fan-button-placeholder button.fanned.fan img { width: 20px; position: relative; top: -2px; margin: 0; }
.fan-button.fanned .tofan, .share-panel .social-buttons .fan-button-placeholder button.fanned.fan .tofan, .fan-button.fanned .unfan, .share-panel .social-buttons .fan-button-placeholder button.fanned.fan .unfan { display: none; }
.fan-button.fanned .fanned, .share-panel .social-buttons .fan-button-placeholder button.fanned.fan .fanned { display: inline; }
.fan-button span.tofan, .share-panel .social-buttons .fan-button-placeholder button.fan span.tofan { font-weight: bold; }
.fan-button span.fanned, .share-panel .social-buttons .fan-button-placeholder button.fan span.fanned { display: none; }
.fan-button img, .share-panel .social-buttons .fan-button-placeholder button.fan img { width: 35px; margin-right: 5px; display: inline; }

.share-panel, .broadcast-player .bottom .share-panel { width: 100%; margin-top: 15px; }
.share-panel .share-row, .broadcast-player .bottom .share-panel .share-row { width: 100%; text-align: left; }
.share-panel .share-row .field { width: 75px; text-align: left; }
.share-panel .share-row .field span { position: relative; top: 5px; font-size: 15px; color: #fff; }
.share-panel .share-row .field-value { width: 70%; border: 1px solid #464646; background-color: #111011; padding: 3px; border-radius: 4px; }
.share-panel .share-row .field-value span { position: relative; color: #999999; }
.share-panel .share-row input, .broadcast-player .bottom .share-panel .share-row input { width: 70%; background-color: #111011; border: 1px solid #464646; cursor: text; color: #999999; }
.share-panel .share-row button.copy { padding: 4px 6px; width: 60px; }
.share-panel .share-row button.copy span { color: white; }
.share-panel .share-row button.copy span.copied { color: #7BF77B; }
.share-panel .social-buttons, .broadcast-player .bottom .share-panel .social-buttons { text-align: left; margin-left: 0; width: 445px; }
.share-panel .social-buttons div, .broadcast-player .bottom .share-panel .social-buttons div { margin-left: 0; margin-right: 10px; }
.share-panel .social-buttons div button, .broadcast-player .bottom .share-panel .social-buttons div button { width: 30px; height: 30px; box-shadow: none; }
.share-panel .social-buttons div button.btn { box-shadow: none; }
.share-panel .social-buttons div button.btn-inverse, .share-panel .social-buttons div button:hover { background-color: #000; background-image: none; }
.share-panel .social-buttons .fan-button-placeholder { margin-right: 0; }
.share-panel .social-buttons .fan-button-placeholder button.fan { padding: 0 0 0 10px; }
.share-panel .social-buttons .fan-button-placeholder button.fan span.tofan { font-size: 14px; margin-left: 10px; }
.share-panel .social-buttons .fan-button-placeholder button.fan span.unfan { margin-left: 20px; }

.broadcast-player, .snapshot-viewer { background-color: #000; width: 100%; }
.broadcast-player.banned #player, .banned.snapshot-viewer #player, .broadcast-player.banned #player_wrapper, .banned.snapshot-viewer #player_wrapper, .broadcast-player.banned .share-panel, .banned.snapshot-viewer .share-panel, .broadcast-player.banned .bottom, .banned.snapshot-viewer .bottom, .broadcast-player.banned .broadcast-info, .banned.snapshot-viewer .broadcast-info, .broadcast-player.no-video #player, .no-video.snapshot-viewer #player, .broadcast-player.no-video #player_wrapper, .no-video.snapshot-viewer #player_wrapper, .broadcast-player.no-video .share-panel, .no-video.snapshot-viewer .share-panel, .broadcast-player.no-video .bottom, .no-video.snapshot-viewer .bottom, .broadcast-player.no-video .broadcast-info, .no-video.snapshot-viewer .broadcast-info, .broadcast-player.mobile-blocked #player, .mobile-blocked.snapshot-viewer #player, .broadcast-player.mobile-blocked #player_wrapper, .mobile-blocked.snapshot-viewer #player_wrapper, .broadcast-player.mobile-blocked .share-panel, .mobile-blocked.snapshot-viewer .share-panel, .broadcast-player.mobile-blocked .bottom, .mobile-blocked.snapshot-viewer .bottom, .broadcast-player.mobile-blocked .broadcast-info, .mobile-blocked.snapshot-viewer .broadcast-info, .broadcast-player.difficulties #player, .difficulties.snapshot-viewer #player, .broadcast-player.difficulties #player_wrapper, .difficulties.snapshot-viewer #player_wrapper, .broadcast-player.difficulties .share-panel, .difficulties.snapshot-viewer .share-panel, .broadcast-player.difficulties .bottom, .difficulties.snapshot-viewer .bottom, .broadcast-player.difficulties .broadcast-info, .difficulties.snapshot-viewer .broadcast-info { display: none; }
.broadcast-player.banned .banned-video, .banned.snapshot-viewer .banned-video { display: block; }
.broadcast-player.no-video .no-video, .no-video.snapshot-viewer .no-video { display: block; }
.broadcast-player.mobile-blocked .mobile-blocked, .mobile-blocked.snapshot-viewer .mobile-blocked { display: block; }
.broadcast-player.difficulties .difficulties, .difficulties.snapshot-viewer .difficulties { display: block; }
.broadcast-player .banned-video, .snapshot-viewer .banned-video, .broadcast-player .no-video, .snapshot-viewer .no-video, .broadcast-player .mobile-blocked, .snapshot-viewer .mobile-blocked, .broadcast-player .difficulties, .snapshot-viewer .difficulties { display: none; color: white; font-weight: bold; font-size: 16px; margin-top: 30%; text-align: center; }
.broadcast-player .broadcast-info, .snapshot-viewer .broadcast-info, .broadcast-player .full-broadcast, .snapshot-viewer .full-broadcast { width: auto; }
.broadcast-player .broadcast-info span, .snapshot-viewer .broadcast-info span, .broadcast-player .full-broadcast span, .snapshot-viewer .full-broadcast span { font-size: 15px; }
.broadcast-player .broadcast-info span.name, .snapshot-viewer .broadcast-info span.name, .broadcast-player .full-broadcast span.name, .snapshot-viewer .full-broadcast span.name { color: #999999; }
.broadcast-player .broadcast-info span.title, .snapshot-viewer .broadcast-info span.title, .broadcast-player .full-broadcast span.title, .snapshot-viewer .full-broadcast span.title { color: #FFFFFF; }
.broadcast-player .full-broadcast a, .snapshot-viewer .full-broadcast a { color: #999; }
.broadcast-player #player, .snapshot-viewer #player { height: 400px; background-color: #000; }
.broadcast-player #player_wrapper, .snapshot-viewer #player_wrapper { min-height: 425px; }
.broadcast-player .bottom, .snapshot-viewer .bottom { padding-top: 0; margin-top: 10px; border: 0; -webkit-box-shadow: none; box-shadow: none; background-color: #000; }
.broadcast-player .bottom .share, .snapshot-viewer .bottom .share { text-align: left; margin-left: 0; }
.broadcast-player .bottom .share span, .snapshot-viewer .bottom .share span { font-size: 15px; color: #999; }

.snapshot-viewer #player { width: 100%; }
.snapshot-viewer #player .thumb-cont { height: 100%; width: 100%; }

body { background-color: #000; overflow: hidden; }

.row { margin-left: 0; }

.header { width: 100%; text-align: center; height: 26px; padding: 5px 0; background-color: #202020; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #202020), color-stop(100%, #232323)); background-image: -webkit-linear-gradient(top, #202020, #232323); background-image: -moz-linear-gradient(top, #202020, #232323); background-image: -ms-linear-gradient(top, #202020, #232323); background-image: -o-linear-gradient(top, #202020, #232323); background-image: linear-gradient(top, #202020, #232323); }
.header img { height: 100%; }

.player-container { width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.player-container .google-ad { text-align: center; margin-bottom: 10px; }