/* Global DisplayServ
-------------------------------*/
.ds-servers-list {
	margin: 0;
	padding: 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.ds-servers-list .ds-server {
	position: relative;
	list-style: none;
	margin: 10px 0;
	padding: 10px;
	min-height: 160px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
.ds-servers-list .ds-server-join-wrap {
	position: absolute;
	bottom: -35px;
	right: 0;
	padding: 0 10px;
	background: rgba(0, 0, 0, .75);
	-webkit-border-radius: 3px 0 0;
	-moz-border-radius: 3px 0 0;
	-o-border-radius: 3px 0 0;
	border-radius: 3px 0 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.ds-servers-list.loading .ds-server-join-wrap {
	display: none !important;
}
.ds-servers-list .ds-server:hover .ds-server-join-wrap {
	bottom: 0;
}
.ds-servers-list .ds-server-join-wrap ul {
	margin: 0;
	padding: 0;
}
.ds-servers-list .ds-server-join-wrap ul li {
	display: block;
	float: left;
	list-style: none;
	padding: 5px 0 7px;
}
.ds-servers-list .ds-server-join-wrap ul li + li {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #555;
}
.ds-servers-list .ds-server-join-wrap ul li a {
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
.ds-servers-list .ds-server-join-wrap ul li a:hover {
	border-bottom: 1px solid #eee;
}
.ds-servers-list.loading {
	opacity: .5;
}

.ds-servers-list table {
	width: 100%;
	border-spacing: 0;
}
.ds-servers-list .ds-header th {
	color: #5e9cd5;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	min-height: 20px;
	font-variant: small-caps;
	text-align: left;
}
.ds-servers-list .ds-header .ds-server-join {
	border-left: 1px dotted #636363;
	padding-left: 10px;
}
.ds-servers-list .ds-header .ds-server-join a {
	color: #5e9cd5;
	font-size: 10px;
	font-variant: normal;
	text-decoration: none;
}
.ds-servers-list .ds-header .ds-server-join a:hover {
	text-decoration: underline;
}

.ds-servers-list .ds-content {
	margin-top: 10px;
	color: #666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}
.ds-servers-list .ds-content ul {
	margin: 0;
	padding: 0;
}
.ds-servers-list .ds-content ul li {
	padding: 0;
	list-style: none;
	line-height: 18px;

}
.ds-servers-list .ds-server-currentmap img {
	margin-bottom: -3px;
}

.ds-servers-list .ds-space {
	height: 10px;
}
.ds-servers-list .ds-space td {
	border: 1px dotted #ccc;
	border-width: 1px 0 0;
	height: 10px;
}
.ds-servers-list tr,
.ds-servers-list td,
.ds-servers-list th,
.ds-servers-list tr:hover,
.ds-servers-list td:hover,
.ds-servers-list th:hover {
	background: none;
	cursor: default;
}
.ds-servers-list td {
	vertical-align: top;
	text-align: left;
}
.ds-servers-list .ds-servers-players-list {
	height: 125px;
	overflow-x: hidden;
	overflow-y: auto;
}
.ds-servers-list .ds-servers-players-list td {
	border: 1px solid #f7f7f7;
	border-width: 0 0 1px;
}
.ds-servers-list .ds-servers-players-list td.no-player {
	text-align: center;
	border: 0;
	font-style: italic;
}


.ds-servers-list .ds-content .ds-part-left {
	color: #888;
	padding-right: 10px;
	border-right: 1px dotted #636363;
	text-align: right;
	width: 17%;
	min-width: 100px;
}
.ds-servers-list .ds-content .ds-part-middle {
	padding-left: 10px;
	width: 33%;
	min-width: 100px;
}
.ds-servers-list .ds-content .ds-part-right {
	width: 50%;
}


@media (max-width: 580px) {
	.ds-servers-list .ds-header th.middle,
	.ds-servers-list .ds-content .ds-part-left {
		display: none;
	}
}
@media (max-width: 380px) {
	.ds-servers-list .ds-header th.middle,
	.ds-servers-list .ds-header th.last,
	.ds-servers-list .ds-content .ds-part-left,
	.ds-servers-list .ds-content .ds-part-right {
		display: none;
	}
}
.ds-servers-list.max-width-580 .ds-header th.middle,
.ds-servers-list.max-width-580 .ds-content .ds-part-left,
.ds-servers-list.max-width-380 .ds-header th.middle,
.ds-servers-list.max-width-380 .ds-header th.last,
.ds-servers-list.max-width-380 .ds-content .ds-part-left,
.ds-servers-list.max-width-380 .ds-content .ds-part-right {
	display: none;
}


/* Couleurs GameMode & Jeux
----------------------------- */
.rounds {
	color: #ffcc11;
}
.timeattack {
	color: #d1321e;
}
.team {
	color: #aabb00;
}
.laps {
	color: #88aa11;
}
.stunts {
	color: #5600da;
}
.cup {
	color: #ff8c11;
}
.script,
.other {
	color: #444;
}
.maniaplanet {
	color: #2277cc;
}
.tmforever {
	color: #ad0000;
}
.team_-1,
.team_0,
.team_1 {
	display: block;
	float: left;
	width: 7px;
	height: 16px;
	margin-right: 5px;
	opacity: .8;
}
.team_-1 {
	background: #000;
}
.team_0 {
	background: #00f;
}
.team_1 {
	background: #f00;
}


/* TmNick
------------------------ */
.tmnick_global {
	font-style: normal;
	font-weight: none;
	letter-spacing: 0;
}
.tmnick_normal { letter-spacing: 0; }
.tmnick_short { letter-spacing: -1px; }
.tmnick_wide { letter-spacing: 2px; }
.tmnick_raz { font-style: normal; font-weight: none; letter-spacing: 0; }
.tmnick_italic { font-style: italic; }
.tmnick_bold { font-weight: bold; letter-spacing: 1px; }
.tmnick_upper { text-transform: uppercase; }
.tmnick_shadowed { text-shadow: 1px 1px 1px #444; }
a.tmnick_internallink, a.tmnick_internallink:visited {
	color: inherit;
	text-decoration: none;
	border-bottom: thin solid Black;
}
a.tmnick_internallink:hover {
	color: inherit;
	text-decoration: none;
	border-bottom: thin solid Blue;
}
a.tmnick_internallink_withlogin, a.tmnick_internallink_withlogin:visited  {
	color: inherit;
	text-decoration: none;
	border-bottom: thin solid #f0e68c;
}
a.tmnick_internallink_withlogin:hover {
	color: inherit;
	text-decoration: none;
	border-bottom: thin solid Gold;
}
a.tmnick_externallink, a.tmnick_externallink:visited {
	color: inherit;
	text-decoration: none;
	border-bottom: thin solid Black;
}
a.tmnick_externallink:hover {
	color: inherit;
	text-decoration: none;
	border-bottom: thin solid Orange;
}