/* ==================== STANDARD TAG STYLES ====================	*/
/* body		{font-family:'Open Sans', arial, sans-serif;}		*/
body		{font-family: sf pro display,-apple-system,BlinkMacSystemFont,Roboto,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;}
body		{color:#333333; background:#FFFFFF; font-size:16px; line-height:1.6; margin:0px; padding:0px; text-align:center;}
body		{-webkit-user-select:none; -webkit-touch-callout:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; -khtml-user-select:none; user-select:none; }

a:link		{text-decoration:none; color:#0000FF;}
a:visited	{text-decoration:none; color:#0000FF;}
a:hover		{text-decoration:none; color:#CC0000;}

a:link		{text-decoration:underline; color:#0000FF;}
a:visited	{text-decoration:underline; color:#0000FF;}
a:hover		{text-decoration:underline; color:#CC0000;}

h1		{color:#333333; font-size:30px; line-height:40px; font-weight:600; text-align:left; margin: 0px 0px 10px 0px;}

h2		{color:#333333; font-size:26px; line-height:32px; font-weight:600; text-align:left; margin: 0px 0px 10px 0px;}
h2 a:link	{text-decoration:none; color:#333333;}
h2 a:visited	{text-decoration:none; color:#333333;}
h2 a:hover	{text-decoration:none; color:#CC0000;}

h3		{color:#660099; font-size:22px; line-height:28px; font-weight:600; text-align:left; margin: 0px 0px 10px 0px;}
h3 a:link	{text-decoration:none; color:#660099;}
h3 a:visited	{text-decoration:none; color:#660099;}
h3 a:hover	{text-decoration:none; color:#CC0000;}

h4		{color:#660099; font-size:18px; line-height:24px; font-weight:600; text-align:left; margin: 0px 0px 10px 0px;}
h4 a:link	{text-decoration:underline; color:#660099;}
h4 a:visited	{text-decoration:underline; color:#660099;}
h4 a:hover	{text-decoration:underline; color:#CC0000;}

.divStyleH1	{color:#333333; font-size:30px; line-height:40px; font-weight:600; text-align:left; margin: 0px 0px 10px 0px;}
.divStyleH2	{color:#333333; font-size:26px; line-height:32px; font-weight:600; text-align:left; margin: 0px 0px 10px 0px;}
.divStyleH3	{color:#660099; font-size:22px; line-height:28px; font-weight:600; text-align:left; margin: 0px 0px 10px 0px;}
.divStyleH4	{color:#660099; font-size:18px; line-height:24px; font-weight:600; text-align:left; margin: 0px 0px 10px 0px;}

p		{font-size:16px; line-height:1.6; font-weight:400; margin:0px 0px 12px 0px;}
div		{font-size:16px; line-height:1.6; font-weight:400; margin:0px 0px  0px 0px;}

ul		{font-size:16px; line-height:1.6; padding-left:20px;}
li		{font-size:16px; line-height:1.2; margin:6px 0px 2px 0px;}

img		{border:0px; display:block;}
.centerImg img	{border:0px; display:inline-block;}

/* ==================== UDEMY STYLES ==================== */
.udBannerHeading	{font-family: sf pro display,-apple-system,BlinkMacSystemFont,Roboto,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;
			 font-weight: 700;	line-height: 1.2;	font-size: 2.4rem;	letter-spacing: -.02rem;	}
.udPageText		{font-family: sf pro text,-apple-system,BlinkMacSystemFont,Roboto,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; 
			 font-weight: 400;	line-height: 1.4;	font-size: 1.4rem;	}
.udPageHeading		{font-family: sf pro display,-apple-system,BlinkMacSystemFont,Roboto,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; 
			 font-weight: 700;	line-height: 1.2;	font-size: 2.4rem;	letter-spacing: -.02rem;	}
.udBannerText		{font-family: sf pro text,-apple-system,BlinkMacSystemFont,Roboto,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;
			 font-weight: 400;	line-height: 1.4;	font-size: 1.6rem;	}
.udBox01		{background-color: #fbfbf8;	border: 1px solid #dcdacb;	border-radius: 4px;	padding: 2.4rem 0;}
/* [Modified SJW] */
.udBox01		{background-color: #f8f8f0;	border: 1px solid #ddddcc;	border-radius: 4px;	padding: 2.4rem 0;}
.udBoxWhite		{background-color: #FFFFFF;	border: 1px solid #ddddcc;	border-radius: 4px;	padding: 2.4rem 0;}

/* ==================== FORMATTING STYLES ==================== */
.light		{font-weight:300;}
.normal		{font-weight:400;}
.semibold	{font-weight:600;}
.bold		{font-weight:700;}
.extrabold	{font-weight:800;}

.condensed	{font-stretch: semi-condensed;}
.semiCondensed	{font-stretch: semi-condensed;}
.expanded	{font-stretch: expanded;}
.semiExpanded	{font-stretch: semi-expanded;}

.italic		{font-style:italic;}

.underline	{text-decoration:underline;}
.underline a:link	{text-decoration:underline;}
.underline a:visited	{text-decoration:underline;}
.underline a:hover	{text-decoration:underline;}

.noUnderline	{text-decoration:none;}
.noUnderline a:link	{text-decoration:none;}
.noUnderline a:visited	{text-decoration:none;}
.noUnderline a:hover	{text-decoration:none;}

.strikeThrough	{text-decoration:line-through;}

/* ==================== COLOUR STYLES ==================== */
.bgWhite	{background: #FFFFFF;}
.bgGreen0	{background: #EEFFEE;}
.bgGreen	{background: #D8FFD8;}
.bgGreen2	{background: #339933;}
.bgGreen3	{background: #006600;}
.bgPurple	{background: #EECCFF;}
.bgPurple2	{background: #9933CC;}
.bgPurple3	{background: #660099;}
.bgLightBlue	{background: #CCE8FF;}
.bgLightGrey	{background: #EEEEEE;}
.bgMidGrey	{background: #AAAAAA;}
.bgDarkGrey	{background: #333333;}
.bgLightYellow	{background: #FFFFCC;}
.bgYellow	{background: #FFFF33;}
.bgRed		{background: #FF6666;}
.bgRed2		{background: #CC3300;}
.bgRed3		{background: #990000;}
.bgOrange	{background: #EE9900;}
.bgBlue		{background: #3366CC;}
.bgBlue2	{background: #003399;}
.bgBlue3	{background: #002266;}
.bgCyan		{background: #CCFFFF;}
.bgCyan2	{background: #00CCCC;}
.bgBrown	{background: #CC6622;}
.bgBrown2	{background: #999900;}
.bgPink		{background: #FFCCCC;}
.bgPink2	{background: #FF6699;}
.bgPink3	{background: #FF0066;}
.bgBlack	{background: #000000;}
.bgBlack30	{background: rgba(0, 0, 0, 0.3)}
.bgBlack50	{background: rgba(0, 0, 0, 0.5)}
.bgBlack70	{background: rgba(0, 0, 0, 0.7)}

.greyText	{color:#333333;}
.blackText	{color:#000000;}
.whiteText	{color:#FFFFFF;}
.purpleText	{color:#EECCFF;}
.purpleText2	{color:#9933CC;}
.purpleText3	{color:#660099;}
.greenText	{color:#D8FFD8;}
.greenText2	{color:#339933;}
.yellowText	{color:#FFFF00;}
.redText	{color:#CC0000;}
/* Has tect outline (but reduces text thickness)
.glowBlackBanner {text-shadow:#000000 0px 0px 12px;-webkit-text-stroke: 1px #000;}
*/
.glowBlackBanner {text-shadow:#000000 0px 0px 12px;}

.borderGreen	{border:1px #339933 solid;}
.borderPurple	{border:1px #9933CC solid;}
.borderBlack	{border:1px #000000 solid;}
.borderRed	{border:1px #FF0000 solid;}
.borderBlue	{border:1px #0000FF solid;}
.borderWhite	{border:1px #FFFFFF solid;}
.borderGrey	{border:1px #CCCCCC solid;}

.borderRad05	{border-radius: 5px;}
.borderRad10	{border-radius:10px;}
.borderRad20	{border-radius:20px;}

.whiteLink	{color:#FFFFFF;}
.whiteLink a:link 	{color:#FFFFFF;}
.whiteLink a:visited	{color:#FFFFFF;}
.whiteLink a:hover	{color:#CC0000;}

.yellowLink	{color:#FFFF00;}
.yellowLink a:link 	{color:#FFFF00;}
.yellowLink a:visited	{color:#FFFF00;}
.yellowLink a:hover	{color:#99FF99;}

.greyLink	{color:#333333;}
.greyLink a:link 	{color:#333333;}
.greyLink a:visited	{color:#333333;}
.greyLink a:hover	{color:#CC0000;}

.greenLink	{color:#339933;}
.greenLink a:link 	{color:#339933;}
.greenLink a:visited	{color:#339933;}
.greenLink a:hover	{color:#339933;}

.purpleLink	{color:#9933CC;}
.purpleLink a:link 	{color:#9933CC;}
.purpleLink a:visited	{color:#9933CC;}
.purpleLink a:hover	{color:#CC0000;}

.opacity30	{opacity: 0.3;}
.opacity50	{opacity: 0.5;}
.opacity70	{opacity: 0.7;}

/* ==================== POSITIONING STYLES ==================== */
.alignnone 	{display:block; margin-top:10px; margin-bottom:10px;}
.aligncenter 	{display:block; margin:0px auto 0px auto;}

.marginAuto	{margin:auto;}

.center 	{text-align:center;}
.left   	{text-align:left;}
.right   	{text-align:right;}
.centerAlign	{margin:auto;}							/* Needs to have width set (not 100%), no inline-block (and other?) criteria, so not universally applicable */

.centerAbsolute	{left:0px; right:0px; margin-left:auto; margin-right:auto;}

.floatLeft	{float:left;}
.floatRight	{float:right;}

.inlineBlock    {display:inline-block;}
.vAlignTop      {vertical-align:top;}
.vAlignMiddle   {vertical-align:middle;}
.vAlignBottom   {vertical-align:bottom;}

.displayNone    {display:none;}
.overflowHidden	{overflow:hidden;}

.subscribeLayer	{display:none;}

.breadcrumb	{margin:10px 0px 10px 0px;}
.breadcrumb a		{font-size:16px; font-weight:400; color:#000000; text-align:left;}
.breadcrumb a:link		{color:#006600; text-decoration:none;}
.breadcrumb a:visited		{color:#006600; text-decoration:none;}
.breadcrumb a:hover		{color:#CC0000; text-decoration:none;}

.text10		{font-size:10px; line-height:1.2;}
.text11		{font-size:11px; line-height:1.2;}
.text12		{font-size:12px; line-height:1.2;}
.text13		{font-size:13px; line-height:1.2;}
.text14		{font-size:14px; line-height:1.2;}
.text15		{font-size:15px; line-height:1.2;}
.text16		{font-size:16px; line-height:1.2;}
.text18		{font-size:18px; line-height:1.2;}
.text20		{font-size:20px; line-height:1.2;}
.text22		{font-size:22px; line-height:1.2;}
.text24		{font-size:24px; line-height:1.2;}
.text30		{font-size:30px; line-height:1.2;}
.text36		{font-size:36px; line-height:1.2;}
.text40		{font-size:40px; line-height:1.2;}
.text50		{font-size:50px; line-height:1.2;}
.text10 p	{font-size:10px; line-height:1.2;}
.text11 p	{font-size:11px; line-height:1.2;}
.text12 p	{font-size:12px; line-height:1.2;}
.text13 p	{font-size:13px; line-height:1.2;}
.text14 p	{font-size:14px; line-height:1.2;}
.text15 p	{font-size:15px; line-height:1.2;}
.text16 p	{font-size:16px; line-height:1.2;}
.text18 p	{font-size:18px; line-height:1.2;}
.text20 p	{font-size:20px; line-height:1.2;}
.text22 p	{font-size:22px; line-height:1.2;}
.text24 p	{font-size:24px; line-height:1.2;}
.text30 p	{font-size:30px; line-height:1.2;}
.text36 p	{font-size:36px; line-height:1.2;}
.text40 p	{font-size:40px; line-height:1.2;}
.text50 p	{font-size:50px; line-height:1.2;}

.lineHeight100	{line-height:1.0;}
.lineHeight120	{line-height:1.2;}
.lineHeight140	{line-height:1.4;}
.lineHeight160	{line-height:1.6;}
.lineHeight180	{line-height:1.8;}
.lineHeight200	{line-height:2.0;}

.contentSpacer 		{height: 20px; clear:both;}
.contentSpacer01	{height:  1px; clear:both;}
.contentSpacer05	{height:  5px; clear:both;}
.contentSpacer10	{height: 10px; clear:both;}
.contentSpacer15	{height: 15px; clear:both;}
.contentSpacer20	{height: 20px; clear:both;}
.contentSpacer25	{height: 25px; clear:both;}
.contentSpacer30	{height: 30px; clear:both;}
.contentSpacer35	{height: 35px; clear:both;}
.contentSpacer40	{height: 40px; clear:both;}
.contentSpacer45	{height: 45px; clear:both;}
.contentSpacer50	{height: 50px; clear:both;}
.contentSpacer75	{height: 75px; clear:both;}
.contentSpacer100	{height:100px; clear:both;}
.contentSpacer150	{height:150px; clear:both;}
.contentSpacer200	{height:200px; clear:both;}
.contentSpacer250	{height:250px; clear:both;}
.contentSpacer300	{height:300px; clear:both;}
.contentSpacer350	{height:350px; clear:both;}
.contentSpacer400	{height:400px; clear:both;}
.contentSpacer450	{height:450px; clear:both;}
.contentSpacer500	{height:500px; clear:both;}

.maxWidth800		{max-width:800px;}
.maxWidth700		{max-width:700px;}
.maxWidth600		{max-width:600px;}
.maxWidth500		{max-width:500px;}
.maxWidth400		{max-width:400px;}
.maxWidth300		{max-width:300px;}
.maxWidth250		{max-width:250px;}
.maxWidth210		{max-width:210px;}
.maxWidth200		{max-width:200px;}
.maxWidth150		{max-width:150px;}
.maxWidth100		{max-width:100px;}
.maxWidth75		{max-width: 75px;}

.minWidth400		{min-width:400px;}
.minWidth300		{min-width:300px;}
.minWidth250		{min-width:250px;}
.minWidth200		{min-width:200px;}
.minWidth150		{min-width:150px;}
.minWidth100		{min-width:100px;}

.divHeight20		{height:20px;}
.divHeight25		{height:25px;}
.divHeight30		{height:30px;}
.divHeight35		{height:35px;}
.divHeight40		{height:40px;}
.divHeight45		{height:45px;}
.divHeight50		{height:50px;}
.divHeight60		{height:60px;}
.divHeight75		{height:75px;}
.divHeight80		{height:80px;}
.divHeight100		{height:100px;}
.divHeight125		{height:125px;}
.divHeight150		{height:150px;}
.divHeight200		{height:200px;}
.divHeight250		{height:250px;}
.divHeight300		{height:300px;}
.divHeight350		{height:350px;}
.divHeight400		{height:400px;}
.divHeight450		{height:450px;}
.divHeight500		{height:500px;}
.divHeight600		{height:600px;}
.divHeight700		{height:700px;}

.divWidth05		{width:  5%; display:inline-block;}
.divWidth10		{width: 10%; display:inline-block;}
.divWidth15		{width: 15%; display:inline-block;}
.divWidth20		{width: 19%; display:inline-block;}
.divWidth25		{width: 24%; display:inline-block;}
.divWidth30		{width: 29%; display:inline-block;}
.divWidth33		{width: 32%; display:inline-block;}
.divWidth35		{width: 33%; display:inline-block;}
.divWidth40		{width: 39%; display:inline-block;}
.divWidth50		{width: 49%; display:inline-block;}
.divWidth60		{width: 59%; display:inline-block;}
.divWidth65		{width: 64%; display:inline-block;}
.divWidth66		{width: 65%; display:inline-block;}
.divWidth70		{width: 69%; display:inline-block;}
.divWidth75		{width: 74%; display:inline-block;}
.divWidth80		{width: 79%; display:inline-block;}
.divWidth85		{width: 84%; display:inline-block;}
.divWidth90		{width: 89%; display:inline-block;}
.divWidth100		{width:100%; display:inline-block;}

.divWidth100px		{width:100px;}
.divWidth125px		{width:125px;}
.divWidth150px		{width:150px;}
.divWidth175px		{width:175px;}
.divWidth200px		{width:200px;}
.divWidth250px		{width:250px;}
.divWidth300px		{width:300px;}
.divWidth350px		{width:350px;}
.divWidth360px		{width:360px;}
.divWidth400px		{width:400px;}
.divWidth450px		{width:450px;}
.divWidth500px		{width:500px;}
.divWidth550px		{width:550px;}
.divWidth600px		{width:600px;}
.divWidth700px		{width:700px;}
.divWidth800px		{width:800px;}
.divWidth900px		{width:900px;}
.divWidth1000px		{width:1000px;}

.contentPadding	{padding:10px;}

.padding00      {padding: 0px;}
.padding02      {padding: 2px;}
.padding05      {padding: 5px;}
.padding10      {padding:10px;}
.padding20      {padding:20px;}

.padding05vert	{padding-top:  5px; padding-bottom: 5px;}
.padding05horiz	{padding-left: 5px; padding-right:  5px;}
.padding10vert	{padding-top: 10px; padding-bottom:10px;}
.padding10horiz	{padding-left:10px; padding-right: 10px;}
.padding20vert	{padding-top: 20px; padding-bottom:20px;}
.padding20horiz	{padding-left:20px; padding-right: 20px;}
.padding10top	{padding-top: 10px;}
.padding20top	{padding-top: 20px;}
.padding30top	{padding-top: 30px;}

.margin00       {margin: 0px;}
.margin02       {margin: 2px;}
.margin05       {margin: 5px;}
.margin10       {margin:10px;}
.margin20       {margin:20px;}
.margin02vert	{margin-top:   2px; margin-bottom:  2px;}
.margin02horiz	{margin-left:  2px; margin-right:   2px;}
.margin05vert	{margin-top:   5px; margin-bottom:  5px;}
.margin05horiz	{margin-left:  5px; margin-right:   5px;}
.margin10vert	{margin-top:  10px; margin-bottom: 10px;}
.margin10horiz	{margin-left: 10px; margin-right:  10px;}
.margin15vert	{margin-top:  15px; margin-bottom: 15px;}
.margin15horiz	{margin-left: 15px; margin-right:  15px;}
.margin20vert	{margin-top:  20px; margin-bottom: 20px;}
.margin20horiz	{margin-left: 20px; margin-right:  20px;}

.clearBoth	{clear:both;}

.line100x1pxBlack	{width:100%; border-top:1px solid #000000;}
.line100x2pxBlack	{width:100%; border-top:2px solid #000000;}
.line100x1pxGreen	{width:100%; border-top:1px solid #99CC99;}
.line100x2pxGreen	{width:100%; border-top:2px solid #99CC99;}
.line100x1pxPurple	{width:100%; border-top:1px solid #CC99CC;}
.line100x2pxPurple	{width:100%; border-top:2px solid #CC99CC;}

/* ==================== FORMATTING STYLES ==================== */
/* Included in start-pc.php					*/

.videoContainer01	{background:#FFFFFF url(/imageFiles/page/videoscreenbackground-01.jpg) no-repeat; background-position:center; background-size:auto;
			 height:500px;}
.videoPreview		{width:100%; height:180px; position:relative; text-align:center; cursor:pointer; border-radius:10px;}

.ctaBand01		{background:url(/imageFiles/bg/ctaband-purple-01.jpg) no-repeat; background-position:center; background-size:100% auto; border:1px solid;}

.bgCoursePricesLevel1	{background:url(/imageFiles/page/course-prices-level1.jpg) no-repeat; background-size:cover;}
.bgCoursePricesLevel2	{background:url(/imageFiles/page/course-prices-level2.jpg) no-repeat; background-size:cover;}

.AWbox	{background:#FFFFFF url(/imageFiles/bg/assertiveness-box-01.jpg)  no-repeat; background-position: right bottom;}
.TMbox	{background:#FFFFFF url(/imageFiles/bg/timemanagement-box-01.jpg) no-repeat; background-position: right bottom;}
.IRbox	{background:#FFFFFF url(/imageFiles/bg/relationships-box-01.jpg)  no-repeat; background-position: right bottom;}
.CMbox	{background:#FFFFFF url(/imageFiles/bg/communication-box-01.jpg)  no-repeat; background-position: right bottom;}
.STbox	{background:#FFFFFF url(/imageFiles/bg/stress-box-01.jpg)  no-repeat; background-position: right bottom;}
.ANbox	{background:#FFFFFF url(/imageFiles/bg/anger-box-01.jpg)  no-repeat; background-position: right bottom;}

/*	Not used now:	*/
.bgMultiPackLevel1	{background:url(/imageFiles/page/course-multipack-level1.jpg) no-repeat; background-size:cover;}
.bgMultiPackLevel2	{background:url(/imageFiles/page/course-multipack-level2.jpg) no-repeat; background-size:cover;}
.bgMultiPack002		{background:url(/imageFiles/page/course-multipack-002.jpg) no-repeat; background-size:cover;}
.bgMultiPack003		{background:url(/imageFiles/page/course-multipack-003.jpg) no-repeat; background-size:cover;}
.bgMultiPack004		{background:url(/imageFiles/page/course-multipack-004.jpg) no-repeat; background-size:cover;}

/* ==================== BUTTON STYLES ==================== */
.buttonWidth60		{width: 60px;}
.buttonWidth80		{width: 80px;}
.buttonWidth100		{width:100px;}
.buttonWidth130		{width:130px;}
.buttonWidth150		{width:150px;}
.buttonWidth175		{width:175px;}
.buttonWidth200		{width:200px;}
.buttonWidth250		{width:250px;}
.buttonWidth300		{width:300px;}

/* linkButton01 and linkButton02 taking over from greenbutton, purpleButton and orangeButton to enable site-wide changes	*/
/* NOTE: Always define buttonWidth style in div contained within it	*/
/* NOTE: RBG opacity of 0.8 necessitates bolder colour, so #339933 becomes RGB 0,150,0 instead of the true 51,153,51
	 With RBG opacity of 1.0 the RGB colour would need to be 51,153,51							*/
/*	GREEN button	*/
.linkButton01		{display:inline-block;}
.linkButton01 a		{height:25px; display:inline-block; border-radius:5px;
			 cursor:pointer; font-weight:400; font-size:16px; line-height:23px; color:#FFFFFF; text-align:center; padding:5px; background-color: rgba( 0, 150,   0, 0.8);}
.linkButton01 a:link		{color:#FFFFFF; background-color: rgba(  0, 150,   0, 0.8); text-decoration:none;}
.linkButton01 a:visited		{color:#FFFFFF; background-color: rgba(  0, 150,   0, 0.8); text-decoration:none;}
.linkButton01 a:hover		{color:#FFFFFF; background-color: rgba(150,  50, 200, 0.8); text-decoration:none;}
/*	Dummy button: looks like 01 but no <a> tag so doesn't link (e.g. in a div that is a link itself, or is a div that is javascript-controlled)	*/
.linkButton01Z		{height:25px; display:inline-block; border-radius:5px;
			 cursor:pointer; font-weight:400; font-size:16px; line-height:23px; color:#FFFFFF; text-align:center; padding:5px; background-color: rgba(  0, 150,   0, 0.8);}
/*	PURPLE button	*/
.linkButton02		{display:inline-block;}
.linkButton02 a		{height:25px; display:inline-block; border-radius:5px;
			 cursor:pointer; font-weight:400; font-size:16px; line-height:23px; color:#FFFFFF; text-align:center; padding:5px; background-color: rgba(150,  50, 200, 0.8);}
.linkButton02 a:link		{color:#FFFFFF; background-color: rgba(150,  50, 200, 0.8); text-decoration:none;}
.linkButton02 a:visited		{color:#FFFFFF; background-color: rgba(150,  50, 200, 0.8); text-decoration:none;}
.linkButton02 a:hover		{color:#FFFFFF; background-color: rgba(  0, 150,   0, 0.8); text-decoration:none;}
/*	Dummy button: looks like 02 but doesn't link (e.g. in a layer that is a link itself)	*/
.linkButton02Z		{height:25px; display:inline-block; border-radius:20px;
			 cursor:pointer; font-weight:400; font-size:16px; color:#FFFFFF; text-align:center; background-color: rgba(150, 100, 200, 0.8);}

.linkButton98		{display:inline-block;}
.linkButton98 a		{height:20px; display:inline-block; border-radius:5px;
			 cursor:pointer; font-weight:400; font-size:12px; line-height:20px; color:#FFFFFF; text-align:center; padding:5px; background-color: rgba(240, 200, 250, 0.8);}
.linkButton98 a:link		{color:#000000; background-color: rgba(240, 200, 250, 0.8); text-decoration:none;}
.linkButton98 a:visited		{color:#000000; background-color: rgba(240, 200, 250, 0.8); text-decoration:none;}
.linkButton98 a:hover		{color:#999999; background-color: rgba(240, 240, 240, 0.8); text-decoration:none;}
/*	Dummy button: looks like 98 but doesn't link (e.g. jut needed to look the same, but do nothing)	*/
.linkButton98X		{height:20px; display:inline-block; border-radius:5px;
			 cursor:pointer; font-weight:400; font-size:12px; line-height:20px; color:#FFFFFF; text-align:center; padding:5px; background-color: rgba(240, 200, 250, 0.8);}
/*	Dummy button: looks like 98 but doesn't link (e.g. in a layer that is a link itself)	*/
.linkButton98Z		{height:20px; display:inline-block; border-radius:5px;
			 cursor:pointer; font-weight:400; font-size:12px; line-height:20px; color:#FFFFFF; text-align:center; padding:5px; background-color: rgba(240, 200, 250, 0.8);}

.linkButton99		{display:inline-block;}
.linkButton99 a		{height:20px; display:inline-block; border-radius:5px;
			 cursor:pointer; font-weight:400; font-size:12px; line-height:20px; color:#FFFFFF; text-align:center; padding:5px; background-color: rgba(220, 250, 220, 0.8);}
.linkButton99 a:link		{color:#000000; background-color: rgba(220, 250, 220, 0.8); text-decoration:none;}
.linkButton99 a:visited		{color:#000000; background-color: rgba(220, 250, 220, 0.8); text-decoration:none;}
.linkButton99 a:hover		{color:#999999; background-color: rgba(240, 240, 240, 0.8); text-decoration:none;}
/*	Dummy button: looks like 99 but doesn't link (e.g. in a layer that is a link itself)	*/
.linkButton99Z		{height:25px; display:inline-block; border-radius:5px;
			 cursor:pointer; font-weight:400; font-size:16px; color:#FFFFFF; text-align:center; padding:10px; background-color: rgba(220, 250, 220, 0.8);}

/* Old buttons to be replaced by linkButton01 and linkButton02					*/
.greenButton01		{display:inline-block;}
.greenButton01 a	{height:25px; display:inline-block; border-radius:10px;
			 cursor:pointer; font-weight:400; font-size:16px; line-height:23px; color:#FFFFFF; text-align:center; background-color: rgba(  0, 150,   0, 0.8);}
.greenButton01 a:link		{color:#FFFFFF; background-color: rgba(  0, 150,   0, 0.8); text-decoration:none;}
.greenButton01 a:visited	{color:#FFFFFF; background-color: rgba(  0, 150,   0, 0.8); text-decoration:none;}
.greenButton01 a:hover		{color:#FFFFFF; background-color: rgba(150,  50, 200, 0.8); text-decoration:none;}

.greenButton02		{display:inline-block;}
.greenButton02 a	{height:20px; display:inline-block; border-radius:20px;
			 cursor:pointer; font-weight:400; font-size:14px; line-height:20px; color:#FFFFFF; text-align:center; background-color: rgba(  0, 150,   0, 0.8);}
.greenButton02 a:link		{color:#FFFFFF; background-color: rgba(  0, 150,   0, 0.8); text-decoration:none;}
.greenButton02 a:visited	{color:#FFFFFF; background-color: rgba(  0, 150,   0, 0.8); text-decoration:none;}
.greenButton02 a:hover		{color:#FFFFFF; background-color: rgba(150,  50, 200, 0.8); text-decoration:none;}

/*	Dummy button: looks like 01 but doesn't link (e.g. in a layer that is a link itself)	*/
.greenButton01Z		{height:25px; display:inline-block; border-radius:10px;
			 cursor:pointer; font-weight:400; font-size:16px; color:#FFFFFF; text-align:center; background-color: rgba( 50, 150,  50, 0.8);}

.purpleButton01		{display:inline-block;}
.purpleButton01 a	{height:25px; display:inline-block; border-radius:20px;
			 cursor:pointer; font-weight:400; font-size:16px; line-height:23px; color:#FFFFFF; text-align:center; background-color: rgba(150,  50, 200, 0.8);}
.purpleButton01 a:link		{color:#FFFFFF; background-color: rgba(150,  50, 200, 0.8); text-decoration:none;}
.purpleButton01 a:visited	{color:#FFFFFF; background-color: rgba(150,  50, 200, 0.8); text-decoration:none;}
.purpleButton01 a:hover		{color:#FFFFFF; background-color: rgba(  0, 150,   0, 0.8); text-decoration:none;}

.orangeButton		{background:#FF8C00; color:#FFFFFF; font-weight:700; border:solid 1px #FF8C00;}
.orangeButton: a:link		{background:#FF8C00; color:#FFFFFF; font-weight:700; border:solid 1px #FF8C00; text-decoration:none;}
.orangeButton: a:visited	{background:#FF8C00; color:#FFFFFF; font-weight:700; border:solid 1px #FF8C00; text-decoration:none;}
.orangeButton: a:hover		{background:#FFFF99; color:#CC00CC; font-weight:700; border:solid 1px #FF8C00; text-decoration:none;}

/*	=====  GET RID OF THESE !!!  =====	*/
.ZbuyButton01A		{width:250px; display:inline-block; margin:0px; font-weight:400; float:left;}
.ZbuyButton01A a		{width:250px; display:inline-block; padding:15px  0px 15px  0px; border-radius: 20px  0px  0px 20px;
			 cursor:pointer; font-size:16px; color:#FFFFFF; text-align:center; background-color: rgba( 50, 150,  50, 0.8);}
.ZbuyButton01A a:link		{color:#FFFFFF; background-color: rgba( 50, 150,  50, 0.8); text-decoration:none;}
.ZbuyButton01A a:visited	{color:#FFFFFF; background-color: rgba( 50, 150,  50, 0.8); text-decoration:none;}
.ZbuyButton01A a:hover		{color:#FF0000; background-color: rgba(230, 230, 230, 0.8); text-decoration:none;}

.ZbuyButton01B		{width:150px; display:inline-block; margin:0px; font-weight:700; float:left;}
.ZbuyButton01B a		{width:150px; display:inline-block; padding:15px  0px 15px  0px; border-radius:  0px 20px 20px  0px;
			 cursor:pointer; font-size:16px; color:#FFFFFF; text-align:center; background-color: rgba(  0,   0,   0, 0.8);}
.ZbuyButton01B a:link		{color:#FFFFFF; background-color: rgba(  0,   0,   0, 0.8); text-decoration:none;}
.ZbuyButton01B a:visited	{color:#FFFFFF; background-color: rgba(  0,   0,   0, 0.8); text-decoration:none;}
.ZbuyButton01B a:hover		{color:#FF0000; background-color: rgba(230, 230, 230, 0.8); text-decoration:none;}

.bigButton		{width:250px; display:inline-block;}
.bigButton a		{text-decoration: none; width:100%; display:block; text-align:center; padding-top:5px; padding-bottom:5px;}
.bigButton a:link		{color:#FFFFFF; background:#339933; text-decoration:none;}
.bigButton a:visited		{color:#FFFFFF; background:#339933; text-decoration:none;}
.bigButton a:hover		{color:#FFFFFF; background:#1A4F1A; text-decoration:none;}
/*	===== END: GET RID OF THESE !!! =====	*/

/* ====================  TEST STYLES ==================== */
.responseHeading	{color:#CC0000; font-size:30px; font-weight:700;}
.responseQuestion	{color:#660099; font-size:20px; font-weight:400; margin:0px 0px 10px 0px;}
.responseRadio		{color:#660099; width: 3%; display:inline-block; height:50px; vertical-align:top;}
.responseText		{color:#000000; width:96%; display:inline-block; height:50px; vertical-align:top;}
.responseText p		{display:inline-block; vertical-align:middle;}
.responseArea		{height:50px; cursor:pointer; margin:5px 0px 5px 0px; width:100%;}
.responseGraphic	{border:solid 1px #000000; border-radius:50%; height:20px; width:20px; display:inline-block;}

.questionMainImage	{width:300px;}
.questionImage		{width:20%; display:inline-block; vertical-align:top;}
.questionSpacer		{width: 3%; display:inline-block; vertical-align:top;}
.questionText		{width:76%; display:inline-block; vertical-align:top;}
.questionSection4	{height:430px;}
.questionSection5	{height:500px;}

.paddingImageTest	{padding-top:20px;}

.qarea			{width:100%; margin:5px 0px 5px 0px;}
.qimage			{display:inline-block; vertical-align:middle; width:10%; margin-right:2%;}
.qsection		{display:inline-block; vertical-align:top; width:87%;}

.createQPDF		{cursor:pointer;}
.createQPDF div		{}
.createQPDF:hover	{}

.ZcreateQPDF		{background:#33CC33; color:#FFFFFF; cursor:pointer;}
.ZcreateQPDF div	{padding:5px 0px 10px 0px;}
.ZcreateQPDF:hover	{background:#EEEEEE; color:#CC00CC;}

.barWidgetOuter {width:50%; height:25px; border:solid 1px #000000;}
.barWidgetInner {height:25px; border-right:1px solid #000000; width:0%; background:#EEEEEE;}

/* ==================== COOKIE STYLES ==================== */
.cookieBox      {position: fixed; z-index:1000; width:200px; height:320px; left:60px; bottom:60px; border-radius:4px 4px 4px 4px; box-shadow:-4px 10px 30px 0px #333333;}
.cookieBoxTop   {background-color:#9933CC; height:40px; color:#FFFFFF; border-radius:4px 4px 0px 0px;}
.cookieBoxMain  {background-color:#FFFFFF; height:300px; color:#333333; border-radius:0px 0px 4px 4px;}
.cookiePadding  {padding:10px;}
.closeCookieBox {position:absolute; right:12px; top:12px; cursor:pointer;}
.textSize12 	{font-size:12px;}

/* ==================== BLOG STYLES ==================== */
/* Add from styles at bottom */

.postContainer 		{background:#EEEEEE; border-bottom:4px solid #EECCFF; min-height:140px;}
.postImage		{text-align:center;}
.postImage img		{width:150px; height:150px;}
.postTitle		{font-size:22px; font-weight:bold; width:100%;}
.postTitle a		{font-size:22px; font-weight:bold; text-decoration:none;}
.postTitle a:link 	{color:#333333;}
.postTitle a:visited 	{color:#333333;}
.postTitle a:hover 	{color:#CC0000;}

.latestPost		{width:760px; background:#FFFFFF; display:inline-block; margin:20px; height:440px;}
.latestPostInner	{width:39%; display:inline-block;}
.latestPostInner h2	{}
.latestPostImage	{width:59%; float:right; height:380px; background-size: auto 100%; background-position: center;}

.blogCatBoxLink		{text-align:center; background-color:#9933CC; display:inline-block; margin:2px;}
.blogCatBoxLink a	{text-align:center; background-color:#EEEEEE; display:inline-block; cursor:pointer; color:#FFFFFF; width:100%}
.blogCatBoxLink a:link		{text-decoration:none; color:#FFFFFF; background-color:#CCFFCC;}
.blogCatBoxLink a:visited 	{text-decoration:none; color:#FFFFFF; background-color:#CCFFCC;}
.blogCatBoxLink a:hover		{text-decoration:none; color:#FFFFFF; background-color:#F8CCFF;}

.blogLeft  {display:inline-block; width:30%; vertical-align:top; padding-top:17px; height:auto;}
.blogMid   {display:inline-block; width:4%;}
.blogRight {display:inline-block; width:55%; vertical-align:top;}

.blogRightPC {float:right; width:69%; height:200px;}
.blogLeftPC {float:left; width:30%; height:200px;}

.blogAuthor {font-style: italic; text-align:left; font-size:13px; font-weight:400; margin-top:10px; margin-bottom:10px;}
.blogInfo {text-align:left;}

.blogTitleNormal		{line-height:24px; overflow:hidden; min-height:50px;}
.blogTitleNormal a:link 	{text-decoration:none; color:#333333;}
.blogTitleNormal a:visited 	{text-decoration:none; color:#333333;}
.blogTitleNormal a:hover 	{text-decoration:none; color:#CC00CC;}

.blogContent	{width:96%; max-width:800px; background:#FFFFFF; padding:10px;}

/* ==================== MODALS (Popups) ==================== */
.modalOverlay		{z-index:251; width:100%; height:100%; background:#000000; position:fixed; left:0px; top:0px; display:none; background:rgba(0,0,0,0.5); display:none;}
.videoPopup		{z-index:252; width:800px; border:solid 1px #000000; border-radius:15px; background:#FFFFFF; position:fixed; top:100px; left:0px; right:0px; margin-left:auto; margin-right:auto; display:none;}

.addToCartPopup		{z-index:252; width:600px; border:solid 1px #000000; border-radius:15px; background:#FFFFFF; position:fixed; top:100px; left:0px; right:0px; margin-left:auto; margin-right:auto; display:none; overflow: scroll;}
.addBothToCartPopup	{z-index:252; width:600px; border:solid 1px #000000; border-radius:15px; background:#FFFFFF; position:fixed; top:100px; left:0px; right:0px; margin-left:auto; margin-right:auto; display:none; overflow: scroll;}
.addPackageToCartPopup	{z-index:252; width:600px; border:solid 1px #000000; border-radius:15px; background:#FFFFFF; position:fixed; top:100px; left:0px; right:0px; margin-left:auto; margin-right:auto; display:none; overflow: scroll;}
.showLevelInfoPopup	{z-index:252; width:800px; border:solid 1px #CCFFCC; border-radius: 5px; background:#FFFFFF; position:fixed; top: 50px; left:0px; right:0px; margin-left:auto; margin-right:auto; display:none; overflow: scroll;}
.ZZZ			{position:absolute; padding:20px; text-align:left;}
.builderModal 		{display:none; z-index:260; width:95%; right:0; left:0; margin-right:auto; margin-left:auto; top:-850px; border:solid 1px #000000; padding:10px; position:fixed;
			 background:#FFFFFF; border-radius:25px; height:90%; overflow-y:scroll;}
.infoLayer 		{display:none; z-index:280; width:50%; right:0; left:0; margin-right:auto; margin-left:auto; border:solid 1px #000000; padding:10px; position:fixed; background:#FFFFFF; border-radius:25px; height:65%; overflow:hidden; top:10%;}

/* ==================== Bespoke Builder Elements ==================== */
.selectApp		{width:300px;}
.bespokeLayer		{position:relative; min-height:700px;}
.completeLayer 		{width:50%; right:0; left:0; margin-right:auto; margin-left:auto; border:solid 1px #000000; padding:10px; position:fixed;
			 background:#FFFFFF; border-radius:25px; display:none; z-index:300; overflow:hidden; top:10%;}

.bespokeLeft 		{float:left; text-align:center; width:49%; height:720px;}
.bespokeRight 		{float:right; text-align:center; width:49%; height:auto; position:relative; height:720px;}
.bespokeLeftBoundry 	{overflow-y:auto; overflow-x:hidden; height:720px;}

.bespokeConfirm 	{width:100%; float:left; border:dashed 1px #000000; margin:0px 0px 10px 0px; background:#D7F8FF;}

.moduleDummy 		{height:32px; width:auto; display:none; margin:2px; background-color:rgba(0,0,0,0.05); border:1px dashed #000000; line-height:22px;}
.moduleRevert 		{margin:2px; text-align:left; width:auto; line-height:22px;}
.moduleDrag 		{padding:5px; border:solid 1px #000000; text-align:left; width:auto; cursor:pointer; background:#FFFFFF; z-index:100; line-height:22px;}
.moduleDrop 		{padding:5px; margin:2px; border:dashed 1px #000000; text-align:left; width:auto; position:relative; z-index:1; line-height:22px;}
.moduleDur  		{width:20%; font-weight:bold; float:left; overflow:hidden; height:22px; line-height:22px;}
.moduleDesc 		{width:70%; float:left; overflow:hidden; height:22px; line-height:22px;}
.moduleRemove 		{width:20px; float:right; text-align:right; background:url(imageFiles/buttons/redX-small.png) no-repeat; display:none; cursor:pointer; line-height:22px;}
.moduleInfo 		{width:20px; float:right; text-align:right; background:url(imageFiles/icons/icon-about-us-20x20.gif) no-repeat; cursor:pointer; line-height:22px;}

.greenButton01JS	{display:inline-block; height:25px; display:inline-block; border-radius:20px;
			 cursor:pointer; font-weight:400; font-size:16px; line-height:23px; color:#FFFFFF; text-align:center; background-color: rgba(  0, 150,   0, 0.8);}

.centerButton		{margin:100px 0px 0px 0px; text-align:center;}
.centerNormal		{margin:20px 0px 0px 0px; text-align:center;}

/* Newsletter */
.newsletterLayer	{display:none; width:60%; max-width:580px; position:fixed; z-index:1000; background:#FFFFFF; border:solid 1px #000000; padding:10px;
			 margin-right:auto; margin-left:auto; border-radius:20px; height:auto; left:0px; right:0px; top:-200px;}
.popupLength		{width:250px;}		/*	Used to set width of button & form fields in newsletter popup form	*/
.screenPopup   		{z-index:252; width:800px; height:80%; overflow:scroll; border:solid 1px #000000; border-radius:15px; background:#FFFFFF; position:fixed; top:50px; left:0px; right:0px; margin-left:auto; margin-right:auto; display:none;}

/* Don't know what this is for */
#demoTerms p		{font-size:12px;}

/* ==================== SPRITES ==================== */
.review-stars-30, .review-stars-35, .review-stars-40, .review-stars-45, .review-stars-50 
			{width:100%; height:20px; line-height:20px; padding:0px 0px 0px 120px; background:url(/imageFiles/sprites/review-stars-sprite-01.jpg) no-repeat; display:inline-block;}
.review-stars-30	{background-position: 0px   0px !important;}
.review-stars-35	{background-position: 0px -20px !important;}
.review-stars-40	{background-position: 0px -40px !important;}
.review-stars-45	{background-position: 0px -60px !important;}
.review-stars-50	{background-position: 0px -80px !important;}

.dropDown 		{width:180px; font-size:15px; text-align:left; position:fixed; left:0; z-index:100; display:none;}

.dropDown a	 	{padding:4px; display:block; width:100%; background:#EECCFF; color:#FFFFFF;}
.dropDown a:link    	{color:#333333; text-decoration:none; background:#EECCFF;}
.dropDown a:visited 	{color:#333333; text-decoration:none; background:#EECCFF;}
.dropDown a:hover   	{color:#333333; text-decoration:none; background:rgb(217,255,216); background:rgba(217,255,216,1.0);}

.flyOut 		{width:300px; font-size:15px; text-align:left; position:fixed; left:0; z-index:99; display:none;}

.flyOut a	 	{padding:4px; display:block; width:100%; background:#EECCFF; color:#FFFFFF;}
.flyOut a:link    	{color:#333333; text-decoration:none; background:#EECCFF;}
.flyOut a:visited 	{color:#333333; text-decoration:none; background:#EECCFF;}
.flyOut a:hover   	{color:#333333; text-decoration:none; background:rgb(217,255,216); background:rgba(217,255,216,1.0);}

.normalButton		{width:94%; background:#339933; color:#FFFFFF; display:inline-block; cursor:pointer; height:30px; padding-top:10px; border:solid 1px #333333; text-align:center;}
.normalButton a:link	{text-decoration:none; color:#FFFFFF;}
.normalButton a:visited	{text-decoration:none; color:#FFFFFF;}
.normalButton a:hover	{text-decoration:none; color:#CC00CC; background:#FFFFFF; border:solid 1px #CC00CC;}

.normalButton:hover	{background:#FFFFFF; color:#CC00CC; padding-top:10px; border:solid 1px #CC00CC;}

.col2           	{width:48%; display:inline-block; height:100%; text-align:center; vertical-align:top;}

/* Forms */
.form input 		{width:90%; height:30px; display:inline-block; margin:5px 0px 5px 0px;}
.form textarea 		{width:90%; height:85px; display:inline-block; margin:5px 0px 5px 0px; height:76px; width:91.5%; margin-left:2%;}
.form select 		{width:90%; height:37px; display:inline-block; margin:5px 0px 5px 0px;}
.form .normalButton 	{width:60%; text-align:center;}
.contactInput		{color:#0066AA; font-size:16px; line-height:22px; }
.form .contactInput	{color:#0066AA; font-size:16px; line-height:22px; }
.contactInput		{font-family: sf pro display,-apple-system,BlinkMacSystemFont,Roboto,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;}
.form .contactInput	{font-family: sf pro display,-apple-system,BlinkMacSystemFont,Roboto,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;}
.formthingy		{opacity:0; position:absolute; top:0; left:0; height:0; width:0; z-index:-100;}

/* Arrow used for dropdowns, etc: STYLE 1		*/
.arrow1			{border: solid black; border-width: 0px 3px 3px 0px; display: inline-block; padding: 3px; margin:0px 0px 2px 0px;}
.arrow2			{border: solid white; border-width: 0px 3px 3px 0px; display: inline-block; padding: 3px; margin:0px 0px 2px 0px;}
.rightArrow1		{transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);}
.leftArrow1		{transform: rotate(135deg);  -webkit-transform: rotate(135deg);}
.upArrow1		{transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
.downArrow1		{transform: rotate(45deg);   -webkit-transform: rotate(45deg);}

#courseBenefitsLayer	{max-height:260px;  display:inline-block; text-align:left; overflow:hidden;}
#buttonBenefitsExpand	{height:25px; width:120px; text-align:center; color:#FFFFFF; font-weight:400; font-size:16px; line-height:23px; padding:5px; cursor:pointer; border-radius:5px; 
			 background-color: rgba( 0, 150,   0, 0.8); display:inline-block;}
#buttonBenefitsCollapse	{height:25px; width:120px; text-align:center; color:#FFFFFF; font-weight:400; font-size:16px; line-height:23px; padding:5px; cursor:pointer; border-radius:5px; 
			 background-color: rgba( 0, 150,   0, 0.8); display:none;}

/* ====================     RESOLUTION-SPECIFIC (RESPONSIVE) STYLES:     ==================== */
/* Included in separate styles-pc-responsive.css file so they overrule anything else			*/