@charset "utf-8";
b{font-weight:bold}
i{font-style:italic}
body,html{height:100%;overflow:hidden;font-family:"Open Sans",sans-serif;background:#000;color:#fff}
#closer{display:block;height:100%;width:8px;background:#0c0c0c;position:absolute;cursor:pointer;right:350px;top:0}
#container{display:table;width:100%;height:100%}
#streams{margin:0 359px 0 0;width:auto;height:100%}
#sidebar{width:350px;height:100%;position:relative;right:0;float:right;background:#1e1e1e}
#header{height:30px;background:#000}
.tab{background:black;color:white;display:block;font-size:10px;line-height:30px;padding:0 5px;float:left;cursor:pointer;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
#removeTab{position:absolute;top:0;right:0}
#dropdownMenu {display: none; position: absolute; top: 30px; cursor: pointer; font-size: 11px; z-index: 9001;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
#dropdownMenu li {background: #340040; padding: 8px; width: 140px; position: relative}
#dropdownMenu li i {width: 16px; text-align:center}
.dropdownMore {float: right}
.subDropdownMenu {display: none; position: absolute; left: 156px; top: -0}
.selected{background:white;color:black}
#content{height:100%}
.stream{float:left;width:100%}
.contentPane{height:100%}
.contentPane>iframe{width:350px;height:100%}
#team{height:100%;overflow-x:hidden;overflow-y:auto}
#teamHeader{display:block;border-bottom:1px solid #000;background:#232323}
#teamHeader h1,h2{text-align:center;margin:10px}
#teamHeader h1{font-weight:bold;font-size:115%}
.filterform {position:relative}
.filterform input{width:100%;box-sizing: border-box;font-family:"Open Sans",sans-serif; padding-left: 4px; line-height:14px; font-size: 11px;outline:none}
.filterform:before {position:absolute;font-family: FontAwesome;color:#9e9e9e; font-size: 12px;top:4px;right:6px;content: "\f002"}
#back,#races,#logout,#hitbox,#twitch,#hosted{display:block;border-top:1px solid #262626;border-bottom:1px solid #000;color:#8d8d8d;padding:8px;height:52px;font-size:20px;font-weight:bold;text-align:center;line-height:46px;cursor:pointer;background:#1e1e1e}
#loginbutton{display:block;border-top:1px solid #262626;padding:40px;text-align:center;cursor:pointer}
#team>.channel{display:block;border-top:1px solid #262626;border-bottom:1px solid #000;color:#8d8d8d;padding:8px;height:52px;font-size:10px;line-height:12px;cursor:pointer;background:#1e1e1e}
#team>.gameLoader{display:block;border-top:1px solid #262626;border-bottom:1px solid #000;color:#8d8d8d;padding:8px;height:52px;font-size:10px;line-height:12px;cursor:pointer;background:#1e1e1e}
#team>.race{display:block;border-top:1px solid #262626;border-bottom:1px solid #000;color:#8d8d8d;padding:8px;height:52px;font-size:10px;line-height:12px;cursor:pointer;background:#1e1e1e}
#team>.channel>b{font-size:12px;line-height:15px}
#team>.gameLoader>b{font-size:12px;line-height:15px}
#team>.race>b{font-size:12px;line-height:15px}
#team>.channel>img{float:left;margin:0 8px 0 0;border:1px solid #262626;min-width:50px;max-width:80px;height:50px !important}
#team>.gameLoader>img{float:left;margin:0 8px 0 0;border:1px solid #262626;max-width:80px;height:50px !important}
#team>.race>img{float:left;margin:0 8px 0 0;border:1px solid #262626;max-width:80px;height:50px !important}
#team>.game{display:block;border-top:1px solid #262626;border-bottom:1px solid #000;color:#8d8d8d;padding:8px;height:25px;font-size:10px;line-height:12px;cursor:pointer;background:#1e1e1e;text-align:center}
#team>.game>b{font-size:13px;line-height:25px}

.optionsHeader {position: relative;
  z-index: 1;
  height: 18px;
  line-height: 18px;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #d8d8d8;
  text-shadow:0 -1px 1px rgba(0,0,0,0.25);
  border-bottom: 1px solid #222;
  border-radius: 3px 3px 0 0;
  width: 90%;
  margin: 10px auto 0 auto;
	background: #404040;
background: -moz-linear-gradient(top, #434343 0%, #343434 100%);
background: -webkit-linear-gradient(top, #434343 0%,#343434 100%);
background: -o-linear-gradient(top, #434343 0%,#343434 100%);
background: -ms-linear-gradient(top, #434343 0%,#343434 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#343434',GradientType=0 );
background: linear-gradient(top, #434343 0%,#343434 100%);

}
.optionsWrapper{display:block;background-color: #1a1a1a;padding: 10px;border-radius: 0 0 3px 3px;box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;width: 90%;margin: 0 auto 10px auto;text-align: center}
.button::-moz-focus-inner{border:0;padding:0}
.button{display:inline-block;*display:inline;zoom:1;padding:6px 10px;cursor:pointer;border-top:0;border-left:0;border-right:0;border-bottom:1px solid rgba(0,0,0,0.3);overflow:visible;color:#d8d8d8;background-color:#222;background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,.04));transition:background-color .2s ease-out;border-radius:3px;box-shadow:1px 1px 1px rgba(0,0,0,.5);text-shadow:0 -1px 1px rgba(0,0,0,0.25);outline:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
.button:hover{background-color:#343434;color:#fff}
.button:active,.button.selected{background:#343434;color:#fff;position:relative;text-shadow:none;box-shadow:0 0 2px rgba(0,0,0,.5) inset;top:1px; border-bottom:0}
.button[disabled],.button[disabled]:hover,.button[disabled]:active{border-color:#151515;background:#050505;cursor:default;position:static;color:#666666;box-shadow:none !important;text-shadow:none !important}
.button.small{padding:4px 12px}
.button.large{padding:12px 30px;text-transform:uppercase}
.button.green{background-color:#0c7f02}
.button.green:hover{background-color:#278f1e}
.button.green:active,.button.green.selected{background:#0c7f02}
.button.red{background-color:#7f0c02}
.button.red:hover{background-color:#8f271e}
.button.red:active,.button.red.selected{background:#7f0c02}
.button.purple{background-color:#69007F}
.button.purple:hover{background-color:#7a1e8e}
.button.purple:active,.button.purple.selected{background:#69007F}
.green[disabled],.green[disabled]:hover,.green[disabled]:active{border-color:#57a957;background:#57a957;color:#d2ffd2}
.red[disabled],.red[disabled]:hover,.red[disabled]:active{border-color:#c43c35;background:#c43c35;color:#ffd3d3}
.blue[disabled],.blue[disabled]:hover,.blue[disabled]:active{border-color:#269ce9;background:#269ce9;color:#93d5ff}
.button-group,.button-group li{display:inline-block;*display:inline;zoom:1}
.button-group{font-size:0}
.button-group .button{font-size:13px;border-radius:0}
.button-group li:first-child .button{border-radius:3px 0 0 3px; border-left: 0}
.button-group li:last-child .button{border-radius:0 3px 3px 0;border-right: 0}




.onoffswitch{position:relative;width:67px;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
.onoffswitch-checkbox{display:none}
.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;box-shadow:0 1px 5px #000 inset,0 1px 0 #444;border-radius:10px}
.onoffswitch-inner{display:block;width:200%;margin-left:-100%; -moz-transition: margin 0.3s ease-in 0s;transition: margin 0.1s ease-in 0s}
.onoffswitch-inner:before,.onoffswitch-inner:after{display:block;float:left;width:50%;line-height:22px;height:20px;font-size:12px;text-shadow:0 1px 1px #000;box-sizing:border-box;box-shadow:0 1px 5px #000 inset,0 1px 0 #444;border-radius:10px}
.onoffswitch-inner:before{content:"ON";background-color:#0c7f02;padding-right:18px}
.onoffswitch-inner:after{content:"OFF";background-color:#7f0c02;color:#8d8d8d;padding-right:15px;text-align:right}
.onoffswitch-switch{display:block;background:#1a1a1a;position:absolute;right:50px;width:20px;height:20px;background-image:radial-gradient(rgba(255,255,255,0.35),rgba(255,255,255,0.25));box-shadow:0 1px 1px #000;border-radius:50%;border-bottom:1px solid rgba(0,0,0,0.25);transition:all .1s ease-in 0s}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:-3px}

.rangeslider,.rangeslider__fill{background:#1a1a1a;display:block;height:10px;width:100%;box-shadow:0 1px 5px #000 inset,0 1px 0 #444;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}
.rangeslider{margin:10px 0;position:relative}
.rangeslider--disabled{filter:alpha(opacity=40);opacity:.4}
.rangeslider__fill{background:#78198c;position:absolute;top:0}
.rangeslider__handle{background:#1a1a1a;cursor:pointer;display:inline-block;width:20px;height:20px;position:absolute;top:-5px;background-image:-webkit-radial-gradient(rgba(255,255,255,0.35),rgba(255,255,255,0.25));background-image:-moz-radial-gradient(rgba(255,255,255,0.35),rgba(255,255,255,0.25));background-image:-o-radial-gradient(rgba(255,255,255,0.35),rgba(255,255,255,0.25));background-image:radial-gradient(rgba(255,255,255,0.35),rgba(255,255,255,0.25));-webkit-box-shadow:0 1px 1px #000;-moz-box-shadow:0 1px 1px #000;box-shadow:0 1px 1px #000;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;border-bottom:1px solid rgba(0,0,0,0.25)}
.rangeslider__handle:active{background-image:-webkit-radial-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0.2));background-image:-moz-radial-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0.2));background-image:-o-radial-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0.2));background-image:radial-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0.2))}

.hovercard {display:none}