/* Originaly written for SubSilver http://www.subBlue.com */


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: #ffffff;
	margin: 0px;

}

SPAN.alex
{
	font-family: verdana, arial, helvetica;
	font-size: 22px;
	color: #ff0000;
	font-style: italic;
	font-weight: bold;
}

SPAN.vmug2
{
	font-family:verdana, arial, helvetica;
	font-size: 18px;
	color: #0088dd;
	font-style: normal;
	font-weight: bold;
}

/* General font families for common tags */
font,th,td,p 
{ font-family: arial, verdana, helvetica, geneva, sans-serif; font-size: 11px;}

a:link,a:active,a:visited 
{ color : #0066bb; text-decoration: none; border-width: 0px;}

a:hover		
{ text-decoration: underline; color : #0099dd; border-width: 0px;}

hr	{ height: 0px; border: solid #999999 0px; border-top-width: 0px;}

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; border: 0px #ffffff solid; padding: 15px;
border-width: 0px 0px 1px 0px}

/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 0px #ffffff solid;}
.previewbox  { background-color: #FFFFFF; border: 3px #999999 solid;}


/* Main table cell colours and backgrounds */
td.row1	{ background-color: #eeeeee; }
td.row2	{ background-color: #eeeeee; }
td.row3	{ background-color: #eeeeee; }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #ff0000;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	font-size: 12px; font-weight : bold;
	background-color: #3399dd; height: 22px;	
	font-weight: bold; color : #ffffff;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-color:#d1d7dc; border: #FFFFFF; height: 28px;
}

/*
Page header
*/
td.header {
			background-color:#ffffff; border-width: 0px; height: 69px;			
}

td.catHead_header {
			background-color:#d8d8d8; border: #FFFFFF; height: 25px;
}


.maintitle_header	{
	font-weight: bold; font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none; color : #111111;
}

.gen_header { font-size : 12px; color : #ff0000;}

.space_header { font-size : 12px; color : ffffff;}

/* Buttons */
td.none {
			background-image: url(images/icon_none.gif);
			width: 55px;
}

/* Index */
td.index_nav {	
	font-weight: bold; height: 28px; color: #ff0000;
	font-size: 11px; font-weight : bold;
	background-color: #ff0000; height: 25px;	
}

.cattitle_w		{ font-weight: bold; font-size: 12px ; color : #0066bb}
a.cattitle_w		{ text-decoration: none; color : #0066bb; }
a.cattitle_w:hover{ text-decoration: underline; }

td.nav_locate {	
	height: 18px;
	background-image: url(images/nav_bckg.jpg);	
}
/* Viewforum  */
.speration_nav	{ font-size: 10px ; color : #999999; font-weight: bold;}
.desc_auth	{ background-color: #ECEDF0; border: 1px #B2B2B2 solid;}
.desc_authb	{ background-color: #DDDEE3; border: 1px #B2B2B2 solid;}

.user_infos {
float:left; 
border-right: 1px solid #B2B2B2;
border-bottom: 1px solid #B2B2B2;
margin: 0px 8px 0px 0px;
padding: 0px 3px 2px 0px;
width: 150px;
}
.user_buttons {
width: 100%;
background-image: url(images/icon_backg.gif);
}

/* PM */
.desc_l_pm	{ 
background-color: #ECEDF0; border: #B2B2B2 solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px
}
.desc_r_pm	{ 
background-color: #ECEDF0; border: #B2B2B2 solid;
border-left-width: 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/*
  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; height: 28px; }
td.row3Right,td.spaceRow {
	background-color: #D8D8DE; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; 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: 0px 0px 0px 0px; }
th.thCornerL { border-width: 0px 0px 0px 0px; }
th.thCornerR { border-width: 0px 0px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 16px; font-family: Arial, Verdana,  Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #111111;
}


/* General text */
.gen { font-size : 13px; }
.genmed { font-size : 12px; }
.gensmall { font-family:arial, helvetica, verdana;
font-size : 11px; 
color: #333333;}
.gen,.genmed { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #0066bb; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #0066bb; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #000000; font-weight: bold; }
a.mainmenu, a.mainmenu:link, a.mainmenu:visited { text-decoration: none; color :  #0066bb;  }
a.mainmenu:hover{ text-decoration: none; color : #0099dd; }

/* The menu at the top of the page */
.menu		{ font-size : 11px; color : #000000; font-weight: bold; }
a.menu, a.menu:link, a.menu:visited { text-decoration: none; color :  #000000;  }
a.menu:hover{ text-decoration: none; color : #0099dd; }

/* index path */
.indexpath		{ font-weight: bold; font-size: 11px; color : #ee0000}
a.indexpath		{ text-decoration: none; color : #0099dd; }
a.indexpath:hover{ text-decoration: underline; }


/* white titles links */
.white		{ font-weight: bold; font-size: 13px; color : #ffffff}
a.white		{ text-decoration: none; color : #ffffff; }
a.white:hover{ text-decoration: underline; }


/* Forum category titles */
.cattitle		{ font-family: arial, helvetica, verdana; font-weight: bold; font-size: 14px; color : #000000}
a.cattitle		{ text-decoration: none; color : #0066bb; }
a.cattitle:hover{ text-decoration: underline; color: #0099dd}


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #0066bb; }
a.forumlink 	{ text-decoration: none; color : #0055be; }
a.forumlink:hover{ text-decoration: underline; color : #0099dd; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #000000;}
.location { font-weight: bold; font-size: 11px; color : #0066bb;}
a.nav			{ text-decoration: none; color : #0066bb; }
a.nav:hover		{ text-decoration: 00cc33; }


/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 12px; color : #0066bb; }
a.topictitle:link   { text-decoration: none; color : #0066bb; }
a.topictitle:visited { text-decoration: none; color : #0066bb; }
a.topictitle:hover	{ text-decoration: underline; color : #0099dd; }


/* 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 : 11px; color : #000000; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link	{ text-decoration: none; color : #0033cc }
a.postlink:visited { text-decoration: none; color : #0044dd; }
a.postlink:hover { text-decoration: underline; color : #0099dd}

/* The content of the edit message */
.edited { font-size : 11px; color : #445566 }
a.edited:link	{ text-decoration: none; color : #445566 }
a.edited:visited { text-decoration: none; color : #445566; }
a.edited:hover { text-decoration: underline; color : #445566}

/* Quote & Code blocks */
.code {
	font-family: Courier, 'Verdana', Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; color: #3F6194;
	background-color: #F2F3F4; border: #A0AEC2; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quoteauth {
	font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #000000; font-style: normal;
}

.quote {
	font-family: lucida grande, Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #445566; line-height: 110%; font-style: italic;
	background-color: #eeeeee; border: #ccdddd; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright		{ color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}


/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	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 : #EFEFEF;
	color : #000000;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

/* None-bold submit button */
input.liteoption {
	background-color : #FAFAFA;
	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: #ECEDF0; border-style: none;  }


input, textarea, select {
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px;  
}

/* For firefox, CSS 2 Browsers */
input[type^="image"] {border-width:0px;}

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");