@font-face { font-family: WGFL; src: url('./fonts/Hel.woff'); }
@font-face { font-family: WGFL-C; src: url('./fonts/HelCond.woff');}
@font-face { font-family: ROBO; src: url('./fonts/roboto-regular-webfont.woff');}
@font-face { font-family: ROBO-C; src: url('./fonts/robotocondensed-regular-webfont.woff');}
@font-face { font-family: ROBO-B; src: url('./fonts/robotocondensed-bold-webfont.woff');}

/* INITIAL DECLARATIONS */
*:focus{
	outline: none;
	}
html{
	}
html, body{
	margin: 0;
	padding: 0;
	min-height: 100%;
	}
body{
	background: #161616;
	font-family: ROBO;
	color: #979899;
	font-size: 14px;
	width: 100%;
	overflow-x: hidden;
	}
	
/* BASIC TAGS */
a{
	color: #8E3031;
	text-decoration: none;
	transition: all 0.3s ease;
	}
strong:not(.tickCol strong), b{
	color: #B2B3B3;
	}
h1{
	font-size: 32px;
	margin: 4px 0 18px;
}
h2{
	font-size: 26px;
	margin: 16px 0 14px;
}
h3{
	font-size:22px;
	margin:24px 0 15px;
}
h4{
	font-stretch:condensed;
	font-size:18px;
	margin:16px 0 8px;
	}
h5{
	font-size:16px;
	font-weight:bold;
	margin:16px 0 8px;
}
h6{
	color:#979899;
	font-size:14px;
	font-family: WGFL-C;
	font-weight:bold;
	margin:10px 0 3px 0;
	}
blockquote{
	margin: 4px 20px;
	padding: 8px;
	border: 1px dashed #58595A;
	border-left: 3px solid #f84d4d;
	font-size: 90%;
	line-height: 133%;
	overflow: hidden;
	}
pre{
	background: #3B3B3B;
	margin: 4px 20px;
	padding: 8px;
	border: 1px dashed #58595A;
	border-left: 3px solid #f84d4d;
	font-family: monospace;
	font-size: 90%;
	line-height: 133%;
	}
	
/* PAGE LAYOUT */
#mainSection{
	padding: 8px;
	margin-top: 8px;
	}
#headerbar{
	display: block;
	width: 100%;
	background: url("img/sectbg.jpg");
	background-size: auto 100%;
	text-align: center;
	font-size: 48px;
	position: fixed;
	top: 0;
	line-height: 100%;
	border-radius: 0 0 60px 60px;
	color: #fff;
	font-variant: small-caps;
	font-family: ROBO-B;
	z-index: 1000;
	border-bottom: 1px solid #700200 inset;
	}
#menulink{
	display: block;
	border-top-right-radius: 50%;
	border-bottom-left-radius: 50%;
	width: 15%;
	position: absolute;
	left: 0;
	top: 0;
	background: #700200;
	color: #bbb;
	}
#userlink{
	display: block;
	border-bottom-right-radius: 50%;
	border-top-left-radius: 50%;
	width: 15%;
	position: absolute;
	right: 0;
	top: 0;
	background: #700200;
	color: #bbb;
	}
	
#leftmenu, #leftSecondMenu{
	position: fixed;
	overflow: scroll;
	height: 100%;
	width: 100%;
	top: 0;
	left: -100%;
	background: #CCC;
	z-index: 100;
	}
#leftmenu div, #leftSecondMenu div{
	margin-top: 90px;
	margin-left: 15%;
	text-align: left;
	}
#leftmenu div ul, #leftSecondMenu div ul{
	list-style-type:none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #727374;
	border-top: 1px solid #58595A;
	}
#leftmenu div ul li, #leftSecondMenu div ul li{
	font-family: ROBO-C;
	letter-spacing: 2px;
	padding: 8px;
	font-size: 120%;
	border-top: 1px solid #727374;
	border-bottom: 1px solid #58595A;
	color: #989A9A;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;   
	}
#leftmenu div ul li a, #leftSecondMenu div ul li a{
	color: #7E8081;
	text-shadow: 1px 1px #656667;
	}
ul.subNavMenu{
	margin: 4px 0;
	padding: 0;
	border: none !important;
	list-style-type: none;
	} 
