/*****************************/
	/* TextArea Rich Style Sheet */
	/*****************************/
	
	/* NOTE: to change the colours of the mouse over for the editor buttons, you must
	   go to Profunctions.js and edit the MOUSE OVER / MOUSE OUT class styles         */

	/* Do some basic formatting  */
	
	body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		size:1;
		font-size: 8pt;
	}
	
	.h1 {
		font-size: 15pt;
		color: red;
	}

	td {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
	}

	th {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
	}

	A:hover { 
		color: red; 
		font-size: 8pt; 
		font-weight: normal; 
		text-decoration: none;
	} 


	/* Format text fields to have verdana font  */
	
	.textbox {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		margin-left: 4px;
	}
	
	/* 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; }