html, body {
  color: #444444;
  background-color: #000;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  overflow: hidden;
}
* {
  padding: 0;
  margin: 0;
  list-style: none;
}
:focus {
  outline: none;
}
::-moz-focus-inner {
  border: 0;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix {
  display: block;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
#small_nav {
  width: 50px;
  background-color: #282828;
  position: relative;
  height: 100%;
  float: left;
}
#big_nav {
  background-color: #282828;
  position: relative;
  height: 100%;
  float: left;
  width: 240px;
  display: block;
}
#sidebar-right {
  background-color: #000;
  position: relative;
  height: 100%;
  float: right;
  width: 360px;
  min-height: 100%;
  display: block;
  z-index: 101;
}
#main-content {
  background-color: #000;
  height: 100%;
  position: relative;
  overflow: hidden;
  min-height: 100%;
  /*padding: 0 30px;*/
}
#padding {
  padding: 0px 30px 1px;
}
#player-container {
  position: relative;
  z-index: 101;
}
#player-container2 {
  position: relative;
  z-index: 101;
}
#playercontrols-hd {
  background: -moz-linear-gradient(top, #252525 0%, #0C0C0C 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #252525), color-stop(100%, #0C0C0C));
  background: -webkit-linear-gradient(top, #202020 0%, #121212 100%);
  background: -o-linear-gradient(top, #252525 0%, #0C0C0C 100%);
  background: -ms-linear-gradient(top, #252525 0%, #0C0C0C 100%);
  background: linear-gradient(top, #252525 0%, #0C0C0C 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#0C0C0C', GradientType=0);
  box-shadow: 0 1px 0 #31312f inset;
  bottom: -2px;
  height: 27px;
  color: #EFEFEF;
  left: 0px;
  border: 1px solid black;
  position: absolute;
  width: 100%;
  z-index: 101;
  border-radius: 0 0 3px 3px;
}
#logo {
  width: 790px;
  height: 130px;
  z-index: 3;
  text-align: center;
  position: relative;
  display: block;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
}
#big_nav ul#main_nav li#header {
  background-image: linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -o-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -moz-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -webkit-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -ms-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(25, 25, 25)), color-stop(0.62, rgb(31, 31, 31)));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  padding: 7px 8px;
  line-height: 22px;
  border-bottom: 1px solid black;
  color: #FFF;
  font-family: oswald;
  font-weight: 100;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
}
#big_nav ul#main_nav li {
  background-image: linear-gradient(bottom, rgb(35, 35, 35) 24%, rgb(39, 39, 39) 62%);
  background-image: -o-linear-gradient(bottom, rgb(35, 35, 35) 24%, rgb(39, 39, 39) 62%);
  background-image: -moz-linear-gradient(bottom, rgb(35, 35, 35) 24%, rgb(39, 39, 39) 62%);
  background-image: -webkit-linear-gradient(bottom, rgb(35, 35, 35) 24%, rgb(39, 39, 39) 62%);
  background-image: -ms-linear-gradient(bottom, rgb(35, 35, 35) 24%, rgb(39, 39, 39) 62%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(35, 35, 35)), color-stop(0.62, rgb(39, 39, 39)));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  -webkit-transition: all 0.3s ease-out;
  /* Saf3.2+, Chrome */
  -moz-transition: all 0.3s ease-out;
  /* FF4+ */
  -ms-transition: all 0.3s ease-out;
  /* IE10 */
  -o-transition: all 0.3s ease-out;
  /* Opera 10.5+ */
  transition: all 0.3s ease-out;
}
#big_nav ul#main_nav li.current {
  background-image: linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -o-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -moz-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -webkit-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -ms-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(25, 25, 25)), color-stop(0.62, rgb(31, 31, 31)));
  color: #1B9DDA;
  border-left: 4px solid #1B9DDA;
}
#big_nav ul#main_nav li.current:hover {
  border-left: 4px solid #1B9DDA;
}
#big_nav ul#main_nav li.current a:hover {
  color: #1B9DDA !important;
}
#big_nav ul#main_nav li.current a {
  color: #1B9DDA;
}
#big_nav ul#main_nav li.videos-live {
  background-image: linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -o-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -moz-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -webkit-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -ms-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(25, 25, 25)), color-stop(0.62, rgb(31, 31, 31)));
  color: #2ac15f;
  border-left: 4px solid #2ac15f;
}
#big_nav ul#main_nav li.videos-live:hover {
  border-left: 4px solid #2ac15f;
}
#big_nav ul#main_nav li.videos-live a:hover {
  color: #2ac15f;
}
#big_nav ul#main_nav li.videos-live a {
  color: #2ac15f;
}
#small_nav ul#main_nav li.videos-live {
  background-image: linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -o-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -moz-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -webkit-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -ms-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(25, 25, 25)), color-stop(0.62, rgb(31, 31, 31)));
  color: #2ac15f;
  border-left: 4px solid #2ac15f;
}
#small_nav ul#main_nav li.videos-live:hover {
  border-left: 4px solid #2ac15f;
}
#small_nav ul#main_nav li.videos-live a:hover {
  color: #2ac15f;
}
#small_nav ul#main_nav li.videos-live a {
  color: #2ac15f;
}
#small_nav ul#main_nav li.current {
  background-image: linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -o-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -moz-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -webkit-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -ms-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(25, 25, 25)), color-stop(0.62, rgb(31, 31, 31)));
  color: #1B9DDA;
  border-left: 4px solid #1B9DDA;
}
#small_nav ul#main_nav li.current a {
  color: #1B9DDA;
}
#big_nav ul#main_nav li#twitter:hover {
  background-color: #1192D3 !important;
  background-image: linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -o-linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -moz-linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1) 0%, transparent 100%);
  background-image: -ms-linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(100, rgba(255, 255, 255, 0.1)));
}
#big_nav ul#main_nav li#youtube:hover {
  background-color: #cc181e !important;
  background-image: linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -o-linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -moz-linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1) 0%, transparent 100%);
  background-image: -ms-linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(100, rgba(255, 255, 255, 0.1)));
}
#big_nav ul#main_nav li#facebook:hover {
  background-color: #3b5998 !important;
  background-image: linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -o-linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -moz-linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1) 0%, transparent 100%);
  background-image: -ms-linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(100, rgba(255, 255, 255, 0.1)));
}
#big_nav ul#main_nav li#steam:hover {
  background-color: #434341 !important;
  background-image: linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -o-linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -moz-linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1) 0%, transparent 100%);
  background-image: -ms-linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(100, rgba(255, 255, 255, 0.1)));
}
#big_nav ul#main_nav li#twitch:hover {
  background-color: #6542a6 !important;
  background-image: linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -o-linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -moz-linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.1) 0%, transparent 100%);
  background-image: -ms-linear-gradient(bottom, transparent 0%, rgba(255, 255, 255, 0.1) 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(100, rgba(255, 255, 255, 0.1)));
}
#big_nav ul#main_nav li a {
  display: block;
  position: relative;
  line-height: 34px;
  padding-left: 8px;
  border-bottom: 1px solid #000;
  color: #999999;
  overflow: hidden;
  cursor: pointer;
  font-size: 11px;
  font-family: Oswald, sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-out;
  /* Saf3.2+, Chrome */
  -moz-transition: all 0.3s ease-out;
  /* FF4+ */
  -ms-transition: all 0.3s ease-out;
  /* IE10 */
  -o-transition: all 0.3s ease-out;
  /* Opera 10.5+ */
  transition: all 0.3s ease-out;
  text-decoration: none;
}
#big_nav ul#main_nav li:hover {
  background-image: linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -o-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -moz-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -webkit-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -ms-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(25, 25, 25)), color-stop(0.62, rgb(31, 31, 31)));
  color: #FFFFFF;
  border-left: 4px solid #454545;
}
#big_nav ul#main_nav li a:hover {
  color: #FFFFFF;
}
#big_nav ul#main_nav li .text {
  padding-left: 5px;
}
#big_nav ul#main_nav li#header {
  border-left: 0 !important;
}
a.Play {
  background: url("../images/play.png") no-repeat scroll 3px 0 transparent !important;
  cursor: pointer;
  display: block;
  float: left !important;
  height: 27px;
  width: 30px;
}
a.Play:hover {
  background: url("../images/play-hover.png") no-repeat scroll 3px 0 transparent !important;
}
.Play:after {
  background-color: #000;
  box-shadow: 1px 0px 0 rgba(255, 255, 255, 0.1);
  content: " ";
  height: 28px;
  left: 31px;
  position: absolute;
  top: 0px;
  width: 1px;
}
#islive {
  border-radius: 3px 3px 3px 3px;
  color: #D5D5D5;
  display: block;
  float: left;
  font-size: 11px !important;
  font-style: normal;
  font-weight: bold;
  line-height: 15px;
  height: 15px;
  margin: 4px 0 0 15px;
  padding: 1px 4px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
