html {
/* font-family: Verdana, Geneva, sans-serif !important; */
font-family: Helvetica, sans-serif !important;
}

body {
background-color: #000;
background-image: url("images/tiger.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top,left;
background-size: cover;
font-size: 14px;
margin-left: 95px;
margin-right: 95px;
min-width: 1000px;		/* suppose you want minimun width of 1000px */
width: auto !important;		/* Firefox will set width as auto */
width: 1000px;			/* As IE ignores !important it will set width as 1000px; */
}

a{
text-decoration: none;
color: #f25322;
}
a:hover{
text-decoration: underline;
color: #f25322;
}

p {
text-align: justify;
}
hr {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
}
h2, h3 {
text-align: left;
}
h2:after, h3:after {
clear: both;
}

/* FORMS */
input {
border-radius: 3px;
border: 3px double #aaa;
color: #aaa;
background: transparent;
}
input[type=text]:focus {
border: 3px double #000;
color: #000;
background: #fff;
}
select {
border-radius: 3px;
border: 3px double #aaa;
color: #aaa;
background-image: url("images/ui-bg-tile.jpg");
background-repeat: no-repeat, repeat-y;
}
option {
color: #aaa;
background-image: url("images/ui-bg-tile.jpg");
background-repeat: no-repeat, repeat-y;
}

button {
border-radius: 3px;
border: 3px double #aaa;
color: #aaa;
background: transparent;
}
/* FORMS */

.logo {
margin-top: 10%;
}

.text {
box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.66);
-webkit-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.66);
-moz-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.66);
-ms-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.66);
-o-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.66);
}

.header {
background-color: black;
color: white;
text-align: left;
padding: 5px;
}

.fixed {
position: fixed;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.66);
color: #fff;
width: 100%;
padding: 5px;
text-align: center;
z-index: 999;
}

.section {
padding: 15px;
background-image: url("images/ui-bg-top-corner.jpg"), url("images/ui-bg-tile.jpg");
background-repeat: no-repeat, repeat-y;
background-size: 100%;
background-color: #333;
color: #aaa;
}

.container {
text-align: center;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.15);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 2em;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
-ms-border-radius: 2em;
-o-border-radius: 2em;
box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.66);
-webkit-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.66);
-moz-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.66);
-ms-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.66);
-o-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.66);
padding: 2em;
margin-bottom: 10px;
}
.container:after {
clear: both;
}

.alert {
background: none repeat scroll 0% 0% rgba(128, 0, 0, 0.15);
border: 3px double #900;
border-radius: 2em;
-webkit-border-radius: 2em;
box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.66);
-webkit-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.66);
padding: 2em;
margin-bottom: 10px;
color: #999;
vertical-align: baseline;
}

#progress {
margin-left: auto;
margin-right: auto;
width: 400px;
border: 1px solid #ccc;
}

/* FOOTER */
.footer {
background-color: black;
color: #fff;
padding: 5px;
box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.5);
-webkit-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.5);
}

.credits {
display: inline-block;
text-align: center;
color: #fff;
font-size: 0.9em;
padding: 5px;
}

.copy {
display: inline-block;
text-align: right;
padding: 5px;
}

/* Facebook */
#fb-root {
color: #f25322;
}
.fb-share-button {
display: inline-block;
text-align: left;
padding: 5px;
}
/* Facebook */
/* FOOTER */

/* Button for download MOD */
.modbutton {
border-radius: 1.2em;
-webkit-border-radius: 1.2em;
border: 3px double #f25322;
padding: 1.2em;
margin: 1em;
height: 72px;
}
.modbutton:hover {
background-color: rgba(242,83,34,0.33);
}
/* Button for download MOD */

/* Tabs on page ps_info.php and ts_sv.php */
.table {
display: none;
padding: 10px;
}

