*{ margin:0; padding:0; }

#loginStatus{text-align:right; padding-right:10px; color:#FFFFFF; line-height:10px; }
#loginStatus a{text-decoration:none; color:white; }

ul#menubar {
	margin:0px;
	padding:0px;
	position:absolute;  /*makes dropdown sit on top of flash & map*/
	z-index:10; /*makes dropdown sit on top of flash & map*/
}
ul#menubar li {
	float:left; /*makes the text sit beside each other not down the page*/
	list-style:none;
	display:inline;
	padding:0px;
	margin:0 15px;
	text-align:center;
}
ul#menubar a {
	width:98px;
	height:24px; /*height 27 minus padding*/
	display:inline;
	color:#004DA5; /*menu color normal*/
	padding:0px 0px 0px 0px; /*space around and inbetween the buttons, top, right, bottom, left*/
	text-decoration:none; /*no underline*/
}
ul#menubar li.hover a, ul#menubar li:hover a, ul#menubar a.active, ul#menubar a:hover, ul#menubar .current {
	background-image:url(images/nav-bg.png); /*the background image behind each button*/
	background-position:left top;
	background-repeat:no-repeat;
}

ul#menubar li.hover, ul#menubar li:hover {
	position:relative;
}
ul#menubar li.hover ul.dropdown ul.ldropdown, ul#menubar li:hover ul.dropdown, ul#menubar li:hover ul.popup, ul#menubar li:hover ul.ldropdown {
	display:block;
}
ul#menubar li.hover ul.dropdown ul.ldropdown ul.popup ul.third-level, ul#menubar li:hover ul.dropdown ul.ldropdown ul.popup ul.third-level {
	display:none;
}
ul#menubar ul.dropdown {
	position:absolute;
	z-index:11;
	top:20px; /*how far away from the top menu*/
	left:0;
	margin:0;
	padding:5px;
	width:153px;/*163px minus padding*/
	display:none;
	background:url(images/menubg.png) no-repeat top left;
	border-bottom:1px solid #012c3c;
}

ul#menubar ul.dropdown li {
	width:153px;
	margin:0;
	text-align:left;
}
ul#menubar ul.dropdown a {
	display:block;
	float:none;
	width:130px;
	border:none;
	padding:0 10px;
	background:none;
	font:12px/24px Arial, Helvetica, sans-serif;
	color:#004DA5;
	text-align:left;
}
ul#menubar ul.dropdown li.hover a, ul#navigation ul.dropdown li:hover a, ul#navigation ul.dropdown a:hover {
	color:#FFFFFF;
	background-color:#64a6c5;
	background-image:none;
	text-decoration:underline;
}

ul#menubar ul.popup {
	position:absolute;
	z-index:11;
	top:20px; /*how far away from the top menu*/
	left:0;
	margin:0;
	padding:5px;
	width:153px;/*163px minus padding*/
	display:none;
	background:url(images/menubg.png) no-repeat top left;
	border-bottom:1px solid #012c3c;
}

ul#menubar ul.popup li {
	width:153px;
	margin:0;
	text-align:left;
}
ul#menubar ul.popup a {
	display:block;
	float:none;
	width:130px;
	border:none;
	padding:0 10px;
	background:none;
	font:12px/24px Arial, Helvetica, sans-serif;
	color:#004DA5;
	text-align:left;
}

ul#menubar ul.dropdown a:hover
{
	color:white;
	background-color:#7f7fFF;
}

ul#menubar ul.popup li.hover a, ul#navigation ul.popup li:hover a, ul#navigation ul.popup a:hover {
	color:#FFFFFF;
	background-color:#64a6c5;
	background-image:none;
}

ul#menubar ul.ldropdown {
	position:absolute;
	z-index:11;
	top:20px; /*how far away from the top menu*/
	left:-50px;
	margin:0;
	padding:5px;
	width:153px;/*163px minus padding*/
	display:none;
	background:url(images/menubg.png) no-repeat top left;
	border-bottom:1px solid #012c3c;
}

ul#menubar ul.ldropdown li {
	width:153px;
	margin:0;
	text-align:left;
}

ul#menubar ul.ldropdown a {
	display:block;
	float:none;
	width:130px;
	border:none;
	padding:0 10px;
	background:none;
	font:12px/24px Arial, Helvetica, sans-serif;
	color:#004DA5;
	text-align:left;
}

ul#menubar ul.ldropdown a:hover
{
	color:white;
	background-color:#7f7fFF;
}

ul#menubar ul.ldropdown li.hover a, ul#navigation ul.ldropdown li:hover a, ul#navigation ul.ldropdown a:hover {
	color:#FFFFFF;
	background-color:#64a6c5;
	background-image:none;
}