#islive2 {
  border-radius: 3px 3px 3px 3px;
  color: #D5D5D5;
  display: block;
  float: left;
  font-size: 11px !important;
  font-style: normal;
  font-weight: bold;
  line-height: 15px;
  height: 15px;
  margin: 4px 0 0 15px;
  padding: 1px 4px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.notlive {
  background-color: rgba(0, 0, 0, 0.6);
  border: 1px solid black;
}
.live {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF4347), to(#E3292C));
  background-image: -webkit-linear-gradient(top, #FF4347, #E3292C);
  background-image: -moz-linear-gradient(top, #FF4347, #E3292C);
  background-image: -o-linear-gradient(top, #FF4347, #E3292C);
  background-image: linear-gradient(to bottom, #FF4347, #E3292C);
  border: 1px solid black;
}
.notlive2 {
  background-color: rgba(0, 0, 0, 0.6);
  border: 1px solid black;
}
.live2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF4347), to(#E3292C));
  background-image: -webkit-linear-gradient(top, #FF4347, #E3292C);
  background-image: -moz-linear-gradient(top, #FF4347, #E3292C);
  background-image: -o-linear-gradient(top, #FF4347, #E3292C);
  background-image: linear-gradient(to bottom, #FF4347, #E3292C);
  border: 1px solid black;
}
a.Pause {
  background: url("../images/pause.png") no-repeat scroll 3px 0 transparent !important;
  cursor: pointer;
  display: block;
  float: left !important;
  height: 27px;
  width: 30px;
}
a.Pause:hover {
  background: url("../images/pause-hover.png") no-repeat scroll 3px 0 transparent !important;
}
.Pause:after {
  background-color: #000;
  box-shadow: 1px 0px 0 rgba(255, 255, 255, 0.1);
  content: " ";
  height: 28px;
  left: 31px;
  position: absolute;
  top: 0px;
  width: 1px;
}
#viewercount {
  color: #D5D5D5;
  cursor: default;
  display: block;
  font-size: 9px !important;
  font-style: normal;
  font-weight: bold;
  position: relative;
  top: 9px;
  height: auto !important;
  line-height: 10px !important;
  margin: 0 auto;
  text-align: center !important;
  text-shadow: 0px -1px 0px #000000;
  width: 100px;
}
#viewercount2 {
  color: #D5D5D5;
  cursor: default;
  display: block;
  font-size: 9px !important;
  font-style: normal;
  font-weight: bold;
  position: relative;
  top: 9px;
  height: auto !important;
  line-height: 10px !important;
  margin: 0 auto;
  text-align: center !important;
  text-shadow: 0px -1px 0px #000000;
  width: 100px;
}
#background-cover {
  background: #2D2D2D;
  background: -moz-linear-gradient(top, rgba(45, 42, 42, 0.7) 0%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(45, 42, 42, 0.7)), color-stop(100%, rgba(0, 0, 0, 1)));
  background: -webkit-linear-gradient(top, rgba(45, 42, 42, 0.7) 0%, rgba(0, 0, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(45, 42, 42, 0.7) 0%, rgba(0, 0, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(45, 42, 42, 0.7) 0%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(top, rgba(45, 42, 42, 0.7) 0%, rgba(0, 0, 0, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2D2D2D', endColorstr='#000000', GradientType=0);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.9) inset;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
#steam-bg {
  height: 100%;
}
.Volumeh {
  background: url('../images/volume.png') no-repeat 0 -50px;
  margin-left: 7px;
  cursor: pointer;
  display: block;
  float: left !important;
  height: 27px;
  width: 30px;
}
.Volumeh:hover {
  background: url('../images/volume-hover.png') no-repeat 0 -50px;
}
.vol-seperator {
  background-color: #000;
  box-shadow: 1px 0px 0 rgba(255, 255, 255, 0.1);
  content: " ";
  height: 28px;
  left: 69px;
  position: absolute;
  top: 0px;
  width: 1px;
}
.vol-seperator2 {
  background-color: #000;
  box-shadow: 1px 0px 0 rgba(255, 255, 255, 0.1);
  content: " ";
  height: 28px;
  left: 69px;
  position: absolute;
  top: 0px;
  width: 1px;
}
#vol-wrap {
  float: left;
  height: 27px;
  position: relative;
  overflow: hidden;
  top: 4px;
  width: 0px;
}
#volume {
  left: 4px;
  position: relative;
  top: 6px;
  width: 58px;
}
#vol-wrap2 {
  float: left;
  height: 27px;
  position: relative;
  overflow: hidden;
  top: 4px;
  width: 0px;
}
#volume2 {
  left: 4px;
  position: relative;
  top: 6px;
  width: 58px;
}
.Mute {
  background: url('../images/volume.png') no-repeat 0 0 !important;
  margin-left: 7px;
  cursor: pointer;
  display: block;
  float: left !important;
  height: 27px;
  width: 30px;
}
.Mute:hover {
  background: url('../images/volume-hover.png') no-repeat 0 0 !important;
}
#left_toggle {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.9);
  color: #CCC;
  left: 7px;
  top: 7px;
  padding: 1px;
  border-radius: 3px;
  cursor: pointer;
}
#right_toggle {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.9);
  color: #CCC;
  right: 7px;
  top: 9px;
  padding: 3px;
  border-radius: 3px;
  cursor: pointer;
}
#responsecontainer {
  border-radius: 3px 3px 3px 3px;
  margin-bottom: 11px;
  color: #999999;
  background: rgba(0, 0, 0, 0.5);
  float: left;
  top: 4px;
  font-family: oswald;
  font-weight: 100;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.3);
  left: 30px;
  font-size: 14px;
  padding: 5px 10px;
  text-shadow: 0 -1px #000000;
}
#responsecontainer a {
  text-decoration: underline;
  color: #999999;
}
a.lightSwitcher {
  background: url("../images/lights-off.png") no-repeat scroll 1px 0 transparent !important;
  cursor: pointer;
  display: block;
  float: right !important;
  height: 27px;
  width: 30px;
}
a.lightSwitcher:after {
  content: " ";
  height: 27px;
  right: 31px;
  box-shadow: 1px 0px 0 rgba(255, 255, 255, 0.1);
  background-color: #000;
  position: absolute;
  top: 0px;
  width: 1px;
}
a.lightSwitcher:hover {
  background: url("../images/lights-off-hover.png") no-repeat scroll 1px 0 transparent !important;
}
a.lightSwitcher.turnedOff {
  background: url("../images/lights-on.png") no-repeat scroll 1px 0 transparent !important;
}
a.lightSwitcher.turnedOff:hover {
  background: url("../images/lights-on-hover.png") no-repeat scroll 1px 0 transparent !important;
}
#shadow {
  background-color: rgba(0, 0, 0, 0.898);
  height: 100%;
  left: 0;
  position: absolute;
  display: none;
  top: 0;
  width: 100%;
  z-index: 100;
}
#news {
  background: -moz-linear-gradient(top, #333333 0%, #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
  background: -webkit-linear-gradient(top, #333333 0%, #222222 100%);
  background: -o-linear-gradient(top, #333333 0%, #222222 100%);
  background: -ms-linear-gradient(top, #333333 0%, #222222 100%);
  background: linear-gradient(top, #333333 0%, #222222 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  background-color: #000;
  border-bottom: 1px solid #161616;
  border-top: 1px solid #161616;
  width: 100%;
  position: relative;
  z-index: 15;
}
ul#ticker a {
  color: #999999;
  text-decoration: underline;
}
ul#ticker {
  box-shadow: 0 0 33px rgba(0, 0, 0, 0.2) inset;
  padding: 12px;
  height: 0;
  overflow: hidden;
  text-align: center;
  text-shadow: 0 -1px #000000;
}
ul#ticker li {
  color: #999999;
  text-align: center;
  width: 478px;
  overflow: hidden;
  height: 21px;
  line-height: 23px;
  position: relative;
  top: -6px;
}
#ticker-buttons {
  color: #FFFFFF;
  left: 344px;
  margin: 0 auto;
  width: 526px;
}
#left-button {
  border-right: 1px solid #0C0C0C;
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.06);
  cursor: pointer;
  float: left;
  padding: 4px 1px;
  line-height: 17px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
  height: 17px;
  font-size: 17px;
}
#right-button {
  border-left: 1px solid #0C0C0C;
  box-shadow: -1px 0 0 rgba(255, 255, 255, 0.06);
  cursor: pointer;
  float: right;
  line-height: 17px;
  padding: 4px 1px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9);
  height: 17px;
  font-size: 17px;
}

/* fuck this bright shit
#big_nav ul#main_nav li.chn_live{
background-image: -webkit-gradient(linear, left top, left bottom, from(#FF4347), to(#E3292C)) !important;
background-image: -webkit-linear-gradient(top, #FF4347, #E3292C) !important;
background-image: -moz-linear-gradient(top, #FF4347, #E3292C) !important;
background-image: -o-linear-gradient(top, #FF4347, #E3292C) !important;
background-image: linear-gradient(to bottom, #FF4347, #E3292C) !important;
color: #FFF !important;
}
#big_nav ul#main_nav li.chn_live a{
color: #FFF !important;
}
*/

