/* *****************************************************************
   Example Default CSS Style Sheet for Article Body text.
   
   This style sheet should be a cut down version of the main website
   style sheet, including just those styles useful to a CONTROLSITE
   user.
   
   Class definitions should all take one of the following formats :
   
 	 	 .ClassName { ... style definition... }
		 ClassName { ... style definition... }

	Both the Flash and the ActiveX editor only expect the one name 
	preceding any class definition.	

   FOR THE FLASH EDITOR
   ------------------------------------
   
   Supports these options:
		font-family
		font-size (pt or %)
		color (#XXXXXX or the 16 basic colour names)
		font-weight: bold
		text-align (left, right, center)
		font-style: italic

	Additional parameters that should be provided in 
	slash/star comments, prefixed with $

	pageColour	- sets the editor background colour.
	name		- sets a 'friendly name' which the editor
	              uses in it's dialogue boxes for the 
				  following  class definition. PLEASE keep this 
				  name as short as possible, especially if
				  running CONTROLSITE using a low
				  screen resolution - long names may push
				  any tool bar buttons located after the editor's
				  style drop-down list out of reach. Some of
				  the names present within this sample style
				  sheet may be inappropriate in your setup
				  for this reason.

	default     - used preceeding name to set that style
	              to be the default for any new paras/tables
				  /cells.

	TABLE STYLES: 
	
	There are two types of styles used to
	specifically control the appearance of tables. 
	
	tableBorder - sets the table's border colour
	tableCell   - sets a cell's colour

	The Flash Editor identifies these by checking if the first 
	part of a given style name starts with these words. So an
	actual example of this type of definition might look like 
	this:

	.tableBorderGrey{ background-color: #808080; }

	NOTE that to ensure any text appears correctly inside
	tables when you are using PERCENTAGE font sizes on your
	site, you should specify   font-size: 100%;  for each
	tableCell definition. Here is an example of this:

	.tableBorderGrey{ background-color: #808080; font-size: 100%;}

	EXAMPLES of all the above appear in this sample stylesheet.
	

	NOTE ON SPECIAL FLASH STYLE DEFINITIONS
	--------------------------------------------------------------------
	
	LI { ...style definition... }
		- this is required as part of the implementation for bulleted lists
		within the Flash Editor.
		
	TH { ...style definition... }
		- this is required to get table headers to function correctly within
		the Flash Editor.
		
	NOTE that neither of the above are required by the FCK ActiveX editor
	and should ideally NOT be included if the Flash Editor is never
	being used. If both editors are being used, the presence of these styles
	will result in lists and table headings appearing pre-styled within the
	ActiveX editor. Applying styles in the normal manner should override
	this behaviour.
	

	FOR THE FCK ACTIVEX EDITOR 
	----------------------------------------------
	
	Additional parameters that should be provided in 
	slash/star comments, prefixed with $

	name='Class Name' 
		- sets a 'friendly name' which the editor
	      uses in it's dialogue boxes for the next
		  class definition it comes to.

	default
		 - not currently supported for the FCK ActiveX editor.
		 - ignored if present.
		 - new tags will be created without any class attribute
		 by default.
		 
	pageColour	
		- not supported for the FCK ActiveX editor.		 

	TABLE STYLES: 
	
	FCK ActiveX table styles must occur after any Flash Editor styles.
	
	This stylesheet must also define any table styles that are to be made a
	vailable within the FCK ActiveX editor via the Table Autoformat facility. 
	Insert the following parameters in a slash/star comment	to declare a table style :

	style='Style 1' value='ts1' 
		- style is the user-friendly style name that will be used within
		the editor's dialogues.
		- value specifies the identifier that is used as the prefix for
		the individual class definitions making up the table style.
		
	The following class definitions should be provided for each table style 
	that is declared using the above parameters - a value of ts1 has been 
	assumed and hence has been used as the prefix for each of the class 
	definitions to show how the two tie up.  :
	
	.ts1general { ...style definition... }
	.ts1topleft { ...style definition... }
	.ts1topcenter { ...style definition... }
	.ts1topright { ...style definition... }
	.ts1middleleft { ...style definition... }
	.ts1middlecenter { ...style definition... }
	.ts1middleright { ...style definition... }
	.ts1bottomleft { ...style definition... }
	.ts1bottomcenter { ...style definition... }
	.ts1bottomright { ...style definition... }

    and optionally :
	
	.ts1odd { ...style definition... }
	.ts1even { ...style definition... }
		
	Note that a name parameter MUST be placed in front of each
	table class definition so that they appear within the editor's
	styles drop-down and, more importantly, so that modifying a
	cell's properties after it has been auto-formatted. does not
	lose the table style previously assigned to it.
	
	The 'general' class definition gets assigned to the table itself.
	
 ***************************************************************** */

