body {
 background: #000;
 color: #eee;
 margin: 0px;
 padding: 0px;
 text-align: center;
 font-family: arial;
 font-size: 12px;
}


h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address, table {
    margin-bottom: 1em;
}

li {
    margin-left: 3em;
}


#a, a:active, a:visited {
 color: #e52a22;
 font-weight: bolder;
 text-decoration: none;
}   
      
#container {
 width: 940px;
 margin: 0px auto;
 padding: 0px;
 text-align: left;
 position: relative;
}

#topbar {                                                                                                       
 width: 940px;
 height: 37px;
 margin: 0px;
 margin-bottom: 210px;
 position: relative;
}

#topbar .forumlink {
 color: #999999;
 font-weight: bold;
 font-size: 12px;
 position: absolute;
 top: 10px;
 left: 30px;
}

#topbar .forumicon {
 position: absolute;
 top: 2px;
 left: -5px;
}

#topbar .forumlink a, #topbar .forumlink a:active, #topbar .forumlink a:visited {
 color: #e52a22;
 font-weight: bolder;
 text-decoration: none;
}    

#topbar .topnav {
 color: #999999;
 font-weight: bold;
 font-size: 11px;
 position: absolute;
 top: 10px;
 right: 0px;
}  


#topbar .topnav a, #topbar .topnav a:visited {
 color: #999999;
 text-decoration: none;
}  

#topbar .topnav a:hover {
 color: #e52a22;
}  

#topbar .topnav img {
 margin-left: 15px;
}                                                                       



#banner {
 position: absolute;
 top: 37px;
 left: 0px;
 width: 100%;
 height: 206px;
 border-top: 2px solid #bc0313;
 border-bottom: 2px solid #bc0313;
 background: url('../images/bannerbg.jpg') center;
 z-index: -10;
 overflow: auto;
}

#characters {    
 position: absolute;
 top: 40px;
 right: -170px;  
}

#content {
 background: #000;
 position: relative;
 z-index: 100;
}

#logo {
 position: absolute;
 top: 72px;
 left: 50px;
 z-index: 30;
}

#footer {
 position: relative;
 width: 100%;
 height: 508px;
 border-top: 1px solid #bc0313;
 background: url('../images/footerbg.jpg') center;
 overflow: visible;
 text-align: center;
}

#footer_nav {
 margin: 35px auto 0px auto;
 height: 150px;
 width: 950px;
 background: url('../images/footernavbg.png') center no-repeat;
 position: relative;
}


#footer_nav .footercharacters {
 position: absolute;
 top: -10px;
 left: 165px;  
}

#footer_nav .footerlinks {
 position: absolute;
 top: 30px;
 left: 590px;  
}

#footer_nav .footerlinks a, #footer_nav .footerlinks a:visited {
 color: #fff;
 text-decoration: none;
 margin: 0px 10px;
}

#footer_nav .footerlinks a:hover {
 text-decoration: underline;
}

#footer_nav .characters {

}

#footer_nav .footerforumlink {
 position: absolute;
 top: 75px;
 left: 600px;
 height: 16px;
 padding-top: 1px;
 color: #999999;  
 font-size: 12px;
 font-weight: bold; 
 background: url('../images/forumicon.png') no-repeat; 
 padding-left: 23px; 
}

#footer_nav .footerfaqlink {
 position: absolute;
 top: 100px;
 left: 600px;
 height: 16px;
 padding-top: 1px;   
 color: #999999;  
 font-size: 12px;
 font-weight: bold; 
 background: url('../images/faqicon.png') no-repeat; 
 padding-left: 23px; 
}




#footer_nav .footerforumlink a, #footer_nav .footerforumlink a:active, #footer_nav .footerforumlink a:visited, #footer_nav .footerfaqlink a, #footer_nav .footerfaqlink a:active, #footer_nav .footerfaqlink a:visited {
 color: #e52a22;
 font-weight: bolder;
 text-decoration: none;
}   


#footer_nav .disclaimer {
 position: absolute;
 right: 40px;
 bottom: -30px;  
 color: #fff;
 font-size: 9px;
 color: #ccc;
}


#footer_nav .copyright {
 position: absolute;
 left: 10px;
 bottom: -20px;
 color: #fff;
 font-size: 9px;
 color: #ccc;
}   


#formlisting {
 border-collapse: collapse;
 width: 420px;
 margin-bottom: 20px;     
}    

#formlisting thead {
 border: 1px solid #790f02;
 background: #790f02;
 color: #f1efef;
 font-weight: bold;
}

