@import url(/forums/styles/shared/shared.css);

* {  margin: 0; padding: 0; }

/* override Safari 4's new behaviors */
b, strong { font-weight: bold; }
input, select, textarea { font-family: Helvetica, Arial, sans-serif }

/* why does Moz still do this? */
a img { border: 0; }

.accesskey { 
	border: 1px solid black; 
	background-color: #ff9; 
	color: #000; 
	padding: 4px;
	opacity: 0;
	text-decoration: none !important;
}

body {
	background: #999 url("../imageset/body_bg.gif") 100% 0 repeat;
	font: normal .9em Helvetica, Arial, sans-serif;
}
#styleswitch {
	position: absolute;
	top: 6px; right: 6px;
	font-size: 11px;
}
#styleswitch a {
	margin: 6px;
	color: #fff;
}
.anchor {
	float: left;
}
.breaker {
	clear: both;
}
.center {
	text-align: center;
}
h1 {
	background: #000;
	padding: 6px 0 12px 0;
}

h1 a {
	background: transparent url("../imageset/logo.png") 0 0 no-repeat;
	display: block;
	width: 254px;
	height: 50px;
	text-indent: -9999px;
	margin: 0 0 0 6px;
}

p.sitedesc {
	position: absolute;
	top: 42px;
	left: 60px;
	min-width: 30px;
	min-height: 2px;
	font-size: .78em;
	color: #fff;
	z-index: 9999;
}
#sitedesc_editor {
	position: absolute;
	top: 42px;
	left: 60px;
	font-size: .78em;
	color: #fff;
}
#sitedesc_editor input[type="text"] {
	width: 350px;
}
a:link, a:visited {
	color: #b20000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* FAQ, Search, etc */

#nav {
	margin: 0 0 -12px 0; padding: 0 0 0 1em;
	background: transparent url("../imageset/nav_bg.png") 0 -2px repeat-x;
	list-style-type: none;
	height: 42px;
	border: 2px solid #fff;
	border-width: 2px 0 0 0;
}

#nav li {
	display: inline;
	color: #fff;
	font-size: 11px;
	line-height: 24px;
}
ul#nav a { padding: 1px 6px; }
ul#nav a:link, ul#nav a:visited { color: #fff; text-decoration: none;}
ul#nav a:hover { color: #b20000; }
ul#nav a:active { color: #FF0; text-decoration: none;}


/*
 
  FRAME BOXES 

*/
.plainframe {
	position: relative;
	border: 2px solid #000;
	margin: 2px; padding: 0;
	background-color: #fff;
}

.frame {
	position: relative;
	border: 2px solid #000;
	margin: 8px 16px; padding: 0;
	background: #fff url("../imageset/userbox/user_ml.png") top 2px repeat-y;	
}
* > .frame {
	background: #fff url("../imageset/userbox/user_ml.png") top left repeat-y;	
}
.innerframe {
	background: transparent url("../imageset/userbox/user_mr.png") top right repeat-y;	
	padding: 6px 18px;
}
.frametop {
	display: block;
	margin: 0 20px 0 0;
	height: 20px;
	background: #fff url("../imageset/userbox/user_tl.png") 1px left no-repeat;
}
* > .frametop {
	background: #fff url("../imageset/userbox/user_tl.png") top left no-repeat;
}
.frametop span {
	display: block;
	margin: 2px -18px 0 0;
	height: 19px; width: 20px;
	background: #fff url("../imageset/userbox/user_tr.png") 1px right no-repeat;
	float: right;
	position: relative;
}
.frametop > span {
	margin: 0 -20px 0 0;
	height: 20px;
	background: #fff url("../imageset/userbox/user_tr.png") top right no-repeat;
}
.framebreak {
	position: relative;
	margin: 0 20px 0 0;
	height: 19px;
	clear: both;
	background: #fff url("../imageset/userbox/user_bl.png") bottom left no-repeat;
}
.framebreak span.r {
	position: relative;
	float: right;
	display: block;
	height: 19px; width: 20px;
	margin: 0 -20px 0 0;
	background: #fff url("../imageset/userbox/user_br.png") bottom right no-repeat;
}
.frame p {
	font-size: 12px;
	margin-top: 12px;
}

/*
  INFO BOXES 
*/

.infobox {
	position: relative;
	border: 2px solid #000;
	margin: 8px 16px; padding: 0;
	background: #fff url("../imageset/infobox_bg.png") top left repeat;
}

body > .infobox {
	margin: 8px 16px; padding: 0;
}
.innerinfobox {
	position: relative;
	background: transparent url("../imageset/userbox/user_ml.png") top left repeat-y;	
	margin: 0; padding: 0;
	width: 100%;
}
.infobox > .innerinfobox {
	position: relative;
	background: transparent url("../imageset/userbox/user_ml.png") top left repeat-y;	
	margin: 0; padding: 0;
}
.innerinnerinfobox {
	position: relative;
	background: transparent url("../imageset/userbox/user_mr.png") top right repeat-y;	
	margin: 0;
	padding: 0 18px;
}

