@charset "utf-8";

* { margin: 0; padding: 0; }

/* 1. core markup */

html { font-size: 1em; }

body {
	color: #000;
	background: #EEE;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 75%;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
}

div#wrapcentre { background: #FFF; padding: 1em; }

a { color: #1c1c7a; }
a:hover { color: #666; text-decoration: underline !important; }
a.nul, a.nul:hover { text-decoration: none; }
a span.nul { text-decoration: none; font-size: 0.91em; color: #EEE; }
 a:hover span.nul { text-decoration: none; color: #AAA; }

h1 {}
h2 { font-size: 1.6em; margin-bottom: 1em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
 h4 a { color: #333; text-decoration: none; }
h5 { font-size: 1em; }

img { border: 0; }

p { margin-bottom: 1em; }
td p, th p { margin: 0; }

ul { margin: 0 0 1em 0; list-style: disc outside; }
	ul li { margin: 0 0 0.2em 2em; }
	
blockquote.quote { border: 1px solid #AAA; padding: 5px; margin: 0 0 1em 0; background: url('images/cell.gif') bottom left repeat-x; color: #333; }
	blockquote.quote p.cite { color: #000; border-bottom: 1px dotted #AAA; }

/* 2. core styling */
.a11y { visibility: hidden; display: block; height: 1px; width: 1px; }

.sir {}
 .sir span {}
.fir {}

.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearBoth { clear: both; }

.error, .errors { color: #C00; }

.split50 {}
 .split50 .colOne { width: 50%; float: left; text-align: left; }
 .split50 .colTwo { width: 50%; float: left; text-align: right; }

.split36 { }
 .split36 .colOne { width: 33%; float: left; text-align: left; }
 .split36 .colTwo { width: 66%; float: left; text-align: right; }

.split63 {}
 .split63 .colOne { width: 66%; float: left; text-align: left; }
 .split63 .colTwo { width: 33%; float: left; text-align: right; }

.clearLower { margin-bottom: 1em; }
.ensmalled { font-size: 0.91em; }

ul.barredList { list-style: none outside; margin: 0; padding: 0; height: 1em; }
 ul.barredList li { margin: 0 0 0 4px; padding: 0 0 0 4px; border-left: 1px solid #333; float: left; }
 ul.barredList li.first { padding: 0; margin: 0; border: 0; }

.tableFoot { margin: 0.2em 0 1em 0; }
 .tableFoot a { text-decoration: none; }

div.emptyBox { border: 1px solid #AAA; }

/* 3. specific styling */
#wrapper {
	margin: 15px auto 0 auto;
	width: 940px;
	background: #FFF;
	border: 1px solid #999;
	padding: 10px;
}
#copyFoot {
	width: 960px;
	margin: 0 auto 15px auto;
	padding: 4px 0;
	text-align: left;
}
 #copyFoot p { margin: 0 0 0 10px; color: #999; }
  #copyFoot a { text-decoration: none; color: #999; }

/* 3a. header */
#headerPane { background: #EEE url('images/headerBg.png') top left repeat-x; height: 90px; border: 1px solid #DDD; }
 #headerPane p { margin: 0; }
 #headerPane .colOne { padding: 10px 0 0 10px; width: 268px; }
  #headerPane .colOne a { top: 10px; left: 10px; }
 #headerPane .colTwo { width: 640px; position: relative; height: 88px; }
  #headerPane .colTwo a { font-weight: bold; text-decoration: none; }
  #headerPane .colTwo ul.barredList { position: absolute; bottom: 0; right: 5px; height: 2em; }
   #headerPane .colTwo ul.barredList li { border: 0; background: url('images/listBar.png') top left no-repeat; padding: 0.4em 0 0 6px; height: 1.6em; }
   #headerPane .colTwo ul.barredList li.first { background: transparent none; padding-left: 0; }
   #headerPane .colTwo ul.barredList li.search { padding-top: 0; height: 2em; }

  #headerPane .colTwo label { font-weight: bold; color: #1c1c7a; vertical-align: top; padding: 0.4em 0.5em 0 0; float: left; display: block; }
  #headerPane .colTwo form { margin: 0; padding: 0; }
  #headerPane .colTwo input { vertical-align: top; font-size: 1.1em; }
  #headerPane .colTwo input.stripped { margin: 0; padding: 0; border: 1px solid #DDD; display: inline; height: 20px; }

/* 3b. nav */
#navPane { padding: 3px 10px;  border-bottom: 1px solid #DDD; border-top: 0; font-size: 0.91em; }
 #navPane a {  }
 #navPane p { margin: 0; padding: 0; }
 

/* 3c. content */
#contentPane { margin-bottom: 10px; }
#pageheader { margin-bottom: 1em; }

/* 3d. footer */
#footerPane {  }
	#footerPane .fpTop { 
		height: auto !important;
		min-height: 75px;
		height: 80px;
		padding-bottom: 1em;
		background: url('images/footerBg_top.png') bottom right no-repeat;
	}
	#footerPane .fpBottom {
		height: auto !important;
		min-height: 40px;
		height: 40px;
		padding: 1em; 
		color: #FFF;
		line-height: 1.3em;
		background: #23308E url('images/footerBg_bottom.png') bottom right no-repeat;
	}
		#footerPane .fpBottom p { margin: 0; }

 #footerPane dl.legends { width: 570px; float: none; }
  #footerPane dl.legends dt { display: block; width: 30px; margin: 0 0 4px 0; padding: 0; float: left; }
   #footerPane dl.legends dt.clear { clear: left; }
  #footerPane dl.legends dd { display: block; width: 140px; margin: 0 20px 4px 0; padding: 4px 0 0 0; float: left; line-height: 1em; }

/* 4. specific content styling */
/* a. forum table */
table.forumList { border: 1px solid #CCC; border-collapse: collapse; width: 100%; margin-bottom: 1em; }
 table.forumList td,
 table.forumList th { padding: 5px; border: 1px solid #CCC; }
 table.forumList thead {}
  table.forumList thead th {
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
	background: url('images/th.gif') top left repeat-x;
	padding: 5px;
	text-align: left;
  }
 table.forumList tbody {}
  table.forumList tbody td { background: url('images/cell.gif') bottom left repeat-x; }
  table.forumList tbody a { font-weight: bold; text-decoration: none; }

 table.forumList .title,
 table.forumList .lastPost { text-align: left; }
 table.forumList .title { width: 500px; }
 table.forumList .topics,
 table.forumList .posts { text-align: center; width: 50px; }
 table.forumList .icon { text-align: center; width: 30px; }

/* b. topics table */
table.topicList { border: 1px solid #CCC; border-collapse: collapse; width: 100%; margin-bottom: 1em; }
 table.topicList td,
 table.topicList th { padding: 5px; border: 1px solid #CCC; }
 table.topicList thead {}
  table.topicList thead th {
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
	background: url('images/th.gif') top left repeat-x;
	padding: 5px;
	text-align: left;
  }
 table.topicList tbody {}
  table.topicList tbody td { background: url('images/cell.gif') bottom left repeat-x; }
  table.topicList tbody a { font-weight: bold; text-decoration: none; }

 table.topicList .title,
 table.topicList .lastPost { text-align: left; }
 table.topicList .title { width: 375px; }
 table.topicList .author { width: 150px; }
 table.topicList .replies,
 table.topicList .views { text-align: center; width: 50px; }
 table.topicList .icon { text-align: center; width: 30px; }

/* announcement table */
table.announcementList {}
	table.announcementList th.lastPost,
	table.announcementList td.lastPost { width: 230px; }
	table.announcementList td.checkbox { width: 50px; text-align: center; }

/* lists of drafts */
table.draftList { border: 1px solid #CCC; border-collapse: collapse; width: 100%; margin-bottom: 1em; }
 table.draftList td,
 table.draftList th { padding: 5px; border: 1px solid #CCC; }
 table.draftList thead {}
  table.draftList thead th {
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
	background: url('images/th.gif') top left repeat-x;
	padding: 5px;
	text-align: left;
  }
 table.draftList tbody {}
  table.draftList tbody td { background: url('images/cell.gif') bottom left repeat-x; }
  table.draftList tbody a { font-weight: bold; text-decoration: none; }
 
 table.draftList .title {  }
 table.draftList .options { width: 100px; }
 table.draftList .delete { width: 50px; }
 table.draftList td.options, table.draftList td.delete { text-align: center; }

/* b. pm table */
table.pmList { border: 1px solid #CCC; border-collapse: collapse; width: 100%; margin-bottom: 1em; }
 table.pmList td,
 table.pmList th { padding: 5px; border: 1px solid #CCC; }
 table.pmList thead {}
  table.pmList thead th {
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
	background: url('images/th.gif') top left repeat-x;
	padding: 5px;
	text-align: left;
  }
 table.pmList tbody {}
  table.pmList tbody td { background: url('images/cell.gif') bottom left repeat-x; }
  table.pmList tbody a { font-weight: bold; text-decoration: none; }

 table.pmList .icon { text-align: center; width: 20px; }
 table.pmList .title { text-align: left; }
 table.pmList .title { width: 200px; }
 table.pmList .author { width: 150px; }
 table.pmList .date { width: 150px; }
 table.pmList .delete { text-align: center; width: 50px; }

table.groupList { border: 1px solid #CCC; border-collapse: collapse; width: 100%; margin-bottom: 1em; }
 table.groupList td,
 table.groupList th { padding: 5px; border: 1px solid #CCC; }
 table.groupList thead {}
  table.groupList thead th {
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
	background: url('images/th.gif') top left repeat-x;
	padding: 5px;
	text-align: left;
 }
 table.groupList tbody {}
  table.groupList tbody td { background: url('images/cell.gif') bottom left repeat-x; }
  table.groupList tbody a { font-weight: bold; text-decoration: none; }

 table.groupList .group { text-align: left; }
 table.groupList .select { text-align: center; width: 80px; }

table.logList { border: 1px solid #CCC; border-collapse: collapse; width: 100%; margin-bottom: 1em; }
 table.logList td,
 table.logList th { padding: 5px; border: 1px solid #CCC; }
 table.logList thead {}
  table.logList thead th {
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
	background: url('images/th.gif') top left repeat-x;
	padding: 5px;
	text-align: left;
 }
 table.logList tbody {}
  table.logList tbody td { background: url('images/cell.gif') bottom left repeat-x; }
  table.logList tbody a { font-weight: bold; text-decoration: none; }

 table.logList .checkbox { width: 50px; }
 table.logList td.checkbox { text-align: center; }
 table.logList .actionInfo { width: 300px; }
 table.logList .datetime { width: 175px; }
 table.logList .author,
 table.logList .username { min-width: 80px; text-wrap: suppress; }
 table.logList .gennumber { width: 50px; text-wrap: suppress; }
 table.logList .actCol { width: 150px; }


div.postList { }
	div.postList div.postBox { width: 938px; margin-bottom: 1em; border: 1px solid #CCC; }
		div.postList div.postBox div.postHeader { width: 928px; padding: 5px; background: url('images/th.gif'); margin: 0 0 0 0; }
			div.postList div.postBox div.postHeader div.postSubjectDate { float: left; width: 928px; }
				div.postList div.postBox div.postHeader div.postSubjectDate h4,
				div.postList div.postBox div.postHeader div.postSubjectDate p { margin: 0 195px; }
			div.postList div.postBox div.postHeader p.authorName { float: left; width: 190px; margin-left: -928px; }
			div.postList div.postBox div.postHeader div.postOptions { float: left; width: 195px; margin-left: -195px; text-align: right; }
		div.postList div.postBox div.postContent { float: left; margin-left: 195px; padding: 5px; width: 723px; }
			div.postList div.postBox div.postContent div.postEditStatus,
			div.postList div.postBox div.postContent div.postSignature { margin-top: 1em; font-size: 0.91em; color: #666; }
			div.postList div.postBox div.postContent div.postSignature { border-top: 1px solid #CCC; padding-top: 0.5em; }
			div.postList div.postBox div.postContent div.postAttachment { margin-top: 1em; color: #666; border: 1px solid #DDD; padding: 0.5em; }
				div.postList div.postBox div.postContent div.postAttachment ul { margin: 0; padding: 0; list-style: none outside; }
					div.postList div.postBox div.postContent div.postAttachment ul li { margin-top: 1em; }
						div.postList div.postBox div.postContent div.postAttachment ul li div.caption p { margin: 0; }
		div.postList div.postBox div.authorDetails { float: left; margin-left: -928px; width: 180px; padding: 5px 5px; }
/*			div.postList div.postBox div.authorDetails div.authorHdr img { display: block; margin-bottom: 0.5em; }*/

div.topicReview { height: 400px; overflow: auto; border-top: 1px solid #CCC; }
	div.topicReview div.postBox { margin-bottom: 1em; border: 1px solid #CCC; }
		div.topicReview div.postBox div.postHeader { padding: 5px; background: url('images/th.gif'); margin: 0 0 0 0; }
	div.topicReview div.postContent { margin: 0; padding: 5px; }
	
div.searchResults { border-top: 1px solid #CCC; }
	div.searchResults div.postBox { margin-bottom: 1em; border: 1px solid #CCC; }
		div.searchResults div.postBox div.postHeader { padding: 5px; background: url('images/th.gif'); margin: 0 0 0 0; }
		div.searchResults div.postBox div.postContent { margin: 0; padding: 5px; }
		div.searchResults div.postBox div.postFooter { background: url('images/cell.gif') bottom left repeat-x; padding: 5px; }
			div.searchResults div.postBox div.postFooter p { margin-bottom: 0; font-size: 0.91em; }
	
div.postListFooter { margin-bottom: 1em; }

div.pollContainer { border-top: 1px solid #CCC; margin-bottom: 1em; }
	div.pollContainer ul.options { list-style: none outside; } 
		div.pollContainer ul.options li { background: url('images/cell.gif') bottom left repeat-x; border: 1px solid #CCC; border-top: none; padding: 0.5em; }
			div.pollContainer ul.options li label,
			div.pollContainer ul.options li p.pseudoLabel { width: 190px; float: left; display: block; font-weight: bold; }
			div.pollContainer ul.options li div.results { float: left; margin-left: 5px; }
				div.pollContainer ul.options li div.results img { display: inline; }
				div.pollContainer ul.options li div.results p { display: inline; }
	div.pollContainer p.summary { padding: 0.5em; text-align: center; }

.internalHeaderBox { border-top: 3px solid #CCC; margin: 0; padding: 5px 6px; }

.infoPanel { margin: 0 0 1.5em 0; }
	.infoPanel .header { border-top: 3px solid #CCC; margin: 0; padding: 5px 6px; }
	.infoPanel .content { border: 1px solid #CCC; padding: 5px; background: url('images/cell.gif') bottom left repeat-x; }
	
	.infoPanel dl {}
		.infoPanel dt { float: left; width: 100px; font-weight: bold; clear: both; }
		.infoPanel dd { float: left; margin-left: 1em; }

.ipLogin {}
	.ipLogin .content { border: 0; border-top: 1px solid #CCC; padding: 10px 0; }

.ipPm { margin-bottom: 0; }

.cp {}
	.cp .cpLeft { width: 195px; float: left; }
		.cp .cpLeft ul { list-style: none outside; border: 1px solid #CCC; padding: 0.5em; margin-bottom: 1em; }
		.cp .cpLeft ul li { margin: 0; }
			.cp .cpLeft ul ul { border: 0; margin: 0 0 0.5em 0; padding: 0; line-height: 1.3em; }
				.cp .cpLeft ul ul li {}
	.cp .cpRight { margin-left: 15px; float: left; width: 730px; }
		.cp .cpRight .pmHeader { border-top: 1px solid #CCC; padding: 5px; }
			.cp .cpRight .pmHeader p { margin-bottom: 0; }
	.cp .cpFoot { clear: both; padding: 0.5em; }
	
	.cp div.postList { }
		.cp div.postList div.postBox { width: 728px;  }
			.cp div.postList div.postBox div.postHeader { width: 718px; }
				.cp div.postList div.postBox div.postHeader div.postSubjectDate { width: 718px; }
				.cp div.postList div.postBox div.postHeader p.authorName { margin-left: -718px; }
			.cp div.postList div.postBox div.postContent { width: 513px; }
			.cp div.postList div.postBox div.authorDetails { margin-left: -718px;  }

.profile {}
	.profile .profileLeft { width: 195px; float: left; }
		.profile .profileLeft .avatarBox,
		.profile .profileLeft .rankBox { text-align: center; }
		.profile .profileLeft ul.userOptions { list-style: none outside; }
			.profile .profileLeft ul.userOptions li { margin-left: 1em; }
		.profile .profileLeft dl {}
			.profile .profileLeft dl dt { width: 75px; text-align: right; }
	.profile .profileRight { margin-left: 15px; width: 730px; float: left; }
	
table.memberList { border: 1px solid #CCC; border-collapse: collapse; width: 100%; margin-bottom: 1em; }
	table.memberList td,
	table.memberList th { padding: 5px; border: 1px solid #CCC; }
	table.memberList thead {}
		table.memberList thead th {
			color: #333;
			font-size: 1.1em;
			font-weight: bold;
			background: url('images/th.gif') top left repeat-x;
			padding: 5px;
			text-align: left;
		}
	table.memberList tbody {}
		table.memberList tbody td { background: url('images/cell.gif') bottom left repeat-x; }
		table.memberList tbody a { font-weight: bold; text-decoration: none; }

	table.memberList .checkbox { text-align: center; width: 20px; }
	table.memberList .username { }
	table.memberList .joined { width: 200px; }
	table.memberList .posts { width: 50px; text-align: center; }
	table.memberList .rank { text-align: left; width: 100px; }
	table.memberList .options { text-align: left; width: 100px; }
		table.memberList .options img { margin-right: 0.5em; }

/*	FAQ styles */
h4.faqhdr a:after { content: " ↵"; color: #EEE; } /* using :after pseudo-selector to deal with IE6 */
 h4.faqhdr a:hover:after { color: #AAA; }
ul.faqtoc { list-style: disc outside; margin: 0.2em 0 1em 0; }
 ul.faqtoc li { margin: 0 0 0 2em; }
div.faqq { margin-bottom: 2em; }

ul.msgRules { list-style: none outside; margin: 0 0 1em 0; border: 1px solid #AAA; }
	ul.msgRules li { padding: 5px 10px; }
		ul.msgRules li input { margin-left: 1em; }
 
/* rank stuff */
.rankBox { margin: 0 0 1em 0; }
 .rankBox img { margin: 5px 0 0 0; padding: 0; }