body {
  background-color: #dfdfdf;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family:Lucida Sans,Calibri,sans-serif;
  font-size:10pt;
}

body::selection,th::selection,td::selection, a::selection {
  background-color: #54abbb;
  color: #fff
}

.ui-tabs .ui-tabs-hide {
  display: none;
}

.tabs ul {
  margin: 0;
  display: block;
  padding: 0;
  border-bottom: 1px solid #000;
}

.tabs ul li {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -khtml-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  font-variant: small-caps;
}

ol li {
  margin: 1em 0;
  line-height: 1.5;
  text-align: justify
}

#account div {
  height: 500px;
  overflow: auto
}

.tabs ul li.ui-state-default {
  background-color: #068cb4;
  border-bottom: 1px solid #000;
}

.tabs ul li.ui-state-default a:active, .tabs ul li.ui-state-default a:hover, .tabs ul li.ui-state-default a {
  color: #fff
}

.tabs ul li.ui-state-active {
  background-color: #eaf6f8;
  border-bottom: 1px solid #eaf6f8;
}

.tabs ul li.ui-state-active a:active, .tabs ul li.ui-state-active a:hover, .tabs ul li.ui-state-active a {
  color: #526f89;
}

.tabs ul li {
  display: inline-block;
  padding: 5px 10px;
  background-color: #eaf6f8;
  margin: 0 0 -1px 0;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #eaf6f8;
}

.tabs div {
  margin: 0;
  padding: 10px;
  background-color: #eaf6f8;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

.tabs div table div {
    border: 0;
    background-color: transparent;
}

#layout {
  width: 1020px;
  margin: 0 auto;
  background-image: url(../layouts/aqua/images/repeat.png);
  background-repeat: repeat-y;
}

#header {
  background-image: url(../layouts/aqua/images/header.png);
  height: 150px;
}

#links {
  background-image: url(../layouts/aqua/images/links.png);
  height: 30px;
}

a:link, a:visited {
  color: #526f89;
  text-decoration: none;
  /*font-variant: small-caps;
  font-weight: bold;*/
}

h1 {
  color: #00253d;
  margin: 0;
  padding: 0;
  font-variant: small-caps;
  letter-spacing: 0.1em;
  font-size: 25pt;
}

h2 {
  color: #00253d;
  margin: 20px 0 0 0;
  padding: 0;
  font-variant: small-caps;
  letter-spacing: 0.1em;
  font-size: 12pt;
}

.minipromo {
  margin: 20px 0;
}

.minipromo a img {
  border: 1px solid #ffffff;
}

#sidebar a:link, #sidebar a:visited {
  color: #ffffff;
}

.calign, h1 {
  text-align: center;
}
.ralign {
  text-align: right;
}

#content {
  background-image: url(../layouts/aqua/images/content.png);
  background-repeat: no-repeat;
  padding: 0;
}

#sidebar {
  /*float: left;*/
  width: 150px;
  padding: 0;
  color:#90def7
}

#sidebar div {
  margin: 40px 0 0 0px;
  width: 150px;
}

ul {
  list-style-type: square;
}

ul li {
  margin: 0 0 20px 0;
}

ul.nospace li {
  margin: 0 0 10px 0;
}

#main {
  padding: 20px 10px 0px 15px;
  text-align: left;
  color: #1f1f1f;
}

#main_inner {

}

#links .link {
  margin: 5px 20px 5px 20px;
}

#links img {
  border: 0;
}

p {
  margin: 0;
  padding: 0.5em 0 1em 0;
  text-align:justify;
  text-indent:2em;
}

#playerads {
  width: 740px;
  height: 90px;
  float: right;
  margin: 89px 33px 3px 0;
  /*background-color: #c2280e;*/
}

#playerads {
  font-size: 0
}

#playerads a {
  width: 370px;
  text-align: center;
  display: inline-block;
}

#playerads div {
  display: inline-block;
  line-height: 1em
}

