/* style.css */
body {
    margin: 0;
    padding: 0;
    background-color: white;
}

body, table, td, input, select, textarea {
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #111111;
}

a:link {
    color: #959521;
    text-decoration: underline;
    color: #FDD017;
}

a:visited {
    color: #959521;
    text-decoration: underline;
    color: #FDD017;
}

a:link:active, a:visited:active {
    color: #959521;
    text-decoration: none;
    color: #FDD017;
}

a:link:hover, a:visited:hover {
    color: #959521;
    text-decoration: none;
    color: #FDD017;
}

a.inv:link, a.inv:visited {
    text-decoration: none;
}

a.inv:link:hover, a.inv:visited:hover {
    text-decoration: underline;
}

/* Hadi 29 July 2009 */
a.delete:link {
    color: #F00 !important;
    text-decoration: underline;
    color: #F00 !important;
}

a.delete:hover {
    color: #F00 !important;
    text-decoration: none;
    color: #F00 !important;
}
/* common.css */
* {
    margin: 0;
    padding: 0;
}

/* font */
html {
    font-size: 100%;
}

body {
    font-size: 0.8em;
}

table, input, select, textarea {
    font-size: 100%;
}

/* layout - general */
a:link, a:visited {
    cursor: hand;
    cursor: pointer;
}

img {
    border: none;
}

li, dd, blockquote {
    margin-left: 20px;
}

select > option {
    padding: 0 5px 0 3px;
}

acronym {
    cursor: help;
}

.clear {
    clear: both;
    line-height: 1px;
    height: 1px;
    width: 100%;
}

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

.ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
    list-style-type: none;
}

.ctr {
    text-align: center;
}

.flR {
    float: right;
}

.flL {
    float: left;
}

.alR {
    text-align: right;
}

body .hide {
    display: none;
    visibility: hidden;
    height: 0px;
    margin: 0px;
    float: right;
}

.hide2 {
    visibility: hidden;
}

.ir {
    position: relative;
    overflow: hidden;
}

.ir em {
    position: absolute;
    width: 100%;
    height: 100%;
}

/* Clear Floats Without Structural Markup */
.clearFix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearFix {
    height: 1%;
}

.clearFix {
    display: block;
}

/* End hide from IE-mac */

/* base.css */
/* forms */
.TextBox, .FileBox, textarea {
    padding: 2px 3px;
}

.TextBox, textarea, select {
    border-width: 1px;
}

.submit {
    cursor: pointer;
    border-width: 1px;
}

/* layout - specific */
body {
    position: relative;
    text-align: center;
}

.page {
    width: 760px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}

#top {
    /*	height: 70px; */
    position: relative;
}

#colWrap {
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
}

#colMain {
    float: left;
    width: 76%;
    padding: 0;
}

#colSide1 {
    float: right;
    width: 23.5%;
    margin: 0;
}

#colSide2 {
    float: right;
    width: 19.5%;
    margin: 0;
}

.content {
    margin: 5px 0;
}

.content h2 {
    font-size: 120%;
}

.content h3 {
    font-size: 110%;
}

.content p {
    margin: 1em 0px 2em 0px;
}

.content ul {
    padding-left: 3em;
}

.note {
    padding: 10px;
}

/* Form.css */
fieldset {
    border: none;
    margin: 0;
}

fieldset legend {
    display: none;
}

fieldset ul, .content fieldset ul {
    list-style: none;
    padding: 0;
}

fieldset li {
    display: block;
    overflow: hidden;
    padding: .3em 0;
    margin: 0;
}

#ie6 fieldset li {
    display: inline-block;
}

fieldset li.but {
    width: auto;
    padding-left: 9.5em;
}

fieldset li.but input {
    margin-top: .5em;
    margin-right: .5em;
    padding: .15em .75em;
}

fieldset label {
    float: left;
    display: block;
    width: 9em;
    margin-right: .5em;
}

fieldset .error {
    background: #FFEEEE;
    border: solid 1px #FF9999;
}

fieldset .error p {
    font-weight: bold;
    color: #FF3333;
    margin-top: 1px;
    margin-bottom: 5px;
}

#page fieldset ul.items {
    margin-left: 9.5em;
    padding: 0;
}

fieldset ul.items li {
    margin: .1em 0;
    padding: 0;
}

fieldset ul.items li label {
    float: none;
    display: inline;
    width: auto;
    margin: 0;
}

#ie7 #page fieldset ul.File {
    margin-left: 0px;
}

fieldset .TextareaHTMLSimple {
    width: 99%;
    clear: left;
}

fieldset p.header {
    font-weight: bold;
    font-size: 110%;
}
/* Logo.css */
#logo {
    width: 250px;
}

#logo a:link, #logo a:visited {
    display: block;
    width: 100%;
    height: 100%;
}
/* User_auth.css */
.userAuth {
    margin: 1em 0;
    padding: .5em 0;
}

.userAuth p.error {
    margin: .5em;
    color: #CC0000;
}

.userAuth fieldset {
    margin: 0 .5em;
}

.userAuth fieldset label {
    width: 7em;
    line-height: 1.4em;
}

.userAuth fieldset .TextBox {
    width: 8.5em;
}

.userAuth fieldset li.but {
    padding: 0;
    margin-left: 7.5em;
    width: auto;
}

/* Bottom_copyright.css */
#copyright {
    margin: .5em 0 .3em 0;
}
/* custom15.css */
html {
    overflow-y: scroll; /* Eliminate scroll jumping */
}

.TextBox, .Textarea, .Select, .FileBox {
    border: inset 1px #8C8D22;
    background: #3B3917;
    color: #8C8D22;
}

.TextBox:hover, .TextBox:focus, .Textarea:hover, .Textarea:focus, .FileBox:hover, .FileBox:focus {
}

.Select option {
    background: #3B3917;
}

.submit {
    font-size: 110%;
    font-weight: bold;
    background: #8C8D22;
    color: #3B3917;
    border-color: #ded71a;
}

.submit:hover {
    background: #8C8D22;
    color: #ded71a;
}

.note {
    background: #B59C04;
    margin: .3em 0 .75em;
}

.note a:link, .note a:visited {
    color: #000000;
}

.note-contentBottom {
    background: #737022;
}

/* Right side skyscraper ad */
#skyscraper_ad {
    position: absolute;
    left: 995px;
    top: 38px;
}

/* Layout */

body {
    background: #000000;
    cursor: default;
}

#page {
    width: 990px;
    background: #48482f url(http://www.dragontavern.com/_pub/img/page-m.jpg) repeat 0 0;
}

#pageIn {
    background: url(http://www.dragontavern.com/_pub/img/page-r.gif) repeat-y 100% 0;
}

#pageIn2 {
    background: url(http://www.dragontavern.com/_pub/img/page-l.gif) repeat-y 0% 0;
    position: relative;
}

#top {
    /*		background: url(http://www.dragontavern.com/_pub/img/top-m.jpg) repeat-x 0 0;
            height: 141px;
    */
}

#topIn {
    background: url(http://www.dragontavern.com/_pub/img/top-r.png) no-repeat 100% 0;
}

#topIn2 {
    /*background: url(http://www.dragontavern.com/_pub/img/top-l.jpg) no-repeat 0 0;*/
    position: relative;
}

#top #logo {
    width: 500px;
    height: 141px;
    position: relative;
    z-index: 10;
}

#top #logo a:link, #top #logo a:visited {
}

#top #logo a:link em, #top #logo a:visited em {
    background: transparent url(http://www.dragontavern.com/_pub/img/top-l.jpg) no-repeat 0 0;
    height: 140px;
}

#bannerTop {
    position: absolute;
    z-index: 50;
    right: 32px;
    top: 19px;
}

#charHeaderTop {
    background: url(http://www.dragontavern.com/_pub/img/char-header-top.png) repeat-x 0 0;
    height: 17px;
    position: relative;
}

#colWrapChar {
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    background: url(http://www.dragontavern.com/_pub/img/char-torch-r.png) no-repeat scroll 100% 0;
}

#colWrapInChar {
    background: url(http://www.dragontavern.com/_pub/img/char-torch-l.png) no-repeat scroll 0 0;
    min-height: 350px;
    position: relative;
}

#charHeaderLogo img {
    margin: 0px;
    padding: 0px;
    width: 221px;
    position: relative;
}

#infoBarBG {
    height: 20px;
    width: 100%;
    color: #FFF;
    background-color: #26211A;
    border-bottom: solid 1px #907B4E;
    position: absolute;
    top: 0;
    left: 0;
}

#infoBar {
    margin: 0px;
    padding: 0px;
    height: 20px;
    width: 990px;
    color: #FFF;
    background-color: #26211A;
    border-bottom: solid 1px #907B4E;
    position: relative;
}

