@import url(//fonts.googleapis.com/css?family=Uncial+Antiqua|Caudex);
/* Process Custom */
@import url(//www.gaiscioch.com/css/gw2.css);
@import url(//www.gaiscioch.com/css/rift.css);
@import url(//www.gaiscioch.com/css/eso.css);
@import url(//www.gaiscioch.com/css/war.css);
@import url(//www.gaiscioch.com/css/gsch.css);
@import url(//www.gaiscioch.com/css/news.css);
@import url(//www.gaiscioch.com/css/forms.css);

 
@font-face {
	font-family: 'Gaiscioch';
	src: url('/css/gaiscioch.eot');
	src: local('☺'), url('/css/gaiscioch.woff') format('woff'), url('/css/gaiscioch.ttf') format('truetype');
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

BODY
	{
	background-image: url(/images/faded-bg.gif);
	color: #FFFFEE;
	font-family: Arial, Helvetica, futura;
	font-size: 10px;
	}

A {
  text-decoration: none; font-weight: normal; color: #FFEE88;
}
A:hover {
  color: #DDCC77; font-weight: normal;
}


DIV#mainnavigation {
	background-image: url(/images/gui/nav_bgloop-new.jpg);
    background-repeat: repeat-x;
    text-align: center;
    height: 150px;
}

#guardian,.guardian { color: #3399CC; }
#defiant,.defiant { color: #FF2211; }
#football,.football { color: #BBBBBB; }
#cooperative,.cooperative { color: #22AA33; }
#gaiscioch,.gaiscioch { color: #CC33CC; }

A#pion,A.pion,span.pion,span#pion  { color: #CC99FF; }

A#social,A.social,span.social,span#social, #silver  { color: #9784EB; }
A#social:hover,A.social:hover, #silver:hover { color: #846EE7; }

#game_gaiscioch_on { background-image: url('/images/gui/gaiscioch_mini.png'); background-repeat: no-repeat; }
#game_gaiscioch { background-image: url('/images/gui/gaiscioch_mini_off.png'); background-repeat: no-repeat; }
#game_gaiscioch:hover { background-image: url('/images/gui/gaiscioch_mini.png'); background-repeat: no-repeat; }




#game_football_on { background-image: url('/images/gui/football_mini.png'); background-repeat: no-repeat; }
#game_football { background-image: url('/images/gui/football_mini_off.png'); background-repeat: no-repeat; }
#game_football:hover { background-image: url('/images/gui/football_mini.png'); background-repeat: no-repeat; }

#request A {
  font-family: Caudex, Verdana, geneva, futura; font-size: 16pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 10px 25px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

#request A:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 16pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 10px 25px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,195,0, 0.3)), to(rgba(0,101,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

A#fancybutton, button#fancybutton, INPUT#fancybutton {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; line-height: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   white-space: nowrap;
   margin: 5px;
}
A#fancybutton:hover, button#fancybutton:hover, INPUT#fancybutton:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt;  line-height: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,195,0, 0.3)), to(rgba(0,101,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   white-space: nowrap;
   margin: 5px;
}
@media screen and (max-width: 598px)  {

A#fancybutton, button#fancybutton, INPUT#fancybutton,
A#fancybutton:hover, button#fancybutton:hover, INPUT#fancybutton:hover {
  font-size: 10pt;
}
}
A#fancybuttonsm, INPUT#fancybuttonsm, DIV#fancybuttonsm {
  font-family: Caudex, Verdana, geneva, futura; font-size: 8pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

A#fancybuttonsm:hover, INPUT#fancybuttonsm:hover, DIV#fancybuttonsm:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 8pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,195,0, 0.3)), to(rgba(0,101,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

A#fancybuttonsm > span {
    display: none;
}
A#fancybuttonsm:hover > span {
    display: inline-block;
}

A#fancygreenbutton {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,150,0, 0.3)), to(rgba(0,9,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,150,0, 0.3), rgba(0,90,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,150,0, 0.3), rgba(0,90,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,150,0, 0.3), rgba(0,90,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,150,0, 0.3), rgba(0,90,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

A#fancygreenbutton:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,195,0, 0.3)), to(rgba(0,101,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

A#fancyredbutton {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(90,0,0, 0.3)), to(rgba(60,0,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(90,0,0, 0.3), rgba(60,0,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(90,0,0, 0.3), rgba(60,0,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(90,0,0, 0.3), rgba(60,0,0,0.3));
   background-image: -o-linear-gradient(top, rgba(90,0,0, 0.3), rgba(60,0,0,0.3));
   border: 1px outset #880000;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

A#fancyredbutton:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(100,0,0, 0.3)), to(rgba(70,0,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(100,0,0, 0.3), rgba(70,0,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(100,0,0, 0.3), rgba(70,0,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(100,0,0, 0.3), rgba(70,0,0,0.3));
   background-image: -o-linear-gradient(top, rgba(100,0,0, 0.3), rgba(70,0,0,0.3));
   border: 1px outset #AA0000;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

DIV#gamekey {
  font-family: "Courier New", Courier, monospace; font-size: 24pt; text-decoration: none; font-weight: bold; color: #FFFFFF;
  padding: 10px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   width: auto;
   
   max-width: 450px;
   text-align: center;
   margin: 20px 0px; 
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   
}
DIV#gamekey B {
 font-family: Caudex, Verdana, geneva, futura; font-size: 16pt; color: #CCBB66;
}

#topbar {
     background-color: rgba(50,50,50, 0.2);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#000000));
     background-image: -webkit-linear-gradient(top, #111111, #000000);
     background-image: -moz-linear-gradient(top, #111111, #000000);
     background-image: -ms-linear-gradient(top, #111111, #000000);
     background-image: -o-linear-gradient(top, #111111, #000000);
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  padding: 2px;
  border-bottom: 1px solid #444444;
  box-shadow: rgba(0,0,0, 0.7) 0px 2px 8px;
  -moz-box-shadow: rgba(0,0,0, 0.7) 0px 2px 8px;
  -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 2px 8px;
}
#topbar TABLE#topnav TD{
 padding: 0px;
}
#topbar TABLE#topnav TD#topnavitem DIV{
  visibility:hidden;
  position: absolute;
}
#topbar TABLE#topnav TD#topnavitem {
 padding: 0px 10px;
}
#topbar TABLE#topnav TD#topnavitem:hover {
 background-color: rgba(255,255,255,0.1);
 padding: 0px 10px;
}

#topbar TABLE#topnav TD#topnavitem:hover DIV, #topbar TABLE#topnav TD#topnavitem DIV:hover {
  float:left;
  position:absolute;
  visibility:visible;
  z-index: 100;
  width: 200px;
  height: auto;
  border-bottom: 1px solid #444444;
  border-left: 1px solid #444444;
  border-right: 1px solid #444444;
  background-image: url(/images/bg_e_backdrop.gif);
  text-align: left;
  margin-top: 5px;
  margin-left: -10px;
  padding: 5px;
}
#topbar TABLE#topnav TD.total { 
                                                                                        background: #110E08;
                                   background: -moz-linear-gradient(top,  #362D17 0%,               #110E08 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#362D17), color-stop(100%,#110E08));
                                background: -webkit-linear-gradient(top,  #362D17 0%,               #110E08 100%);
                                     background: -o-linear-gradient(top,  #362D17 0%,               #110E08 100%);
                                    background: -ms-linear-gradient(top,  #362D17 0%,               #110E08 100%);
                                  background: linear-gradient(to bottom,  #362D17 0%,               #110E08 100%);
filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#362D17',    endColorstr='#110E08', GradientType=0 );
}
#topbar TABLE#topnav TD.primary { 
                                                                                        background: #081209;
                                   background: -moz-linear-gradient(top,  #17361B 0%,               #081209 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#17361B), color-stop(100%,#081209));
                                background: -webkit-linear-gradient(top,  #17361B 0%,               #081209 100%);
                                     background: -o-linear-gradient(top,  #17361B 0%,               #081209 100%);
                                    background: -ms-linear-gradient(top,  #17361B 0%,               #081209 100%);
                                  background: linear-gradient(to bottom,  #17361B 0%,               #081209 100%);
filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#17361B',    endColorstr='#081209', GradientType=0 );
}
#topbar TABLE#topnav TD.secondary { 
                                                                                        background: #0C0812;
                                   background: -moz-linear-gradient(top,  #251736 0%,               #0C0812 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#251736), color-stop(100%,#0C0812));
                                background: -webkit-linear-gradient(top,  #251736 0%,               #0C0812 100%);
                                     background: -o-linear-gradient(top,  #251736 0%,               #0C0812 100%);
                                    background: -ms-linear-gradient(top,  #251736 0%,               #0C0812 100%);
                                  background: linear-gradient(to bottom,  #251736 0%,               #0C0812 100%);
filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#251736',    endColorstr='#0C0812', GradientType=0 );
}


#topbar TABLE#topnav TD span{
  visibility:hidden;
  position: absolute;
}
#topbar TABLE#topnav TD:hover span{
  position: relative;
  visibility:visible;
}
TD#topnavitem:hover DIV UL{
 list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;
}

TD#topnavitem:hover DIV UL LI{
  font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 10px; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; border-top: 1px dotted #666666;
}
TD#topnavitem:hover DIV B {
  color: #EEDD77;
}

TD#topnavitem:hover DIV UL LI A {
  font-size: 10px; text-decoration: none; font-weight: bold; color: #CCCCCC;
}
TD#topnavitem:hover DIV UL LI A:hover {
  font-size: 10px; text-decoration: none; font-weight: bold; color: #FFEE88;
}


TD#subnav {
  font-size: 8pt;
  font-family: Caudex, Verdana, geneva, futura;
  text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
  color: #CCCCCC;
  vertical-align: middle;
  padding: 15px;
}
TD#subnav A {
  font-family: Caudex, Verdana, geneva, futura;
  font-size: 12pt;
  color: #BBAA66;
  vertical-align: middle;
}
TD#subnav:hover A {
  font-family: Caudex, Verdana, geneva, futura;
  font-size: 12pt;
  color: #FFEE88;
  vertical-align: middle;
}
TD#subnav div#navcontent {
  visibility:hidden;
  position: absolute;
  z-index: 999;
}

TD#subnav:hover div#navcontent, TD#subnav div#navcontent:hover {
  visibility: visible;
  display: block;
  background-color: #000000;
  background-color: rgba(0,0,0,0.9);
  border-left: 1px solid #444444;
  border-right: 1px solid #444444;
  border-bottom: 1px solid #444444;
  box-shadow: rgba(0,0,0, 0.7) 0px 0px 8px;
  -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 8px;
  -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 8px;
  margin-top: 11px;
  margin-left: -15px;
  width: 200px;
  padding: 5px;
}
TD#subnav:hover div#navcontent B A {
  color: #BBAA66;
}
TD#subnav:hover div#navcontent B {
    font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; color: #BBAA66;
}
TD#subnav:hover div#navcontent P {
    font-family: Verdana, geneva, futura; font-size: 8pt; color: #AAAAAA; padding: 5px; margin: 5px 0px; border-bottom: 1px solid #444444;
}
TD#subnav:hover div#navcontent UL{ list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;}
TD#subnav:hover div#navcontent UL UL { list-style-type: none; padding-left: 0px; margin-left: 10px; margin-top: 2px;}
TD#subnav:hover div#navcontent UL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 7pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; }
TD#subnav:hover div#navcontent UL LI A { font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #CCC; }
TD#subnav:hover div#navcontent UL LI.epic A:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #FFEE88; }
TD#subnav:hover div#navcontent LI A:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #FFEE88; }




TD#sectionnav {
  margin: 0;
  padding: 0;
  list-style-type: none;
  left:auto;
}
UL#sectionnav LI {
  margin:0 5px 0 0;
  display: inline;
  padding: 0;
  list-style-type: none;
  float: left;
  position: relative;
}
TD#sectionnav:hover {
  background-image: url(/images/gui/gamenav_bg_green.png);
}

TD#sectionnav DIV {
  visibility: hidden;
  position: absolute;
}
TD#sectionnav:hover DIV {
  float: right;
  right: auto;
  position: absolute;
  list-style: none;
  visibility: visible;
  display: block;
  z-index: 100;
  width: auto;
  max-width: 400px;
  min-width: 140px;
  height: auto;
  padding: 5px;
  border-bottom: 1px solid #444444;
  border-left: 1px solid #444444;
  border-right: 1px solid #444444;
  background: repeat-x top center url(/images/gui/dropnav.jpg);
  text-align: left;
}


TD#sectionnav:hover DIV UL{
 list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;
}

TD#sectionnav:hover DIV UL LI{
  font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 10px; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; border-top: 1px dotted #666666;
}
TD#sectionnav:hover DIV B {
  color: #EEDD77;
}

TD#sectionnav:hover DIV UL LI A {
  font-size: 10px; text-decoration: none; font-weight: bold; color: #CCCCCC;
}
TD#sectionnav:hover DIV UL LI A:hover {
  font-size: 10px; text-decoration: none; font-weight: bold; color: #FFEE88;
}

#gamenav {
}

#gamenav #selector div{
  visibility:hidden;
  position: absolute;
}

#gamenav #selector:hover div {
  float:left;
  position:absolute;
  visibility:visible;
  z-index: 100;
  width: 160px;
  height: auto;
  border-bottom: 1px solid #444444;
  border-left: 1px solid #444444;
  border-right: 1px solid #444444;
  background-color: #111111;
  text-align: center;
}

#gamenav #selector:hover div TD#games:hover{
  background-color: #111111;
}
#gamenav #selector:hover div UL { margin: 0px; padding: 0px; list-style: none; }
#gamenav #selector:hover div UL LI { padding: 5px 0px; margin: 0px; text-align: center; border-top: 1px solid #444444; }
#gamenav #selector B {
	color: #CCBB66;
    font-family: Caudex, Georgia,  Serif;
	font-size: 12pt;
	font-weight: bold;
    line-height: 100%;
    margin: 0px;
    padding: 0px;
}
#gamenav #selector B SMALL {
	color: #FFFFFF;
    font-family: Caudex, Georgia,  Serif;
	font-size: 9pt;
	font-weight: bold;
    line-height: 100%;
    margin: 0px;
    padding: 0px;
}
#gamenav #selector .gameselect B {
	color: #AAAAAA;
    font-family: Caudex, Georgia,  Serif;
	font-size: 8pt;
    font-weight: normal;
    line-height: 100%;
    margin: 0px;
    padding: 0px;
}

.accountcontrols {
    font-size: 7pt;
	font-family: Tahoma, Verdana, Geneva, Futura;
    padding: 5px;
    border-bottom: 1px dotted #FFEECC;
    margin-bottom: 5px;
}

TABLE#tabs TH{
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
  background-image: url(/images/tab4_off.png);
  background-color: transparent;
  border-left: 1px solid #666666;
  border-right: 1px solid #333333;
  border-top: 1px solid #666666;
  padding: 1px 15px;
  height: 30px;
  font-size: 8pt;
}
TABLE#tabs TH#selected{
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
  background-image: url(/images/tab4_on.png);
  border-left: 1px solid #666666;
  border-right: 1px solid #333333;
  border-top: 1px solid #666666;
  padding: 1px 15px;
  height: 30px;
  font-size: 8pt;
}
TABLE#tabs TH:hover{
  background-image: url(/images/tab4_off.png);
  background-color: #002200;
  border-left: 1px solid #666666;
  border-right: 1px solid #333333;
  border-top: 1px solid #666666;
  padding: 1px 15px;
  height: 30px;
  font-size: 8pt;
  cursor: pointer;
  cursor: hand;
}
TR#one TD {
  color: #888888;
}
TR#two TD {
  color: #888888;
}

TR#one TD#n {
	background-image: url(/images/td7.png);
    border-bottom: 1px solid #333333;
  color: #888888;
}

TR#two TD#n {
	background-image: url(/images/spacer.gif);
    border-bottom: 1px solid #333333;
  color: #888888;
}

TR#one TD#f {
	background-image: url(/images/td5o.png);
    border-bottom: 1px solid #333333;
  color: #888888;
}
TR#one TD#s {
	background-image: url(/images/bg-support.png);
    border-bottom: 1px solid #333333;
  color: #888888;
}

TR#two TD#s {
	background-image: url(/images/bg-support2.png);
    border-bottom: 1px solid #333333;
  color: #888888;
}
TR#two TD#f {
	background-image: url(/images/td5.png);
    border-bottom: 1px solid #333333;
  color: #888888;
}

TR#one TD#c {
	background-image: url(/images/td6o.png);
    border-bottom: 1px solid #333333;
  color: #888888;
}

TR#two TD#c {
	background-image: url(/images/td6.png);
    border-bottom: 1px solid #333333;
  color: #888888;
}

 .rankcircle {
  font-family: Arial, Helvetica, futura !important; 
  font-size: 7pt; font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  text-shadow: none;
  z-index: 50;
  margin-left: -10px;
  margin-top: -3px;
  background-color: #222222;
  border: 1px solid rgba(238, 221, 153, 0.8);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;                    
  height: 20px;
  width: 20px;
  line-height: 225%;
  float: left;
}
.expbar {
text-align: left;
position: relative;
z-index: 1;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#111111));
background-image: -webkit-linear-gradient(top, #000000, #111111);
background-image: -moz-linear-gradient(top, #000000, #111111);
background-image: -ms-linear-gradient(top, #000000, #111111);
background-image: -o-linear-gradient(top, #000000, #111111);
border-right: 1px solid rgba(150,150,150, 0.2);
border-bottom: 1px solid rgba(150,150,150, 0.2);
border-top: 1px solid rgba(0,0,0, 0.5);
border-left: 1px solid rgba(0,0,0, 0.5);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;                    
height: 16px;
vertical-align: middle;
}
.overshell{
position: relative;
float: right;
z-index: 90;
font-weight: bold;
color: #FFEEAA;
font-size: 7pt;
cursor: default;
padding-right: 3px;
padding-left: 5px;
padding-top: 2px;
background-image: none;
}
.overshell2{
position: relative;
float: left;
z-index: 100;
font-weight: bold;
color: #FFEEAA;
font-size: 7pt;
cursor: default;
padding-right: 5px;
padding-left: 3px;
padding-top: 2px;
background-image: none;
}
.currentexp{
text-align: left;
position: static;
z-index: 5;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#004400), to(#002200));
background-image: -webkit-linear-gradient(top, #004400, #002200);
background-image: -moz-linear-gradient(top, #004400, #002200);
background-image: -ms-linear-gradient(top, #004400, #002200);
background-image: -o-linear-gradient(top, #004400, #002200);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px outset rgba(255,255,255,0.2);
height: 16px;
margin-top: -1px;
vertical-align: middle;
}
.currentcon{
height: 16px;
text-align: left;
position: static;
z-index: 5;
background: url('http://www.gaisciochnaanu.com/images/gexp_bar2.png') top left repeat-x;
}
.newexp{
height: 16px;
float: right;
position: static;
z-index: 10;
background: url('http://www.gaisciochnaanu.com/images/gexp_bar2.png') top left repeat-x;
}
.currentrenown{
height: 16px;
text-align: left;
position: static;
z-index: 2;
background: url('http://www.gaisciochnaanu.com/images/gren_bar.png') top left repeat-x;
}
TEXTAREA {
	background-image: url(/images/textarea.png);
	color: #CCCCCC;
    height: 200px;
	border: 1px solid #333;
    background-color: transparent;
  background-repeat: repeat-x;
}
OPTION.opth1 {
  font-size: 8pt;
  line-height: 125%;
  border-top: 1px solid #003300;
  background-color: #001100;
  border-bottom: 1px solid #000000;
  text-align: center;
  font-weight: bold;
  color: #AAAA77;
  padding: 3px;
}
OPTION.opth2 {
  font-size: 7pt;
  line-height: 125%;
  border-top: 1px solid  #333333;
  background-color: #222222;
  border-bottom: 1px solid  #111111;
  text-align: center;
  font-weight: bold;
  color: #666666;
  padding: 2px;
}

.split {
  border-bottom: 1px dotted #444;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
}

.quote {
  margin: 10px;
  border-left: 10px solid #444;
  padding: 10px;
  font-size: 10pt;
  color: #AAA;
  background-color: #222;
  width: 250px;
  float: right;
}

.testimonial {
  margin: 10px 0px 10px 0px;
  border-left: 10px solid #333;
  border-bottom: 1px solid #333;
  padding: 10px;
  font-size: 10pt;
  color: #AAA;
  background-color: #111;
}

.quote B{
  padding-top: 5px;
  padding-left: 15px;
}

.floatdate {
  font-size: 7pt;
  color: #666;
  float: right;
  padding: 5px;
}

#topichot TD {
  background-color: rgba(0,150,0,.1);
}

#topicspot TD {
  background-color: rgba(150,150,0,.1);
}

I, EM {
  color: #EEDD99;
}

#de {
	background-image: url(http://www.gaisciochnaanu.com/images/dungeonexplorer_bg.png);
    background-repeat: repeat-x;
    background-position: center;
    border: 1px solid #333333;
}
#de TD{
	background-image: url(http://www.gaisciochnaanu.com/images/20b.png);
    border: 1px solid #222222;
}
#de TD B{
  font-family: Garamond, Georgia, 'Times New Roman', times, serif;
  font-size: 12pt;
  color: #dfc961;
}
#de TD P{
  font-family: Arial, Helvetica, Futura, Sans-Serif;
  font-size: 10pt;
  color: #FFFFFF;
}
#de TD H1 SMALL {
  font-size: 10pt;
  color: #FFFFFF;
}

TEXTAREA:focus {
	background-image: url(/images/textarea_active.png);
	color: #CCCCCC;
    height: 200px;
	border: 1px solid #333;
    background-color: transparent;
  background-repeat: repeat-x;
}


INPUT {
     background-color: rgba(50,50,50, 0.2);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#333333));
     background-image: -webkit-linear-gradient(top, #111111, #3333331);
     background-image: -moz-linear-gradient(top, #111111, #333333);
     background-image: -ms-linear-gradient(top, #111111, #333333);
     background-image: -o-linear-gradient(top, #111111, #333333);
	color: #CCCCCC;
	width: 90%;
	border: 1px outset rgba(150,150,150, 0.5);
    padding: 3px;
}
INPUT.none, INPUT.none:focus, INPUT.none:hover {
    border: none; height: auto; width: auto; padding: 0px;
}
INPUT:focus {
     background-color: rgba(50,50,50, 0.2);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#003300), to(#001100));
     background-image: -webkit-linear-gradient(top, #003300, #001100);
     background-image: -moz-linear-gradient(top, #003300, #001100);
     background-image: -ms-linear-gradient(top, #003300, #001100);
     background-image: -o-linear-gradient(top, #003300, #001100);
	color: #CCCCCC;
	width: 90%;
	border: 1px outset rgba(150,150,150, 0.5);
    padding: 3px;
	}

.content {
	background-image: url(/images/bg_e_text.gif);
	color: #AAAAAA;
	border: 1px solid #666666;
}
B {
  color: #EEDD55;
}


.content TD B {
  color: #FFFFAA;
}

.gameplate td A{
	color: #AAAAAA;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Helvetica, futura;
	}
table.gameplate td A:hover {
	color: #FFFFAA;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Helvetica, futura;
	}
div.exptext {
  color: #FFFFAA;
  font-size: 10px;
  font-family: Tahoma, Verdana, Helvetica, futura;
  padding: 0px 5px 0px 5px;
}


div.leftnavitem {
	padding: 0px;
	margin: 0px;
	color: #FFFFAA;
	border: 1px outset #111111;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Helvetica, futura;
	background-color: #111111;
	}
div.leftnavitem:hover {
	padding: 0px;
	margin: 0px;
	color: #FFFFAA;
	border: 1px outset #444444;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Helvetica, futura;
	background-color: #222222;
	}
div.leftnavitem A{
	color: #AAAAAA;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Helvetica, futura;
	}
div.leftnavitem A:hover {
	color: #FFFFAA;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Helvetica, futura;
	}
.submit {
	color: #FFFFAA;
	background-image: url(/images/bg_e_formfield.gif);
    font-weight: bold;
    font-size: 8pt;
	border: 1px solid #000000;
    padding: 3px 10px;
    height: 25px;
    width: auto;
	}
.submit:hover {
	color: #FFFFAA;
	background-image: url(/images/bg_e_formfield_on.gif);
    font-weight: bold;
    font-size: 8pt;
	border: 1px solid #000000;
    padding: 3px;
    height: 25px;
    padding: 3px 10px;
    width: auto;
	}
TD {
	color: #AAAAAA;
	font-family: Verdana, Helvetica, futura;
	font-size: 7pt;
	}
P {
	color: #AAAAAA;
	font-family: Verdana, Helvetica, futura;
	font-size: 7pt;
}


TH
	{
	color: #FFEE88;
	font-family: Verdana, Helvetica, futura;
	font-size: 7pt;
	}

TABLE#wartable TD {
 border: 1px solid #333;
 width: 25px;
 color: #FFEE88;
 font-size: 7pt;
 font-family: Verdana, Helvetica, futura;
 text-align: center;
 padding: 2px;
}


TH.ctitle
	{
	font-family: Verdana, geneva, futura;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}
.cbody
	{
	font-family: verdana, geneva, futura;
	font-size: 7pt;
	color: #AAA;
	text-decoration: none;
	font-weight: normal;
	}

.nav
	{
	color: #BBBBBB;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	}
.nav A { font-size: 8pt; text-decoration: none; font-weight: bold; color: #CCC; }
.nav A:hover { font-size: 8pt; text-decoration: none; font-weight: bold; color: #FFEE88; }


.nav UL{ list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;}
.nav UL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 10px; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; border-top: 1px dotted #666666; }
.nav UL LI A { font-size: 10px; text-decoration: none; font-weight: bold; color: #CCC; }
.nav UL LI.epic A:hover { font-size: 9pt; text-decoration: none; font-weight: bold; color: #FFEE88; }
.nav UL LI A:hover { font-size: 10px; text-decoration: none; font-weight: bold; color: #FFEE88; }
.nav B { color: #EEDD77; }

.nav UL LI.epic { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 10px; background: url(/images/star2.png) no-repeat .1em .3em transparent; color: #AAA; padding: 3px 0px 3px 18px; border-top: 1px dotted #666666; }
.nav UL LI.epic A { font-size: 9pt; text-decoration: none; font-weight: bold; color: #DDCC66; }
.nav OL{ list-style-type: decimal; padding-left: 0px; margin-left: 20px; margin-top: 2px;}
.nav OL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 10px; color: #AAA; padding: 3px 0px 5px 3px; }
.nav OL LI A { font-size: 10px; text-decoration: none; font-weight: bold; color: #CCC; }
.nav OL LI A:hover { font-size: 10px; text-decoration: none; font-weight: bold; color: #FFEE88; }


#contentnav	{ color: #BBBBBB; font-family: Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; }
#contentnav A { font-size: 9pt; text-decoration: none; font-weight: bold; color: #CCC; }
#contentnav A:hover { font-size: 9pt; text-decoration: none; font-weight: bold; color: #FFEE88; }
#contentnav UL{ list-style-type: none; padding-left: 0px; margin-left: 5px; margin-top: 2px;}
#contentnav UL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 9pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; }
#contentnav UL LI A { font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #CCBB66; }
#contentnav UL LI A#s { font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #FFFFFF; }
#contentnav UL LI A:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #FFEE88; }


#contentnav UL UL { list-style-type: none; padding-left: 10px; margin-left: 5px; margin-top: 2px;}
#contentnav UL UL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 8pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; }
#contentnav UL UL LI A { font-family: Caudex, Verdana, geneva, futura; font-size: 8pt; text-decoration: none; font-weight: bold; color: #CCBB66; }
#contentnav UL UL LI A#s { font-family: Caudex, Verdana, geneva, futura; font-size: 8pt; text-decoration: none; font-weight: bold; color: #FFFFFF; }
#contentnav UL UL LI A:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 8pt; text-decoration: none; font-weight: bold; color: #FFEE88; }

#contentnav B { color: #EEDD77; }
#contentnav OL{ list-style-type: decimal; padding-left: 0px; margin-left: 20px; margin-top: 2px;}
#contentnav OL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 9pt; color: #AAA; padding: 3px 0px 5px 3px; }
#contentnav OL LI A { font-size: 9pt; text-decoration: none; font-weight: bold; color: #CCC; }
#contentnav OL LI A:hover { font-size: 9pt; text-decoration: none; font-weight: bold; color: #FFEE88; }

H2 SMALL {
  color: #FFFFFF;
  font-size: 60%;
}

.navh
	{
	color: #BBB;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
    margin-top: 3px;
	}
.navh A { font-size: 8pt; text-decoration: none; font-weight: bold; color: #CCC; }
.navh A:hover { font-size: 8pt; text-decoration: none; font-weight: bold; color: #FFEE88; }


.navh UL{
    border-top: 1px dotted #666666; list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;}
.navh UL LI { display: inline; font-family: Verdana, geneva, futura; font-weight: bold; color: #CCC; line-height: 120%; font-size: 10px; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; padding: 3px 20px 3px 13px; }
.navh UL LI A { font-size: 10px; text-decoration: none; font-weight: bold; color: #CCC; }
.navh UL LI A:hover { font-size: 10px; text-decoration: none; font-weight: bold; color: #FFEE88; }
.navh B { color: #EEDD77; font-size: 11px; }




#journal UL{ list-style-type: none; padding-left: 0px; margin: 10px 0px 10px 0px; }
#journal UL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 9pt; background: url('/images/arrow.gif') no-repeat .1em .6em transparent; color: #CCCCCC; padding: 3px 0px 5px 13px; border-bottom: 1px dotted #888888; margin-bottom: 5px; }
#journal UL LI A { text-decoration: none; font-weight: bold; color: #FFEE88; }
#journal UL LI A:hover { text-decoration: none; font-weight: bold; color: #FFFFFF; }



.maincontent UL{ list-style-type: none; padding-left: 0px; margin: 10px 0px 10px 0px; }
.maincontent UL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 9pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #CCCCCC; padding: 3px 0px 3px 13px; }
.maincontent UL LI A { text-decoration: none; font-weight: bold; color: #FFEE88; }
.maincontent UL LI A:hover { text-decoration: none; font-weight: bold; color: #FFFFFF; }

.maincontent UL#guidelist{ list-style-type: none; padding-left: 0px; margin: 0px 0px 10px 0px; }
.maincontent UL#guidelist LI {  border-bottom: 1px solid #222222; font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 10pt; background: none; color: #CCCCCC; padding: 5px 0px 5px 13px; background-color: transparent; }
.maincontent UL#guidelist LI SMALL { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 8pt;color: #CCCCCC; background-color: transparent; }

.maincontent UL#guidelist LI A { text-decoration: none; font-weight: bold; color: #DDDDDD; }
.maincontent UL#guidelist LI A:hover { text-decoration: none; font-weight: bold; color: #FFEE88; }




TH.wood
	{
	color: #663300;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	font-weight: bold;
	}
TH.wht
	{
	color: #FFFFFF;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	}
TD.wht
	{
	color: #FFFFFF;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	}
.category
	{
	color: #FFEE88;
	font-family: Verdana, Helvetica, futura;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	filter:DropShadow(color=#000000, offx=1, offy=1);
	width:100%;
	}
.category:hover
	{
	color: #88FF88;
	font-family: Verdana, Helvetica, futura;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	filter:DropShadow(color=#000000, offx=1, offy=1);
	width:100%;
	}
.content,PRE,P,LI,UL,OL
	{
	color: #CCC;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	line-height: 12pt;
    padding-top: 0px;
    margin-top: 0px;
	}


.header
	{
	color: #000000;
	font-family: Verdana, Helvetica, futura;
	font-size: 11pt;
	font-weight: bold;
	}
.smheader
	{
	color: #000000;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	font-weight: bold;
	}
H1 SMALL {
	color: #FFFFFF;
	font-family: Georgia, san-serif;
	font-size: 9pt;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 5px;
}
#contentbox {
margin: 20px;
border-bottom: 1px solid #444444;
padding-bottom: 20px;
}

TABLE#pagenav TD {
  font-size: 7pt;
  color: #AAAAAA;
}
TABLE#pagenav TD A{
  font-size: 7pt;
  line-height: 9pt;
  color: #AAAAAA;
  text-decoration: none;
  margin: 0px 5px;
}
TABLE#pagenav TD A:hover{
  font-size: 7pt;
  line-height: 9pt;
  color: #FFEE88;;
  text-decoration: none;
}
TABLE#pagenav TD A.s {
  font-size: 9pt;
  line-height: 9pt;
  color: #FFEE88;
  font-weight: bold;
}

.highlight,h1
	{
	color: rgba(214,195,105,1);
    font-family: 'Uncial Antiqua', Garamond, Georgia, Serif;
    font-size: 26pt;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 5px;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	}
.highlight2,h2
	{
	color: #FFEE88;
	font-family: Caudex, Georgia, san-serif;
	font-size: 16pt;
	font-weight: normal;
    padding-bottom: 0px;
    margin-bottom: 2px;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	}
.error {
  font-size: 8pt;
  font-weight: bold;
  color: #AA0000;
  border: 1px outset #AA0000;
  background-color: #FFDDDD;
  padding: 3px;
  text-align: center;
}

#error {
  font-size: 8pt;
  font-weight: bold;
  color: #AA0000;
  text-align: center;
}

.jumplink {
    font-size: 8pt;
    border-top: 1px solid #002200;
    border-bottom: 1px solid #002200;
    padding: 2px;
    background-color: #001100;
}
.jumplink A{ color: #FFFFFF; }
.jumplink A:hover{ color: #FFEEAA; }


h3
	{
	color: #CCBB66;
    font-family: Caudex, Georgia,  Serif;
	font-size: 14pt;
	font-weight: bold;
    padding-bottom: 2px;
    margin-bottom: 0px;
    margin-top: 10px;
}
H3 SMALL {
  color: #FFFFFF; font-size: 10pt;
}


h4
	{
	color: #FFFFFF;
    font-family: Caudex, Georgia,  Serif;
	font-size: 10pt;
	font-weight: bold;
    padding-bottom: 2px;
    margin-bottom: 0px;
    margin-top: 10px;
}

.news P {
    font-size: 8pt;
}
SPAN#twitch { color: #A38AD0;}
SPAN#youtube { color: #E62117;}

.toc
	{
	color: #FFEE88;
	font-family: Verdana, Helvetica, futura;
	font-size: 8pt;
	font-weight: bold;
	}
.toc:hover
	{
	color: #BBFFBB;
	font-family: Verdana, Helvetica, futura;
	font-size: 8pt;
	font-weight: bold;
	}
.rankhighlight
	{
	color: #FFEE88;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	font-weight: bold;
	}
.motd
	{
	color: #FFEE88;
	font-family: Verdana, Helvetica, futura;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	filter:DropShadow(color=#000000, offx=1, offy=1);
	width:100%;
	}
.pmotd
	{
	color: #444444;
	font-family: Verdana, Helvetica, futura;
	font-size: 10pt;
	font-weight: bold;
	}
.Highlight3
	{
	color: #DDDDDD;
	font-family: verdana, geneva, futura;
	font-size: 12pt;
	font-weight: bold;
	}
.Highlight4
	{
	color: #FFEE88;
	font-family: verdana, geneva, futura;
	font-size: 8pt;
	font-weight: bold;
	filter:DropShadow(color=#000000, offx=1, offy=1);
	width:100%;
	}
.Highlight5
	{
	color: #FFFFFF;
	font-family: verdana, geneva, futura;
	font-size: 8pt;
	font-weight: bold;
	filter:DropShadow(color=#000000, offx=1, offy=1);
	width:100%;
	}
.blkbdr
	{
		border-width: 2px;
		border-style: inset;
		border-color: #cc9933;
	}

.adminnavbox
	{
	color: #FFEE88;
	font-family: Verdana, geneva, futura;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	}
.adminnav
	{
	color: #FFEE88;
	font-family: Verdana, geneva, futura;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: none;
	filter:DropShadow(color=#000000, offx=1, offy=1);
	}
.adminnavoff
	{
	color: #888888;
	font-family: Verdana, geneva, futura;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: none;
	filter:DropShadow(color=#000000, offx=1, offy=1);
	}
.date
	{
	color: #BBFFBB;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	font-weight: bold;
	}
.footer
	{
	color: #EEEEEE;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	}
	.disclp
	{
	color: #006600;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	}
.dischead
	{
	color: #008800;
	font-family: Verdana, Helvetica, futura;
	font-size: 12pt;
	font-weight: bold;
	}
.dischead:hover
	{
	color: #668866;
	font-family: Verdana, Helvetica, futura;
	font-size: 12pt;
	font-weight: bold;
	}
.discsubhead
	{
	color: #000000;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	font-weight: bold;
	}
.mininav
	{
	color: #EEEEEE;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	}
.postlink
	{
	color: #006600;
	font-family: Verdana, geneva, futura;
	font-size: 9pt;
	}
.postlink:hover {
	color: #FFEE88;
	font-family: Verdana, geneva, futura;
	font-size: 9pt;
	}
.postdesc {
	color: #000000;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	}
.postcontent {
	color: #000000;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	}
.postedby {
	color: #FFEE88;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	}
.postedby:hover
	{
	color: #88FF88;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	}
.postedby:visited
	{
	color: #FFEE88;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	}

.buttonon {
	color: #FFFFFF;
	background-image: url(/images/bg_e_formfield.png);
    font-weight: bold;
    font-size: 8pt;
    background-color: #002200;
	border: 1px solid #222222;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
       -moz-border-radius: 3px;
       border-radius: 3px;
	}
.buttonon:hover {
	color: #FFFFFF;
	background-image: url(/images/bg_e_formfield.png);
    font-weight: bold;
    font-size: 8pt;
    background-color: #550000;
	border: 1px solid #440000;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
       -moz-border-radius: 3px;
       border-radius: 3px;
	}

.buttonoff {
	color: #FFFFFF;
	background-image: url(/images/bg_e_formfield.png);
    font-weight: bold;
    font-size: 8pt;
    background-color: transparent;
	border: 1px solid #222222;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
       -moz-border-radius: 3px;
       border-radius: 3px;
	}
.buttonoff:hover {
	color: #FFFFFF;
	background-image: url(/images/bg_e_formfield.png);
    font-weight: bold;
    font-size: 8pt;
    background-color: #005500;
	border: 1px solid #004400;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
       -moz-border-radius: 3px;
       border-radius: 3px;
	}

.newbutton {
	color: #FFFFFF;
	background-image: url(/images/bg_e_formfield.gif);
    font-weight: bold;
    font-size: 8pt;
	border: 1px solid #222222;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    text-align: center;
    width: 150px;
    float: right;
       -moz-border-radius: 3px;
       border-radius: 3px;
	}
.newbutton:hover {
	color: #FFFFFF;
	background-image: url(/images/bg_e_formfield_on.gif);
    font-weight: bold;
    font-size: 8pt;
	border: 1px solid #004400;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    text-align: center;
    width: 150px;
    float: right;
       -moz-border-radius: 3px;
       border-radius: 3px;
	}
.button {
	color: #FFFFAA;
    background-color: rgba(50,50,50, 0.2);
       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
       background-image: -webkit-linear-gradient(top, #333333, #111111);
       background-image: -moz-linear-gradient(top, #333333, #111111);
       background-image: -ms-linear-gradient(top, #333333, #111111);
       background-image: -o-linear-gradient(top, #333333, #111111);
    font-weight: bold;
    font-size: 8pt;
	border: 1px solid #BBAA66;
    padding: 5px 10px 5px 10px;
       -moz-border-radius: 3px;
       border-radius: 3px;
	}
.button:hover {
	color: #FFFFAA;
    background-color: #002200;
       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
       background-image: -webkit-linear-gradient(top, #333333, #111111);
       background-image: -moz-linear-gradient(top, #333333, #111111);
       background-image: -ms-linear-gradient(top, #333333, #111111);
       background-image: -o-linear-gradient(top, #333333, #111111);
    font-weight: bold;
    font-size: 8pt;
	border: 1px solid #009600;
    padding: 5px 10px 5px 10px;
       -moz-border-radius: 3px;
       border-radius: 3px;
	}
.button2
	{
	border-width: 1px;
	border-style: outset;
	border-color: #222222;
	background-color: #444444;
	color: #FFEE88;
	font-weight: bold;
	font-family: Verdana, Helvetica, futura;
	font-size: 7pt;
	height: 16px;
       -moz-border-radius: 3px;
       border-radius: 3px;
	}
.buttontext
	{
	color: #000000;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	}
.Name
	{
	color: #FFEE88;
	font-family: Verdana, geneva, futura;
	font-size: 8pt;
	}
.focus
	{
	color: #DDDDDD;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	}

.pfocus
	{
	color: #000000;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	}
.topic
	{
	color: #FFEE88;
	font-family: Verdana, geneva, futura;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	filter:DropShadow(color=#222222, offx=1, offy=1);
	width:100%;
	}
.topic:hover
	{
	color: #88FF88;
	font-family: Verdana, geneva, futura;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	filter:DropShadow(color=#222222, offx=1, offy=1);
	width:100%;
	}
.returnlink
	{
	color: #FFEE88;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	text-decoration: none;
	}
.smallgrey
	{
	color: #AAAAAA;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	text-decoration: none;
	}
.9decal
	{
	background-color: #444444;
	border-style: inset;
	border-width: 1pt;
	border-color: #888888;
	font-family: verdana, geneva, futura;
	font-size: 9pt;
	color: EEEECC;
	scrollbar-base-color: #888888;
	scrollbar-track-color: #444444;
	}
.chart
	{
		border: 1 inset #444444;
		width: 200px;
	}
.quest
	{
	font-family: verdana, geneva, futura;
	font-size: 10px;
	color: #FFEE88;
	text-decoration: none;
	}
.questcomplete
	{
	font-family: verdana, geneva, futura;
	font-size: 10px;
	color: #888888;
	text-decoration: none;
	}
.questavailable
	{
	font-family: verdana, geneva, futura;
	font-size: 10px;
	color: #CCCCCC;
	text-decoration: none;
	}
.questavailable:hover
	{
	font-family: verdana, geneva, futura;
	font-size: 10px;
	color: #FFEE88;
	text-decoration: none;
	}
.questtitle
	{
	font-family: verdana, geneva, futura;
	font-size: 10px;
	color: #FFEE88;
	font-weight: bold;
	text-decoration: none;
	}
.overflow
	{
	width: 100%;
	overflow: auto;
	}
.overflowx
    {
    width: 100%;
    overflow-x: scroll;
    overflow: auto;
    }
.overflowy
    {
    width: 100%;
    overflow-y: scroll;
    overflow: auto;
    }


.BoardChapterHead
	{
	font-family: Garamond, 'Times New Roman', Times, Serif;
	font-size: 14pt;
	color: #116611;
	font-weight: bold;
	text-decoration: none;
	}
.BoardChapterOff
	{
	font-family: Garamond, 'Times New Roman', Times, Serif;
	font-size: 10pt;
	color: #111111;
	font-weight: bold;
	text-decoration: none;
	}
.BoardChapter
	{
	font-family: Garamond, 'Times New Roman', Times, Serif;
	font-size: 10pt;
	color: #116611;
	font-weight: bold;
	text-decoration: none;
	}
.BoardChapter:hover
	{
	font-family: Garamond, 'Times New Roman', Times, Serif;
	font-size: 10pt;
	color: #008800;
	font-weight: bold;
	text-decoration: none;
	}
.BoardContent
	{
	font-family: verdana, geneva, futura;
	font-size: 8pt;
	color: #000000;
	line-height: 12pt;
	text-decoration: none;
	}
.BoardPosts
	{
	font-family: verdana, geneva, futura;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	}

TABLE#objectives {
  border: none;
  margin: 0px;
}

TABLE#objectives TH {
  border: none;
  border: 1px outset #333333;
  background-image: url('/images/th_header.png');
  color: #FFEE88;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 10pt;
  padding: 3px;
}

TABLE#objectives TD {
  border-bottom: 1px solid #444444;
  color: #FFEE88;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 7pt;
  font-weight: bold;
  padding: 3px;
}

TABLE#objectives TD B {
  color: #FFFFFF;
}
.footnote {
  color: #AAAAAA;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 7pt;
  padding: 3px;
}

.gold { color: #DDCC66; }
.grey { color: #DDDDDD; }
.red { color: #AA0000; }

TABLE#chart {
  border: none;
  margin: 0px;
}

TABLE#chart TD {
  color: #AAAAAA;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 7pt;
  padding: 1px;
}

.guildwindow {
  padding: 5px 0px; border-bottom: 1px solid #666;
}

TABLE#Profile TD {
  font-size: 9pt;
  padding: 2px 5px;
}

UL#guidehnav {
  margin: 20px 0px 0px 0px; padding: 10px 0px; border-bottom: 1px solid #444444;
}
UL#guidehnav LI {
  border: 1px outset #333333;
  background-image: url('/images/th_header.png');
  color: #FFFFFF;
  font-family: Arial, Helvetica, Futura;
  font-size: 8pt;
  padding: 10px 15px;
  margin: 0px;
  background-repeat: repeat-x;
  text-align: left;
  display: inline;
  list-style-type: none;
  list-style: none;
}
UL#guidehnav LI.on {
  border: 1px outset #333333;
  background-image: url('/images/th_header2.png');
  color: #FFFFFF;
  font-family: Arial, Helvetica, Futura;
  font-size: 8pt;
  padding: 10px 15px;
  margin: 0px;
  background-repeat: repeat-x;
  text-align: left;
  display: inline;
  list-style-type: none;
  list-style: none;
}
UL#guidehnav LI:hover {
  border: 1px outset #333333;
  background-image: url('/images/th_header2.png');
  padding: 10px 15px;
  margin: 0px;
  background-repeat: repeat-x;
  text-align: left;
  display: inline;
  list-style-type: none;
  list-style: none;
}

UL#guidehnav LI.on:hover A {
  color: #DDCC66;
  font-family: Arial, Helvetica, Futura;
  font-size: 8pt;
}

UL#guidehnav LI.on A {
  color: #DDCC66;
  font-family: Arial, Helvetica, Futura;
  font-size: 8pt;
}
UL#guidehnav LI:hover A {
  color: #DDCC66;
  font-family: Arial, Helvetica, Futura;
  font-size: 8pt;
}

UL#guidehnav LI A {
  color: #FFFFFF;
  font-family: Arial, Helvetica, Futura;
  font-size: 8pt;
}


DIV.ProfileNav {
  border-bottom: 1px solid #222222;
  margin-top: 10px;
}


TABLE#ProfileNav {
  border: none;
  margin: 0px;
}


TABLE#ProfileNav TH {
  border: 1px outset #333333;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  background-image: url('/images/th_header.png');
  color: #FFEE88;
  font-family: Caudex, 'Times New Roman', Times, Serif;
	font-size: 12pt;
	font-weight: bold;
  padding: 5px 20px;
  background-repeat: repeat-x;
}
TABLE#ProfileNav TH A{
  color: #FFEE88;
  font-family: Caudex, 'Times New Roman', Times, Serif;
  font-size: 12pt;
  font-weight: bold;
}


TABLE#ProfileNav TH:hover {
  border: 1px outset #333333;
  background: #001100 url('/images/th_header.png');
  padding: 5px 20px;
  background-repeat: repeat-x;
}

TABLE#ProfileNav TH:hover A{
  color: #FFFFFF;
  font-family: Caudex, 'Times New Roman', Times, Serif;
  font-size: 12pt;
  font-weight: bold;
}


TABLE#ProfileNav TH.s {
  border: 1px outset #333333;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  background: #003300 url('/images/th_header.png');
  padding: 5px 20px;
  background-repeat: repeat-x;
}



DIV.MarketplaceNav {
  border-bottom: 1px solid #222222;
  margin-top: 10px;
}


TABLE#MarketplaceNav {
  border: none;
  margin: 0px;
}


TABLE#MarketplaceNav TH {
  border: 1px outset #333333;
  background-image: url('/images/th_header.png');
  color: #AAAAAA;
  font-family: Arial, Helvetica, Futura;
	font-size: 9pt;
	font-weight: normal;
  padding: 5px 20px;
  background-repeat: repeat-x;
}
TABLE#MarketplaceNav TH A{
  color: #FFEE88;
  font-family: Arial, Helvetica, Futura;
	font-size: 10pt;
  font-weight: bold;
}


TABLE#MarketplaceNav TH:hover {
  border: 1px outset #333333;
  background: #001100 url('/images/th_header.png');
  padding: 5px 20px;
  background-repeat: repeat-x;
}

TABLE#MarketplaceNav TH:hover A{
  color: #FFFFFF;
  font-family: Arial, Helvetica, Futura;
	font-size: 10pt;
  font-weight: bold;
}


TABLE#MarketplaceNav TH.s {
  border: 1px outset #333333;
  background: #003300 url('/images/th_header.png');
  padding: 5px 20px;
  background-repeat: repeat-x;
}

A#categorytitle {
  color: #FFFFFF;
}

TABLE#data {
  border: none;
  margin: 0px;
}

TABLE#data TR#one TD{
  background-color: rgba(50,50,50, 0.2);
  padding: 3px 10px;
}

TABLE#data TR#two TD{
  background-color: rgba(25,25,25, 0.2);
  padding: 3px 10px;
}

TABLE#data TR#total TD{
  background-color: rgba(50,50,50, 0.2);
  padding: 5px 10px;
  font-size: 12pt;
}
TABLE#data TR#total TD B{
  color: #FFFFFF;
  font-size: 12pt;
  font-weight: bold;
}

TABLE#data TR#classification TD{
  padding: 10px;
  color: #FFFFFF;
  font-size: 12pt;
  font-weight: bold;
   background-color: #001100;
   background: -webkit-gradient(linear, left top, left 25, from(#002200), color-stop(25%, #113311), to(#001100));
   background: -moz-linear-gradient(top, #002200, #113311 2px, #001100 25px);
   background-image: -webkit-linear-gradient(top, #002200, #001100);
   background-image: -ms-linear-gradient(top, #002200, #001100);
   background-image: -o-linear-gradient(top, #002200, #001100);
}
TABLE#data TR#tradeskill TD{
  padding: 10px;
  color: #FFFFFF;
  font-size: 10pt;
  font-weight: bold;
   background-color: #000000;
   background: -webkit-gradient(linear, left top, left 25, from(#111111), color-stop(25%, #222222), to(#000000));
   background: -moz-linear-gradient(top, #111111, #222222 2px, #000000 25px);
   background-image: -webkit-linear-gradient(top, #222222, #000000);
   background-image: -ms-linear-gradient(top, #222222, #000000);
   background-image: -o-linear-gradient(top, #222222, #000000);
}

TABLE#data TH {
 border: 1px outset #333333;
 background-color: rgba(50,50,50, 0.2);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222222), to(#111111));
 background-image: -webkit-linear-gradient(top, #222222, #111111);
 background-image: -moz-linear-gradient(top, #222222, #111111);
 background-image: -ms-linear-gradient(top, #222222, #111111);
 background-image: -o-linear-gradient(top, #222222, #111111);
  color: #FFEE88;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 9pt;
  padding: 10px;
}


TABLE#data TH#secondary {
 border: 1px outset #440044;
 background-color: rgba(50,50,50, 0.2);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#220022), to(#110011));
 background-image: -webkit-linear-gradient(top, #220022, #110011);
 background-image: -moz-linear-gradient(top, #220022, #110011);
 background-image: -ms-linear-gradient(top, #220022, #110011);
 background-image: -o-linear-gradient(top, #220022, #110011);
 color: #FFEE88;
 font-family: Tahoma, Helvetica, Futura;
 font-size: 9pt;
 padding: 10px;
}


TABLE#data TH#primary {
 border: 1px outset #004400;
 background-color: rgba(50,50,50, 0.2);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#002200), to(#001100));
 background-image: -webkit-linear-gradient(top, #002200, #001100);
 background-image: -moz-linear-gradient(top, #002200, #001100);
 background-image: -ms-linear-gradient(top, #002200, #001100);
 background-image: -o-linear-gradient(top, #002200, #001100);
 color: #FFEE88;
 font-family: Tahoma, Helvetica, Futura;
 font-size: 9pt;
 padding: 10px;
}

TABLE#data TH#total {
 border: 1px outset #444400;
 background-color: rgba(50,50,50, 0.2);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#211C02), to(#0E0C01));
 background-image: -webkit-linear-gradient(top, #211C02, #0E0C01);
 background-image: -moz-linear-gradient(top, #211C02, #0E0C01);
 background-image: -ms-linear-gradient(top, #211C02, #0E0C01);
 background-image: -o-linear-gradient(top, #211C02, #0E0C01);
 color: #FFEE88;
 font-family: Tahoma, Helvetica, Futura;
 font-size: 9pt;
 padding: 10px;
}

TABLE#data TH#p {
 border: 1px outset #002200;
 background-color: rgba(0,100,0, 0.2);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#002200), to(#001100));
 background-image: -webkit-linear-gradient(top, #002200, #001100);
 background-image: -moz-linear-gradient(top, #002200, #001100);
 background-image: -ms-linear-gradient(top, #002200, #001100);
 background-image: -o-linear-gradient(top, #002200, #001100);
  color: #FFEE88;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 9pt;
  padding: 10px;
}
TABLE#data TH#sm {
 border: 1px outset #222222;
 background-color: rgba(25,25,25, 0.2);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
 background-image: -webkit-linear-gradient(top, #333333, #11111100);
 background-image: -moz-linear-gradient(top, #333333, #111111);
 background-image: -ms-linear-gradient(top, #333333, #111111);
 background-image: -o-linear-gradient(top, #333333, #111111);
  color: #FFEE88;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  padding: 10px;
}
TABLE#data TH SMALL { color: #FFFFFF; }

TABLE#data TH#s {
 border: 1px outset #220022;
 background-color: rgba(100,0,100, 0.2);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#220022), to(#110011));
 background-image: -webkit-linear-gradient(top, #220022, #110011);
 background-image: -moz-linear-gradient(top, #220022, #110011);
 background-image: -ms-linear-gradient(top, #220022, #110011);
 background-image: -o-linear-gradient(top, #220022, #110011);
  color: #FFEE88;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 9pt;
  padding: 10px;
}

TABLE#data TH.subhead {
  border: 1px outset #333333;
  background-image: url('/images/th_header2.png');
  color: #FFFFFF;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  padding: 5px;
  background-repeat: repeat-x;
  text-align: left;

}

TABLE#data TH.division {
  border: 1px outset #333333;
  background-image: url('/images/th_header2.png');
  color: #FFFFFF;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 9pt;
  padding: 5px;
  background-repeat: repeat-x;
  text-align: left;
}

TABLE#data TD {
  border-bottom: 1px solid #444444;
  border-top: none;
  color: #AAAAAA;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 7pt;
  padding: 3px;
}

TABLE#data TD TD{
  border-bottom: none;
}
TABLE#data TR#first TD {
    font-size: 200%;
    color: #CCBB66;
    padding: 3px 10px;
}


TABLE#data SELECT {
  background: #000000 none;
  color: #AAAAAA;
  font-size: 9pt;
  font-family: Tahoma, Helvetica, Futura;
}


TABLE#data2 {
  border: none;
  margin: 0px;
}

TABLE#data2 TH {
  border: none;
  border: 1px outset #333333;
  background-image: url('/images/th_header.png');
  color: #FFEE88;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  font-size: 8pt;
  padding: 5px;
}

TABLE#data2 TD {
  border-bottom: 1px solid #444444;
  color: #AAAAAA;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  padding: 3px;
}
TABLE#data2 SELECT {   background: #000000 none; color: #AAAAAA; font-size: 9pt; font-family: Tahoma, Helvetica, Futura; }


TABLE#data2 TD.low {
  background-image: url('/images/low-bg.png');
  padding: 10px;
  font-size: 125%;
}
TABLE#data2 TD.mid {
  background-image: url('/images/mid-bg.png');
  padding: 10px;
  font-size: 125%;
}
TABLE#data2 TD.high {
  background-image: url('/images/high-bg.png');
  padding: 10px;
  font-size: 125%;
}

TABLE#pricetable {
  margin: 20px 0px;
  border: 1px outset rgba(255,255,255,0.1);
}

TABLE#pricetable  TR  TH {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  padding: 10px 20px;
  font-family: Caudex, Georgia, san-serif;
  font-size: 12pt;
  color: #FFFFFF;
                                                                                          background: #111111;
                                     background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                  background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                       background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                    background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
}
TABLE#pricetable  TR#off  TD, TABLE#pricetable  TR#off  TD B, TABLE#pricetable  TR#off  TD A {
    padding: 5px 10px;
    font-size: 10pt;
    color: #666666;
}

TABLE#pricetable  TR  TD {
    padding: 5px 10px;
    font-size: 10pt;
    border-top: 1px solid rgba(255,255,255,0.1);
}
TABLE#pricetable  TR  TD B {
  font-family: Caudex, Georgia, san-serif;
  font-size: 12pt;
}
TABLE#pricetable  TR:nth-child(odd) { background-color: rgba(100,100,100,0.1); }
TABLE#pricetable  TR:nth-child(even)  { background-color: rgba(150,150,150,0.1); }
TABLE#pricetable  TR:last-child TD {
    background-color: rgba(255,255,255,0.1);
    border: none;
    padding: 5px 10px;
    font-size: 10pt;
    border-top: 1px solid rgba(255,255,255,0.2);
}


TABLE#heros tr TH#p{
   border: 1px outset rgba(100,100,100, 0.2);
 border: 1px outset #002200;
 background-color: rgba(0,100,0, 0.2);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#002200), to(#001100));
 background-image: -webkit-linear-gradient(top, #002200, #001100);
 background-image: -moz-linear-gradient(top, #002200, #001100);
 background-image: -ms-linear-gradient(top, #002200, #001100);
 background-image: -o-linear-gradient(top, #002200, #001100);
   padding: 10px;
  color: #FFFFFF;
  text-align: left;
  font-family: Caudex, Georgia, san-serif;
  font-size: 16pt;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    color: #FFFFFF;
}

TABLE#heros tr tH{
   border: 1px outset rgba(100,100,100, 0.2);
   border-bottom: 1px solid #000000;
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
   background-image: -webkit-linear-gradient(top, #333333, #111111);
   background-image: -moz-linear-gradient(top, #333333, #111111);
   background-image: -ms-linear-gradient(top, #333333, #111111);
   background-image: -o-linear-gradient(top, #333333, #111111);
   padding: 10px;
    font-size: 10pt;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    color: #FFFFFF;
}

TABLE#heros tr td{
   border-bottom: 1px solid rgba(150,150,150, 0.5);
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#000000));
   background-image: -webkit-linear-gradient(top, #111111, #000000);
   background-image: -moz-linear-gradient(top, #111111, #000000);
   background-image: -ms-linear-gradient(top, #111111, #000000);
   background-image: -o-linear-gradient(top, #111111, #000000);
   color: #AAAAAA;
   padding: 10px;
}

TABLE#heros tr td A{
  color: #CCBB66;
  font-family: Caudex, Georgia, san-serif;
  font-size: 16pt;
  line-height: 100%;
}
TABLE#heros tr td A#inactive {
  color: #AAAAAA;
  font-family: Caudex, Georgia, san-serif;
  font-size: 10pt;
  line-height: 100%;
}
TABLE#heros tr td B {
  font-family: Caudex, Georgia, san-serif;
  font-size: 18pt;
  color: #CCBB66;
}


TABLE#formdata {
  border: 1px solid #444444;
  margin: 0px;
}


TABLE#formdata TH {
  border: 1px outset #333333;
  background-image: url('/images/th_header.png');
  color: #FFEE88;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  padding: 5px;
  background-repeat: repeat-x;
}

TABLE#formdata TH.subhead {
  border: 1px outset #333333;
  background-image: url('/images/th_header2.png');
  color: #FFFFFF;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  padding: 5px;
  background-repeat: repeat-x;
  text-align: left;

}

TABLE#formdata TH.division {
  border: 1px outset #333333;
  background-image: url('/images/th_header2.png');
  color: #FFFFFF;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 9pt;
  padding: 5px;
  background-repeat: repeat-x;
  text-align: left;
}

TABLE#formdata TD {
  border-top: none;
  color: #AAAAAA;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 7pt;
  padding: 5px;
}

TABLE#formdata TD TD{
  border-bottom: none;
}

TABLE#formdata SELECT {
  background: #000000 none;
  color: #AAAAAA;
  font-size: 9pt;
  font-family: Tahoma, Helvetica, Futura;
}
TABLE#formdata TD TEXTAREA {
  width: 500px;
}


UL.cookie {
  margin: 0px; padding: 0px;
}
UL.cookie LI         {
                        font-family: Tahoma, Geneva, Futura;
                        font-size: 9pt;
                        display: inline;
                        list-style-type: none;
                        list-style: none;
                        background: none;
                        font-weight: normal;
                        padding: 0px 5px 0px 0px;
                        color: #666666;
                     }
UL.cookie LI A       { color: #AAAAAA;
                        font-weight: normal; }
UL.cookie LI A:hover { color: #FFEE88; text-decoration: underline;
                        font-weight: normal; }


UL.blink{ border-top: 1px solid #444; list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;}
UL.blink LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 10px; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAAAAA; padding: 3px 0px 3px 13px; display: inline; list-style-type: none; list-style: none; }
UL.blink LI A { font-size: 10px; text-decoration: none; font-weight: bold; color: #FFEE88; }
UL.blink LI A:hover { font-size: 10px; text-decoration: none; font-weight: bold; color: #FFFFFF; }

.blink TD B {
   color: #FFFFFF;
}
A#admin {
  color: #FF6600;
}

A#locked {
  color: #AAAAAA;
}



P.byline {
  font-family: Verdana, geneva, futura; font-weight: normal; font-size: 10px; color: #AAAAAA; padding: 3px 5px 3px 5px; border-top: 1px solid #444; border-bottom: 1px solid #444;
}


#library H2 {
  	color: #FFEE88;
	font-family: Georgia, san-serif;
	font-size: 14pt;
	font-weight: normal;
    padding-left: 75px;
    margin: 0px;
    border-bottom: none;
}

A.sublink { color: #DDCC77; font-weight: normal; }
A.sublink:hover { color: #FFEE99; font-weight: normal;  }

.newsitem {
  padding: 10px; border-bottom: 1px dotted #666666;
}
.newsitem H3 {
   margin: 0px; padding: 0px;
}


.anylinkcss{
  position:absolute;
  visibility: hidden;
  z-index: 100;
  background: url(/images/bg_e_text.gif);
  padding: 2px;
  border: 1px solid #000000;
  }

DIV.quoteblock{
  padding: 10px;
  background: url(/images/bg_e_text.gif);
  border-left: 10px solid #444;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
  margin-bottom: 5px;
}

#Topics INPUT {
  width: auto;
}

#Topics DIV.response{
  padding: 10px;
  background: url(/images/bg_e_text.gif);
  border-left: 10px solid #444;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
  margin-bottom: 5px;
}

#Topics DIV.ceannard{
  padding: 10px;
  background: url(/images/bg_e_text.gif);
  border-left: 10px solid #776644;
  border-top: 1px solid #776644;
  border-bottom: 1px solid #776644;
  border-right: 1px solid #776644;
  margin-bottom: 5px;
}
#Topics DIV.draio{
  padding: 10px;
  background: url(/images/bg_e_text.gif);
  border-left: 10px solid #33472f;
  border-top: 1px solid #33472f;
  border-bottom: 1px solid #33472f;
  border-right: 1px solid #33472f;
  margin-bottom: 5px;
}
#infobox TD P {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 font-size: 8pt;
 line-height: 100%;
}

#Topics DIV.post BLOCKQUOTE {
  padding: 10px;
  background: url(/images/bg_e_text.gif);
  border-left: 10px solid #444;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
  margin: 10px;
  font-family: Courier New, Courier, Monospace;
  font-size: 9pt;
  color: #DDD;
}


#calendar TH {
  border: none;
  border: 1px outset #333333;
  background-image: url('/images/th_header.png');

  color: #FFEE88;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  font-size: 8pt;
  padding: 5px 10px 5px 10px;
  text-align: left;
}
#calendar td{ padding: 5px 5px 5px 5px; font-size: 8pt; color: #AAA; border-top: 1px dotted #444; }
#calendar td DIV.headline{  font-size: 9pt; font-weight: bold; color: #FFEE99; }
#calendar td.date{  font-size: 7pt; font-weight: bold; color: #AAA; }
#calendar td.date B{  font-size: 12pt; font-weight: bold; color: #FFEE99; }


#warcard {
  background: url(/images/bg_e_text.gif);
  border-left: 10px solid #444;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
  margin: 10px 0px;
  font-family: Courier New, Courier, Monospace;
  font-size: 9pt;
  color: #DDD;
}


TABLE#form TH{
  font-size: 8pt;
  text-align: left;
  color: #FFEE88;
  padding-top: 10px;
  padding-bottom: 0px;
}
TABLE#form TD{
  font-size: 8pt;
  text-align: left;
  color: #FFF;
}

TABLE#form INPUT {
  width: 100%;
  font-size: 8pt;
  background-image: url(/images/input.png);
  background-color: #000;
  background-repeat: repeat-x;
  color: #FFF;
  border: 1px solid #444;
  padding: 4px;
}

TABLE#form INPUT:focus {
  width: 100%;
  font-size: 8pt;
  background-image: url(/images/input.png);
  background-color: #210;
  background-repeat: repeat-x;
  color: #FFF;
  border: 1px solid #210;
  padding: 4px;
}

TABLE#form INPUT.none {
  width: 16px;
  height: 16px;
  padding: 0px;
  margin: 0px;
}

TABLE#form INPUT.none:focus {
  width: 16px;
  height: 16px;
  padding: 0px;
  margin: 0px;
}

TABLE#form INPUT.submit {
  width: auto;
  font-size: 8pt;
  height: 25px;
  background-image: url(/images/input.png);
  background-color: #000;
  background-repeat: repeat-x;
  color: #FFF;
  border: 1px solid #444;
  padding: 4px;
  cursor:pointer;cursor:hand;
  font-weight: bold;
  margin-bottom: 20px;
}

TABLE#form INPUT.submit:hover {
  width: auto;
  font-size: 8pt;
  height: 25px;
  background-image: url(/images/input.png);
  background-color: #A30;
  background-repeat: repeat-x;
  color: #FFF;
  border: 1px solid #A30;
  padding: 4px;
  cursor:pointer;cursor:hand;
  font-weight: bold;
  margin-bottom: 20px;
}


SELECT {  background: #000000 none;
  background-color: #000000;
  background-repeat: repeat-x;
  font-size: 8pt;
  color: #AAAAAA;
  border: 1px outset #444444;
  padding: 5px 10px;
}

OPTION {
  padding: 5px 10px;
  color: #AAAAAA;
  border-bottom: 1px solid #333333;
}

TABLE#form SELECT {
    background: #000000 none;
  vertical-align: middle;
  width: 200px;
  font-size: 8pt;
  color: #FFFFFF;
  border: 1px outset #444444;
  padding: 3px;
}

TABLE#form INPUT.check {
  width: 16px; height: 16px;
  font-size: 8pt;
  background-image: none;
  background-color: transparent;
  color: #FFF;
  border: none;
  padding: 0px;
}

TABLE#form TEXTAREA {
  width: 100%;
  font-size: 8pt;
  background-image: url(/images/textarea.png);
    background-color: transparent;
  background-repeat: repeat-x;
  color: #FFF;
  border: 1px solid #444;
  padding: 4px;
}


TABLE#form TEXTAREA:focus {
  width: 100%;
  font-size: 8pt;
  background-image: url(/images/textarea.png);
  background-color: #210;
  background-repeat: repeat-x;
  color: #FFF;
  border: 1px solid #210;
  padding: 4px;
}

UL#list {
    list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;
}


#list LI{
    border-bottom: 1px dotted #444444;
    margin-bottom: 5px;
    padding-bottom: 5px;
    background: url(/images/arrow.gif) no-repeat .1em .6em transparent;
    color: #AAA;
    padding: 3px 0px 3px 13px;
}

UL#todo {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#todo LI{
    border-bottom: 1px solid #444444;
    background-color: #111;
    margin: 0px;
    color: #AAA;
    padding: 5px 0px 5px 10px;
    font-size: 8pt;
  line-height: 125%;
  
}

#todo LI A {
  color: 999944;
  font-size: 9pt;
  font-weight: bold;
  line-height: 100%;
}


.month {
  color: #fff;
  font-size: 10pt;
  font-variant: small-caps;
  font-family: Arial;
  font-weight: bold;
  width: 50px;
  text-align: center;
  padding: 5px 0px 1px 0px;
}

.day {
  width: 50px;
  color: #fff;
  font-size: 22pt;
  font-weight: normal;
	font-family: 'Times New Roman', Georgia, san-serif;
  text-align: center;
  padding: 3px 0px 0px 0px;
}

#SectionHeader {
  font-size: 8pt;
  color: #FFFFFF;
  font-family: Arial, Helvetica, Futura;
  background-image: url(/images/event.png);
  padding-left: 10px;
}

#SectionHeader B{
	color: #FFEE88;
	font-family: Caudex, Georgia, san-serif;
	font-size: 14pt;
}


#calendar TD#SectionHeader {
  font-size: 8pt;
  color: #FFFFFF;
  font-family: Arial;
  background-image: url(/images/event.png);
  padding-left: 10px;
}

#journal #Entry {
  margin-bottom: 10px;
  border: 1px solid #444444;
  background: url('/images/entry_fade.png') bottom left repeat-x;
  padding: 10px;
}

#journal #Entry #date {
  color: #FFFFFF;
  font-size: 8pt;
  font-family: Arial, Helvetica, Futura;
}

#journal #Entry H3 {
    color: #CCBB66;
	font-family: Georgia, san-serif;
	font-size: 12pt;
	font-weight: normal;
    padding-bottom: 2px;
    margin-bottom: 2px;
    border-bottom: 1px solid #444444;
    margin-top: 0px;
    padding-top: 0px;
}

#journal #Entry H3 A{
    color: #DDCC66;
	font-family: Georgia, san-serif;
	font-size: 16pt;
	font-weight: normal;
}

.single {
  font-size: 10px;
  font-weight: normal;
  color: #FFFFFF;
  line-height: normal;
}

.single:hover {
  font-size: 10px;
  font-weight: normal;
  color: #FFFFFF;
  line-height: normal;
}
.etitle {
  font-size: 10px;
}


.birthday {
  font-size: 10px;
  font-weight: normal;
  color: #99CC00;
  margin-top: 10px;
}

.birthday:hover {
  font-size: 10px;
  font-weight: normal;
  color: #FFFFFF;
  margin-top: 10px;
}

.recurring {
  font-size: 10px;
  font-weight: normal;
  color: #AACCAA;
}

.recurring:hover {
  font-size: 10px;
  font-weight: normal;
  color: #FFFFFF;
}
.action {
  font-size: 10px;
  font-weight: normal;
  color: #FFFFFF;
}

.action:hover {
  font-size: 10px;
  font-weight: normal;
  color: #FFDD66;
}

#stats #new {

}

#gameimage {
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  filter: alpha(opacity=60);
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

#gameimage:hover {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

#gameimageactive {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

IMG#video {
  background: url('/images/video_play.png') no-repeat;
}

UL#guidenav LI {
  font-size: 8pt;
  line-height: 100%;
  padding-bottom: 2px;
  padding-top: 2px;
}

UL#guidenav LI A{
  font-size: 8pt;
  color: #AAAAAA;
  text-decoration: none;
}
UL#guidenav LI A:hover{
  font-size: 8pt;
  color: #FFEEAA;
  text-decoration: none;
}





TABLE#guidetable {
  border: none;
  margin: 0px;
}


TABLE#guidetable TH {
  border: 1px outset #333333;
  background-image: url('/images/th_header.png');
  color: #FFFFFF;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 10pt;
  padding: 5px;
  background-repeat: repeat-x;

}

TABLE#guidetable TH.subhead {
  border: 1px outset #333333;
  background-image: url('/images/th_header2.png');
  color: #FFFFFF;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  padding: 5px;
  background-repeat: repeat-x;
  text-align: left;

}

TABLE#guidetable TH.division {
  border: 1px outset #333333;
  background-image: url('/images/th_header2.png');
  color: #FFFFFF;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 9pt;
  padding: 5px;
  background-repeat: repeat-x;
  text-align: left;
}

TABLE#guidetable TD {
  border-bottom: 1px solid #444444;
  border-top: none;
  color: #AAAAAA;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 9pt;
  padding: 5px;
}
TABLE#guidetable TR TD DIV{
  display: none;
  color: #888888;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 7pt;
}
TABLE#guidetable TR:hover TD DIV{
  display: block;
  color: #888888;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 7pt;
}


TABLE#guidetable TD DIV UL LI{
  color: #888888;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 7pt;
}

TABLE#guidetable TD DIV UL { list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;}
TABLE#guidetable TD DIV UL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 8pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px;
  margin:0 5px 0 0;
  display: inline; }

TABLE#guidetable TD UL { list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;}
TABLE#guidetable TD UL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 8pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px;
  margin:0 5px 0 0;
  display: inline; }

TABLE#guidetable TD DIV A{
  color: #CCCCCC;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: none;
}

TABLE#guidetable TD DIV A:hover {
  color: #FFEEAA;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: underline;
}


TABLE#guidetable TD TD{
  border-bottom: none;
}

TABLE#guidetable SELECT {
  background: #000000 none;
  color: #AAAAAA;
  font-size: 9pt;
  font-family: Tahoma, Helvetica, Futura;
}

TABLE#guidetable TR#dungeon TH{
  text-align: left;
  border: 1px outset #333333;
  background-image: url('/images/th_header.png');
  color: #FFFFFF;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 10pt;
  padding: 0px;
  margin: 0px;
  background-repeat: repeat-x;
}


TABLE#dungeontable {
  border: none;
  margin: 0px;
}
TABLE#dungeontable TH {
  border: 1px outset #333333;
  background-image: url('/images/th_header.png');
  color: #FFFFFF;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 10pt;
  padding: 0px;
  background-repeat: repeat-x;
}
TABLE#dungeontable TD.header {
  border: none;
  padding: 0px;
}

TABLE#dungeontable TR#row TD#on {
  border-bottom: 1px solid #444444;
  border-top: none;
  color: #AAAAAA;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 7pt;
  width: 12px;
  border: 1px outset #333333;
  background: url('/images/dungeons/on.png') no-repeat center;
}

TABLE#dungeontable TD {
  border-bottom: 1px solid #444444;
  border-top: none;
  color: #AAAAAA;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 9pt;
  padding: 5px;
  border: 1px outset #333333;
}

TABLE#adminnav {
 border-bottom: 1px solid #222222;
}
TABLE#adminnav td {
  padding: 10px;
}
TABLE#adminnav TD A{
	padding: 5px 10px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: bold 8pt/100% Verdana, Tahoma, sans-serif;
    color: #FFFFFF;
	background: #000000;
	background: -webkit-gradient(linear, left top, left 25, from(#333333), color-stop(25%, #444444), to(#000000));
	background: -moz-linear-gradient(top, #333333, #444444 2px, #000000 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
    border: 1px solid #222222;
}
TABLE#adminnav TD A:hover {
	padding: 5px 10px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: bold 8pt/100% Verdana, Tahoma, sans-serif;
    color: #FFFFFF;
	background: #111100;
	background: -webkit-gradient(linear, left top, left 25, from(#333322), color-stop(25%, #444433), to(#111100));
	background: -moz-linear-gradient(top, #333322, #444433 2px, #111100 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
    border: 1px solid #887744;
}

FORM#newform SELECT {
  border: 1px solid #333333;  background: #000000 none;
  font-size: 9pt;
  color: #AAAAAA;
  padding: 0px;
  line-height: 12pt;
}
FORM#newform SELECT OPTION {
  background-color: #000000;
  font-size: 9pt;
  color: #AAAAAA;
}

FORM#newform INPUT {
   background-color: #000000;
   background: -webkit-gradient(linear, left top, left 25, from(#222222), color-stop(25%, #333333), to(#000000));
   background: -moz-linear-gradient(top, #222222, #333333 2px, #000000 25px);
   background-image: -webkit-linear-gradient(top, #222222, #000000);
   background-image: -ms-linear-gradient(top, #222222, #000000);
   background-image: -o-linear-gradient(top, #222222, #000000);
   box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
   -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
   -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
   padding: 5px;
   border: 1px solid #333333;
  font-size: 9pt;
  color: #AAAAAA;
}
FORM#newform INPUT:focus {
   background-color: #001100;
   background: -webkit-gradient(linear, left top, left 25, from(#002200), color-stop(25%, #113311), to(#001100));
   background: -moz-linear-gradient(top, #002200, #113311 2px, #001100 25px);
   background-image: -webkit-linear-gradient(top, #002200, #001100);
   background-image: -ms-linear-gradient(top, #002200, #001100);
   background-image: -o-linear-gradient(top, #002200, #001100);
   box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   padding: 5px;
   border: 1px solid #004400;
   font-size: 9pt;
  color: #FFFFFF;
}
FORM#newform TEXTAREA {
   background-color: #000000;
   background: -webkit-gradient(linear, left top, left 25, from(#222222), color-stop(25%, #333333), to(#000000));
   background: -moz-linear-gradient(top, #222222, #333333 2px, #000000 25px);
   background-image: -webkit-linear-gradient(top, #222222, #000000);
   background-image: -ms-linear-gradient(top, #222222, #000000);
   background-image: -o-linear-gradient(top, #222222, #000000);
   box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
   -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
   -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
   padding: 5px;
   border: 1px solid #333333;
  font-size: 9pt;
  color: #AAAAAA;
}
FORM#newform TEXTAREA:focus {
   background-color: #001100;
   background: -webkit-gradient(linear, left top, left 25, from(#002200), color-stop(25%, #113311), to(#001100));
   background: -moz-linear-gradient(top, #002200, #113311 2px, #001100 25px);
   background-image: -webkit-linear-gradient(top, #002200, #001100);
   background-image: -ms-linear-gradient(top, #002200, #001100);
   background-image: -o-linear-gradient(top, #002200, #001100);
   box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   padding: 5px;
   border: 1px solid #004400;
   font-size: 9pt;
  color: #FFFFFF;
}

FORM#newform INPUT#button {
  font-family: Caudex, Verdana, geneva, futura; font-size: 16pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 10px 25px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

FORM#newform INPUT#button:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 16pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 10px 25px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,195,0, 0.3)), to(rgba(0,101,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

FORM#newform INPUT#smbutton {
  font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 10px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

FORM#newform INPUT#smbutton:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 10px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,195,0, 0.3)), to(rgba(0,101,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}



#searchwrap input{
    width: 130px;
    background-color: #000000;
    background: -webkit-gradient(linear, left top, left 25, from(#222222), color-stop(25%, #333333), to(#000000));
    background: -moz-linear-gradient(top, #222222, #333333 2px, #000000 25px);
    background-image: -webkit-linear-gradient(top, #222222, #000000);
    background-image: -ms-linear-gradient(top, #222222, #000000);
    background-image: -o-linear-gradient(top, #222222, #000000);
    box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
    padding: 5px;
    border: 1px solid rgba(255,255,255, 0.3);
    font-size: 9pt;
    color: #AAAAAA;
}
#searchwrap input:focus{
   background-color: #001100;
   background: -webkit-gradient(linear, left top, left 25, from(#002200), color-stop(25%, #113311), to(#001100));
   background: -moz-linear-gradient(top, #002200, #113311 2px, #001100 25px);
   background-image: -webkit-linear-gradient(top, #002200, #001100);
   background-image: -ms-linear-gradient(top, #002200, #001100);
   background-image: -o-linear-gradient(top, #002200, #001100);
   box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   padding: 5px;
   border: 1px solid rgba(255,255,255, 0.3);
   font-size: 8pt;
   color: #FFFFFF;
   width: 130px;
}
#characters{
    width:250px;
    border:solid 1px #888888;
    display:none;
	position: absolute;
	z-index: 100;
    background-color: #000000;
}
#members{
    width:250px;
    border:solid 1px #888888;
    display:none;
	position: absolute;
	z-index: 100;
    background-color: #000000;
}
#items{
    width:250px;
    border:solid 1px #888888;
    display:none;
	position: absolute;
	z-index: 100;
    background-color: #000000;
}
#guilds{
    width:250px;
    border:solid 1px #888888;
    display:none;
	position: absolute;
	z-index: 100;
    background-color: #000000;
}
TABLE#matches TR TH {
    font-size: 9pt;
    font-weight: bold;
    color: #FFFFFF;
    background: #000000 url('/images/th_header.png');
    padding: 5px;
    border-bottom: 1px solid #222222;
}


TABLE#matches TR {
    background-color: #000000;
}
TABLE#matches TR:hover {
    background-color: #002200;
}
TABLE#matches TR TD{
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background: none;
}
TABLE#matches TR:hover TD {
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    background: none;
}
TABLE#item {
   
}

TABLE#item TD {
  font-size: 9pt;
}

INPUT#delbutton {
   border: 1px outset rgba(125,125,125, 0.2);
   padding: 5px; 
   margin-top: 0px; 
   width: 15px; height: 15px;
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
   background-image: -webkit-linear-gradient(top, #333333, #111111);
   background-image: -moz-linear-gradient(top, #333333, #111111);
   background-image: -ms-linear-gradient(top, #333333, #111111);
   background-image: -o-linear-gradient(top, #333333, #111111);  
   -moz-border-radius: 5px; 
   border-radius: 5px;
}
INPUT#delbutton:hover {
   border: 1px outset rgba(125,125,125, 0.2);
   padding: 5px; 
   margin-top: 0px; 
   width: 15px; height: 15px;
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#330000), to(#110000));
   background-image: -webkit-linear-gradient(top, #330000, #110000);
   background-image: -moz-linear-gradient(top, #330000, #110000);
   background-image: -ms-linear-gradient(top, #330000, #110000);
   background-image: -o-linear-gradient(top, #330000, #110000);  
   -moz-border-radius: 5px; 
   border-radius: 5px;
}


A#mpbutton {
   border: 1px outset rgba(125,125,125, 0.2);
   background-color: rgba(0,25,0, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#003300), to(#001100));
   background-image: -webkit-linear-gradient(top, #003300, #001100);
   background-image: -moz-linear-gradient(top, #003300, #001100);
   background-image: -ms-linear-gradient(top, #003300, #001100);
   background-image: -o-linear-gradient(top, #003300, #001100);
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   font-size: 8pt;
   font-weight: bold;
   color: #FFFFFF;
   padding: 10px 25px;
   text-decoration: none;
       -moz-border-radius: 5px;
       border-radius: 5px;
}

A#mpbutton:hover {
   border: 1px outset rgba(150,150,150, 0.2);
   background-color: #003300;
   background-color: rgba(0,50,0, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005500), to(#003300));
   background-image: -webkit-linear-gradient(top, #005500, #003300);
   background-image: -moz-linear-gradient(top, #005500, #003300);
   background-image: -ms-linear-gradient(top, #005500, #003300);
   background-image: -o-linear-gradient(top, #005500, #003300);
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   font-size: 8pt;
   font-weight: bold;
   color: #FFFFFF;
   padding: 10px 25px;
   text-decoration: none;
       -moz-border-radius: 5px;
       border-radius: 5px;
}

INPUT#regbutton {
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   background-color: rgba(0,100,0, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,100,0, 0.5)), to(rgba(0,25,0, 0.5)));
   background-image: -webkit-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,25,0, 0.5));
   background-image: -moz-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,25,0, 0.5));
   background-image: -ms-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,25,0, 0.5));
   background-image: -o-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,25,0, 0.5));
   border: 1px outset rgba(100,100,100, 0.5);
   font-size: 12pt;
   font-weight: bold;
   color: #FFFFFF;
   padding: 10px 25px;
   text-decoration: none;
       -moz-border-radius: 5px;
       border-radius: 5px;
       height: 50px;
       
	font-family: Caudex, Georgia, san-serif;
}

INPUT#regbutton:hover {
   box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   background-color: rgba(0,100,0, 0.8);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,100,0, 0.8)), to(rgba(0,25,0, 0.8)));
   background-image: -webkit-linear-gradient(top, rgba(0,100,0, 0.8), rgba(0,25,0, 0.8));
   background-image: -moz-linear-gradient(top, rgba(0,100,0, 0.8), rgba(0,25,0, 0.8));
   background-image: -ms-linear-gradient(top, rgba(0,100,0, 0.8), rgba(0,25,0, 0.8));
   background-image: -o-linear-gradient(top, rgba(0,100,0, 0.8), rgba(0,25,0, 0.8));
   border: 1px outset rgba(100,100,100, 0.8);
   font-size: 12pt;
   font-weight: bold;
   color: #FFFFFF;
   padding: 10px 25px;
   text-decoration: none;
       -moz-border-radius: 5px;
       border-radius: 5px;
       height: 50px;
   cursor: pointer;
   font-family: Caudex, Georgia, san-serif;
}


A#nobutton {
   border: 1px outset rgba(255,255,255, 0.2);
    background-color: rgba(50,0,0, 0.2);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#440000), to(#220000));
    background-image: -webkit-linear-gradient(top, #440000, #220000);
    background-image: -moz-linear-gradient(top, #440000, #220000);
    background-image: -ms-linear-gradient(top, #440000, #220000);
    background-image: -o-linear-gradient(top, #440000, #220000);
   box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   font-weight: bold;
   padding: 5px 10px;
   text-decoration: none;
   -moz-border-radius: 4px;
        border-radius: 4px;
}

A#yesbutton, INPUT#yesbutton {
   border: 1px outset rgba(255,255,255, 0.2);
    background-color: rgba(0,50,0, 0.2);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006600), to(#002200));
    background-image: -webkit-linear-gradient(top, #006600, #002200);
    background-image: -moz-linear-gradient(top, #006600, #002200);
    background-image: -ms-linear-gradient(top, #006600, #002200);
    background-image: -o-linear-gradient(top, #006600, #002200);
   box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   font-weight: bold;
   padding: 5px 10px;
   text-decoration: none;
   -moz-border-radius: 4px;
        border-radius: 4px;
}

A#bluebutton, INPUT#bluebutton {
   border: 1px outset rgba(255,255,255, 0.2);
    background-color: rgba(0,50,100, 0.2);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3275CD), to(#1D4477));
    background-image: -webkit-linear-gradient(top, #3275CD, #1D4477);
    background-image: -moz-linear-gradient(top, #3275CD, #1D4477);
    background-image: -ms-linear-gradient(top, #3275CD, #1D4477);
    background-image: -o-linear-gradient(top, #3275CD, #1D4477);
   box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   font-weight: bold;
   padding: 5px 10px;
   text-decoration: none;
   -moz-border-radius: 4px;
        border-radius: 4px;
}
A#offbutton {
   border: 1px outset rgba(255,255,255, 0.2);   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
   background-image: -webkit-linear-gradient(top, #333333, #111111);
   background-image: -moz-linear-gradient(top, #333333, #111111);
   background-image: -ms-linear-gradient(top, #333333, #111111);
   background-image: -o-linear-gradient(top, #333333, #111111);
   box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   font-weight: bold;
   padding: 5px 10px;
   text-decoration: none;
   -moz-border-radius: 4px;
        border-radius: 4px;
}
A#yesbutton:hover, INPUT#yesbutton:hover {
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
}

A#nobutton:hover {
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
}

A#offbutton:hover {
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
}

#post BLOCKQUOTE {
  font-size: 9pt;
  color: #FFFFFF;
  font-style: italic;
}

A#buybutton {
   border: 1px outset rgba(255,255,255, 0.2);
   background-color: #000000;
   background: -webkit-gradient(linear, left top, left 25, from(#111111), color-stop(25%, #222222), to(#000000));
   background: -moz-linear-gradient(top, #111111, #222222 2px, #000000 25px);
   background-image: -webkit-linear-gradient(top, #222222, #000000);
   background-image: -ms-linear-gradient(top, #222222, #000000);
   background-image: -o-linear-gradient(top, #222222, #000000);
   box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   font-weight: bold;
   padding: 5px 15px;
   text-decoration: none;
       -moz-border-radius: 3px;
       border-radius: 3px;
}
A#buybutton:hover {
   border: 1px outset rgba(150,200,150, 0.2);
   background-color: #001100;
   background: -webkit-gradient(linear, left top, left 25, from(#002200), color-stop(25%, #113311), to(#001100));
   background: -moz-linear-gradient(top, #002200, #113311 2px, #001100 25px);
   background-image: -webkit-linear-gradient(top, #002200, #001100);
   background-image: -ms-linear-gradient(top, #002200, #001100);
   background-image: -o-linear-gradient(top, #002200, #001100);
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   font-size: 7pt;
   font-weight: bold;
   color: #FFFFFF;
   padding: 5px 15px;
   text-decoration: none;
       -moz-border-radius: 3px;
       border-radius: 3px;
}

A#buybutton.green {
   border: 1px outset rgba(125,125,125, 0.2);
   background-color: rgba(0,50,0, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005500), to(#003300));
   background-image: -webkit-linear-gradient(top, #005500, #003300);
   background-image: -moz-linear-gradient(top, #005500, #003300);
   background-image: -ms-linear-gradient(top, #005500, #003300);
   background-image: -o-linear-gradient(top, #005500, #003300);
}

A#buybutton.green:hover {
   border: 1px outset rgba(125,125,125, 0.2);
   background-color: rgba(0,50,0, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#007700), to(#005500));
   background-image: -webkit-linear-gradient(top, #007700, #005500);
   background-image: -moz-linear-gradient(top, #007700, #005500);
   background-image: -ms-linear-gradient(top, #007700, #005500);
   background-image: -o-linear-gradient(top, #007700, #005500);
}
A#buybutton.red {
   border: 1px outset rgba(255,255,255, 0.2);
                                                                                           background: #330000;
                                      background: -moz-linear-gradient(top,  #550000 0%,               #330000 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#550000), color-stop(100%,#330000));
                                   background: -webkit-linear-gradient(top,  #550000 0%,               #990000 100%);
                                        background: -o-linear-gradient(top,  #550000 0%,               #330000 100%);
                                       background: -ms-linear-gradient(top,  #550000 0%,               #330000 100%);
                                     background: linear-gradient(to bottom,  #550000 0%,               #330000 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#550000',    endColorstr='#330000', GradientType=0 );
}
A#buybutton.red:hover {
   border: 1px outset rgba(150,200,150, 0.2);
                                                                                           background: #550000;
                                      background: -moz-linear-gradient(top,  #770000 0%,               #550000 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#770000), color-stop(100%,#550000));
                                   background: -webkit-linear-gradient(top,  #770000 0%,               #550000 100%);
                                        background: -o-linear-gradient(top,  #770000 0%,               #550000 100%);
                                       background: -ms-linear-gradient(top,  #770000 0%,               #550000 100%);
                                     background: linear-gradient(to bottom,  #770000 0%,               #550000 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#770000',    endColorstr='#550000', GradientType=0 );
}

SUP {
  font-size: 7pt; color: #FAEB89;
}

A#cancelbutton {
   border: 1px outset rgba(255,255,255, 0.2);
   background-color: #110000;
   background: -webkit-gradient(linear, left top, left 25, from(#220000), color-stop(25%, #331111), to(#110000));
   background: -moz-linear-gradient(top, #220000, #331111 2px, #110000 25px);
   background-image: -webkit-linear-gradient(top, #220000, #110000);
   background-image: -ms-linear-gradient(top, #220000, #110000);
   background-image: -o-linear-gradient(top, #220000, #110000);
   box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   font-size: 7pt;
   font-weight: bold;
   color: #FFFFFF;
   padding: 5px 15px;
   text-decoration: none;
       -moz-border-radius: 3px;
       border-radius: 3px;
}

A#cancelbutton:hover {
   border: 1px outset rgba(150,200,150, 0.2);
   background-color: #330000;
   background: -webkit-gradient(linear, left top, left 25, from(#550000), color-stop(25%, #226622), to(#330000));
   background: -moz-linear-gradient(top, #550000, #226622 2px, #330000 25px);
   background-image: -webkit-linear-gradient(top, #550000, #330000);
   background-image: -ms-linear-gradient(top, #550000, #330000);
   background-image: -o-linear-gradient(top, #550000, #330000);
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   font-size: 7pt;
   font-weight: bold;
   color: #FFFFFF;
   padding: 5px 15px;
   text-decoration: none;
       -moz-border-radius: 3px;
       border-radius: 3px;
}
DIV#costbox {
    width: auto;
    height: auto;
    background-color: rgba(255,255,255, 0.1);
    background: -webkit-gradient(linear, left top, left 25, from(#222222), color-stop(25%, #333333), to(#000000));
    background: -moz-linear-gradient(top, #222222, #333333 2px, #000000 25px);
    background-image: -webkit-linear-gradient(top, #222222, #000000);
    background-image: -ms-linear-gradient(top, #222222, #000000);
    background-image: -o-linear-gradient(top, #222222, #000000);
     box-shadow: rgba(255,255,255, 0.2) 0px 0px 8px;
     -moz-box-shadow: rgba(255,255,255, 0.2) 0px 0px 8px;
     -webkit-box-shadow: rgba(255,255,255, 0.2) 0px 0px 8px;
    padding: 10px 20px;
    border: 1px solid rgba(255,255,255, 0.3);

}
DIV#costbox SELECT {
    background-image: none;
}

DIV#costbox P {
   font-size: 10pt;
}

DIV#costbox P B {
    color: #FFFFFF;
}

DIV#cost {
  margin-top: 0px;
  background-color: rgba(0,0,0, 0.2);
  background: -webkit-gradient(linear, left top, left 25, from(#000000), color-stop(25%, #333333), to(#222222));
  background: -moz-linear-gradient(top, #000000, #333333 2px, #222222 25px);
  background-image: -webkit-linear-gradient(top, #000000, #222222);
  background-image: -ms-linear-gradient(top, #000000, #222222);
  background-image: -o-linear-gradient(top, #000000, #222222);
  border: 1px solid rgba(255,255,255, 0.1);
  padding: 5px 5px;
  text-align: right;
  font-size: 16pt;
  color: #CCBB44;
  width: 150px;
}

INPUT#tc {
  margin-top: 0px;
  background-color: rgba(0,0,0, 0.2);
  background: -webkit-gradient(linear, left top, left 25, from(#000000), color-stop(25%, #333333), to(#222222));
  background: -moz-linear-gradient(top, #000000, #333333 2px, #222222 25px);
  background-image: -webkit-linear-gradient(top, #000000, #222222);
  background-image: -ms-linear-gradient(top, #000000, #222222);
  background-image: -o-linear-gradient(top, #000000, #222222);
  border: 1px solid rgba(255,255,255, 0.1);
  padding: 5px 5px;
  text-align: right;
  font-size: 16pt;
  color: #CCBB44;
  width: 150px;
}

INPUT#mpsubmit {
   border: 1px outset rgba(255,255,255, 0.2);
   background-color: #000000;
   background: -webkit-gradient(linear, left top, left 25, from(#111111), color-stop(25%, #222222), to(#000000));
   background: -moz-linear-gradient(top, #111111, #222222 2px, #000000 25px);
   background-image: -webkit-linear-gradient(top, #222222, #000000);
   background-image: -ms-linear-gradient(top, #222222, #000000);
   background-image: -o-linear-gradient(top, #222222, #000000);
   box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   padding: 5px 15px;
   text-decoration: none;
   font-weight: bold;
}

INPUT#mpsubmit:hover {
   border: 1px outset rgba(150,200,150, 0.2);
   background-color: #001100;
   background: -webkit-gradient(linear, left top, left 25, from(#002200), color-stop(25%, #113311), to(#001100));
   background: -moz-linear-gradient(top, #002200, #113311 2px, #001100 25px);
   background-image: -webkit-linear-gradient(top, #002200, #001100);
   background-image: -ms-linear-gradient(top, #002200, #001100);
   background-image: -o-linear-gradient(top, #002200, #001100);
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   padding: 5px 15px;
   text-decoration: none;
   font-weight: bold;
}

INPUT#mpsubmitred {
   border: 1px outset rgba(200,0,0, 0.2);
   background-color: #660000;
   background: -webkit-gradient(linear, left top, left 25, from(#660000), color-stop(25%, #990000), to(#220000));
   background: -moz-linear-gradient(top, #660000, #990000 2px, #220000 25px);
   background-image: -webkit-linear-gradient(top, #660000, #220000);
   background-image: -ms-linear-gradient(top, #660000, #220000);
   background-image: -o-linear-gradient(top, #660000, #220000);
   box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   padding: 5px 15px;
   text-decoration: none;
   font-weight: bold;
}
INPUT#mpsubmitred:hover {
   border: 1px outset rgba(255,50,50, 0.2);
   background-color: #990000;
   background: -webkit-gradient(linear, left top, left 25, from(#990000), color-stop(25%, #BB0000), to(#440000));
   background: -moz-linear-gradient(top, #990000, #BB0000 2px, #440000 25px);
   background-image: -webkit-linear-gradient(top, #990000, #440000);
   background-image: -ms-linear-gradient(top, #990000, #440000);
   background-image: -o-linear-gradient(top, #990000, #440000);
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   padding: 5px 15px;
   text-decoration: none;
   font-weight: bold;
}
TD#store {
  background-color: rgba(255,255,255, 0.1);
  border: 1px solid rgba(255,255,200, 0.2);
}

TD#store A#title {
    font-size: 150%;
    color: #FFFFFF;
}
TD#store A#title:hover {
    font-size: 150%;
    color: #FFEE88;
}

TD#store UL#sublist {
  margin: 0px; padding: 0px;
  border-top: 1px solid rgba(255,255,255, 0.1);
}
TD#store UL#sublist LI         {
                        font-family: Tahoma, Geneva, Futura;
                        font-size: 9pt;
                        display: inline;
                        list-style-type: none;
                        list-style: none;
                        background: none;
                        font-weight: normal;
                        padding: 0px 5px 0px 0px;
                        color: #FFFFFF;
                        white-space: nowrap;
                     }

TD#store UL#sublist LI B       { color: #AA9944; }
TD#store UL#sublist LI A       { color: #CCCCCC; font-weight: normal; }
TD#store UL#sublist LI A:hover { color: #FFEE88; text-decoration: underline; font-weight: normal; }


TABLE#data TD#cost {
  font-size: 125%;
}

TABLE#data TD#title A {
  font-size: 150%;
}

#showhide DIV {
  display: none;
}
#showhide:hover DIV {
  display: block;
}

TABLE#bosstable tr tH{
   border: 1px outset rgba(100,100,100, 0.2);
   border-bottom: 1px solid #000000;
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
   background-image: -webkit-linear-gradient(top, #333333, #111111);
   background-image: -moz-linear-gradient(top, #333333, #111111);
   background-image: -ms-linear-gradient(top, #333333, #111111);
   background-image: -o-linear-gradient(top, #333333, #111111);
   padding: 10px;
    font-size: 10pt;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    color: #FFFFFF;
}

TABLE#bosstable tr td{
   border-bottom: 1px solid rgba(150,150,150, 0.5);
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#000000));
   background-image: -webkit-linear-gradient(top, #111111, #000000);
   background-image: -moz-linear-gradient(top, #111111, #000000);
   background-image: -ms-linear-gradient(top, #111111, #000000);
   background-image: -o-linear-gradient(top, #111111, #000000);
   padding: 5px;
}

TABLE#bosstable tr td A#obj {
    font-size: 10pt;
}

A#aboutnavlink { font-family: Caudex, Verdana, geneva, futura; font-size: 11pt; text-decoration: none; font-weight: bold; color: #CCBB66; }
A#aboutnavlink:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 11pt; text-decoration: none; font-weight: bold; color: #FFEE88; }

UL#news LI SPAN { font-size: 7pt; color: #FFFFFF; line-height: 125%; }
UL#news LI.epic A { font-family: Caudex, Verdana, geneva, futura; font-size: 16pt; text-decoration: none; font-weight: bold; color: #CCBB66; line-height: 20pt; }
UL#news LI.epic A:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 16pt; text-decoration: none; font-weight: bold; color: #FFEE88; line-height: 20pt; }



UL#news { margin: 5px; padding: 0px; list-style-type: none; }
UL#news LI.epic SPAN { font-size: 9pt; color: #FFFFFF; line-height: 125%; }
UL#news LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 125%; font-size: 7pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; margin-top: 5px; }
UL#news LI.epic { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 125%; font-size: 7pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; margin-top: 5px; }
UL#news LI A { font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: bold; color: #CCBB66; line-height: 12pt; }
UL#news LI A:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: bold; color: #FFEE88; line-height: 12pt; }

UL#smnews { margin: 5px; padding: 0px; list-style-type: none; }
UL#smnews LI.epic SPAN { font-size: 9pt; color: #FFFFFF; line-height: 125%; }
UL#smnews LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 100%; font-size: 7pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; margin-top: 5px; }
UL#smnews LI.epic { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 100%; font-size: 7pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; margin-top: 5px; }
UL#smnews LI A { font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: bold; color: #CCBB66; line-height: 100%; }
UL#smnews LI A:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: bold; color: #FFEE88; line-height: 100%; }

UL#quicknews { margin: 2px; padding: 0px; list-style-type: none; }
UL#quicknews LI.epic SPAN { font-size: 9pt; color: #FFFFFF; line-height: 125%; }
UL#quicknews LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 100%; font-size: 7pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; margin-top: 2px; }
UL#quicknews LI.epic { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 100%; font-size: 7pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; margin-top: 2px; }
UL#quicknews LI A { font-family: Verdana, geneva, futura; font-size: 7pt; text-decoration: none; font-weight: normal; color: #CCBB66; line-height: 100%; }
UL#quicknews LI A:hover { font-family: Verdana, geneva, futura; font-size: 7pt; text-decoration: none; font-weight: normal; color: #FFEE88; line-height: 100%; }

TABLE#login TD { padding: 2px 5px; }

UL.mytabs {
	position: relative;
	z-index: 2;
}
UL.mytabs, UL.mytabs LI {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
UL.mytabs LI { padding: 0 5px; }
UL.mytabs LI A {
	float: left;
	padding: 7px;
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #E0E0E0;
	background: #F0F0F0;
	text-decoration: none;
	color: #333333;
	height: 22px;
}
UL.mytabs LI A:HOVER, UL.mytabs LI.current A {
	background: #FFFFFF;
}
UL.mytabs LI.current A {
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #FFFFFF;
}
.mytabs-container {
	position: relative;
	z-index: 1;
	clear: both;
	border: 1px solid #E0E0E0;
	padding: 10px;
	top: -1px;
}

UL#tabs { margin: 20px 0px 5px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #222222; }
UL#tabs LI         {
                        font-family: Tahoma, Geneva, Futura;
                        font-size: 9pt;
                        display: inline;
                        list-style-type: none;
                        list-style: none;
                        background: none;
                        font-weight: normal;
                        padding: 5px 20px;
                        color: #AAAAAA;
                        margin-left: 2px;
                       background-color: rgba(50,50,50, 0.2);
                       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50, 0.5)), to(rgba(50,50,50, 0.2)));
                       background-image: -webkit-linear-gradient(top, rgba(50,50,50, 0.5), rgba(50,50,50, 0.2));
                       background-image: -moz-linear-gradient(top, rgba(50,50,50, 0.5), rgba(50,50,50, 0.2));
                       background-image: -ms-linear-gradient(top, rgba(50,50,50, 0.5), rgba(50,50,50, 0.2));
                       background-image: -o-linear-gradient(top, rgba(50,50,50, 0.5), rgba(50,50,50, 0.2));
                       border-top-left-radius: 5px;
                       border-top-right-radius: 5px;
                     }
UL#tabs LI:hover     {
                        font-family: Tahoma, Geneva, Futura;
                        font-size: 9pt;
                        display: inline;
                        list-style-type: none;
                        list-style: none;
                        background: none;
                        font-weight: normal;
                        padding: 5px 20px;
                        color: #AAAAAA;
                        margin-left: 2px;
                       background-color: rgba(50,50,50, 0.2);
                       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,100,0, 0.5)), to(rgba(0,100,0, 0.2)));
                       background-image: -webkit-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,100,0, 0.2));
                       background-image: -moz-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,100,0, 0.2));
                       background-image: -ms-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,100,0, 0.2));
                       background-image: -o-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,100,0, 0.2));
                       border-top-left-radius: 5px;
                       border-top-right-radius: 5px;
                     }
UL#tabs LI.on      {
                        font-family: Tahoma, Geneva, Futura;
                        font-size: 9pt;
                        display: inline;
                        list-style-type: none;
                        list-style: none;
                        background: none;
                        font-weight: normal;
                        padding: 5px 20px;
                        color: #AAAAAA;
                        margin-left: 2px;
                       background-color: rgba(50,50,50, 0.2);
                       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,100,0, 0.5)), to(rgba(0,100,0, 0.2)));
                       background-image: -webkit-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,100,0, 0.2));
                       background-image: -moz-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,100,0, 0.2));
                       background-image: -ms-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,100,0, 0.2));
                       background-image: -o-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,100,0, 0.2));
                       border-top-left-radius: 5px;
                       border-top-right-radius: 5px;
                       border-top: 1px solid rgba(255,255,255,0.1);
                       border-left: 1px solid rgba(255,255,255,0.1);
                       border-right: 1px solid rgba(0,0,0,0.5);
                     }
UL#tabs LI A       { color: #FFFFFF; text-decoration: none; font-weight: bold; }
UL#tabs LI A:hover { color: #EECC77; text-decoration: none;  font-weight: bold; }

TD#map {
  padding: 5px;
  background-color: rgba(50,50,50, 0.2);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#000000));
     background-image: -webkit-linear-gradient(top, #111111, #000000);
     background-image: -moz-linear-gradient(top, #111111, #000000);
     background-image: -ms-linear-gradient(top, #111111, #000000);
     background-image: -o-linear-gradient(top, #111111, #000000);
}

/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    height:25px;
    border-bottom: 1px solid #444444;
    background-image: none;
}

/* single tab */
ul.tabs li {
    float:left;
    text-indent:0;
    padding: 0;
    margin: -2px 5px 0px 0px !important;
    list-style-image:none !important;
    background-image: none;
    
}

/* link inside the tab. uses a background image */
ul.tabs a {
    background-color: rgba(50,50,50, 0.2);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50, 0.5)), to(rgba(50,50,50, 0.2)));
    background-image: -webkit-linear-gradient(top, rgba(50,50,50, 0.5), rgba(50,50,50, 0.2));
    background-image: -moz-linear-gradient(top, rgba(50,50,50, 0.5), rgba(50,50,50, 0.2));
    background-image: -ms-linear-gradient(top, rgba(50,50,50, 0.5), rgba(50,50,50, 0.2));
    background-image: -o-linear-gradient(top, rgba(50,50,50, 0.5), rgba(50,50,50, 0.2));
    font-size: 10pt;
    display:block;
    height: 25px;
    line-height:22px;
    width: auto;
    padding-left: 10px; padding-right: 10px;
    text-align:center;
    text-decoration:none;
    color:#AAAAAA;
    margin:0px;
    position:relative;
    top:1px;
    border: 1px solid #444444;
    font-weight: bold;
    font-family: Caudex, Arial, Helvetica, Futura;
    
  -webkit-border-radius: 3px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 3px;
-moz-border-radius-bottomleft: 0;
border-radius: 3px;
border-bottom-left-radius: 0;
  
}
TD#map {
  padding: 5px;
  background-color: rgba(50,50,50, 0.2);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#000000));
     background-image: -webkit-linear-gradient(top, #111111, #000000);
     background-image: -moz-linear-gradient(top, #111111, #000000);
     background-image: -ms-linear-gradient(top, #111111, #000000);
     background-image: -o-linear-gradient(top, #111111, #000000);
}

ul.tabs a:active {
    outline:none;
    border-bottom: 1px solid #111111;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    color: #FFFFFF;
    font-weight: bold; 
    border-bottom: 1px solid #111111;
                       background-color: rgba(50,75,50, 0.2);
                       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.5)), to(rgba(50,50,50, 0)));
                       background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.5), rgba(50,50,50, 0));
                       background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.5), rgba(50,50,50, 0));
                       background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.5), rgba(50,50,50, 0));
                       background-image: -o-linear-gradient(top, rgba(75,75,75, 0.5), rgba(50,50,50, 0));
                       
  -webkit-border-radius: 3px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 3px;
-moz-border-radius-bottomleft: 0;
border-radius: 3px;
border-bottom-left-radius: 0;
  
                   
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
                       background-color: rgba(50,75,50, 0.2);
                       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(100,100,100, 0.5)), to(rgba(50,50,50, 0.0)));
                       background-image: -webkit-linear-gradient(top, rgba(100,100,100, 0.5), rgba(50,50,50, 0.0));
                       background-image: -moz-linear-gradient(top, rgba(100,100,100, 0.5), rgba(50,50,50, 0.0));
                       background-image: -ms-linear-gradient(top, rgba(100,100,100, 0.5), rgba(50,50,50, 0.0));
                       background-image: -o-linear-gradient(top, rgba(100,100,100, 0.5), rgba(50,50,50, 0.0));
                       
  -webkit-border-radius: 3px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 3px;
-moz-border-radius-bottomleft: 0;
border-radius: 3px;
border-bottom-left-radius: 0;
  
                    
    border-bottom: 1px solid #111111;
    cursor:default !important;
    color: #FFFFFF !important;
    font-weight: bold;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* initially all panes are hidden */
.panes > .pane {
    display:none;
}

/* tab pane styling */
.panes > div {
    display:none;
    padding:15px 10px;
    border-left: 1px solid #444444;
    border-right: 1px solid #444444;
    border-bottom: 1px solid #444444;
    height: auto;
    font-size:14px;
    background-color: rgba(50,50,50, 0.1);
}
.panes > div > div {
    display: block;
}

TR#current TD {
  background-color: rgba(0,200,0,.1);
}
TR#old TD, TR#old TD A, TR#old TD B {
  color: rgba(255,255,255,.3);
}

#success {
  border: 1px solid rgba(0,200,0,0.5);
  background-color: 1px solid rgba(0,200,0,0.2);
  color: #FFFFFF;
  padding: 5px 10px; 
  margin: 10px auto;
}

#fail {
  border: 1px solid rgba(200,0,0,0.5);
  background-color: 1px solid rgba(200,0,0,0.2);
  color: #FFFFFF;
  padding: 5px 10px; 
  margin: 10px auto;
}

#greenbox {
  color: #FFFFFF;
  background-color: #006600;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006600), to(#004400));
  background-image: -webkit-linear-gradient(top, #006600, #004400);
  background-image: -moz-linear-gradient(top, #006600, #004400);
  background-image: -ms-linear-gradient(top, #006600, #004400);
  background-image: -o-linear-gradient(top, #006600, #004400);
  font-size: 7pt;
  padding: 1px 4px;
  margin-left: 2px;
  border: 1px solid #00AA00;
}

#orangebox {
  color: #FFFFFF;
  background-color: #994400;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#994400), to(#772200));
  background-image: -webkit-linear-gradient(top, #994400, #772200);
  background-image: -moz-linear-gradient(top, #994400, #772200);
  background-image: -ms-linear-gradient(top, #994400, #772200);
  background-image: -o-linear-gradient(top, #994400, #772200);
  font-size: 7pt;
  padding: 1px 4px;
  margin-left: 2px;
  border: 1px solid #FF6600;
}
#yellowbox {
  color: #FFFFFF;
  background-color: #111100;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BD9700), to(#8F6900));
  background-image: -webkit-linear-gradient(top, #BD9700, #8F6900);
  background-image: -moz-linear-gradient(top, #BD9700, #8F6900);
  background-image: -ms-linear-gradient(top, #BD9700, #8F6900);
  background-image: -o-linear-gradient(top, #BD9700, #8F6900);
  font-size: 7pt;
  padding: 1px 4px;
  margin-left: 2px;
  border: 1px solid #F5C400;
}
#goldbox {
  color: #FFFFFF;
  background-color: #BBAA66;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CBBE8B), to(#BBAA66));
  background-image: -webkit-linear-gradient(top, #BD9700, #BBAA66);
  background-image: -moz-linear-gradient(top, #CBBE8B, #BBAA66);
  background-image: -ms-linear-gradient(top, #CBBE8B, #BBAA66);
  background-image: -o-linear-gradient(top, #CBBE8B, #BBAA66);
  font-size: 7pt;
  padding: 1px 4px;
  margin-left: 2px;
  border: 1px solid #DBD2AE;
}
#bluebox {
  color: #FFFFFF;
  background-color: #28588F;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3471B7), to(#28588F));
  background-image: -webkit-linear-gradient(top, #3471B7, #28588F);
  background-image: -moz-linear-gradient(top, #3471B7, #28588F);
  background-image: -ms-linear-gradient(top, #3471B7, #28588F);
  background-image: -o-linear-gradient(top, #3471B7, #28588F);
  font-size: 7pt;
  padding: 1px 4px;
  margin-left: 2px;
  border: 1px solid #508BCE;
}
#greybox {
  color: #FFFFFF;
  background-color: #222222;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
  background-image: -webkit-linear-gradient(top, #333333, #111111);
  background-image: -moz-linear-gradient(top, #333333, #111111);
  background-image: -ms-linear-gradient(top, #333333, #111111);
  background-image: -o-linear-gradient(top, #333333, #111111);
  font-size: 7pt;
  padding: 1px 4px;
  margin-left: 2px;
  border: 1px solid #666666;
}


#purplebox {
  color: #FFFFFF;
  background-color: #640064;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#800080), to(#640064));
  background-image: -webkit-linear-gradient(top, #800080, #640064);
  background-image: -moz-linear-gradient(top, #800080, #640064);
  background-image: -ms-linear-gradient(top, #800080, #640064);
  background-image: -o-linear-gradient(top, #800080, #640064);
  font-size: 7pt;
  padding: 1px 4px;
  margin-left: 2px;
  border: 1px solid #993399;
}

TD#expired {
  color: #AA0000;
}

DIV#chart {
  background-color: rgba(50,50,50, 0.3);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0, 0.3)), to(rgba(50,50,50, 0.3)));
  background-image: -webkit-linear-gradient(top, rgba(0,0,0, 0.3), rgba(50,50,50, 0.3));
  background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.3), rgba(50,50,50, 0.3));
  background-image: -ms-linear-gradient(top, rgba(0,0,0, 0.3), rgba(50,50,50, 0.3));
  background-image: -o-linear-gradient(top, rgba(0,0,0, 0.3), rgba(50,50,50, 0.3));
  height: 16px;
  border: 1px outset rgba(214, 195, 89, 0.5);
}
DIV#chart DIV#progress {
  background-color: rgba(0,50,0, 0.3);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,200,0, 0.3)), to(rgba(0,50,0, 0.3)));
  background-image: -webkit-linear-gradient(top, rgba(0,200,0, 0.3), rgba(0,50,0, 0.3));
  background-image: -moz-linear-gradient(top, rgba(0,200,0, 0.3), rgba(0,50,0, 0.3));
  background-image: -ms-linear-gradient(top, rgba(0,200,0, 0.3), rgba(0,50,0, 0.3));
  background-image: -o-linear-gradient(top, rgba(0,200,0, 0.3), rgba(0,50,0, 0.3));
  height: 16px;
}
DIV#alert {
  border: 1px solid #660000;
  background-color: rgba(250,0,0,0.1);
  color: #FFFFFF;
  font-size: 9pt;
  font-family: Arial, Helvetica, Future, san-serif;
  margin: 10px;
  padding: 10px;
  text-align: center;
}
TD#chart {
     background-color: rgba(50,50,50, 0.2);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#333333));
     background-image: -webkit-linear-gradient(top, #111111, #333333111);
     background-image: -moz-linear-gradient(top, #111111, #333333);
     background-image: -ms-linear-gradient(top, #111111, #333333);
     background-image: -o-linear-gradient(top, #111111, #333333);
     border: 1px inset rgba(150,150,150,0.2);
}
TD#chart DIV#progress {
 height: 20px;
   background-color: rgba(0,0,0, 0.2);
   background: -webkit-gradient(linear, left top, left 25, from(#DFD390), color-stop(25%, #F8F1B9), to(#7D7131));
   background: -moz-linear-gradient(top, #DFD390, #F8F1B9 2px, #7D7131 25px);
   background-image: -webkit-linear-gradient(top, #DFD390, #7D7131);
   background-image: -ms-linear-gradient(top, #DFD390, #7D7131);
   background-image: -o-linear-gradient(top, #DFD390, #7D7131);
     border: 1px outset rgba(150,150,150,0.2);
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
     
}
TD#complete {
  font-family: Caudex, Verdana, geneva, futura;
  font-size: 12pt;
  color: #BBAA66;
  font-weight: bold;
}
TABLE#leadertable TD {
  font-size: 10pt;
  padding: 10px;
}

TABLE#leadertable TD A {
  font-family: Caudex, Arial, Helvetica, Futura;
  font-weight: bold;
  color: #CCBB66;
  text-decoration: none;
  font-size: 12pt;
}

TABLE#leadertable TD A:hover {
  color: #FFFFFF;
}

#warmenu {
  margin: 10px;
  
}
#warmenu A {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px outset rgba(255,255,255,0.2);
  background-color: rgba(50,50,50, 0.2);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
  background-image: -webkit-linear-gradient(top, #333333, #111111);
  background-image: -moz-linear-gradient(top, #333333, #111111);
  background-image: -ms-linear-gradient(top, #333333, #111111);
  background-image: -o-linear-gradient(top, #333333, #111111);
  padding: 5px 5px;
  font-size: 8pt;
  text-shadow: 1px 1px 1px #000;
  color: #FFFFFF;  
  font-family: Arial, Helvetica, futura;
  text-decoration: none;
  list-style: none;
  display: inline-block;
  margin: 5px;
  vertical-align: middle;
  text-align: center;
  box-shadow: 5px 5px 5px #000000;
}
#warmenu A:hover{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px outset rgba(255,255,255,0.2);
  background-color: rgba(50,50,50, 0.2);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005500), to(#113311));
  background-image: -webkit-linear-gradient(top, #005500, #113311);
  background-image: -moz-linear-gradient(top, #005500, #113311);
  background-image: -ms-linear-gradient(top, #005500, #113311);
  background-image: -o-linear-gradient(top, #005500, #113311);
  padding: 5px 5px;
  font-size: 8pt;
  text-shadow: 1px 1px 1px #000;
  color: #FFFFFF;  
  font-family: Arial, Helvetica, futura;
  text-decoration: none;
	list-style: none;
	display: inline-block;
  margin: 5px;
  vertical-align: middle;
  text-align: center;
  box-shadow: 0px 0px 10px rgba(100,200,0,.5);
}

UL#magazine {
  margin: 0;
  padding: 0;
  list-style-type: none;
  left:auto;
  text-align: center;
}

UL#magazine LI {
  margin: 10px; padding: 0px;
  list-style-type: none;
  float: left;
  position: relative;
  display: inline;
}
UL#magazine LI IMG{
  border: 1px solid #333333;
  margin: 5px;
  box-shadow: 0px 0px 10px rgba(0,0,0,.5);
}
DIV#notice {
  background-color: rgba(181, 64, 44, 0.2); 
  border: 1px solid rgba(168, 79, 59, 0.4); 
  padding: 10px; color: #FFFFFF;
  font-size: 8pt;
  margin: 10px auto;
  max-width: 700px;
}
DIV#greennotice{
  background-color: rgba(15, 181, 37, 0.2); 
  border: 1px solid rgba(9, 168, 25, 0.4); 
  padding: 10px; color: #FFFFFF;
  font-size: 8pt;
  margin: 10px auto;
  max-width: 700px;
}
DIV#orangenotice{
  background-color: rgba(246, 136, 19, 0.2); 
  border: 1px solid rgba(242, 145, 33, 0.4); 
  padding: 10px; color: #FFFFFF;
  font-size: 8pt;
  margin: 10px auto;
  max-width: 700px;
}


#mailalert {
  background-color: rgba(255, 238, 153, 0.2); 
  border: 1px solid rgba(221, 204, 119, 0.8); 
  padding: 10px; color: #FFFFFF;
  font-size: 8pt;
  margin: 10px 0px;
  box-shadow: 0px 0px 10px rgba(0,0,0,.5);
  
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

#mailalertgreen { font-family: Caudex; background-color: rgba(43, 255, 15, 0.1); border: 1px solid rgba(49, 211, 62, 0.8); padding: 10px; color: #FFFFFF; font-size: 10pt; margin: 10px 0px; box-shadow: 0px 0px 10px rgba(0,0,0,.5); box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px; -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px; -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

#help {
  border: 1px solid #444444;
  color: #CCAD31;
  font-size: 7pt; font-weight: bold; padding: 2px 5px; margin-left: 5px;
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
     background-image: -webkit-linear-gradient(top, #333333, #111111);
     background-image: -moz-linear-gradient(top, #333333, #111111);
     background-image: -ms-linear-gradient(top, #333333, #111111);
     background-image: -o-linear-gradient(top, #333333, #111111);
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

DIV#article {
  margin-bottom: 40px;
}
DIV#article:last-child {
  margin-bottom: 20px;
}

A#prissy, INPUT#prissy {
  font-family: Caudex, Verdana, geneva, futura; font-size: 14pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 20px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

A#prissy:hover, INPUT#prissy:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 14pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 20px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,195,0, 0.3)), to(rgba(0,101,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

table#tooltip td#itemgroup { font-size: 8pt; color: #AA9944; }
table#tooltip td#itemname { font-family: Caudex, Verdana, geneva, futura; font-size: 14pt; text-decoration: none; font-weight: bold; text-align: center; padding: 5px 5px; }
table#tooltip td#itemtext { font-size: 9pt; color: #CCCCCC; font-weight: bold; padding: 5px; }
table#tooltip td#itemdescription {  font-size: 8pt; color: #CCCCCC; }
UL#commanders {
  list-style-type: none;
  padding-left: 0px;
  margin: 0px;
}

UL#commanders LI {
  font-size: 7pt;
  line-height: 125%;
  margin: 0px 0px 2px 5px;
  padding: 3px 2px 0px 20px;
  background: url(/images/commander.png) no-repeat 0em .4em transparent;
}

UL#commanders LI#rb A { color: #993333; }
UL#commanders LI#bb A { color: #336699; }
UL#commanders LI#gb A { color: #339933; }
UL#commanders LI#eb A { color: #BBAA66; }
UL#commanders LI#rm A { color: #CCCCCC; }

DIV#playercard {
  margin: 5px; padding: 0px;
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
DIV#playercard DIV#games {
  float: right;
  margin-top: 5px;
}

DIV#playercard { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 100%; font-size: 7pt; color: #AAA; padding: 5px; }
DIV#playercard  A { font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: bold; color: #CCBB66; line-height: 100%; }
DIV#playercard  A:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: bold; color: #FFEE88; line-height: 100%; }

UL#questlog { list-style-type: none; margin: 0px; padding: 0px; }
UL#questlog LI#quest B { font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: bold; color: #CCBB66; line-height: 100%; }
UL#questlog LI#quest { font-size: 8pt; text-decoration: none; font-weight: normal; color: #FFFFFF; line-height: 100%; padding: 5px 10px; border-bottom: 1px solid #222222; }
UL#questlog LI#quest P#questdesc { font-size: 8pt; text-decoration: none; font-weight: normal; color: #FFFFFF; line-height: 150%; padding: 5px 0px; margin: 0px; }
UL#questlog LI#quest P#questdesc B { font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #CCBB66; line-height: 125%; }
UL#questlog LI#quest:last-child { border-bottom: none; }
UL#questlog LI#quest DIV#progress{ display: none; margin-top: 5px; }
UL#questlog LI#quest:hover DIV#progress{ display: block; margin-top: 5px; }

DIV#livestreambutton {
  display: inline-block;
  min-width: 120px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  border: 1px outset rgba(255,255,255, 0.2);
  box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
  -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
  -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 15px;
}
DIV#livestreambutton:hover { border: 1px outset rgba(255,255,255, 0.3); }
DIV#livestreambutton div#followers{
  float: right; font-size: 7pt; color: #888888;  margin-top: 10px;
}

DIV#livestreambutton span#followers{
  float: right; font-size: 7pt; color: rgba(255,255,255,0.7); border: 1px solid rgba(255,255,255,0.3); background-color: rgba(0,0,0,.2); padding: 2px 5px; margin-left: 5px;
}


DIV#livestreambutton.twitch {
   background-color: #6441a5;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7550BA), to(#6441a5));
   background-image: -webkit-linear-gradient(top, #7550BA, #6441a5);
   background-image: -moz-linear-gradient(top, #7550BA, #6441a5);
   background-image: -ms-linear-gradient(top, #7550BA, #6441a5);
   background-image: -o-linear-gradient(top, #7550BA, #6441a5);
}
DIV#livestreambutton.twitch:hover {
   background-color: #7550BA;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#805FBF), to(#7550BA));
   background-image: -webkit-linear-gradient(top, #805FBF, #7550BA);
   background-image: -moz-linear-gradient(top, #805FBF, #7550BA);
   background-image: -ms-linear-gradient(top, #805FBF, #7550BA);
   background-image: -o-linear-gradient(top, #805FBF, #7550BA);
}
DIV#livestreambutton.twitch A#twitchbutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.twitch A#twitchbutton span#one { display: inline-block; }
DIV#livestreambutton.twitch A#twitchbutton span#two { display: none; }
DIV#livestreambutton.twitch:hover A#twitchbutton span#one { display: none; }
DIV#livestreambutton.twitch:hover A#twitchbutton span#two { display: inline-block; }

DIV#livestreambutton.patreon {
   background-color: #F9472F;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FA7664), to(#F9472F));
      background-image: -webkit-linear-gradient(top, #FA7664, #F9472F);
      background-image: -moz-linear-gradient(top, #FA7664, #F9472F);
      background-image: -ms-linear-gradient(top, #FA7664, #F9472F);
      background-image: -o-linear-gradient(top, #FA7664, #F9472F);
}
DIV#livestreambutton.patreon:hover {
   background-color: #5474C0;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FB8474), to(#F95D48));
      background-image: -webkit-linear-gradient(top, #FB8474, #F95D48);
      background-image: -moz-linear-gradient(top, #FB8474, #F95D48);
      background-image: -ms-linear-gradient(top, #FB8474, #F95D48);
      background-image: -o-linear-gradient(top, #FB8474, #F95D48);
}
DIV#livestreambutton.patreon A#patreonbutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.patreon A#patreonbutton span#one { display: inline-block; }
DIV#livestreambutton.patreon A#patreonbutton span#two { display: none; }
DIV#livestreambutton.patreon:hover A#patreonbutton span#one { display: none; }
DIV#livestreambutton.patreon:hover A#patreonbutton span#two { display: inline-block; }


DIV#livestreambutton.flipboard {
   background-color: #F6F6F6;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6F6F6), to(#D6D6D6));
      background-image: -webkit-linear-gradient(top, #F6F6F6, #D6D6D6);
      background-image: -moz-linear-gradient(top, #F6F6F6, #D6D6D6);
      background-image: -ms-linear-gradient(top, #F6F6F6, #D6D6D6);
      background-image: -o-linear-gradient(top, #F6F6F6, #D6D6D6);
}
DIV#livestreambutton.flipboard:hover {
   background-color: #E6E6E6;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E6E6E6), to(#C6C6C6));
      background-image: -webkit-linear-gradient(top, #E6E6E6, #C6C6C6);
      background-image: -moz-linear-gradient(top, #E6E6E6, #C6C6C6);
      background-image: -ms-linear-gradient(top, #E6E6E6, #C6C6C6);
      background-image: -o-linear-gradient(top, #E6E6E6, #C6C6C6);
}
DIV#livestreambutton.flipboard A#flipboardbutton { font-family: Caudex, serif; font-size: 10pt; color: #e02828; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.flipboard A#flipboardbutton span#one { display: inline-block; }
DIV#livestreambutton.flipboard A#flipboardbutton span#two { display: none; }
DIV#livestreambutton.flipboard:hover A#flipboardbutton span#one { display: none; }
DIV#livestreambutton.flipboard:hover A#flipboardbutton span#two { display: inline-block; }

DIV#livestreambutton.discord {
   background-color: #4A67CF;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7289DA), to(#4A67CF));
   background-image: -webkit-linear-gradient(top, #7289DA, #4A67CF);
   background-image: -moz-linear-gradient(top, #7289DA, #4A67CF);
   background-image: -ms-linear-gradient(top, #7289DA, #4A67CF);
   background-image: -o-linear-gradient(top, #7289DA, #4A67CF);
}
DIV#livestreambutton.discord:hover {
   background-color: #7289DA;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9AAAE4), to(#7289DA));
   background-image: -webkit-linear-gradient(top, #9AAAE4, #7289DA);
   background-image: -moz-linear-gradient(top, #9AAAE4, #7289DA);
   background-image: -ms-linear-gradient(top, #9AAAE4, #7289DA);
   background-image: -o-linear-gradient(top, #9AAAE4, #7289DA);
}
DIV#livestreambutton.discord A#discordbutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.discord A#discordbutton span#one { display: inline-block; }
DIV#livestreambutton.discord A#discordbutton span#two { display: none; }
DIV#livestreambutton.discord:hover A#discordbutton span#one { display: none; }
DIV#livestreambutton.discord:hover A#discordbutton span#two { display: inline-block; }

DIV#livestreambutton.steam {
   background-color: #111111;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
   background-image: -webkit-linear-gradient(top, #333333, #111111);
   background-image: -moz-linear-gradient(top, #333333, #111111);
   background-image: -ms-linear-gradient(top, #333333, #111111);
   background-image: -o-linear-gradient(top, #333333, #111111);
}
DIV#livestreambutton.steam:hover {
   background-color: #333333;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444444), to(#222222));
   background-image: -webkit-linear-gradient(top, #444444, #222222);
   background-image: -moz-linear-gradient(top, #444444, #222222);
   background-image: -ms-linear-gradient(top, #444444, #222222);
   background-image: -o-linear-gradient(top, #444444, #222222);
}
DIV#livestreambutton.steam A#steambutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.steamitch A#steambutton span#one { display: inline-block; }
DIV#livestreambutton.steam A#steambutton span#two { display: none; }
DIV#livestreambutton.steam:hover A#steambutton span#one { display: none; }
DIV#livestreambutton.steam:hover A#steambutton span#two { display: inline-block; }


DIV#livestreambutton.youtube {
  background-color: #E62117;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ED4E45), to(#E62117));
  background-image: -webkit-linear-gradient(top, #ED4E45, #E62117);
  background-image: -moz-linear-gradient(top, #ED4E45, #E62117);
  background-image: -ms-linear-gradient(top, #ED4E45, #E62117);
  background-image: -o-linear-gradient(top, #ED4E45, #E62117);
}
DIV#livestreambutton.youtube:hover {
  background-color: #ED4E45;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F06D66), to(#ED4E45));
  background-image: -webkit-linear-gradient(top, #F06D66, #ED4E45);
  background-image: -moz-linear-gradient(top, #F06D66, #ED4E45);
  background-image: -ms-linear-gradient(top, #F06D66, #ED4E45);
  background-image: -o-linear-gradient(top, #F06D66, #ED4E45);
}
DIV#livestreambutton.youtube A#youtubebutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.youtube A#youtubebutton span#one { display: inline-block; }
DIV#livestreambutton.youtube A#youtubebutton span#two { display: none; }
DIV#livestreambutton.youtube:hover A#youtubebutton span#one { display: none; }
DIV#livestreambutton.youtube:hover A#youtubebutton span#two { display: inline-block; }


DIV#livestreambutton.mag {
  background-color: #006400;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008811), to(#006400));
  background-image: -webkit-linear-gradient(top, #008811, #006400);
  background-image: -moz-linear-gradient(top, #008811, #006400);
  background-image: -ms-linear-gradient(top, #008811, #006400);
  background-image: -o-linear-gradient(top, #008811, #006400);
}
DIV#livestreambutton.mag:hover {
  background-color: #007711;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#009922), to(#007711));
  background-image: -webkit-linear-gradient(top, #009922, #007711);
  background-image: -moz-linear-gradient(top, #009922, #007711);
  background-image: -ms-linear-gradient(top, #009922, #007711);
  background-image: -o-linear-gradient(top, #009922, #007711);
}
DIV#livestreambutton.mag A#magbutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.mag A#magbutton span#one { display: inline-block; }
DIV#livestreambutton.mag A#magbutton span#two { display: none; }
DIV#livestreambutton.mag:hover A#magbutton span#one { display: none; }
DIV#livestreambutton.mag:hover A#magbutton span#two { display: inline-block; }


DIV#livestreambutton.facebook {
   background-color: #3C5AA2;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5474C0), to(#3C5AA2));
      background-image: -webkit-linear-gradient(top, #5474C0, #3C5AA2);
      background-image: -moz-linear-gradient(top, #5474C0, #3C5AA2);
      background-image: -ms-linear-gradient(top, #5474C0, #3C5AA2);
      background-image: -o-linear-gradient(top, #5474C0, #3C5AA2);
}
DIV#livestreambutton.facebook:hover {
   background-color: #5474C0;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7992CD), to(#5474C0));
      background-image: -webkit-linear-gradient(top, #7992CD, #5474C0);
      background-image: -moz-linear-gradient(top, #7992CD, #5474C0);
      background-image: -ms-linear-gradient(top, #7992CD, #5474C0);
      background-image: -o-linear-gradient(top, #7992CD, #5474C0);
}
DIV#livestreambutton.facebook A#facebookbutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.facebook A#facebookbutton span#one { display: inline-block; }
DIV#livestreambutton.facebook A#facebookbutton span#two { display: none; }
DIV#livestreambutton.facebook:hover A#facebookbutton span#one { display: none; }
DIV#livestreambutton.facebook:hover A#facebookbutton span#two { display: inline-block; }

DIV#livestreambutton.twitter {
  background-color: #60A8DA;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8BBFE4), to(#60A8DA));
  background-image: -webkit-linear-gradient(top, #8BBFE4, #60A8DA);
  background-image: -moz-linear-gradient(top, #8BBFE4, #60A8DA);
  background-image: -ms-linear-gradient(top, #8BBFE4, #60A8DA);
  background-image: -o-linear-gradient(top, #8BBFE4, #60A8DA);
}
DIV#livestreambutton.twitter:hover {
   background-color: #8BBFE4;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B5D6EE), to(#8BBFE4));
      background-image: -webkit-linear-gradient(top, #B5D6EE, #8BBFE4);
      background-image: -moz-linear-gradient(top, #B5D6EE, #8BBFE4);
      background-image: -ms-linear-gradient(top, #B5D6EE, #8BBFE4);
      background-image: -o-linear-gradient(top, #B5D6EE, #8BBFE4);
}
DIV#livestreambutton.twitter A#twitterbutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.twitter A#twitterbutton span#one { display: inline-block; }
DIV#livestreambutton.twitter A#twitterbutton span#two { display: none; }
DIV#livestreambutton.twitter:hover A#twitterbutton span#one { display: none; }
DIV#livestreambutton.twitter:hover A#twitterbutton span#two { display: inline-block; }

DIV#livestreambutton.gamevox {
   background-color: #EE4629;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F16D55), to(#EE4629));
      background-image: -webkit-linear-gradient(top, #F16D55, #EE4629);
      background-image: -moz-linear-gradient(top, #F16D55, #EE4629);
      background-image: -ms-linear-gradient(top, #F16D55, #EE4629);
      background-image: -o-linear-gradient(top, #F16D55, #EE4629);
}
DIV#livestreambutton.gamevox:hover {
  background-color: #F16D55;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F59584), to(#F16D55));
  background-image: -webkit-linear-gradient(top, #F59584, #F16D55);
  background-image: -moz-linear-gradient(top, #F59584, #F16D55);
  background-image: -ms-linear-gradient(top, #F59584, #F16D55);
  background-image: -o-linear-gradient(top, #F59584, #F16D55);
}
DIV#livestreambutton.gamevox A#gamevoxbutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.gamevox A#gamevoxbutton span#one { display: inline-block; }
DIV#livestreambutton.gamevox A#gamevoxbutton span#two { display: none; }
DIV#livestreambutton.gamevox:hover A#gamevoxbutton span#one { display: none; }
DIV#livestreambutton.gamevox:hover A#gamevoxbutton span#two { display: inline-block; }


DIV#blogitem {
  margin: 5px; padding: 0px;
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   width: 100%;
}
DIV#blogitem DIV#blogcontent { display: none; }
DIV#blogitem:hover DIV#blogcontent { display: block; }


UL#newsclips { margin: 5px; padding: 0px; list-style-type: none; }
UL#newsclips LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 100%; font-size: 8pt; color: #AAAAAA; padding: 5px 0px; margin: 5px 0px; line-height: 125%; border-bottom: 1px solid #222222; }
UL#newsclips LI A { font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: bold; color: #CCBB66; line-height: 100%; }
UL#newsclips LI A:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: bold; color: #FFEE88; line-height: 100%; }


UL#newsclips LI DIV#lore-copy { display: none; }
UL#newsclips LI:hover DIV#lore-copy { display: inline-block; }


@media screen and (max-width: 598px)  { DIV#news { width: 100%; height: auto; float: left;  display: inline-block; } }
@media screen and (min-width: 598px)  { DIV#news { width: calc(100%/2); height: auto; float: left;  display: inline-block; } }
@media screen and (min-width: 742px)  { DIV#news { width: calc(100%/3); height: auto; float: left;  display: inline-block; }  }
@media screen and (min-width: 980px)  { DIV#news { width: calc(100%/4); height: auto; float: left;  display: inline-block; } 
                                        DIV#news.i10 { display: none; } }
@media screen and (min-width: 1230px) { DIV#news { width: calc(100%/5); height: auto; float: left;  display: inline-block; } 
                                        DIV#news.i10 { display: inline-block; }
                                        DIV#news.i9 { display: inline-block; } }
@media screen and (min-width: 1530px) { DIV#news { width: calc(100%/6); height: auto; float: left;  display: inline-block; } 
                                        DIV#news.i10 { display: inline-block; }
                                        DIV#news.i9 { display: inline-block; } }
@media screen and (min-width: 1800px) { DIV#news { width: calc(100%/7); height: auto; float: left;  display: inline-block; } 
                                        DIV#news.i10 { display: none; }
                                        DIV#news.i9 { display: none; } }
@media screen and (min-width: 2200px) { DIV#news { width: calc(100%/8); height: auto; float: left;  display: inline-block; } }


DIV#box {
  margin: 5px;
  border: 1px solid #444444;
  background-color: rgba(20,20,20,.8);
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
min-height: 225px;
overflow:hidden;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
}

DIV#mbox {
  margin: 5px;
  overflow:hidden;
}

DIV#news DIV#box  DIV#image{
  width: 100%; height: 141px;
  background-repeat: no-repeat; background-size: cover; background-position: center;
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

DIV#news DIV#box  DIV#content {
  padding: 10px;
  min-height: 70px;
}

DIV#news DIV#box  DIV#content A#headline {
  font-family: Caudex, 'Open Sans', sans-serif;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 10pt;
  text-decoration: none;
}
DIV#news DIV#box  DIV#byline, DIV#feature DIV#box  DIV#byline, DIV#article DIV#box  DIV#byline {
  font-family: 'Open Sans', sans-serif;
  color: #888888;
  font-size: 7pt;
  width: auto; float: left;
  margin: 0px;
  padding: 5px 0px 5px 10px;
  margin: 0px;
  height: 16px;
  display: inline-block;
}
DIV#news DIV#box  DIV#dateline, DIV#feature DIV#box  DIV#dateline, DIV#article DIV#box  DIV#dateline {
  font-family: 'Open Sans', sans-serif;
  color: #888888;
  font-size: 7pt;
  width: auto; float: right;
  margin: 0px;
  padding: 5px 10px 5px 0px;
  margin: 0px;
  height: 16px;
  display: inline-block;
  float: right;
  text-align: right;
}
DIV#tab-news     { border-bottom: 2px solid  #9C9C9C;  background-color: rgba(0,0,0,.7); }
DIV#tab-reviews  { border-bottom: 2px solid #BD0000; background-color: rgba(0,0,0,.7); }
DIV#tab-announcements  { border-bottom: 2px solid #B29A38; background-color: rgba(0,0,0,.7); }
DIV#tab-previews { border-bottom: 2px solid #52A300; background-color: rgba(0,0,0,.7); }
DIV#tab-life     { border-bottom: 2px solid #E07000; background-color: rgba(0,0,0,.7); }
DIV#tab-fiction  { border-bottom: 2px solid #FF6600; background-color: rgba(0,0,0,.7); }
DIV#tab-guides   { border-bottom: 2px solid #005EBD; background-color: rgba(0,0,0,.7); }
DIV#tab-features { border-bottom: 2px solid #00C200; background-color: rgba(0,0,0,.7); }
DIV#tab-livestreams { border-bottom: 2px solid #7550BA; background-color: rgba(0,0,0,.7); }
DIV#tab-columns  { border-bottom: 2px solid #8FB950; background-color: rgba(0,0,0,.7); }
DIV#tab-admin  { border-bottom: 2px solid #FF3300; background-color: rgba(221, 17, 0, 0.4); float: right; margin-right: 20px; }
DIV#tab-admin A { color: #FFFFFF; font-weight: bold; }

DIV.tab {
  float: left;
  width: auto; max-width: 100px;
  padding: 2px 10px;
   font-family: 'Open Sans', sans-serif; 
   font-size: 7pt;
   position: relative; left: 10px; top: 0px; z-index: 90;
   color: #FFFFFF; 
   border-right: 1px solid rgba(255,255,255, .2);
   border-left: 1px solid rgba(255,255,255, .2);
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.2)));
   background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
   background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
   background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
   background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2)); 
  
}




@media screen and (max-width: 598px)  { /* MOBILE */
  div#third { width: 100%; height: auto; float: left;  display: inline-block; }
  div#solo { width: 100%; height: auto; float: left;  display: inline-block; }
  div#twothird { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fourth { width: 100%; height: auto; float: left;  display: inline-block; }
  div#twofourth { width: 100%; height: auto; float: left;  display: inline-block; }
  div#threefourth { width: 100%; height: auto; float: left;  display: inline-block; }
  div#full { width: 100%; height: auto; float: left;  display: inline-block; }
  div#half { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fifth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#break { clear: both; }
  div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; }
}
@media screen and (min-width: 598px)  {  /* TABLET */
  div#third { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#solo { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fifth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#twothird { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fourth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#twofourth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#threefourth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#full { width: 100%; height: auto; float: left;  display: inline-block; }
  div#half { width: 50%; height: auto; float: left;  display: inline-block; }
  div#break { clear: both; }
  div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; }
  
}

@media screen and (min-width: 700px)  {  /* DESKTOP */
  div#third { width: calc(100%/3); height: auto; float: left;  display: inline-block; }
  div#solo { width: calc(100%/3); height: auto; float: left;  display: inline-block; }
  div#fourth { width: calc(100%/4); height: auto; float: left;  display: inline-block; }
  div#fifth { width: calc(100%/5); height: auto; float: left;  display: inline-block; }
  div#twofourth { width: calc((100%/4)*2); height: auto; float: left;  display: inline-block; }
  div#threefourth { width: calc((100%/4)*3); height: auto; float: left;  display: inline-block; }
  div#twothird { width: calc((100%/3)*2); height: auto; float: left;  display: inline-block; }
  div#full { width: 100%; height: auto; float: left;  display: inline-block; }
  div#half { width: 50%; height: auto; float: left;  display: inline-block; }
  div#break { clear: both; }
  div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; }
}

#divfade {
    clear: both;
  display:block;
  height:1px;
  background: rgba(255,255,255,.1);
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(204,204,204,.3)), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,204,204,.3) 50%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,204,204,.3) 50%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,204,204,.3) 50%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(204,204,204,.3) 50%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000', GradientType=1 );
  margin: 10px 0px;
}

#divfade-gold {
    clear: both;
  display:block;
  height:1px;
  background: rgba(214, 195, 105,.1);
  background: -moz-linear-gradient(left, rgba(214, 195, 105,0) 0%, rgba(214, 195, 105, 0.3) 50%, rgba(214, 195, 105,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(214, 195, 105,0)), color-stop(50%, rgba(214, 195, 105, 0.3)), color-stop(100%, rgba(214, 195, 105,0)));
  background: -webkit-linear-gradient(left, rgba(214, 195, 105,0) 0%, rgba(214, 195, 105, 0.3) 50%, rgba(214, 195, 105,0) 100%);
  background: -o-linear-gradient(left, rgba(214, 195, 105,0) 0%, rgba(214, 195, 105, 0.3) 50%, rgba(214, 195, 105,0) 100%);
  background: -ms-linear-gradient(left, rgba(214, 195, 105,0) 0%, rgba(214, 195, 105, 0.3) 50%, rgba(214, 195, 105,0) 100%);
  background: linear-gradient(to right, rgba(214, 195, 105,0) 0%, rgba(214, 195, 105, 0.3) 50%, rgba(214, 195, 105,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000', GradientType=1 );
  margin: 10px 0px;
}
DIV#cbox {
  margin: 10px 20px;
overflow:hidden;
}

DIV#highlightbox {
  font-size: 10pt;
  margin: 20px 10px;
  overflow:hidden;
  background-color: rgba(238, 221, 119, .1);
  border: 1px solid rgba(238, 221, 119, .5);
   -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;

}
DIV#highlightbox B {
  font-family: Caudex, serif;
  font-size: 12pt;
}
H2#classy {
  font-family: Caudex, serif;
  border: 0px;
  font-size: 20pt;
  text-align: center;
}

DIV#block {
  width: calc(100/7)%;
  display: inline-block;
  margin: 5px auto;
}
DIV#block6 {
  width: calc(100/6)%;
  display: inline-block;
  margin: 5px auto;
}
DIV#block5 {
  width: calc(100/5)%;
  display: inline-block;
  margin: 5px auto;
}
DIV#block DIV#game {
 margin: 5px; 
 border: 1px solid #CCC08B;
 -moz-box-shadow:    0px 0px 5px 6px #000000;
   -webkit-box-shadow: 0px 0px 5px 6px #000000;
   box-shadow:         0px 0px 5px 6px #000000;
   -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
DIV#game DIV#logo {
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;

                                                                                        background: #EEEEEE;
                                   background: -moz-linear-gradient(top,  #FFFFFF 0%,               #EEEEEE 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE));
                                background: -webkit-linear-gradient(top,  #FFFFFF 0%,               #EEEEEE 100%);
                                     background: -o-linear-gradient(top,  #FFFFFF 0%,               #EEEEEE 100%);
                                    background: -ms-linear-gradient(top,  #FFFFFF 0%,               #EEEEEE 100%);
                                  background: linear-gradient(to bottom,  #FFFFFF 0%,               #EEEEEE 100%);
filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#FFFFFF',    endColorstr='#EEEEEE', GradientType=0 );
padding: 10px;

  border-bottom: 1px solid #000000;
}
DIV#game DIV#bottomname {
                                                                                          background: #113311;
                                     background: -moz-linear-gradient(top,  #224422 0%,               #113311 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#224422), color-stop(100%,#113311));
                                  background: -webkit-linear-gradient(top,  #224422 0%,               #113311 100%);
                                       background: -o-linear-gradient(top,  #224422 0%,               #113311 100%);
                                      background: -ms-linear-gradient(top,  #224422 0%,               #113311 100%);
                                    background: linear-gradient(to bottom,  #224422 0%,               #113311 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#224422',    endColorstr='#113311', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
  
}
DIV#game DIV#bottomname A {
  font-size: 9pt; 
  font-family: Caudex, serif;
  font-weight: bold;
  color: #FFFFFF;
}

DIV#game DIV#name {
                                                                                          background: #113311;
                                     background: -moz-linear-gradient(top,  #224422 0%,               #113311 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#224422), color-stop(100%,#113311));
                                  background: -webkit-linear-gradient(top,  #224422 0%,               #113311 100%);
                                       background: -o-linear-gradient(top,  #224422 0%,               #113311 100%);
                                      background: -ms-linear-gradient(top,  #224422 0%,               #113311 100%);
                                    background: linear-gradient(to bottom,  #224422 0%,               #113311 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#224422',    endColorstr='#113311', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
}
DIV#game DIV#name A {
  font-size: 10pt; 
  font-family: Caudex, serif;
  font-weight: bold;
  color: #FFFFFF;
}
DIV#game DIV#release {
                                                                                          background: #111133;
                                     background: -moz-linear-gradient(top,  #222244 0%,               #111133 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222244), color-stop(100%,#111133));
                                  background: -webkit-linear-gradient(top,  #222244 0%,               #111133 100%);
                                       background: -o-linear-gradient(top,  #222244 0%,               #111133 100%);
                                      background: -ms-linear-gradient(top,  #222244 0%,               #111133 100%);
                                    background: linear-gradient(to bottom,  #222244 0%,               #111133 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222244',    endColorstr='#111133', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
}

DIV#game DIV#population {
  
  font-size: 9pt;
  font-family: Caudex, serif;
  width: 120px; display: inline-block; float: right;
                                                                                          background: #111111;
                                     background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                  background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                       background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                    background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-right: 1px solid rgba(0,0,0,0.8);
  -webkit-border-bottom-right-radius: 5px;
      -moz-border-radius-bottomright: 5px;
          border-bottom-right-radius: 5px;
          text-align: right;
}
DIV#game DIV#join {
  font-size: 9pt;
  font-family: Caudex, serif;
  width: 50px; display: inline-block; float: left;
                                                                                          background: #111111;
                                     background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                  background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                       background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                    background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-right: 1px solid rgba(0,0,0,0.8);
  -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomleft: 5px;
          border-bottom-left-radius: 5px;
}
DIV#game DIV#join:hover {
  font-size: 9pt;
  font-family: Caudex, serif;
  width: 50px; display: inline-block; float: left;
                                                                                          background: #113311;
                                     background: -moz-linear-gradient(top,  #224422 0%,               #113311 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#224422), color-stop(100%,#113311));
                                  background: -webkit-linear-gradient(top,  #224422 0%,               #113311 100%);
                                       background: -o-linear-gradient(top,  #224422 0%,               #113311 100%);
                                      background: -ms-linear-gradient(top,  #224422 0%,               #113311 100%);
                                    background: linear-gradient(to bottom,  #224422 0%,               #113311 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#224422',    endColorstr='#113311', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-right: 1px solid rgba(0,0,0,0.8);
  -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomleft: 5px;
          border-bottom-left-radius: 5px;
}
DIV#game DIV#leave {
  font-size: 9pt;
  font-family: Caudex, serif;
  width: 50px; display: inline-block; float: left;
                                                                                          background: #001100;
                                     background: -moz-linear-gradient(top,  #002200 0%,               #001100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002200), color-stop(100%,#001100));
                                  background: -webkit-linear-gradient(top,  #002200 0%,               #001100 100%);
                                       background: -o-linear-gradient(top,  #002200 0%,               #001100 100%);
                                      background: -ms-linear-gradient(top,  #002200 0%,               #001100 100%);
                                    background: linear-gradient(to bottom,  #002200 0%,               #001100 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#002200',    endColorstr='#001100', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-right: 1px solid rgba(0,0,0,0.8);
  -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomleft: 5px;
          border-bottom-left-radius: 5px;
}
DIV#game DIV#leave:hover {
  font-size: 9pt;
  font-family: Caudex, serif;
  color: #FFFFFF;
  width: 50px; display: inline-block; float: left;
                                                                                          background: #330000;
                                     background: -moz-linear-gradient(top,  #440000 0%,               #330000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#440000), color-stop(100%,#330000));
                                  background: -webkit-linear-gradient(top,  #440000 0%,               #330000 100%);
                                       background: -o-linear-gradient(top,  #440000 0%,               #330000 100%);
                                      background: -ms-linear-gradient(top,  #440000 0%,               #330000 100%);
                                    background: linear-gradient(to bottom,  #440000 0%,               #330000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#440000',    endColorstr='#330000', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-right: 1px solid rgba(0,0,0,0.8);
  -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomleft: 5px;
          border-bottom-left-radius: 5px;
}

<style type="text/css">
TABLE#heros A {
  font-weight: normal;
  color: #DDCC66;
}

TABLE#heros A:hover {
  font-weight: normal;
  color: #FFEE99;
}

TABLE#heros tr tH{
   border: 1px outset rgba(100,100,100, 0.2);
   border-bottom: 1px solid #000000;
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
   background-image: -webkit-linear-gradient(top, #333333, #111111);
   background-image: -moz-linear-gradient(top, #333333, #111111);
   background-image: -ms-linear-gradient(top, #333333, #111111);
   background-image: -o-linear-gradient(top, #333333, #111111);
   padding: 10px;
    font-size: 10pt;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    color: #FFFFFF;
}

TABLE#heros tr td{
   border-bottom: 1px solid rgba(150,150,150, 0.5);
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#000000));
   background-image: -webkit-linear-gradient(top, #111111, #000000);
   background-image: -moz-linear-gradient(top, #111111, #000000);
   background-image: -ms-linear-gradient(top, #111111, #000000);
   background-image: -o-linear-gradient(top, #111111, #000000);
   color: #AAAAAA;
   padding: 10px;
}

TABLE#heros tr td A{
  color: #CCBB66;
  font-family: Caudex, Georgia, san-serif;
  font-size: 16pt;
  line-height: 100%;
}
TABLE#heros tr td A#inactive {
  color: #AAAAAA;
  font-family: Caudex, Georgia, san-serif;
  font-size: 10pt;
  line-height: 100%;
}
TABLE#heros tr td B {
  font-family: Caudex, Georgia, san-serif;
  font-size: 18pt;
  color: #CCBB66;
}

TABLE#features {
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #444444; margin-top: 15px; margin-bottom: 25px;
}
TABLE#features TR  TH {
  font-family: Caudex, Georgia, san-serif;
  font-size: 12pt;
  color: #FFFFFF;
  padding: 10px 10px;
  text-shadow: 1px 1px 3px #000000;
                                                                                          background: #111111;
                                     background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                  background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                       background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                    background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
  border-bottom: 1px solid rgba(0,0,0,0.5);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-top: 1px solid rgba(255,255,255,0.2);
  border-right: 1px solid rgba(0,0,0,0.5);
}
TABLE#features TR TH#o {
  
                                                                                          background: #733626;
                                     background: -moz-linear-gradient(top,  #863E2D 0%,               #733626 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#863E2D), color-stop(100%,#733626));
                                  background: -webkit-linear-gradient(top,  #863E2D 0%,               #733626 100%);
                                       background: -o-linear-gradient(top,  #863E2D 0%,               #733626 100%);
                                      background: -ms-linear-gradient(top,  #863E2D 0%,               #733626 100%);
                                    background: linear-gradient(to bottom,  #863E2D 0%,               #733626 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#863E2D',    endColorstr='#733626', GradientType=0 );
}
TABLE#features TR TH#g {
  
                                                                                          background: #2A6020;
                                     background: -moz-linear-gradient(top,  #349121 0%,               #2A6020 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#349121), color-stop(100%,#2A6020));
                                  background: -webkit-linear-gradient(top,  #349121 0%,               #2A6020 100%);
                                       background: -o-linear-gradient(top,  #349121 0%,               #2A6020 100%);
                                      background: -ms-linear-gradient(top,  #349121 0%,               #2A6020 100%);
                                    background: linear-gradient(to bottom,  #349121 0%,               #2A6020 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#349121',    endColorstr='#2A6020', GradientType=0 );
}
TABLE#features TR TH#b {
  
                                                                                          background: #203A60;
                                     background: -moz-linear-gradient(top,  #264573 0%,               #203A60 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#264573), color-stop(100%,#203A60));
                                  background: -webkit-linear-gradient(top,  #264573 0%,               #203A60 100%);
                                       background: -o-linear-gradient(top,  #264573 0%,               #203A60 100%);
                                      background: -ms-linear-gradient(top,  #264573 0%,               #203A60 100%);
                                    background: linear-gradient(to bottom,  #264573 0%,               #203A60 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#264573',    endColorstr='#203A60', GradientType=0 );
}
TABLE#features TR TH#p {
  
                                                                                          background: #2F2061;
                                     background: -moz-linear-gradient(top,  #432E8A 0%,               #2F2061 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#432E8A), color-stop(100%,#2F2061));
                                  background: -webkit-linear-gradient(top,  #432E8A 0%,               #2F2061 100%);
                                       background: -o-linear-gradient(top,  #432E8A 0%,               #2F2061 100%);
                                      background: -ms-linear-gradient(top,  #432E8A 0%,               #2F2061 100%);
                                    background: linear-gradient(to bottom,  #432E8A 0%,               #2F2061 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#432E8A',    endColorstr='#2F2061', GradientType=0 );
}
TABLE#features TR:first-child TH:first-child {
  -webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}
TABLE#features TR:first-child TH:last-child {
  -webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}

TABLE#features  TR#header  TH {
  font-family: Caudex, Georgia, san-serif;
  font-size: 12pt;
  color: #EEDD55;
  padding: 20px 10px;
  text-shadow: 1px 1px 3px #000000;
                                                                                          background: #000000;
                                     background: -moz-linear-gradient(top,  #111111 0%,               #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,#000000));
                                  background: -webkit-linear-gradient(top,  #111111 0%,               #000000 100%);
                                       background: -o-linear-gradient(top,  #111111 0%,               #000000 100%);
                                      background: -ms-linear-gradient(top,  #111111 0%,               #000000 100%);
                                    background: linear-gradient(to bottom,  #111111 0%,               #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#111111',    endColorstr='#000000', GradientType=0 );  border-bottom: 1px solid rgba(0,0,0,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-top: 1px solid rgba(255,255,255,0.2);
  border-right: 1px solid rgba(0,0,0,0.5);
  border-bottom: 1px solid rgba(0,0,0,0.5);
}
TABLE#features TR TD {
  font-size: 10pt;
  color: #FFFFFF;
  height: 40px;
  padding: 10px; 
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.5);
}
TABLE#features TR TD B {
  font-family: Caudex, Georgia, san-serif;
  color: #C0B162;
  text-shadow: 1px 1px 3px #000000;
}

TABLE#features tr:nth-child(even) TD { background-color: rgba(175,175,175,.1); }
TABLE#features tr:nth-child(odd) TD { background-color: rgba(255,255,255,0); }

DIV#icon {
  display: inline-block;
  width: auto;
  float: left;
  margin: 5px;
  text-align: center;
}

INPUT#fancybutton {
  font-family: Caudex, Verdana, geneva, futura !important; 
  font-size: 12pt !important; 
  text-decoration: none !important; 
  font-weight: bold !important; 
  color: #CCBB66 !important;
  padding: 5px 15px !important; 
  background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66  !important;
   text-shadow: 1px 1px 3px #000000 !important;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-border-radius: 4px !important;
   -moz-border-radius: 4px !important;
   border-radius: 4px !important;
   width: auto;
}

INPUT#fancybutton:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,195,0, 0.3)), to(rgba(0,101,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   width: auto;
}


div.center {
  margin: 0px auto; width: 100%;
  text-align: center
}

DIV.badge {
  text-decoration: none !important; 
  font-weight: bold !important; 
  color: #CCBB66 !important;
  background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66  !important;
   text-shadow: 1px 1px 3px #000000 !important;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-border-radius: 5px !important;
   -moz-border-radius: 5px !important;
   border-radius: 5px !important;
   width: 120px;
   height: auto;
   padding: 20px;
   display: inline-block;
   text-align: center;
   margin: 5px 5px;
}
DIV.badge > DIV.title {
  font-family: Caudex, Verdana, geneva, futura !important; 
  font-size: 10pt !important; 
  color: #FFFFFF;
  font-weight: bold;
  text-align: center
}
DIV.badge > DIV.stat {
  font-family: Caudex, Verdana, geneva, futura !important; 
  font-size: 26pt !important; 
  color: #CCBB66;
  font-weight: bold;
  text-align: center
  
}
DIV#badge-frame {
  font-family: Caudex, Verdana, geneva, futura !important; 
  font-size: 12pt !important; 
  text-decoration: none !important; 
  font-weight: bold !important; 
  color: #CCBB66 !important;
  background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66  !important;
   text-shadow: 1px 1px 3px #000000 !important;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-border-radius: 5px !important;
   -moz-border-radius: 5px !important;
   border-radius: 5px !important;
   width: auto;
   height: auto;
   clear: both;
   display: block;
}
DIV#badge-header {
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
  background-color: rgba(0,50,0, 0.5);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,75,0, 0.5)), to(rgba(0,25,0,0.5)));
   background-image: -webkit-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
   background-image: -moz-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
   background-image: -ms-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
   background-image: -o-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
   padding: 5px 15px; 
  font-family: Caudex, Verdana, geneva, futura !important; 
  font-size: 12pt !important; 
  text-decoration: none !important; 
  font-weight: bold !important; 
  color: #FFFFFF !important;
  border-bottom: 1px solid #555555;
}

DIV#badge-bg {
  width: 100px; height: 100px; border: 1px solid #555555;
   display: block;
}
DIV#badge-name A, DIV#badge-name  {
  font-family: Caudex, Verdana, geneva, futura !important; 
  font-size: 14pt !important; 
  text-decoration: none !important; 
  font-weight: bold !important; 
  color: #CCBB66 !important;
   text-shadow: 1px 1px 3px #000000 !important;
}
DIV#badge-chart {
  border: 1px inset #555555; height: 25px;
                                                                                          background: #222222;
                                     background: -moz-linear-gradient(top,  #111111 0%,               #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,#222222));
                                  background: -webkit-linear-gradient(top,  #111111 0%,               #222222 100%);
                                       background: -o-linear-gradient(top,  #111111 0%,               #222222 100%);
                                      background: -ms-linear-gradient(top,  #111111 0%,               #222222 100%);
                                    background: linear-gradient(to bottom,  #111111 0%,               #222222 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#111111',    endColorstr='#222222', GradientType=0 );
  margin-top: 5px; margin-bottom: 5px; padding: 0px;
}
DIV#badge-complete {
  border: 1px outset rgba(200,200,200,0.5); height: 23px; display: inline-block; z-index: 10; position: relative; left: 0; top: 0;
                                                                                          background: #998822;
                                     background: -moz-linear-gradient(top,  #AA9933 0%,               #998822 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AA9933), color-stop(100%,#998822));
                                  background: -webkit-linear-gradient(top,  #AA9933 0%,               #998822 100%);
                                       background: -o-linear-gradient(top,  #AA9933 0%,               #998822 100%);
                                      background: -ms-linear-gradient(top,  #AA9933 0%,               #998822 100%);
                                    background: linear-gradient(to bottom,  #AA9933 0%,               #998822 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#AA9933',    endColorstr='#998822', GradientType=0 );
   padding: 0px;
}
DIV#badge-rank { z-index: 100; float: left; width: auto;  position: relative; left: 0; top: 0;}
DIV#badge-perc { z-index: 100; float: right; width: auto; position: relative; right: 0; top: 0; }
DIV#badge-role {
  font-weight: normal; font-style: italic; color: #FFFFFF; margin-bottom: 5px; margin-top: -2px;
}

DIV#badge-title {
 margin-top: 5px; font-weight: normal;
}
DIV#badge-exp {
   float: right; 
}







TABLE#fancy {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66  !important;
   text-shadow: 1px 1px 3px #000000 !important;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-border-radius: 5px !important;
   -moz-border-radius: 5px !important;
   border-radius: 5px !important;
   margin: 10px 0px;
   width: 100%;
}
TABLE#fancy TR TH {
  background-color: rgba(0,50,0, 0.5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,75,0, 0.5)), to(rgba(0,25,0,0.5)));
  background-image: -webkit-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -moz-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -ms-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -o-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  padding: 5px 15px; 
  font-family: Caudex, Verdana, geneva, futura !important; 
  font-size: 10pt !important;
  text-decoration: none !important; 
  font-weight: bold !important; 
  color: #FFFFFF !important;
  border-bottom: 1px solid #555555;
}
TABLE#fancy TR TH#h, TABLE#fancy TR#h TH {
  background-color: rgba(0,0,0, 0.5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(25,25,25, 0.5)), to(rgba(0,0,0,0.5)));
  background-image: -webkit-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -moz-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -ms-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -o-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  padding: 10px 15px; 
  font-family: Caudex, Verdana, geneva, futura !important; 
  font-size: 12pt !important;
  text-decoration: none !important; 
  font-weight: bold !important; 
  color: #FFFFFF !important;
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-top: 1px solid rgba(255,255,255,0.2);
}
TABLE#fancy TR TH:first-child {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}
TABLE#fancy TR TH:last-child {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}
TABLE#fancy tr:nth-child(even) { background-color: rgba(75,75,75, 0.2);}
TABLE#fancy tr:nth-child(odd) { background-color: rgba(50,50,50, 0.1); }

TABLE#fancy TR TD {
  font-family: Caudex, Verdana, geneva, futura !important; 
  font-size: 10pt !important; 
  text-decoration: none !important; 
  font-weight: bold !important; 
  color: #FFFFFF !important;
  padding: 5px 10px;
} 
TABLE#fancy TR TD A {
  font-size: 12pt; color: #CCBB66; font-weight: bold;
}
TABLE#fancy TR TD B {
  font-size: 10pt; color: #CCBB66; font-weight: bold;
}
TABLE#fancy TR TD SMALL {
  font-family: Tahoma, Geneva, Futura; font-size: 7pt; color: #888888; font-weight: normal;
}
TABLE#fancy TR TD#h { color: #CCBB66; font-weight: bold; font-size: 10pt; }



TABLE#fancysm {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66  !important;
   text-shadow: 1px 1px 3px #000000 !important;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-border-radius: 5px !important;
   -moz-border-radius: 5px !important;
   border-radius: 5px !important;
   margin: 10px 0px;
   width: 100%;
}
TABLE#fancysm TR TH {
  background-color: rgba(0,50,0, 0.5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,75,0, 0.5)), to(rgba(0,25,0,0.5)));
  background-image: -webkit-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -moz-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -ms-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -o-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  padding: 5px 15px; 
  font-family: Caudex, Verdana, geneva, futura !important; 
  font-size: 9pt !important; 
  text-decoration: none !important; 
  font-weight: bold !important; 
  color: #FFFFFF !important;
  border-bottom: 1px solid #555555;
}
TABLE#fancysm TR TH#h {
  background-color: rgba(0,0,0, 0.5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(25,25,25, 0.5)), to(rgba(0,0,0,0.5)));
  background-image: -webkit-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -moz-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -ms-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -o-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  padding: 5px 15px; 
  font-family: Caudex, Verdana, geneva, futura !important; 
  font-size: 9pt !important; 
  text-decoration: none !important; 
  font-weight: bold !important; 
  color: #FFFFFF !important;
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-top: 1px solid rgba(255,255,255,0.2);
}
TABLE#fancysm TR TH:first-child {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}
TABLE#fancysm TR TH:last-child {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}
TABLE#fancysm tr:nth-child(even) { background-color: rgba(75,75,75, 0.2);}
TABLE#fancysm tr:nth-child(odd) { background-color: rgba(50,50,50, 0.1); }
\
TABLE#fancysm tr#s TD, TABLE#fancysm tr#s  { background-color: rgba(84, 116, 192, 0.5); }
TABLE#fancysm tr#s TD A, TABLE#fancysm tr#s TD  B { color: rgba(126, 187, 231, 1); }

TABLE#fancysm TR TD {
  font-family: Caudex, Verdana, geneva, futura !important; 
  font-size: 10pt !important; 
  text-decoration: none !important; 
  font-weight: bold !important; 
  color: #FFFFFF !important;
  padding: 2px 10px;
} 
TABLE#fancysm TR TD A {
  font-size: 9pt; color: #CCBB66; font-weight: bold;
}
TABLE#fancysm TR TD B {
  font-size: 9pt; color: #CCBB66; font-weight: bold;
}
TABLE#fancysm TR TD SMALL {
  font-family: Tahoma, Geneva, Futura; font-size: 7pt; color: #888888; font-weight: normal;
}
TABLE#fancysm TR TD#h { color: #CCBB66; font-weight: bold; font-size: 9pt; }


UL#fancylist {
    list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;

}
UL#fancylist > LI {

    color: #AAAAAA;
    padding: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 8pt;
}
UL#fancylist > LI:nth-child(even) { background-color: rgba(75,75,75, 0.2); border-bottom: 1px solid rgba(100,100,100,0.3); }
UL#fancylist > LI:nth-child(odd) { background-color: rgba(50,50,50, 0.1); border-bottom: 1px solid rgba(100,100,100,0.3); }
UL#fancylist > LI > A#focus {
    font-size: 10pt;
    color: #EEDD77;
    text-decoration: none;
    font-family: Caudex, 'Open Sans', sans-serif;
}


UL#fancy {
    list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;
}
UL#fancy > LI {
    color: #DDDDDD;
    padding: 10px 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10pt;
    line-height: 150%;
}
UL#fancy > LI > B {
    color: #EEDD77;
    font-family: Caudex, 'Open Sans', sans-serif;
    font-size: 12pt;
}


DIV#evt > DIV#hdrplate {
  padding: 5px 10px;
  border-top: 1px solid rgba(255,255,255,0.5);
  border-bottom: 1px solid rgba(0,0,0,0.5);
  background-color: rgba(0,50,0, 0.5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,75,0, 0.5)), to(rgba(0,25,0,0.5)));
  background-image: -webkit-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -moz-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -ms-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -o-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));

}

DIV#evt > DIV#footer {
  padding: 5px 10px;
  border-top: 1px solid rgba(255,255,255,0.5);
  border-bottom: 1px solid rgba(0,0,0,0.5);
                                                                                          background: rgba(0,75,75, 0.5);
                                     background: -moz-linear-gradient(top,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,75,75, 0.5)), color-stop(100%,rgba(25,25,25,0.5)));
                                  background: -webkit-linear-gradient(top,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
                                       background: -o-linear-gradient(top,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
                                      background: -ms-linear-gradient(top,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
                                    background: linear-gradient(to bottom,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#333333',    endColorstr='#111111', GradientType=0 );

}
DIV#evt > DIV#hdrplate > DIV#date {
 font-size: 9pt;
 color: #FFFFFF;
}
DIV#evt > DIV#hdrplate > DIV#hdr > A{
  font-family: Caudex, 'Open Sans', sans-serif;
  color: #DFC961;
  font-weight: bold;
  font-size: 14pt;
  text-decoration: none;
}
DIV#evt > DIV#hdrplate > DIV#hdr > A:hover {
  font-family: Caudex, 'Open Sans', sans-serif;
  color: #BBAA55;
  font-weight: bold;
  font-size: 14pt;
  text-decoration: none;
}

DIV#evt > DIV#body {
 font-size: 10pt;
 height: 213px;
 overflow: auto; 
 padding: 10px;
}

DIV#evthdr {
  padding: 5px 10px;
  border-top: 1px solid rgba(255,255,255,0.5);
  border-bottom: 1px solid rgba(0,0,0,0.5);
                                                                                          background: rgba(0,75,75, 0.5);
                                     background: -moz-linear-gradient(top,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,75,75, 0.5)), color-stop(100%,rgba(25,25,25,0.5)));
                                  background: -webkit-linear-gradient(top,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
                                       background: -o-linear-gradient(top,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
                                      background: -ms-linear-gradient(top,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
                                    background: linear-gradient(to bottom,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#333333',    endColorstr='#111111', GradientType=0 );
  font-family: Caudex, 'Open Sans', sans-serif;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 10pt;
  text-decoration: none;
}


DIV#boxfeature {
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  border: 1px solid #BBAA55;
}

DIV#boxheader {
    -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: 1px solid #BBAA55;
}
DIV#boxtitle {
  text-align: center;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.2);
  padding: 5px 10px;
                                                                                          background: #111111;
                                     background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                  background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                       background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                    background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
  
}
DIV#boxtitle > A {
    font-family: Caudex, 'Open Sans', sans-serif;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12pt;
  text-decoration: none;
}

DIV.forumhdr {
  border-top: 1px solid rgba(255,255,255,0.2);
                                                                                          background: #111111;
                                     background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                  background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                       background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                    background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
  padding: 5px 10px;
  text-align: left;
  font-family: Caudex, 'Open Sans', sans-serif;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 10pt;
  text-decoration: none;
  
}

DIV#boxbuttons {
  border-top: 1px solid rgba(255,255,255,0.2);
                                                                                          background: #002200;
                                     background: -moz-linear-gradient(top,  #003300 0%,               #002200 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003300), color-stop(100%,#002200));
                                  background: -webkit-linear-gradient(top,  #003300 0%,               #002200 100%);
                                       background: -o-linear-gradient(top,  #003300 0%,               #002200 100%);
                                      background: -ms-linear-gradient(top,  #003300 0%,               #002200 100%);
                                    background: linear-gradient(to bottom,  #003300 0%,               #002200 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#003300',    endColorstr='#002200', GradientType=0 );
  padding: 5px 10px;
  text-align: center;
  -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
  font-family: Caudex, 'Open Sans', sans-serif;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 9pt;
  text-decoration: none;

}
DIV#boxbuttons > A {
  font-family: Caudex, 'Open Sans', sans-serif;
  color: #EEDD77;
  font-weight: bold;
  font-size: 9pt;
  text-decoration: none;
}

DIV#smblock {
  width: 120px;
  display: inline-block;
  margin: 5px auto;
  vertical-align: top;
}
DIV#smblock > DIV#smgame {
 margin: 5px; 
 border: 1px solid #CCC08B;
 -moz-box-shadow:    0px 0px 5px 6px #000000;
   -webkit-box-shadow: 0px 0px 5px 6px #000000;
   box-shadow:         0px 0px 5px 6px #000000;
   -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
DIV#smblock > DIV#smgame > DIV#smlogo {
  max-width: 120px;
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;

                                                                                        background: #EEEEEE;
                                   background: -moz-linear-gradient(top,  #FFFFFF 0%,               #EEEEEE 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE));
                                background: -webkit-linear-gradient(top,  #FFFFFF 0%,               #EEEEEE 100%);
                                     background: -o-linear-gradient(top,  #FFFFFF 0%,               #EEEEEE 100%);
                                    background: -ms-linear-gradient(top,  #FFFFFF 0%,               #EEEEEE 100%);
                                  background: linear-gradient(to bottom,  #FFFFFF 0%,               #EEEEEE 100%);
filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#FFFFFF',    endColorstr='#EEEEEE', GradientType=0 );
padding: 10px;

  border-bottom: 1px solid #000000;
}
DIV#smblock > DIV#smgame > DIV#smbottomname {
                                                                                          background: #113311;
                                     background: -moz-linear-gradient(top,  #224422 0%,               #113311 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#224422), color-stop(100%,#113311));
                                  background: -webkit-linear-gradient(top,  #224422 0%,               #113311 100%);
                                       background: -o-linear-gradient(top,  #224422 0%,               #113311 100%);
                                      background: -ms-linear-gradient(top,  #224422 0%,               #113311 100%);
                                    background: linear-gradient(to bottom,  #224422 0%,               #113311 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#224422',    endColorstr='#113311', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
min-height: 25px;
  
}
DIV#smblock DIV#smgame DIV#smbottomname A {
  font-size: 7pt; 
  font-family: Caudex, serif;
  font-weight: bold;
  color: #FFFFFF;
}

DIV#smblock DIV#smgame DIV#join {font-size: 7pt;
  font-family: Caudex, serif;
  display: block; 
                                                                                          background: #111111;
                                     background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                  background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                       background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                    background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-right: 1px solid rgba(0,0,0,0.8);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
DIV#smblock DIV#smgame DIV#join:hover {font-size: 7pt;
  font-family: Caudex, serif;
  display: block; 
                                                                                          background: #113311;
                                     background: -moz-linear-gradient(top,  #224422 0%,               #113311 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#224422), color-stop(100%,#113311));
                                  background: -webkit-linear-gradient(top,  #224422 0%,               #113311 100%);
                                       background: -o-linear-gradient(top,  #224422 0%,               #113311 100%);
                                      background: -ms-linear-gradient(top,  #224422 0%,               #113311 100%);
                                    background: linear-gradient(to bottom,  #224422 0%,               #113311 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#224422',    endColorstr='#113311', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-right: 1px solid rgba(0,0,0,0.8);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
DIV#smblock DIV#smgame DIV#leave {
  font-size: 7pt;
  font-family: Caudex, serif;
  display: block; 
                                                                                          background: #001100;
                                     background: -moz-linear-gradient(top,  #002200 0%,               #001100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002200), color-stop(100%,#001100));
                                  background: -webkit-linear-gradient(top,  #002200 0%,               #001100 100%);
                                       background: -o-linear-gradient(top,  #002200 0%,               #001100 100%);
                                      background: -ms-linear-gradient(top,  #002200 0%,               #001100 100%);
                                    background: linear-gradient(to bottom,  #002200 0%,               #001100 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#002200',    endColorstr='#001100', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-right: 1px solid rgba(0,0,0,0.8);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
DIV#smblock DIV#smgame DIV#leave:hover {
font-size: 7pt;
  font-family: Caudex, serif;
  display: block; 
  color: #FFFFFF;
                                                                                          background: #330000;
                                     background: -moz-linear-gradient(top,  #440000 0%,               #330000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#440000), color-stop(100%,#330000));
                                  background: -webkit-linear-gradient(top,  #440000 0%,               #330000 100%);
                                       background: -o-linear-gradient(top,  #440000 0%,               #330000 100%);
                                      background: -ms-linear-gradient(top,  #440000 0%,               #330000 100%);
                                    background: linear-gradient(to bottom,  #440000 0%,               #330000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#440000',    endColorstr='#330000', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-right: 1px solid rgba(0,0,0,0.8);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}


#gaisciochbgcolor {   border-left: 2px solid rgba(34, 170, 51, 0.5); background: url("/images/game_gaisc.png") no-repeat; background-position: 10px 50%; padding-left: 25px; }

H2#section {
  margin-top: 20px; margin-bottom: 10px; border-bottom: 5px solid rgba(100,100,100,0.2);
}
H2#section A {
  color: #FFFFFF; text-decoration: none;
}
h1#headerrow {
  margin: 20px 0px;
  font-size: 20pt; background-color: rgba(0,150,0, 0.2); padding: 10px 20px; border-bottom: 5px solid rgba(255,255,255,0.1);
}
h1#headerrow A {
  text-decoration: none; color: #FFFFFF; 
}


DIV#featureart {

}
DIV#featurecontent {
                                                                                          background: #111111;
                                     background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                  background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                       background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                    background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
  text-align: center;
  color: rgba(255,255,255, 0.2);
  margin: -4px 0px 5px 0px;
  min-height: 80px;
  display: table; 
  width: 100%;
}

DIV#featurecontent > DIV {
  display: table-cell; vertical-align: middle; text-align: center; padding: 10px 20px; width: 100%; line-height: 125%;
}
DIV#featurecontent > DIV > SPAN {
   font-size: 8pt; color: #AAAAAA;
}
DIV#featurecontent > DIV > A {
  font-family: Caudex, serif; font-size: 12pt; color: #FFFFFF; text-decoration: none;  line-height: 125%
}


ul#newslist {
 list-style: none;
 margin: 0px 0px 20px 0px; padding: 0px;
}


ul#newslist LI B {
  font-size: 10pt;
  color: #009900;
}
ul#newslist LI {
  font-size: 9pt;
 padding: 5px 10px;
 border-bottom: 1px solid rgba(255,255,255,0.2);
 min-height: 35px;
}
ul#newslist UL LI {
  font-size: 9pt;
 padding: 2px 20px;
 border-bottom: 1px solid rgba(255,255,255,0.2);
}
ul#newslist UL LI:hover {
  
 padding: 2px 20px;
 border-bottom: 1px solid rgba(255,255,255,0.3);
}

ul#newslist LI:hover {
  
 padding: 5px 10px;
 border-bottom: 1px solid rgba(255,255,255,0.3);
}
ul#newslist LI A {
  font-family:  'Open Sans', sans-serif;
  font-size: 9pt;
  color: #DDDDDD;
  text-decoration: none;
}
ul#newslist LI:hover A {
  font-family:  'Open Sans', sans-serif;
  font-size: 9pt;
  color: #009900;
  text-decoration: none;
}

ul#newslist LI:last-child, 
ul#newslist UL LI:last-child, 
ul#newslist UL LI:last-child:hover, 
ul#newslist LI:last-child:hover 
{ border-bottom: none; }

ul#newslist LI#s {
 padding: 2px 10px;
 border-bottom: 1px solid rgba(255,255,255,0.2);
 background-color: rgba(255,255,255,0.1);
}

ul#newslist LI#s A {
      font-family: 'Open Sans', sans-serif;
        font-size: 9pt;
      font-weight: bold;
            color: #009900;
  text-decoration: none;
 }
 
 UL#newtabs {
   border-top: 1px solid #333333; border-bottom: 1px solid #000000; padding: 0px;
                                                                                           background: #111111;
                                      background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                   background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                        background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                       background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                     background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
    -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
 }
 
 UL#newtabs LI {
                        font-family: Caudex, Verdana, geneva, futura;
                        font-size: 10pt;
                        display: inline;
                        list-style-type: none;
                        list-style: none;
                        background: none;
                        font-weight: normal;
                        padding: 5px 10px;
                        color: #888888;
                        margin: 0px;
 }

#fcyon, #fcyoff:hover { 
  padding: 2px 5px;
                                                                                            background: #004400;
                                       background: -moz-linear-gradient(top,  #006600 0%,               #004400 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006600), color-stop(100%,#004400));
                                    background: -webkit-linear-gradient(top,  #006600 0%,               #004400 100%);
                                         background: -o-linear-gradient(top,  #006600 0%,               #004400 100%);
                                        background: -ms-linear-gradient(top,  #006600 0%,               #004400 100%);
                                      background: linear-gradient(to bottom,  #006600 0%,               #004400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#006600',    endColorstr='#004400', GradientType=0 );  
    border: 1px outset rgba(200,200,200,0.5);
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 25%;
   -moz-border-radius: 25%;
   border-radius: 25%;
   margin: 2px;
}

#fcyoff {
  padding: 2px 5px;
                                                                                            background: #111111;
                                       background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                    background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                         background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                        background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );  
    border: 1px outset #333333;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 25%;
   -moz-border-radius: 25%;
   border-radius: 25%;
   margin: 2px;
}

/* FANCY FORMS */
FORM#mentorform INPUT, 
FORM#mentorform TEXTAREA {
    background-color: rgba(255,255,255, 0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	color: #333;
	width: 100%;
	border: 1px solid #333;
    padding: 5px;
}


DIV#intronav {

}
DIV#intronav > DIV#buttonbar {

  padding: 10px 15px;
                                                                                            background: #111111;
                                       background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                    background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                         background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                        background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
    border: 1px outset #333333;
   text-shadow: 1px 1px 3px #000000;
   margin: 1px 0px 1px 0px;
   text-align: center
}
DIV#intronav > DIV#buttonbar > A {

  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
}
DIV#headerblock > h2 {
  font-family: Caudex, Verdana, geneva, futura; font-size: 20pt; text-decoration: none; font-weight: normal; color: #CCBB66;
  text-align: center;
  border: none;

}
DIV#headerblock > P {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: normal; color: #FFFFFF;
  text-align: center;
}
DIV#contentblock P {
  font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: normal; color: #FFFFFF; min-height: 120px; margin: 10px 20px;
}
DIV#img {
  background-color: rgba(0,0,0,0.7);
  border-top: 1px solid rgba(0,0,0,0.8);
  width: 100%;
  min-height: 100px;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
DIV#contentblock DIV#actionbar {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
  clear: both;
}


DIV.gschmagnote {
  width: 150px;
  position: fixed;
  bottom: 0px;
  right: 25px;
  z-index: 100;
}
DIV.gschmagnote > DIV.header {
  width: 120px; height: 20px; background-color:  rgba(234, 111, 67, .9); color: #FFFFFF; font-size: 9pt; font-family: caudex, serif;
  padding: 5px;
  text-align: center;
  -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
DIV.gschmagnote > DIV.header > I {
color: #FFFFFF; font-size: 10pt;
}

DIV.gschmagnote > DIV.detail {
    display: none; visibility: hidden;
}
DIV.gschmagnote:hover > DIV.detail {
    display: block; visibility: visible;
    width: 150px;
    background-color: rgba(234, 111, 67, .9); color: #FFFFFF; font-size: 12pt;
    padding: 5px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
}
DIV.gschmagnote:hover > DIV.detail > TABLE > TR > TD, DIV.gschmagnote:hover > DIV.detail > TABLE > TR > TD > A {
 color: #FFFFFF; font-size: 9pt; font-family: caudex, serif;
}


DIV.eldernote {
  width: 150px;
  position: fixed;
  bottom: 0px;
  right: 200px;
  z-index: 100;
}
DIV.eldernote > DIV.header {
  width: 130px; height: 20px; background-color:  rgba(11, 131, 41, 0.9); color: #FFFFFF; font-size: 9pt; font-family: caudex, serif;
  padding: 5px;
  text-align: center;
  -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
DIV.eldernote > DIV.header > I {
color: #FFFFFF; font-size: 10pt;
}

DIV.eldernote > DIV.detail {
    display: none; visibility: hidden;
}
DIV.eldernote:hover > DIV.detail {
    display: block; visibility: visible;
    width: 150px;
    background-color: rgba(11, 131, 41, 0.9); color: #FFFFFF; font-size: 12pt;
    padding: 5px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
}
DIV.eldernote:hover > DIV.detail > TABLE > TR > TD, DIV.eldernote:hover > DIV.detail > TABLE > TR > TD > A {
 color: #FFFFFF; font-size: 9pt; font-family: caudex, serif;
}


DIV#prizebox {
  background-color: rgba(50,50,50, 0.2);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222222), to(#111111));
     background-image: -webkit-linear-gradient(top, #222222, #111111);
     background-image: -moz-linear-gradient(top, #222222, #111111);
     background-image: -ms-linear-gradient(top, #222222, #111111);
     background-image: -o-linear-gradient(top, #222222, #111111);
     border: 1px solid #DDCC66;
       -moz-border-radius: 7px;
       border-radius: 7px;
    -webkit-box-shadow: 0 0 15px #000000;
       -moz-box-shadow: 0 0 15px #000000;
            box-shadow: 0 0 15px #000000;
    color: #FFFFFF;     
    font-size: 7pt;
    margin: 5px;
}

DIV#fifth.sfp { width: 50%; }

DIV#prizebox > IMG {  }

DIV#prize.title { 
	font-family: Caudex, Helvetica, futura; font-size: 12pt; color: #EEDD77; margin: 5px 10px; font-weight: bold;
}
DIV#prize.description { 
	font-family: Caudex, Helvetica, futura; font-size: 10pt; color: #FFFFFF; margin: 5px 10px; min-height: 55px;
}
DIV#prize.descriptionsm { 
	font-family: Caudex, Helvetica, futura; font-size: 10pt; color: #FFFFFF; margin: 5px 10px;
    }
 DIV#prize.note { 
	font-family: Caudex, Helvetica, futura; font-size: 8pt; color: #AAAAAA; margin: 5px 10px;
}

DIV.chartbg {
    max-width: 970px;
    text-align: left;
    background-color: #111111;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#333333));
    background-image: -webkit-linear-gradient(top, #111111, #333333);
    background-image: -moz-linear-gradient(top, #111111, #333333);
    background-image: -ms-linear-gradient(top, #111111, #333333);
    background-image: -o-linear-gradient(top, #111111, #333333);
    box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
    -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
    -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px outset #FFFFFF;
    height: 25px;
    margin-top: 10px; margin-bottom: 10px;
}
DIV.chart {

    background-color: #D9C554;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D9C554), to(#AA9944));
    background-image: -webkit-linear-gradient(top, #D9C554, #AA9944);
    background-image: -moz-linear-gradient(top, #D9C554, #AA9944);
    background-image: -ms-linear-gradient(top, #D9C554, #AA9944);
    background-image: -o-linear-gradient(top, #D9C554, #AA9944);
    border-radius: 4px;
    border: 1px outset #AA9944;
    height: 23px;
    text-align: left;
}

DIV.chartrank {
    float: left;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 1px 1px 3px #000000;
    margin-left: -5px;
    margin-top: -5px;
    background-color: #111111;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
    background-image: -webkit-linear-gradient(top, #333333, #111111);
    background-image: -moz-linear-gradient(top, #333333, #111111);
    background-image: -ms-linear-gradient(top, #333333, #111111);
    background-image: -o-linear-gradient(top, #333333, #111111);
    border: 1px outset #FFFFFF;
    padding: 7px 6px 5px 6px;
    min-width: 20px;
    min-height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius:  50%;
    border-radius:  50%;
    z-index: 10;
    box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
    -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
    -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
}
DIV.charttext {
    float: right;
    font-size: 9pt;
    color: #FFFFFF;
    text-shadow: 1px 1px 3px #000000;
    margin: 5px;
    z-index: 10;
}
DIV.chartoverlay { background-image: url('/images/ticks_overlay.png'); background-size: cover; z-index: 5; width: 100%; }
table#selector TR TD B { font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #CCBB66; }
.gameselect img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
  text-align: center
  
}

.gameselect:hover img, .gameselect img.selected {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
  text-align: center
  
}

.searchbar {
    margin: 0px auto;
    width: 100%; max-width: 760px;
  font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; color: #FFFFFF;
    padding: 2px 5px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #444444;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   }
   UL#eventitems { list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px; }
UL#eventitems LI { border-bottom: 1px solid #222222; color: #AAAAAA; padding: 5px; }
UL#eventitems LI:last-child { border-bottom: none; }

TABLE#sectionbox TD {
  background-image: url(/images/sectionbox-bg.png);
  background-position: bottom;
  background-repeat: repeat-x;
  border: 1px outset #222222;
}
TABLE#sectionbox TD DIV#header{
  background-image: url(/images/sectionbox-hdr.png);
  background-repeat: repeat-x;
  height: 30px;
  font-size: 12pt;
  color: #FFFFFF;
  font-weight: bold;
  padding: 5px 10px;
}

TABLE#sectionbox TD DIV#header A{
  color: #FFFFFF;
  text-decoration: none;
}
TABLE#sectionbox TD DIV#content{
  font-size: 9pt;
  color: #FFFFFF;
  padding: 10px;
}

#guidewrap input{
    width: 130px;
    font-size: 8pt;
    line-height: 10pt;
    color:#FFFFFF;
    padding: 5px 5px 5px 35px;
    border: 1px solid #888888;
    background: #000000 url('/images/form_search_bg.gif');
}
#guidewrap input:focus{
    width: 130px;
    font-size: 8pt;
    line-height: 10pt;
    color:#FFFFFF;
    padding: 5px 5px 5px 35px;
    border: 1px solid #888888;
    background: #003300 url('/images/form_search_bg-focus.gif');
}
#wartitle{
    width:250px;
    border:solid 1px #888888;
    display:none;
	position: absolute;
	z-index: 100;
    background-color: #000000;
}


TABLE#failte {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66  !important;
   text-shadow: 1px 1px 3px #000000 !important;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-border-radius: 5px !important;
   -moz-border-radius: 5px !important;
   border-radius: 5px !important;
   margin: 10px 0px;
   width: 100%;
}
TABLE#failte TR#header TH {
  background-color: rgba(0,50,0, 0.5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,75,0, 0.5)), to(rgba(0,25,0,0.5)));
  background-image: -webkit-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -moz-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -ms-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -o-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  padding: 10px 15px;
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 16pt !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid #555555;
}
TABLE#failte TR#footer TH {
  background-color: rgba(0,0,0, 0.5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(25,25,25, 0.5)), to(rgba(0,0,0,0.5)));
  background-image: -webkit-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -moz-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -ms-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -o-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  padding: 10px 15px;
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 12pt !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-top: 1px solid rgba(255,255,255,0.2);
}
TABLE#failte TR#header TH small {
   font-size: 10pt; color: #DDDDDD;
}
TABLE#failte TR TH:first-child {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}
TABLE#failte TR TH:last-child {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}

TABLE#failte TR TD {
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 10pt !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
  padding: 10px 10px;
}
TABLE#failte TR TD A {
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 12pt; color: #CCBB66; font-weight: bold;
}
TABLE#failte TR TD B {
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 10pt; color: #CCBB66; font-weight: bold;
}
TABLE#failte TR TD SMALL {
  font-family: Tahoma, Geneva, Futura; font-size: 7pt; color: #888888; font-weight: normal;
}
TABLE#failte TR TD#h { color: #CCBB66; font-weight: bold; font-size: 10pt; }

TABLE#failte input[type=text], TABLE#failte textarea {
    background: none; background-color: rgba(255,255,255,0.1); border: none; border-bottom: 1px solid rgba(255,255,255,.3);font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; color: #CCBB66; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: -4px;
}
TABLE#failte input[type=text]:focus, TABLE#failte textarea:focus  { background-color: rgba(100,255,130,0.1); }


TABLE#failte input[type=submit]  {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   width: auto;
}

TABLE#failte input[type=submit]:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,195,0, 0.3)), to(rgba(0,101,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   width: auto;
}

@import url(//fonts.googleapis.com/css?family=Uncial+Antiqua|Caudex);
/* Process Custom */
@import url(//www.gaiscioch.com/css/gw2.css);
@import url(//www.gaiscioch.com/css/rift.css);
@import url(//www.gaiscioch.com/css/eso.css);
@import url(//www.gaiscioch.com/css/war.css);
@import url(//www.gaiscioch.com/css/gsch.css);


@font-face {
	font-family: 'Gaiscioch';
	src: url('/css/gaiscioch.eot');
	src: local('☺'), url('/css/gaiscioch.woff') format('woff'), url('/css/gaiscioch.ttf') format('truetype');
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

BODY
	{
	background-image: url(/images/faded-bg.gif);
	color: #FFFFEE;
	font-family: Caudex, Arial, Helvetica, futura;
	font-size: 10pt;
	}

A {
  text-decoration: none; font-weight: normal; color: #FFEE88;
}
A:hover {
  color: #DDCC77; font-weight: normal;
}


DIV#mainnavigation {
	background-image: url(/images/gui/nav_bgloop-new.jpg);
    background-repeat: repeat-x;
    text-align: center;
    height: 150px;
}

#guardian,.guardian { color: #3399CC; }
#defiant,.defiant { color: #FF2211; }
#football,.football { color: #BBBBBB; }
#cooperative,.cooperative { color: #22AA33; }
#gaiscioch,.gaiscioch { color: #CC33CC; }

A#pion,A.pion,span.pion,span#pion  { color: #CC99FF; }

A#social,A.social,span.social,span#social, #silver  { color: #9784EB; }
A#social:hover,A.social:hover, #silver:hover { color: #846EE7; }

#game_gaiscioch_on { background-image: url('/images/gui/gaiscioch_mini.png'); background-repeat: no-repeat; }
#game_gaiscioch { background-image: url('/images/gui/gaiscioch_mini_off.png'); background-repeat: no-repeat; }
#game_gaiscioch:hover { background-image: url('/images/gui/gaiscioch_mini.png'); background-repeat: no-repeat; }




#game_football_on { background-image: url('/images/gui/football_mini.png'); background-repeat: no-repeat; }
#game_football { background-image: url('/images/gui/football_mini_off.png'); background-repeat: no-repeat; }
#game_football:hover { background-image: url('/images/gui/football_mini.png'); background-repeat: no-repeat; }

#request A {
  font-family: Caudex, Verdana, geneva, futura; font-size: 16pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 10px 25px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

#request A:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 16pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 10px 25px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,195,0, 0.3)), to(rgba(0,101,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

A#fancybutton, button#fancybutton, INPUT#fancybutton {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; line-height: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   white-space: nowrap;
   margin: 5px;
}
A#fancybutton:hover, button#fancybutton:hover, INPUT#fancybutton:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt;  line-height: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,195,0, 0.3)), to(rgba(0,101,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   white-space: nowrap;
   margin: 5px;
}
@media screen and (max-width: 598px)  {

A#fancybutton, button#fancybutton, INPUT#fancybutton,
A#fancybutton:hover, button#fancybutton:hover, INPUT#fancybutton:hover {
  font-size: 10pt;
}
}
A#fancybuttonsm, INPUT#fancybuttonsm, DIV#fancybuttonsm {
  font-family: Caudex, Verdana, geneva, futura; font-size: 8pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

A#fancybuttonsm:hover, INPUT#fancybuttonsm:hover, DIV#fancybuttonsm:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 8pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,195,0, 0.3)), to(rgba(0,101,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

A#fancybuttonsm > span {
    display: none;
}
A#fancybuttonsm:hover > span {
    display: inline-block;
}

A#fancygreenbutton {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,150,0, 0.3)), to(rgba(0,9,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,150,0, 0.3), rgba(0,90,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,150,0, 0.3), rgba(0,90,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,150,0, 0.3), rgba(0,90,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,150,0, 0.3), rgba(0,90,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

A#fancygreenbutton:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,195,0, 0.3)), to(rgba(0,101,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

A#fancyredbutton {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(90,0,0, 0.3)), to(rgba(60,0,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(90,0,0, 0.3), rgba(60,0,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(90,0,0, 0.3), rgba(60,0,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(90,0,0, 0.3), rgba(60,0,0,0.3));
   background-image: -o-linear-gradient(top, rgba(90,0,0, 0.3), rgba(60,0,0,0.3));
   border: 1px outset #880000;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

A#fancyredbutton:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(100,0,0, 0.3)), to(rgba(70,0,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(100,0,0, 0.3), rgba(70,0,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(100,0,0, 0.3), rgba(70,0,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(100,0,0, 0.3), rgba(70,0,0,0.3));
   background-image: -o-linear-gradient(top, rgba(100,0,0, 0.3), rgba(70,0,0,0.3));
   border: 1px outset #AA0000;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

DIV#gamekey {
  font-family: "Courier New", Courier, monospace; font-size: 24pt; text-decoration: none; font-weight: bold; color: #FFFFFF;
  padding: 10px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   width: auto;

   max-width: 450px;
   text-align: center;
   margin: 20px 0px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;

}
DIV#gamekey B {
 font-family: Caudex, Verdana, geneva, futura; font-size: 16pt; color: #CCBB66;
}

#topbar {
     background-color: rgba(50,50,50, 0.2);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#000000));
     background-image: -webkit-linear-gradient(top, #111111, #000000);
     background-image: -moz-linear-gradient(top, #111111, #000000);
     background-image: -ms-linear-gradient(top, #111111, #000000);
     background-image: -o-linear-gradient(top, #111111, #000000);
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  padding: 2px;
  border-bottom: 1px solid #444444;
  box-shadow: rgba(0,0,0, 0.7) 0px 2px 8px;
  -moz-box-shadow: rgba(0,0,0, 0.7) 0px 2px 8px;
  -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 2px 8px;
}
#topbar TABLE#topnav TD{
 padding: 0px;
}
#topbar TABLE#topnav TD#topnavitem DIV{
  visibility:hidden;
  position: absolute;
}
#topbar TABLE#topnav TD#topnavitem {
 padding: 0px 10px;
}
#topbar TABLE#topnav TD#topnavitem:hover {
 background-color: rgba(255,255,255,0.1);
 padding: 0px 10px;
}

#topbar TABLE#topnav TD#topnavitem:hover DIV, #topbar TABLE#topnav TD#topnavitem DIV:hover {
  float:left;
  position:absolute;
  visibility:visible;
  z-index: 100;
  width: 200px;
  height: auto;
  border-bottom: 1px solid #444444;
  border-left: 1px solid #444444;
  border-right: 1px solid #444444;
  background-image: url(/images/bg_e_backdrop.gif);
  text-align: left;
  margin-top: 5px;
  margin-left: -10px;
  padding: 5px;
}
#topbar TABLE#topnav TD.total {
                                                                                        background: #110E08;
                                   background: -moz-linear-gradient(top,  #362D17 0%,               #110E08 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#362D17), color-stop(100%,#110E08));
                                background: -webkit-linear-gradient(top,  #362D17 0%,               #110E08 100%);
                                     background: -o-linear-gradient(top,  #362D17 0%,               #110E08 100%);
                                    background: -ms-linear-gradient(top,  #362D17 0%,               #110E08 100%);
                                  background: linear-gradient(to bottom,  #362D17 0%,               #110E08 100%);
filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#362D17',    endColorstr='#110E08', GradientType=0 );
}
#topbar TABLE#topnav TD.primary {
                                                                                        background: #081209;
                                   background: -moz-linear-gradient(top,  #17361B 0%,               #081209 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#17361B), color-stop(100%,#081209));
                                background: -webkit-linear-gradient(top,  #17361B 0%,               #081209 100%);
                                     background: -o-linear-gradient(top,  #17361B 0%,               #081209 100%);
                                    background: -ms-linear-gradient(top,  #17361B 0%,               #081209 100%);
                                  background: linear-gradient(to bottom,  #17361B 0%,               #081209 100%);
filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#17361B',    endColorstr='#081209', GradientType=0 );
}
#topbar TABLE#topnav TD.secondary {
                                                                                        background: #0C0812;
                                   background: -moz-linear-gradient(top,  #251736 0%,               #0C0812 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#251736), color-stop(100%,#0C0812));
                                background: -webkit-linear-gradient(top,  #251736 0%,               #0C0812 100%);
                                     background: -o-linear-gradient(top,  #251736 0%,               #0C0812 100%);
                                    background: -ms-linear-gradient(top,  #251736 0%,               #0C0812 100%);
                                  background: linear-gradient(to bottom,  #251736 0%,               #0C0812 100%);
filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#251736',    endColorstr='#0C0812', GradientType=0 );
}


#topbar TABLE#topnav TD span{
  visibility:hidden;
  position: absolute;
}
#topbar TABLE#topnav TD:hover span{
  position: relative;
  visibility:visible;
}
TD#topnavitem:hover DIV UL{
 list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;
}

TD#topnavitem:hover DIV UL LI{
  font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 10px; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; border-top: 1px dotted #666666;
}
TD#topnavitem:hover DIV B {
  color: #EEDD77;
}

TD#topnavitem:hover DIV UL LI A {
  font-size: 10px; text-decoration: none; font-weight: bold; color: #CCCCCC;
}
TD#topnavitem:hover DIV UL LI A:hover {
  font-size: 10px; text-decoration: none; font-weight: bold; color: #FFEE88;
}


TD#subnav {
  font-size: 8pt;
  font-family: Caudex, Verdana, geneva, futura;
  text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
  color: #CCCCCC;
  vertical-align: middle;
  padding: 15px;
}
TD#subnav A {
  font-family: Caudex, Verdana, geneva, futura;
  font-size: 12pt;
  color: #BBAA66;
  vertical-align: middle;
}
TD#subnav:hover A {
  font-family: Caudex, Verdana, geneva, futura;
  font-size: 12pt;
  color: #FFEE88;
  vertical-align: middle;
}
TD#subnav div#navcontent {
  visibility:hidden;
  position: absolute;
  z-index: 999;
}

TD#subnav:hover div#navcontent, TD#subnav div#navcontent:hover {
  visibility: visible;
  display: block;
  background-color: #000000;
  background-color: rgba(0,0,0,0.9);
  border-left: 1px solid #444444;
  border-right: 1px solid #444444;
  border-bottom: 1px solid #444444;
  box-shadow: rgba(0,0,0, 0.7) 0px 0px 8px;
  -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 8px;
  -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 8px;
  margin-top: 11px;
  margin-left: -15px;
  width: 200px;
  padding: 5px;
}
TD#subnav:hover div#navcontent B A {
  color: #BBAA66;
}
TD#subnav:hover div#navcontent B {
    font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; color: #BBAA66;
}
TD#subnav:hover div#navcontent P {
    font-family: Verdana, geneva, futura; font-size: 8pt; color: #AAAAAA; padding: 5px; margin: 5px 0px; border-bottom: 1px solid #444444;
}
TD#subnav:hover div#navcontent UL{ list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;}
TD#subnav:hover div#navcontent UL UL { list-style-type: none; padding-left: 0px; margin-left: 10px; margin-top: 2px;}
TD#subnav:hover div#navcontent UL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 7pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; }
TD#subnav:hover div#navcontent UL LI A { font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #CCC; }
TD#subnav:hover div#navcontent UL LI.epic A:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #FFEE88; }
TD#subnav:hover div#navcontent LI A:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #FFEE88; }




TD#sectionnav {
  margin: 0;
  padding: 0;
  list-style-type: none;
  left:auto;
}
UL#sectionnav LI {
  margin:0 5px 0 0;
  display: inline;
  padding: 0;
  list-style-type: none;
  float: left;
  position: relative;
}
TD#sectionnav:hover {
  background-image: url(/images/gui/gamenav_bg_green.png);
}

TD#sectionnav DIV {
  visibility: hidden;
  position: absolute;
}
TD#sectionnav:hover DIV {
  float: right;
  right: auto;
  position: absolute;
  list-style: none;
  visibility: visible;
  display: block;
  z-index: 100;
  width: auto;
  max-width: 400px;
  min-width: 140px;
  height: auto;
  padding: 5px;
  border-bottom: 1px solid #444444;
  border-left: 1px solid #444444;
  border-right: 1px solid #444444;
  background: repeat-x top center url(/images/gui/dropnav.jpg);
  text-align: left;
}


TD#sectionnav:hover DIV UL{
 list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;
}

TD#sectionnav:hover DIV UL LI{
  font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 10px; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; border-top: 1px dotted #666666;
}
TD#sectionnav:hover DIV B {
  color: #EEDD77;
}

TD#sectionnav:hover DIV UL LI A {
  font-size: 10px; text-decoration: none; font-weight: bold; color: #CCCCCC;
}
TD#sectionnav:hover DIV UL LI A:hover {
  font-size: 10px; text-decoration: none; font-weight: bold; color: #FFEE88;
}




.accountcontrols {
    font-size: 7pt;
	font-family: Tahoma, Verdana, Geneva, Futura;
    padding: 5px;
    border-bottom: 1px dotted #FFEECC;
    margin-bottom: 5px;
}

TABLE#tabs TH{
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
  background-image: url(/images/tab4_off.png);
  background-color: transparent;
  border-left: 1px solid #666666;
  border-right: 1px solid #333333;
  border-top: 1px solid #666666;
  padding: 1px 15px;
  height: 30px;
  font-size: 8pt;
}
TABLE#tabs TH#selected{
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
  background-image: url(/images/tab4_on.png);
  border-left: 1px solid #666666;
  border-right: 1px solid #333333;
  border-top: 1px solid #666666;
  padding: 1px 15px;
  height: 30px;
  font-size: 8pt;
}
TABLE#tabs TH:hover{
  background-image: url(/images/tab4_off.png);
  background-color: #002200;
  border-left: 1px solid #666666;
  border-right: 1px solid #333333;
  border-top: 1px solid #666666;
  padding: 1px 15px;
  height: 30px;
  font-size: 8pt;
  cursor: pointer;
  cursor: hand;
}
TR#one TD {
  color: #888888;
}
TR#two TD {
  color: #888888;
}

TR#one TD#n {
	background-image: url(/images/td7.png);
    border-bottom: 1px solid #333333;
  color: #888888;
}

TR#two TD#n {
	background-image: url(/images/spacer.gif);
    border-bottom: 1px solid #333333;
  color: #888888;
}

TR#one TD#f {
	background-image: url(/images/td5o.png);
    border-bottom: 1px solid #333333;
  color: #888888;
}
TR#one TD#s {
	background-image: url(/images/bg-support.png);
    border-bottom: 1px solid #333333;
  color: #888888;
}

TR#two TD#s {
	background-image: url(/images/bg-support2.png);
    border-bottom: 1px solid #333333;
  color: #888888;
}
TR#two TD#f {
	background-image: url(/images/td5.png);
    border-bottom: 1px solid #333333;
  color: #888888;
}

TR#one TD#c {
	background-image: url(/images/td6o.png);
    border-bottom: 1px solid #333333;
  color: #888888;
}

TR#two TD#c {
	background-image: url(/images/td6.png);
    border-bottom: 1px solid #333333;
  color: #888888;
}

 .rankcircle {
  font-family: Arial, Helvetica, futura !important;
  font-size: 7pt; font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  position: absolute;
  text-shadow: none;
  z-index: 50;
  margin-left: -10px;
  margin-top: -3px;
  background-color: #222222;
  border: 1px solid rgba(238, 221, 153, 0.8);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  line-height: 225%;
  float: left;
}
.expbar {
text-align: left;
position: relative;
z-index: 1;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#111111));
background-image: -webkit-linear-gradient(top, #000000, #111111);
background-image: -moz-linear-gradient(top, #000000, #111111);
background-image: -ms-linear-gradient(top, #000000, #111111);
background-image: -o-linear-gradient(top, #000000, #111111);
border-right: 1px solid rgba(150,150,150, 0.2);
border-bottom: 1px solid rgba(150,150,150, 0.2);
border-top: 1px solid rgba(0,0,0, 0.5);
border-left: 1px solid rgba(0,0,0, 0.5);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
height: 16px;
vertical-align: middle;
}
.overshell{
position: relative;
float: right;
z-index: 90;
font-weight: bold;
color: #FFEEAA;
font-size: 7pt;
cursor: default;
padding-right: 3px;
padding-left: 5px;
padding-top: 2px;
background-image: none;
}
.overshell2{
position: relative;
float: left;
z-index: 100;
font-weight: bold;
color: #FFEEAA;
font-size: 7pt;
cursor: default;
padding-right: 5px;
padding-left: 3px;
padding-top: 2px;
background-image: none;
}
.currentexp{
text-align: left;
position: static;
z-index: 5;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#004400), to(#002200));
background-image: -webkit-linear-gradient(top, #004400, #002200);
background-image: -moz-linear-gradient(top, #004400, #002200);
background-image: -ms-linear-gradient(top, #004400, #002200);
background-image: -o-linear-gradient(top, #004400, #002200);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px outset rgba(255,255,255,0.2);
height: 16px;
margin-top: -1px;
vertical-align: middle;
}
.currentcon{
height: 16px;
text-align: left;
position: static;
z-index: 5;
background: url('http://www.gaisciochnaanu.com/images/gexp_bar2.png') top left repeat-x;
}
.newexp{
height: 16px;
float: right;
position: static;
z-index: 10;
background: url('http://www.gaisciochnaanu.com/images/gexp_bar2.png') top left repeat-x;
}
.currentrenown{
height: 16px;
text-align: left;
position: static;
z-index: 2;
background: url('http://www.gaisciochnaanu.com/images/gren_bar.png') top left repeat-x;
}
TEXTAREA {
	background-image: url(/images/textarea.png);
	color: #CCCCCC;
    height: 200px;
	border: 1px solid #333;
    background-color: transparent;
  background-repeat: repeat-x;
}
OPTION.opth1 {
  font-size: 8pt;
  line-height: 125%;
  border-top: 1px solid #003300;
  background-color: #001100;
  border-bottom: 1px solid #000000;
  text-align: center;
  font-weight: bold;
  color: #AAAA77;
  padding: 3px;
}
OPTION.opth2 {
  font-size: 7pt;
  line-height: 125%;
  border-top: 1px solid  #333333;
  background-color: #222222;
  border-bottom: 1px solid  #111111;
  text-align: center;
  font-weight: bold;
  color: #666666;
  padding: 2px;
}

.split {
  border-bottom: 1px dotted #444;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
}

.quote {
  margin: 10px;
  border-left: 10px solid #444;
  padding: 10px;
  font-size: 10pt;
  color: #AAA;
  background-color: #222;
  width: 250px;
  float: right;
}

.testimonial {
  margin: 10px 0px 10px 0px;
  border-left: 10px solid #333;
  border-bottom: 1px solid #333;
  padding: 10px;
  font-size: 10pt;
  color: #AAA;
  background-color: #111;
}

.quote B{
  padding-top: 5px;
  padding-left: 15px;
}

.floatdate {
  font-size: 7pt;
  color: #666;
  float: right;
  padding: 5px;
}

#topichot TD {
  background-color: rgba(0,150,0,.1);
}

#topicspot TD {
  background-color: rgba(150,150,0,.1);
}

I, EM {
  color: #EEDD99;
}

#de {
	background-image: url(http://www.gaisciochnaanu.com/images/dungeonexplorer_bg.png);
    background-repeat: repeat-x;
    background-position: center;
    border: 1px solid #333333;
}
#de TD{
	background-image: url(http://www.gaisciochnaanu.com/images/20b.png);
    border: 1px solid #222222;
}
#de TD B{
  font-family: Garamond, Georgia, 'Times New Roman', times, serif;
  font-size: 12pt;
  color: #dfc961;
}
#de TD P{
  font-family: Arial, Helvetica, Futura, Sans-Serif;
  font-size: 10pt;
  color: #FFFFFF;
}
#de TD H1 SMALL {
  font-size: 10pt;
  color: #FFFFFF;
}

TEXTAREA:focus {
	background-image: url(/images/textarea_active.png);
	color: #CCCCCC;
    height: 200px;
	border: 1px solid #333;
    background-color: transparent;
  background-repeat: repeat-x;
}


INPUT {
     background-color: rgba(50,50,50, 0.2);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#333333));
     background-image: -webkit-linear-gradient(top, #111111, #3333331);
     background-image: -moz-linear-gradient(top, #111111, #333333);
     background-image: -ms-linear-gradient(top, #111111, #333333);
     background-image: -o-linear-gradient(top, #111111, #333333);
	color: #CCCCCC;
	width: 90%;
	border: 1px outset rgba(150,150,150, 0.5);
    padding: 3px;
}
INPUT.none, INPUT.none:focus, INPUT.none:hover {
    border: none; height: auto; width: auto; padding: 0px;
}
INPUT:focus {
     background-color: rgba(50,50,50, 0.2);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#003300), to(#001100));
     background-image: -webkit-linear-gradient(top, #003300, #001100);
     background-image: -moz-linear-gradient(top, #003300, #001100);
     background-image: -ms-linear-gradient(top, #003300, #001100);
     background-image: -o-linear-gradient(top, #003300, #001100);
	color: #CCCCCC;
	width: 90%;
	border: 1px outset rgba(150,150,150, 0.5);
    padding: 3px;
	}

.content {
	background-image: url(/images/bg_e_text.gif);
	color: #AAAAAA;
	border: 1px solid #666666;
}
B {
  color: #EEDD55;
}


.content TD B {
  color: #FFFFAA;
}

.gameplate td A{
	color: #AAAAAA;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Helvetica, futura;
	}
table.gameplate td A:hover {
	color: #FFFFAA;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Helvetica, futura;
	}
div.exptext {
  color: #FFFFAA;
  font-size: 10px;
  font-family: Tahoma, Verdana, Helvetica, futura;
  padding: 0px 5px 0px 5px;
}


div.leftnavitem {
	padding: 0px;
	margin: 0px;
	color: #FFFFAA;
	border: 1px outset #111111;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Helvetica, futura;
	background-color: #111111;
	}
div.leftnavitem:hover {
	padding: 0px;
	margin: 0px;
	color: #FFFFAA;
	border: 1px outset #444444;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Helvetica, futura;
	background-color: #222222;
	}
div.leftnavitem A{
	color: #AAAAAA;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Helvetica, futura;
	}
div.leftnavitem A:hover {
	color: #FFFFAA;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Helvetica, futura;
	}
.submit {
	color: #FFFFAA;
	background-image: url(/images/bg_e_formfield.gif);
    font-weight: bold;
    font-size: 8pt;
	border: 1px solid #000000;
    padding: 3px 10px;
    height: 25px;
    width: auto;
	}
.submit:hover {
	color: #FFFFAA;
	background-image: url(/images/bg_e_formfield_on.gif);
    font-weight: bold;
    font-size: 8pt;
	border: 1px solid #000000;
    padding: 3px;
    height: 25px;
    padding: 3px 10px;
    width: auto;
	}
TD {
	color: #AAAAAA;
	font-family: Verdana, Helvetica, futura;
	font-size: 7pt;
	}
P {
	color: #AAAAAA;
	font-family: Verdana, Helvetica, futura;
	font-size: 7pt;
}


TH
	{
	color: #FFEE88;
	font-family: Verdana, Helvetica, futura;
	font-size: 7pt;
	}

TABLE#wartable TD {
 border: 1px solid #333;
 width: 25px;
 color: #FFEE88;
 font-size: 7pt;
 font-family: Verdana, Helvetica, futura;
 text-align: center;
 padding: 2px;
}


TH.ctitle
	{
	font-family: Verdana, geneva, futura;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}
.cbody
	{
	font-family: verdana, geneva, futura;
	font-size: 7pt;
	color: #AAA;
	text-decoration: none;
	font-weight: normal;
	}

.nav
	{
	color: #BBBBBB;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	}
.nav A { font-size: 8pt; text-decoration: none; font-weight: bold; color: #CCC; }
.nav A:hover { font-size: 8pt; text-decoration: none; font-weight: bold; color: #FFEE88; }


.nav UL{ list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;}
.nav UL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 10px; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; border-top: 1px dotted #666666; }
.nav UL LI A { font-size: 10px; text-decoration: none; font-weight: bold; color: #CCC; }
.nav UL LI.epic A:hover { font-size: 9pt; text-decoration: none; font-weight: bold; color: #FFEE88; }
.nav UL LI A:hover { font-size: 10px; text-decoration: none; font-weight: bold; color: #FFEE88; }
.nav B { color: #EEDD77; }

.nav UL LI.epic { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 10px; background: url(/images/star2.png) no-repeat .1em .3em transparent; color: #AAA; padding: 3px 0px 3px 18px; border-top: 1px dotted #666666; }
.nav UL LI.epic A { font-size: 9pt; text-decoration: none; font-weight: bold; color: #DDCC66; }
.nav OL{ list-style-type: decimal; padding-left: 0px; margin-left: 20px; margin-top: 2px;}
.nav OL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 10px; color: #AAA; padding: 3px 0px 5px 3px; }
.nav OL LI A { font-size: 10px; text-decoration: none; font-weight: bold; color: #CCC; }
.nav OL LI A:hover { font-size: 10px; text-decoration: none; font-weight: bold; color: #FFEE88; }


#contentnav	{ color: #BBBBBB; font-family: Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; }
#contentnav A { font-size: 9pt; text-decoration: none; font-weight: bold; color: #CCC; }
#contentnav A:hover { font-size: 9pt; text-decoration: none; font-weight: bold; color: #FFEE88; }
#contentnav UL{ list-style-type: none; padding-left: 0px; margin-left: 5px; margin-top: 2px;}
#contentnav UL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 9pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; }
#contentnav UL LI A { font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #CCBB66; }
#contentnav UL LI A#s { font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #FFFFFF; }
#contentnav UL LI A:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #FFEE88; }


#contentnav UL UL { list-style-type: none; padding-left: 10px; margin-left: 5px; margin-top: 2px;}
#contentnav UL UL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 8pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; }
#contentnav UL UL LI A { font-family: Caudex, Verdana, geneva, futura; font-size: 8pt; text-decoration: none; font-weight: bold; color: #CCBB66; }
#contentnav UL UL LI A#s { font-family: Caudex, Verdana, geneva, futura; font-size: 8pt; text-decoration: none; font-weight: bold; color: #FFFFFF; }
#contentnav UL UL LI A:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 8pt; text-decoration: none; font-weight: bold; color: #FFEE88; }

#contentnav B { color: #EEDD77; }
#contentnav OL{ list-style-type: decimal; padding-left: 0px; margin-left: 20px; margin-top: 2px;}
#contentnav OL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 9pt; color: #AAA; padding: 3px 0px 5px 3px; }
#contentnav OL LI A { font-size: 9pt; text-decoration: none; font-weight: bold; color: #CCC; }
#contentnav OL LI A:hover { font-size: 9pt; text-decoration: none; font-weight: bold; color: #FFEE88; }

H2 SMALL {
  color: #FFFFFF;
  font-size: 60%;
}

.navh
	{
	color: #BBB;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
    margin-top: 3px;
	}
.navh A { font-size: 8pt; text-decoration: none; font-weight: bold; color: #CCC; }
.navh A:hover { font-size: 8pt; text-decoration: none; font-weight: bold; color: #FFEE88; }


.navh UL{
    border-top: 1px dotted #666666; list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;}
.navh UL LI { display: inline; font-family: Verdana, geneva, futura; font-weight: bold; color: #CCC; line-height: 120%; font-size: 10px; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; padding: 3px 20px 3px 13px; }
.navh UL LI A { font-size: 10px; text-decoration: none; font-weight: bold; color: #CCC; }
.navh UL LI A:hover { font-size: 10px; text-decoration: none; font-weight: bold; color: #FFEE88; }
.navh B { color: #EEDD77; font-size: 11px; }




#journal UL{ list-style-type: none; padding-left: 0px; margin: 10px 0px 10px 0px; }
#journal UL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 9pt; background: url('/images/arrow.gif') no-repeat .1em .6em transparent; color: #CCCCCC; padding: 3px 0px 5px 13px; border-bottom: 1px dotted #888888; margin-bottom: 5px; }
#journal UL LI A { text-decoration: none; font-weight: bold; color: #FFEE88; }
#journal UL LI A:hover { text-decoration: none; font-weight: bold; color: #FFFFFF; }



.maincontent UL{ list-style-type: none; padding-left: 0px; margin: 10px 0px 10px 0px; }
.maincontent UL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 9pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #CCCCCC; padding: 3px 0px 3px 13px; }
.maincontent UL LI A { text-decoration: none; font-weight: bold; color: #FFEE88; }
.maincontent UL LI A:hover { text-decoration: none; font-weight: bold; color: #FFFFFF; }

.maincontent UL#guidelist{ list-style-type: none; padding-left: 0px; margin: 0px 0px 10px 0px; }
.maincontent UL#guidelist LI {  border-bottom: 1px solid #222222; font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 10pt; background: none; color: #CCCCCC; padding: 5px 0px 5px 13px; background-color: transparent; }
.maincontent UL#guidelist LI SMALL { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 8pt;color: #CCCCCC; background-color: transparent; }

.maincontent UL#guidelist LI A { text-decoration: none; font-weight: bold; color: #DDDDDD; }
.maincontent UL#guidelist LI A:hover { text-decoration: none; font-weight: bold; color: #FFEE88; }




TH.wood
	{
	color: #663300;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	font-weight: bold;
	}
TH.wht
	{
	color: #FFFFFF;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	}
TD.wht
	{
	color: #FFFFFF;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	}
.category
	{
	color: #FFEE88;
	font-family: Verdana, Helvetica, futura;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	filter:DropShadow(color=#000000, offx=1, offy=1);
	width:100%;
	}
.category:hover
	{
	color: #88FF88;
	font-family: Verdana, Helvetica, futura;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	filter:DropShadow(color=#000000, offx=1, offy=1);
	width:100%;
	}
.content,PRE,P,LI,UL,OL
	{
	color: #CCC;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	line-height: 12pt;
    padding-top: 0px;
    margin-top: 0px;
	}


.header
	{
	color: #000000;
	font-family: Verdana, Helvetica, futura;
	font-size: 11pt;
	font-weight: bold;
	}
.smheader
	{
	color: #000000;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	font-weight: bold;
	}
H1 SMALL {
	color: #FFFFFF;
	font-family: Georgia, san-serif;
	font-size: 9pt;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 5px;
}
#contentbox {
margin: 20px;
border-bottom: 1px solid #444444;
padding-bottom: 20px;
}

TABLE#pagenav TD {
  font-size: 7pt;
  color: #AAAAAA;
}
TABLE#pagenav TD A{
  font-size: 7pt;
  line-height: 9pt;
  color: #AAAAAA;
  text-decoration: none;
  margin: 0px 5px;
}
TABLE#pagenav TD A:hover{
  font-size: 7pt;
  line-height: 9pt;
  color: #FFEE88;;
  text-decoration: none;
}
TABLE#pagenav TD A.s {
  font-size: 9pt;
  line-height: 9pt;
  color: #FFEE88;
  font-weight: bold;
}

.highlight,h1
	{
	color: rgba(214,195,105,1);
    font-family: 'Uncial Antiqua', Garamond, Georgia, Serif;
    font-size: 26pt;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 5px;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	}
.highlight2,h2
	{
	color: #FFEE88;
	font-family: Caudex, Georgia, san-serif;
	font-size: 16pt;
	font-weight: normal;
    padding-bottom: 0px;
    margin-bottom: 2px;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	}
.error {
  font-size: 8pt;
  font-weight: bold;
  color: #AA0000;
  border: 1px outset #AA0000;
  background-color: #FFDDDD;
  padding: 3px;
  text-align: center;
}

#error {
  font-size: 8pt;
  font-weight: bold;
  color: #AA0000;
  text-align: center;
}

.jumplink {
    font-size: 8pt;
    border-top: 1px solid #002200;
    border-bottom: 1px solid #002200;
    padding: 2px;
    background-color: #001100;
}
.jumplink A{ color: #FFFFFF; }
.jumplink A:hover{ color: #FFEEAA; }


h3
	{
	color: #CCBB66;
    font-family: Caudex, Georgia,  Serif;
	font-size: 14pt;
	font-weight: bold;
    padding-bottom: 2px;
    margin-bottom: 0px;
    margin-top: 10px;
}
H3 SMALL {
  color: #FFFFFF; font-size: 10pt;
}


h4
	{
	color: #FFFFFF;
    font-family: Caudex, Georgia,  Serif;
	font-size: 10pt;
	font-weight: bold;
    padding-bottom: 2px;
    margin-bottom: 0px;
    margin-top: 10px;
}

.news P {
    font-size: 8pt;
}
SPAN#twitch { color: #A38AD0;}
SPAN#youtube { color: #E62117;}

.toc
	{
	color: #FFEE88;
	font-family: Verdana, Helvetica, futura;
	font-size: 8pt;
	font-weight: bold;
	}
.toc:hover
	{
	color: #BBFFBB;
	font-family: Verdana, Helvetica, futura;
	font-size: 8pt;
	font-weight: bold;
	}
.rankhighlight
	{
	color: #FFEE88;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	font-weight: bold;
	}
.motd
	{
	color: #FFEE88;
	font-family: Verdana, Helvetica, futura;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	filter:DropShadow(color=#000000, offx=1, offy=1);
	width:100%;
	}
.pmotd
	{
	color: #444444;
	font-family: Verdana, Helvetica, futura;
	font-size: 10pt;
	font-weight: bold;
	}
.Highlight3
	{
	color: #DDDDDD;
	font-family: verdana, geneva, futura;
	font-size: 12pt;
	font-weight: bold;
	}
.Highlight4
	{
	color: #FFEE88;
	font-family: verdana, geneva, futura;
	font-size: 8pt;
	font-weight: bold;
	filter:DropShadow(color=#000000, offx=1, offy=1);
	width:100%;
	}
.Highlight5
	{
	color: #FFFFFF;
	font-family: verdana, geneva, futura;
	font-size: 8pt;
	font-weight: bold;
	filter:DropShadow(color=#000000, offx=1, offy=1);
	width:100%;
	}
.blkbdr
	{
		border-width: 2px;
		border-style: inset;
		border-color: #cc9933;
	}

.adminnavbox
	{
	color: #FFEE88;
	font-family: Verdana, geneva, futura;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	}
.adminnav
	{
	color: #FFEE88;
	font-family: Verdana, geneva, futura;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: none;
	filter:DropShadow(color=#000000, offx=1, offy=1);
	}
.adminnavoff
	{
	color: #888888;
	font-family: Verdana, geneva, futura;
	font-size: 7pt;
	font-weight: bold;
	text-decoration: none;
	filter:DropShadow(color=#000000, offx=1, offy=1);
	}
.date
	{
	color: #BBFFBB;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	font-weight: bold;
	}
.footer
	{
	color: #EEEEEE;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	}
	.disclp
	{
	color: #006600;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	}
.dischead
	{
	color: #008800;
	font-family: Verdana, Helvetica, futura;
	font-size: 12pt;
	font-weight: bold;
	}
.dischead:hover
	{
	color: #668866;
	font-family: Verdana, Helvetica, futura;
	font-size: 12pt;
	font-weight: bold;
	}
.discsubhead
	{
	color: #000000;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	font-weight: bold;
	}
.mininav
	{
	color: #EEEEEE;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	}
.postlink
	{
	color: #006600;
	font-family: Verdana, geneva, futura;
	font-size: 9pt;
	}
.postlink:hover {
	color: #FFEE88;
	font-family: Verdana, geneva, futura;
	font-size: 9pt;
	}
.postdesc {
	color: #000000;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	}
.postcontent {
	color: #000000;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	}
.postedby {
	color: #FFEE88;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	}
.postedby:hover
	{
	color: #88FF88;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	}
.postedby:visited
	{
	color: #FFEE88;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	}

.buttonon {
	color: #FFFFFF;
	background-image: url(/images/bg_e_formfield.png);
    font-weight: bold;
    font-size: 8pt;
    background-color: #002200;
	border: 1px solid #222222;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
       -moz-border-radius: 3px;
       border-radius: 3px;
	}
.buttonon:hover {
	color: #FFFFFF;
	background-image: url(/images/bg_e_formfield.png);
    font-weight: bold;
    font-size: 8pt;
    background-color: #550000;
	border: 1px solid #440000;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
       -moz-border-radius: 3px;
       border-radius: 3px;
	}

.buttonoff {
	color: #FFFFFF;
	background-image: url(/images/bg_e_formfield.png);
    font-weight: bold;
    font-size: 8pt;
    background-color: transparent;
	border: 1px solid #222222;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
       -moz-border-radius: 3px;
       border-radius: 3px;
	}
.buttonoff:hover {
	color: #FFFFFF;
	background-image: url(/images/bg_e_formfield.png);
    font-weight: bold;
    font-size: 8pt;
    background-color: #005500;
	border: 1px solid #004400;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
       -moz-border-radius: 3px;
       border-radius: 3px;
	}

.newbutton {
	color: #FFFFFF;
	background-image: url(/images/bg_e_formfield.gif);
    font-weight: bold;
    font-size: 8pt;
	border: 1px solid #222222;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    text-align: center;
    width: 150px;
    float: right;
       -moz-border-radius: 3px;
       border-radius: 3px;
	}
.newbutton:hover {
	color: #FFFFFF;
	background-image: url(/images/bg_e_formfield_on.gif);
    font-weight: bold;
    font-size: 8pt;
	border: 1px solid #004400;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    text-align: center;
    width: 150px;
    float: right;
       -moz-border-radius: 3px;
       border-radius: 3px;
	}
.button {
	color: #FFFFAA;
    background-color: rgba(50,50,50, 0.2);
       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
       background-image: -webkit-linear-gradient(top, #333333, #111111);
       background-image: -moz-linear-gradient(top, #333333, #111111);
       background-image: -ms-linear-gradient(top, #333333, #111111);
       background-image: -o-linear-gradient(top, #333333, #111111);
    font-weight: bold;
    font-size: 8pt;
	border: 1px solid #BBAA66;
    padding: 5px 10px 5px 10px;
       -moz-border-radius: 3px;
       border-radius: 3px;
	}
.button:hover {
	color: #FFFFAA;
    background-color: #002200;
       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
       background-image: -webkit-linear-gradient(top, #333333, #111111);
       background-image: -moz-linear-gradient(top, #333333, #111111);
       background-image: -ms-linear-gradient(top, #333333, #111111);
       background-image: -o-linear-gradient(top, #333333, #111111);
    font-weight: bold;
    font-size: 8pt;
	border: 1px solid #009600;
    padding: 5px 10px 5px 10px;
       -moz-border-radius: 3px;
       border-radius: 3px;
	}
.button2
	{
	border-width: 1px;
	border-style: outset;
	border-color: #222222;
	background-color: #444444;
	color: #FFEE88;
	font-weight: bold;
	font-family: Verdana, Helvetica, futura;
	font-size: 7pt;
	height: 16px;
       -moz-border-radius: 3px;
       border-radius: 3px;
	}
.buttontext
	{
	color: #000000;
	font-family: Verdana, Helvetica, futura;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	}
.Name
	{
	color: #FFEE88;
	font-family: Verdana, geneva, futura;
	font-size: 8pt;
	}
.focus
	{
	color: #DDDDDD;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	}

.pfocus
	{
	color: #000000;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	}
.topic
	{
	color: #FFEE88;
	font-family: Verdana, geneva, futura;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	filter:DropShadow(color=#222222, offx=1, offy=1);
	width:100%;
	}
.topic:hover
	{
	color: #88FF88;
	font-family: Verdana, geneva, futura;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	filter:DropShadow(color=#222222, offx=1, offy=1);
	width:100%;
	}
.returnlink
	{
	color: #FFEE88;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	text-decoration: none;
	}
.smallgrey
	{
	color: #AAAAAA;
	font-family: Verdana, geneva, futura;
	font-size: 10px;
	text-decoration: none;
	}
.9decal
	{
	background-color: #444444;
	border-style: inset;
	border-width: 1pt;
	border-color: #888888;
	font-family: verdana, geneva, futura;
	font-size: 9pt;
	color: EEEECC;
	scrollbar-base-color: #888888;
	scrollbar-track-color: #444444;
	}
.chart
	{
		border: 1 inset #444444;
		width: 200px;
	}
.quest
	{
	font-family: verdana, geneva, futura;
	font-size: 10px;
	color: #FFEE88;
	text-decoration: none;
	}
.questcomplete
	{
	font-family: verdana, geneva, futura;
	font-size: 10px;
	color: #888888;
	text-decoration: none;
	}
.questavailable
	{
	font-family: verdana, geneva, futura;
	font-size: 10px;
	color: #CCCCCC;
	text-decoration: none;
	}
.questavailable:hover
	{
	font-family: verdana, geneva, futura;
	font-size: 10px;
	color: #FFEE88;
	text-decoration: none;
	}
.questtitle
	{
	font-family: verdana, geneva, futura;
	font-size: 10px;
	color: #FFEE88;
	font-weight: bold;
	text-decoration: none;
	}
.overflow
	{
	width: 100%;
	overflow: auto;
	}


.BoardChapterHead
	{
	font-family: Garamond, 'Times New Roman', Times, Serif;
	font-size: 14pt;
	color: #116611;
	font-weight: bold;
	text-decoration: none;
	}
.BoardChapterOff
	{
	font-family: Garamond, 'Times New Roman', Times, Serif;
	font-size: 10pt;
	color: #111111;
	font-weight: bold;
	text-decoration: none;
	}
.BoardChapter
	{
	font-family: Garamond, 'Times New Roman', Times, Serif;
	font-size: 10pt;
	color: #116611;
	font-weight: bold;
	text-decoration: none;
	}
.BoardChapter:hover
	{
	font-family: Garamond, 'Times New Roman', Times, Serif;
	font-size: 10pt;
	color: #008800;
	font-weight: bold;
	text-decoration: none;
	}
.BoardContent
	{
	font-family: verdana, geneva, futura;
	font-size: 8pt;
	color: #000000;
	line-height: 12pt;
	text-decoration: none;
	}
.BoardPosts
	{
	font-family: verdana, geneva, futura;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	}

TABLE#objectives {
  border: none;
  margin: 0px;
}

TABLE#objectives TH {
  border: none;
  border: 1px outset #333333;
  background-image: url('/images/th_header.png');
  color: #FFEE88;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 10pt;
  padding: 3px;
}

TABLE#objectives TD {
  border-bottom: 1px solid #444444;
  color: #FFEE88;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 7pt;
  font-weight: bold;
  padding: 3px;
}

TABLE#objectives TD B {
  color: #FFFFFF;
}
.footnote {
  color: #AAAAAA;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 7pt;
  padding: 3px;
}

.gold { color: #DDCC66; }
.grey { color: #DDDDDD; }
.red { color: #AA0000; }

TABLE#chart {
  border: none;
  margin: 0px;
}

TABLE#chart TD {
  color: #AAAAAA;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 7pt;
  padding: 1px;
}

.guildwindow {
  padding: 5px 0px; border-bottom: 1px solid #666;
}

TABLE#Profile TD {
  font-size: 9pt;
  padding: 2px 5px;
}

UL#guidehnav {
  margin: 20px 0px 0px 0px; padding: 10px 0px; border-bottom: 1px solid #444444;
}
UL#guidehnav LI {
  border: 1px outset #333333;
  background-image: url('/images/th_header.png');
  color: #FFFFFF;
  font-family: Arial, Helvetica, Futura;
  font-size: 8pt;
  padding: 10px 15px;
  margin: 0px;
  background-repeat: repeat-x;
  text-align: left;
  display: inline;
  list-style-type: none;
  list-style: none;
}
UL#guidehnav LI.on {
  border: 1px outset #333333;
  background-image: url('/images/th_header2.png');
  color: #FFFFFF;
  font-family: Arial, Helvetica, Futura;
  font-size: 8pt;
  padding: 10px 15px;
  margin: 0px;
  background-repeat: repeat-x;
  text-align: left;
  display: inline;
  list-style-type: none;
  list-style: none;
}
UL#guidehnav LI:hover {
  border: 1px outset #333333;
  background-image: url('/images/th_header2.png');
  padding: 10px 15px;
  margin: 0px;
  background-repeat: repeat-x;
  text-align: left;
  display: inline;
  list-style-type: none;
  list-style: none;
}

UL#guidehnav LI.on:hover A {
  color: #DDCC66;
  font-family: Arial, Helvetica, Futura;
  font-size: 8pt;
}

UL#guidehnav LI.on A {
  color: #DDCC66;
  font-family: Arial, Helvetica, Futura;
  font-size: 8pt;
}
UL#guidehnav LI:hover A {
  color: #DDCC66;
  font-family: Arial, Helvetica, Futura;
  font-size: 8pt;
}

UL#guidehnav LI A {
  color: #FFFFFF;
  font-family: Arial, Helvetica, Futura;
  font-size: 8pt;
}


DIV.ProfileNav {
  border-bottom: 1px solid #222222;
  margin-top: 10px;
}


TABLE#ProfileNav {
  border: none;
  margin: 0px;
}


TABLE#ProfileNav TH {
  border: 1px outset #333333;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  background-image: url('/images/th_header.png');
  color: #FFEE88;
  font-family: Caudex, 'Times New Roman', Times, Serif;
	font-size: 12pt;
	font-weight: bold;
  padding: 5px 20px;
  background-repeat: repeat-x;
}
TABLE#ProfileNav TH A{
  color: #FFEE88;
  font-family: Caudex, 'Times New Roman', Times, Serif;
  font-size: 12pt;
  font-weight: bold;
}


TABLE#ProfileNav TH:hover {
  border: 1px outset #333333;
  background: #001100 url('/images/th_header.png');
  padding: 5px 20px;
  background-repeat: repeat-x;
}

TABLE#ProfileNav TH:hover A{
  color: #FFFFFF;
  font-family: Caudex, 'Times New Roman', Times, Serif;
  font-size: 12pt;
  font-weight: bold;
}


TABLE#ProfileNav TH.s {
  border: 1px outset #333333;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  background: #003300 url('/images/th_header.png');
  padding: 5px 20px;
  background-repeat: repeat-x;
}



DIV.MarketplaceNav {
  border-bottom: 1px solid #222222;
  margin-top: 10px;
}


TABLE#MarketplaceNav {
  border: none;
  margin: 0px;
}


TABLE#MarketplaceNav TH {
  border: 1px outset #333333;
  background-image: url('/images/th_header.png');
  color: #AAAAAA;
  font-family: Arial, Helvetica, Futura;
	font-size: 9pt;
	font-weight: normal;
  padding: 5px 20px;
  background-repeat: repeat-x;
}
TABLE#MarketplaceNav TH A{
  color: #FFEE88;
  font-family: Arial, Helvetica, Futura;
	font-size: 10pt;
  font-weight: bold;
}


TABLE#MarketplaceNav TH:hover {
  border: 1px outset #333333;
  background: #001100 url('/images/th_header.png');
  padding: 5px 20px;
  background-repeat: repeat-x;
}

TABLE#MarketplaceNav TH:hover A{
  color: #FFFFFF;
  font-family: Arial, Helvetica, Futura;
	font-size: 10pt;
  font-weight: bold;
}


TABLE#MarketplaceNav TH.s {
  border: 1px outset #333333;
  background: #003300 url('/images/th_header.png');
  padding: 5px 20px;
  background-repeat: repeat-x;
}

A#categorytitle {
  color: #FFFFFF;
}

TABLE#data {
  border: none;
  margin: 0px;
}

TABLE#data TR#one TD{
  background-color: rgba(50,50,50, 0.2);
  padding: 3px 10px;
}

TABLE#data TR#two TD{
  background-color: rgba(25,25,25, 0.2);
  padding: 3px 10px;
}

TABLE#data TR#total TD{
  background-color: rgba(50,50,50, 0.2);
  padding: 5px 10px;
  font-size: 12pt;
}
TABLE#data TR#total TD B{
  color: #FFFFFF;
  font-size: 12pt;
  font-weight: bold;
}

TABLE#data TR#classification TD{
  padding: 10px;
  color: #FFFFFF;
  font-size: 12pt;
  font-weight: bold;
   background-color: #001100;
   background: -webkit-gradient(linear, left top, left 25, from(#002200), color-stop(25%, #113311), to(#001100));
   background: -moz-linear-gradient(top, #002200, #113311 2px, #001100 25px);
   background-image: -webkit-linear-gradient(top, #002200, #001100);
   background-image: -ms-linear-gradient(top, #002200, #001100);
   background-image: -o-linear-gradient(top, #002200, #001100);
}
TABLE#data TR#tradeskill TD{
  padding: 10px;
  color: #FFFFFF;
  font-size: 10pt;
  font-weight: bold;
   background-color: #000000;
   background: -webkit-gradient(linear, left top, left 25, from(#111111), color-stop(25%, #222222), to(#000000));
   background: -moz-linear-gradient(top, #111111, #222222 2px, #000000 25px);
   background-image: -webkit-linear-gradient(top, #222222, #000000);
   background-image: -ms-linear-gradient(top, #222222, #000000);
   background-image: -o-linear-gradient(top, #222222, #000000);
}

TABLE#data TH {
 border: 1px outset #333333;
 background-color: rgba(50,50,50, 0.2);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222222), to(#111111));
 background-image: -webkit-linear-gradient(top, #222222, #111111);
 background-image: -moz-linear-gradient(top, #222222, #111111);
 background-image: -ms-linear-gradient(top, #222222, #111111);
 background-image: -o-linear-gradient(top, #222222, #111111);
  color: #FFEE88;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 9pt;
  padding: 10px;
}


TABLE#data TH#secondary {
 border: 1px outset #440044;
 background-color: rgba(50,50,50, 0.2);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#220022), to(#110011));
 background-image: -webkit-linear-gradient(top, #220022, #110011);
 background-image: -moz-linear-gradient(top, #220022, #110011);
 background-image: -ms-linear-gradient(top, #220022, #110011);
 background-image: -o-linear-gradient(top, #220022, #110011);
 color: #FFEE88;
 font-family: Tahoma, Helvetica, Futura;
 font-size: 9pt;
 padding: 10px;
}


TABLE#data TH#primary {
 border: 1px outset #004400;
 background-color: rgba(50,50,50, 0.2);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#002200), to(#001100));
 background-image: -webkit-linear-gradient(top, #002200, #001100);
 background-image: -moz-linear-gradient(top, #002200, #001100);
 background-image: -ms-linear-gradient(top, #002200, #001100);
 background-image: -o-linear-gradient(top, #002200, #001100);
 color: #FFEE88;
 font-family: Tahoma, Helvetica, Futura;
 font-size: 9pt;
 padding: 10px;
}

TABLE#data TH#total {
 border: 1px outset #444400;
 background-color: rgba(50,50,50, 0.2);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#211C02), to(#0E0C01));
 background-image: -webkit-linear-gradient(top, #211C02, #0E0C01);
 background-image: -moz-linear-gradient(top, #211C02, #0E0C01);
 background-image: -ms-linear-gradient(top, #211C02, #0E0C01);
 background-image: -o-linear-gradient(top, #211C02, #0E0C01);
 color: #FFEE88;
 font-family: Tahoma, Helvetica, Futura;
 font-size: 9pt;
 padding: 10px;
}

TABLE#data TH#p {
 border: 1px outset #002200;
 background-color: rgba(0,100,0, 0.2);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#002200), to(#001100));
 background-image: -webkit-linear-gradient(top, #002200, #001100);
 background-image: -moz-linear-gradient(top, #002200, #001100);
 background-image: -ms-linear-gradient(top, #002200, #001100);
 background-image: -o-linear-gradient(top, #002200, #001100);
  color: #FFEE88;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 9pt;
  padding: 10px;
}
TABLE#data TH#sm {
 border: 1px outset #222222;
 background-color: rgba(25,25,25, 0.2);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
 background-image: -webkit-linear-gradient(top, #333333, #11111100);
 background-image: -moz-linear-gradient(top, #333333, #111111);
 background-image: -ms-linear-gradient(top, #333333, #111111);
 background-image: -o-linear-gradient(top, #333333, #111111);
  color: #FFEE88;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  padding: 10px;
}
TABLE#data TH SMALL { color: #FFFFFF; }

TABLE#data TH#s {
 border: 1px outset #220022;
 background-color: rgba(100,0,100, 0.2);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#220022), to(#110011));
 background-image: -webkit-linear-gradient(top, #220022, #110011);
 background-image: -moz-linear-gradient(top, #220022, #110011);
 background-image: -ms-linear-gradient(top, #220022, #110011);
 background-image: -o-linear-gradient(top, #220022, #110011);
  color: #FFEE88;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 9pt;
  padding: 10px;
}

TABLE#data TH.subhead {
  border: 1px outset #333333;
  background-image: url('/images/th_header2.png');
  color: #FFFFFF;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  padding: 5px;
  background-repeat: repeat-x;
  text-align: left;

}

TABLE#data TH.division {
  border: 1px outset #333333;
  background-image: url('/images/th_header2.png');
  color: #FFFFFF;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 9pt;
  padding: 5px;
  background-repeat: repeat-x;
  text-align: left;
}

TABLE#data TD {
  border-bottom: 1px solid #444444;
  border-top: none;
  color: #AAAAAA;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 7pt;
  padding: 3px;
}

TABLE#data TD TD{
  border-bottom: none;
}
TABLE#data TR#first TD {
    font-size: 200%;
    color: #CCBB66;
    padding: 3px 10px;
}


TABLE#data SELECT {
  background: #000000 none;
  color: #AAAAAA;
  font-size: 9pt;
  font-family: Tahoma, Helvetica, Futura;
}


TABLE#data2 {
  border: none;
  margin: 0px;
}

TABLE#data2 TH {
  border: none;
  border: 1px outset #333333;
  background-image: url('/images/th_header.png');
  color: #FFEE88;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  font-size: 8pt;
  padding: 5px;
}

TABLE#data2 TD {
  border-bottom: 1px solid #444444;
  color: #AAAAAA;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  padding: 3px;
}
TABLE#data2 SELECT {   background: #000000 none; color: #AAAAAA; font-size: 9pt; font-family: Tahoma, Helvetica, Futura; }


TABLE#data2 TD.low {
  background-image: url('/images/low-bg.png');
  padding: 10px;
  font-size: 125%;
}
TABLE#data2 TD.mid {
  background-image: url('/images/mid-bg.png');
  padding: 10px;
  font-size: 125%;
}
TABLE#data2 TD.high {
  background-image: url('/images/high-bg.png');
  padding: 10px;
  font-size: 125%;
}

TABLE#pricetable {
  margin: 20px 0px;
  border: 1px outset rgba(255,255,255,0.1);
}

TABLE#pricetable  TR  TH {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #000000;
  padding: 10px 20px;
  font-family: Caudex, Georgia, san-serif;
  font-size: 12pt;
  color: #FFFFFF;
                                                                                          background: #111111;
                                     background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                  background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                       background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                    background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
}
TABLE#pricetable  TR#off  TD, TABLE#pricetable  TR#off  TD B, TABLE#pricetable  TR#off  TD A {
    padding: 5px 10px;
    font-size: 10pt;
    color: #666666;
}

TABLE#pricetable  TR  TD {
    padding: 5px 10px;
    font-size: 10pt;
    border-top: 1px solid rgba(255,255,255,0.1);
}
TABLE#pricetable  TR  TD B {
  font-family: Caudex, Georgia, san-serif;
  font-size: 12pt;
}
TABLE#pricetable  TR:nth-child(odd) { background-color: rgba(100,100,100,0.1); }
TABLE#pricetable  TR:nth-child(even)  { background-color: rgba(150,150,150,0.1); }
TABLE#pricetable  TR:last-child TD {
    background-color: rgba(255,255,255,0.1);
    border: none;
    padding: 5px 10px;
    font-size: 10pt;
    border-top: 1px solid rgba(255,255,255,0.2);
}


TABLE#heros tr TH#p{
   border: 1px outset rgba(100,100,100, 0.2);
 border: 1px outset #002200;
 background-color: rgba(0,100,0, 0.2);
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#002200), to(#001100));
 background-image: -webkit-linear-gradient(top, #002200, #001100);
 background-image: -moz-linear-gradient(top, #002200, #001100);
 background-image: -ms-linear-gradient(top, #002200, #001100);
 background-image: -o-linear-gradient(top, #002200, #001100);
   padding: 10px;
  color: #FFFFFF;
  text-align: left;
  font-family: Caudex, Georgia, san-serif;
  font-size: 16pt;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    color: #FFFFFF;
}

TABLE#heros tr tH{
   border: 1px outset rgba(100,100,100, 0.2);
   border-bottom: 1px solid #000000;
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
   background-image: -webkit-linear-gradient(top, #333333, #111111);
   background-image: -moz-linear-gradient(top, #333333, #111111);
   background-image: -ms-linear-gradient(top, #333333, #111111);
   background-image: -o-linear-gradient(top, #333333, #111111);
   padding: 10px;
    font-size: 10pt;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    color: #FFFFFF;
}

TABLE#heros tr td{
   border-bottom: 1px solid rgba(150,150,150, 0.5);
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#000000));
   background-image: -webkit-linear-gradient(top, #111111, #000000);
   background-image: -moz-linear-gradient(top, #111111, #000000);
   background-image: -ms-linear-gradient(top, #111111, #000000);
   background-image: -o-linear-gradient(top, #111111, #000000);
   color: #AAAAAA;
   padding: 10px;
}

TABLE#heros tr td A{
  color: #CCBB66;
  font-family: Caudex, Georgia, san-serif;
  font-size: 16pt;
  line-height: 100%;
}
TABLE#heros tr td A#inactive {
  color: #AAAAAA;
  font-family: Caudex, Georgia, san-serif;
  font-size: 10pt;
  line-height: 100%;
}
TABLE#heros tr td B {
  font-family: Caudex, Georgia, san-serif;
  font-size: 18pt;
  color: #CCBB66;
}


TABLE#formdata {
  border: 1px solid #444444;
  margin: 0px;
}


TABLE#formdata TH {
  border: 1px outset #333333;
  background-image: url('/images/th_header.png');
  color: #FFEE88;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  padding: 5px;
  background-repeat: repeat-x;
}

TABLE#formdata TH.subhead {
  border: 1px outset #333333;
  background-image: url('/images/th_header2.png');
  color: #FFFFFF;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  padding: 5px;
  background-repeat: repeat-x;
  text-align: left;

}

TABLE#formdata TH.division {
  border: 1px outset #333333;
  background-image: url('/images/th_header2.png');
  color: #FFFFFF;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 9pt;
  padding: 5px;
  background-repeat: repeat-x;
  text-align: left;
}

TABLE#formdata TD {
  border-top: none;
  color: #AAAAAA;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 7pt;
  padding: 5px;
}

TABLE#formdata TD TD{
  border-bottom: none;
}

TABLE#formdata SELECT {
  background: #000000 none;
  color: #AAAAAA;
  font-size: 9pt;
  font-family: Tahoma, Helvetica, Futura;
}
TABLE#formdata TD TEXTAREA {
  width: 500px;
}


UL.cookie {
  margin: 0px; padding: 0px;
}
UL.cookie LI         {
                        font-family: Tahoma, Geneva, Futura;
                        font-size: 9pt;
                        display: inline;
                        list-style-type: none;
                        list-style: none;
                        background: none;
                        font-weight: normal;
                        padding: 0px 5px 0px 0px;
                        color: #666666;
                     }
UL.cookie LI A       { color: #AAAAAA;
                        font-weight: normal; }
UL.cookie LI A:hover { color: #FFEE88; text-decoration: underline;
                        font-weight: normal; }


UL.blink{ border-top: 1px solid #444; list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;}
UL.blink LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 10px; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAAAAA; padding: 3px 0px 3px 13px; display: inline; list-style-type: none; list-style: none; }
UL.blink LI A { font-size: 10px; text-decoration: none; font-weight: bold; color: #FFEE88; }
UL.blink LI A:hover { font-size: 10px; text-decoration: none; font-weight: bold; color: #FFFFFF; }

.blink TD B {
   color: #FFFFFF;
}
A#admin {
  color: #FF6600;
}

A#locked {
  color: #AAAAAA;
}



P.byline {
  font-family: Verdana, geneva, futura; font-weight: normal; font-size: 10px; color: #AAAAAA; padding: 3px 5px 3px 5px; border-top: 1px solid #444; border-bottom: 1px solid #444;
}


#library H2 {
  	color: #FFEE88;
	font-family: Georgia, san-serif;
	font-size: 14pt;
	font-weight: normal;
    padding-left: 75px;
    margin: 0px;
    border-bottom: none;
}

A.sublink { color: #DDCC77; font-weight: normal; }
A.sublink:hover { color: #FFEE99; font-weight: normal;  }

.newsitem {
  padding: 10px; border-bottom: 1px dotted #666666;
}
.newsitem H3 {
   margin: 0px; padding: 0px;
}


.anylinkcss{
  position:absolute;
  visibility: hidden;
  z-index: 100;
  background: url(/images/bg_e_text.gif);
  padding: 2px;
  border: 1px solid #000000;
  }

DIV.quoteblock{
  padding: 10px;
  background: url(/images/bg_e_text.gif);
  border-left: 10px solid #444;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
  margin-bottom: 5px;
}

#Topics INPUT {
  width: auto;
}

#Topics DIV.response{
  padding: 10px;
  background: url(/images/bg_e_text.gif);
  border-left: 10px solid #444;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
  margin-bottom: 5px;
}

#Topics DIV.ceannard{
  padding: 10px;
  background: url(/images/bg_e_text.gif);
  border-left: 10px solid #776644;
  border-top: 1px solid #776644;
  border-bottom: 1px solid #776644;
  border-right: 1px solid #776644;
  margin-bottom: 5px;
}
#Topics DIV.draio{
  padding: 10px;
  background: url(/images/bg_e_text.gif);
  border-left: 10px solid #33472f;
  border-top: 1px solid #33472f;
  border-bottom: 1px solid #33472f;
  border-right: 1px solid #33472f;
  margin-bottom: 5px;
}
#infobox TD P {
 padding: 5px 5px 5px 10px;
 margin: 0px;
 font-size: 8pt;
 line-height: 100%;
}

#Topics DIV.post BLOCKQUOTE {
  padding: 10px;
  background: url(/images/bg_e_text.gif);
  border-left: 10px solid #444;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
  margin: 10px;
  font-family: Courier New, Courier, Monospace;
  font-size: 9pt;
  color: #DDD;
}


#calendar TH {
  border: none;
  border: 1px outset #333333;
  background-image: url('/images/th_header.png');

  color: #FFEE88;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  font-size: 8pt;
  padding: 5px 10px 5px 10px;
  text-align: left;
}
#calendar td{ padding: 5px 5px 5px 5px; font-size: 8pt; color: #AAA; border-top: 1px dotted #444; }
#calendar td DIV.headline{  font-size: 9pt; font-weight: bold; color: #FFEE99; }
#calendar td.date{  font-size: 7pt; font-weight: bold; color: #AAA; }
#calendar td.date B{  font-size: 12pt; font-weight: bold; color: #FFEE99; }


#warcard {
  background: url(/images/bg_e_text.gif);
  border-left: 10px solid #444;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  border-right: 1px solid #444;
  margin: 10px 0px;
  font-family: Courier New, Courier, Monospace;
  font-size: 9pt;
  color: #DDD;
}


TABLE#form TH{
  font-size: 8pt;
  text-align: left;
  color: #FFEE88;
  padding-top: 10px;
  padding-bottom: 0px;
}
TABLE#form TD{
  font-size: 8pt;
  text-align: left;
  color: #FFF;
}

TABLE#form INPUT {
  width: 100%;
  font-size: 8pt;
  background-image: url(/images/input.png);
  background-color: #000;
  background-repeat: repeat-x;
  color: #FFF;
  border: 1px solid #444;
  padding: 4px;
}

TABLE#form INPUT:focus {
  width: 100%;
  font-size: 8pt;
  background-image: url(/images/input.png);
  background-color: #210;
  background-repeat: repeat-x;
  color: #FFF;
  border: 1px solid #210;
  padding: 4px;
}

TABLE#form INPUT.none {
  width: 16px;
  height: 16px;
  padding: 0px;
  margin: 0px;
}

TABLE#form INPUT.none:focus {
  width: 16px;
  height: 16px;
  padding: 0px;
  margin: 0px;
}

TABLE#form INPUT.submit {
  width: auto;
  font-size: 8pt;
  height: 25px;
  background-image: url(/images/input.png);
  background-color: #000;
  background-repeat: repeat-x;
  color: #FFF;
  border: 1px solid #444;
  padding: 4px;
  cursor:pointer;cursor:hand;
  font-weight: bold;
  margin-bottom: 20px;
}

TABLE#form INPUT.submit:hover {
  width: auto;
  font-size: 8pt;
  height: 25px;
  background-image: url(/images/input.png);
  background-color: #A30;
  background-repeat: repeat-x;
  color: #FFF;
  border: 1px solid #A30;
  padding: 4px;
  cursor:pointer;cursor:hand;
  font-weight: bold;
  margin-bottom: 20px;
}


SELECT {  background: #000000 none;
  background-color: #000000;
  background-repeat: repeat-x;
  font-size: 8pt;
  color: #AAAAAA;
  border: 1px outset #444444;
  padding: 5px 10px;
}

OPTION {
  padding: 5px 10px;
  color: #AAAAAA;
  border-bottom: 1px solid #333333;
}

TABLE#form SELECT {
    background: #000000 none;
  vertical-align: middle;
  width: 200px;
  font-size: 8pt;
  color: #FFFFFF;
  border: 1px outset #444444;
  padding: 3px;
}

TABLE#form INPUT.check {
  width: 16px; height: 16px;
  font-size: 8pt;
  background-image: none;
  background-color: transparent;
  color: #FFF;
  border: none;
  padding: 0px;
}

TABLE#form TEXTAREA {
  width: 100%;
  font-size: 8pt;
  background-image: url(/images/textarea.png);
    background-color: transparent;
  background-repeat: repeat-x;
  color: #FFF;
  border: 1px solid #444;
  padding: 4px;
}


TABLE#form TEXTAREA:focus {
  width: 100%;
  font-size: 8pt;
  background-image: url(/images/textarea.png);
  background-color: #210;
  background-repeat: repeat-x;
  color: #FFF;
  border: 1px solid #210;
  padding: 4px;
}

UL#list {
    list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;
}


#list LI{
    border-bottom: 1px dotted #444444;
    margin-bottom: 5px;
    padding-bottom: 5px;
    background: url(/images/arrow.gif) no-repeat .1em .6em transparent;
    color: #AAA;
    padding: 3px 0px 3px 13px;
}

UL#todo {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#todo LI{
    border-bottom: 1px solid #444444;
    background-color: #111;
    margin: 0px;
    color: #AAA;
    padding: 5px 0px 5px 10px;
    font-size: 8pt;
  line-height: 125%;

}

#todo LI A {
  color: 999944;
  font-size: 9pt;
  font-weight: bold;
  line-height: 100%;
}


.month {
  color: #fff;
  font-size: 10pt;
  font-variant: small-caps;
  font-family: Arial;
  font-weight: bold;
  width: 50px;
  text-align: center;
  padding: 5px 0px 1px 0px;
}

.day {
  width: 50px;
  color: #fff;
  font-size: 22pt;
  font-weight: normal;
	font-family: 'Times New Roman', Georgia, san-serif;
  text-align: center;
  padding: 3px 0px 0px 0px;
}

#SectionHeader {
  font-size: 8pt;
  color: #FFFFFF;
  font-family: Arial, Helvetica, Futura;
  background-image: url(/images/event.png);
  padding-left: 10px;
}

#SectionHeader B{
	color: #FFEE88;
	font-family: Caudex, Georgia, san-serif;
	font-size: 14pt;
}


#calendar TD#SectionHeader {
  font-size: 8pt;
  color: #FFFFFF;
  font-family: Arial;
  background-image: url(/images/event.png);
  padding-left: 10px;
}

#journal #Entry {
  margin-bottom: 10px;
  border: 1px solid #444444;
  background: url('/images/entry_fade.png') bottom left repeat-x;
  padding: 10px;
}

#journal #Entry #date {
  color: #FFFFFF;
  font-size: 8pt;
  font-family: Arial, Helvetica, Futura;
}

#journal #Entry H3 {
    color: #CCBB66;
	font-family: Georgia, san-serif;
	font-size: 12pt;
	font-weight: normal;
    padding-bottom: 2px;
    margin-bottom: 2px;
    border-bottom: 1px solid #444444;
    margin-top: 0px;
    padding-top: 0px;
}

#journal #Entry H3 A{
    color: #DDCC66;
	font-family: Georgia, san-serif;
	font-size: 16pt;
	font-weight: normal;
}

.single {
  font-size: 10px;
  font-weight: normal;
  color: #FFFFFF;
  line-height: normal;
}

.single:hover {
  font-size: 10px;
  font-weight: normal;
  color: #FFFFFF;
  line-height: normal;
}
.etitle {
  font-size: 10px;
}


.birthday {
  font-size: 10px;
  font-weight: normal;
  color: #99CC00;
  margin-top: 10px;
}

.birthday:hover {
  font-size: 10px;
  font-weight: normal;
  color: #FFFFFF;
  margin-top: 10px;
}

.recurring {
  font-size: 10px;
  font-weight: normal;
  color: #AACCAA;
}

.recurring:hover {
  font-size: 10px;
  font-weight: normal;
  color: #FFFFFF;
}
.action {
  font-size: 10px;
  font-weight: normal;
  color: #FFFFFF;
}

.action:hover {
  font-size: 10px;
  font-weight: normal;
  color: #FFDD66;
}

#stats #new {

}

#gameimage {
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  filter: alpha(opacity=60);
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

#gameimage:hover {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

#gameimageactive {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

IMG#video {
  background: url('/images/video_play.png') no-repeat;
}

UL#guidenav LI {
  font-size: 8pt;
  line-height: 100%;
  padding-bottom: 2px;
  padding-top: 2px;
}

UL#guidenav LI A{
  font-size: 8pt;
  color: #AAAAAA;
  text-decoration: none;
}
UL#guidenav LI A:hover{
  font-size: 8pt;
  color: #FFEEAA;
  text-decoration: none;
}





TABLE#guidetable {
  border: none;
  margin: 0px;
}


TABLE#guidetable TH {
  border: 1px outset #333333;
  background-image: url('/images/th_header.png');
  color: #FFFFFF;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 10pt;
  padding: 5px;
  background-repeat: repeat-x;

}

TABLE#guidetable TH.subhead {
  border: 1px outset #333333;
  background-image: url('/images/th_header2.png');
  color: #FFFFFF;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  padding: 5px;
  background-repeat: repeat-x;
  text-align: left;

}

TABLE#guidetable TH.division {
  border: 1px outset #333333;
  background-image: url('/images/th_header2.png');
  color: #FFFFFF;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 9pt;
  padding: 5px;
  background-repeat: repeat-x;
  text-align: left;
}

TABLE#guidetable TD {
  border-bottom: 1px solid #444444;
  border-top: none;
  color: #AAAAAA;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 9pt;
  padding: 5px;
}
TABLE#guidetable TR TD DIV{
  display: none;
  color: #888888;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 7pt;
}
TABLE#guidetable TR:hover TD DIV{
  display: block;
  color: #888888;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 7pt;
}


TABLE#guidetable TD DIV UL LI{
  color: #888888;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 7pt;
}

TABLE#guidetable TD DIV UL { list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;}
TABLE#guidetable TD DIV UL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 8pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px;
  margin:0 5px 0 0;
  display: inline; }

TABLE#guidetable TD UL { list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;}
TABLE#guidetable TD UL LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 120%; font-size: 8pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px;
  margin:0 5px 0 0;
  display: inline; }

TABLE#guidetable TD DIV A{
  color: #CCCCCC;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: none;
}

TABLE#guidetable TD DIV A:hover {
  color: #FFEEAA;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: underline;
}


TABLE#guidetable TD TD{
  border-bottom: none;
}

TABLE#guidetable SELECT {
  background: #000000 none;
  color: #AAAAAA;
  font-size: 9pt;
  font-family: Tahoma, Helvetica, Futura;
}

TABLE#guidetable TR#dungeon TH{
  text-align: left;
  border: 1px outset #333333;
  background-image: url('/images/th_header.png');
  color: #FFFFFF;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 10pt;
  padding: 0px;
  margin: 0px;
  background-repeat: repeat-x;
}


TABLE#dungeontable {
  border: none;
  margin: 0px;
}
TABLE#dungeontable TH {
  border: 1px outset #333333;
  background-image: url('/images/th_header.png');
  color: #FFFFFF;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 10pt;
  padding: 0px;
  background-repeat: repeat-x;
}
TABLE#dungeontable TD.header {
  border: none;
  padding: 0px;
}

TABLE#dungeontable TR#row TD#on {
  border-bottom: 1px solid #444444;
  border-top: none;
  color: #AAAAAA;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 7pt;
  width: 12px;
  border: 1px outset #333333;
  background: url('/images/dungeons/on.png') no-repeat center;
}

TABLE#dungeontable TD {
  border-bottom: 1px solid #444444;
  border-top: none;
  color: #AAAAAA;
  font-family: Tahoma, Helvetica, Futura;
  font-size: 9pt;
  padding: 5px;
  border: 1px outset #333333;
}

TABLE#adminnav {
 border-bottom: 1px solid #222222;
}
TABLE#adminnav td {
  padding: 10px;
}
TABLE#adminnav TD A{
	padding: 5px 10px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: bold 8pt/100% Verdana, Tahoma, sans-serif;
    color: #FFFFFF;
	background: #000000;
	background: -webkit-gradient(linear, left top, left 25, from(#333333), color-stop(25%, #444444), to(#000000));
	background: -moz-linear-gradient(top, #333333, #444444 2px, #000000 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
    border: 1px solid #222222;
}
TABLE#adminnav TD A:hover {
	padding: 5px 10px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: bold 8pt/100% Verdana, Tahoma, sans-serif;
    color: #FFFFFF;
	background: #111100;
	background: -webkit-gradient(linear, left top, left 25, from(#333322), color-stop(25%, #444433), to(#111100));
	background: -moz-linear-gradient(top, #333322, #444433 2px, #111100 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	cursor: pointer;
    border: 1px solid #887744;
}

FORM#newform SELECT {
  border: 1px solid #333333;  background: #000000 none;
  font-size: 9pt;
  color: #AAAAAA;
  padding: 0px;
  line-height: 12pt;
}
FORM#newform SELECT OPTION {
  background-color: #000000;
  font-size: 9pt;
  color: #AAAAAA;
}

FORM#newform INPUT {
   background-color: #000000;
   background: -webkit-gradient(linear, left top, left 25, from(#222222), color-stop(25%, #333333), to(#000000));
   background: -moz-linear-gradient(top, #222222, #333333 2px, #000000 25px);
   background-image: -webkit-linear-gradient(top, #222222, #000000);
   background-image: -ms-linear-gradient(top, #222222, #000000);
   background-image: -o-linear-gradient(top, #222222, #000000);
   box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
   -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
   -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
   padding: 5px;
   border: 1px solid #333333;
  font-size: 9pt;
  color: #AAAAAA;
}
FORM#newform INPUT:focus {
   background-color: #001100;
   background: -webkit-gradient(linear, left top, left 25, from(#002200), color-stop(25%, #113311), to(#001100));
   background: -moz-linear-gradient(top, #002200, #113311 2px, #001100 25px);
   background-image: -webkit-linear-gradient(top, #002200, #001100);
   background-image: -ms-linear-gradient(top, #002200, #001100);
   background-image: -o-linear-gradient(top, #002200, #001100);
   box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   padding: 5px;
   border: 1px solid #004400;
   font-size: 9pt;
  color: #FFFFFF;
}
FORM#newform TEXTAREA {
   background-color: #000000;
   background: -webkit-gradient(linear, left top, left 25, from(#222222), color-stop(25%, #333333), to(#000000));
   background: -moz-linear-gradient(top, #222222, #333333 2px, #000000 25px);
   background-image: -webkit-linear-gradient(top, #222222, #000000);
   background-image: -ms-linear-gradient(top, #222222, #000000);
   background-image: -o-linear-gradient(top, #222222, #000000);
   box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
   -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
   -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
   padding: 5px;
   border: 1px solid #333333;
  font-size: 9pt;
  color: #AAAAAA;
}
FORM#newform TEXTAREA:focus {
   background-color: #001100;
   background: -webkit-gradient(linear, left top, left 25, from(#002200), color-stop(25%, #113311), to(#001100));
   background: -moz-linear-gradient(top, #002200, #113311 2px, #001100 25px);
   background-image: -webkit-linear-gradient(top, #002200, #001100);
   background-image: -ms-linear-gradient(top, #002200, #001100);
   background-image: -o-linear-gradient(top, #002200, #001100);
   box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   padding: 5px;
   border: 1px solid #004400;
   font-size: 9pt;
  color: #FFFFFF;
}

FORM#newform INPUT#button {
  font-family: Caudex, Verdana, geneva, futura; font-size: 16pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 10px 25px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

FORM#newform INPUT#button:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 16pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 10px 25px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,195,0, 0.3)), to(rgba(0,101,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

FORM#newform INPUT#smbutton {
  font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 10px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

FORM#newform INPUT#smbutton:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 10px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,195,0, 0.3)), to(rgba(0,101,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}



#searchwrap input{
    width: 130px;
    background-color: #000000;
    background: -webkit-gradient(linear, left top, left 25, from(#222222), color-stop(25%, #333333), to(#000000));
    background: -moz-linear-gradient(top, #222222, #333333 2px, #000000 25px);
    background-image: -webkit-linear-gradient(top, #222222, #000000);
    background-image: -ms-linear-gradient(top, #222222, #000000);
    background-image: -o-linear-gradient(top, #222222, #000000);
    box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.2) 0px 0px 8px;
    padding: 5px;
    border: 1px solid rgba(255,255,255, 0.3);
    font-size: 9pt;
    color: #AAAAAA;
}
#searchwrap input:focus{
   background-color: #001100;
   background: -webkit-gradient(linear, left top, left 25, from(#002200), color-stop(25%, #113311), to(#001100));
   background: -moz-linear-gradient(top, #002200, #113311 2px, #001100 25px);
   background-image: -webkit-linear-gradient(top, #002200, #001100);
   background-image: -ms-linear-gradient(top, #002200, #001100);
   background-image: -o-linear-gradient(top, #002200, #001100);
   box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   padding: 5px;
   border: 1px solid rgba(255,255,255, 0.3);
   font-size: 8pt;
   color: #FFFFFF;
   width: 130px;
}
#characters{
    width:250px;
    border:solid 1px #888888;
    display:none;
	position: absolute;
	z-index: 100;
    background-color: #000000;
}
#members{
    width:250px;
    border:solid 1px #888888;
    display:none;
	position: absolute;
	z-index: 100;
    background-color: #000000;
}
#items{
    width:250px;
    border:solid 1px #888888;
    display:none;
	position: absolute;
	z-index: 100;
    background-color: #000000;
}
#guilds{
    width:250px;
    border:solid 1px #888888;
    display:none;
	position: absolute;
	z-index: 100;
    background-color: #000000;
}
TABLE#matches TR TH {
    font-size: 9pt;
    font-weight: bold;
    color: #FFFFFF;
    background: #000000 url('/images/th_header.png');
    padding: 5px;
    border-bottom: 1px solid #222222;
}


TABLE#matches TR {
    background-color: #000000;
}
TABLE#matches TR:hover {
    background-color: #002200;
}
TABLE#matches TR TD{
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background: none;
}
TABLE#matches TR:hover TD {
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    background: none;
}
TABLE#item {

}

TABLE#item TD {
  font-size: 9pt;
}

INPUT#delbutton {
   border: 1px outset rgba(125,125,125, 0.2);
   padding: 5px;
   margin-top: 0px;
   width: 15px; height: 15px;
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
   background-image: -webkit-linear-gradient(top, #333333, #111111);
   background-image: -moz-linear-gradient(top, #333333, #111111);
   background-image: -ms-linear-gradient(top, #333333, #111111);
   background-image: -o-linear-gradient(top, #333333, #111111);
   -moz-border-radius: 5px;
   border-radius: 5px;
}
INPUT#delbutton:hover {
   border: 1px outset rgba(125,125,125, 0.2);
   padding: 5px;
   margin-top: 0px;
   width: 15px; height: 15px;
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#330000), to(#110000));
   background-image: -webkit-linear-gradient(top, #330000, #110000);
   background-image: -moz-linear-gradient(top, #330000, #110000);
   background-image: -ms-linear-gradient(top, #330000, #110000);
   background-image: -o-linear-gradient(top, #330000, #110000);
   -moz-border-radius: 5px;
   border-radius: 5px;
}


A#mpbutton {
   border: 1px outset rgba(125,125,125, 0.2);
   background-color: rgba(0,25,0, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#003300), to(#001100));
   background-image: -webkit-linear-gradient(top, #003300, #001100);
   background-image: -moz-linear-gradient(top, #003300, #001100);
   background-image: -ms-linear-gradient(top, #003300, #001100);
   background-image: -o-linear-gradient(top, #003300, #001100);
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   font-size: 8pt;
   font-weight: bold;
   color: #FFFFFF;
   padding: 10px 25px;
   text-decoration: none;
       -moz-border-radius: 5px;
       border-radius: 5px;
}

A#mpbutton:hover {
   border: 1px outset rgba(150,150,150, 0.2);
   background-color: #003300;
   background-color: rgba(0,50,0, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005500), to(#003300));
   background-image: -webkit-linear-gradient(top, #005500, #003300);
   background-image: -moz-linear-gradient(top, #005500, #003300);
   background-image: -ms-linear-gradient(top, #005500, #003300);
   background-image: -o-linear-gradient(top, #005500, #003300);
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   font-size: 8pt;
   font-weight: bold;
   color: #FFFFFF;
   padding: 10px 25px;
   text-decoration: none;
       -moz-border-radius: 5px;
       border-radius: 5px;
}

INPUT#regbutton {
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   background-color: rgba(0,100,0, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,100,0, 0.5)), to(rgba(0,25,0, 0.5)));
   background-image: -webkit-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,25,0, 0.5));
   background-image: -moz-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,25,0, 0.5));
   background-image: -ms-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,25,0, 0.5));
   background-image: -o-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,25,0, 0.5));
   border: 1px outset rgba(100,100,100, 0.5);
   font-size: 12pt;
   font-weight: bold;
   color: #FFFFFF;
   padding: 10px 25px;
   text-decoration: none;
       -moz-border-radius: 5px;
       border-radius: 5px;
       height: 50px;

	font-family: Caudex, Georgia, san-serif;
}

INPUT#regbutton:hover {
   box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.5) 0px 0px 8px;
   background-color: rgba(0,100,0, 0.8);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,100,0, 0.8)), to(rgba(0,25,0, 0.8)));
   background-image: -webkit-linear-gradient(top, rgba(0,100,0, 0.8), rgba(0,25,0, 0.8));
   background-image: -moz-linear-gradient(top, rgba(0,100,0, 0.8), rgba(0,25,0, 0.8));
   background-image: -ms-linear-gradient(top, rgba(0,100,0, 0.8), rgba(0,25,0, 0.8));
   background-image: -o-linear-gradient(top, rgba(0,100,0, 0.8), rgba(0,25,0, 0.8));
   border: 1px outset rgba(100,100,100, 0.8);
   font-size: 12pt;
   font-weight: bold;
   color: #FFFFFF;
   padding: 10px 25px;
   text-decoration: none;
       -moz-border-radius: 5px;
       border-radius: 5px;
       height: 50px;
   cursor: pointer;
   font-family: Caudex, Georgia, san-serif;
}


A#nobutton {
   border: 1px outset rgba(255,255,255, 0.2);
    background-color: rgba(50,0,0, 0.2);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#440000), to(#220000));
    background-image: -webkit-linear-gradient(top, #440000, #220000);
    background-image: -moz-linear-gradient(top, #440000, #220000);
    background-image: -ms-linear-gradient(top, #440000, #220000);
    background-image: -o-linear-gradient(top, #440000, #220000);
   box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   font-weight: bold;
   padding: 5px 10px;
   text-decoration: none;
   -moz-border-radius: 4px;
        border-radius: 4px;
}

A#yesbutton, INPUT#yesbutton {
   border: 1px outset rgba(255,255,255, 0.2);
    background-color: rgba(0,50,0, 0.2);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006600), to(#002200));
    background-image: -webkit-linear-gradient(top, #006600, #002200);
    background-image: -moz-linear-gradient(top, #006600, #002200);
    background-image: -ms-linear-gradient(top, #006600, #002200);
    background-image: -o-linear-gradient(top, #006600, #002200);
   box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   font-weight: bold;
   padding: 5px 10px;
   text-decoration: none;
   -moz-border-radius: 4px;
        border-radius: 4px;
}

A#bluebutton, INPUT#bluebutton {
   border: 1px outset rgba(255,255,255, 0.2);
    background-color: rgba(0,50,100, 0.2);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3275CD), to(#1D4477));
    background-image: -webkit-linear-gradient(top, #3275CD, #1D4477);
    background-image: -moz-linear-gradient(top, #3275CD, #1D4477);
    background-image: -ms-linear-gradient(top, #3275CD, #1D4477);
    background-image: -o-linear-gradient(top, #3275CD, #1D4477);
   box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   font-weight: bold;
   padding: 5px 10px;
   text-decoration: none;
   -moz-border-radius: 4px;
        border-radius: 4px;
}
A#offbutton {
   border: 1px outset rgba(255,255,255, 0.2);   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
   background-image: -webkit-linear-gradient(top, #333333, #111111);
   background-image: -moz-linear-gradient(top, #333333, #111111);
   background-image: -ms-linear-gradient(top, #333333, #111111);
   background-image: -o-linear-gradient(top, #333333, #111111);
   box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   font-weight: bold;
   padding: 5px 10px;
   text-decoration: none;
   -moz-border-radius: 4px;
        border-radius: 4px;
}
A#yesbutton:hover, INPUT#yesbutton:hover {
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
}

A#nobutton:hover {
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
}

A#offbutton:hover {
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
}

#post BLOCKQUOTE {
  font-size: 9pt;
  color: #FFFFFF;
  font-style: italic;
}

A#buybutton {
   border: 1px outset rgba(255,255,255, 0.2);
   background-color: #000000;
   background: -webkit-gradient(linear, left top, left 25, from(#111111), color-stop(25%, #222222), to(#000000));
   background: -moz-linear-gradient(top, #111111, #222222 2px, #000000 25px);
   background-image: -webkit-linear-gradient(top, #222222, #000000);
   background-image: -ms-linear-gradient(top, #222222, #000000);
   background-image: -o-linear-gradient(top, #222222, #000000);
   box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   font-weight: bold;
   padding: 5px 15px;
   text-decoration: none;
       -moz-border-radius: 3px;
       border-radius: 3px;
}
A#buybutton:hover {
   border: 1px outset rgba(150,200,150, 0.2);
   background-color: #001100;
   background: -webkit-gradient(linear, left top, left 25, from(#002200), color-stop(25%, #113311), to(#001100));
   background: -moz-linear-gradient(top, #002200, #113311 2px, #001100 25px);
   background-image: -webkit-linear-gradient(top, #002200, #001100);
   background-image: -ms-linear-gradient(top, #002200, #001100);
   background-image: -o-linear-gradient(top, #002200, #001100);
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   font-size: 7pt;
   font-weight: bold;
   color: #FFFFFF;
   padding: 5px 15px;
   text-decoration: none;
       -moz-border-radius: 3px;
       border-radius: 3px;
}

A#buybutton.green {
   border: 1px outset rgba(125,125,125, 0.2);
   background-color: rgba(0,50,0, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005500), to(#003300));
   background-image: -webkit-linear-gradient(top, #005500, #003300);
   background-image: -moz-linear-gradient(top, #005500, #003300);
   background-image: -ms-linear-gradient(top, #005500, #003300);
   background-image: -o-linear-gradient(top, #005500, #003300);
}

A#buybutton.green:hover {
   border: 1px outset rgba(125,125,125, 0.2);
   background-color: rgba(0,50,0, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#007700), to(#005500));
   background-image: -webkit-linear-gradient(top, #007700, #005500);
   background-image: -moz-linear-gradient(top, #007700, #005500);
   background-image: -ms-linear-gradient(top, #007700, #005500);
   background-image: -o-linear-gradient(top, #007700, #005500);
}
A#buybutton.red {
   border: 1px outset rgba(255,255,255, 0.2);
                                                                                           background: #330000;
                                      background: -moz-linear-gradient(top,  #550000 0%,               #330000 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#550000), color-stop(100%,#330000));
                                   background: -webkit-linear-gradient(top,  #550000 0%,               #990000 100%);
                                        background: -o-linear-gradient(top,  #550000 0%,               #330000 100%);
                                       background: -ms-linear-gradient(top,  #550000 0%,               #330000 100%);
                                     background: linear-gradient(to bottom,  #550000 0%,               #330000 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#550000',    endColorstr='#330000', GradientType=0 );
}
A#buybutton.red:hover {
   border: 1px outset rgba(150,200,150, 0.2);
                                                                                           background: #550000;
                                      background: -moz-linear-gradient(top,  #770000 0%,               #550000 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#770000), color-stop(100%,#550000));
                                   background: -webkit-linear-gradient(top,  #770000 0%,               #550000 100%);
                                        background: -o-linear-gradient(top,  #770000 0%,               #550000 100%);
                                       background: -ms-linear-gradient(top,  #770000 0%,               #550000 100%);
                                     background: linear-gradient(to bottom,  #770000 0%,               #550000 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#770000',    endColorstr='#550000', GradientType=0 );
}

SUP {
  font-size: 7pt; color: #FAEB89;
}

A#cancelbutton {
   border: 1px outset rgba(255,255,255, 0.2);
   background-color: #110000;
   background: -webkit-gradient(linear, left top, left 25, from(#220000), color-stop(25%, #331111), to(#110000));
   background: -moz-linear-gradient(top, #220000, #331111 2px, #110000 25px);
   background-image: -webkit-linear-gradient(top, #220000, #110000);
   background-image: -ms-linear-gradient(top, #220000, #110000);
   background-image: -o-linear-gradient(top, #220000, #110000);
   box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   font-size: 7pt;
   font-weight: bold;
   color: #FFFFFF;
   padding: 5px 15px;
   text-decoration: none;
       -moz-border-radius: 3px;
       border-radius: 3px;
}

A#cancelbutton:hover {
   border: 1px outset rgba(150,200,150, 0.2);
   background-color: #330000;
   background: -webkit-gradient(linear, left top, left 25, from(#550000), color-stop(25%, #226622), to(#330000));
   background: -moz-linear-gradient(top, #550000, #226622 2px, #330000 25px);
   background-image: -webkit-linear-gradient(top, #550000, #330000);
   background-image: -ms-linear-gradient(top, #550000, #330000);
   background-image: -o-linear-gradient(top, #550000, #330000);
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   font-size: 7pt;
   font-weight: bold;
   color: #FFFFFF;
   padding: 5px 15px;
   text-decoration: none;
       -moz-border-radius: 3px;
       border-radius: 3px;
}
DIV#costbox {
    width: auto;
    height: auto;
    background-color: rgba(255,255,255, 0.1);
    background: -webkit-gradient(linear, left top, left 25, from(#222222), color-stop(25%, #333333), to(#000000));
    background: -moz-linear-gradient(top, #222222, #333333 2px, #000000 25px);
    background-image: -webkit-linear-gradient(top, #222222, #000000);
    background-image: -ms-linear-gradient(top, #222222, #000000);
    background-image: -o-linear-gradient(top, #222222, #000000);
     box-shadow: rgba(255,255,255, 0.2) 0px 0px 8px;
     -moz-box-shadow: rgba(255,255,255, 0.2) 0px 0px 8px;
     -webkit-box-shadow: rgba(255,255,255, 0.2) 0px 0px 8px;
    padding: 10px 20px;
    border: 1px solid rgba(255,255,255, 0.3);

}
DIV#costbox SELECT {
    background-image: none;
}

DIV#costbox P {
   font-size: 10pt;
}

DIV#costbox P B {
    color: #FFFFFF;
}

DIV#cost {
  margin-top: 0px;
  background-color: rgba(0,0,0, 0.2);
  background: -webkit-gradient(linear, left top, left 25, from(#000000), color-stop(25%, #333333), to(#222222));
  background: -moz-linear-gradient(top, #000000, #333333 2px, #222222 25px);
  background-image: -webkit-linear-gradient(top, #000000, #222222);
  background-image: -ms-linear-gradient(top, #000000, #222222);
  background-image: -o-linear-gradient(top, #000000, #222222);
  border: 1px solid rgba(255,255,255, 0.1);
  padding: 5px 5px;
  text-align: right;
  font-size: 16pt;
  color: #CCBB44;
  width: 150px;
}

INPUT#tc {
  margin-top: 0px;
  background-color: rgba(0,0,0, 0.2);
  background: -webkit-gradient(linear, left top, left 25, from(#000000), color-stop(25%, #333333), to(#222222));
  background: -moz-linear-gradient(top, #000000, #333333 2px, #222222 25px);
  background-image: -webkit-linear-gradient(top, #000000, #222222);
  background-image: -ms-linear-gradient(top, #000000, #222222);
  background-image: -o-linear-gradient(top, #000000, #222222);
  border: 1px solid rgba(255,255,255, 0.1);
  padding: 5px 5px;
  text-align: right;
  font-size: 16pt;
  color: #CCBB44;
  width: 150px;
}

INPUT#mpsubmit {
   border: 1px outset rgba(255,255,255, 0.2);
   background-color: #000000;
   background: -webkit-gradient(linear, left top, left 25, from(#111111), color-stop(25%, #222222), to(#000000));
   background: -moz-linear-gradient(top, #111111, #222222 2px, #000000 25px);
   background-image: -webkit-linear-gradient(top, #222222, #000000);
   background-image: -ms-linear-gradient(top, #222222, #000000);
   background-image: -o-linear-gradient(top, #222222, #000000);
   box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   padding: 5px 15px;
   text-decoration: none;
   font-weight: bold;
}

INPUT#mpsubmit:hover {
   border: 1px outset rgba(150,200,150, 0.2);
   background-color: #001100;
   background: -webkit-gradient(linear, left top, left 25, from(#002200), color-stop(25%, #113311), to(#001100));
   background: -moz-linear-gradient(top, #002200, #113311 2px, #001100 25px);
   background-image: -webkit-linear-gradient(top, #002200, #001100);
   background-image: -ms-linear-gradient(top, #002200, #001100);
   background-image: -o-linear-gradient(top, #002200, #001100);
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   padding: 5px 15px;
   text-decoration: none;
   font-weight: bold;
}

INPUT#mpsubmitred {
   border: 1px outset rgba(200,0,0, 0.2);
   background-color: #660000;
   background: -webkit-gradient(linear, left top, left 25, from(#660000), color-stop(25%, #990000), to(#220000));
   background: -moz-linear-gradient(top, #660000, #990000 2px, #220000 25px);
   background-image: -webkit-linear-gradient(top, #660000, #220000);
   background-image: -ms-linear-gradient(top, #660000, #220000);
   background-image: -o-linear-gradient(top, #660000, #220000);
   box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   padding: 5px 15px;
   text-decoration: none;
   font-weight: bold;
}
INPUT#mpsubmitred:hover {
   border: 1px outset rgba(255,50,50, 0.2);
   background-color: #990000;
   background: -webkit-gradient(linear, left top, left 25, from(#990000), color-stop(25%, #BB0000), to(#440000));
   background: -moz-linear-gradient(top, #990000, #BB0000 2px, #440000 25px);
   background-image: -webkit-linear-gradient(top, #990000, #440000);
   background-image: -ms-linear-gradient(top, #990000, #440000);
   background-image: -o-linear-gradient(top, #990000, #440000);
   box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -moz-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   -webkit-box-shadow: rgba(255,255,255, 0.3) 0px 0px 8px;
   font-size: 7pt;
   color: #FFFFFF;
   padding: 5px 15px;
   text-decoration: none;
   font-weight: bold;
}
TD#store {
  background-color: rgba(255,255,255, 0.1);
  border: 1px solid rgba(255,255,200, 0.2);
}

TD#store A#title {
    font-size: 150%;
    color: #FFFFFF;
}
TD#store A#title:hover {
    font-size: 150%;
    color: #FFEE88;
}

TD#store UL#sublist {
  margin: 0px; padding: 0px;
  border-top: 1px solid rgba(255,255,255, 0.1);
}
TD#store UL#sublist LI         {
                        font-family: Tahoma, Geneva, Futura;
                        font-size: 9pt;
                        display: inline;
                        list-style-type: none;
                        list-style: none;
                        background: none;
                        font-weight: normal;
                        padding: 0px 5px 0px 0px;
                        color: #FFFFFF;
                        white-space: nowrap;
                     }

TD#store UL#sublist LI B       { color: #AA9944; }
TD#store UL#sublist LI A       { color: #CCCCCC; font-weight: normal; }
TD#store UL#sublist LI A:hover { color: #FFEE88; text-decoration: underline; font-weight: normal; }


TABLE#data TD#cost {
  font-size: 125%;
}

TABLE#data TD#title A {
  font-size: 150%;
}

#showhide DIV {
  display: none;
}
#showhide:hover DIV {
  display: block;
}

TABLE#bosstable tr tH{
   border: 1px outset rgba(100,100,100, 0.2);
   border-bottom: 1px solid #000000;
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
   background-image: -webkit-linear-gradient(top, #333333, #111111);
   background-image: -moz-linear-gradient(top, #333333, #111111);
   background-image: -ms-linear-gradient(top, #333333, #111111);
   background-image: -o-linear-gradient(top, #333333, #111111);
   padding: 10px;
    font-size: 10pt;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    color: #FFFFFF;
}

TABLE#bosstable tr td{
   border-bottom: 1px solid rgba(150,150,150, 0.5);
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#000000));
   background-image: -webkit-linear-gradient(top, #111111, #000000);
   background-image: -moz-linear-gradient(top, #111111, #000000);
   background-image: -ms-linear-gradient(top, #111111, #000000);
   background-image: -o-linear-gradient(top, #111111, #000000);
   padding: 5px;
}

TABLE#bosstable tr td A#obj {
    font-size: 10pt;
}

A#aboutnavlink { font-family: Caudex, Verdana, geneva, futura; font-size: 11pt; text-decoration: none; font-weight: bold; color: #CCBB66; }
A#aboutnavlink:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 11pt; text-decoration: none; font-weight: bold; color: #FFEE88; }

UL#news LI SPAN { font-size: 7pt; color: #FFFFFF; line-height: 125%; }
UL#news LI.epic A { font-family: Caudex, Verdana, geneva, futura; font-size: 16pt; text-decoration: none; font-weight: bold; color: #CCBB66; line-height: 20pt; }
UL#news LI.epic A:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 16pt; text-decoration: none; font-weight: bold; color: #FFEE88; line-height: 20pt; }



UL#news { margin: 5px; padding: 0px; list-style-type: none; }
UL#news LI.epic SPAN { font-size: 9pt; color: #FFFFFF; line-height: 125%; }
UL#news LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 125%; font-size: 7pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; margin-top: 5px; }
UL#news LI.epic { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 125%; font-size: 7pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; margin-top: 5px; }
UL#news LI A { font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: bold; color: #CCBB66; line-height: 12pt; }
UL#news LI A:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: bold; color: #FFEE88; line-height: 12pt; }

UL#smnews { margin: 5px; padding: 0px; list-style-type: none; }
UL#smnews LI.epic SPAN { font-size: 9pt; color: #FFFFFF; line-height: 125%; }
UL#smnews LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 100%; font-size: 7pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; margin-top: 5px; }
UL#smnews LI.epic { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 100%; font-size: 7pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; margin-top: 5px; }
UL#smnews LI A { font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: bold; color: #CCBB66; line-height: 100%; }
UL#smnews LI A:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: bold; color: #FFEE88; line-height: 100%; }

UL#quicknews { margin: 2px; padding: 0px; list-style-type: none; }
UL#quicknews LI.epic SPAN { font-size: 9pt; color: #FFFFFF; line-height: 125%; }
UL#quicknews LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 100%; font-size: 7pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; margin-top: 2px; }
UL#quicknews LI.epic { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 100%; font-size: 7pt; background: url(/images/arrow.gif) no-repeat .1em .6em transparent; color: #AAA; padding: 3px 0px 3px 13px; margin-top: 2px; }
UL#quicknews LI A { font-family: Verdana, geneva, futura; font-size: 7pt; text-decoration: none; font-weight: normal; color: #CCBB66; line-height: 100%; }
UL#quicknews LI A:hover { font-family: Verdana, geneva, futura; font-size: 7pt; text-decoration: none; font-weight: normal; color: #FFEE88; line-height: 100%; }

TABLE#login TD { padding: 2px 5px; }

UL.mytabs {
	position: relative;
	z-index: 2;
}
UL.mytabs, UL.mytabs LI {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
UL.mytabs LI { padding: 0 5px; }
UL.mytabs LI A {
	float: left;
	padding: 7px;
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #E0E0E0;
	background: #F0F0F0;
	text-decoration: none;
	color: #333333;
	height: 22px;
}
UL.mytabs LI A:HOVER, UL.mytabs LI.current A {
	background: #FFFFFF;
}
UL.mytabs LI.current A {
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #FFFFFF;
}
.mytabs-container {
	position: relative;
	z-index: 1;
	clear: both;
	border: 1px solid #E0E0E0;
	padding: 10px;
	top: -1px;
}

UL#tabs { margin: 20px 0px 5px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #222222; }
UL#tabs LI         {
                        font-family: Tahoma, Geneva, Futura;
                        font-size: 9pt;
                        display: inline;
                        list-style-type: none;
                        list-style: none;
                        background: none;
                        font-weight: normal;
                        padding: 5px 20px;
                        color: #AAAAAA;
                        margin-left: 2px;
                       background-color: rgba(50,50,50, 0.2);
                       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50, 0.5)), to(rgba(50,50,50, 0.2)));
                       background-image: -webkit-linear-gradient(top, rgba(50,50,50, 0.5), rgba(50,50,50, 0.2));
                       background-image: -moz-linear-gradient(top, rgba(50,50,50, 0.5), rgba(50,50,50, 0.2));
                       background-image: -ms-linear-gradient(top, rgba(50,50,50, 0.5), rgba(50,50,50, 0.2));
                       background-image: -o-linear-gradient(top, rgba(50,50,50, 0.5), rgba(50,50,50, 0.2));
                       border-top-left-radius: 5px;
                       border-top-right-radius: 5px;
                     }
UL#tabs LI:hover     {
                        font-family: Tahoma, Geneva, Futura;
                        font-size: 9pt;
                        display: inline;
                        list-style-type: none;
                        list-style: none;
                        background: none;
                        font-weight: normal;
                        padding: 5px 20px;
                        color: #AAAAAA;
                        margin-left: 2px;
                       background-color: rgba(50,50,50, 0.2);
                       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,100,0, 0.5)), to(rgba(0,100,0, 0.2)));
                       background-image: -webkit-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,100,0, 0.2));
                       background-image: -moz-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,100,0, 0.2));
                       background-image: -ms-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,100,0, 0.2));
                       background-image: -o-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,100,0, 0.2));
                       border-top-left-radius: 5px;
                       border-top-right-radius: 5px;
                     }
UL#tabs LI.on      {
                        font-family: Tahoma, Geneva, Futura;
                        font-size: 9pt;
                        display: inline;
                        list-style-type: none;
                        list-style: none;
                        background: none;
                        font-weight: normal;
                        padding: 5px 20px;
                        color: #AAAAAA;
                        margin-left: 2px;
                       background-color: rgba(50,50,50, 0.2);
                       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,100,0, 0.5)), to(rgba(0,100,0, 0.2)));
                       background-image: -webkit-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,100,0, 0.2));
                       background-image: -moz-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,100,0, 0.2));
                       background-image: -ms-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,100,0, 0.2));
                       background-image: -o-linear-gradient(top, rgba(0,100,0, 0.5), rgba(0,100,0, 0.2));
                       border-top-left-radius: 5px;
                       border-top-right-radius: 5px;
                       border-top: 1px solid rgba(255,255,255,0.1);
                       border-left: 1px solid rgba(255,255,255,0.1);
                       border-right: 1px solid rgba(0,0,0,0.5);
                     }
UL#tabs LI A       { color: #FFFFFF; text-decoration: none; font-weight: bold; }
UL#tabs LI A:hover { color: #EECC77; text-decoration: none;  font-weight: bold; }

TD#map {
  padding: 5px;
  background-color: rgba(50,50,50, 0.2);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#000000));
     background-image: -webkit-linear-gradient(top, #111111, #000000);
     background-image: -moz-linear-gradient(top, #111111, #000000);
     background-image: -ms-linear-gradient(top, #111111, #000000);
     background-image: -o-linear-gradient(top, #111111, #000000);
}

/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    height:25px;
    border-bottom: 1px solid #444444;
    background-image: none;
}

/* single tab */
ul.tabs li {
    float:left;
    text-indent:0;
    padding: 0;
    margin: -2px 5px 0px 0px !important;
    list-style-image:none !important;
    background-image: none;

}

/* link inside the tab. uses a background image */
ul.tabs a {
    background-color: rgba(50,50,50, 0.2);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50, 0.5)), to(rgba(50,50,50, 0.2)));
    background-image: -webkit-linear-gradient(top, rgba(50,50,50, 0.5), rgba(50,50,50, 0.2));
    background-image: -moz-linear-gradient(top, rgba(50,50,50, 0.5), rgba(50,50,50, 0.2));
    background-image: -ms-linear-gradient(top, rgba(50,50,50, 0.5), rgba(50,50,50, 0.2));
    background-image: -o-linear-gradient(top, rgba(50,50,50, 0.5), rgba(50,50,50, 0.2));
    font-size: 10pt;
    display:block;
    height: 25px;
    line-height:22px;
    width: auto;
    padding-left: 10px; padding-right: 10px;
    text-align:center;
    text-decoration:none;
    color:#AAAAAA;
    margin:0px;
    position:relative;
    top:1px;
    border: 1px solid #444444;
    font-weight: bold;
    font-family: Caudex, Arial, Helvetica, Futura;

  -webkit-border-radius: 3px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 3px;
-moz-border-radius-bottomleft: 0;
border-radius: 3px;
border-bottom-left-radius: 0;

}
TD#map {
  padding: 5px;
  background-color: rgba(50,50,50, 0.2);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#000000));
     background-image: -webkit-linear-gradient(top, #111111, #000000);
     background-image: -moz-linear-gradient(top, #111111, #000000);
     background-image: -ms-linear-gradient(top, #111111, #000000);
     background-image: -o-linear-gradient(top, #111111, #000000);
}

ul.tabs a:active {
    outline:none;
    border-bottom: 1px solid #111111;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    color: #FFFFFF;
    font-weight: bold;
    border-bottom: 1px solid #111111;
                       background-color: rgba(50,75,50, 0.2);
                       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.5)), to(rgba(50,50,50, 0)));
                       background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.5), rgba(50,50,50, 0));
                       background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.5), rgba(50,50,50, 0));
                       background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.5), rgba(50,50,50, 0));
                       background-image: -o-linear-gradient(top, rgba(75,75,75, 0.5), rgba(50,50,50, 0));

  -webkit-border-radius: 3px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 3px;
-moz-border-radius-bottomleft: 0;
border-radius: 3px;
border-bottom-left-radius: 0;


}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
                       background-color: rgba(50,75,50, 0.2);
                       background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(100,100,100, 0.5)), to(rgba(50,50,50, 0.0)));
                       background-image: -webkit-linear-gradient(top, rgba(100,100,100, 0.5), rgba(50,50,50, 0.0));
                       background-image: -moz-linear-gradient(top, rgba(100,100,100, 0.5), rgba(50,50,50, 0.0));
                       background-image: -ms-linear-gradient(top, rgba(100,100,100, 0.5), rgba(50,50,50, 0.0));
                       background-image: -o-linear-gradient(top, rgba(100,100,100, 0.5), rgba(50,50,50, 0.0));

  -webkit-border-radius: 3px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 3px;
-moz-border-radius-bottomleft: 0;
border-radius: 3px;
border-bottom-left-radius: 0;


    border-bottom: 1px solid #111111;
    cursor:default !important;
    color: #FFFFFF !important;
    font-weight: bold;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* initially all panes are hidden */
.panes > .pane {
    display:none;
}

/* tab pane styling */
.panes > div {
    display:none;
    padding:15px 10px;
    border-left: 1px solid #444444;
    border-right: 1px solid #444444;
    border-bottom: 1px solid #444444;
    height: auto;
    font-size:14px;
    background-color: rgba(50,50,50, 0.1);
}
.panes > div > div {
    display: block;
}

TR#current TD {
  background-color: rgba(0,200,0,.1);
}
TR#old TD, TR#old TD A, TR#old TD B {
  color: rgba(255,255,255,.3);
}

#success {
  border: 1px solid rgba(0,200,0,0.5);
  background-color: 1px solid rgba(0,200,0,0.2);
  color: #FFFFFF;
  padding: 5px 10px;
  margin: 10px auto;
}

#fail {
  border: 1px solid rgba(200,0,0,0.5);
  background-color: 1px solid rgba(200,0,0,0.2);
  color: #FFFFFF;
  padding: 5px 10px;
  margin: 10px auto;
}

#greenbox {
  color: #FFFFFF;
  background-color: #006600;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006600), to(#004400));
  background-image: -webkit-linear-gradient(top, #006600, #004400);
  background-image: -moz-linear-gradient(top, #006600, #004400);
  background-image: -ms-linear-gradient(top, #006600, #004400);
  background-image: -o-linear-gradient(top, #006600, #004400);
  font-size: 7pt;
  padding: 1px 4px;
  margin-left: 2px;
  border: 1px solid #00AA00;
}

#orangebox {
  color: #FFFFFF;
  background-color: #994400;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#994400), to(#772200));
  background-image: -webkit-linear-gradient(top, #994400, #772200);
  background-image: -moz-linear-gradient(top, #994400, #772200);
  background-image: -ms-linear-gradient(top, #994400, #772200);
  background-image: -o-linear-gradient(top, #994400, #772200);
  font-size: 7pt;
  padding: 1px 4px;
  margin-left: 2px;
  border: 1px solid #FF6600;
}
#yellowbox {
  color: #FFFFFF;
  background-color: #111100;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BD9700), to(#8F6900));
  background-image: -webkit-linear-gradient(top, #BD9700, #8F6900);
  background-image: -moz-linear-gradient(top, #BD9700, #8F6900);
  background-image: -ms-linear-gradient(top, #BD9700, #8F6900);
  background-image: -o-linear-gradient(top, #BD9700, #8F6900);
  font-size: 7pt;
  padding: 1px 4px;
  margin-left: 2px;
  border: 1px solid #F5C400;
}
#goldbox {
  color: #FFFFFF;
  background-color: #BBAA66;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CBBE8B), to(#BBAA66));
  background-image: -webkit-linear-gradient(top, #BD9700, #BBAA66);
  background-image: -moz-linear-gradient(top, #CBBE8B, #BBAA66);
  background-image: -ms-linear-gradient(top, #CBBE8B, #BBAA66);
  background-image: -o-linear-gradient(top, #CBBE8B, #BBAA66);
  font-size: 7pt;
  padding: 1px 4px;
  margin-left: 2px;
  border: 1px solid #DBD2AE;
}
#bluebox {
  color: #FFFFFF;
  background-color: #28588F;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3471B7), to(#28588F));
  background-image: -webkit-linear-gradient(top, #3471B7, #28588F);
  background-image: -moz-linear-gradient(top, #3471B7, #28588F);
  background-image: -ms-linear-gradient(top, #3471B7, #28588F);
  background-image: -o-linear-gradient(top, #3471B7, #28588F);
  font-size: 7pt;
  padding: 1px 4px;
  margin-left: 2px;
  border: 1px solid #508BCE;
}
#greybox {
  color: #FFFFFF;
  background-color: #222222;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
  background-image: -webkit-linear-gradient(top, #333333, #111111);
  background-image: -moz-linear-gradient(top, #333333, #111111);
  background-image: -ms-linear-gradient(top, #333333, #111111);
  background-image: -o-linear-gradient(top, #333333, #111111);
  font-size: 7pt;
  padding: 1px 4px;
  margin-left: 2px;
  border: 1px solid #666666;
}


#purplebox {
  color: #FFFFFF;
  background-color: #640064;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#800080), to(#640064));
  background-image: -webkit-linear-gradient(top, #800080, #640064);
  background-image: -moz-linear-gradient(top, #800080, #640064);
  background-image: -ms-linear-gradient(top, #800080, #640064);
  background-image: -o-linear-gradient(top, #800080, #640064);
  font-size: 7pt;
  padding: 1px 4px;
  margin-left: 2px;
  border: 1px solid #993399;
}

TD#expired {
  color: #AA0000;
}

DIV#chart {
  background-color: rgba(50,50,50, 0.3);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0, 0.3)), to(rgba(50,50,50, 0.3)));
  background-image: -webkit-linear-gradient(top, rgba(0,0,0, 0.3), rgba(50,50,50, 0.3));
  background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.3), rgba(50,50,50, 0.3));
  background-image: -ms-linear-gradient(top, rgba(0,0,0, 0.3), rgba(50,50,50, 0.3));
  background-image: -o-linear-gradient(top, rgba(0,0,0, 0.3), rgba(50,50,50, 0.3));
  height: 16px;
  border: 1px outset rgba(214, 195, 89, 0.5);
}
DIV#chart DIV#progress {
  background-color: rgba(0,50,0, 0.3);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,200,0, 0.3)), to(rgba(0,50,0, 0.3)));
  background-image: -webkit-linear-gradient(top, rgba(0,200,0, 0.3), rgba(0,50,0, 0.3));
  background-image: -moz-linear-gradient(top, rgba(0,200,0, 0.3), rgba(0,50,0, 0.3));
  background-image: -ms-linear-gradient(top, rgba(0,200,0, 0.3), rgba(0,50,0, 0.3));
  background-image: -o-linear-gradient(top, rgba(0,200,0, 0.3), rgba(0,50,0, 0.3));
  height: 16px;
}
DIV#alert {
  border: 1px solid #660000;
  background-color: rgba(250,0,0,0.1);
  color: #FFFFFF;
  font-size: 9pt;
  font-family: Arial, Helvetica, Future, san-serif;
  margin: 10px;
  padding: 10px;
  text-align: center;
}
TD#chart {
     background-color: rgba(50,50,50, 0.2);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#333333));
     background-image: -webkit-linear-gradient(top, #111111, #333333111);
     background-image: -moz-linear-gradient(top, #111111, #333333);
     background-image: -ms-linear-gradient(top, #111111, #333333);
     background-image: -o-linear-gradient(top, #111111, #333333);
     border: 1px inset rgba(150,150,150,0.2);
}
TD#chart DIV#progress {
 height: 20px;
   background-color: rgba(0,0,0, 0.2);
   background: -webkit-gradient(linear, left top, left 25, from(#DFD390), color-stop(25%, #F8F1B9), to(#7D7131));
   background: -moz-linear-gradient(top, #DFD390, #F8F1B9 2px, #7D7131 25px);
   background-image: -webkit-linear-gradient(top, #DFD390, #7D7131);
   background-image: -ms-linear-gradient(top, #DFD390, #7D7131);
   background-image: -o-linear-gradient(top, #DFD390, #7D7131);
     border: 1px outset rgba(150,150,150,0.2);
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;

}
TD#complete {
  font-family: Caudex, Verdana, geneva, futura;
  font-size: 12pt;
  color: #BBAA66;
  font-weight: bold;
}
TABLE#leadertable TD {
  font-size: 10pt;
  padding: 10px;
}

TABLE#leadertable TD A {
  font-family: Caudex, Arial, Helvetica, Futura;
  font-weight: bold;
  color: #CCBB66;
  text-decoration: none;
  font-size: 12pt;
}

TABLE#leadertable TD A:hover {
  color: #FFFFFF;
}

#warmenu {
  margin: 10px;

}
#warmenu A {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px outset rgba(255,255,255,0.2);
  background-color: rgba(50,50,50, 0.2);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
  background-image: -webkit-linear-gradient(top, #333333, #111111);
  background-image: -moz-linear-gradient(top, #333333, #111111);
  background-image: -ms-linear-gradient(top, #333333, #111111);
  background-image: -o-linear-gradient(top, #333333, #111111);
  padding: 5px 5px;
  font-size: 8pt;
  text-shadow: 1px 1px 1px #000;
  color: #FFFFFF;
  font-family: Arial, Helvetica, futura;
  text-decoration: none;
  list-style: none;
  display: inline-block;
  margin: 5px;
  vertical-align: middle;
  text-align: center;
  box-shadow: 5px 5px 5px #000000;
}
#warmenu A:hover{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px outset rgba(255,255,255,0.2);
  background-color: rgba(50,50,50, 0.2);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005500), to(#113311));
  background-image: -webkit-linear-gradient(top, #005500, #113311);
  background-image: -moz-linear-gradient(top, #005500, #113311);
  background-image: -ms-linear-gradient(top, #005500, #113311);
  background-image: -o-linear-gradient(top, #005500, #113311);
  padding: 5px 5px;
  font-size: 8pt;
  text-shadow: 1px 1px 1px #000;
  color: #FFFFFF;
  font-family: Arial, Helvetica, futura;
  text-decoration: none;
	list-style: none;
	display: inline-block;
  margin: 5px;
  vertical-align: middle;
  text-align: center;
  box-shadow: 0px 0px 10px rgba(100,200,0,.5);
}

UL#magazine {
  margin: 0;
  padding: 0;
  list-style-type: none;
  left:auto;
  text-align: center;
}

UL#magazine LI {
  margin: 10px; padding: 0px;
  list-style-type: none;
  float: left;
  position: relative;
  display: inline;
}
UL#magazine LI IMG{
  border: 1px solid #333333;
  margin: 5px;
  box-shadow: 0px 0px 10px rgba(0,0,0,.5);
}
DIV#notice {
  background-color: rgba(181, 64, 44, 0.2);
  border: 1px solid rgba(168, 79, 59, 0.4);
  padding: 10px; color: #FFFFFF;
  font-size: 8pt;
  margin: 10px auto;
  max-width: 700px;
}
DIV#greennotice{
  background-color: rgba(15, 181, 37, 0.2);
  border: 1px solid rgba(9, 168, 25, 0.4);
  padding: 10px; color: #FFFFFF;
  font-size: 8pt;
  margin: 10px auto;
  max-width: 700px;
}
DIV#orangenotice{
  background-color: rgba(246, 136, 19, 0.2);
  border: 1px solid rgba(242, 145, 33, 0.4);
  padding: 10px; color: #FFFFFF;
  font-size: 8pt;
  margin: 10px auto;
  max-width: 700px;
}


#mailalert {
  background-color: rgba(255, 238, 153, 0.2);
  border: 1px solid rgba(221, 204, 119, 0.8);
  padding: 10px; color: #FFFFFF;
  font-size: 8pt;
  margin: 10px 0px;
  box-shadow: 0px 0px 10px rgba(0,0,0,.5);

   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}


#help {
  border: 1px solid #444444;
  color: #CCAD31;
  font-size: 7pt; font-weight: bold; padding: 2px 5px; margin-left: 5px;
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
     background-image: -webkit-linear-gradient(top, #333333, #111111);
     background-image: -moz-linear-gradient(top, #333333, #111111);
     background-image: -ms-linear-gradient(top, #333333, #111111);
     background-image: -o-linear-gradient(top, #333333, #111111);
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

DIV#article {
  margin-bottom: 40px;
}
DIV#article:last-child {
  margin-bottom: 20px;
}

A#prissy, INPUT#prissy {
  font-family: Caudex, Verdana, geneva, futura; font-size: 14pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 20px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

A#prissy:hover, INPUT#prissy:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 14pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 20px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,195,0, 0.3)), to(rgba(0,101,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}

table#tooltip td#itemgroup { font-size: 8pt; color: #AA9944; }
table#tooltip td#itemname { font-family: Caudex, Verdana, geneva, futura; font-size: 14pt; text-decoration: none; font-weight: bold; text-align: center; padding: 5px 5px; }
table#tooltip td#itemtext { font-size: 9pt; color: #CCCCCC; font-weight: bold; padding: 5px; }
table#tooltip td#itemdescription {  font-size: 8pt; color: #CCCCCC; }
UL#commanders {
  list-style-type: none;
  padding-left: 0px;
  margin: 0px;
}

UL#commanders LI {
  font-size: 7pt;
  line-height: 125%;
  margin: 0px 0px 2px 5px;
  padding: 3px 2px 0px 20px;
  background: url(/images/commander.png) no-repeat 0em .4em transparent;
}

UL#commanders LI#rb A { color: #993333; }
UL#commanders LI#bb A { color: #336699; }
UL#commanders LI#gb A { color: #339933; }
UL#commanders LI#eb A { color: #BBAA66; }
UL#commanders LI#rm A { color: #CCCCCC; }

DIV#playercard {
  margin: 5px; padding: 0px;
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
}
DIV#playercard DIV#games {
  float: right;
  margin-top: 5px;
}

DIV#playercard { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 100%; font-size: 7pt; color: #AAA; padding: 5px; }
DIV#playercard  A { font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: bold; color: #CCBB66; line-height: 100%; }
DIV#playercard  A:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: bold; color: #FFEE88; line-height: 100%; }

UL#questlog { list-style-type: none; margin: 0px; padding: 0px; }
UL#questlog LI#quest B { font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: bold; color: #CCBB66; line-height: 100%; }
UL#questlog LI#quest { font-size: 8pt; text-decoration: none; font-weight: normal; color: #FFFFFF; line-height: 100%; padding: 5px 10px; border-bottom: 1px solid #222222; }
UL#questlog LI#quest P#questdesc { font-size: 8pt; text-decoration: none; font-weight: normal; color: #FFFFFF; line-height: 150%; padding: 5px 0px; margin: 0px; }
UL#questlog LI#quest P#questdesc B { font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #CCBB66; line-height: 125%; }
UL#questlog LI#quest:last-child { border-bottom: none; }
UL#questlog LI#quest DIV#progress{ display: none; margin-top: 5px; }
UL#questlog LI#quest:hover DIV#progress{ display: block; margin-top: 5px; }

DIV#livestreambutton {
  display: inline-block;
  min-width: 120px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  border: 1px outset rgba(255,255,255, 0.2);
  box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
  -moz-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
  -webkit-box-shadow: rgba(255,255,255, 0.1) 0px 0px 8px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 15px;
}
DIV#livestreambutton:hover { border: 1px outset rgba(255,255,255, 0.3); }
DIV#livestreambutton div#followers{
  float: right; font-size: 7pt; color: #888888;  margin-top: 10px;
}

DIV#livestreambutton span#followers{
  float: right; font-size: 7pt; color: rgba(255,255,255,0.7); border: 1px solid rgba(255,255,255,0.3); background-color: rgba(0,0,0,.2); padding: 2px 5px; margin-left: 5px;
}


DIV#livestreambutton.twitch {
   background-color: #6441a5;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7550BA), to(#6441a5));
   background-image: -webkit-linear-gradient(top, #7550BA, #6441a5);
   background-image: -moz-linear-gradient(top, #7550BA, #6441a5);
   background-image: -ms-linear-gradient(top, #7550BA, #6441a5);
   background-image: -o-linear-gradient(top, #7550BA, #6441a5);
}
DIV#livestreambutton.twitch:hover {
   background-color: #7550BA;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#805FBF), to(#7550BA));
   background-image: -webkit-linear-gradient(top, #805FBF, #7550BA);
   background-image: -moz-linear-gradient(top, #805FBF, #7550BA);
   background-image: -ms-linear-gradient(top, #805FBF, #7550BA);
   background-image: -o-linear-gradient(top, #805FBF, #7550BA);
}
DIV#livestreambutton.twitch A#twitchbutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.twitch A#twitchbutton span#one { display: inline-block; }
DIV#livestreambutton.twitch A#twitchbutton span#two { display: none; }
DIV#livestreambutton.twitch:hover A#twitchbutton span#one { display: none; }
DIV#livestreambutton.twitch:hover A#twitchbutton span#two { display: inline-block; }

DIV#livestreambutton.patreon {
   background-color: #F9472F;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FA7664), to(#F9472F));
      background-image: -webkit-linear-gradient(top, #FA7664, #F9472F);
      background-image: -moz-linear-gradient(top, #FA7664, #F9472F);
      background-image: -ms-linear-gradient(top, #FA7664, #F9472F);
      background-image: -o-linear-gradient(top, #FA7664, #F9472F);
}
DIV#livestreambutton.patreon:hover {
   background-color: #5474C0;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FB8474), to(#F95D48));
      background-image: -webkit-linear-gradient(top, #FB8474, #F95D48);
      background-image: -moz-linear-gradient(top, #FB8474, #F95D48);
      background-image: -ms-linear-gradient(top, #FB8474, #F95D48);
      background-image: -o-linear-gradient(top, #FB8474, #F95D48);
}
DIV#livestreambutton.patreon A#patreonbutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.patreon A#patreonbutton span#one { display: inline-block; }
DIV#livestreambutton.patreon A#patreonbutton span#two { display: none; }
DIV#livestreambutton.patreon:hover A#patreonbutton span#one { display: none; }
DIV#livestreambutton.patreon:hover A#patreonbutton span#two { display: inline-block; }


DIV#livestreambutton.flipboard {
   background-color: #F6F6F6;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6F6F6), to(#D6D6D6));
      background-image: -webkit-linear-gradient(top, #F6F6F6, #D6D6D6);
      background-image: -moz-linear-gradient(top, #F6F6F6, #D6D6D6);
      background-image: -ms-linear-gradient(top, #F6F6F6, #D6D6D6);
      background-image: -o-linear-gradient(top, #F6F6F6, #D6D6D6);
}
DIV#livestreambutton.flipboard:hover {
   background-color: #E6E6E6;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E6E6E6), to(#C6C6C6));
      background-image: -webkit-linear-gradient(top, #E6E6E6, #C6C6C6);
      background-image: -moz-linear-gradient(top, #E6E6E6, #C6C6C6);
      background-image: -ms-linear-gradient(top, #E6E6E6, #C6C6C6);
      background-image: -o-linear-gradient(top, #E6E6E6, #C6C6C6);
}
DIV#livestreambutton.flipboard A#flipboardbutton { font-family: Caudex, serif; font-size: 10pt; color: #e02828; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.flipboard A#flipboardbutton span#one { display: inline-block; }
DIV#livestreambutton.flipboard A#flipboardbutton span#two { display: none; }
DIV#livestreambutton.flipboard:hover A#flipboardbutton span#one { display: none; }
DIV#livestreambutton.flipboard:hover A#flipboardbutton span#two { display: inline-block; }

DIV#livestreambutton.discord {
   background-color: #4A67CF;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7289DA), to(#4A67CF));
   background-image: -webkit-linear-gradient(top, #7289DA, #4A67CF);
   background-image: -moz-linear-gradient(top, #7289DA, #4A67CF);
   background-image: -ms-linear-gradient(top, #7289DA, #4A67CF);
   background-image: -o-linear-gradient(top, #7289DA, #4A67CF);
}
DIV#livestreambutton.discord:hover {
   background-color: #7289DA;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9AAAE4), to(#7289DA));
   background-image: -webkit-linear-gradient(top, #9AAAE4, #7289DA);
   background-image: -moz-linear-gradient(top, #9AAAE4, #7289DA);
   background-image: -ms-linear-gradient(top, #9AAAE4, #7289DA);
   background-image: -o-linear-gradient(top, #9AAAE4, #7289DA);
}
DIV#livestreambutton.discord A#discordbutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.discord A#discordbutton span#one { display: inline-block; }
DIV#livestreambutton.discord A#discordbutton span#two { display: none; }
DIV#livestreambutton.discord:hover A#discordbutton span#one { display: none; }
DIV#livestreambutton.discord:hover A#discordbutton span#two { display: inline-block; }

DIV#livestreambutton.steam {
   background-color: #111111;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
   background-image: -webkit-linear-gradient(top, #333333, #111111);
   background-image: -moz-linear-gradient(top, #333333, #111111);
   background-image: -ms-linear-gradient(top, #333333, #111111);
   background-image: -o-linear-gradient(top, #333333, #111111);
}
DIV#livestreambutton.steam:hover {
   background-color: #333333;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444444), to(#222222));
   background-image: -webkit-linear-gradient(top, #444444, #222222);
   background-image: -moz-linear-gradient(top, #444444, #222222);
   background-image: -ms-linear-gradient(top, #444444, #222222);
   background-image: -o-linear-gradient(top, #444444, #222222);
}
DIV#livestreambutton.steam A#steambutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.steamitch A#steambutton span#one { display: inline-block; }
DIV#livestreambutton.steam A#steambutton span#two { display: none; }
DIV#livestreambutton.steam:hover A#steambutton span#one { display: none; }
DIV#livestreambutton.steam:hover A#steambutton span#two { display: inline-block; }


DIV#livestreambutton.youtube {
  background-color: #E62117;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ED4E45), to(#E62117));
  background-image: -webkit-linear-gradient(top, #ED4E45, #E62117);
  background-image: -moz-linear-gradient(top, #ED4E45, #E62117);
  background-image: -ms-linear-gradient(top, #ED4E45, #E62117);
  background-image: -o-linear-gradient(top, #ED4E45, #E62117);
}
DIV#livestreambutton.youtube:hover {
  background-color: #ED4E45;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F06D66), to(#ED4E45));
  background-image: -webkit-linear-gradient(top, #F06D66, #ED4E45);
  background-image: -moz-linear-gradient(top, #F06D66, #ED4E45);
  background-image: -ms-linear-gradient(top, #F06D66, #ED4E45);
  background-image: -o-linear-gradient(top, #F06D66, #ED4E45);
}
DIV#livestreambutton.youtube A#youtubebutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.youtube A#youtubebutton span#one { display: inline-block; }
DIV#livestreambutton.youtube A#youtubebutton span#two { display: none; }
DIV#livestreambutton.youtube:hover A#youtubebutton span#one { display: none; }
DIV#livestreambutton.youtube:hover A#youtubebutton span#two { display: inline-block; }


DIV#livestreambutton.mag {
  background-color: #006400;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008811), to(#006400));
  background-image: -webkit-linear-gradient(top, #008811, #006400);
  background-image: -moz-linear-gradient(top, #008811, #006400);
  background-image: -ms-linear-gradient(top, #008811, #006400);
  background-image: -o-linear-gradient(top, #008811, #006400);
}
DIV#livestreambutton.mag:hover {
  background-color: #007711;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#009922), to(#007711));
  background-image: -webkit-linear-gradient(top, #009922, #007711);
  background-image: -moz-linear-gradient(top, #009922, #007711);
  background-image: -ms-linear-gradient(top, #009922, #007711);
  background-image: -o-linear-gradient(top, #009922, #007711);
}
DIV#livestreambutton.mag A#magbutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.mag A#magbutton span#one { display: inline-block; }
DIV#livestreambutton.mag A#magbutton span#two { display: none; }
DIV#livestreambutton.mag:hover A#magbutton span#one { display: none; }
DIV#livestreambutton.mag:hover A#magbutton span#two { display: inline-block; }


DIV#livestreambutton.facebook {
   background-color: #3C5AA2;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5474C0), to(#3C5AA2));
      background-image: -webkit-linear-gradient(top, #5474C0, #3C5AA2);
      background-image: -moz-linear-gradient(top, #5474C0, #3C5AA2);
      background-image: -ms-linear-gradient(top, #5474C0, #3C5AA2);
      background-image: -o-linear-gradient(top, #5474C0, #3C5AA2);
}
DIV#livestreambutton.facebook:hover {
   background-color: #5474C0;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7992CD), to(#5474C0));
      background-image: -webkit-linear-gradient(top, #7992CD, #5474C0);
      background-image: -moz-linear-gradient(top, #7992CD, #5474C0);
      background-image: -ms-linear-gradient(top, #7992CD, #5474C0);
      background-image: -o-linear-gradient(top, #7992CD, #5474C0);
}
DIV#livestreambutton.facebook A#facebookbutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.facebook A#facebookbutton span#one { display: inline-block; }
DIV#livestreambutton.facebook A#facebookbutton span#two { display: none; }
DIV#livestreambutton.facebook:hover A#facebookbutton span#one { display: none; }
DIV#livestreambutton.facebook:hover A#facebookbutton span#two { display: inline-block; }

DIV#livestreambutton.twitter {
  background-color: #60A8DA;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8BBFE4), to(#60A8DA));
  background-image: -webkit-linear-gradient(top, #8BBFE4, #60A8DA);
  background-image: -moz-linear-gradient(top, #8BBFE4, #60A8DA);
  background-image: -ms-linear-gradient(top, #8BBFE4, #60A8DA);
  background-image: -o-linear-gradient(top, #8BBFE4, #60A8DA);
}
DIV#livestreambutton.twitter:hover {
   background-color: #8BBFE4;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B5D6EE), to(#8BBFE4));
      background-image: -webkit-linear-gradient(top, #B5D6EE, #8BBFE4);
      background-image: -moz-linear-gradient(top, #B5D6EE, #8BBFE4);
      background-image: -ms-linear-gradient(top, #B5D6EE, #8BBFE4);
      background-image: -o-linear-gradient(top, #B5D6EE, #8BBFE4);
}
DIV#livestreambutton.twitter A#twitterbutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.twitter A#twitterbutton span#one { display: inline-block; }
DIV#livestreambutton.twitter A#twitterbutton span#two { display: none; }
DIV#livestreambutton.twitter:hover A#twitterbutton span#one { display: none; }
DIV#livestreambutton.twitter:hover A#twitterbutton span#two { display: inline-block; }

DIV#livestreambutton.gamevox {
   background-color: #EE4629;
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F16D55), to(#EE4629));
      background-image: -webkit-linear-gradient(top, #F16D55, #EE4629);
      background-image: -moz-linear-gradient(top, #F16D55, #EE4629);
      background-image: -ms-linear-gradient(top, #F16D55, #EE4629);
      background-image: -o-linear-gradient(top, #F16D55, #EE4629);
}
DIV#livestreambutton.gamevox:hover {
  background-color: #F16D55;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F59584), to(#F16D55));
  background-image: -webkit-linear-gradient(top, #F59584, #F16D55);
  background-image: -moz-linear-gradient(top, #F59584, #F16D55);
  background-image: -ms-linear-gradient(top, #F59584, #F16D55);
  background-image: -o-linear-gradient(top, #F59584, #F16D55);
}
DIV#livestreambutton.gamevox A#gamevoxbutton { font-family: Caudex, serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-decoration: none; }
DIV#livestreambutton.gamevox A#gamevoxbutton span#one { display: inline-block; }
DIV#livestreambutton.gamevox A#gamevoxbutton span#two { display: none; }
DIV#livestreambutton.gamevox:hover A#gamevoxbutton span#one { display: none; }
DIV#livestreambutton.gamevox:hover A#gamevoxbutton span#two { display: inline-block; }


DIV#blogitem {
  margin: 5px; padding: 0px;
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   width: 100%;
}
DIV#blogitem DIV#blogcontent { display: none; }
DIV#blogitem:hover DIV#blogcontent { display: block; }


UL#newsclips { margin: 5px; padding: 0px; list-style-type: none; }
UL#newsclips LI { font-family: Verdana, geneva, futura; font-weight: normal; line-height: 100%; font-size: 8pt; color: #AAAAAA; padding: 5px 0px; margin: 5px 0px; line-height: 125%; border-bottom: 1px solid #222222; }
UL#newsclips LI A { font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: bold; color: #CCBB66; line-height: 100%; }
UL#newsclips LI A:hover { font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: bold; color: #FFEE88; line-height: 100%; }


UL#newsclips LI DIV#lore-copy { display: none; }
UL#newsclips LI:hover DIV#lore-copy { display: inline-block; }


@media screen and (max-width: 598px)  { DIV#news { width: 100%; height: auto; float: left;  display: inline-block; } }
@media screen and (min-width: 598px)  { DIV#news { width: calc(100%/2); height: auto; float: left;  display: inline-block; } }
@media screen and (min-width: 742px)  { DIV#news { width: calc(100%/3); height: auto; float: left;  display: inline-block; }  }
@media screen and (min-width: 980px)  { DIV#news { width: calc(100%/4); height: auto; float: left;  display: inline-block; }
                                        DIV#news.i10 { display: none; } }
@media screen and (min-width: 1230px) { DIV#news { width: calc(100%/5); height: auto; float: left;  display: inline-block; }
                                        DIV#news.i10 { display: inline-block; }
                                        DIV#news.i9 { display: inline-block; } }
@media screen and (min-width: 1530px) { DIV#news { width: calc(100%/6); height: auto; float: left;  display: inline-block; }
                                        DIV#news.i10 { display: inline-block; }
                                        DIV#news.i9 { display: inline-block; } }
@media screen and (min-width: 1800px) { DIV#news { width: calc(100%/7); height: auto; float: left;  display: inline-block; }
                                        DIV#news.i10 { display: none; }
                                        DIV#news.i9 { display: none; } }
@media screen and (min-width: 2200px) { DIV#news { width: calc(100%/8); height: auto; float: left;  display: inline-block; } }


DIV#box {
  margin: 5px;
  border: 1px solid #444444;
  background-color: rgba(20,20,20,.8);
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
min-height: 225px;
overflow:hidden;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
}

DIV#mbox {
  margin: 5px;
  overflow:hidden;
}

DIV#news DIV#box  DIV#image{
  width: 100%; height: 141px;
  background-repeat: no-repeat; background-size: cover; background-position: center;
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

DIV#news DIV#box  DIV#content {
  padding: 10px;
  min-height: 70px;
}

DIV#news DIV#box  DIV#content A#headline {
  font-family: Caudex, 'Open Sans', sans-serif;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 10pt;
  text-decoration: none;
}
DIV#news DIV#box  DIV#byline, DIV#feature DIV#box  DIV#byline, DIV#article DIV#box  DIV#byline {
  font-family: 'Open Sans', sans-serif;
  color: #888888;
  font-size: 7pt;
  width: auto; float: left;
  margin: 0px;
  padding: 5px 0px 5px 10px;
  margin: 0px;
  height: 16px;
  display: inline-block;
}
DIV#news DIV#box  DIV#dateline, DIV#feature DIV#box  DIV#dateline, DIV#article DIV#box  DIV#dateline {
  font-family: 'Open Sans', sans-serif;
  color: #888888;
  font-size: 7pt;
  width: auto; float: right;
  margin: 0px;
  padding: 5px 10px 5px 0px;
  margin: 0px;
  height: 16px;
  display: inline-block;
  float: right;
  text-align: right;
}
DIV#tab-news     { border-bottom: 2px solid  #9C9C9C;  background-color: rgba(0,0,0,.7); }
DIV#tab-reviews  { border-bottom: 2px solid #BD0000; background-color: rgba(0,0,0,.7); }
DIV#tab-announcements  { border-bottom: 2px solid #B29A38; background-color: rgba(0,0,0,.7); }
DIV#tab-previews { border-bottom: 2px solid #52A300; background-color: rgba(0,0,0,.7); }
DIV#tab-life     { border-bottom: 2px solid #E07000; background-color: rgba(0,0,0,.7); }
DIV#tab-fiction  { border-bottom: 2px solid #FF6600; background-color: rgba(0,0,0,.7); }
DIV#tab-guides   { border-bottom: 2px solid #005EBD; background-color: rgba(0,0,0,.7); }
DIV#tab-features { border-bottom: 2px solid #00C200; background-color: rgba(0,0,0,.7); }
DIV#tab-livestreams { border-bottom: 2px solid #7550BA; background-color: rgba(0,0,0,.7); }
DIV#tab-columns  { border-bottom: 2px solid #8FB950; background-color: rgba(0,0,0,.7); }
DIV#tab-admin  { border-bottom: 2px solid #FF3300; background-color: rgba(221, 17, 0, 0.4); float: right; margin-right: 20px; }
DIV#tab-admin A { color: #FFFFFF; font-weight: bold; }

DIV.tab {
  float: left;
  width: auto; max-width: 100px;
  padding: 2px 10px;
   font-family: 'Open Sans', sans-serif;
   font-size: 7pt;
   position: relative; left: 10px; top: 0px; z-index: 90;
   color: #FFFFFF;
   border-right: 1px solid rgba(255,255,255, .2);
   border-left: 1px solid rgba(255,255,255, .2);
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.2)));
   background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
   background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
   background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));
   background-image: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));

}




@media screen and (max-width: 598px)  { /* MOBILE */
  div#third { width: 100%; height: auto; float: left;  display: inline-block; }
  div#solo { width: 100%; height: auto; float: left;  display: inline-block; }
  div#twothird { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fourth { width: 100%; height: auto; float: left;  display: inline-block; }
  div#twofourth { width: 100%; height: auto; float: left;  display: inline-block; }
  div#threefourth { width: 100%; height: auto; float: left;  display: inline-block; }
  div#full { width: 100%; height: auto; float: left;  display: inline-block; }
  div#half { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fifth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#break { clear: both; }
  div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; }
}
@media screen and (min-width: 598px)  {  /* TABLET */
  div#third { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#solo { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fifth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#twothird { width: 100%; height: auto; float: left;  display: inline-block; }
  div#fourth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#twofourth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#threefourth { width: calc(100%/2); height: auto; float: left;  display: inline-block; }
  div#full { width: 100%; height: auto; float: left;  display: inline-block; }
  div#half { width: 50%; height: auto; float: left;  display: inline-block; }
  div#break { clear: both; }
  div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; }

}

@media screen and (min-width: 700px)  {  /* DESKTOP */
  div#third { width: calc(100%/3); height: auto; float: left;  display: inline-block; }
  div#solo { width: calc(100%/3); height: auto; float: left;  display: inline-block; }
  div#fourth { width: calc(100%/4); height: auto; float: left;  display: inline-block; }
  div#fifth { width: calc(100%/5); height: auto; float: left;  display: inline-block; }
  div#twofourth { width: calc((100%/4)*2); height: auto; float: left;  display: inline-block; }
  div#threefourth { width: calc((100%/4)*3); height: auto; float: left;  display: inline-block; }
  div#twothird { width: calc((100%/3)*2); height: auto; float: left;  display: inline-block; }
  div#full { width: 100%; height: auto; float: left;  display: inline-block; }
  div#half { width: 50%; height: auto; float: left;  display: inline-block; }
  div#break { clear: both; }
  div#linebreak { clear: both; border-top: 1px solid #CCCCCC; margin-top: 20px; padding-top: 5px; }
}

#divfade {
    clear: both;
  display:block;
  height:1px;
  background: rgba(255,255,255,.1);
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(204,204,204,.3)), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,204,204,.3) 50%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,204,204,.3) 50%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(204,204,204,.3) 50%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(204,204,204,.3) 50%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000', GradientType=1 );
  margin: 10px 0px;
}

#divfade-gold {
    clear: both;
  display:block;
  height:1px;
  background: rgba(214, 195, 105,.1);
  background: -moz-linear-gradient(left, rgba(214, 195, 105,0) 0%, rgba(214, 195, 105, 0.3) 50%, rgba(214, 195, 105,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(214, 195, 105,0)), color-stop(50%, rgba(214, 195, 105, 0.3)), color-stop(100%, rgba(214, 195, 105,0)));
  background: -webkit-linear-gradient(left, rgba(214, 195, 105,0) 0%, rgba(214, 195, 105, 0.3) 50%, rgba(214, 195, 105,0) 100%);
  background: -o-linear-gradient(left, rgba(214, 195, 105,0) 0%, rgba(214, 195, 105, 0.3) 50%, rgba(214, 195, 105,0) 100%);
  background: -ms-linear-gradient(left, rgba(214, 195, 105,0) 0%, rgba(214, 195, 105, 0.3) 50%, rgba(214, 195, 105,0) 100%);
  background: linear-gradient(to right, rgba(214, 195, 105,0) 0%, rgba(214, 195, 105, 0.3) 50%, rgba(214, 195, 105,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000', GradientType=1 );
  margin: 10px 0px;
}
DIV#cbox {
  margin: 10px 20px;
overflow:hidden;
}

DIV#highlightbox {
  font-size: 10pt;
  margin: 20px 10px;
  overflow:hidden;
  background-color: rgba(238, 221, 119, .1);
  border: 1px solid rgba(238, 221, 119, .5);
   -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;

}
DIV#highlightbox B {
  font-family: Caudex, serif;
  font-size: 12pt;
}
H2#classy {
  font-family: Caudex, serif;
  border: 0px;
  font-size: 20pt;
  text-align: center;
}

@media screen and (max-width: 598px)  { /* MOBILE */
  DIV#block {
    width: 50%;
    display: inline-block;
    margin: 5px auto;
  }
}
@media screen and (min-width: 598px)  { /* DESKTOP */
  DIV#block {
    width: 12.5%; max-width: 200px;
    display: inline-block;
    margin: 5px auto;
  }
}
TABLE.gamepreview {
 margin: 5px;
 border: 1px solid #CCC08B;
 -moz-box-shadow:    0px 0px 5px 6px #000000;
   -webkit-box-shadow: 0px 0px 5px 6px #000000;
   box-shadow:         0px 0px 5px 6px #000000;
   -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

TABLE.gamepreview TD { text-align: center; padding: 5px;  border-bottom: 1px solid rgba(0,0,0,0.8);  }
TABLE.gamepreview TD.off { width: 33%; text-align: center;  border-top: 1px solid rgba(255,255,255,0.2);          border-right: 1px solid rgba(255,255,255,0.2);                                                                                 background: #111111;
                                   background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111000));
                                background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                     background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                    background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                  background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 ); }

TABLE.gamepreview TD.on, TABLE.gamepreview TD.off:hover { width: 33%; padding: 5px; text-align: center; border-top: 1px solid rgba(255,255,255,0.2);  border-right: 1px solid rgba(255,255,255,0.2);                                                                                        background: #11AA33;
                                   background: -moz-linear-gradient(top,  #22BB44 0%,               #11AA33 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22BB44), color-stop(100%,#11AA33));
                                background: -webkit-linear-gradient(top,  #22BB44 0%,               #11AA33 100%);
                                     background: -o-linear-gradient(top,  #22BB44 0%,               #11AA33 100%);
                                    background: -ms-linear-gradient(top,  #22BB44 0%,               #11AA33 100%);
                                  background: linear-gradient(to bottom,  #22BB44 0%,               #11AA33 100%);
filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#22BB44',    endColorstr='#11AA33', GradientType=0 ); }

TABLE.gamepreview TD.off:last-child {
 border-right: none;
}
TABLE.gamepreview td.rightcorner { -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; }
TABLE.gamepreview td.leftcorner { -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; }
  

DIV#block DIV#game {
 margin: 5px;
 border: 1px solid #CCC08B;
 -moz-box-shadow:    0px 0px 5px 6px #000000;
   -webkit-box-shadow: 0px 0px 5px 6px #000000;
   box-shadow:         0px 0px 5px 6px #000000;
   -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
DIV#game DIV#logo {
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;

                                                                                        background: #EEEEEE;
                                   background: -moz-linear-gradient(top,  #FFFFFF 0%,               #EEEEEE 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE));
                                background: -webkit-linear-gradient(top,  #FFFFFF 0%,               #EEEEEE 100%);
                                     background: -o-linear-gradient(top,  #FFFFFF 0%,               #EEEEEE 100%);
                                    background: -ms-linear-gradient(top,  #FFFFFF 0%,               #EEEEEE 100%);
                                  background: linear-gradient(to bottom,  #FFFFFF 0%,               #EEEEEE 100%);
filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#FFFFFF',    endColorstr='#EEEEEE', GradientType=0 );
padding: 10px;

  border-bottom: 1px solid #000000;
}
DIV#game DIV#bottomname {
                                                                                          background: #113311;
                                     background: -moz-linear-gradient(top,  #224422 0%,               #113311 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#224422), color-stop(100%,#113311));
                                  background: -webkit-linear-gradient(top,  #224422 0%,               #113311 100%);
                                       background: -o-linear-gradient(top,  #224422 0%,               #113311 100%);
                                      background: -ms-linear-gradient(top,  #224422 0%,               #113311 100%);
                                    background: linear-gradient(to bottom,  #224422 0%,               #113311 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#224422',    endColorstr='#113311', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;

}
DIV#game DIV#bottomname A {
  font-size: 9pt;
  font-family: Caudex, serif;
  font-weight: bold;
  color: #FFFFFF;
}

DIV#game DIV#name {
                                                                                          background: #113311;
                                     background: -moz-linear-gradient(top,  #224422 0%,               #113311 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#224422), color-stop(100%,#113311));
                                  background: -webkit-linear-gradient(top,  #224422 0%,               #113311 100%);
                                       background: -o-linear-gradient(top,  #224422 0%,               #113311 100%);
                                      background: -ms-linear-gradient(top,  #224422 0%,               #113311 100%);
                                    background: linear-gradient(to bottom,  #224422 0%,               #113311 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#224422',    endColorstr='#113311', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
}
DIV#game DIV#name A {
  font-size: 10pt;
  font-family: Caudex, serif;
  font-weight: bold;
  color: #FFFFFF;
}
DIV#game DIV#release {
                                                                                          background: #111133;
                                     background: -moz-linear-gradient(top,  #222244 0%,               #111133 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222244), color-stop(100%,#111133));
                                  background: -webkit-linear-gradient(top,  #222244 0%,               #111133 100%);
                                       background: -o-linear-gradient(top,  #222244 0%,               #111133 100%);
                                      background: -ms-linear-gradient(top,  #222244 0%,               #111133 100%);
                                    background: linear-gradient(to bottom,  #222244 0%,               #111133 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222244',    endColorstr='#111133', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
}

DIV#game DIV#population {

  font-size: 9pt;
  font-family: Caudex, serif;
  width: 120px; display: inline-block; float: right;
                                                                                          background: #111111;
                                     background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                  background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                       background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                    background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-right: 1px solid rgba(0,0,0,0.8);
  -webkit-border-bottom-right-radius: 5px;
      -moz-border-radius-bottomright: 5px;
          border-bottom-right-radius: 5px;
          text-align: right;
}
DIV#game DIV#join {
  font-size: 9pt;
  font-family: Caudex, serif;
  width: 50px; display: inline-block; float: left;
                                                                                          background: #111111;
                                     background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                  background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                       background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                    background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-right: 1px solid rgba(0,0,0,0.8);
  -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomleft: 5px;
          border-bottom-left-radius: 5px;
}
DIV#game DIV#join:hover {
  font-size: 9pt;
  font-family: Caudex, serif;
  width: 50px; display: inline-block; float: left;
                                                                                          background: #113311;
                                     background: -moz-linear-gradient(top,  #224422 0%,               #113311 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#224422), color-stop(100%,#113311));
                                  background: -webkit-linear-gradient(top,  #224422 0%,               #113311 100%);
                                       background: -o-linear-gradient(top,  #224422 0%,               #113311 100%);
                                      background: -ms-linear-gradient(top,  #224422 0%,               #113311 100%);
                                    background: linear-gradient(to bottom,  #224422 0%,               #113311 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#224422',    endColorstr='#113311', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-right: 1px solid rgba(0,0,0,0.8);
  -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomleft: 5px;
          border-bottom-left-radius: 5px;
}
DIV#game DIV#leave {
  font-size: 9pt;
  font-family: Caudex, serif;
  width: 50px; display: inline-block; float: left;
                                                                                          background: #001100;
                                     background: -moz-linear-gradient(top,  #002200 0%,               #001100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002200), color-stop(100%,#001100));
                                  background: -webkit-linear-gradient(top,  #002200 0%,               #001100 100%);
                                       background: -o-linear-gradient(top,  #002200 0%,               #001100 100%);
                                      background: -ms-linear-gradient(top,  #002200 0%,               #001100 100%);
                                    background: linear-gradient(to bottom,  #002200 0%,               #001100 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#002200',    endColorstr='#001100', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-right: 1px solid rgba(0,0,0,0.8);
  -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomleft: 5px;
          border-bottom-left-radius: 5px;
}
DIV#game DIV#leave:hover {
  font-size: 9pt;
  font-family: Caudex, serif;
  color: #FFFFFF;
  width: 50px; display: inline-block; float: left;
                                                                                          background: #330000;
                                     background: -moz-linear-gradient(top,  #440000 0%,               #330000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#440000), color-stop(100%,#330000));
                                  background: -webkit-linear-gradient(top,  #440000 0%,               #330000 100%);
                                       background: -o-linear-gradient(top,  #440000 0%,               #330000 100%);
                                      background: -ms-linear-gradient(top,  #440000 0%,               #330000 100%);
                                    background: linear-gradient(to bottom,  #440000 0%,               #330000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#440000',    endColorstr='#330000', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-right: 1px solid rgba(0,0,0,0.8);
  -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomleft: 5px;
          border-bottom-left-radius: 5px;
}

<style type="text/css">
TABLE#heros A {
  font-weight: normal;
  color: #DDCC66;
}

TABLE#heros A:hover {
  font-weight: normal;
  color: #FFEE99;
}

TABLE#heros tr tH{
   border: 1px outset rgba(100,100,100, 0.2);
   border-bottom: 1px solid #000000;
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
   background-image: -webkit-linear-gradient(top, #333333, #111111);
   background-image: -moz-linear-gradient(top, #333333, #111111);
   background-image: -ms-linear-gradient(top, #333333, #111111);
   background-image: -o-linear-gradient(top, #333333, #111111);
   padding: 10px;
    font-size: 10pt;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    color: #FFFFFF;
}

TABLE#heros tr td{
   border-bottom: 1px solid rgba(150,150,150, 0.5);
   background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#000000));
   background-image: -webkit-linear-gradient(top, #111111, #000000);
   background-image: -moz-linear-gradient(top, #111111, #000000);
   background-image: -ms-linear-gradient(top, #111111, #000000);
   background-image: -o-linear-gradient(top, #111111, #000000);
   color: #AAAAAA;
   padding: 10px;
}

TABLE#heros tr td A{
  color: #CCBB66;
  font-family: Caudex, Georgia, san-serif;
  font-size: 16pt;
  line-height: 100%;
}
TABLE#heros tr td A#inactive {
  color: #AAAAAA;
  font-family: Caudex, Georgia, san-serif;
  font-size: 10pt;
  line-height: 100%;
}
TABLE#heros tr td B {
  font-family: Caudex, Georgia, san-serif;
  font-size: 18pt;
  color: #CCBB66;
}

TABLE#features {
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #444444; margin-top: 15px; margin-bottom: 25px;
}
TABLE#features TR  TH {
  font-family: Caudex, Georgia, san-serif;
  font-size: 12pt;
  color: #FFFFFF;
  padding: 10px 10px;
  text-shadow: 1px 1px 3px #000000;
                                                                                          background: #111111;
                                     background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                  background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                       background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                    background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
  border-bottom: 1px solid rgba(0,0,0,0.5);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-top: 1px solid rgba(255,255,255,0.2);
  border-right: 1px solid rgba(0,0,0,0.5);
}
TABLE#features TR TH#o {

                                                                                          background: #733626;
                                     background: -moz-linear-gradient(top,  #863E2D 0%,               #733626 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#863E2D), color-stop(100%,#733626));
                                  background: -webkit-linear-gradient(top,  #863E2D 0%,               #733626 100%);
                                       background: -o-linear-gradient(top,  #863E2D 0%,               #733626 100%);
                                      background: -ms-linear-gradient(top,  #863E2D 0%,               #733626 100%);
                                    background: linear-gradient(to bottom,  #863E2D 0%,               #733626 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#863E2D',    endColorstr='#733626', GradientType=0 );
}
TABLE#features TR TH#g {

                                                                                          background: #2A6020;
                                     background: -moz-linear-gradient(top,  #349121 0%,               #2A6020 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#349121), color-stop(100%,#2A6020));
                                  background: -webkit-linear-gradient(top,  #349121 0%,               #2A6020 100%);
                                       background: -o-linear-gradient(top,  #349121 0%,               #2A6020 100%);
                                      background: -ms-linear-gradient(top,  #349121 0%,               #2A6020 100%);
                                    background: linear-gradient(to bottom,  #349121 0%,               #2A6020 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#349121',    endColorstr='#2A6020', GradientType=0 );
}
TABLE#features TR TH#b {

                                                                                          background: #203A60;
                                     background: -moz-linear-gradient(top,  #264573 0%,               #203A60 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#264573), color-stop(100%,#203A60));
                                  background: -webkit-linear-gradient(top,  #264573 0%,               #203A60 100%);
                                       background: -o-linear-gradient(top,  #264573 0%,               #203A60 100%);
                                      background: -ms-linear-gradient(top,  #264573 0%,               #203A60 100%);
                                    background: linear-gradient(to bottom,  #264573 0%,               #203A60 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#264573',    endColorstr='#203A60', GradientType=0 );
}
TABLE#features TR TH#p {

                                                                                          background: #2F2061;
                                     background: -moz-linear-gradient(top,  #432E8A 0%,               #2F2061 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#432E8A), color-stop(100%,#2F2061));
                                  background: -webkit-linear-gradient(top,  #432E8A 0%,               #2F2061 100%);
                                       background: -o-linear-gradient(top,  #432E8A 0%,               #2F2061 100%);
                                      background: -ms-linear-gradient(top,  #432E8A 0%,               #2F2061 100%);
                                    background: linear-gradient(to bottom,  #432E8A 0%,               #2F2061 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#432E8A',    endColorstr='#2F2061', GradientType=0 );
}
TABLE#features TR:first-child TH:first-child {
  -webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}
TABLE#features TR:first-child TH:last-child {
  -webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}

TABLE#features  TR#header  TH {
  font-family: Caudex, Georgia, san-serif;
  font-size: 12pt;
  color: #EEDD55;
  padding: 20px 10px;
  text-shadow: 1px 1px 3px #000000;
                                                                                          background: #000000;
                                     background: -moz-linear-gradient(top,  #111111 0%,               #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,#000000));
                                  background: -webkit-linear-gradient(top,  #111111 0%,               #000000 100%);
                                       background: -o-linear-gradient(top,  #111111 0%,               #000000 100%);
                                      background: -ms-linear-gradient(top,  #111111 0%,               #000000 100%);
                                    background: linear-gradient(to bottom,  #111111 0%,               #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#111111',    endColorstr='#000000', GradientType=0 );  border-bottom: 1px solid rgba(0,0,0,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-top: 1px solid rgba(255,255,255,0.2);
  border-right: 1px solid rgba(0,0,0,0.5);
  border-bottom: 1px solid rgba(0,0,0,0.5);
}
TABLE#features TR TD {
  font-size: 10pt;
  color: #FFFFFF;
  height: 40px;
  padding: 10px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.5);
}
TABLE#features TR TD B {
  font-family: Caudex, Georgia, san-serif;
  color: #C0B162;
  text-shadow: 1px 1px 3px #000000;
}

TABLE#features tr:nth-child(even) TD { background-color: rgba(175,175,175,.1); }
TABLE#features tr:nth-child(odd) TD { background-color: rgba(255,255,255,0); }

DIV#icon {
  display: inline-block;
  width: auto;
  float: left;
  margin: 5px;
  text-align: center;
}

INPUT#fancybutton {
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 12pt !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #CCBB66 !important;
  padding: 5px 15px !important;
  background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66  !important;
   text-shadow: 1px 1px 3px #000000 !important;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-border-radius: 4px !important;
   -moz-border-radius: 4px !important;
   border-radius: 4px !important;
   width: auto;
}

INPUT#fancybutton:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,195,0, 0.3)), to(rgba(0,101,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   width: auto;
}


div.center {
  margin: 0px auto; width: 100%;
  text-align: center
}

DIV.badge {
  text-decoration: none !important;
  font-weight: bold !important;
  color: #CCBB66 !important;
  background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66  !important;
   text-shadow: 1px 1px 3px #000000 !important;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-border-radius: 5px !important;
   -moz-border-radius: 5px !important;
   border-radius: 5px !important;
   width: 120px;
   height: auto;
   padding: 20px;
   display: inline-block;
   text-align: center;
   margin: 5px 5px;
}
DIV.badge > DIV.title {
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 10pt !important;
  color: #FFFFFF;
  font-weight: bold;
  text-align: center
}
DIV.badge > DIV.stat {
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 26pt !important;
  color: #CCBB66;
  font-weight: bold;
  text-align: center

}
DIV#badge-frame {
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 12pt !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #CCBB66 !important;
  background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66  !important;
   text-shadow: 1px 1px 3px #000000 !important;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-border-radius: 5px !important;
   -moz-border-radius: 5px !important;
   border-radius: 5px !important;
   width: auto;
   height: auto;
   clear: both;
   display: block;
}
DIV#badge-header {
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
  background-color: rgba(0,50,0, 0.5);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,75,0, 0.5)), to(rgba(0,25,0,0.5)));
   background-image: -webkit-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
   background-image: -moz-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
   background-image: -ms-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
   background-image: -o-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
   padding: 5px 15px;
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 12pt !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid #555555;
}

DIV#badge-bg {
  width: 100px; height: 100px; border: 1px solid #555555;
   display: block;
}
DIV#badge-name A, DIV#badge-name  {
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 14pt !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #CCBB66 !important;
   text-shadow: 1px 1px 3px #000000 !important;
}
DIV#badge-chart {
  border: 1px inset #555555; height: 25px;
                                                                                          background: #222222;
                                     background: -moz-linear-gradient(top,  #111111 0%,               #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,#222222));
                                  background: -webkit-linear-gradient(top,  #111111 0%,               #222222 100%);
                                       background: -o-linear-gradient(top,  #111111 0%,               #222222 100%);
                                      background: -ms-linear-gradient(top,  #111111 0%,               #222222 100%);
                                    background: linear-gradient(to bottom,  #111111 0%,               #222222 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#111111',    endColorstr='#222222', GradientType=0 );
  margin-top: 5px; margin-bottom: 5px; padding: 0px;
}
DIV#badge-complete {
  border: 1px outset rgba(200,200,200,0.5); height: 23px; display: inline-block; z-index: 10; position: relative; left: 0; top: 0;
                                                                                          background: #998822;
                                     background: -moz-linear-gradient(top,  #AA9933 0%,               #998822 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AA9933), color-stop(100%,#998822));
                                  background: -webkit-linear-gradient(top,  #AA9933 0%,               #998822 100%);
                                       background: -o-linear-gradient(top,  #AA9933 0%,               #998822 100%);
                                      background: -ms-linear-gradient(top,  #AA9933 0%,               #998822 100%);
                                    background: linear-gradient(to bottom,  #AA9933 0%,               #998822 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#AA9933',    endColorstr='#998822', GradientType=0 );
   padding: 0px;
}
DIV#badge-rank { z-index: 100; float: left; width: auto;  position: relative; left: 0; top: 0;}
DIV#badge-perc { z-index: 100; float: right; width: auto; position: relative; right: 0; top: 0; }
DIV#badge-role {
  font-weight: normal; font-style: italic; color: #FFFFFF; margin-bottom: 5px; margin-top: -2px;
}

DIV#badge-title {
 margin-top: 5px; font-weight: normal;
}
DIV#badge-exp {
   float: right;
}







TABLE#fancy {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66  !important;
   text-shadow: 1px 1px 3px #000000 !important;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-border-radius: 5px !important;
   -moz-border-radius: 5px !important;
   border-radius: 5px !important;
   margin: 10px 0px;
   width: 100%;
}
TABLE#fancy TR TH {
  background-color: rgba(0,50,0, 0.5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,75,0, 0.5)), to(rgba(0,25,0,0.5)));
  background-image: -webkit-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -moz-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -ms-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -o-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  padding: 5px 15px;
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 10pt !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid #555555;
}
TABLE#fancy TR TH#h, TABLE#fancy TR#h TH {
  background-color: rgba(0,0,0, 0.5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(25,25,25, 0.5)), to(rgba(0,0,0,0.5)));
  background-image: -webkit-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -moz-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -ms-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -o-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  padding: 10px 15px;
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 12pt !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-top: 1px solid rgba(255,255,255,0.2);
}
TABLE#fancy TR TH:first-child {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}
TABLE#fancy TR TH:last-child {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}
TABLE#fancy tr:nth-child(even) { background-color: rgba(75,75,75, 0.2);}
TABLE#fancy tr:nth-child(odd) { background-color: rgba(50,50,50, 0.1); }

TABLE#fancy TR TD {
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 10pt !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
  padding: 5px 10px;
}
TABLE#fancy TR TD A {
  font-size: 12pt; color: #CCBB66; font-weight: bold;
}
TABLE#fancy TR TD B {
  font-size: 10pt; color: #CCBB66; font-weight: bold;
}
TABLE#fancy TR TD SMALL {
  font-family: Tahoma, Geneva, Futura; font-size: 7pt; color: #888888; font-weight: normal;
}
TABLE#fancy TR TD#h { color: #CCBB66; font-weight: bold; font-size: 10pt; }



TABLE#fancysm {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66  !important;
   text-shadow: 1px 1px 3px #000000 !important;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-border-radius: 5px !important;
   -moz-border-radius: 5px !important;
   border-radius: 5px !important;
   margin: 10px 0px;
   width: 100%;
}
TABLE#fancysm TR TH {
  background-color: rgba(0,50,0, 0.5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,75,0, 0.5)), to(rgba(0,25,0,0.5)));
  background-image: -webkit-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -moz-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -ms-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -o-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  padding: 5px 15px;
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 9pt !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid #555555;
}
TABLE#fancysm TR TH#h {
  background-color: rgba(0,0,0, 0.5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(25,25,25, 0.5)), to(rgba(0,0,0,0.5)));
  background-image: -webkit-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -moz-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -ms-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -o-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  padding: 5px 15px;
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 9pt !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-top: 1px solid rgba(255,255,255,0.2);
}
TABLE#fancysm TR TH:first-child {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}
TABLE#fancysm TR TH:last-child {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}
TABLE#fancysm tr:nth-child(even) { background-color: rgba(75,75,75, 0.2);}
TABLE#fancysm tr:nth-child(odd) { background-color: rgba(50,50,50, 0.1); }
\
TABLE#fancysm tr#s TD, TABLE#fancysm tr#s  { background-color: rgba(84, 116, 192, 0.5); }
TABLE#fancysm tr#s TD A, TABLE#fancysm tr#s TD  B { color: rgba(126, 187, 231, 1); }

TABLE#fancysm TR TD {
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 10pt !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
  padding: 2px 10px;
}
TABLE#fancysm TR TD A {
  font-size: 9pt; color: #CCBB66; font-weight: bold;
}
TABLE#fancysm TR TD B {
  font-size: 9pt; color: #CCBB66; font-weight: bold;
}
TABLE#fancysm TR TD SMALL {
  font-family: Tahoma, Geneva, Futura; font-size: 7pt; color: #888888; font-weight: normal;
}
TABLE#fancysm TR TD#h { color: #CCBB66; font-weight: bold; font-size: 9pt; }


UL#fancylist {
    list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;

}
UL#fancylist > LI {

    color: #AAAAAA;
    padding: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 8pt;
}
UL#fancylist > LI:nth-child(even) { background-color: rgba(75,75,75, 0.2); border-bottom: 1px solid rgba(100,100,100,0.3); }
UL#fancylist > LI:nth-child(odd) { background-color: rgba(50,50,50, 0.1); border-bottom: 1px solid rgba(100,100,100,0.3); }
UL#fancylist > LI > A#focus {
    font-size: 10pt;
    color: #EEDD77;
    text-decoration: none;
    font-family: Caudex, 'Open Sans', sans-serif;
}


UL#fancy {
    list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px;
}
UL#fancy > LI {
    color: #DDDDDD;
    padding: 10px 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10pt;
    line-height: 150%;
}
UL#fancy > LI > B {
    color: #EEDD77;
    font-family: Caudex, 'Open Sans', sans-serif;
    font-size: 12pt;
}


DIV#evt > DIV#hdrplate {
  padding: 5px 10px;
  border-top: 1px solid rgba(255,255,255,0.5);
  border-bottom: 1px solid rgba(0,0,0,0.5);
  background-color: rgba(0,50,0, 0.5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,75,0, 0.5)), to(rgba(0,25,0,0.5)));
  background-image: -webkit-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -moz-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -ms-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -o-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));

}

DIV#evt > DIV#footer {
  padding: 5px 10px;
  border-top: 1px solid rgba(255,255,255,0.5);
  border-bottom: 1px solid rgba(0,0,0,0.5);
                                                                                          background: rgba(0,75,75, 0.5);
                                     background: -moz-linear-gradient(top,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,75,75, 0.5)), color-stop(100%,rgba(25,25,25,0.5)));
                                  background: -webkit-linear-gradient(top,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
                                       background: -o-linear-gradient(top,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
                                      background: -ms-linear-gradient(top,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
                                    background: linear-gradient(to bottom,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#333333',    endColorstr='#111111', GradientType=0 );

}
DIV#evt > DIV#hdrplate > DIV#date {
 font-size: 9pt;
 color: #FFFFFF;
}
DIV#evt > DIV#hdrplate > DIV#hdr > A{
  font-family: Caudex, 'Open Sans', sans-serif;
  color: #DFC961;
  font-weight: bold;
  font-size: 14pt;
  text-decoration: none;
}
DIV#evt > DIV#hdrplate > DIV#hdr > A:hover {
  font-family: Caudex, 'Open Sans', sans-serif;
  color: #BBAA55;
  font-weight: bold;
  font-size: 14pt;
  text-decoration: none;
}

DIV#evt > DIV#body {
 font-size: 10pt;
 height: 213px;
 overflow: auto;
 padding: 10px;
}

DIV#evthdr {
  padding: 5px 10px;
  border-top: 1px solid rgba(255,255,255,0.5);
  border-bottom: 1px solid rgba(0,0,0,0.5);
                                                                                          background: rgba(0,75,75, 0.5);
                                     background: -moz-linear-gradient(top,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,75,75, 0.5)), color-stop(100%,rgba(25,25,25,0.5)));
                                  background: -webkit-linear-gradient(top,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
                                       background: -o-linear-gradient(top,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
                                      background: -ms-linear-gradient(top,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
                                    background: linear-gradient(to bottom,  rgba(75,75,75, 0.5) 0%,               rgba(25,25,25,0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#333333',    endColorstr='#111111', GradientType=0 );
  font-family: Caudex, 'Open Sans', sans-serif;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 10pt;
  text-decoration: none;
}


DIV#boxfeature {
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
  border: 1px solid #BBAA55;
}

DIV#boxheader {
    -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: 1px solid #BBAA55;
}
DIV#boxtitle {
  text-align: center;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.2);
  padding: 5px 10px;
                                                                                          background: #111111;
                                     background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                  background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                       background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                    background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );

}
DIV#boxtitle > A {
    font-family: Caudex, 'Open Sans', sans-serif;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 12pt;
  text-decoration: none;
}

DIV.forumhdr {
  border-top: 1px solid rgba(255,255,255,0.2);
                                                                                          background: #111111;
                                     background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                  background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                       background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                    background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
  padding: 5px 10px;
  text-align: left;
  font-family: Caudex, 'Open Sans', sans-serif;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 10pt;
  text-decoration: none;

}

DIV#boxbuttons {
  border-top: 1px solid rgba(255,255,255,0.2);
                                                                                          background: #002200;
                                     background: -moz-linear-gradient(top,  #003300 0%,               #002200 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003300), color-stop(100%,#002200));
                                  background: -webkit-linear-gradient(top,  #003300 0%,               #002200 100%);
                                       background: -o-linear-gradient(top,  #003300 0%,               #002200 100%);
                                      background: -ms-linear-gradient(top,  #003300 0%,               #002200 100%);
                                    background: linear-gradient(to bottom,  #003300 0%,               #002200 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#003300',    endColorstr='#002200', GradientType=0 );
  padding: 5px 10px;
  text-align: center;
  -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
  font-family: Caudex, 'Open Sans', sans-serif;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 9pt;
  text-decoration: none;

}
DIV#boxbuttons > A {
  font-family: Caudex, 'Open Sans', sans-serif;
  color: #EEDD77;
  font-weight: bold;
  font-size: 9pt;
  text-decoration: none;
}

DIV#smblock {
  width: 120px;
  display: inline-block;
  margin: 5px auto;
  vertical-align: top;
}
DIV#smblock > DIV#smgame {
 margin: 5px;
 border: 1px solid #CCC08B;
 -moz-box-shadow:    0px 0px 5px 6px #000000;
   -webkit-box-shadow: 0px 0px 5px 6px #000000;
   box-shadow:         0px 0px 5px 6px #000000;
   -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
DIV#smblock > DIV#smgame > DIV#smlogo {
  max-width: 120px;
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;

                                                                                        background: #EEEEEE;
                                   background: -moz-linear-gradient(top,  #FFFFFF 0%,               #EEEEEE 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EEEEEE));
                                background: -webkit-linear-gradient(top,  #FFFFFF 0%,               #EEEEEE 100%);
                                     background: -o-linear-gradient(top,  #FFFFFF 0%,               #EEEEEE 100%);
                                    background: -ms-linear-gradient(top,  #FFFFFF 0%,               #EEEEEE 100%);
                                  background: linear-gradient(to bottom,  #FFFFFF 0%,               #EEEEEE 100%);
filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#FFFFFF',    endColorstr='#EEEEEE', GradientType=0 );
padding: 10px;

  border-bottom: 1px solid #000000;
}
DIV#smblock > DIV#smgame > DIV#smbottomname {
                                                                                          background: #113311;
                                     background: -moz-linear-gradient(top,  #224422 0%,               #113311 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#224422), color-stop(100%,#113311));
                                  background: -webkit-linear-gradient(top,  #224422 0%,               #113311 100%);
                                       background: -o-linear-gradient(top,  #224422 0%,               #113311 100%);
                                      background: -ms-linear-gradient(top,  #224422 0%,               #113311 100%);
                                    background: linear-gradient(to bottom,  #224422 0%,               #113311 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#224422',    endColorstr='#113311', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
min-height: 25px;

}
DIV#smblock DIV#smgame DIV#smbottomname A {
  font-size: 7pt;
  font-family: Caudex, serif;
  font-weight: bold;
  color: #FFFFFF;
}

DIV#smblock DIV#smgame DIV#join {font-size: 7pt;
  font-family: Caudex, serif;
  display: block;
                                                                                          background: #111111;
                                     background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                  background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                       background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                    background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-right: 1px solid rgba(0,0,0,0.8);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
DIV#smblock DIV#smgame DIV#join:hover {font-size: 7pt;
  font-family: Caudex, serif;
  display: block;
                                                                                          background: #113311;
                                     background: -moz-linear-gradient(top,  #224422 0%,               #113311 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#224422), color-stop(100%,#113311));
                                  background: -webkit-linear-gradient(top,  #224422 0%,               #113311 100%);
                                       background: -o-linear-gradient(top,  #224422 0%,               #113311 100%);
                                      background: -ms-linear-gradient(top,  #224422 0%,               #113311 100%);
                                    background: linear-gradient(to bottom,  #224422 0%,               #113311 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#224422',    endColorstr='#113311', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-right: 1px solid rgba(0,0,0,0.8);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
DIV#smblock DIV#smgame DIV#leave {
  font-size: 7pt;
  font-family: Caudex, serif;
  display: block;
                                                                                          background: #001100;
                                     background: -moz-linear-gradient(top,  #002200 0%,               #001100 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#002200), color-stop(100%,#001100));
                                  background: -webkit-linear-gradient(top,  #002200 0%,               #001100 100%);
                                       background: -o-linear-gradient(top,  #002200 0%,               #001100 100%);
                                      background: -ms-linear-gradient(top,  #002200 0%,               #001100 100%);
                                    background: linear-gradient(to bottom,  #002200 0%,               #001100 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#002200',    endColorstr='#001100', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-right: 1px solid rgba(0,0,0,0.8);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
DIV#smblock DIV#smgame DIV#leave:hover {
font-size: 7pt;
  font-family: Caudex, serif;
  display: block;
  color: #FFFFFF;
                                                                                          background: #330000;
                                     background: -moz-linear-gradient(top,  #440000 0%,               #330000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#440000), color-stop(100%,#330000));
                                  background: -webkit-linear-gradient(top,  #440000 0%,               #330000 100%);
                                       background: -o-linear-gradient(top,  #440000 0%,               #330000 100%);
                                      background: -ms-linear-gradient(top,  #440000 0%,               #330000 100%);
                                    background: linear-gradient(to bottom,  #440000 0%,               #330000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#440000',    endColorstr='#330000', GradientType=0 );
  padding: 5px;
  border-top: 1px solid rgba(255,255,255,0.2);
  border-left: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-right: 1px solid rgba(0,0,0,0.8);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}


#gaisciochbgcolor {   border-left: 2px solid rgba(34, 170, 51, 0.5); background: url("/images/game_gaisc.png") no-repeat; background-position: 10px 50%; padding-left: 25px; }

H2#section {
  margin-top: 20px; margin-bottom: 10px; border-bottom: 5px solid rgba(100,100,100,0.2);
}
H2#section A {
  color: #FFFFFF; text-decoration: none;
}
h1#headerrow {
  margin: 20px 0px;
  font-size: 20pt; background-color: rgba(0,150,0, 0.2); padding: 10px 20px; border-bottom: 5px solid rgba(255,255,255,0.1);
}
h1#headerrow A {
  text-decoration: none; color: #FFFFFF;
}


DIV#featureart {

}
DIV#featurecontent {
                                                                                          background: #111111;
                                     background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                  background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                       background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                    background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
  text-align: center;
  color: rgba(255,255,255, 0.2);
  margin: -4px 0px 5px 0px;
  min-height: 80px;
  display: table;
  width: 100%;
}

DIV#featurecontent > DIV {
  display: table-cell; vertical-align: middle; text-align: center; padding: 10px 20px; width: 100%; line-height: 125%;
}
DIV#featurecontent > DIV > SPAN {
   font-size: 8pt; color: #AAAAAA;
}
DIV#featurecontent > DIV > A {
  font-family: Caudex, serif; font-size: 12pt; color: #FFFFFF; text-decoration: none;  line-height: 125%
}


ul#newslist {
 list-style: none;
 margin: 0px 0px 20px 0px; padding: 0px;
}


ul#newslist LI B {
  font-size: 10pt;
  color: #009900;
}
ul#newslist LI {
  font-size: 9pt;
 padding: 5px 10px;
 border-bottom: 1px solid rgba(255,255,255,0.2);
 min-height: 35px;
}
ul#newslist UL LI {
  font-size: 9pt;
 padding: 2px 20px;
 border-bottom: 1px solid rgba(255,255,255,0.2);
}
ul#newslist UL LI:hover {

 padding: 2px 20px;
 border-bottom: 1px solid rgba(255,255,255,0.3);
}

ul#newslist LI:hover {

 padding: 5px 10px;
 border-bottom: 1px solid rgba(255,255,255,0.3);
}
ul#newslist LI A {
  font-family:  'Open Sans', sans-serif;
  font-size: 9pt;
  color: #DDDDDD;
  text-decoration: none;
}
ul#newslist LI:hover A {
  font-family:  'Open Sans', sans-serif;
  font-size: 9pt;
  color: #009900;
  text-decoration: none;
}

ul#newslist LI:last-child,
ul#newslist UL LI:last-child,
ul#newslist UL LI:last-child:hover,
ul#newslist LI:last-child:hover
{ border-bottom: none; }

ul#newslist LI#s {
 padding: 2px 10px;
 border-bottom: 1px solid rgba(255,255,255,0.2);
 background-color: rgba(255,255,255,0.1);
}

ul#newslist LI#s A {
      font-family: 'Open Sans', sans-serif;
        font-size: 9pt;
      font-weight: bold;
            color: #009900;
  text-decoration: none;
 }

 UL#newtabs {
   border-top: 1px solid #333333; border-bottom: 1px solid #000000; padding: 0px;
                                                                                           background: #111111;
                                      background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                   background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                        background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                       background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                     background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
    -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
 }

 UL#newtabs LI {
                        font-family: Caudex, Verdana, geneva, futura;
                        font-size: 10pt;
                        display: inline;
                        list-style-type: none;
                        list-style: none;
                        background: none;
                        font-weight: normal;
                        padding: 5px 10px;
                        color: #888888;
                        margin: 0px;
 }

#fcyon, #fcyoff:hover {
  padding: 2px 5px;
                                                                                            background: #004400;
                                       background: -moz-linear-gradient(top,  #006600 0%,               #004400 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006600), color-stop(100%,#004400));
                                    background: -webkit-linear-gradient(top,  #006600 0%,               #004400 100%);
                                         background: -o-linear-gradient(top,  #006600 0%,               #004400 100%);
                                        background: -ms-linear-gradient(top,  #006600 0%,               #004400 100%);
                                      background: linear-gradient(to bottom,  #006600 0%,               #004400 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#006600',    endColorstr='#004400', GradientType=0 );
    border: 1px outset rgba(200,200,200,0.5);
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 25%;
   -moz-border-radius: 25%;
   border-radius: 25%;
   margin: 2px;
}

#fcyoff {
  padding: 2px 5px;
                                                                                            background: #111111;
                                       background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                    background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                         background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                        background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
    border: 1px outset #333333;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 25%;
   -moz-border-radius: 25%;
   border-radius: 25%;
   margin: 2px;
}

/* FANCY FORMS */
FORM#mentorform INPUT,
FORM#mentorform TEXTAREA {
    background-color: rgba(255,255,255, 0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	color: #333;
	width: 100%;
	border: 1px solid #333;
    padding: 5px;
}


DIV#intronav {

}
DIV#intronav > DIV#buttonbar {

  padding: 10px 15px;
                                                                                            background: #111111;
                                       background: -moz-linear-gradient(top,  #222222 0%,               #111111 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
                                    background: -webkit-linear-gradient(top,  #222222 0%,               #111111 100%);
                                         background: -o-linear-gradient(top,  #222222 0%,               #111111 100%);
                                        background: -ms-linear-gradient(top,  #222222 0%,               #111111 100%);
                                      background: linear-gradient(to bottom,  #222222 0%,               #111111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(        startColorstr='#222222',    endColorstr='#111111', GradientType=0 );
    border: 1px outset #333333;
   text-shadow: 1px 1px 3px #000000;
   margin: 1px 0px 1px 0px;
   text-align: center
}
DIV#intronav > DIV#buttonbar > A {

  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
}
DIV#headerblock > h2 {
  font-family: Caudex, Verdana, geneva, futura; font-size: 20pt; text-decoration: none; font-weight: normal; color: #CCBB66;
  text-align: center;
  border: none;

}
DIV#headerblock > P {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: normal; color: #FFFFFF;
  text-align: center;
}
DIV#contentblock P {
  font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; text-decoration: none; font-weight: normal; color: #FFFFFF; min-height: 120px; margin: 10px 20px;
}
DIV#img {
  background-color: rgba(0,0,0,0.7);
  border-top: 1px solid rgba(0,0,0,0.8);
  width: 100%;
  min-height: 100px;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
DIV#contentblock DIV#actionbar {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
  clear: both;
}


DIV.gschmagnote {
  width: 150px;
  position: fixed;
  bottom: 0px;
  right: 25px;
  z-index: 100;
}
DIV.gschmagnote > DIV.header {
  width: 120px; height: 20px; background-color:  rgba(234, 111, 67, .9); color: #FFFFFF; font-size: 9pt; font-family: caudex, serif;
  padding: 5px;
  text-align: center;
  -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
DIV.gschmagnote > DIV.header > I {
color: #FFFFFF; font-size: 10pt;
}

DIV.gschmagnote > DIV.detail {
    display: none; visibility: hidden;
}
DIV.gschmagnote:hover > DIV.detail {
    display: block; visibility: visible;
    width: 150px;
    background-color: rgba(234, 111, 67, .9); color: #FFFFFF; font-size: 12pt;
    padding: 5px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
}
DIV.gschmagnote:hover > DIV.detail > TABLE > TR > TD, DIV.gschmagnote:hover > DIV.detail > TABLE > TR > TD > A {
 color: #FFFFFF; font-size: 9pt; font-family: caudex, serif;
}


DIV.eldernote {
  width: 150px;
  position: fixed;
  bottom: 0px;
  right: 200px;
  z-index: 100;
}
DIV.eldernote > DIV.header {
  width: 130px; height: 20px; background-color:  rgba(11, 131, 41, 0.9); color: #FFFFFF; font-size: 9pt; font-family: caudex, serif;
  padding: 5px;
  text-align: center;
  -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
DIV.eldernote > DIV.header > I {
color: #FFFFFF; font-size: 10pt;
}

DIV.eldernote > DIV.detail {
    display: none; visibility: hidden;
}
DIV.eldernote:hover > DIV.detail {
    display: block; visibility: visible;
    width: 150px;
    background-color: rgba(11, 131, 41, 0.9); color: #FFFFFF; font-size: 12pt;
    padding: 5px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
}
DIV.eldernote:hover > DIV.detail > TABLE > TR > TD, DIV.eldernote:hover > DIV.detail > TABLE > TR > TD > A {
 color: #FFFFFF; font-size: 9pt; font-family: caudex, serif;
}


DIV#prizebox {
  background-color: rgba(50,50,50, 0.2);
     background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222222), to(#111111));
     background-image: -webkit-linear-gradient(top, #222222, #111111);
     background-image: -moz-linear-gradient(top, #222222, #111111);
     background-image: -ms-linear-gradient(top, #222222, #111111);
     background-image: -o-linear-gradient(top, #222222, #111111);
     border: 1px solid #DDCC66;
       -moz-border-radius: 7px;
       border-radius: 7px;
    -webkit-box-shadow: 0 0 15px #000000;
       -moz-box-shadow: 0 0 15px #000000;
            box-shadow: 0 0 15px #000000;
    color: #FFFFFF;
    font-size: 7pt;
    margin: 5px;
}

DIV#fifth.sfp { width: 50%; }

DIV#prizebox > IMG {  }

DIV#prize.title {
	font-family: Caudex, Helvetica, futura; font-size: 12pt; color: #EEDD77; margin: 5px 10px; font-weight: bold;
}
DIV#prize.description {
	font-family: Caudex, Helvetica, futura; font-size: 10pt; color: #FFFFFF; margin: 5px 10px; min-height: 55px;
}
DIV#prize.descriptionsm {
	font-family: Caudex, Helvetica, futura; font-size: 10pt; color: #FFFFFF; margin: 5px 10px;
    }
 DIV#prize.note {
	font-family: Caudex, Helvetica, futura; font-size: 8pt; color: #AAAAAA; margin: 5px 10px;
}

DIV.chartbg {
    max-width: 970px;
    text-align: left;
    background-color: #111111;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111111), to(#333333));
    background-image: -webkit-linear-gradient(top, #111111, #333333);
    background-image: -moz-linear-gradient(top, #111111, #333333);
    background-image: -ms-linear-gradient(top, #111111, #333333);
    background-image: -o-linear-gradient(top, #111111, #333333);
    box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
    -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
    -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px outset #FFFFFF;
    height: 25px;
    margin-top: 10px; margin-bottom: 10px;
}
DIV.chart {

    background-color: #D9C554;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D9C554), to(#AA9944));
    background-image: -webkit-linear-gradient(top, #D9C554, #AA9944);
    background-image: -moz-linear-gradient(top, #D9C554, #AA9944);
    background-image: -ms-linear-gradient(top, #D9C554, #AA9944);
    background-image: -o-linear-gradient(top, #D9C554, #AA9944);
    border-radius: 4px;
    border: 1px outset #AA9944;
    height: 23px;
    text-align: left;
}

DIV.chartrank {
    float: left;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 1px 1px 3px #000000;
    margin-left: -5px;
    margin-top: -5px;
    background-color: #111111;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#111111));
    background-image: -webkit-linear-gradient(top, #333333, #111111);
    background-image: -moz-linear-gradient(top, #333333, #111111);
    background-image: -ms-linear-gradient(top, #333333, #111111);
    background-image: -o-linear-gradient(top, #333333, #111111);
    border: 1px outset #FFFFFF;
    padding: 7px 6px 5px 6px;
    min-width: 20px;
    min-height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius:  50%;
    border-radius:  50%;
    z-index: 10;
    box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
    -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
    -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
}
DIV.charttext {
    float: right;
    font-size: 9pt;
    color: #FFFFFF;
    text-shadow: 1px 1px 3px #000000;
    margin: 5px;
    z-index: 10;
}
DIV.chartoverlay { background-image: url('/images/ticks_overlay.png'); background-size: cover; z-index: 5; width: 100%; }
table#selector TR TD B { font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; font-weight: bold; color: #CCBB66; }
.gameselect img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
  text-align: center

}

.gameselect:hover img, .gameselect img.selected {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
  text-align: center

}

.searchbar {
    margin: 0px auto;
    width: 100%; max-width: 760px;
  font-family: Caudex, Verdana, geneva, futura; font-size: 9pt; text-decoration: none; color: #FFFFFF;
    padding: 2px 5px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #444444;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   }
   UL#eventitems { list-style-type: none; padding-left: 0px; margin-left: 0px; margin-top: 2px; }
UL#eventitems LI { border-bottom: 1px solid #222222; color: #AAAAAA; padding: 5px; }
UL#eventitems LI:last-child { border-bottom: none; }

TABLE#sectionbox TD {
  background-image: url(/images/sectionbox-bg.png);
  background-position: bottom;
  background-repeat: repeat-x;
  border: 1px outset #222222;
}
TABLE#sectionbox TD DIV#header{
  background-image: url(/images/sectionbox-hdr.png);
  background-repeat: repeat-x;
  height: 30px;
  font-size: 12pt;
  color: #FFFFFF;
  font-weight: bold;
  padding: 5px 10px;
}

TABLE#sectionbox TD DIV#header A{
  color: #FFFFFF;
  text-decoration: none;
}
TABLE#sectionbox TD DIV#content{
  font-size: 9pt;
  color: #FFFFFF;
  padding: 10px;
}

#guidewrap input{
    width: 130px;
    font-size: 8pt;
    line-height: 10pt;
    color:#FFFFFF;
    padding: 5px 5px 5px 35px;
    border: 1px solid #888888;
    background: #000000 url('/images/form_search_bg.gif');
}
#guidewrap input:focus{
    width: 130px;
    font-size: 8pt;
    line-height: 10pt;
    color:#FFFFFF;
    padding: 5px 5px 5px 35px;
    border: 1px solid #888888;
    background: #003300 url('/images/form_search_bg-focus.gif');
}
#wartitle{
    width:250px;
    border:solid 1px #888888;
    display:none;
	position: absolute;
	z-index: 100;
    background-color: #000000;
}


TABLE#failte {
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66  !important;
   text-shadow: 1px 1px 3px #000000 !important;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px !important;
   -webkit-border-radius: 5px !important;
   -moz-border-radius: 5px !important;
   border-radius: 5px !important;
   margin: 10px 0px;
   width: 100%;
}
TABLE#failte TR#header TH {
  background-color: rgba(0,50,0, 0.5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,75,0, 0.5)), to(rgba(0,25,0,0.5)));
  background-image: -webkit-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -moz-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -ms-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  background-image: -o-linear-gradient(top, rgba(0,75,0, 0.5), rgba(0,25,0,0.5));
  padding: 10px 15px;
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 16pt !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid #555555;
}
TABLE#failte TR#footer TH {
  background-color: rgba(0,0,0, 0.5);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(25,25,25, 0.5)), to(rgba(0,0,0,0.5)));
  background-image: -webkit-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -moz-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -ms-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  background-image: -o-linear-gradient(top, rgba(25,25,25, 0.5), rgba(0,0,0,0.5));
  padding: 10px 15px;
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 12pt !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid rgba(0,0,0,0.8);
  border-top: 1px solid rgba(255,255,255,0.2);
}
TABLE#failte TR#header TH small {
   font-size: 10pt; color: #DDDDDD;
}
TABLE#failte TR TH:first-child {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
}
TABLE#failte TR TH:last-child {
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}

TABLE#failte TR TD {
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 10pt !important;
  text-decoration: none !important;
  font-weight: bold !important;
  color: #FFFFFF !important;
  padding: 10px 10px;
}
TABLE#failte TR TD A {
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 12pt; color: #CCBB66; font-weight: bold;
}
TABLE#failte TR TD B {
  font-family: Caudex, Verdana, geneva, futura !important;
  font-size: 10pt; color: #CCBB66; font-weight: bold;
}
TABLE#failte TR TD SMALL {
  font-family: Tahoma, Geneva, Futura; font-size: 7pt; color: #888888; font-weight: normal;
}
TABLE#failte TR TD#h { color: #CCBB66; font-weight: bold; font-size: 10pt; }

TABLE#failte input[type=text], TABLE#failte textarea {
    background: none; background-color: rgba(255,255,255,0.1); border: none; border-bottom: 1px solid rgba(255,255,255,.3);font-family: Caudex, Verdana, geneva, futura; font-size: 10pt; color: #CCBB66; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: -4px;
}
TABLE#failte input[type=text]:focus, TABLE#failte textarea:focus  { background-color: rgba(100,255,130,0.1); }


TABLE#failte input[type=submit]  {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(75,75,75, 0.3)), to(rgba(25,25,25,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -moz-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -ms-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   background-image: -o-linear-gradient(top, rgba(75,75,75, 0.3), rgba(25,25,25,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   width: auto;
}

TABLE#failte input[type=submit]:hover {
  font-family: Caudex, Verdana, geneva, futura; font-size: 12pt; text-decoration: none; font-weight: bold; color: #CCBB66;
  padding: 5px 15px; background-color: rgba(50,50,50, 0.2);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,195,0, 0.3)), to(rgba(0,101,0,0.3)));
   background-image: -webkit-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -moz-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -ms-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   background-image: -o-linear-gradient(top, rgba(0,195,0, 0.3), rgba(0,101,0,0.3));
   border: 1px outset #CCBB66;
   text-shadow: 1px 1px 3px #000000;
   box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -moz-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-box-shadow: rgba(0,0,0, 0.7) 0px 0px 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   width: auto;
}


/*
==========================================================================
ARTBOX STYLES
==========================================================================
*/

.artbox {
    background-size: cover; background-position: center center; position: relative; background-repeat: no-repeat;
    width: 100%;
  border: 0;
  cursor: pointer;
  display: block;
    margin: 0px;

}

.artbox::before {
    content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right,  rgba(255,255,255,.2), rgba(0,0,0,.3));
}
.artbox .badge-head {
  top: 0; left: 10px; position: absolute; background-color: rgba(255,255,255,.8); color: #000000;  padding: 5px 10pt; font-size: .8rem;
  -webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}

div.artbox div.articlebadge {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0;
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    box-sizing: border-box;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
div.artbox::after {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top,transparent 0,transparent 45%,rgba(0,0,0,.65) 100%);
    background: linear-gradient(to bottom,transparent 0,transparent 45%,rgba(0,0,0,.65) 100%);
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
}

div.artbox div.articlebadge div.tag {
  font-size: .8rem;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  width: auto;
  margin: 10px 0px;
}
div.artbox div.articlebadge div.tag A {
  color: #FFFFFF;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: .8rem;
  text-decoration: none;
  padding: 5px 10px;
  background-color: rgba(0,0,0,0.7);
}

div.artbox div.articlebadge div.title {
    padding: 0px 0px 10px 0px;
    font-size: 1.5rem;
    color: #FFFFFF;
    margin-bottom: 5px;
    line-height: 1.5rem;
}
div.artbox div.articlebadge .title A {
    text-decoration: none;
    font-family: Caudex, 'Open Sans', Sans-Serif;
    font-weight: 700;
    color: #fafafa;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 2px #000000;
}
div.artbox div.articlebadge div.author {
  font-size: .8rem;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  display: inline-block;
  color: #FFFFFF;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000000;
  padding: 5px 10px 5px 0px;
  border-right: 1px solid rgba(255,255,255,.5);
}
div.artbox div.articlebadge div.author A {
  font-size: .8rem;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000000;
}
div.artbox div.articlebadge div.date {
  display: inline-block;
  font-size: .8rem;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  padding: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000000;
  padding: 5px 10px 5px 10px;
}
div.artbox div.articlebadge div.social {
  display: inline-block;
  font-size: .8rem;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  padding: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000000;
  padding: 5px 10px 5px 10px;
}
div.artbox div.articlebadge div.infobox {
  border-top: 1px solid rgba(255,255,255,.5);
  padding: 5px 5px 5px 0px;
}
div.artbox div.articlebadge div.infobox div.data {
  font-size: .8rem;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  display: inline-block;
  color: #FFFFFF;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000000;
  padding: 0px 5px 0px 5px;
  border-right: 1px solid rgba(255,255,255,.5);
}
div.artbox div.articlebadge div.infobox div.data A {
  font-size: .8rem;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000000;
}
div.artbox div.articlebadge div.infobox div.data:last-child {
  border-right: none;
}


div.artbox div.badgesm {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: 0;
    left: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    box-sizing: border-box;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);

}
div.artbox::after {
    position: absolute;
    content: "";
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top,transparent 0,transparent 45%,rgba(0,0,0,.65) 100%);
    background: linear-gradient(to bottom,transparent 0,transparent 45%,rgba(0,0,0,.65) 100%);
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
}
div.artbox div.badgesm span.tag:after,
div.artbox div.badgesm span.tag:before {
  content: "";
  display: table;
}
div.artbox div.badgesm span.tag {
  font-size: .8rem;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 5px 0px;
}
div.artbox div.badgesm span.tag A {
  color: #FFFFFF;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: .8rem;
  text-decoration: none;
  padding: 5px 5px;
  background-color: rgba(0,0,0,0.7);
}

div.artbox div.badgesm div.title {
    padding: 0px 0px;
    font-size: 1rem;
    color: #FFFFFF;
    margin-top: 10px;
    margin-bottom: 5px;
    line-height: 125%;
}
div.artbox div.badgesm .title A {
    text-decoration: none;

    font-family: Lato, 'Open Sans', Sans-Serif;
    font-weight: 700;
    color: #fafafa;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 2px #000000;
}

div.artbox div.badgesm div.infobox {
  border-top: 1px solid rgba(255,255,255,.5);
  padding: 5px 5px 5px 0px;
}
div.artbox div.badgesm div.infobox div.data {
  font-size: .8rem;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  display: inline-block;
  color: #FFFFFF;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000000;
  padding: 0px 5px 0px 5px;
  border-right: 1px solid rgba(255,255,255,.5);
}
div.artbox div.badgesm div.infobox div.data A {
  font-size: .8rem;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000000;
}
div.artbox div.badgesm div.infobox div.data:last-child {
  border-right: none;
}

div.artbox div.badgesm div.author {
  font-size: .8rem;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  display: inline-block;
  color: #FFFFFF;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000000;
  padding: 0px 5px 0px 5px;
  border-right: 1px solid rgba(255,255,255,.5);
}
div.artbox div.badgesm div.author A {
  font-size: .8rem;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000000;
}
div.artbox div.badgesm div.date {
  display: inline-block;
  font-size: .8rem;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  padding: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000000;
  padding: 0px 5px 0px 5px;
}
div.artbox div.badgesm div.social {
  display: inline-block;
  font-size: .8rem;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  padding: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #000000;
  padding: 0px 5px 0px 5px;
}