* {box-sizing: border-box;}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

a {
	text-decoration: none;
}

.small_font,.small_font a {
	font-family: verdana,arial,sans-serif;
	font-size:8px;
}

.tmDate {
	display: block;
	float: left;
	width: 80px;
	position: relative;
	top: 6px;
}

.stClLbl {
	display: block;
	float: left;
	width: 155px;
}

.live {
	display: block;
	background: #9e0f0f;
	font-size: 9px;
	font-weight: bold;
	width: 45px;
	color: white;
	padding: 4px;
}

.newArticle {
	background: #9e0f0f;
	font-size: 9px;
	font-weight: bold;
	width: 45px;
	color: white;
	padding: 4px;
}

.latestArticle {
	float: left;
	width: 217px;
	height: 135px;
	overflow: hidden;
	position: relative;
	margin: 0 10px;
	margin-bottom: 15px;
	border: 3px solid #d5d5d5;
}

.latestArticle .wider {
	height: 135px;
}

.latestArticle .higher {
	width: 217px;
}

.titleArticle {
	
}

.titleArticle a {
	font-family: "Ubuntu Condensed";
	display: block;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #111;
	width: 217px;
	padding: 9px 14px;
	overflow: auto;
	transition: background-color 0.2s ease;
}

.titleArticle a:hover {
	background: #24c4e1;
}

.noticeIcon {
	width: 49px;
	height: 50px;
	float: left;
	margin-right: 15px;
}

.noticeIcon.green {
	background: transparent url("../images/aGreen.png") no-repeat;
}

.noticeIcon.gl {
	background: transparent url("../images/gl.png") no-repeat;
}

.noticeIcon.red {
	background: transparent url("../images/aRed.png") no-repeat;
}

.noticeIcon.yellow {
	background: transparent url("../images/aYellow.png") no-repeat;
}

.noticeIcon.twitch {
	background: transparent url("../images/iconTwitch.png") no-repeat;
}

.noticeIcon.shirt {
	background: transparent url("../images/shirticon.png") no-repeat;
}

.offline {
	display: block;
	background: #1B1B1B;
	font-size: 9px;
	font-weight: bold;
	width: 48px;
	color: #4c4c4c;
	padding: 4px;
}

.storeDiv {
	padding: 20px;
	border: 1px solid #dddddd; 
	color: #636363;
	background: #d5d5d5;
	min-height: 50px;
	margin-bottom: 15px;
}

.qtip-content {
	padding: 10px!important;
	font-size: 11px!important;
	color: #636363!important;
}

.storeDiv img {
	width: 108px;
}

.storeDiv span {
	display: block;
	font-size: 28px;
	float: right;
	font-weight: bold;
	position: relative;
	top: -35px;
	right: -30px;
	color: #cc0000!important;
	
}

.avgClWr, .avgClWn, .avgClEff {
	font-weight: bold;
}

.clanStats {
	background: #d4d4d4;
	padding: 10px;
	font-size: 11px;
	position: relative;
	width: 280px;
	float: right;
	z-index: 999;
	border: 3px solid #dddddd;
}

.battlesWarning {
	padding: 10px;
	border: 1px solid rgb(187, 80, 80);
	background: rgb(255, 232, 232);
	margin-bottom: 15px;
	font-size: 10px;
}


.clanStatsLeft {
	float: left;
}

.clanStats a {
	display: block;
	float: right;
	background: #2c4b5e;
	color: white;
	text-decoration: none;
	text-align: center;
	padding: 6px;
}

.toplinks {
	float: left;
}

.toplinks a {
	display: block;
	float: right;
	background: #3b3b3b;
	color: white;
	text-decoration: none;
	text-align: center;
	padding: 12px;
	font-size: 10px;
	text-transform: uppercase;
	margin-right: 10px;
}

table.gridtable {
	font-size:13px;
	color:#333333;
	border-width: 1px;
	border-color: #B4B4B4;
	border-collapse: collapse;
	background:#2c4b5e;
	margin-top: 10px!important;
}
table.gridtable th {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}

