BODY, TD, INPUT, SELECT, TEXTAREA {
    /*font-size:9pt;*/
}

BODY {
    padding: 0;
    margin: 0;
    background: #004964;
    text-align: left;
    color: #62b4ca;
}

#mb UL {
    list-style: none;
    padding-left: 2px;
}

#mb UL LI {
    list-style: none;
    padding-left: 12px;
    background: url('li.gif') no-repeat 0 6px;
}

/* a-btn */

A.a-btn {
    float: left;
    display: block;
    background: url('a-btn-small.png') no-repeat 0 50%;
    width: auto;
    line-height: 22px;
    text-align: center;
    text-decoration: none !important;
    margin-right: 4px;
    font-size: 8pt;
    border: 0;
    font-weight: bold;
}

A.a-btn:hover {
    background-image: url('a-btn-small-hover.png');
    text-decoration: none !important;
}

A SPAN.a-btn-in {
    display: block;
    background: url('a-btn-small-r.png') no-repeat 100% 50%;
    width: auto;
    padding: 0 10px 0 10px;
    color: #fff !important;
}

A:hover SPAN.a-btn-in {
    background-image: url('a-btn-small-r-hover.png');
}

/**/

.txt {
    border-width: 1px;
    border-style: solid;
    padding: 1px 1px 1px 2px;
    margin: 2px 2px 0 0;
}

.btn {
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
}

.txt-nice {
    font-weight: bold;
    font-size: 115%;
    padding: 2px;
}

.chck {
    display: inline;
    cursor: pointer;
    width: 13px;
    height: 15px;
    overflow: hidden;
    background: none no-repeat 0 2px;
    margin-right: 3px;
}

.chck-0 {
    background-image: url('icons/checkbox-0.gif');
}

.chck-1 {
    background-image: url('icons/checkbox-1.gif');
}

.checkbox SPAN.label {
    cursor: pointer;
}

.hr {
    background-color: #3a7489;
    height: 1px;
    margin: 3px 0 3px 0;
}

.hr-m0 {
    margin: 0;
}

.hr HR {
    display: none;
}

#people .hr {
    background-color: #0f3f53;
    margin-left: 126px;
}

#menu UL LI {
    background-image: none;
    list-style-image: none;
}

#mc-b {
}

#mc-b-i {
    padding: 3px 10px 3px 10px;
    line-height: 16px;
}

P, .lh15 {
    line-height: 1.6em;
}

P {
    margin: 8px 10px 8px 10px;
}

FIELDSET {
    border: 1px solid #3a7489;
    padding: 15px 10px 15px 10px;
    margin: 10px 0 10px 0;
}

FIELDSET LEGEND {
    font-size: 10pt;
    padding: 0 6px 0 6px;
    font-weight: bold;
    color: #9dcedf;
}

A.mb-def:hover,
A.mb-act:hover {
    text-decoration: none;
}

.mb-def, .mb-act, .mb-dis {
    display: inline;
    border-width: 1px;
    border-style: solid;
    padding: 2px 4px 2px 4px;
    margin: 0 2px 0 2px;
}

.mb-act {
    font-weight: bold;
}

.mb-dis {
}

.book {
    background: url('book-bg.gif') repeat-y;
}

.book {
    position: relative;
    width: 100%;
    text-align: left;
}

.book-left {
    position: relative;
    float: left;
    width: 88px;
    overflow: hidden;
    text-align: left;
}

.book-left .in {
    padding: 6px 4px 6px 4px;
}

.book-right {
    position: relative;
    float: right;
    overflow: hidden;
    text-align: left;
}

.book-right H5, .book-right .panel {
    padding: 4px 0 4px 6px;
}

.book-right .txt-in {
    padding: 4px 4px 4px 6px;
}

.book-right TEXTAREA {
    width: 98%;
    margin-bottom: 3px;
}

.user-profile {
    line-height: 1.6em;
}

.user-profile H5 {
    margin: 0;
    padding: 4px 0 0 6px;
}

#login-panel {
    padding: 4px 0 4px 6px;
    line-height: 1.4em;
}