#infoBar .company {
    padding: 0px;
    width: 34%;
    margin: 0px 0px 0px 5px;
    text-align: left;
    float: left;
}

#infoBar .DTtext {
    color: #FF0;
}

#infoBar .links {
    padding: 0px;
    float: right;
    width: 64%;
    margin: 0px 5px 0px 0px;
    text-align: right;
    color: #FFF;
}

#infoBar .links a {
    color: #FFF;
}

.infoBarBR {
    clear: both;
}

#colWrap {
    background: url(http://www.dragontavern.com/_pub/img/torch-r.jpg) no-repeat 100% 0;
    min-height: 350px;
}

#colWrapIn {
    background: url(http://www.dragontavern.com/_pub/img/torch-l.jpg) no-repeat 0 0;
    min-height: 350px;
}

#colWrapIn2 {
    margin: 0 51px 1px 50px;
}

#colWrapIn3 {
    width: 100%;
}

#colMainWrap {
    width: 100%;
    float: left;
    min-height: 555px;
}

#ie6 #colMainWrap {
    height: 555px;
}

#colMain {
    background: #3b3917 url(http://www.dragontavern.com/_pub/img/main-l.jpg) repeat-y 100% 0;
    margin: 0 0 0 220px;
    float: none;
    width: auto;
}

#colMainIn {
    background: url(http://www.dragontavern.com/_pub/img/main-l.jpg) repeat-y 0 0;
}

#colMainIn2 {
    background: url(http://www.dragontavern.com/_pub/img/main-t.jpg) repeat-x 0 0;
}

#content {
    background: url(http://www.dragontavern.com/_pub/img/main-t.jpg) repeat-x 0 100%;
    margin: 0;
    padding: 5px 6px 5px 5px;
}

#colSide1 {
    float: left;
    width: 220px;
    margin-left: -100%;
    color: #85811d;
    font-family: "Palatino Linotype", Arial, sans-serif;
    font-size: 110%;
}

#colSide1In {
    background: #000000 url(http://www.dragontavern.com/_pub/img/side-m.gif) repeat-y 100% 0;
}

#colSide1In2 {
    margin: 0 0 0 0;
    padding: 0 0 26px 0;
    background: url(http://www.dragontavern.com/_pub/img/side-b.jpg) no-repeat 0 100%;
    overflow: visible;
}

#colSide1 a:link, #colSide1 a:visited {
    color: #85811d;
}

#colSide1 .sep {
    background: url(http://www.dragontavern.com/_pub/img/side-sep.jpg) no-repeat 0 100%;
    height: 30px;
    margin-bottom: 3px;
}

#ads1 {
    width: 160px;
    margin: 10px auto;
}

#ads2 {
    width: 160px;
    margin: 10px auto;
}

h1.title {
    margin: .3em 10px;
    font-size: 140%;
    color: #8C8D22;
}

#content h2 {
    font-size: 125%;
    margin: 0 0 .5em;
}

#content h3 {
    font-size: 110%;
    margin: 0 0 .75em;
}

.explore #content h2 {
    text-align: center;
}

#content2 {
    margin: 5px 0 0 1px;
    padding: 0;
    color: #191803;
    border: solid 2px #676318;
    line-height: 1.4em;
}

#content22 {
    border: solid 1px #1b1a0a;
}

#content23 {
    background: url(http://www.dragontavern.com/_pub/img/content-m.jpg) repeat 0 0;
    border: solid 1px #41431d;
    padding: 8px 10px 8px 10px;
    margin: 0;
    position: relative;
}

#content2 p {
    margin: 0 0 .5em 0;
}

#content2 ul {
    margin-bottom: .75em;
}

#content2 ul ul {
    margin-bottom: .15em;
}

#content23 ul li {
    margin-bottom: .45em;
}


.createChar #content2 {
    color: #86811f;
    font-size: 110%;
}

.createChar #content23 {
    background: url(http://www.dragontavern.com/_pub/img/content2-m.jpg) repeat 0 0;
    border: solid 1px #000000;
}

#bot {
    background: #624225 url(http://www.dragontavern.com/_pub/img/bot-m.jpg) repeat-x 0 0;
    height: 70px;
}

#botIn {
    background: url(http://www.dragontavern.com/_pub/img/bot-r.png) no-repeat 100% 0;
}

#botIn2 {
    background: url(http://www.dragontavern.com/_pub/img/bot-l.jpg) no-repeat 0 0;
    height: 70px;
}

#bot p {
    display: none;
}

#charTitle {
    width: 220px;
    text-align: center;
    font-size: 125%;
    font-weight: normal;
    color: #f5e121;
    background: url(http://www.dragontavern.com/_pub/img/char-title.jpg) no-repeat 0 0;
    height: 38px;
    padding: 0px 0 0 0;
    line-height: 19px;
    position: relative;
}

#charTitle span {
    display: block;
    font-size: 75%;
    line-height: 20px;
}

#charTitle a:link, #charTitle a:visited {
    position: absolute;
    right: 24px;
    text-decoration: none;
    font-weight: bold;
    color: #a59100;
    font-size: 65%;
    letter-spacing: -1px;
}

#charInfo {
    background: #2b290e;
    width: 197px;
    overflow: visible;
    font-size: 90%;
}

#charInfo h3 {
    text-align: center;
    color: #afcd63;
    padding: 3px 0;
    margin: 0 0 0 24px;
    width: 173px;
    font-size: 100%;
}

#charInfo ul {
    margin: 0 0 0 0;
}

#charInfo ul li {
    width: 100%;
    overflow: hidden;
    margin: 0px 0 3px 0;
    height: 51px;
    padding: 1px 0;
    border: solid 1px #636016;
    border-left: none;
    border-right: none;
    background: url(http://www.dragontavern.com/_pub/img/char-m.gif) repeat 0 0;
}

#charInfo ul li span {
    display: block;
    float: left;
    width: 55px;
    height: 51px;
    background: url(http://www.dragontavern.com/_pub/img/icons/character-icons.jpg) no-repeat 0 0;
}

#charInfo ul li p {
    float: left;
    width: 137px;
    margin: 13px 0 0;
    padding: 0 0 0 5px;
    line-height: 1.6;
    border: solid 2px #636016;
    border-right: 0;
    border-left: 0;
    background: #3b3917;
    color: #87831d;
    cursor: default;
}

#charInfo ul li.warning p {
    color: red;
}

#charInfo ul li.orangewarning p {
    color: orange;
}

#charInfo ul li:hover p {
    color: #ded71a;
    background: #3b3917 url(http://www.dragontavern.com/_pub/img/char-hover.gif) repeat-x 0 0;
}

#charInfo li.ap span {
    background-position: 0 0;
}

#charInfo li.xp span {
    background-position: 0 -51px;
}

#charInfo li.wounds span {
    background-position: 0 -102px;
}

#charInfo li.gold span {
    background-position: 0 -153px;
}

#charInfo li.enc span {
    background-position: 0 -204px;
}

#charInfo p {
    margin: .5em 0px .5em 0px;
    font-weight: bold;
}

#charInfo p {
    padding: 0 5px 0 55px;
    margin: 0;
    line-height: 38px;
}

#charInfo p.sheet {
    background: #3b3917 url(http://www.dragontavern.com/_pub/img/icons/character-icons.jpg) no-repeat 5px -254px;
}

#charInfo p.inventory {
    background: #3b3917 url(http://www.dragontavern.com/_pub/img/icons/character-icons.jpg) no-repeat 7px -292px;
}

#charInfo p.location {
    background: #3b3917 url(http://www.dragontavern.com/_pub/img/icons/character-icons.jpg) no-repeat 6px -330px;
}

#charInfo p.public {
    background: #3b3917 url(http://www.dragontavern.com/_pub/img/icons/character-icons.jpg) no-repeat 7px -368px;
}

#charInfo p.edges {
    background: #3b3917 url(http://www.dragontavern.com/_pub/img/icons/character-icons.jpg) no-repeat 10px -406px;
}

#charInfo p.rankings {
    background: #3b3917 url(http://www.dragontavern.com/_pub/img/icons/character-icons.jpg) no-repeat 2px -445px;
}

#charInfo p.recent {
    background: #3b3917 url(http://www.dragontavern.com/_pub/img/icons/character-icons.jpg) no-repeat 6px -484px;
}

#charInfo p.competition {
    background: #3b3917 url(http://www.dragontavern.com/_pub/img/icons/character-icons.jpg) no-repeat 3px -523px;
}

#locInfo {
    background: #3b3917;
}

#locInfo .title {
    width: 100%;
    margin: 0px;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #f5e121;
    background: #000000 url(http://www.dragontavern.com/_pub/img/char-m.gif);
}