.innerinnerinfobox p {
	font-weight: normal;
	font-size: 11px;
}

.infoboxtop {
	display: block;
	margin: 0;
	height: 20px;
	background: transparent url("../imageset/userbox/user_tl.png") top left no-repeat;
}

.infobox > .infoboxtop {
	margin: 0 19px 0 0;
}
.infoboxtop span {
	display: block;
	margin: 0;
	height: 20px; width: 19px;
	background: transparent url("../imageset/userbox/user_tr.png") top right no-repeat;
	float: right;
}

.infoboxtop > span {
	margin: 0 -19px 0 0;
}
.infoboxbreak {
	margin: 0;
	height: 19px;
	clear: both;
	background: transparent url("../imageset/userbox/user_bl.png") bottom left no-repeat;
}
.infobox > .infoboxbreak {
	margin: 0 20px 0 0;
}
.infoboxbreak span.r {
	float: right;
	display: block;
	height: 19px; width: 20px;
	margin: 0;
	background: transparent url("../imageset/userbox/user_br.png") bottom right no-repeat;
}
.infoboxbreak > span.r {
	margin: 0 -20px 0 0;
}
.infobox h3 {
	margin-top: 0;
	margin-bottom: 0;
}
p.breadcrumb {
	padding: 0;
	font-weight: bold;
	font-size: 13px;
}
.forumheaders, .visit, .auth {
	position: relative;
	font-size: 11px;
	float: right;
	clear: right;
	text-align: right;
	margin: 12px 0 0;
}
.auth {
	margin: 12px 0 0;
	margin-left: 70%;
}
.articles, .users, .explain {
	position: relative;
	margin: 0;
	font-size: 11px;
}
.pages, .timezone, .watch {
	position: relative;
	padding: 3px 0 0;
	font-size: 11px;
	text-align: left;
}
.boxsize {
	position: relative;
	font-size: 11px;
	padding: 6px 0 0 0;
	text-align: left;
	clear: left;
}
.newerolder {
	padding: 4px 10px 0 0;
	font-size: 11px;
	float: right;
}
.newtopic {
	position: relative;
	padding: 10px 0 0;
	height: 22px;
	width: 50%;
}
.newtopic img {
	
}
.timezone {
	position: relative;
	font-size: 11px;
	clear: right;
	float: right;
}

input[type="submit"], input[type="reset"], input[type="button"], .widgets .button a, .button a {
	display: block; 
	float: left;
	margin-right: .6em;
	background: #000 url("../imageset/nav_bg.png") 0 -5px repeat-x;
	border: 1px solid #000;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding: .17em .75em;
}

#search-box input[type="submit"] {
	border: 1px solid #333;
}

