/*--- SCREAMKINGS: interface ---*/

body {
  color:#ffffff;
  background-color: #031023;
  background-image: url('/graphics/interface_background.png');
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;
  margin: 0px;
}

/* --- interface --- */

table#interface {
  background-image: url('/graphics/interface_background.png');
  border-collapse: collapse;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0px;
  vertical-align: top;
  width: 100%;
}

/* interface: TOP ROW LEFT */

#interface tr.top td.interfaceLeft {
  background-image: url('/graphics/interface_left_anchor.png');
  background-position: top right;
  background-repeat: repeat-y;
  padding: 0px;
  vertical-align: top;
}

#interface tr.top td.interfaceLeft div.bar {
  background-image: url('/graphics/interface_topLeft_filler.png');
  background-position: top right;
  background-repeat: repeat-x;
  padding: 0px;
  vertical-align: top;
}

#interface tr.top td.interfaceLeft div.anchor {
  background-image: url('/graphics/interface_topLeft_anchor.png');
  background-position: top right;
  background-repeat: no-repeat;
  padding: 0px;
  vertical-align: top;
}

/* interface: TOP ROW RIGHT */

#interface tr.top td.interfaceRight {
  background-image: url('/graphics/interface_right_anchor.png');
  background-position: top left;
  background-repeat: repeat-y;
  padding: 0px;
  vertical-align: top;
}

#interface tr.top td.interfaceRight div.bar {
  background-image: url('/graphics/interface_topRight_filler.png');
  background-position: top left;
  background-repeat: repeat-x;
  padding: 0px;
  vertical-align: top;
}

#interface tr.top td.interfaceRight div.anchor {
  background-image: url('/graphics/interface_topRight_anchor.png');
  background-position: top left;
  background-repeat: no-repeat;
  padding: 0px;
  vertical-align: top;
}

#interface tr.top td.interfaceLeft div.anchor img.dot { border: none; height: 140px; margin: 0; padding: 0; width: 1px;}
#interface tr.top td.interfaceRight div.anchor img.dot { border: none; height: 140px; margin: 0; padding: 0; width: 1px;}

/* interface: CENTER */

#interface td.center {
  padding: 0px;
  vertical-align: top;
  width: 640px;
}

#interface td.center div.interfaceTop {
  background-image: url('/graphics/interface_top.png');
  height: 70px;
  vertical-align: top;
  width: 640px;
}

#interface td.center div.interfaceTop img.dot { border: none; height: 70px; margin: 0; padding: 0; width: 0px; }

#interface div.contentWrapper {
  background-image: url('/graphics/content_filler.png');
  background-repeat: repeat-y;
  width: 640px;
}

#interface div.contentBottom {
  background-image: url('/graphics/content_bottom.png');
  background-repeat: repeat-y;
  height: 50px;
  width: 640px;
}

#interface div.contentBottom div.inside {
  font-size: 1px;
  height: 20px;
}

#interface div.contentBottom div.rim {
  margin: 0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 8px;
  text-align: center;
}

#interface td.center div.interfaceBottom {
  background-image: url('/graphics/interface_bottom.png');
  background-repeat: repeat-y;
  height: 50px;
}

/* interface: BOTTOM ROW LEFT */

#interface tr.bottom td.interfaceLeft {
  background-image: url('/graphics/interface_left_anchor.png');
  background-position: top right;
  background-repeat: repeat-y;
  padding: 0px;
  vertical-align: bottom;
}

#interface tr.bottom td.interfaceLeft div.anchor {
  background-image: url('/graphics/interface_bottomLeft_anchor.png');
  background-position: bottom right;
  background-repeat: no-repeat;
  padding: 0px;
}

#interface tr.bottom td.interfaceLeft div.anchor img.dot {
  height: 200px;
  width: 0px;
}

/* interface: BOTTOM ROW RIGHT */

#interface tr.bottom td.interfaceRight {
  background-image: url('/graphics/interface_right_anchor.png');
  background-position: top left;
  background-repeat: repeat-y;
  padding: 0px;
  vertical-align: bottom;
}

#interface tr.bottom td.interfaceRight div.anchor {
  background-image: url('/graphics/interface_bottomRight_anchor.png');
  background-position: bottom left;
  background-repeat: no-repeat;
  padding: 0px;
}

#interface tr.bottom td.interfaceRight div.anchor img.dot {
  height: 200px;
  width: 0px;
}

/* --- MAIN MENU --- */

div.emptyMenuTop {
  height: 26px;
  background-image: url('/graphics/mainmenu_background.png');
  background-position: bottom left;
  background-repeat: no-repeat;
  padding: 0px;
}

#mainmenu {
  height: 26px;
}

#mainmenu table.items {
  border-collapse: collapse;
  border: none;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

#mainmenu table.items td {
  border: none;
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
}

#mainmenu img {
  border: none;
  margin: 0px;
  padding: 0px;
} 

#mainmenu a {
  border: none;
  padding: 0px;
  text-decoration: none;
} 

/* --- MISC TEXT STYLES --- */

#interface span.copyright {
  color: #505050;
  font-size: 12px; /* NOT EM*/
}

/* --- CONTENT --- */

#interface div#content {
  background-image: url('/graphics/content_top.png');
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, sans-serif;
/*  font-size: 0.80em; /* CONTEN FONT SIZE, based on the body size*/
  font-size: 0.8em; /* CONTEN FONT SIZE, based on the body size*/
  min-height: 300px;
  padding: 10px 20px;
}

form {
  margin: 0px;
}

img {
  border: 0px;
}