div,
			img {
				margin: 0;
				padding: 0;
				border: 0;
			}
			
			img {
				vertical-align: top;
/*				
				display: block;

				position: absolute;
				width: 100%;
				height: 100%;
*/			}
			
			body {
				background-color: black;
				overflow: hidden;
				font-family: sans-serif;
			}
			
			#rammb_viewport {
				position: absolute;

				/* fullscreen viewport
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
*/
				
				/* turn on to have rammb_viewport act as viewport*/
				/*overflow: hidden;*/

				/* small viewport */
/*				width: 678px;
				height: 678px;
				
*/
				width: 0px;
				height: 0px;
/*				top: 0;
				left: 0;
/*				/* Used forever */
				top: 50%;
				left: 50%;
				/* Can't get this to work, I think because it doesn't really matter where rammb_viewport is for some things */
/*				left: calc(50% + 250px);
*/
/*				margin: -128px 0 0 -128px;
				margin: -256px 0 0 -256px;
				margin: -339px 0 0 -339px;
*/
/*				margin: 20px 0 0 0;
				border: 1px red solid;
				background: gray;
*/			}

/*
			#rammb_viewport #border {
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				z-index: 13;
				border: 1px red solid;
			}
*/
			#rammb_viewport #zoom_holder {
				z-index: 8;
/*				z-index: 12;
*/				width: 678px;
				height: 678px;
				/* position at top left of parent */
				position: absolute;
				left: 0;
				top: 0;
				
				/* center horizontally if turn off above */
				margin: 0 auto;
			}

			/* Changing this to test out the web slider */
			/*#rammb_viewport .zoom_level,
			.product_holder,
			.map_lat_lon_holder {*/
			#rammb_viewport .zoom_level,
			.product_holder,
			.map_lat_lon_holder,
			#product_wrapper,
/*			#canvas_wrapper,
			canvas.can,
*/			#web_slider_wrapper {
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
			}
			
			#canvas_wrapper {
/*			#canvas_wrapper,
			canvas#can {
*/				z-index: 13;
/*				width: 100%;
				height: 100%;
*/				position: absolute;
				left: 0;
				top: 0;
/*				left: -100px;
				top: -100px;
*/			}
/*
			canvas#can {
				z-index: 100000;
			}
*/
			#web_slider_wrapper {
				overflow: hidden;
			}
 /* NOT Commenting out in favor of HTML5 Looper version */
			
			/* Not currently used (extra element) */
			div#pluginWrapper {
			}

			div#slide-me {
				position: absolute;
/*				top: 50px;
*/				top: 0;
				left: 0;
				margin: 0;
				padding: 0;
				z-index: 12;
			}
			
			label[for=menuHideShow] {
				position: absolute;
				top: 0;
				left: 250px;
				z-index: 13;
			}
			
			p#imageryTimeBottom {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 250px;
				z-index: 13;
				margin: 0;
				padding: 0;
				background-color: white;
				font-size: 16px;
				font-weight: bold;
				overflow: hidden;
				text-align: center;
			}
			
			img#rammbLogo {
				position: absolute;
				bottom: 15px;
				right: 10px;
				/*width: 60px;*/
				width: 80px;
				max-width: 20%;
				z-index: 11;
				margin: 0;
				padding: 0;
			}

			img#ciraLogo {
				position: absolute;
				bottom: 15px;
				right: 90px;
				width: 110px;
				max-width: 20%;
				z-index: 11;
				margin: 0;
				padding: 0;
			}

			img#colorBarWrapper {
				position: absolute;
				bottom: 0;
				left: 250px;
				z-index: 13;
				margin: 0;
				padding: 0;
			}
			#shortUrlDialog,
			#helpScreen {
				display: none;
			}

