body {
	z-index: 1;
	top: 0px;

	margin: 0;
	font-family: 'Roboto', 'Noto Sans', sans-serif;
	text-shadow: 0px 1px #000;
	font-size:16px;
	background: #000000;
	background-position: 0% 0%;
	background-attachment: fixed;
	text-decoration: none;
}

ul {
	padding-inline-start: 40px;
}

p,li {
	margin: 0 0 1em 0;
	color: #ddd;
}

li a:link, li a:visited, li a:active {
	color: #ddd;
	text-decoration: none;
}

li a:hover {
	color:#ffcc33;
	text-decoration: none;
}

div p {
	margin: 0 0 1em 1em;
}

.content {
	position: relative;
	right: 0%;	

}
.content h1, 
.content h1.closed:hover {
	text-transform:uppercase;
	font-size: 1.6em;
	font-family: 'Saira', sans-serif;
	position: relative;
	display: block;
	cursor: pointer;
	color: #ffcc33;
}
.content h1.closed {
	color: #666;
}		
.tribes {
	margin: 2em 0;
	padding:1em;
}
.tribes .help{
	position: relative;
	color: #666;
	cursor: help;
}
.tribes h2, #faq h3 {
	color: #df9f1f;
	font-size: 1.2em;
	font-family: 'Saira', sans-serif;
}

#faq a {
	color: #ffcc33;
	text-decoration: underline;
}


#faq a:hover {
	color:#ffe745;
}

.install .mdc-list-item__graphic, .install .mdc-list-item__graphic img
{
	width: 64px;
}

#tribest {
	margin: 0;
	padding:0;
	background-color: #000000;
}
#tribest ul {
	margin: 0 0;
	padding: 0;
	list-style: none inside;
       
    width: 400px;
    background: #000000;
}
#tribest ul li {
	margin: 0 0 0.5em;
       
	padding: 0.5em 1em 0.5em 1em; 

       border: 1px dashed #363636;
	background: #090909;
	
}
#tribest ul li.download {
	display: table;
	margin: 0 0 0.5em;       
	padding: 0.5em 1em 0.5em 1em; 

       border: 0;
       text-align: center;
	background: transparent;
	
}
#tribest ul li.download h2 {
	display:table-cell;
	vertical-align:middle;
}
strong {
       color: #ffcc33;
	   text-shadow: 0px 1px #7d5900;
}
.offline, .offline p { color: #363636; }


#blip {
       display: inline;
}
#tril {
	margin: 0 auto;  
	padding: 0;
	background-color: #090909;
	font-family:'Univers', 'Saira', 'Verdana', 'Tahoma', 'Arial', sans-serif;
       z-index: 1000;
       width: 100%;
	min-width: 1000px;
}
#tril table {
	width: 100%;
	text-wrap:none;
	text-align:center;
	color: #14a75d;
	text-shadow: 0px 1px #000;
}
#tril table thead tr th {
	color: #081306;
	height: 16px;
	background: rgb(5,187,137);
	background: -moz-linear-gradient(top,  rgba(5,187,137,1) 2px, rgba(7,134,102,1) 14px);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2px,rgba(5,187,137,1)), color-stop(14px,rgba(7,134,102,1)));
	background: -webkit-linear-gradient(top,  rgba(5,187,137,1) 2px,rgba(7,134,102,1) 14px);
	background: -o-linear-gradient(top,  rgba(5,187,137,1) 2px,rgba(7,134,102,1) 14px);
	background: -ms-linear-gradient(top,  rgba(5,187,137,1) 2px,rgba(7,134,102,1) 14px);
	background: linear-gradient(top,  rgba(5,187,137,1) 2px,rgba(7,134,102,1) 14px);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05bb89', endColorstr='#078666',GradientType=0 );
 

	-webkit-box-shadow: inset 1px 1px 0px 0px #60d6b5, inset -1px -1px 0px 0px #084b3b;
	-moz-box-shadow: inset 1px 1px 0px 0px #60d6b5, inset -1px -1px 0px 0px #084b3b;
	box-shadow: inset 1px 1px 0px 0px #60d6b5, inset -1px -1px 0px 0px #084b3b;
        

	text-shadow: 0 0;
}
#tril table thead tr th:hover {
	color: #081306;

	-webkit-box-shadow: inset 1px 1px 0px 0px #60d6b5, inset -1px -1px 0px 0px #084b3b, 0px 0px 5px 1px rgba(100, 145, 145, 1);
	-moz-box-shadow: inset 1px 1px 0px 0px #60d6b5, inset -1px -1px 0px 0px #084b3b, 0px 0px 5px 1px rgba(100, 145, 145, 1);
	box-shadow: inset 1px 1px 0px 0px #60d6b5, inset -1px -1px 0px 0px #084b3b, 0px 0px 5px 1px rgba(100, 145, 145, 1);
        

	text-shadow: 0 0;
}

#tril table tbody tr:nth-child(even){
	background: #101010;
}

#tril table tbody tr {
	background: #090909;
	cursor: pointer;
}

#tril table tbody tr.selected {
	background: #053c1e;
}

#tril table tbody tr:hover {
	background: #56d0c3;
	color: #053c1e;
	text-shadow: 0px 1px #14a75d;
}




ul.servdesc {
	display: block;
	position: fixed;
	z-index: 1000;
	right: 50px;
	top: 50px;
	width: 500px;
	height: 400px;
	border-radius: 10px;
	
	color: #c8c8c8;

	background: #142d2e;
	background: -moz-linear-gradient(top,  #142d2e 0%, #142d2e 65%, #173b3e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#142d2e), color-stop(300px,#142d2e), color-stop(400px,#173b3e));
	background: -webkit-linear-gradient(top,  #142d2e 0%,#142d2e 300px,#173b3e 400px);
	background: -o-linear-gradient(top,  #142d2e 0%,#142d2e 65%,#173b3e 100%);
	background: -ms-linear-gradient(top,  #142d2e 0%,#142d2e 65%,#173b3e 100%);
	background: linear-gradient(top,  #142d2e 0%,#142d2e 65%,#173b3e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142d2e', endColorstr='#173b3e',GradientType=0 );
	box-shadow:0px 6px 10px #000, inset 1px -1px 0px 0px #3c6363;
	margin: 0;
	padding: 5px;
}
ul.servdesc * {
	position: relative;
	left: 0px;
	top: 0px;
}
ul.servdesc li.info_desc {
	display: block;
	padding: 10px;
	height: 60px;
	overflow: hidden;
}
ul.servdesc li.info_players {
	display: block;
	width: 500px;
	height: 305px;
	overflow: auto;
}
ul.servdesc li.info_players ul {
	display: table;
	float: left;
	width: 200px;
	padding: 15px;
}
ul.servdesc li.info_players ul.ul_0 {
	float: none;
}
ul.servdesc li.info_players ul ul {
	display: table-row;
	float: none;
}
ul.servdesc li.info_players ul li.li_name,
ul.servdesc li.info_players ul li.li_score {
	display: table-header-group;
	color: #00dc00;
}
ul.servdesc li.info_players ul li.li_tag,
ul.servdesc li.info_players ul li.li_append {
	display: none;
}

ul.servdesc li.info_players ul ul li,
ul.servdesc li.info_players ul ul li.li_name,
ul.servdesc li.info_players ul ul li.li_score {
	display: table-cell;
	color: #c8c8c8;
}