input[type="submit"], input[type="reset"], input[type="button"] {
	float: none;
	display: inline;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, select:hover, .widgets .button a:hover, .button a:hover {
	background-color: #600;
	background-image: none;
	border-color: #000;
	color: #fff;
	text-decoration: none;
}

.widgets {
	margin: 6px 0 0;
	padding: 6px 0;
	overflow: auto;
	clear: both;
	position: relative;
}
	

/* JUMP MENU */

select {
	background-color: #000;
	color: #fff;
	border: 1px solid #777;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	padding: 0 0 0 .5em;
	background-image: none;
	border: 1px solid #000;
	-moz-border-radius: 6px;
}

select[multiple="multiple"] {
	background-color: #fff;
	background-image: none;
	color: #000;
	border: 1px solid #777;
	font-size: 12px;
	height: auto; line-height: 21px;
	padding: 0 .5em;
}

select:focus {
	background-color: #fff;
	color: #000;
}
select[multiple="multiple"]:focus {
	height: auto;
}

select option {
	padding: .1em .5em;
	font-weight: normal;
}

div.rightjump {
	position: relative;
	margin: 0 6px 0 0; padding: 0;
	clear: right;
	float: right;
	z-index: 1000;
}
.innerinnerinfobox > div.rightjump {
	position: relative;
	margin: 0 6px -8px 0; padding: 0;
	clear: right;
	float: right;
}
div.topjump {
	position: absolute;
	top: 30px;
	right: 18px;
}
.jumpbox {
	font-size: 11px;
}





.mainbox {
	margin: 2px 16px; padding: 0;
	background: #fff url("../imageset/userbox/user_ml.png") top left repeat-y;
	border: 2px solid #000;
}

/*
 USER INFO
*/

.postuserbox {
	margin: 0; padding: 0;
	position: relative;
	background: #fff url("../imageset/infobox_bg.png") top left repeat;
}
.innerpostuserbox {
	background: transparent url("../imageset/userbox/user_ml.png") top left repeat-y;	
	padding: 0;
}
.innerinnerpostuserbox {
	background: transparent url("../imageset/userbox/user_mr.png") top right repeat-y;	
	padding: 0 18px;
}
.postuserboxtop {
	display: block;
	margin: 0;
	height: 20px;
	background: transparent url("../imageset/userbox/user_tl.png") top left no-repeat;
}
.postuserbox > .postuserboxtop {
	margin: 0 19px 0 0;
}
.postuserboxtop span {
	display: block;
	margin: 0;
	height: 20px; width: 19px;
	background: transparent url("../imageset/userbox/user_tr.png") top right no-repeat;
	float: right;
}
.postuserboxtop > span {
	margin: 0 -19px 0 0;
}


span.avatar {
	background: transparent url("../imageset/avatar_bg.png") top left no-repeat;
	position: absolute; top: -6px; left: 0px;
	display: block;
	width: 160px; height: 112px;
	overflow: auto;
	margin: 0; padding: 0;
	z-index: 2;
	text-align: center;
	display: none;
}
span.avatar img {
	margin-top: 16px;
}
span.inlineavatar {
	display: inline;
	float: left;
}
span.inlineavatar span.avatar {
	background-image: none;
	display: block;
	width: 160px; height: 1px;
	margin: 0; padding: 0; border: 0;
	position: relative;
}
span.inlineavatar span.avatar img {
	display: none;
	margin-top: 0;
}
div.uname {
	margin: 0 30px 0 0;
	float: left;
	position: relative;
	z-index: 10;
}

div.udetails {
	margin: 3px 0 0;
	float: left;
	position: relative;
}
.pmuserdata {
	position: relative;
	font-size: 12px;
	line-height: 14px;
	margin-right: 200px;
}
.postuserbox .username {
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	padding: 0;
}
.postuserbox span {
	display: block;
	font-size: 11px;
	line-height: 13px;
	padding: 0;
}


.ubreak {
	margin: 0;
	height: 19px;
	clear: both;
	background: transparent url("../imageset/userbox/user_bl.png") bottom left no-repeat;
}
div > .ubreak {
	margin: 0 19px 0 0;
}
.ubreak span.r {
	float: right;
	display: block;
	height: 19px; width: 20px;
	margin: 0; padding: 0;
	background: transparent url("../imageset/userbox/user_br.png") bottom right no-repeat;
}
.ubreak > span.r {
	margin: 0 -19px 0 0;
}
ul.userbuttons {
	height: 20px;
	position: relative;
	margin: 0 10px;
}

div > ul.userbuttons {
	position: absolute; 
	right: 4px;
}
ul.userbuttons li {
	display: inline;
}
ul.userbuttons li a  {
	margin: 0;
	float: right;
	display: block;
	width: 30px; height: 30px;
	background: transparent url("../imageset/user_icon_sprite.png") 0 0 no-repeat;
	text-indent: -9999em;
}
ul.userbuttons li a, ul.userbuttons li a:hover, ul.userbuttons li a:visited  {
	text-decoration: none;
}
ul.userbuttons li a img {
	display: none;
}
ul.userbuttons li.profileicon a {
	background-position: -2px 2px;
}
ul.userbuttons li.profileicon a:hover {
	background-position: -122px 2px;
}
ul.userbuttons li.pmicon a {
	background-position: -32px 2px;
}
ul.userbuttons li.pmicon a:hover {
	background-position: -152px 2px;
}
ul.userbuttons li.emailicon a {
	background-position: -92px 2px;
}
ul.userbuttons li.emailicon a:hover {
	background-position: -212px 2px;
}
ul.userbuttons li.wwwicon a {
	background-position: -62px 2px;
}
ul.userbuttons li.wwwicon a:hover {
	background-position: -182px 2px;
}

/*
 POST DISPLAY BOX
*/


.postbox {
	position: relative;
	font-size: 12px;
	line-height: 16px;
	margin: 0; padding: 0;
	background: #fff url("../imageset/userbox/user_mr.png") top right repeat-y;
}

.posttop {
	display: block;
	margin: -2px 0 0;
	height: 20px;
	background: #fff url("../imageset/userbox/user_tl.png") top left no-repeat;
}
div > .posttop {
	margin: -2px 19px 0 0;
}
.posttop span {
	display: block;
	margin: 0;
	height: 20px; width: 20px;
	background: #fff url("../imageset/userbox/user_tr.png") top right no-repeat;
	float: right;
}
.posttop > span {
	margin: 0 -19px 0 0;
}

.message {
	padding: 16px 16px 6px;
	background: transparent url("../imageset/userbox/user_ml.png") top left repeat-y;
}
.message li {
	padding-left: 0 !important;
}
.rules {
	padding: 0 16px 6px;
	background: transparent url("../imageset/userbox/user_ml.png") top left repeat-y;
}

.message li {
	margin: 0 18px; padding: 0 18px;
}
.postbox .message a[href$='.wav'], .postbox .message a[href$='.mp3'] {
	padding-right: 15px;
	background: transparent url("../imageset/audio.png") 100% 50% no-repeat;
}
.postbox .message a[href$='.mp4'], .postbox .message a[href$='.asf'], .postbox .message a[href$='.mov'], .postbox .message a[href$='.wmv'], .postbox .message a[href$='.avi'], .youtube {
	padding-right: 18px;
	background: transparent url("../imageset/video.png") 100% 50% no-repeat;
}

/*iTMS*/
.postbox .message a[href*="phobos.apple.com"] {
	padding-right: 14px;
	background: transparent url("../imageset/itms.png") 100% 50% no-repeat;
}
	
	
.sig {
	background: transparent url("../imageset/sig_l.png") top left repeat-y;
}
.sig div {
	background: transparent url("../imageset/sig_r.png") top right repeat-y;
	padding: .5em 1em .5em;
}
.sig blockquote div {
	padding: 0;
	background-image: none;
}
div.sig+div+br { 
	display: none;
}

.message del, .message ins {
	text-line-through-color: purple !important;
	text-underline-color: purple !important;
}

.edited {
	font-size: 10px;
	line-height: 12px;
	color: purple;
}
.message  blockquote, .sig blockquote {
	background-color: #fff;
	display: block;
	border: 1px solid #999;
	font-size: 11px;
	line-height: 14px;
	margin: .5em .2em;
	padding: .5em 1em .3em;
}
.message  blockquote cite, .sig blockquote cite {
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	display: block;
	height: 14px;
	background: #999 url("../imageset/gray_head.png") top left repeat-x;
	color: #fff;
	margin: -.5em -1em .5em; padding: .2em .5em;
}
.message  blockquote blockquote, .sig blockquote blockquote {
	background-color: #eee;
	font-size: 11px;
	line-height: 14px;
	color: #333;
}
.message  blockquote blockquote blockquote, .sig blockquote blockquote blockquote {
	background-color: #ddd;
	font-size: 11px;
	line-height: 14px;
	color: #666;
}
.message  blockquote blockquote blockquote blockquote blockquote, .sig blockquote blockquote blockquote blockquote blockquote {
	display: none;
}
.codebox {
	background-color: #fff;
	display: block;
	border: 1px solid #999;
	margin: .5em .2em;
	padding: .5em .5em .3em;
}
.codebox dt {
	font-weight: bold;
	line-height: 14px;
	display: block;
	height: 14px;
	background: #999 url("../imageset/nav_bg.png") 0 -4px repeat-x;
	color: #fff;
	margin: -.5em -.5em .5em; padding: .2em .5em;
}
.codebox dt a {
	color: #900 !important;
	font-size 12px;
	line-height: 14px;
	color: #fff;
}
.codebox code {
	font: 11px/14px Monaco, Courier, mono-space;
}

div.postdetails {
	position: relative;
	clear: both;
	background: transparent url("../imageset/userbox/post_bl.png") bottom left repeat-x;
	height: 30px;
	margin: 0;
}
div.postdetails a.postanchor {
	position: relative;
	z-index: 10;
	float: left;
	display: block;
	height: 30px;
	width: 40px;
}
div.postdetails a img {
	margin: .3em 0 0 1em;
	float: left;
}
div.postdetails .posted {
	margin: 0 0 0 32px;
	font-size: 11px;
	line-height: 30px;
	color: #fff;
}
div.postdetails .posted a {
	margin: 0 0 0 1em;
	font-weight: bold;
	position: relative;
	z-index: 11;
}


ul.postbuttons {
	height: 30px;
	background: transparent url("../imageset/userbox/post_br.png") bottom right no-repeat;
	font-size: 11px;
	line-height: 16px;
	position: absolute;
	bottom: 0; right: 0;
	list-style-type: none;
	margin: 0; padding: 0 14px 0 0;
}

.emote .action {
	font-size: 12px;
	font-weight: normal;
	padding-right: 180px;
}
.emote ul.postbuttons {
	background-image: none;
	top: 0px;
}

ul.postbuttons li {
	width: 30px;
	float: right;
	height: 30px;
}
ul.postbuttons li a  {
	margin: 0 .5em 0 0;
	float: left;
	display: block;
	text-indent: -9999em;
	width: 30px; height: 30px;
	background: transparent url("../imageset/post_icons_sprite.png") 0 0 no-repeat;
}
ul.postbuttons li a img {
	margin: 4px 0 0 6px;
	display: none !important;
}


ul.postbuttons li.quoteicon a {
	width: 25px;
	background-position: 2px 3px;
}
ul.postbuttons li.quoteicon a:hover {
	background-position: -190px 3px;
}
ul.postbuttons li.editicon a {
	background-position: -28px 3px;
}
ul.postbuttons li.editicon a:hover {
	background-position: -218px 3px;
}
ul.postbuttons li.ipicon a {
	background-position: -58px 3px;
}
ul.postbuttons li.ipicon a:hover {
	background-position: -248px 3px;
}
ul.postbuttons li.deleteicon a {
	background-position: -88px 3px;
}
ul.postbuttons li.deleteicon a:hover {
	background-position: -278px 3px;
}
ul.postbuttons li.reporticon a {
	background-position: -118px 3px;
}
ul.postbuttons li.reporticon a:hover {
	background-position: -308px 3px;
}
ul.postbuttons li.warnicon a {
	background-position: -148px 3px;
}
ul.postbuttons li.warnicon a:hover {
	background-position: -338px 3px;
}



dl.attachbox {
	margin: 0 0;
	padding: 1em;
	background: transparent url("../imageset/userbox/user_ml.png") top left repeat-y;
	overflow: auto;
}
.attachbox dt {
	background: #999 url("../imageset/nav_bg.png") top left repeat-x;
	display: block;
	font-weight: bold;
	height: 14px;
	color: #fff;
	margin: 0; padding: .2em .5em;
	text-align: center;
}
.attachbox dd dl {
	overflow: auto;
	border: 1px solid #aaa;
	margin: 10px 18px;
	padding: .5em;
}
.attachbox dl dt {
	background: none;
	color: #000;
	margin: 0; padding: 0;
	text-align: left;
	height: auto;
	font-weight: bold;
	float: left;
	clear: left;
}
.attachbox dl dd {
	float: left;
	margin: 0 0 0 12px;
}
.attachbox div {
	text-align: center;
	margin: 0 1em 2em;
}



div.pad {
	margin: .5em 0 0;
}

#profile .message, #profile dl {
	overflow: auto;
}
#profile dt {
	font-weight: bold;
	clear: left;
	float: left;
}
#profile dd {
	float: left;
	margin: 0 0 5px 10px;
}

