html
{
  /* Needed to force Scroll Bars on EVERY page, so no jumping between short pages and very long ones */
	Height: 100%;
	Margin-bottom: 0.1em;
}

body {
	margin: 5px;
  font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #cccccc;
  background-color: #000000;
  text-align: center;
}
#Page {
	border-right: #000000 2px solid; padding-right: 10px; border-top: #000000 2px solid; padding-left: 10px; padding-bottom: 10px; margin: auto; border-left: #000000 2px solid; width: 984px; padding-top: 10px; border-bottom: #000000 2px solid; background-color: #888888
}

#Header {
	padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px; padding-top: 0px; height: 116px;
}
#Section-Left
{
	width: 177px;
	margin: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
	background-image: url("http://www.el-cel.com/include/img/menu_side.jpg");
  background-repeat: repeat-y;
  font-size: 12px;
}

#Menu {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
	text-align: left;
}

#SearchBox
{
  background-color: #FFFFFF;
  background-image: url(http:\\www.google.com\coop\intl\en\images\google_custom_search_watermark.gif);
  background-repeat: no-repeat;
  border: 1px solid #7E9DB9;
  padding: 2px;
}

#SearchBox q
{
  background-image: url(http:\\www.google.com\coop\intl\en\images\google_custom_search_watermark.gif);
  background-repeat: no-repeat;
}

#Section-Right {
	border-right: #000000 2px solid; padding-right: 5px; border-top: #000000 2px solid; margin-top: 6px; padding-left: 5px; padding-bottom: 5px; font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; border-left: #000000 2px solid; width: 177px; padding-top: 5px; border-bottom: #000000 2px solid; background-color: #000000
}
#Section-Center {
	border-right: #000000 2px solid; padding-right: 5px; border-top: #000000 2px solid; margin-top: 10px; padding-left: 5px; padding-bottom: 5px; margin-left: 10px; border-left: #000000 2px solid; width: 777px; padding-top: 5px; border-bottom: #000000 2px solid; background-color: #555555
}
#Page-Title
{
	margin-top: 10px;
	Width: 100%;
  font: bold 20px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background-color: #555555;
  text-align: center;
}
#Page-Title TBody
{
  Width: 100%;
}

.Sub-Title {
	font: bold 16px Tahoma, Verdana, Arial, Helvetica, sans-serif; background-color: #000000; text-align: center; margin: Auto;
}
.Page-Notes {
	padding-right: 20px;
  padding-left: 20px;
  font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin-left: auto;
  margin-right: auto;
  background-color: #000000;
  text-align: left
}
.SpecialDay {
	font-WEIGHT: bold; color: red; background-color: red; text-align: center
}
#HideDiv {
	DISPLAY: none; text-align: center
}
.Table-Generic {
	margin: auto; font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif
}
.Table-Center {
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif; margin-left: 5px; width: 100%; margin-right: 5px
}
.Table-Center TD {
	VERTICAL-ALIGN: top
}
.Table-Center TD.Center {
	VERTICAL-ALIGN: top; text-align: center
}
.Table-Center TH.HeaderC {
	font-WEIGHT: bold; font-SIZE: 22px; color: #CCCCCC; background-color: #000000; text-align: center
}
.Border {
	padding-right: 2px; padding-left: 2px; padding-bottom: 2px; margin-left: auto; width: 100%; margin-right: auto; padding-top: 2px
}
.Border TH.HeaderC {
	font-WEIGHT: bold; font-SIZE: 16px; color: #000000; background-color: #000000; text-align: center
}

.Permission
{
	padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-color: #000099;
  color: #FFFFFF;
}
.Permission A {
	padding-right: 2px; padding-left: 2px; padding-bottom: 0px;
/*  color: #FF0000; */
  padding-top: 0px; TEXT-DECORATION: none;
}
.Permission A:visited {
/*  color: #FF0000; */
  TEXT-DECORATION: none;
}
.Permission A:hover {
/*  color: #FF0000; */
  background-color: #000000; TEXT-DECORATION: none;
}
.Permission A:active {
/*  color: #FF0000; */
  TEXT-DECORATION: none;
}

.Details
{
	padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-color: #000000
}
.Details DIV {
	font-WEIGHT: bold; font-SIZE: 16px; color: #ffffff; background-color: #000000;
}
.Details DIV.Notes {
  font-weight: normal;
	font-size: 9px;
  display: none;
}
.Details TH.HeaderC {
	font-WEIGHT: bold; font-SIZE: 16px; color: #ffffff; background-color: #000000; text-align: center
}
.Details TH.HeaderL {
	padding-left: 5px; font-WEIGHT: bold; font-SIZE: 16px; color: #FFFFFF; background-color: #000000; text-align: left
}
.Details TH.LeftBold {
	font-WEIGHT: bold; VERTICAL-ALIGN: top; text-align: left
}
.Details TD.Left {
	VERTICAL-ALIGN: top; text-align: left
}
.Details TD.LeftBold {
	font-WEIGHT: bold; VERTICAL-ALIGN: top; text-align: left
}
.Details TD.Right {
	VERTICAL-ALIGN: top; text-align: right
}
.Details TD.RightBold {
	font-WEIGHT: bold; VERTICAL-ALIGN: top; text-align: right
}
.Details TD.Center {
	VERTICAL-ALIGN: top; text-align: center
}
.Details TD.CenterBold {
	font-WEIGHT: bold; VERTICAL-ALIGN: top; text-align: center
}
.Details A {
	padding-right: 2px; padding-left: 2px; padding-bottom: 0px; color: #000000; padding-top: 0px; TEXT-DECORATION: none;
}
.Details A:visited {
	color: #a8bcff; TEXT-DECORATION: none;
}
.Details A:hover {
	border-left-color: #000000; border-bottom-color: #000000; color: #000000; border-top-color: #000000; background-color: #a8bcff; border-right-color: #000000;  TEXT-DECORATION: none;
}
.Details A:active {
	color: #a8bcff; TEXT-DECORATION: none;
}
.Details TD.Permission {
  background-color: #FFFF00;
  color: #000000;
}
.Details TD.Permission A {
	padding-right: 2px; padding-left: 2px; padding-bottom: 0px; color: #FF0000; padding-top: 0px; TEXT-DECORATION: none;
}
.Details TD.Permission A:visited {
	color: #FF0000; TEXT-DECORATION: none;
}
.Details TD.Permission A:hover {
	color: #000000; background-color: #a8bcff; TEXT-DECORATION: none;
}
.Details TD.Permission A:active {
	color: #FF0000; TEXT-DECORATION: none;
}