.gridtable thead tr td {
	color: #fff;
	padding: 7px 0 7px 10px;
}
table.gridtable td {
	border-width: 0px;
	padding: 7px;
	border-style: solid;
	border-color: #E7E7E7;
}

#tankerStats .gridtable td {
	border-width: 1px;
	border-color: #a9a9a9;
}

#tankerStats .gridtable {
	background: #f4f4f4!important;
}

.gridtable a {
	color: #326e92;
	text-decoration: none;
}

.colorRef {
	float: left;
}

.colorRef, .colorRef tr td {
	border: 0;
	color: #fff;
	padding: 5px;
}

.colorRef thead tr td {
	color: #000;
	font-weight: bold;
}

.clearboth {
	clear:both;
}
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
}
.generalStats {
	width:100%;
	margin: 0px auto;
}
#searchbox {
	position: fixed;
	  top: 50%;
	  left: 50%;
	width:200px;
	height:100px;
	margin-left:-100px;
	margin-top:-50px;
}

.viewStats {
	float: right;
	position: relative;
	right: 20px;
	top: 2px;
}

#logo {
	position:relative;
	width:399px;
	height:308px;
	background-image: url(../images/tankerstats.png);

	left: 50%;
	margin-left:-180px;

}
#error {
	position:relative;
	width:399px;
	height:308px;
	background-image: url(../images/kv2-dead.jpg);
	left: 50%;
	margin-left:-180px;

}
.topbar {
	background:#111;
	margin-top:0px;
	width:100%;
	margin:0 auto;
	height: 155px;
}

.topbar_nocolor {

	padding:2px;
	margin-top:0px;
	width:950px;
	margin:0 auto;
	
}

.menu {
    width: 500px;
    float: right;
	position: relative;
}

.inputct {
    background: #6c6c6c;
    border: 1px solid #454545;
	position: relative;
	width: 141px;
	outline: none;
	color: #ededed;
	top: 2px;
	padding: 4px;
	right: 10px;
}

.submitct {
    background: #8d897b;
    border: 0;
    padding: 5px 8px;
    color: #fff;
    cursor: pointer;
}

.currentServer {
    float: right;
    padding: 10px 10px;
    background: #494949;
    margin-top: -10px;
	font-family: bombardier;
	text-transform: uppercase;
}

ul li {
    list-style-type: none;
}

#ticker2 {
    padding: 10px;
    background: #d5d5d5!important;
    color: #8d897b!important;
	font-weight: normal!important;
}

#topTanks table {
	width: 340px!important;
	table-layout: fixed;
	word-wrap:break-word;
}

.stVal {
	display: block;
	float: left;
	text-align: right;
	width: 55px;
	font-weight: bold;
	color: #24c4e1;
}

.tableTanker {
	overflow: hidden;
}

input[name="bgcolor"] {
    border: 1px solid #aeaeae;
	width: 60px;
	padding-left: 3px;
	position: relative;
	left: 2px;
}

input[name="fontcolor"] {
    border: 1px solid #aeaeae;
	width: 60px;
	padding-left: 3px;
	position: relative;
	left: 2px;
}

.sigImage {
	width: 468px;
	height: 100px;
	background: #f3f3f4;
	border: 1px solid #d4d4d4;
	background-image: url("../images/loading.gif");
	background-repeat: no-repeat;
	background-position:center;
}

.sigImg img {
	border: 1px solid #d4d4d4;
}

.genLbl {
	display: block;
	float: left;
	width: 150px;
	position: relative;
	top: 3px;
}

.titleGen {
	color: #2c4b5e;
	font-size: 22px;
	position: relative;
	top: 9px;
}

.sigBg small {
	display: block;
	margin-top: 15px;
}

.barRight {
	padding: 30px;
	padding-left: 415px;
}

.stLbl {
	display: block;
	float: left;
	width: 265px;
}

.stVal {
	color: #2c4b5e;
}