#sidebar p {
  margin: 0;
  text-indent: 0;
  text-align: center;
  font-size: 9pt;
  padding: 0.2em 0 0.4em 0;
}

#sidebar input {
  font-size: 8pt;
  color: #1f1f1f;
  background-color: #3dd7f1;
  border: 1px inset #bfffff;
}

#sidebar input.button {
  border: 1px outset #bfffff;
}


#footerinfo {
  padding: 0;
  margin: -40px 50px 0 210px;
  height: 60px;
}

#footerinfo div {
  color: #487780;
  /*border-top: 2px solid #487780;*/
  height: 20px;
  line-height: 20px;
  margin: 20px 50px 0 50px;
  text-align: center
}

#footer {
  background-image: url(../layouts/aqua/images/bottom.png);
  height: 210px;
}

.error, .alert {
  display: block;
  padding: 5px 20px;
  margin: 5px 10px;
  text-align: center;
  font-size: 9pt;
}

.error {
  background-color: #b32109;
  color: #ffffff;
}

.alert {
  background-color: #09b339;
  color: #ffffff;
}

.alert a:link, .alert a:visited, .error a:link, .error a:visited {
  color: #ffffff
}

.link {
  display: inline-block;
  text-align: left;
}

.link span {
  display: none;
  position: absolute;
  /*background-color: #057b94;*/
  background-image: url(../layouts/aqua/images/menu.png);
  border-top: 2px solid #eafefe;
  border-left: 2px solid #eafefe;
  border-right: 2px solid #eafefe;
  z-index: 1;
  width: 170px;
}

.link a:link, .link a:visited {
  display: block;
  padding: 8px 10px;
  text-align: left;
  color: #fff;/*#90def7;*/
  font-size: 10pt;
  border-bottom: 2px solid #eafefe;
}


.link a:active, .link a:hover {
  color: #057b94;
  background-color: #90def7;
}

.leayph td {
  background-color: #d1e7eb;
  text-align: left;
}

.leayph td.calign, .leayph th.calign {
  text-align: center;
}

.leayph th {
  color: #d1e7eb;
  background-color: #5a7c82;
  background-color: #05819b
}

.leayph th a:link, .leayph th a:visited {
  color: #fff
}

.leayph th a:active, .leayph th a:hover {
  text-decoration: underline;
  color: #d1e7eb
}

table {
  margin: 0 auto;
}

#main input, #main textarea {
  background-color: #d5dee1;
  font-family: Lucida Sans,Calibri,sans-serif;
  font-size: 9pt;
}

#sidebar p, #shoutbox, #shoutboxForm {
  background-color: #068cb4;
  margin: 2px 3px;
  display: block
}

#shoutbox {
  height: 300px;
  overflow: auto;
}

#shoutbox td {
  padding: 10px 1px;
  font-size: 8pt;
  text-align: center;
  border-bottom: 1px dotted #fff
}

#shoutboxForm input {
  width: 120px;
}

#sidebar #shoutboxtitle {
  margin-top: 20px;
  text-align: right;
}

#shoutboxtitle img {
  margin-right: 10px;
}

#shoutboxForm p {
  text-align: center;
}

#shoutbox small {
  font-size: 7pt
}

#sidebar p#tag, #sidebar form p {
  background-color: transparent;
}

#tag img, .line {
  border: 1px solid #000000
}


.full {
  width: 100%;
}

.mup {
  margin-top: 50px;
}

.smalltag {
  width: 50px;
  height: 50px;
}

.fright{
  float: right;
}

#oak {
  background-image: url(../images/oak.png);
  width: 750px;
  height: 500px;
  margin: 0 auto;
  border: 1px solid #000000;
}

#chat {
  width: 550px;
  height: 430px;
  margin: 10px 0 20px 20px;
  float: left;
  overflow: auto;
}

#chatPost {
  width: 550px;
  height: 30px;
  margin: 10px 0 0px 20px;
  float: left;
  padding: 0;
}