.navbar {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.navbar li {
float: left
}
.navbar li a {
font-size: 1.1em;
display: block;
padding: 2px 4px;
border: 3px double rgba(255,255,255,0.15);
border-radius: 3px;
-webkit-border-radius: 3px;
}
.navbar li a:hover {
color: #f25322;
}
.red {
color: #f25322 !important;
background: rgba(128,128,128,0.3);
}
.black {
color: #000 !important;
}
.tablink{
color: #aaa;
}
/* Tabs on page */

/* SIMPLE DROPDOWN */
.dropbtn {
font-size: 1.1em;
font-weight: bold;
background: transparent;
color: #aaa;
min-width: 160px;
border: 0;
cursor: pointer;
}

.dropdown {
position: relative;
display: inline-block;
}

.dropdown-content {
font-size: 0.9em;
display: none;
position: absolute;
background-color: #000;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
color: #aaa;
padding: 6px 12px;
text-decoration: none;
display: block;
}

.dropdown-content a:hover {
background-color: #aaa;
color: #000;
}

.dropdown:hover .dropdown-content {
display: block;
}

@-webkit-keyframes glowing {
0% { background-color: #f78e6e; -webkit-box-shadow: 0 0 3px #f78e6e; }
50% { background-color: #f25322; -webkit-box-shadow: 0 0 10px #f25322; }
100% { background-color: #f78e6e; -webkit-box-shadow: 0 0 3px #f78e6e; }
}

@-moz-keyframes glowing {
0% { background-color: #f78e6e; -moz-box-shadow: 0 0 3px #f78e6e; }
50% { background-color: #f25322; -moz-box-shadow: 0 0 10px #f25322; }
100% { background-color: #f78e6e; -moz-box-shadow: 0 0 3px #f78e6e; }
}

@-o-keyframes glowing {
0% { background-color: #f78e6e; box-shadow: 0 0 3px #f78e6e; }
50% { background-color: #f25322; box-shadow: 0 0 10px #f25322; }
100% { background-color: #f78e6e; box-shadow: 0 0 3px #f78e6e; }
}

@keyframes glowing {
0% { background-color: #f78e6e; box-shadow: 0 0 3px #f78e6e; }
50% { background-color: #f25322; box-shadow: 0 0 10px #f25322; }
100% { background-color: #f78e6e; box-shadow: 0 0 3px #f78e6e; }
}

button.dropbtn {
-webkit-animation: glowing 1500ms infinite;
-moz-animation: glowing 1500ms infinite;
-o-animation: glowing 1500ms infinite;
animation: glowing 1500ms infinite;
text-align: center;
color: white;
}

/* SIMPLE DROPDOWN */

/* Begin Navigation Bar Styling */
#countdown {
float: right;
padding: 8px 15px;
color: #000;
}

#nav {
width: 100%;
float: left;
margin: 0 0 5px 0;
padding: 0;
list-style: none;
background-color: #fff;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
-webkit-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.66);
box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.66);
-webkit-border-radius: 7px;
border-radius: 7px;
}
#nav li {
float: left;
margin-top: -1px;
}
#nav li a {
display: block;
padding: 8px 15px;
text-decoration: none;
color: #000;
}
#nav li a:hover {
color: #000;
background-color: #aaa;
}
#nav ul {
position: absolute;
left: -9999px;
top: -9999px;
list-style-type: none;
z-index: 800;
}
#nav ul:after {
z-index: 1;
}
#nav li:hover {
position: relative;
background: #aaa;
}
#nav li:hover ul {
left: 0px;
top: 33px;
background-color: #fff;
padding: 0px;
}
#nav li:hover ul li a {
padding: 5px;
display: block;
width: 248px;
text-indent: 10px;
background-color: #fff;
}
#nav li:hover ul li a:hover {
background: #aaa;
color: #f25322;
}
/* End navigation bar styling. */

/* Tabulka ps a prislusne td */
table.ps {
width: 100%;
border-collapse: separate;
border-spacing: 10px 0px;
background-color: transparent !important;
}
tr.ps, tr:hover.ps{
background: transparent !important;
}
td.ps_logo{
vertical-align: middle;
background-color: transparent !important;
}
td.ps_player{
background-color: transparent !important;
font-size: 2.0em;
color: #fff;
text-shadow: 3px 3px 1px rgba(0,0,0,0.66);
font-weight: bolder;
text-align: left;
vertical-align: middle;
}
td.ps_value{
background-color: transparent !important;
padding: 0px 15px;
text-shadow: 3px 3px 1px rgba(0,0,0,0.66);
font-weight: bold;
border-bottom: 1px dotted #fff;
color: #fff;
font-size: 1.4em;
text-align: center;
vertical-align: bottom;
white-space: nowrap;
}
td.ps_value2{
background-color: transparent !important;
padding: 0px 15px;
text-shadow: 3px 3px 1px rgba(0,0,0,0.66);
font-weight: bold;
border-bottom: 1px dotted #fff;
color: #fff;
font-size: 1em;
text-align: center;
vertical-align: bottom;
white-space: nowrap;
}
td.ps_mainstat{
background-color: transparent !important;
text-align: center;
}
/* END Tabulka ps a prislusne td */

/* Tabulka modulov v tankopedii */
table.module {
width: 50%;
background-color: transparent !important;
margin: auto;
border-collapse: collapse;
border: 0px;
}
tr.module{
background-color: transparent !important;
border: 0px;
}
tr:nth-child(2n) td {
background-color: transparent !important;
}
th.modul {
width: 50%;
background-color: transparent !important;
font-size: 1.3em;
text-align: left;
border: 0px;
}
th.modur {
width: 50%;
font-weight: bold;
background-color: transparent !important;
font-size: 1.3em;
text-align: right;
border: 0px;
}
td.modul {
text-align: left;
border: 0px;
}
td.modur {
font-weight: bold;
text-align: right;
border: 0px;
}
/* Tabulka modulov v tankopedii END */