.timg {
	width: 60px;
	float: left;
	border: 3px solid #CACACA;
	margin-right: 15px;
	margin-bottom: 10px;
}

.tuser {
	color: #326e92;
	margin-bottom: 5px!important;
}

.tuser a {
	font-family: bombardier!important;
	color: #326e92;
	font-size: 18px!important;
}

.ttext {
	position: relative;
	top: 5px;
}

.wrap {
    width: 100%;
    margin: 0 auto;
	overflow: auto;
	min-width: 1225px;
}

.topbar span {
	color:#8d897b;
}
.updated_b {
	background:white;
	padding:4px;
}

a {
	color: #00B2D3;
}

body {
	background: #E7E7E7;
	font-family: 'Open Sans', verdana,arial,sans-serif;
	font-size:13px;
	margin:0px!important;
	color: #636363!important;
}

h2 {
	color: #326e92;
}

.left {
	float:left;
}

.right{
	float:right;
}
.buttons ul
{
list-style-type:none;
margin:0;
margin-right:5px;
padding:0;
overflow:hidden;
height: 35px;
}
.buttons li
{
	float:left;
	list-style-type: none;
	white-space: nowrap;
}
.buttons li a:link, .buttons li a:visited
{
	display:block;
	padding: 9px 18px 10px 18px;
	color:#808080;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 14px;
	text-align:center;
	text-decoration:none;
	font-weight: 500;
	text-transform:uppercase;
	transition: background-color 0.2s, color 0.2s ease;
}
.gecko .buttons li a:link, .gecko .buttons li a:visited
{
	display:block;
	padding: 9px 20px 8px 20px;
	color:#565656;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 14px;
	text-align:center;
	text-decoration:none;
	font-weight: 500;
	text-transform:uppercase;
}

.gecko .top {
	clear: both;
}

#topTanks h3 {
	color:#e9ebed;
	text-shadow: 1px 1px #1c3242;
	font-size: 16px;
	width: 335px;
	position: relative;
	padding: 15px 0px;
	font-weight: normal;
	margin: 0!important;
    margin-bottom: 15px!important;
	border-bottom: 1px solid #2E2E2E;
}

.font15 {
	color:#3b3b3b!important;
	font-family: bombardier;
	font-size: 16px!important;
	position: relative;
	text-shadow: 1px 1px #cccccc;
	float: left;
	top: 4px;
	margin-right: 5px;
}

.sigWrap, .sigImg, .sigBg {
	display: none;
}

.sigImg em {
	display: block;
	border: 1px solid #aeaeae;
	background: #d4d4d4;
	padding: 10px;
	font-size: 11px;
	z-index: 999;
	word-wrap:break-word;
}

.findplayer {
	width: 56px;
	height: 25px;
	background: #2d2d2d;
	color: #9E9E9E;
	border: 0;
	cursor: pointer;
	position: relative;
	top: 2px;
	transition: background-color 0.2s, color 0.2s ease;
}

.findclan {
	width: 48px;
	height: 25px;
	background: #2d2d2d;
	color: #9E9E9E;
	border: 0;
	cursor: pointer;
	position: relative;
	top: 2px;
	transition: background-color 0.2s, color 0.2s ease;
}

.findplayer:hover, .findclan:hover {
	background-color: #24c4e1;
	color: #111;
}

.searchBg {
	width: 151px;
	height: 25px;
	float: left;
	background: url("../images/searchbg.png");
	margin-right: 5px;
}

.buttons li a:hover,.buttons a:active
{
background: #24c4e1!important;
color: #111!important;
}

#mainContainer{
	width:100%;
	margin:0 auto;
}

.fpContainerRight {
	float: right;
	padding: 20px;
	outline: 10px solid #eee;
	border: 1px solid #dddddd;
	color: #636363;
	background: #f9f9f9;
	min-height: 185px;
}
.fpContainerLeft {
	float: left;
	padding: 20px;
	outline: 10px solid #eee;
	border: 1px solid #dddddd;
	color: #636363;
	background: #f9f9f9;
	min-height: 185px;
}

