/*************************************************************************************
    Example Default CSS Style Sheet for the DHTML Editor.
   
    This style sheet should be a cut down version of the main website
    style sheet, including just those styles useful to an iCM user.

	GENERAL STYLES:
	   
    Class definitions should all take one of the following formats :
   
 	 	 .ClassName { ... style definition... }
		 TagName, .ClassName { ... style definition... }

    Note that where a comma-delimited list of tag/class names precedes a class definition,
	the iCM DHTML editor will only use the last one in the list within the relevant style 
	drop-down lists.  With this in mind, please ensure that the last name has the . prefix 
	so it is not tag-specific i.e. so it can be	applied to any tag within the editor.
	Class definitions whose name list includes a tag name (e.g. H1) will automatically be
	applied to any content within the editor that is enclosed within that tag.
	
	Valid class definitions are :
	
		.heading{font-size: 130%; font-weight: bold}
		h1, H1, .heading{font-size: 130%; font-weight: bold;}

	Invalid class definitions are :
	
		heading{font-size: 130%; font-weight: bold}
		.heading, h1, H1{font-size: 130%; font-weight: bold;}

	Additional custom parameters should be provided in slash/star comments, prefixed with a '$',
	 :

	name='Class Name' 
		- sets a 'friendly name' which the editor
	      uses in it's dialogue boxes for the next
		  class definition it comes to.

	type='general|table' 
		- indicates whether the class definition is
		a general style or a table-only style. Defaults to
		assuming the style is 'general' if a type parameter is not
		explicitly specified. Table-only styles will be the only 
		styles displayed within the	table and cell property 
		dialogues and they will	not be listed in the main Style drop-down 
		list for the editor. General styles will be displayed within the main
		Style drop-down list for the editor but not in the table
		or cell property dialogues. Table auto format styles (detailed in the
		next section) should all have a type of 'table' specified if you
		do not wish them to be listed within the editor's main Style drop-down.
		  
	TABLE AUTO FORMAT STYLES: 
	
	This style sheet must also define any table styles that are to be made 
	available within the iCM DHTML Editor via the Table Autoformat facility.
	These styles allow a complete "look-and-feel" to be assigned to a table.
	
	Insert the following parameters in a slash/star comment	to declare a table 
	auto format style :

	style='Style 1' value='ts1' 
		- style is the user-friendly style name that will be used within
		the Table Autoformat dialogue.
		- 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 then be provided below each table style 
	declaration - a value of 'ts1' has been assumed here 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... }
		
	The same format as is used for a normal class definition should be
	used for each of the class definitions making up a table auto format style. 
	Note that these auto format class definitions should all have a type parameter
	with a value of 'table' specified if they are not to be listed within the editor's 
	main Style drop-down i.e. to ensure they are only ever listed on the table/cell

	property dialogues.
	
	The 'general' class definition, at the top of the definitions
	listed above, gets assigned to the table itself.
	
 ******************************************************************/

/*
	General Styles 
*/
/* $name='Float Left' */ 
.floatLeft {float:left;}

/* $name='Float Right' */ 
.floatRight {float:right;}

/* $name='Large Text' */
.large {font-size: 21px;}

/* $name='Aqua Text' */
.aquaText {color: #399;}

/* $name='Caveat Text' */
.caveatText {color: #666; font-size: 10px; font-family:"Trebuchet MS", Arial;}
