.button_container {
	overflow:hidden;
	border-radius:3px;
	box-shadow: 			0px 0px 1px rgba(0, 0, 0, 0.18), 0px 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 		0px 0px 1px rgba(0, 0, 0, 0.18), 0px 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 	0px 0px 1px rgba(0, 0, 0, 0.18), 0px 1px 2px rgba(0, 0, 0, 0.1);
}


.button_container .button {
	border-left:1px solid #ddd;
	height: 35px;
	float: left;
	margin: 0;
	padding:6px 10px 0;
	cursor: pointer;
	color: #aaa;
	background-color:#f7f7f7;
}

.button_container .button:first-child {
	border-left:none !important;
}



.survae_button {
	border-left:1px solid #ddd;
	height: 35px;
	float: left;
	margin: 0;
	padding:6px 8px 0;
	cursor: pointer;
	color: #aaa;
	background-color:#f7f7f7;
}

.survae_button:first-child {
	border-left:none;
}

.survae_button_icon_off {
	display:block;
	opacity:0.2;
}

.survae_button_icon_on {
	display:none;
}

.survae_button_on .survae_button_icon_off {
	display:none;
}

.survae_button_on .survae_button_icon_on {
	display:block;
}


  /***************/
 /*   content   */
/***************/

	  /********************/
	 /*   left content   */
	/********************/

		#left_content {
			float:left;
			position:relative;
			height:100%;
		}


		  /***************************/
		 /*   left content header   */
		/***************************/

		  /**************/
		 /*   search   */
		/**************/

			#search {
				position:absolute;
				top:0px;
				left:0px;
				right:0px;
				bottom:0px;
				overflow-y:scroll;
			}

			#search_scroll {
				position: relative;
				min-height: 100%;
				padding: 8px 0 60px;
			}

			  /***************/
			 /*   filters   */
			/***************/

				.filter_container {
					overflow:hidden;
					padding:2px 5px 4px;
					/* pointer-events:none; */

				}


				.filter {
					/*
					margin-bottom:1px;
					padding:7px;
					background-color: #f2f2f2;
					box-shadow: 			0px 0px 1px rgba(0, 0, 0, 0.18), 0px 1px 2px rgba(0, 0, 0, 0.1);
					-moz-box-shadow: 		0px 0px 1px rgba(0, 0, 0, 0.18), 0px 1px 2px rgba(0, 0, 0, 0.1);
					-webkit-box-shadow: 	0px 0px 1px rgba(0, 0, 0, 0.18), 0px 1px 2px rgba(0, 0, 0, 0.1);
					*/
				}

/*
				.filter_layers img {
					margin-top: 1px;
				}
*/

				.filter_object_type.survae_button_on .survae_button_icon_on {
					display:block;
					opacity:0.8;
				}

				.filter_object_type.filter_image_sequences {
					padding: 8px 8px 0;
				}

				#filter_sort {
					float: right;
					overflow:hidden;
					position:relative;
					padding:2px 1px 1px;
					border:none;
					font-size: 12px;
					background-color:#f7f7f7;
					border-radius:3px;
					box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.18), 0px 1px 2px rgba(0, 0, 0, 0.1);
					-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.18), 0px 1px 2px rgba(0, 0, 0, 0.1);
					-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.18), 0px 1px 2px rgba(0, 0, 0, 0.1);
					pointer-events:auto;
				}

				#filter_sort select {
					background-color:transparent;
					-webkit-appearance: none;
					-moz-appearance: none;
					border-radius:0;
					border:none;
					margin: 0px -16px 0px 0px;
					padding: 9px 26px 8px 10px;
					font-family:inherit;
					line-height:1.3;
					color:#808080 !important;
					font-size:12px;
					cursor:pointer;
				}

				#filter_sort div {
					float:right;
					margin:14px 10px 0px 0px;
					width: 0;
					height: 0;
					border-left: 5px solid transparent;
					border-right: 5px solid transparent;
					border-top: 5px solid #aaa;
				}

			  /****************************************************************/
			 /*   search results - collections, source objects, or objects   */
			/****************************************************************/

				#search_results {
				/*	padding:2px 2px 10px;*/
					padding-left:5px;
					/*overflow:hidden;*/
				}

				#search_results_scroll {
					position:relative;
				}

				.search_results_message {
					display:none;
					padding:30px 0;
					text-align:center;
					font-size:15px;
					color:#999;
				}

				.search_results_message .sign_in_button {
					background-color: #37a5ef;
					color: #fff;
					margin-top: 16px;
					width:84px;
					text-align:center;
					padding-top: 7px;
					padding-bottom: 6px;
					font-size: 17px;
					cursor: pointer;
					border-radius:3px;
					box-shadow:0 0 1px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.2);
					-moz-box-shadow:0 0 1px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.2);
					-webkit-box-shadow:0 0 1px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.2);
					margin:10px auto;
				}

				.search_results_message a {
					color: #39f;
				}

				.search_results {
					min-height:100%;
					padding-bottom:2px;
					/*overflow:hidden;*/
				}

				.search_results img.loading {
					margin:202px 0 0 210px;
				}


				  /************************************/
				 /*   collections / sub-collections  */
				/************************************/

					.collection_div {
						float:left;
						position:relative;
						width:100%;
						margin: 0 0 3px 0;
					}

					.collection_div_one_third {
						width:33.3333%;
						height:141px;
						margin-bottom:2px !important
					}

					.collection_div:hover .collection_div_content,
					.collection_div_hover .collection_div_content {
						border-right:3px solid #f6f;
						width:calc(100% - 2px);
					}

					.collection_div_tab {
						position:relative;
					}

						.collection_div_tab_left {
							margin-right:18px;
							padding:2px 0 0 2px;
							overflow:hidden;
						}

							.collection_div_tab_left_content {
								height:8px;
								background-color: #fff;
								box-shadow:				0px 1px 2px rgba(0, 0, 0, 0.07), 0px 0px 1px rgba(0,0,0,0.1);
								-moz-box-shadow:		0px 1px 2px rgba(0, 0, 0, 0.07), 0px 0px 1px rgba(0,0,0,0.1);
								-webkit-box-shadow:	0px 1px 2px rgba(0, 0, 0, 0.07), 0px 0px 1px rgba(0,0,0,0.1);
							}

						.collection_div_tab_right {
							position:absolute;
							top:0;
							bottom:0;
							right:0;
							overflow:hidden;
							width:18px;
							padding:2px 2px 0 0;
						}

							.collection_div_tab_right_corner {
								position:absolute;
								border-right:8px solid transparent;
								border-bottom:8px solid #fff;
								}

					.collection_div_content {
						background-color:#fff;
						cursor:pointer;
						width:calc(100% - 5px);
						margin: 0 2px;
						overflow:hidden;
						padding-top:34px;
						box-shadow:				0px 1px 2px rgba(0, 0, 0, 0.07), 0px 0px 1px rgba(0,0,0,0.1);
						-moz-box-shadow:		0px 1px 2px rgba(0, 0, 0, 0.07), 0px 0px 1px rgba(0,0,0,0.1);
						-webkit-box-shadow:	0px 1px 2px rgba(0, 0, 0, 0.07), 0px 0px 1px rgba(0,0,0,0.1);
					}

						.collection_div_header {
							position:absolute;
							top:2px;
							left:2px;
							width:calc(100% - 5px);
						}

							.collection_div_header_bg {
								position: absolute;
								bottom: 0px;
								top: 12px;
								width:100%;
								background-color: white;
							}

							.collection_div_title {
								font-size:13px;
								text-decoration:none;
								color:#333;
								padding:6px 9px 0 7px;
							}

							.collection_div_header .collection_div_title {
								position:relative;
								line-height:1.2;
								padding:6px 20px 0px 7px;
							}

							.collection_div_header .collection_div_count {
								position:relative;
								height: 20px;
								float:left;
								padding:3px 3px 3px 7px;
							}

							.collection_div_header .collection_div_count img {
								float: left;
								height: 11px !important;
								margin-top: 1px;
								margin-right: 2px;
								margin-left: 0px;
								opacity: 0.8;
							}

							.collection_div_header .collection_div_count div {
								float:left;
								font-size:11px;
								color:#777;
							}

							#map_search_collection_results .collection_div_count {
								float:right;
								padding:6px 8px;
							}



							  /***************************/
							 /*   collection div menu   */
							/***************************/

								.collection_div_menu_button {
									position: absolute;
									bottom: 1px;
									right: 22px;
									padding: 8px 5px;
									margin: 0px;
									cursor: pointer;
								}

								.collection_div_menu_button_line {
									height: 2px;
									width: 8px;
									margin-right: 2px;
									margin-bottom: 2px;
									background-color: #c0c0c0;
								}

								.collection_div_menu_button_line:last-child {
									margin-bottom:0;
								}

								.collection_div_menu {
									display:none;
									position: absolute;
									bottom:-39px;
									right: 12px;
									background-color:#eee;
									box-shadow:0px 1px 2px rgba(0,0,0,0.18), 0px 0px 1px rgba(0,0,0,0.1);
									-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.18), 0px 0px 1px rgba(0,0,0,0.1);
									-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.18), 0px 0px 1px rgba(0,0,0,0.1);
									border-radius:3px;
									overflow:hidden;
								}

								.collection_div_menu a.menu_link {
									font-size:13px;
								}


							.collection_div_zoom_icon {
								position:absolute;
								bottom:-6px;
								right:-7px;
								width:40px;
								height:40px;
								opacity:0.45;
								cursor:pointer;
								background-image: url("../static/images/icons/40/marker-40.png");
								transform: scale(0.45);
							}

							.collection_div_zoom_icon:hover {
								opacity:0.8;
							}


						.collection_div_gallery {
							overflow:hidden;
							padding-bottom:2px;
						}

						.collection_div_gallery img {
							float:left;
							/*width:76px;*/
							height:46px;
							margin-right:2px;
							object-fit:cover;
							width: calc(100% / 6 - 10px / 6);
						}

						.collection_div_gallery img:last-child {
							margin-right: 0;
						}

						/* one image */
						.collection_div_one_third .collection_div_gallery img:only-child {
							float:left;
							width:100%;
							height:94px;
							object-fit:cover;
							margin-bottom:0 !important;
						}

						.collection_div_one_third .collection_div_gallery img {
							float:left;
							width: calc(50% - 1.01px);
							height:46px;
							margin:0;
							object-fit:cover;
						}

						.collection_div_one_third .collection_div_gallery img:nth-child(odd) {
							margin-right:2px;
						}

						.collection_div_one_third .collection_div_gallery img:nth-child(1),
						.collection_div_one_third .collection_div_gallery img:nth-child(2) {
							margin-bottom:2px;
						}

						.collection_div_map_search img {
							height:237px !important;
						}


					.collection_div_link {
						position:relative;
						height:30px;
						font-size:14px;
						color:#333;
						cursor:pointer;
						overflow:hidden;
					}

					.collection_div_link div {
						padding-bottom: 6px;
					}

					.collection_div_link_one_half {
						float:left;
						margin-bottom:5px;
						/***width:225px;***/
						width:calc(50% - 6px);
					}

					.collection_div_link_one_half:hover {
						width:209px;
						width:calc(50% - 22px);
					}

					.collection_div_link_label_grey {
						background-color:rgba(100,100,100,0.1);
						float:right;
						margin:1px 0px 0px 4px;
						padding:4px 5px;
						font-size:11px;
						line-height:1;
						color:rgba(0,0,0,0.5);
					}

					.collection_div_link_label_yellow {
						background-color:rgba(240,190,0,0.5);
						float:right;
						margin:1px 0px 0px 4px;
						padding:4px 5px;
						font-size:11px;
						line-height:1;
						color:rgba(0,0,0,0.55);
					}

					.collection_div_tag {
						float:left;
						padding:3px 8px;
						font-size:13px;
						color:#333;
						white-space:nowrap;
					}

					.collection_div_map_search {
						height:284px;
					}