#big_nav ul#main_nav li.chn_live a {
  color: #fa4942 !important;
}
#big_nav ul#main_nav #whatlive_main {
  float: right;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  border-radius: 49px;
  top: 7px;
  height: 19px;
  right: 6px;
  text-align: center;
  width: 19px;
  line-height: 21px;
}
#big_nav ul#main_nav .loading {
  background-image: url("../images/loading.gif") !important;
  background-position: 9px 9px;
  background-repeat: no-repeat;
  padding-left: 36px !important;
}
#big_nav ul#main_nav .loading:hover {
  background-image: url("../images/loading.gif") !important;
  background-position: 9px 9px;
  background-repeat: no-repeat;
  padding-left: 36px !important;
}
#small_nav ul#main_nav span.main-icon {
  font-size: 18px;
  position: relative;
  top: 2px;
  left: 5px;
}
#small_nav ul#main_nav span.videos-icon {
  font-size: 18px;
  position: relative;
  top: 2px;
  left: 5px;
}
#small_nav ul#main_nav span.music-icon {
  font-size: 18px;
  position: relative;
  top: 2px;
  left: 5px;
}
#small_nav ul#main_nav span.rules-icon {
  font-size: 18px;
  position: relative;
  top: 2px;
  left: 5px;
}
#small_nav ul#main_nav span.apply-icon {
  font-size: 18px;
  position: relative;
  top: 2px;
  left: 5px;
}
#small_nav ul#main_nav span.streamers-icon {
  font-size: 18px;
  position: relative;
  top: 2px;
  left: 5px;
}
#big_nav ul#main_nav span.main-icon {
  font-size: 18px;
  padding-right: 7px;
  position: relative;
  top: 2px;
}
#big_nav ul#main_nav span.videos-icon {
  font-size: 18px;
  padding-right: 7px;
  position: relative;
  top: 2px;
}
#big_nav ul#main_nav span.music-icon {
  font-size: 16px;
  padding-right: 7px;
  position: relative;
  top: 2px;
}
#big_nav ul#main_nav span.rules-icon {
  font-size: 16px;
  padding-right: 7px;
  position: relative;
  top: 2px;
}
#big_nav ul#main_nav span.apply-icon {
  font-size: 16px;
  padding-right: 7px;
  position: relative;
  top: 2px;
}
#big_nav ul#main_nav span.aplist-icon {
  font-size: 16px;
  padding-right: 7px;
  position: relative;
  top: 2px;
}
#big_nav ul#main_nav span.steam-icon {
  font-size: 16px;
  padding-right: 7px;
  position: relative;
  top: 2px;
}
#big_nav ul#main_nav span.twitter-icon {
  font-size: 16px;
  padding-right: 7px;
  position: relative;
  top: 2px;
}
#big_nav ul#main_nav span.fb-icon {
  font-size: 16px;
  padding-right: 7px;
  position: relative;
  top: 2px;
}
#big_nav ul#main_nav span.yt-icon {
  font-size: 16px;
  padding-right: 7px;
  position: relative;
  top: 2px;
}
#big_nav ul#main_nav span.streamers-icon {
  font-size: 16px;
  padding-right: 7px;
  position: relative;
  top: 2px;
}
#big_nav ul#main_nav span.apsubmit-icon {
  font-size: 16px;
  padding-right: 7px;
  position: relative;
  top: 2px;
}
#big_nav ul#main_nav span.sdibs-icon {
  font-size: 16px;
  padding-right: 7px;
  position: relative;
  top: 2px;
}
#big_nav ul#main_nav span.donations-icon {
  font-size: 16px;
  padding-right: 7px;
  position: relative;
  top: 2px;
}
#big_nav ul#main_nav span.settings-icon {
  font-size: 16px;
  padding-right: 7px;
  position: relative;
  top: 2px;
}
#big_nav ul#main_nav span.afflink-icon {
  font-size: 16px;
  padding-right: 7px;
  position: relative;
  top: 2px;
}
#big_nav ul#main_nav .twitch {
  background-image: url("../images/twitch.png") !important;
  background-position: 9px 9px;
  background-repeat: no-repeat !important;
  padding-left: 36px !important;
}
#big_nav ul#main_nav .twitch:hover {
  background-image: url("../images/twitch-hover.png") !important;
}
#small_nav ul#main_nav li {
  background-image: linear-gradient(bottom, rgb(35, 35, 35) 24%, rgb(39, 39, 39) 62%);
  background-image: -o-linear-gradient(bottom, rgb(35, 35, 35) 24%, rgb(39, 39, 39) 62%);
  background-image: -moz-linear-gradient(bottom, rgb(35, 35, 35) 24%, rgb(39, 39, 39) 62%);
  background-image: -webkit-linear-gradient(bottom, rgb(35, 35, 35) 24%, rgb(39, 39, 39) 62%);
  background-image: -ms-linear-gradient(bottom, rgb(35, 35, 35) 24%, rgb(39, 39, 39) 62%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(35, 35, 35)), color-stop(0.62, rgb(39, 39, 39)));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#small_nav ul#main_nav li a {
  display: block;
  position: relative;
  line-height: 34px;
  height: 32px;
  padding-left: 8px;
  border-bottom: 1px solid #000;
  color: #999999;
  overflow: hidden;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  text-decoration: none;
}
#small_nav ul#main_nav li:hover {
  background-image: linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -o-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -moz-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -webkit-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -ms-linear-gradient(bottom, rgb(25, 25, 25) 24%, rgb(31, 31, 31) 62%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(25, 25, 25)), color-stop(0.62, rgb(31, 31, 31)));
  color: #FFFFFF;
  border-left: 4px solid #454545;
}
#small_nav ul#main_nav li a:hover {
  color: #FFFFFF;
}
#big_nav ul#main_nav #dibs_count {
  float: right;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  border-radius: 49px;
  top: 7px;
  height: 19px;
  right: 6px;
  text-align: center;
  width: 19px;
  line-height: 21px;
}
#dibs_header {
  filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#333, EndColorStr=#222);
  background-image: -moz-linear-gradient(top, #333 0, #222 45px);
  background-image: -ms-linear-gradient(top, #333 0, #222 45px);
  background-image: -o-linear-gradient(top, #333 0, #222 45px);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(45px, #222));
  background-image: -webkit-linear-gradient(top, #333 0, #222 45px);
  background-image: linear-gradient(to bottom, #333 0, #222 45px);
  color: white;
  padding: 8px 8px 8px;
  font-size: 14px;
  font-weight: 300;
  border-radius: 3px;
  display: block;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  border-bottom: 1px solid black;
  position: relative;
  text-align: center;
}
#dibs_container {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #282828;
  border-radius: 3px;
  border: 1px solid #000;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  left: 203px;
  color: #FFF;
  z-index: 102;
  display: none;
  opacity: 0;
}
#dibs_container li {
  border-bottom: 1px solid black;
  font-size: 12px;
  box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.1);
  color: #E3E3E3;
  width: 391px;
  padding: 3px 5px;
}
ul#list {
  width: 400px;
  height: 210px;
}
#dibs_container:before {
  border-color: transparent black transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  left: -21px;
  position: absolute;
  top: 80px;
}
#dibs_container:after {
  border-color: transparent #282828 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  left: -20px;
  position: absolute;
  top: 80px;
}
#donate_header {
  filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#333, EndColorStr=#222);
  background-image: -moz-linear-gradient(top, #333 0, #222 45px);
  background-image: -ms-linear-gradient(top, #333 0, #222 45px);
  background-image: -o-linear-gradient(top, #333 0, #222 45px);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(45px, #222));
  background-image: -webkit-linear-gradient(top, #333 0, #222 45px);
  background-image: linear-gradient(to bottom, #333 0, #222 45px);
  color: white;
  padding: 8px 8px 8px;
  font-size: 14px;
  font-weight: 300;
  border-radius: 3px;
  display: block;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  border-bottom: 1px solid black;
  position: relative;
  text-align: center;
}
#donate_container {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #282828;
  border-radius: 3px;
  border: 1px solid #000;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  left: 203px;
  color: #FFF;
  z-index: 131;
  display: none;
  opacity: 0;
}
#donate_container:before {
  border-color: transparent black transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  left: -21px;
  position: absolute;
  top: 80px;
}
#donate_container:after {
  border-color: transparent #282828 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  left: -20px;
  position: absolute;
  top: 80px;
}
#arrow {
  top: 290px;
  position: absolute;
  display: none;
}
#arrow:after {
  border-color: transparent #282828 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  left: 236px;
  z-index: 9;
  position: absolute;
}
#arrow:before {
  border-color: transparent black transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  left: 234px;
  z-index: 9;
  position: absolute;
}
#settings_header {
  filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#333, EndColorStr=#222);
  background-image: -moz-linear-gradient(top, #333 0, #222 45px);
  background-image: -ms-linear-gradient(top, #333 0, #222 45px);
  background-image: -o-linear-gradient(top, #333 0, #222 45px);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(45px, #222));
  background-image: -webkit-linear-gradient(top, #333 0, #222 45px);
  background-image: linear-gradient(to bottom, #333 0, #222 45px);
  color: white;
  padding: 8px 8px 8px;
  font-size: 14px;
  font-weight: 300;
  border-radius: 3px;
  display: block;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  border-bottom: 1px solid black;
  position: relative;
  text-align: center;
}
#settings_container {
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #282828;
  border-radius: 3px;
  border: 1px solid #000;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05);
  left: 203px;
  color: #FFF;
  width: 246px;
  z-index: 102;
  display: none;
  opacity: 0;
}
#settings_container li {
  font-size: 12px;
  color: #E3E3E3;
  width: 234px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  padding: 12px 6px;
}
#settings_container:before {
  border-color: transparent black transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  left: -21px;
  position: absolute;
  top: 57px;
}
#settings_container:after {
  border-color: transparent #282828 transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 10px;
  content: " ";
  height: 0;
  left: -20px;
  position: absolute;
  top: 57px;
}
.text_left {
  text-align: left;
  left: 7px;
  font-weight: bold;
  position: relative;
}
.text_right {
  float: right;
  position: absolute;
  right: 15px;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid black;
  border-radius: 3px;
  width: 100%;
  box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.1) inset, 0 0 10px rgba(0, 0, 0, 0.9);
  height: 100%;
}
#suggest-nav {
  position: absolute;
  right: 27px;
  top: 8px;
  display: none;
}
#suggest-nav a {
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px 2px 2px 2px;
  color: rgba(221, 221, 221, 0.2);
  cursor: pointer;
  font-size: 14px;
  margin-left: 5px;
}
#dontation_boxes li {
  float: left;
}
#music-player {
  position: absolute;
  height: 0px;
  width: 100%;
  z-index: 105;
  display: none;
  bottom: 0;
  border: 1px solid black;
  background-color: #2c2c2c;
  background-image: -moz-linear-gradient(top, #333333, #222222);
  background-image: -ms-linear-gradient(top, #333333, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
  background-image: -webkit-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(top, #333333, #222222);
  background-repeat: repeat-x;
  filter: progid: DXImageTransform.Microsoft.Gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
}
#music-content {
  position: absolute;
  height: 61px;
  left: 5%;
  width: 90%;
  top: 19px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAIVBMV…Mf+OusW/bYkEtMNVgRdo9+C0+krFGnSmleJKOH3ny6+PoPgjKels3Sk/UAAAAASUVORK5CYII=);
  background-color: #181818;
  border: solid 1px #000;
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#close_music {
  color: #CCC;
  border-radius: 4px;
  right: 12px;
  top: 5px;
  padding: 4px 7px;
  position: relative;
  background-color: #000;
  float: right;
  cursor: pointer;
}
#min_music {
  color: #CCC;
  border-radius: 4px;
  right: 12px;
  top: 5px;
  display: none;
  margin-right: 4px;
  display: none;
  padding: 4px 7px;
  z-index: 106;
  position: relative;
  background-color: #000;
  float: right;
  cursor: pointer;
}
#genres {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 200px;
}
#genres ul li {
  background-color: #181818;
  border: solid 1px #000;
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 200px;
  float: left;
  color: #e3e3e3;
  padding: 3px;
  margin: 5px;
  text-align: center;
  cursor: pointer;
}
.wrapper-music {
  height: 100px;
  left: 5%;
  position: relative;
  width: 90%;
}
#music-player .title {
  color: #E3E3E3;
  padding-left: 6px;
  font-weight: bold;
}
#play-controls {
  position: absolute;
  display: block;
  width: 90px;
  left: 8px;
}
.music_btn {
  display: block;
  width: 16px;
  float: left;
  position: relative;
  cursor: pointer;
  height: 16px;
  top: 23px;
  padding-left: 6px;
}
.next {
  background: url('../images/music-next.png');
  background-repeat: no-repeat;
}
.back {
  background: url('../images/music-back.png');
  background-repeat: no-repeat;
}
.play {
  background: url('../images/music-play.png');
  background-repeat: no-repeat;
}
.pause {
  background: url('../images/music-pause.png');
  background-repeat: no-repeat;
}
.jquery-youtube-tubeplayer {
  visibility: hidden;
  position: absolute;
  opacity: 0;
}
#progress-bar {
  background: none repeat scroll 0 0 #101010;
  border: 1px solid black;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
  position: absolute;
  height: 8px;
  left: 38px;
  right: 38px;
  bottom: 4px;
  background: #000;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#buffer {
  background-color: #282828;
  border-radius: 2px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  height: 8px;
  position: absolute;
  width: 0;
  z-index: 1;
}
#progress {
  background-color: #049CDB;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#049CDB), to(#0064CD));
  background-image: -webkit-linear-gradient(top, #049CDB, #0064CD);
  background-image: -moz-linear-gradient(top, #049CDB, #0064CD);
  background-image: -o-linear-gradient(top, #049CDB, #0064CD);
  background-image: linear-gradient(to bottom, #049CDB, #0064CD);
  border-radius: 2px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  height: 8px;
  position: absolute;
  width: 0;
  z-index: 2;
}
#genre {
  display: none;
}
#np-meta-container {
  position: absolute;
  height: 14px;
  left: 0;
  right: 0;
}
.metadata {
  position: relative;
  max-width: 100%;
  color: #888888;
  height: 30px;
  line-height: 14px;
  overflow: hidden;
  text-align: center;
}
.inner {
  position: absolute;
  min-width: 80px;
  top: 6px;
  bottom: 4px;
  left: 155px;
  right: 138px;
}
#current_time {
  font-weight: bold;
  left: 0;
  top: 34px;
  position: absolute;
}
#total_time {
  font-weight: bold;
  right: 0;
  top: 34px;
  position: absolute;
}
#songid {
  display: none;
}
#music-buttons {
  position: absolute;
  display: block;
  width: 90px;
  right: 8px;
}
.music-volume {
  background: url('../images/music-volume.png');
  background-repeat: no-repeat;
  padding-right: 5px;
}
.sd {
  background: url('../images/music-sd.png');
  background-repeat: no-repeat;
}
.hd {
  background: url('../images/music-hd.png');
  background-repeat: no-repeat;
}
.show_list {
  background: url('../images/music-list.png');
  background-repeat: no-repeat;
  padding-right: 5px;
}
#volume-container {
  background-color: #2a2a2a;
  border: 1px solid black;
  position: absolute;
  width: 21px;
  top: -61px;
  right: 68px;
  height: 78px;
  display: none;
}
#volume-container:before {
  border-color: #000 transparent transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: " ";
  height: 0;
  left: 3px;
  position: absolute;
  top: 79px;
}
#volume-container:after {
  border-color: #2a2a2a transparent transparent transparent;
  border-image: none;
  border-style: solid;
  border-width: 7px;
  content: " ";
  height: 0;
  left: 3px;
  position: absolute;
  top: 78px;
}
#music-tabs {
  display: none;
  position: absolute;
  z-index: 106;
  bottom: 126px;
}
#genre-select {
  position: absolute;
  background-color: #323232;
  padding: 5px;
  display: block;
  width: 104px;
  left: 8px;
  border-radius: 3px 3px 0 0;
  border-left: 1px solid black;
  color: #e3e3e3;
  border-right: 1px solid black;
  border-top: 1px solid black;
  cursor: pointer;
}
#submit-music {
  position: absolute;
  background-color: #323232;
  padding: 5px;
  left: 127px;
  display: block;
  width: 73px;
  border-radius: 3px 3px 0 0;
  border-left: 1px solid black;
  color: #e3e3e3;
  border-right: 1px solid black;
  border-top: 1px solid black;
  cursor: pointer;
}
#report-song {
  position: absolute;
  background-color: #323232;
  padding: 5px;
  left: 215px;
  width: 86px;
  display: block;
  border-radius: 3px 3px 0 0;
  border-left: 1px solid black;
  color: #e3e3e3;
  border-right: 1px solid black;
  border-top: 1px solid black;
  cursor: pointer;
}
#max-player {
  position: absolute;
  background-color: #323232;
  padding: 5px 10px;
  display: none;
  right: 6px;
  border-radius: 3px 3px 0 0;
  border-left: 1px solid black;
  color: #e3e3e3;
  border-right: 1px solid black;
  border-top: 1px solid black;
  cursor: pointer;
  bottom: 0;
}
#music-list {
  position: absolute;
  height: 61px;
  left: 5%;
  width: 90%;
  top: 88px;
  display: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAIVBMV…Mf+OusW/bYkEtMNVgRdo9+C0+krFGnSmleJKOH3ny6+PoPgjKels3Sk/UAAAAASUVORK5CYII=);
  background-color: #181818;
  border: solid 1px #000;
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 0 0 rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 100px;
}
ul.trackscroll {
  overflow-y: scroll;
  height: 93px;
}
ul#musictracks li {
  padding-top: 5px;
  text-align: center;
}
ul#musictracks li.active {
  background-color: rgba(0, 0, 0, 0.3);
  color: #FFF;
}
ul#musictracks li:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.3);
  color: #FFF;
}
#live_embed_player_flash {
  border: 1px solid black;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
}
#player-container.error:before {
  background: rgba(0, 0, 0, 0.5);
  content: " ";
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 226;
  display: block;
  left: 1px;
  top: 1px;
}
#player-container.error:after {
  content: "Lost connection to widget, Reconnecting...";
  position: absolute;
  margin: 0 auto;
  text-align: center;
  top: 37%;
  color: white;
  left: 0;
  z-index: 226;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  padding: 14px;
  border-radius: 5px;
  width: 200px;
}
.streamers-title {
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 10px 10px 11px;
  font-size: 16px;
  font-weight: 300;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-radius: 4px 4px 0 0;
  border-width: 0 0 1px;
  border-color: rgba(0, 0, 0, 0.3);
  border-style: solid;
  position: relative;
  text-align: center;
  margin: 30px 0 0;
}
.streamer-container {
  display: inline-block;
  width: 30%;
  height: 300px;
  margin-left: 30px;
  min-width: 300px;
  color: #999999;
  float: left;
  margin-bottom: 30px;
  position: relative;
}
.streamer-container a {
  color: #999999;
}
.streamer-header {
  height: 114px;
  width: 100%;
  display: block;
  background-size: cover;
}
.streamer-header-cover {
  background: -moz-linear-gradient(top, rgba(45, 42, 42, 0.3) 0%, rgba(0, 0, 0, 0.98) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(45, 42, 42, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.98)));
  background: -webkit-linear-gradient(top, rgba(45, 42, 42, 0.3) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -o-linear-gradient(top, rgba(45, 42, 42, 0.3) 0%, rgba(0, 0, 0, 0.98) 100%);
  background: -ms-linear-gradient(top, rgba(45, 42, 42, 0.3) 0%, rgba(0, 0, 0, 0.98) 100%);
  background: linear-gradient(top, rgba(45, 42, 42, 0.3) 0%, rgba(0, 0, 0, 0.98) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2D2D2D', endColorstr='#000000', GradientType=0);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.9) inset;
  height: 114px;
  width: 100%;
  position: absolute;
  top: 0;
}
#streamers_content {
  background: rgba(0, 0, 0, 0.8);
  position: relative;
}
#streamers_content .tse-content {
  position: relative;
  overflow: hidden;
  padding-bottom: 35px;
  min-height: 100%;
}
.streamer-content {
  background: -moz-linear-gradient(top, #333333 0%, #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
  background: -webkit-linear-gradient(top, #333333 0%, #222222 100%);
  background: -o-linear-gradient(top, #333333 0%, #222222 100%);
  background: -ms-linear-gradient(top, #333333 0%, #222222 100%);
  background: linear-gradient(top, #333333 0%, #222222 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
}
.streamer-content .avatar {
  position: absolute;
  top: 74px;
  left: 21px;
  padding: 7px;
  background-color: #333333;
  border-radius: 49px;
}
.streamer-content .avatar img {
  border-radius: 33px;
  top: 0px;
  display: block;
  position: relative;
}
.streamer-name {
  border-bottom: 1px solid #161616;
  border-top: 1px solid #161616;
  line-height: 29px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px rgba(255, 255, 255, 0.1);
}
.small_font {
  display: block;
  font-size: 11px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px rgba(255, 255, 255, 0.1);
  text-align: left;
  padding-left: 10px;
}
.sname {
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px rgba(255, 255, 255, 0.1);
  text-align: center;
  font-size: 15px;
}
.progress-bg {
  background-color: rgba(0, 0, 0, 0.2);
  width: 90%;
  height: 13px;
  margin: 0 auto 56px;
  top: 10px;
  display: block;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.9) inset;
  position: relative;
}
.progress-bar {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#049CDB), to(#0064CD));
  background-image: -webkit-linear-gradient(center top, #049CDB, #0064CD);
  background-image: -moz-linear-gradient(center top, #049CDB, #0064CD);
  background-image: -o-linear-gradient(center top, #049CDB, #0064CD);
  background-image: -ms-linear-gradient(center top, #049CDB, #0064CD);
  background-image: linear-gradient(center top, #049CDB, #0064CD);
  height: 11px;
  position: absolute;
  top: 6px;
  display: block;
}
.not_done {
  display: block;
  background: -moz-linear-gradient(top, #333333 0%, #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
  background: -webkit-linear-gradient(top, #333333 0%, #222222 100%);
  background: -o-linear-gradient(top, #333333 0%, #222222 100%);
  background: -ms-linear-gradient(top, #333333 0%, #222222 100%);
  background: linear-gradient(top, #333333 0%, #222222 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  height: 52px;
  width: 52px;
  position: absolute;
  border-radius: 32px;
  top: -14px;
  text-align: center;
}
.done {
  display: block;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#049CDB), to(#0064CD));
  background-image: -webkit-linear-gradient(center top, #049CDB, #0064CD);
  background-image: -moz-linear-gradient(center top, #049CDB, #0064CD);
  background-image: -o-linear-gradient(center top, #049CDB, #0064CD);
  background-image: -ms-linear-gradient(center top, #049CDB, #0064CD);
  background-image: linear-gradient(center top, #049CDB, #0064CD);
  height: 52px;
  width: 52px;
  position: absolute;
  border-radius: 32px;
  top: -14px;
  color: #FFF;
  text-align: center;
}
.stage-text {
  position: relative;
  top: 18px;
}
.text-active {
  color: #999999;
}
.start {
  left: -12px;
}
.stage1 {
  left: 10%;
}
.stage2 {
  left: 20%;
}
.stage3 {
  left: 30%;
}
.stage4 {
  left: 50%;
}
.stage5 {
  left: 70%;
}
.stage6 {
  left: 80%;
}
.stage7 {
  left: 90%;
}
.finish {
  left: 99%;
}
#apply_content h3 {
  font-family: Oswald, sans-serif;
  font-weight: 100;
  text-align: center;
  padding: 12px;
  font-size: 23px;
}
#apply_content {
  background: rgba(0, 0, 0, 0.5);
}
.apply-text {
  display: block;
  text-align: center;
  padding-bottom: 22px;
}
.apply-title {
  padding-left: 12px;
  display: block;
  width: 600px;
  font-weight: 100;
  padding-top: 12px;
  margin: 0 auto;
  text-align: left;
  font-family: Oswald, sans-serif;
  font-weight: 100;
  font-size: 19px;
  padding-bottom: 5px;
}
.apply-block {
  padding-left: 12px;
  font-size: 15px;
  display: block;
  width: 600px;
  margin: 0 auto;
  text-align: left;
  padding-bottom: 5px;
}
.apply-block a {
  text-decoration: underline;
  color: #FFF;
}
.apply_button {
  border: 1px solid rgba(0, 0, 0, 0.8);
  background: -moz-linear-gradient(top, #333333 0%, #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
  background: -webkit-linear-gradient(top, #333333 0%, #222222 100%);
  background: -o-linear-gradient(top, #333333 0%, #222222 100%);
  background: -ms-linear-gradient(top, #333333 0%, #222222 100%);
  background: linear-gradient(top, #333333 0%, #222222 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  padding: 16px;
  display: block;
  margin: 25px auto;
  width: 299px;
  text-align: center;
  border-radius: 3px;
  color: #999999;
  text-shadow: 0 -1px #000000;
  cursor: pointer;
}
.apply_button:active {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7) inset;
}
.apply_input {
  background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#222222));
  background: -webkit-linear-gradient(left top -90deg, #333333, #222222) repeat scroll 0 0 transparent;
  background: -moz-linear-gradient(center top, #333333 0%, #222222 100%) repeat scroll 0 0 #222222;
  background: -o-linear-gradient(left top -90deg, #333333, #222222) repeat scroll 0 0 transparent;
  background: -ms-linear-gradient(left top -90deg, #333333, #222222) repeat scroll 0 0 transparent;
  background: linear-gradient(left top -90deg, #333333, #222222) repeat scroll 0 0 transparent;
  background-color: #222222;
  border: 1px solid #000000;
  color: #606060;
  border-radius: 5px 5px 5px 5px;
  font-size: 1.3em;
  margin-top: 4px;
  padding: 5px 0 5px 5px;
  width: 100%;
  box-shadow: 0 1px 0 rgba(81, 81, 81, 0.8) inset;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.apply_input:focus {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(3, 149, 217, 0.6);
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.9);
  color: #FFF;
}
.apply-container {
  width: 600px;
  display: block;
  margin: 0 auto;
}
#movie-background-cover {
  background: #2D2D2D;
  background: -moz-linear-gradient(top, rgba(45, 42, 42, 0.8) 0%, rgba(0, 0, 0, 0.98) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(445, 42, 42, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.98)));
  background: -webkit-linear-gradient(top, rgba(45, 42, 42, 0.8) 0%, rgba(0, 0, 0, 0.98) 100%);
  background: -o-linear-gradient(top, rgba(45, 42, 42, 0.8) 0%, rgba(0, 0, 0, 0.98) 100%);
  background: -ms-linear-gradient(top, rgba(45, 42, 42, 0.8) 0%, rgba(0, 0, 0, 0.98) 100%);
  background: linear-gradient(top, rgba(45, 42, 42, 0.8) 0%, rgba(0, 0, 0, 0.98) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2D2D2D', endColorstr='#000000', GradientType=0);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.9) inset;
}
.dibs_left {
  position: absolute;
  font-size: 9px;
  left: 14px;
  top: 12px;
  color: #999999;
}
#dibs_all {
  cursor: pointer;
}
#dibs_today {
  cursor: pointer;
}
.dibs_active {
  color: #FFF;
}
.off {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF4347), to(#E3292C));
  background-image: -webkit-linear-gradient(top, #FF4347, #E3292C);
  background-image: -moz-linear-gradient(top, #FF4347, #E3292C);
  background-image: -o-linear-gradient(top, #FF4347, #E3292C);
  background-image: linear-gradient(to bottom, #FF4347, #E3292C);
  border: 1px solid rgba(0, 0, 0, 0.5);
  color: #FFF;
  cursor: pointer;
  padding: 4px;
  font-weight: bold;
  text-align: center;
  position: relative;
  top: -5px;
  display: block;
  width: 32px;
}
.on {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#57FF44), to(#4FE22B));
  background-image: -webkit-linear-gradient(top, #57FF44, #4FE22B);
  background-image: -moz-linear-gradient(top, #57FF44, #4FE22B);
  background-image: -o-linear-gradient(top, #57FF44, #4FE22B);
  background-image: linear-gradient(to bottom, #57FF44, #4FE22B);
  border: 1px solid rgba(0, 0, 0, 0.5);
  color: #FFF;
  cursor: pointer;
  padding: 4px;
  font-weight: bold;
  text-align: center;
  position: relative;
  color: #000;
  top: -5px;
  display: block;
  width: 32px;
}
#force_buttons {
  position: absolute;
  top: 0;
  z-index: 9999;
  right: 0;
  cursor: pointer;
  color: #000;
}
#force_online {
  padding: 5px;
  background: #FFF;
}
#force_offline {
  padding: 5px;
  background: #FFF;
}
#yt-controls {
  width: 100%;
  height: 25px;
  bottom: 0px;
  position: absolute;
  background: -moz-linear-gradient(top, #252525 0%, #0C0C0C 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #252525), color-stop(100%, #0C0C0C));
  background: -webkit-linear-gradient(top, #202020 0%, #121212 100%);
  background: -o-linear-gradient(top, #252525 0%, #0C0C0C 100%);
  background: -ms-linear-gradient(top, #252525 0%, #0C0C0C 100%);
  background: linear-gradient(top, #252525 0%, #0C0C0C 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#0C0C0C', GradientType=0);
  box-shadow: 0 1px 0 #31312f inset;
  z-index: 9999;
  border-top: 1px solid black;
  border-radius: 0 0 3px 3px;
}
#votingcontainer {
  border-radius: 3px 3px 3px 3px;
  margin-bottom: 11px;
  color: #999999;
  background: rgba(0, 0, 0, 0.5);
  float: right;
  top: 4px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.3);
  right: 30px;
  font-family: oswald;
  font-weight: 100;
  font-size: 14px;
  padding: 5px 10px;
  text-shadow: 0 -1px #000000;
  cursor: pointer;
  z-index: 102;
}
#votingcontainer2 {
  border-radius: 3px 3px 3px 3px;
  margin-bottom: 11px;
  color: #999999;
  background: rgba(0, 0, 0, 0.5);
  float: right;
  font-family: oswald;
  font-weight: 100;
  top: 4px;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.3);
  right: 30px;
  font-size: 14px;
  padding: 5px 10px;
  text-shadow: 0 -1px #000000;
}
.yes_skip {
  background: url("../images/Thumbs_up.png") no-repeat scroll 0px 0 transparent !important;
  width: 25px;
  opacity: 0.5;
  height: 25px;
  display: block;
  float: left;
}
.yes_skip:hover {
  opacity: 1;
}
.no_skip {
  background: url("../images/Thumbs_down.png") no-repeat scroll 0px 0 transparent !important;
  width: 25px;
  opacity: 0.5;
  height: 25px;
  display: block;
  float: left;
}
.no_skip:hover {
  opacity: 1;
}
#voting_btns {
  width: 50px;
  float: right;
}
#vote_text {
  width: 151px;
  float: left;
}
.yes_skip_voted {
  background: url("../images/Thumbs_up.png") no-repeat scroll 0px 0 transparent !important;
  width: 25px;
  opacity: 1;
  height: 25px;
  display: block;
  float: left;
}
.yes_skip_novoted {
  background: url("../images/Thumbs_up.png") no-repeat scroll 0px 0 transparent !important;
  width: 25px;
  opacity: 0.5;
  height: 25px;
  display: block;
  float: left;
}
.no_skip_voted {
  background: url("../images/Thumbs_down.png") no-repeat scroll 0px 0 transparent !important;
  width: 25px;
  opacity: 1;
  height: 25px;
  display: block;
  float: left;
}
.no_skip_novoted {
  background: url("../images/Thumbs_down.png") no-repeat scroll 0px 0 transparent !important;
  width: 25px;
  opacity: 0.5;
  height: 25px;
  display: block;
  float: left;
}
#twitch_chat {
  float: left;
  display: block;
  width: 50%;
  height: 100%;
}
#chatango_chat {
  float: left;
  display: block;
  width: 50%;
  height: 100%;
}
#streamers_header {
  background: url("../images/background-header.png");
  position: relative;
  z-index: 1;
  height: 44px;
  width: 100%;
  display: block;
  font-size: 20px;
  padding-left: 5px;
  line-height: 40px;
  color: #FFF;
}
#status {
  float: left;
}
#views {
  float: left;
  padding-left: 13px;
}
#viewers {
  border-radius: 3px 3px 3px 3px;
  margin-bottom: 11px;
  color: #999999;
  background: rgba(0, 0, 0, 0.5);
  float: left;
  top: 7px;
  font-family: oswald;
  font-weight: 100;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-size: 12px;
  padding: 5px 10px;
  text-shadow: 0 -1px #000000;
  display: none;
}
#viewers #view_icon {
  float: left;
  position: relative;
  top: 2.5px;
  padding-right: 4px;
}
#view_count {
  float: left;
  padding-left: 3px;
}
#dim_lights {
  border-radius: 3px 3px 3px 3px;
  margin-bottom: 11px;
  color: #999999;
  background: rgba(0, 0, 0, 0.5);
  float: right;
  z-index: 101;
  top: 7px;
  right: 0;
  font-family: oswald;
  font-weight: 100;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-size: 12px;
  padding: 5px 10px;
  text-shadow: 0 -1px #000000;
  cursor: pointer;
  text-align: center;
}
#dim_lights span {
  padding-right: 6px;
}
#current_chat {
  border-radius: 3px 3px 3px 3px;
  margin-bottom: 11px;
  color: #999999;
  background: rgba(0, 0, 0, 0.5);
  float: right;
  margin-right: 5px;
  z-index: 101;
  top: 7px;
  right: 0;
  font-family: oswald;
  font-weight: 100;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-size: 12px;
  padding: 5px 10px;
  text-shadow: 0 -1px #000000;
  cursor: pointer;
}
#current_chat span {
  padding-right: 6px;
}
#chat_twitch {
  position: absolute;
  height: 100%;
  width: 100%;
}
#chat_chatango {
  position: absolute;
  height: 100%;
  width: 100%;
}
#chat_hitbox {
  position: absolute;
  height: 100%;
  width: 100%;
}
.chat_visible {
  visibility: visible;
  position: absolute;
  display: block;
  opacity: 1;
}
.chat_hidden {
  visibility: hidden;
  position: absolute;
  display: none;
  opacity: 0;
}
#lag_fix {
  border-radius: 3px 3px 3px 3px;
  margin-bottom: 11px;
  color: #999999;
  background: rgba(0, 0, 0, 0.5);
  float: left;
  top: 7px;
  font-family: oswald;
  font-weight: 100;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-size: 12px;
  padding: 5px 10px;
  margin-left: 7px;
  cursor: pointer;
  text-shadow: 0 -1px #000000;
}
.scroll {
  overflow-y: auto !important;
}
#streamerbio {
  background: rgba(0, 0, 0, 0.8);
  padding: 17px;
  top: 0;
  position: relative;
  text-align: center;
}
.streamers_header_right {
  float: right;
  padding-right: 10px;
  cursor: pointer;
}
#deploy {
  position: absolute;
  right: 0;
  z-index: 109;
  background: rgba(255, 0, 0, 0.5);
  border: 1px solid red;
  font-weight: bold;
  color: #FFF;
  padding: 5px;
  top: 0;
  display: none;
}
#current_player {
  border-radius: 3px 3px 3px 3px;
  margin-bottom: 11px;
  color: #999999;
  background: rgba(0, 0, 0, 0.5);
  float: left;
  margin-right: 5px;
  margin-left: 5px;
  z-index: 100;
  top: 7px;
  right: 0;
  font-family: oswald;
  font-weight: 100;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-size: 12px;
  padding: 5px 10px;
  text-shadow: 0 -1px #000000;
  cursor: pointer;
}
#current_player span {
  padding-right: 6px;
}
.content {
  position: absolute;
  top: 0;
  left: 239px;
  right: 340px;
  bottom: 0;
}
.site-content {
  position: absolute;
  top: 0;
  left: 239px;
  right: 0;
  bottom: 0;
}
.sidebar2 {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 340px;
  z-index: 131;
  background: #000;
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.2);
}
.content {
  background: #000;
}
#content {
  background: #000;
  position: absolute;
  top: 0px;
  margin-top: 156px;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
  right: 0px;
}
#float_widget {
  position: absolute;
  top: 0;
  left: 0;
  padding: 25px;
  color: #FFF;
  background: rgba(0, 0, 0, 0.5);
  z-index: 101;
}
.sidebar1 {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  background: #000;
  box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 0 0 0 rgba(0, 0, 0, 0.2);
}
#background1 {
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  display: none;
}
#background2 {
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  display: none;
}
#background3 {
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  display: none;
}
#background4 {
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  display: none;
}
#page-content {
  position: relative;
}
#current_live {
  display: none;
}
#page_heading {
  background: -moz-linear-gradient(top, #333333 0%, #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
  background: -webkit-linear-gradient(top, #333333 0%, #222222 100%);
  background: -o-linear-gradient(top, #333333 0%, #222222 100%);
  background: -ms-linear-gradient(top, #333333 0%, #222222 100%);
  background: linear-gradient(top, #333333 0%, #222222 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  text-align: center;
  background-color: #000;
  border-bottom: 1px solid #161616;
  border-top: 1px solid #161616;
  margin-top: 25px;
  font-size: 11px;
  font-weight: 600;
  padding: 25px 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #999999;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  border-radius: 5px 5px 0 0;
}
#tab_content {
  background: url("../images/escheresque_ste.png");
  background-repeat: repeat;
}
.pos_rel {
  position: relative;
}
ul#page_tabs {
  display: block;
  width: 90%;
  min-width: 970px;
  margin: 0 auto;
  padding-top: 6px;
  text-align: center;
  position: relative;
}
ul#page_tabs li {
  width: 49%;
  margin: 0 0.5%;
  float: left;
}
ul#page_tabs a {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 3px 3px 0px 0px;
  color: #999999;
  padding: 17px 0;
  display: block;
  text-decoration: none;
  outline: none;
  -webkit-transition: all 0.3s ease-out;
  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
  transition: all 0.3s ease-out;
  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
ul#page_tabs li.active a {
  background: rgba(0, 0, 0, 1);
  color: #FFF;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0px 1px;
}
ul#page_tabs li a:hover {
  color: #FFF;
  background: rgba(0, 0, 0, 0.7);
}
ul#page_tabs li.active a:hover {
  background: rgba(0, 0, 0, 1);
  color: #FFF;
}
#rules_content {
  background: rgba(0, 0, 0, 1);
  padding: 25px;
  list-style-type: lower-alpha;
  margin-bottom: 25px;
}
#rules_content li {
  list-style: decimal;
}
#rules_content .quote {
  font-size: 11px;
  font-weight: 200;
  line-height: 160%;
  padding: 10px;
}
.rules_block h1 {
  margin: 17px 0;
}
.rules_block {
  /*margin: 37px;*/
}
#pos_rel {
  display: block;
}
#rules_block ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}
h1, .h1 {
  font-size: 36px;
}
h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
#error {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 8px 12px 7px;
  border-width: 0 1px 4px 1px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #ff4136;
  border-color: #ff291c;
  text-align: center;
  z-index: 101;
  display: none;
}
#apply_content {
  background: black;
  background-repeat: repeat;
  position: relative;
  overflow: hidden;
}

