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; }

a.index-sc		{ color: #5ffb17; text-decoration: none; }
a.index-sc:hover 	{ color: #5ffb17;  text-decoration: underline; }
a.index-hc		{ color: #fb2626;  text-decoration: none; }
a.index-hc:hover 	{ color: #fb2626;  text-decoration: underline; }
font.outofstock		{ color: #333333; text-decoration: none; }

font.orange	{ color: #5fd6e4; }
b.orange	{ color: #5fd6e4; }
a.orange	{ color: #5fd6e4; text-decoration: none; }
a.orange:hover	{ color: #5fd6e4; 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; text-align: left; font-size: 9pt; background-color: transparent; color: #ffffff; border-color: #ffffff;  }
#index-ue	{ position: absolute; left: 285px; text-align: left; font-size: 9pt; background-color: transparent; color: #ffffff; border-color: #ffffff;  }
#index-uw	{ position: relative; float: right; text-align: left; font-size: 9pt; 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: absolute; top: 225px; left: 52px; width: 932px; height: 81px; padding: 5px; text-align: left; font-size: 10pt; background-color: #01141b; color: #ffffff; border: solid #ffffff 2px; }
#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: absolute; top: 330px; left: 52px; width: 942px; text-align: center; font-size: 10pt; background-color: #01141b; color: #ffffff; border: solid #ffffff 2px; }
#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; }

.posthidden {display:none}
.postshown {display:inline}