#login-panel DIV {
    padding: 2px 0 2px 0;
}

#login-panel LABEL {
    float: left;
    text-align: right;
    width: 50px;
    margin-right: 3px;
}

#login-panel #ipt-email {
    width: 120px;
}

#login-panel #ipt-password {
    width: 60px;
}

#login-panel .btn {
    width: 56px;
}

.nav {
    display: block;
    text-align: center;
    padding: 2px;
    line-height: 2em;
}

.book-btn-bg {
    padding-left: 20px;
    background-repeat: no-repeat;
}

#book-btn-img {
    background-image: url('/graphics/icons/book-img.png');
}

#book-btn-url {
    background-image: url('/graphics/icons/book-web.png');
}

#book-btn-c0 {
    background-image: url('/graphics/icons/users.png');
}

#content-i2 {
    position: relative;
    overflow: hidden;
}

/* theme */

A {
    color: #b2d6ef;
}

A IMG {
    border-color: #000;
}

A:hover {
    color: #fff;
    text-decoration: underline;
}

A:hover IMG {
    border-color: #000;
}

A.mb-def {
    color: #b2d6ef;
    border-color: #093747;
}

A.mb-def:hover {
    color: #fff;
    border-color: #116e8f;
    background-color: #0e4961;
}

A.mb-act {
    color: #fff;
    border-color: #000;
    background-color: #093747;
}

A.mb-act:hover {
    color: #fff;
    border-color: #407092;
    background-color: #093747;
}

.mb-dis {
    color: #3a6482;
    border-color: #0e4961;
}

.alternate {
    color: #d1e0eb;
}

.grayed, .grayed A {
    color: #328396;
}

.link {
    color: #fff;
}

.grayed STRONG {
    color: #d1e0eb;
}

.txt {
    color: #a8c5da;
    border-color: #407092;
    background-color: #0e4961;
}

TEXTAREA.txt {
    line-height: 1.5em;
}

INPUT.txt:hover, TEXTAREA.txt:hover {
    border-color: #497fa7;
}

INPUT.txt:focus, TEXTAREA.txt:focus {
    color: #a8c5da;
    border-color: #497fa7;
    background-color: #074d68;
}

.btn {
    color: #b2d6ef;
    border-color: #093747;
    background-color: #0e4961;
}

INPUT.btn:hover {
    border-color: #116e8f;
    background-color: #093747;
}

.txt-green {
    color: #31de1c;
    border-color: #207f14;
    background-color: #164d0e;
}

.txt-red {
    color: #f5aeae;
    border-color: #d51b1b;
    background-color: #821414;
}

.book .txt-in A {
    text-decoration: none;
    border-bottom: 1px dashed #407092;
}

.book .txt-in A:hover {
    text-decoration: none;
    border-bottom-style: solid;
    border-bottom-color: #d1e0eb;
}

#main {
    background: #004964 url('main-bg.gif') repeat-x;
    text-align: center;
    margin: auto;
}

#ma {
    background: #0e4961;
    border-bottom: 1px solid #3a7489;
    text-align: center;
}

#ma-b {
    background: url('menu-bg.jpg') no-repeat;
    width: 960px;
    margin: 0 auto 0 auto;
    text-align: left;
}

#ma H1, #ma H2 {
    margin: 0 0 0 230px;
    padding: 8px;
}

#ma H1 {
    font-size: 26pt;
    height: 56px;
    line-height: 56px;
}

#ma H2 {
    font-size: 16pt;
    height: 36px;
    line-height: 36px;
}

#ma #logo {
    background: url('logo.gif') no-repeat 150px 50%;
}

#ma H1 A {
    color: #fff;
}

#ma H1 A:hover {
    border-bottom: 2px solid #407092;
    text-decoration: none;
}

#ma-l {
    padding: 0 0 0 210px;
}

#ma-l A {
    font-size: 10pt;
    font-weight: bold;
}

#mb {
    width: 962px;
    margin: 0 auto 0 auto;
    text-align: left;
    background: url('mb-b-bg.jpg') no-repeat 2px 0;
}

