/* Beginning of ported-over CSS classes */

@import "langbar.css";

BODY {
margin: 0px;
padding: 0px;
}

A {
color: #ffe155;
text-decoration: none;
}

A:link {
color: #ffe155;
}

A:visited {
color:#e8a400;
}

A:active {
color: #ffff99;
}

A:hover {
color: #ffff99;
text-decoration: underline;
}

#contentCell {
font-family: Verdana, Tahoma, Arial;
font-size: 10pt;
line-height: 15pt;
font-weight: regular;
color: #ffffee;
}

#contentCell TD {
font-family: Verdana, Tahoma, Arial;
font-size: 10pt;
line-height: 15pt;
font-weight: regular;
color: #ffffee;
}

#callout {
border: 3px double #666666;
float: right;
width: 250px;
background: #000000 url(/images/spotimages/alchemy.jpg);
margin: 10px;
}

#callout TD {
padding: 5px;
font: 9pt Verdana, Arial, Helvetica, sans-serif;
}

#coolTable {
padding: 0px;
border: 0px;
background: #000000 url(/images/spotimages/alchemy-big.jpg);
margin: 10px;
width: 75%;
}

#cooltable TD {
padding: 10px;
vertical-align:top;
font: 9pt Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #666666;
margin: 0px;
}

.coolTable2 {
padding: 0px;
border: 0px;
background: #000000 url(/images/spotimages/alchemy-big.jpg);
margin: 10px;
}

.coolTable2 TD {
padding: 10px;
vertical-align:top;
font: 9pt Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #666666;
margin: 0px;
}


.coolTable3 {
padding: 0px;
border: 0px;
background: #000000 url(/images/spotimages/nightfallalchemy-big.jpg);
margin: 10px;
}
.coolTable3 TD {
padding: 10px;
vertical-align:top;
font: 9pt Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #666666;
margin: 0px;
}

#cooltablebig {
padding: 0px;
border: 0px;
background: #000000 url(/images/spotimages/alchemy-big.jpg);
margin: 10px;
width: 100%;
}

#cooltablebig TD {
padding: 10px;
vertical-align:top;
font: 9pt Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #666666;
margin: 0px;
}

#cooltablebig2 {
padding: 0px;
border: 0px;
background: #000000 url(/images/spotimages/alchemy-big.jpg);
margin: 0px;
}

#cooltablebig2 TD {
padding: 10px;
vertical-align:top;
font: 9pt Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #666666;
margin: 0px;
}

.ivory {
font-family: Verdana, Tahoma, Arial;
font-size: 10pt;
line-height: 15pt;
font-weight: regular;
color: #ffffee;
}

.smallivory {
font-family: Verdana, Tahoma, Arial;
font-size: 8pt;
line-height: 12pt;
font-weight: regular;
color: #ffffee;
}

.white {
font-family: Verdana, Tahoma, Arial;
font-size: 10pt;
line-height: 15pt;
font-weight: regular;
color: #FFFFFF;
}

/* korean */
.ivoryKR {
font-family: Gulim;
font-size: 11pt;
line-height: 15pt;
color: #FFFFFF;
}

/* japanese */
.ivoryJP {
font-family: 'MS PGothic';
font-size: 11pt;
line-height: 15pt;
color: #FFFFFF;
}

/* chinese traditional */
.ivoryCHT {
font-family: MingLiU;
font-size: 12pt;
line-height: 15pt;
color: #FFFFFF;
}

/* chinese simplified */
.ivoryCHS {
font-family: NSimSun;
font-size: 12pt;
line-height: 15pt;
color: #FFFFFF;
}

.gold {
font-family: Verdana, Tahoma, Arial;
font-size: 10pt;
font-weight: regular;
line-height: 15pt;
color: #FFFFCC;
}

/* korean */
.goldKR {
font-family: Gulim;
font-size: 11pt;
line-height: 15pt;
color: #FFFFCC;
}

/* japanese */
.goldJP {
font-family: 'MS PGothic';
font-size: 11pt;
line-height: 15pt;
color: #FFFFCC;
}

/* chinese traditional */
.goldCHT {
font-family: MingLiU;
font-size: 11pt;
line-height: 15pt;
color: #FFFFCC;
}

/* chinese simplified */
.goldCHS {
font-family: NSimSun;
font-size: 11pt;
line-height: 15pt;
color: #FFFFCC;
}

.bullet-list {
list-style-image: url('/images/bullet-list.gif');
vertical-align: middle;
font-family: Verdana, Tahoma, Arial;
font-size: 10pt;
color: #ffffee;
}