ul.subNavMenu>li{
	font-size: 90% !important;
	border: none !important;
	padding: 6px !important;
	}
	
#rightmenu, #rightSecondMenu{
	position: fixed;
	overflow: scroll;
	height: 100%;
	width: 100%;
	top: 0;
	left: 100%;
	background: #CCC;
	z-index: 100;
	}
#rightmenu div, #rightSecondMenu div{
	margin-right: 15%;
	text-align: left;
	}
#rightmenu div ul, #rightSecondMenu div ul{
	list-style-type:none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #727374;
	border-top: 1px solid #58595A;
	}
#rightmenu div ul li, #rightSecondMenu div ul li{
	font-family: ROBO-C;
	letter-spacing: 2px;
	padding: 8px;
	font-size: 120%;
	border-top: 1px solid #727374;
	border-bottom: 1px solid #58595A;
	color: #989A9A;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;   
	}
#rightmenu div ul li a, #rightSecondMenu div ul li a{
	color: #7E8081;
	text-shadow: 1px 1px #656667;
	}
	
.menuFloater{
	float: right;
	font-size: 90%;
	border: 1px solid #989A9A;
	border-radius: 20%;
	color: #686A6A;
	padding: 2px 4px;
	}
.subNavMenu{
	display: none;
	}
.spaaaace{
	position: relative;
	}
	
