/* IMPORTS */

@font-face {
	font-family: Futura;
	src: url(/resources/fonts/FuturaLT.ttf);
}

/* PAGE STYLES */

*{
	font-family: 'Open Sans', sans-serif;
	color:#E9ECEF;
	margin:0px;
	padding:0px;
}

body{
	background:#212529;
	padding-bottom:1%;
}


/* WRAPPERS */

.content-wrap, .misc-wrap{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.misc-wrap{
	width:800px;
	min-width:344px;
	background: #343A40;
	padding:1%;
	margin-top:1%;
	margin-bottom:1%;
}

.page-hr-break{
    width:100%;
    clear:both;
}

/* MAIN TEXT */

p,a,h1,h2,h3,h4,h5,h6,li,label{
	color:#E9ECEF;
}

.main-heading{
    font-family:Futura;
    font-size:1.15em;
    margin-bottom:10px;
    color:#FCA311;
}

.misc-wrap .main-heading{
	font-size:1.5em;
}

.dec-none, .dec-none:hover{
	text-decoration:none;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

/* HEADER STYLES */

.header{
	padding:1%;
	margin:0px;
}

.header, .header-links{
	background-color:#F8F9FA;
}

.header .logo {
	font-size:1.3em;
}

.header .logo a, .header .tagline{	
	font-family:Futura;
}

.header .tagline{
	color:#ADB5BD;
}

.header .header-links{
	font-size:1.3em;
	float:right;
}

.header .logo a, .header .header-links a{
	color:#14213D;
}

.header .logo a:hover, .header .header-links a:hover{
	color:#FCA311;
}

.header .logo a, .header .header-links a, .header .logo a:hover, .header .header-links a:hover{
	text-decoration:none;
}

.header-divider{
	font-size:1.25em;
	color:#E5E5E5;
	margin:0px 5px 0px 5px;
}

/* SERVER STATUS TEXT */

.online{
	color:#849324;
}

.offline{
	color:#fd151b;
}

.status-history{
	table-layout:auto;
	border-spacing: 0px;
	border-collapse: separate;
	width:100%;
}

.status-history td{
	width:1.0416%;
	height:25px;
} 

.status-history td.bad{
	background:#fd151b;
}

.status-history td.ok{
	background:#ffb30f;
}

.status-history td.good{
	background:#849324;
}

.status-history td:hover{
	background:#ADB5BD;
}

.tooltip {
	position: relative;
	border-right:1px solid #2E2E2E;
}
  
.tooltiptext {
	visibility: hidden;
	width: 250px;
	background-color: #F8F9FA;
	color: #2E2E2E;
	text-align: center;
	border:1px solid #000000;
	border-radius: 6px;
	padding: 5px 0;

	/* Position the tooltip */
	position: absolute;
	z-index: 10;
	top: 110%;
	left: 50%;
	margin-left: -125px;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

/* INPUTS */

input[type=text], input[type=submit], textarea, select{
	font-size:1em;

	background:#495057;

	border:1px solid #444B51;
	border-radius:3px;
	
	margin-top:10px;
	margin-bottom:20px;

	padding:1%;
}

input[type=text]:focus, input[type=submit]:focus, textarea:focus{
	outline: none;
}

.steam-url{
	width:400px;
}

/* CONTACT FORM */

form.contact{
	width:98%;
	min-width:284px;
	margin-left:auto;
	margin-right:auto;
}

form.contact label{
	font-size:1.25em;
	margin-bottom:10px;
}

form.contact input[type=text], input[type=submit], textarea{
	width:98%;
}

form.contact input[type=submit]{
	width:304px;
	margin-bottom:10px;
}

.g-recaptcha{
	margin-bottom:10px;
	display:inline-block;
}

/* INFO PAGE */

ul{
	margin-left:20px;
	margin-top:10px;
}

li{
	margin-top:3px;
	margin-bottom:3px;
}

/* ADS */
.ad-container-wide{
	width:728px;
	height:90px;
	margin-left:auto;
	margin-right:auto;
}

footer{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:1%;
}