/*************************************************************************************
    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='Quote' */
.quote,
.AccordionPanelContent p.quote{color:#929292; font-style:italic; border-left:4px solid #d00020; padding-left:20px;}
li.quote{list-style-position:inside; margin:0 0 0 -25px; padding:5px 0 5px 35px;}

/* $name='Float left' */ 
.floatLeft {float:left; display:inline;}

/* $name='Float right' */ 
.floatRight {float:right; display:inline;}

/* $name='Clear floats' */ 
.clearBoth {clear:both;}

/* $name='Clear left floats' */ 
.clearLeft {clear:left;}

/* $name='Clear right floats' */ 
.clearRight {clear:right;}

/* $name='Vertical Align Top' */ 
.verticalAlignTop {vertical-align:top;}

/* $name='Caveat' */
.caveat, .content .caveat{margin:10px 0 20px 0; color:#666; font-size:10px; font-family:Trebuchet MS, Arial; line-height:14px;}

/* $name='Red text' */ 
body .colourRed,
.colourRed, a.colourRed, 
.leftColumn .inlineArticle p.colourRed,
.leftColumn .inlineArticle h2.colourRed,
.bottomFeatures .inlineArticle h2.colourRed,
.bottomFeatures .inlineArticle p.colourRed,
.topMedia .inlineArticle .colourRed{color:#d00020;}

/* $name='Light Blue text' */ 
body .colourLighterBlue,
.colourLighterBlue, a.colourLighterBlue, 
.leftColumn .inlineArticle p.colourLighterBlue,
.leftColumn .inlineArticle h2.colourLighterBlue,
.bottomFeatures .inlineArticle h2.colourLighterBlue,
.bottomFeatures .inlineArticle p.colourLighterBlue,
.topMedia .inlineArticle .colourLighterBlue{color:#a2c9ed;}

/* $name='Blue text' */ 
body .colourLightBlue,
.colourLightBlue, a.colourLightBlue, 
.leftColumn .inlineArticle p.colourLightBlue,
.leftColumn .inlineArticle h2.colourLightBlue,
.bottomFeatures .inlineArticle h2.colourLightBlue,
.bottomFeatures .inlineArticle p.colourLightBlue,
.topMedia .inlineArticle .colourLightBlue{color:#5f8bb3;}

/* $name='Dark Blue text' */ 
body .colourDarkBlue,
.colourDarkBlue, a.colourDarkBlue, 
.leftColumn .inlineArticle p.colourDarkBlue,
.leftColumn .inlineArticle h2.colourDarkBlue,
.bottomFeatures .inlineArticle h2.colourDarkBlue,
.bottomFeatures .inlineArticle p.colourDarkBlue,
.topMedia .inlineArticle .colourDarkBlue{color:#274479;}

/* $name='Light Green text' */ 
.colourLightGreen, a.colourLightGreen, 
.leftColumn .inlineArticle p.colourLightGreen,
.leftColumn .inlineArticle h2.colourLightGreen,
.bottomFeatures .inlineArticle h2.colourLightGreen,
.bottomFeatures .inlineArticle p.colourLightGreen,
.topMedia .inlineArticle .colourLightGreen{color:#a1aa2a;}

/* $name='Green text' */ 
.colourGreen, a.colourGreen, 
.leftColumn .inlineArticle p.colourGreen,
.leftColumn .inlineArticle h2.colourGreen,
.bottomFeatures .inlineArticle h2.colourGreen,
.bottomFeatures .inlineArticle p.colourGreen,
.topMedia .inlineArticle .colourGreen{color:#00945A;}

/* $name='Dark Green text' */ 
body .colourDarkGreen,
.colourDarkGreen, a.colourDarkGreen, 
.leftColumn .inlineArticle p.colourDarkGreen,
.leftColumn .inlineArticle h2.colourDarkGreen,
.bottomFeatures .inlineArticle h2.colourDarkGreen,
.bottomFeatures .inlineArticle p.colourDarkGreen,
.topMedia .inlineArticle .colourDarkGreen{color:#0C331E;}

/* $name='Dark Pink text' */
body .colourDarkPink,
.colourDarkPink, a.colourDarkPink, 
.leftColumn .inlineArticle p.colourDarkPink,
.leftColumn .inlineArticle h2.colourDarkPink,
.bottomFeatures .inlineArticle h2.colourDarkPink,
.bottomFeatures .inlineArticle p.colourDarkPink,
.topMedia .inlineArticle .colourDarkPink{color:#ae2c65;}

/* $name='Pink text' */
.colourPink, a.colourPink, 
.leftColumn .inlineArticle p.colourPink,
.leftColumn .inlineArticle h2.colourPink,
.bottomFeatures .inlineArticle h2.colourPink,
.bottomFeatures .inlineArticle p.colourPink,
.topMedia .inlineArticle .colourPink{color:#fd758d;}

/* $name='White text' */ 
.colourWhite, a.colourWhite, 
.leftColumn .inlineArticle p.colourWhite,
.leftColumn .inlineArticle h2.colourWhite,
.bottomFeatures .inlineArticle h2.colourWhite,
.bottomFeatures .inlineArticle p.colourWhite,
.topMedia .inlineArticle .colourWhite{}

/* $name='Yellow text' */
.colourYellow{}

/* $name='Light Grey text' */
.colourLightGrey, a.colourLightGrey, 
.leftColumn .inlineArticle p.colourLightGrey,
.leftColumn .inlineArticle h2.colourLightGrey,
.bottomFeatures .inlineArticle h2.colourLightGrey,
.bottomFeatures .inlineArticle p.colourLightGrey,
.topMedia .inlineArticle .colourLightGrey{color:#D6D6D6;}

/* $name='Grey text' */
.colourGrey, a.colourGrey, 
.leftColumn .inlineArticle p.colourGrey,
.leftColumn .inlineArticle h2.colourGrey,
.bottomFeatures .inlineArticle h2.colourGrey,
.bottomFeatures .inlineArticle p.colourGrey,
.topMedia .inlineArticle .colourGrey{color:#565656;}

/* $name='Grey link text no underline' */
.colourGreyLink{color:#565656; text-decoration:none;}
h2 a.colourGreyLink{color:#3B383C;}

/* $name='Red link text no underline' */
.colourRedLink{color:#D00020; text-decoration:none;}

/* $name='Black text' */
.colourBlack, a.colourBlack, 
.leftColumn .inlineArticle p.colourBlack,
.leftColumn .inlineArticle h2.colourBlack,
.bottomFeatures .inlineArticle h2.colourBlack,
.bottomFeatures .inlineArticle p.colourBlack{color:#000000;}

/* $name='Light Brown text' */
.colourLightBrown, a.colourLightBrown, 
.leftColumn .inlineArticle p.colourLightBrown,
.leftColumn .inlineArticle h2.colourLightBrown,
.bottomFeatures .inlineArticle h2.colourLightBrown,
.bottomFeatures .inlineArticle p.colourLightBrown{color:#a2978a;}

/* $name='Gold text - Summers Place' */
.colourGoldDABB83, a.colourGoldDABB83, 
.leftColumn .inlineArticle p.colourGoldDABB83,
.leftColumn .inlineArticle h2.colourGoldDABB83,
.bottomFeatures .inlineArticle h2.colourGoldDABB83,
.bottomFeatures .inlineArticle p.colourGoldDABB83{color:#DABB83;}

/* $name='Divider Heading' */
.dividerHeading, p.dividerHeading{font-size: 16px; font-weight: bold; color: #565656; padding: 10px 0 2px 0; margin: 15px 0 0 0; border-top: 1px solid #E3E3E3;}

/* $name='Fontsize 20' */
.fontsize20{font-size:20px;}

/* $name='Red Fontsize 20' */
.fontsize20red{font-size: 20px; color:#d00020;}

/* $name='Top media text white' */
.topmediaTextWhite,
.topMedia .inlineArticle h2.topmediaTextWhite{font-size:20px;}

/* $name='Clear margin' */ 
.clearMargin,
.inlineArticle p.clearMargin,
.content p.clearMargin{margin:0; padding:0; line-height:1px;}

/* $name='Pad right' */
.padRight{padding-right:14px;}

/* $name='Pad right 310' */
.padRight310{padding-right:310px;}

/* $name='Button' */ 
.btnSubmit{}

/* $name='Download Link' */ 
.btnDownload {background: url(assets/images/arrows.gif) 0 -700px no-repeat; padding: 0 0 0 20px;}

/* $name='Download Link Right' */ 
a.btnDownloadRight{background:url(assets/images/arrows.gif) 99% -394px no-repeat; padding:3px 20px 3px 8px; display:block; border-bottom:1px solid #CCC; text-decoration:none; line-height:20px;}
a.btnDownloadRight:hover{background-color:#F2F2F2;}

/* $name='Red Arrow List' */ 
.redList {list-style-type: none; padding: 0;}
.redList li {background: url(assets/images/arrows.gif) 0 -395px no-repeat; padding: 5px 0 5px 22px;}

/* $name='Email Us' */ 
.emailUs{margin: 0 0 0 10px; padding: 0 0 0 25px; background: url(assets/images/icons.gif) 0 -80px no-repeat; color: #454545; text-decoration: none;}

/* $name='Grey gradient' */ 
.greyGradient{padding:20px 0 12px 10px; background:url(assets/images/greyGradientBorder.gif) repeat-x;}

/* $name='Calendar Day' */
.calendarDay,
.content p.calendarDay{margin:0 10px 0 0; padding:13px 0 0 0; float:left; text-align:center; color:#FFF; font-size:22px; background:url(assets/images/calendar.jpg) no-repeat; width:37px; height:37px;}

/* $name='White Border' $type='table' */
.whiteBorder{border-top:1px solid #fff;}
.whiteBorder td{border-bottom:1px solid #fff; border-right:1px solid #fff;}

/* $name='Download Box' */ 
.downloadBox{background:url(assets/images/downloadBox.jpg) no-repeat; list-style:none; width:214px; height:45px; margin:0; padding:10px 0 0 12px;}
li.downloadBox{margin-left:-18px;}

/* $name='Table - Local Information' $type='table' */
.localInfo{border-collapse:collapse;}
.localInfo th{color:#d00020; font-size:16px; padding:8px 0; text-align:left;}
.localInfo td{padding:4px 1px; border-top: 1px solid #ededed;}
.localInfo td p{margin:0;}

/* $name='Table - No Border' $type='table' */
.noBorder, fieldset.noBorder, th.noBorder, td.noBorder{border: none;}

/* $name='Table - Grey' $type='table' */
.grey{margin:0 0 25px 0; background-color:#f3f3f4; border-collapse:collapse; border:none;}
.grey th{color:#FFF; background-color:#3b383c; font-size:12px; padding:5px 20px; text-align:left; font-weight:bold; border-right:1px solid #010002;}
.grey td{padding:5px 20px; color:#565656; border-right:1px solid #dbdbdb;}

/* $name='Table - Grey gradient background' $type='table' */
.greyGradientBackground{margin:0 0 25px 0; border-collapse:collapse; border:none; padding:20px 0 12px 10px; background:url(assets/images/greyGradientBorder.gif) repeat-x;}
.greyGradientBackground td{padding:10px 20px 5px;}
.editProfile .greyGradientBackground th{padding:10px 20px 5px; text-align:left;}

/* $name='Table - Logo Cell' $type='table' */
.logos{width:120px; text-align:center;}

/* $name='Table - Media Library' $type='table' */
.mediaLibraryTable{border-collapse:collapse; background: url(assets/images/ML_TableBG.jpg) top left repeat-x; border-bottom: 1px solid #CCC; margin: 0 0 10px 0; padding: 0 0 5px 0;}
.mediaLibraryTable td{padding: 25px 0 0 10px;}

/* $name='Table - Magazines' $type='table' */
.magazineTable{border-collapse:collapse; width: 100%; margin: 0 0 20px 0; border-bottom: 1px solid #CCC;}
.magazineTable td {width: 50%; padding: 0 20px 20px 0;}
.magazineTable td h3 {color: #333; font-size: 19px; font-weight: normal;}
.magazineTable td img.floatLeft {margin: 0 20px 0 0;}

/* $name='Table - Magazines (No Border)' $type='table' */
.magazineNoBorderTable{border-collapse:collapse; width: 100%; margin: 0 0 20px 0;}
.magazineNoBorderTable td {width: 50%; padding: 0 20px 20px 0;}
.magazineNoBorderTable td h3 {color: #333; font-size: 19px; font-weight: normal;}
.magazineNoBorderTable td img.floatLeft {margin: 0 20px 0 0;}

/* $name='Table - Float left' $type='table' */ 
.floatLeft {float:left;}

/* $name='Table - Float right' $type='table' */ 
.floatRight {float:right;}

/* $name='Table - Dark Grey' $type='table' */
.darkGreyTable{border-collapse:collapse; color:#FFF; background-color:#333;}
.darkGreyTable th{padding:4px 1px; font-size:11px; padding:8px 0; text-align:center; border-bottom:2px ridge #d6d6d6; border-right:1px solid #666;}
.darkGreyTable td{padding:4px 1px; border-top:1px solid #666; border-right:1px solid #666; text-align:center;}
.darkGreyTable td p,
.darkGreyTable th p{margin:0; color:#FFF;}
.darkGreyTable td.grey{background-color:#5a5a5a;}
.darkGreyTable td a{color:#ff6666;}