body {
  font-family: Palatino, Palatino Linotype, Helvetica, Verdana, Arial, sans-serif;
  font-size: 10pt;
}

#gryffsDesc {
  display: block;
  width: 620px;
  word-wrap: break-word
}

#leftColumn {
  width: 185px;
  margin: -15px 5px 0 35px;
  float: left;
  text-align: center;
  font-family: Segoe UI, Verdana;
  font-size: 10pt;
}

textarea, input {
  font-family: Segoe UI, Verdana;
  font-size: 10pt;
}

textarea {
  width: 600px;
}

#rightColumn {
  width: 185px;
  margin: 0 32px 0 0;
  float: right;
  text-align: center
}

#centerColumn {
  width: 640px;
  margin: 0 230px;
  padding-top: 10px;
  font-family: Segoe UI, Verdana;
  font-size: 11pt;
  padding-bottom: 50px;
}

#wrapper {
  width: 1100px;
  margin: 0 auto;
}

#top {
  height: 200px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
}

h1 {
  text-transform: uppercase;
}

#content {
  min-height: 550px;
}

#footer {
  height: 50px;
  text-align: center;
  clear: both;
}

.menuItem {
  display: inline-block;
  margin: 142px 10px 0 10px;
  height: 55px;
  font-size: 12pt;
  line-height: 30px;
  font-weight: bold;
}

.menu {
  position: absolute;
  font-weight: normal;
  font-size: 10pt;
  height: 25px;
  line-height: 25px;
  margin: 0;
  left: 0;
  width: 1100px;
  text-align: center;
  display: none;
}

.menu a {
  display: inline-block;
  margin: 2px 5px 0 5px;
  font-variant: normal;
  text-transform: none;
}

.hover .menu {
  display: block;
}

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

.areaLinks {
  text-align: center;
  font-size: 0;
  margin: 0 0 20px 0;
}

.areaLinks a {
  display: inline-block;
  font-variant: small-caps;
  padding: 8px;
  margin: 2px 1px;
  font-size: 10pt;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  text-decoration: none;
}

li {
  margin: 0 0 1em 0;
  line-height: 1.5;
  list-style-type: square
}

.gryffTable th {
  font-variant: small-caps;
  font-weight: normal;
}

.gryffTable td {
  word-break:break-word;
  font-size: 10pt;
}

.gryffTable td, .gryffTable th {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

h1 {
  text-align: center;
  font-size: 12pt;
  font-variant: small-caps;
}

h2 {
  text-align: left;
  font-size: 11pt;
}

.calign {
  text-align: center;
}

.centerblock {
  margin: 0 auto
}






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

.ui-tabs-nav li {
  display: inline-block;
  padding: 0;
  margin:0;
}

.ui-tabs-nav {
  display: block;
  text-align: center;
  margin: 10px 0;
  padding: 0
}

.ui-tabs-panel {
  height: 800px;
  overflow: auto;
}

#gryffsDesc img {
  max-width: 600px;
}

#rightColumn div {
  width: 169px;
  margin: 0 auto;
  font-size: 9pt;
  font-family: Segoe, Segoe UI, Verdana, Arial;
}

#rightColumn div span {
  display: block;
  margin-bottom: 20px;
}

.hide {
  display: none;
}

#minichat div {
  height: 650px;
  overflow: auto;
  padding-top: 10px;
}

.error, .alert {
  margin: 5px 0;
  padding: 5px;
  display: block;
  color: #0a0b09;
  text-align: center;
}

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

.error a:hover, .error a:active, .alert a:hover, .alert a:active {
  color: #ffffff
}

.error {
  background-color: #e95541
}

.alert {
  background-color: #7ce941
}

.minigryff {
  width: 125px;
  height: 83px;
}

#billboard img {
  max-width: 400px
}

#sideBillboards {
  margin: 20px auto 0 auto;
  width: 170px;
  font-size: 9pt;
  text-align: left;
}

.billboardsubject {
  width: 150px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}

#leftColumn h2 {
  text-align: center
}

.areaImage {
  width: 600px;
  margin: 0 auto
}

.item {
  display: inline-block;
  height: 150px;
  width: 130px;
}

.item img {
  width: 100px
}

#profile img {
  max-width: 600px
}

#gryffsDesc {
  text-align: left;
}

#leftColumn input {
  margin: 3px;
}

#leftColumn input.intext {
  width: 125px;
}

#inventory td {
  position: relative;
  width: 135px;
}

.itemInfo {
  position: absolute;
  width: 155px;
  margin: -10px 0 0 -10px;
  display: none;
}

.itemInfo a, .itemInfo div {
  display: block;
  margin: 10px 0
}

.full {
  width: 100%
}

.helpImage {
  float: left;
  margin: -10px 0 -10px -10px
}

.helpGold {
  margin: 10px 10px 0 10px;
  float: left;
}

.newstag {
  margin: -5px;
  width: 40px;
}

img.noline {
  border:0
}

#chat table {
}

#chat table form {
  height: 30px;
  padding: 0;
  line-height: 30px;
  text-align: center;
}

#chat .chatInput {
  width: 500px;
}

#chat table div {
}

#chat .user {
  text-align: left;
}

#chat .usertag {
  text-align: center;
}

#chat .usertag img {
  max-width: 25px;
}

.minitag {
  max-width: 50px;
}

.date {
  text-align: right;
  font-size: 8pt;
  display: block;
  margin-top: 10px
}

#billboardText, #billboardPreviewText {
  width: 600px;
  height: 300px;
  overflow: auto;
}

#billboardPreviewText {
  border: 1px solid;
  display: none;
  text-align: left;
}


.gryffTable td table td, .gryffTable td table th {
  background-color: transparent;
  background-image: none;
  text-align: center;
  border: 0
}

.gryffTable td table td.line, .gryffTable td table th.line {
  border: 1px solid;

}

.gryffTable td table {
  margin: 0 auto
}

.gryffInfo input, .gryffInfo textarea {
  width: 400px;
}
.gryffInfo textarea {
  height: 400px;
}

.colorbox {
  display: block;
  width: 55px;
  height: 20px;
  line-height: 20px;
  border: 1px solid;
  margin: 2px auto;
  font-size: 8pt;
}

.sm {
  margin: 2px;
}

.article img {
  max-width: 450px;
}

blockquote {
  padding: 0;
  margin: 0;
  -webkit-margin: 0;
  text-indent: 2em;
}

.flip {
-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";
}