/* Ostatne tabulky */
table {
width: 90%;
margin: auto;
border-collapse: collapse;
}
caption {
font-weight: bold;
font-size: 1.3em;
text-align: left;
}
tr {
border-bottom: 1px dotted #fff;
}
tr:hover {
background-color: rgba(128,128,128,0.3);
}
tr:nth-child(2n) td {
background: rgba(128,128,128,0.1);
}
tr:nth-child(2n+1) td {
background: transparent;
}
th {
background-color: black;
padding: 5px 15px;
font-weight: bold;
text-align: right;
}
td {
padding: 5px 15px;
text-align: right;
}
td.left, th.left {
text-align: left;
}
td.center, th.center {
text-align: center;
}
td.delta {
font-size: 0.9em;
}
td.delta, th.delta {
text-align: center;
}
/* Ostatne tabulky */

/* SORT TABLE */
table.sortable thead {
color: #f25322;
font-weight: bold;
cursor: pointer;
}
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
content: " \25B4\25BE" 
}
/* SORT TABLE */

/* Vehicle div */
#vehicle {
text-decoration:none;
color: #aaa;
display: table;
border:1px #000 solid;
border-collapse:collapse;
width:98%;
height:71px;
margin:10px;
box-shadow:5px 5px 5px -1px rgba(0,0,0,0.66);
}

#vehicle:hover {
text-decoration:none;
color: #aaa;
}
#rowheader {
border:1px #000 solid;
display: table-row;
background:rgba(0,0,0,0.5);
width:100%;
}
#row  {
border:1px #000 solid;
display: table-row;
width:100%;
}
#row b {
font-size:1.1em;
font-weight: bold;
}
#left, #right, #middle {
display: table-cell;
padding: 5px;
white-space: nowrap;
}
#left {
width: 160px;
text-align:left;
}
#middle {
width: 14%;
text-align:center;
}
#right {
text-align:right;
}
#momchang {
position: relative;
left: -25px;
top: 50px;
background-color: transparent;
color: #E6C200;
font-weight: bold;
}

/* VEHICLES */
div.tp_vehi {
position: relative;
float: left;
text-align: center;
color: #aaa;
height: 135px;
width: 145px;
margin: 10px;
padding: 3px;
border: 3px double rgba(255,255,255,0.15);
border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.66);
-webkit-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.66);
}
div.tp_vehi_header {
text-align: left;
font-size: 1.1em;
color: white;
padding: 6px;
background: rgba(0,0,0,0.3);
border: 1px solid black;
border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.66);
-webkit-box-shadow: 5px 5px 5px -1px rgba(0,0,0,0.66);
}
/* VEHICLES */
/* Vehicle div */

/* MEDAILS */
div.medal {
position: relative;
margin: 5px;
border: 0px;
height: 80px;
width: 90px;
float: left;
text-align: center;
}

div.medal img {
position: static;
display: inline;
border: 0px;
left: 0px;
top: 0px;
}

div.count {
position: absolute;
width: 37px;
right: 0px;
bottom: 0px;
border: 3px ridge #E6C200;
background: #4D0000;
color: #E6B800;
text-align: center;
font-weight: normal;
margin: 1px;
font-size: 0.75em;
}

div.delta {
position: absolute;
width: 37px;
left: 0px;
bottom: 0px;
border: 3px ridge #E6C200;
background: #004D00;
color: #E6B800;
text-align: center;
font-weight: normal;
margin: 1px;
font-size: 0.75em;
}

div.frags {
position: absolute;
width: 37px;
left: 0px;
top: 0px;
border: 3px ridge #E6C200;
background: #E6C200;
color: #004D00;
text-align: center;
font-weight: normal;
margin: 1px;
font-size: 0.75em;
}

div.max_series {
position: absolute;
width: 37px;
right: 0px;
top: 0px;
border: 3px ridge #E6C200;
background: #A93A18;
color: #E6B800;
text-align: center;
font-weight: normal;
margin: 1px;
font-size: 0.75em;
}

a.tooltips {
position: relative;
display: inline;
width: 0px;
}

