html {
	overscroll-behavior: none;
}
body {
	overflow: hidden;
}

.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 16px;
	border: 1px solid #888;
}

#modal-alert {
	padding-top: 250px;
}

#modal-alert .modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 16px;
	position: absolute;
	float: left;
	left: 50%;
	top: 30%;
	transform: translate(-50%, -50%);
	border: 1px solid #888;
	text-align: center;
	font-size:14px;
}

@media only screen and (max-width: 800px) {
	#modal-alert .modal-content {
		width:95%;
	}
}

#loginModal {
	padding-top: 250px;
}

#loginModal .modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 16px;
	position: absolute;
	float: left;
	left: 50%;
	top: 30%;
	transform: translate(-50%, -50%);
	border: 1px solid #888;
	font-size:14px;
}

.modal-header {
	padding: 5px 5px;
	background-color: #1c4c8e;
	color: white;
}

.modal-body {padding: 2px 16px;}

#iframeModal {
	padding-top: 10px;
}

#iframeModal .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 4px;
  border: 1px solid #888;
  width: 95%;
  height:95%;
}
#iframeModal .modal-body {
  height:95%;
}

#ifrfiles {
    border:none;
}

.close {
  color: grey;
  float: right;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  width:20px;
  margin-right:10px;
  text-align: right;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.maxmize {
	color: grey;
	float: left;
	font-size: 18px;
	font-weight: bold;
	display:none;
	width:40%;
}

.maxmize:hover,
.maxmize:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

a.modallink:link, a.modallink:visited {
  background-color: #3870a7;
  color: white;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border: 1px solid white;
}

a.modallink:hover, a.modallink:active {
  background-color: #8e1c1c;
}

#middle {
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: 2em;
}

#menu {
	margin: none;
}

/*** HEADER ***/
#header {
	width: 100%;
	border-bottom: solid 1px black;
}

#header img {
	border: none;
	margin: 0px;
	padding: 0px;
}

#toolbar {
	width: 100%;
}

/*** FOOTER ***/
#footer {
	/*
	position: absolute;
	bottom: 0px;
	left: 0px;
	*/
	height: 2em;
	width: 100%;
}

#footer img {
	border: none;
	vertical-align: text-bottom;
}

#footer a {
	color: black;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#coordinate-display .coordinate-type {
	font-weight: bold;
	margin-left: 5px;
}

.scale-jumper-text {
	font-weight: bold;
	margin-left: 5px;
	margin-right: 3px;
}

.scale-jumper-select {
	width: 150px;
	text-align: right;
}

.scale-jumper-select option {
	text-align: right;
}

/*** MIDDLE ***/
#map {
	display: block;
	height: 100%;
	border: solid 1px black;
	overflow: hidden;
}

#mapContainer {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#control-panel {
	position: absolute;
	top: 0px;
	height: 100%;
	width: 25em;
}

.DisplayRight #control-panel {
	right: 0px;
}

.DisplayRight #map {
	margin-right: 20em;
	margin-left: 0px;
}

/*
 *  Tab Styles
 */

.tab-strip {
	margin-top: .3em;
	border-bottom: solid .1em black;
}

#tab-container {
	overflow: scroll;
}

#catalog-tab {
}

.tab {
	border-top: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;

	padding-left: 2px;
	padding-right: 2px;

	cursor: pointer;

	margin-left: 1px;
	margin-right: 2px;
	margin-top: 5px;

	background-color: #EEE;
}

.tab-selected {
	border-bottom: solid 1px white;
	background-color: white;
}

.tab-hidden {
	display: none;
}

.tab-visible {
	display: block;
}

.tab-visible td,th {
	font-size: 75%;
}

#service-tab table,td,th {
/*	font-size: 1em;*/
}

/*
 *  CSS for styling service rendering
 */

.service-title {
	display: block;
	font-size: 1.5em;
	padding-top: 3px;
	padding-bottom: 3px;
}

.service-input-parent {
	display: block;
}

.service-input-title {
	font-weight: bold;
}

.service-input-small {
    background: #fff url("images/validationInputBg.png") repeat-x scroll left top;
    border: 1px solid #b3b3b3;
    width: 40px;
}

.service-step-visible {
	display: block;
}

.service-step-hidden {
	display: none;
}