#formlisting td {
 border: 1px solid #790f02;
 padding: 5px;
 font-size: 11px;
}   

#forumoverview {
 padding-top: 20px;
}

#forumoverview a {
 color: #e52a22;
 text-decoration: none;
} 

#formlisting {
 width: 400px;
} 

.forumname {
 width: 200px;
}

#splash {
 position: relative;
 height: 570px;
}

.homepagebanner {
 position: absolute;
 top: 89px;
 left: 449px;  
 overflow: visible;
}

.bannerlink {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 468px;
 height: 80px;
 background: #ccc;
 z-index: 99;
}

.advertiselink {
 position: absolute;
 bottom: -14px;
 right: 20px;
}

.forumbanner {
 position: absolute;
 top: 8px;
 right: 0px;
}

.realmsbanner {
 position: absolute;
 top: -8px;
 right: 0px;
}

.intro {
 position: absolute;
 top: 170px;
 left: 440px;
 width: 500px;
 color: #888;
}

.intro p {
 margin: 10px 0px;
}

.forum_activity {
 width: 940px;
 position: absolute;
 left: 0px;
 top: 320px;
}

.forum_activity a, .forum_activity a:visited {
 color: #e52a22;
 font-weight: bolder;
 text-decoration: none;
}

.forum_activity_header {
 height: 30px;
 border-bottom: 1px solid #333;    
 position: relative;
}

.most_popular_forum_header {
 position: absolute;
 left: 470px;
 top: 0px;
}

.lastposts_content {
 position: absolute;
 top: 31px;
 left: 15px;
}

.popularposts_content {
 position: absolute;
 top: 31px;
 left: 485px;
}

.postcontainer {
 width: 425px;
 height: 70px;
 margin-top: 10px;
 background: #111;
 padding: 10px;
}

.postvitals {
 font-size: 10px;
 color: #666;
 margin-bottom: 10px;
 font-weight: bold;
}

.postexcerpt {
 font-size: 11px;
 margin: 0px 0px 0px 10px;
}

.poststats {
 font-size: 10px;
 color: #666;
 margin: 10px 0px 0px 10px;
}

.thread_postcontainer {
 position: relative;
 display: block;
 visibility: visible;
}
   


#searchbox {
 width: 510px;
 height: 180px;
 position: absolute;
 top: -100px;
 right: 0px;
 z-index: 50;
 background: url('../images/searchboxbg.png') no-repeat;
 font-size: 12px;
}

#searchbox .searchheader {
 position: absolute;
 top: 15px;
 left: 20px;
}


#searchbox .searchbutton {
 position: absolute;
 top: 61px;
 right: 26px;
}


#searchbox .searchname {
 position: absolute;
 top: 60px;
 left: 20px;
 width: 315px;
}

#searchbox .searchcountry {
 position: absolute;
 top: 95px;
 left: 20px;
 width: 315px;
}

#searchbox .searchrealm {
 position: absolute;
 top: 130px;
 left: 20px;
 width: 315px;
}



#searchbox .searchfieldleft {
 float: left;
 text-align: right;
 width: 115px;
 padding: 5px 5px 0px 0px; 
}

#searchbox .searchfieldright {
 float: right;
}

#searchbox .searchfield {
 width: 179px;
 height: 20px;
 padding: 5px 0px 0px 8px;
 background: url('../images/searchfield_bg.png') no-repeat;
 border: none;
 color: #e52a22;   
 font-weight: bolder; 
}

#searchbox .counter {
 position: absolute;
 top: 105px;
 left: 345px;
 width: 140px;
 font-size: 9px;
}

#searchbox .realmstatuslink {
 position: absolute;
 top: 135px;
 left: 345px; 

}

#searchbox .realmstatuslink a, searchbox .realmstatuslink a:visited {
 color: #e52a22;
 font-weight: bolder;
 text-decoration: none;
 background: none;
}

.northamericanrealms {
 float: left;
}

.europeanrealms {
 float: right;
}

.realmheadline {
 margin: 0px auto 20px auto;
}

.clear {
 clear: both;
 margin: 0px;
 padding: 0px;
 height: 0px;
 width: 0px;
}

.contentcontainer {
 padding: 20px 0px 10px 0px;
}

.forumjoin_left {
 float: left;
 width: 530px;
 border-right: 1px solid #333;
 padding-right: 20px;
 margin-bottom: 50px;
}

.forumjoin_right {
 float: right;
 width: 350px;
}

#registrationtable td {
 padding: 3px 0px;
}

