article {
	background: url("/templates/unvanquished1/images/box-background.jpg") #222222;
}

body .contentpane {
	color: inherit !important;
	background: none !important;
}

.noserver {
  font-style: italic;
  font-weight: bold;
  color: red;
}
.emptylist {
  font-style: italic;
}

.aliens {
  background-color: #CC0000;
  color: #FFFFFF;
}

.tied {
  background-color: #888888;
  color: #000000;
}

.humans {
  background-color: #0055FF;
  color: #FFFFFF;
}

.spectators {
  background-color: #AAAA00;
  color: #000000;
}

.aliens-teamshader {
  background-image: -moz-linear-gradient(left, rgba(204,0,0,0.5), rgba(204,0,0,0.5) 25%, rgba(204,0,0,0) 50%, rgba(0,0,0,0));
  background-image: -webkit-linear-gradient(left, rgba(204,0,0,0.5), rgba(204,0,0,0.5) 25%, rgba(204,0,0,0) 50%, rgba(0,0,0,0));
  background-image: -o-linear-gradient(left, rgba(204,0,0,0.5), rgba(204,0,0,0.5) 25%, rgba(204,0,0,0) 50%, rgba(0,0,0,0));
  background-image: linear-gradient(to right, rgba(204,0,0,0.5), rgba(204,0,0,0.5) 25%, rgba(204,0,0,0) 50%, rgba(0,0,0,0));
}

.spectators-teamshader {
  background-image: -moz-linear-gradient(left, rgba(170,170,0,0.5), rgba(170,170,0,0.5) 25%, rgba(170,170,0,0) 50%, rgba(0,0,0,0));
  background-image: -webkit-linear-gradient(left, rgba(170,170,0,0.5), rgba(170,170,0,0.5) 25%, rgba(170,170,0,0) 50%, rgba(0,0,0,0));
  background-image: -o-linear-gradient(left, rgba(170,170,0,0.5), rgba(170,170,0,0.5) 25%, rgba(170,170,0,0) 50%, rgba(0,0,0,0));
  background-image: linear-gradient(to right, rgba(170,170,0,0.5), rgba(170,170,0,0.5) 25%, rgba(170,170,0,0) 50%, rgba(0,0,0,0));
}

.humans-teamshader {
  background-image: -moz-linear-gradient(left, rgba(0,85,255,0.5), rgba(0,85,255,0.5) 25%, rgba(0,85,255,0) 50%, rgba(0,85,255,0));
  background-image: -webkit-linear-gradient(left, rgba(0,85,255,0.5), rgba(0,85,255,0.5) 25%, rgba(0,85,255,0) 50%, rgba(0,85,255,0));
  background-image: -o-linear-gradient(left, rgba(0,85,255,0.5), rgba(0,85,255,0.5) 25%, rgba(0,85,255,0) 50%, rgba(0,85,255,0));
  background-image: linear-gradient(to right, rgba(0,85,255,0.5), rgba(0,85,255,0.5) 25%, rgba(0,85,255,0) 50%, rgba(0,85,255,0));
}

span.playername {
  margin: -0.125rem -0.25rem;
  padding: 0.125rem 0.25rem;
}
.playername:hover {
  background-color: black;
}

th, td {
  padding: 1px 3px;
  border: 1px solid black;
}

thead tr {
  text-align: left;
  background-image: -moz-linear-gradient(top, rgba(255,255,255,0.333), rgba(143,143,143,0.333) 25%, rgba(112,112,112,0.333) 75%, rgba(0,0,0,0.333));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.333), rgba(143,143,143,0.333) 25%, rgba(112,112,112,0.333) 75%, rgba(0,0,0,0.333));
  background-image: -o-linear-gradient(top, rgba(255,255,255,0.333), rgba(143,143,143,0.333) 25%, rgba(112,112,112,0.333) 75%, rgba(0,0,0,0.333));
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.333), rgba(143,143,143,0.333) 25%, rgba(112,112,112,0.333) 75%, rgba(0,0,0,0.333));
}

thead tr.aliens-teamshader {
  background-image: -moz-linear-gradient(left, rgba(204,0,0,0.5), rgba(204,0,0,0.5) 25%, rgba(204,0,0,0) 50%, rgba(0,0,0,0)), -moz-linear-gradient(top, rgba(255,255,255,0.333), rgba(143,143,143,0.333) 25%, rgba(112,112,112,0.333) 75%, rgba(0,0,0,0.333));
  background-image: -webkit-linear-gradient(left, rgba(204,0,0,0.5), rgba(204,0,0,0.5) 25%, rgba(204,0,0,0) 50%, rgba(0,0,0,0)), -webkit-linear-gradient(top, rgba(255,255,255,0.333), rgba(143,143,143,0.333) 25%, rgba(112,112,112,0.333) 75%, rgba(0,0,0,0.333));
  background-image: -o-linear-gradient(left, rgba(204,0,0,0.5), rgba(204,0,0,0.5) 25%, rgba(204,0,0,0) 50%, rgba(0,0,0,0)), -o-linear-gradient(top, rgba(255,255,255,0.333), rgba(143,143,143,0.333) 25%, rgba(112,112,112,0.333) 75%, rgba(0,0,0,0.333));
  background-image: linear-gradient(to right, rgba(204,0,0,0.5), rgba(204,0,0,0.5) 25%, rgba(204,0,0,0) 50%, rgba(0,0,0,0), linear-gradient(to bottom, rgba(255,255,255,0.333), rgba(143,143,143,0.333) 25%, rgba(112,112,112,0.333) 75%, rgba(0,0,0,0.333)));
}

