*, body {
 font-family: "Nimbus Sans L", arial;
 font-size: 10pt;
 line-height: 115%;
}


 body {
  background-color: black;
  margin: 0px;
  margin-top: 5px;
  color: #A0A0A0;
}

#mainPanel {
  margin-left: auto;
  margin-right: auto;
  width: 983px;
  padding: 0px 0px 0px 3px;
}

#topPanel {
  height: 84px;
  width: 970px;
  margin: 0px;
  background-color: black;
  background-image: url(images/topSwampBack.png);
  padding-right: 10px;

}


#contentPanel {
  margin-left: 0px;
  margin-bottom: 1px;
  padding: 20px;
  float: left;
  width: 940px;
  background-color: #202020;
}

#bannerPanel {
  height: 185px;
  margin-top: 1px;
  width: 980px;
}


#navPanel {
  width: 980px;
  height: 22px;
  margin-bottom: 1px;
  background-color: #1789C6;
  background-image: url(images/tabBack.png);
  background-repeat: repeat-x;
  padding-top: 10px;
  text-align: center;
}

.infoPanel {
 margin-bottom: 20px;
 background-color: white;
 border: 1px solid #ECECEC;
 padding: 10px;
 color: black;
}

.infoPanelFill {
 margin-bottom: 20px;
 background-color: white;
 padding: 0px;
 color: black;
}

.infoPanelFull {
 width: 918px;
 margin-bottom: 10px;
 background-color: white;
 border: 1px solid #ECECEC;
 padding: 10px;
 color: black;
 height: 64px;
}


.listTable td {
  border-bottom: 1px solid #ECECEC;
  padding: 0px;
}

.listTable tr {
  padding: 0px;
  margin: 0px;
}


.listTableHead {
 background-color: #5A5A5A;
 height: 24px;
 color: white;
 padding-left: 0px;
 border: 1px solid black;
}


.searchPanel {
  background-color: #303030;
  padding: 4px;
  color: #D0D0D0;
  margin-bottom: 20px;
  }

.infoPanel a {
  color: #1789C6;
}



.newsPanel {
  margin-bottom: 40px;
}

.smallText1 {
  font-size: 9pt;
}


#bottomPanel {
  background-color: #303030;
  width: 940px;
  color: white;
  clear: both;
  margin-bottom: 40px;
  padding: 20px;
}

#bottomPanel a {
  color: #C0C0C0;
}


.navLink {
  color: #C0C0C0;
  margin-left: 18px;
  margin-right: 18px;
  font-weight: bold;
}

.navLink:hover {
  color: white;
}


.navButtonSelected {
}

#navList2 {
 padding: 0px;
 margin-top: 40px;
}

#navList2 li {
  list-style: none;
  margin-bottom: 5px;
}

#navList2 li a {
  padding-left: 10px;
  color: gray;
  text-decoration: none;
}

#navList2 li a:hover {
  color: white;
}

a {
  text-decoration: none;
  color: #1789C6;
}

a:hover {
  color: white;
}

#topUserName {
  font-size: 16pt;
  color: white;
  font-weight: bold;
}

h1 {
  font-size: 20pt;
  margin-top: 0px;
  color: #1789C6;
  font-weight: normal;
}

h2  {
  font-size: 14pt;
  color: #1789C6;
  font-weight: normal;
  margin-bottom: 0px;
}

h3  {
  font-size: 11pt;
  color: #1789C6;
  font-weight: normal;
  margin-bottom: 10px;
}

p {
 margin-bottom: 20px;
 margin-top: 0px;
}

.gameInfoPanel {
  float: left;
  margin-right: 10px;
  height: 240px;
  width: 160px;
  margin-bottom: 40px;
}

.avatarImage {
 background-color: #C0C0C0;
 padding: 2px;
}

.avatarImageOnline {
 background-color: #66FF00;
 padding: 2px;
}

.avatarImageMini {
 background-color: #141414;
 padding: 2px;
 background-image: url(images/avatarOfflineBack.png);
 background-repeat: repeat-x;
 border: 1px solid black;  
}

.avatarImageOnlineMini {
 background-color: #0B5C00;
 padding: 2px;
 background-image: url(images/avatarOnlineBack.png);
 background-repeat: repeat-x;
}

