body{
	font-family: Verdana, serif;
	font-size: 20pt;
	padding: 0px;
	background-color: black;
	/*background-image: url('../Solaris/images/background.gif');*/
	color: #FFFFCC;
}

/* basic elements */

img{border: none;}
hr{margin: 5px;}
a:link, a:visited{
	color: #FFCC00;
	text-decoration: none;
}
a:hover{
	color: #FFFFCC;
	text-decoration: underline;
}
a:focus{
	outline: none;
}
hr{
	height: 0px;
	border: 0px solid #FFFFCC;
	border-width: 1px 0 0 0;
}
p{	margin: 0px;
}
table{
	empty-cells: show;
}

/* div#content */

div#content{
	margin: auto;
	padding: 0px;
	width: 100%;
	background: black;
	/*background-image: url('../Solaris/images/background.gif');*/
	border: 0px solid #FFFFCC;
}
div#content-thin{
	width: 750px;
	padding: 0px;
	margin: auto;
	background: black;
	border: 0px solid #FFFFCC;
}
table.topicoptions{
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 8pt;
	border: 0px solid #C2CFDF;
	background: none;
}
div.nav{
	font-size: 9pt;
	font-weight: bold;
	letter-spacing: 0px;
	margin: 0px;
	padding: 2px 0 3px 0;
}
div.nav:before{
	content: "\00BB";
}

/* table.category */

table.category{
	width: 100%;
	margin: 0px auto 0px auto;
	border-spacing: 0px;
	padding: 0px;
	background: black;
}
div.category{
	margin: 0 auto 5px auto;
	border-width: 0px;
	border-style:solid;
	border-color: black;
	background: black;
}
h1.title-row{
	color: #CC9900;
	font-size: 8pt;
	font-weight: bold;
	margin: 1px;
	background: black;
	background-image: url('images/row-title.gif');
	background-position: top;
	padding: 5px 3px 5px 3px;
}
h1.title-row:before{
	content: "\00BB \2002";
}
h1.title-row a{
	color: #CC9900;
	text-decoration: none;
}
h1.title-row a:hover{
	color: #FFCC00;
	text-decoration: none;
}
tr.header-row{
	background: black;
	background-image: url('images/row-header.gif');

}
tr.header-row th{
	height: 20px !important;
	color: #FFCC00;
}
tr.header-row th,tr.header-row td{
	color: #CC9900;
	font-size: 8pt;
	letter-spacing: 0px;
	font-weight: bold;
	padding: 5px 2px 5px 2px;
	white-space: nowrap;
}
tr.header-row th a,tr.header-row td a{
	color: #FFCC00;
}
tr.content-row{
	background: black;
	font-size: 8pt;
}
tr.content-row  td{
	padding: 2px;
	text-align: center;
}
h2.forum-title{
	font-size: 9.5pt;
	font-weight: bold;
	text-align: left;
	margin: 0px;
}
p.forum-misc{
	margin: 1px;
	font-size: 8pt;
	text-align: left;
}
p.forum-desc{
	font-size: 7.5pt !important;
	text-align: left;
	padding: 2px;
	font-weight: normal;
}
p.forum-desc img{
	vertical-align: top !important;
	padding: 0 3px 3px 0;
	float: left;
}
td.last-post{
	width: 175px;
	font-size: 8pt;
	vertical-align: middle;

}
td.last-post p{
	text-align: left;
}


/* elements inside table.options & table.topicoptions */

table.options{
	width: 100%;
	margin: 10px auto 10px auto;
	font-size: 8pt;
	border: 0px solid #FFFFCC;
	background: black;
}
table.topicoptions td{
	vertical-align: middle !important;
	margin: 0px !important;
	padding: 0px !important;
}
td.left{
	width: 33%;
	text-align: left !important;
	padding: 5px;
	white-space: nowrap !important;
}
td.right{
	width: 33%;
	text-align: right !important;
	padding: 5px;
	white-space: nowrap !important;
}
td.center{
	text-align: center;
	padding: 5px;
}

/* profile specific elements */

table.profile-fields{
	margin: 0px;
	font-size: 7.5pt;
	width: 100%;
	vertical-align: top;
	background: #323232;
}
table.profile-fields tr td{
	text-align: left;
	background: black;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #323232;
	padding-right: 5px;
	padding-left: 5px;
}
table.profile-fields tr th{
	text-align: right;
	background: black;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #323232;
	padding-right: 5px;
	padding-left: 5px
}