#measuretool-input-total,#measuretool-input-segment,#measuretool-input-heading {
	text-align: right;
}

.popupContainer {
	overflow-y: auto;
	overflow-x: auto;
}

/*
 *  Some CSS for the Zoom To boxes.
 */

#zoomto-boxes {
	text-align: center;
}

.zoomto-select {
	width: 10em;
}

a.zoomlink:link, a.zoomlink:visited {
  color: white;
  text-decoration: none;
  font-weight: bold;
}

a.zoomlink:hover, a.zoomlink:active {
  color: #FFFF00;
  text-decoration: none;
}

/*** REFERENCE MAP ***/
.olControlOverviewMapElement {
	background: none !important;
}


.olControlOverviewMapMaximizeButton {
	background-repeat: no-repeat;
	background-image: url('../images/toolbar/add.png');
}

.olControlOverviewMapMinimizeButton {
	background-repeat: no-repeat;
	background-image: url('../images/toolbar/delete.png');
}

*.olControlOverviewMapMinimizeButton > img {
	display: none;
}

*.olControlOverviewMapMaximizeButton > img {
	display: none;
}

.olControlOverviewMapElement .olMap {
	background-color: white;
	border: solid 1px black;
}

.Visible {
	display: block;
}

.Hidden {
	display: none !important;
}

/*** Turns the cursor back to pointer over pan/zoom bars ***/
.olControlPanZoomBar {
	cursor:auto !important;
}

/*** This is some new stuff for 2.6.  It will get reorg'd in a new minor revision to supprot
 CSS Compilation ***/

.sprite-control-activate {
	background-image: url('../images/activate.png') !important;
	background-position: 0px 0px !important;
}

.catalog-active-map-source {
	background-image: url(../images/catalog_gradiant.png);
	background-repeat: repeat-x;
	background-color: #FFF475;
}

.tundra .dijitDialogPaneContent {
	padding: 2px !important;
}

.measure_header_label {
	width: 7em;
	font-weight: bold;
}

.measure_segment_id_column {
	width: 3em;
}

.measure_segment_column,
.measure_total_column {
	width: 10em;
}

/** This determines the width and font sizes for the zoom-to drop downs */
.zoomto_select .dijitSelectLabel {
	width: 16em;
	text-align: left
}

.zoomto_select .dijitMenuItemLabel {
	font-size: 75%;
}


/** These are the recommended settings from extensions/MeasureWithBearing.js **/
.measure-tool-title {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: .25em;
}

.measure-tool-display-title {
	display: inline-block;
	width: 6em;
	padding-left: .2em;
	font-weight: bold;
}

.measure-tool-header-cell {
	text-decoration: underline;
}


/* Fix for #71, #92  */
.olLayerGooglePoweredBy {
	display: none !important;
}

.geomooseDownloadLink {
	display: block;
	padding: .25em;
	color: black;
}

.geomooseDownloadTab {
}

.geomooseDownloadAttachment {
}

.geomoseDownloadClose {
}



.hide {
	display: none !important;
}

.Popup {
	display: block;
	z-index: 10000;
	position: absolute;
}

.PopupEntry {
	width: 15em;
	padding: 4px;
}

.Popup .CloseBox {
	padding-left: 16px;
	padding-top: 16px;
	background-image: url(../images/close.png);
	/*position: absolute;
	top: 0; right: 0;*/
	float: right;
	cursor: pointer;
}

.Popup .title {
	padding: 2px;
	background-color: #aaa;
}

.Popup .PopupContents {
	margin-left: 43px;
	background-color: white;
	border: solid 1px #555;
	border-radius: 3px;
}

.Popup.PopupAnchorBottom .Tail {
	bottom: 0;
	top: auto;
}

.Popup.PopupAnchorRight .PopupContents {
	margin-left: 0px;
	margin-right: 38px;
}

.Popup.PopupAnchorRight .Tail {
	right: 0;
	left: auto;
}

.Popup .Tail {
	position: absolute;
	left: 0; top: 0;
	background-repeat: repeat-x;
}

.Popup .Tail:before {
	content: "\25C4\25C4\25C4";
	color: #555;
	font-size: 15px;
}

.Popup.PopupAnchorRight .Tail:before {
	content: "\25B6\25B6\25B6";
}

