/* 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;
}

table.db{
	background-color: #666666;
	width: 1000;
}
table.db2{
	background-color: #666666;
	width: 400;
}
table.db3{
	background-color: #666666;
	width: 800;
}
tr.db_a{
	background-color: #333333;
}

tr.db_b{
	background-color: #000000;
}
th.db{
	background-color: #666666;
	color: #000000;
	text-align:left;
	
}
th.db2{
	background-color: #999999;
	color: #000000;
	text-align:left;
	
}
td.cattitle{
	color : #DDBB00; 
}

td.genmed{
	color : #FFFFDD; 
}

p.genmed{
	color : #FFFFDD; 
}

p.jobs{
	color : #FFFFFF; 
	font-size: 11;
}

p.additions{
	margin-top: 0;
	margin-bottom: 8;
	font-size: 10;
	color : #FFFFDD;
}





/* 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;
}

h3.spell { margin-bottom: 0; margin-top: 30px;}

p.spell { color : #FFCC00; margin:3px; margin-top: 12px;   width: 600px; }

p.description { color : #FFFFDD; margin:3px;  margin-top: 3px;  width: 600px;}

p.warning { color : #FF0000; margin:3px;  margin-top: 6px;  width: 600px;  font-style: italic; }

p.list { color : #FFFFDD; margin:3px; margin-left: 15px; width: 585px; }

p.list2 {  color : #FFFFDD; margin:3px; margin-left: 30px; width: 570px;  font-style: italic; }

span.ikon_gatherer { font-weight: bold; background-color: #663300; color: white; border-right: 1px solid black; padding-left: 1px; padding-right: 2px;}
span.ikon_converter { font-weight: bold; background-color: grey; color: white; border-right: 1px solid black; padding-left: 1px; padding-right: 2px; }
span.ikon_farmer { font-weight: bold; background-color: green; color: white; border-right: 1px solid black; padding-left: 1px; padding-right: 2px; }
span.ikon_hunter { font-weight: bold; background-color: brown; color: white; border-right: 1px solid black; padding-left: 1px; padding-right: 2px; }
span.ikon_academic { font-weight: bold; background-color: blue; color: white; border-right: 1px solid black; padding-left: 1px; padding-right: 2px; }
span.ikon_service { font-weight: bold; background-color: purple; color: white; border-right: 1px solid black; padding-left: 1px; padding-right: 2px; }
span.ikon_trader { font-weight: bold; background-color: orange; color: white; border-right: 1px solid black; padding-left: 1px; padding-right: 2px; }
span.ikon_unique { font-weight: bold; background-color: olive; color: white; border-right: 1px solid black; padding-left: 1px; padding-right: 2px; }

p.j_description { color: #FFFFCC; width: 500px; } 
img.j_image { border: 1px solid #FFFFCC; margin-left: 6px; }

p.rule_heading1 {
	font-weight: bold; 
	font-size: 14px; 
	font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC00; 
	margin-top: 12px; 
	margin-bottom:0; 
	width: 400; 
	border: 1px solid #FFCC00;
	padding-left: 4px; 
	padding-right: 4px; 
	background-color: #000000;
}

p.rule_content {
	font-size: 12;
	color: #FFFFCC; 
	margin-bottom:0; 
	margin-top:0; 
	width: 400;  
	border: 1px solid #FFCC00;
	border-top: 0px solid #FFCC00;
	padding: 4px; 
	background-color: #000000;
}

span.rule_heading2 {
	font-weight: bold; 
	font-size: 12px; 
	color: #FFCC00; 
	margin-top: 6px;
}

span.rule_url {
	color: #FFFFCC; 
	margin-top: 6px; 
	margin-left: 15px; 
}

span.rule_updated {
	font-size: 9;
	color: #CC9900; 
	font-style: italic;
}

span.rule_down {  
	border-right: 1px solid #FFCC00;
	padding-right: 3px;
	margin-right: 3px;
}

span.rule_up {  
	border-right: 1px solid #FFCC00;
	padding-left: 2px;
	padding-right: 5px;
	margin-right: 3px;
}