thead tr.spectators-teamshader {
  background-image: -moz-linear-gradient(left, rgba(170,170,0,0.5), rgba(170,170,0,0.5) 25%, rgba(170,170,0,0) 50%, rgba(0,0,0,0)), -moz-linear-gradient(top, rgba(255,255,255,0.333), rgba(143,143,143,0.333) 25%, rgba(112,112,112,0.333) 75%, rgba(0,0,0,0.333));
  background-image: -webkit-linear-gradient(left, rgba(170,170,0,0.5), rgba(170,170,0,0.5) 25%, rgba(170,170,0,0) 50%, rgba(0,0,0,0)), -webkit-linear-gradient(top, rgba(255,255,255,0.333), rgba(143,143,143,0.333) 25%, rgba(112,112,112,0.333) 75%, rgba(0,0,0,0.333));
  background-image: -o-linear-gradient(left, rgba(170,170,0,0.5), rgba(170,170,0,0.5) 25%, rgba(170,170,0,0) 50%, rgba(0,0,0,0)), -o-linear-gradient(top, rgba(255,255,255,0.333), rgba(143,143,143,0.333) 25%, rgba(112,112,112,0.333) 75%, rgba(0,0,0,0.333));
  background-image: linear-gradient(to right, rgba(170,170,0,0.5), rgba(170,170,0,0.5) 25%, rgba(170,170,0,0) 50%, rgba(0,0,0,0), linear-gradient(to bottom, rgba(255,255,255,0.333), rgba(143,143,143,0.333) 25%, rgba(112,112,112,0.333) 75%, rgba(0,0,0,0.333)));
}

thead tr.humans-teamshader {
  background-image: -moz-linear-gradient(left, rgba(0,85,255,0.5), rgba(0,85,255,0.5) 25%, rgba(0,85,255,0) 50%, rgba(0,85,255,0)), -moz-linear-gradient(top, rgba(255,255,255,0.333), rgba(143,143,143,0.333) 25%, rgba(112,112,112,0.333) 75%, rgba(0,0,0,0.333));
  background-image: -webkit-linear-gradient(left, rgba(0,85,255,0.5), rgba(0,85,255,0.5) 25%, rgba(0,85,255,0) 50%, rgba(0,85,255,0)), -webkit-linear-gradient(top, rgba(255,255,255,0.333), rgba(143,143,143,0.333) 25%, rgba(112,112,112,0.333) 75%, rgba(0,0,0,0.333));
  background-image: -o-linear-gradient(left, rgba(0,85,255,0.5), rgba(0,85,255,0.5) 25%, rgba(0,85,255,0) 50%, rgba(0,85,255,0)), -o-linear-gradient(top, rgba(255,255,255,0.333), rgba(143,143,143,0.333) 25%, rgba(112,112,112,0.333) 75%, rgba(0,0,0,0.333));
  background-image: linear-gradient(to right, rgba(0,85,255,0.5), rgba(0,85,255,0.5) 25%, rgba(0,85,255,0) 50%, rgba(0,85,255,0), linear-gradient(to bottom, rgba(255,255,255,0.333), rgba(143,143,143,0.333) 25%, rgba(112,112,112,0.333) 75%, rgba(0,0,0,0.333)));
}

tbody th {
  text-align: left;
  font-weight: normal;
}

tbody.padded td {
  padding: 1em;
}

span.playername, span.playername *, td.playername, td.playername * {
  color: #FFFFFF;
}

td.playername {
  overflow: hidden;
}

table.serverlist, table.playerlist, .lastupdate {
	width: 100%;
	margin: 0px auto;
	border-collapse: separate;
	border-spacing: 0px;
}

table.serverlist col:not([class]) {
	width: 1px;
}

table.serverlist col.symbol {
	width: 1.2rem;
}

table.serverlist col.data {
	width: 10rem;
}

table.serverlist col.button {
	width: 6rem;
}

table.serverlist th.sort-dir-a:before {
	content: "⇑";
}

table.serverlist th.sort-dir-d:before {
	content: "⇓";
}

table.serverlist th.sort-dir-a:before,
table.serverlist th.sort-dir-d:before {
	color: cyan;
}

table.serverlist a.inputbutton {
	display: block;
	text-align: center;
}