#locInfo .locName {
    font-size: 18px;
    font-weight: normal;
}

#locInfo .img {
    border-right: 2px solid #626016;
    border-bottom: 2px solid #626016;
    width: 330px;
    height: 193px;
    margin: -9px 5px 1px -10px;
    _margin: -9px 5px 1px -5px;
    float: left;
}

#locInfo .desc {
    text-align: left;
    background: #2c2a0a;
    color: #86811f;
    padding: 9px 10px;
    line-height: 1.3em;
    border: solid 2px #626016;
    margin: 1px 0 1px 1px;
    min-height: 175px;
}


/* iPhone 6 */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
    .hide-mobile{ display: none !important; }
}

/* iPhone 6 Plus */
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
    .hide-mobile{ display: none !important; }
}

/* iPhone 5 & 5S */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
    .hide-mobile{ display: none !important; }
}

/* Other phones */
@media only screen and (max-device-width: 480px) {
    .hide-mobile{ display: none !important; }
}

/* iPad in Landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    .hide-mobile{ display: none !important; }
}

/* Retina iPad in Landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .hide-mobile{ display: none !important; }
}

/* iPad 1 & 2 in Landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
    .hide-mobile{ display: none !important; }
}

/* iPad Mini in Landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
    .hide-mobile{ display: none !important; }
}

#account {
    background: url(http://www.dragontavern.com/_pub/img/account-m.jpg) repeat-y 0 -30px;
    width: 200px;
    text-align: center;
    padding: 0 0 10px 0;
    font-size: 90%;
}

#account p {
    line-height: 1.65em;
    width: 190px;
}

#account p.credits {
    color: #d1cb13;
    font-weight: bold;
    text-transform: uppercase;
}

#account ul {
    background: url(http://www.dragontavern.com/_pub/img/credits-m.png) no-repeat 0 100%;
    height: 30px;
    margin: 5px 0;
}

#account ul li {
    margin: 0;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 100%;
}

#colSide1 .userAuth {
    width: 197px;
    background: #2b290e;
    margin: 3px 0 0 2px;
}

#colSide1 .userAuth fieldset label {
    width: 5.5em;
}

#colSide1 .userAuth fieldset .TextBox {
    width: 85px;
}

#colSide1 .userAuth fieldset li.but {
    margin: 0;
    padding: 0;
    text-align: right;
}

.tableIterator {
    width: 100%;
    margin: 0 0 1em;
}

.tableIterator tr.header th {
    padding: 5px 0;
    border-bottom: solid 2px #3B3917;
    text-align: left;
}

.tableIterator tbody td {
    padding: 3px 3px;
    border-bottom: solid 1px #3B3917;
}

.tableIterator tfoot .prev {
    float: left;
}

.tableIterator tfoot .next {
    float: right;
}

.tableIterator tfoot .showing {
    text-align: center;
}

#chars {
}

#chars .class {
    display: block;
    float: left;
    width: 42px;
    height: 37px;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    border: solid 1px #897C36;
}

#chars .realm {
    display: block;
    float: left;
    width: 42px;
    height: 43px;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    border: solid 1px #897C36;
}

.effects {
    width: 100%;
    overflow: hidden;
}

.effects dt, .effects dd {
    float: left;
    margin: 0;
    padding: .15em 0;
}

.effects dt {
    clear: left;
    width: 48%;
}

.effects dd {
    width: 48%;
}

.effects2 {
    width: 100%;
    overflow: hidden;
}

.effects2 dt, .effects2 dd {
    float: left;
    margin: 0;
    padding: .2em 0;
}

.effects2 dt {
    clear: left;
    width: 40%;
}

.effects2 dd {
    width: 58%;
}

dl.sep {
    margin: 1em 0;
}

#tooltip .effects {
    width: 500px;
}

#tooltip .effects dt {
    width: 10%;
}

#tooltip .effects dd {
    width: 89%;
}

.pos {
    color: #A2CFDF;
}

.neg {
    color: #FFCC66;
}

.char {
    color: aquamarine;
}

.monster {
    color: yellow;
}

.eliteBoss {
    color: orange;
}

.wounded {
    color: darkred;
}

.woundAvoided {
    color: #00BB00;
}

.lootType-com {
    color: #FFCCCC;
}

.lootType-rar {
    color: #CCCCCC;
}

.lootType-exo {
    color: #FFFF99;
}

.lootValue {
    color: #ffff00;
}

.lootWeight {
    color: #99ff99;
}

.loc {
    color: #ccffff;
}

.xp {
    color: #FFFFFF;
    font-weight: bold;
}

.xp_debt {
    color: #C0C0C0;
}

.boss {
    color: #FFFFFF;
}

.attackItem {
    color: #FFFFFF;
}

.defenseItem {
    color: #CCCCCC;
}

.supportItem {
    color: #FFCCFF;
}

.deathcry {
    color: #FFFFFF;
}

.warcry {
    color: #FFFFFF;
}

.lootSellComment {
    color: #FFFFFF;
}

.explorations {
    color: #FFFFFF;
}

.combatItem {
}

.game {
    color: #FFFFFF;
}

.subloc {
    color: #FFFFFF;
}

span.title {
    color: #FFFFFF;
}

.trap {
    color: yellow;
}

#page .trapDesc {
    text-align: center;
    margin: 0 0 2em;
}

.avoided {
    color: #00BB00;
}

.type-1 {
    color: #FFFFFF;
}

.type-2 {
    color: #EEFFFF;
}

.type-3 {
    color: #FFEEFF;
}

.type-4 {
    color: #FFFFEE;
}

.status-1 {
    color: #FFFFFF;
}

.status-2 {
    color: #FFCCFF;
}

.status-3 {
    color: #FFCCCC;
}

.status-4 {
    color: #FFFFCC;
}

.status-5 {
    color: #FFCCFF;
}

.score {
    color: #FFFFFF;
}

.rank, .rank a:link, .rank a:visited {
    font-weight: bold;
    /* color: #9ACD32; */
    color: #AFCD63;
}

#tooltip {
    /*	background: #B48900; */
    background: #31394c;
    /*	border: solid 2px #EEEEEE; */
    border: solid 1px #324060;
    color: #FFFFFF;
    text-align: left;
    padding: 10px;
    line-height: 1.5;
}

#tooltip h3 {
    background: #41495c;
    margin: -10px -10px 5px -10px;
    padding: 0 10px;
    font-size: 110%;
    line-height: 2;
}

.singleRow li {
    float: left;
}

.singleRow li.row {
    width: 60%;
}

.singleRow li.but {
    width: 38%;
    padding-left: 0;
}

.singleRow li.but input {
    margin-top: .2em;
}

.singleRowMount li {
    float: left;
}

.singleRowMount label {
    width: 160px;
}

.singleRowMount li.row {
    width: 65%;
}

.singleRowMount li.but {
    width: 30%;
    padding-left: 0;
}

.singleRowMount li.but input {
    margin-top: .2em;
}

.singleRowmountType li {
    float: left;
}

.singleRowmountType li.row {

}

.singleRowmountType li.but {

    padding-left: 0;
}

.singleRowmountType li.but input {
    margin-top: .2em;
    background: none;
    border: 0;
    color: #959521;
    text-decoration: underline;
    color: #FDD017;
    font-weight: normal;
}

.singleRowmountType li.but input:hover {
    text-decoration: none;
}

.slim fieldset li {
    padding-top: .2em;
    padding-bottom: .2em;
}

#page .slim fieldset li p {
    margin: 0;
}

#changeLevelForm li.row {
    width: 31%;
}

#changeLevelForm li {
    padding: .5em 0;
}

#changeLevelForm p {
    margin: 0;
}

.skills {
    margin: 0 1em;
}

.skills dl {
    width: 100%;
    overflow: hidden;
    margin: 0 0 .5em;
    padding: 3px;
}

.skills dl:hover {
    background: #666830;
    border: solid 1px #3D3F23;
    padding: 2px;
}

.skills dl.lev-2 {
    margin-left: 5%;
    width: 94.5%;
}

.skills dl.lev-3 {
    margin-left: 10%;
    width: 89.5%;
}

.skills dl dt {
    font-weight: bold;
    float: left;
    width: 70%;
}

.skills dl dt span {
    font-weight: normal;
}

.skills dl dd.status {
    float: right;
    width: 29%;
    margin: 0;
    text-align: right;
}

.skills dl dd.desc {
    clear: both;
    margin: 0;
}

.skills dt.race_upgrade {
    font-weight: normal;
}

.skillKnown {
    color: #99ff99;
}

.skillLocked {
    color: #000077;
}

.combatItems {
}

.combatItems dl {
    width: 100%;
    overflow: hidden;
    margin: 0 0 5px;
    padding: 3px;
}