#chatPost form {
  width: 550px;
  margin: 0;
  text-align: center;
}

#chat img, #users img {
  width: 25px;
  height: 25px;
}

#chatTable tr td, #chatUsers tr td {
  /*background-color: rgba(209, 231, 235, 0.7);*/
  background-color: transparent !important;
  background-image: url(../layouts/aqua/images/chat_background.png) !important;
  padding: 2px
}

#chatTable tr, #chatUsers tr {
  background-color: transparent !important
}

#chatText {
  width: 460px;
}

#users table { width: 100% }

#users {
  position: relative;
  margin: 150px 10px 20px 580px;
  width: 160px;
  height: 330px;
  overflow: auto;
}

table .transparent {
  background-color: transparent;
}

#chat small {
  font-size: 7pt;
}

#chat img {
  margin: 0 3px 3px 0;
}

.forum td, .forum th {
  /*border-bottom: 1px dashed #9fc5cc;
  border-right: 1px dashed #9fc5cc;*/
}

.forum td.last, .forum th {
  border-right: 0
}

#demoImage {
 width: 600px;
 height: 400px;
}

.mark {
  padding: 5px;
}


#eyes_style_down, #hair_back_style_down, #hair_front_style_down {
  background-color: #068cb4;
  width: 101px;
  margin: 0 auto;
}

#eyes_style_down {
  line-height: 45px
}

#hair_back_style_down, #hair_front_style_down {
  line-height: 80px;
}

#eyes_style_down .choices {
  overflow: auto;
  width: 121px;
  height: 150px;
}

#hair_back_style_down .choices, #hair_front_style_down .choices {
  overflow-x: auto;
  overflow-y: hidden;
  width: 350px;
  height: 100px;
  display: none;
  position: absolute;
  background-color: #9fc5cc;
  white-space: nowrap;
  margin-left: -114px
}

#eyes_style_down .choices span, #eyes_style_down .selected {
  display: block;
  height: 45px;
  border: 1px solid #9fc5cc;
  background-color: #c0d0d3;cdd9db;
}

#hair_back_style_down .selected, #hair_front_style_down .selected {
  display: block;
  height: 80px;
  border: 1px solid #9fc5cc;
  background-color: #cdd9db
}

#hair_back_style_down .choices span, #hair_front_style_down .choices span {
  display: inline-block;
  width: 80px;
  height: 80px;
  border: 1px solid #9fc5cc;
  background-color: #cdd9db;

}

#eyes_style_down .choices {
  display: none;
  width: 101px;
  position: absolute;
  background-color: #9fc5cc;
}


#eyes_style_down .selected, #hair_back_style_down .selected, #hair_front_style_down .selected {
  background-color: #dfdfdf;
  text-align: right;
}

#eyes_style_down .selected img.arrow {
  display: inline-block;
  margin: 29px 0 0 0
}


#hair_back_style_down .selected img.arrow, #hair_front_style_down .selected img.arrow {
  display: inline-block;
  margin: 62px 0 0 0
}


#eyes_style_down .choices span.hover, #hair_back_style_down .choices span.hover, #hair_front_style_down .choices span.hover {
  background-color: #6bc4df
}

.choices span img, #eyes_style_down .selected img, #hair_back_style_down .selected img, #hair_front_style_down .selected img {
  display: none
}


.ha_page {
  border: 1px solid #9fc5cc;
  width: 101px;
  border: 1px solid #9fc5cc;
  text-align: right;
  margin: 0 auto;
}

.ha_page input {
  width: 80px;
}


.leayph h2 {
  font-size: 10pt;
}


#ha-items-order, #creature-items-order {
  margin-bottom: 20px;
  border: 1px solid #9fc5cc;
  background-color: #9fc5cc;
}

#ha-items-order .item {
  border: 1px solid #9fc5cc;
  padding: 10px;
  margin: 5px;
  background-color: #dfdfdf;
  height: 50px;
}