/*Change this if your page backgound isn't white.. */
/* $pageColour = #FFFFFF  */

/* 
	By placing the 'body', 'textarea', 'input', 'option', 'table' and 'select' tags 
	in this style sheet instead of the main style sheet allows 
	the text in the editor to display as it would in the web page
 */
 
BODY, body
{
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 
	margin : 0;
	padding : 10px 0 10px 0;
	font-weight : normal; 
	font-size: 86%;
	color : #000000;
}

td, th {
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 
	font-size: 86%;
	color : #000000;
}

/* 
	For 'textarea', 'input', 'option', 'table' and 'select' tags 
	the font family is not inherited from the <body> tag and so has to be re-stated.
	
	IE doesn't inherit the font size from the body class for these tags.
	100% will set the font size of IE's form items to the font size in the BODY tag 
*/

TEXTAREA, textarea, INPUT, input, SELECT, select, option, OPTION, table, TABLE
{
	font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 100%;
}

.printonly{display : none;}
/** TEXT STYLES **/

/* $name='Heading' */ 
h1, H1, .heading{font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 130%; color: #000000; font-weight: bold; text-align: left;}

/* $name='Sub Heading' */ 
h2, H2, .subheading{font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 100%; color: #000000; font-weight: bold; text-align: left;}

/* $name='Sub Heading Lite' */ 
h3, H3, .subheadinglite{font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; color: #000000; font-weight: bold;}

/* $name='Alternative Sub Heading 1 - Priority Services 1' */ 
.subheadingpriority1a{font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 100%; color: #990099; font-weight: bold;}

/* $name='Alternative Sub Heading 2 - Priority Services 1' */ 
.subheadingpriority1b{font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 100%; color: #FFFFFF; font-weight: bold;}

/* $name='Alternative Sub Heading Lite 1 - Priority Services 1' */ 
.subheadinglitepriority1a{font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; color: #990099; font-weight: bold;}

/* $name='Alternative Sub Heading Lite 2 - Priority Services 1' */
.subheadinglitepriority1b{font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 100%; color: #FFFFFF; font-weight: bold;}

/* $default $name='Body Text'*/
/* Normal text - the class name will be used in the dialogues... */
.normal{font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; color: #000000; text-align: left;}

/* $name='Alternative Body Text - Priority Services 1'*/
.normalpriority1{font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; color: #FFFFFF; text-align: left;}

/* $name='Blue Text' */
.bluetext{font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; color: #333399; text-align: left;}

/* Bulleted List Style  - NOTE This is only required if using the Flash editor. */
/* $name='Bulleted List' */
li, LI{font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; color: #000000; text-align : justify;}


/** TABLES **/

/* $default $name='Border' */ .tableBorder{ background-color: #9999CC; font-size: 100%;}

/* $default $name='Cell White' */ .tableCellWhite{ background-color: #FFFFFF; font-size: 100%;}
/* $name='Cell Mid Blue' */ .tableCellMdBlue{ background-color: #6666CC; font-size: 100%;}
/* $name='Cell Dark Blue' */ .tableCellDkBlue{ background-color: #003399; font-size: 100%;}
/* $name='Cell Grey' */ .tableCellGrey{ background-color: #F0F0F0; font-size: 100%;}


/* $style='Heading and Side - with stripe' $value='ts1' */

/* $name='Specification table' */
.ts1general{color: #fff;}

/* $name='Table Style Heading and Side - with stripe - Top Left'  $type='table' */
.ts1topleft{background-color: #7c9dd0; color: #fff; padding: 5px; border-top: 0; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 0;}

/* $name='Table Style Heading and Side - with stripe - Top Centre' $type='table' */
.ts1topcenter{background-color: #7c9dd0; color: #fff; padding: 5px; border-top: 0; border-right: 0; border-bottom: 1px solid #666; border-left: 0;}

/* $name='Table Style Heading and Side - with stripe - Top Right' $type='table' */
.ts1topright{background-color: #7c9dd0; color: #fff; padding: 5px; border-top: 0; border-right: 0; border-bottom: 1px solid #666; border-left: 0;}

/* $name='Table Style Heading and Side - with stripe - Middle Left' $type='table' */
.ts1middleleft{background-color: #dbdbdb; color: #fff; padding: 5px; border-top: 0; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 0;}

/* $name='Table Style Heading and Side - with stripe - Middle Centre' $type='table' */
.ts1middlecenter{background-color: #dbdbdb; color: #fff; padding: 5px; border-top: 0; border-right: 0; border-bottom: 1px solid #666; border-left: 0;}

/* $name='Table Style Heading and Side - with stripe - Middle Right' $type='table' */
.ts1middleright{background-color: #dbdbdb; color: #fff; padding: 5px; border-top: 0; border-right: 0; border-bottom: 1px solid #666; border-left: 0;}

/* $name='Table Style Heading and Side - with stripe - Bottom Left' $type='table' */
.ts1bottomleft{background-color: #dbdbdb; color: #fff; padding: 5px; padding: 5px; border-top: 0; border-right: 1px solid #666; border-bottom: 1px solid #666; border-left: 0;}

/* $name='Table Style Heading and Side - with stripe - Bottom Centre' $type='table' */
.ts1bottomcenter{background-color: #dbdbdb; color: #fff; padding: 5px; border-top: 0; border-right: 0; border-bottom: 1px solid #666; border-left: 0;}

/* $name='Table Style Heading and Side - with stripe - Bottom Right' $type='table' */
.ts1bottomright{background-color: #dbdbdb; color: #fff; padding: 5px; border-top: 0; border-right: 0; border-bottom: 1px solid #666; border-left: 0;}

/* $name='Table Style Heading and Side - with stripe - Odd' $type='table' */
.ts1odd{ color: #fff;}

/* $name='Table Style Heading and Side - with stripe- Even' $type='table' */
.ts1even{ color: #fff;}



/* $style='Specification Table' $value='ts2' */

/* $name='Specification table' */
.ts2general {
	width: 550px;
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	background-color: #dbdbdb;
}

.ts2general tr td {
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: none;
	border-left: none;
}

.ts2general tr td p {
	padding: 0;
	margin: 0;
}

/* $name='Table Style Heading and Side - with stripe - Top Left'  $type='table' */
.ts2topleft {
	background-color: #7c9dd0;
	font-weight: bold;
	width: 200px;
}

/* $name='Table Style Heading and Side - with stripe - Top Centre' $type='table' */
.ts2topcenter {
	background-color: #7c9dd0;
	font-weight: bold;
	text-align: center;
}

/* $name='Table Style Heading and Side - with stripe - Top Right' $type='table' */
.ts2topright {
	background-color: #7c9dd0;
	font-weight: bold;
	text-align: center;
}

/* $name='Table Style Heading and Side - with stripe - Middle Left' $type='table' */
.ts2middleleft {
	width: 200px;
}

/* $name='Table Style Heading and Side - with stripe - Middle Centre' $type='table' */
.ts2middlecenter {
	text-align: center;
}

/* $name='Table Style Heading and Side - with stripe - Middle Right' $type='table' */
.ts2middleright {
	text-align: center;
}

/* $name='Table Style Heading and Side - with stripe - Bottom Left' $type='table' */
.ts2bottomleft {
	width: 200px;
}

/* $name='Table Style Heading and Side - with stripe - Bottom Centre' $type='table' */
.ts2bottomcenter {
	text-align: center;
}

/* $name='Table Style Heading and Side - with stripe - Bottom Right' $type='table' */
.ts2bottomright {
	text-align: center;
}

/* $name='Table Style Heading and Side - with stripe - Odd' $type='table' */
.ts2odd{}

/* $name='Table Style Heading and Side - with stripe- Even' $type='table' */
.ts2even{}