body { background: repeat-x #3c2c54 url(/images/bg_page.gif); margin: 0px; padding: 0px; color: #DDDDDD; }

#contentwrapper { width: 1000px; background: no-repeat url(/images/bg_header_left.gif); background-position: 0px 178px; margin: auto; }
#header { display: block; background: no-repeat url(/images/bg_header.jpg); width: 100%; height: 178px; }
#menu { display: block; position: relative; top: 135px; width: 834px; margin: auto; text-align: right; }
#introduction { display: block; background: url(/images/bg_introduction.gif); width: 834px; height: 125px; margin: auto; margin-bottom: 10px; }
#content { display: block; background: no-repeat #231931 url(/images/bg_header_bottom.gif); width: 870px; margin: auto; }
#footer { display: block; background: no-repeat #231931; width: 870px; margin: auto; }
#footerbottom { display: block; background: no-repeat url(/images/bg_footer.gif); width: 870px; height: 12px; margin: auto; }

.menubutton { display: inline; padding: 0px 3px; }
.title { font: bold 15pt Georgia; display: block; color: #ffcf3b; }

.buybutton { font: 7pt Arial; font-variant:small-caps; color: #ffcf3b; background: #2f2343; border: 1px outset #1d1529; cursor: pointer; }

div.wrapper { width: 100%; magin: 0; padding: 0; }

a { color: #FFCC00; }

/*************************************************************************************************
* CARDS 
*************************************************************************************************/
div.card { cursor: pointer; display: block; width: 237px; height: 322px; text-align: left; opacity: 0.85; filter:Alpha(opacity=85); }
div.cardshadow { font: bold 24pt Georgia; width: 60px; color: #555; position: relative; top: 245px; left: 20px; text-align: center;  }
div.cardtext { width: 60px; position: absolute; left: -2px; top: -2px; color: #FFF;} 

/*************************************************************************************************
* NEWS
*************************************************************************************************/
div.rss { font: 8pt Arial; padding: 5px 15px; color: #DDDDDD; }
div.rss a { text-decoration: none; font-weight: bold; color: #ffb400; }

/*************************************************************************************************
* FONTS
*************************************************************************************************/
.normalText { font: 9pt Arial;}
.smallText { font: 8pt Arial; }
.tinyText { font: 7pt Arial; }
.bold { font-weight: bold; }
.fade { color: #AAAAAA; }
.wide { width: 100%; }

/*************************************************************************************************
* FORMS
*************************************************************************************************/
.normalInput { background: #BBBBBB; border-width: 1px; font: 9pt Tahoma; }
.smallInput { background: #BBBBBB; border-width: 1px; font: 8pt Tahoma; }
.paperInput { background: #DDDDDD; border-width: 1px; font: 10pt Arial; }

/*************************************************************************************************
* RATINGS
*************************************************************************************************/
span.rating_empty { display: block; width: 80px; height: 27px; background: url(/images/rating_empty.gif); text-align: left; }
span.rating_full { display: block; height: 27px; background: url(/images/rating_full_anim.gif); }

/*************************************************************************************************
* ATTTRIBUTES/EQUIPMENT
*************************************************************************************************/
span.original_price { font: 8pt Georgia; color: white;  }
span.discounted_price { color: red;  }
span.discount { font: 8pt Arial, Helvetica, sans-serif; color: #FFDD00;  }

.profile_level { font: bold 30pt Georgia; color: #ffcf3b; }
.profile_title { font: bold 9pt Georgia; color: #ffcf3b; }
.profile_health { border: 1px outset #00FF00; background: #009900; text-align: center; color: white; }

.profile_mana { border: 1px outset #0e6fe7; background: #144684; text-align: center; color: white; }
.profile_rage { border: 1px outset red; background: #AA0000; text-align: center; color: white; }
.profile_runic { border: 1px outset #30cfeb; background: #309fb4; text-align: center; color: white; }
.profile_energy { border: 1px outset #e6e200; background: #a3a000; text-align: center; color: white; }


.profile_profession { border: 1px outset #0e6fe7; background: #144684; text-align: center; color: white; }
.profile_profession_base { border: 1px inset #666666; background: #666666; text-align: center; color: white; width:180px; text-align: left; }
.profile_equipment { cursor:help; }

.equipment_placeholder { height: 43px; width: 43px; display: block; background: #1d1529; }
.stat_highlight { font-weight: bold; color: #00FF00; }

.attribute_class { border: 0px; }
.attribute_race { border: 1px solid #cc9c32; }

/*************************************************************************************************
* FAQs
*************************************************************************************************/
ul.faqs-list {
	margin-bottom: 40px;
}

div.faq-block {
	margin-bottom: 40px;
}

/*************************************************************************************************
* Custom Account
*************************************************************************************************/
table.custom-account-options {
	width: 100%;
}

table.custom-account-options td {
	vertical-align: top;
}

td.custom_account_option {
	text-align: right;
}

td.custom_account_option strong {
	font-weight: bold;
	font-size: 16px;
}

span.custom_account_option_description {
	font-size: 10px;
	font-weight: normal;
}

span.custom_account_required {
	color: #ff0000;
	font-weight: bold;
}

td.custom_account_required  {
	color: #ff0000;
	font-weight: bold;
	font-size: 20px;
}