/****************************************************************************\
  This is an Example-CSS File for Use with the UTServerDisplay PHP Class.
  It uses the CSS-Tag-Classes defined here, so don't change the Names 
  ("UTServer_PT" etc), instead edit the Properties ("color", "font" etc) to 
  make them fit your Webpage.
\****************************************************************************/

/* The Paragraph reporting an unreachable Server etc */

p.UTServer_Error
{
  background: #800;
  color: #EE8;
  border: 1px solid #E88;
}

/* Anything you want to set on the Map-Picture? */

img.UTServer_MapImage
{
  border: 4px outset #888;
}

/* For the Debug-Output. Is only used when explicitely enabled in the Config */

div.UTServer_Trace_First
{
  background: #000;
  color: #CCC;
  font-family: monospace;
  font-size: 11px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border-top: 3px solid green;
  border-left: 3px solid green;
  border-right: 3px solid green;
  text-align: left;
}

div.UTServer_Trace
{
  background: #000;
  color: #CCC;
  font-family: monospace;
  font-size: 11px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 5px;
  padding-right: 5px;
  border-left: 3px solid green;
  border-right: 3px solid green;
  text-align: left;
}

div.UTServer_Trace_Last
{
  background: #000;
  color: #CCC;
  font-family: monospace;
  font-size: 11px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 2px;
  border-left: 3px solid green;
  border-right: 3px solid green;
  border-bottom: 3px solid green;
  text-align: left;
}

/****************************************************************************\
  Settings for the Player Table 
\****************************************************************************/

p.UTServer_NoPlayers
{
  background: #EEE;
  border: 1px dotted #E88;
  padding: 5px;
  width: 512px;
  margin: auto;
  color: #444;
}

/* Player Table: the outer Table */

table.UTServer_PT
{
  margin: auto;
  table-layout: fixed;
}

tr.UTServer_PT
{
}

td.UTServer_PT
{
  padding: 10px;
  vertical-align: top;
}

/* Player Table: inner Table(s) */

table.UTServer_PT_Red
{
  width: 100%;
  font-size: 10pt;
  background: #EEE;
  border: 1px dotted #E88;
  border-collapse: collapse;
}

table.UTServer_PT_Blue
{
  width: 100%;
  font-size: 10pt;
  background: #EEE;
  border: 1px dotted #88E;
  border-collapse: collapse;
}

/* Player Table: the Table-Header Row */

tr.UTServer_PT_HeadRow_Red
{
  background: #DCC;
}

tr.UTServer_PT_HeadRow_Blue
{
  background: #CCD;
}

th.UTServer_PT_Red_Name,
th.UTServer_PT_Blue_Name
{
  padding: 5px;
  border-bottom: 2px solid black;
}

th.UTServer_PT_Red_Frags,
th.UTServer_PT_Blue_Frags,
th.UTServer_PT_Red_Ping,
th.UTServer_PT_Blue_Ping
{
  padding: 5px;
  border-bottom: 2px solid black;
  border-left: 1px dashed black;
}

/* Player Table: a Data-Row */

tr.UTServer_PT_Red_Row,
tr.UTServer_PT_Blue_Row
{
}

td.UTServer_PT_Red_Name,
td.UTServer_PT_Blue_Name
{
  padding: 3px;
  background: #D8D8D8;
  text-align: left;
}

td.UTServer_PT_Red_Frags,
td.UTServer_PT_Blue_Frags,
td.UTServer_PT_Red_Ping,
td.UTServer_PT_Blue_Ping
{
  padding: 3px;
  text-align: right;
  border-left: 1px dashed black;
}

td.UTServer_PT_Red_Teamscore
{
  background: #DCC;
  font-weight: bold;
}

td.UTServer_PT_Blue_Teamscore
{
  background: #CCD;
  font-weight: bold;
}

/****************************************************************************\
  Settings for the Settings Table 
\****************************************************************************/

/* Settings Table: <table>-Tag */

table.UTServer_ST
{
  font-size: 10pt;
  background: #EEE;
  border: 1px dotted #562626;
  border-collapse: collapse;
  margin: auto;
}

/* Settings Table: the Table-Header Row */

tr.UTServer_ST_HeadRow
{
  background: #CDC;
}

th.UTServer_ST_Key
{
  padding: 5px;
  border-bottom: 2px solid black;
}

th.UTServer_ST_Val
{
  padding: 5px;
  border-bottom: 2px solid black;
  border-left: 1px dashed black;
}

/* Settings Table: a Data-Row */

tr.UTServer_ST_Row
{
}

td.UTServer_ST_Key
{
  padding: 3px;
  background: #D8D8D8;
  text-align: left;
}

td.UTServer_ST_Val
{
  padding: 3px;
  border-left: 1px dashed black;
  text-align: left;
}