/* -------------------- BASE -------------------- */

body {
  background-color: #CCCCCC;
  color: #000000;
  font-family: DOS;
  font-size: 14px;
  margin: 5px;
}

@font-face {
  font-family: "DOS";
  src: url("font/ModernDOS8x16.ttf") format("truetype");
}

/* -------------------- LINKS -------------------- */

a {
  color: #00AAFF;
}

a:visited {
  color: #8888FF;
}

a:hover {
  color: #000000;
  background-color: #FFFFFF;
}

/* -------------------- HEADER -------------------- */

body.header {
  font-size: 16px;
  color: #FFFFFF;
  background: #BBBBBB url("ui/HEADER.PNG") repeat-x;
}

body.header a {
  color: #FFFFFF;
}

body.header a:hover {
  color: #000000;
}

/* -------------------- SIDEBAR -------------------- */

body.sidebar {
  background-color: #999999;
  background-image: url("ui/SIDEBAR.png");
  background-repeat: repeat; 
  
  font-family: DOS;
  font-size: 16px;
  color: #ffffff;
  margin: 5px;
  text-align: right;
}

body.sidebar td {
  text-align: right;
}

/* title */
.sidetitle {
  font-weight: bold;
  font-size: 16px;
  padding-top: 5px;
}

/* small description */
.sidesmall {
  font-size: 14px;
  color: #ffffff;
  padding-bottom: 10px;
}

.sideheader {
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 3px;
}

/* footer */
.sidefooter {
  font-size: 16px;
  color: #333333;
}

/* links */
body.sidebar a {
  color: #ffffff;
  font-size: 16px;
}

body.sidebar a:hover {
  color: #000000;
  font-size: 16px;
  background-color: #ffffff;
}



/* -------------------- CONTENT -------------------- */

body.content {
  background-color: #000000;
  color: #FFFFFF;
  font-size: 16px;
}

/* -------------------- TABLES -------------------- */

table {
  font-size: 16px;
}

/* -------------------- HR -------------------- */

hr {
  border-top: 1px solid #999999;
}

/* -------------------- IMAGES -------------------- */

img {
  border: 1px solid #000000;
}

/* -------------------- SMALL TEXT -------------------- */

.small {
  font-size: 12px;
  color: #AAAAAA;
}

.server-list {
  width: 600px;
}

.server-card {
  width: 100%;
  border: 2px solid #7A3F00;
  border-collapse: collapse;
  margin-bottom: 10px;
}

.server-card-title {
  background-color: #FFFFCC;
  color: #000000;
  text-align: center;
  font-weight: bold;
}

.server-card-title a {
  color: #0000EE;
}

.server-card-body {
  background-color: #000000;
  color: #FFFFFF;
  padding: 4px;
}