/* korean */
.bullet-listKR {
list-style-image: url('/images/bullet-list.gif');
vertical-align: middle;
font-family: Gulim;
font-size: 11pt;
color: #FFFFFF;
}

/* japanese */
.bullet-listJP {
list-style-image: url('/images/bullet-list.gif');
vertical-align: middle;
font-family: 'MS PGothic';
font-size: 11pt;
color: #FFFFFF;
}

/* chinese traditional */
.bullet-listCHT {
list-style-image: url('/images/bullet-list.gif');
vertical-align: middle;
font-family: MingLiu;
font-size: 11pt;
color: #FFFFFF;
}

/* chinese simplified */
.bullet-listCHS {
list-style-image: url('/images/bullet-list.gif');
vertical-align: middle;
font-family: NSimSun;
font-size: 11pt;
color: #FFFFFF;
}

.smallbullet-list {
list-style-image: url('/images/bullet-list.gif');
vertical-align: middle;
font-family: Verdana, Tahoma, Arial;
font-size: 8pt;
font-weight: regular;
color: #ffffee;
}

.fansiteOfficialStatus {
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 7pt;
font-weight: bold;
color: #CCCCCC;
}

.fansiteEliteStatus {
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 7pt;
font-weight: bold;
color: #FFCC00;
}

.headline, H1 {
font-family: 'Trebuchet MS', Tahoma, Arial;
font-size: 14pt;
font-weight: bold;
line-height: 15pt;
color: #FFFFFF;
}

/* korean */
.headlineKR {
font-family: Gulim;
font-weight: bold;
font-size: 14pt;
line-height: 15pt;
color: #FFFFFF;
}

/* japanese */
.headlineJP {
font-family: 'MS PGothic';
font-weight: bold;
font-size: 14pt;
line-height: 15pt;
color: #FFFFFF;
}

/* chinese traditional */
.headlineCHT {
font-family: MingLiU;
font-weight: bold;
font-size: 14pt;
line-height: 15pt;
color: #FFFFFF;
}

/* chinese simplified */
.headlineCHS {
font-family: NSimSun;
font-weight: bold;
font-size: 14pt;
line-height: 15pt;
color: #FFFFFF;
}

.pageheader {
font-family: 'Trebuchet MS', Tahoma, Arial;
font-size: 13pt;
font-weight: bold;
color: #FFFFFF;
}

H2 {
font-family: Verdana, Tahoma, Arial;
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: -14;
}

H3 {
font-family: Verdana, Tahoma, Arial;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: -14;
}

H4 {
font-family: Verdana, Tahoma, Arial;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
margin-bottom: -14;
}

.newsHeadline {
font-family: 'Trebuchet MS', Tahoma, Arial;
font-size: 12pt;
font-weight: bold;
color: #FFFFFF;
}

.newsDate {
font-family: Verdana, Tahoma, Arial;
font-size: 8pt;
font-weight: regular;
color: #FFFFFF;
}

#photoCaption {
font-family: Verdana, Tahoma, Arial;
font-size: 8pt;
font-weight: regular;
color: #FFFFFF;
line-height: normal;
border: 1px solid #999999;
}

#photoCaptionR {
font-family: Verdana, Tahoma, Arial;
font-size: 8pt;
font-weight: regular;
color: #FFFFFF;
line-height: normal;
border: 1px solid #999999;
margin-left: 20px;
}

#photoCaptionL {
font-family: Verdana, Tahoma, Arial;
font-size: 8pt;
font-weight: regular;
color: #FFFFFF;
line-height: normal;
border: 1px solid #999999;
margin-right: 20px;
}

#photoCaption TD {
font-family: Verdana, Tahoma, Arial;
font-size: 8pt;
font-weight: regular;
color: #FFFFFF;
line-height: normal;
text-align: center;
}

#photoCaptionR TD {
font-family: Verdana, Tahoma, Arial;
font-size: 8pt;
font-weight: regular;
color: #FFFFFF;
line-height: normal;
text-align: center;
}

#photoCaptionL TD {
font-family: Verdana, Tahoma, Arial;
font-size: 8pt;
font-weight: regular;
color: #FFFFFF;
line-height: normal;
text-align: center;
}

.subhead {
font-family: 'Trebuchet MS', Tahoma, Arial;
font-size: 13pt;
font-weight: bold;
color: #FFFFFF;
}

.skilltable {
border: 1px solid #444444;
}