#registrationtable .textinput, #quicksearch .textinput {
 width: 177px;
 height: 15px;
 padding: 5px;
 background: url('../images/searchfield_bg.png') no-repeat;
 border: none;
 color: #fff;  
}

#registrationtable .left {
 text-align: right;
 padding-right: 10px;
 padding-top: 8px;
}

.errors {
 padding: 15px;
 background: #bc0313;
 color: #fff;                
 margin-bottom: 20px;
 border: 2px solid #fff;
}

.errorexplanation {
 font-size: 9px;
 width: 157px;
 padding-left: 20px;
 margin-top: 5px;
 background: url('../images/errorbullet.png') no-repeat 12px 3px;
}

.errorfield {
 color: yellow;
 font-weight: bold;
}



#forum {
 width: 900px; 
 margin: 10px 0px 20px;
 background: #222;
 padding: 20px;
}

#forum a, #forum a:active, #forum a:visited {
 color: #e52a22;
 font-weight: bolder;
 text-decoration: none;
}  

#forum a:hover {
 text-decoration: underline;
}  

#forum h2 {
 margin: 0px 0px 20px 0px;
}

#formgrid {
 border-collapse: collapse;
 width: 900px;
 margin-bottom: 20px;     
}    

#formgrid thead {
 border: 1px solid #790f02;
 background: #790f02;
 color: #f1efef;
 font-weight: bold;
}

#formgrid td {
 border: 1px solid #790f02;
 padding: 5px;
 font-size: 11px;
}   


#formgrid a, #formgrid a:active, #formgrid a:visited {
 color: #e52a22;
 font-weight: bolder;
 text-decoration: none;
}  

.topicinput {
 width: 582px;
 float: left;
}

.editorcontainer {
 background: #e5e5e5;
 padding-top: 5px;
 width: 582px;
}

.topicinput_topic {
 width: 578px;
 border: 1px solid #555;
 background: #222;
 color: #fff;
 margin-bottom: 5px;
}

.postareaad {
 float: right;
}

.newtopic {
 padding-bottom: 5px;
 border-bottom: 1px solid #e52a22;
}

#threads {
 width: 900px; 
 border-collapse: collapse;
}

#threads td {
 background: #333;
 border-bottom: 10px solid #222;   
}

#threads .admin {
 padding: 15px;
}

.adminbutton {
 padding: 6px 10px 0px 30px;
 height: 22px;
 float: left;
 margin-right: 10px;
}

#threads .post {
 border-right: 10px solid #222;
 padding: 15px;
}

#threads .author {
 padding: 15px;
 width: 130px;
}

#threads h4 {
 border-bottom: 1px solid #555;
 padding-bottom: 5px;
}


#postpanel {
 width: 583px;    
 height: 63px;
 background: #333;
 position: relative;
 margin-top: 15px;
}

#postpanel .postcaptcha {
 position: absolute;
 top: 10px;
 left: 10px;
}

#postpanel .postcaptchainput {
 position: absolute;
 top: 12px;
 left: 245px;
}

#postpanel .postbutton {
 position: absolute;
 top: 13px;
 right: 13px;
}

#postpanel .captchaprompt {
 font-size: 10px;
}

.postadminbox {
 position: absolute;
 bottom: 0px;
 right: 0px;
}


#quicksearch {
 position: relative;
 width: 940px;
 height: 40px;
 margin: 0px;
 padding: 20px 0px 0px 0px;
 border-top: 2px solid #333;   
 font-size: 9px;
}

.profile_url {
 position: relative;
 margin: 0px 0px 20px 0px;;
 font-size: 20px;
 text-align: center;
}


#topquicksearch {
 position: absolute;
 left: 320px;
 top: -75px;
 width: 700px;
 height: 70px;
 z-index: 80;
 background: url('../images/topquicksearch_bg.png') no-repeat;
}

#topquicksearch .headline {
 position: absolute;
 top: -26px;
 left: 25px;
}

#topquicksearch .textinput {
 width: 177px;
 height: 15px;
 padding: 5px;
 background: url('../images/searchfield_bg.png') no-repeat;
 border: none;
 color: #fff;  
}

#topquicksearch .character_name {
 position: absolute;
 top: 5px;
 left: 20px;
}

#topquicksearch .character_country {
 position: absolute;
 top: 5px;
 left: 215px;
}

#topquicksearch .character_realm {
 position: absolute;
 top: 5px;
 left: 410px;
}

#topquicksearch .search_button {
 position: absolute;
 top: 26px;
 right: 20px;
}