/* USERGROUPS */

dl.label {
	font-size: 11px;
	line-height: 16px;
	overflow: auto;
}
dl.label dt {
	font-weight: bold;
	clear: left;
	float: left;
}
dl.label dd {
	float: left;
	margin: 0 0 0 10px;
}

.cat .subhead {
	color: #000;
}

.groupsubhead {
	margin: 12px 0 !important;
	color: #000;
}


/* PM */
ul#pm {
	margin-top: 6px;
	list-style-type: none;
}
ul#pm li {
	display: inline;
}
.pmbutton {
	position: relative;
	float: left;
	background: transparent url("../imageset/empty_button.png") top left no-repeat;
	display: block;
	width: 112px; height: 22px;
	text-align: center;
	margin: 0 6px 0 0;
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
}
.pmbutton a {
	margin: 0; padding: 0;
	font-weight: bold;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
}

	
	

table {
	width: 100%;
	margin: 0; padding: 0;
	font-size: 11px;
	line-height: 16px;
}
table th {
	background: transparent;
	color: #666;
	font-weight: normal;
	font-size 11px;
	text-align: left;
	padding: 0 10px;
	white-space: nowrap;
}

table tr.cat {
	background-color: #ddd;
	color: #333;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .5em;
}
table tr.cat td {
	border: 1px solid #666;
	border-width: 1px 0;
}
table tr.cat a:link, table tr.cat a:visited  {
	color: #333;
	text-decoration: none;
}
table tr.cat a:hover {
	color: #000;
	font-weight: bold;
}

