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

.DesktopHeight300px{height:300px;}
.DesktopHeight340px{height:340px;}
.DesktopWidth19Percent {width:19%;}	
.DesktopWidth32Percent {width:32%;}
.DesktopWidth38Percent {width:38%;}
.DesktopWidth30Percent {width:30%;}
.DesktopWidth48Percent{width:48%;}
.DesktopWidth120px {width:120px;}
.DesktopMaxWidth240px{max-width:240px;}
.DesktopHeight80px{height:80px;}
.DesktopTextAlignMiddle{text-align:center;}
.DesktopMarginLeft60px{margin-left:60px;}
.MobileOnly{display:none;}
.LandscapeNarrowOnly{display:none;}

.xpnl_IndexAnchorTag {position:relative;top:-180px;}/*neg top px offsets the height of sticky masthead*/
.xpnl_IndexAnchorTag {position:relative;margin-top:-180px;}/*neg top px offsets the height of sticky masthead*/
.pnl_IndexAnchorTag {position:absolute;top:-90px;}/*neg top px offsets the height of sticky masthead*/


.WhatHappensNext {
		margin-left: 50px;
		background-size: 70%;
		background-position: center 26px;
		background-repeat: no-repeat;
	}


#LangBar {font-size:12px;text-align:right;box-sizing:border-box;font-weight:bold;
			padding:6px;position:absolute;left:0%;top:28px;margin-right:10px;}
		
		
#THERMOMETER_CONTAINER_100_PERC /*----this is the popup for "100% complete progress report"----*/
			{	position:absolute;
				height:400px;width:250px;
				border:1px solid black;
				background-color:rgb(255,255,255,.9);border-radius:20px;left:40%;right:40%;
				padding-top:50px;padding-left:20px;padding-right:20px;padding-bottom:20px;display:none;box-shadow:0px 0px 20px grey;
				animation: fade_in ease 1.2s;
			}


.LangItem {text-decoration:none;cursor:pointer;}
	#PERC_COMP_TEXT {
	min-width:26px;position:absolute;right:-45px;top:31px;font-size:.8em;font-weight:bold;padding-top:2px;padding-bottom:2px;background-color:lightgray;padding-left:14px;padding-right:10px;border-top-right-radius:6px;border-bottom-right-radius:6px;}

/* ~~~   PORTRAIT   ~~~ */ 
/* ORIENTATION 111111111111111111111111111111111111 */
	/*@media screen and (orientation:portrait) and (max-width:1500px) and (min-width:1200px)*/
		@media screen and (orientation:portrait) and (max-width:1200px) 
		{	
			#Orientation_1 {display:block;height:100%;width:100%;display:block;position:absolute;top:0px;left:0px;bottom:0px;font-size:90px;background-color:silver;opacity:.9;color:black;}
			body {overflow:hidden;}
				/*			#LVL_0{width:100%;}*/


				#LVL_0{width:1200px;max-width:1200px}

				#MASTHEAD{min-height:100px;max-height:100px;}
					#LOGO {margin-left:100px;}
					#TAGLINE{display:none;}					
					#MastHeadRightSideContainer{width:400px;right:80px;}
						.NarrowButton {display:block;}
						.WideButton {display:none;}
						#THERMOMETER_CONTAINER{top:220px;}

				#PNL_0{height:650px;background-size: auto 60%;}			
					#Learn_About_Getting_Started{left:160px;top:20px;xxfont-size:3.0em;}
					#SUNSHINE_ICON_CONTAINER{right:28%;}
					#pnl_0_sherpa_img_default{display:none;}
					#pnl_0_sherpa_img_mobile{display:block;}

				#PNL_1{min-height:900px;}
				.pnl_LinearTableCells
					{width:500px;max-height:200px;min-height:200px;font-size:1.2em;margin-bottom:100px;}
		}

/*END ORIENTATION 1*/






	/*	~~~   LANDSCAPE NARROW   ~~~   (max-width: LESS than X) */
	/* 2222222222222222222222222222222222222 */
	@media screen  and (orientation:landscape) and (max-width:1200px) 
		{	body{xleft:-120px;xright:-120px;xscale:.8;}

.LandscapeNarrowOnly{display:block;}
			#Orientation_2 {display:none;}

			/*reorient message*/
			/*#Orientation_1 {display:block;height:100%;width:100%;display:block;position:absolute;top:0px;left:0px;bottom:0px;font-size:90px;background-color:silver;opacity:.9;color:black;}*/

			#XLVL_0{width:1200px;max-width:1200px;margin-left:-120px;}			
			/*#LVL_0{width:100%;max-width:1200px}*/			
			#LVL_0{width:1000px;max-width:1000px;margin-left:20px;margin-right:auto;}
			
			#MASTHEAD{min-height:100px;max-height:100px;}
			#MastHeadRightSideContainer{width:360px;}
				#TAGLINE{display:none;}
				.NarrowButton {display:block;}
				.WideButton {display:none;}					
			
			#PNL_0{height:640px;background-size: auto 100%;}
			#SUNSHINE_ICON_CONTAINER{right:28%;}
			#Learn_About_Getting_Started{left:170px;top:20px;}
			#pnl_0_sherpa_img_default{display:block;}
			#pnl_0_sherpa_img_mobile{display:none;}

.DesktopHeight300px{height:300px;}
.DesktopHeight340px{height:340px;}
.DesktopHeight400px{height:400px;}
.pnl_LinearTableCellsTransparent{margin-left:-30px;margin-right:0px;}

.pnl_POPUP_CONTAINER{margin-left:500px;border:10px solid orange;}
.pnl_4_Caret{left:224px;scale:.8;top:45%;}

/*
				#PNL_1{min-height:900px;}
				.pnl_LinearTableCells
					{width:500px;max-height:200px;min-height:200px;font-size:1.2em;margin-bottom:100px;}
	*/	
}

	/*	~~~~~~~~~~~~   LANDSCAPE   WIDE ~~~~~~~~~~~   (min-width GREATER than X) */
	/* 333333333333333333333333333333333333 */	
	@media screen  and (orientation:landscape) and (min-width:1201px) 
		{ 
			#Orientation_3 {display:none;}
						/*#Orientation_1 {display:block;height:100%;width:100%;display:block;position:absolute;top:0px;left:0px;bottom:0px;font-size:90px;background-color:silver;opacity:.9;color:black;}
*/

			#LVL_0{width:100%;max-width:1400px}
				#MASTHEAD{min-height:100px;max-height:100px;}
					#MastHeadRightSideContainer{width:360px;}
						.NarrowButton {display:none;}
						.WideButton {display:block;}
						/*#THERMOMETER_CONTAINER{top:120px;}*/

						#THERMOMETER_CONTAINER{top:50%;}
	
				#PNL_0{height:590px;background-size: auto 100%;}
					#SUNSHINE_ICON_CONTAINER{right:22%;}			
					#Learn_About_Getting_Started{left:160px;top:20px;}
					#pnl_0_sherpa_img_default{display:block;}
					#pnl_0_sherpa_img_mobile{display:none;}
		}