/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: #000000;
	scrollbar-face-color: #553300;
	scrollbar-highlight-color: #997700;
	scrollbar-shadow-color: #442200;
	scrollbar-3dlight-color: #BB9900;
	scrollbar-arrow-color:  #FFCC00;
	scrollbar-track-color: #331100;
	scrollbar-darkshadow-color: #664400;
}

/* General font families for common tags */
font,th,td,p { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
	color: #CC9900;
	font-size: 12px;

}
pre{ 
	color: #CC9900;
	font-size: 12px;
}
a:link,a:active,a:visited { 
	color : #FFCC00; 
	text-decoration: none; 
}
a:hover		{ 
	text-decoration: underline; 
	color : #FFCC00; 
}
hr	{ 
	height: 0px; 
	border: solid #DDBB00 0px; 
	border-top-width: 1px;
}



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

h3	{
	background-color: transparent; font-weight: bold; font-size: 17px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; line-height : 120%; color : #FFCC00;
}

h4	{
	background-color: transparent; font-weight: bold; font-size: 14px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none; color : #FFCC00;
}

li { list-style-type: square; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFCC; text-decoration: none; padding-bottom: 5px;}

/* Form elements */
textarea, select {
	xbackground-color: transparent;
	background-color: #000000;
	color : #FFFFCC;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : #FFFFCC;
}

input { text-indent : 2px; 
	background-color: transparent;
	color : #FFFFCC;
}


/* The buttons used for bbCode styling in message post */
input.button {
	background-color: transparent;
	color : #FFFFCC;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

p.header {
	font-weight: bold; font-size: 17px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color : #FFFFCC; margin-bottom:0; 
}
p.login {
	font-size: 10;
	color : #FFFFCC; margin-bottom:0; margin-top:8; margin-left:10;
}


table.messenger {
	
	border-collapse: collapse;
	width: 800px;
	margin-left: 0;
}



table.messenger2 {
	
	border-collapse: collapse;
	border: 1px solid #FFFFCC;
	background-color: #000000;
	width: 400;
	margin-left: 10;
}

td.messenger { 
	
	padding: 0px; 
	width: 400px;  
}	

td.messenger1{
	
	color: #FFCC00;
	text-align:left;
	width: 100;	
}

td.messenger2{
	
	color: #FFFFCC;
	text-align:left;	
	width: 400;	
}

td.messenger3{
	
	color: #FFFFCC;
	text-align:left;	
	width: 400;
	text-align: right;	
}

td.messenger4{
	
	color: #FFCC00;
	text-align:left;
	border: 1px dotted #FFCC00;
}

td.messenger5{
	
	color: #FFFFCC;
	text-align:left;
	border: 1px dotted #FFFFCC;
	padding: 1px;
}

textarea.messenger{
	
	background-color: #000000;
	color : #FFFFCC;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #FFCC00;
	width:400px; 
	height:50px;
}

input.messenger {
	
	background-color: 000000;
	color : #FFFFCC;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #FFCC00;
}

p.messenger {
	
	background-color: 000000;
	color : #FFFFCC;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #FFCC00;
	height: 15px;
	padding-left: 3px;
	width: 395px; 
}


span.good { color:green; }
span.neutral { color:lightblue; }
span.bad { color:red; }


	p.instructions { color: #ffffdd; width: 600px; margin-left: 10px; }
	form { color: #ffffdd; }
	p.warning { margin: 10px; }
	li { width: 600px; margin-bottom: 6px; }
	h4 { margin-left: 10px; margin-bottom: 0px; }
	form { margin-left: 10px; }
	textarea.note { width: 500px; height: 200px; border: 1px solid #666666; }
	p.note { margin-left: 0px; width: 501px; background-color: #333333; padding: 2px; border: 1px solid #666666; }
	table.chars { margin-left: 10px; border-collapse: collapse; }
	td.chars { padding: 1px; padding-right: 20px; border-bottom: 1px dotted #663300; color: #ffffdd; }