/*  Joyful Healer Colors:

-- purples
#4d215c	JoyfulHealer Purple
#6d298e	Purple used for text -- dark, so it stands out
#4e168e	Extra-dark purple, for even darker text  (menus)
#684c84	softer purple for backgrounds, some text
#775789	site background purple
#9c26d7	bright dark purple
#a981e8	soft purple, like alternate letters separator on testimonials page
#9c26d7	lighter purple for text... was used on the Testimonials page

-- lilacs 
#efc8ef	lilac purple for backgrounds
#cc99ff	lilac purple (used for bullets, and maybe more)


-- pinks
#ff8ede	JoyfulHealer Pink
#f3b6eb	soft pink (goes with logo)
#f8e2f1	light pink background color - originally used for site background
#eb42c6	pink used on hover in the menu
#fcd2fa	soft pink, used as menu background color
#ff00ff  for text -- brighter, so it stands out
#ffccff	like left sidebar and other accents, menu background
#ff33cc	pink text (bright)

-- indigo (towards blue)
#6400c9	indigo text (used for testimonials)


*/

body
{ 
	font-family: Trebuchet MS, Verdana, Arial, Tahoma ;
	font-size: 12px;
 }
/*  -- chose to NOT include basic background color here as it will show up behind all pages.
	HAD used purple...  (using this instead just as the body tag on the master page)
	background-color: #663399;*/


/********************************/

/*  COLORS   */

		/*  -- Green -- */
.labelSF11GreenBoldItalic, 
.labelSF12GreenBoldItalic, 
.labelSF13GreenBoldItalic, 
.labelSS10Green, 
.labelSS10GreenBoldItalic
{
	color: #79d5c6;
}
		/* color: #79d5c6;   #80deb0  88dadd */

		/*  -- indigo -- */
.labelSS10IndigoBold,
.labelSF11IndigoBoldItalic,
.labelSF12IndigoBoldItalic,
.labelSF13IndigoBoldItalic,
.labelSF14IndigoBoldItalic,
.labelSS9IndigoItalic,
.labelSS10Indigo,
.labelSS10IndigoBoldItalic,
.labelSS11IndigoBold
{
	color: #6400c9;
}

		/*  -- Lavender-- */
.labelSS10LavenderBoldItalic,
.labelSF12LavenderBoldItalic,
.labelSF13LavenderBoldItalic
{
	color: #9370db;
}

		/*  -- Lilac-- */
.labelSS8Lilac,
.labelSS9Lilac,
.labelSS9LilacItalic,
.labelSS10Lilac,
.labelSS10LilacBold,
.labelSS10LilacBoldItalic,
.labelSS10LilacItalic
{
	color: #9c26d7;
}
				/* #ba55d3 */
	
		/*  -- pink -- */
.labelAngelNotesHeader,
.labelSF10PinkBoldItalic, 
.labelSF11PinkBoldItalic, 
.labelSF12PinkBoldItalic, 
.labelSF13PinkBoldItalic, 
.labelSF14PinkBoldItalic,
.labelSS8Pink,
.labelSS9Pink,
.labelSS9PinkBoldItalic,
.labelSS9PinkItalic,
.labelSS9PinkBoldItalic,
.labelSS10Pink,
.labelSS10PinkBold,
.labelSS10PinkBoldItalic,
.labelSS10PinkItalic,
.labelSS11PinkBold,
.labelSS11PinkBoldItalic
{
	color: #ff33cc;
}	


		/*  --  purple -- */
.labelAngelNotesQuote,	
.labelAngelNotesDetails,
.labelSF12PurpleBoldItalic, 
.labelSF13PurpleBoldItalic, 
.labelSF14PurpleBoldItalic,
.labelSS8Purple,
.labelSS8PurpleBold,
.labelSS9Purple,
.labelSS9PurpleBold,
.labelSS9PurpleItalic,
.labelSS10Purple,
.labelSS10PurpleBold,
.labelSS10PurpleBoldItalic,
.labelSS10PurpleItalic,
.labelSS11Purple,
.labelSS11PurpleBold,
.labelSS11PurpleBoldItalic,
.labelSS12PurpleBold, 
.labelSS12PurpleBoldItalic,
.labelSS13PurpleBold
{
	color: #6d298e;
}

	/* black */
.labelSS9Black, 
.labelSS10Black,
.labelSS10BlackItalic
{
	color: black;
}



/* LABELS */

/* -------Times New Roman Bold Italic Labels -- font family and other ----------*/