/*form styles*/

#msform {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  height: 830px;
  position: relative;
}
#msform fieldset {
  background: -moz-linear-gradient(top, #333333 0%, #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
  background: -webkit-linear-gradient(top, #333333 0%, #222222 100%);
  background: -o-linear-gradient(top, #333333 0%, #222222 100%);
  background: -ms-linear-gradient(top, #333333 0%, #222222 100%);
  background: linear-gradient(top, #333333 0%, #222222 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
  padding: 20px 30px;
  box-sizing: border-box;
  width: 80%;
  margin: 0 10%;
  border: 1px solid black;
  color: #FFF;
  position: absolute;
}

/*Hide all except first fieldset*/

#msform fieldset:not(:first-of-type) {
  display: none;
  /*top: -367px;*/
}

/*inputs*/

#msform input, #msform textarea, #msform select {
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
  background: #FFF;
  color: #2C3E50;
  font-size: 13px;
}

/*buttons*/

#msform .action-button {
  width: 100px;
  background: #1B9DDA;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 1px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 5px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#msform .action-button:hover, #msform .action-button:focus {
  box-shadow: 0 0 0 2px #242424, 0 0 0 3px #1B9DDA;
}

/*headings*/

.fs-title {
  font-size: 15px;
  text-transform: uppercase;
  color: #FFF;
  margin-bottom: 10px;
}
.fs-subtitle {
  font-weight: normal;
  font-size: 13px;
  color: #FFF;
  margin-bottom: 20px;
}
.fs-count {
  font-weight: normal;
  font-size: 13px;
  text-align: left;
  color: #FFF;
  font-weight: bold;
  margin-bottom: 20px;
}
.fs-subtitle a {
  color: #FFF;
}

/*progressbar*/

#progressbar {
  margin: 30px auto;
  overflow: hidden;
  padding: 5px 0;
  background: -moz-linear-gradient(top, #333333 0%, #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
  background: -webkit-linear-gradient(top, #333333 0%, #222222 100%);
  background: -o-linear-gradient(top, #333333 0%, #222222 100%);
  background: -ms-linear-gradient(top, #333333 0%, #222222 100%);
  background: linear-gradient(top, #333333 0%, #222222 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  counter-reset: step;
  border-radius: 3px;
  border: 1px solid black;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 80%;
}
#progressbar li {
  list-style-type: none;
  color: white;
  text-transform: uppercase;
  font-size: 9px;
  width: 13.33%;
  float: left;
  position: relative;
}
#progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 20px;
  line-height: 20px;
  display: block;
  position: relative;
  font-size: 10px;
  color: #333;
  background: white;
  border-radius: 3px;
  margin: 0 auto 5px auto;
  z-index: 5;
}

/*progressbar connectors*/

#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: white;
  position: absolute;
  left: -50%;
  top: 9px;
  z-index: 1;
  /*put it behind the numbers*/
}
#progressbar li:first-child:after {
  /*connector not needed before the first step*/
  content: none;
}

/*marking active/completed steps green*/


/*The number of the step and the connector before it = green*/

#progressbar li.active:before, #progressbar li.active:after {
  background: #1B9DDA;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: white;
}
#progressbar li.error:before, #progressbar li.error:after {
  background: #ff4136;
  color: white;
}
.has-error {
  border: 3px solid #ff4136;
  color: #ff4136;
}
.error_notice {
  background: #ff4136;
  border-radius: 3px;
  color: #FFF;
  padding: 8px;
  width: 80%;
  margin: 0 auto 25px;
}
.status_blocks {
  background: -moz-linear-gradient(top, #333333 0%, #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
  background: -webkit-linear-gradient(top, #333333 0%, #222222 100%);
  background: -o-linear-gradient(top, #333333 0%, #222222 100%);
  background: -ms-linear-gradient(top, #333333 0%, #222222 100%);
  background: linear-gradient(top, #333333 0%, #222222 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  float: left;
  width: 100%;
  border-radius: 3px;
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
  color: #FFF;
  padding: 30px;
  margin: 5px;
  border: 1px solid black;
}
#application_status_wrapper {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  height: 830px;
  position: relative;
}
#ap_scroll_container {
  height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
}
ul#aplist li {
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
  height: 97px;
  margin-bottom: 5px;
  position: relative;
}
.ap_thumb {
  float: left;
  width: 10%;
  padding-left: 11px;
  display: block;
  position: relative;
  top: 3px;
}
.ap_thumb img {
  border: 1px solid black;
  border-radius: 3px;
}
.ap_text {
  width: 50%;
  top: 18px;
  padding-left: 147px;
  display: block;
  position: relative;
}
.ap_title {
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
}
.ap_dur {}
ul#aplist li.active {
  color: #FFF;
  background-image: linear-gradient(bottom, #0064CD 0%, #049CDB 100%);
  background-image: -o-linear-gradient(bottom, #0064CD 0%, #049CDB 100%);
  background-image: -moz-linear-gradient(bottom, #0064CD 0%, #049CDB 100%);
  background-image: -webkit-linear-gradient(bottom, #0064CD 0%, #049CDB 100%);
  background-image: -ms-linear-gradient(bottom, #0064CD 0%, #049CDB 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0064CD), color-stop(1, #049CDB));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.9);
}
#status-container {
  width: 90%;
  position: relative;
  margin: 0 auto;
  padding-bottom: 25px;
  padding-top: 25px;
}
#tpos {
  float: left;
  padding-right: 8px;
  position: relative;
  width: 100%;
}
#ttime {
  position: absolute;
  right: 0;
  top: -1px;
}
#slider {
  width: 100%;
  float: left;
  top: 5px;
  position: relative;
}
#playercont {
  margin: 0 auto;
  position: relative;
  width: 100%;
  font-family: Oswald, sans-serif;
  color: #FFF;
  text-transform: uppercase;
  height: 27px;
  font-size: 12px;
}
#pstatus {
  text-align: center;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
}
.streamers-title {
  font-family: Oswald, sans-serif;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.9);
  font-size: 16px;
  font-weight: 100;
}
#playercont.ui-state-disabled {
  opacity: 1;
  filter: Alpha(Opacity=1);
  position: relative;
  text-align: left;
  background-color: #000;
  -webkit-box-shadow: 0 1px 0 #373737 inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 0 #373737 inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0 #373737 inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  border: 1px solid black;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#343434), to(#2D2D2D));
  background-image: -webkit-linear-gradient(center top, #343434, #2D2D2D);
  background-image: -moz-linear-gradient(center top, #343434, #2D2D2D);
  background-image: -o-linear-gradient(center top, #343434, #2D2D2D);
  background-image: -ms-linear-gradient(center top, #343434, #2D2D2D);
  background-image: linear-gradient(center top, #343434, #2D2D2D);
}
.bold {
  color: #FFF;
  font-weight: bold;
}
.stat {
  text-align: center;
  margin: 0;
}
ul#aplist li.active:after {
  content: "Now Playing";
  -webkit-transform: rotate(35deg);
  -moz-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  -o-transform: rotate(35deg);
  content: "Now Playing";
  right: -34px;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 34px;
  background: rgba(0, 0, 0, 0.5);
  width: 214px;
  font-size: 18px;
  text-transform: uppercase;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  font-weight: bold;
}
.reveal-modal {
  visibility: hidden;
  top: 40%;
  left: 50%;
  margin-left: -300px;
  width: 520px;
  background: #eee;
  position: absolute;
  z-index: 108;
  padding: 30px 40px 34px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  z-index: 107;
  display: none;
  top: 0;
  left: 0;
}
#mod-content-music h3 {
  text-align: center;
  font-family: oswald;
  text-transform: uppercase;
  font-weight: normal;
}
#mod-bottom {
  border-top: 1px solid #D6D6D6;
  box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.9) inset;
  padding-top: 5px;
  position: relative;
}
.reveal-modal .close-reveal-modal {
  font-size: 22px;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
  font-weight: bold;
  cursor: pointer;
}
.btn {
  width: 100px;
  background: #1B9DDA;
  font-weight: bold;
  color: white;
  border: 0 none;
  border-radius: 1px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 5px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.btn:hover, .btn:focus {
  box-shadow: 0 0 0 2px black, 0 0 0 3px #1B9DDA;
}
#mod-content-music p {
  text-align: center;
}
#mod-content-music input {
  border: 1px solid #A8A8A8;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 0 1px #A8A8A8 inset;
  font-size: 16px;
  margin: 15px;
  padding: 5px;
  text-align: left;
  width: 264px;
}
#auto_submit:hover {
  color: #333;
  background: #fcfcfc;
  text-decoration: none;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px #ffffff;
  -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px #ffffff;
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px #ffffff;
}
#auto_submit {
  display: inline-block;
  height: 24px;
  padding: 0 7px 0 7px;
  margin: 0 7px 0 0;
  font-size: 11px;
  font-weight: bold;
  line-height: 24px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  border: solid 1px #aaa;
  cursor: pointer;
  text-decoration: none;
  position: absolute;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  right: -4px;
  top: 6px;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 0px 0px #ffffff;
  -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 0px 0px #ffffff;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 0px 0px #ffffff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #fafafa, #ededed);
  background-image: -ms-linear-gradient(top, #fafafa, #ededed);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#ededed));
  background-image: -webkit-linear-gradient(top, #fafafa, #ededed);
  background-image: -o-linear-gradient(top, #fafafa, #ededed);
  background-image: linear-gradient(top, #fafafa, #ededed);
  background-repeat: repeat-x;
  filter: progid: DXImageTransform.Microsoft.Gradient(startColorstr='#fafafa', endColorstr='#ededed', GradientType=0);
}
#error-msg {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 8px 12px 7px;
  border-width: 0 1px 4px 1px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #ff4136;
  border-color: #ff291c;
  text-align: center;
  z-index: 101;
}
#ok-msg {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 8px 12px 7px;
  border-width: 0 1px 4px 1px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #28b62c;
  border-color: #23a127;
  text-align: center;
  z-index: 101;
}
#player_status {
  background: rgba(0, 0, 0, 0.5);
  content: " ";
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 226;
  display: none;
  left: 1px;
  top: 1px;
}
#player_status span {
  position: absolute;
  margin: 0 auto;
  text-align: center;
  top: 37%;
  color: white;
  cursor: pointer;
  left: 0;
  z-index: 226;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  padding: 14px;
  border-radius: 5px;
  width: 200px;
}
.widget_reconnect {
  cursor: pointer;
}
#news_header {
  position: absolute;
  top: 0;
  background: #40b5e3;
  z-index: 101;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #FFF;
}
#news_header a {
  color: #FFF;
}
#news_header span {
  position: absolute;
  right: 4px;
  top: -1px;
  cursor: pointer;
}
#news_error_header {
  position: absolute;
  top: 0;
  background: #ff4136;
  z-index: 101;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #FFF;
}
#news_error_header a {
  color: #FFF;
}
#news_error_header span {
  position: absolute;
  right: 4px;
  top: -1px;
  cursor: pointer;
}
#socket_nconnect {
  position: absolute;
  margin: 0 auto;
  text-align: center;
  top: 37%;
  color: white;
  cursor: pointer;
  left: 0;
  z-index: 300;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  padding: 14px;
  border-radius: 5px;
  width: 200px;
}
ul#current_ls {
  margin-bottom: 11px;
  margin-top: 3px;
  float: left;
  top: 4px;
  position: relative;
  left: 30px;
}
ul#current_ls li {
  /*min-width: 301px;*/
  /*min-height: 80px;*/
  position: relative;
  background: rgba(0, 0, 0, 0.6);
  float: left;
  border: 2px solid rgba(0, 0, 0, 9);
  z-index: 10;
  color: #999999;
  font-size: 14px;
  font-weight: 100;
  padding-right: 8px;
  font-family: oswald;
  text-shadow: 0 -1px #000000;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
  transition: all 0.3s ease-out;
  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