.subContainerRow {
	display: flex;
}

.percentilePercent {
	display: none;
}

@media only screen and (max-width: 1600px) {
	.topStuffRow {
		display: block;
	}
	.topStuffRow .subContainerLeft {
		margin: 0 0 20px 0;
		width: 100%;
	}
	.topStuffRow .subContainerRight {
		width: 100%;
	}
}

@media only screen and (max-width: 1336px) {
	.percentileText {
		display: none;
	}
	
	.percentilePercent {
		display: block;
	}
}

.fpBoxTable {
	width: 100%;
}

.subContainerLeft, .subContainerRight{
	float: left;
	flex: 1;
}

.fpContainerRight .barBg, .fpContainerLeft .barBg {
	height: 40px;
}

.fpContainerRight .barName, .fpContainerLeft .barName {
	top: 0!important;
}

.hw {
	width: 46.2%;
}

.mainGrid {
	
}

.mainGrid .container {
	margin: 0!important;
	margin-bottom: 10px!important;
}

.mainGridRow {
	display: flex;
	-webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
}

.serverStatsTable {
	width: 100%;
}

.mainGridRow .hw {
	flex: 1;
}

.serverStatsTable tr td:nth-child(2) {
	font-weight: bold;
	color: #2c4b5e;
	text-align: right;
}

.contentDiv {
	padding:4px;
}

form p { position:relative }
form label  { position:absolute; top:4px; left:6px;opacity: 0.5;
}






.tickercontainer { /* the outer div with the black border */
border: 1px solid #000;
background: #fff; 
width: 80%; 
height: 27px; 
margin: 0; 
padding: 0;
overflow: hidden; 
margin:0 auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;

overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;

font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #98bf21;
font: bold 10px Verdana;
margin: 0 5px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}
.green {
	color:green;
}
.red {
	color:red;
}
#newTanks {
		z-index:10;
	float:right;
	border: 1px solid #000;
	padding:2px;
	background:#636462;
	margin-top:0px;
	position:relative;
	margin:0 auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#FFFFFF;
}
#newTanks a {
	white-space: nowrap;
	padding: 0;
	color: #5697BE;
	font: bold 10px Verdana;
	margin: 0 5px 0 0;
}
#topTanks{
	z-index:10;
	float:left;
	padding:0px 20px 20px 20px;
	background:#111;
	margin-top:0px;
	position:relative;
	margin:0 auto;
	color:#AAAAAA;
	width: 380px!important;
}

.siteNav {
	float: left;
	height: 35px;
}

.selectServer {
	float: right;
	height: 35px;
	margin-right: 40px;
}

#siteMenu {
	overflow: auto;
	position: relative;
	width: 100%;
	height: 35px;
	margin-top: 15px;
	background: #1f1f1f;
	float: left;
}

.donate {
    position: relative;
    margin-top: -40px;
	font-size: 11px;
}
.donate form {
	width: 80px;
	margin-top: 5px;
}
#topTanks a {
	padding: 0;
	color: #24c4e1;
    text-decoration: none;
	margin: 0 5px 0 0;
}
#mainContainerFrontPage {
	width:100%;
	overflow: auto;
	background: #ededed url("../images/mainbg.png") repeat-y;
	margin:0 auto;
}

.dred {
	color:#BAAAAD;
}
.red {
	color:#f11919;
}
.orange {
	color:#ff8a00;
}
.yellow {
	color:#e6df27;
}
.green {
	color:#77e812;
}
.dgreen {
	color:#459300;
}
.blue {
	color:#2ae4ff;
}
.dblue {
	color:#00a0b8;
}
.purple {
	color:#c64cff;
}
.dpurple {
	color:#8225ad;
}

