/* ==================== STANDARD TAG STYLES ====================	*/
/*	2023 LIGHTER COLOURS
		Green		MAIN:	#BBEE44		MID:	#CCFFCC		LIGHT:	#EEFFDD		DARK:	#99EE22
		Purple		MAIN:	#BB66EE					LIGHT:	#F8E8FF		DARK:	#9933CC		*/

body		{font-family: 'Poppins', sans-serif;}
body		{color:#000000; background:#FFFFFF; font-size:16px; line-height:1.3; 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:underline; text-decoration-thickness:0.0625rem; text-underline-offset:0.1em; color:#0000CC;}
a:visited	{text-decoration:underline; text-decoration-thickness:0.0625rem; text-underline-offset:0.1em; color:#0000CC;}
a:hover		{text-decoration:underline; text-decoration-thickness:0.1250rem; text-underline-offset:0.1em; color:#CC0000;}
.hiddenLink	{text-decoration:none !important;}

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

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

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

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

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

b		{font-weight:600 !important;}

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

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

.noDisplay	{display:none;}
.showBelow1200	{display:none;}
.showBelow1400	{display:inline;}

.tickListBlack		{margin:0px; padding:0px;}
.tickListBlack li	{font-size:14px; line-height:1.8; background: url(/imageFiles/icons/list-tick-image-black.png) no-repeat left center; padding: 5px 0px 5px 30px; list-style: none; margin: 0; vertical-align: middle;}

/* BLOG CONTENT STYLES -  START 					*/
.blogContent		{line-height:1.6;}

.blogTable		{width:100%; padding:0px !important; margin:0px !important;}
.blogTable table	{width:100%; min-width:380px !important; display: block; border-collapse: collapse; border: 1px solid #339933 !important;}
.blogTable table	{margin-left: auto !important; margin-right: auto !important;}			/* Centre the table horizontally	*/
.blogTable table	{margin-top: 0px !important; margin-bottom: 0px !important; }			/* Remove gaps around table		*/
.blogTable br		{display: none !important;}							/* Hide stupid multiple <br> tags inserted by WordPress		*/
.blogTable td		{border: 1px solid #339933 !important;}
/* BLOG CONTENT STYLES -  END	 					*/

/* TOP MENU STYLES -  START 						*/
.menuDummyPC		{height:80px; background-color:#FFFFFF; z-index:200;}
.topMenuPC		{width:100%; height:80px; background-color: #FFFFFF; top:0px; position:fixed; z-index:300;}
.topMenuPCInner		{width:1050px; margin:auto;}
.topMenuLinksElement		{text-decoration:none; color:#000000; font-weight:400; cursor:default; font-size:16px; width:100%;}
.topMenuLinksElement a:link	{text-decoration:none; color:#000000;}
.topMenuLinksElement a:visited	{text-decoration:none; color:#000000;}
.topMenuLinksElement a:hover	{text-decoration:underline; text-decoration-thickness:0.1250rem; text-underline-offset:0.1em; color:#0000CC;}
.za:hover	{text-decoration:none; color:#0000CC;}

.dropbtn		{padding-bottom:0px;}
.dropbtn:hover		{color:#0000CC;}
.dropbtn:focus		{color:#0000CC;}

.dropdown		{position:relative; display:inline-block;}
.dropdown a:hover	{background-color: #66EE66;}
.dropdown-content	{color:#000000; border:#33CC33 solid 1px; padding:2px 0px 5px 0px; background-color:#CCFFCC; font-size:14px; text-align:left; overflow:auto; position:absolute; display:none; z-index:110;}
.dropdown-content a	{color:#000000; padding: 5px 0px 5px 5px; text-decoration:none; display:block;}
.dropdown-show		{display: block;}

.flyout			{position:relative; display:inline-block;}
.flyout a:hover		{background-color: #77F877;}
.flyout-content		{color:#000000; border:#33CC33 solid 1px; padding:2px 0px 5px 0px; background-color:#DDFFDD; font-size:14px; text-align:left; overflow:auto; position:absolute; display:none; z-index:110;}
.flyout-content a	{color:#000000; padding: 5px 0px 5px 5px; text-decoration:none; display:block;}
.flyout-show		{display: block;}
/* TOP MENU STYLES -  END 						*/

/* COURSE CONTENT -  START 						*/
/* Module & Content listings						*/
.moduleName		{font-weight:700; height:40px; width:580px; float:left;}
.moduleContentShow	{font-weight:700; height:40px; width: 40px; float:right; padding-left:40px; cursor:pointer;}
.moduleContent		{font-weight:400; height:25px; font-size:15px; color:#9933CC;}
.moduleContentWidth1	{width:710px; }
.moduleContentWidth2	{width:680px;}
.contentDiv		{position:relative; display:none;}
/* COURSE CONTENT -  END 						*/

/* TOP BANNERS - START							*/

/* TOP BANNER CONTENT STYLES						*/
.pageBannerHOME		{height:420px;}
.pageBannerCONTENT	{height:300px;}
.pageBannerARTICLE	{height:225px;}
.pageBannerLH		{width:50%; float:left;}
.pageBannerRH		{width:49%; float:right;}
.pageBannerCOURSE	{height:300px;}					/* Used for courses and packages ... */
.pageBannerRHCOURSE	{position:relative; top:50px; left:75px; width:350px; height:197px; border-radius: 10px;}

.homeBannerLH		{width: 50%; float:left; vertical-align:middle; height:400px;}
.homeBannerRH		{width: 49%; float:left; vertical-align:middle; height:400px;}
.homePageHeading	{font-size:44px; font-weight:700; text-align:left;}

/* TOP BANNER TEXT STYLES						*/
.bannerTopLine		{color:#9900CC; font-size:16px; font-weight:700; background-color:#FFEEFF; width:fit-content; padding:8px 16px 8px 16px; border-radius:25px;} 

/* TOP BANNER IMAGE STYLES						*/
.bannerStarRatingsBox	{background:url(/imageFiles/banners/bannerStarRatingsBox.png);	width:110px; height:110px; border-radius:10px; position:relative; left:950px; top:100px; z-index:150; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);}
.bannerStudentsBox	{background:url(/imageFiles/banners/bannerStudentsBox.png); 	width:200px; height: 90px; border-radius:10px; position:relative; left:650px; top:230px; z-index:150; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);}
.bannerAnniversaryBox	{background:url(/imageFiles/banners/bannerAnniversaryBox.png); 	background-position: 4px 5px; width:105px; height:105px; border-radius:10px; position:relative; left:920px; top:110px; z-index:150; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);}

.bannerSchema		{text-align:left; font-size:14px; margin:20px 0px  0px 0px;}
.bannerBreadcrumb	{margin:10px 0px 10px 0px;}
.bannerBreadcrumb a	{font-size:14px; font-weight:400; color:#9933CC; text-align:left;}
.bannerBreadcrumb a:link	{color:#9933CC; text-decoration:none;}
.bannerBreadcrumb a:visited	{color:#9933CC; text-decoration:none;}
.bannerBreadcrumb a:hover	{color:#CC0000; text-decoration:none;}

.bannerTitle		{text-align:left; font-size:32px; line-height:1.2; font-weight:700; margin:30px 0px  0px 0px;}
.bannerText1		{text-align:left; font-size:16px; line-height:1.2; font-weight:400; margin:20px 0px  0px 0px;}
.bannerText2		{text-align:left; font-size:16px; line-height:1.2; font-weight:400; margin: 0px 0px  0px 0px;}

/* TOP BANNERS -  END							*/

/* BUTTON STYLES - START						*/

.buttonAll		{display:inline-block;}
.buttonAll a		{text-align:center; color:#000000;}
.buttonAll a:link		{text-decoration:none;}
.buttonAll a:visited		{text-decoration:none;}
.buttonAll a:hover		{text-decoration:none;}

/* The padding is CRUCIAL so don't mess with it!!			*/
.buttonSmall		{padding: 4px  0px  4px  0px; border-radius: 5px; font-weight:400; font-size:14px;}
.buttonSmall a		{padding: 4px  8px  4px  8px; border-radius: 5px; font-weight:400; font-size:14px;}
.buttonMid		{padding: 6px  0px  6px  0px; border-radius:10px; font-weight:600; font-size:15px;}
.buttonMid a		{padding: 6px 12px  6px 12px; border-radius:10px; font-weight:600; font-size:15px;}
.buttonMidNoLink	{padding: 6px 12px  6px 12px; border-radius:10px; font-weight:600; font-size:15px;}
.buttonBig		{padding:20px  0px 20px  0px; border-radius:20px; font-weight:700; font-size:16px;}
.buttonBig a		{padding:20px 25px 20px 25px; border-radius:20px; font-weight:700; font-size:16px;}

.buttonGreen		{background-color:#BBEE44; color:#000000;}
.buttonGreen a		{background-color:#BBEE44; color:#000000;}
.buttonGreen a:hover	{background-color:#00BB00; color:#FFFFFF;}
.buttonGreen:hover	{background-color:#00BB00; color:#FFFFFF;}

.buttonLightG		{background-color:#CCFFCC; color:#000000;}
.buttonLightG a		{background-color:#CCFFCC; color:#000000;}
.buttonLightG a:hover	{background-color:#00BB00; color:#FFFFFF;}
.buttonLightG:hover	{background-color:#00BB00; color:#FFFFFF;}

.buttonLightP		{background-color:#EECCFF; color:#000000;}
.buttonLightP a		{background-color:#EECCFF; color:#000000;}
.buttonLightP a:hover	{background-color:#BB00CC; color:#FFFFFF;}
.buttonLightP:hover	{background-color:#BB00CC; color:#FFFFFF;}

.buttonLightY		{background-color:#EEFFCC; color:#000000;}
.buttonLightY a		{background-color:#EEFFCC; color:#000000;}
.buttonLightY a:hover	{background-color:#FFFF99; color:#CC0000;}
.buttonLightY:hover	{background-color:#FFFF99; color:#CC0000;}

.buttonGray1		{background-color:#EEEEEE; color:#9900CC;}
.buttonGray1 a		{background-color:#EEEEEE; color:#9900CC;}
.buttonGray1 a:hover	{background-color:#999999; color:#FFFFFF;}
.buttonGray1:hover	{background-color:#999999; color:#FFFFFF;}

.buttonWhite		{background-color:#FFFFFF; color:#000000;}
.buttonWhite a		{background-color:#FFFFFF; color:#000000;}
.buttonWhite a:hover	{background-color:#00BB00; color:#FFFFFF;}
.buttonWhite:hover	{background-color:#00BB00; color:#FFFFFF;}

/* BUTTON STYLES -  END							*/

/* FORMS - START							*/
.form input 		{width:90%; height:30px; display:inline-block; margin:5px 0px 5px 0px;}
.form textarea 		{width:95%; height:80px; display:inline-block; margin:5px 0px 5px 0px;}
.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: 'Poppins', sans-serif;}
.form .contactInput	{font-family: 'Poppins', sans-serif;}
.formthingy		{opacity:0; position:absolute; top:0; left:0; height:0; width:0; z-index:-100;}
/* FORMS - END								*/

/* MODALS (Popups) - START						*/
/* Overlay to cover screen so modal needs to be actioned		*/
.modalOverlay		{display:none; z-index:251; width:100%;  height:100%;  position:fixed; top:  0px; left:0px; background:rgba(0,0,0,0.5);}
/* Screen popup for signups, etc					*/
.screenPopup   		{width:600px; height:600px; position:fixed; top:100px; left:0px; right:0px; margin-left:auto; margin-right:auto; border:solid 1px #000000; border-radius:15px; 
			 background:#FFFFFF; overflow:hidden; display:none; z-index:252;}
.addToCartPopup		{width:600px; position:fixed;    top:100px; left:0px; right:0px; margin-left:auto; margin-right:auto; border:solid 1px #000000; border-radius:15px; 
			 background:#FFFFFF; overflow:hidden; display:none; z-index:252;}
.addBothToCartPopup	{width:600px; position:fixed;    top:100px; left:0px; right:0px; margin-left:auto; margin-right:auto; border:solid 1px #000000; border-radius:15px; 
			 background:#FFFFFF; overflow:hidden; display:none; z-index:252;}
.addPackageToCartPopup	{width:600px; position:fixed;    top:100px; left:0px; right:0px; margin-left:auto; margin-right:auto; border:solid 1px #000000; border-radius:15px; 
			 background:#FFFFFF; overflow:hidden; display:none; z-index:252;}

.topRightFloat01	{width:350px; position:absolute; top:  5px; right:0px; background:#FFFFFF; border:1px #000000 solid; border-radius:10px; z-index:50;}
.topRightStatic01	{width:350px; position:absolute; top: 30px; right:0px; background:#FFFFFF; border:1px #000000 solid; border-radius:10px; height:700px;}
/* Shopping Cart	*/
.topRightStatic02	{width:300px; position:absolute; top: 80px; right:0px; background:#FFFFFF; border:1px #000000 solid; border-radius:10px; margin-right:10px;}
.topBuyLayer		{width:100%;  position:absolute; top:  0px; text-align:center; height:1px; z-index:50;}

.discountStar		{width:50px; margin:20px 30px  0px 10px;}
.priceLHcol		{float:left; padding: 0px 10px 0px 10px; font-size:24px; font-weight:700; color:#FF0000;}
.priceRHcol		{float:left; padding: 0px  0px 0px 20px;}

/* NOT USED?	*/
.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;}
.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;}
.infoLayer 		{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%; display:none; overflow:hidden; top:10%; }

.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	*/
.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;}

/*  MODALS (Popups) - END						*/

/* CONTENT CARD STYLES -  START	
/* Fixed width until there's time to adjust the content for different screen widths	*/
.display-widthCAROUSEL		{width:1050px; margin: auto; display:inline-block;}
.display-widthCARDS		{width:1050px; margin: auto; display:inline-block;}
.display-areaCARDS		{width:1050px;}
.display-wrapperCARDS		{}
.display-widthCAROUSEL70	{width: 730px; margin: auto; display:inline-block;}
.display-widthCARDS70		{width: 730px;}
.display-areaCARDS70		{width: 730px;}
.display-wrapperCARDS70		{}
.display-widthCAROUSEL35	{width: 365px; margin: auto; display:inline-block;}
.display-widthCARDS35		{width: 365px;}
.display-areaCARDS35		{width: 365px;}
.display-wrapperCARDS35		{}

.contentCard1col		{width:1040px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px;}
.contentCard1col img		{width:100%; border-radius:5px; border:1px #CCCCCC solid;}
.contentCard1colNOimage		{width:1040px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px;}

.contentCard1col35		{width:316px; margin-right: 4px; flex:316px 0 0; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px 2px 2px 2px;}
.contentCard1col35 img		{width:100%; border-radius:5px; border:1px #CCCCCC solid;}
.contentCard1col35NOimage	{width:316px; margin-right: 4px; flex:316px 0 0; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px 2px 2px 2px;}

.contentCard2col		{width:484px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px;}
.contentCard2col img		{width:100%; border-radius:5px; border:1px #CCCCCC solid;}
.contentCard2col70		{width:336px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px;}
.contentCard2col70 img		{width:100%; border-radius:5px; border:1px #CCCCCC solid;}
.contentCard3col		{width:316px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px;}
.contentCard3col img		{width:100%; border-radius:5px; border:1px #CCCCCC solid;}
.contentCard3colNOimage		{width:316px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px;}
.contentCard3col70		{width:222px; margin-right: 4px; flex:222px 0 0; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px 2px 2px 2px;}
.contentCard3col70 img		{width:100%; border-radius:5px; border:1px #CCCCCC solid;}
.contentCard3col70NOimage	{width:222px; margin-right: 4px; flex:222px 0 0; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px 2px 2px 2px;}
.contentCard4col		{width:240px; margin:10px 5px 10px 5px; flex:240px 0 0; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px; overflow:hidden;}
.contentCard4col img 		{width:100%; border-radius:5px; border:1px #CCCCCC solid;}
.contentCard4colNOimage		{width:240px; margin:10px 5px 10px 5px; flex:240px 0 0; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px; overflow:hidden;}

.contentCarousel2col		{width:484px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px;}
.contentCarousel2col img	{width:100%; border-radius:5px; border:1px #CCCCCC solid;}
.contentCarousel3col		{width:316px; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px;}
.contentCarousel3col img	{width:100%; border-radius:5px; border:1px #CCCCCC solid;}
.contentCarousel3col70		{width:222px; margin-right: 4px; flex:222px 0 0; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:2px;}
.contentCarousel3col70 img	{width:100%; border-radius:5px; border:1px #CCCCCC solid;}
.contentCarousel3colNOimage	{width:234px; margin-right: 4px; flex:234px 0 0; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:2px;}
.contentCarousel4col		{width:240px; margin:10px 5px 10px 5px; flex:240px 0 0; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px; overflow:hidden;}
.contentCarousel4col img 	{width:100%; border-radius:5px; border:1px #CCCCCC solid;}
.contentCarousel4colNOimage	{width:240px; margin:10px 5px 10px 5px; flex:240px 0 0; border:#CCCCCC 1px solid; border-radius:5px; text-align:left; padding:5px; overflow:hidden;}

.showCardLayer			{width:99.5%; background:#EEFFDD; border:#339933 1px solid; border-radius:10px; position:absolute; z-index:75; top:10px; left:0px; display:none;}
/* CONTENT CARD STYLES -  END						*/

/* PAGE CONTENT PANEL STYLES -  START					*/
.infoImage-WriteForUs	{position:relative; top: 30px; left: 0px;}
.infoPanel01		{width:1050px; height:330px; border-radius:10px; background-image:url(/imageFiles/page/InfoPanel-01-2000x330.png); 
				background-repeat:no-repeat; background-size: auto 100%; background-position:center; overflow:hidden;}
.infoPanel02		{width:1050px; height:330px; border-radius:10px; background-image:url(/imageFiles/page/InfoPanel-02-2000x330.png); 
				background-repeat:no-repeat; background-size: auto 100%; background-position:center; overflow:hidden;}
.infoPanel02OFFER	{width:1050px; height:330px; border-radius:10px; background-image:url(/imageFiles/page/InfoPanel-02-2000x330-OFFER.png); 
				background-repeat:no-repeat; background-size: auto 100%; background-position:center; overflow:hidden;}
.infoPanel03		{width:1050px; height:330px; border-radius:10px; background-image:url(/imageFiles/page/InfoPanel-03-2000x330.png); 
				background-repeat:no-repeat; background-size: auto 100%; background-position:center; overflow:hidden;}
.infoPanel04		{width:1050px; height:330px; border-radius:10px; background-image:url(/imageFiles/page/InfoPanel-04-2000x330.png); 
				background-repeat:no-repeat; background-size: auto 100%; background-position:center; overflow:hidden;}

.contentBoxWhyZandaX01	{height:250px; background:url(/imageFiles/page/box-WhyZandax-01-1050.png) no-repeat;}	
.contentBoxWhyZandaX02	{height:250px; background:url(/imageFiles/page/box-WhyZandax-02-1050.png) no-repeat;}	
.contentBoxWhyZandaX03	{height:250px; background:url(/imageFiles/page/box-WhyZandax-03-1050.png) no-repeat;}	

/* PAGE CONTENT PANEL STYLES -  END					*/

/* BOX CONTENT STYLES - START						*/
.contentDivider		{width:100px; height:10px;}
.showHideLayer		{z-index:75; display:none;}

/* BOX CONTENT STYLES - END						*/

/* GENERAL STYLES - START						*/
.pageContainer	{width:100%; display:inline-block; max-width:1050px;}		/* REDUNDANT? */
.contentWidth	{max-width:1050px;}
.screenWidth	{width:100%; display:inline-block; text-align:center;}
.fullWidth	{width:100%; display:inline-block; max-width:1050px;}		/* NO MARGIN FOR ERROR! MUST HAVE NO PADDING, MARGINS, ETC OR THERE WILL BE TROUBLE! */
.column100	{width: 99%; display:inline-block; max-width:1050px;}
.column05	{width:  5%; display:inline-block; margin:auto;}
.column10	{width: 10%; display:inline-block; margin:auto;}
.column15	{width: 15%; display:inline-block; margin:auto;}
.column19	{width: 19%; display:inline-block; margin:auto;}
.column20	{width: 20%; display:inline-block; margin:auto;}
.column24	{width: 24%; display:inline-block; margin:auto;}
.column25	{width: 25%; display:inline-block; margin:auto;}
.column28	{width: 28%; display:inline-block; margin:auto;}
.column30	{width: 30%; display:inline-block; margin:auto;}
.column32	{width: 32%; display:inline-block; margin:auto;}
.column33	{width: 33%; display:inline-block; margin:auto;}
.column39	{width: 39%; display:inline-block; margin:auto;}
.column40	{width: 40%; display:inline-block; margin:auto;}
.column45	{width: 45%; display:inline-block; margin:auto;}
.column49	{width: 49%; display:inline-block; margin:auto;}
.column50	{width: 50%; display:inline-block; margin:auto;}
.column55	{width: 55%; display:inline-block; margin:auto;}
.column60	{width: 60%; display:inline-block; margin:auto;}
.column65	{width: 65%; display:inline-block; margin:auto;}
.column66	{width: 66%; display:inline-block; margin:auto;}
.column70	{width: 70%; display:inline-block; margin:auto;}
.column75	{width: 75%; display:inline-block; margin:auto;}
.column80	{width: 80%; display:inline-block; margin:auto;}
.column85	{width: 85%; display:inline-block; margin:auto;}
.column90	{width: 90%; display:inline-block; margin:auto;}
.column95	{width: 95%; display:inline-block; margin:auto;}

.margin05	{margin: 5px !important;}
.margin10	{margin:10px !important;}
.margin15	{margin:15px !important;}
.margin20	{margin:20px !important;}
.margin30	{margin:30px !important;}
.margin40	{margin:40px !important;}
.margin05horiz	{margin: 0px  5px  0px  5px !important;}
.margin10horiz	{margin: 0px 10px  0px 10px !important;}
.margin15horiz	{margin: 0px 15px  0px 15px !important;}
.margin20horiz	{margin: 0px 20px  0px 20px !important;}
.margin30horiz	{margin: 0px 30px  0px 30px !important;}
.margin40horiz	{margin: 0px 40px  0px 40px !important;}
.margin05vert	{margin: 5px  0px  5px  0px !important;}
.margin10vert	{margin:10px  0px 10px  0px !important;}
.margin15vert	{margin:15px  0px 15px  0px !important;}
.margin20vert	{margin:20px  0px 20px  0px !important;}
.margin30vert	{margin:30px  0px 30px  0px !important;}
.margin40vert	{margin:40px  0px 40px  0px !important;}
.margin05left	{margin: 0px  0px  0px  5px !important;}
.margin10left	{margin: 0px  0px  0px 10px !important;}
.margin15left	{margin: 0px  0px  0px 15px !important;}
.margin20left	{margin: 0px  0px  0px 20px !important;}
.margin30left	{margin: 0px  0px  0px 30px !important;}
.margin40left	{margin: 0px  0px  0px 40px !important;}
.margin05right	{margin: 0px  5px  0px  0px !important;}
.margin10right	{margin: 0px 10px  0px  0px !important;}
.margin15right	{margin: 0px 15px  0px  0px !important;}
.margin20right	{margin: 0px 20px  0px  0px !important;}
.margin30right	{margin: 0px 30px  0px  0px !important;}
.margin40right	{margin: 0px 40px  0px  0px !important;}
.margin05top	{margin: 5px  0px  0px  0px !important;}
.margin10top	{margin:10px  0px  0px  0px !important;}
.margin15top	{margin:15px  0px  0px  0px !important;}
.margin20top	{margin:20px  0px  0px  0px !important;}
.margin30top	{margin:30px  0px  0px  0px !important;}
.margin40top	{margin:40px  0px  0px  0px !important;}
.margin05bottom	{margin: 0px  0px  5px  0px !important;}
.margin10bottom	{margin: 0px  0px 10px  0px !important;}
.margin15bottom	{margin: 0px  0px 15px  0px !important;}
.margin20bottom	{margin: 0px  0px 20px  0px !important;}
.margin30bottom	{margin: 0px  0px 30px  0px !important;}
.margin40bottom	{margin: 0px  0px 40px  0px !important;}

.padding05	{padding: 5px !important;}
.padding10	{padding:10px !important;}
.padding15	{padding:15px !important;}
.padding20	{padding:20px !important;}
.padding30	{padding:30px !important;}
.padding40	{padding:40px !important;}
.padding05horiz	{padding: 0px  5px  0px  5px !important;}
.padding10horiz	{padding: 0px 10px  0px 10px !important;}
.padding15horiz	{padding: 0px 15px  0px 10px !important;}
.padding20horiz	{padding: 0px 20px  0px 20px !important;}
.padding30horiz	{padding: 0px 30px  0px 30px !important;}
.padding40horiz	{padding: 0px 40px  0px 40px !important;}
.padding05vert	{padding: 5px  0px  5px  0px !important;}
.padding10vert	{padding:10px  0px 10px  0px !important;}
.padding15vert	{padding:15px  0px 10px  0px !important;}
.padding20vert	{padding:20px  0px 20px  0px !important;}
.padding30vert	{padding:30px  0px 30px  0px !important;}
.padding40vert	{padding:40px  0px 40px  0px !important;}
.padding05left	{padding: 0px  0px  0px  5px !important;}
.padding10left	{padding: 0px  0px  0px 10px !important;}
.padding15left	{padding: 0px  0px  0px 15px !important;}
.padding20left	{padding: 0px  0px  0px 20px !important;}
.padding30left	{padding: 0px  0px  0px 30px !important;}
.padding40left	{padding: 0px  0px  0px 40px !important;}
.padding05right	{padding: 0px  5px  0px  0px !important;}
.padding10right	{padding: 0px 10px  0px  0px !important;}
.padding15right	{padding: 0px 15px  0px  0px !important;}
.padding20right	{padding: 0px 20px  0px  0px !important;}
.padding30right	{padding: 0px 30px  0px  0px !important;}
.padding40right	{padding: 0px 40px  0px  0px !important;}
.padding05bottom {padding: 0px  0px  5px  0px !important;}
.padding10bottom {padding: 0px  0px 10px  0px !important;}
.padding15bottom {padding: 0px  0px 15px  0px !important;}
.padding20bottom {padding: 0px  0px 20px  0px !important;}
.padding30bottom {padding: 0px  0px 30px  0px !important;}
.padding40bottom {padding: 0px  0px 40px  0px !important;}
.padding05top	{padding: 5px  0px  0px  0px !important;}
.padding10top	{padding:10px  0px  0px  0px !important;}
.padding15top	{padding:15px  0px  0px  0px !important;}
.padding20top	{padding:20px  0px  0px  0px !important;}
.padding30top	{padding:30px  0px  0px  0px !important;}
.padding40top	{padding:40px  0px  0px  0px !important;}

.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;}
.borderGray	{border:1px #CCCCCC solid;}

.contentContainer	{display:inline-block;}
.roundedCorners		{border-radius:5px;}
.borderRadius01	{border-radius: 5px;}
.borderRadius02	{border-radius:10px;}
.borderRadius03	{border-radius:20px;}
.borderRadius04	{border-radius:30px;}
.borderRadius05	{border-radius:40px;}

.inlineBlock	{display:inline-block;}
.displayBlock	{display:block;}
.displayNone	{display:none;}
.posnAbsolute	{position:absolute;}
.posnRelative	{position:relative;}

.overflowHidden	{overflow:hidden;}

.flexDisplay	{display:flex !important;}									/* Overwrites other definitions, especially block or inline-block	*/
.flexHorizontal	{display:flex !important; justify-content:center;}						/* Items are centred horizontally				*/
.flexVertical	{display:flex !important; align-items:center;     -webkit-align-items: center;}			/* Items are centred vertically					*/
.flexTop	{display:flex !important; align-items:flex-start; -webkit-align-items: flex-start;}		/* Items are aligned to the top (may need vertical heights of items to be the same...)		*/
.flexBottom	{display:flex !important; align-items:flex-end;   -webkit-align-items: flex-end;}		/* Items are aligned to the bottom (may need vertical heights of items to be the same...)	*/
.flexStretch	{display:flex !important; align-items:stretch;    -webkit-align-items: stretch;}		/* Items stretch to the largest dimension			*/
.flexBetween	{display:flex !important; justify-content:space-between;}					/* Items will have horizontal space between them			*/
.flexAround	{display:flex !important; justify-content:space-around;}					/* Items will have horizontal space before, between, and after them	*/
.flexStart	{display:flex !important; justify-content: flex-start; -webkit-justify-content: flex-start;}
.flexLeft	{display:flex !important; justify-content: flex-start; -webkit-justify-content: flex-start;}	/* User-friendly version of .flexStart				*/
.flexEnd	{display:flex !important; justify-content: flex-end;   -webkit-justify-content: flex-end;}
.flexRight	{display:flex !important; justify-content: flex-end;   -webkit-justify-content: flex-end;}	/* User-friendly version of .flexSEnd				*/
.flexWrap	{display:flex !important; flex-wrap:wrap;}
.flexXaxis	{display:flex !important; flex-direction:row;}							/* Sets main axis to x-axis (row) - This is the default		*/
.flexYaxis	{display:flex !important; flex-direction:column;}						/* Sets main axis to y-axis (column)				*/

.marginAuto	{margin:auto;}

.floatLeft	{float:left;}
.floatRight	{float:right;}
.clearBoth	{clear:both;}

.alignnone 	{display:block; margin-top:10px; margin-bottom:10px;}
.aligncenter 	{display:block; margin:0px auto 0px auto;}

.vAlignTop      {vertical-align:top;}
.vAlignMiddle   {vertical-align:middle;}
.vAlignBottom   {vertical-align:bottom;}

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

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

.textCompressed	{line-height:1.2 !important;}
.textSpaced	{line-height:1.6 !important;}
.italic		{font-style:italic !important;}
.underline	{text-decoration:underline;}
.lineThrough	{text-decoration:line-through;}

.pointerClick	{cursor:pointer;}

.Zcondensed	{font-stretch:condensed !important;}		/* Need condensed (etc) options in the font family, so see below	*/
.ZsemiCondensed	{font-stretch:semi-condensed !important;}
.ZsemiExpanded	{font-stretch:semi-expanded !important;}
.Zexpanded	{font-stretch:expanded !important;}

.condensed	{letter-spacing: -1.0px !important;}
.semiCondensed	{letter-spacing: -0.5px !important;}
.semiExpanded	{letter-spacing:  0.5px !important;}
.expanded	{letter-spacing:  1.0px !important;}

.pointerClick		{cursor:pointer;}

.thin		{font-weight:100 !important;}
.extralight	{font-weight:200 !important;}
.light		{font-weight:300 !important;}
.medium		{font-weight:400 !important;}
.semibold	{font-weight:600 !important;}
.bold		{font-weight:700 !important;}
.extrabold	{font-weight:800 !important;}
.black		{font-weight:900 !important;}

.textBlack	{color:#000000 !important;}
.textGray	{color:#666666 !important;}
.textRed	{color:#FF0000 !important;}
.textGreen	{color:#99DD22 !important;}
.textGreen2	{color:#339933 !important;}
.textPurple	{color:#9933CC !important;}
.textWhite	{color:#FFFFFF !important;}
.purpleText2	{color:#000000 !important;}	/* Obsolete blog style - now black */

.glowTextGreen	{text-shadow:#66CC00 0px 0px 1px;}

.bgGreen	{background:#BBEE44;}
.bgLightGreen	{background:#EEFFDD;}
.bgDarkGreen	{background:#339933;}
.bgPurple	{background:#BB66EE;}
.bgLightPurple	{background:#EFE0F7;}
.bgDarkPurple	{background:#9933CC;}
.bgGray		{background:#CCCCCC;}
.bgLightGray	{background:#EEEEEE;}
.bgYellow	{background:#FFFF33;}
.bgLightYellow	{background:#FFFFCC;}
.bgPaleYellow	{background:#FFFFE8;}
.bgOrange	{background:#FFCC33;}
.bgLightOrange	{background:#FFEEDD;}
.bgBlue		{background:#6699CC;}
.bgLightBlue	{background:#BBDDFF;}
.bgCyan		{background:#00DDDD;}
.bgLightCyan	{background:#CCFFFF;}
.bgRed		{background:#FF6666;}
.bgLightRed	{background:#FFCCCC;}
.bgWhite	{background:#FFFFFF;}
.bgBlack	{background:#000000;}
.bgGradient01	{background-color: #F0FFDD;						/* For browsers that do not support gradients */
		 background-image: linear-gradient(150deg, #F0FFDD, #F0FFDD, #F0FFDD , #AA66DD);}

.opacity10	{opacity: 0.1;}
.opacity20	{opacity: 0.2;}
.opacity30	{opacity: 0.3;}
.opacity40	{opacity: 0.4;}
.opacity50	{opacity: 0.5;}
.opacity60	{opacity: 0.6;}
.opacity70	{opacity: 0.7;}
.opacity80	{opacity: 0.8;}
.opacity90	{opacity: 0.9;}

.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;}
.contentSpacer60	{height: 60px; clear:both;}
.contentSpacer75	{height: 75px; clear:both;}
.contentSpacer80	{height: 80px; 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;}

.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;}
.divHeight175		{height:175px;}
.divHeight200		{height:200px;}
.divHeight220		{height:220px;}
.divHeight250		{height:250px;}
.divHeight300		{height:300px;}
.divHeight350		{height:350px;}
.divHeight400		{height:400px;}
.divHeight450		{height:450px;}
.divHeight500		{height:500px;}
.divHeight600		{height:600px;}
.divHeight700		{height:700px;}

.needtowrap2		{-webkit-columns:2; -moz-columns:2; columns:2;}
.needtowrap2 p		{margin: 0px 0px 16px 0px;}
.needtowrap3		{-webkit-columns:3; -moz-columns:3; columns:3; column-gap:50px;}
.needtowrap3 p		{margin: 0px 0px 16px 0px;}
.needtowrap4		{-webkit-columns:4; -moz-columns:4; columns:4; column-gap:30px;}
.needtowrap4 padding	{margin: 0px 0px 16px 0px;}
/* GENERAL STYLES - END							*/

/* SPRITES - START							*/
.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;}
/* SPRITES - END							*/

/* TEST STYLES - START							*/
.responseHeading	{color:#9933CC; font-size:24px; font-weight:600; margin:0px 0px 15px 0px;}
.responseQuestion	{color:#000000; font-size:18px; font-weight:600; margin:0px 0px 15px 0px;}
.responseRadio		{color:#000000; width: 5%; display:inline-block; height:50px; vertical-align:top;}
.responseText		{color:#000000; width:90%; 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; margin:20px 0px 0px 0px;}
.questionSpacer		{width: 3%; display:inline-block; vertical-align:top;}
.questionText		{width:76%; display:inline-block; vertical-align:top;}
.questionSection4	{height:370px;}
.questionSection5	{height:450px;}

.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;}
/* TEST STYLES - END							*/

/* 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;}