#clubhouse54-clubhouse table tr.foot td {
	background-color: #fff;
	height: 0;
	line-height: 2px;
}

table .row td {
	padding: .2em 1em; 
}

table .row td {
	background-image: none;
	background-color: #fff;
	border: 3px double #eee;
	border-width: 3px 0;
}

table .row .left {
	/*padding-left: 48px;  use this when there's a bg image on the forum row*/
}
table .row .left img {
	float: left;
	margin: 0 1em 0 0;
}
table .row .left span.forumimage {
}
table .row .left .forumicon {
	margin-top: 4px 1em 4px 0;
}
table .row .lastpost {
	width: 20em;
}
table .row .lastpost div {
	margin: 0; padding: 0; border: 0;
}
table .row .lastpost img {
	margin-top: -28px;
	float: right;
}
table .row .lastpost > div {
	position: relative;
}
table .row .lastpost * > img {
	float: none;
	position: absolute;
	top: 6px; right: 0;
	margin: 0; padding: 0; border: 0;
}

#whoisonlinetable th, table#memberlist th {
	background: #000 url("../imageset/nav_bg.png") 0 25% repeat-x;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 21px;
	text-align: left;
	padding: 0 0 0 10px;
}

.forumtitle {
	display: block;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	margin-top: 2px;
}
.forumdesc, .forummods {
	float: left;
	font-size: 11px;
	line-height: 16px;
	margin: 0 1em 0 0;
}
.topictitle {
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	margin-top: 2px;
}
.goto {
	font-size: 10px;
}
.goto img {
	display: none;
}

table div.post-sample {
	overflow: auto;
	border: 1px solid #ccc;
	margin-left: 20%;
	padding: .5em 1em;
}
	
