html {
   scrollbar-base-color: black;
   scrollbar-track-color: black;
   scrollbar-arrow-color: white;
}

body {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   background-color: black;
   font-family: "MS Reference Sans Serif", Arial, Helvetica, sans-serif;
   background-image: url(layout.jpg);
   background-repeat: no-repeat;
   color: #FFFFFA;
   font-size: 10pt;
}

a img {
   border: none;
}

#body {
   margin-left: 219px;
   margin-top: 305px;
   max-width: 570px;
   width: expression(document.body.clientWidth > 800? "570px": "auto");
   padding: 5px 0px 0px 15px;
}

#boxcontainer {
   position: absolute;
   top: 385px;
   left: 10px;
   width: 200px;
   background-color: transparent;
}

.box {
   font-size: 8pt;
   padding: 5px 5px 5px 5px;
   border-left: 1px solid #5e7c86;
   border-bottom: 1px solid #96999E;
   color: #FFFFFA;
   margin-top: 10px;
   margin-bottom: 10px;
}

.box h1, .box h2 {
   font-family: Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: bold;
   font-size: 12pt;
   margin-top: 0em;
   margin-bottom: 0em;
   color: #F2C9BF;
   letter-spacing: 1px;
}

.box p {
   margin: 0em 5px 0em 5px;
   letter-spacing: 1px;
}

.box ul {
   margin: 0px 0px 0px 0px;
}

.box ul li {
   font-family: Arial, Helvetica, sans-serif;
   margin-left: 15px;
   padding-left: 0px;
   line-height: 1.2em;
}

.box ul li i {
   padding-right: 1px;
}

/* Updates & Main Page */

div.update {
   margin-left: 25px;
   margin-right: 10px;
   border-left: 1px solid #5e7c86;
   border-bottom: 1px solid #96999E;
   border-top: 1px solid #333333;
   border-right: 1px solid #333333;
   font-size: 8pt;
   padding: 2px 5px 2px 5px;
   text-align: left;
   margin-bottom: 2em;
   background-color: #191919;
}

div.update div.posted {
   font-size: 7pt;
   color: #888888;
   text-align: right;
   padding-top: 5px;
}

table.fanlistingstats {
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   border: 1px solid #444444;
}

table.fanlistingstats td {
   font-size: 9pt;
   line-height: 1.5em;
   padding: 2px 2px 2px 2px;
}

div.preorder {
   margin-left: auto;
   margin-right: auto;
   border: 1px solid #444444;
   text-align: center;
   padding: 3px;
   width: 300px;
}

/* General */

.border {
   border: 1px solid #96999E;
}

ul {
   margin-top: 0.2em;
   margin-bottom: 0.2em;
   padding-left: 15px;
   margin-left: 15px;
}

ul li {
   margin-top: 0em;
   margin-bottom: 0em;
   list-style: disc;
}

ul li ul {
   margin-top: 0em;
   margin-bottom: 0em;
}

ul li ul li {
   list-style: square;
}

ul li ul li ul li {
   list-style: disc;
}

ul li ul li ul li ul li {
   list-style: square;
}

ul.spaced li {
   margin-bottom: 0.5em;
}

.normal {
   font-weight: normal;
   font-style: normal;
}

a:link, a:visited {
   color: #7AADC0;
   text-decoration: none;
}

a:hover, a:active {
   color: #B9D9E4;
}

table.form {
   margin-top: 1.5em;
   margin-left: 30px;
   margin-bottom: 0em;
}

table.form td {
   font-size: 10pt;
   padding: 1px 1px 1px 1px;
}

table.form th {
   font-size: 10pt;
   text-align: right;
   padding: 1px 10px 1px 1px;
   font-weight: bold;
}

h1 {
   font-size: 16pt;
   font-weight: normal;
   color: #F2C9BF;
   margin-top: 0em;
   margin-bottom: 1em;
   letter-spacing: 1px;
   font-variant: small-caps;
}

h1.smaller {
   font-size: 15pt;
}

h2 {
   font-size: 13pt;
   font-weight: normal;
   color: #F2C9BF;
   margin-top: 0.5em;
   margin-bottom: 0.2em;
}

p {
   margin-top: 1em;
   margin-bottom: 1em;
   text-align: justify;
}

p.indent {
   margin-left: 15px;
}

.nospace {
   margin-top: 0em;
}

.nospacebottom {
   margin-bottom: 0em;
}

hr {
	width: 100%;
   border: none;
   height: 1px;
   color: #444444;
   background-color: #444444;
   margin-top: 0em;
   margin-bottom: 0em;
}

input, textarea, select {
   border-width: 1px;
   border-style: solid;
   border-color: #444444 #96999E #96999E #444444;
   background-color: black;
   color: White;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt;
}

input.button {
   background-color: #434343;
   border-width: 1px;
   border-style: solid;
   border-color: #999999 #333333 #333333 #999999;
   margin: 2px;
   text-transform: uppercase;
   font-weight: bold;
   padding: 2px 2px 0px 2px;
   font-size: 9pt;
}

input.checkbox {
   border: none;
   background-color: transparent;
}

.faketextarea {
   width: 440px;
   height: 5em;
   padding: 3px 3px 3px 3px;
   border-width: 1px;
   border-style: solid;
   border-color: #444444 #96999E #96999E #444444;
   background-color: black;
   color: White;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   overflow: auto;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}

.small {
   font-size: 7pt;
   text-align: left;
}

img.left, div.left {
   float: left;
   margin-right: 8px;
   margin-top: 3px;
   margin-bottom: 3px;
}

img.right, div.right {
   float: right;
   margin-left: 8px;
   margin-top: 3px;
   margin-bottom: 3px;
}

.left {
   text-align: left;
}

.right {
   text-align: right;
}

.center {
   text-align: center;
}

table.center {
	margin-left: auto;
	margin-right: auto;
}

.backlink {
   margin-top: 2em;
   text-align: right;
}

.backlink a:link, .backlink a:visited {
   font-size: 10pt;
}

acronym {
   font-style: italic;
   border-bottom: 1px dashed #7AADC0;
}

acronym:hover { /* This doesn't work in IE for now */
   cursor: help;
}

.invisible {
   color: black;
}

.hilite {
   font-weight: bold;
   color: #F2D6D2;
}

.grey {
   color: #999999;
}

.big {
   font-size: 11pt;
}

.error {
   font-weight: bold;
   color: #F14121;
   letter-spacing: 1px;
   margin-left: 15px;
   margin-right: 15px;
   text-align: left;
}