body {
margin : 0;
padding : 0;
width : 100%;
background-color : #eff2f3;
font-family : Arial, Helvetica, sans-serif;
font-size : 80%;
}
#pagewrap {
position : relative;
margin : 0;
padding : 0;
}
#header {
voice-family : "\"}\"";
voice-family : inherit;
/*background-color : #ffffff;*/
position : relative;
/*background : url(../images/layout/header_bottom.png) repeat-x left bottom;*/
padding-bottom : 10px;
}
#header .whitefill {
padding : 10px;
/*background-color : #fff;*/
}
#logo {
position : relative;
float : left;
}
#banner {
float : right;
margin : auto 0;
position : relative;
}
#module {
margin : 0 0 0 205px;
position : relative;
table-layout : fixed;
z-index : 30;
}
.clearmodule {
clear : right;
z-index : 30;
}
#content {
background-color : #fff;
position : relative;
padding : 10px;
margin : 10px;
table-layout : fixed;
z-index : 30;
}
#content_right {
table-layout : fixed;
background-color : #fff;
position : relative;
margin : 10px;
padding : 10px;
z-index : 30;
}
.page_table {
position : relative;
padding : 10px;
width : 99%;
}
#module table {
font-size : 100%;
}
#module .option {
font-size : 110%;
font-weight : bold;
font-family : Arial, Helvetica, sans-serif;
}
.title {
font-weight : bold;
font-size : 120%;
}
#footer {
position : relative;
margin : 20px 0 0 205px;
padding: 1em;
text-align : center;
voice-family : "\"}\"";
voice-family : inherit;
}
.footer {
	font-size : 80%;
}
img {
border : none;
}
#leftblocks {
float : left;
width : 200px;
position : relative;
}
#leftblocks .block-title {
font-weight : bold;
text-align : center;
}
#leftblocks .block-content {
font-weight : normal;
font-size : 90%;
}
#leftblocks hr {
width : 90%;
color : #bbbbff;
border : 1px solid #bbbbff;
}
#rightblocks {
float : right;
z-index : 1000;
width : 170px;
margin-top : -10px;
margin-right : -4px;
padding-bottom : 5px;
position : relative;
border-left : 1px solid #a1a1a1;
border-bottom : 1px solid #a1a1a1;
}
* html #rightblocks {
margin-top : 0;
}
#rightblocks .block-title {
font-weight : bold;
text-align : center;
font-size : 90%;
}
#rightblocks .content {
font-size : 90%;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
* html .clearfix {
height : 1%;
}
#headerbox {
position : relative;
margin : 0 auto 0;
overflow : hidden;
}
#headerbox .top {
position : relative;
width : 100%;
height : 15px;
}
#headerbox .top span {
display : block;
position : relative;
height : 15px;
}
#headerbox .center-content {
position : relative;
padding : 1px 10px 1px 10px;
background : url(../images/layout/block_right.png) repeat-y right top;
}
#headerbox .bottom {
position : relative;
height : 13px;
background : url(../images/layout/header_bottom.png) repeat-x left bottom;
}
#headerbox .bottom span {
display : block;
position : relative;
height : 15px;
background : url(../images/layout/block_bottom-right.png) no-repeat right top;
}
#leftblocksbox {
position : relative;
margin : 0 auto 0;
background : #fff url(../images/layout/block_left.png) repeat-y left top;
overflow : hidden;
}
#leftblocksbox .top {
width : 100%;
height : 20px;
position : relative;
background : url(../images/layout/block_top.png) no-repeat left top;
}
#leftblocksbox .top span {
display : block;
position : relative;
height : 20px;
background : url(../images/layout/block_top-right.png) no-repeat right top;
}
#leftblocksbox .center-content {
position : relative;
background : url(../images/layout/block_right.png) repeat-y right top;
padding : 0 10px 1px 10px;
margin : -5px 0 -50px 0;
position : relative;
}
#leftblocksbox .bottom {
height : 60px;
background : url(../images/layout/block_bottom.png) no-repeat left bottom;
}
#leftblocksbox .bottom span {
display : block;
height : 60px;
background : url(../images/layout/block_bottom-right.png) no-repeat right bottom;
}
#pagebox {
background : #fff url(../images/layout/block_left.png) repeat-y left top;
position : relative;
overflow : hidden;
width : 100%;
}
#pagebox .top {
width : 100%;
height : 13px;
margin : -3px 0 0 0;
background : url(../images/layout/block_top.png) no-repeat left bottom;
}
* html #pagebox .top {
margin : -6px 0 0 0;
}
#pagebox .top span {
display : block;
position : relative;
margin-top : 0;
height : 13px;
z-index : 1000;
background : url(../images/layout/block_top-right.png) no-repeat right bottom;
}
#pagebox .center-content {
position : relative;
background : url(../images/layout/block_right.png) repeat-y right top;
padding : 0 10px 1px 10px;
margin : -10px 0 -50px 0;
position : relative;
}
#pagebox .bottom {
height : 60px;
background : url(../images/layout/block_bottom.png) no-repeat left bottom;
}
#pagebox .bottom span {
display : block;
height : 60px;
background : url(../images/layout/block_bottom-right.png) no-repeat right bottom;
}
#footerbox {
background : #fff url(../images/layout/block_left.png) repeat-y left top;
position : relative;
overflow : hidden;
width : 100%;
}
* html #footerbox {
margin : -6px 0 0 0;
}
#footerbox .top {
width : 100%;
height : 13px;
margin : -3px 0 0 0;
background : url(../images/layout/block_top.png) no-repeat left bottom;
}
#footerbox .top span {
display : block;
position : relative;
height : 13px;
background : url(../images/layout/block_top-right.png) no-repeat right bottom;
}
#footerbox .center-content {
position : relative;
background : url(../images/layout/block_right.png) repeat-y right top;
padding : 0 10px 1px 10px;
margin : 0 0 -50px 0;
position : relative;
}
#footerbox .bottom {
height : 60px;
background : url(../images/layout/block_bottom.png) no-repeat left bottom;
}
#footerbox .bottom span {
display : block;
height : 60px;
background : url(../images/layout/block_bottom-right.png) no-repeat right bottom;
}
.menu {
font-size : 90%;
z-index : 5000;
}
.menu ul {
visibility : visible;
position : relative;
list-style : none;
margin : 0;
padding : 0;
z-index : 5000;
}
.menu img {
visibility : visible;
position : relative;
vertical-align : middle;
margin : 0 4px 0 0;
text-align : left;
z-index : 5000;
}
.menu a, .menu h2 {
position : relative;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 90%;
font-weight : bold;
text-decoration : none;
display : block;
margin : 0;
padding : 1px 1px;
text-align : left;
z-index : 5000;
visibility : visible;
}
.menu a {
color : #000000;
background-color : #fff;
z-index : 5000;
visibility : visible;
}
.menu a:hover {
visibility : visible;
color : #fff;
background : #161068;
z-index : 5000;
}
.menu li {
visibility : visible;
position : relative;
z-index : 5000;
}
.menu ul ul ul {
position : absolute;
visibility : visible;
z-index : 5000;
top : 0;
left : 100%;
width : 100%;
border-width : 1px;
border-style : solid;
border-color : #ccc #888 #555 #bbb;
}
.menu ul ul ul, .menu ul ul li:hover ul ul {
visibility : visible;
display : none;
z-index : 5000;
}
.menu ul ul li:hover ul, .menu ul ul ul li:hover ul {
visibility : visible;
display : block;
z-index : 5000;
}
.menu a.x, .menu a.x:visited {
visibility : visible;
color : #000;
z-index : 5000;
}
.menu a.x:hover {
visibility : visible;
color : #a00;
background : #fff;
z-index : 5000;
}
.menu a.x:active {
visibility : visible;
color : #000;
background : #e0dfe3;
z-index : 5000;
}
.tabs {
list-style : none;
padding : 5px 0 0 20px;
margin : 0 10px 0 0;
height : 26px;
position : relative;
background : url(../images/layout/tabs/backing.gif) repeat-x left bottom;
}
.tabs li {
float : left;
margin-right : -40px;
}
.tabs li a {
display : block;
position : relative;
text-decoration : none;
}
.tabs li a em {
display : block;
height : 26px;
float : left;
padding : 0 39px 0 10px;
background : url(../images/layout/tabs/tab-blue.gif) right top;
position : relative;
z-index : 100;
font-size : 11px;
font-weight : normal;
font-style : normal;
color : #fff;
line-height : 25px;
font-family : verdana;
}
.tabs li a b {
display : block;
float : left;
width : 29px;
height : 26px;
background : url(../images/layout/tabs/tab-blue.gif) left top;
position : relative;
z-index : 200;
}
.tabs li a.m1 {
z-index : 600;
}
.tabs li a.m2 {
z-index : 500;
}
.tabs li a.m3 {
z-index : 400;
}
.tabs li a.m4 {
z-index : 300;
}
.tabs li a.m5 {
z-index : 200;
}
.tabs li a.m6 {
z-index : 100;
}
.tabs li a.m7 {
z-index : 90;
}
.tabs li a.m8 {
z-index : 80;
}
.tabs li a:hover {
border : 0;
z-index : 700;
cursor : pointer;
}
.tabs li a:hover b {
background-position : left center;
}
.tabs li a:hover em {
background-position : right center;
color : #050;
}
.tabs li a.selected, .tabs li a.selected:hover {
border : 0;
z-index : 800;
cursor : default;
}
.tabs li a.selected b, .tabs li a.selected:hover b {
background-position : left bottom;
}
.tabs li a.selected em, .tabs li a.selected:hover em {
background-position : right bottom;
color : #000;
}
.canvas_uiq {
background-image : url(/images/canvas_uiq.png);
width : 208px;
}
.p_uiq {
padding : 45px 0 46px 0;
margin : 0 20px 5px 20px;
border : 2px ridge #000;
}
#screen {
height : 267px;
width : 200px;
}
.black {
background : #000;
}
.l {
float : left;
clear : left;
}
#leftblocks .oddbox_top {
padding : 5px;
height : 1em;
background : #ddddff url(../images/layout/oddboxes/oddbox_top_right.gif) no-repeat top right;
}
#leftblocks .oddbox_bottom {
padding : 5px;
background : #ccccff url(../images/layout/oddboxes/oddbox_bottom_left.gif) no-repeat bottom left;
margin-bottom : 5px;
}
#leftblocks table {
font-size : 100%;
}
#rightblocks .whitefill {
margin-top : 10px;
background-color : #fff;
width : 100%;
}
#rightblocks table {
font-size : 100%;
}
#rightblocks .oddbox_top {
margin : 5px 5px 0 5px;
padding : 5px;
background : #ffffaa url(../images/layout/oddboxes/oddbox_top_right.gif) no-repeat top right;
}
#rightblocks .oddbox_bottom {
margin : 0 5px 0 5px;
padding : 5px;
background : #ffff99 url(../images/layout/oddboxes/oddbox_bottom_left.gif) no-repeat bottom left;
}
.story_top {
position : relative;
width : auto;
margin-top : 5px;
padding : 5px;
background : #ffffaa url(../images/layout/oddboxes/oddbox_top_right.gif) no-repeat top right;
}
.story_middle {
position : relative;
padding : 10px;
border-left : 10px solid #ffff99;
border-right : 10px solid #ffff99;
}
.story_middle img {
position : relative;
z-index : 1000;
}
.story_bottom {
position : relative;
padding : 5px;
background : #ffff99 url(../images/layout/oddboxes/oddbox_bottom_left.gif) no-repeat bottom left;
}
.story-title {
text-align : center;
font-size : 140%;
font-family : "Courier New", Courier, mono;
padding : 0 0 15px 0;
margin-top : 10px;
color : #660000;
}
.story-text {
text-align : justify;
}
.story-footer {
text-align : center;
font-size : 80%;
color : #663300;
}
.forumwrap {
font : normal 100% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
.forumnav {
text-align : center;
padding : 1em 0;
}
.nav {
font-size : 90%;
}
.foruminfo {
font-size : 90%;
}
.maintitle {
font-size : 135%;
font-weight : bold;
}
.topictitle {
font-size : 85%;
}
.gensmall {
font-size : 90%;
}
.postdetails {
font-size : 90%;
}
a:link, a:visited {
text-decoration : none;
color : #660000;
}
a:hover {
text-decoration : underline;
}
.forums hr {
width : 100%;
color : #0000aa;
height : 1px;
}
.forumnone td {
border : none;
border-width : 0 0;
}
.forums table {
border-collapse : separate;
border-spacing : 0;
margin : 0 0 1em;
color : #000;
}
.forums table a {
color : #523a0b;
text-decoration : none;
border-bottom : 1px dotted;
}
.forums table a:visited {
color : #444;
font-weight : normal;
}
.forums table a:visited:after {
content : "\00A0\221A";
}
.forums table a:hover {
border-bottom-style : solid;
}
.forums thead th, .forums thead td, .forums tfoot th, .forums tfoot td {
border : 1px solid #523a0b;
border-width : 1px 0;
background : #ebe5d9;
}
.forums th {
font-weight : bold;
line-height : normal;
padding : 0.25em 0.5em;
text-align : left;
}
.forums tbody th, .forums td {
padding : 0.25em 0.5em;
}
.forums tbody th {
font-weight : normal;
background-color : #ddddff;
font-size : 120%;
white-space : nowrap;
}
.forums tbody th a:link, .forums tbody th a:visited {
font-weight : bold;
}
.forums tbody td, .forums tbody th {
border : 1px solid #fff;
border-width : 1px 0;
}
.forums tbody tr.odd th, .forums tbody tr.odd td {
border-color : #ebe5d9;
background : #f7f4ee;
}
.forums tbody tr:hover td, .forums tbody tr:hover th {
background : #ffffee;
border-color : #523a0b;
}
.forums caption {
font-family : Georgia, Times, serif;
font-weight : normal;
font-size : 1.4em;
text-align : left;
margin : 0;
padding : 0.5em 0.25em;
}
.forumtopic table {
margin : 0 0 1em;
color : #000;
}
.forumtopic table a {
color : #523a0b;
text-decoration : none;
border-bottom : 1px dotted;
}
.forumtopic table a:visited {
color : #444;
font-weight : normal;
}
.forumtopic table a:hover {
border-bottom-style : solid;
}
.forumtopic thead th, .forumtopic thead td, .forumtopic tfoot th, .forumtopic tfoot td {
border : 1px solid #523a0b;
border-width : 1px 0;
background : #ebe5d9;
}
.forumtopic th {
font-weight : bold;
line-height : normal;
padding : 0.25em 0.5em;
text-align : left;
}
.forumtopic tbody th, .forumtopic td {
padding : 0.25em 0.5em;
text-align : left;
}
.forumtopic tbody th {
font-weight : normal;
background-color : #ddddff;
font-size : 120%;
white-space : nowrap;
}
.forumtopic tbody th a:link, .forumtopic tbody th a:visited {
font-weight : bold;
}
.forumtopic tbody td, .forumtopic tbody th {
border-width : 1px 0;
}
.forumtopic td.row2 {
border-color : #ebe5d9;
background : #f7f4ee;
}
.forumtopic caption {
font-family : Georgia, Times, serif;
font-weight : normal;
font-size : 1.4em;
text-align : left;
margin : 0;
padding : 0.5em 0.25em;
}