h2 {
	background: #000 url("../imageset/nav_bg.png") 0 20% repeat-x;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 21px;
	text-align: left;
	padding: 0 0 0 10px;
}


h3, form h5 {
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	clear: both;
	margin: 12px 0;
}
h5 {
	margin: 6px 0;
}
fieldset {
	position: relative;
	border: 1px solid #ccc;
	background: #eee;
	padding: 1em;
	margin: 0;
}
fieldset input {
	margin: 0 1em 0 .2em;
}
textarea {
	font-size: 12px;
}
legend {
	font-weight: bold;
	font-size: 13px;
	line-height: 14px;
}
.formrow, label { 
	font-size: 12px;
	line-height: 14px;
	display: block;
	clear: both;
	overflow: auto;
	margin: .5em 0;
	background: #ddd;
	padding: .5em;
}
.formrow div {
	float: left;
	margin: 0 1em 0 0;
}
.formrow label {
	display: inline;
	clear: none;
	margin: 0 10px; padding: 0;
	border-width: 0;
	white-space: nowrap;
}
label.mini {
	float: left;
	clear: none;
	width: auto;
	margin: 4px 10px 4px 0;
}


label.mini .formdesc {
	width: auto;
}
label.check {
	font-size: 12px;
	line-height: 14px;
	white-space: nowrap;
	width: 30%;
	height: 1.8em;
	float: left; clear: none;
	margin-right: 6px;
}
.formdesc { 
	float: left;
	width: 30%;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
}
label.check .formdesc { 
	float: none;
	width: auto;
	font-weight: bold;
}
.submit { 
	display: block !important;
	float: none !important;
	clear: both !important;
}

.formexplain { 
	font-size: 11px;
	line-height: 14px;
}
.formact, .formcaption {
	font-size: 12px;
	line-height: 14px;
}
.formact * { 
	margin: 0 1em;
}
.quickreply {
	width: 65%;
	position: relative;
	margin: 12px 35% 0 0;
}
.quickreply h3 {
	margin: 0; padding: 0 !important;
	clear: none;
	border: 0;
	height: 22px; line-height: 22px;
	position: relative;
	white-space: nowrap;
	display: block;
}
.quickreply textarea {
	width: 380px;
}
.quickreply fieldset {
	padding: 12px;
	width: 100%;
	display: block;
	margin-bottom: 0;
}
.quickreply label {
	clear: left;
	width: 95%;
	display: block;
	margin-bottom: 0;
}

.quickreply input[type=image] {
	margin-top: 6px;
}
/* POSTING */

fieldset {
	position: relative;
}
ul.buttons, ul#postkey, ul#postoptions {
	list-style-type: none;
	font-size: 11px;
	line-height: 14px;
}
ul.buttons li {
	display: inline;
}
ul#postkey li {
	display: inline;
	margin: 0 1em 0 0;
}

#colour_palette, #colour_palette table * {
	padding: 0 !important;
	margin: 0 !important;
	max-width: 10px !important;
}
#colour_palette td a {
	display: block;
	width: 10px; height: 10px;
}
#smilies {
	background-color: #fff;
	padding: 0 25px; margin-bottom: 6px;
}
#smilies h5 { display: none; }
#smilies a img { margin-right: 4px; }

#smilies p {
	text-align: center;
	margin: 6px 0 0 0;
	font-size: 11px;
	line-height: 14px;
}

#smilies ul {
	position: relative;
	list-style: none;
	margin: 0 -15px; padding: 0;
}
#smilies ul li {
	margin: 0; padding: 0;
	width: 16px;
	height: 16px;
	position: absolute; 
	top: 18px; 
}
#smilies li.previous { left: -5px; }
#smilies li.next { right: 0; }
#smilies ul a {
	display: block;
	width: 17px;
	height: 17px;
	text-indent: -9999px;
	text-decoration: none;
	border: 0;
}
#smilies .previous a {
	background: transparent url("../imageset/arrow_left.png") 0 0 no-repeat;
}
#smilies .next a {
	background: transparent url("../imageset/arrow_right.png") 0 0 no-repeat;
}
#smilies ul a:focus { -moz-outline: none; outline: none; }

#attachbox, #pollbox {
	margin: 6px 0;
}
#helpline {
	margin: 6px 0;
	background-color: #eee;
	border-width: 0;
}
.postbody span.formdesc {
	display: block;
	width: 80%;
	margin: 0 10px;
}
.postbody span.formact {
	display: block;
	width: auto;
}
.postbody textarea {
	width: 90%;
}

#attachbox textarea {
	width: 50%;
	height: 50px;
}
#poll_option_text {
	width: 50%;
	height: 100px;
}
#report_text {
	width: 50%;
}

.set .formdesc {
	width: auto;
	margin-right: 2em;
}
.set .formact label, .set .formact label img, .set .formact label input {
	display: inline;
	margin: 0; padding: 0;
	vertical-align: middle;
} 
.set .formact label {
	margin-right: 1em;
}