/*
			#helpScreen {
				position: absolute;
				top: 5%;
				left: 5%;
				width: 90%;
				height: 90%;
				z-index: 20;
				margin-left: auto;
				margin-right: auto;
				padding: 10px;
				color: black;
				background-color: rgba(255, 255, 255, 0.90);
				overflow-y: scroll;
			}
*/			

			#helpScreen .keyboard {
				font-weight: bold;
			}

			#linksToOrgs {
				font-size: 14px;
			}

			#experimentalProductDisclaimer {
				font-size: 12px;
			}

			p#alertWrapper {
				position: absolute;
				left: 0;
				right: 0;
				width: 50%;
				z-index: 13;
				margin-left: auto;
				margin-right: auto;
				padding: 0;
				color: white;
				background-color: black;
			}
			
			p#alertWrapper a {
				color: grey;
			}
			
			p#alertWrapper2 {
				position: absolute;
				left: 0;
				right: 0;
				bottom: 10px;
				z-index: 13;
				width: 390px;
				margin-left: auto;
				margin-right: auto;
				padding: 0;
				color: white;
				background-color: black;
				text-align: center;				
			}
			
			/*#alertWrapper3 {
 			*/
			.alertWrapperClass {
			/*
				position: absolute;
				left: 0;
				right: 0;
				bottom: 10px;
				z-index: 13;
				margin-left: auto;
				margin-right: auto;
				padding: 0;
				color: white;
				background-color: black;
*/
				
				display: block;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 20px;
				border: 1px solid red;
				font-size: 12px;
				width: 220px;
				text-align: center;				
			}
			
			.controlSide ul#controlWrapper li#dummyHolder2 {
				margin-bottom: 25px;
			}
			
			img#preloadImagesDoneTester {
				display: none;
			}
			
			img#preloadBackgroundSingleImageDoneTester {
				display: none;
			}
/* not working yet to control the height of the select box */
			/*li#productSelectorHolder select {*/
/*			.ui-selectmenu-button {
				max-height: 300px;
				overflow: scroll;
				overflow-y: auto;
				overflow-x: hidden;
				z-index:1000 !important;
			}
*/
			
			/* Make sure the selectmenus aren't too tall */
			.ui-selectmenu-menu .ui-menu {
/*				max-height: 200px;
*/			}

			/* Make sure the selectmenus are wide enough when they first open */
			.ui-selectmenu-menu #productSelectorChange-menu,
			.ui-selectmenu-menu #productSelectorOverlay-menu {
				/*width: 200px;
				width: 350px;
				*/
				width: 480px;
			}

			.ui-selectmenu-menu #satelliteSelectorChange-menu {
				width: 200px;
			}

			.ui-selectmenu-menu #sectorSelectorChange-menu,
			.ui-selectmenu-menu #numberOfImagesSelectorChange-menu,
			.ui-selectmenu-menu #timeStepSelectorChange-menu {
				width: 175px;
			}

			/* Override the defaults from jquery-ui.css */
			.ui-selectmenu-button span.ui-selectmenu-text {
				padding: 0px;
			}
			
			.ui-selectmenu-button.ui-button {
				width: 120px;
			}
			
			/* jQuery UI buttons */
			/*.ui-button-text-only .ui-button-text {*/
			.ui-button {
				padding: .4em .4em;
				margin-top: 2px;
/*				padding: .4em .2em;
				margin-left: 0px;
				margin-right: 0px;
*/
				font-size: 12px;
			}
			
			.ui-controlgroup > .ui-controlgroup-item {
				float: none;
			}


/*		button {
			padding: 2px;
		}
		.ui-button .ui-button-text
*/


		/* Position the close buttons at the top left of each product */
		/*.productRemove.ui-button-text-only {*/
		.productRemove.ui-button {

			position: absolute;
			top: 0;
			left: 215px;

		}

		/* Shrink the size of the close buttons */
		.productRemove.ui-button {
			padding: 0px 3px;
			margin: 0;
			
		}



			#productSelectorHolder label {
				float: left;
				width: 100px;
				font-size: .9em;
				padding-top: 5px;
				text-align: right;
			}
				
			#productSelectorHolder select {
				width: 120px;
				float: right;
			}
							
			#archiveWrapper {
				padding: 2px;
			}

			label[for=archive] {
				width: 140px;
				margin: 1px 20px;
			}