.labelSF11GreenBoldItalic, 
.labelSF12GreenBoldItalic, 
.labelSF13GreenBoldItalic, 
.labelSF11IndigoBoldItalic,
.labelSF12IndigoBoldItalic,
.labelSF13IndigoBoldItalic,
.labelSF14IndigoBoldItalic,
.labelSF12LavenderBoldItalic,
.labelSF13LavenderBoldItalic,
.labelSF10PinkBoldItalic, 
.labelSF11PinkBoldItalic, 
.labelSF12PinkBoldItalic,
.labelSF13PinkBoldItalic,
.labelSF14PinkBoldItalic,
.labelSF11PurpleBoldItalic,
.labelSF12PurpleBoldItalic,
.labelSF13PurpleBoldItalic,
.labelSF14PurpleBoldItalic
{
	font-family: Times New Roman;
	font-style: italic;
	font-weight: bold;
}

/* -------SansSerif Labels -- Regular, no bold or italic ----------*/
.labelSS9Black,
.labelSS10Black,
.labelSS10Green, 
.labelSS10Indigo,
.labelSS8Lilac,
.labelSS9Lilac,
.labelSS10Lilac,
.labelSS8Pink,
.labelSS9Pink,
.labelSS10Pink,
.labelSS8Purple,
.labelSS9Purple,
.labelSS10Purple,
.labelSS11Purple
{
	font-family: Trebuchet MS, Verdana, Arial, Tahoma;
}


/* -------SansSerif Labels -- Bold Only ----------*/
.labelSS10IndigoBold,
.labelSS11IndigoBold,
.labelSS10LilacBold,
.labelSS10PinkBold,
.labelSS11PinkBold,
.labelSS8PurpleBold,
.labelSS9PurpleBold,
.labelSS10PurpleBold,
.labelSS11PurpleBold,
.labelSS12PurpleBold,
.labelSS13PurpleBold
{
	font-family: Trebuchet MS, Verdana, Arial, Tahoma;
	font-weight: bold;
}

/* -------SansSerif Labels -- Italic Only ----------*/
.labelSS10BlackItalic,
.labelSS9IndigoItalic,
.labelSS9LilacItalic,
.labelSS10LilacItalic,
.labelSS9PinkItalic,
.labelSS10PinkItalic,
.labelSS9PurpleItalic,
.labelSS10PurpleItalic
{
	font-family: Trebuchet MS, Verdana, Arial, Tahoma;
	font-style: italic;
}


/* -------SansSerif Labels -- Bold Italic ----------*/
.labelSS10LavenderBoldItalic,
.labelSS10GreenBoldItalic,
.labelSS10IndigoBoldItalic,
.labelSS10LilacBoldItalic,
.labelSS9PinkBoldItalic,
.labelSS10PinkBoldItalic,
.labelSS11PinkBoldItalic,
.labelSS10PurpleBoldItalic,
.labelSS11PurpleBoldItalic,
.labelSS12PurpleBoldItalic
{
	font-family: Trebuchet MS, Verdana, Arial, Tahoma;
	font-style: italic;
	font-weight: bold;
}


/* ---------- FONT SIZES  ----------- */
.labelSF14IndigoBoldItalic,
.labelSF14PinkBoldItalic,
.labelSF14PurpleBoldItalic
{
	font-size: 14pt;
}

.labelSF13GreenBoldItalic, 
.labelSF13IndigoBoldItalic,
.labelSF13LavenderBoldItalic,
.labelSF13PinkBoldItalic,
.labelSF13PurpleBoldItalic,
.labelSS13PurpleBold
{
	font-size: 13pt;
}

.labelSF12GreenBoldItalic, 
.labelSS11IndigoBold,
.labelSF12IndigoBoldItalic,
.labelSF12LavenderBoldItalic,
.labelSF12PinkBoldItalic,
.labelSF12PurpleBoldItalic,
.labelSS12PurpleBold,
.labelSS12PurpleBoldItalic
{
	font-size: 12pt;
}

.labelSF11GreenBoldItalic, 
.labelSF11IndigoBoldItalic,
.labelSF11PinkBoldItalic, 
.labelSF11PurpleBoldItalic,
.labelSS11PinkBold,
.labelSS11PinkBoldItalic,
.labelSS11Purple,
.labelSS11PurpleBoldItalic,
.labelSS11PurpleBold
{
	font-size: 11pt;
}


