html,body	{ margin: 0 auto; background: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #ffffff; width: 1000px; }
a:link		{ color: #ffffff; text-decoration: none; }
a:visited	{ color: #ffffff; text-decoration: none; }
a:active	{ color: #ffffff; text-decoration: none; }
a:hover		{ color: #f2c035; text-decoration: underline; }

.sc { color: #5ffb17; }
.hc { color: #fb2626; }

a.softcore		{ text-decoration: none; }
a.softcore:hover 	{ text-decoration: underline; color: #5ffb17; }

a.scladder		{ text-decoration: none; }
a.scladder:hover 	{ text-decoration: underline; color: #f2c035; }

a.hardcore		{ color: #fb2626;  text-decoration: none; }
a.hardcore:hover 	{ color: #fb2626;  text-decoration: underline; }

a.char			{ color: #5fd6e4; text-decoration: none; }
a.char:hover		{ color: #f2c035; text-decoration: underline; }

font.r1,font.r3,font.r5,font.r7,font.r9,font.r11	{ color: #5ffb17; }
font.r2,font.r4,font.r6,font.r8,font.r10,font.r12	{ color: #fb2626; }

#index		{ position: relative; width: 775px; padding: 25px; text-align: left; font-size: 10pt; background: url('images/top.png') 0 0 repeat-x; background-color: #01141b; color: #ffffff; margin-left: auto; margin-right: auto; }
#index-eu	{ position: relative; float: left; width: 250px; height: 87px; text-align: left; background-color: transparent; color: #ffffff; border-color: #ffffff; }
#index-ue	{ position: relative; float: left; width: 250px; height: 87px; text-align: left; background-color: transparent; color: #ffffff; border-color: #ffffff;  }
#index-uw	{ position: relative; float: left; width: 250px; height: 87px; text-align: left; background-color: transparent; color: #ffffff; border-color: #ffffff;  }

#topleft	{ position: absolute; top: 0px; left: 0px; width: 110px; height: 73px; background-image: url(images/holiday-tl.gif); }
#topright	{ position: absolute; top: 0px; right: 0px; width: 110px; height: 73px; background-image: url(images/holiday-tr.gif); }

#list-realms	{ position: relative; left: 25px; width: 932px; height: 81px; padding: 5px; text-align: left; font-size: 10pt; background-color: #01141b; color: #ffffff; border: solid #ffffff 2px; margin-left: auto; margin-right: auto; }
#list-eu	{ position: absolute; top: 5px; left: 10px; width: 290px; text-align: left; background-color: transparent; color: #ffffff; border-color: #ffffff; }
#list-ue	{ position: absolute; top: 5px; left: 330px; width: 290px; text-align: left; background-color: transparent; color: #ffffff; border-color: #ffffff;  }
#list-uw	{ position: absolute; top: 5px; left: 650px; width: 290px; text-align: left; background-color: transparent; color: #ffffff; border-color: #ffffff;  }

#list		{ position: relative; top: 10px; left: 25px; width: 942px; text-align: center; font-size: 10pt; background-color: #01141b; color: #ffffff; border: solid #ffffff 2px; margin-left: auto; margin-right: auto; }
#list-items	{ margin: 0 auto; top: 0px; left: 0px; width: 75%; text-align: left; font-size: 10pt; padding: 0; background-color: #01141b; color: #ffffff; }

#view-addons	{ position: relative; width: 500px; padding: 10px; text-align: center; font-size: 10pt; background-color: #01141b; color: #ffffff; border: solid #ffffff 1px; }
div#bottomDiv { 
    display: block;
    margin: 15px auto;
    width: 675px;
}
.posthidden {display:none}
.postshown {display:inline}