/* viewtopic specific elements */

b.name{
	font-size: 10pt;
	padding: 0px;
}
td.topic-author{
	width: 140px;
	vertical-align: top;
}
td.topic-author p{
	text-align: left;
	font-size: 7pt;
	margin: 2px;
}
td.postbody{
	text-align: left !important;
	vertical-align: top;
	padding: 5px !important;
}
td.postbody hr{
	margin-top: 1em;
	text-align: left;
	margin-left: 1px;
	width: 50%;
	border-top: 1px solid #FFFFCC;
}
td.postbody a{
	color: #FFCC00;
}
td.postbody a:hover{
	color: white;
}
span.badwordhighlight{
	background-color: yellow;
}
div.post-history div{
	float: left;
	font-size: 7pt;
	margin: 5px;
}
div.message{
	line-height: 1.2em;
}
div.post-history p{
	font-size: 7pt;
}
div.post-history a:hover{
	text-decoration: underline !important;
}
div.signature{
	font-size: 7.5pt !important;
	text-align: left;
	max-height: 150px;
	overflow: auto;
}
tr.spacer{
	background: #323232;
	height: 5px;
}
div.spacer-row{
	margin: 0 auto 0 auto;
	border-width: 0 1px 1px 1px;
	border-style:solid;
	border-color: black;
}
div.spacer-row div{
	background: #6797D8;
	margin: -1px 1px 1px 0px;
	padding: 0px;
}
tr.footer-row{
	font-size: 8pt;
	background-color: black;
	vertical-align: middle;
}
tr.footer-row td{
	padding: 4px;
	text-align: left;
	vertical-align: middle;
}
tr.footer-row div{
	margin-right: 0px;
	margin-left: auto;
	display: inline;
	width: 10%;
	text-align: right;
}
td.topic-title{
	vertical-align: middle !important;
	font-weight: normal;
	text-align: left !important;
}
td.post-details{
	height: 16px;
	vertical-align: top;
	text-align: left !important;
}
div.post-buttons{
	text-align: left;
}
div.post-buttons span{
	position: relative;
	top: -20px;
	float: right;
}
span.left{
	float: left;
	display: run-in;
}
span.right{
	float: right;
	display: run-in;
}
span.none{
	float: none;
	clear: both;
}

/* polls */
table.poll{
	min-width: 20%;
}
div.poll-bar{
	border: 1px solid #CC9900;
	background: black;
	height: 4pt;
	float: left;
	margin: 2pt auto 1pt 3pt;
}
/* posting&quick reply specific elements */

td.button-list{
	text-align: left !important;
	vertical-align: top;
}
td.button-list input.button{
	margin: 1px;
}
td.button-list input.button-big{
	font-weight: normal;
	width: 154px;
	margin: 1px;
}
td.button-list input.button-small{
	width: 50px;
	margin: 1px;
}
#message{
	width: 550px;
}
tr.posting-row{
	vertical-align: top;
	background: black;
	font-size: 8pt;
}
tr.posting-row td.left{
	width: 10% !important;
	text-align: right !important;
	white-space: normal !important;
}
tr.posting-row td.right{
	text-align: left !important;
	white-space: normal !important;
}
#smiles-list{
	width: 150px;
}
#smiles-list img{
	padding: 3px;
}
.helpline{
	width:420px;
	font-size:7.5pt;
	background:  black;
	border: 0px;
	padding: 5px;
	color: #FFFFCC;
 }

/* header */

div#header{
	font-size: 7.5pt;
	text-align: center;
}

div#mainmenu{
	border: 0px solid #FFFFCC;
	margin-bottom: 10px;
}
div#mainmenu div{
	border: 0px solid #FFFFCC;
	color: #CC9900;
	height: 200px;
	text-align: left;
	background-image: url('images/top.jpg');
	background-repeat: no-repeat;
	background-position: right;
}
div#mainmenu p{
	color: #CC9900;
	border-width: 0;
	border-style: solid;
	border-color: #FFFFCC;
	background-color: black;
	padding: 7px;
	font-size: 7.5pt;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: right;
}
div#mainmenu p a{
	margin: 0 3px 0 3px;
	color: #CC9900;
}