#format-buttons {
	margin: .5em 12px;
}
#format-buttons input {
	margin: 0 .5em 0 0;
}
#helpbox { border: 0; padding: 0 4px; background-color: transparent; margin: 0 0 6px 6px;}

#colour_palette {
	position: absolute; top: 146px; right: 420px;
	z-index: 999;
	border: 1px solid #ccc;
	background-color: #fff;
}
#colour_palette div {
	padding: 12px !important; margin: 0 !important;
	position: relative;
}

/* TOPIC REVIEW */
#topicreview {
	background: #999 url("../imageset/body_bg.gif") 100% 0 repeat;
	font-size: .9em;
	width: 100%;
	overflow: auto;
	height: 200px;
}

#cp-main h5, #topicreview h5 {
	font-weight: bold;
	font-size: 12px;
	margin: 0;
}
#cp-main .innerinnerpostuserbox p, #topicreview .innerinnerpostuserbox p {
	font-size: 11px;
	margin: 0;
}
#cp-main .postuserbox .ubreak, #cp-main .postbox * {
	clear: none;
}

/* LEGEND */

#legend {
	clear: none;
	overflow: auto;
	display: block;
	margin: 20px 0 0 0;
	list-style-type: none;
	width: 60%;
}
#legend li {
	font-size:  11px;
	line-height: 18px;
	float: left;
	margin: 0; padding: 0;
	display: block;
	width: 30%;
}
#legend li img {
	margin: 0 1em 0 0;
}
#legend li.clear {
	clear: both;
}
	

.infobox p.errormsg {
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	padding-left: 18px;
	background: transparent url("../imageset/alert_icon.gif") 0 100% no-repeat;
	margin-bottom: 0;
}


/* AGREEMENT */
.agreement {
	font-size: 11px;
	line-height: 14px;
}


/* FAQ */

ul.faq {
	margin-bottom: 2em !important;
}
.faq li {
	font-size: 12px !important;
}
p.faq {
	font-size: 12px;
	line-height: 14px;
	margin: 0 0 1em 0;
}

/* MOD TOOLS */

div.modtools {
	clear: both;
	border: 1px solid #b20000;
	background-color: #ccc;
	text-align: center;
	margin: 12px 0; padding: 6px;
}
#iplist li {
	margin: 4px 18px; padding: 0 18px;
}
#iplist li ul li {
}
/* ADMIN */

.adminnav {
	margin-top: 6px;
}
.adminnav li {
	margin: 6px;
	font-size: 11px;
	font-weight: normal;
}
.adminnav li.adminhead {
	margin: 0;
}

/* POLL */

.pollwrapper h4 {
	margin-bottom: 1em;
}
.infobox .poll {
	margin: 0;
}
.poll li {
	margin: 0 6px 16px;
	font-size: 12px;
	list-style-type: none;
	position: relative;
	clear: left;
	overflow: auto;
}
.poll li label {
	margin: 0;
	display: block;
	float: left;
	width: 300px;
}
.poll li label input {
	margin: 0 6px 0 0;
	display: block;
	float: left;
}
span.polloption {
	display: block;
	float: left;
	white-space: normal;
	margin: 0 12px 0 0;
}
p.pollcaption {
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	margin: 0 6px;
	clear: left;
	text-align: center;
}
.barparent {
	display: block;
	float: left;
	width: 400px;
	margin: 0 1em;
	font-size: 11px;
}
.pollbar {
	background: #900 url("../imageset/results_bar_other.png") top left repeat-x;
	display: block;
	float: left;
	text-align: right;
	padding: .3em .5em;
	color: #fff;
	font-weight: bold;
	margin: .3em 0;
	white-space: nowrap;
}
.mychoice {
	background: #900 url("../imageset/results_bar.png") top left repeat-x;
}
	
/* FOOTER */

p.adminlink {
	font-size: 12px;
	text-align: center;
}
div.footer {
	background: #000;
	text-align: center;
	font-size: 11px;
	line-height: 14px;
	color: #fff;
	border-top: 2px #fff solid;
	margin: 30px 0 0 0; padding: 0 0 12px 0;
	clear: both;
	text-align: center;
}

.spoiler {
	background: #000;
	color: #000;
}
.spoiler:hover {
	background: #000;
	color: #fff;
}

.gone {
	display: none !important;
}

.footer li { list-style: none; }
#topic-preview {
	position: absolute;
	left: 20%;
	width: 40%;
	border: 1px solid #000;
	background-color: #fff !important;
	z-index: 9999;
	padding: 1em;
}


table {
	background: #fff;
}


#search-box {
	font-size: 11px;
	background: none;
	color: #fff;
	position: absolute;
	top: 2em; right: 0;
}
#search-box fieldset {
	background: none;
	border: 0;
	text-align: center;
}
#search-box input {
	margin-right: 0;
}

ul.faq {
	font-size: 11px;
	list-style: none;
	margin-left: 10px;
}

