/*** Regular html display ***/
body{
	font-family:		arial, "lucida console", sans-serif;
	margin:				0px;
	padding:			0px;
 	background-color:	#000;
 	background-color:	#26262C;
    color:              #FFF;
}

body, body table tr td{
    font-size:          12px;
}

form {
    margin-top:         0px;
}

.body {
/*	background-color:	#668866; */
	width:				100%;
	border-top:			0px solid black;
	border-bottom:		0px solid black;
}

table th,  table td {
	vertical-align:     top;
	font-family:		arial, "lucida console", sans-serif;
    font-size:          14px;
    text-align:         left;
}

table td.vmid {
	vertical-align:     middle;
}

#widthForce {
    width:  770px; /* Probobly safe with 800-28 px in windows with standard ie settings, but a little safe is better */
    height: 0px;
    border: 1px solid blue;
}

ul {
    padding-top:    0px;
    margin-top:     3px;
}
/*** END: Regular html display ***/
.blue {
    color:  blue;
}
.pink {
    color:  pink;
}
.grey {
    color:  gray;
}
.teal {
    color:  teal;
}
.purple {
    color:  purple;
}
.lightblue {
    color:  lightblue;
}
.green {
    color:  green;
}
.yellow {
    color:  yellow;
}
.orange {
    color:  orange;
}
.brown {
    color:  brown;
}



.thanks {
    margin-top: 20px;
    color: #0A0;
    font-weight: bold;
}
img.manaimg {
    width:  19px;
    height: 18px;
    
}

#bugform textarea {
   width:   95%;
   height:  80px;
}

#bugform #bugtype {
    margin-top: 2px;
}
#bugform #submit {
    margin-top: 4px;
}

.error {
    color:         #DD0000;
}
.success {
    color:         #00DD00;
}
.success, .error {
    font-weight:    bold;
}

.mainItem, .requirementItem, .requirementItem2, .requirementItem3, .requirementItem4, .requirementItem5 {
	vertical-align:		top;
}

.mainItemImage, .requiredItemImage1, .requiredItemImage2, .requiredItemImage3, .requiredItemImage4, .requiredItemImage5, .mainHeroImage {
	float:				left;
	margin-right:		5px;
}

.requiredItemImage1, .requiredItemImage2, .requiredItemImage3, .requiredItemImage4, .requiredItemImage5, .fnp { /* .fnp = forum no post */
	filter:				alpha(opacity=50);	/* IE */ 
	-moz-opacity:		0.5;				/* Mozilla */ 
	-khtml-opacity:		0.5;				/* ??? */
	opacity:			0.5;				/* Standard? */
}

.requiredItemImageSpacer1, .requiredItemImageSpacer2, .requiredItemImageSpacer3, .requiredItemImageSpacer4, .requiredItemImageSpacer5{
	float:				left;
}

/* 0 */
.mainItemImage, .mainHeroImage {
	width:				64px;
	height:				64px;
}
.mainItem {
	font-size:			22px;
	font-weight:		bolder;
}

/* 1 */
.requiredItemImageSpacer1{
	width:				16px;
}
.requiredItemImage1 {
	width:				48px;
	height:				48px;
}
.requirementItem1 {
	font-size:			18px;
	font-weight:		bold;
}

/* 2 */
.requiredItemImageSpacer2{
	width:				32px;
}
.requiredItemImage2 {
	width:				32px;
	height:				32px;
}
.requirementItem2 {
	font-size:			16px;
}

/* 3 */
.requiredItemImageSpacer3{
	width:				40px;
}
.requiredItemImage3 {
	width:				24px;
	height:				24px;
}
.requirementItem3 {
	font-size:			15px;
}

/* 4 */
.requiredItemImageSpacer4{
	width:				48px;
}
.requiredItemImage4 {
	width:				16px;
	height:				16px;
}
.requirementItem4 {
	font-size:			14px;
	font-weight:		lighter;
}

/* 5 */
.requiredItemImageSpacer5{
	width:				54px;
}
.requiredItemImage5 {
	width:				10px;
	height:				10px;
}
.requirementItem5 {
	font-size:			13px;
	font-weight:		lighter;
}



.itemgold {
	color:				yellow;
}

.itemtitle, .herotitle {
	display:			block;
}