/*
			#archiveWrapper label {
				float: left;
				width: 50px;
				padding-top: 3px;
				text-align: right;
			}
*/				
			.archive_dropdown.ui-button {
			}
			

			#startDateSelector-button,
			#endDateSelector-button {
				float: left;
				width: 85px;
			}

			#startHourSelector-button,
			#endHourSelector-button {
				float: left;
				width: 36px;
				margin-left: 0;
				padding-left: 0;
			}

			#startTimeSelector-button,
			#endTimeSelector-button {
				width: 79px;
				margin-left: 0;
				padding-left: 0;
			}
/*
			#archiveWrapper select {
				float: left;
			}
*/							
			#timeStepSelectorHolder select {
				width: 225px;
			}
	
			#numberOfImagesSelectorHolder select {
				width: 225px;
			}
	
			.productContainer {
				position: relative;
				width: 200px;
				min-height: 50px;
				padding: 5px 15px;
				border: 1px solid black;
				margin: 10px 0;
			}
			
			.productContainer button {
				float: left;
			}
			
			.productContainer label.productHideShowLabel {
				margin-right: 20px;
			}
			
			.productContainer div.sliderContainerOpacity {
				float: right;
				margin-right: 15px;
				padding-top: 5px;
			}
			
			div.sliderContainerOpacity {
				width: 50%;
			}

			#overlay {
				position: absolute;
				width: 135px;
				height: 50px;
				left: 50%;
				bottom: 50px;
				background-color: #000;
				opacity: 0.7;
				filter: alpha(opacity=70);
				z-index: 1000;
			}

			#overlay p {
				float: left;
				padding: 0;
				margin: 15px 0px 0px 10px;
				color: white;
				font-size: 20px;
			}

			#overlay img {
				float: right;
				margin: 10px 10px 0px 0px;
			}
			/*
			#overlay {
				position: absolute;
				left: 0;
				top: 0;
				bottom: 0;
				right: 0;
				background: #000;
				opacity: 0.7;
				filter: alpha(opacity=70);
				z-index: 1000;
			}
			#loading {
				width: 140px;
				height: 140px;
				position: absolute;
				top: 50%;
				left: 50%;
				margin: -70px 0 0 -70px;
				z-index: 1001;
			}
			*/
			
			/* All zoom levels */
			.z00,
			.z01,
			.z02,
			.z03,
			.z04,
			.z05
			{
				position: absolute;
			}

			/* Had to turn these off after I "fixed" them to actually work because the blending got all screwed up and it works without z-index values on the zoom levels */
			/* zoom_level_00 */
/*			#zoom_level_00 {
*//*			.zoom_level_00 {
				z-index: 0;
			}
*/			
			.z00 {
				width: 100%;
				height: 100%;
			}
			
			.z00.r000 {
				top: 0%;
			}
			
			.z00.c000 {
				left: 0%;
			}
			
			/* zoom_level_01 */
/*			#zoom_level_01 {
*//*			.zoom_level_01 {
				z-index: 1;
			}
*/			
			.z01 {
				width: 50%;
				height: 50%;
			}
			
			.z01.r000 {
				top: 0%;
			}
			
			.z01.r001 {
				top: 50%;
			}
			
			.z01.c000 {
				left: 0%;
			}
			
			.z01.c001 {
				left: 50%;
			}
			
			/* zoom_level_02 */
/*			#zoom_level_02 {
*//*			.zoom_level_02 {
				z-index: 2;
			}
*/			
			.z02 {
				width: 25%;
				height: 25%;
			}
			
			.z02.r000 {
				top: 0%;
			}
			
			.z02.r001 {
				top: 25%;
			}
			
			.z02.r002 {
				top: 50%;
			}
			
			.z02.r003 {
				top: 75%;
			}
			
			.z02.c000 {
				left: 0%;
			}
			
			.z02.c001 {
				left: 25%;
			}
			
			.z02.c002 {
				left: 50%;
			}
			
			.z02.c003 {
				left: 75%;
			}

			/* zoom_level_03 */
