.pnl_4_Caret{transform: rotateY(0deg) rotate(45deg);
								height:50px;width:50px;position:absolute;
								border-top:2px solid #C56F94;
								border-right:2px solid #C56F94;
								box-sizing:border-box;border-collapse:collapse;
								left:280px;cursor:default;}

		.testbox {position: absolute;top: 80px;left: 0;height: auto;color: black;padding: 2px;width:100%;font-size: 40px;display: none;border: 10 px solid black;background-color: rgb(0,0,0,.2);z-index: 9999999;text-align: center;}

		html, body {height:100vh;width:100vw;max-height:100vh;max-width:100vw;min-height:100vh;min-width:100vw;
					overflow-x:hidden;font-family:'Source Sans Pro';scroll-behavior: smooth;position:relative;}

		body,div,span,table,table-cell,input{font-family:'Source Sans Pro';font-size:1em;}
	
		.popup{/*placehoplder classname to iterate all popups and turn them off when resetting page
			margin-bottom:500px;margin-top:0px;*/
}

		body
			{
				padding:0px;margin:0px;padding-left:auto;padding-right:auto;
				margin-left:auto;margin-right:auto;position:relative;
				background-color:grey;display:block;

			overflow-y:scroll;

/*overflow-y:hidden;margin-bottom:500px;*/
			}

		.blanket
		{
			background:rgb(255,255,255,.9);border-collapse:collapse;
			top:0px;left:0px;bottom:0px;xposition:absolute;xposition:fixed;position:sticky;
			height:100vh;width:100vw;max-height:100vh;max-width:100vw;min-height:100vh;min-width:100vw;			
			animation: fade_in ease 3s;animation-iteration-count: 1;animation-fill-mode: forwards;
   
		overflow-y:scroll;
		overflow-x:hidden;

		}


		.innerblanket
		{
			background:rgb(255,255,255,.9);border-collapse:collapse;
			top:0px;left:0px;bottom:0px;xposition:absolute;position:absolute;
			height:100vh;width:100vw;max-height:100vh;max-width:100vw;min-height:100vh;min-width:100vw;			
			
		overflow-y:scroll;
		overflow-x:hidden;

		}



		
		.BigNumberBullet, .pnl_BigNumberBullet
			{
				position:relative;border-collapse:collapse;box-sizing:border-box;
				height:60px;width:60px;
				min-height:60px;min-width:60px;
				border-radius:50%;display:block;background-color:white;color:black;
				text-align:center;vertical-align:middle;
				padding:8px;font-weight:bold;margin-left:10px;font-weight:bold;
			}	

		.BigNumberBullet{ animation: glow 1s infinite alternate;font-size:1.4em;}
		.pnl_BigNumberBullet{font-size:1.6em;}
	
		.blue{background-color:#0092B3;color:white;font-size:1em;font-weight:normal;}
		.red{background-color:#E74300;color:white;font-size:1em;font-weight:normal;}
		.torquoise{background-color:#00A19C;color:white;font-size:1em;font-weight:normal;}
		.purple{background-color:#AD3D72;color:white;font-size:1em;font-weight:normal;}
		
.pnl_innerContainer{padding:10px;display:block;position:relative;height:auto;width:100%;}

		.pnl_content {color:white;font-size:1em;font-weight:normal;}
		
			.pnl_sherpa_popup{box-shadow:10px 10px 20px black;color:black;padding:20px;display:none;position:absolute;top:5%;left:5%;height:80%;width:80%;background-color:rgb(255,255,255,.9);border:1px solid grey;border-radius:18px;}
				
			.pnl_POPUP_CONTAINER {
				background-color:rgb(255,255,255,.9);position:absolute;
				top:0px;left:0px;right:0px;bottom:0px;z-index:99999;
				height:100%;width:100%;
			}

		#LVL_0
			{
				width:80%;min-width:800px;max-width:1400px;height:auto;
				top:0px;bottom:0px;right:auto;left:auto;
				padding:0px;position:relative;display:block;
				margin-right:auto;margin-left:auto;
				border-collapse:collapse;box-sizing: border-box;
				
			}

/*---------------------MASTHEAD ITEMS-------------------------------*/

		#MASTHEAD 
			{
				width:100%;top:0px;left:0px;right:0px;
				height:auto;background-color:white;border-collapse:collapse;
				box-sizing: border-box;padding:0px;
				position: -webkit-sticky;position: sticky;z-index:9999;
				
			}

			#LOGO {height:60px;width:auto;margin-left:140px;}

			#TAGLINE {height:18px;width:auto;margin-left:3%;margin-top:30px;margin-bottom:auto;}

			#MastHeadRightSideContainer{height:100%;border:none;position:absolute;right:150px;}

				.RedButton{background-color:#E74300;border-radius:10px;border:none;cursor:pointer;
							padding:10px;font-weight:normal;font-size:.8em;color:white;
							animation:fade_partial 2s ease-in-out infinite alternate;
							position:absolute;left:30%;top:24px;
						}	
	




				.NarrowButton{width:150px;}
				.WideButton {width:auto;}
	

/*---------------------END MASTHEAD ITEMS-------------------------------*/
	
		/*THERMOMETER*/		
			#ANIM_THERMOMETER_ICON_CONTAINER
			{	position:absolute;cursor:pointer;display:flex;justify-content:center;
				 height:44px;width:44px;top:20px;right:0%;
				 border-radius:34px;xborder:2px solid black;				 
				 animation:GreyGlow 2s ease-in-out infinite alternate;
			}	
			#ANIM_THERMOMETER_ICON
			{	scale:1;margin-top:auto;margin-bottom:auto;height:100%;width:auto;}

			#THERMOMETER_CONTAINER /*----this is the popup for "progress report"----*/
			{	position:absolute;xtop:1000px;
				height:400px;width:250px;
				xheight:100%;
				border:1px solid black;
				background-color:rgb(255,255,255,.9);border-radius:20px;left:40%;right:40%;
				padding-top:100px;padding-bottom:0px;display:none;box-shadow:0px 0px 20px grey;
				xanimation: GrowUpFromNothing 2s;animation-delay:2s;
				animation: fade_in ease 1.2s;
			}
			
#THERMOMETER_CONTAINER_100_PERC /*----this is the popup for "100% complete progress report"----*/
			{/*see orientations and orientationsmobile*/
			}


/*.sherpa_popup_after {animation: GrowUpFromNothing 1s;animation-delay:0s;}

		/*END THERMOMETER*/


	
	/*END MASTHEAD ITEMS-------------------------------*/

/*------------------------ PANELS ------------------------ */

		#PNL_0,#PNL_1,#PNL_2,#PNL_3,#PNL_4 
			{
				position:relative;left:auto;right:auto;
				width:100%;height:auto;max-width:100%;
				padding:0px;padding-bottom:30px;margin:0px;			
				display:block;border-collapse:collapse;box-sizing:border-box;
				
			}
	
		#PNL_0 {background-color:#ffffff;border-bottom:10px solid black;
				background-image:url(images/__Bkgrnd_SF_Skyline.svg);}
		
		#LeftSilhouette{position:absolute;left:0px;bottom:-10px;height:30%;width:auto;}
		#RightSilhouette{position:absolute;right:0px;bottom:-10px;height:30%;width:auto;}
		#HOUSE{position:absolute;bottom:0px;width:100%;text-align:center;height:500px;}
	
		#Learn_About_Getting_Started{font-size:2.5em;font-weight:bold;line-height:1.1em;xz-index:999;position:absolute;}

			.pnl_0_sherpa_popup_init {animation: GrowUpFromNothing 1s;animation-delay:2s;}
			.sherpa_popup_after {opacity:1;animation: GrowUpFromNothing 1s;animation-delay:0s;}
			#pnl_0_sherpa_img_default{display:none;}
			#pnl_0_sherpa_img_mobile{display:block;}

			#PNL_1 input[type=checkbox]{accent-color:#0092B3 !important;}
			.PNL_1_checkbox{background:orange !important;}

			#PNL_1, #PNL_2, #PNL_3, #PNL_4
				{
					padding:20px;padding-left:140px;padding-bottom:40px;
					max-height:800px;min-height:500px;
					border-collapse:collapse;box-sizing:border-box;position:relative;
				}

			.pnl_content{margin-left:20px;xborder:1px solid green;margin-bottom:60px;}

			.pnl_LinearTableCells
				{
					color:black;background-color:white;position:relative;display:inline-block;text-decoration:none;
					height:220px;width:35%;xwidth:296px;					
					margin-right:60px;xmargin-right:50px;margin-bottom:40px;margin-top:20px;
					min-height:250px;max-height:400px;padding:20px;
				}

			.pnl_LinearTableCellsTransparent
				{
					display:inline-block;;position:relative;text-align:center;vertical-align:bottom;
					height:220px;width:280px;color:white;font-size:1.2em;cursor:pointer;
					margin-bottom:40px;margin-top:20px;margin-right:30px;margin-left:00px;padding:0px;
					xborder:2px solid green;
				}
			
			.pnl_title{margin:20px;margin-bottom:10px;font-weight:bold;font-size:1.4em;}
			
			.pnl_LinearTableCellsIcon{height:120px;position:absolute;bottom:-80px;left:38%;}
			
			.pnl_LinearTableCellsTransparentIcon 
				{
					height:160px;width:160px;
					border-collapse:collapse;
					box-sizing: border-box;
					margin:20px;padding:4px;
					background:#00B0AC;border-radius:50%;
				}


			
			.pnl_LinearTableCellsTransparentIcon_Purple
				{
					height:160px;width:160px;
					border-collapse:collapse;
					box-sizing: border-box;
					margin:20px;padding:4px;
					background:#C56F94;border-radius:50%;
				}






			.pnl_LinearTableCellsTitle {color:#0092B3;font-weight:bold;text-decoration:none;margin-bottom:4px;}
			
						
		
			.pnl_ckb_td_container{max-width:40px;min-width:40px;width:40px;}

			/*---------------- CONTENT POPUPS , checkbox clicks etc--------------------*/
			.ContentPopupBorderBox {margin-left:auto;margin-right:auto;
				padding:30px;
				width:90%;
				height:auto;
margin-top:-40px;
				position:relative;
				color:black;
				border:1px solid black;
				box-sizing:border-box;
				box-shadow:0px 10px 10px gray;
				border-radius:30px;opacity:1;background-color:white;}


.JustifyLeft {text-align:left;}
.Justify {text-align:justify;}

		.ContentPopupHeader{display:block;max-width:90%;margin-left:3%;margin-bottom:40px;text-align:justify;xfont-size:1em;}
		.ContentPopupHeader h2 {text-align:left;font-size:1.8em;}

		.nowrap{white-space: nowrap;}

			.ContentHeaderText {font-weight:bold;font-size:1.8em;margin-top:15px;margin-bottom:20px;}

			.ContentSubHeaderText {			
				font-weight:bold;font-size:1.4em;margin-top:5px;margin-bottom:20px;
display:flex;align-items:flex-start;
				xtext-align:justify;
			}


			.ContentHeaderIcon {height:60px;width:60px;margin-right:10px;float:left;}
			.ContentSubHeaderIcon {height:40px;width:40px;margin-right:10px;float:left;}

			.Content_FooterBar {padding:10px;text-align:center;font-weight:bold;xletter-spacing:.1rem;margin:30px;}
			.BulletList {line-height:1.5em;list-style-type:none; list-style-position: outside;}
			.Bullet           {float:left;color: #0092B3;font-weight: bold;display: inline-block;font-size: 2em;margin-left:-.5em;padding-top:-2px;}
			.Bullet-Purple    {float:left;color: #AD3D72;font-weight: bold;display: inline-block;font-size: 2em;margin-left: -.5em;padding-top:-2px;}
			.Bullet-Torquoise {float:left;color: #00A19C;font-weight: bold;display: inline-block;font-size: 2em;margin-left: -.5em;padding-top:-2px;}
	



		
.CheckboxBulletContainer {border-radius:50%;height:24px;width:24px;display:inline-block;font-size:1.6em;float:left;position:relative;box-sizing:border-box;margin-right:10px;}
		.CheckboxBulletSymbol {position:absolute;top:-10px;right:0px;}




			.ContentPopupColumn {width:48%;box-sizing:border-box;position:relative;display:inline-block;padding-left:20px;padding-right:20px;vertical-align:top;
									min-height:200px;

			}
			.BorderRight {border-right:1px solid grey;}
			.BorderLeft {border-left:1px solid grey;}

			.BorderRight-Yellow {border-right:1px solid #FDD691;}
			.BorderLeft-Yellow {border-left:1px solid #FDD691;}

/*----------home page sherpa popup items--------------*/

	.FourEasyBullets {
							font-weight:bold;padding-top:2px;background-color:white;
							height:30px;width:30px;color:black;
							display:inline-block;box-sizing:border-box;
							border-radius:50%;vertical-align:middle;margin-bottom:6px;
						}

						.BlueBorder{border:2px solid #0092B3;}
						.OrangeBorder{border:2px solid orange;}
						.GreenBorder{border:2px solid green;}
						.PurpleBorder{border:2px solid #AD3D72;}
						.TorquoiseBorder{border:2px solid #00A19C;}

						.SherpaTextTipContainer{min-height:120px;position:absolute;top:100px;left:0px;
vertical-align:top;text-align:left;padding:10px;
top:100px;
}
						

/*----------------- RANDO STYLES -------------------*/
		.CloseButton{position:absolute;top:0px;right:10px;padding:0px;height:auto;font-size:1.5em;cursor:pointer;display:block;}
		/*.CloseButtonBlack{position:absolute;top:10px;right:10px;padding:0px;height:auto;font-size:1.5em;cursor:pointer;display:block;color:black;}*/
		.CloseButtonSherpa{position:absolute;top:10px;right:20px;padding:0px;height:auto;font-size:1.5em;cursor:pointer;display:block;color:black;}

		.bold{font-weight:bold;}

.box {
	padding:22px;border-radius:15px;height:auto;background-color:white;
	display:inline-block;margin-left:60px;

	}
	.sbsbutton {border-radius:12px;border:none;padding:6px;width:80px;
	
	}

		input[type=checkbox] {height:2em;width:2em;border:3px solid white;}

		.divCheckbox {
				height:26px;width:26px;padding:0px;
				display:block;vertical-align:middle;text-align:center;color:black;overflow:hidden;
				box-sizing:border-box;border-collapse:collapse;border: 1px solid lightgrey;
				font-weight:bold;xfont-size:1.2em;
			}


	
/*------------------ BURGERS ---------------- (table that contains topics 1 through 4) */
		.burger_click {cursor:pointer;	}
		#BURGER_TABLE,.BURGER_TABLE
			{display:table;height:369px;width:384px;color:white;font-size:1.2em;position:absolute;bottom:0px;}

		#BURGER_1,#BURGER_2,#BURGER_3,#BURGER_4 {font-weight:900;width:600px;height:160px;position:absolute;cursor:pointer;}


	
/*------------------ SUNSHINE ----------------*/
		#SUNSHINE_ICON_CONTAINER {position:absolute;height:auto;top:34px;cursor:pointer;}
		#ANIM_SUNSHINE_RAYS
			{	scale:1.1;margin-top:auto;margin-bottom:auto;
				animation:OrangeGlow 2s ease-in-out infinite alternate;
			}
		#ANIM_SUNSHINE_RAYS{height:180px;position:absolute;top:0px;left:2px;}
		#SUNSHINE_CIRCLE{position:absolute;height:124px;top:28px;left:30px;opacity:.8}
		#SUNSHINE_TEXT{position:absolute;line-height:1.0em;top:60px;xleft:60px;width:180px;
						text-align:center;vertical-align:central;font-weight:bold;font-size:1.8em;
						animation: textglowBlack 1s infinite alternate;
			}
			





		#xxSUNSHINE_ICON_CONTAINER_tips_icon {border:1px solid green;height:100px;width:100px;position:relative;box-sizing:border-box;text-align:center;vertical-align:center;}		
		#xxANIM_SUNSHINE_RAYS_tips_icon{height:100%;position:relative;background-size:100% 100%;background:url('/images/__Sun Rays.svg');box-sizing:border-box;text-align:center;vertical-align:center;}
		#xxSUNSHINE_CIRCLE_tips_icon{height:90%;width:auto;background-size:90px 90px;opacity:.8;position:relative;;background:url('/images/__Sun Circle.svg');box-sizing:border-box;text-align:center;vertical-align:center;}
		#SUNSHINE_TEXT_tips_icon{line-height:1.0em;text-align:center;vertical-align:center;font-weight:bold;font-size:1.0em;position:relative;box-sizing:border-box;text-align:center;vertical-align:center;}





	
		#SHERPA_ICON_CONTAINER /*consider changing this to a .className*/
			{height:auto;width:auto;position:absolute;bottom:20%;right:8%;
			 display:table-cell;text-align:center;vertical-align:middle;font-size:1.5em;cursor:pointer}




	/*   Each pnl_# gets its own sherpa   animation:GreyGlow 2s ease-in-out infinite alternate;*/
		#ANIM_SHERPA_ICON_PNL_0{animation:GreyGlow 2s ease-in-out infinite alternate;height:100px;width:auto;}

		.pnl_0_SHERPA_BUBBLE {height:80px;width:auto;position:absolute;cursor:pointer;top:-130px;right:20%;}		
		
		.pnl_SHERPA_BUBBLE {height:80px;width:auto;position:absolute;cursor:pointer;top:30px;right:10%;
animation:HeavyGreyGlow 2s ease-in-out infinite alternate;height:100px;width:auto;}		

		/*.pnl_SHERPA_BUBBLE{animation:LightGreyGlow 2s ease-in-out infinite alternate;height:100px;width:auto;}*/
		
			






		/*.pnl_SHERPA_BUBBLE:hover {animation: icon_hang 2s}*/
		/*  ~~~    ANIMATIONS    ~~~   */

		.BgColor_White{background:white;}
		.xxxBgColor_80PercBlue{background-color:rgb(0,146,179,.3);}
		.BgColor_80PercBlue{background-color:#C5E2EB;}
		.BgColor_80PercRed{background-color:#FFD2BF;}
		.BgColor_80PercTorquoise{background-color:#B6E8E4;}
		.BgColor_80PercPurple{background-color:#ECCED9;}


		.text-color-black{color:#000000;}
		.text-color-blue{color:#0092B3;}
		.text-color-white{color:#FFFFFF;}
		.text-color-purple{color:#AD3D72;}
		.text-color-torquoise{color:#00A19C;}
		.text-color-red{color:#E74300;}
		.text-color-green{color:#499537;}


		.BgColor_Blue{background-color:#0092B3;}
		.BgColor_Yellow{background-color:#FDD691;}
		.BgColor_Purple{background-color:#AD3D72;}
		.BgColor_Torquoise{background-color:#00A19C;}
		.BgColor_Green{background-color:#499537;}


		#LOGO:hover,.burger_click:hover,.BigNumberBullet:focus{
			animation:icon_grow 1s ease-in-out infinite alternate;
			-webkit-animation:icon_grow 1s ease-in-out infinite alternate;
		} 

		

		.pnl_ckb_row, .pnl_ckb_row:hover {color: inherit;text-decoration: none;}

		.pnl_ckb_row {
		  display: inline-block;cursor:pointer;position: relative;
		  padding-bottom: 3px;margin-right: 10px;min-width:100%;width:100%;  
		}
		.pnl_ckb_row:last-child {margin-right: 0;}

		.pnl_ckb_row:after {  
		  display: block;margin: auto;height: 3px;width: 0px;content: '';
		  background: transparent;transition: width .5s ease, background-color .5s ease;
		}
		
/*
.pnl_ckb_row_red:after {  
		  display: block;margin: auto;height: 3px;width: 0px;content: '';
		  background: transparent;transition: width .5s ease, background-color .5s ease;
		}

*/



.pnl_ckb_row:hover:after {width: 100%;background: #0092B3;}

.pnl_ckb_row_red:hover:after {width: 100%;background: #E74300;}		

			#FOOTER{border:1px solid black;background-color:white;height:auto;padding:30px;}
			#FooterLinkContainer{text-align:center;border-bottom:1px solid gray;width:280px;height:40px;margin-bottom:20px;}
			#FooterCopyrightContainer{text-align:center;width:500px;height:40px;margin-bottom:20px;}
			.footer a{text-decoration:none;color:rgb(60,60,60,1);}
			.footer a:hover{text-decoration:none;color:#0092B3;}