div#mainmenu div img{
	float: left;
	margin-top: 5px;
	margin-right: 15px;
}


span.site-desc{
	float: left;
	display: run-in;
	padding-right: 15px;
}
span.pm{
	outline: 2px solid red;
	padding: 2px;
}

/* div#footer */

div#footer{
	font-size: 7.5pt;
	text-align: center;
}

/* form elements */

select, input, textarea{
	font-family: Verdana, serif;
	font-size: 8pt;
	letter-spacing: 0px;
	font-weight: normal;
	vertical-align: middle;
	border: 1px inset #FFFFCC;
}
textarea{
	border: 1px inset #FFFFCC;
	background: black;
	color: #FFFFCC;
}
input.button, input.liteoption, input.mainoption, input.button-small, input.button-big{
	color: #FFFFCC;
	cursor: pointer;
	background-color: black;
	margin: 1px;
	padding: 2px;
	border: 1px outset #FFFFCC;
}
input.button:hover, input.liteoption:hover, input.mainoption:hover, input.button-small:hover, input.button-big:hover{}

input.button:active, input.liteoption:active, input.mainoption:active, input.button-small:active, input.button-big:active{
	border: 1px inset #FFFFCC;
	color: #FFFFCC;
}

input.button-big{
	width: 100px;
	font-weight: bold;
}
input.button-small{
	width: 50px;
}
select{
	color: #FFFFCC;
	background: black;

}
input.field, input.post, input.post2{
	color: #FFFFCC;
	background: black;
}
input.field:focus, textarea:focus{}

/* bbcode */

div.quote{
	text-align: left;
	width: 95%;
	font-size: 8pt;
}
div.quote p{
	font-weight: bold;
	padding: 2px;
}
div.quote div{
	padding: 3px;
	border: 1px solid #696969;
	background: black;
	overflow: auto;
}
div.code{
	text-align: left;
	width: 95%;
	font-size: 8pt;
}
div.code p{
	font-weight: bold;
	padding: 2px;
	margin-bottom: -1px;
}
div.code div{
	font-family: "Courier New", courier, monotype;
	font-size: 8pt;
	color: green;
	padding: 5px;
	border: 1px solid #696969;
	overflow: auto;
	max-height: 200px;
}
div.img{
	margin: 0px;
	padding: 0px;
	width: 95%;
	overflow: auto;
}
span.bb_b{
	font-weight: bold;
}
span.bb_i{
	font-style: italic;
}
span.bb_u{
	text-decoration: underline;
}
div.bb_c{
	text-align: center;
}


/* pagination */

div.pagination{
	font-size: 7.5pt;
	font-weight: bold;
	margin: 1px 1px;
	padding: 5px;
}
div.pagination a{
	background: black;
	padding: 1px;
}
div.pagination a:hover{
	text-decoration: none;
	background-color: black;
}

/* shoutbox */

div#shoutbox{
	background-color: #696969;
}

iframe#shout_iframe {
	width: 744px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
div#shout_div{
	width: 748px;
	margin: 5px auto 5px auto;
	padding: 0px;
}
div#shoutbox p{
	background-color: black;
	margin: 1px;
	padding: 1px;
	font-size: 7.5pt;
	color: #FFFFCC;
	border-width: 0;
	border-style: solid;
	border-color: #FFFFCC;
}
div#shoutbox p a{
	color: #FFCC00;
	text-decoration: none;
}
div#shoutbox p a:hover{
	color: #FFCC00;
	text-decoration: underline;
}
p#shout-notice{
	font-size: 8pt;
}

/* portal */

table#portal-content{
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
}
td#right-panel, td#left-panel, td#central-panel, td#header-panel{
	vertical-align: top;
	margin: 0px;
}
td#right-panel{
	width: 200px;
	padding-left: 3px;
}
td#left-panel{
	width: 200px;
	padding-right: 3px;
}
td.portal-menu a{
	display: block;
	padding: 3px 1px 3px 1px;
	text-align: left;
	font-weight: bold;
}
td.portal-menu a:before{
	content: "\00BB \2002";
}
td.portal-menu a:hover{
	background-color: black;
	text-decoration: none;
	padding-left: 5px;
}