/*	.combatItems dl:hover {
        background: #666830;
        border: solid 1px #3D3F23;
        padding: 2px;
    } */
.combatItems dl dt {
    margin: 0;
    float: left;
    width: 30%;
}

.combatItems dl dd {
    margin: 0;
}

.combatItems dl dd.buy {
    float: right;
}

.combatItems dl dd.effects {
    clear: both;
}

#shop .combatItems dl dt {
    width: 60%;
}

.gold {
    color: #ffff00;
}

.white {
    color: #ffffff;
}

.offwhite {
    color: #fdf5e6;
}

.orange {
    color: #FF9933;
}

.attackRating {
    color: #FF9933;
    /*	color: #00FFFF; */
}

.defenseRating {
    color: #99FF66;
}

.createChar #content23 {
    padding: 8px 0;
}

#createDescription,
#createForm,
#createFinal {
    margin-left: 10px;
    margin-right: 10px;
}

.createSelect {
    position: relative;
    background: #151508;
    width: 197px;
}

.createSelect h2 {
    width: 220px;
    text-align: center;
    font-size: 125%;
    font-weight: normal;
    color: #f5e121;
    background: url(http://www.dragontavern.com/_pub/img/char-title.jpg) no-repeat 0 0;
    height: 38px;
    padding: 0px 0 0 0;
    line-height: 38px;
    position: relative;
}

.createSelect ul {
    width: 197px;
    background: #24230a;
    padding: 3px 0;
}

.createSelect ul li {
    margin: 5px 0;
    height: 47px;
    line-height: 47px;
    background: url(http://www.dragontavern.com/_pub/img/realm-m.png) repeat-x 0 0;
    color: #9d982f;
    position: relative;
}

.createSelect ul li.active {
    background: url(http://www.dragontavern.com/_pub/img/realm-m-o.png) repeat-x 0 0;
    color: #e8e841;
}

.createSelect ul li span {
    display: block;
    float: left;
    height: 47px;
    width: 50px;
}

.createSelect ul li span.realm-1 {
    background: url(http://www.dragontavern.com/_pub/img/icons/realm-1.jpg) no-repeat 0 0;
}

.createSelect ul li.active span.realm-1 {
    background: url(http://www.dragontavern.com/_pub/img/icons/realm-1-o.jpg) no-repeat 0 0;
}

.createSelect ul li span.realm-2 {
    background: url(http://www.dragontavern.com/_pub/img/icons/realm-2.jpg) no-repeat 0 0;
}

.createSelect ul li.active span.realm-2 {
    background: url(http://www.dragontavern.com/_pub/img/icons/realm-2-o.jpg) no-repeat 0 0;
}

.createSelect ul li span.realm-3 {
    background: url(http://www.dragontavern.com/_pub/img/icons/realm-3.jpg) no-repeat 0 0;
}

.createSelect ul li.active span.realm-3 {
    background: url(http://www.dragontavern.com/_pub/img/icons/realm-3-o.jpg) no-repeat 0 0;
}

.createSelect ul li a:link, .createSelect ul li a:visited {
    text-decoration: none;
    padding: 0 0 0 3px;
    display: block;
    height: 47px;
    overflow: hidden;
    outline: none;
}

.createSelect ul li .arrow {
    position: absolute;
    right: -45px;
    top: -2px;
    background: url(http://www.dragontavern.com/_pub/img/arrow-1.png) no-repeat 0 0;
    width: 56px;
    height: 53px;
}

.createSelect p {
    margin: 0 0 25px 0;
    padding: 5px 15px;
    background: #3b3917;
    color: #aca526;
}

.classSelect ul li {
    margin: 3px 0;
    height: 41px;
    line-height: 41px;
    background: url(http://www.dragontavern.com/_pub/img/class-m.jpg) repeat-x 0 0;
    color: #9d982f;
    position: relative;
}

.classSelect ul li.active {
    background: url(http://www.dragontavern.com/_pub/img/class-m-o.jpg) repeat-x 0 0;
    color: #e8e841;
}

.classSelect ul li span {
    margin: 2px 0 0 0;
    width: 48px;
    height: 37px;
}

.classSelect ul li span.arrow {
    width: 56px;
    height: 53px;
    margin: 0;
    top: -4px;
}

#createNav {
    background: url(http://www.dragontavern.com/_pub/img/nav-m.jpg) repeat-x 50% 0;
    width: 198px;
    overflow: hidden;
    height: 24px;
    margin: 20px 0 0;
}

#createNav a:link, #createNav a:visited {
    display: block;
    height: 24px;
}

#createNav a:link span, #createNav a:visited span {
    display: block;
    text-indent: -1000em;
}

#createNav a.butPrev:link, #createNav a.butPrev:visited {
    float: left;
    width: 66px;
    background: url(http://www.dragontavern.com/_pub/img/but-back.png) no-repeat 0 0;
}

#createNav a.butNext:link, #createNav a.butNext:visited {
    float: right;
    width: 62px;
    background: url(http://www.dragontavern.com/_pub/img/but-next.png) no-repeat 0 0;
}

#createTitle {
    background: url(http://www.dragontavern.com/_pub/img/bar-2.jpg) repeat-x 0 0;
    height: 34px;
    padding: 1px 0 0;
    text-align: center;
}

#createTitle h1 {
    width: 241px;
    height: 28px;
    background: url(http://www.dragontavern.com/_pub/img/title-create.png) no-repeat 0 0;
    margin: 1px auto 0;
}

#createTitle h1 span {
    display: block;
    text-indent: -1000em;
}

#createSteps {
    background: url(http://www.dragontavern.com/_pub/img/bar-1.jpg) repeat-x 0 0;
    height: 39px;
}

#createSteps ul {
    width: 613px;
    margin: 0 auto;
    overflow: hidden;
}

#createSteps ul li {
    float: left;
    height: 39px;
    background: url(http://www.dragontavern.com/_pub/img/create-char-steps.png) no-repeat 0 0;
}

#createSteps ul li span {
    display: block;
    text-indent: -1000em;
}

#createSteps ul li#step-1 {
    width: 161px;
}

#createSteps ul li#step-1.active {
    background-position: 0 -39px;
}

#createSteps ul li#step-2 {
    width: 147px;
    background-position: -161px 0;
}

#createSteps ul li#step-2.active {
    background-position: -161px -39px;
}

#createSteps ul li#step-3 {
    width: 146px;
    background-position: -308px 0;
}

#createSteps ul li#step-3.active {
    background-position: -308px -39px;
}

#createSteps ul li#step-4 {
    width: 159px;
    background-position: -454px 0;
}

#createSteps ul li#step-4.active {
    background-position: -454px -39px;
}

#createJSHeader1 {
    height: 65px;
    margin: 0 0 -5px 0;
}

#createJSHeader1.realm-1 {
    background: #000000 url(http://www.dragontavern.com/_pub/img/header-realm1.jpg) no-repeat 50% 0%;
}

#createJSHeader1.realm-2 {
    background: #000000 url(http://www.dragontavern.com/_pub/img/header-realm2.jpg) no-repeat 50% 0%;
}

#createJSHeader1.realm-3 {
    background: #000000 url(http://www.dragontavern.com/_pub/img/header-realm3.jpg) no-repeat 50% 0%;
}

#createJSHeader2 {
    height: 65px;
    background: url(http://www.dragontavern.com/_pub/img/bar-3.jpg) repeat-x 0 0;
}

#createJSHeader2 h1 {
    width: 297px;
    height: 65px;
    line-height: 65px;
    background: url(http://www.dragontavern.com/_pub/img/title-m.jpg) no-repeat 0 0;
    font-size: 150%;
    font-weight: normal;
    text-align: center;
    margin: 0 auto;
    color: #f5e121;
    font-family: "Palatino Linotype", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
}

#classTypes {
    background: url(http://www.dragontavern.com/_pub/img/content3-m.jpg) repeat 0 0;
    border-top: solid 1px #67641e;
    margin: 30px 0 0;
    width: 100%;
    overflow: hidden;
    padding: 20px 0;
    position: relative;
}

#classTypes dl {
    float: left;
    width: 24.95%;
}

#classTypes dt {
    text-align: center;
    color: #6ba751;
    margin: 0 0 5px 0;
}

#classTypes dd {
    margin: 0;
    text-align: center;
}

#classTypes dd span {
    display: block;
    margin: 0 auto;
    width: 88px;
    height: 78px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border: solid 2px #6b6820;
}

#lineageHeader {
    height: 65px;
    background: url(http://www.dragontavern.com/_pub/img/bar-3.jpg) repeat-x 0 0;
}