.Tips
{
	padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.QuestDiv
{
  float: left;
  font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background-color: #000000
}

.Quest
{
	padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-color: #000000
}
.Quest DIV {
	font-WEIGHT: bold; font-SIZE: 16px; color: #ffffff; background-color: #000000;
}
.Quest TH.HeaderC {
	font-WEIGHT: bold; font-SIZE: 16px; color: #ffffff; background-color: #000000; text-align: center
}
.Quest TH.HeaderL {
	padding-left: 5px; font-WEIGHT: bold; font-SIZE: 16px; color: #FFFFFF; background-color: #000000; text-align: left
}
.Quest TH.LeftBold {
	font-WEIGHT: bold; VERTICAL-ALIGN: top; text-align: left
}
.Quest TD.Left {
	VERTICAL-ALIGN: top; text-align: left
}
.Quest TD.LeftBold {
	font-WEIGHT: bold; VERTICAL-ALIGN: top; text-align: left
}
.Quest TD.Right {
	VERTICAL-ALIGN: top; text-align: right
}
.Quest TD.RightBold {
	font-WEIGHT: bold; VERTICAL-ALIGN: top; text-align: right
}
.Quest TD.Center {
	VERTICAL-ALIGN: top; text-align: center
}
.Quest TD.CenterBold {
	font-WEIGHT: bold; VERTICAL-ALIGN: top; text-align: center
}
.Quest A {
	padding-right: 2px; padding-left: 2px; padding-bottom: 0px; color: #000000; padding-top: 0px; TEXT-DECORATION: none;
}
.Quest A:visited {
	color: #a8bcff; TEXT-DECORATION: none;
}
.Quest A:hover {
	border-left-color: #000000; border-bottom-color: #000000; color: #000000; border-top-color: #000000; background-color: #a8bcff; border-right-color: #000000;  TEXT-DECORATION: none;
}
.Quest A:active {
	color: #a8bcff; TEXT-DECORATION: none;
}

.Quest .even {
	background-color: #404953
}
.Quest .odd {
	background-color: #6d7480
}

.Warning {
    border-right: 2px solid; border-top: 2px solid; border-left: 2px solid; border-bottom: 2px solid;
    margin-top: 10px; margin-left: auto; margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 550px; color: white; background-color: red
}
.SpecialPermission {
    width: 550px;
    color: #000000;
    background-color: #FFFF00;
    text-align: center;
    vertical-align: middle;
    border: 2px solid;
    margin-top: 10px; margin-bottom: 10px; margin-left: auto; margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}
.SpecialPermission2 {
  color: #000000; background-color: #FFFF00;
}
.SpecialPermission2 A {
	color: #FF0000; padding-right: 2px; padding-left: 2px; padding-bottom: 0px; padding-top: 0px; TEXT-DECORATION: none;
}
.SpecialPermission2 A:visited {
	color: #FF0000; TEXT-DECORATION: none;
}
.SpecialPermission2 A:hover {
	color: #FF0000; background-color: #a8bcff; TEXT-DECORATION: none;
}
.SpecialPermission2 A:active {
	color: #FF0000; TEXT-DECORATION: none;
}

.Comment {
	font-SIZE: 12px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; font-STYLE: italic
}
.notes {
	font-SIZE: 11px; VERTICAL-ALIGN: top; color: black; font-FAMILY: Tahoma, Verdana, Arial, Helvetica, Sans Serif, Sans
}
.Trailer {
	font-SIZE: 10px; VERTICAL-ALIGN: top; width: 100%; color: #2e2e2e; font-FAMILY: Tahoma, Verdana, Arial, Helvetica, Sans Serif, Sans; background-color: #888888
}
.Trailer TD.Left {
	width: 50%; text-align: left
}
.Trailer TD.Right {
	width: 50%; text-align: right
}
.IndexBody {
	font-SIZE: 18px; text-align: left
}
.God {
	font: bold 18px Tahoma, Verdana, Arial, Helvetica, sans-serif; text-align: center
}
.Spacer20 {
	width: 20px
}
#SigilEmpty {
	border-top-width: 0px; padding-right: 22px; background-POSITION: center 50%; padding-left: 5px; border-left-width: 0px; background-IMAGE: url("http://www.el-cel.com/images/info/Sigils blank.jpg"); border-bottom-width: 0px; padding-bottom: 0px; margin: 0px auto; width: 399px; padding-top: 17px; background-REPEAT: no-repeat; height: 202px; background-color: #000000; text-align: left; border-right-width: 0px
}
.Sigil {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px 2px 0px 0px; width: 31px; padding-top: 0px; height: 31px
}
.SigilList {
	CURSOR: pointer
}
#NexusTV {
	width: 400px
}
#NexusTV .yui-content {
	padding-right: 1em; padding-left: 1em; background: #000000; padding-bottom: 1em; color: #ffffff; padding-top: 1em
}
#NexusTV .loading {
	background-POSITION: center center; background-IMAGE: url("http://www.el-cel.com/include/img/loading.gif"); background-REPEAT: no-repeat
}
#NexusTV .loading * {
	DISPLAY: none
}
#Download {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; margin-left: auto; width: 100%; margin-right: auto; padding-top: 0px; background-color: #1A1A1A
}
#Download TD.Title {
	font-WEIGHT: bold; VERTICAL-ALIGN: top; width: 170px; text-align: right
}
#Download A {
	padding-right: 2px; padding-left: 2px; padding-bottom: 0px; color: #a8bcff; padding-top: 0px; TEXT-DECORATION: none
}
#Download A:visited {
	color: #a8bcff
}
#Download A:hover {
	border-left-color: #000000; border-bottom-color: #000000; color: #c7ccf8; border-top-color: #000000; background-color: #171c1e; border-right-color: #000000
}
#Download A:active {
	color: #a8bcff
}
LABEL.radio_checked {
	DISPLAY: block; padding-left: 25px; background: url("bullet_green.png") #fff no-repeat; margin: 10px 0px
}
LABEL.radio_unchecked {
	DISPLAY: block; padding-left: 25px; background: url("bullet_white.png") #fff no-repeat; margin: 10px 0px
}
DIV#Artificer {
	DISPLAY: none; text-align: center
}
A:link, A:visited {
	color: #a8bcff; TEXT-DECORATION: none
}
A:active {
	color: #a8bcff
}
A:hover {
	color: #c7ccf8; background-color: #171c1e; TEXT-DECORATION: none
}
.tableSort {
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #ffffff;
}
.tableSortDIV {
	border-right: #32160a 1px solid; padding-right: 3px; border-top: #32160a 1px solid; padding-left: 3px; padding-bottom: 4px; border-left: #32160a 1px solid; color: #ffffff; padding-top: 4px; border-bottom: #32160a 1px solid; background-color: #404953
}
.tableSort TD {
	border-right: #32160a 1px solid; padding-right: 3px; border-top: #32160a 1px solid; padding-left: 3px; padding-bottom: 4px; border-left: #32160a 1px solid; padding-top: 4px; border-bottom: #32160a 1px solid
}
.tableSort UL {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin-left: 0px; padding-top: 0px
}
.tableSort LI {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin-left: 1em; padding-top: 0px
}
.tableSort TH {
	border-right: #32160a 1px solid; padding-right: 3px; border-top: #32160a 1px solid; padding-left: 3px; padding-bottom: 4px; border-left: #32160a 1px solid; color: #ffffff; padding-top: 4px; border-bottom: #32160a 1px solid; background-color: #404953
}
.tableSort TD.NoBorder {
	border-top-width: 0px; border-left-width: 0px; font-SIZE: 13px; border-bottom-width: 0px; VERTICAL-ALIGN: top; border-right-width: 0px
}
TR.tableSort TD {
	color: black
}
TR.tableSort TBody {
	color: black; margin: 0;
}
.tableSort A {
	padding-right: 2px; padding-left: 2px; padding-bottom: 0px; color: #a8bcff; padding-top: 0px;
}
.tableSort A:visited {
	color: #a8bcff
}
.tableSort A:hover {
	border-left-color: #000000; border-bottom-color: #000000; color: #000000; border-top-color: #000000; background-color: #a8bcff; border-right-color: #000000
}
.tableSort A:active {
	color: #a8bcff
}
.tableSort .highlight {
	color: #a8bcff; background-color: #cccccc;
}
.tableSort .even {
	background-color: #404953
}
.tableSort .even A:visited, A:active, A, A:hover {
	color: #a8bcff;
}
.tableSort .odd {
	background-color: #6d7480
}
.tableSort .odd A:visited, A:active, A, A:hover {
	color: #a8bcff;
}
.tableSort .hover {
	color: #FFFFFF; background-color: #9ea2aa;
}
.tableSort .hover A, A:visited, A:active, A:hover {
	color: #FFFFFF; text-decoration: underline;
}
.DetailsList {
	padding-right: 0px; padding-left: 0px; border-left-color: #ffffff; border-bottom-color: #ffffff; padding-bottom: 0px; font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; margin-left: auto; width: 100%; color: #ffffff; border-top-color: #ffffff; margin-right: auto; padding-top: 0px; border-right-color: #ffffff
}
.DetailsList TABLE {
	border-right: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; border-bottom: #000000 1px solid
}
.DetailsList TD {
	border-right: #000000 1px solid; padding-right: 2px; border-top: #000000 1px solid; padding-left: 2px; padding-bottom: 2px; border-left: #000000 1px solid; padding-top: 2px; border-bottom: #000000 1px solid
}
.DetailsList TH {
	border-right: #32160a 1px solid; padding-right: 3px; border-top: #32160a 1px solid; padding-left: 3px; padding-bottom: 4px; border-left: #32160a 1px solid; padding-top: 4px; border-bottom: #32160a 1px solid; background-color: #404953
}
.DetailsList TD.NoBorder {
	border-top-width: 0px; border-left-width: 0px; font-SIZE: 13px; border-bottom-width: 0px; VERTICAL-ALIGN: top; border-right-width: 0px
}
TR.DetailsList TD {
	color: black
}
.DetailsList A {
	padding-right: 2px; padding-left: 2px; padding-bottom: 0px; color: #ffffff; padding-top: 0px; TEXT-DECORATION: underline
}
.DetailsList A:visited {
	color: #ffffff
}
.DetailsList A:hover {
	border-left-color: #000000; border-bottom-color: #000000; color: #000000; border-top-color: #000000; background-color: #a8bcff; border-right-color: #000000
}
.DetailsList A:active {
	color: #ffffff
}
.DetailsList .active {
	background-color: #a8bcff
}
.DetailsList .highlight {
	color: #000000; background-color: #8d9e67
}
.DetailsList .even {
	background-color: #404953
}
.DetailsList .odd {
	background-color: #6d7480
}
.DetailsList .hover {
	color: #000000; background-color: #9ea2aa
}
UNKNOWN {
	width: 1em; height: 20px
}


