/* 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.db1{
	background-color: #666666;
	width: 800;
	border: 1pt solid #CC9900;
border-collapse: collapse;
}
table.db2{
	background-color: #666666;
	width: 400;
}
table.db3{
	background-color: #666666;
	width: 800;
}
table.db3{
	background-color: #666666;
	width: 600;
}
tr.db_a{
	background-color: #333333;
}

tr.db_b{
	background-color: #000000;
}

th   {

	text-align:left;
}

th.db{
	background-color: #666666;
	color: #000000;
	text-align:left;
	
}
th.db2{
	background-color: #999999;
	color: #000000;
	text-align:left;
	
}
td.db_a{
	border-top: 1pt solid #CC9900;
}

td.hourbar {
	vertical-align:bottom; width: 15; text-align:center;
}
td.hourbar_0 {	text-align:center; background-color: blue;}
td.hourbar_1 {	text-align:center; background-color: blue;}
td.hourbar_2 {	text-align:center; background-color: blue;}
td.hourbar_3 {	text-align:center; background-color: black;}
td.hourbar_4 {	text-align:center; background-color: yellow;}
td.hourbar_5 {	text-align:center; background-color: yellow;}
td.hourbar_6 {	text-align:center; background-color: yellow;}
td.hourbar_7 {	text-align:center; background-color: yellow;}
td.hourbar_8 {	text-align:center; background-color: yellow;}
td.hourbar_9 {	text-align:center; background-color: yellow;}
td.hourbar_10 {	text-align:center; background-color: black;}
td.hourbar_11 {	text-align:center; background-color: black;}
td.hourbar_12 {	text-align:center; background-color: green;}
td.hourbar_13 {	text-align:center; background-color: green;}
td.hourbar_14 {	text-align:center; background-color: green;}
td.hourbar_15 {	text-align:center; background-color: green;}
td.hourbar_16 {	text-align:center; background-color: green;}
td.hourbar_17 {	text-align:center; background-color: green;}
td.hourbar_18 {	text-align:center; background-color: red;}
td.hourbar_19 {	text-align:center; background-color: red;}
td.hourbar_20 {	text-align:center; background-color: red;}
td.hourbar_21 {	text-align:center; background-color: purple;}
td.hourbar_22 {	text-align:center; background-color: purple;}
td.hourbar_23 {	text-align:center; background-color: purple;}


td.month_1 {	text-align:center; background-color: #000033;	text-align:center; font-size:5pt;}
td.month_2 {	text-align:center; background-color: #330000;	text-align:center; font-size:5pt;}
td.month_3 {	text-align:center; background-color: #000033;	text-align:center; font-size:5pt;}
td.month_4 {	text-align:center; background-color: #330000;	text-align:center; font-size:5pt;}
td.month_5 {	text-align:center; background-color: #000033;	text-align:center; font-size:5pt;}
td.month_6 {	text-align:center; background-color: #330000;	text-align:center; font-size:5pt;}
td.month_7 {	text-align:center; background-color: #000033;	text-align:center; font-size:5pt;}
td.month_8 {	text-align:center; background-color: #330000;	text-align:center; font-size:5pt;}
td.month_9 {	text-align:center; background-color: #000033;	text-align:center; font-size:5pt;}
td.month_10 {	text-align:center; background-color: #330000;	text-align:center; font-size:5pt;}
td.month_11 {	text-align:center; background-color: #000033;	text-align:center; font-size:5pt;}
td.month_12 {	text-align:center; background-color: #330000;	text-align:center; font-size:5pt;}


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

select.faction { width: 100; }

input.player_submit {width:200;}
input.message 		{width:400;}
textarea.message	{width:400; height:200;}


/* disco's signature hack */
img.signature
    {
        max-height:50;
        height: expression(this.height > 50 ? 50: true);
        max-width:500;
        width: expression(this.width > 500 ? 500: true);
    }

/* disco's signature hack */
img.avatar
    {
        max-height:100;
        height: expression(this.height > 100 ? 100: true);
        max-width:100;
        width: expression(this.width > 100 ? 100: true);
    }

table.LED {height:10; background-color:black;}
td.LED    {width:2; background-color: #555555;}
td.LED_0  {width:2; background-color: #009900;}
td.LED_1  {width:2; background-color: #00AA00;}
td.LED_2  {width:2; background-color: #00BB00;}
td.LED_3  {width:2; background-color: #00DD00;}
td.LED_4  {width:2; background-color: #00EE00;}
td.LED_5  {width:2; background-color: #00FF00;}
td.LED_6  {width:2; background-color: #99FF00;}
td.LED_7  {width:2; background-color: #CCFF00;}
td.LED_8  {width:2; background-color: #FFFF00;}
td.LED_9  {width:2; background-color: #FFBB00;}
td.LED_10 {width:2; background-color: #FF0000;}

span.warning_0 {color: red; }
span.warning_1 {color: orange; }
span.warning_2 {color: yellow; }

table.layout	{ border-collapse: collapse; width: 100%; height:100%; margin:0px;  }
table.panel  	{ border-collapse: collapse; width: 216px; }
table.donations	{ border-collapse: collapse; width: 350px; }
td.donations    { font-size: 10px; font-color: #ffcc00; margin-left: 15px; }

td.layout_tl    { 

		vertical-align:top; 
		text-align:center; 
		height: 65px; 
		width: 216px; 
		border-bottom: 1px solid #664400;
		/*background-image:url('images/bottom.gif');
		background-repeat: repeat-x;
		background-position: bottom;*/
		padding-bottom: 3px;
}

td.layout_tm    { 

		height: 65px; 
		vertical-align:bottom; 
		text-align:center; 
		border-bottom: 1px solid #664400; 
}

td.layout_tr { 

		height: 65px;
		vertical-align:bottom; 
		text-align:right; 
		border-bottom: 1px solid #664400; 
  		background-attachment: fixed;
  		background-position: top right;
  		background-repeat: no-repeat; 
}

td.layout_ml { 

		vertical-align:top; 
		width: 216px; 
		padding:0px; 
		border-right: 1px solid #664400; 
		background-image: url("../back_panel.jpg");
  		background-attachment: fixed;
  		background-position: bottom left;
  		background-repeat: no-repeat; 
 }
  		
td.layout_mr    { 

		vertical-align:top; 
		padding: 15px; 
		/*background-image:url('images/left.gif');
		background-repeat: repeat-y;
		background-position: left;*/
}


td.banner 		{ text-align: center; padding-top:6; }
td.menu 		{ vertical-align:top; width: 100%; marging:0px; border-bottom: 1px solid #664400; }
td.counter 		{ text-align: center; height: 30;}
td.content              { padding: 0px; margin: 0px; }
p.counter 		{ color:#FFFFCC; font-size: 14px; font-weight:bold; margin-bottom: 0px; }
p.counter2 		{ color:#FFFFCC; font-size: 12px; font-style: italic; margin-bottom: 0px; }
p.reset 		{ color:#ffcc00; font-size: 10px; margin:0;}
p.reset2 		{ color:#ffcc00; font-size: 10px; margin:0; font-style: italic;}
p.nav_sub 		{ font-size: 10px; margin: 2; margin-left: 20; color:#ffcc00; }
p.nav_main		{ color:#FFFFCC; font-size: 10px; font-weight:bold; margin: 2; margin-left: 10; margin-top: 6; }
p.warning       { color: lightgreen; font-weight: bold; margin: 3px; text-decoration: blink;}