#stats #mb {
    /*background-image:none;*/
}

#mb-b {
    background: url('mb-bg-menu.gif') repeat-y;
    padding: 0 1px 0 1px;
}

#stats #mb-b {
    background-image: none;
}

#menu-o {
    float: left;
    width: 210px;
    padding: 0 0 0 0;
}

#menu {
    padding: 8px;
}

#menu UL {
    padding: 4px 0 6px 0;
    margin: 0;
}

#menu UL LI {
    padding: 2px 0 1px 0;
    margin: 0;
    background-image: none;
    list-style: none;
}

#menu UL LI A {
    display: block;
    padding: 0 0 0 14px;
    font-weight: bold;
    background: url('arrow.gif') no-repeat 0 2px;
}

#menu UL LI A:hover {
    background-image: url('arrow-1.gif');
}

#menu UL LI A .little {
    font-weight: normal;
}

#menu UL LI P {
    padding: 0 2px 2px 14px;
    margin: 0;
}

#menu H4 {
    padding: 6px 3px 2px 14px;
    border-bottom: 1px solid #3a7489;
}

#content-o {
    float: right;
    width: 750px;
    padding: 0 0 0 0;
}

#content {
    padding: 8px;
}

#content H2,
#content .st H4 {
    font-family: Cambria, Georgia, 'New York CE', utopia, sans-serif;
    font-weight: normal;
    color: #9dcedf;
}

#content H3 {
    color: #9dcedf;
}

#content H3.faq {
    padding-left: 20px;
    background: url('faq.gif') no-repeat 0 1px;
}

#content H3.normal {
    margin: 0;
    font-weight: normal;
    font-size: 9pt;
}

#content DIV.faq {
    border-left: 4px solid #39738c;
    margin: 1em 0 2em 0;
}

P STRONG {
    color: #8ec5da;
}

.st H4 STRONG {
    font-weight: normal;
}

#content H2 {
    font-size: 14pt;
    margin: 4px 0 4px 0;
    padding: 4px 10px 4px 10px;
    color: #fff;
}

#content H2 .nickname {
    font-weight: normal;
}

#content .st H4 {
    font-size: 14pt;
    margin: 0 0 3px 0;
    padding: 3px 3px 5px 10px;
    border-bottom: 1px dotted #3a7489;
}

#content .st .little {
    padding: 1px 3px 2px 10px;
}

#content-l {
    float: left;
    width: 540px;
}

#content-r {
    float: left;
    width: 180px;
}

#content-i {
    padding: 3px;
}

#content-i2 {
    position: relative;
    overflow: hidden;
}

.book-right {
    width: 640px;
}

.user-s-m {
    background: url('/graphics/icons/sex-m.gif') no-repeat 6px 2px;
    padding: 4px 0 4px 20px;
}

.user-s-f {
    background: url('/graphics/icons/sex-f.gif') no-repeat 6px 2px;
    padding: 4px 0 4px 20px;
}

#mc {
    text-align: center;
    border-top: 1px solid #3a7489;
    background: url('mc-bg.gif') repeat-x;
}

#mc-b {
    width: 962px;
    margin: 0 auto 0 auto;
    text-align: left;
}

#mc-b-i {
    padding: 10px 50px 10px 230px;
}

#mc .highlight {
    font-size: 110%;
    font-weight: bold;
}

#mc .cl {
    display: none;
}

#stats TR TH {
    text-align: left;
    font-weight: bold;
}

#stats TR TH .little {
    font-weight: normal;
}

#stats TR.l TH,
#stats TR.l TD {
    border-bottom: 1px solid #3a7489;
}

#stats TR.l:hover TD {
    background-color: #00435a;
    color: #fff;
}

#stats TR.l TD.graph-left {
    width: 70px;
    vertical-align: top;
    background: url('bg-stats.gif') no-repeat top right;
}

A {
    color: #fff;
}

A:hover {
    color: #fff;
}

P.warn {
    border: 1px solid #3a7489;
    background: #0e4961 url('p-warn.gif') no-repeat 6px 4px;
    padding: 4px 4px 4px 28px;
    text-align: left;
}