/*			#zoom_level_03 {
*//*			.zoom_level_03 {
				z-index: 3;
			}
*/			
			.z03 {
				width: 12.5%;
				height: 12.5%;
			}
			
			.z03.r000 {
				top: 0%;
			}
			
			.z03.r001 {
				top: 12.5%;
			}
			
			.z03.r002 {
				top: 25%;
			}
			
			.z03.r003 {
				top: 37.5%;
			}
			
			.z03.r004 {
				top: 50%;
			}
			
			.z03.r005 {
				top: 62.5%;
			}
			
			.z03.r006 {
				top: 75%;
			}
			
			.z03.r007 {
				top: 87.5%;
			}
			
			.z03.c000 {
				left: 0%;
			}
			
			.z03.c001 {
				left: 12.5%;
			}
			
			.z03.c002 {
				left: 25%;
			}
			
			.z03.c003 {
				left: 37.5%;
			}
			
			.z03.c004 {
				left: 50%;
			}
			
			.z03.c005 {
				left: 62.5%;
			}
			
			.z03.c006 {
				left: 75%;
			}
			
			.z03.c007 {
				left: 87.5%;
			}
			
			/* zoom_level_04 */
/*			#zoom_level_04 {
*//*			.zoom_level_04 {
				z-index: 4;
			}
*/			
			.z04 {
				width: 6.25%;
				height: 6.25%;
			}
			
			.z04.r000 {
				top: 0%;
			}
			
			.z04.r001 {
				top: 6.25%;
			}
			
			.z04.r002 {
				top: 12.5%;
			}
			
			.z04.r003 {
				top: 18.75%;
			}
			
			.z04.r004 {
				top: 25%;
			}
			
			.z04.r005 {
				top: 31.25%;
			}
			
			.z04.r006 {
				top: 37.5%;
			}
			
			.z04.r007 {
				top: 43.75%;
			}
			
			.z04.r008 {
				top: 50%;
			}
			
			.z04.r009 {
				top: 56.25%;
			}
			
			.z04.r010 {
				top: 62.5%;
			}
			
			.z04.r011 {
				top: 68.75%;
			}
			
			.z04.r012 {
				top: 75%;
			}
			
			.z04.r013 {
				top: 81.25%;
			}
			
			.z04.r014 {
				top: 87.5%;
			}
			
			.z04.r015 {
				top: 93.75%;
			}
			
			.z04.c000 {
				left: 0%;
			}
			
			.z04.c001 {
				left: 6.25%;
			}
			
			.z04.c002 {
				left: 12.5%;
			}
			
			.z04.c003 {
				left: 18.75%;
			}
			
			.z04.c004 {
				left: 25%;
			}
			
			.z04.c005 {
				left: 31.25%;
			}
			
			.z04.c006 {
				left: 37.5%;
			}
			
			.z04.c007 {
				left: 43.75%;
			}
			
			.z04.c008 {
				left: 50%;
			}
			
			.z04.c009 {
				left: 56.25%;
			}
			
			.z04.c010 {
				left: 62.5%;
			}
			
			.z04.c011 {
				left: 68.75%;
			}
			
			.z04.c012 {
				left: 75%;
			}
			
			.z04.c013 {
				left: 81.25%;
			}
			
			.z04.c014 {
				left: 87.5%;
			}
			
			.z04.c015 {
				left: 93.75%;
			}
			
			/* zoom_level_05 */