.regskillcell {
border: 1px solid #444444;
background-color: #111111;
font-family: Verdana, sans-serif;
font-size: 10pt;
line-height: 14pt;
font-weight: regular;
color: #ffffee;
}

.eliteskillcell {
border: 1px solid #444444;
background-color: #222222;
font-family: Verdana, sans-serif;
font-size: 10pt;
line-height: 14pt;
font-weight: regular;
color: #ffffee;
}

.eliteskill {
font-family: Verdana, sans-serif;
font-size: 10pt;
line-height: 14pt;
font-weight: regular;
color: #FFDF55;
}


/* Global Content & Layout Styles */

#myNavHolder {
position:absolute;
left:0px;
width:100%;
height:52px;
z-index:301;
text-align: center;
top: 150px;
}

#backgrounds {
z-index:40;position:absolute;top:34px;right:0px;
}

#globalNavigation {
	z-index:1000;position:absolute;top:0px;
}

#logoLayer {
position:absolute;
left:120px;
top:40px;
width:413px;
height:106px;
z-index:52;
}

#footer {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #CCCCCC;
text-align: center;
vertical-align: middle;
font-weight: bold;
}

#mainContentDiv  {
position:absolute;
left:0px;
top:250px;
width:98%;
vertical-align: top;
z-index:302;
}

#leftColumnTable {
margin-left: 30px;
margin-top: 30px;
z-index: 300;
}

#contentTable {
vertical-align: top;
}

#footerFlourish {
z-index: 5;
bottom: 1px;
height: 100%;
width: 100%;
left: 0px;
vertical-align: bottom;
background-position: bottom;
visibility: hidden;
}

.footerText {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #CCCCCC;
text-align: center;
vertical-align: middle;
font-weight: bold;
}

.footerText A {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #ffe155;
}

.footerText A:hover {
font-family: Verdana, Tahoma, Arial;
font-size: 10px;
color: #ffff99;
text-decoration: underline;
}

.navShow {
display: block;
}

.navHide {
display: none;
}

H5 {
font-family: Verdana, Tahoma, Arial;
font-size: 11px;
font-weight: bold;
color: #FFFFCC;
}


/* Used for rollovers */

.transOFF {
opacity:1;
filter: alpha(opacity=100);
border:0px;
}

.transON {
opacity:.80;
filter: alpha(opacity=80);
border:0px;
}

.galleryborder {
border: 1px groove #555555;
}


/* Global Breadcrumb Styles */

#breadcrumbs A{
font-family: Verdana, Tahoma, Arial;
font-size: 14px;
color: #ffe155;
font-weight: bold;
}

#breadcrumbs A:hover{
color: #ffff99;
text-decoration: underline;
}


/* Global Navigation Styles */

#navSubTable{
margin-right: 20px;
margin-left: 15px;
width: 211px;
background: url(/images/navbg.gif) repeat-y;
}

#navSecondary A {
font-family: Verdana, Tahoma, Arial;
font-size: 13px;
color: #FFFFFF;
font-weight: bold;
background-image: url('/images/navbullet1.gif');
padding-left: 20px;
background-repeat: no-repeat;
}

#navSecondary A:hover {
color: #FFCC66;
background-image: url('/images/navbullet1a.gif');
}

#navThird A {
font-family: Verdana, Tahoma, Arial;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
line-height: 16px;
padding-left: 35px;
background-image: url('/images/navbullet2.gif');
background-repeat: no-repeat;
background-position: 20px;
}

#navThird A:hover {
color: #FFFF99;
background-image: url('/images/navbullet2a.gif');
}

#navFourth A {
margin-top: 50px;
font-size: 9px;
color: #FFFFFF;
font-weight: bold;
padding-left: 55px;
background-image: url('/images/navbullet3.gif');
background-repeat: no-repeat;
background-position: 35px;
line-height: 16px;
}

#navFourth A:hover {
color: #FFFF99;
background-image: url('/images/navbullet3a.gif');
}

.alignRight {
float: right;
text-align: right;
}

.alignLeft {
float: left;
text-align: left;
}

.miniskill {
font-size: 8pt;
line-height:12pt;
padding:6px;
background: #000000 url(/images/spotimages/alchemy-big.jpg);
border:1px solid #666666;
width:300px;
display:none;
z-index:400;
position:absolute;
}

.miniicon {
border:1px solid #666666;
text-align:center;
padding:6px;
margin:6px;
white-space:nowrap;
}

#searchBox{width:200px;margin:8px;font-family:Verdana,Tahoma,Arial;font-size:10pt;font-weight:regular;color:#ffffee;}