.labelSS10Black,
.labelSS10BlackItalic,
.labelSS10Green, 
.labelSS10GreenBoldItalic,
.labelSS10Indigo,
.labelSS10IndigoBold,
.labelSS10IndigoBoldItalic,
.labelSS10LavenderBoldItalic,
.labelSS10Lilac,
.labelSS10LilacBold,
.labelSS10LilacBoldItalic,
.labelSS10LilacItalic,
.labelSS10Pink,
.labelSS10PinkBold,
.labelSS10PinkBoldItalic,
.labelSS10PinkItalic,
.labelSS10Purple,
.labelSS10PurpleBold,
.labelSS10PurpleBoldItalic,
.labelSS10PurpleItalic
{
	font-size: 10pt;
}

.labelSS9Black, 
.labelSS9IndigoItalic,
.labelSS9Lilac,
.labelSS9LilacItalic,
.labelSS9Pink,
.labelSS9PinkItalic,
.labelSS9PinkBoldItalic,
.labelSS9Purple,
.labelSS9PurpleBold,
.labelSS9PurpleItalic
{
	font-size: 9pt;
}

.labelSS8Lilac,
.labelSS8Pink,
.labelSS8Purple,
.labelSS8PurpleBold
{
	font-size: 8pt;
}


/* ---------------*/
/* Angel Notes */
.labelAngelNotesHeader
{
	font-family: Trebuchet MS, Verdana, Arial, Tahoma;
	font-size: 8pt;
	text-align: left;
	font-weight: bold;
	font-style: italic;
}

.labelAngelNotesQuote
{
	font-family: Times New Roman;
	font-style: italic;
	font-weight: bold;
	font-size: 11pt;
	text-align: left;
}

.labelAngelNotesDetails
{
	font-family: Trebuchet MS, Verdana, Arial, Tahoma;
	font-size: 9pt;
	text-align: left;
	font-style: italic;
}

.areaPanelAngelNotes
{
	background-color: #ffe5ff;
	border: #6d298e thin solid;
	margin: 1px 0px 1px 1px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 4px;
	padding-top: 2px;
}

.tdSpacerAngelNotesAbove
{
	height: 10px;
}
/*  	height: 28px;  */

/********************************/


/* ---------------*/
/* Bullets (for Lists) */
.labelBulletPurple
{
	font-family: Arial;
	font-size: 9pt;
	color: #6d298e;
	vertical-align: top;
	text-align: left;
}
	/*  ff33cc (pink)   #6d298e (purple)    #6400c9 (indigo)    #9c26d7 (lilac)   #ffccff  (light pink / mauve) */


/********************************/
/* Areas / Boxes */

.areaListItem
{
	font-family: Verdana;
	font-size: 9pt;
	padding-bottom: 6px;
}


.areaHdMainPageHeader
{
	background-color: transparent;
	padding-left: 10px;
}

.areaHdBkgdLilacLargeHighlight
{
	background-color: #efc8ef;
	padding-left: 10px;
}

.areaLilac
{
	background-color: #f8e2f1;
}

.areaWhitePlain  /*  use within a user control, and set margins and border on panel in the outer page  */ 
{
	background-color: white;
}


.areaWhiteBorderPurple
{
	border: #6d298e thin solid;
}
/*  	background-color: White;  */


.areaMauveBorderPurple
{
	background-color: #f8e2f1;
	border: #6d298e thin solid;
}

.areaMauveBorderPurpleWPadding
{
	background-color: #f8e2f1;
	border: #6d298e thin solid;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 4px;
	padding-top: 2px;	
}

.areaMauveNoBorder
{
	background-color: #f8e2f1;
}


/* ************************ */
/* Colored Separators */
.areaPinkSeparator
{
	background-color: #ff99ff;
	height: 3px;
}


.areaPurpleSeparator
{
	background-color: #e4b7e1;
	height: 3px;
}


/* ************************ */
/* Spacers */

/* used as a spacer column */
.tdWidth10px
{
	width: 10px;
}

.tdContentLeftSpacer
{
	width: 20px;
}

.tdContentRightSpacer
{
	width: 16px;
}

.tdContentTopSpacer
{
	height: 10px;
}

.tdFlowersSeparator
{
	height: 20px;
	text-align: center;
	vertical-align: middle;
}

/* ************************ */
/* Elements */

	/*   default for link button  */
.linkSS		/*  for some reason, this "13" font size shows up as the equivalent of a 10...not sure why  */
{
	font-family: Trebuchet MS, Verdana, Arial, Tahoma;
	font-size: 13px;
	color: #3300ff;
}

a
{
	color: #3300ff;
}

a:hover
{
	color: #9c26d7;
}