/**************************************/
/* Molten World of Warcraft Theme CSS */
/* Created by BeepBeep */
/* Work in Progress... */
/**************************************/
body { margin:0; padding:0; background:url('../images/main/bg.gif') no-repeat top; background-color:#000; font-family:'Calibri'; font-size:13px; color:#999;}
html { scrollbar-face-color:#3C3932; scrollbar-shadow-color:#1F1E1C; scrollbar-highlight-color:#1F1E1C; scrollbar-3dlight-color:#1A1917; scrollbar-darkshadow-color:#1F1E1C; scrollbar-track-color:#111110; scrollbar-arrow-color:#FF5400; }
a { text-decoration:none; color:#F93;}
p { margin:0; padding:0; }

/******************/
/* (s) Navigation */
/******************/
#navigation { position: absolute; width: 100%; height: 150px; z-index: 0; }
#navigation .nav {width:100%; overflow:hidden; height:354px; position: relative;}
#navigation .nav_holder {position:relative; left:50%; }
#navigation .nav_container {width:1004px; height:141px; position:absolute; left:-507px; background:url('../images/nav/nav.png') 0 0 no-repeat; }
#navigation .logo_container { width:110px; height:100px; position:absolute; margin-left:-65px; margin-top:22px; display:block; cursor:pointer; z-index:1; }
#navigation .nav_links { width:1115px; height:162px; position:absolute; left:-557px; }
#navigation .navTime { position:absolute; margin:28px 125px; color:#999999; font-size:11px; font-family:Tahoma, Geneva, sans-serif; }
#navigation .nav .menu-left {padding:56px 0 0 232px; float:left;}
#navigation .nav .menu-left a {height:38px; background-repeat:no-repeat; display:block; float:left; background-image:url('../images/nav/nav-left.gif'); }
#navigation .nav .menu-left a:hover {background-position: bottom;}
#navigation .nav .menu-right {padding:57px 0 0 152px; float:left;}
#navigation .nav .menu-right a {height:38px; background-repeat:no-repeat; display:block; float:left; background-image:url('../images/nav/nav-right.gif'); }
#navigation .nav .menu-right a:hover {background-position: bottom;}
#navigation .nav a.home { width:80px; background-position: 0 0; }
#navigation .nav a.home:hover { background-position: 0 -38px; }
#navigation .nav a.forum {width:80px; background-position: -80px 0;}
#navigation .nav a.forum:hover { background-position: -80px -38px; }
#navigation .nav a.armory { width:80px; background-position: -160px 0;}
#navigation .nav a.armory:hover { background-position: -160px -38px; }
#navigation .nav a.donate { width:80px; background-position: 0 0;}
#navigation .nav a.donate:hover { background-position: 0 -38px; }
#navigation .nav a.vote { width:80px; background-position: -80px 0;}
#navigation .nav a.vote:hover { background-position: -80px -38px; }
#navigation .nav a.wiki { width:80px; background-position: -160px 0;}
#navigation .nav a.wiki:hover { background-position: -160px -38px; }
/******************/
/* (e) Navigation */
/******************/

/**************/
/* (s) Banner */
/**************/
#container { margin:0 auto;width:1084px; }
#container .bannerContainer { height:321px; width:797px; }
#container .bannerContainer .Banner { padding:100px 0 0 170px; border:none; }
/**************/
/* (e) Banner */
/**************/

/********************/
/* (s) Content Left */
/********************/
#content-left { width:242px; float:left; }
/* Login Box */
#content-left .loginBox { width:240px; height:271px; background:url('../images/panel/login_bg.png') no-repeat; text-align:left;}
#content-left .loginBox .userSection { height:111px; }
#content-left .loginBox .usernameField { position:relative; top:38px; left:15px; }
#content-left .loginBox .passwordField { position:relative; top:42px; left:15px; }
#content-left .loginBox .fields { width:140px; height:13px; font-size:11px; font-family:Arial; background:transparent; border:none; color:#FFCC00; }
#content-left .loginBox .loginButton { position:relative; top:7px; left:164px; cursor:pointer; height:36px; overflow:hidden; width:65px; }
#content-left .loginBox .loginButton:hover input { margin:-36px 0; }
#content-left .loginBox .registerButton { position:relative; top:10px; left:164px; background:url('../images/panel/register_bt.gif') no-repeat; display:block; width:65px; height:21px; cursor:pointer; }
#content-left .loginBox .registerButton:hover { background-position:0 -21px }
#content-left .loginBox .forgotPassword { position:relative; height:12px; width:59px; top:-8px; left:94px; display:block; cursor:pointer; }
#content-left .loginBox .rememberMe { position:relative; left:73px; top:-20px; }
#content-left .loginBox .captchaSection { height:40px; }
#content-left .loginBox .captchaField { position:relative; top:-19px; left:144px; width:83px; height:13px; font-size:11px; font-family:Arial; background:transparent; border:none; color:#FFCC00; }
#content-left .loginBox .captchaImage { position:relative; top:-5px; left:35px; width:87px; height:21px; }
#content-left .loginBox .information { height:38px; color:#99CC00; font-size:9px; font-family:Arial; font-weight:bold; }
#content-left .loginBox .information .patchInfo { margin:0 43px; }
#content-left .loginBox .information .realmList { width:200px; margin:3px 59px; }
#content-left .loginBox .realmStats { margin:0 108px; width:200px; }
/* Logout Box */
#content-left .logoutBox { width:240px; height:271px; display:block; background:url('../images/panel/membership_bg.png') no-repeat; text-align:left; }
#content-left .logoutBox .panelButtons { padding:36px 0; height:89px; }
#content-left .logoutBox .panelButton { width:105px; height:18px; display:block; cursor:pointer; }
#content-left .logoutBox .panelButton:hover { background-position:0 -18px; }
#content-left .logoutBox .Faq { background:url('../images/panel/faq_bt.gif') no-repeat; }
#content-left .logoutBox .Donate { background:url('../images/panel/donate_bt.gif') no-repeat; }
#content-left .logoutBox .Latest { background:url('../images/panel/latest_bt.gif') no-repeat; }
#content-left .logoutBox .Wiki { background:url('../images/panel/wiki_bt.gif') no-repeat; }
#content-left .logoutBox .Token { background:url('../images/panel/tokenshop_bt.gif') no-repeat; }
#content-left .logoutBox .Vote { background:url('../images/panel/vote_bt.gif') no-repeat; }
#content-left .logoutBox .Voteshop { background:url('../images/panel/votereward_bt.gif') no-repeat; }
#content-left .logoutBox .Tools { background:url('../images/panel/webtool_bt.gif') no-repeat; }
#content-left .logoutBox .Itemshop { background:url('../images/panel/itemshop_bt.gif') no-repeat; }
#content-left .logoutBox .Account { width:217px; height:23px; display:block; cursor:pointer; background:url('../images/panel/accpanel_bt.gif') no-repeat; }
#content-left .logoutBox .Account:hover { background-position:0 -23px; }
#content-left .logoutBox .Logout { position:absolute; margin-left:214px; margin-top:7px; background:url('../images/panel/logout.gif') no-repeat; display:block; width:25px; height:25px; cursor:pointer; }
#content-left .logoutBox .Logout:hover { background-position:0 -25px; }
#content-left .logoutBox .currencyInfo { height:28px; }
#content-left .logoutBox .realmInfo { width:200px; margin:0 109px; }
#content-left .logoutBox .panelMurloc { position:absolute; display:block; margin-top:-128px; margin-left:8px; width:114px; height:161px; background:url('../images/panel/deathloc.png') no-repeat; }
/* Realm Information */
#content-left .realm-Info { line-height:17px; font-size:10px; font-weight:bold; color:#366 }
#content-left .realm-Stat { color:#99CC00; font-size:11px; }
/********************/
/* (e) Content Left */
/********************/

/**********************/
/* (s) Content Center */
/**********************/
#content-center { width:600px; float:left; }
#content-center .header { height:33px; }
#content-center .page { background:url('../images/main/content-mid.gif') repeat-y; text-align:left; }
#content-center .footer { height:20px; background:url('../images/main/content-bottom.gif') no-repeat; }
/* Community Icons */
#content-center .header .communityIcon { width:25px; height:25px; display:block; cursor:pointer; margin:0 -12px; }
#content-center .header .communityIcon:hover { background-position:0 -25px; }
#content-center .header .twitter { position:absolute; margin:4px 505px; background:url('../images/main/twitter_icon.png') no-repeat; }
#content-center .header .facebook { position:absolute; margin:4px 480px; background:url('../images/main/facebook_icon.png') no-repeat; }
/* Home - News */
#article { margin:0 13px; }
#article .date { padding:0 5px; color:#FFCC00; }
#article .content { padding:0 10px; }
#article .spacer { padding:5px 0; }
/**********************/
/* (e) Content Center */
/**********************/

/*********************/
/* (s) Content Right */
/*********************/
#content-right { width:240px; float:left; }
#content-right .features { width:235px; height:271px; background:url('../images/panel/features_bg.png') no-repeat; }
#content-right .rotator { position:relative; top:33px; left:9px; }
/*********************/
/* (e) Content Right */
/*********************/


/* Misc Buttons */
.button {font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:11px; color:#e0b800;background-color:#464646; border:1px #191928 solid;margin-top:2px;}
.button_small {font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:10px; color:#e0b800;background-color:#464646; border:1px #191928 solid;margin-top:2px;}
/* Misc Fields */
.input_field {font-size:11px; border:1px solid #666;width:160px; height:15px; background:#333; color:#CCC;}



/* Registration and Activation */
.reg_field {font-size:11px; border:none; padding-left:3px; padding-top:2px; width:148px; height:16px; background:url('../images/register/input.gif') no-repeat; color:#999;} /* Registration Fields */
.reg_field_placement { padding-left:10px; }
.reg_field_spacer { padding-left:5px; height:25px; }
.reg_button { background:url('../images/register/button_register.png') no-repeat; width:168px; height:38px; display:block; cursor:pointer;}
.reg_button:hover { background-position: 0 -39px; }
.resend_button { background:url('../images/register/button_resend.png') no-repeat; width:81px; height:19px; display:block; cursor:pointer;}
.resend_button:hover { background-position: 0 -19px; }
.activation_button { background:url('../images/register/button_activation.png') no-repeat; width:204px; height:28px; display:block; cursor:pointer;}
.activation_button:hover { background-position: 0 -28px; }
.act_field {font-size:11px; border:1px solid #666; width:250px; height:15px; background:#333; color:#CCC;} /* Activation Fields */
.checkBox, .checkBoxClear{background-image: url('../images/register/checkbox.png');background-repeat: no-repeat; display: inline-block;float: left;width:16px;height:16px;padding: 0px;margin: 0px;cursor: pointer;}
.checkBox{background-position: 0px 0px;}
.checkBoxClear{background-position: 0 -16px;}
.checkBox_b, .checkBoxClear_b{background-image: url('../images/main/checkbox_b.png');background-repeat: no-repeat; display: inline-block;float: left;width:17px;height:16px;padding: 0px;margin: 0px;cursor: pointer;}
.checkBox_b{background-position: 0px 0px;}
.checkBoxClear_b{background-position: 0 -16px;}

/* Headers for Donorshop (BeepBeep) */
.dshop_header { width:124px; height:25px; display:block; background-repeat:no-repeat;}
.nm_rewards { background-image: url('../images/account/donorshop/search.gif'); cursor:pointer; }
.nm_rewards_active { background-image: url('../images/account/donorshop/search_active.gif'); }
.tg_rewards { background-image: url('../images/account/donorshop/tokens.gif'); cursor:pointer; }
.tg_rewards_active { background-image: url('../images/account/donorshop/tokens_active.gif'); }
.set_rewards { background-image: url('../images/account/donorshop/itemsets.gif'); cursor:pointer; }
.set_rewards_active { background-image: url('../images/account/donorshop/itemsets_active.gif'); }
.nm_rewards:hover, .tg_rewards:hover, .set_rewards:hover { background-position: 0 -25px; }

.shop_button { display: block; width: 479px; height: 54px; background-image: url('../images/account/shop/shop.jpg'); background-repeat:no-repeat; cursor:pointer; } 
.purchase_button{ background:url('../images/account/shop/purchase.jpg') no-repeat; width:119px; height:29px; display:block; cursor:pointer;}
.purchase_button:hover { background-position: 0 -29px; }
.purchase_tbutton{ background:url('../images/account/lottery/purchase_ticket.gif') no-repeat; width:159px; height:27px; display:block; cursor:pointer;}
.purchase_tbutton:hover { background-position: 0 -27px; }
.redeemDraw_button { background:url('../images/account/lottery/redeem_reward.gif') no-repeat; width:139px; height:27px; display:block; cursor:pointer;}
.redeemDraw_button:hover { background-position: 0 -27px; }

/* Vote Shop */
.voteitem_text { font-family:Arial; font-size:11px; text-decoration:none; }

/* Lottery */
.lottery_faq_header { background:url('../images/account/lottery/faq.gif') no-repeat; width:422px; height:23px; display:block; cursor:pointer; }
.lottery_faq_header_active { background:url('../images/account/lottery/faq.gif') no-repeat; width:422px; height:23px; display:block; cursor:pointer; background-position: 0 -23px; }
.lottery_faq_text { margin-top:4px; margin-left:30px; color:#999; font-weight:bold; }
.lottery_faq_text:hover { color:#9C3; }
.lottery_faq_content { padding-left:5px; color:#999; }
table.lotterywinners {border-width: 1px;border-spacing: 1px;border-style: none;border-color:#666666; border-collapse:collapse;background-color: #fff5ee;}
table.lotterywinners th {border-width: 2px;padding: 1px;border-style: ridge;border-color:#333333; background-color:#333;-moz-border-radius: ;}
table.lotterywinners td {border-width: 2px;padding: 1px;border-style: ridge;border-color:#333333; background-color:#000;-moz-border-radius: ;}

/* Restoration */
.restoration_submit { background:url('../images/account/restoration/restoration.gif') no-repeat; width:159px; height:27px; display:block; cursor:pointer; }
.restoration_submit:hover { background-position:0 -27px; }


/* Teleport | Unstuck */
.teleport_submit { background:url('../images/account/teleport/teleport.gif') no-repeat; width:122px; height:27px; display:block; cursor:pointer; }
.teleport_submit:hover { background-position:0 -27px; }
.unstuck_submit { background:url('../images/account/teleport/unstuck.gif') no-repeat; width:122px; height:27px; display:block; cursor:pointer; }
.unstuck_submit:hover { background-position:0 -27px; }

/* Item Set (Donorshop) */
.itemset_class_button {width:62px; height:22px; display:block; cursor:pointer;}
.itemset_class_button:hover { background-position: 0 -22px; }
.itemset_class_dk{ background:url('../images/account/donorshop/classes/dknight.jpg') no-repeat;}
.itemset_class_druid{ background:url('../images/account/donorshop/classes/druid.jpg') no-repeat;}
.itemset_class_hunter{ background:url('../images/account/donorshop/classes/hunter.jpg') no-repeat;}
.itemset_class_mage{ background:url('../images/account/donorshop/classes/mage.jpg') no-repeat;}
.itemset_class_paladin{ background:url('../images/account/donorshop/classes/paladin.jpg') no-repeat;}
.itemset_class_priest{ background:url('../images/account/donorshop/classes/priest.jpg') no-repeat;}
.itemset_class_rogue{ background:url('../images/account/donorshop/classes/rogue.jpg') no-repeat;}
.itemset_class_shaman{ background:url('../images/account/donorshop/classes/shaman.jpg') no-repeat;}
.itemset_class_warlock{ background:url('../images/account/donorshop/classes/warlock.jpg') no-repeat;}
.itemset_class_warrior{ background:url('../images/account/donorshop/classes/warrior.jpg') no-repeat;}

/* Support Pages */
.scrollBox{scrollbar-face-color:#3C3932;scrollbar-shadow-color:#1F1E1C;scrollbar-highlight-color:#1F1E1C;scrollbar-3dlight-color:#1A1917;scrollbar-darkshadow-color:#1F1E1C;scrollbar-track-color:#111110;scrollbar-arrow-color:#FF5400;overflow:scroll;}

/* Admin Pages */
table.admin_d_list {border-width: 1px;border-spacing: 0px;border-style: outset;border-color: gray;border-collapse: collapse;background-color: ;}
table.admin_d_list th {border-width: 1px;padding: 1px; border-style: solid;border-color: gray;background-color: #000000;-moz-border-radius: ;}
table.admin_d_list td {border-width: 1px;padding: 1px;border-style: solid; border-color: gray; background-color: #000000; -moz-border-radius: ;}



#account { margin-left:20px; }
#account .top { width:560px; height:52px; display:block; background:url('../images/main/panel-top.gif') no-repeat; }
#account .mid { width:560px; background:url('../images/main/panel-mid.gif') repeat-y; }
#account .bot { width:560px; height:47px; display:block; background:url('../images/main/panel-bot.gif') no-repeat; }
#account .topInfo { width:530px; padding-top:2px; }
#account .pageTitle { padding-left:10px; float:left; padding-top:6px; color:#FFFFFF; font-size:16px; }
#account .pageRecall { margin:6px 470px; }
#account .user { font-size:13px; padding-left:10px; color:#666; }
#account .premiumBadge { width:35px; height:29px; display:block; background:url('../images/main/premium.png') no-repeat; float:right; }
/* Summary */
#accountSummary .leftPane { padding-left:10px; }
#accountSummary .huaAuth { color:#666; font-size:10px; }
#accountSummary .currency { color:#F90; }
#accountSummary .forumStatus { color:#99CC00; }
#accountSummary .link { padding-left:8px; }
#accountSummary .accountLink { color:#09F; }
#accountSummary .logoutLink { color:#F00; }
#accountSummary .accountLink:hover { color:#FFFFFF; }
#accountSummary .logoutLink:hover { color:#FFFFFF; }
/* Management */
.account_charlinks { background-color:#000; color:#666666; text-decoration:none;}
.account_charlinks td { background-color:#000; color:#666666; text-decoration:none;}
.account_charlinks td:visited { background-color:#000; color:#666666; text-decoration:none;}
.account_charlinks td:hover {background-color:#333; color:#FFF;cursor:pointer; text-decoration:none;}
/* Buttons (Name Change, Race Change, Faction Change) */
#account .accountBtn div { display:block; cursor:pointer; height:25px; }
#account .accountBtn div:hover { background-position:0 -25px; }
#account .accountBtn .selectChar { width:100px; background:url('../images/account/buttons/btn_selectchar.gif') no-repeat; }
#account .accountBtn .selectRace { width:84px; background:url('../images/account/buttons/btn_selectrace.gif') no-repeat; }
#account .accountBtn .confirm { width:73px; background:url('../images/account/buttons/btn_confirm.gif') no-repeat; }
#account .accountBtn .cancel { width:73px; background:url('../images/account/buttons/btn_cancel.gif') no-repeat; }
#account .accountBtn .purchase { width:60px; background:url('../images/account/buttons/btn_purchase.gif') no-repeat; }
#account .searchBtn { width:73px; height:25px; display:block; cursor:pointer; background:url('../images/account/buttons/btn_search.gif') no-repeat; }
#account .searchBtn:hover { background-position:0 -25px; }
/* Item Set Page */
#account .itemSets .rewardName { font-family:Arial; font-size:11px; }
#account .itemSets .rewardCost { color:#09C; font-weight:bold; }
#account .itemSets .setName { color:#FFCC00; font-weight:bold; }
#account .itemSets .setText { font-size:12px; }
#account .itemSets .Purchase { padding-top:4px; }
#account .itemSets .setPurchase{ background:url('../images/account/donorshop/itemset_purchase.png') no-repeat; width:78px; height:24px; display:block; cursor:pointer;}
#account .itemSets .setPurchase:hover { background-position: 0 -24px; }

#account .rewardShopList { background:url('../images/account/test.gif') no-repeat; height:45px; width:449px; display:block; }
#account .rewardShopList .itemIcon { position:absolute; margin-top:3px; margin-left:4px; }
#account .rewardShopList .itemName { position:absolute; margin-top:4px; margin-left:60px; cursor:pointer; }
#account .rewardShopList .itemDesc { position:absolute; margin-top:24px; margin-left:60px; color:#FF9900; }
#account .rewardShopList .itemPurc { position:absolute; margin-top:11px; margin-left:380px; }

/**************/
/* (s) Footer */
/**************/ 
#footer { clear: both; margin: 0 auto; width: 1050px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#999; line-height:18px; }
#footer a { color:#E43F19; line-height:18px; text-decoration:none; }
#footer a:hover { color:#FFF; }
#footer .footercontainer { width: 100%; height: 100px; padding: 10px 0 0 0; }
#footer .footercontents { width: 100%; clear: none; }
#footer .footercontents .footercontents_int { font-size: 11px; text-align: center; }
#footer .footercontents .languagetitle { line-height: 14px; padding: 0 12px 0 0;}
#footer .footercontents .spacer { color:#222; font-size: 13px; padding: 0 5px 0 5px; }
#footer .footercontents .dark { color: #344956; line-height: 14px;}
#footer .copyright { width:650px; margin:0 auto; padding:5px 0; }
/**************/
/* (e) Footer */
/**************/

/* Tooltip */
.q7 {color:#e6cc80}.q5 {color:#ff8000}.q4 {color:#A335EE}.q3 {color:#0070DD}.q0 {color:#9d9d9d}.q2 {color:#1eff00}.q6 {color:#d80000}.q1 {color:#ffffff}
.q0:hover,.q1:hover,.q2:hover,.q3:hover,.q4:hover,.q5:hover,.q6:hover,.q7:hover {color:#FFFFFF}
/* Tooltip */