a.tooltips span {
position: absolute;
width: 20px;
color: #808080;
background: #2E2E30;
border: 2px solid #6D6D6D;
text-align: left;
font-size: 0.1em;
visibility: hidden;
border-radius: 6px;
margin-left: -16px;
}
a.tooltips span:before {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -12px;
width: 0;
height: 0;
border-bottom: 12px solid #6D6D6D;
border-right: 12px solid transparent;
border-left: 12px solid transparent;
}
a.tooltips span:after {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
border-bottom: 8px solid #2E2E30;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
a:hover.tooltips span {
padding: 3px;
visibility: visible;
width: 320px;
line-height: 20px;
font-size: 0.75em;
top: 30px;
left: 50%;
margin-left: -166px;
z-index: 700;
}
/* MEDAILS */

/* RATINGS */
.leadership {
display: inline-block;
font: 0/0 a;
text-shadow: none;
color: transparent;
opacity: .8;
height: 34px;
background: url("ratings/leadership-ico.png") no-repeat 100% 0;
vertical-align: middle;
}
.ico_xp_max { 
background-position: 100% -272px;
width: 23px;
}
.ico_global_rating { 
background-position: 100% -476px;
width: 23px;
}
.ico_hits_ratio {
background-position: 100% -204px;
width: 23px;
}
.ico_battles_count {
background-position: 100% -408px;
width: 40px;
}
.ico_damage_dealt {
background-position: 100% -306px;
width: 28px;
}
.ico_xp_avg {
background-position: 100% -170px;
width: 37px;
}
.ico_frags_count {
background-position: 100% -102px;
width: 34px;
}
.ico_wins_ratio {
background-position: 100% -68px;
width: 23px;
}
.ico_survived_ratio {
background-position: 100% -34px;
width: 31px;
}
.ico_xp_amount {
background-position: 100% -374px;
width: 24px;
}
.ico_capture_points {
background-position: 100% -544px;
width: 24px;
}
.ico_spotted_count{
background-position: 100% -238px;
width: 26px;
}
.ico_frags_avg {
background-position: 100% -0px;
width: 46px;
}
.ico_damage_avg {
background-position: 100% -136px;
width: 41px;
}
.ico_spotted_avg {
background-position: 100% -340px;
width: 40px;
}
/* RATINGS */

/* ACHIVEMENTS */
.name {
border: none;
background-color: black;
font-size: 20px; 
text-align: center;
}
.img{
border: none;
text-align: center;
}
.stage {
border: none;
font-size: 20px;
color: white;
text-shadow: 3px 3px 1px rgba(128,128,128,0.66);
margin-bottom: 7px;
text-align: center;

}
.desc {
border: none;
text-align: justify;
margin-bottom: 7px;
}
.achi{
border: none;
text-align: center;
}
/* ACHIVEMENTS */

/* TANKOPEDIA MISSIONS */
.missions {
padding: 5px;
margin: 15px;
}
img.missions {
border:1px #aaa solid;
}
div.tp_vehi p{
position: absolute;
width: 100%;
bottom: 2px;
font-size: 2em;
color: #fff;
text-align: center;
}

/* Tankopedia MISSIONS */
#mission {
text-decoration:none;
color: #aaa;
display: table;
border:1px #000 solid;
border-collapse:collapse;
width:98%;
height:71px;
margin:10px;
box-shadow:5px 5px 5px -1px rgba(0,0,0,0.66);
}
#mission:hover {
text-decoration:none;
color: #aaa;
background:rgba(255,255,255,0.3);
}
#missheader {
border:1px #000 solid;
display: table-row;
background: black;
width:100%;
}
#missrow  {
border: none;
display: table-row;
width:100%;
background:rgba(128,128,128,0.3);
}
#mleft, #mright, #mmiddle {
display: table-cell;
padding: 5px;
}
#mleft i {
color: white;
font-style: italic;
}
#mleft b {
color: white;
font-weight: bold;
}
#mleft {
width: 20%;
text-align: left;
}
#mmiddle {
width: 40%;
text-align:center;
}
#mright {
width: 40%;
text-align:right;
}
#mhint {
border: none;
display: table-row;
width: 40%;
text-align:left;
font-style: italic;
}
/* Tankopedia MISSIONS */
/* TANKOPEDIA MISSIONS */

/* TANKOPEDIA SINGLE VEHICLE */
select.tp_sv {
height: 59px;
color: white;
background-color: rgba(255,255,255,0.1);
display: inline;
position: relative;
bottom: 24px;
border: 0px;
border-radius: 0px;
width: 12%;
overflow: hidden !important;
}
/* TANKOPEDIA SINGLE VEHICLE */

/* Backgrounds */
tr.ingarage{
background-color: #333;
background-color: rgba(128,128,128,0.1);
background: -webkit-linear-gradient(left, #333, transparent);
background:    -moz-linear-gradient(left, #333, transparent);
background:         linear-gradient(left, #333, transparent);
}

tr.notgarage{
background-color: transparent;
}