/* disabled */
table.serverlist a.inputbutton[href="##"] {
	color: #555555;
	background: -moz-linear-gradient(top, #2A2A2A 0%, #191919 100%) repeat scroll 0 0 transparent;
	background: -webkit-linear-gradient(top, #2A2A2A 0%, #191919 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(top, #2A2A2A 0%, #191919 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(top, #2A2A2A 0%, #191919 100%) repeat scroll 0 0 transparent;
}

table.serverlist td:not(:first-child) {
	border-left-width: 0px;
}
table.serverlist tr:not(:first-child) td {
	border-top-width: 0px;
}
table.serverlist td.serverbuttons {
	border-width: 0px;
}
table.serverlist td.serverbuttons:last-child {
	border-right-width: 1px;
}
table.serverlist td.symbol {
	border-right-width: 0px;
}

table.serverlist tr.unreachable td.server {
	color: red;
}

table.serverlist td.players {
	border-bottom-right-radius: 1rem;
	padding-right: 0.5rem !important;
	text-align: right;
	white-space: nowrap;
}

table.serverlist tr.playerlist.noplayerlist > td > * {
	display: none;
}

table.serverlist tr.playerlist > td {
	padding: 0.5rem;
}

table.serverlist > tbody > tr > td[class],
table.playerlist > tbody > tr > td {
	padding: 0.25rem;
}

table.serverlist > tbody > tr:nth-child(4n+1),
table.serverlist > tbody > tr:nth-child(4n+2) {
	background-color: rgba(0, 0, 0, 0.625);
}

table.serverlist > tbody > tr:nth-child(4n+3),
table.serverlist > tbody > tr:nth-child(4n) {
	background-color: rgba(0, 0, 0, 0.375);
}

table.serverlist > tbody > tr.playerlist.noplayers > td {
	font-style: italic;
}

table.playerlist {
	table-layout: fixed;
}

table.playerlist td {
	width: 33.333%;
	padding: 0.25rem;
}

tr.spectators th {
	margin-top: 0.5rem;
}

col.button td {
	white-space: nowrap;
}

.lastupdate {
	margin-top: 1rem;
	text-align: right;
	font-size: small;
	font-style: italic;
	color: #AAAAAA;
}

table.serverlist [onclick]
{
	cursor: pointer;
}

span.server-expand {
	color: #00D0D0;
	display: inline-block;
}

tr span.server-expand {
	transform: rotate(90deg);
}

tr.noplayerlist span.server-expand {
	transform: rotate(0deg); /* cancel */
}

td.symbol .locked,
td.serverbuttons .locked {
	color: #DD4444;
}

a.locked:link:hover, a.locked:visited:hover {
	-moz-text-decoration-color: #AA3030 !important;
	color: #FF5555;
}

td.server-tag > * {
	display: block;
	background: black;
	color: white;
	border-radius: 0.6rem;
	min-width: 1.2rem;
	text-align: center;
}

td.server {
	text-align: left;
}

span.server-official {
	background: #555500;
	background: radial-gradient(#555500, #555500, rgba(85, 85, 0, 0)) transparent;
	color: yellow;
}

span.server-tournament {
	background: #00AAFF;
	background: radial-gradient(#00AAFF, #00AAFF, rgba(0,85, 85, 0)) transparent;
	color: yellow;
}

span.server-dev {
	background: #005555;
	background: radial-gradient(#005555, #005555, rgba(0,85, 85, 0)) transparent;
	color: white;
}

span.bots {
	color: #AAFFFF;
}

span.quakecolor_0, span.quakecolor_black   { color: #333333; }
span.quakecolor_1, span.quakecolor_red     { color: #FF0000; }
span.quakecolor_2, span.quakecolor_green   { color: #00FF00; }
span.quakecolor_3, span.quakecolor_yellow  { color: #FFFF00; }
span.quakecolor_4, span.quakecolor_blue    { color: #0000FF; }
span.quakecolor_5, span.quakecolor_cyan    { color: #00FFFF; }
span.quakecolor_6, span.quakecolor_magenta { color: #FF00FF; }
span.quakecolor_7, span.quakecolor_white   { color: #FFFFFF; }
span.quakecolor_8  { color: #ff7f00; }
span.quakecolor_9  { color: #7f7f7f; }
span.quakecolor_10 { color: #bfbfbf; }
span.quakecolor_11 { color: #bfbfbf; }
span.quakecolor_12 { color: #007f00; }
span.quakecolor_13 { color: #7f7f00; }
span.quakecolor_14 { color: #00007f; }
span.quakecolor_15 { color: #7f0000; }
span.quakecolor_16 { color: #7f3f00; }
span.quakecolor_17 { color: #ff9919; }
span.quakecolor_18 { color: #007f7f; }
span.quakecolor_19 { color: #7f007f; }
span.quakecolor_20 { color: #007fff; }
span.quakecolor_21 { color: #7f00ff; }
span.quakecolor_22 { color: #3399cc; }
span.quakecolor_23 { color: #ccffcc; }
span.quakecolor_24 { color: #006633; }
span.quakecolor_25 { color: #ff0033; }
span.quakecolor_26 { color: #b21919; }
span.quakecolor_27 { color: #993300; }
span.quakecolor_28 { color: #cc9933; }
span.quakecolor_29 { color: #999933; }
span.quakecolor_30 { color: #ffffbf; }
span.quakecolor_31 { color: #ffff7f; }