.boxStats.dred, .gridwn8.dred, #tankList .dred, #tankList2 .dred {
	background-color:#930D0D;
	color: #fff;
}
.boxStats.red, .gridwn8.red, #tankList .red, #tankList2 .red {
	background-color:#CD3333;
	color: #fff;
}
.boxStats.orange, .gridwn8.orange, #tankList .orange, #tankList2 .orange {
	background-color:#CC7A00;
	color: #fff;
}
.boxStats.yellow, .gridwn8.yellow, #tankList .yellow, #tankList2 .yellow {
	background-color:#CCB800;
	color: #fff;
}
.boxStats.green, .gridwn8.green, #tankList .green, #tankList2 .green {
	background-color:#849B24;
	color: #fff;
}
.boxStats.dgreen, .gridwn8.dgreen, #tankList .dgreen, #tankList2 .dgreen {
	background-color:#4D7326;
	color: #fff;
}
.boxStats.blue, .gridwn8.blue, #tankList .blue, #tankList2 .blue {
	background-color:#4099BF;
	color: #fff;
}
.boxStats.dblue, .gridwn8.dblue, #tankList .dblue, #tankList2 .dblue {
	background-color:#3972C6;
	color: #fff;
}
.boxStats.purple, .gridwn8.purple, #tankList .purple, #tankList2 .purple {
	background-color:#793DB6;
	color: #fff;
}
.boxStats.dpurple, .gridwn8.dpurple, #tankList .dpurple, #tankList2 .dpurple {
	background-color:#401070;
	color: #fff;
}

#header-fixed { 
    position: fixed; 
    top: 0px;
	display:none;
	background-color: #2c4b5e;
	color: #fff;
}

.boxStats {
	color: #fff;
	font-weight: bold;
	padding: 30px 0;
	text-align: center;
	font-size: 20px;
	border: 3px solid #dddddd;
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  font-family: Tahoma;
}

.overlay {
	position:fixed;
	width:100%;
	height: 100%;
	background: black url("../images/loadingw.gif") no-repeat center;
	opacity: 0.8;
	z-index: 999;
	display: none;
}

.boxStats span {
	font-size: 14px;
	position: relative;
	font-weight: normal;
	display: block;
	margin-bottom: 5px;
}

.generalStats .green {
	color:#7db414;
}
.generalStats .red {
	color:#b41414;
}

#list_wrapper, .dataTable {
	width: 100%!important;
}

.selectMapStats select {
  padding: 3px;
  background-color: #EDEDED;
  outline: 0;
  border: 1px solid #D3D3D3;
}

.mapStatsType, .mapStatsSubServer {
	width: 75px;
	margin-bottom: 5px;
}

.mapStatsTier {
	width: 60px;
}

.selectMapStats button {
  padding: 4px 10px;
  background-color: #4099BF;
  color: #fff;
  outline: 0;
  border: 1px solid #4099BF;
  cursor: pointer;
}

.fw {
	width: 100%!important;
}

.container {
	margin: 20px 0;
}

.barBg {
	width: 100%;
	height: 45px;
	border-bottom: 1px solid #979EA2;
	margin-bottom: 15px;
	position: relative;
}

.barName {
	color: #2c4b5e;
	font-size: 24px;
	position: relative;
	top: 7px;
}

.barBg img {
	position: absolute;
	top: 15px;
	left: 16px;
}

#logo {
	position:relative;
	width:400px;
	height:207px;
	background-image: url(../wotlogo.png);

	left: 50%;
	margin-left:-200px;
    margin-top: 25px;

}

.siteLogo {
	display: block;
	width: 354px;
	height: 31px;
	float: left;
	position: relative;
	top: 45px;
	left: 20px;
	background-position: center;
}

.fuckYouAdBlock, .noads1 {
	width: 728px;
	height: 90px;
	float: right;
	margin-top: 15px;
	color: #f9f9f9;
	font-size: 12px;
	position: relative;
	right: 20px;
}

.tmButton {
	cursor: pointer;
	float: left;
	padding: 20px 40px;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Ubuntu Condensed';
	font-size: 16px;
	color: #fff;
	border: 2px solid #dddddd;
	background: #4099BF;
	transition: background-color 0.2s, color 0.2s ease;
	position: relative;
	margin-top: -31px;
}