.display-options {
	margin: 10px 0;
}
.display-options fieldset {
	margin: 0; padding: 0;
	border: 0;
	background: none;
}
.display-options label {
	display: inline;
	border: 0;
	background: none;
}

#whoisonlinetable td {
	padding: 4px;
}

.section {
	margin-bottom: 1em;
}

.details {
	margin-top: 1em;
}
.details dt {
	font-weight: bold;
	font-size: 12px;
	float: left;
	clear: none;
	width: 30%;
}
.details dd {
	font-size: 12px;
	padding-left: 30%;
	padding-bottom: .5em;
}




#mcp-container .frametop, #ucp-container .frametop {
	margin: 0 20px -1px 0;
	height: 20px;
	background: #fff url("../imageset/userbox/user_tl.png") top left no-repeat;
}

#mcp-container .frametop .r, #ucp-container .frametop .r {
	display: block;
	margin: 0 -20px 0 0;
	height: 19px; width: 20px;
	background: #fff url("../imageset/userbox/user_tr.png") top right no-repeat;
	float: right;
	position: relative;
}
#mcp-container .frametop .c, #ucp-container .frametop .c {
	position: relative;
	display: block;
	float: left;
	height: 19px; width: 43px;
	margin: 0 0 0 177px;
	background: #fff url("../imageset/userbox/divide_t.png") top center no-repeat;
}

#mcp-container .innerframe, #ucp-container .innerframe {
	background: transparent url("../imageset/userbox/user_mr.png") top right repeat-y;
}
#mcp-container .innerframedivide, #ucp-container .innerframedivide {
	background: transparent url("../imageset/userbox/divide_c.png") 177px 0 repeat-y;
}

#mcp-container .innerframedivide .framebreak, #ucp-container .innerframedivide .framebreak {
	margin: 0 2px -6px -18px;
}
#mcp-container .innerframedivide .framebreak .c, #ucp-container .innerframedivide .framebreak .c {
	position: relative;
	display: block;
	float: left;
	height: 19px; width: 43px;
	margin: 0 0 0 177px;
	background: #fff url("../imageset/userbox/divide_b.png") bottom center no-repeat;
}

#ucp-container .ucp-main, #mcp-container .mcp-main  {
	float: none;
	margin: 0 0 0 200px;
}


#sidecontrol {
	width: 190px;
	font-size: 12px;
	float: none;
	margin: 0 0 0 -18px;
	padding: 0 0 18px;
	overflow: auto;
	float: left;
}

#sidecontrol #mcpnav, #sidecontrol #ucpnav {
	margin: 0;
	padding: 0 18px;
}
#sidecontrol h4 {
	margin: 8px 0 2px;
}
#sidecontrol ul li {
	list-style: none;
	margin: 2px 0 0 10px;
}

#cp-main h3 {
	clear: none;
}
#cp-main .mainbox, #cp-main .frame {
	margin: 0;
}
#cp-main .frame .framebreak {
	margin: 0 20px 0 0;
}
#cp-main .frame  .mainbox {
	margin: 5px 10px;
}
.swatch {
	padding: 0 .5em;
}

a.sort {
	padding: 0 .5em;
}

tr.notice p {
	text-align: center;
	padding: .3em 0 1em;
}

ol.def-rules {
	margin-left: 18px;
	font-weight: normal;
	font-size: 12px;
}

.report {
	background-color: #ddd;
	border: 1px solid #aaa;
	padding: 1em;
}

.report .content {
	font-weight: normal;
	font-size: .85em;
	border: 1px solid #666;
	padding: 1em;
	margin: 1em 0;
}

#minitabs {
	overflow: auto;
	padding: .5em 0 0;
}
#minitabs ul li {
	display: block;
	float: left;
}
#minitabs ul li a {
	display: block; 
	float: left;
	margin: 0 .6em 0 0;
	background: #97999c;
	border: 1px solid #ccc;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	height: 21px; line-height: 21px;
	text-align: center;
	padding: 0 .5em;
	border-bottom: 0;
}
#minitabs ul li.activetab a {
	background: #eee;
	color: #000;
}
#minitabs ul li a:hover {
	text-decoration: none;
	background-color: #333;
}
#minitabs ul li.activetab a:hover {
	background: #eee;
	text-decoration: none;
}

.ignore {
	font-weight: normal;
	font-size: 11px;
}

.pm_marked_colour, .pm_marked_colour a {
	color: #f70;
}
.pm_replied_colour, .pm_replied_colour a {
	color: #600;
}
.pm_friend_colour, .pm_friend_colour a {
	color: #369;
}
.pm_foe_colour, .pm_foe_colour a {
	color: #b2b200;
}

#topicicons label {
	padding: .3em;
	text-align: center;
}
#topicicons input {
	visibility: hidden;
	float: left;
	position: absolute;
	left: -999em;
}
#topicicons .selected {
	border: 1px solid #666;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0 0 3px #999;
	-moz-border-radius: 4px;
	background: #fff;
}