* {
 font-family: Tahoma, Arial;
 font-size: 10pt;
}

body {
 background-color: #ABCBF1;
 background-image: url('/images/bg.png');
 background-repeat: repeat-y;
 background-position: top left;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

.body {
 min-width: 1000px;
 width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%");
}

a {
 color: #0033FF;
 text-decoration: underline;
}

a:hover {
 color: #CC99FF;
}

h1 {
 color: #000000;
 font-size: 14pt;
 text-align: center;
}

h2 {
 color: #000000;
 font-size: 12pt;
 text-align: left;
}

h3 {
 color: #000000;
 font-size: 10pt;
 text-align: left;
}

img {
 border-width: 0px;
}

table.hidden {
 border-width: 0px;
 border-collapse: collapse;
 padding: 0px;
 margin: 0px;
}

table.display {
 border: 1px solid #99CCFF;
 border-collapse: collapse;
 padding: 0px;
 margin: 0px;
}

.rowtitle {
 background-image: url('/images/footerbg.png');
 background-repeat: repeat;
 background-position: top left;
 font-weight: bold;
 color: #000000;
 text-align: center;
}

.rowtitle,
.rowtitle * {
 font-size: 8pt;
}

.rowodd {
 color: #000000;
}

.roweven {
 color: #000000;
}

table.display td,
.cell {
 border: 1px solid #99CCFF;
 padding: 2px 6px 2px 6px;
}

span.counter {
 padding: 2px;
}

p.caption {
}

td.caption {
 padding: 4px 8px 0px 0px;
 text-align: right;
 vertical-align: top;
}

p.message {
 text-align: center;
}

/* main */

div.header {
 background-color: #F2B4DC;
 background-image: url('/images/headerbg.png');
 background-repeat: no-repeat;
 background-position: top right;
 height: 228px;
 padding: 0px;
 margin: 0px;
}

div.header div.left {
 height: 228px;
 width: 308px;
 padding: 0px;
 margin: 0px;
 float: left;
}

div.header div.right {
 height: 228px;
 width: 314px;
 padding: 0px;
 margin: 0px;
 float: right;
}

div.header div.center {
 height: 228px;
 text-align: center;
 padding: 0px;
 margin: 0px 314px 0px 308px;
}

div.page {
 background-image: url('/images/pagebg.png');
 background-repeat: repeat;
 background-position: top left;
 padding: 0px;
 margin: 0px;
}

div.sideleft {
 width: 231px;
 float: left;
 margin-top: 10px;
}

div.sideright {
 width: 242px;
 float: right;
 margin-bottom: 10px;
}

div.content {
 padding: 7px 14px 7px 14px;
 margin: 0px 242px 0px 231px;
}

div.menu {
 background-image: url('/images/menubg.png');
 background-repeat: repeat-y;
 background-position: top left;
 color: #000000;
 font-weight: bold;
 text-align: center;
 width: 231px;
 padding: 0px;
 margin: 0px;
}

div.menu a {
 color: #000000;
 text-decoration: none;
}

div.menu a:hover {
 color: #000000;
 text-decoration: underline;
}

div.menu div.item {
 padding: 0px 4px 8px 4px;
 margin: 0px 19px 0px 15px;
}

div.menu div.item a.selected {
 text-decoration: underline;
}

/* stick */

div.stick {
 background-image: url('/images/stickbg.png');
 background-repeat: repeat-y;
 background-position: top left;
 color: #000000;
 width: 242px;
 padding: 0px;
 margin: 0px;
}

div.stick div.int {
 text-align: center;
 padding: 7px 14px 7px 14px;
}

/* search */

div.search {
 text-align: center;
 width: 213px;
 margin: 14px 11px 0px 7px;
}

/* friends & slippers */

div.friends,
div.slippers {
 width: 213px;
 margin: 28px 11px 0px 7px;
}

div.friends *,
div.slippers * {
 font-size: 8pt;
}

div.slippers * {
 color: #000000;
}

div.friends img {
 height: 40px;
 width: 43px;
 float: left;
 margin: 0px 7px 14px 0px;
}

div.slippers img {
 height: 51px;
 width: 71px;
 float: left;
 margin: 0px 7px 7px 0px;
}

div.friends div {
 min-height: 54px;
 height: auto !important;
 height: 54px;
}

div.slippers div {
 min-height: 58px;
 height: auto !important;
 height: 58px;
}

div.friends div,
div.slippers div {
 text-align: center;
}

/* submenu */

div.submenu {
 background-image: url('/images/footerbg.png');
 background-repeat: repeat;
 background-position: top left;
 padding: 8px;
 margin: 0px;
}

div.submenu h2 {
 text-align: center;
 padding: 0px;
 margin: 0px;
}

div.submenu h2 * {
 color: #000000;
 font-size: 10pt;
 white-space: nowrap;
 margin-left: 10px;
 margin-right: 10px;
}

/* footer */

div.footer {
 background-image: url('/images/footerbg.png');
 background-repeat: repeat;
 background-position: top left;
 padding: 4px;
 margin: 0px;
 clear: both;
}

div.footer * {
 font-size: 8pt;
}

div.footer div.left {
 text-align: left;
 height: 31px;
 width: 300px;
 padding: 0px;
 margin: 0px;
 float: left;
}

div.footer div.right {
 text-align: right;
 height: 31px;
 width: 88px;
 padding: 0px;
 margin: 0px;
 float: right;
}

div.footer div.center {
 text-align: right;
 height: 31px;
 padding: 0px;
 margin: 0px 118px 0px 300px;
}

/* fields and buttons */

.form, .field {
 background-color: #FFFFFF;
 border: 1px solid #99CCFF;
 color: #696969;
}

.form {
 width: 97%;
 padding: 1px 4px 1px 4px;
 margin: 2px 0px 2px 0px;
}

.field {
 padding: 1px 4px 1px 4px;
 margin: 0px;
}

input.form {
 height: 21px;
}

textarea.form {
 height: 140px;
}

input.field {
 height: 21px;
}

.input {
 background-color: #CCCCCC;
 border: 1px solid #99CCFF;
 color: #666666;
 padding: 1px 4px 1px 4px;
 margin: 2px 0px 2px 0px;
}

.button {
 font-size: 8pt;
 font-weight: bold;
 color: #000000;
 text-decoration: none;
 cursor: pointer;
}

input.button,
span.button,
a.button span {
 background-color: #A6CDEA;
 background-image: url('/images/buttonbg.png');
 background-repeat: repeat-x;
 background-position: top left;
 border: 1px solid #99CCFF;
 text-align: center;
 height: 21px;
 padding: 2px 6px 2px 6px;
 margin: 2px;
}

span.pagelink {
 padding: 0px 2px 0px 2px;
 margin: 0px 2px 0px 2px;
}

#currentpage {
 color: #666666;
}