/* tools */

.tool-item {
    background: none no-repeat 4px 4px;
    padding-left: 34px;
}

#index-promo .tool-item {
    background-position: 16px 4px;
    padding-left: 40px;
}

.tool-item-1 {
    background-image: url('item-poll.png');
}

.tool-item-2 {
    background-image: url('item-book.png');
}

.tool-item-3 {
    background-image: url('item-stat.png');
}

.tool-item-4 {
    background-image: url('item-sbox.png');
}

.delete {
    padding-left: 12px;
    background: url('icons/delete.gif') no-repeat 0 0;
}

.i-s-m, .i-s-f {
}

.label-admin, A.label-admin {
    /* color:#fc0;*/
    background: url('label-admin.gif') no-repeat 100% 5px;
    padding-right: 10px;
}

.modern-b {
    border: 1px solid #052136;
}

.modern-b TH {
    background: #052136;
}

.modern TH {
    padding: 3px 3px 3px 3px;
    cursor: default;
    text-align: left;
    font-size: 9pt;
    font-weight: bold;
}

.modern TD {
    padding: 3px 3px 3px 3px;
    cursor: default;
}

.modern TR.l:hover {
    background: #0f516c;
}

TD.lr {
    padding: 6px 3px 0 22px;
    text-align: right;
    vertical-align: top;
}

/* pm */

.message {
    border: 1px solid #052136;
    padding: 12px;
    background: #004964 url('mc-bg.gif') repeat-x;
}

/* tabs */

#tabnav {
    padding: 2px 10px 3px 10px;
}

#tabnav LI {
    display: inline;
    background-image: none;
    padding: 0;
}

#tabnav LI.current {
    border-bottom: 1px solid #205b75;
    background-color: #205b75;
}

#tabnav LI.current A {
    position: relative;
    top: 1px;
    padding-top: 5px;
    background-color: #205b75;
    color: #d1e0eb;
}

#tabnav LI A {
    padding: 4px 6px;
    margin-right: 0px;
    border: 1px solid #3a7489;
    border-bottom: none;
}

#tabnav A:hover {
    background: #205b75;
}

.rss {
    background: url('/graphics/icons/rss.png') no-repeat 1px 2px;
    padding-left: 14px;
    color: #ffd072;
    font-weight: bold;
}

ul.no-bullets li {
    list-style-type: none !important;
    background-image: none !important;
}

/* tabbed */

.tabbed LEGEND {
    font-size: 8pt;
    font-weight: normal;
    color: #328396;
}

.tabbed LEGEND A {
    font-size: 10pt;
}

/* navigation */

.navigation {
    display: block;
    line-height: 1.8em;
    height: 2em;
    margin: 4px 0 0 1px;
    clear: both;
    color: #328396;
}

.navigation A, .navigation SPAN {
    float: left;
    display: block;
    border: 1px solid #407092;
    margin: 0 0 -1px -1px;
    padding: 0 6px;
    text-align: center;
    background: #0e4961;
}

.navigation A {
    background: #074d68;
    color: #a8c5da;
}

.navigation A:hover {
    background: #093747;
}

.navigation .n-sel {
    font-size: 120%;
    background: #093747;
    color: #fff;
    font-weight: bold;
}

.navigation .fix {
    padding: 0;
    width: 26px;
    font-weight: bold;
    overflow: hidden;
}

.txt {
    color: #a8c5da;
    border-color: #407092;
    background-color: #0e4961;
}

TEXTAREA.txt {
    line-height: 1.5em;
}

INPUT.txt:hover, TEXTAREA.txt:hover {
    border-color: #497fa7;
}

INPUT.txt:focus, TEXTAREA.txt:focus {
    color: #a8c5da;
    border-color: #497fa7;
    background-color: #074d68;
}

.btn {
    color: #b2d6ef;
    border-color: #093747;
    background-color: #0e4961;
}

INPUT.btn:hover {
    border-color: #116e8f;
    background-color: #093747;
}