#creature-items-order .item {
  border: 1px solid #9fc5cc;
  padding: 10px;
  height: 50px;
  margin: 5px;
  background-color: #dfdfdf;
}

#ha-items-order img, #creature-items-order img {
  width: 50px;
  height: 50px;
  float: left;
}

.ha_submit, .rounded_submit {
  background-color: #068cb4 !important;
  padding: 4px;
  margin: 5px;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
}

a.rounded_submit:link, a:rounded_submit:visited {
  color: #fff;
}

a.rounded_submit:link, a.rounded_submit:visited, strong.rounded_submit {
  color: #fff;
  padding: 5px;
}

.topl {
  text-align: center;
}

.topl a {
  background-color: #068cb4;
  padding: 10px;
  display: inline-block;
  margin: 2px;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  font-size: 9pt;

}

.topl {
  font-size: 0
}

.topl a img {
  border: 0
}

.topl a:hover, .topl a:active {
  color: #526f89;
  background-color: #eaf6f8;
}

.forum.leayph tr.spacer, .news.leayph tr.spacer, .messages.leayph tr.spacer, #chatTable tr.spacer, .rounded.leayph tr.spacer {
  background-image: url("../layouts/aqua/images/spacer_2.png");
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #d1e7eb
}

.forum td, .news td, .messages td, #chatTable td, .rounded td {
  padding: 13px 20px 10px 20px
}

.rounded td.minpadd {
  padding: 13px 10px 10px 10px
}

.rounded td.mpadd {
  padding: 3px 2px 2px 2px
}

table.leayph .spacer td, .forum th, .forum tr td, .news th, .news tr td, .messages th, .messages tr td, #chatTable tr td, #chatTable th, .rounded tr td, .rounded th {
  background-color: transparent;
  background-image: none;
}

.rounded th {
  border-bottom: 1px solid #fff
}

.forum, .news, .messages, object, #oak, #chatTable, .rounded {
  -moz-border-radius:  5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #fff
}

.forum, .news, .messages, .full {
  width: 100%;
}

.shop_label { display: inline-block; width: 70px; }
.mini_label { display: inline-block; width: 100px; margin: 3px 0 }

.shop_margin { margin: 3px 0 }

.forum th, .news th, .messages th, .rounded th {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -khtml-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.forum th, .forum tr, .news th, .news tr, .messages th, .messages tr, #chatTable tr, .rounded tr, .rounded th {
  background-color: #05819b;
}

table.forum tr, table.news tr, table.messages tr, #chatTable tr, .rounded tr {
  background-color: #d1e7eb;
  background-position: center 0px;
  
}

table.forum th, table.forum tr, table.news th, table.news tr, table.messages tr, table.messages th, table.rounded tr, table.rounded th {
  margin-top: 10px
}

.forum small {
  font-style: italic;
  font-size: 0.7em
}

.forum .date {
  margin-top: 10px;
  padding: 5px 0;
  border-top: 1px solid #e3f4f7
}

#chatTable {
  /*opacity: 0.7*/
}

table#chatTable tr td {
  padding: 10px 3px 0 3px;
}

.disabled {
  background-color: #505050 !important
}

.dark {
  background-color: #05819B !important;
  color: #fff;
}

table.leayph tr td.sticky, table.minibox, table.leayph tr td table.minibox tr td {
  background-color: #dff2f5;
}

table.minibox {
  border: 1px solid #fff
}

#homeRight, #actionsDiv {
  border-left: 1px solid #000
}

table.minibox, table.minibox tr td {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

table.minibox {
  border: 2px solid #fff;
  margin: 5px auto;
}

.forumtopic {
  background-image: url(../layouts/aqua/images/forum_miniheader.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 57px;
  line-height: 57px;
  padding-left: 105px;
  font-weight: bold;
}

#shoutboxForm, #shoutboxForm p {
  margin-bottom: 0
}
#shoutbox {
  margin-top: 0;
}