#lineageHeader h1 {
    width: 297px;
    height: 65px;
    line-height: 65px;
    background: url(http://www.dragontavern.com/_pub/img/title-m.jpg) no-repeat 0 0;
    font-size: 150%;
    font-weight: normal;
    text-align: center;
    margin: 0 auto;
    color: #f5e121;
    font-family: "Palatino Linotype", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
}

#createForm {
}

#createForm fieldset label span {
    font-weight: bold;
    color: #FF0000;
    padding: 0 0 0 .3em;
}

#createForm fieldset ul li p {
    background: #B99002;
    color: #000000;
    padding: .3em;
    margin: .3em 0 0;
}

#createForm fieldset ul li div {
    margin-left: 10em;
    background: url(http://www.dragontavern.com/_pub/img/input-m-r.jpg) no-repeat 100% 0;
    height: 32px;
}

#createForm fieldset ul li div div {
    margin: 0;
    background: url(http://www.dragontavern.com/_pub/img/input-m-l.jpg) no-repeat 0 0;
    padding: 6px 0 0 35px;
    height: 26px;
}

#createForm fieldset ul li input.TextBox {
    background: #121003;
    border: none;
    padding: 0;
    height: 21px;
    line-height: 21px;
    width: 93%;
    font-size: 110%;
}

#createForm fieldset ul li select {
    background: #121003;
    border: none;
    height: 19px;
    width: 94%;
}

#createForm fieldset ul li select option {
    background: #121003;
}

#ie7 #createForm fieldset ul li select {
    border-width: 0;
    height: 21px;
    width: 95%;
}

#createForm fieldset ul li.but {
    padding-left: 12.5em;
}

#createFinal {
}

#createFinal dl {
    margin: 0 0 5px;
    width: 100%;
    overflow: hidden;
    padding: 3px;
}

/*	#createFinal dl:hover {
        background: #464810;
        border: solid 1px #3D3F23;
        padding: 2px;
    } */
#createFinal dl dt {
    clear: left;
    float: left;
    display: block;
    width: 25%;
}

#createFinal dl dd {
    float: left;
    display: block;
    width: 70%;
    margin: 0;
}

#createFinal p.sep {
    margin-top: 1.5em;
}

#createFinal .name {
    font-weight: bold;
}

#createFinal .submit {
    padding: .15em .75em;
}

#CoreAccountRegisterForm0 {
    color: white;
}

#charSheet {
    margin: 0 0 1em;
}

#charSheet h2 {
    margin: 1em 0 .3em;
}

#charSheet dl {
    width: 100%;
    overflow: hidden;
    margin: 0 0 1px;
    padding: 2px;
}

#charSheet dl:hover {
    background: #666830;
    border: solid 1px #3D3F23;
    padding: 1px;
}

#charSheet dl dt {
    margin: 0;
    float: left;
    width: 22%;
}

#charSheet dl dt img {
    margin: 0 0 30px;
}

#charSheet dl dd {
    margin: 0;
}

.known {
    color: #99ff99;
}

.locked {
    color: #000077;
}

#DTMenuTop {
    margin: 0 0 23px;
}

#DTMenu {
    margin: -8px 0;
}

#DTMenu h2 {
    width: 649px;
    height: 23px;
    margin: 0 -10px 15px;
}

#DTMenu-1 em {
    background: url(/_pub/img/menu/title-1.png) no-repeat 0 0;
}

#DTMenu-2 em {
    background: url(/_pub/img/menu/title-2.png) no-repeat 0 0;
}

#DTMenu-3 em {
    background: url(/_pub/img/menu/title-3.png) no-repeat 0 0;
}

#DTMenu-4 em {
    background: url(/_pub/img/menu/title-4.png) no-repeat 0 0;
}

#page ul.actions ul {
    margin-left: 1em;
    margin-bottom: 1.5em;
}

#page ul.actions p {
    margin: 0;
}

#travelForm {
    margin: 10px 0 15px 1em;
}

#page #travelForm ul {
    margin: 0;
}

#travelForm li.but {
    margin-top: -5px;
}

#page .hint {
    margin: 1.5em 0 1em;
    color: #FFFFFF;
}

.hint span {
    color: #ccffff;
}

fieldset .error {
    background: #B99002;
    border: none;
}

fieldset .error p {
    color: #000000;
}

/* ajax loading */

#loading {
    position: absolute;
    top: 0;
    right: 0;
    padding: .3em 1em .3em 35px;
    text-align: left;
    font-weight: bold;
    font-size: 90%;
    /*	background: #B48406 url(http://www.dragontavern.com/_pub/img/icons/loading.gif) no-repeat 10px 50%; */
    background: #31394c url(http://www.dragontavern.com/_pub/img/icons/loading2.gif) no-repeat 10px 50%;
    /*	border: solid 2px #4F4638; */
    border: solid 2px #324060;
    color: #FFFFFF;
}

.mozilla #loading {
    position: fixed;
}

#loading p {
    line-height: 26px;
}

.note-edges {
    background: none;
    padding: 0;
}

.edge-1 {
    /* Normal edge */
    color: #E08954;
}

.edge-2 {
    /* Realm edge */
    color: #A970E0;
}

.timed {
    visibility: hidden;
    display: none;
}

/* hp */

.hp #pageIn {
    background: url(http://www.dragontavern.com/_pub/img/hp/page-r.png) repeat-y 100% 0;
}

.hp #top {
    background: url(http://www.dragontavern.com/_pub/img/hp/header.jpg) no-repeat 0 0;
    height: 305px;
}

.hp #top #logo {
    width: 100%;
    height: 305px;
}

.hp #top #logo a:link em, .hp #top #logo a:visited em {
    background: url(http://www.dragontavern.com/_pub/img/hp/header.jpg) no-repeat 0 0;
}

.hp #colWrap {
    background: url(http://www.dragontavern.com/_pub/img/hp/torch-r.png) no-repeat 100% 0;
    min-height: 350px;
}

.hp #colWrapIn {
    background: url(http://www.dragontavern.com/_pub/img/hp/torch-l.png) no-repeat 0 0;
    min-height: 350px;
}

.hp #colMainWrap {
    width: 667px;
    float: left;
    min-height: 555px;
}

.hp #colMain {
    background: url(http://www.dragontavern.com/_pub/img/hp/content-m.png) repeat-y 0 0;
    margin: 0;
    float: right;
    width: 442px;
}

.hp #content {
    background: none;
    margin: 0;
    padding: 0;
}

.hp #colSide1, .public #colSide1 {
    width: 225px;
    margin-left: 0;
}

.hp #colSide1In, .public #colSide1In {
    background: #000000 url(http://www.dragontavern.com/_pub/img/side-m.gif) repeat-y 100% 0;
}

.hp #colSide1In2, .public #colSide1In2 {
    padding: 0 0 30px 0;
    background: url(http://www.dragontavern.com/_pub/img/hp/side-l-b.png) no-repeat 0 100%;
}

.hp #colSide1 .sep, .public #colSide1 .sep {
    background: url(http://www.dragontavern.com/_pub/img/hp/side-l-b.png) no-repeat 0 100%;
    height: 30px;
    margin-bottom: 0;
}

.hp #colSide2 {
    background: #000000 url(http://www.dragontavern.com/_pub/img/side-m.gif) repeat-y 0 0;
    width: 222px;
    margin-left: 0;
    color: #85811d;
}

.hp #colSide2In {
    padding: 0 0 30px 0;
    background: url(http://www.dragontavern.com/_pub/img/hp/side-r-b.png) no-repeat 0 100%;
}

.hp #colSide2 .sep {
    background: url(http://www.dragontavern.com/_pub/img/hp/side-r-b.png) no-repeat 0 100%;
    height: 28px;
    margin-bottom: 0;
}

.hp #botIn {
    background: url(http://www.dragontavern.com/_pub/img/hp/bot-r.png) no-repeat 100% 0;
}

#signin {
    width: 203px;
    background: url(http://www.dragontavern.com/_pub/img/account-m.jpg) no-repeat 3px 135px;
}

#signin h2 {
    width: 225px;
    height: 38px;
    margin: 0 0 5px;
}

#signin h2 em {
    background: url(http://www.dragontavern.com/_pub/img/hp/title-login.png) no-repeat 0 0;
}

#signin fieldset {
    background: url(http://www.dragontavern.com/_pub/img/hp/login-m.png) no-repeat 0 0;
}

#signin fieldset li.row {
    padding: 5px 0 0;
    height: 31px;
}

#signin fieldset li label {
    visibility: hidden;
    width: 80px;
    margin: 0 5px 0 0;
}

#signin fieldset li input.TextBox {
    width: 100px;
    background: none;
    border: none;
}

#signin fieldset li.but {
    margin: 1px 0 0;
    padding: 0;
}

