/* ###################### NEW STYLE ############################## */
/* SPONSORS.CSS
General Markup Styles
ID = #
CLASS = .
*/

.forabg {
	background: #b1b1b1 none repeat-x 0 0;
	width:891px;
	margin-bottom: 4px;
	padding: 0 5px;
	clear: both;
}

.navbar span.corners-bottom {
	margin: 0 -10px;
}

.navbar span.corners-top {
	margin: 0 -10px;
}
.navbarbottom span.corners-bottom {
	margin: 0 -10px;
}

.navbarbottom span.corners-top {
	margin: 0 -10px;
}

/* Horizontal lists
----------------------------------------*/
ul.linklist {
	display: block;
	margin: 0;
}

ul.linklist li {
	display: block;
	list-style-type: none;
	float: left;
	width: auto;
	margin-right: 5px;
	font-size: 1.1em;
	line-height: 2.2em;
}

p.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}

ul.linklist li.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}

ul.navlinks {
	padding-bottom: 1px;
	margin-bottom: 1px;
/*	border-bottom: 1px solid #FFFFFF;  */
	font-weight: bold;
}

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}

/* Misc layout styles
---------------------------------------- */
/* General classes for placing floating blocks */
.left-box {
	float: left;
	width: auto;
	text-align: left;
}

.right-box {
	float: right;
	width: auto;
	text-align: right;
}

dl.details {
	/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 1.1em;
}

dl.details dt {
	float: left;
	clear: left;
	width: 30%;
	text-align: right;
	color: #000000;
	display: block;
}

dl.details dd {
	margin-left: 0;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #828282;
	float: left;
	width: 65%;
}

/* Miscellaneous styles
---------------------------------------- */
.boldblue{
	color: blue;
	font-style: italic;
	font-weight: bold;
}

.copyright {
	padding: 5px;
	text-align: center;
	color: #555555;
}

.small {
	font-size: 0.9em !important;
}

.titlespace {
	margin-bottom: 15px;
}

.headerspace {
	margin-top: 20px;
}

div.rules {
	background-color: #ececec;
	color: #bcbcbc;
	padding: 0 10px;
	margin: 10px 0;
	font-size: 1.1em;
}

div.rules ul {
	margin-left: 20px;
}

p.rules {
	background-color: #ececec;
	background-image: none;
	padding: 5px;
}

p.rules img {
	vertical-align: middle;
}

p.rules a {
	vertical-align: middle;
	clear: both;
}

#top {
	position: absolute;
	top: -20px;
}

.clear {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: transparent;
}

/* ###################### NEW STYLE ############################## */
/* CONTENT.CSS
Content Styles
 */
li.forums{
	background: #FFFFFF;
}
 
ul.topiclist {
	display: block;
	list-style-type: none;
	margin: 0;
}

ul.topiclist2 {
	display: block;
	list-style-type: none;
	margin: 0;
}

ul.forums {
	background: #FFFFFF none repeat-x 0 0;
}

ul.topiclist li {
	display: block;
	list-style-type: none;
	color: #777777;
	margin: 40;
}

ul.topiclist dl {
	position: relative;
}

ul.topiclist li.row dl {
	padding: 2px 0;
}

ul.topiclist2 dl {
	position: relative;
}

ul.topiclist2 li.row dl {
	padding: 2px 0;
}

/*column sizing*/
ul.topiclist dt {
	display: block;
	float: left;
	width: 98%;
	font-size: 1.1em;
	padding-left: 3px;
	padding-right: 3px;
}

ul.topiclist2 dt {
	display: block;
	float: left;
	width: 50%;
	font-size: 1.1em;
	padding-left: 3px;
	padding-right: 3px;
}

ul.topiclist dd {
	display: block;
	float: left;
	border-left: 1px solid #FFFFFF;
	padding: 4px 0;
}

ul.topiclist2 dd {
	display: block;
	float: left;
	border-left: 1px solid #FFFFFF;
	padding: 4px 0;
}

ul.topiclist li.row dt a.subforum {
	background-image: none;
	background-position: 0 50%;
	background-repeat: no-repeat;
	position: relative;
	white-space: nowrap;
	padding: 0 0 0 12px;
}

ul.topiclist2 li.row dt a.subforum {
	background-image: none;
	background-position: 0 50%;
	background-repeat: no-repeat;
	position: relative;
	white-space: nowrap;
	padding: 0 0 0 12px;
}

