/* used in <body> tag */
.body {
  background-color: black;
  color: white;
}

/* if there are client slots free, the players is this color */
.clients-avail {
  color: #55ff55;
}

/* if there are no client slots free, the players is this color */
.clients-full {
  color: #ff5555;
}

/* the maximum number of clients allowed in the server */
.clients {
  color: #aaaaaa;
}

/* the table with information at the top */
.ktable {
  border: 1;
  border-color: #000025;
  border-style: solid;
  border-collapse: separate;
  background-color: #000028;
  width: 300;
}

/* each row in the information table
   to make a row invisible, add "display: none" in one of these */
.row-name { }
.row-address { }
.row-ip { display: none; }
.row-players { }
.row-comment { }
.row-clients { }
.row-channels { }

/* each key in the information table under the map (on the left) */
.key-name {
  padding-left: 3;
  font-family: Arial, Verdana; 
  font-size: 11; 
  color: #eeeeee;
  background-color: #000050;
}
.key-address {
  padding-left: 3;
  font-family: Arial, Verdana;
  font-size: 11;
  color: #eeeeee;
  background-color: #000050;
}
.key-ip {
  padding: 0;
  display: none;
}
.key-clients {
  padding-left: 3;
  font-family: Arial, Verdana;
  font-size: 11;
  color: #eeeeee;
  background-color: #000050;
}
.key-channels {
  padding-left: 3;
  font-family: Arial, Verdana;
  font-size: 11;
  color: #eeeeee;
  background-color: #000050;
}
.key-comment {
  padding-left: 3;
  font-family: Arial, Verdana;
  font-size: 11;
  color: #eeeeee;
  background-color: #000050;
}

/* each value in the information table under the map (on the right) */
.value-name { 
  padding-left: 3;
  background-color: #000030;
  font-family: Arial, Verdana; 
  font-size: 11; 
  color: #aaaaaa;
}
.value-address {
  padding-left: 3;
  background-color: #000030;
  font-family: Arial, Verdana;
  font-size: 11;
  color: #aaaaaa;
}
.value-ip {
  display: none;
}
.value-clients {
  padding-left: 3;
  background-color: #000030;
  font-family: Arial, Verdana;
  font-size: 11;
  color: #aaaaaa;
}
.value-channels {
  padding-left: 3;
  background-color: #000030;
  font-family: Arial, Verdana;
  font-size: 11;
  color: #aaaaaa;
}
.value-comment {
  padding-left: 3;
  background-color: #000030;
  font-family: Arial, Verdana;
  font-size: 11;
  color: #aaaaaa;
}

/* the text before the list of channels and clients */
.intro { 
  font-family: Verdana, Arial; 
  font-size: 11; 
}

/* the overall channel list */
.channel-list {
  margin:0 0 0 10px;
  padding:0 0 0 10px;
}

/* the channel lines */
.channel-line {
  font-family: Verdana, Arial;
  font-size: 11;
  list-style-image: url(//www.nfoservers.com/query/button_channel.png);
}

/* the text in the channel lines, for an unlocked server */
.channel-subline-unlocked {
  vertical-align: 25%;
}

/* the text in the channel lines, for a locked server */
.channel-subline-locked {
  color: #ff0000; 
  vertical-align: 25%;
}

/* the text in the channel lines, for a locked server with per-user restrictions */
.channel-subline-usrlocked {
  color: #ff8080; 
  vertical-align: 25%;
}

/* the word "Channel:" */
.channel-start {
  display: none;
}

/* the channel name */
.channel-name { }

/* the channel id */
.channel-id {
  display: none;
}

/* the client lines */
.client-line {
  font-family: Verdana, Arial; 
  font-size: 11; 
  list-style-image: url(//www.nfoservers.com/query/button_client.png);
  margin:0 0 0 20px;
}

/* the text in the client lines */
.client-subline {
  color: #8888ff; 
  vertical-align: 25%;
}

/* the client's name */
.client-name { 
}

/* the client's id, in () with ID: */
.client-id { 
  display: none;
}

/* whether the client is an admin or not */
.client-admin { 
  display: none;
}

/* whether the client ping */
.client-ping {
  color: #8888aa;
}

/* client's time connected */
.client-time {
  color: #888866;
}