ul.popup
{
	position:absolute;
	z-index:11;
	top:0px; /*how far away from the top menu*/
	left:0;
	margin:0;
	padding:5px;
	width:153px;/*163px minus padding*/
	display:block; 
	background:url(images/menubg.png) no-repeat top left;
	border-bottom:1px solid #012c3c;
}
ul.popup li {
	width:153px;
	margin:0;
	text-align:left;
	list-style:none;
}
ul.popup a {
	display:block;
	float:none;
	width:130px;
	border:none;
	padding:0 10px;
	background:none;
	font:12px/24px Arial, Helvetica, sans-serif;
	color:#004DA5;
	text-align:left;
	text-decoration:none;
}

ul.popup a:hover
{
	color:white;
	background-color:#7f7fFF;
}

#constrain{width:800px; margin:0 auto;}
#splitview{width:800px;}
#leftSide{width:500px; float:left;}
#rightSide{width:300px; float:right;}
#statColumn{width:300px; float:left;}

/* General text */
.gen { font-size : 12pt; }
.genmed { font-size : 11pt; }
.gensmall { font-size : 10pt; }

.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #0000FF; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #0000FF; text-decoration: underline; }
h1.gen { font-size : 14pt; }
h1.genmed { font-size : 14pt; }

/*---- Forum styles ----*/

.errorbox	{ background-color: red; border: 0px #FFCCCC solid; color:#FF0000; }
td.errorrow1	{ background-color: #FFF8F8; color:#FF0000; }
td.errorBody {background-color: #FFF8F8; color:#FF0000;}

/* This is the outline round the main forum tables */
.forumline	{ background-color: #CCCCFF; border: 0px #CCCCFF solid;}
.datapane	{ background-color: #F7F8FF; border: 1px #000000 solid; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #F7F8FF; }
td.row2	{ background-color: #E8EBFF; }
td.row3	{ background-color: #F7F8FF; }
td.catrow { background-color: #F7F8FF; border: 1px #000000 solid; }

td.rowpic {
		background-color: #FFFFFF;
		background-image: url(http://community.madwolfsw.com/templates/blue/images/grp_tab.png);
		background-repeat: repeat-y;
}

/* Header cells */
th	{
	color: #000000; font-size: 12px; font-weight : bold;
	background-color: #FFFFFF; height: 25px;
	background-image: url(http://community.madwolfsw.com/templates/blue/images/tblhdr.png);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom 
{
			background-image: url(http://community.madwolfsw.com/templates/blue/images/tblhdr.png);
			background-color:#F7F8FF; border: #000000; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: #CCCCFF; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
	background-color: #F7F8FF; border: #000000; border-style: solid;
}

th.thHead,td.catHead { font-size: 14px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* Map balloons */
.balloon { font-size : 12px; color : #000000; }
a.balloon:link { text-decoration: none; color : #0000FF;  }
a.balloon:visited { text-decoration: none; color : #0000FF;  }
a.balloon:hover { text-decoration: underline; color : #0000FF; }

/* The user info/stats box on top of index page */
.infostat		{ font-size : 12px; color : #000000; }
a.infostat		{ text-decoration: underline; color : #0000FF; }
a.infostat:visited { text-decoration: underline; color : #0000FF; }
a.infostat:hover{ text-decoration: underline; color : #0000FF; }

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 14px ; letter-spacing: 1px; color : #000000}
a.cattitle		{ text-decoration: none; color : #000000; }
a.cattitle:hover{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php, directory.php */
.forumlink		{ font-weight: bold; font-size: 14px; color : #0000FF; }
a.forumlink 	{ text-decoration: none; color : #0000FF; }
a.forumlink:hover{ text-decoration: underline; color : #0000FF; }

/* IP title: Text and link to the forums used in: directory.php */
.iplink		{ font-weight: bold; font-size: 12px; color : #000000; }
a.iplink 	{ text-decoration: none; color : #0000FF; }
a.iplink:hover{ text-decoration: underline; color : #0000FF; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 12px; color : #000000;}
a.nav			{ text-decoration: none; color : #0000FF; }
a.nav:hover		{ text-decoration: underline; color : #0000FF }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: 12px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #0000FF; }
a.topictitle:visited { text-decoration: none; color : #DDDDDD; }
a.topictitle:hover	{ text-decoration: underline; color : #0000FF; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 12px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 12px; color : #000000; }

/* The content of the posts (body of text) */
.postbody { font-size : 14px; line-height: 18px}
a.postlink:link	{ text-decoration: none; color : #0000FF }
a.postlink:visited { text-decoration: none; color : #DDDDDD; }
a.postlink:hover { text-decoration: underline; color : #0000FF}

/* Quote & Code blocks */
.code {
	font-family: Arial, Helvetica; font-size: 12px; color: #666666;
	background-color: #F7F8FF; border: #F7F8FF; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Arial, Helvetica; font-size: 12px; color: #444444; line-height: 125%;
	background-color: #F7F8FF; border: #F7F8FF; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 12px Arial, Helvetica;
	border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #F7F8FF;
	color : #000000;
	font-size: 12px; font-family: Arial, Helvetica;
}

/* The main submit button option */
input.mainoption {
	background-color : #F7F8FF;
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : #F7F8FF;
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #F7F8FF; border-style: none; }