.tmButton:hover {
	background-color: #24c4e1;
	color: #fff;
}

#tankerStats{
		z-index:10;
		position:relative;
		color:#8D897B;
}
#tankerStats a {
	white-space: nowrap;
	padding: 0;
	color: #83BCD3;
	margin: 0 5px 0 0;
}

.clanEmblem {
	position: relative!important;
	float: right;
	top: 2px;
	right: 2px;
}

.clanEmblem img {
	position: static!important;
}

.left {
	float:left;
	width: 100%;
}

.right {
	float:right;
}
.right_border{
	border-right: 5px;
}
.green_link {
	white-space: nowrap;
	padding: 0;
	color: #326e92;
	font: bold 10px Verdana;
	margin: 0 5px 0 0;
    text-decoration: none;
}


.flair-us {
content: "";
width: 20px;
height: 13px;
display: inline-block;
background-repeat: no-repeat;
background-image: url(/images/flags.png);
background-position: -40px -0px;
vertical-align: middle;
margin-right: 3px;
margin-top: -3px;
}

.flair-eu {
content: "";
width: 20px;
height: 13px;
display: inline-block;
background-repeat: no-repeat;
background-image: url(/images/flags.png);
background-position: -60px -0px;
vertical-align: middle;
margin-right: 3px;
margin-top: -3px;
}

.topbar_nocolor {

	padding:2px;
	color:#FFFFFF;
	margin-top:0px;
	width:950px;
	margin:0 auto;

}

.clanInfo {
	float: right;
	position: relative;
	color: #2c4b5e;
	font-size: 14px;
	top: 14px;
	right: 10px;
}

.selSig {
	cursor: pointer;
	width: 130px;
	float: left;
	padding: 20px;
	margin-right: 20px;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Ubuntu Condensed';
	font-size: 16px;
	transition: background-color 0.2s, color 0.2s ease;
}

.genSig {
	cursor: pointer;
	width: 210px;
	float: left;
	padding: 15px 20px;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Ubuntu Condensed';
	font-size: 16px;
	color: #fff;
	border: 2px solid #dddddd;
	background: #4099BF;
	transition: background-color 0.2s, color 0.2s ease;
}

.genSig:hover {
	background-color: #24c4e1;
	color: #fff;
}

.sigLight {
	background: #d1d1d1;
	border: 2px solid #dddddd;
}

.sigDark {
	background: #3c3c3c;
	border: 2px solid #dddddd;
	color: #fff;
}

.sigMin {
	border: 2px solid #dddddd;
}

.sigCustom {
	background: #4099BF;
	border: 2px solid #dddddd;
	color: #fff;
}

.sigLight:hover {
	background-color: #24c4e1;
	color: #fff;
}

.sigMin:hover {
	background-color: #24c4e1;
	color: #fff;
}

.sigDark:hover {
	background-color: #24c4e1;
	color: #fff;
}

.sigCustom:hover {
	background-color: #24c4e1;
	color: #fff;
}

.right_align {
	margin-right:0px;
}
.right_space {
	margin-right:5px;
}

.articleList li {
	list-style-type: decimal;
	padding-top: 10px;
}

@media only screen and (max-device-width: 480px) {
			.buttons li,.buttons li a:link, .buttons li a:visited	{
				float:none;
				width:auto;
				margin-bottom:5px;
				
			}
			.buttons ul
			{
				list-style-type:none;
			}
			#mainContainer{
					width:100%;
					border:0px;
					padding:0px;
				}
				.tickercontainer {
					width:auto;
				}
	.generalStats {
		width:100%;
	}
	#logo {
		display:none;
	}
	#topTanks {
		width:49%;
	}
	#newTanks {
		width:49%;
	}

	#mainContainerFrontPage {
		width:100%;
		border:0px;
		padding:0px;
		margin:0px;
		margin:0 auto;
	}
	#tankerStats{
		margin:0 auto;
		width:100%;
	}
	.topbar,.topbar_nocolor
	{
		width:100%;
		height: 155px;
	}
	body{
		width:100%;
		color: #636363;
		margin:0px!important;
	}
	.generalStats {
		width:100%;
			border:0px;
			padding:0px;
	}
	#tankerStats{
		width:100%;
		border:0px;
		padding:0px;
	}
}