#signin fieldset li.but input {
    margin: 0;
    padding: 0;
}

#signin p {
    text-align: center;
    padding: .5em 1em .5em 0;
    font-size: 90%;
}

#createAccount1 {
    width: 225px;
    height: 68px;
}

#createAccount1 a:link, #createAccount1 a:visited {
    display: block;
    width: 225px;
    height: 68px;
}

#createAccount1 a:link em, #createAccount1 a:visited em {
    background: url(http://www.dragontavern.com/_pub/img/hp/but-create-account1.png) no-repeat 0 0;
}

#links {
}

#links h2 {
    width: 225px;
    height: 36px;
    margin: 0 0 5px;
}

#links h2 em {
    background: url(http://www.dragontavern.com/_pub/img/hp/title-dt.png) no-repeat 0 0;
}

#links ul {
    width: 201px;
    background: #393710 url(http://www.dragontavern.com/_pub/img/hp/box-b.png) no-repeat 0 100%;
    padding: 5px 0 50px;
    margin: 0 0 0 1px;
}

#links ul li {
    padding: .2em 0 .2em 15px;
    background: url(http://www.dragontavern.com/_pub/img/hp/bullet-1.gif) no-repeat .2em .6em;
}

#links a:link, #links a:visited {
    color: #ddd31f;
}

#createAccount2 {
    width: 222px;
    height: 67px;
}

#createAccount2 a:link, #createAccount2 a:visited {
    display: block;
    width: 222px;
    height: 67px;
}

#createAccount2 a:link em, #createAccount2 a:visited em {
    background: url(http://www.dragontavern.com/_pub/img/hp/but-create-account2.png) no-repeat 0 0;
}

#rankings {
    margin: 0 0 0 22px;
}

#rankings h2 {
    margin: 0 0 0 -22px;
    width: 221px;
    height: 38px;
}

#rankings h2 em {
    background: url(http://www.dragontavern.com/_pub/img/hp/title-rankings.png) no-repeat 0 0;
}

#rankings h3 {
    width: 200px;
    height: 29px;
}

#rankings h3.adventurers em {
    background: url(http://www.dragontavern.com/_pub/img/hp/title-adventurers.png) no-repeat 0 0;
}

#rankings ul {
    width: 201px;
    background: #393710 url(http://www.dragontavern.com/_pub/img/hp/box-b.png) no-repeat 0 100%;
    padding: 5px 0 50px;
    margin: 0 0 0 1px;
}

#rankings ul li {
    padding: .25em 0 .25em 15px;
    background: url(http://www.dragontavern.com/_pub/img/hp/bullet-1.gif) no-repeat .2em .5em;
    color: #ddd31f;
    font-family: Arial, sans-serif;
    font-size: 92%;
}

#rankings ul li a:link, #rankings ul li a:visited {
    color: #ddd31f;
}

#rankings .select {
    margin: 3px 0 0;
    padding: 14px 0;
    background: url(http://www.dragontavern.com/_pub/img/hp/rankings-m.png) no-repeat 0 0;
    height: 20px;
    text-align: center;
}

#rankings .select option {
    background: #d9d9cf;
}

#search {
    margin: 1px 0 0 23px;
}

#search h2 {
    margin: 0 0 0 -23px;
    width: 220px;
    height: 37px;
}

#search h2 em {
    background: url(http://www.dragontavern.com/_pub/img/hp/title-search.png) no-repeat 0 0;
}

#search fieldset {
    background: url(http://www.dragontavern.com/_pub/img/hp/search-m.png) no-repeat 0 0;
}

#search fieldset li.row {
    padding: 40px 0 0;
    height: 31px;
}

#search fieldset li label {
    visibility: hidden;
    width: 75px;
    margin: 0 5px 0 0;
}

#search fieldset li input.TextBox {
    width: 105px;
    background: none;
    border: none;
}

#search fieldset li.but {
    margin: 2px 0 0;
    padding: 0;
    height: 39px;
    overflow: hidden;
}

#search fieldset li.but input {
    margin: 0;
    padding: 0;
}

#welcome {
    background: url(http://www.dragontavern.com/_pub/img/hp/title-welcome.png) no-repeat 0 0;
    padding: 100px 15px 10px;
    color: #ccd658;
    font-size: 110%;
}

#welcome a:link, #welcome a:visited {
    color: #fcff00;
}

#welcome .create {
    text-align: center;
    padding: 1.25em 0;
    font-weight: bold;
}

#welcome blockquote {
    color: #88ef5a;
    font-style: italic;
    margin: 0;
}

#welcome cite {
    font-style: normal;
}

#happenings {
}

#happenings h2 {
    width: 442px;
    height: 72px;
}

#happenings h2 em {
    background: url(http://www.dragontavern.com/_pub/img/hp/title-happenings.png) no-repeat 0 0;
}

#happenings ul {
    /*		margin: 0 15px; */
    margin: 0 10px;
    font-size: 85%;
}

#featured {
    background: url(http://www.dragontavern.com/_pub/img/hp/featured-m.png) no-repeat 0 0;
    height: 92px;
    padding: 1px 0 0;
    text-align: center;
    position: relative;
}

#featured a:link, #featured a:visited {
    display: block;
    margin: 45px 0 0;
    letter-spacing: -0.05em;
    color: #ffff00;
}

#featured div.l {
    position: absolute;
    top: 34px;
    left: 8px;
    width: 46px;
    height: 50px;
}

#featured div.r {
    position: absolute;
    top: 35px;
    right: 6px;
    width: 46px;
    height: 50px;
}

/*-------
// Advantages
//-----*/

.advantages #content {
    padding-top: 2px;
}

#advantagesTop {
}

#advantagesTop h1 {
    width: 100%;
    height: 33px;
}

#advantagesTop h1 em {
    background: url(/_pub/img/dealer/t-advantages.jpg) no-repeat 50% 0;
}

#advantagesTop .desc {
    border: solid 2px #a18100;
    border-top: none;
    background: #21200e;
    color: #99943d;
    font-size: 110%;
    padding: 1px .5em;
}

#advantagesTop .desc p {
    margin: .5em 0;
}

.advantages #content2 {
    border: none;
}

.advantages #content22 {
    border: none;
}

.advantages #content23 {
    border: none;
    background: none;
    padding: 1px 0;
}

.advantages #content h2.ir {
    width: 100%;
    height: 22px;
}

#advantage-1 em {
    background: url(/_pub/img/dealer/t-consumables.png) no-repeat 0 0;
}

#content #advantage-2 {
    height: 23px;
}

#advantage-2 em {
    background: url(/_pub/img/dealer/t-permanent.png) no-repeat 0 0;
}

#advantage-3 em {
    background: url(/_pub/img/adv/t-accomodation.jpg) no-repeat 0 0;
}

.purchaseables {
    margin: 0 8px;
    width: 641px;
    font-family: "Palatino Linotype", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
}

.purchaseables dl {
    width: 637px;
    /* overflow: hidden; */
    overflow: visible;
    margin: 0 0 .5em;
    padding: 0px;
    border: solid 2px #928936;
    background: url(http://www.dragontavern.com/_pub/img/content-m.jpg) repeat 0 0;
    position: relative;
    min-height: 48px;
}

/*	.purchaseables dl:hover {
        background: url(http://www.dragontavern.com/_pub/img/content-m2.jpg) repeat 0 0;
        border: solid 2px #bfb037;
    } */
.purchaseables dl dt {
    font-weight: bold;
    width: 70%;
    position: relative;
    left: 80px;
    font-size: 110%;
    line-height: 1.55;
    color: #E4E4BE;
}

.purchaseables dl dt span {
    font-weight: normal;
}

.purchaseables dl dd {
    margin: 0;
}

.purchaseables dl dd.img {
    position: absolute;
    left: 0;
    top: 0;
}

.purchaseables dl dd.buy {
    width: 168px;
    position: absolute;
    right: 0;
    top: 0;
    height: 95%;
    min-height: 44px;
    background: url(/_pub/img/dealer/back1.jpg) repeat 0 0;
    border: solid 2px #928936;
}

#page .purchaseables dl dd.buy p.price {
    background: #42401c;
    border: solid 2px #bfb037;
    padding: 1px 0;
    margin: 0 auto;
    text-align: center;
    width: 150px;
    color: #9f9a44;
}

.purchaseables dl dd.buy a.buy:link, .purchaseables dl dd.buy a.buy:visited {
    display: block;
    width: 117px;
    height: 21px;
    margin: 0 auto;
}

.purchaseables dl dd.buy a.buy:link em, .purchaseables dl dd.buy a.buy:visited em {
    background: url(/_pub/img/dealer/but-purchase.png) no-repeat 0 0;
}