/*

					.collection_div_zoom_icon {
						padding: 4px 2px 1px;
						opacity: 0.45;
						float: right;
						cursor: pointer;
					}

					.collection_div_zoom_icon:hover {
						opacity:0.8;
					}
*/

/*
					.collection_sub_layer_div {
						position:relative;
					}

					.collection_sub_layer_div .collection_div .collection_div_title {
						width: calc(100% - 70px);
						float: left;
						overflow:hidden;
						text-overflow: ellipsis;
					}

					.collection_sub_layer_div .collection_div .collection_div_count {
						position: absolute;
						right: 20px;
						top: 0;
						padding: 7px 10px;
					}
*/

				  /**********************/
				 /*   object_results   */
				/**********************/

					  /***********************/
					 /*   account profile   */
					/***********************/

						#account_profile {
							clear:left;
							display:block;
							position:relative;
							margin:1px 5px 4px 0;
							padding:0;
							background-color:#f8f8f8;
							box-shadow:				0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0,0,0,0.1);
							-moz-box-shadow:		0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0,0,0,0.1);
							-webkit-box-shadow:	0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0,0,0,0.1);
							outline: none;
							color:#888;
							text-decoration:none !important;
						}

						.account_profile_follow {
							float: right;
							padding:2px;
						}

						.account_profile_name {
							font-size:15px;
							padding:8px 11px 7px;
						}

						.account_profile_address {
							padding: 12px 15px 6px;
							font-size: 13px;
							border-bottom:6px solid #f8f8f8;
							background-color: white;
						}



					  /***********************/
					 /*   collection subs   */
					/***********************/

						#map_library .collection_sub_div {
							background-color:#f8f8f8;
							box-shadow:				0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0,0,0,0.1);
							-moz-box-shadow:		0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0,0,0,0.1);
							-webkit-box-shadow:	0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0,0,0,0.1);
							padding: 0 2px 1px 0;
							margin: 1px 2px 4px;
						}

						#map_library .collection_sub_div .collection_div {
							float:none;
							margin:0;
							padding:1px 0 4px 2px;
						}

						#map_library .collection_sub_div .collection_div:hover .collection_div_content,
						#map_library .collection_sub_div .collection_div_hover .collection_div_content {
							width:100%;
							border:none;
						}

						#map_library .collection_sub_div .collection_div .collection_div_content {
							margin:0;
							box-shadow:none;
							-moz-box-shadow:none;
							-webkit-box-shadow:none;
							background-color:transparent;
							padding:0;
							width:auto;
						}

						#map_library .collection_sub_div .collection_div .collection_div_content .collection_div_header {
							position:unset;
							top:0;
							left:0;
							width:auto;

						}

						#map_library .collection_sub_div .object_div.layer_div {
							margin:1px 3px 4px 5px;
						}




					  /******************/
					 /*   object div   */
					/******************/

						.object_div {
							clear:left;
							display:block;
							position:relative;
							margin:1px 5px 4px 0;
							padding:0;
							background-color:white;
							box-shadow:				0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0,0,0,0.1);
							-moz-box-shadow:		0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0,0,0,0.1);
							-webkit-box-shadow:	0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0,0,0,0.1);
							outline: none;
							color:#888;
							text-decoration:none !important;
						}

						.object_div:hover,
						.object_div.hover_div,
						.object_div.active_hover_div,
						.object_div.active_div {
							margin-right:2px !important;
						}

						.object_div.video_div.hover_div {
							border-right:3px solid #f2f;
						}

						.object_div.image_div.hover_div {
							border-right:3px solid #f60;
						}

						.object_div.layer_div.hover_div {
							border-right:3px solid #f2f;
						}

						.object_div.path_div.hover_div {
							border-right:3px solid #ccc;
						}

						.object_div.static_video_div.hover_div {
							border-right:3px solid #f2f;
						}

						.object_div.image_sequence_div.hover_div {
							border-right:3px solid #f60;
						}

						.object_div:hover,
						.object_div.active_hover_div,
						.object_div.active_div {
							border-right:3px solid #d00 !important;
						}

						.object_div.dim_active_div {
							border-right:3px solid rgba(255,0,0,0.5) !important;
						}

						#right_top_right_content .object_div:hover,
						#right_top_right_content .object_div.hover_div,
						#right_top_right_content .object_div.active_hover_div,
						#right_top_right_content .object_div.active_div {
							margin-right:0 !important;
						}

						.object_div:hover a,
						.object_div.active_hover_div a {
							color:#07d;
						}

						.object_div.layer_div {
							height:70px;
						}

						.object_div.layer_div:hover {
							cursor:pointer;
						}

						#map_library .object_div.portal_item_div {
							margin:1px 3px 4px 0;
						}

						.annotations_manager_div {
							position: fixed;
							top:calc(50% - 225px);
							left:calc(50% - 250px);
							height:450px;
							width:500px;
							background-color: #2d2d2d;
							z-index:2147483647;
							cursor: move;
							box-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 5px;
							/*transform: translate(-50%, -50%); causes jumpiness */
						}

						.annotations_manager_div_header {
							position: absolute;
							top: 0;
							width: 100%;
							height: 40px;
							background-color: rgba(255,255,255,0.08);
							box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
						}

						.annotations_manager_div_close {
							float:right;
							margin:9px;
							cursor:pointer;
						}

						.annotations_manager_div_scroll {
							overflow-y: scroll;
							position: absolute;
							top: 40px;
							left: 0;
							right: 0;
							bottom: 0;
							padding-top: 2px;
						}

						.annotations_manager_div_scroll_content {
							position: relative;
							margin-bottom: 12px;
							padding-right: 3px;
						}

						.annotations_start_time_utc_div {
							position: relative;
							z-index: 2;
						}

						/*
						.annotations_manager_div_timeline {
							position: absolute;
							top: 0px;
							left: 12px;
							bottom: 0px;
							width: 2px;
							background-color: #bbb;
						}
						*/

						.annotations_manager_div_date_time {
							color:#888;
							margin:17px 7px 0;
							overflow:hidden;
							font-size:13px;
							line-height: 1;
						}

						.annotations_start_time_utc_div.active .annotations_manager_div_date_time {
							color:#08f;
						}

						.annotations_manager_div_timeline_bullet {
							float: left;
							width: 12px;
							height: 12px;
							border-radius: 6px;
							border: 2px solid #bbb;
							background-color: #2d2d2d;
							margin-right: 8px;
						}

						.annotations_start_time_utc_div.active .annotations_manager_div_timeline_bullet {
							border-color:#08f;
						}

						.annotations_manager_div_timeline {
							position:absolute;
							left:12px;
							top:12px;
							bottom:-18px;
							width:2px;
							background-color:#bbb;
						}

						.annotations_start_time_utc_div.active .annotations_manager_div_timeline {
							background-color:#08f;
						}

						.annotations_manager_div_date {
							float:left;
							margin-right:10px;
						}

						.annotations_manager_div_time {
							float:left;
						}

						.object_div.annotation_div {
							position:relative;
							background-color: #fff;
							/*border-radius: 7px;*/
							/*border-bottom-left-radius:0;*/
							min-height:93px;
							box-shadow:0 1px 2px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1);
							margin: 5px 5px 5px 28px;
							cursor: pointer;
						}

						.object_div.annotation_div * {
							pointer-events: none;
						}

						.object_div.annotation_div .object_div_menu_button,
						.object_div.annotation_div .object_div_zoom_icon,
						.object_div.annotation_div .object_div_menu,
						.object_div.annotation_div .object_div_menu * {
							pointer-events: auto;
						}

						.object_div.annotation_div .object_div_zoom_icon {
							display:none;
						}

						.object_div.annotation_div:hover {


						}

						.object_div.annotation_div .object_div_title {
							position:relative;
							height:auto;
							font-size: 11px;
							color: #999;
							padding-bottom: 10px;
						}

						.object_div.annotation_div .object_div_name {
							padding: 6px 10px;
						}

						.object_div.annotation_div .object_div_last_modified {
						}

						.object_div.annotation_div .object_div_thumbnail_container {
							float: left;
							width: 165px;
							height: 93px;
						}

						.object_div.annotation_div .object_div_comment {
							font-size: 13px;
							color: #444;
							padding-bottom: 24px;
						}

						.annotation_div_field_form {
							padding-bottom: 5px;
						}

						.annotation_div_field {
							background-color: #fff;
							/*border-radius:7px;*/
							/*border-bottom-left-radius:0;*/
							border-radius: 3px;
							overflow:hidden;
							box-shadow:0 1px 2px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1);
							border:1px solid #08f;
							margin:5px 5px 0px 28px;
						}

						.annotation_div_field textarea {
							width: 100%;
							height: 84px;
							border: none;
							padding: 10px 10px;
							font-size: 12px;
							resize: none;
						}

						.annotation_div_field textarea::placeholder {
							color:#aaa;
						}

						.annotation_div_bottom_bar {
							overflow: hidden;
							padding:5px 0;
							border-top:1px solid rgba(0,0,0,0.05);
						}

						.annotation_div_save {
							background-color: #08f;
							color:white;
							padding: 5px 15px;
							float: right;
							margin-right: 10px;
							border-radius: 7px;
							cursor: pointer;
						}


					  /*****************************/
					 /*   object div thumbnails   */
					/*****************************/

						.object_div .object_div_thumbnail_container {
							position:relative;
							overflow: hidden;
							background-color:#111;
							/*pointer-events:auto;*/
						}

						.object_div .object_div_thumbnail_container img {
							pointer-events: none;
						}

						.object_div .object_div_thumbnail {
							width:100%;
							height:100%;
							pointer-events: none;
						}

						.object_div .object_div_object_type_icon {
							position:absolute;
							top:4px;
							left:3px;
						}

						.object_div .object_div_thumbnail_container:hover .object_div_object_type_icon {
							display:none;
						}

						/* video_div */

							/*
							.object_div.video_div .object_div_thumbnail_message {
								position: absolute;
								top:38%;
								left:0;
								width:165px;
								color: #bbb;
								font-size:15px;
								text-align:center;
							}
							*/

							.object_div.video_div .object_div_thumbnail_track_types {
								position:absolute;
								top:0;
								width:100%;
								height:100%;
								pointer-events: none;
							}

							.object_div.video_div .object_div_thumbnail_track_types_half {
								position:absolute;
								top:0;
								left:50%;
								width:50%;
								height:100%;
								overflow:hidden;
								pointer-events: none;
							}

							.object_div.video_div .object_div_thumbnail_track_types_half img {
								transform: translateX(-50%);
								object-fit: contain;
								margin: -15px 0px;
								width: 171px;
								height: 125px;
								/*mask-image: linear-gradient(left,rgba(0, 0, 0, 0) 0%, rgba(0,0,0,0) 50%, rgba(0, 0, 0, 1) 65%);*/
								/*-webkit-mask-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0) 0%, rgba(0,0,0,0) 50%, rgba(0, 0, 0, 1) 65%);*/
							}

							.object_div.video_div .object_div_thumbnail_scrub_bar {
								position:absolute;
								bottom:0;
								left:0;
								right:0;
								height:20px;
								background-color: rgba(0,0,0,0.2);
								pointer-events:none;
							}

							.object_div.video_div .object_div_thumbnail_scrub_bar.hover {
								border-top:2px solid #d00;
							}

						/* image_div */

							.object_div.image_div .object_div_thumbnail_img {
								object-fit:contain;
								width:130%;
								height:130%;
								margin:-10% -15%;
							}

						/* layer_div */

							.object_div.layer_div .object_div_thumbnail_container {
								background-color:#fff;
								float:left;
								width:80px;
								height:70px;
							}

							.object_div.layer_div .object_div_thumbnail_img {
								height:100%;
								width:100%;
							}

						/* image_sequence_div */

							.object_div.image_sequence_div .object_div_thumbnail_track_types {
								position:absolute;
								top:0;
								width:100%;
								height:100%;
								pointer-events: none;
							}

							/*
							.object_div.image_sequence_div .object_div_thumbnail_track_types_half {
								position:absolute;
								top:0;
								left:50%;
								width:50%;
								height:100%;
								overflow:hidden;
								pointer-events: none;
							}

							.object_div.image_sequence_div .object_div_thumbnail_track_types_half img {
								transform: translateX(-50%);
								object-fit: contain;
								margin: -15px 0px;
								width: 171px;
								height: 125px;
							}
							*/

							.object_div.image_sequence_div .object_div_thumbnail_scrub_bar {
								position:absolute;
								bottom:0;
								left:0;
								right:0;
								height:20px;
								background-color: rgba(0,0,0,0.2);
								pointer-events:none;
							}

							.object_div.image_sequence_div .object_div_thumbnail_scrub_bar.hover {
								border-top:2px solid #d00;
							}

					  /***********************/
					 /*   object div info   */
					/***********************/

						.object_div .object_div_info {
							padding:13px 15px 0px;
							overflow:hidden;
							font-size:12px;
						}

						.object_div.image_div .object_div_info {
							padding: 4px 0 0 4px;
							font-size:11px;
						}

						.object_div.layer_div .object_div_info {
							padding: 10px 10px 0;
						}

						.object_div.path_div .object_div_info {
							padding:12px 15px 10px;
						}

						.object_div.portal_item_div .object_div_info {
							padding:10px;
						}

						.object_div .object_div_account {
							float:left;
							clear:left;
							overflow:hidden;
							padding:8px 0 1px;
						}

						.object_div.image_div .object_div_account {
							padding-top:1px;
						}

						/*
						.object_div.layer_div .object_div_account .object_div_sublink {
							color:#888 !important;
						}
						*/

						.object_div .object_div_sublink {
							cursor:pointer;
							font-size:12px;
							font-weight:normal;
							white-space:nowrap;
							text-decoration:none;
							color:#888;
						}

						.object_div.layer_div .object_div_account .object_div_sublink:hover {
							text-decoration:none;
						}

						.object_div.layer_div .object_div_account {
						}

						.object_div.image_div .object_div_sublink {
							display:block;
							font-size: 11px;
							overflow: hidden;
							text-overflow: ellipsis;
							float:left;
							max-width:100%;
						}

						.object_div.image_div:hover .object_div_sublink {
							color:#07d;
						}

						.object_div_rating {
							background-color:#009900;
							border-right:1px solid #ddd;
							height:1px;
						}

						.object_div_rating_bg {
							height:1px;
							width:70px;
							float:right;
							overflow:hidden;
							background-color:#b00000;
						}

						.object_div_views {
							float:left;
							clear:left;
							margin-top:3px;
							font-size:12px;
							line-height:1;
							color:#888;
						}

						.object_div_views span {
							font-size:10px;
						}

						.missing_video {
							padding:28px;
							margin:-2px 0px -2px -1px;
							background-color:#fafafa;
							color:#d00;
							font-size:14px;
							text-align:center;
						}

						.question_mark {
							background-color:#2ea3f2;
							padding:2px 6px;
							margin-right:0px;
							margin-left:4px;
							color:#fff;
							font-size:11px;
						}

					  /************************/
					 /*   object div title   */
					/************************/

						.object_div_title {
							overflow:hidden;
							float:left;
							max-width:100%;
							height:16px;
							white-space:nowrap;
							text-overflow:ellipsis;
							font-size:14px;
							line-height:1.1;
							text-decoration:none;
							color:#07d;
							cursor:pointer;
						}

						.object_div_title:hover {
							cursor:pointer;
							text-decoration:underline;
						}


						.object_div.image_div .object_div_title {
							padding-top:1px;
							font-size:12px;
						}

						.collection_sub_div .object_div_title {
							font-size:13px;
						}

						.collection_sub_layer_div .object_div.layer_div .object_div_title {
							color:#333;
						}

						.collection_sub_layer_div .object_div.layer_div .object_div_title:hover {
							text-decoration:none;
						}

						.object_div.portal_item_div .object_div_title:hover {
							text-decoration:none;
						}

					  /***********************/
					 /*   object div date   */
					/***********************/

						.object_div_date,
						.object_div_time {
							float:left;
							line-height:1;
							padding:2px 0;
						}

						.object_div_date {
							clear:left;
						}

						.object_div_time {
							padding-left:6px;
						}

						.image_div .object_div_date,
						.image_div .object_div_time {
							padding-top:1px;
							padding-bottom:1px;
						}

						.image_div .object_div_time {
							padding-left:5px;
						}

						.object_div_unverified_date,
						.object_div_unknown_timezone {
							color:coral;
						}

						.object_div_unverified_date:hover .object_div_date,
						.object_div_unverified_date:hover .object_div_time {
							cursor:pointer;
							text-decoration:underline;
						}



						.object_div.layer_div .object_div_date,
						.object_div.layer_div .object_div_time {
							display:none;
						}

					  /******************************/
					 /*   object div live status   */
					/******************************/

						.object_div_live_status {
							position: absolute;
							top: 0;
							padding: 2px 4px;
							background-color: rgba(0,0,0,0.35);
							color: rgba(255,255,255,0.85);
							font-size:11px;
						}

						.object_div_live_status.live {
							color:#fff;
						}

						.object_div_live_status.live::before {
							content: "";
							border-radius: 3.5px;
							width: 7px;
							height: 7px;
							background-color: red;
							display: inline-block;
							margin-right: 4px;
						}


					  /*******************************/
					 /*   object div limited data   */
					/*******************************/

						.object_div_limited_data {
							position: absolute;
							bottom: 7px;
							right: 80px;
							font-size: 11px;
							padding:1px 0 1px 5px;
							background-color:#eee;
							color: #808080;
							/*
							float: right;
							margin: 5px 35px 0px 0px;
							*/
						}

						.object_div_limited_data a {
							color:#808080;
							text-decoration:none;
						}


					  /**********************************/
					 /*   object div num_annotations   */
					/**********************************/

						.object_div_num_annotations {
							position: absolute;
							bottom: 1px;
							right: 46px;
							height: 25px;
							width: 25px;
						}

						.object_div_num_annotations div {
							width: 100%;
							font-size: 10px;
							font-weight: bold;
							text-align: center;
							line-height: 1;
							margin-top: 5px;
							color:#aaa;
						}

						.object_div_num_annotations img {
							position: absolute;
							height: 25px;
							top: 0px;
							left: 0;
						}



					  /***********************/
					 /*   object div menu   */
					/***********************/


						.object_div_menu_button {
							position: absolute;
							bottom: 1px;
							right: 22px;
							padding: 8px 5px;
							margin: 0px;
							cursor: pointer;
						}

						.object_div_menu_button_line {
							height: 2px;
							width: 8px;
							margin-right: 2px;
							margin-bottom: 2px;
						}

						.object_div_menu_button_line:last-child {
							margin-bottom:0;
						}

						.privacy_public .object_div_menu_button_line {
							background-color: #c0c0c0;
						}

						.privacy_unlisted .object_div_menu_button_line {
							background-color: rgb(255, 209, 5);
						}

						.privacy_private .object_div_menu_button_line {
							background-color: #e77;
						}

						/*
						.object_div.layer_div .object_div_menu_button {
							display:none;
						}
						*/



						.object_div_zoom_icon {
							position:absolute;
							bottom:-6px;
							right:-7px;
							width:40px;
							height:40px;
							opacity:0.45;
							cursor:pointer;
							background-image: url("../static/images/icons/40/marker-40.png");
							transform: scale(0.45);
						}

						.object_div_zoom_icon:hover {
							opacity:0.8;
						}

						.object_div_zoom_no_location,
						.object_div_zoom_no_location:hover {
							opacity:0.17;
							cursor:default;
						}

						.object_div_menu {
							display:none;
							position: absolute;
							bottom: -66px;
							right: 48px;
							min-width: 100px;
							z-index: 2;
							background-color:#e5e5e5;
							box-shadow:0px 1px 3px rgba(0,0,0,0.25), 0px 0px 1px rgba(0,0,0,0.1);
							-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.25), 0px 0px 1px rgba(0,0,0,0.1);
							-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.25), 0px 0px 1px rgba(0,0,0,0.1);
							border-radius:3px;
							/*overflow:hidden;*/
						}

						.object_div_menu a.menu_link {
							padding: 8px 12px;
							font-size: 13px;
						}

						.object_div_menu:hover {
							/***display:block !important;***/
						}

						/*
						.object_div_menu .icon_share {
							background-image: url("../static/images/icons/share-24px.svg");
						}

						.object_div_menu .icon_move {
							background-image: url("../static/images/icons/redo-24px.svg");
						}

						.object_div_menu .icon_edit {
							background-image: url("../static/images/icons/edit-24px.svg");
						}

						.object_div_menu .icon_delete {
							background-image: url("../static/images/icons/clear-24px.svg");
						}
						*/

						.menu_link_icon {
							fill: #aaa;
							margin:-5px 10px -5px 0px;
						}


						/* privacy icons - inactive */
						a.menu_link.object_div_menu_private_link .menu_link_icon {
							fill: rgba(0,0,0,0.1) !important;
						}

						a.menu_link.object_div_menu_unlisted_link .menu_link_icon {
							fill: rgba(0,0,0,0.1) !important;
						}

						a.menu_link.object_div_menu_public_link .menu_link_icon {
							fill: rgba(0,0,0,0.1) !important;
						}


						/* privacy icons - active */
						a.menu_link.object_div_menu_private_link.active .menu_link_icon {
							fill: #d00 !important;
						}

						a.menu_link.object_div_menu_unlisted_link.active .menu_link_icon {
							fill: gold !important;
						}

						a.menu_link.object_div_menu_public_link.active .menu_link_icon {
							fill: #0a0 !important;
						}


						/* menu icons - hover default */
						.object_div_menu a.menu_link:hover .menu_link_icon {
							fill: #07d;
						}


						/* menu icons - hover */
						a.menu_link.object_div_menu_private_link:hover .menu_link_icon {
							fill: #d00 !important;
						}

						a.menu_link.object_div_menu_unlisted_link:hover .menu_link_icon {
							fill: gold !important;
						}

						a.menu_link.object_div_menu_public_link:hover .menu_link_icon {
							fill: #0a0 !important;
						}

						a.menu_link.object_div_menu_delete_link:hover .menu_link_icon {
							fill: #d00 !important;
						}


						/*
						.menu_link_privacy {
							margin-left: -51px;
							border-top-left-radius: 3px;
							border-bottom-left-radius: 3px;
						}
						*/
						/*
						.menu_link_privacy {
							padding-left: 43px;
						}
						*/
						.menu_link_privacy {
							overflow:hidden;
						}

						/*
						.privacy_button {
							float: left;
							margin-right: 8px;
							border-radius: 10px;
							cursor:pointer;
						}
						*/
						.privacy_button {
							clear: left;
							float: left;
							margin-right: 11px;
							margin-bottom: 8px;
							border-radius: 10px;
							cursor: pointer;
						}

						.privacy_button_private {
							background-color: #d00;
						}

						.privacy_button_unlisted {
							background-color: gold;
						}

						.privacy_button_public {
							background-color: #b5b5b5;
							margin-bottom:0;
						}

						.privacy_button_center {
							width: 14px;
							height: 14px;
							margin: 1px;
							border: 2px solid white;
							border-radius: 8px;
						}

						.privacy_button_center_off {
							background-color: white;
						}

						.privacy_button_center_off:hover {
							background-color: transparent;
						}




						/***
						.object_div_footer {
							position:absolute;
							bottom:0px;
							left:183px;
							right:1px;
							padding:3px 2px 0px 3px;
							line-height:1.6;
						}

						.object_div_button {
							float:left !important;
							height:15px !important;
							color:#e5e5e5 !important;
							font-size:11px !important;
							margin-top:1px !important;
							padding:5px 5px 0px !important;
							font-weight:normal !important;
							text-align:center !important;
						}
						***/

					  /********************/
					 /*   page numbers   */
					/********************/

						#page_numbers {
							font-size:11px;
							text-align:center;
							overflow:hidden;
							box-shadow: 0px 0px 1px rgba(0,0,0,0.18), 0 1px 2px rgba(0,0,0,0.1);
							-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.18), 0 1px 2px rgba(0,0,0,0.1);
							-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.18), 0 1px 2px rgba(0,0,0,0.1);
							border-radius: 3px;
							margin: 3px auto;
							width: max-content;
							width: -moz-max-content;
						}

						.page_button {
							border-left:1px solid #ddd;
							margin-left:0px;
							padding:6px 9px 5px;
							font-size:12px;
							text-align:center;
							line-height:1.2;
							cursor:pointer;
							display:inline-block;
							background-color:#f7f7f7;
							color:#888;
						}

						.page_button:first-child {
							border-left:none;
						}

						.page_button:hover {
							background-color:#5af !important;
							color:white !important;
						}

						.page_button_pressed {
							background-color:#5af !important;
							color:white !important;
						}

					  /************************/
					 /*   objects_per_page   */
					/************************/


						#objects_per_page {
							overflow:hidden;
							position:relative;
							margin:20px auto;
							padding:1px;
							width:70px;
							border:none;
							font-size: 12px;
							background-color:#f7f7f7;
							border-radius:3px;
							box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.18), 0px 1px 2px rgba(0, 0, 0, 0.1);
							-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.18), 0px 1px 2px rgba(0, 0, 0, 0.1);
							-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.18), 0px 1px 2px rgba(0, 0, 0, 0.1);
							pointer-events:auto;
						}

						#objects_per_page select {
							background-color:transparent;
							-webkit-appearance: none;
							-moz-appearance: none;
							border-radius:0;
							border:none;
							margin: 0px -16px 0px 0px;
							padding: 9px 26px 8px 10px;
							font-family:inherit;
							line-height:1.3;
							color:#808080 !important;
							font-size:12px;
							cursor:pointer;
						}

						#objects_per_page div {
							float:right;
							margin:14px 10px 0px 0px;
							width: 0;
							height: 0;
							border-left: 5px solid transparent;
							border-right: 5px solid transparent;
							border-top: 5px solid #aaa;
						}



					  /***********************/
					 /*   portal item div   */
					/***********************/


						.object_div.portal_item_div {
							min-height:93px;
						}

						.object_div.portal_item_div:hover {
							cursor:pointer;
						}

						.object_div.portal_item_div .object_div_thumbnail:hover::after {
							background-image:none;
						}

						.object_div.portal_item_div .object_div_title {
							color: #333;
						}

						.portal_item_div_type {
							clear:left;
							padding: 2px 10px 5px 0;
						}

						.portal_item_div_owner {
							clear:left;
							padding: 2px 10px 5px 0;
						}

						.portal_item_div_snippet {
							clear:left;
							padding: 2px 10px 5px 0;
							/*
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
							*/
						}


		  /***************************/
		 /*   left content footer   */
		/***************************/




	  /****************/
	 /*   timeline   */
	/****************/

		#timeline {
			position:absolute;
			top:0;
			right:0;
			bottom:0;
			left:0;
			/*overflow:hidden;*/
		}

			#timeline_content {
				position:absolute;
				top:0;
				right:0;
				bottom:0;
				left:0;
				min-height:140px;
				display:none;
			}

				#timeline_content_right {
					display:none;
					position:absolute;
					top:0;
					right:0;
					bottom:0;
					width:44px;
				}

					.timeline_settings_container {
						position: relative;
						overflow: hidden;
						pointer-events: none;
						width: 50px;
						height: 100%;
					}

					.timeline_settings {
						height: 100%;
						position: absolute;
						width:44px;
						padding: 4px;
						pointer-events:none;
					}

					.timeline_settings_button_container {
						position: absolute;
					}

					.timeline_settings_button {
						padding:6px 6px 0;
					}


				#timeline_content_left {
					position:absolute;
					top:0;
					right:0;
					bottom:0;
					left:0;
					/*overflow:hidden;*/
				}

				#timeline_content_left.has_active_hover_object {
					cursor:pointer;
				}

					.timeline_drag_zoom {
						position:absolute;
						top:0;
						left:0;
						bottom:0;
						background-color:#ededed;
					}

					.timeline_drag_zoom.timeline_drag .timeline_tick_mark {
						pointer-events:none !important;
					}

					.timeline_drag_zoom.timeline_drag .timeline_tick_mark:hover {
						background-color: inherit;
					}

					.timeline_drag_zoom.timeline_selection_box_resizable .timeline_tick_mark {
						pointer-events:none !important;
					}

					.timeline_drag_zoom.timeline_selection_box_resizable .timeline_tick_mark:hover {
						background-color: inherit;
						cursor: ew-resize;
					}

					/*
						.timeline_scroll {
							position: absolute;
							overflow: auto;
							padding-top:64px;
							top: 0;
							right: 0;
							bottom: 0;
							left: 0;
							background-color:#ededed;
						}
						*/

						.timeline_header {
							position:relative;
							width:100%;
							/*overflow:hidden;*/
							box-shadow:				0px 1px 2px rgba(0, 0, 0, 0.1);
							-moz-box-shadow:		0px 1px 2px rgba(0, 0, 0, 0.1);
							-webkit-box-shadow:	0px 1px 2px rgba(0, 0, 0, 0.1);
							cursor:pointer;
						}

						.timeline_header_height {
							height:64px;
						}

							.timeline_scale {
								position:absolute;
								top:0;
								right:0;
								left:0;
								bottom:0;
								/*background-color:#fafafa;*/
								/*background-color:hsla(208, 60%, 97%, 1);*/
								background-color:hsla(208, 70%, 98%, 1);
								font-size:12px;
								color:rgba(0, 119, 221, 0.8);
							}

								.timeline_scale_row {
									position:absolute;
									width:100%;
									z-index:2;
								}

								#timeline_scale_1 {
									height:100%;
								}

								#timeline_scale_2 {
									top:33.33%;
									height:66.66%;
									pointer-events: none;
								}

								#timeline_scale_3 {
									top:66.66%;
									height:33.33%;
									background-color: hsla(208, 90%, 80%, 0.2);
									pointer-events:none;
								}

								.timeline_tick_mark {
									position:absolute;
									/*border-left:1px solid #ddd;*/
									border-left:1px solid hsla(208, 90%, 80%, 1);;
									overflow:hidden;
									height:100%;
									pointer-events:auto;
								}

								.timeline_tick_mark:hover {
									background-color:rgba(158, 207, 250, 0.25);
								}

								.timeline_tick_mark_helper {
									float:left;
									width:1px;
									height:100%;
									pointer-events:none;
								}

								.timeline_tick_mark_label {
									float:left;
									padding: 2px 6px;
									pointer-events:none;
								}

								.timeline_tick_mark_label_fixed {
									position:fixed;
								}

								.timeline_tick_mark_label_float_right {
									float:right;
									/*text-align:right;*/
								}

								.timeline_tick_mark_year .timeline_tick_mark_label{
									min-width:39px;
								}

								#timeline_scale_2 .timeline_tick_mark_year .timeline_tick_mark_label {
									display:none;
								}

								.timeline_tick_mark_month .timeline_tick_mark_label{
									min-width:36px;
								}

								.timeline_tick_mark_day .timeline_tick_mark_label {
									min-width:26px;
								}

								.timeline_tick_mark_hour {
									bottom:0;
									height:25%;
									font-size:0;
								}

								.timeline_tick_mark_hour_6,
								.timeline_tick_mark_hour_18 {
									height:50%;
								}

								.timeline_tick_mark_hour_12 {
									height:75%;
								}


							.timeline_results {
								position:relative;
								padding-top: 0;
								width:100%;
							}

								.timeline_result_type {
									box-shadow: 0 1px 2px rgba(0,0,0,0.1);
									margin-top: 1px;
									height: 30px;
									position: relative;
									display: none;
									background-color: #fff;
									cursor:pointer;
									z-index:2; /* above timeline_selection_div */
								}

								.timeline_result_type svg {
									width: 100%;
									height: 100%;
									pointer-events:none;
								}

								.timeline_result_type svg .line {
									fill: none;
									stroke: #ffab00;
									stroke-width: 3;
								}

								  /***********************/
								 /* object_timeline_div */
								/***********************/

								.object_timeline_div {
									position:absolute;
									top: calc(50% - 1px);
									min-width:3px;
									height:3px;
									z-index:2; /* above timeline_selection_div */
								}

								.object_timeline_div.video_timeline_div {
									background-color:#ffb0ff;
								}

								.object_timeline_div.image_timeline_div {
									background-color: #ffc899;
									margin-left:-2px;
									width:5px;
									height:5px;
									top:calc(50% - 2px);
								}

								.object_timeline_div.image_sequence_timeline_div {
									background-color: #ffc899;
								}

								.object_timeline_div.layer_timeline_div {
									background-color:#eee;
								}

								.object_timeline_div.path_timeline_div {
									background-color:#eee;
								}

								  /*****************************/
								 /* object_timeline_div icons */
								/*****************************/

								.object_timeline_div.video_timeline_div::before,
								.object_timeline_div.image_sequence_timeline_div::before {
									content: "";
									position: absolute;
									width:5px;
									height:5px;
									border:none;
									background-color:inherit;
									margin:-1px;
								}

								.object_timeline_div.video_timeline_div::before {
									border-radius:5px;
								}

								.object_timeline_div.image_sequence_timeline_div::before {

								}

								  /****************************/
								 /* page_object_timeline_div */
								/****************************/

								.object_timeline_div.page_object_timeline_div {
									opacity:1;
									z-index:3; /* above non-page_object_timeline_div */
								}

								#timeline_content_left:not(.has_active_hover_object) .object_timeline_div.page_object_timeline_div.video_timeline_div,
								.object_timeline_div.page_object_timeline_div.video_timeline_div.hover_div {
									background-color:#f2f;
								}

								.object_timeline_div.page_object_timeline_div.image_timeline_div {
									background-color:#fff;
								}

								#timeline_content_left:not(.has_active_hover_object) .object_timeline_div.page_object_timeline_div.image_sequence_timeline_div,
								.object_timeline_div.page_object_timeline_div.image_sequence_timeline_div.hover_div {
									background-color:#f70;
								}


								  /**********************************/
								 /* page_object_timeline_div icons */
								/**********************************/

								.object_timeline_div.page_object_timeline_div::before,
								.object_timeline_div.active_hover_div::before,
								.object_timeline_div.active_div::before {
									width:3px !important;
									height:3px !important;
									margin: -2px -3px;
									background-color:#fff;
								}

								.object_timeline_div.page_object_timeline_div.video_timeline_div::before {
									border: 2px solid #ffb0ff;
								}

								#timeline_content_left:not(.has_active_hover_object) .object_timeline_div.page_object_timeline_div.video_timeline_div::before,
								.object_timeline_div.page_object_timeline_div.video_timeline_div.hover_div::before {
									border: 2px solid #f2f;
								}

								.object_timeline_div.page_object_timeline_div.image_timeline_div::before,
								.object_timeline_div.active_hover_div.image_timeline_div::before,
								.object_timeline_div.active_div.image_timeline_div::before {
									content: "";
									position: absolute;
									width:5px;
									height:5px;
									border:none;
									background-color:inherit;
									margin:-1px;
									border: 2px solid #ffc899;
								}

								.object_timeline_div.page_object_timeline_div.image_sequence_timeline_div::before {
									border: 2px solid #ffc899;
								}

								#timeline_content_left:not(.has_active_hover_object) .object_timeline_div.page_object_timeline_div.image_timeline_div::before,
								#timeline_content_left:not(.has_active_hover_object) .object_timeline_div.page_object_timeline_div.image_sequence_timeline_div::before,
								.object_timeline_div.page_object_timeline_div.image_timeline_div.hover_div::before,
								.object_timeline_div.page_object_timeline_div.image_sequence_timeline_div.hover_div::before {
									border: 2px solid #f70;
								}


								  /*********************************/
								 /* active_hover_div / active_div */
								/*********************************/

								.object_timeline_div.active_hover_div,
								.object_timeline_div.active_div {
									background-color:#d00 !important;
									box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
									z-index:4;
								}

								.object_timeline_div.active_hover_div::before,
								.object_timeline_div.active_div::before {
									border:2px solid #d00 !important;
									box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
								}


								  /******************/
								 /* dim_active_div */
								/******************/

								.object_timeline_div.dim_active_div {
									background-color:rgba(255,0,0,0.5) !important;
								}

								.object_timeline_div.dim_active_div::before {
									border-color:rgba(255,0,0,0.5) !important;
								}


								  /********************************/
								 /* viewshed_result_timeline_div */
								/********************************/

								.object_timeline_div.viewshed_result_timeline_div {
									background-color: #ffd700;
									pointer-events:none;
									z-index: 4; /* needs to draw on top of object_timeline_div */
								}

								.viewshed_result_play_progress_div {
									position:absolute;
									top:0;
									border:0;
									height:100%;
									min-width:1px;
									background-color: #ffd700;
								}



								  /*************************/
								 /* object_data_graph_div */
								/*************************/

								.object_data_graph_div {
									position:absolute;
									top: 0;
									min-width:3px;
									height:100%;
									z-index:2; /* above timeline_selection_div */
								}



							.timeline_results.timeline_collection_results .object_timeline_div::before {
								/*display:none;*/
							}

							.timeline_results.timeline_collection_results .object_timeline_div.video_timeline_div {
							}

							.timeline_results.timeline_collection_results .object_timeline_div.image_timeline_div,
							.timeline_results.timeline_collection_results .object_timeline_div.image_sequence_timeline_div {
							}




						.timeline_selection_div {
							position:absolute;
							top:0;
							bottom:0;
							width:100%;
						}

							.timeline_selection_box {
								position:absolute;
								top:0;
								/*bottom:0;*/
								/*border-left:2px solid gold;*/
								/*border-right:2px solid gold;*/
								border-top:2px solid gold;
								box-shadow:0 -1px 3px rgba(0,0,0,0.18), inset 0 2px 2px -2px rgba(0,0,0,0.18);
								z-index:3;
								height:126px;
								pointer-events: none;
							}

							.timeline_selection_box::before {
								content:"";
								position:absolute;
								top:0;
								left:0;
								bottom:0;
								width:2px;
								box-shadow:0 0 2px rgba(0,0,0,0.18);
								background-color:gold;
							}

							.timeline_selection_box::after {
								content:"";
								position:absolute;
								top:0;
								right:0;
								bottom:0;
								width:2px;
								box-shadow:0 0 2px rgba(0,0,0,0.18);
								background-color:gold;
							}

							.timeline_selection_box .ui-resizable-handle {
								pointer-events: auto;
							}


							.timeline_selection_box .ui-resizable-e {
								width: 7px;
								right: -5px;
							}

							.timeline_selection_box .ui-resizable-w {
								width: 7px;
								left: -5px;
							}


							.timeline_selection_box .close_timeline_selection_box {
								color: #e00;
								text-align: center;
								font-weight: bold;
								cursor: pointer;
								pointer-events: auto;
								text-shadow: 0px 0px 1px #d00;
								width: 20px;
								margin: 0px auto;
								z-index: 1000002;
								background-color:gold;
								padding:0 0 2px;
								border-bottom-left-radius: 4px;
								border-bottom-right-radius: 4px;
								box-shadow:0 1px 2px rgba(0,0,0,0.15);
							}

							.timeline_time_marker {
								position:absolute;
								top:-19px;
								bottom:0;
								pointer-events: none;
								z-index: 2;
							}

							.timeline_time_marker_label {
								position: relative;
								overflow:hidden;
								width: 162px;
								color: #fff;
								padding: 3px 8px;
								text-align: center;
								left: calc(-50%);
								font-size: 12px;
								border-radius:3px;
								pointer-events: none;
							}

							.timeline_time_marker_label_date {
								float:left;
							}

							.timeline_time_marker_label_time {
								float:right;
							}

							.timeline_hover_time_marker {
								/*z-index:2; / * above page_object_timeline_div */
							}

							.timeline_current_time_marker {
							}


					.timeline_start_tick_marks {
						position:absolute;
						top:0;
						left:0;
						pointer-events:none;
						font-size: 12px;
						color:rgba(0, 119, 221, 0.8);
						overflow:hidden;
					}

					.timeline_start_tick_marks .timeline_tick_mark_label {
						clear:left;
						height:33.33%;
					}


	  /*********************/
	 /*   right content   */
	/*********************/

		#right_content {
			position:relative;
			overflow:hidden;
			height:100%;
		}


		  /*************************/
		 /*   right top content   */
		/*************************/

			#right_top_content {
				position:relative;
				width:100%;
				height:calc(100% - 100px); /*   subtract timeline height   */
				z-index: 1; /* under timeline shadow */
			}

			#right_top_content_left_shadow {
				position:absolute;
				top: 0px;
				left:0px;
				bottom:0px;
				pointer-events:none;
				z-index:1000001;
				box-shadow:inset 3px 0px 3px rgba(0,0,0,0.12), inset 1px 0px 1px rgba(0,0,0,0.05) !important;;
				-moz-box-shadow:inset 3px 0px 3px rgba(0,0,0,0.12), inset 1px 0px 1px rgba(0,0,0,0.05) !important;;
				-webkit-box-shadow:inset 3px 0px 3px rgba(0,0,0,0.12), inset 1px 0px 1px rgba(0,0,0,0.05) !important;;
			}

			#right_bottom_content_left_shadow {
				position:absolute;
				top: 0px;
				left:0px;
				bottom:0px;
				pointer-events:none;
				z-index:1000001;
				box-shadow:inset 2px 0px 2px rgba(0,0,0,0.07), inset 1px 0px 1px rgba(0,0,0,0.02) !important;;
				-moz-box-shadow:inset 2px 0px 2px rgba(0,0,0,0.07), inset 1px 0px 1px rgba(0,0,0,0.02) !important;;
				-webkit-box-shadow:inset 2px 0px 2px rgba(0,0,0,0.07), inset 1px 0px 1px rgba(0,0,0,0.02) !important;
			}

			 /*******************************/
			 /*   right top left content   */
			/******************************/

				#right_top_left_content {
					position:absolute;
					top:0px;
					right:0px;
					bottom:0px;
					left:0px;
				}

				#right_top_left_content .survae_button,
				#right_top_right_content .survae_button {
					padding:6px 6px 0;
				}

				#right_top_left_content_top_shadow {
					position:absolute;
					top: 0px;
					left:0px;
					right:0px;
					height: 8px;
					box-shadow:				inset 0px 6px 6px -6px rgba(0,0,0,0.5);
					-moz-box-shadow:		inset 0px 6px 6px -6px rgba(0,0,0,0.5);
					-webkit-box-shadow:	inset 0px 6px 6px -6px rgba(0,0,0,0.5);
					pointer-events:none;
					z-index:999999;
				}

				#draw_objects_progress_bars_container {
					position:absolute;
					bottom:0px;
					width:100%;
					z-index:1000000;
					display:none;
				}

					.draw_objects_progress_bar {
						position:relative;
						display:none;
						height:2px;
						width:0%;
						box-shadow:0px 1px 2px rgba(0,0,0,0.2);
						margin-top:1px;
					}


				  /******************/
				 /*   survae map   */
				/******************/

					#survae_map {
						height:100%;
						width:100%;
					}

					/*
					.gm-tilt {
						display:none !important;
					}
					*/

					.gm-style iframe + div { 
						border:none!important; 
					}

					.zoom_button_container {
						margin-top:6px;
						margin-left:6px;
					}

					.zoom_button_container .survae_button {
						border-left:none;
						padding: 4px 4px 0px !important;
						height: 31px;
					}

					.zoom_button_container .survae_button:first-child {
						border-left:none;
					}

					.zoom_button_container .survae_button:last-child {
						border-top:1px solid #ddd;
					}

					.zoom_button_container .survae_button img {
						opacity:0.45;
					}

					.zoom_in_button {
					}

					.zoom_out_button {
						clear:left;
					}

					.layer_gid_popup {
						position:absolute;
						bottom:30px;
						height:auto;
						width:165px;
						background-color:white;
						padding: 25px 5px 5px;
						color:#777;
						box-shadow:0px 1px 4px rgba(0,0,0,0.3);
						-moz-box-shadow:0px 1px 4px rgba(0,0,0,0.3);
						-webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.4);
						font-family:arial !important;
						font-size:11px !important;
						line-height:1;
						z-index: 10000000;
						pointer-events:all;
					}

					.layer_gid_popup_close_button {
						color: rgb(221, 0, 0);
						font-size: 15px;
						padding-bottom: 5px;
						position: absolute;
						top: 0;
						right: 2px;
						padding: 5px;
						cursor: pointer;
					}

					.layer_gid_popup_filter_button {
						float: right;
						cursor: pointer;
						opacity: 0.3;
					}

					.layer_gid_popup_filter_button_active {
						opacity: 1;

					}

					.layer_gid_popup_arrow {
						position:absolute;
						bottom:-18px;
						left:67px;
						z-index: 9999999; /* behind .layer_gid_popup */
					}


					.hover_popup {
						position:relative;
						height:128px;
						/*margin-top: 8px;*/
						background-color:white;
						padding: 0px;
						color:#777;
						box-shadow:0px 1px 4px rgba(0,0,0,0.3);
						-moz-box-shadow:0px 1px 4px rgba(0,0,0,0.3);
						-webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.4);
						font-family:arial !important;
						font-size:11px !important;
						line-height:1;
						z-index: 10000000;
						/*opacity:0.5;*/
					}

					.hover_popup_thumbnail {
						overflow:hidden;
						width:165px;
						height:95px;
						background-color:#111;
						z-index: 10000001;
					}

					.hover_popup_thumbnail_img {
						object-fit:contain;
						margin:-15px -3px;
						width:171px;
						height:125px;
						/*
						box-shadow:				0 1px 7px rgba(0, 0, 0, 0.5);
						-moz-box-shadow:		0 1px 7px rgba(0, 0, 0, 0.5);
						-webkit-box-shadow:	0 1px 7px rgba(0, 0, 0, 0.5);
						*/
					}

					.hover_popup_thumbnail_track_types {
						width:165px;
						height:95px;
						margin-top:-95px;
						overflow:hidden;
						z-index: 10000002;
					}

					.hover_popup_thumbnail_track_types_half {
						position:relative;
						width:50%;
						height:95px;
						margin-top:-95px;
						left:50%;
						overflow:hidden;
						z-index: 10000003;
					}

					.hover_popup_thumbnail_track_types_half img {
						transform: translateX(-50%);
						object-fit: contain;
						margin: -15px 0px;
						width: 171px;
						height: 125px;
						/*mask-image: linear-gradient(left,rgba(0, 0, 0, 0) 0%, rgba(0,0,0,0) 50%, rgba(0, 0, 0, 1) 65%);*/
						/*-webkit-mask-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0) 0%, rgba(0,0,0,0) 50%, rgba(0, 0, 0, 1) 65%);*/
					}

					.hover_popup_thumbnail_message {
						position: absolute;
						top:32%;
						left:0;
						width:165px;
						color: #bbb;
						font-size:15px;
						text-align:center;
					}

					.hover_popup_title {
						width:155px;
						padding:4px 5px 0px;
						color:#07d;
						height:16px;
						overflow:hidden;
						white-space:nowrap;
						text-overflow:ellipsis;
					}

					.hover_popup_date_time {
						overflow:hidden;
						padding:3px 5px 1px;
					}

					.hover_popup_date {
						float:left;
					}

					.hover_popup_time {
						float:right;
					}

					.hover_popup_no_arrow .hover_popup_arrow {
						display: none;
					}

					.hover_popup_top {
						top:-40px;
					}

					.hover_popup_top .hover_popup_arrow {
						position:absolute;
						bottom:-18px;
						left:67px;
						z-index: 9999999; /* behind .hover_popup */
					}

					.hover_popup_bottom {
						top:170px;
					}

					.hover_popup_bottom .hover_popup_arrow {
						position:absolute;
						top:-17px;
						left:67px;
						z-index: 9999999; /* behind .hover_popup */
					}

					.hover_popup_bottom .hover_popup_arrow img {
						transform: rotate(180deg);
					}

					.mouse_context_menu {
						/*
						background-color:#f5f5f5;
						box-shadow:0px 1px 4px rgba(0,0,0,0.3);
						-moz-box-shadow:0px 1px 4px rgba(0,0,0,0.3);
						-webkit-box-shadow:0px 1px 4px rgba(0,0,0,0.4);
						font-family:arial;
						font-size:14px;
						line-height:1;
						z-index:10000000;
						*/
					}

					.mouse_context_menu_item {
						width:100%;
						padding:4px 8px;
						border-bottom:1px solid #777;
						cursor:pointer;
					}

					.mouse_context_menu_item:last-child {
						border-bottom:0;
					}

					.mouse_context_menu_item:hover {
						background-color:#fff;
					}

					/* google infoBox */
					.infoBox {
						pointer-events: none !important;
					}

					.leaflet-popup-pane {
						pointer-events: none !important;
					}

					.leaflet-popup-content {
						width:165px !important;
						pointer-events: none !important;
					}

					.leaflet-popup .leaflet-popup-tip {
						display:none;
					}

					.leaflet-popup .leaflet-popup-content-wrapper {
						background-color:transparent;
						box-shadow:none;
					}

					.leaflet-survae-polylineMarkerIcon, /* allow hovering over imageSequence markers */
					.leaflet-survae-polylineStartIcon, /* allow hovering over start point */
					.leaflet-survae-polygonViewshed, /* prevent graphicMouseOutListener */
					.leaflet-survae-polylineFrameCenterLaser { /* prevent graphicMouseOutListener */
						pointer-events: none !important;
					}

					.leaflet-survae-polylineShadow-polylineStartIcon,
					.leaflet-survae-polyline360Shadow-polylineStartIcon,
					.leaflet-survae-polylineIconShadow-polylineStartIcon {
						z-index: -10000 !important;
					}

					.leaflet-map-pane svg.leaflet-survae-polylineStartIcon {
						display:block;
					}

					.esri-view .esri-view-surface--inset-outline:focus::after {
						outline:none !important;
					}


				  /***********************/
				 /*   timeline_button   */
				/***********************/

					.timeline_button_container {
						/*display:none;*/
						position:absolute;
						left:4px;
						bottom:35px;
						z-index:1000; /* needed for leaflet */
					}

					.timeline_button {
						background-color:#fff;
						padding:6px 6px 0;
					}

					.filter_timeline_bounds {
						background-color:#fff;
						padding:6px 6px 0;
					}

				  /*******************/
				 /*  map_controls   */
				/*******************/

					.map_controls {
						position: absolute;
						top: 4px;
						right:0;
						padding-right: 4px;
						z-index: 1000; /* needed for leaflet */
					}

					.map_controls .button_container {
						float:left;
						margin-left:4px;
					}

					.map_controls .map_button_container .survae_button {
						border-left: none;
						border-right: 1px solid #ddd
					}

					.map_controls .map_button_container .survae_button:last-child {
						border-right: none;
					}

					.map_library_basemaps_button {
					}

					.map_library_basemaps_button .survae_button_icon_off {
						opacity: 0.3;
					}

					.map_library_layers_button .survae_button_icon_off {
						opacity: 0.35;
					}

					.filter_map_bounds_button {

					}



				  /*************/
				 /*   stack   */
				/*************/


					/*
					#stack_item_add_layer {
						position: absolute;
						top: 4px;
						right: 4px;
						background-color: white;
						padding: 5px 5px 1px;
						border-radius: 3px;
						box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.2);
						-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.2);
						-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.2);
						cursor:pointer;
					}

					#stack_item_add_layer img {
						opacity: 0.55;
					}
					*/

					#right_top_left_content #stack {
						position:absolute;
						right:0px;
						top:43px;
						z-index:1000001;
						overflow-y:auto;
						max-height:calc(100% - 73px);
					}

					#right_top_right_content #stack {
						position:relative;
						float:right;
						top:43px;
					}

					#stack {
						max-width: 100%;
					}

					#stack #stack_scroll {
						padding:4px 4px 20px 4px;
						overflow:hidden;
					}

					#stack #stack_scroll .map_library_button_container {
						height:35px;
					}

					#stack #stack_scroll .button_container {
						float:right;
						clear:right;
						margin-bottom:4px;
					}

					.stack_item {
						float:right;
						clear:right;
						margin:0 0 4px 0;
						border-radius:3px;
						cursor:pointer;
						background-color:#fff;
						box-shadow:				0px 1px 4px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0,0,0,0.2);
						-moz-box-shadow:		0px 1px 4px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0,0,0,0.2);
						-webkit-box-shadow:	0px 1px 4px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0,0,0,0.2);
						max-width:100%;
					}

					/*
					#stack .stack_item.stack_item_selected {
						width:45px;
						margin-right:0 !important;
						border-right:9px solid #eee !important;
					}
					*/

					.stack_item_icon {
						float:right;
						width:36px;
						height:35px;
						overflow:hidden;
						border-radius:3px;
						border:7px solid #fff;
						/*
						border:6px solid #fff;
						background-color:#fff;
						box-shadow:				0px 1px 4px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0,0,0,0.2);
						-moz-box-shadow:		0px 1px 4px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0,0,0,0.2);
						-webkit-box-shadow:	0px 1px 4px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0,0,0,0.2);
						*/
					}

					.stack_item_icon img {
						position:relative;
						width:24px;
						height:24px;
						top:-1px;
						left:-1px;
					}

					.stack_item_filter_active_icon {
						display: none;
						padding: 9px 8px 0px;
						height:35px;
						border-right:1px solid rgba(0,0,0,0.1);
						float: left;
					}

					.stack_item_filter_active_icon_on {
						display: block;
					}

					.stack_item_menu {
						float:right;
						display:none;
						border-right: 1px solid rgba(0,0,0,0.1);
						/*
						background-color:#fff;
						box-shadow:				0px 1px 4px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0,0,0,0.2);
						-moz-box-shadow:		0px 1px 4px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0,0,0,0.2);
						-webkit-box-shadow:	0px 1px 4px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0,0,0,0.2);
						*/
					}

					.stack_item_bottom {
						float:left;
						clear:right;
						overflow:hidden;
					}

					.stack_item_bottom .sp-container {
						position:relative;
						top:0;
						left:0;
						width:222px;
					}

					.stack_item_open {
						border-top-left-radius:0;
					}

					.stack_item_open .stack_item_menu {
						display:block;
						/*max-width: calc(100% - 36px);*/
						max-width: 100%;
					}

					.stack_item_menu_title_container {
						/*float: left;*/
						padding: 2px 8px 0px;
						margin-top: -20px;
						height: 20px;
						border-radius: 3px;
						overflow: hidden;
						margin-left: -8px;
						/*max-width: 100%;*/
					}

					.stack_item_menu_title {
						box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), 0 0 1px rgba(0,0,0,0.2);
						background-color: white;
						border-top-left-radius: 3px;
						border-top-right-radius: 3px;
						padding: 3px 8px 0px;
						/*text-overflow:ellipsis;*/
						/*overflow:hidden;*/
						/*white-space: nowrap;*/
					}

					.stack_item_menu_button {
						float:right;
						width:36px;
						height:35px;
						padding:9px 8px 0;
					}

					/*
					.stack_item_menu_button:first-child {
						clear:left;
					}
					*/

					.stack_item_menu_button img {
						opacity:0.3;
					}

					.stack_item_hide {
						float:right;
					}

					.stack_item_menu_button.stack_item_hide img {
						/*opacity:1;*/
					}

					.stack_item_remove {
						float:right;
					}

					.stack_item_menu_button.stack_item_remove img {
						opacity:1;
					}

					.stack_item_zoom_to {
					}

					.stack_item_filter {
						padding: 8px 9px 0px;
					}

					.stack_item_icon_on {
					}

					.stack_item_filter_on img {
						opacity: 1 !important;
						filter: invert(0) !important;
					}

					.stack_item_color_picker_button_div {
						padding: 0px;
					}

					.stack_item_color_picker_img {
						opacity: 1 !important;
					}

					/*
					#stack #stack_item_add_layer.stack_item {
						margin-top:8px;
						background-color:#fff;
						border:0;
					}

					#stack #stack_item_add_layer.stack_item div {
						padding: 1px;
						opacity: 0.55;
					}
					*/

					/*
					#stack #stack_item_basemap.stack_item {
						width:42px;
						height:42px;
						margin-left:3px;
						margin-right:6px;
					}

					#stack #stack_item_basemap.stack_item img {
						margin: -11px 0px 0px -108px
					}

					#stack #stack_item_basemap.stack_item.stack_item_selected {
						width:48px;
						border-right:6px solid #eee !important;
					}
					*/


				  /***************************************/
				 /*   copyright / terms / attribution   */
				/***************************************/

					#copyright_terms {
						position: absolute;
						bottom: 16px;
						right: 0px;
						font-size: 10px;
						color: #212121;
						opacity: 0.7;
					}

					#copyright_terms div, #copyright_terms a {
						background-color:rgb(245, 245, 245);
						float:left;
						margin-left:1px;
						padding:1px 6px;
					}

					#copyright_terms a {
						display:block;
						text-decoration:none;
						color:#212121;
						cursor:pointer;
					}







			  /*******************************/
			 /*   right top right content   */
			/*******************************/

				#right_top_right_content {
					display:none;
					position:absolute;
					top:0;
					right:0;
					bottom:0;
					width:395px;
					z-index:1000002;
					background-color:#eee;
					box-shadow:				0px 1px 6px rgba(0, 0, 0, 0.25);
					-moz-box-shadow:		0px 1px 6px rgba(0, 0, 0, 0.25);
					-webkit-box-shadow:	0px 1px 6px rgba(0, 0, 0, 0.25);
				}

				#right_top_right_content.over_map {
					top:0;
					right:0;
					bottom:0;
				}

			 	 	  /*******************/
					 /*   map library   */
					/*******************/

						#map_library {
							position:absolute;
							top:0px;
							right:0px;
							bottom:0px;
							left:0px;
						}

						#right_top_right_content .map_library_top_shadow {
							position: absolute;
							top: 0;
							left: 0;
							right: 0;
							box-shadow: 			0px 2px 2px -2px rgba(0,0,0,0.3) inset;
							-moz-box-shadow: 		0px 2px 2px -2px rgba(0,0,0,0.3) inset;
							-webkit-box-shadow: 	0px 2px 2px -2px rgba(0,0,0,0.3) inset;
							height:3px;
						}

						.map_library_header {
							position:absolute;
							top:0;
							left:0;
							right:0;
							padding:4px 4px 0;
							height:43px;
							font-size:15px;
							background-color:#f0f0f0;
							color:#909090;
							box-shadow:				0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0,0,0,0.2);
							-moz-box-shadow:		0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0,0,0,0.2);
							-webkit-box-shadow:	0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0,0,0,0.2);
						}

						#right_top_right_content.over_map .map_library_header {
							border-top-left-radius:5px;
							border-top-right-radius:5px;
						}

						.map_library_header .button_container {
							float:left;
						}

						.map_library_header .map_library_button_container {
							margin-right:25px;
						}

						/*
						.map_library_basemaps_button_tab {
							float: left;
							padding: 7px 11px 7px 9px;
							cursor:pointer;
							opacity:0.55;
						}
						*/


						.map_api_menu_button_container .survae_button {
							padding:5px 9px 0 !important;
							height:35px;
						}

						.map_api_menu_button_container .survae_button img {
							filter:grayscale(1);
							opacity:0.6;
						}

						.map_api_menu_button_container .survae_button_on {
							/*width:109px;*/
						}

						.map_api_menu_button_container .survae_button_on img {
							filter:none;
							opacity:1;
						}

						.map_api_menu_button_container .survae_button_on div {
							float:left;
							padding:2px 5px 0 10px;
							color:#07d;
						}

						/*
						.map_api_menu {
							position:absolute;
							top:43px;
							left:52px;
							background-color:#fafafa;
							box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2);
							-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2);
							-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2);
							overflow:hidden;
							border-radius:3px;
						}

						.map_api_menu_button {
							clear:left;
							position: relative;
							cursor:pointer;
							color:#707070;
							text-align:left;
							font-size:15px;
							padding:7px 10px 0;
							height:40px;
							border-bottom:1px solid #ddd;
						}

						.map_api_menu_button:last-child {
							margin-bottom:0;
							border-bottom:0;
						}

						.map_api_menu_button img {
							float:left;
						}

						.map_api_menu_button div {
							float:left;
							padding:2px 5px 0 10px;
						}

						.map_api_menu_button:hover {
							color:#08d;
						}
						*/

						.map_library_pin {
							float:right;
							padding:7px;
							cursor: pointer;
						}

						.map_library_pin img {
							width:24px;
							height:24px;
							padding:3px 2px 1px;
						}

						.map_library_pin img.pin_icon_off {
							opacity:0.25;
						}

						.map_library_pin img.pin_icon_on {
						}


						#right_top_right_content.over_map .pin_icon_off  { display:block; }
						#right_top_right_content.over_map .pin_icon_on { display:none; }

						#right_top_right_content.next_to_map .pin_icon_off { display:none; }
						#right_top_right_content.next_to_map .pin_icon_on { display:block; }


						.map_library_tab {
							padding-top:8px !important;
						}

						.map_library_close {
							float:right;
							padding:11px 7px;
							margin-right:10px;
							line-height:1;
							font-size:17px;
							font-weight:normal;
							text-shadow:none;
							cursor:pointer;
							color:#909090;
						}

						.map_library_tab_active {
							color:#07d;
						}

						/*
						.map_library_basemaps_button_tab {
							position:absolute;
							top:0px;
							left:-43px;
							overflow:hidden;
							padding:0px 0px 3px 3px;
						}

						.map_library_basemaps_button_tab div {
							float:right;
							overflow:hidden;
							padding:8px 9px;
							height:40px;
							width:40px;
							cursor:pointer;
							box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
							-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
							-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
						}
						*/

						#map_library_search {
							position:absolute;
							top:43px;
							left:0px;
							right:0px;
							bottom:0px;
							overflow-y:scroll;
							margin-left:2px;
						}

						#map_library_search_scroll {
							position:relative;
							min-height:100%;
							padding:7px 0 40px;
						}

						#map_library_search_results {
							/*padding:2px 2px 10px;*/
							padding-left:5px;
							overflow:hidden;
						}

						#map_library_search_results_scroll {
							position:relative;
							/*
							top:40px;
							bottom:0px;
							right:0px;
							left:5px;
							padding:6px 0px;
							color:#909090;
							line-height:1;
							overflow-y:scroll;
							*/
						}

						#map_library_search_results_scroll .search_results {
							padding-bottom:30px;
						}

						/*
						*/
						#map_library_esri_authentication {
							display:none !important;
						}

						.map_library_search_result {
							float:left;
							display:block;
							position:relative;
							box-shadow:				0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0,0,0,0.1);
							-moz-box-shadow:		0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0,0,0,0.1);
							-webkit-box-shadow:	0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0,0,0,0.1);
							background-color:#fff;
							color:#333;
							font-size:13px;
							cursor:pointer;
						}

						.library_basemap_header {
							padding: 5px 5px 6px;
							clear: left;
						}

						.library_basemap_header div {
							font-size:15px;
						}

						.library_basemap {
							width:180px;
							height:120px;
							margin:1px 4px 6px 4px;
						}

						.library_layer {
							float:none;
							margin:1px 5px 3px;
							border-left-width:0px;
							border-left-style:solid;
							overflow:hidden;
						}

						.library_basemap_active, .library_basemap_hover {
							margin-left:1px !important;
							border-left:3px solid #c00;
							width:183px !important;
						}

						.library_layer_active, .library_layer_hover {
							margin-left:2px !important;
							border-left-width:3px;
						}

						.library_basemap_thumbnail {
							/*position:absolute;*/
							/*top:0;*/
							/*left:0;*/
							width:180px;
							height:120px;
							overflow:hidden;
							background-color:#000;
						}

						.library_basemap_thumbnail img {
							margin:0 0 0 -55px;

						}

						.library_basemap_label {
							position: absolute;
							bottom: 0px;
							background-color:#fff;
							/*left: 0px;*/
							/*right: 0px;*/
							width:100%;
							color: #333;
							padding: 6px 8px;
						}

						.library_layer_thumbnail {
							position:relative;
							float:left;
							width:125px;
							height:72px;
							overflow:hidden;
							background-color:#f5f5f5;
						}

						.library_layer_title {
							float:left;
							padding:9px 10px;
							width:calc(100% - 125px);
						}

						.library_layer_zoom {
							position:absolute;
							bottom:0px;
							right:2px;
							padding:2px 3px 3px;
							opacity: .45;
							-moz-opacity: .45;
							-webkit-opacity: .45;
						}

						/*
						.library_layer_active {
							padding:7px 7px 3px 10px;
						}
						*/

						.library_layer_zoom:hover {
							opacity: 1;
							-moz-opacity: 1;
							-webkit-opacity: 1;
						}


		  /****************************/
		 /*   right bottom content   */
		/****************************/



  /****************/
 /*   overlays   */
/****************/