ul#current_ls li.active {
  /*border: 1px solid rgba(27,157,218,1);
  box-shadow: 0 0 5px rgba(27,157,218,0.5);*/
  border: 2px solid #000;
  /*box-shadow: 0 0 5px #FE6347;*/
}
ul#current_ls li {
  margin-right: 16px;
}
ul#current_ls li span#avatar {
  float: left;
  position: relative;
}
ul#current_ls li span#avatar img {
  vertical-align: middle;
}
ul#current_ls li span#streamer {
  display: block;
  padding-left: 35px;
  padding-top: 7px;
  margin: 0 0 0 35px;
}
ul#current_ls li span#playing {
  display: block;
  padding-left: 35px;
  font-size: 11px;
  padding-right: 23px;
  margin: 8px 0 0 35px;
}
ul#current_ls li span#site {
  display: block;
  padding-left: 35px;
  font-size: 9px;
  margin: 0 0 0 35px;
}
ul#current_ls li span.hitbox {
  color: #9CCA04;
}
ul#current_ls li span.twitch {
  color: #6143A8;
}
ul#current_ls li span#avatar span.cover {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, transparent 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, transparent));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, transparent 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, transparent 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, transparent 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, transparent 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2D2D2D', endColorstr='#000000', GradientType=0);
  position: absolute;
  height: 100%;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  width: 100%;
  left: 0;
}
.notch-container {
  position: absolute;
  right: 3px;
  bottom: -7px;
  height: 10px;
  display: block;
}
.notch {
  width: 13px;
  height: 0;
  padding-top: 10%;
  overflow: hidden;
}
ul#current_ls li .notch:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: -30px;
  border-top: 30px solid transparent;
  border-right: 30px solid transparent;
  -webkit-transition: all 0.3s ease-out;
  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
  transition: all 0.3s ease-out;
  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
ul#current_ls li.active .notch:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: -30px;
  border-top: 30px solid transparent;
  border-right: 30px solid rgba(153, 153, 153, 0.3);
}

/*ul#current_ls li:hover{
  border: 2px solid #4c4c4c;
}*/


/*ul#current_ls li.active:hover .notch:after{
  border-right: 30px solid #4c4c4c;
}
ul#current_ls li:hover .notch:after{
  border-right: 30px solid #4c4c4c;
}*/

ul#current_ls li #playing span.icon {
  padding-right: 5px;
}
#admin-message {
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 999;
  font-weight: bold;
  color: red;
  top: 0;
  font-family: oswald;
  font-size: 52px;
  padding-top: 20%;
  text-align: center;
  position: fixed;
  display: none;
}
#lconnect {
  position: relative;
  margin: 0 auto;
  text-align: center;
  top: 37%;
  background: rgba(0, 0, 0, 0.9);
  padding: 14px;
  border-radius: 5px;
  width: 200px;
  display: none;
}
#watchid{
  display:none;
}