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

body {
 background-color: #FFFFFF;
 color: #000000;
 min-width: 1000px;
 padding: 0px;
 margin: 0px;
}

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

a {
 color: #24487C;
}

a:hover {
 text-decoration: underline;
}

h1 {
 color: #4B7EBF;
 font-size: 12pt;
 text-align: center;
}

h2 {
 color: #4B7EBF;
 font-size: 10pt;
 text-align: center;
}

h3 {
 color: #4B7EBF;
 font-size: 8pt;
 text-align: center;
}

img {
 border-width: 0px;
}

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

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

.rowtitle {
 background-color: #4B7EBF;
 color: #FFFFFF;
 font-weight: bold;
 text-align: center;
}

.rowodd {
 background-color: #FFFFFF;
 color: #000000;
}

.roweven {
 background-color: #FFFFFF;
 color: #000000;
}

.cell {
 border: 1px solid #000000;
 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: #24487C;
 background-image: url('/images/bannerfill.gif');
 background-repeat: repeat-x;
 background-position: top left;
 height: 99px;
 padding: 0px;
}

div.menu {
 background-color: #24487C;
 background-image: url('/images/menubar.gif');
 background-repeat: repeat-x;
 background-position: top left;
 height: 16px;
 padding: 4px;
 margin-bottom: 10px;
 clear: both;
}

div.menu, div.menu * {
 font-size: 10pt;
 color: #FFFFFF;
}

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

a.selected {
 font-weight: bold;
}

div.content {
 clear: both;
}

div.content div.left {
 width: 243px;
 float: left;
}

div.content div.center {
 margin-left: 253px;
 margin-right: 217px;
}

div.content div.right {
 width: 207px;
 float: right;
}

div.footer {
 background-color: #183A6A;
 background-image: url('/images/bottombar.gif');
 background-repeat: repeat-x;
 background-position: top left;
 height: 64px;
 padding: 0px;
 margin-top: 10px;
 clear: both;
}

div.footer, div.footer * {
 color: #FFFFFF;
 font-size: 8pt;
}

div.footer a {
 text-decoration: none;
}

div.footer div.left {
 text-align: left;
 width: 243px;
 padding: 4px;
 float: left;
}

div.footer div.center {
 text-align: center;
 margin-left: 253px;
 margin-right: 217px;
 padding: 4px;
}

div.footer div.right {
 text-align: right;
 width: 207px;
 padding: 4px;
 float: right;
}

/* side frames */

div.cross {
 background-color: #FFFFFF;
 background-image: url('/images/cross.gif');
 background-repeat: no-repeat;
 background-position: top right;
 height: 121px;
 width: 243px;
 overflow: hidden;
}

div.cross, div.cross * {
 color: #24487C;
 font-size: 14pt;
 font-weight: bold;
}

div.cross div.crossint {
 padding: 4px 12px 4px 4px;
}

div.cross a {
 text-decoration: none;
}

div.leftframe {
 background-color: #4B7EBF;
 width: 243px;
}

div.leftframe, div.leftframe * {
 font-size: 8pt;
 color: #FFFFFF;
}

div.lefttoppart {
 background-image: url('/images/lefttoppart.gif');
 background-repeat: no-repeat;
 background-position: top right;
 height: 12px;
 width: 243px;
 overflow: hidden;
}

div.leftline {
 height: 1px;
 width: 243px;
 clear: both;
 overflow: hidden;
}

div.leftbottompart {
 background-image: url('/images/leftbottompart.gif');
 background-repeat: no-repeat;
 background-position: bottom right;
 height: 12px;
 width: 243px;
 overflow: hidden;
}

div.rightframe {
 background-color: #4B7EBF;
 width: 207px;
}

div.rightframe, div.rightframe * {
 font-size: 8pt;
 color: #FFFFFF;
}

div.righttoppart {
 background-image: url('/images/righttoppart.gif');
 background-repeat: no-repeat;
 background-position: top left;
 height: 12px;
 width: 207px;
 overflow: hidden;
}

div.rightline {
 height: 1px;
 width: 207px;
 clear: both;
 overflow: hidden;
}

div.rightbottompart {
 background-image: url('/images/rightbottompart.gif');
 background-repeat: no-repeat;
 background-position: bottom left;
 height: 12px;
 width: 207px;
 overflow: hidden;
}

