/* -----------------------------------------
	=TAGs
	------------------------------------------*/

body, form, h1 {
	padding: 0; margin: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 16px;
}

html, body { height: 100%; }
body { overflow: hidden; }

h1 {
	padding-bottom: 5px;
	font-weight: normal; font-size: 24px;
}
	h1 span { font-size: 18px; }

h2 { font-weight: normal; font-size: 110%; }

img { border: none; }

table {
	margin: 0 auto;
	border-collapse: collapse; border-spacing: 0;
	empty-cells: show;
}

.clear { clear: both; }


/* -----------------------------------------
	=HEADER
	------------------------------------------*/

div#logo {
	width: 15%;
	float: left;
	overflow: hidden;
}
	div#logo div.content { padding: 10px; }

div#header { text-align: center; }
	div#header div.content { padding: 10px 10px 0 10px; }

.right-link {
	margin-right:10px;
	float: right;
	display: inline; /* for IE */
	font-size: 15px;
	text-align: right;
}
	.right-link input {
		margin: 0 0 0 5px;
		vertical-align: middle;
	}

.left-link {
	float: left;
	font-size: 15px;
}
	.left-link input {
		margin: 0 0 0 5px;
		vertical-align: middle;
	}

.map-selector {
	margin-top: 5px;
	font-size: 15px;
}


/* -----------------------------------------
	=MAIN =CONTENT
	------------------------------------------*/

div#main {
	margin: 0 0 -45px;
	min-height: 100%;
}

	div#auth { }

		div#auth div.content { padding: 10px; }

	div#tree {
		width: 35%;
		float: left;
		overflow: hidden;
	}

		div#tree div.content { padding: 10px; }

	/*div#content {}*/

		div#content div.content { padding: 10px 10px 0; }

			.preloading-box {
				margin-top: 150px; padding-bottom: 35px;
				background: url(/images/progressbar.gif) no-repeat 50% 100%;
				text-align: center;
				font-size: 110%;
			}
			.preloading-box.error {
				color: #cc062a;
				background: none;
			}
			.footnote-box {
				max-width: 900px;
				margin: 50px auto 0;
				font-size: 15px;
				text-align: center;
			}
			.try-again {
				margin-top: 20px;
				text-align: center;
			}
				.try-again a { color: #000; }
				.try-again a:hover { text-decoration: none; }

	div#clear {
		clear: both;
		overflow: hidden;
		height: 35px;
	}


/* -----------------------------------------
	=LOGIN =FORM
	------------------------------------------*/

form div {
	margin-top: 10px;
}

	input {
		font-family: 'Courier New', Courier, monospace; font-size: 16px;
		line-height: 1.8;
	}

	#login-form label {
		width: 90px;
		float: left;
		line-height: 1.8;
	}

	.formbutton { margin-top: 20px; }

	.submit {
		width: 70px;
		line-height: 1.4;
		font-family: Arial, Verdana, Helvetica, sans-serif;
	}


/* -----------------------------------------
	=BOTTOM
	------------------------------------------*/

div#bottom {
	height: 45px;
	padding-left: 10px; padding-right: 10px;
	color: #888;
	font-size: 12px; line-height: 120%;
}

	div#bottom div.content-left {
		width: 33%;
		padding-top: 5px;
		float: left;
		text-align: left;
	}
	div#bottom div.content-center {
		width: 33%;
		padding-top: 5px;
		float: left;
		text-align: center;
	}
	div#bottom div.content-right {
		width: 34%;
		padding-top: 5px;
		float: left;
		text-align: right;
	}


/* -----------------------------------------
	=YMAPS
	------------------------------------------*/

#YMapsID {
	border: 1px solid #aaa;
}

.hint-descr {
	margin-top: 3px; padding-top: 2px;
	border-top: 1px solid #000;
}

.YMaps-placemark {
	font-weight: bold !important; font-size: 13px !important;
}


/* -----------------------------------------
	=PLOT
	------------------------------------------*/

#plotholder-box {
	width: 800px; height: 540px;
	border: 2px solid #aaa;
	position: absolute;
	top: 100px; left: 200px;
	background: #fff url(/images/ajax-loader.gif) no-repeat 50% 55%;
	font-weight: bold; font-size: 15px;
	z-index: 1010;
}

	.plotholder-control-pane {
		height: 40px;
		background: #aaa; color: #fff;
		font-weight: bold; font-size: 16px;
	}

		.plotholder-title {
			margin: 10px;
			float: left;
		}

		.plotholder-close {
			margin: 4px 15px 3px 0; padding: 2px 6px 4px;
			border: 1px solid #aaa;
			float: right;
			display: inline;
			font-family: 'Arial Black', Arial, Verdana, Helvetica, sans-serif; font-size: 24px;
			line-height: 21px;
			cursor: pointer;
		}
		.plotholder-close:hover {
			border: 1px solid #fff;
			background: #777;
		}

	.plotholder-mode-pane {
		height: 25px;
		padding: 7px 15px 0;
		color: #888888;
		text-align: right;
	}

		.plotholder-mode-pane span {
			margin-left: 50px;
			float: left;
		}

		.plotholder-mode-pane a { color: #095c9f; }
		.plotholder-mode-pane a.Nhours { color: #836393; }
		.plotholder-mode-pane a:hover { text-decoration: none; }

		div.plotholder-mode-pane a.current {
			color: #0d86df;
			text-decoration: none;
			cursor: default;
		}
		div.plotholder-mode-pane a.current.Nhours { color: #a780bc; }

	.loading-label {
		width: 100%;
		position: absolute;
		top: 230px;
		color: #aaa;
		font-weight: normal;
		text-align: center;
	}

	#plotholder { width: 800px; height: 450px; }

		.tickLabel { font-size: 14px; }

#tooltip {
	padding: 2px;
	border: 1px solid #4f0a0a;
	background: #efefe0;
	font-size: 14px;
	z-index: 1015;
}


/* -----------------------------------------
	=LEGEND
	------------------------------------------*/

#legend {
	color: #333;
	z-index: 1010;
}

	#legend td { padding: 5px; }

	#legend .left { width: 50px; }

	#legend .right {
		border-left: 1px solid #333;
		background: #fff;
	}

	#legend #green {
		border-bottom: 1px solid #333;
		background-color: rgba(0, 255, 0, 0.7);
	}

	#legend #yellow {
		border-bottom: 1px solid #333;
		background-color: rgba(255, 166, 0, 0.7);
	}

	#legend #red { background-color: rgba(255, 0, 0, 0.7); }


/* -----------------------------------------
	=LEAFLET
	------------------------------------------*/

.leaflet-popup-content-wrapper {
	border-radius: 8px;
}

	.leaflet-popup-content {
		margin: 4px 7px;
		font-weight: bold;
	}

.leaflet-popup-tip-container {
	overflow: visible;
}

	.leaflet-popup-tip {
		width: 8px; height: 8px;
		margin: -6px auto 0;
		border-right: 1px solid transparent;
		border-bottom: 1px solid transparent;
		box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.2);
	}


/* -----------------------------------------
	=JQUERY MODAL
	------------------------------------------*/

.blocker {
	z-index: 1000;
}