/*			#zoom_level_05 {
*//*			.zoom_level_05 {
				z-index: 5;
			}
*/			
			.z05 {
				width: 3.125%;
				height: 3.125%;
			}

			.z05.r000 {
			  top: 0%;
			}

			.z05.r001 {
			  top: 3.125%;
			}

			.z05.r002 {
			  top: 6.25%;
			}

			.z05.r003 {
			  top: 9.375%;
			}

			.z05.r004 {
			  top: 12.5%;
			}

			.z05.r005 {
			  top: 15.625%;
			}

			.z05.r006 {
			  top: 18.75%;
			}

			.z05.r007 {
			  top: 21.875%;
			}

			.z05.r008 {
			  top: 25%;
			}

			.z05.r009 {
			  top: 28.125%;
			}

			.z05.r010 {
			  top: 31.25%;
			}

			.z05.r011 {
			  top: 34.375%;
			}

			.z05.r012 {
			  top: 37.5%;
			}

			.z05.r013 {
			  top: 40.625%;
			}

			.z05.r014 {
			  top: 43.75%;
			}

			.z05.r015 {
			  top: 46.875%;
			}

			.z05.r016 {
			  top: 50%;
			}

			.z05.r017 {
			  top: 53.125%;
			}

			.z05.r018 {
			  top: 56.25%;
			}

			.z05.r019 {
			  top: 59.375%;
			}

			.z05.r020 {
			  top: 62.5%;
			}

			.z05.r021 {
			  top: 65.625%;
			}

			.z05.r022 {
			  top: 68.75%;
			}

			.z05.r023 {
			  top: 71.875%;
			}

			.z05.r024 {
			  top: 75%;
			}

			.z05.r025 {
			  top: 78.125%;
			}

			.z05.r026 {
			  top: 81.25%;
			}

			.z05.r027 {
			  top: 84.375%;
			}

			.z05.r028 {
			  top: 87.5%;
			}

			.z05.r029 {
			  top: 90.625%;
			}

			.z05.r030 {
			  top: 93.75%;
			}

			.z05.r031 {
			  top: 96.875%;
			}

			.z05.c000 {
			  left: 0%;
			}

			.z05.c001 {
			  left: 3.125%;
			}

			.z05.c002 {
			  left: 6.25%;
			}

			.z05.c003 {
			  left: 9.375%;
			}

			.z05.c004 {
			  left: 12.5%;
			}

			.z05.c005 {
			  left: 15.625%;
			}

			.z05.c006 {
			  left: 18.75%;
			}

			.z05.c007 {
			  left: 21.875%;
			}

			.z05.c008 {
			  left: 25%;
			}

			.z05.c009 {
			  left: 28.125%;
			}

			.z05.c010 {
			  left: 31.25%;
			}

			.z05.c011 {
			  left: 34.375%;
			}

			.z05.c012 {
			  left: 37.5%;
			}

			.z05.c013 {
			  left: 40.625%;
			}

			.z05.c014 {
			  left: 43.75%;
			}

			.z05.c015 {
			  left: 46.875%;
			}

			.z05.c016 {
			  left: 50%;
			}

			.z05.c017 {
			  left: 53.125%;
			}

			.z05.c018 {
			  left: 56.25%;
			}

			.z05.c019 {
			  left: 59.375%;
			}

			.z05.c020 {
			  left: 62.5%;
			}

			.z05.c021 {
			  left: 65.625%;
			}

			.z05.c022 {
			  left: 68.75%;
			}

			.z05.c023 {
			  left: 71.875%;
			}

			.z05.c024 {
			  left: 75%;
			}

			.z05.c025 {
			  left: 78.125%;
			}

			.z05.c026 {
			  left: 81.25%;
			}

			.z05.c027 {
			  left: 84.375%;
			}

			.z05.c028 {
			  left: 87.5%;
			}

			.z05.c029 {
			  left: 90.625%;
			}

			.z05.c030 {
			  left: 93.75%;
			}

			.z05.c031 {
			  left: 96.875%;
			}




/* START copied from HTML5 Looper */
/* DIDN'T copy over the sections that had controlBottom OR extraTall in them */
			
/* START - control BOTH */
		ul#controlWrapper {