/*** ITEM ATTRIBUTES & MISC ***/
.itemattributes {
	color:				white;
}

.itemactivated{
	color:				#FFD791;
}

.itemorbeffect, .itemeffect, .itemaura{
	color:				#66E4D4;
}

.itemotherdescription, .itemalert, #overviewMenu {
	color:				red;
}

/*** END ITEM ATTRIBUTES & MISC ***/






/*************/
/* New stuff */

#leftcontent, #rightcontent {
	border:	            1px solid black;
    border-top:         0px;

    width:              180px;
    top:                134px;
    padding-bottom:		0px;
    padding-left:		0px;

	font-size:			12px;
}

#leftcontent {
    position:           absolute;
    border-left:		0px;
    left:               0px;
}


#rightcontent {
    border-right:		0px;
    border-top:         1px solid black;

    position:           fixed;
    padding-top:        0px;
    top:                134px;
    right:              0px;
    

    _right:             expression(getElementById('centercontent').style.marginRight);
    _position:          absolute;
    _top:               expression(eval(document.documentElement.scrollTop)+134);

/*
  position:fixed;
  _position:absolute;
  top:0;
  _top:expression(eval(document.body.scrollTop));
  left:0;
  margin:0;
  padding:0;
  background:lime;
*/
}

#centercontent {
/*    position:       absolute; */
    border:         0px;
    border-right:   1px solid black;
    border-left:   1px solid black;
    padding:        0px;
/*    min-width:      250px; */
    margin-left:    178px;
    margin-right:   178px;
    voice-family: "\"}\"";
    voice-family:   inherit;
    margin-left:    180px;
    margin-right:   180px;
    }
    html>body #centercontent {
    margin-left:    180px;
    margin-right:   180px;
}

.itemreqfor, #bottomInfo, #leftcontent, #rightcontent, #T, #rT, #rAd, .menuNormal {
/*	background-color:	#89899e; */
	background-color:	#001300;
}
        
#bottomInfo{
    text-align:         center;
	border:	            1px solid black;
    border-right:       0px;
    border-left:        0px;
	font-size:			10px;
    padding-top:        1px;
}

#leftcontent .shop, #leftcontent .tavern {
	margin-left:		0px;
}
/* END NEW Stuff */
/*****************/



#overviewMenu {
	margin-bottom:		6px;
	padding-left:		4px;
	padding-right:		4px;
	padding-top:		1px;
}

.searchText {
	width:	75px;
}

.searchSubmit {
	width:	75px;
}


.menuseperator {
    margin-top:         7px;
    background-color:   #000013;/*#D9D9D3;*/
    border-top:         2px solid #000;
    border-bottom:      1px solid #000;
    text-align:         center;
}

.menuLinkGroup {
	padding-left:   10px;
}

.menuLinkGroup img {
    border:         0px;
    padding-right:  3px;
}

#register .menuLinkGroup {
    padding-left:   0px;
}


.menuLinkGroup ul {
    margin-top:     1px;
    margin-left:    10px;
    padding-left:   0px;
}
.menuLinkGroup ul li{
    padding-left:   0px;
    margin-left:    0px;
}

.imageShop {
	margin:			0px;
	padding:		0px;
}

.shop table tr td, .tavern table tr td {
	padding-bottom:	0px;
}

.shop, .tavern {
	float:			left;
    display:        inline;
	margin-left:	0px;
    margin-bottom:	10px;
}


#centercontent .shop, #centercontent .tavern{
    width:          267px;
	margin-right:	10px;
}

.shop table, .tavern table {
	margin-top:		2px;
}

.shopLink, .tavernLink {
	font-size:		12px;
	font-weight:	bold;
}

#centercontent .shopLink, #centercontent .tavernLink{
    font-size:      16px;
}

.footer {
	padding:		10px;
	margin-top:		100px;
}

img.li { /* linked Image  */
	border:			0px;
}

.itemandbr { /* Item and build requirements */
	border-top:			0px solid black;
}

.itemreqfor { /* Item required for */
	border-top:			1px solid black;
	border-bottom:		0px solid black;
}

.centerpad, .itemreqfor, .itemandbr {
    padding:            3px;
}