.purchaseables dl dd.buy .known {
    display: block;
    width: 129px;
    height: 31px;
    margin: 6px auto 0;
}

.purchaseables dl dd.buy .known em {
    background: url(/_pub/img/dealer/but-owned.png) no-repeat 0 0;
}

.purchaseables dl dd.desc {
    position: relative;
    left: 80px;
    width: 380px;
    line-height: 1.5;
    color: #E4E4BE;
}

.purchaseables dl dd.desc p.message {
    color: #FFFF99;
}

#rankingsResults {
    margin: 1em 0;
}

#rankingsResults dl {
    width: 100%;
    overflow: hidden;
}

#rankingsResults dt, #rankingsResults dd {
    padding: .2em 0;
}

#rankingsResults dt {
    float: left;
}

#rankingsResults dd {
    float: right;
}

.public #colMain {
    margin: 0 0 0 225px;
}

.public #colSide1 {
    margin-left: -100%;
}

/*-------
// explore
//-----*/

.explore #content22 {
}

.explore #content23 {
    padding-top: 0;
}

#exploreTop {
    margin: 0 -10px;
    padding-top: 19px;
    background: url(http://www.dragontavern.com/_pub/img/explore-bar.png) no-repeat 0 0;
}

#exploreTop .in {
    background: url(http://www.dragontavern.com/_pub/img/explore-top.png) no-repeat 0 0;
    width: 603px;
    height: 90px;
    margin: 0 auto 20px;
    position: relative;
}

#exploreTop h2, #exploreTop h3, #exploreTop h4 {
    text-align: center;
    margin: 0 120px;
    line-height: 1;
}

#exploreTop h2 {
    padding: 8px 0 2px;
    font-size: 115.38%;
    font-weight: bold;
    color: #000000;
}

#exploreTop h3 {
    font-size: 138.46%;
    font-weight: bold;
    color: #ffdf2e;
    padding: 0 0 3px;
}

#exploreTop h4 {
    font-size: 100%;
    font-weight: bold;
    color: #000000;
}

#exploreTop .l {
    position: absolute;
    left: 14px;
    top: 1px;
    width: 90px;
    height: 86px;
}

#exploreTop .r {
    position: absolute;
    right: 13px;
    top: 1px;
    /*		width: 86px; */
    width: 90px;
    height: 86px;
}

#exploreTop ul.toad {
    position: absolute;
    /* top: 4px; */
    top: 0px;

    width: 100%;
    overflow: hidden;
    /*			margin: 2px 0 0; */
    margin: 0 0 0 0;
}

ul.toad li {
    float: left;
    /*				width: 40px; */
    width: 45px;
    /* height: 35px; */
    height: 43px;
    overflow: hidden;
    /* margin: 0 6px 13px 0; */
    /*                                margin: 0 4px 4px 0; */
    margin: 0 0 0 0 !important;
}

ul.toad li.alt {
    margin-right: 0;
}

ul.toad li img {
    /* width: 40px; */
    width: 45px;
}

/*-------
// champion
//-----*/

.champion {
}

.champion #colMain {
    background-color: #454822;
}

.champion #content {
    padding: 3px 5px 13px 4px;
}

.champion #content2 {
    margin: 0;
    border: none;
}

.champion #content22 {
    border: none;
}

.champion #content23 {
    border: solid 2px #000000;
    border-top: none;
    position: relative;
    margin: 0 13px 0 14px;
}

/* Begin Competition Groups page styles */
#competition {
    color: #e4e4be;
}

#competitionTop {
    background: transparent url(http://www.dragontavern.com/_pub/img/competition-top.jpg) no-repeat 50% 0;
    height: 40px;
    position: relative;
    margin: -8px -25px 0px -26px;
    text-align: center;
}

#competition .desc {
    background: #2c2a0a;
    color: #86811f;
    padding: 0px;
    line-height: 1.3em;
    border: solid 2px #626016;
    margin: 0px;
}

#competition p {
    margin: 0px 15px 0px 15px;
}

#competition-body p {
    color: #AFB628;
    font-size: 14px;
    margin: 15px 0px 0px 0px;
}

#competition-body tr {
    margin: 0px 0px 5px 0px;
}

#competition-body .chainlink {
    background: transparent url(http://www.dragontavern.com/_pub/img/competition-chainlink.png) repeat-x center right;
}

#competition-body .yellow {
    color: #E7FF04;
    float: left;
    margin: 15px 0px 0px 0px;
}

#competition-body #new_group_text {
    float: left;
    margin: 0px 0px 0px 30px;
    width: 217px;
    height: 47px;
    background: transparent url(http://www.dragontavern.com/_pub/img/join-text.png) no-repeat 0 0;
}

#competition-body #new_group_text input {
    margin: 14px 0px 0px 14px;
    _margin: 14px 0px 0px 15px;
    width: 176px;
    _height: 15px;
}

#competition-body #new_group_join {
    float: left;
    margin: 0px 0px 0px 0px;
    width: 101px;
    height: 47px;
    background: transparent url(http://www.dragontavern.com/_pub/img/join-text-button.png) no-repeat 0 0;
}

#competition-body .currentGroupName {
    float: left;
    margin: 5px 0px 0px 0px;
    padding: 0px 5px 0px 30px;
    color: #AFB628;
    height: 25px;
    background: transparent url(http://www.dragontavern.com/_pub/img/content-m.jpg) repeat-x bottom right;
    display: block;
}

#competition-body .currentGroupRankings {
    float: right;
    background: transparent url(http://www.dragontavern.com/_pub/img/competition-rankings.png) no-repeat 0 0;
    width: 77px;
    height: 32px;
}

#competition-body .currentGroupHappenings {
    float: right;
    background: transparent url(http://www.dragontavern.com/_pub/img/competition-recent.png) no-repeat 0 0;
    width: 136px;
    height: 32px;
}

#competition-body .joinPublic {
    float: right;
    background: transparent url(http://www.dragontavern.com/_pub/img/join-public.png) no-repeat 0 0;
    width: 100px;
    height: 28px;
    margin: 0px 220px 0px 0px;
}

#competition-body .currentGroupLeave {
    float: right;
    background: transparent url(http://www.dragontavern.com/_pub/img/competition-leave.png) no-repeat 0 0;
    width: 112px;
    height: 32px;
}

#competition-body .joinExisting {
    float: right;
    background: transparent url(http://www.dragontavern.com/_pub/img/competition-joinpublic.png) no-repeat bottom right;
    width: 100px;
    height: 32px;
}

#competition-body .error {
    color: #F00;
}

/* Titles Page */

#titles {
    color: #e4e4be;
    margin: -8px 0;
}

#titles h2 {
    width: 649px;
    height: 23px;
    margin: 0 -10px 15px;
}

#titles-1 em {
    background: url(/_pub/img/Current-Title.jpg) no-repeat 0 0;
}

#titles-2 em {
    background: url(/_pub/img/Available-Titles.jpg) no-repeat 0 0;
}


/* End Competition Groups page styles */

#champion {
    color: #e4e4be;
}

#championTop {
    background: url(http://www.dragontavern.com/_pub/img/public-top.png) no-repeat 50% 0;
    height: 128px;
    position: relative;
    margin: -8px -25px 10px -26px;
    text-align: center;
}

#championTop h1 {
    position: absolute;
    top: 61px;
    width: 100%;
    left: 0;
    color: #fff008;
    font-weight: bold;
    font-size: 234%;
    line-height: 1.1;
}

#championTop h2 {
    position: absolute;
    top: 40px;
    width: 100%;
    left: 0;
    color: #fff008;
    font-size: 115%;
    font-weight: normal;
    line-height: 1.1;
}

#championTop h3 {
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    color: #300100;
    font-size: 115%;
    font-weight: normal;
    line-height: 1.1;
}

#championTop div.l {
    position: absolute;
    top: 46px;
    left: 107px;
    width: 46px;
    height: 50px;
}

#championTop div.r {
    position: absolute;
    top: 47px;
    right: 103px;
    width: 46px;
    height: 50px;
}

#champion h2.ir {
    width: 541px;
    height: 46px;
    position: relative;
    margin: 15px 0 10px -23px;
}

#championPersonal em {
    background: url(http://www.dragontavern.com/_pub/img/public-title-personal.png) no-repeat 0 0;
}

#championAdvantages em {
    background: url(http://www.dragontavern.com/_pub/img/public-title-advantages.png) no-repeat 0 0;
}

#championRecent em {
    background: url(http://www.dragontavern.com/_pub/img/public-title-recent.png) no-repeat 0 0;
}

#championURL em {
    background: url(http://www.dragontavern.com/_pub/img/public-title-link.png) no-repeat 0 0;
}