#topquicksearch .prompt {
 font-size: 9px;
 padding: 8px 10px 0px 0px;
}


#quicksearch .character_name {
 position: absolute;
 top: 15px;
 left: 160px;
}

#quicksearch .character_country {
 position: absolute;
 top: 15px;
 left: 398px;
}

#quicksearch .character_realm {
 position: absolute;
 top: 15px;
 right: 88px;
}

#quicksearch .search_button {
 position: absolute;
 top: 15px;
 right: 0px;
}

#quicksearch .prompt {
 float: left;
 padding: 8px 10px 0px 0px;
}


#profilepage {
 width: 940px;
 position: relative;
 margin: 0px;
 padding: 0px;
 z-index: 80;
 text-align: left;
}  



#profilepage .topbanner {
 position: absolute;
 left: 213px;
 top: -15px;
 width: 728px;
 height: 90px;
 z-index: 80;
}

#profilepage .profiletopbanner {
 position: absolute;
 left: 250px;
 top: 16px;
 width: 728px;
 height: 90px;
 z-index: 80;
}

#profilepage .profileadvertisehere {
 position: absolute;
 left: 55px;
 top: 11px;
 z-index: 80;
}

#profilepage .leftbanner {
 position: absolute;
 left: 32px;
 top: 42px;
 width: 160px;
 height: 600px;
 z-index: 80;
}

.authorname {
 margin-top: 10px;
 font-size: 12px;
}

.authorname a, .authorname a:visited {
 color: yellow;
 text-decoration: underline;
}

.identity {
 margin-top: 10px;
 font-size: 10px;
}

  
#faq_container {
 width: 689px;
 padding: 80px 0px 0px 220px;
 text-align: left;
 height: 580px;
}

#faq_container h3 {
 margin-top: 30px;
}

.forumsheader {
 font-size: 8px;
 background: #ff6633;
 color: #000;
}


.threadpost {
 background: url('../images/threadbg.png') repeat-y;
 width: 900px;
 padding: 0px;
 margin: 0px 0px 10px 0px;
}

.threadpost_left {
 width: 700px;
 float: left;
 padding: 15px;
 position: relative;
}

.threadpost_left h4 {
 border-bottom: 1px solid #555;
 padding-bottom: 5px;
}

.threadpost_right {
 width: 130px;
 padding: 15px;   
 float: right;
}


.quote {
 border: 1px solid #666;
 padding: 30px 10px 10px 20px;
 position: relative;
}

.quoteuser {
 position: absolute;
 top: 10px;
 left: 10px;
 font-weight: bold;
 text-decoration: italic;
}

.postoptions {
 position: absolute;
 top: 15px;
 right: 15px;
}                   

.postoptions a {
 margin-left: 12px;
}

.forumtitle {
 font-size: 20px;
 font-weight: bolder;
 margin-bottom: 10px;
}

.forumnavlinks {
 font-size: 12px;
}

.forumnavlinks a {
 margin-left: 20px;
 padding-left: 10px;
 background: url('../images/forumlinkarrow.png') no-repeat 0px 5px;
}     

#bottomads {
width: 940px;
height: 70px;
margin: 20px auto;
}                        

/*...........................................................*/

.myItemName{font-size:13px}