#leftpad {
    padding-left:       3px;
    padding-bottom:     3px;
}
#rightpad, .rightpad {
    padding-left:       3px;
    padding-bottom:     3px;
}

.itemandbr, .itemreqfor { 
/*
	border:				1px solid black;
*/
	border-left:		0px;
	border-right:		0px;
	margin-bottom:		0px;
}

a.lin img { /* Links inside, get rid of borders */
	border:			0px;
	float:			left;
}

a.lin {
	color:				blue;
	text-decoration:	none;
}

span.lin {
	color:				black;
	text-decoration:	none;
}

h1, .pageTitle {
	font-size:			24px;
	font-weight:		bold;
	margin-bottom:		5px;
}

.pageSubtitle {
	font-size:			22px;
	font-weight:		bold;
	margin-bottom:		5px;
}

.pageSubSubtitle {
	font-size:			18px;
	font-weight:		bold;
	margin-bottom:		5px;
}

.userComments {
    padding:    2px;
    color:      #FFF;
}

.forumPosts {
/*	width:				154px;
	border:				1px solid black;
	margin-bottom:		6px;
*/
    border:             0px;
	border-bottom:		1px solid black;
	width:				180px;
	padding:			0px;
    margin:             0px;
}

.itemPosts, .forumPosts {
/*	background-color:	#EEFFEE; */
	background-color:	#160000;
    font-size:          11px;
}
    
.itemPosts {
	width:				100%;
	border:				1px solid black;
	padding:			0px;
	margin-bottom:		6px;
}

.forumPosts a {
    text-decoration:    none;
}

table.forumMiniTable {
	width:				100% ;
	margin-top:			2px;
}
table.forumMiniTable td.viewAll {
	border-top:			1px solid #666666;
	padding-bottom:		1px;
	padding-left:		2px;
}

table.forumMiniTable td.add {
	border-top:			1px solid #666666;
	border-left:		1px solid #666666;
	padding-bottom:		1px;
	padding-right:		2px;
    text-align:         right;
}

/*
table.forumMiniTable a{
	decoration:	none;
}
*/

.mainPageContent{
	padding:	10px;
}

.menuSectionHeader{
    color:      #d9d9d3;
}


/******************/
/**** From phpbb - subsilver */
/*a:link,a:active,a:visited { color : #006699; }*/
a:link,a:active,a:visited { 
    color:              blue;
    color:              #B7B7FF;
    text-decoration:    none;
}
a:hover	{ 
    text-decoration:    underline;
/*
    color:              #aaaaff;
    color:              blue;
*/
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }

/* Hero */
.herotitle, .herotavern {
    font-size:  15px;
}

.herotitleMain {
    font-size:  20px;
}

.heroBigHeader{
    float:              left;

    border-right:       1px solid black;
    border-bottom:      1px solid black;

    padding-right:      5px;
    padding-bottom:     5px;

    margin-right:       5px;
    margin-bottom:      5px;
}

.herotitlename {
    font-size:  22px;
}

.herotitlenameMain {
    font-size:      30px;
    font-weight:    bolder;
}

.herodescription {
    font-size:      10px;
}

.primaryHeroRow {
    color:  red;
}

.secondaryHeroRow{
    color:  blue;
}

.tavernSpacingText {
    width:      66px;
    float:      left;
}

.baseAttributeName {
    color:          #EFC102;
}
.baseAttribute {
    color:          #FFFFFF;
}

.calculatedStatName {
    color:          #CCA402;
}

.calculatedStat {
    color:          #F1F1F1;
}

.statsTable {
    font-size:      12px;
}
.statstable tr td {
    padding:       1px;
}

.statstable tr td tr td{
    padding:       0px;
}

/* Abilities */
img.abilityMainImg {
    width:  64px;
    height: 64px;
    margin-right:   7px;
    margin-bottom:  2px;
}

.abilityName {
    font-size:  20px;
    color:      #FFFFFF;
}

.abilityhotkey {
    color:          #EFC102;
}

.changelog{
    font-size:  16px;
    margin-left:    24px;
}

.clear {
    clear:      both;
}

/* Tool tip object on page */
#T {
    z-index:            1;
    display:            none;
    position:           absolute;
    border:             1px solid black;
    padding:            3px;
}

img.TT {
    width:              64px;
    height:             64px;
    float:              left;
    padding-right:      2px;
}