#championStats {
    width: 400px;
    margin: 10px auto;
    overflow: hidden;
}

#championStats li {
    float: left;
    width: 130px;
    padding-left: 65px;
    line-height: 58px;
    font-weight: normal;
}

#championStats li.xp {
    background: url(http://www.dragontavern.com/_pub/img/public-xp.jpg) no-repeat 0 0;
}

#championStats li.gold {
    background: url(http://www.dragontavern.com/_pub/img/public-gold.jpg) no-repeat 0 0;
}

#championAdv {
}

#championAdv li {
    width: 100%;
    overflow: hidden;
    margin: 0 0 15px;
}

#championAdv li img {
    float: left;
    margin: 0 10px 35px 0;
}

#championAdv li p.name {
    font-weight: bold;
    margin: 0 0 3px;
}

/*-------
// credits
//-----*/

#creditsTop {
}

#creditsTop h1 {
    width: 100%;
    height: 33px;
}

#creditsTop h1 em {
    background: url(http://www.dragontavern.com/_pub/img/credits/t-credits.png) no-repeat 50% 0;
}

#creditsTop .desc {
    border: solid 2px #a18100;
    border-top: none;
    background: #21200e;
    color: #99943d;
    font-size: 110%;
    padding: 1px .5em;
}

#creditsTop .desc p {
    margin: .5em 0;
}

.credits #content2 {
    border: none;
}

.credits #content22 {
    border: none;
}

.credits #content23 {
    border: none;
    background: none;
    padding: 1px 0;
}

.credits #content h2.ir {
    width: 100%;
    height: 22px;
}

#credits-0 em {
    background: url(http://www.dragontavern.com/_pub/img/credits/t-1.png) no-repeat 0 0;
}

#credits-1 em {
    background: url(http://www.dragontavern.com/_pub/img/credits/t-2.png) no-repeat 0 0;
}

#credits-2 em {
    background: url(http://www.dragontavern.com/_pub/img/credits/t-3.png) no-repeat 0 0;
}

#credits-3 em {
    background: url(http://www.dragontavern.com/_pub/img/credits/t-4.png) no-repeat 0 0;
}

.credits fieldset li.but {
    padding: 0;
    text-align: center;
}

.credits fieldset li.but input {
    margin: 0;
    padding: 0;
}

#faq {
    color: #FFFFCC;
}

#refresh_events {
    margin: 0px 0px 0px 50px;
}

/*-------
// drinks
//-----*/

#drinks {
    margin-top: -8px;
}

#drinks h2 {
    height: 23px;
    margin: 10px -10px 10px;
}

#drink-0 em {
    background: url(/_pub/img/drinks/title-0.png) no-repeat 0 0;
}

#drink-1 em {
    background: url(/_pub/img/drinks/title-1.png) no-repeat 0 0;
}

#drink-2 em {
    background: url(/_pub/img/drinks/title-2.png) no-repeat 0 0;
}

#drink-0 {

}

#drinks dl {
    width: 100%;
    overflow: hidden;
    margin: 0 0 15px;
}

#drinks dt {
    font-weight: bold;
    float: left;
    width: 60%;
}

#drinks dd.price {
    float: right;
    text-align: right;
    width: 39%;
    margin: 0;
}

#drinks dd.description {
    clear: both;
    width: 60%;
    margin: 0;
}

/*--------
// promote
//------*/

#promote {
    margin-top: -8px;
    color: #e4e4be;
}

#promote h2 {
    height: 23px;
    margin: 10px -10px 10px;
}

#promote-0 em {
    background: url(/_pub/img/promote/Gather-Allies.png) no-repeat 0 0;
}

#promote-1 em {
    background: url(/_pub/img/promote/Banners.png) no-repeat 0 0;
}

.intoxication {
    color: #FFC3A6;
}

.edge {
    color: #FFFFFF;
}

/* The className given to links for immortal charactes */
.immortal_char_link {
    color: #FFCCFF;
    text-decoration: underline;
}

.announcement_blurb .title {
    color: #FFEF3C;
    font-family: "Palatino Linotype", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
    font-size: 14px;
}

.announcement_blurb .date {
    color: #E79837;
    font-size: 12px;
}

.announcement_blurb li {
    color: #FFF;
    font-size: 12px;
    font-family: "Palatino Linotype", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;
}

.announcement_blurb a {
    font-size: 12px;
}

.announcement_blurb p {
    font-size: 14px;
}

/* The power list frame styles */
#power_list_frame {
    background: transparent url(http://www.dragontavern.com/_pub/img/content-m.jpg) repeat scroll 0 0;
    overflow: auto;
    border: solid 1px #FFF42B;
    text-align: left;
    height: 648px;
    width: 498px;
    color: #000000;
    font-size: 14px;
}

#power_list_frame ul {
    list-style: none;
}

div#nyroModalFull {
    font-size: 12px;
    color: #777;
}

div#nyroModalLoading {
    border: 4px solid #777;
    width: 150px;
    height: 150px;
    text-indent: -9999em;
    background: #fff url(../img/ajaxLoader.gif) no-repeat;
    background-position: center;
}

div#nyroModalLoading.error {
    border: 4px solid #f66;
    line-height: 20px;
    padding: 20px;
    width: 300px;
    height: 100px;
    text-indent: 0;
    background: #fff;
}

div#nyroModalWrapper {
    background: #fff;
    border: 4px solid #777;
}

a#closeBut {
    position: absolute;
    display: block;
    top: -13px;
    right: -13px;
    width: 12px;
    height: 12px;
    text-indent: -9999em;
    background: url(/_pub/img/close.gif) no-repeat;
    outline: 0;
}

h1#nyroModalTitle {
    margin: 0;
    padding: 0;
    position: absolute;
    top: -22px;
    left: 5px;
    font-size: 12px;
    color: #ddd;
}

div#nyroModalContent {
    overflow: auto;
}

div.wrapper div#nyroModalContent {
    padding: 5px;
}

div.wrapperImg div#nyroModalContent {
    position: relative;
    overflow: hidden;
    text-align: center;
}

div.wrapperImg img {
    vertical-align: baseline;
}

div.wrapperImg div#nyroModalContent div {
    position: absolute;
    bottom: 0;
    left: 0;
    background: black;
    padding: 10px;
    margin: 10px;
    border: 1px white dotted;
    overflow: hidden;
    opacity: 0.2;
    filter: alpha(opacity = 20);
}

div.wrapperImg div#nyroModalContent div:hover {
    opacity: 0.5;
    filter: alpha(opacity = 50);
    cursor: help;
}

a.nyroModalPrev, a.nyroModalNext {
    z-index: 105;
    outline: none;
    position: absolute;
    top: 0;
    height: 100%;
    width: 40%;
    cursor: pointer;
    text-indent: -9999em;
    background: left 20% no-repeat;
    background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}

div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
    height: 60%;
    width: 20%;
}

a.nyroModalPrev {
    left: 0;
}

a.nyroModalPrev:hover {
    background-image: url(/_pub/img/prev.gif);
}

a.nyroModalNext {
    right: 0;
    background-position: right 20%;
}

a.nyroModalNext:hover {
    background-image: url(/_pub/img/next.gif);
}

/* Immortal Character note styles */
.note-immortal {
    background-color: #8802C6;
    color: #FFFFFF;
    border: solid 1px #000;
    padding: 4px;
    font-weight: bold;
}

/* Banner styles */
.bannercontainer {
    width: 100%;
    text-align: center;
    margin: 5px 0px 5px 0px;
}

.banner_separator {
    margin: 0px 0px 5px 0px;
    color: #FDD017;
}

/* shop / loot sell headers */
.shop_header {
    margin: 0px;
    width: 649px;
    _width: 666px;
    position: relative;
    left: -10px;
    _left: -1px;
}

.lootsell_header {
    margin: -8px 0px 0px 0px;
    _margin-right: -20px;
    width: 649px;
    position: relative;
    left: -10px;
}

.purple {
    color: #BD4AFF;
}

#immortal_powers_table {
    width: 100%;
    border-collapse: collapse;
    /* border: solid 0px; */
}

#immortal_powers_table .icon {
    text-align: center;
    cursor: pointer;
    vertical-align: top;
    padding: 10px;
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent;
}

#immortal_powers_table .text {
    padding: 5px;
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent;
}

#immortal_powers_table .description {
    text-align: left;
}

#immortal_powers_table .title {
    font-weight: bold;
    cursor: pointer;
}

#immortal_powers_table .description_more {
    display: none;
}

#immortal_powers_table .choosePath {
    /* background-color: #8802C6; */
    background-color: #000000;
    border-top: solid 1px #8802C6;
    border-bottom: solid 1px #8802C6;
    color: #FFFF38;
}