.show_cust:hover .cust_color {
			display:block;
			
		}
		
		#datepicker, #datepicker2 {
			padding: 4px;
			float: left;
		}
		
		.cust_color {
			display:none;
			z-index: 10;
			width: 600px;
			border: 1px solid black;
			padding: 2px;
			background: #636462;
			margin-top: 0px;
			position: relative;
			margin: 0px auto;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			color: white;
			
		}
		
		
		.buttons {
			margin-top: 0px;
			overflow: auto;
			margin: 0;
			padding: 0;
		}
		.right_align {
			margin-right:0px;
		}
		.right_space {
			margin-right:5px;
		}
		.ssRec {
			display: none;
		}
		@media only screen and (max-device-width: 480px) {
					.buttons li,.buttons li a:link, .buttons li a:visited	{
						float:none;
						width:auto;
						margin-bottom:5px;
						
					}
					.buttons ul
					{
						list-style-type:none;
					}
					#mainContainer{
							width:100%;
							border:0px;
							padding:0px;
						}
						.tickercontainer {
							width:auto;
						}
			.generalStats {
				width:100%;
			}
			#logo {
				display:none;
			}
			#topTanks {
				width:49%;
			}
			#newTanks {
				width:49%;
			}
		
			#mainContainerFrontPage {
				width:100%;
				border:0px;
				padding:0px;
				margin:0px;
				margin:0 auto;
			}
			#tankerStats{
				margin:0 auto;
				width:100%;
			}
			.topbar,.topbar_nocolor
			{
				width:100%;
			}
			body{
				width:100%;
				margin:0px;
			}
			.generalStats {
				width:100%;
					border:0px;
					padding:0px;
			}
			#tankerStats{
				width:100%;
				border:0px;
				padding:0px;
			}
			.fuckYouAdBlock2 {
				position: relative;
				left: -18px;
			}
		}
		
.copyrightInfo {
	margin: 0 auto;
	padding: 20px 0;
	font-size: 11px;
	color: #7D7D7D;
	text-align:center;
	background: #111;
}

.hideNonMobile {
	display: none;
}


