/* 
Copyright 2006 Blizzard Entertainment, Inc.
forums.worldofwarcraft.com Master CSS 
*/


/*\ Basic Tags \*/
/*_________________________________________________________________________*/

body { font: 12px Arial, Helvetica, sans-serif; margin: 0px; padding: 0; }
span { color: #ccc; }
/*.message-format span { color: #00c0ff; }*/
q:before, q:after {content: "";}
span.grey { color: #a0a1a3; }
span.lite { color: #f0e7be; }
small { color: #d7Cea4; font-size: 11px; }
small.gold { color: #c4c4c4; }
b { font-weight: bold; }
b.white { color: white; }
span.red { color: red; }	
span.blue { color: #00c0ff;/*color: #ccc;*/ }
span.blue b { color: white; }
span.mvp { color:#5df644;/*color: #00c0ff;*/ }
h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0; padding:0; }
h1 { text-align: left; font-size: 12px; margin: 0; padding: 0; color: #ccc; }
h2 { font-size: 18px; color: white; font-weight: normal; }
h1.races { color: #ff9900; padding: 10px; font: normal 18px Georgia, 'Times New Roman', Times, serif; }
img.cap { margin: 0 5px 3px 0; }
p.warning { margin-left: 5px; padding-top: 5px; }
ul.thread { margin-left: 22px; }
.clear { clear: both; height: 15px; }
.filter { text-decoration: none; font-size: 11px; }
.button { text-decoration: none; }
small.white	{ color: #fff; font-size: 8pt; }
span.white { color: #fff; font-size: 12px; }
span.highlight { color:#000; background-color: #ffd214; font-weight: bold; font-style: italic;  }
small { color: #fff; font-size: 8pt; }
small.smallBold { color: #fff; font-size: 8pt; font-weight: bold; }


/*\ Hyperlinks ffb019  d38d01\*/
/*_________________________________________________________________________*/

a:link, a:active { color: #ffb019; font-weight: bold; text-decoration: none;} 
a:visited { color: #ffb019; font-weight: bold; text-decoration: none;}
a:hover { color: #ffffff; font-weight: bold; text-decoration: none;}
a.active:link { color: #ffb019; font-weight: bold; }
a.active:active	{ color: #ff0000; font-weight: bold; }
a.active:visited { color: #ffb019; font-weight: bold; }
a.active:hover { color: #fff; }
a.visited:link { color: #b1b1b1; font-weight: bold; }
a.visited:active { color: #ff0000; font-weight: bold; }
a.visited:visited { color: #b1b1b1; font-weight: bold; }
a.visited:hover	{ color: #fff; }
a.index:link, a.index:active, a.index:visited { color: #ccc; text-decoration: none; }
a.index:hover { color: white; }
a.current { font-size: 12px; color: white; text-decoration: none;}
.character-select a, .character-select a:active, .character-select a:visited { font-weight: normal; }
a.nav:link, a.nav:visited, a.nav:active { font: normal 11px arial,verdana, sans-serif; color: #cba300; }
a.nav:hover { color: #fff; }	
a.subMenuLink, a.subMenuLink:link, a.subMenuLink:visited { color: white; font-weight:normal; text-decoration: none; font-family:arial,comic sans ms,technical; font-size: 11px; display:block;}
a.subMenuLink img {border-style:none;}

/*\ Form Elements \*/
/*_________________________________________________________________________*/

form { margin: 0; padding: 0; }
input, textarea { background: #0d1a2d; border: 1px solid #7f7f7f; color: #ffac04; }
input { background: #0d1a2d url('/images/forum-menu-search-tile.gif') repeat-x; }
select { background: #0d1a2d; color: #ffac04; font-size: 11px; }
input.button { background: transparent; border-style: none; }
select.gray { background-color: #040d1a; color: #ffac04; }
select.forum-dropdown { display:inline; width: 185px; margin-left: 10px; }
input.post-subject-field, textarea.post-message-text, textarea.options-signature-text { font: 12px Arial, Helvetica, sans-serif; color: white; }
input.post-subject-field, input.login-account-field, input.login-password-field, input.options-email-field, input.options-talent-field { background: #0d1a2d url('/images/forum-menu-search-tile.gif') repeat-x; padding: 2px 0 2px 4px; }
textarea.post-message-text, textarea.options-signature-text { background: #0d1a2d url('/images/post-textarea-bg.gif') repeat-x 0 0; }
input.quick-search-field { width: 138px; margin-right: 2px; padding: 1px 0 1px 4px; }
input.post-subject-field { width: 245px; margin: 58px 0 0 44px; }
input.post-login-field { width: 245px; margin: 35px 0 0 44px; }
textarea.post-message-text { width: 584px; margin: 19px 0 0 19px; height: 238px;  padding: 10px; }
input.login-account-field, input.login-password-field  { width: 170px; margin: 28px 0 0 35px; }
input.login-password-field { margin: 31px 0 0 35px; }
input.options-email-field { width: 170px; margin: 14px 0 0 62px; }
input.options-talent-field { width: 290px; margin: 14px 0 0 32px; }
select.options-timezone { width: 314px; margin: 15px 0 0 35px; background: #0d1a2d; }
textarea.options-signature-text { width: 584px; margin: 19px 0 0 19px; height: 90px; padding: 10px; }
optgroup { text-align:center; }


/*\ Header Styles \*/
/*_________________________________________________________________________*/

#header, .logo-container, .logo-right, .gryph-container, .gryph-z, #main-nav { display: block; }
#header { width: auto; min-width: 775px; height: 92px; }
.logo-container, .logo-right { width: 750px; height: 92px; }
.logo-container { margin: 0 auto; }
.logo-right { position: relative; z-index: 20; }
h1.wow-logo { position: absolute; top: 1px; left: 198px; margin: 0; padding: 0; width: 372px; height: 195px; }
a.ielink { display:block;z-index:99999;width:372px;height:125px;top:0; left: 198px;position:absolute; }
.gryph-container { position: relative; width: 100%; min-width: 775px; z-index: 4020; }
.gryph-z { position: relative; z-index: 5020; }
span.left-gryphon, span.right-gryphon { position: absolute; top: -92px; width: 115px; height: 92px; }
span.left-gryphon { left: 0px; }
span.right-gryphon { right: 0px;background-position:100% 0 !important }
#main-nav { position: relative; width: 100%; height: 48px; min-width: 775px; background: none; margin-top: -1px; margin-bottom: 11px; display:none;}
#main-nav div.left { position: relative; width: 100%; height: 65px; min-width: 775px; background: url('/images/subnav/navbar-left.gif') no-repeat 0 0; }
#main-nav div.left div.right { position: relative; width: 100%; height: 65px; min-width: 775px; background: url('/images/subnav/navbar-right.gif') no-repeat right; }				
#main-nav div.left div.right div.nav { width: 100%; text-align: center; margin: 0 auto; padding: 16px 0 0 0; }			
#main-nav div.left div.right div.nav div.minwidth { width: 775px; min-width: 775px; text-align: center; margin: 0 auto; }
#main-nav div.left div.right div.nav div.minwidth-search { width: 900px; min-width: 900px; text-align: center; margin: 0 auto; }
#style-switcher { position: relative; width: 100%; min-width: 775px; z-index: 2020; }
.switcher-container { position: absolute; top: -50px; right: 70px; }
.language-switcher-container { position: absolute; top: -50px; right: 180px; }
.language-selector {padding:0 0 0 15px;}
h1.theme-title { height: 25px; width: 111px; margin: 0; padding: 0; }
h1.language-title { height: 25px; width: 111px; margin: 0; padding: 0;}
#style-switcher ul { display: block; list-style: none; margin: 0; padding: 0 0 0 20px; height: 25px; width: 108px; }
li.alliance { display: block; float: left; background: url('/images/toggle-alliance0.gif') no-repeat; height: 25px; width: 32px; }
li.horde { display: block; float: left; background: url('/images/toggle-horde0.gif') no-repeat; height: 25px; width: 31px; }
li.bc { display: block; float: left; background: url('/images/toggle-bc0.gif') no-repeat 0 -1px; height: 25px; width: 28px; }
/*li.xmas { display: block; float: left; background: url('/images/toggle-xmas1.gif') no-repeat 0 -1px; height: 25px; width: 28px; }*/
.bg-theme { height: 170px; }
#postbackground { width: 100%; display: table; clear: left; }
#postbackground .right { padding: 5px; }


/*\ Navigation \*/
/*_________________________________________________________________________*/

.subnav-container { text-align: center; background: url('/images/back2.png'); }
.top-shadow { background: url('/images/subnav/bg-shadow-tile-top.png'); height: 8px; width: 100%; margin-top: -1px;margin-bottom: -8px; }
.drop-shadow { background: url('/images/subnav/bg-shadow-tile.png'); height: 8px; width: 100%; margin-bottom: -9px;}
.navigation { position: absolute; top:91px;	z-index:2; }
.button	{ color:#FFFFFF; font-size:9px;	letter-spacing:-1px; }		

/*\ Gold Border Container \*/
/*_________________________________________________________________________*/

.border, .border .im3, .border .im6, .border .im8, .border ul { text-align:left; width: 100%; margin: 0px; padding: 0; }
.border ul { list-style: none; }
.border { background: url('/images/back.png') repeat 0 0; }
/*.gborder ul { background: url('/images/border-left.gif') repeat-y left; }
.gborder ul li.bg { background: url('/images/border-right.gif') repeat-y right; }
.gborder ul li div.a { background: url('/images/border-top.gif') repeat-x top; }
.gborder ul li div.a ul { background: url('/images/border-bot.gif') repeat-x bottom; }
.gborder ul li div.a ul li.bg { background: url('/images/border-top-left.gif') no-repeat top left; }
.gborder ul li div.a ul li div.b { background: url('/images/border-top-right.gif') no-repeat top right; }
.gborder ul li div.a ul li div.b ul { background: url('/images/border-bot-left.gif') no-repeat bottom left; }
.gborder ul li div.a ul li div.b ul li.bg { background: url('/images/border-bot-right.gif') no-repeat bottom right; }
.gborder ul li div.a ul li div.b ul li div.c { padding: 20px 0 45px 0; text-align: left; }
.gborder ul li div.a ul li div.b ul li div.c ul { margin: 0; background: none; }
.gborder ul li div.a ul li div.b ul li div.c ul li { padding: 9px 0 0 15px; background: url('/images/square.gif') no-repeat 0 8px; }*/
  
  
/*\ Forum Lists \*/
/*_________________________________________________________________________*/

.message-format ul { list-style: disc; }
.message-format ul li { list-style: disc; display: list-item; }
.message-format li { list-style: disc; margin: 0; padding: 0; display: list-item; }
#forumHead .list {  background-position:0 16px !important }
#forumlistcontainer { width: 98%; }
#forumlistcontainer .left { float: left; width: 50%; border: 1px solid transparent;}
#forumlistcontainer .right { float: right; width: 49%; border: 1px solid transparent;}
#forumlistcontainer ol { list-style: none; margin: 0; padding: 0; text-align: left; clear: both; padding: 10px 0; }
#forumlistcontainer ol li.a { display: block; padding: 5px 10px 10px 10px; height: auto; background: none !important;  }
#forumlistcontainer ol li.a img { margin: 0 5px 20px 0; }
#forumlistcontainer ol li.b { display: block; padding: 5px 10px 0 10px; background: none; }
#forumlistcontainer ol li.c, #forumlistcontainer ol li.c2 { float: left; padding: 0; margin: 0; }
#forumlistcontainer ol li.c { width: 45px; text-align: center;background:none !important }
#forumlistcontainer ol li.c2 { width: 440px; background-image: none; }
#forumlistcontainer ol li.classes { background: url('/images/forumbullets/bullet.gif') no-repeat 0 10px; }
#forumlistcontainer ol:after { clear: left; height: 1px; content: " "; display: block; }

div.display-margin {  }
.avatar-nav { width: 500px; height: 27px; position: relative; display: block; margin-top: 20px; }
.avatar-nav span { font-size: 11px; }
.avatar-nav ol { list-style: none; margin: 0; padding: 0; }
.avatar-nav ol li { position: absolute; top: 0px; width: 104px; height: 21px; background: url('/images/tab-nf.gif') no-repeat top right !important; padding: 5px 0 0 0; text-align: center; }
.avatar-nav ol li.selected { background: url('/images/tab-f.gif') no-repeat top right !important; z-index: 90; height: 28px; }
.avatar-nav ol li.selected a, #avatar-nav ol li.selected a:active, #avatar-nav ol li.selected a:visited { color: white; } 
.avatar-nav ol li.tab-one { right: -10px; }
.avatar-nav ol li.tab-two { right: 90px; }
.avatar-nav ol li.tab-three { right: 190px; }
.avatar-nav span.grey { color: #666666; }
.avatar-nav a, #avatar-nav a:visited, #avatar-nav a:active { text-decoration: none; }
.avatar-nav a:hover { color: white; text-decoration: none; }
.list-avatars { width: 500px; border: 1px solid #424242; background: black; padding: 7px; }
.list-avatars h1 { color: #FF9900; padding: 10px; font-size: 18px; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: normal; }
.list-avatars ol { margin: 0; padding: 0; list-style: none; clear: both; }
.list-avatars ol li { float: left; display: block; width: 80px; height: 81px; background: url('/images/framebg2.gif') no-repeat !important; text-align: center; padding: 8px 0 0 0 !important; margin: 20px }
.list-avatars p { margin: 5px 0 0 0; font-size: 11px; }
#classforumlist { position: relative; clear: both; margin-left: 30px; background: transparent; }
#classforumlist table { width: 90%; margin: 10px 0 10px 0; background: transparent; }
#classforumlist td { padding: 4px; background: transparent; }
#fcontainer { background: none; padding: 5px 0; }
#fcontainer ol { background: none; }
#fcontainer ol li { background: none; }
ol.rlist { list-style: disc; color: #ccc; }
.subtext { font: 11px/14px "Trebuchet MS", Arial, Helvetics, sans-serif; color: #b3904c; line-height: 20px;}


/*\ Tooltips \*/
/*_________________________________________________________________________*/

#contents { visibility: hidden; position: absolute; z-index: 9999999; width: 5px; background: url('/images/blue-bg.png'); }
#dynamicTooltip { visibility: hidden; position: absolute; z-index: 999999; }
#tooltipText { visibility: hidden; color: #fff; font-family: verdana, arial, sans-serif; font-size:8pt; font-weight:normal; padding: 4px; white-space:nowrap; }
.trans_div { /* This is an IE filter command. Other browsers will ignore it */
/* It goes into the trans_div class */ }
/* Square bracketed class styles are usable non-IE type browsers */
/* This is a seperate css entry, not part of the original trans_div class */
.trans_div[class] { background-image:url(/images/blue-bg.png); }
.miniText {font-size: 12px; font-style: italic;}

.email { top: 105px; left: 430px; width: 265px; }
.timezones { top: 165px; left: 430px; width: 265px; }
.talents { top: 225px; left: 430px; width: 265px; }
.signatures { top: 375px; left: 50px; width: 418px; }

.tooltips { position: relative; z-index: 100099900; }
.tt-header{ position: relative; z-index: 100099999; }
.tt-header em { position: absolute; top: 0; left: -7px; height: 25px; width: 95px; background: url('/images/tooltip-alert.png') no-repeat 0 0; }
.tt-header em span { display: none; }
.tt-header em img { margin: 0 0 0 20px; }
.tooltips-container { position: absolute; }
.tooltips-container table { padding: 0; border: 0; border-collapse: collapse; }
.tooltips-container td { padding: 0; }
td.tt1 { width: 12px; height: 11px; background: url('/images/tooltip-top-left.png') no-repeat; }
td.tt2 { height: 11px; background: url('/images/tooltip-top.png') repeat-x 0 0; }
td.tt3 { width: 12px; height: 11px; background: url('/images/tooltip-top-right.png') no-repeat; }
td.tt4 { width: 12px; background: url('/images/tooltip-left.png') repeat-y; }
td.tt5 { background: url('/images/tooltip-back.png') repeat; }
td.tt6 { width: 12px; background: url('/images/tooltip-right.png') repeat-y; }
td.tt7 { width: 12px; height: 11px; background: url('/images/tooltip-bot-left.png') no-repeat; }
td.tt8 { height: 11px; background: url('/images/tooltip-bot.png') repeat-x 0 0; }
td.tt9 { width: 12px; height: 11px; background: url('/images/tooltip-bot-right.png') no-repeat; }
.tt-content { display: block; padding: 2px; color: #878787; font: 11px/12px "Trebuchet MS", Verdana, sans-serif; }
.tt-content strong { color: white; }
.tt-content a, .tt-content a:active, .tt-content a:visited { font-weight: normal; }


/*\ Error Handling \*/
/*_________________________________________________________________________*/

#topic-notice { position: relative; display: block; clear: both; width: 2px; height: 1px; background: red; font-size: 1px; }
.topic-notice-container { position: absolute; top: -40px; left: -50px; width: 38px; height: 26px; background: url('/images/icons/topic-limit-bg.gif') no-repeat; }
.topic-notice-container h3 { margin: 6px 7px 0 0px; padding: 0; color: white; font-weight: bold; font-size: 11px; }
.topic-tooltip { position: absolute; top: -40px; left: -50px; width: 38px; height: 26px; }
.error-message { position: absolute; display: block; z-index: 200; display: block; }
#error-container { display: block; white-space: nowrap; width: 100%; }
#error-container div.arrow { display: block; position: absolute; height: 13px; width: 13px; top: 2px; left: -10px; background: url('/images/icons/arrow-left.gif') no-repeat top left; }
#error-container div.red-container { display: block; background: red; padding: 0px 20px 0px 5px; border: 1px solid black; }
#error-container span { font-weight: bold; color: white; font-size: 11px; background: url('/images/icons/error-tiny2.gif') no-repeat 0 0; padding-left: 15px; }
.error-mini[class] { position: relative; width: inherit;  }
.error-mini { position: relative; width: inherit; width: 1px; z-index: 999; }
.c h2 { margin-top: 15px; font-family: Georgia, "Times New Roman", Times, serif; }
.c { line-height: 140%; }
span.emph { font-weight: bold; color: #00c0ff; border-bottom: 1px dotted white; }
p.inset { display: block; width: 87%; padding: 20px; margin: 0 auto; text-align: center; }
.redirect b { display: none; }
img.poll-alert { position: relative; top: 10px; left: -5px; margin: -15px 5px 0 0;  }
.er { position: absolute !important; z-index: 9089; right: 7%; top:0px; width:30%; }
.er .poll-content { color: red !important; }


/*\ Footer Styles \*/
/*_________________________________________________________________________*/

#ftrText { margin: 20px auto; text-align: center; min-width: 775px; width: 100%; clear: both; }
#ftrText .width, #footerShell, #footerShell .logo { text-align: center; margin: 0 auto; }
#ftrText .width { width: 775px; }
#footerShell { width: 100%; height: 46px; }					
#footerShell .logo { min-width: 775px; width: 775px; }
.forum-footer {clear:both}


/* Top Banner */
#shared_topnav { background: #072540 url('/images/bg.gif') 50% 0; border-bottom:1px solid black; }
.topnav { width:100%; text-align:center; position:absolute; z-index:12; font: bold 11px Tahoma;	background: url('/images/topbg2.gif') no-repeat 50% 0; border-bottom: 1px solid #143352; padding: 6px 0; }
.tn_interior { width:916px; margin:0px auto; text-align:right; padding-right:40px; }
.topnav a:link, .topnav a:visited { color:#D0A803; text-decoration:none; padding:2px; margin:0 15px; }
.topnav a:hover { color: white; }
.tn_push { height:26px;}

/* Forums Specific Styles */
.tn_forums .tn_interior { width:auto; }

/* Armory Specific Styles */
.tn_armory .tn_interior {  width:1024px; padding:0;}

/* Community Site Specific Styles */
.tn_wow { } 


/*
Copyright 2006 Blizzard Entertainment, Inc.
forums.worldofwarcraft.com Forums CSS 
*/

/*\ Forum Index \*/
/*_________________________________________________________________________*/

.indexing { clear:both;color:#e5e5e5;font:11px/14px Arial, Helvatica, sans-serif;padding:0 3px }
.indexing table {border:0;padding:0;margin:0;border-collapse:collapse}
.indexing td,.parent-forum {width:50%;background:black url('/images/forum-list-sep.gif') no-repeat 50% 100%}
.haschild { background:#1b1f23 url('/images/forum-list.gif') repeat-x 0 100%}
.indexing td {vertical-align:top;border:6px solid black;cursor:pointer}
.indexing td:hover,.parent-forum:hover {background:#14171b}
.parent-forum div,.indexing td div {margin:0;padding:10px 10px 10px 55px;min-height:35px; }
.indexing h3 {margin:0;padding:0;font:12px/18px Arial, Helvatica, sans-serif}
.indexing h3 a {font-weight:bold;text-decoration:none}
.indexing p {margin:0;padding:4px 0}
.parent-forum{width:100%;margin:1px 0;cursor:pointer}
.parent-forum h3 {text-transform:uppercase}
.child-listing{background:#0e1827 url('/images/class-list.jpg') no-repeat 0 0;padding:5px 15px;height:100%}
.icon h3{padding:0 0 0 35px;line-height:28px;}
em.child-view {display:block;width:23px;height:16px;background:url('/images/child-arrow.gif') no-repeat 0 -16px;float:right;margin:11px 0 0 0}
em.child-view-expand {display:block;width:23px;height:16px;background:url('/images/child-arrow.gif') no-repeat 0 0;float:right;margin:11px 0 0 0}
.child {cursor:pointer;float:left;min-width:117px;padding:5px;border-bottom:1px solid #112849;margin:2px;background-repeat:no-repeat !important;background-position:0 3px !important;background-color:transparent !important}
.child:hover {background-color:#0a2158 !important;border-bottom:1px solid #0342cb}
.child h3 {font-size:12px}
.child a,.child a:active,.child a:visited {color:white;}

.smallbox {position: relative;float:right;width:280px;}
.small-content {padding:30px 40px 45px 40px;text-align:left;}
.index-header{float: left; position: relative; width: 410px; color:white; padding:30px 3px;}



/*\ Forum Layout Styles \*/
/*_________________________________________________________________________*/

table.threadtopic, td.tableheader  { border-width: 1px; border-style: solid; }
table.threadtopic { background: #0c0c0c; border-color: #8c8e89 #8c8e89 #0c0c0c #0c0c0c; }
tr.tableheader, td.tableheader { background: #393731 url('/images/thread-topic-bg3.gif') repeat-x;	border-color: #060400 #060400 #060400 #060400;  font-weight: bold; color: #fff; height: 45px; padding-left: 20px; padding-right: 20px;}
tr.tableheader2, td.tableheader2 { background: #393731 url('/images/thread-topic-bg2.gif') repeat-x;	border-color: #060400 #060400 #060400 #060400;  font-weight: bold; color: #fff; height: 23px; padding-left: 20px; padding-right: 20px;}
tr.tableheader2, td.tableheader2 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; vertical-align: middle; background-color: #101010;}	
td.tableinfo 	{ background: #393731 url('/images/thread-topic-bginfo.gif') repeat-x; font-weight: normal; color: #fff; padding-left: 20px; font-size: 10px; height: 21px}
#paging, .theader { font-size: 11px; font-weight: bold; color: #fff; height: 22px; margin: 0; padding: 3px 0 0 0; width: 100%; min-width: 775px; }
#paging { background: #000 url('/images/paging-bg.gif') repeat-x; }
.theader { display: table; background: #393731 url('/images/thread-topic-bg2.gif') repeat-x;  }
.theader div.lpage-thread, .theader div.lpage { float: left; width: auto; text-align: left; }
.theader div.rpage-thread, #topicfooter div.rpage { display: table; float: right; width: auto; text-align: right; padding: 0 10px 0 0; }
.theader div.rpage-thread ul, .theader div.rpage ul, #topicfooter div.rpage ul { list-style: none; margin: 0; padding: 0; }
.theader div.rpage-thread ul li, .theader div.rpage ul li, #topicfooter div.rpage ul li { float: right; }
.theader div.rpage { display: block; float: right; width: 300px; text-align: right; padding: 0 10px 0 0; }
.theader .lsort { float: right; width: 400px; text-align: right; }
#pagecount { width:auto; display:block;}
#pagecount ul { float: right; list-style:none; margin: 0; padding: 4px 0 0 0; height: 21px; }
#pagecount ul li { display:block; float: left; }
div.rpage a:hover, div.rpage-thread a:hover { text-decoration: none;}
.tbottom { width: 100%; height: 17px; }
#topicfooter { background: url('/images/thread-topic-bg2.gif') repeat-x; width: 100%; height: 20px; min-width: 775px; clear: both; }
#topicfooter div.rpage { margin-top: 2px; }
#topicfooter div.lpage { float: left; margin-top: 2px; padding-left: 15px; background: url('/images/footer-forumindex-bg.gif') no-repeat; height: 46px; width: 200px; }
.forum-index { width: 100%; position: relative; height: 39px; text-align: right; }
.findex { float: right; padding-right: 14px; height: 46px; width: 270px; background-position:100% 1px !important }
.findex a img { position:relative;top:-3px }
#topicheader { width: 100%; height: 41px; min-width: 775px; clear: both; }
#topicview { float: left; background: #0C0C0C; border-top: 1px solid #8C8E89; border-right: 1px solid #333; border-bottom: 1px solid #333; height: 18px; margin: 0; }
#topicview ul { list-style: none; margin: 0; padding: 0; }
#topicview ul li { float: left; padding: 1px; }
table.tableoutline { border: 1px solid #575757; }
table.blueoutline  { border: 1px solid #1481CA; }
td.tableoutline { border: 1px solid #343434; }
div.tableoutline { border: 1px solid #343434; }
table.threadtable { background: #000000; }
#postcontainer { background: black; margin: 0; width: 100%; min-width: 775px; }
#postcontainer table { width: 100%; }
#postcontainer .p { padding: 1px 5px; }
#searchbackground { width: 100%; display: table; background: url('/images/search-bg-tile-left.jpg') repeat-y 0 0; }
#searchbackground .right { display: table-cell; background: url('/images/search-bg-tile-right.jpg') repeat-y 100% 0; padding: 20px 5px 5px 5px; min-height: 240px; height: 100%; }
.post-success { display: table; height: 200px; width: 300px; margin: 0 auto; padding: 40px 10px; text-align: left; clear: left; }
  
  
/*\ Post Topic / Reply \*/
/*_________________________________________________________________________*/

#post { width: 100%; background: url('/images/forum-bg-tile-top.jpg') repeat-x 0 0; }
.post-box, .post-box-bottom, .post-box-top { width: 773px; }
.post-box { margin: 0 auto; background: url('/images/post-out-sides.gif') repeat-y; }
.post-box-bottom { background: url('/images/post-out-footer.gif') no-repeat 0 100%; }
.post-box-top { background: url('/images/post-outer-bg-top.gif') no-repeat 0 0; display: table; }
.post-top { background: url('/images/post-main-bg.jpg') repeat-x 0 0; height: auto;  }
#post blockquote { margin: 0; padding: 0; background: #1b1b1b url('/images/post-tile-bottom.gif') repeat-x 0 100%; border: 1px solid black; }
#post-topic-shell { width: 723px; border-top: 1px solid #000; border-bottom: 1px solid #000; background: #1b1b1b; margin: 7px 25px 25px; }
.subject-container, .message-container, #login-page { width: 700px; margin: 0 auto; }
.post-title { width: 92px; height: 35px; position: absolute; top: -25px; left: -35px; background: url('/images/post-title.gif') no-repeat; }
.post-title2 { width: 92px; height: 35px; position: absolute; top: -125px; left: -35px; background: url('/images/post-title.gif') no-repeat; }
#post h1, #post h2 { margin: 0; padding: 0; position: absolute; }
#post h1 { top: 35px; left: 16px; height: 19px; width: 80px; }
#post h2 { top: -7px; left: -10px; height: 22px; width: 90px; }
#post h1 span, #post h2 span, #post h3 span, #post h4 span, #post h5 span { display: none; }
.login-box, .subject-box, .subject-message { float: left; position: relative; }
.subject-box { width: 330px; height: 118px; background: url('/images/post-topic-box.gif') no-repeat 6px 43px; }
.login-box { width: 330px; height: 75px; background: url('/images/post-topic-box.gif') no-repeat 6px 20px; }
.subject-message { margin: 34px 0 0 26px; width: 314px; height: 61px; background: url('/images/subject-message-bg.gif') no-repeat; }
.subject-message ul, .sig-options ul, .post-button-right ul, post-ui-right ul, .admin-box ul, .login-message ul { margin: 0; padding: 0; list-style: none; clear: left; }
.subject-message ul li { float: left; display: block; width: auto; height: 61px; font: 10px/100% Arial, Helvetica, sans-serif; color: #878787; }
.subject-message ul li.help-tip { width: 230px; padding: 10px 0 0 0; margin: 0 0 0 10px; }
.subject-message ul li.help-tip p { margin: 3px 0 0 0; padding: 0; font: 10px/100% "Trebuchet MS", Arial, Helvetica, sans-serif; }
.subject-message h3 { padding: 10px 0 0 0; font: small-caps 250%/110% Georgia, "Times New Roman", Times, serif; color: #00c417; width: 60px; text-align: center; }
.subject-message h4 { padding: 10px 0 0 0; margin: 17px 10px 0 15px; background: url('/images/icons/alert.gif') no-repeat; width: 30px; height:28px; text-align: center; }
.options-container { margin: 0 20px 11px 34px; position: relative; width: 647px; background: url('/images/post-back.png') repeat; }
.options-left { width: 647px; background: url('/images/post-util-left.gif') repeat-y 0 0; }
.options-right { width: 647px; background: url('/images/post-util-right.gif') repeat-y 100% 0; }
.options-bot { width: 647px; background: url('/images/post-util-bot.gif') no-repeat 0 100%; }
.options-top { width: 647px; display: table; height: 97px; background: url('/images/post-util-top.gif') no-repeat 0 0; }
.nobg { background: url('/images/post-util-top-clear.gif') no-repeat 0 0; }
.sig-options, .login-options { width: 250px; float: left; height: 60px; margin: 20px 0 0 20px; }
.sig-options ul { margin-top: 22px; }
.sig-options ul li, .admin-box ul li { float: left; display: table; width: auto; font: 12px/110% Arial, Helvetica, sans-serif; color: #878787; }
li.check-box { background: url('/images/checkbox-bg.gif') no-repeat 1px 0px; width: 25px; }
li.sig-desc { padding: 5px 0 0 0; }
.post-button { width: 284px; float: right; margin: 9px 11px 0 0px; background: url('/images/post-button-bg.gif') repeat-x 20px 0; }
.post-button-left { width: 284px; background: url('/images/post-button-left.gif') no-repeat 0 0; }
.post-button-right { width: 284px; background: url('/images/post-button-right.gif') no-repeat 100% 0; display: table; height: 79px; }
.post-button-right ul { margin: 27px 0 0 36px; }
.post-button-right ul li { float: left; }
.post-ui-container { font-size: 1px; position: relative; z-index: 1010; }
#post-ui { position: absolute; top: -14px; right: 90px; height: 31px; width: 210px; background: url('/images/post-ui-bg.gif') repeat-x 0 0; }
.post-ui-left { width: 210px; background: url('/images/post-ui-left.gif') no-repeat 0 0; }
.post-ui-right { width: 210px; background: url('/images/post-ui-right.gif') no-repeat 100% 0; display: table; height: 35px; }
.post-ui-right ul { margin: 0 0 0 7px !important; padding: 0 !important; }
.post-ui-right ul li { float: left; position: relative; top: 8px; display: block; height: 35px; width: 28px; }
.post-ui-right ul li img { border: 0; width: 28px; height: 35px; }
.post-ui-right ul li a:hover { display: block; width: 28px; height: 35px; background: url('/images/button-hover.gif') no-repeat 0 0; }
#post li.bold { background: url('/images/button-bold.gif') no-repeat; }
#post li.italic { background: url('/images/button-italic.gif') no-repeat; }
#post li.underline { background: url('/images/button-underline.gif') no-repeat; }
#post li.list { background: url('/images/button-list.gif') no-repeat; }
#post li.tabbed-list { background: url('/images/button-tabbed-list.gif') no-repeat; }
#post li.hr { background: url('/images/button-hr.gif') no-repeat; }
#post li.pre { background: url('/images/button-pre.gif') no-repeat; }
#post li.quote { background: url('/images/button-quote.gif') no-repeat; }
#admin-container { position: relative; font-size: 1px; z-index: 2100; }
.admin-box { position: absolute; top: 455px; left: 230px; background: url('/images/back.png') repeat; width: 150px; height: 50px; display: block; border-width: 1px; border-style: solid; border-color: #999 #999 #484848 #484848; padding: 16px 0 10px 10px; }
#admin-container h1 { margin: 0; padding: 0; width: 90px; height: 16px; position: absolute; top: 436px; left: 260px; z-index: 2200; }
.message-container, .options-container { clear: both; }
.message-body-main, .message-bottom, .message-top { width: 643px; }
.message-body-main { position: relative; background: black url('/images/post-message-box-sides.gif') repeat-y; margin: 0 0 0 25px; }
.message-bottom { background: url('/images/post-message-box-bot.gif') no-repeat 0 100%; }
.message-top { background: url('/images/post-message-box-top.gif') no-repeat 0 0; display: table; height: 310px; }
.plain { background: url('/images/options-message-box-top.gif') no-repeat 0 0; height: 160px; }

/*\ Account Options Page \*/
/*_________________________________________________________________________*/

.options-title { width: 340px; height: 48px; position: absolute; top: -25px; left: -35px; }
.options-box { position: relative; width: 330px; height: 109px; background: url('/images/options-account-bg.gif') no-repeat 30px 43px; }
.options-email { position: relative; width: 330px; height: 65px; background: url('/images/options-email-bg.gif') no-repeat 30px 0px; }
.options-basic { position: relative; width: 425px; height: 65px; }
#post .options-box h1, #post .options-email h2, #post .options-basic h3, #post .options-basic h4, #post .message-top h5 { margin: 0; padding: 0; position: absolute; }
#post .options-box h1 { top: 35px; left: 31px; height: 18px; width: 85px; }
#post .options-email h2 { top: -7px; left: 31px; height: 16px; width: 69px; }
#post .options-basic h3 { top: -7px; left: 28px; height: 16px; width: 89px; }
#post .options-basic h4 { top: -7px; left: 28px; height: 16px; width: 129px; }
#post .message-top h5 { top: -7px; left: 2px; height: 22px; width: 75px; }
.options-box big { width: 175px; height: 20px; position: absolute; top: 59px; left: 70px; font: bold 12px Arial, Helvetica, sans-serif; color: #9b9b9b; }
.options-basic-container, .options-basic-right, .options-basic-left, .options-talent-container, .options-talent-right, .options-talent-left { height: 49px; }
.options-basic-container, .options-talent-container { margin: 0 0 0 30px; background: url('/images/options-basic-tile.gif') repeat-x 0 0; }
.options-basic-right, .options-talent-right { background: url('/images/options-basic-right.gif') no-repeat 100% 0; }
.options-basic-left, .options-talent-left { background: url('/images/options-basic-left.gif') no-repeat 0 0; }
.options-basic-container {  width: 386px; }
.options-basic-right { width: 386px; }
.options-basic-left { width: 386px; }
.options-talent-container { width: 364px; }
.options-talent-right { width: 364px; }
.options-talent-left { width: 364px; }
.name-plate { position: relative; height: 1px; z-index: 90; }
.user-nameplate { position: absolute; top: -17px; left: 150px; height: 31px; }
.user-nameplate-wrapper { float: left; background: url('/images/name-plate-tile.gif') repeat-x 0 0; height: 31px; }
.user-nameplate-right { float: left; height: 31px; width: 7px; background: url('/images/name-plate-right.gif') no-repeat 100% 0; }
.user-nameplate-left { float: left; height: 31px; width: 7px; background: url('/images/name-plate-left.gif') no-repeat 0 0; }
.user-nameplate-wrapper ul { margin: 0; padding: 0; list-style: none; }
.user-nameplate-wrapper ul li { float: left; height: 28px; padding: 5px 0 0 5px; }
.user-nameplate-wrapper ul li span { font: 150% Georgia, "Times New Roman", Times, serif; color: white; padding: 0 10px 0 0; }
.user-nameplate-wrapper ul li img { margin: 3px 2px 0 -4px; position: relative; }
.character-select { float: left; color: white; font: 11px/12px "Trebuchet MS", Verdana, sans-serif; padding: 3px 0 0 0; }
.talent-icon { position: absolute; top: 7px; left: 375px; width: 35px; height: 40px; background: url('/images/icons/talents0.gif') no-repeat; }
.talent-icon a:hover { background: url('/images/icons/talents1.gif') no-repeat 0 0; display: block; height: 40px; width: 35px; }
.error-box-position{position:absolute; margin:0 0 0 320px;}


/*\ Login Page \*/
/*_________________________________________________________________________*/

#login-page h4, #login-page h5 { margin: 0; padding: 0; position: absolute; left: 0px; }
#login-page h4 { top: 7px; height: 18px; width: 90px; }
#login-page h5 { top: 10px; height: 19px; width: 78px; }
#login-page h4 span, #login-page h5 span { display: none; }
.login-message { position: relative; margin: 34px auto 10px; width: 314px; height: 61px; background: url('/images/login-message-bg.gif') no-repeat; }
.login-message ul li { float: left; display: block; width: auto; height: 61px; font: 12px/110% Arial, Helvetica, sans-serif; color: #878787; }
.login-message ul li.help-tip { width: 230px; padding: 10px 0 0 0; margin: 0 0 0 10px; }
.login-message ul li.help-tip em { font: 10px/100% "Trebuchet MS", Arial, Helvetica, sans-serif; }
.login-message h3 { position: relative; background: url('/images/icons/alert-big.gif') no-repeat; width: 50px; height: 54px; left: 20px; top: -5px; }
.login-account, .login-password { position: relative; margin: 0 auto; width: 247px; height: 79px; }
.login-account { background: url('/images/account-login-bg.gif') no-repeat 0 0; }
.login-password { background: url('/images/password-login-bg.gif') no-repeat 0 0; margin-bottom: 10px; }
.login-title { width: 285px; height: 42px; position: absolute; top: -130px; left: -265px; }
.login-options { width: 300px; margin: 21px 0 0 0; padding-left: 25px; color: #878787; }
.forgot-password { width: 150px; float: right; position: relative; top: -52px; right: 70px; color: #878787; }

  
/*\ Login Area \*/
/*_________________________________________________________________________*/

.login-header-container { min-width: 775px; margin: 0; padding: 0; color: #ffb019; }
#login { float: right; width: 225px; margin: 0; padding: 0; }	
#login div.top { position: relative; width: 225px; height: 18px; }
#login div.textfields { padding: 10px 3px 0 0; margin: 0 0 0 17px; height: 59px; font-size: 10px; }
#login div.textfields ul.hdr { list-style: none; margin: 0; padding: 0; }
#login div.textfields ul li.title { float: left; margin: 3px 0 0 0; width: 75px; }
#login div.textfields ul li.title img { position: relative; right: 5px; }
#login div.textfields ul { list-style: none; margin: 0; padding: 0; }
#login div.textfields ul li { float: left; }
#loginbuttons  { clear: right; float: right; width: 225px; height: 42px; margin: 0; padding: 0; }
#loginbuttons ul { list-style: none; margin: 0; padding: 0; }
#loginbuttons ul li.left { float: left; margin: 0; width: 13px; height: 42px; }					
#loginbuttons ul li.login { float: left; margin: 0; width: 97px; }
#loginbuttons ul li.mid { float: left; margin: 0; width: 8px; height: 42px; }						
#loginbuttons ul li.help { float: left; margin: 0; width: 98px; } 
#loginbuttons ul li.right { float: left; margin: 0; width: 8px; }


/*\ Login Area - User Logged In \*/
/*_________________________________________________________________________*/

#user { float: right; width: 260px; height: 101px; position: relative; }
#user div.top { position: relative; width: 260px; height: 18px; }
#user div.body { float: right; width: 160px; }
#user ul { list-style: none; margin: 3px 0 0 0; padding: 0; }  
#user ul li { float: left; }
#user ul li.gateway { float: left; width: 44px; }
#user ul li.account { line-height: 1.8em; }
#portrait { float: left; }
#portrait div.shell { position: relative; margin: 7px 0 0 19px; width: 64px; height: 64px; }
#portrait div.frame { position: absolute; background: url('/images/portrait-frame.gif') no-repeat; width: 82px; height: 83px; top: -8px; left: -8px; z-index: 200; }
#portrait div.noframe { position: absolute; background: url('/images/no-character-icon.gif') no-repeat; width: 82px; height: 83px; top: -8px; left: -8px; z-index: 200; }
#avatar { margin: 0 auto; width: 200px; text-align: center; }
#avatar .shell { position: relative; margin: 10px auto; width: 64px; height: 64px; }
#avatar .frame { position: absolute; background: url('/images/portrait-frame.gif') no-repeat; width: 82px; height: 83px; top: -8px; left: -8px; z-index: 200; }
#avatar .noframe { position: absolute; background: url('/images/no-character-icon.gif') no-repeat; width: 82px; height: 83px; top: -8px; left: -8px; z-index: 200; }
#avatar .iconPosition { position: absolute; top: -22px; right: 61px; width: 24px; text-align: center; color: #FFD823; z-index: 300; }
.avatarselect { margin: 0; width: 82px; }
.avatarselect .shell { position: relative; margin: 10px auto; width: 64px; height: 64px; }
.avatarselect .frame  { position: absolute; background: url('/images/portrait-frame.gif') no-repeat; width: 82px; height: 83px; top: -8px; left: -8px; z-index: 200; }
.avatarselect .noframe  { position: absolute; background: url('/images/no-character-icon.gif') no-repeat; width: 82px; height: 83px; top: -8px; left: -8px; z-index: 200; }
.avatarselect .iconPosition { position: absolute; top: -22px; right: 2px; width: 24px; text-align: center; color: #FFD823; z-index: 300; }
#logoutbuttons { clear: right; float: right; background: url('/images/login-bot-tile.gif') repeat-x; width: 260px; height: 42px;	margin: 0; padding: 0; }
#logoutbuttons div.iconPosition { position: absolute; top: -25px; left: 64px; width: 28px; text-align: center; color: #FFD823; z-index: 300; }
#logoutbuttons ul { list-style: none; margin: 0; padding: 0; }
#logoutbuttons ul li { float: left; margin: 0; width: 98px; }
#logoutbuttons ul li.left { float: left; margin: 0; width: 13px; height: 42px; background: url('/images/login-bot-left.gif') no-repeat; }
#logoutbuttons ul li.mid { float: left; margin: 0; width: 8px; height: 42px; background: url('/images/login-bot-mid.gif') no-repeat; }
#logoutbuttons ul li.right { float: left; margin: 0; width: 8px; background: url('/images/login-bot-right.gif') no-repeat; }
.admin-shortcuts { color: white; position: absolute; left: 95px; bottom:5px; }
a.quickadmin { display: block; float: left; height:23px; width:31px; }
a.view-sub { display: block; float: left; height:23px; width:26px; background: url('/images/icons/icon-subscription.gif') no-repeat 0 0; }
a.quickadmin:hover, a.view-sub:hover { background-position: 0 -23px; }
	
	
/*\ Forum Selector \*/
/*_________________________________________________________________________*/

#forumHead { float: left; width: 440px; margin: 20px 0 0 0; }
#forumHead .icon { float: left; width: 81px; background: none; }
#forumHead .list { float: right; width: 355px; height: 89px; }
#forumHead .text { float: left; width: 60px; text-align: right; margin: 4px 2px 0 0; }
#forumHead small.nav { color: #D3D3D3; }
#forumHead ul { list-style: none; margin: 15px 0 0 0; padding: 0; }
#forumHead li.title { height: 18px; padding: 8px 0 0 5px; }
#forumHead li.sel { margin: 0; padding: 0; }
#forumHead li.sel span { visibility: hidden; }
  

/*\ Forum Quick Search \*/
/*_________________________________________________________________________*/

table.board-clear { clear: both; margin: -11px 0 0 0; }
#search { position: relative; width: 100%; height: 39px; min-width: 775px; }
#search ul { list-style: none; margin: 0; padding: 0; }
#search ul li { float: left; }
#search li.a { float: left; width: 55px; height: 39px; }
#search li.b { float: left; height: 39px;  padding: 11px 0 0 0; }
#search li.c { float: left; width:150px;height: 39px;  }
#search div.advanced-search { position: absolute; padding: 0; margin: 0; top: -6px;}
#search div.advanced-search a:link, #search div.advanced-search a:active, #search div.advanced-search a:visited { display: block; }
#search div.forum-index { float: right; text-align: right; padding-right: 14px; height: 42px; width: 270px; }
#search div.forum-index { float: right; text-align: right; padding-right: 14px; height: 42px; width: 270px; }
#search img.quicksearch-newtopic {  position: absolute; top: -7px; left: 49px; }
img#forum-menu-quicksearch { left: 36px; }
#search div.advanced-search { background: url('/images/es_ES/forum-menu-advanced-search.gif') no-repeat 0 0; left: 126px; }
#search div.advanced-search a:link, #search div.advanced-search a:active, #search div.advanced-search a:visited { background: url('/images/es_ES/forum-menu-advanced-search.gif') no-repeat 0 0; }
#search div.advanced-search a:hover { background: url('/images/es_ES/forum-menu-advanced-search.gif') no-repeat 0 -17px; }


#search {background:url('/images/bc/forumliner-bg.gif') repeat-x }
#search div.forum-index { background:url('/images/bc/footer-forumindex-right-top.gif') no-repeat right  }
#search li.a { background:url('/images/bc/forum-menu-left.gif') no-repeat; }
#search li.b { background:url('/images/bc/forum-menu-search-bg.gif') repeat-x; }
#search li.c { background:url('/images/bc/forum-menu-search-right.gif') no-repeat;  }
.tbottom,.forum-index {background:url('/images/bc/forumliner-bg2.gif') repeat-x;}
#topicheader { background: url('/images/bc/topic-bg.gif') repeat-x; }
.findex {background: url('/images/bc/footer-forumindex-right-bot.gif') no-repeat;}
.border .im1{ background: url('/images/bc/border-left.gif') repeat-y 0 0; }
.border .im2{ background: url('/images/bc/border-right.gif') repeat-y 100% 0;}
.border .im3{ background: url('/images/bc/border-top.gif') repeat-x 0 0; }
.border .im4{ background: url('/images/bc/border-bot.gif') repeat-x 0 100%; }
.border .im5{ background: url('/images/bc/border-top-left.gif') no-repeat 0 0; }
.border .im6{ background: url('/images/bc/border-top-right.gif') no-repeat 100% 0; }
.border .im7{ background: url('/images/bc/border-bot-left.gif') no-repeat 0 100%; }
.border .im8{ background: url('/images/bc/border-bot-right.gif') no-repeat 100% 100%;position:relative;z-index:9 }
.border .im8 li{ padding: 9px 0 0 15px; background: url('/images/square.gif') no-repeat 0 8px; }

/*\ Forum Search Results \*/
/*_________________________________________________________________________*/

#searchcontainer { display: block; width: 100%; min-width: 775px; margin: 0; padding: 0; background: black; }
#floatingContainer { position: relative; }
#floatingContainer2 { position: absolute; }
#resultsContainer {float:left; width: 100%;}
.resultbox { display: block;}
.post1 { display: block; background: #313131 url('/images/search-top-tile1.gif') repeat-x top; border: 1px solid #000; }
.postf1 { display: block; background: url('/images/search-bot-tile.png') repeat-x bottom; }
.post2 { display: block; background: #1b1b1b url('/images/search-top-tile2.gif') repeat-x top; border: 1px solid #000; }
.postf2 { display: block; background: url('/images/search-bot-tile.png') repeat-x bottom; }
.excerptPadd {padding: 10px;}
.floatRight { position: relative; float:right; }
.searchArrow { background: url('/images/search-arrow.gif'); width: 42px; height: 40px; position: absolute; top: 10px; left: 17px; visibility: hidden;}
.miniText{ margin-top:2px; margin-right:2px; position: absolute; top: 0px; left: -80px; }
#searchcontainer ul { display: table; list-style: none; margin: 0; padding:0; width: 100%; }
#searchcontainer ul li { width: 100%; padding: 0; }
#searchcontainer ul li.postavatar { float: left; width: 85px; height: 85px; }
#searchcontainer ul li.userdata { float: left; width: 250px; height: 85px; padding-left: 40px; }
#searchcontainer ul li.summary { padding: 10px 0 0 0; }
#searchcontainer ul li.padding { padding: 3px 0 0 0; }
#searchcontainer div.iconPosition { position: absolute; top: -22px; right: 2px; width: 24px; text-align: center; color: #FFD823; z-index: 300; }
#searchcontainer div.searchbanner { position: absolute; top: -8px; height: 41px; width: 420px; background: url('/images/search-banner-bg.png') no-repeat; }
#searchcontainer div.postpreview { position: absolute; top: -28px; height: 41px; width: 420px; background: url('/images/search-banner-bg.png') no-repeat; }
#searchcontainer hr { height: 2px; border-bottom: 1px solid #3f3f3f; color: #292929; background-color: #292929; }
#resultinfopane { position: relative; background: #0e323e; border: 1px dashed #5d5d5d; padding: 6px; font-size: 11px; text-align: center; }
#messagepanel { position: relative; background: #092840; border: 1px solid #000; padding: 10px; margin-top: 10px; }
#messagepanel div.message-body { background: #464646; border: 1px solid #000; padding: 15px; text-align: left; min-width: 370px; }
.postdisplay {  display: block; background: #1b1b1b; border: 1px solid #000; padding: 2px; }
.postdisplay div.innerborder { display: block; background: #313131; border: 1px solid #000; padding: 2px; }
.postdisplay div.innercontainer { display: block; background: #313131 url('/images/search-avatar-bg.gif') no-repeat top left; border: 1px solid #000;  }
.postdisplay div.secondcontainer { display: table; background: url('/images/search-postjump-bg.gif') no-repeat top right; padding: 10px; width: 100%;  }
.postdisplay div.insert { display: table; width: 100%; padding: 0; margin: 0;  }
td.displaybox { padding: 20px 5px 0 0; background: url('/images/dark-portal.jpg') no-repeat bottom right; }
.search-overflow { position:absolute; z-index:999999; top:0px; right:10px; width:300px; height:3000px; display:none; background-color:red; }


/*\ Character Select \*/
/*_________________________________________________________________________*/

#character-post-info { display: table; padding: 10px; border: 1px dashed #252525; text-align: center; background: url('/images/back.png') repeat 0 0; margin: 0 auto; width: 567px; }
#talent-input { display: table; width: 400px; padding: 0; margin: 0; text-align: left; }
table#dlcharacters { border: 1px solid black; border-collapse: collapse; }


/*\ Character Search \*/
/*_________________________________________________________________________*/

#searchborder { width: 752px; background: url('/images/search-border-top.gif') repeat-x top; margin: 20px 0 0 20px; }
#searchborder div { background: url('/images/search-border-left.gif') repeat-y left; }
#searchborder div div { background: url('/images/search-border-right.gif') repeat-y right; }
#searchborder div div div { background: url('/images/search-border-top-right.gif') no-repeat top right; }
#searchborder div div div div { background: url('/images/search-border-top-left.gif') no-repeat top left; }
#searchborder div div div div div.padding { padding: 16px 16px 0 16px; }
#searchshell { position: relative; display: block; }
#searchshell div.searchbox { display: table; width: 720px; height: 100px; padding: 0; background: url('/images/back.png') repeat 0 0; }
#searchshell div.listbox { background: none; display: block; padding: 5px 0 0 25px; }
#searchshell ul { clear: both; list-style: none; margin: 0; padding: 0; }
#searchshell ul li { display: block; float: left; padding: 0; }
#searchshell ul li.icon { width: 25px; }
#searchshell ul li.text { width: 200px; }
#searchshell input.checkbox { border: none; }
.search-dialogue { height: 70px; width: 100%; text-align: center; padding-top: 30px; }


/*\ Forum Legend \*/
/*_________________________________________________________________________*/

#iconLegend { border: 1px solid #4C4C4C; padding: 1px; margin: 1px; }
#iconLegend .tb2 { border-top: 1px solid black; border-left: 1px solid black; }
#iconLegend .tb2 td { background: #252525; padding: 1px 3px 3px 2px; border-right: 1px solid black; border-bottom: 1px solid black; text-align: left; }
#iconLegend img { vertical-align: middle; padding: 2px; }


/*\ Shared Row Colors \*/
/*_________________________________________________________________________*/

#postshell11, #postshell21 { width: 90%; border-top: 1px solid #000; border-bottom: 1px solid #000;margin: 0 auto;}
#posttable11 td, #posttable21 td { padding: 5px; vertical-align: top; }
td.id11, td.id21, td.idbliz11, td.idbliz21 { width: 210px; border-right: 1px solid #000; text-align: center; }
td.tools11, td.tools21 { background: url('/images/post-msg-bot-left.png') no-repeat top left; }
#iconpanelhide11, #iconpanelhide21 { margin: 0; }
td.tools11, td.tools21 { width: 100%; height: 35px; border-bottom: 1px solid #000; }
#postid11, #postid21 { float: left; }
#postid11 ul, #postid21 ul { list-style: none; margin: 5px 0 0 0; padding: 0; white-space: nowrap; }
#postid11 ul li, #postid21 ul li { display: inline; padding: 0 0 0 5px; }
#avatar11, #avatar21 { margin: 0 auto; width: 200px; text-align: center; }
#avatar11 .shell, #avatar21 .shell { position: relative; margin: 10px auto; width: 64px; height: 64px; }
#avatar11 .frame, #avatar21 .frame { position: absolute; background: url('/images/portrait-frame.gif') no-repeat; width: 82px; height: 83px; top: -8px; left: -8px; z-index: 200; }
#avatar11 .noframe, #avatar21 .noframe { position: absolute; background: url('/images/no-character-icon.gif') no-repeat; width: 82px; height: 83px; top: -8px; left: -8px; z-index: 200; }
#avatar11 .iconPosition, #avatar21 .iconPosition { position: absolute; top: -22px; right: 61px; width: 24px; text-align: center; color: #ffd823; z-index: 300; }
#postbody11, #postbody21 { padding: 0; height: 130px; margin: 0;  width: 90%; }
.postdisplay div.postingcontainer11, .postdisplay div.postingcontainer21 { display: block; border: 1px solid #000;}

.propass #avatar11 .frame, .propass #avatar21 .frame {background: url('/images/portrait-frame-propass.gif') no-repeat;}
.propass #avatar11 .noframe, .propass #avatar21 .noframe {background: url('/images/no-character-icon.gif') no-repeat;}

/*\ Post Message Row Color 1 \*/
/*_________________________________________________________________________*/

#postshell11 { background: #1b1b1b; }
#posttable11 { background: url('/images/post-tile-bottom.gif') repeat-x bottom; }
.postdiv11 { background: url('/images/post-tile-bottom.gif') repeat-x bottom; }
td.id11 { background: url('/images/avatar-shadow-bg.gif') no-repeat center top; }
.propass td.id11 { background: url('/images/avatar-shadow-bg-propass.gif') no-repeat center top; }
td.idbliz11 { background: url('/images/avatar-shadow-blizz-bg.gif') no-repeat center top; }
td.message11 { background: url('/images/post-msg-top-left.gif') no-repeat top left; }
.postdisplay div.postingcontainer11 { background: #1b1b1b url('/images/post-tile-top.gif') repeat-x top;  }
/*#hideinfo11 { display: none; visibility: hidden; }*/
  
/*\ Post Message Row Color 2 \*/
/*_________________________________________________________________________*/

#postshell21 { background: #313131; }
#posttable21 { background: url('/images/post-tile-bottom2.gif') repeat-x bottom; }
td.id21 { background: url('/images/avatar-shadow-bg2.gif') no-repeat center top; }
.propass td.id21 { background: url('/images/avatar-shadow-bg2-propass.gif') no-repeat center top; }
td.idbliz21 { background: url('/images/avatar-shadow-blizz-bg2.gif') no-repeat center top; }
td.message21 { background: url('/images/post-msg-top-left2.gif') no-repeat top left; }
.postdisplay div.postingcontainer21 { background: #313131 url('/images/post-tile-top2.gif') repeat-x top; }

  
/*\ Icon Page \*/
/*_________________________________________________________________________*/

.sides { position: relative; display: block; height: 50px; width: 100%; }
.Alliance { background: url('/images/alliance-bg.jpg') no-repeat center; }
.Horde { background: url('/images/horde-bg.jpg') no-repeat center; }
div.icon { display: block; float: left; background: black; }
div.end { float: right; padding: 1px 0 0 0; background: black; }
.rows td { font-family: Arial, Helvetica, sans-serif; padding: 2px; font-size: 9pt; vertical-align: middle; background-color: #101010;}	
.pinfo { display: table; background: transparent url('/images/pinfo-tile.gif') repeat-y 3px 0; width: 191px; margin: 0 auto; padding: 8px 0 0 0; }
.pinfo a, .pinfo a:active, .pinfo a:visited { text-decoration:none; }
.pinfobackground { display: table; width: 167px; height: auto; margin: 0 auto; background: url('/images/back.png') repeat 0 0; }
.pinfobottom { display: table; position: relative; margin: 0 auto; background: url('/images/pinfo-bot.gif') no-repeat bottom; height: 15px; width: 191px; }
.pifooter { display: block; width: 167px; height: 14px; margin: 0 auto; background: url('/images/back.png') repeat 0 0; }


/*\ Forum Component Assets \*/
/*_________________________________________________________________________*/

#iconpanel, #search-iconpanel { position: absolute; top: -83px; height: 83px; width: 35px; }
#iconpanel { right: 140px; background: url('/images/rc-bg.gif') no-repeat; }
.propass #iconpanel { right: 140px; background: url('/images/rc-bg-propass.gif') no-repeat; }
#search-iconpanel { right: -35px; background: url('/images/search-avatar-panel.gif') no-repeat; }
#default-icon-panel div.player-icons-race, #default-icon-panel div.player-icons-class, #default-icon-panel div.player-icons-pvprank  { display: block; height: 18px; width: 18px; position: absolute; z-index: 1010; }
#default-icon-panel div.player-icons-race { top: -72px; right: 146px; }
#default-icon-panel div.player-icons-class { top: -52px; right: 146px; }
#default-icon-panel div.player-icons-pvprank { top: -32px; right: 146px; }
#search-icon-panel div.player-icons-race, #search-icon-panel div.player-icons-class, #search-icon-panel div.player-icons-pvprank  { display: block; height: 18px; width: 18px; position: absolute; z-index: 1010; }
#search-icon-panel div.player-icons-race { top: -72px; right: -20px; }
#search-icon-panel div.player-icons-class { top: -52px; right: -20px; }
#search-icon-panel div.player-icons-pvprank { top: -32px; right: -20px; }
.userpanel { position: absolute; top: -77px; right: 2px; width: 47px; height: 30px; background: url('/images/icon-user-bg.gif') no-repeat; z-index: 200; }
.char-admin-tools { height:47px; width:177px; margin:0 auto; }
.admin-buttons { padding: 17px 20px 0 30px; text-align: center; }
.admin-buttons img { float: left; margin: 0 2px; }
.listinfo { list-style: none; margin: 0 auto; padding: 3px; }
.listinfo li { display: block; float: left; width: 160px; text-align: center; }
.miniadmin { float: right; }
.miniadmin ul { list-style: none; margin: 0; padding: 0; white-space: nowrap; }
.miniadmin ul li { display: block; float: left; padding: 0px 4px 0 0; }
li.delete-posts { border: 1px solid #555; background: #212121; margin: 0 2px; }
li.delete-posts input { border: none; float: left; background: transparent; margin:2px 2px; padding:0; }
li.delete-posts span { padding: 0 0 0 4px; display: block; height: 18px; }
#postbody { padding: 0; height: 130px; margin: 0; }
.content { position: relative; padding: 10px; word-wrap: break-word; width:100px; overflow:hidden;}
#preview { width: 100%; height: 25px; background: url('/images/thread-topic-bg2.gif') repeat-x; border-top: 1px solid #666666; border-bottom: 1px solid #666666; text-align: center; margin: 0 auto; }
#preview ul { list-style: none; overflow: auto; margin: 0 auto; padding: 0; width: 320px; }
#preview ul li { float: left; display: block; }
#postLogin { position: relative; background: url('/images/postform.gif') no-repeat center top; width: 100%; margin: 0 auto; text-align: center; }
#errorcontainer { position: relative; margin: 0 auto; display: block; width: 10px; height: 1px; }
#errorcontainer div.messages { position: absolute; display: table; top: 20px; left: 40px; width: 220px; height: 60px; text-align: left; background-image:url('/images/back.png'); border-width: 1px; border-style: solid; border-color: #D5D5D7 #A5A5A5 #4F4F4F #4F4F4F; }
#errorcontainer div.messages ul { margin: 0; padding: 10px;; list-style: none; }
#errorcontainer div.messages ul li { float: left; display: block; width: 35px; padding-right: 5px; }
#errorcontainer div.buttons { position: absolute; display: table; top: 35px; left: 40px; width: 220px; height: 60px; text-align: left; }
#postLogin .topnav { position: absolute; top: 30px; right: 30px; }
#postLogin .shell { padding: 35px 0 0 0; margin: 0; }
#postLogin .shell2 { padding: 30px 0 0 0; margin: 0; }
#postLogin ul { margin: 0; padding: 0; list-style: none; }
#postLogin ul li { float: left; display: block; }
#postLogin ul li.right { text-align: right; width: 116px; margin: 0 20px 0 0; }
#postLogin ul li.left { text-align: left; }
#typemsg { padding: 0; text-align: center; margin: 0 auto; width: 623px; }
#typemsg ul { margin: 0; padding: 0; list-style: none; width: 623px; }
#typemsg ul li { float: left; display: block; }
#typemsg ul li.right { text-align: right; width: 145px; margin: 0 20px 0 0; }
#typemsg ul li.left { text-align: left; }
.icon-search, .icon-ignore { vertical-align: middle; margin: 4px 0 2px 4px; width:17px; height:21px; border:0px;  }
table.bml { width: 100%; background: #1b1b1b url('/images/post-tile-top.gif') repeat-x top; }
table.bml tr td { border-width: 1px; border-style: solid; border-color: #1b1b1b #000000 #000000 #1b1b1b; }
table.bml tr td.header { background: #000 url('/images/thread-topic-bg2.gif') repeat-x; font-size: 10pt; font-weight: bold; color: #ffffff; }
table.bml li {background:none !important;padding:0 !important;}
table.charselectborder { border: 1px solid #4C4C4C; }
td.t1, td.t2, td.t3, td.t4, td.t5, td.t6 { background: #161616 url('/images/post-bg2.gif') repeat-x top; border-width: 1px; border-style: solid; border-color: #000000 #000000 #161616 #161616; color: #D7CEA4; padding-left: 5px; padding-right: 5px;}
td.t1 { text-align: center; }
td.t3 { text-align: left; font-weight: bold; }
td.t4 { text-align: center; font-weight: bold; }
td.t5 { text-align: center; font-weight: bold; }
td.t6 { text-align: left; vertical-align: bottom; }
td.t6 b { color: #e2d9b0; }
td.ta1, td.ta2, td.ta3, td.ta4, td.ta5, td.ta6 { background: #252525 url('/images/post-bg1.gif') repeat-x top; border-width: 1px; border-style: solid; border-color: #000000 #000000 #252525 #252525; color: #D7CEA4; padding-left: 5px; padding-right: 5px;}
td.ta1 { text-align: center; }
td.ta3 { text-align: left; font-weight: bold; }
td.ta4 { text-align: center; font-weight: bold;}
td.ta5 { text-align: center; font-weight: bold;}
td.ta6 { text-align: left; vertical-align: bottom; }
td.ta6 b { color: #e2d9b0; }
td.n1, td.n4, td.n5, td.n6 { background: #161616 url('/images/post-bg2.gif') repeat-x top;; border-width: 1px; border-style: solid; border-color: #000000 #000000 #161616 #161616; color: #161616; }
td.n1 { text-align: center; }
td.n4 { text-align: center; font-weight: bold; }
td.n5 { text-align: center; font-weight: bold; }
td.n6 { color: #161616; text-align: left; vertical-align: bottom; }
td.na1, td.na4, td.na5, td.na6 { background: #252525 url('/images/post-bg1.gif') repeat-x top;; border-width: 1px; border-style: solid; border-color: #000000 #000000 #252525 #252525; color: #252525; }
td.na1 { text-align: center; }
td.na4 { text-align: center; font-weight: bold;}
td.na5 { text-align: center; font-weight: bold;}
td.na6 { text-align: left; vertical-align: bottom;}
.red { color: red; }



/*  Polls */
/*_________________________________________________________________________*/

.polls { width: 85%; margin:0 auto; display: table; position: relative; }
.polls h1 { font-size: 18px; color: white; display: block; padding: 10px 0 10px 25px; background: url('/images/icons/blizz.gif') no-repeat 0 12px; }
.polls h1 span { color: #00c0ff; font: italic 18px Georgia, "Times New Roman", Times, serif; }
.deco-frame { background: url('/images/poll-bg.jpg') repeat-x 0 0; }
.deco-frame-right { background: url('/images/poll-right.gif') no-repeat 100% 0; }
.deco-frame-left { background: url('/images/poll-left.gif') no-repeat 0 0; position: relative; height:1%;}
.deco-frame h2 { margin:0; padding:0; position: absolute; top:-11px; left:-13px; height: 38px; width: 100px; }
.poll-date { display: table; width: 1%; white-space: nowrap; position: relative; color:#999; font-size: 10px; text-transform: uppercase; height: 30px; background: url('/images/poll-date-tile.gif') repeat-x; }
.poll-date span { color: white; }
.poll-date1 { height: 30px; padding: 0 10px 0 0; background: url('/images/poll-date-right.gif') no-repeat 100% 0; }
.poll-date2 { padding: 5px 15px 0 25px; height: 25px; background: url('/images/poll-date-left.gif') no-repeat 0 0; }
.poll-content { padding: 20px 20px 40px 20px; color: white; font-weight: bold; position: relative; }
.poll-content span { margin: 0 0 0 10px; }
.poll-content p { background: #090d22; padding: 3px; width: auto; margin: 10px auto; }
.poll-content p:hover { background: #101636; }
.poll-content b { font-weight: normal; color: #00c0ff; }
.pfp { width: 1px; height: 30px; position: relative; margin:0 auto; }
.poll-footer { width: 506px; height: 74px; position: absolute; left:-253px; top: -47px; background: url('/images/poll-bot.gif') no-repeat; }
.poll-footer input { float: right; margin: 5px 130px 0 0; width: 119px; height: 36px; border: none; cursor: pointer; }
.vote-inactive { float: right; margin: 5px 130px 0 0; width: 119px; height: 36px; border: none; }
.poll-footer a { display: block; height: 36px; width: 119px; float: left; position: relative; left: 135px; top: 5px; }
a.vote-link, a.result, a.vote-link-inactive, a.result-inactive { display: block; height: 36px; width: 119px; float: left; position: relative; left: 135px; top: 5px; }
.poll-edit a { text-decoration: none; position: absolute; bottom: 10px; left:10px; padding: 5px 15px; background: #090d22; border: 1px solid #363636; }
.poll-edit a:hover { background: black; border: 1px solid #5c5c5c; }
.poll-box { display: table; width: 100%; position:relative; height:24px; }
.poll-option { width: 46%; float: left; text-align: right; margin:0 4px 0 0;}
.poll-option span {line-height:16px;}
.poll-count { width: 47%; float: left; background: transparent; line-height:16px;}
.poll-count-total { width: 100%; }
.poll-count span { float: left; }
span.poll-bar { display: block; position: relative; width: 1px; height: 16px; background: url('/images/bar-energy.gif') repeat-x; }
span.pollpercent { position: absolute; right:-110px; width: 100px; text-align: left; }
span.totalvotes { width: 100%; display: block; text-align: center; }
.df h3 { position:absolute; margin:0; padding:0; height:31px; width: 89px; top: -4px; left: 5px; }
.df input { border: 0; background: transparent; }
img.poll-result-icon { position: absolute; top: -8px; left: -33px; }

/*df*/
.df table, .df table td { border: 0; border-collapse: collapse; padding: 0; margin: 0; }
.df table { width: 100%; }
.df { position: relative; zoom:1; }
.df td.tl, .df td.t, .dftr, .df td.bl, .df td.b, .df td.br { height: 21px !important }
.df td.tl, .df td.tr, .df td.bl, .df td.br, .df td.l, tr.r	{ width: 21px !important;}
.df td.tl, .df td.t, .df td.tr { padding:0 !important; margin:0 !important; }
.df td.l q, .df td.r q { width: 21px !important; display: block; height: 1px; }
.df td.tl 	{ background: url('/images/df-tl.png') no-repeat; }
.df td.tr 	{ background: url('/images/df-tr.png') no-repeat; }
.df td.t 	{ background: url('/images/df-t.png') repeat-x; }
.df td.l 	{ background: url('/images/df-l.png') repeat-y; }
.df td.r 	{ background: url('/images/df-r.png') repeat-y; }
.df td.bg	{ background: url('/images/df-bg.png') repeat; width: 100%; }
.df td.bl 	{ background: url('/images/df-bl.png') no-repeat; }
.df td.br 	{ background: url('/images/df-br.png') no-repeat; }
.df td.b 	{ background: url('/images/df-b.png') repeat-x; }


/*  Admin Frontend */
/*_________________________________________________________________________*/

.admin-viewport { width: 900px; margin: 80px auto; padding: 20px 0 0 0; background: url('/images/df-bg.png') repeat; border: 1px solid black; }
.vp-content { padding: 10px 10px 30px 10px; color: #999; }
.vp-content h1 { font: 24px Georgia, "Times New Roman", Times, serif; color:#ffb019; padding: 8px; }
.vp-content table { width: 90%; margin: 0 auto; background: black; padding:0; border-left: 1px solid black; }
.vp-content td { padding: 6px; border: 1px solid black; }
.vp-content thead td { color: white; font-weight: bold; background: #340505 url('/images/thead-tile.gif') repeat-x 0 1px; border-left: 1px solid #460c0c; border-right: 1px solid black;}
.vp-content tbody .r0 td { background: #161616 url('/images/post-bg2.gif') repeat-x top; border-width: 1px; border-style: solid; border-color: #000000 #000000 #1e1e1e #1e1e1e; }
.vp-content tbody .r1 td { background: #252525 url('/images/post-bg1.gif') repeat-x top; border-width: 1px; border-style: solid; border-color: #000000 #000000 #303030 #303030; }
.vp-tablefooter table { border: 1px solid black; border-collapse: collapse; background: #414141 url('/images/vp-footer-tile.gif') repeat-x 0 0; }
.vp-tablefooter td { border: 0; padding:10px; }
.vp-content a.link { width: 1%; display: table; text-decoration: none; white-space: nowrap; border: 1px solid black;  }
.vp-content a.link span { border-left: 1px solid #c00014; border-right: 1px solid #8e050e; color: #e0c004; display: block; height: 18px; padding: 2px 10px 0 10px; background: url('/images/link-tile.gif') repeat-x 0 0; }
.vp-content a.link:hover span { color: white; background-position: 0 -20px; }
.vp-content input.input5 {width:35px;}
.vp-content input.blueButton { height: 21px; padding: 2px 12px 4px; color: #e0c004; font: bold 12px Arial, Helvetica, sans-serif; border-left: 1px solid #005ec0; border-right: 1px solid #05438e; border-top: 0; border-bottom: 0; cursor: pointer; background: url('/images/input-tile.gif') repeat-x 0 0; }
.vp-content input.blueButton:hover { color: white; background-position: 0 -21px; }


/*  Opera hax0r */
/*_________________________________________________________________________*/

@media all and (min-width: 0px) {
#typemsg { padding: 0; text-align: center; margin: 0 auto; margin-top: 10px; margin-bottom: 23px; width: 623px; }
.post-button-right ul li { display: inline-table; }
} /* endif */


/*\ Index Page \*/
/*_________________________________________________________________________*/

.index-spacer { height: 55px; }
.tcg { height: 134px; width: 595px; background: url('/images/es_ES/udtcg.gif') no-repeat; margin: -20px auto; }
.tcg p { padding: 48px 0 0 155px; }


/*\ Account Options \*/
/*_________________________________________________________________________*/

#post .options-box h1 { background: url('/images/es_ES/login-account.gif') no-repeat; }
#post .options-email h2 { background: url('/images/es_ES/options-email.gif') no-repeat; }
#post .options-basic h3 { background: url('/images/es_ES/options-timezone.gif') no-repeat; width: 103px;}
#post .options-basic h4 { background: url('/images/es_ES/options-talents.gif') no-repeat; }
#post .message-top h5 { background: url('/images/es_ES/options-signature.gif') no-repeat; width: 80px; }
.options-title { background: url('/images/es_ES/options-title.gif') no-repeat; }


/*\ Login Page \*/
/*_________________________________________________________________________*/

.login-title { background: url('/images/es_ES/login-title.gif') no-repeat; }
#login-page h4 { background: url('/images/es_ES/login-account.gif') no-repeat; }
#login-page h5 { background: url('/images/es_ES/login-password.gif') no-repeat; }
a.quickadmin { background: url('/images/es_ES/icon-admin.gif') no-repeat 0 0; }


/*\ Forum Selector \*/
/*_________________________________________________________________________*/

#forumHead .list { background: url('/images/es_ES/header-blank.gif') no-repeat 0 16px;  }


/*\ Post Topic / Reply \*/
/*_________________________________________________________________________*/

.post-title { background: url('/images/es_ES/post-title.gif') no-repeat; width: 141px; }
#post h1 { background: url('/images/es_ES/post-subject.gif') no-repeat; }
#post h2 { background: url('/images/es_ES/post-message.gif') no-repeat; }
#admin-container h1 { background: url('/images/es_ES/title-admin.gif') no-repeat; }
#post li.bold { background: url('/images/es_ES/button-bold.gif') no-repeat; }
#post li.italic { background: url('/images/es_ES/button-italic.gif') no-repeat; }
#post li.underline { background: url('/images/es_ES/button-underline.gif') no-repeat; }
#post li.list { background: url('/images/es_ES/button-list.gif') no-repeat; }
#post li.tabbed-list { background: url('/images/es_ES/button-tabbed-list.gif') no-repeat; }
#post li.hr { background: url('/images/es_ES/button-hr.gif') no-repeat; }
#post li.pre { background: url('/images/es_ES/button-pre.gif') no-repeat; }
#post li.quote { background: url('/images/es_ES/button-quote.gif') no-repeat; }
.char-admin-tools { background: url('/images/es_ES/account-tools.gif') no-repeat; }


/*\ Theme Switcher \*/
/*_________________________________________________________________________*/

h1.theme-title { background: url('/images/es_ES/theme-select-banner.gif') no-repeat; }

h1.language-title { background: url('/images/es_ES/language-select-banner.gif') no-repeat; }

/*  Polls */
/*_________________________________________________________________________*/

.deco-frame h2 { background: url('/images/es_ES/poll.gif') no-repeat; }
.poll-footer input, a.vote-link { background: url('/images/es_ES/button-vote.gif') no-repeat !important; }
a.result { background: url('/images/es_ES/button-results.gif') no-repeat; }
a.result-inactive { background: url('/images/es_ES/button-results-inactive.gif') no-repeat; }
a.vote-link-inactive, .vote-inactive { background: url('/images/es_ES/button-vote-inactive.gif') no-repeat; }
.df h3 { background: url('/images/es_ES/poll-results.gif') no-repeat; }

/*\ Error Handling \*/
/*_________________________________________________________________________*/

a.redirect, a.redirect:active, a.redirect:visited { display: block; background: url('/images/es_ES/button-clickhere.gif') no-repeat; height: 36px; width: 200px; margin: 10px auto; }
a.redirect:hover { background-position: 0 -36px; }

/*\ Staff Style \*/
/*_________________________________________________________________________*/

.staff { color: #00c0ff;}

a.staff:link, a.staff:active { color: #00c0ff; font-weight: bold; text-decoration: none;} 
a.staff:visited { color: #00c0ff; font-weight: bold; text-decoration: none;}
a.staff:hover { color: #ffffff; font-weight: bold; text-decoration: none;}


/* A quote, perhaps from another post. */
.quote
{
	color: #ffffff;
	background-color: #292929;
	border: 1px solid #9e853d;
	margin: 10px auto 10px 10px;
	padding: 5px;
	font-size: x-small;
	line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
	color: #ffffff;
	background-color: #292929;
	font-family: "courier new", "times new roman", monospace;
	font-size: x-small;
	line-height: 1.3em;
	/* Put a nice border around it. */
	border: 1px solid #9e853d;
	margin: 10px auto 10px 10px;
	padding: 1px;
	width: 99%;
	/* Don't wrap its contents, and show scrollbars. */
	white-space: nowrap;
	overflow: auto;
	/* Stop after about 24 lines, and just show a scrollbar. */
	max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{	
	margin-top: 10px;
	color: #ffffff;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
	line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
	color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
	width: 96%;
}

/* Highlighted text - such as search results. */
.highlight
{
	background-color: yellow;
	font-weight: bold;
	color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
	color: #ffffff;
	background-color: #101010;
}
.windowbg2
{
	color: #ffffff;
	background-color: #101010;
}

.windowbg_s
{
	color: #ffffff;
	background-color: #181818;
}

.windowbg2_s
{
	color: #ffffff;
	background-color: #181818;
}

.windowbg3
{
	color: #ffffff;
	background-color: #101010;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif; 
	padding: 5px 10px 5px 10px; 
	font-size: 9pt; 
	vertical-align: middle; 
	background-color: #101010;
	height: 25px;
}
.windowbg3_s
{
	color: #ffffff;
	background-color: #101010;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif; 
	padding: 2px; 
	font-size: 9pt; 
	vertical-align: middle; 
	background-color: #101010;
	height: 25px;
}

/* the today container in calendar */
.calendar_today
{
	height: 96px; border: 2px outset; background-color: #333; padding: 2px;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td
{
	color: #848284;
	font-weight: bold;
	font-style: normal;
	background-color: #000000;
	background-image: url('/images/titlebg.jpg');
}
.titlebg a:link, .titlebg a:visited

{
	color: #848284;
	font-style: normal;
}
.titlebg a:hover
{
	color: #848284;
}

/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg
{
	background-image: url('/images/catbg.jpg');
}

/* This is used for a category that has new posts in it... to make it light up. */
.catbg2
{
	background-image: url('/images/catbg2.jpg');
}

.catbg, .catbg2
{
	font-weight: bold;
	background-color: #000000;
	color: #848284;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
	border: 1px solid #9e853d;
	background-color: #000000;
	padding: 2px;
	width: 100%;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
	font-size: x-small;
	font-family: tahoma, sans-serif;
}

.normaltext
{
	font-size: small;
}
.largetext
{
	font-size: large;
}

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
	background-color: #000000;
}
/* This is the main area of the forum, the part that's gray. */
#bodyarea
{
	background-color: #000000;
	background-image: url('/images/main_bg.gif');
	background-position: left top;
	background-repeat: repeat-x;
}


/* This is for the special header boxes on the top (user info, key stats, news box.) */

/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
	width: 100%;
	line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
	width: 100%;
	padding-bottom: 3px;
	line-height: 1.3em;
	font-size: 10px;
}

/* No image should have a border when linked */
a img{
	border: 0;
}

.smalltext2
{
	color: #dfdfdf;
	font-size: x-small;
	font-family: tahoma, sans-serif;
}

.smalltext2 a:link, .smalltext2 a:visited
{
	font-weight: bold;
	color: #dfdfdf;
}

.smalltext2 a:hover
{
	font-weight: bold;
	color: #ffffff;
}

.nav2, .nav2 a:link, .nav2 a:visited
{
	color: #dfdfdf;
}
.nav2 a:hover
{
	color: #ffffff;
	text-decoration: underline;
}



/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited, .maintab_off_back a:visited
{
	color: white;
	text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover, .maintab_off_back a:hover
{
	color: #e0e0ff;
	text-decoration: none;
}

.maintab_bgb
{
	background-color: #000000;

}

.maintab_bgba
{
	background: #000000 url('/images/maintab_bgba.gif');
	background-position: right top;
	background-repeat: no-repeat;
}

.pagelink, .pagelink a:active, .pagelink a:visited, .pagelink a:link
{
	background: #333333;
	font-weight: normal;
	font-size: 11px;
	border: 1px solid #9e853d;
	padding: 0px 3px 0px 3px;
	text-decoration: none;
}

.pagelink_b
{
	background: #333333;
	font-weight: normal;
	font-size: 11px;
	border: 1px solid #9e853d;
	padding: 0px 3px 0px 3px;
	text-decoration: none;
}

.page_c
{
	background: #333333;
	font-weight: normal;
	font-size: 11px;
	border: 1px solid #9e853d;
	padding: 0px 3px 0px 3px;
}


.small_pagelink
{
	font-weight: normal;
	font-size: x-small;
	text-decoration: none;
}

.small_pagelink a:active, .small_pagelink a:visited, .small_pagelink a:link
{
	background: #333333;
	font-weight: normal;
	font-size: x-small;
	border: 1px solid #9e853d;
	padding: 0px 3px 0px 3px;
	text-decoration: none;
}

.powered_by_smf
{
	background-image: url('/images/powered_by_smf.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
}

.avatar_t
{
	height: 65px;
	width: 65px;
	border: 1px solid #000000;
}

.hd_border_l{
background-image: url('/images/hd_border_l.gif');
background-repeat: repeat-y;
}

.hd_border_r{
background-image: url('/images/hd_border_r.gif');
background-repeat: repeat-y;
}

.error-box
{
	color: #000;
	border: 1px solid #DDDDDD;
	-moz-border-radius: 5px;
	background-color: #B40404;
	padding: 6px;
	text-align:center;
}

.help-box
{
	color: #000;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	background-color: #CAF2D9;
	padding: 6px;
	text-align:left;
}