.backdropPanel {
 padding: 6px;
 width: 128px;
 height: 140px;
 font-size: 10pt;
 float: left;
 margin-right: 14px;
 margin-bottom: 14px;
}


.userInfoPanel {
  float: left;
  margin-right: 14px;
  margin-bottom: 40px;
  height: 150px;
}

.previewImage {
 padding: 6px;
 background-color: #ECECEC;
}

.previewPanel {
 width: 168px;
 height: 168px;
 text-align: auto;
 float: left;
 text-align: center;
 margin-left: 30px;
 vertical-align: middle;
}

.colorPanel {
 background-color: #303030;
 color: #D0D0D0;
 border: 1px solid #191919;
 border-bottom: 4px solid #1F1F1F;
 background-image: url(images/infoPanelBack.png);
 background-repeat: repeat-x;
}


.clearPanel {
 height: 1px;
 clear: both;
}

.msgPanel {
  color: #FF9900;
}


img {
  border: none;
}

#languagePanel {
 text-align: right;
 margin-left: auto;
 margin-right: auto;
 width: 980px;
 color: #A0A0A0;
 height: 20px;
}

hr {
  height: 1px;
  border: none;
  background-color: #303030;
}

.tooltip {text-decoration:none;}
.tooltip span.info{display:none;}
.tooltip:hover span.info {
 display: block;
 position: absolute;
 border: solid 1px #404040;
 border-bottom: 2px solid black;
 border-right: 2px solid black;
 width: 300px;
 height: 100px;
 color: white;
 background-color: #303030;
 padding: 10px;
 }

#ImagePanel {
   color: black;
 }

.tabActive {
 float: left;
 padding-top: 8px;
 padding-left: 10px;
 background-image: url(images/tabBack.png);
 border-bottom: none;
 text-align: left;
 color: white;
 height: 24px;
 margin-right: 1px;
 border-left: 1px solid black;
 border-right: 1px solid black;
 border-top: 1px solid black;
}

.tabInactive {
 float: left;
 padding-top: 4px;
 background-image: url(images/tabInactiveBack.png);
 border-bottom: none;
 color: white;
 text-align: center;
 height: 20px;
 margin-right: 1px;
}

.tabInactive a, .tabActive a  {
  color: white;
  display: block;
}


.shadowLine {
  height: 0px;
  border-bottom: 1px solid #454545;
}

.specialButton {
  color: white;
  height: 18px;
  margin-bottom: 10px;
  text-align: center;
  display: block;
  width: 132px;
  padding: 4px;
  padding-top: 6px;
  font-weight: bold;
  background-image: url(images/specialButton.png);
}

.homeButton {
  color: white;
  height: 18px;
  text-align: center;
  display: block;
  width: 132px;
  padding: 4px;
  padding-top: 6px;
  font-weight: bold;
  background-image: url(images/specialButton.png);
}

.tableLink a {
  color: #5A5A5A;
  display: block;
}

.tableLink:hover {
  background-color: #ECECEC;
}


#menu {
  position: absolute;
  margin-top: 0px;
  color: #C0C0C0;
  margin-left: 20px;
  }

#menu ul .item {
  display:none;
 }

#menu ul:hover .item {
  display: block;
  background-color: gray;
  filter:alpha(opacity=80);
  -moz-opacity:.80;
  opacity:.80;
  padding: 10px;
  }

#menu ul:hover .item a {
  color: #C0C0C0;
  text-decoration:none;

  }
#menu ul:hover .item a:hover{
  color: white;
}

#menu ul{
  width: 150px;
  float: left;
  padding: 0px;
  list-style: none;
 }


.panel {
 border: 1px solid #141414;
 margin-bottom: 20px;
 background-image: url(images/infoPanelBack.png);
 background-repeat: repeat-x;
}



.pFill {
 padding: 0px;
}

.pSmall {
 padding: 6px;
}

.pStandard {
  padding: 10px;
}

.pLink {
 display: block;
  border: 2px solid #363636;
}

.pLink:hover {
  background-color: #252525;
  border: 2px solid #1789C6;
  background-repeat: repeat-x;
  display: block;
}

.pages {
  float: left;
  display: block;
}

.thumbPanel {
  float: left;
  width: 160px;
  height: 80px;
  overflow: hidden;
  background-color: black;
  border: 4px solid black;
  margin: 8px;
}