.Popup.Moved .Tail:before {
	content: "";
}

.Popup.Moved .PopupContents {
	margin-left: 0; margin-right: 0;
}

.attribute-editor {
	width: 300px;
	height: 300px;
	padding: 2px;
}

ul.catalog {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

ul.catalog ul.catalog {
	list-style: none;
	margin-left: 0px;
	padding-left: 15px;
}

.catalog-group {
	background-image: url('../images/toolbar-c/folder-close.svg');
	background-repeat: no-repeat;
}

.catalog-group-ex {
	background-image: url('../images/toolbar-c/folder-open.svg');
	background-repeat: no-repeat;
}

.catalog-group,.catalog-group-ex {
	cursor: pointer;
	display: block;
}

.catalog-indent,.catalog-group,.catalog-group-ex {
	padding-left: 20px;
	padding-bottom: 2px;
}


ul.catalog-group-collapsed {
	display: none;
}

ul.catalog-group-expanded {
	display: static;
}

/* Changes the display of the tools in the catalog
 * display: block;  displays the tools on their own line
 * display: auto; displays the tools inline with the layer name
 */
.catalog-controls-container {
	display: block;
}

.catalog-legend-image {
	display: block;
}

.catalog-layer-title, .catalog-layer-title-scale{
	vertical-align: middle;
}

.catalog-inscale {
}

.catalog-outscale {
	color: #999;


}

.ToggleControls {
	cursor: pointer;
}

/*
.catalog_legend_container {
	padding-left: 18px;
}
*/
.sprite-control {
	background-image: url('../images/all.png');
	background-repeat: no-repeat;
	height: 18px; /* nee, < 2.6 20px */
	width: 20px;
	display: inline-block;
	cursor: pointer;
	background-position: 0px -580px;	/* This should default to the 'find' icon */
	*zoom: 1;
	*display: inline;
}

 .sprite-control-add { background-position: 0px -10px; }  .sprite-control-add-selected { background-position: -20px -10px !important; } 
 .sprite-control-advanced_tools { background-position: 0px -40px; }  .sprite-control-advanced_tools-selected { background-position: -20px -40px !important; } 
 .sprite-control-bell { background-position: 0px -70px; }  .sprite-control-bell-selected { background-position: -20px -70px !important; } 
 .sprite-control-birdseye { background-position: 0px -100px; }  .sprite-control-birdseye-selected { background-position: -20px -100px !important; } 
 .sprite-control-bookmark { background-position: 0px -130px; }  .sprite-control-bookmark-selected { background-position: -20px -130px !important; } 
 .sprite-control-buffered_select { background-position: 0px -160px; }  .sprite-control-buffered_select-selected { background-position: -20px -160px !important; } 
 .sprite-control-clear { background-position: 0px -190px; }  .sprite-control-clear-selected { background-position: -20px -190px !important; } 
 .sprite-control-clear_drawings { background-position: 0px -220px; }  .sprite-control-clear_drawings-selected { background-position: -20px -220px !important; } 
 .sprite-control-delete { background-position: 0px -250px; }  .sprite-control-delete-selected { background-position: -20px -250px !important; } 
 .sprite-control-detail { background-position: 0px -280px; }  .sprite-control-detail-selected { background-position: -20px -280px !important; } 
 .sprite-control-down { background-position: 0px -310px; }  .sprite-control-down-selected { background-position: -20px -310px !important; } 
 .sprite-control-draw_edit { background-position: 0px -340px; }  .sprite-control-draw_edit-selected { background-position: -20px -340px !important; } 
 .sprite-control-draw_edit_attributes { background-position: 0px -370px; }  .sprite-control-draw_edit_attributes-selected { background-position: -20px -370px !important; } 
 .sprite-control-draw_line { background-position: 0px -400px; }  .sprite-control-draw_line-selected { background-position: -20px -400px !important; } 
 .sprite-control-draw_move_shape { background-position: 0px -430px; }  .sprite-control-draw_move_shape-selected { background-position: -20px -430px !important; } 
 .sprite-control-draw_point { background-position: 0px -460px; }  .sprite-control-draw_point-selected { background-position: -20px -460px !important; } 
 .sprite-control-draw_polygon { background-position: 0px -490px; }  .sprite-control-draw_polygon-selected { background-position: -20px -490px !important; } 
 .sprite-control-draw_remove { background-position: 0px -520px; }  .sprite-control-draw_remove-selected { background-position: -20px -520px !important; } 
 .sprite-control-fade { background-position: 0px -550px; }  .sprite-control-fade-selected { background-position: -20px -550px !important; } 
 .sprite-control-find { background-position: 0px -580px; }  .sprite-control-find-selected { background-position: -20px -580px !important; } 
 .sprite-control-folder { background-position: 0px -610px; }  .sprite-control-folder-selected { background-position: -20px -610px !important; } 
 .sprite-control-fullextent { background-position: 0px -640px; }  .sprite-control-fullextent-selected { background-position: -20px -640px !important; } 
 .sprite-control-geocode { background-position: 0px -670px; }  .sprite-control-geocode-selected { background-position: -20px -670px !important; } 
 .sprite-control-help { background-position: 0px -700px; }  .sprite-control-help-selected { background-position: -20px -700px !important; } 
 .sprite-control-identify { background-position: 0px -730px; }  .sprite-control-identify-selected { background-position: -20px -730px !important; } 
 .sprite-control-information { background-position: 0px -760px; }  .sprite-control-information-selected { background-position: -20px -760px !important; } 
 .sprite-control-legend { background-position: 0px -790px; }  .sprite-control-legend-selected { background-position: -20px -790px !important; } 
 .sprite-control-markup_tools { background-position: 0px -820px; }  .sprite-control-markup_tools-selected { background-position: -20px -820px !important; } 
 .sprite-control-measure { background-position: 0px -850px; }  .sprite-control-measure-selected { background-position: -20px -850px !important; } 
 .sprite-control-measurearea { background-position: 0px -880px; }  .sprite-control-measurearea-selected { background-position: -20px -880px !important; } 
 .sprite-control-next { background-position: 0px -910px; }  .sprite-control-next-selected { background-position: -20px -910px !important; } 
 .sprite-control-pan { background-position: 0px -940px; }  .sprite-control-pan-selected { background-position: -20px -940px !important; } 
 .sprite-control-popups { background-position: 0px -970px; }  .sprite-control-popups-selected { background-position: -20px -970px !important; } 
 .sprite-control-previous { background-position: 0px -1000px; }  .sprite-control-previous-selected { background-position: -20px -1000px !important; } 
 .sprite-control-printer { background-position: 0px -1030px; }  .sprite-control-printer-selected { background-position: -20px -1030px !important; } 
 .sprite-control-select { background-position: 0px -1060px; }  .sprite-control-select-selected { background-position: -20px -1060px !important; } 
 .sprite-control-showMetadata { background-position: 0px -1090px; }  .sprite-control-showMetadata-selected { background-position: -20px -1090px !important; } 
 .sprite-control-streetview { background-position: 0px -1120px; }  .sprite-control-streetview-selected { background-position: -20px -1120px !important; } 
 .sprite-control-super_identify { background-position: 0px -1150px; }  .sprite-control-super_identify-selected { background-position: -20px -1150px !important; } 
 .sprite-control-unfade { background-position: 0px -1180px; }  .sprite-control-unfade-selected { background-position: -20px -1180px !important; } 
 .sprite-control-up { background-position: 0px -1210px; }  .sprite-control-up-selected { background-position: -20px -1210px !important; } 
 .sprite-control-zoomin { background-position: 0px -1240px; }  .sprite-control-zoomin-selected { background-position: -20px -1240px !important; } 
 .sprite-control-zoomout { background-position: 0px -1270px; }  .sprite-control-zoomout-selected { background-position: -20px -1270px !important; } 
 .sprite-control-zoomto { background-position: 0px -1300px; }  .sprite-control-zoomto-selected { background-position: -20px -1300px !important; } 


.sprite-control-previous {
    background-image: url("../images/toolbar-c/arrow-left.svg");
    background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
    cursor: pointer;
    #display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-previous-c {
    background-image: url("../images/toolbar-c/arrow-left.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-next-c {
    background-image: url("../images/toolbar-c/arrow-right.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-pan-c {
    background-image: url("../images/toolbar-c/pan.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-zoomin-c {
    background-image: url("../images/toolbar-c/zoom-in.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-zoomout-c {
    background-image: url("../images/toolbar-c/zoom-out.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-fullextent-c {
    background-image: url("../images/toolbar-c/maximize.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-measure-c {
    background-image: url("../images/toolbar-c/ruler.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-measurearea-c {
    background-image: url("../images/toolbar-c/ruler-area.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-printer-c {
    background-image: url("../images/toolbar-c/printer.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-identify-c {
    background-image: url("../images/toolbar-c/info.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}
.sprite-control-streetview-c {
    background-image: url("../images/toolbar-c/streetview.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-dualmaps-c {
    background-image: url("../images/toolbar-c/dualmaps.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-share-c {
    background-image: url("../images/toolbar-c/share.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-palete-c {
    background-image: url("../images/toolbar-c/palete.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}
.sprite-control-search-c {
    background-image: url("../images/toolbar-c/search.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-clear-c {
    background-image: url("../images/toolbar-c/clear.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-trash-c {
    background-image: url("../images/toolbar-c/trash.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-drawpoint-c {
    background-image: url("../images/toolbar-c/draw-point.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-drawline-c {
    background-image: url("../images/toolbar-c/draw-line.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-drawpoly-c {
    background-image: url("../images/toolbar-c/draw-poly.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-drawedit-c {
    background-image: url("../images/toolbar-c/draw-edit.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-drawdisp-c {
    background-image: url("../images/toolbar-c/draw-disp.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-select-c {
    background-image: url("../images/toolbar-c/apps.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-map-free-c {
    background-image: url("../images/toolbar-c/map-free.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-map-edit-c {
    background-image: url("../images/toolbar-c/map-edit.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.sprite-control-mpzp-c {
    background-image: url("../images/toolbar-c/mpzp.svg");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 18px;
    width: 20px;
}

.Tool {
	border: solid 1px #aaa;
	margin: 3px;
	display: inline-block;
	cursor: pointer;
	vertical-align: text-top;

	text-decoration: none;
	color: black;
}

.Tool:hover {
	border: solid 1px black;
}

.ToolContent {
	height: 20px;
	width: 20px;
	display: block;
}

.ToolText {
	display: none;
	margin-left: 20px;
	background-color: white;
}

a.selected {
	background-color: #cccccc;
}

a.selected .ToolText {
	background-color: #ccc;
}

.Drawer .Tool {
	border: none;
	margin: 0;
}

.Drawer {
	height: 20px;
	overflow: hidden;
	background-color: white;
	padding-right: 20px;

	background-image: url('../images/toolbar/down.png');
	background-position: right 2;
	background-repeat: no-repeat;
}

.DisplayDrawer {
	position: absolute;
	height: auto;
	z-index: 1000;
	margin: 0 !important;
}

.DisplayDrawer .Tool {
	display: block !important;
}

/* For toolbar spacer */
#tool-spacer10_16 {
	border: none;
	width: 8px !important;
}

#tool-spacer10_16 .ToolContent {
	width: 8px !important;
}

.ReferenceMap {
	background-color: #eee;
	z-index: 20000;
	position: absolute;
	right: 0; bottom: 0;
	padding-left: 268px;
	padding-top: 150px;
	background-image: url(reference.png);
	border-top: 2px solid #3870a7;
	border-left: 2px solid #3870a7;
}

.ReferenceMap.Closed {
	padding-left: 15px;
	padding-top: 15px;
	border: none;
}

.ReferenceMap .ToggleBox {
	position: absolute;
	bottom: 0; right: 0;
	background: white;
	border: dashed black 1px;
	cursor: pointer;
	z-index: 20010;
}

.ReferenceMap .ToggleBox .Icon {
	display: inline-block;
	width: 15px; height: 15px;
	text-align: center;
	z-index: 10;
}

.ReferenceMap .ToggleBox .Icon:before {
	content: "-";
}

.ReferenceMap.Closed .ToggleBox .Icon:before {
	content: "+";
}

.ReferenceMap .ReferenceBox {
	z-index: 5;
	border: solid 1px red;
	background: white;
	opacity: .6;
	position: absolute;
	left: 10px; top: 10px;
	width: 50px; height: 50px;
}

.ReferenceMap.Closed .ReferenceBox {
	display: none;
}