#shoutbox td {
  text-align: center
}

.creature_stat {
  display: inline-block;
  width: 30px;
  font-size: 9pt;
  font-weight: bold
}

.hide {
  display: none
}

.tooltip {
  display: none;
  width: 209px;
  height: 122px;
  background-image: url(../images/white_arrow.png);
  background-position: center center;
  text-align: center;
  margin: 20px 0 -20px 0;
  white-space: pre-wrap;
}

.tooltip div {
  display: block;
  width: 185px;
  height: 102px;
  margin: 15px 12px 5px 12px;
  overflow: auto;
  background-image: none;
  font-size: 8pt;
}

.tooltip strong {
  display: block;
  margin-bottom: 3px;
  font-size: 10pt;
  font-style: italic;
}

table.nobox {
  margin: 0 auto;
}

table.nobox tr td {
  padding: 2px;
}

#shoutbox td {
  width: 125px;
  display: block;
  word-wrap: break-word;
  word-break: break-all;
}

.ui-dialog-content {
  background-color: #bce3eb;
  border-left: 2px solid #1a3d44;
  border-bottom: 2px solid #1a3d44;
  border-right: 2px solid #1a3d44;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -khtml-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  padding: 10px 5px;
  min-height: 50px;
}


.ui-dialog-titlebar {
  background-color: transparent;
  border: 2px solid #1a3d44;
  color: #fff;
  padding: 3px;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -khtml-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  background-image: url(../layouts/aqua/images/menu.png);
}

.ui-dialog-titlebar a {
  color: #fff
}

.ui-dialog {
  width: 200px;
}

.toggled {
  display: none;
}

#homeRight, #actionsDiv {
  background-color: #DFF2F5;
}

.box {
  display: block;
}

.ui-autocomplete {
    width: 200px;
    height: 300px;
    overflow: auto;
    text-align: left;
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none;
    background-color: #DFF2F5;
    border: 1px solid #fff;
}


.ui-autocomplete li {
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.ui-autocomplete li a {
    cursor: pointer;
    display: block;
    font-size: 8pt;
    padding: 4px 2px;
    color: #000;
}

.ui-autocomplete li a:hover {
    background-color: #068CB4;
    color: #fff;
}

#sidebar .sidefriend {
    text-align: left;
    padding: 2px;
    margin: 0 0 1px 0;
    border-top: 1px dotted #fff;
    vertical-align: center;
    font-size: 8pt;
}

#sidebar .sidefriend img {
    width: 25px;
    height: 25px;
    margin: 0
}

#sidebar .sidefriend.first {
    border-top: 0;
}

#sideFriends {
  background-color: #068cb4;
  margin: 2px 3px;
  width: 144px;
}

#friendsTitle {
    text-align: center;
    margin: 0;
}

.forum_ha {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: fliph;
}

#creatureInfo {
  padding: 13px 10px 10px 10px;
}

.chatUser {
  width: 100px;
}

.chatText {
  width: 380px;
  word-wrap: break-word;
}

.tooltip div {
  font-size: 7.5pt;
  overflow: visible;
}

.bbcode_post h1 {
    font-size: 12pt;
    text-align: left;
    text-transform: uppercase;
    margin: 0;
}

.bbcode_post h2 {
    font-size: 10pt;
    margin: 0;
    text-transform: uppercase;
}

img.flip_image {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: fliph;
}

a img, img {
  border-width: 0;
  border: 0;
  border-style: none;
  border-color: transparent;
}

.fade {
  opacity: 0.5;
}

.award_icon {
  width: 75px;
  height: 75px;
  margin: -10px;
}

button.equip img {
    width: 40px;
    height: 40px;
}

button.equip {
    width: 120px;
    font-size: 8pt;
    overflow: hidden;
    white-space:nowrap;
}


.flipHorizontal {
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: fliph;
}