/* side frames elements */

.groupfooter {
 font-weight: normal;
 text-align: center;
 padding-top: 8px;
}

.groupfooter a {
 text-decoration: underline;
}

div.menuitem {
 padding: 8px;
}

div.submenu {
 background-color: #24487C;
 padding: 8px;
}

div.submenu div.menuitem {
 padding: 4px;
}

div.menuitem img {
 margin-right: 8px;
}

div.menuitem a {
 text-decoration: none;
}

div.friend {
 padding: 8px;
}

div.friend img {
 margin-left: 8px;
 margin-bottom: 8px;
 float: right;
}

div.friend a {
 text-decoration: none;
}

div.welcome {
 padding: 8px;
}

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

div.vote {
 padding: 8px;
}

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

div.staff {
 padding: 8px;
}

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

div.staff img {
 border: 1px solid #FFFFFF;
 margin-right: 8px;
 margin-bottom: 8px;
 float: left;
}

/* fields and buttons */

.form, .field {
 background-color: #D8E8FF;
 border: 1px solid #000000;
}

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

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

input.form {
 height: 19px;
}

textarea.form {
 height: 140px;
}

input.field {
 height: 19px;
}

.input {
 background-color: #D8E8FF;
 border: 1px solid #000000;
 color: #24487C;
 padding: 1px 4px 1px 4px;
 margin: 2px 0px 2px 0px;
}

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

input.button,
span.button,
a.button span {
 background-color: #3060A0;
 border: 1px solid #000000;
 text-align: center;
 height: 19px;
 padding: 2px;
 margin: 2px;
}

a.pagelink {
 color: #24487C;
 font-weight: bold;
 text-decoration: none;
}

font.pagelink {
 color: #A0A0A0;
 font-weight: bold;
 text-decoration: none;
}

/* news */

h2.news {
 padding: 0px;
 margin: 0px;
}

div.newsline {
 border-bottom: 2px solid #24487C;
 font-weight: bold;
 margin-bottom: 4px;
}

div.newstype,
div.newstitle {
 text-align: left;
}

div.newstype {
 color: #24487C;
 font-size: 12pt;
 padding: 0px 4px 2px 4px;
 float: left;
}

div.newstitle {
 background-color: #24487C;
 color: #FFFFFF;
 font-size: 10pt;
 padding: 2px 4px 0px 4px;
 margin-left: 124px;
}

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

a.news {
 font-weight: bold;
 color: #24487C;
 text-decoration: none;
}

/* questionbooks */

div.questionline,
div.answerline {
 font-weight: bold;
 margin-bottom: 4px;
}

div.questionline {
 border-bottom: 2px solid #24487C;
}

div.answerline {
 border-bottom: 2px solid #4B7EBF;
 margin-top: 4px;
}

div.questiondate,
div.questionusername,
div.answerdate,
div.answerusername {
 text-align: left;
}

div.questiondate,
div.answerdate {
 color: #24487C;
 font-size: 12pt;
 padding: 0px 4px 2px 4px;
 float: left;
}

div.questionusername,
div.answerusername {
 color: #FFFFFF;
 font-size: 10pt;
 padding: 2px 4px 0px 4px;
 margin-left: 124px;
}

div.questionusername {
 background-color: #24487C;
}

div.answerusername {
 background-color: #4B7EBF;
}

div.question,
div.answer,
textarea.answer {
 text-align: justify;
}

/* gallery */

img.gallery {
 border-width: 0px;
 width: 160px;
 height: 120px;
}

table.preview {
 border-width: 0px;
 border-color: #000000;
 padding: 0px;
 margin: 0px;
}

td.preview {
 width: 160px;
 height: 120px;
}

/* gallery: end */

.grouptitle {
 font-size: 8pt;
 font-weight: bold;
 text-align: center;
 padding-bottom: 8px;
}

/* vote */

div.votescore {
 background-color: #4B7EBF;
 height: 14px;
 width: 50px;
 float: left;
 overflow: hidden;
}

/* others */

div.banner {
 background-color: #D8E8FF;
 border: 1px solid #000000;
 padding: 2px;
 margin: 2px;
 color: #24487C;
}