.myGold{color:#7e7046}

.myOrange{color:#ff8000}

.myPurple{color:#A335EE}

.myBlue{color:#0070DD}

.myGray{color:#c9c9c9}

.myGreen{color:#00FF00}

.myYellow{color:#ffd517}

.myRed{color:#d80000}

.myWhite{color:#ffffff}

.myTable{color:#FFFFFF;font-size:9pt;font-family:Arial,Helvetica,sans-serif}



.myRight{color:#FFFFFF;font-size:9pt;position:absolute;right:0px}

a.rarity0{font-size:10pt;color:#5B5B5B !important}/*grey*/

a.rarity0:hover{color:#919191 !important}/*grey*/

a.rarity1{font-size:10pt;color:#ffffff !important}/*white*/

a.rarity1:hover{color:#ffffff !important}/*white*/

a.rarity2{font-size:10pt;color:#007200 !important}/*green*/

a.rarity2:hover{color:#00A900 !important}/*green*/

a.rarity3{font-size:10pt;color:#004385 !important}/*blue*/

a.rarity3:hover{color:#0062C3 !important}/*blue*/

a.rarity4{font-size:10pt;color:#5D1F88 !important}/*purple*/

a.rarity4:hover{color:#B343FF !important}/*purple*/

a.rarity5{font-size:10pt;color:#C24E00 !important}/*orange*/

a.rarity5:hover{color:#FA9900 !important}/*orange*/

a.rarity6{font-size:10pt;color:#9C884D !important}/*gold*/

a.rarity6:hover{color:#e5cc80 !important}/*gold*/

a.rarity6:hover{font-size:10pt;color:#e5cc80 !important}/*gold*/

a.rarity7{font-size:10pt; color:#7e7046 !important}/*gold*/

a.rarity7:hover{font-size:10pt; color:#7e7046 !important}/*gold*/

.ps a:hover{text-decoration:none !important}

.ps a.rarity0{font-size:12px;color:#5B5B5B !important}/*grey*/

.ps a.rarity0:hover{color:#919191 !important}/*grey*/

.ps a.rarity1{font-size:12px;color:#ffffff !important}/*white*/

.ps tr:hover a.rarity1,.ps a.rarity1:hover{color:black !important}/*black*/

.ps a.rarity2{font-size:12px;color:#007200 !important}/*green*/

.ps a.rarity2:hover{color:#00A900 !important}/*green*/

.ps a.rarity3{font-size:12px;color:#004385 !important}/*blue*/

.ps a.rarity3:hover{color:#0062C3 !important}/*blue*/

.ps a.rarity4{font-size:12px;color:#5D1F88 !important}/*purple*/

.ps a.rarity4:hover{color:#B343FF !important}/*purple*/

.ps a.rarity5{font-size:12px;color:#C24E00 !important}/*orange*/

.ps a.rarity5:hover{color:#FA9900 !important}/*orange*/

.ps a.rarity6{font-size:12px;color:#9C884D !important}/*gold*/

.ps a.rarity6:hover{color:#e5cc80 !important}/*gold*/

.ps a.rarity6:hover{font-size:12px;color:#e5cc80 !important}/*gold*/

.ps a.rarity7{font-size:12px;color:#7e7046 !important}/*orange*/

.ps a.rarity7:hover{color:#7e7046 !important}/*orange*/

.ps tr.data2 a.rarity0{color:white !important}/*grey*/

.ps tr.data2 a.rarity0:hover{color:white !important}/*grey*/

.ps tr.data2 a.rarity1{color:white !important}/*white*/

.ps tr.data2 a.rarity1:hover{color:white !important}/*white*/

.ps tr.data2 a.rarity2{color:white !important}/*green*/

.ps tr.data2 a.rarity2:hover{color:white !important}/*green*/

.ps tr.data2 a.rarity3{color:white !important}/*blue*/

.ps tr.data2 a.rarity3:hover{color:white !important}/*blue*/

.ps tr.data2 a.rarity4{color:white !important}/*purple*/

.ps tr.data2 a.rarity4:hover{color:white !important}/*purple*/

.ps tr.data2 a.rarity5{color:white !important}/*orange*/

.ps tr.data2 a.rarity5:hover{color:white !important}/*orange*/

.ps tr.data2 a.rarity6{color:white !important}/*gold*/

.ps tr.data2 a.rarity6:hover{color:white !important}/*gold*/

.ps tr.data2 a.rarity7{color:white !important}/*gold*/

.ps tr.data2 a.rarity7:hover{color:white !important}/*gold*/

.ps .dropShadow a.rarity1{color:black !important}

.socketImg{width:14px;height:14px;vertical-align:-20%;margin:0 7px 0 0;padding:0}

.tooltipRight{position:relative;float:right;clear:right;margin: 0 0 0 4px}

.bonusGreen{color:#00FF00}

.setNameYellow{color:#ffd517;font-size:11px}

.setItemIndent {display:inline;}

.setItemIndent span{margin-left:9px;}

.setItemYellow{color:#f8ffa8}

.setItemGray{color:#787880}

.myBlueGem{color:#666666;display:block;background:url(blue-mini.gif) no-repeat 3px 4px;padding-left:19px}

.myMetaGem{color:#666666;display:block;background:url(meta-mini.gif) no-repeat 3px 4px;padding-left:19px}

.myOrangeGem{color:#666666;display:block;background:url(orange-mini.gif) no-repeat 3px 4px;padding-left:19px}

.myPurpleGem{color:#666666;display:block;background:url(purple-mini.gif) no-repeat 3px 4px;padding-left:19px}

.myRedGem{color:#666666;display:block;background:url(red-mini.gif) no-repeat 3px 4px;padding-left:19px}

.myYellowGem{color:#666666;display:block;background:url(yellow-mini.gif) no-repeat 3px 4px;padding-left:19px}

/* index page */

/*...........................................................*/