/*			display: none;
*/
/*			display: inline-block;
			float: left;
*/
			text-align: center;

			position: absolute;
			top: 0;
			left: 0;

			/* 201611141340: Above here was always here */
			/* 201611141340: Below here was added from top (not in HTML5 looper) */
			
			z-index: 13;
			color: black;
			background-color: white;
			width: 250px;
		
			/* Set to percentage of viewport height in modern browsers */
			/*height: 100vh;*/
			height: 100%;

			list-style-type: none;
			
			margin: 0;
			padding: 0;
			/* Trying to make dropdowns scroll */
			overflow-y: auto;
			overflow-x: hidden;
			/*overflow: hidden;*/

			/* 201611141340: Below here was under .controlSide */
/*			background-color: green;
			min-width: 200px;
			max-width: 500px;
			min-height: 1000px;
			height: 100%;
*/
		}
		ul#controlWrapper li {
			text-align: center;
			list-style-type: none;
			vertical-align: middle;

/*			border: 1px solid green;
			height: 50px;
			vertical-align: middle;
*/		}
		ul#controlWrapper li button {
		}
		ul#controlWrapper li#imageryTime {
/*			width: 5.2em;
			font-size: 1.5em;
			width: 100%;
*/			width: 170px;
			font-size: 20px;
			font-weight: bold;
			overflow: hidden;
			text-align: center;
		}
		li#sliderContainer {
		}
		ul#controlWrapper li#sliderContainer div {
		}
		li#playPauseWrapper {
		}
		ul#controlWrapper li#playPauseWrapper #playPause {
		}
		li#zoomWrapper {
		}
		ul#controlWrapper li#zoomWrapper {
		}

		ul li#animationSpeedWrapper {
		}
		ul li#animationSpeedWrapper div {
		}
		ul li#advancedControlOpener {
		}
		ul li label {
			display: block;
		}
		ul li label.sliderLabel {
			margin-bottom: 5px;
		}
		ul li label#keyboardShortcuts {
			font-size: .9em
		}
		ul li#orgLogos img {
/*			margin: 0 10px 0 10px;
*/
		}
/* END - control BOTH */


/* START - controlSide */
		.controlSide ul#controlWrapper {
		}
		.controlSide ul#controlWrapper li {
			display: block;
			margin: 5px auto;
		}
		.controlSide ul#controlWrapper li#imageryTime {
		}
		.controlSide li#sliderContainer {
			width: 80%;
		}
		.controlSide ul#controlWrapper li#sliderContainer div {
		}
		.controlSide li#playPauseWrapper {
		}
		.controlSide ul#controlWrapper li#playPauseWrapper #playPause {
		}
		.controlSide li#zoomWrapper {
		}
		.controlSide ul#controlWrapper li#zoomWrapper {
		}
/*		.controlSide button {
			padding: 2px;
		}
*/		.controlSide .ui-button .ui-button-text
		{
		}
		.controlSide ul li#animationSpeedWrapper label {
			float: left;
		}
		.controlSide ul li#animationSpeedWrapper {
			width: 165px;
			height: 25px;
			margin-top: 8px;
		}
		.controlSide ul li#animationSpeedWrapper div#animationSpeed {
			width: 65%;
			margin-top: 2px;
			float: right;
			
		}
		.controlSide ul li#orgLogos img {
		}
/* END - controlSide */


/* END copied from HTML5 Looper */



		#zoomIn {
			clear: both;
		}

		/* START - Set up custom right-click/context menu from: http://jsfiddle.net/u2kJq/241/ */
			
		#custom-menu {
			display: none;
			z-index: 1000;
			position: absolute;
			overflow: hidden;
			border: 1px solid #CCC;
			white-space: nowrap;
			background: #FFF;
			color: #333;
			border-radius: 5px;
			
			/* Added by Kevin */
			list-style: none;
			margin: 0;
			padding: 0;
			
		}

		#custom-menu li {
			padding: 8px 12px;
			cursor: pointer;
		}

		#custom-menu li:hover {
			background-color: #DEF;
		}

		/* END - Set up custom right-click/context menu from: http://jsfiddle.net/u2kJq/241/ */