span.pagelink a {
 text-decoration: none;
}

#currentpage {
 text-decoration: underline;
}

/* frames */

div.extframeheader {
 background-image: url('/images/extframeheader.png');
 background-repeat: no-repeat;
 background-position: top right;
 height: 3px;
 padding: 0px;
 margin: 0px !important;
 margin-left: -3px;
 margin-right: -3px;
 overflow: hidden;
}

div.extframe {
 background-image: url('/images/extframebg.png');
 background-repeat: repeat-y;
 background-position: top right;
 padding: 0px;
 margin: 0px;
}

div.extframeint {
 padding: 21px;
}

* html div.extframe {
 text-align: center;
}

* html div.extframeint {
 text-align: left;
 width: 448px;
}

div.extframefooter {
 background-image: url('/images/extframefooter.png');
 background-repeat: no-repeat;
 background-position: top left;
 height: 3px;
 padding: 0px;
 margin: 0px !important;
 margin-left: -3px;
 margin-right: 0px;
 overflow: hidden;
}

div.intframe {
 padding: 0px;
 margin: 0px 0px 0px 21px;
}

/* news */

h2.news {
 text-align: left;
 padding: 0px;
 margin: 0px;
}

div.newsline {
 margin-bottom: 4px;
}

.newstitle {
 color: #8FB8ED;
 font-size: 12pt;
 font-weight: bold;
}

.newsdate {
 color: #8FB8ED;
 font-size: 10pt;
 font-weight: normal;
}

div.newsnotice, div.newscontent {
 text-align: justify;
}

a.news {
 color: #8FB8ED;
}

/* opinions */

.opinionauthor {
 color: #8FB8ED;
 font-weight: bold;
}

.opiniondate {
 color: #8FB8ED;
 font-weight: normal;
}

div.opinion {
 color: #696969;
 font-style: italic;
 text-align: justify;
 padding: 4px 8px 4px 8px;
 margin: 8px 0px 8px 0px;
}

/* questionbook */

ul.classifier {
 list-style: none;
}

.question_classifier {
 color: #0066FF;
}

.question_user_name, .answer_user_name {
 color: #0066FF;
 font-weight: bold;
}

.question_date, .answer_date {
 color: #0066FF;
 font-weight: normal;
}

div.question {
 font-style: italic;
}

div.question, div.answer, textarea.answer {
 color: #696969;
 text-align: justify;
 padding: 4px 8px 4px 8px;
 margin: 8px 0px 8px 0px;
}

/* others */

img.photo {
 border: 1px solid #99CCFF;
}

a.sup {
 vertical-align: super;
 font-size: 8pt;
 text-decoration: none;
}

a.sup:hover {
 text-decoration: underline;
}