@media screen and (max-device-width: 1024px) {
	html {
		-webkit-text-size-adjust: 100%;
	}
	body {
		background: #E7E7E7;
	}
	input {
		-webkit-appearance: none;
		-webkit-border-radius:0;
	}
	.mainGridRow {
		display: block;
	}
	
	.mainGridRow > div {
		width: 100%;
	}
	#topTanks {
		display: none;
	}
	.barRight {
		padding: 15px!important;
	}
	#mainContainerFrontPage {
		background: #ededed;
	}
	.selectServer {
		display: none;
	}
	.fuckYouAdBlock {
		display: none;
	}
	.wrap {
		min-width: 0px;
	}
	.siteLogo {
		margin: 0 auto;
		float: none;
		width: 280px;
		top: 7px;
		left: 0;
		background-size: contain;
		height: 50px;
		line-height: 73px;
	}
	.siteLogo img {
		width: 100%;
	}
	.storeDiv {
		display: none;
	}
	
	#tankerStats {
		float: none!important;
		width: 100%!important;
	}
	
	.boxStats {
		display: block;
		font-size: 12px;
		padding: 4px 0;
		width: 20%!important;
		border-color: transparent!important;
		margin: 0!important;
		margin-bottom: 15px!important;
		font-family: 'Open Sans', verdana,arial,sans-serif;
		position: relative;
	}
	
	.hideMobile {
		display: none;
	}
	
	.hideNonMobile {
		display: block;
	}
	
	.barBg {
		height: auto!important;
		padding-bottom: 15px;
	}
	.boxStats span {
		font-size: 7px;
		color: #fff!important;
		font-weight: bold;
		width: 100%;
		text-align: center;
	}
	
	.mobileTable td {
		border-left-width: 0px!important;
	}
	
	.topbar {
		height: auto;
	}
	
	table.gridtable {
		margin-top: 0!important;
	}
	
	.tmForm {
		width: 100%;
	}
	
	.tmDate {
		width: 75px;
		margin-right: 2%;
	}
	
	#datepicker, #datepicker2 {
		width: 39%;
		margin-right: 2%;
	}
	
	.tmButton {
		padding: 18px 0;
		width: 22%;
	}
	
	.pbStats {
		margin-bottom: 0!important;
	}
	
	.viewStats {
		float: none;
		right: 0;
		top: 2px;
		padding-left: 4px;
		width: 100%;
		
	}
	
	.inputct {
		right: 0;
		width: -moz-calc(100% - 160px);
		width: calc(100% - 160px);
	}
	
	#siteMenu {
		float: none;
		min-height: 35px!important;
		height: auto!important;
	}
	
	.openMenu {
		width: 26px;
		float: right;
		margin-right: 6px;
		margin-top: 2px;
	}
	
	.openMenu:hover {
		opacity: 0.6;
	}
	
	.mobileMenu {
		margin: 10px 0 2px 0;
		display: none;
	}
	
	.mobileMenu .buttons {
		height: auto!important;
	}
	
	.mobileMenu .buttons li {
		margin-bottom: 0px!important;
	}
	
	.mobileMenu li a:link {
		padding: 6px 0;
	}
	
	.container {
		font-size: 14px;
	}
	
	.copyrightInfo {
		padding: 20px;
	}
	
	.findplayer, .findclan {
		height: 24px;
	}
	
	.clanInfo {
		right: 0!important;
	}
	
	.clanInfo a {
		margin: 0!important;
	}
	
	.clanEmblem {
		top: -5px;
		right: -18px;
	}
	
	.clanMList {
		margin-top: -10px;
	}
	
	.mobileFix {
		margin-top: 0!important;
	}
	
	.mobileSite .clanInfo {
		float: none;
		margin-bottom: 10px;
	}
	
	.tmTable tbody tr td {
		font-size: 12px;
	}
	
	.selSig {
		width: 15%!important;
		margin: 1.5%!important;
		font-size: 12px!important;
	}
	
	.sigImage, .sigImg img {
		width: 100%!important;
		height: auto!important;
	}
}

.errorWrap {
	width: 100%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 auto;
	text-align: center;
}

.errorPage, .errorPage body {
	min-height: 100%;
    height: 100%;
}

.errorWrap h1 {
	font-family: "Open Sans";
	font-weight: 300;
	font-size: 50px;
}

.errorWrap h2 {
	font-family: "Open Sans";
	font-weight: 500;
	font-size: 16px;
	font-weight: none;
	color: inherit;
}

.streamerList {
	margin-top: 10px;
	display: none;
}

.openStreamers {
	width: 100%;
	display: block;
	background: transparent url("../images/arrowUp.png") no-repeat;
	background-position: right;
}

.closeStreamers {
	width: 100%;
	display: block;
	background: transparent url("../images/arrowDown.png") no-repeat;
	background-position: right;
}

.errorMessage {
  padding: 4px;
  background-color: #D8B2B2;
  color: #883232;
  font-weight: normal;
  border: 2px solid #B59797;
  font-size: 13px;
  }

.infoMessage {
  padding: 4px;
  background-color: #B2CBD8;
  color: #327188;
  font-weight: normal;
  border: 2px solid #97B0B5;
  font-size: 13px;
  }

.warnMessage {
  padding: 4px;
  background-color: #D8D3B2;
  color: #887332;
  font-weight: normal;
  border: 2px solid #B5AD97;
  font-size: 13px;
  }

.successMessage {
  padding: 4px;
  background-color: #B2D8B5;
  color: #458832;
  font-weight: normal;
  border: 2px solid #9CB597;
  font-size: 13px;
  }