div.TT {
    margin-right:       10px;
}

div.TT .herotitlenameMain {
    font-size:          30px;
    font-weight:        bolder;
}

div.TT .herotitleMain{
    font-size:  20px;
}

div.TT .itemgold {
    font-weight:    bolder;
    font-size:      16px;
}
/* Right Tool tip object on page */
#rT {
    z-index:            1;
    border-top:         0px solid black;
    padding:            3px;
    height:             200px;
}

img.RTT {
    width:              42px;
    height:             42px;
    float:              left;
    padding-right:      2px;
}

div.RTT {
    margin-right:       10px;
}

div.RTT .herotitlenameMain {
    font-size:          18px;
    font-weight:        bolder;
}

div.RTT .herotitleMain{
    font-size:          15px;
}

div.RTT .itemgold {
    font-weight:        bolder;
    font-size:          14px;
}

/* Right side Ad on page */
#rAd {
    z-index:            1;
    border-top:         0px solid black;
    padding:            3px;
    text-align:              center;
}

#login {
    width:              100%;
}

#register {
    width:              100%;
    border-top:         1px solid black;
    padding-top:        2px;
}

.fileloc{
    color:              #FFFFAA;
}

.bAd {
    text-align: center;
    padding:    5px;
}

#tAd {
    text-align: center;
}

  /**************/
 /* Menu Stuff */
/**************/
.menuOn {
	cursor: 			pointer;
}

.menuActive, .menuOn {
	background-color:	#0f0f3a;
}

.menuNormal,  .menuActive, .menuHover, .menuOn {
	width:				100%;
	text-align:			center;
	font-size:			22px;
	height:				26px;
	display:			block;
	padding-top:		0px;
	padding-bottom:		3px;
}

/*  Underline hover addition */
.menuNormal,  .menuActive, .menuHover, .menuOn {
	text-decoration:	none;
}
/* Hacked in addition to make current selected menu show underline */
a.menuOn:hover {
	text-decoration:	underline;
}

.menuHover {
	background-color:	#0f0f3a;
	color:				#000022;
	cursor: 			pointer;
	text-decoration:	underline;
}

.menuNormal {
	cursor: 			pointer;
}

.menuNormal, 
.menuActive {
	color:				blue;
}

td.menuColA, td.menuColB, td.menuColC, td.menuColD, td.menuColE, td.menuColF {
	width:				16%;
	border:				1px solid #000000;
}

td.menuColRight, td.menuColLeft {
	border:				1px solid #000000;
}

a.menuColRight, a.menuColLeft{
    width:             180px;
}

td.menuColLeft {
    border-left:        0px;
}

td.menuColRight {
    border-right:       0px;
}

td.menuColCenter {
    width:              100%;
}

#topMenu {
	margin-bottom:      0px;
}

td.right {
    align:              right;
    text-align:         right;
    padding-right:      5px;
}

table.pI td.pI {
    border-left: 2px solid gray;
    vertical-align: bottom;
    border-bottom: 1px dashed lightgrey;
    padding-left:   2px;
    padding-right:  2px;
    padding-top:    2px;
    padding-bottom: 2px;
}

table.pI td.pIT {
    font-size: 16px;
    padding-left:   4px;
    padding-right:  4px;
}

table.pI td.pIR {
    border-right: 2px solid gray;
}

table.pI th {
    border: 2px solid gray;
    padding-left:   2px;
    padding-right:  2px;
    padding-top:    2px;
    padding-bottom: 2px;
}

table th.pIL { 
    border-right: 0px solid;
}
img.download{
    border: 1px solid black;
}

a#mainlogo img{
    border: 0px;
}

.titlecomment{
    font-size: 50%;
}

.powercredit{
    font-size: 85%;
}

.alert {
	color: #F40;
}

#popinAd {
	display: none;
}

td#registerLink {
	text-align: right;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
}
#registerForm {
	width: 230px;
	float: left;
	padding-left: 20px;
}
#registerForm label {
	display: block;
}

#registerForm label {
	clear: both;
	width: 150px;
}

#registerForm input, #registerForm select {
	float: left;
	margin: 2px 6px 7px 0px;
}
#registerWhy {
	float: left;
	width: 250px;
	padding-top: 20px;
}