li.row { /* This places a thin, border at the top and bottom of lists */
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

li.row strong {
	font-weight: 1.5em;
	color: #000000;
}

li.row:hover {
	background-color: #ffffff;
}

li.row:hover dd {
	border-left-color: #CCCCCC;
}

li.header dd {
	line-height: 1em;
	border-left-width: 0;
	margin: 2px 0 4px 0;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

li.header dt {
	line-height: 1em;
	border-left-width: 0;
	margin: 2px 0 4px 0;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

li.header dt {
	font-weight: bold;
}

li.header dd {
	margin-left: 1px;
}

li.header dl.icon {
	min-height: 0;
}

li.header dl.icon dt {
	/* Tweak for headers alignment when folder icon used */
	padding-left: 2px;
	padding-right: 2px;
}

/* Forum list column styles */
dl.icon {
	min-height: 35px;
	background-position: 10px 50%;		/* Position of folder icon */
	background-repeat: no-repeat;
}

dl.icon dt {
	padding-left: 7px;					/* Space for folder icon */
	background-repeat: no-repeat;
	background-position: 5px 95%;		/* Position of topic icon */
}

dd.views {
	width: 8%;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}

dd.topics {
	width: 8%;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}

dd.posts {
	width: 8%;
	text-align: center;
	line-height: 2.2em;
	font-size: 1.2em;
}

dd.redirect {
	font-size: 1.1em;
	line-height: 1.5em;
}

dd.redirect span{
	display: block;
	padding-left: 3px;
}

ul.topiclist2 dd.time span{
	display: block;
	padding-left: 3px;
}

ul.topiclist2 dd.searchby span{
	display: block;
	padding-left: 3px;
}

ul.topiclist dd.time span{
	display: block;
	padding-left: 3px;
}

ul.topiclist dd.info span{
	display: block;
	padding-left: 3px;
}

dd.extra {
	width: 12%;
	line-height: 200%;
	text-align: center;
	font-size: 1.1em;
}

dd.mark {
	float: right !important;
	width: 9%;
	text-align: center;
	line-height: 200%;
	font-size: 1.2em;
}

dd.info {
	width: 30%;
}

dd.option {
	width: 15%;
	line-height: 200%;
	text-align: center;
	font-size: 1.1em;
}


/* ###################### NEW STYLE ############################## */
/* TWEAKS.CSS
These style definitions are mainly IE specific 
tweaks required due to its poor CSS support.
-------------------------------------------------*/
* html input { font-size: 100%; }
* html select { font-size: 100%; }
* html table { font-size: 100%; }
* html hr { margin: 0; }
* html span.corners-bottom { background-image: url(../images/layout/corners_left.gif); }
* html span.corners-top { background-image: url(../images/layout/corners_left.gif); }
* html span.corners-bottom span { background-image: url(../images/layout/corners_right.gif); }

* html span.corners-top span { background-image: url(../images/layout/corners_right.gif); }

table.table1 {
	width: 99%;		/* IE < 6 browsers */
	/* Tantek hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;
}
html>body table.table1 { width: 100%; }	/* Reset 100% for opera */

* html ul.topiclist li { position: relative; }
* html ul.topiclist2 li { position: relative; }
* html .postbody h3 img { vertical-align: middle; }

/* Form styles */
html>body dd label input { vertical-align: text-bottom; }	/* Align checkboxes/radio buttons nicely */

* html input.button2 {
	padding-bottom: 0;
	margin-bottom: 1px;
}

* html input.button1 {
	padding-bottom: 0;
	margin-bottom: 1px;
}

/* Misc layout styles */
* html .column2 { width: 45%; }

* html .column1 { width: 45%; }

/* Nice method for clearing floated blocks without having to insert any extra markup (like spacer above)
   From http://www.positioniseverything.net/easyclearing.html 
#tabs:after, #minitabs:after, .post:after, .navbar:after, .navbarbottom:after,fieldset dl:after, ul.topiclist dl:after, ul.linklist:after, dl.polls:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}*/

dl.polls {
	height: 1%;
	overflow: hidden;
}

ul.topiclist2 dl {
	height: 1%;
	overflow: hidden;
}

ul.topiclist dl {
	height: 1%;
	overflow: hidden;
}

fieldset dl {
	height: 1%;
	overflow: hidden;
}

#minitabs {
	height: 1%;
	overflow: hidden;
}

#tabs {
	height: 1%;
	overflow: hidden;
}

.clearfix {
	height: 1%;
	overflow: hidden;
}

/* viewtopic fix */
* html .post {
	height: 25%;
	overflow: hidden;
}

/* navbar fix */
ul.linklist {
	height: 4%;
	overflow: hidden;
}

* html .navbarbottom {
	height: 4%;
	overflow: hidden;
}

* html .navbar {
	height: 4%;
	overflow: hidden;
}

* html .clearfix {
	height: 4%;
	overflow: hidden;
}

/* Simple fix so forum and topic lists always have a min-height set, even in IE6
	From http://www.dustindiaz.com/min-height-fast-hack */
dl.icon {
	min-height: 35px;
	height: auto !important;
	height: 35px;
}

* html #search-box {
	width: 25%;
}

/* Correctly clear floating for details on profile view */
*:first-child+html dl.details dd {
	margin-left: 30%;
	float: none;
}

* html dl.details dd {
	margin-left: 30%;
	float: none;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
	background-color: #0C197A;
	background-image: url(../images/headers/rotate.php);
	color: #FFFFFF;
}

.navbar {
	background-color: black;
	padding: 0 10px;
	margin-bottom: 4px;
	/*border: 1px dotted red;*/
}
.navbarbottom {
	background-color: #CFCFCF;
	padding: 0 10px;
	/*border: 1px dotted red;*/
}

.forabg {
	background-color: #CFDCE9;
	background-image: url(../images/layout/bg_list.gif);
}

.panel {
	background-color: #ECF1F3;
	color: #28313F;
}

.bg1{ background-color: #E2E4E5;}
/*.bg1	{ background-color: #C3D2DF;} */
.bg2 { background-color: #D3D3D3; }
/*.bg2	{ background-color: #B5BBCF;} */
.bg3{ background-color: #D2D8DD;}
/*.bg3	{ background-color: #CADCEB;}*/
.bg4 { background-color: #FFFFFF;}
.bg5 { background-color: #EFEFEF;}

span.corners-top {
	background-image: url(../images/layout/corners_left.png);
}

span.corners-top span {
	background-image: url(../images/layout/corners_right.png);
}

span.corners-bottom {
	background-image: url(../images/layout/corners_left.png);
}

span.corners-bottom span {
	background-image: url(../images/layout/corners_right.png);
}

/* Horizontal lists
----------------------------------------*/

ul.navlinks {
	border-bottom-color: #FFFFFF;
}

/*
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */
ul.topiclist2 li{
	display: block;
	list-style-type: none;
	background-color: #eFeFeF;
	color: #000000;
	text-align: center;
}

/*hover color for each row*/
li.row:hover {	
	background-color: #FFFFFF;
}