#markup {
	border-right: #000000 3px solid; border-top: #000000 3px solid; margin-left: auto; border-left: #000000 3px solid; margin-right: auto; border-bottom: #000000 3px solid
}
#markup TABLE {
	border-COLLAPSE: collapse
}
#markup TH {
	border-right: #000 1px solid; padding-right: 3px; border-top: #000 1px solid; padding-left: 3px; padding-bottom: 3px; border-left: #000 1px solid; padding-top: 3px; border-bottom: #000 1px solid
}
#markup TD {
	border-right: #000 1px solid; padding-right: 3px; border-top: #000 1px solid; padding-left: 3px; padding-bottom: 3px; border-left: #000 1px solid; padding-top: 3px; border-bottom: #000 1px solid
}
#markup TH {
	color: #fff; background-color: #696969
}
#markup .yui-dt-selected {
	color: #000; background-color: #fff
}

#scroll_section{
      height:270px;
      width:100%;
      overflow:scroll;
}

.NoBorder
{
  Border: 0px;
}






.tableColor {
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #ffffff;
}
.tableColor TD {
	border: #32160a 1px solid;
  padding: 4px 3px 4px 3px;
}
.tableColor UL {
  padding: 0px;
	margin-left: 0px;
}
.tableColor LI {
  padding: 0px;
	margin-left: 1em;
}
.tableColor TH {
	border: #32160a 1px solid;
  padding: 4px 3px 4px 3px;
  color: #ffffff;
  background-color: #404953
}
TR.tableColor TD {
	color: black
}
TR.tableColor TBody {
	color: black; margin: 0;
}
.tableColor A {
  padding: 2px 2px 0px 0px;
  color: #ffffff;
  text-decoration: none;
}
.tableColor A:visited {
	color: #ffffff
}
.tableColor A:hover {
	border: #000000;
  color: #000000;
  background-color: #a8bcff;
}
.tableColor A:active {
	color: #ffffff
}

