BODY {
   font: 12px Arial; color: #ffffff; background-color: #090021;
}

H1 {
   font: 26px Arial;
}

.altbg {
   background-color: #22183D;
}

.altbg_light {
   background-color: #42385D;
}

.border_table {
   border: 1px solid #52486D;
}

#menu
{
	color: #fff;
	font: 12px Arial;
	font-weight: bold;
	padding-left: 7px;
	padding-right: 7px;

}
#submenu
{
	border-bottom: 1px solid #42385D;
	border-left: 1px solid #42385D;
	border-right: 1px solid #42385D;
	background-color: #21183C;
	font: 11px Arial;
	font-weight: normal;
	padding-left: 12px;
	padding-bottom: 2px;
}


A.menu:link    {font: 13px Arial; color: rgb(220,220,255); text-decoration: none;}
A.menu:active  {font: 13px Arial; color: rgb(255,255,255); text-decoration: none;}
A.menu:visited {font: 13px Arial; color: rgb(220,220,255); text-decoration: none;}
A.menu:Hover   {font: 13px Arial; color: rgb(255,255,255); text-decoration: none;}

A:link {color: rgb(220,220,255); text-decoration: none;}
A:active {color: rgb(255,255,255); text-decoration: none;}
A:visited {color: rgb(220,220,255); text-decoration: none;}
A:Hover {color: rgb(255,255,255); text-decoration: none;}

A.infobar:link {color: rgb(200,200,200); text-decoration: underline;}
A.infobar:active {color: rgb(200,200,200); text-decoration: underline;}
A.infobar:visited {color: rgb(200,200,200); text-decoration: underline;}
A.infobar:Hover {color: rgb(255,100,100); text-decoration: underline;}


.small {
   font: 10px Arial;
}

.commentary {
  font: 13px Verdana; color: #DCDCFF;
}










	/* used in the drop down lists on the editor window */
	.dropDown
	{ 
		/*border: 1px solid #DDDDDD; */
		margin: 2; 
		padding: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		margin-left: 4px;
	}

  	/* Colour for the status bar in the editor window. (where it says MODE...)  */
  
  	.editor_status_bg
  	{	
		background-color: #CCCCCC;
  	}
  
/*  basic button formatting  */	
	.butClass
  	{    
    	border: 1px solid #DDDDDD;
  	}
  
  	
  	/*  spacing for the TD rows in the editor  */	
	.tdClass
  	{
    	padding-left: 3px;
    	padding-top:3px;
  	}
	
	.button     { border: 1px solid #DDDDDD; margin: 2; padding: 0; }

	.buttonOn 	{ border: 1px outset; }

	.buttonDown { border: 1px inset; background-color: buttonhighlight; }

	.buttonNa   { border: 1px solid buttonface; filter: alpha(opacity=25); }
	
	.toolbar	{ background-color: #DDDDDD; height: 30; align: left; border-bottom: 1px solid #BBBBBB; }
	
	/* html_path is the path at the bottom of the editor */
	.html_path 	{ font-size: 10px; }
	
	#tr_iView_menu,
	#tr_drop_color_menu,
	#tr_dropMenu {
	position:		absolute;
	display:		none;
	z-index:		101;
	border-left:	1px #CCCCCC solid;
	border-top:		1px #CCCCCC solid;
	border-right: 	2px outset;
	border-bottom:	2px outset;
	padding:		0px;
	
}

.contextMenuStyle
{
	position:		absolute;
	z-index:		101;
	border-left:	1px #CCCCCC solid;
	border-top:		1px #CCCCCC solid;
	border-right: 	2px outset;
	border-bottom:	2px outset;
	padding:		0px;
}
	/* DialogueBox is used for the popups that are called in the editor */
	.dialogueBox	{	background-color:#EEEEEE; margin-left: 0px; margin-top: 2px; margin-right: 0px; margin-bottom: 0px; }
	.dialogueBox_header {font-size: 13pt}
	.dialogueButton {	font-size: 9px;	}
	.dialoguePreview { 	background-color:#DDDDDD;
						border-bottom:buttonhighlight solid 1px;
						border-left:buttonshadow solid 1px;
						border-right:buttonhighlight solid 1px;
						border-top:buttonshadow solid 1px;
	} 
	
	.editor_surround { border: 1px solid #666666; }
	
	/*	EDITOR STYLES */
	.littleOrange	{ 	font-size: 8pt; color:#CC9900 }
	.bigBlue 		{ 	font-size: 14pt; font-weight: bold; color:#0066CC; }
	.redUnderline	{	font-soze: 12pt; text-decoration: underline; color:#FF0000; }
	/* END EDITOR STYLES */
	
	
	
	/* CONTEXT MENU (right click) STYLES COLOURS */
	.menu_main		{ width:130px; border:0; border-collapse: collapse; }
	.menu_col_one 	{ width: 15px; background-color:#C1C1C1; padding:2px; cursor: hand;}
	.menu_col_two 	{ padding:3px; font-family:verdana,arial,sans-serif; font-size:11px; cursor: hand;}
	.menu_arrow   	{ padding:2px;}
	.menu_over		{ border:#7171FF 1px solid; background-color:#C6C6FF; }