#loaderScreen{
	text-align: center;
	position: absolute;
	z-index: 1000001;
	height: 100%;
	width: 100%;
	background: url(img/loadbgrep.jpg) repeat;
	font-size: 150%;
	font-family: ROBO-C;
	color: #fff;
	line-height: 150%;
	top: 0;
}	
	
	
/* PAGE FEATURES */
.footerline{
	width: 100%;
	height: 2px;
	margin-bottom: 10px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(60,60,60,0) 0%, rgba(60,60,60,0.6) 20%, rgba(60,60,60,0.8) 50%, rgba(60,60,60,0.6) 80%, rgba(60,60,60,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(60,60,60,0)), color-stop(20%,rgba(60,60,60,0.6)), color-stop(50%,rgba(60,60,60,0.8)), color-stop(80%,rgba(60,60,60,0.6)), color-stop(100%,rgba(60,60,60,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(60,60,60,0) 0%,rgba(60,60,60,0.6) 20%,rgba(60,60,60,0.8) 50%,rgba(60,60,60,0.6) 80%,rgba(60,60,60,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(60,60,60,0) 0%,rgba(60,60,60,0.6) 20%,rgba(60,60,60,0.8) 50%,rgba(60,60,60,0.6) 80%,rgba(60,60,60,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(60,60,60,0) 0%,rgba(60,60,60,0.6) 20%,rgba(60,60,60,0.8) 50%,rgba(60,60,60,0.6) 80%,rgba(60,60,60,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(60,60,60,0) 0%,rgba(60,60,60,0.6) 20%,rgba(60,60,60,0.8) 50%,rgba(60,60,60,0.6) 80%,rgba(60,60,60,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */
	clear: both;
}
.footerlinedark{
	width: 100%;
	height: 2px;
	margin-bottom: 10px;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(30,30,30,0) 0%, rgba(30,30,30,0.6) 20%, rgba(30,30,30,0.8) 50%, rgba(30,30,30,0.6) 80%, rgba(30,30,30,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,30,30,0)), color-stop(20%,rgba(30,30,30,0.6)), color-stop(50%,rgba(30,30,30,0.8)), color-stop(80%,rgba(30,30,30,0.6)), color-stop(100%,rgba(30,30,30,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(30,30,30,0) 0%,rgba(30,30,30,0.6) 20%,rgba(30,30,30,0.8) 50%,rgba(30,30,30,0.6) 80%,rgba(30,30,30,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(30,30,30,0) 0%,rgba(30,30,30,0.6) 20%,rgba(30,30,30,0.8) 50%,rgba(30,30,30,0.6) 80%,rgba(30,30,30,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(30,30,30,0) 0%,rgba(30,30,30,0.6) 20%,rgba(30,30,30,0.8) 50%,rgba(30,30,30,0.6) 80%,rgba(30,30,30,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(30,30,30,0) 0%,rgba(30,30,30,0.6) 20%,rgba(30,30,30,0.8) 50%,rgba(30,30,30,0.6) 80%,rgba(30,30,30,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-8 */
	clear: both;
}
.verticalline{
	background: -moz-linear-gradient(top,  rgba(60,60,60,0) 0%, rgba(60,60,60,0.6) 20%, rgba(60,60,60,0.8) 50%, rgba(60,60,60,0.6) 80%, rgba(60,60,60,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(60,60,60,0) 0%,rgba(60,60,60,0.6) 20%,rgba(60,60,60,0.8) 50%,rgba(60,60,60,0.6) 80%,rgba(60,60,60,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(60,60,60,0) 0%,rgba(60,60,60,0.6) 20%,rgba(60,60,60,0.8) 50%,rgba(60,60,60,0.6) 80%,rgba(60,60,60,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003c3c3c', endColorstr='#003c3c3c',GradientType=0 ); /* IE6-9 */
}
.verticallightline{
	background: -moz-linear-gradient(top,  rgba(120,120,120,0) 0%, rgba(120,120,120,0.6) 20%, rgba(120,120,120,0.8) 50%, rgba(120,120,120,0.6) 80%, rgba(120,120,120,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(120,120,120,0) 0%,rgba(120,120,120,0.6) 20%,rgba(120,120,120,0.8) 50%,rgba(120,120,120,0.6) 80%,rgba(120,120,120,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(120,120,120,0) 0%,rgba(120,120,120,0.6) 20%,rgba(120,120,120,0.8) 50%,rgba(120,120,120,0.6) 80%,rgba(120,120,120,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00787878', endColorstr='#00787878',GradientType=0 ); /* IE6-9 */
}
.errormessage{
	margin: 16px 0;
	background: rgba(68,0,0,0.6);
	border: 1px solid #900;
	border-radius: 8px;
	}
.successmessage{
	margin: 16px 0;
	background: rgba(0,68,0,0.6);
	border: 1px solid #090;
	border-radius: 8px;
	}
.infomessage{
	margin: 16px 0;
	background: rgba(102,179,258,0.6);
	border: 1px solid #009;
	border-radius: 8px;
	}
.warnmessage{
	margin: 16px 0;
	background: rgba(68,68,0,0.6);
	border: 1px solid #990;
	border-radius: 8px;
	}
.twitchmessage{
	margin: 16px 0;
	background: rgba(100,65,165,0.6);
	border: 1px solid #6441A5;
	border-radius: 8px;
	}
.stroketext{
	text-shadow: -1px -1px 0px #000, 1px -1px 0px #000, -1px 1px 0px #000, 1px 1px 0px #000;
	}
.greyout{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
	
.titlebar{
	width: 100%;
	background: url(img/sectbg.jpg) repeat-x;
	border-right: 2px solid #200;
	border-left: 2px solid #300;
	z-index: 300;
	margin-top: 6px;
	margin-left: -2px;
	text-align: center;
	font-family: ROBO-B;
	color: #fff;
	height: 24px;
	line-height: 24px;
	background-size: contain;
}
.titlebar-blue{
	width: 100%;
	background: url(img/sectbg-blue.jpg) repeat-x;
	border-right: 2px solid #002;
	border-left: 2px solid #003;
	z-index: 300;
	margin-top: 6px;
	margin-left: -2px;
	text-align: center;
	font-family: ROBO-B;
	color: #fff;
	height: 24px;
	line-height: 24px;
	background-size: contain;
}
.homepanel{
	position: relative;
	border: 1px solid #000;
	width: 96%;
	box-shadow: 0 8px 6px -6px black;
	margin: -1px auto 6px;
	background: #3a3a3a;
	}
	
#sociallinks a{
	color: #666;
	font-size: 24px;
	}
.improve{
	text-shadow: 0 0 3px #090;
	color: #7C7;
}
.derank{
	text-shadow: 0 0 3px #900;
	color: #C77;
}
.updown{
	font-size: 12px;
	}
.inactive_page_button{
	text-align: center;
	display: inline-block !important;
	width: 45%;
	vertical-align: middle;
	line-height: 24px;
	height: 24px;
	padding-top: 8px;
	opacity: 0;
	}
.page_button{
	text-align: center;
	display: inline-block !important;
	width: 45%;
	vertical-align: middle;
	height: 24px;
	padding-top: 8px;
	}
.page_button>i{
	color: #ddd;
	}
	
.page_button:hover{
	color: #C77;
	}
.wingButton{
	color: #ddd;
	background: #5a5a5a;
	box-shadow: 0 8px 6px -6px black;
	font-size: 120%;
	line-height: 150%;
	border-radius: 500px;
	border: 1px solid #000;
	font-family: WGFL;
	width: 70%;
	margin: 5px auto;
	display: block;
	}
.wingButtonMini{
	color: #ddd;
	background: #5a5a5a;
	box-shadow: 0 8px 6px -6px black;
	font-size: 120%;
	line-height: 150%;
	border-radius: 500px;
	border: 1px solid #000;
	font-family: ROBO-C;
	width: 40%;
	margin: 5px 4%;
	display: inline-block;
    white-space: nowrap;
	}
.ilbValign:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	}
.button_add_small{
	color: #4AA14A;
	}
.button_drop_small{
	color: #A14A4A;
	}
.button_limit_small{
	color: #A1A14A;
	}
.button_unavail_small{
	color: #A14A4A;
	}
	
/* TABLE DESIGNS */

.wingTable{
	width: 90%;
	margin: 0 auto 6px;
	border: 1px solid #161616;
	border-spacing: 0;
	border-collapse: collapse;
	box-shadow: 0 8px 6px -6px black;
	}
.wingTable tr th{
	background: #707070;
	border: 1px solid #161616;
	text-align: center;
	font-family: ROBO-C;
	color: #fff;
	font-weight: normal;
	}
.wingTable tr th a{
	color: #fff;
	}
.wingTable tr td{
	background: #5a5a5a;
	border: 1px solid #161616;
	padding: 4px;
	font-size: 85%;
	}
	
.hometable{
	border: 1px solid #161616;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	box-shadow: 0 8px 6px -6px black;
	margin-bottom: 6px;
	}
.hometable tr th{
	background: #606060;
	border: 1px solid #161616;
	text-align: center;
	font-family: ROBO-C;
	color: #fff;
	font-weight: normal;
	}
.hometable tr th a{
	color: #fff;
	}

.hometable tr td{
	background: #3a3a3a;
	border: 1px solid #161616;
	padding: 4px;
	font-size: 85%;
	}
.hometable tr td a{
	display: block;
	color: #B33D3F;
	line-height: 200%;
	}
.hometable tr td.c-on{
	text-align: center;
	}
.hometable tr td img.bg-trnsp{
	position: absolute;
    left: 0;
    top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
    width: 100%;
    height: auto;
    opacity: 0.1;
	}
.hometable tr td.off, .hometable tr th.off{
	background: transparent !important;
	border: 0;
	}
div.limitme{
	width: 100px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
.hometabledarker tr td{
	background: #303030 !important;
	}
	
.hometable-split{
	border: 1px solid #161616;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	height: 100%;
	margin-bottom: 6px;
	}
.hometable-split tr th{
	background: #606060;
	border: 1px solid #161616;
	}

.hometable-split tr td{
	background: #3a3a3a;
	border: 1px solid #161616;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
	}
.hometable-split tr td.c-on{
	text-align: center;
	}
.hometable-split tr td img.bg-trnsp{
	position: absolute;
    left: 0;
    top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
    width: 100%;
    height: auto;
    opacity: 0.1;
	}
	
	
	
/*        SPECIFIC PAGES          */

/* Home Page */
.alertbox{
	margin: 16px 0;
	background: rgba(68,0,0,0.6);
	border: 1px solid #900;
	border-radius: 8px;
	box-shadow: 0 8px 6px -6px #000;
	text-align: center;
	}
.alertbox div{
	margin: 4px;
	}
.alertTitle{
	color: #ddd;
	font-family: ROBO-C;
	margin: 4px 0;
	}
.myScoresScore{
	font-size: 110% !important;
	font-family: ROBO;
	text-align: center;
	}
.myScoresScore>a{
	color: #ddd !important;
	line-height: initial !important;
	}
.myScoresUnderScore{
	font-size: 90% !important;
	}
.myScoresLabel{
	color: #979899;
	font-family: ROBO-C;
	font-size: 85% !important;
	}
.pollQuestion{
	color: #eee;
	text-align: center;
	padding-bottom: 8px;
	}
.pollAnswerArea{
	width: 95%;
	margin: 0 auto;
	}
.pollOptionAnswered{
	font-size: 95%;
	}
.pollOptionMyAnswer{
	color: #ddd;
	font-style: italic;
	}
.pollOptionBar{
	width: 100%;
	border: 1px solid #333;
	border-radius: 3px;
	margin-bottom: 3px;
	}
.pollOptionBarFill{
	font-size: 2px;
	margin: 2px;
	background-color: #600;
	height: 2px;
	box-shadow: 0 1px #900;
	}
.newsitem{
	font-family: ROBO-C;
	padding: 0 4px !important;
	}
.newsitem>a{
	color: #bbb !important;
	}
.mvpPanel{
	display: block;
	position: relative;
	border: 1px solid #000;
	width: 96%;
	height: 150px;
	box-shadow: 0 8px 6px -6px black;
	margin: -1px auto 6px;
	overflow: hidden;
	}

/* Errors */
.errorcontainer{
	text-align: center;
	margin: 30% 0;
	}
.errcode{
	font-size: 200%;
	font-family: WGFL;
	color: #fff;
	}
.errcode_title{
	font-size: 120%;
	font-family: ROBO-C;
	margin: 1em;
	}
.errcode_description{
	}
	
/* News */
.newscatlist{
	background: #464646;
	width: 96%;
	clear: both;
	max-width: 96%;
	margin: -1px auto 0;
	border: 1px solid #000;
	box-shadow: 0 8px 6px -6px #000;
	display: none;
	}
.newscatlist ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.newscatlist ul li{
	position: relative;
	display: block;
	padding: 5px 15px;
	margin-bottom: -1px;
	}
.newscatlist ul li a{
	color: #ddd;
	}
.newsArticleList{
	display: block;
	background: #363636;
	width: 100%;
	clear: both;
	max-width: 100%;
	margin: 10px auto;
	border: 1px solid #000;
	border-radius: 8px;
	box-shadow: 0 8px 6px -6px #000;
	}
.newstitle{
	font-family: WGFL;
	font-size: 120%;
	color: #ddd;
	width: 90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 120%;
	}
.newsdek{
	clear: both;
	color: #888;
	margin: 6px 0;
	}
.newsbody{
	width: 96%;
	margin: 16px auto;
	height: auto;
	display: block;
	background: #3a3a3a;
	text-align: left;
	min-height: 200px;
	box-shadow: 0 8px 6px -6px #000;
	font-size: 90%;
	}
.newsbody>div{
	padding: 4px;
	}
.articlecomment{
	width: 96%;
	margin: 0 auto;
    background: #262626;
    word-wrap: break-word;
    margin-top: 8px;
    border: 1px solid #000;
    box-shadow: 0 8px 6px -6px black;
	}
.articlecomment:nth-child(odd){
    background: #363636;
	}
.articlehiddencomment{
	width: 96%;
	margin: 0 auto;
    background: #400;
    word-wrap: break-word;
    margin-top: 8px;
	border: 1px solid #000;
	box-shadow: 0 8px 6px -6px black;
	}
.articlecomment>div, .articlehiddencomment>div{
    padding: 8px;
	}
.commentLink{
	color: #bbb;
	}
.commentPoster{
	color: #eee;
	font-weight: bold;
	}
.commentDate{
	color: #bbb;
	font-size: 80%;
	font-style: italic;
	}
	
/* MATCHES */
.remainHeight{
	border: 1px solid #161616;
	width: 100%;
	box-shadow: 0 8px 6px -6px black;
	background: #363636; 
	margin-bottom: 6px;
	}
.matchCalCol{
	float: left;
	z-index: 102;
	width: 20%;
	height: 100%;
	overflow-y: scroll;
	background: #464646;
	box-shadow: 6px 0px 6px -2px rgba(0,0,0,0.75);
	}
.matchCalBox{
	width: 100%;
	display: block;
	text-align: center;
	padding: 6px 0;
	color: #ddd;
	border-bottom: 1px solid #979899;
	}
.matchCalDatesDay{
	font-family: ROBO-C;
	opacity: 0.6;
	}
.matchCalDatesDate{
	font-family: WGFL;
	font-size: 200%;
	}
.matchCalDatesMonth{
	font-family: ROBO-B;
	line-height: 120%;
	}
.matchInfoCol{
	z-index: 101;
	height: 100%;
	overflow-y: scroll;
	}
.matchSchedLink{
	display: block;
	width: 100%;
	height: 50px;
	color: #ddd;
	}
.matchSchedCenter{
	text-align: center;
	width: 20%;
	font-family: ROBO-B;
	color: #ddd;
	}
.matchSchedTeam{
	width: 40%;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	color: #fff;
	font-family: ROBO-C;
	}
.matchSchedTeam span{
	margin: 0 6px;
	}
.matchNightCont{
	display: none;
	}
.matchBatList{
	background: #464646;
	width: 96%;
	clear: both;
	max-width: 96%;
	margin: -1px auto 10px;
	border: 1px solid #000;
	box-shadow: 0 8px 6px -6px #000;
	}
.matchBatListRow{
	z-index: 102;
	white-space: nowrap;
	overflow-x: scroll;
	background: #464646;
	box-shadow: 0 3px 6px 0 black;
	}
.matchBatListBox{
	display: inline-block;
	text-align: center;
	padding: 6px 14px;
	color: #ddd;
	border-right: 1px solid #979899;
	}
.battleHeader{
	width: 100%;
	height: 25vw;
	background-size: contain;
	}
.battleTable{
	display: none;
	}
	
/* Statistics Page */
.accViewPane{
	overflow-y: scroll;
	background: #363636;
	}
.accTitle{
	background: #262626;
	color: #ddd;
	text-align: center;
	line-height: 210%;
	font-size: 150%;
	font-family: WGFL;
	box-shadow: 0 8px 6px -6px #000;
	border-bottom: 1px solid #2E2E2E;
	}
#view-maps{
	text-align: center;
	}
.mapLink{
	color: #fff;
	display: inline-block;
	width: 240px;
	height: 150px;
	margin: 10px;
	position: relative;
	border: 1px solid #000;
	box-shadow: 0 8px 6px -6px #000;
	}
.tankListBlock{
	display: block;
	height: 48px;
	color: #ddd;
	}
.tankListName{
	text-align: left;
	margin: 0 0 0 80px;
	line-height: 28px;
	font-family: WGFL-C;
	padding-top: 20px;
	color: #ddd !important;
	}
.tankListStatTitle{
	font-size: 12px;
	font-family: WGFL-C;
	color: #bbb;
	text-align: center;
	font-variant: small-caps;
	background: initial !important;
	padding: initial !important;
	border: none !important;
	}
.tankListStatStat{
	text-align: center;
	font-size: 18px;
	color: #ddd;
	font-family: ROBO-B;
	background: initial !important;
	padding: initial !important;
	border: none !important;
	}
.statTableLink{
	display: block;
	text-decoration: none;
	line-height: initial !important;
	}
.statPageStatHead{
	font-size: 80% !important;
	font-variant: small-caps;
	}

	
/* SUPPORT */
.ticket-usercomment{
    background: #3a3a3a;
    border-radius: 4px;
    margin: 2px 0;
    border: 1px solid #000;
    box-shadow: 0 8px 6px -6px black;
	}
.ticket-supportcomment{
    background: #2a2a2a;
    border-radius: 4px;
    margin: 2px 0;
    border: 1px solid #000;
    box-shadow: 0 8px 6px -6px black;
	}
.ticket-inner{
	margin: 4px;
	}
.ticket-username{
	color: #ddd;
	font-family: ROBO-C;
	font-size: 120%;
	}
.ticket-timestamp{
	color: #999;
	font-style: italic;
	margin-bottom: 4px;
	font-size: 80%;
	}
.ticket-body{
	font-size: 90%;
	}