div.menuitemcontainer{
	color: #a8bcff;
	font-weight: bold;
	line-height: 150%;
  text-align: left;
  cursor: pointer;
}
div.menucontainer, div.menuchildcontainer{
	margin-left: 15px;
  text-align: left;
}

div.menulink A, A:visited
{
  color: #a8bcff;  TEXT-DECORATION: none;
}

div.menulink A:hover
{
	color: #777777; background-color: #A8BCFF; TEXT-DECORATION: none
}

/* Used for Equipped pages */
.ClearDetails
{
	padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-color: #000000
}
.ClearDetails img {
  display: block; border:none;
}
.ClearDetails a {
	display: block; padding-right: 2px; padding-left: 2px; padding-bottom: 0px; color: #000000; padding-top: 0px; text-decoration: none;
}
.ClearDetails a:visited {
	display: block; color: #000000; text-decoration: none;
}
.ClearDetails a:hover {
	display: block; color: #000000; background-color: #000000; text-decoration: none;
}
.ClearDetails a:active {
	display: block; color: #000000; text-decoration: none;
}

/* Game Items Pictures */
  .Items00 { display: block; background-color: #000000; background-image:  url(/images/info/Question.jpg);  background-repeat: no-repeat; overflow: hidden;}

  .Items01 { display: block; background-color: #000000; background-image:  url(/images/info/items1.jpg);  background-repeat: no-repeat; overflow: hidden;}
  .Items02 { display: block; background-color: #000000; background-image:  url(/images/info/items2.jpg);  background-repeat: no-repeat; overflow: hidden;}
  .Items03 { display: block; background-color: #000000; background-image:  url(/images/info/items3.jpg);  background-repeat: no-repeat; overflow: hidden;}
  .Items04 { display: block; background-color: #000000; background-image:  url(/images/info/items4.jpg);  background-repeat: no-repeat; overflow: hidden;}
  .Items05 { display: block; background-color: #000000; background-image:  url(/images/info/items5.jpg);  background-repeat: no-repeat; overflow: hidden;}

  .Items06 { display: block; background-color: #000000; background-image:  url(/images/info/items6.jpg);  background-repeat: no-repeat; overflow: hidden;}
  .Items07 { display: block; background-color: #000000; background-image:  url(/images/info/items7.jpg);  background-repeat: no-repeat; overflow: hidden;}
  .Items08 { display: block; background-color: #000000; background-image:  url(/images/info/items8.jpg);  background-repeat: no-repeat; overflow: hidden;}
  .Items09 { display: block; background-color: #000000; background-image:  url(/images/info/items9.jpg);  background-repeat: no-repeat; overflow: hidden;}
  .Items10 { display: block; background-color: #000000; background-image:  url(/images/info/items10.jpg); background-repeat: no-repeat; overflow: hidden;}

  .Items11 { display: block; background-color: #000000; background-image:  url(/images/info/items11.jpg); background-repeat: no-repeat; overflow: hidden;}
  .Items12 { display: block; background-color: #000000; background-image:  url(/images/info/items12.jpg); background-repeat: no-repeat; overflow: hidden;}
  .Items13 { display: block; background-color: #000000; background-image:  url(/images/info/items13.jpg); background-repeat: no-repeat; overflow: hidden;}
  .Items14 { display: block; background-color: #000000; background-image:  url(/images/info/items14.jpg); background-repeat: no-repeat; overflow: hidden;}
  .Items15 { display: block; background-color: #000000; background-image:  url(/images/info/items15.jpg); background-repeat: no-repeat; overflow: hidden;}

  .Items16 { display: block; background-color: #000000; background-image:  url(/images/info/items16.jpg); background-repeat: no-repeat; overflow: hidden;}
  .Items17 { display: block; background-color: #000000; background-image:  url(/images/info/items17.jpg); background-repeat: no-repeat; overflow: hidden;}
  .Items18 { display: block; background-color: #000000; background-image:  url(/images/info/items18.jpg); background-repeat: no-repeat; overflow: hidden;}
  .Items19 { display: block; background-color: #000000; background-image:  url(/images/info/items19.jpg); background-repeat: no-repeat; overflow: hidden;}
  .Items20 { display: block; background-color: #000000; background-image:  url(/images/info/items20.jpg); background-repeat: no-repeat; overflow: hidden;}

  .Items21 { display: block; background-color: #000000; background-image:  url(/images/info/items21.jpg); background-repeat: no-repeat; overflow: hidden;}
  .Items22 { display: block; background-color: #000000; background-image:  url(/images/info/items22.jpg); background-repeat: no-repeat; overflow: hidden;}
  .Items23 { display: block; background-color: #000000; background-image:  url(/images/info/items23.jpg); background-repeat: no-repeat; overflow: hidden;}
  .Items24 { display: block; background-color: #000000; background-image:  url(/images/info/items24.jpg); background-repeat: no-repeat; overflow: hidden;}
  .Items25 { display: block; background-color: #000000; background-image:  url(/images/info/items25.jpg); background-repeat: no-repeat; overflow: hidden;}

  .Items26 { display: block; background-color: #000000; background-image:  url(/images/info/items26.jpg); background-repeat: no-repeat; overflow: hidden;}

  .ItemPic00 { width: 50px; height: 50px; line-height: 50px; }

  .ItemPic01 { width: 50px; height: 50px; line-height: 50px; background-position:    0px    0px; }
  .ItemPic02 { width: 50px; height: 50px; line-height: 50px; background-position:  -50px    0px; }
  .ItemPic03 { width: 50px; height: 50px; line-height: 50px; background-position: -100px    0px; }
  .ItemPic04 { width: 50px; height: 50px; line-height: 50px; background-position: -150px    0px; }
  .ItemPic05 { width: 50px; height: 50px; line-height: 50px; background-position: -200px    0px; }

  .ItemPic06 { width: 50px; height: 50px; line-height: 50px; background-position:    0px  -50px; }
  .ItemPic07 { width: 50px; height: 50px; line-height: 50px; background-position:  -50px  -50px; }
  .ItemPic08 { width: 50px; height: 50px; line-height: 50px; background-position: -100px  -50px; }
  .ItemPic09 { width: 50px; height: 50px; line-height: 50px; background-position: -150px  -50px; }
  .ItemPic10 { width: 50px; height: 50px; line-height: 50px; background-position: -200px  -50px; }

  .ItemPic11 { width: 50px; height: 50px; line-height: 50px; background-position:    0px -100px; }
  .ItemPic12 { width: 50px; height: 50px; line-height: 50px; background-position:  -50px -100px; }
  .ItemPic13 { width: 50px; height: 50px; line-height: 50px; background-position: -100px -100px; }
  .ItemPic14 { width: 50px; height: 50px; line-height: 50px; background-position: -150px -100px; }
  .ItemPic15 { width: 50px; height: 50px; line-height: 50px; background-position: -200px -100px; }

  .ItemPic16 { width: 50px; height: 50px; line-height: 50px; background-position:    0px -150px; }
  .ItemPic17 { width: 50px; height: 50px; line-height: 50px; background-position:  -50px -150px; }
  .ItemPic18 { width: 50px; height: 50px; line-height: 50px; background-position: -100px -150px; }
  .ItemPic19 { width: 50px; height: 50px; line-height: 50px; background-position: -150px -150px; }
  .ItemPic20 { width: 50px; height: 50px; line-height: 50px; background-position: -200px -150px; }

  .ItemPic21 { width: 50px; height: 50px; line-height: 50px; background-position:    0px -200px; }
  .ItemPic22 { width: 50px; height: 50px; line-height: 50px; background-position:  -50px -200px; }
  .ItemPic23 { width: 50px; height: 50px; line-height: 50px; background-position: -100px -200px; }
  .ItemPic24 { width: 50px; height: 50px; line-height: 50px; background-position: -150px -200px; }
  .ItemPic25 { width: 50px; height: 50px; line-height: 50px; background-position: -200px -200px; }

/* Game NPC Pictures */
  .NPC01 { display: block; background-color: #000000; background-image:  url(/images/info/portraits1.jpg); background-repeat: no-repeat; overflow: hidden;}
  .NPC02 { display: block; background-color: #000000; background-image:  url(/images/info/portraits2.jpg); background-repeat: no-repeat; overflow: hidden;}
  .NPC03 { display: block; background-color: #000000; background-image:  url(/images/info/portraits3.jpg); background-repeat: no-repeat; overflow: hidden;}
  .NPC04 { display: block; background-color: #000000; background-image:  url(/images/info/portraits4.jpg); background-repeat: no-repeat; overflow: hidden;}
  .NPC05 { display: block; background-color: #000000; background-image:  url(/images/info/portraits5.jpg); background-repeat: no-repeat; overflow: hidden;}

  .NPC06 { display: block; background-color: #000000; background-image:  url(/images/info/portraits6.jpg); background-repeat: no-repeat; overflow: hidden;}
  .NPC07 { display: block; background-color: #000000; background-image:  url(/images/info/portraits7.jpg); background-repeat: no-repeat; overflow: hidden;}
  .NPC08 { display: block; background-color: #000000; background-image:  url(/images/info/portraits8.jpg); background-repeat: no-repeat; overflow: hidden;}
  .NPC09 { display: block; background-color: #000000; background-image:  url(/images/info/portraits9.jpg); background-repeat: no-repeat; overflow: hidden;}

  .NPC10 { display: block; background-color: #000000; background-image:  url(/images/info/portraits10.jpg); background-repeat: no-repeat; overflow: hidden;}
  .NPC11 { display: block; background-color: #000000; background-image:  url(/images/info/portraits11.jpg); background-repeat: no-repeat; overflow: hidden;}
  .NPC12 { display: block; background-color: #000000; background-image:  url(/images/info/portraits12.jpg); background-repeat: no-repeat; overflow: hidden;}
  .NPC13 { display: block; background-color: #000000; background-image:  url(/images/info/portraits13.jpg); background-repeat: no-repeat; overflow: hidden;}

  .NPC14 { display: block; background-color: #000000; background-image:  url(/images/info/portraits14.jpg); background-repeat: no-repeat; overflow: hidden;}
  .NPC15 { display: block; background-color: #000000; background-image:  url(/images/info/portraits15.jpg); background-repeat: no-repeat; overflow: hidden;}
  .NPC16 { display: block; background-color: #000000; background-image:  url(/images/info/portraits16.jpg); background-repeat: no-repeat; overflow: hidden;}

  .NPCPic01 { width: 64px; height: 64px; line-height: 64px; background-position:    0px    0px; }
  .NPCPic02 { width: 64px; height: 64px; line-height: 64px; background-position:  -64px    0px; }
  .NPCPic03 { width: 64px; height: 64px; line-height: 64px; background-position: -128px    0px; }
  .NPCPic04 { width: 64px; height: 64px; line-height: 64px; background-position: -192px    0px; }

  .NPCPic05 { width: 64px; height: 64px; line-height: 64px; background-position:    0px  -64px; }
  .NPCPic06 { width: 64px; height: 64px; line-height: 64px; background-position:  -64px  -64px; }
  .NPCPic07 { width: 64px; height: 64px; line-height: 64px; background-position: -128px  -64px; }
  .NPCPic08 { width: 64px; height: 64px; line-height: 64px; background-position: -192px  -64px; }

  .NPCPic09 { width: 64px; height: 64px; line-height: 64px; background-position:    0px -128px; }
  .NPCPic10 { width: 64px; height: 64px; line-height: 64px; background-position:  -64px -128px; }
  .NPCPic11 { width: 64px; height: 64px; line-height: 64px; background-position: -128px -128px; }
  .NPCPic12 { width: 64px; height: 64px; line-height: 64px; background-position: -192px -128px; }

  .NPCPic13 { width: 64px; height: 64px; line-height: 64px; background-position:    0px -192px; }
  .NPCPic14 { width: 64px; height: 64px; line-height: 64px; background-position:  -64px -192px; }
  .NPCPic15 { width: 64px; height: 64px; line-height: 64px; background-position: -128px -192px; }
  .NPCPic16 { width: 64px; height: 64px; line-height: 64px; background-position: -192px -192px; }


  .Achievements01   { display: block; background-color: #000000; background-image:  url(/images/info/achievements01.bmp);   background-repeat: no-repeat; overflow: hidden;}
  .Achievements01BW { display: block; background-color: #000000; background-image:  url(/images/info/achievements01bw.bmp); background-repeat: no-repeat; overflow: hidden;}

  .AchievPic01 { width: 32px; height: 32px; line-height: 32px; background-position:    0px    0px; float: left; }
  .AchievPic02 { width: 32px; height: 32px; line-height: 32px; background-position:  -32px    0px; float: left; }
  .AchievPic03 { width: 32px; height: 32px; line-height: 32px; background-position:  -64px    0px; float: left; }
  .AchievPic04 { width: 32px; height: 32px; line-height: 32px; background-position:  -96px    0px; float: left; }
  .AchievPic05 { width: 32px; height: 32px; line-height: 32px; background-position: -128px    0px; float: left; }
  .AchievPic06 { width: 32px; height: 32px; line-height: 32px; background-position: -160px    0px; float: left; }
  .AchievPic07 { width: 32px; height: 32px; line-height: 32px; background-position: -192px    0px; float: left; }
  .AchievPic08 { width: 32px; height: 32px; line-height: 32px; background-position: -224px    0px; float: left; }

  .AchievPic09 { width: 32px; height: 32px; line-height: 32px; background-position:    0px  -32px; float: left; }
  .AchievPic10 { width: 32px; height: 32px; line-height: 32px; background-position:  -32px  -32px; float: left; }
  .AchievPic11 { width: 32px; height: 32px; line-height: 32px; background-position:  -64px  -32px; float: left; }
  .AchievPic12 { width: 32px; height: 32px; line-height: 32px; background-position:  -96px  -32px; float: left; }
  .AchievPic13 { width: 32px; height: 32px; line-height: 32px; background-position: -128px  -32px; float: left; }
  .AchievPic14 { width: 32px; height: 32px; line-height: 32px; background-position: -160px  -32px; float: left; }
  .AchievPic15 { width: 32px; height: 32px; line-height: 32px; background-position: -192px  -32px; float: left; }
  .AchievPic16 { width: 32px; height: 32px; line-height: 32px; background-position: -224px  -32px; float: left; }

  .AchievPic17 { width: 32px; height: 32px; line-height: 32px; background-position:    0px  -64px; float: left; }
  .AchievPic18 { width: 32px; height: 32px; line-height: 32px; background-position:  -32px  -64px; float: left; }
  .AchievPic19 { width: 32px; height: 32px; line-height: 32px; background-position:  -64px  -64px; float: left; }
  .AchievPic20 { width: 32px; height: 32px; line-height: 32px; background-position:  -96px  -64px; float: left; }
  .AchievPic21 { width: 32px; height: 32px; line-height: 32px; background-position: -128px  -64px; float: left; }
  .AchievPic22 { width: 32px; height: 32px; line-height: 32px; background-position: -160px  -64px; float: left; }
  .AchievPic23 { width: 32px; height: 32px; line-height: 32px; background-position: -192px  -64px; float: left; }
  .AchievPic24 { width: 32px; height: 32px; line-height: 32px; background-position: -224px  -64px; float: left; }

  .AchievPic25 { width: 32px; height: 32px; line-height: 32px; background-position:    0px  -96px; float: left; }
  .AchievPic26 { width: 32px; height: 32px; line-height: 32px; background-position:  -32px  -96px; float: left; }
  .AchievPic27 { width: 32px; height: 32px; line-height: 32px; background-position:  -64px  -96px; float: left; }
  .AchievPic28 { width: 32px; height: 32px; line-height: 32px; background-position:  -96px  -96px; float: left; }
  .AchievPic29 { width: 32px; height: 32px; line-height: 32px; background-position: -128px  -96px; float: left; }
  .AchievPic30 { width: 32px; height: 32px; line-height: 32px; background-position: -160px  -96px; float: left; }
  .AchievPic31 { width: 32px; height: 32px; line-height: 32px; background-position: -192px  -96px; float: left; }
  .AchievPic32 { width: 32px; height: 32px; line-height: 32px; background-position: -224px  -96px; float: left; }

  .AchievPic33 { width: 32px; height: 32px; line-height: 32px; background-position:    0px -128px; float: left; }
  .AchievPic34 { width: 32px; height: 32px; line-height: 32px; background-position:  -32px -128px; float: left; }
  .AchievPic35 { width: 32px; height: 32px; line-height: 32px; background-position:  -64px -128px; float: left; }
  .AchievPic36 { width: 32px; height: 32px; line-height: 32px; background-position:  -96px -128px; float: left; }
  .AchievPic37 { width: 32px; height: 32px; line-height: 32px; background-position: -128px -128px; float: left; }
  .AchievPic38 { width: 32px; height: 32px; line-height: 32px; background-position: -160px -128px; float: left; }
  .AchievPic39 { width: 32px; height: 32px; line-height: 32px; background-position: -192px -128px; float: left; }
  .AchievPic40 { width: 32px; height: 32px; line-height: 32px; background-position: -224px -128px; float: left; }

  .AchievPic41 { width: 32px; height: 32px; line-height: 32px; background-position:    0px -160px; float: left; }
  .AchievPic42 { width: 32px; height: 32px; line-height: 32px; background-position:  -32px -160px; float: left; }
  .AchievPic43 { width: 32px; height: 32px; line-height: 32px; background-position:  -64px -160px; float: left; }
  .AchievPic44 { width: 32px; height: 32px; line-height: 32px; background-position:  -96px -160px; float: left; }
  .AchievPic45 { width: 32px; height: 32px; line-height: 32px; background-position: -128px -160px; float: left; }
  .AchievPic46 { width: 32px; height: 32px; line-height: 32px; background-position: -160px -160px; float: left; }
  .AchievPic47 { width: 32px; height: 32px; line-height: 32px; background-position: -192px -160px; float: left; }
  .AchievPic48 { width: 32px; height: 32px; line-height: 32px; background-position: -224px -160px; float: left; }

  .AchievPic49 { width: 32px; height: 32px; line-height: 32px; background-position:    0px -192px; float: left; }
  .AchievPic50 { width: 32px; height: 32px; line-height: 32px; background-position:  -32px -192px; float: left; }
  .AchievPic51 { width: 32px; height: 32px; line-height: 32px; background-position:  -64px -192px; float: left; }
  .AchievPic52 { width: 32px; height: 32px; line-height: 32px; background-position:  -96px -192px; float: left; }
  .AchievPic53 { width: 32px; height: 32px; line-height: 32px; background-position: -128px -192px; float: left; }
  .AchievPic54 { width: 32px; height: 32px; line-height: 32px; background-position: -160px -192px; float: left; }
  .AchievPic55 { width: 32px; height: 32px; line-height: 32px; background-position: -192px -192px; float: left; }
  .AchievPic56 { width: 32px; height: 32px; line-height: 32px; background-position: -224px -192px; float: left; }

  .AchievPic57 { width: 32px; height: 32px; line-height: 32px; background-position:    0px -224px; float: left; }
  .AchievPic58 { width: 32px; height: 32px; line-height: 32px; background-position:  -32px -224px; float: left; }
  .AchievPic59 { width: 32px; height: 32px; line-height: 32px; background-position:  -64px -224px; float: left; }
  .AchievPic60 { width: 32px; height: 32px; line-height: 32px; background-position:  -96px -224px; float: left; }
  .AchievPic61 { width: 32px; height: 32px; line-height: 32px; background-position: -128px -224px; float: left; }
  .AchievPic62 { width: 32px; height: 32px; line-height: 32px; background-position: -160px -224px; float: left; }
  .AchievPic63 { width: 32px; height: 32px; line-height: 32px; background-position: -192px -224px; float: left; }
  .AchievPic64 { width: 32px; height: 32px; line-height: 32px; background-position: -224px -224px; float: left; }


/* tooltip styling */
.tooltip {
	display:none;
	background:url(/images/tooltip.png);
	height:163px;
	padding:50px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}





div.menuitemcontainer{
	color: #a8bcff;
	font-weight: bold;
	line-height: 150%;
  text-align: left;
  cursor: pointer;
}
div.menucontainer, div.menuchildcontainer{
	margin-left: 15px;
  text-align: left;
}

div.menulink A, A:visited
{
  color: #a8bcff;  TEXT-DECORATION: none;
}

div.menulink A:hover
{
	color: #777777; background-color: #A8BCFF; TEXT-DECORATION: none
}


/* BEGIN: Scriptbreaker Multiple Accordion 1 Menu CSS */
/* http://www.scriptbreaker.com/javascript/script/JQuery-multi-level-accordion-menu */

.topnav {
	width: 150px;
	padding: 40px 28px 25px 0;
	font-weight: bold;
}

ul.topnav {
	padding: 0;
	margin: 0;
	line-height: 0.5em;
	list-style: none;
  margin-left: 15px
}

ul.topnav li { }

ul.topnav li a {
	line-height: 10px;
	font-size: 12px;
	padding: 3px 0px;
	color: #a8bcff;
	display: block;
	text-decoration: none;
  text-align: left;
}

ul.topnav li a:hover {
	background-color:#A8BCFF;
	color:#777777;
}

ul.topnav ul {
	margin: 0;
	padding: 0;
	display: none;
  list-style: none;
}

ul.topnav ul li {
	margin: 0;
	padding: 0;
	clear: both;
}

ul.topnav ul li a {
	padding-left: 20px;
	font-size: 12px;
}

ul.topnav ul li a:hover {
	background-color:#A8BCFF;
	color:#777777;
}

ul.topnav ul ul li a {
	color:#a8bcff;
	padding-left: 40px;
}

ul.topnav ul ul li a:hover {
	background-color:#A8BCFF;
	color:#777777;
}

ul.topnav span{
	float:right;
}
/* END: Scriptbreaker Multiple Accordion 1 Menu CSS */


/* BEGIN: Mask Editing CSS */
.Mask,
.MaskRows
{
  font:             11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin-left:      auto;
  margin-right:     auto;
  width:            98%;
  padding:          0px 5px;
  background-color: #000000; /* black */
  color:            #A8BCFF; /* silver blue */
}

.MaskRows
{
	background-color: #A8BCFF; /* silver blue */
	color:            #777777; /* red */
}

.Mask     DIV.FloatL     { float: left; }
.MaskRows DIV.FloatL     { float: left; }

.Mask     DIV.FloatR     { float: right; }
.MaskRows DIV.FloatR     { float: right; }

.Mask     DIV.FloatClear { clear: both; }
.MaskRows DIV.FloatClear { clear: both; }

.Mask A             { padding: 0px; margin: 0px; background-color: #000000; color: #a8bcff; text-decoration: none; }
.Mask A:visited     { padding: 0px; margin: 0px; background-color: #000000; color: #a8bcff; text-decoration: none; }
.Mask A:hover       { padding: 0px; margin: 0px; background-color: #000000; color: #fe0000; text-decoration: none; }
.Mask A:active      { padding: 0px; margin: 0px; background-color: #000000; color: #a8bcff; text-decoration: none; }

.MaskRows A         { padding: 0px; margin: 0px; background-color: #a8bcff; color: #000000; text-decoration: none; }
.MaskRows A:visited { padding: 0px; margin: 0px; background-color: #a8bcff; color: #000000; text-decoration: none; }
.MaskRows A:hover   { padding: 0px; margin: 0px; background-color: #a8bcff; color: #fe0000; text-decoration: none; }
.MaskRows A:active  { padding: 0px; margin: 0px; background-color: #a8bcff; color: #000000; text-decoration: none; }

.hr
{
  float: left;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  height: 1px;
  width:  100%;
}

/* END: Mask Editing CSS */

textarea.MaskNotes
{
  font:             11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
  overflow:         auto;
}

.Coords
{
  width: 25px; height: 13px; vertical-align: middle; padding: 0px; font-size: 12px;
}

/* BEGIN: Generic often used class / styles */
.text-left   { text-align: left;   }
.text-center { text-align: center; }
.text-right  { text-align: right;  }

.text-top    { vertical-align: top;    }
.text-middle { vertical-align: middle; }
.text-bottom { vertical-align: bottom; }

.border-red /* text to be added to areas to test their location */
{
  border: 1px;
  border-style: solid;
  border-color: red;
}
/* END: Generic often used class / styles */