.center_tab {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

html, body, #map-canvas {
	height: 100%;
	margin: 0;
	padding: 0;
}

#menu {
	width: 100%;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	background: #39F;
	background: -moz-linear-gradient(#06E, #39F);
	background: -webkit-gradient(linear, left top, left bottom, from(#06E), to(#39F));
	background: -webkit-linear-gradient(#06E, #39F);
	background: -o-linear-gradient(#06E, #39F);
	background: -ms-linear-gradient(#06E, #39F);
	background: linear-gradient(#06E, #39F);
	height: 50px;
}

#menu li {
	float: left;
	padding: 0 0 2px 0;
	position: relative;
	line-height: 0;
}

#menu a {
	cursor: pointer;
	float: left;
	height: 30px;
	/*padding: 10px 25px;*/
	padding: 10px 13px;
	color: #FFF;
	text-transform: uppercase;
	font: 12px/25px Arial, Helvetica;
	text-decoration: none;
}

#menu li:hover>a {
	cursor: pointer;
	color: #07F;
	background: #fff;
	background: -moz-linear-gradient(#eee, #fff);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #eee));
	background: -webkit-linear-gradient((#eee, #fff));
	background: -o-linear-gradient((#eee, #fff));
	background: -ms-linear-gradient((#eee, #fff));
	background: linear-gradient((#eee, #fff));
}

*html #menu li a:hover
/* IE6 */

	{
	color: #fafafa;
}

/* Sub-menu */

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	top: 35px;
	left: 0;
	z-index: 999;
	background: #39F;
	background: -moz-linear-gradient(#06E, #39F);
	background: -webkit-gradient(linear, left top, left bottom, from(#06E), to(#39F));
	background: -webkit-linear-gradient(#06E, #39F);
	background: -o-linear-gradient(#06E, #39F);
	background: -ms-linear-gradient(#06E, #39F);
	background: linear-gradient(#06E, #39F);
}

#menu ul ul {
	top: 0;
	left: 150px;
}

#menu ul li {
	float: none;
	margin: 0;
	padding: 0;
	display: block;
}

#menu ul li:last-child {}

#menu ul a {
	padding: 10px;
	height: 10px;
	width: 220px;
	height: auto;
	line-height: 1;
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
}

*html #menu ul a
/* IE6 */

	{
	height: 10px;
}

*:first-child+html #menu ul a
/* IE7 */

	{
	height: 10px;
}

#menu ul a:hover {
	background: #fff;
	background: -moz-linear-gradient(#eee, #fff);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #eee));
	background: -webkit-linear-gradient((#eee, #fff));
	background: -o-linear-gradient((#eee, #fff));
	background: -ms-linear-gradient((#eee, #fff));
	background: linear-gradient((#eee, #fff));
}

#menu ul li:first-child>a {}

#menu ul li:first-child>a:after {
	content: '';
	position: absolute;
	left: 30px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #444;
}

#menu ul ul li:first-child a:after {
	left: -8px;
	top: 12px;
	width: 0;
	height: 0;
	border-left: 0;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	border-right: 8px solid #444;
}

#menu ul li:first-child a:hover:after {
	border-bottom-color: #04acec;
}

#menu ul ul li:first-child a:hover:after {
	border-right-color: #04acec;
	border-bottom-color: transparent;
}

#menu ul li:last-child>a {}

/* Clear floated elements */

#menu:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #menu {
	zoom: 1;
}

/* IE6 */

*:first-child+html #menu {
	zoom: 1;
}

/* IE7 */

.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 99999;
	/* Sit on top */
	left: 0;
	top: 0px;
	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 */
	-webkit-animation-name: fadeIn;
	/* Fade in the background */
	-webkit-animation-duration: 0.4s;
	animation-name: fadeIn;
	animation-duration: 0.4s
}

.select-style {
	padding: 0;
	margin: 0;
	border: 1px solid #ccc;
	width: 120px;
	border-radius: 3px;
	overflow: hidden;
	background-color: #fff;
	color: #07F;
}

.select-style select {
	padding: 5px 8px;
	background-color: #07F;
	color: #FFF;
	width: 130%;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.select-style select:focus {
	outline: none;
}

.select-right {
	padding: 0;
	margin: 0;
	border: 1px solid #ccc;
	width: 95%;
	border-radius: 3px;
	overflow: hidden;
	background-color: #fff;
	color: #07F;
}

.select-right select {
	padding: 5px 8px;
	background-color: #07F;
	color: #FFF;
	width: 95%;
	border: none;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.select-right select:focus {
	outline: none;
}

/* Modal Content */

.modal-content {
	width: 95%;
	height: 95%;
	position: relative;
	overflow: auto;
	margin: 0% auto;
	padding: 0;
	top: 5px;
	background: #fff;
}

/* The Close Button */

.close {
	color: white;
	float: right;
	font-size: 18px;
	font-weight: bold;
}

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

.modal-header {
	padding: 8px;
	background-color: #666;
	color: white;
	font: 12px helvetica;
	height: 40px;
}

.modal-body {
	padding: 8px;
	font: 12px helvetica;
	overflow: auto;
}

.modal-footer {
	position: absolute;
	background-color: #FFF;
	color: white;
	font: 12px helvetica;
	height: 20px;
	bottom: 0px;
}

.cb_list {
	color: #07F;
	font: 12px Arial, Helvetica;
}

#ok {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 160px;
}

#print {
	position: absolute;
	right: 165px;
	top: 0px;
	/*width: 160px;*/
}

#abbr {
	position: absolute;
	right: 165px;
	top: 0px;
	width: 160px;
}

/* Add Animation */

@-webkit-keyframes slideIn {
	from {
		bottom: -300px;
		opacity: 0
	}
	to {
		bottom: 0;
		opacity: 1
	}
}

@keyframes slideIn {
	from {
		bottom: -300px;
		opacity: 0
	}
	to {
		bottom: 0;
		opacity: 1
	}
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.c0 {
	font: 13px helvetica;
	color: #0000FF;
}

.c1 {
	font: 13px helvetica;
	color: #FF0000;
}

.c2 {
	font: 13px helvetica;
	color: #00FF00;
}

.c3 {
	font: 13px helvetica;
	color: #FF6600;
}

.std {
	font: 11px helvetica;
	color: #000000;
}

.std_13 {
	font: 13px helvetica;
	color: #000000;
}

.noGpsInfo {
	color: rgba(255, 0, 0, 0.35)!important;
}

td.tooltip, td.tooltipLeft, td.tooltipRight {
	position: relative;
}

td.tooltip:hover:after, td.tooltipLeft:hover:after, td.tooltipRight:hover:after {
	content: attr(data-tooltip);
	background: #333;
	background: rgba(0, 0, 0, .8);
	border-radius: 5px;
	bottom: 25px;
	color: #fff;
	font-size: 10px;
	white-space: pre;
	padding: 5px 5px;
	position: absolute;
	z-index: 9999;
}

td.tooltip:hover:after {
	left: -10px;
}

td.tooltipLeft:hover:after {
	left: 0px;
}

td.tooltipRight:hover:after {
	right: 0px;
}

#details, #function_details, #n3_map_options, #n3_settings, #n3_functions, #gt3_email, #gps_input {
	border-radius: 0.4em;
	border: solid 1px #BBBBBB;
	background: #EEEEFF;
	position: absolute;
	left: 20%;
	top: 5px;
	font: 14px helvetica;
	height: 129px;
	display: none;
	min-width: 350px;
	z-index: 9999;
}

#content, #sidebar {
	padding: 12px;
}

#chartdiv {
	background: #FFFFFF;
	border: solid 1px #BBBBBB;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	margin: 4px;
	-moz-box-shadow: 2px 2px 1px #AAA;
	-webkit-box-shadow: 2px 2px 1px #AAA;
	box-shadow: 2px 2px 1px #AAA;
}

#corr_div {
	background: #FFFFFF;
	position: absolute;
	width: 100%;
	top: 105px;
	bottom: 2px;
}

#temp_data {
	background: #FFFFFF;
	position: absolute;
	width: 95%;
	top: 60px;
	bottom: 10px;
}

#corr_div_label {
	position: absolute;
	top: 108px;
	font: 12px helvetica;
	font-weight: bold;
	color: #999;
}

#coherence_label {
	position: absolute;
	top: 2px;
	font: 12px helvetica;
	font-weight: bold;
	color: #999;
}

#step_div {
	background: #FFFFFF;
	width: 99%;
	height: 99%;
}

#coherence {
	background: #FFFFFF;
	position: absolute;
	width: 100%;
	height: 120px;
}

#close {
	cursor: pointer;
	position: absolute;
	top: 3px;
	right: 8px;
	width: 16px;
	height: 16px;
}

#save {
	position: absolute;
	bottom: 3px;
	right: 10px;
	width: 32px;
	height: 32px;
}

#but_csv {
	position: absolute;
	bottom: 47px;
	right: 0px;
	width: 45px;
	height: 22px;
	text-align: left;
}

#dx_data_info, #csv_data_info {
	position: absolute;
	bottom: 5px;
	left: 30px;
	width: 400px;
	height: 14px;
	font: 12px helvetica;
	border: solid 1px #BBBBBB;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
}

#dx_data, #dx_nightflow, #dx_nightflow_compare {
	background: #FFFFFF;
	border: solid 1px #BBBBBB;
	margin: 4px;
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 5px;
	right: 5px;
}

#dx_data_graph, #dx_nightflow_compare_graph {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 5px;
	right: 5px;
	cursor: url(../images/zoom-icon.gif);
}

#dx_nightflow_compare_header, #dx_nightflow_header {
	position: absolute;
	top: 1px;
	left: 10px;
	font: 14px helvetica;
}

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

#n3_data {
	padding: 6px;
	background: #FFFFFF;
	border: solid 1px #BBBBBB;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	margin: 4px;
	font: 12px helvetica;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 200px;
	right: 6px;
}

#n3_data_base {
	background: #ffffff;
	padding: 1px;
	font: 10px helvetica;
	position: absolute;
	top: 30px;
	left: 1px;
	height: 165px;
	right: 6px;
	border-radius: 0.4em;
	overflow: auto;
}

#n3_data_header {
	position: absolute;
	top: 2px;
	left: 0px;
	width: 86%;
	height: 30px;
	color: #000000;
	font: 10px helvetica;
}

#n3_table {
	background: #ffffff;
	padding: 1px;
	font: 10px helvetica;
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 5px;
	right: 6px;
	overflow: auto;
}

#corr_table {
	background: #ffffff;
	font: 12px helvetica;
	position: absolute;
	top: 1px;
	left: 1px;
	right: 6px;
	bottom: 5px;
	overflow: auto;
}

#klapp_button {
	background: #ffffff;
	font: 12px helvetica;
	position: absolute;
	top: 1px;
	left: 1px;
	width: 100%;
	height: 38px;
	z-index: 999;
}

#zone_table {
	top: 2px;
	left: 2px;
	width: 100%;
	bottom: 5px;
	margin-top: 5px;
	overflow: auto;
	font: 12px helvetica;
}

#selection_list {
	position: absolute;
	top: 0px;
	left: 10px;
	width: 90%;
	height: 100px;
}

#dates_table, #log_list {
	background: #ffffff;
	padding: 0px;
	font: 12px helvetica;
	position: relative;
	top: 0px;
	left: 0px;
	bottom: 5px;
	right: 6px;
	overflow: auto;
}

#dx_table, #gsm_table {
	background: #dddddd;
	padding: 6px;
	font: 12px helvetica;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 5px;
	width: 203px;
	overflow: auto;
}

div.config_div {
	position: absolute;
	top: 28px;
	left: 0px;
	bottom: 5px;
	width: 99%;
	overflow: auto;
}

div.wide {
	background: #EEEEEE;
	border: #EEEEEE 0px solid;
	/* Farbe und Art des oberen Rands */
	color: #0077FF;
	font-size: 12px;
	font-family: "Open Sans", arial;
	text-align: center;
	position: relative;
	min-width: 150px;
	max-width: 150px;
	height: 20px;
	margin-top: 2px;
}

input.small {
	width: 50px;
}

input.dxconfig_input {
	width: 120px;
}

input.email_input {
	width: 160px;
}

button {
	/*	border:1px solid #15aeec; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;*/
	border: 0px;
	color: #FFF;
	height: 30px;
	background-color: #39F;
	background-image: -moz-linear-gradient(#06E, #39F);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#06E), to(#39F));
	background-image: -webkit-linear-gradient(top, #06E, #39F);
	background-image: -o-linear-gradient(top, #06E, #39F);
	background-image: -ms-linear-gradient(top, #06E, #39F);
	background-image: linear-gradient(to bottom, #06E, #39F);
	font-size: 12px;
	font-family: "Open Sans", arial;
	position: relative;
	cursor: pointer;
}

button:hover {
	color: #07F;
	background: #EEE;
}

button.icon_24 {
	width: 36px;
	height: 36px;
}

button.wide_full {
	width: 99%;
	min-width: 70px;
	height: 25px;
	margin-top: 2px;
}

button.wide_full_inv {
	color: #39F;
	background: #EEE;
	width: 99%;
	min-width: 70px;
	height: 25px;
	margin-top: 2px;
}

button.wide_full_inv:hover {
	color: #FFF;
	background: #39F;
}

button.wide {
	text-align: center;
	min-width: 150px;
	max-width: 150px;
	height: 25px;
	margin-top: 2px;
}

button.small {
	min-width: 40px;
	max-width: 40px;
	height: 20px;
	text-align: center;
	margin-top: 2px;
}

button.small_80 {
	min-width: 80px;
	max-width: 80px;
	height: 20px;
	text-align: center;
	margin-top: 2px;
}

button.vert {
	min-width: 10px;
	max-width: 10px;
	height: 650px;
	text-align: center;
	margin-top: 2px;
}

button.wide_full_s {
	width: 99%;
	min-width: 70px;
	height: 20px;
	margin-top: 2px;
}

#ch1 {
	color: #0000FF;
}

#ch2 {
	color: #FF0000;
}

#ch3 {
	color: #00FF00;
}

#ch4 {
	color: #FF6600;
}

.export {
	bottom: 50px;
	right: 0px;
}

.scrolldiv {
	/* der Name kann frei gew�hlt werden */
	height: 60px;
	/* H�he - auch px oder andere Einheiten */
	overflow: auto;
	/* Regel f�r �bergro�en Inhalt */
	border: 3px single #244B74;
	/* Rahmen */
	padding: 8px;
	/* Textabstand zum Rand */
	font-family: Arial, Verdana, sans-serif;
	/* Schriftart */
	color: #999;
	/* Schriftfarbe */
	background: #fff;
	/* Hintergrund */
	font-size: 10px;
}

.scroll {
	overflow: auto;
}

.list_selected:link {
	color: black;
	text-decoration: none;
}

.list_selected:visited {
	color: black;
	text-decoration: none;
}

.list_selected:hover {
	color: #FFF;
	background: #07F;
	background: -moz-linear-gradient(#06E, #07F);
	background: -webkit-gradient(linear, left top, left bottom, from(#06E), to(#07F));
	background: -webkit-linear-gradient(#06E, #07F);
	background: -o-linear-gradient(#06E, #07F);
	background: -ms-linear-gradient(#06E, #07F);
	background: linear-gradient(#06E, #07F);
}

.list_selected {
	color: #0077FF;
	font-size: 12px;
	font-family: "Open Sans", arial;
}

#info_box {
	margin: 1em auto;
	text-align: center;
	filter: alpha(opacity=70);
	opacity: .9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	background-color: #FF8800;
	border: 0px solid black;
	font: 18px helvetica;
	color: white;
	z-index: 9999;
	position: absolute;
	top: 2px;
	left: 60%;
	width: 200px;
	height: 160px;
}

.tabelle {
	left: 5px;
	right: 2px;
}

table.table2 {
	color: black;
	border: 0px solid #888888;
	font: 12px helvetica;
	padding: 0;
	margin-top: 1px;
	width: 100%;
}

table.table_links {
	color: black;
	border: 1px solid #DDD;
	font: 12px helvetica;
	padding: 0;
	margin-top: 1px;
	right: 6px;
}

table.table4 {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
	table-layout: fixed;
}

.table4 a img {
	display: block;
    margin: 0 auto;
}

.table4 td:hover {
	cursor: pointer;
	border-top: 5px solid #000;
	border-bottom: 6px solid #000;
}

.color_select {
	width: 100%;
	height: 20px;
	cursor: pointer;
}

thead {
	background: #666666;
	color: #fff;
	font: 10px helvetica;
	tr {
		display: block;
		position: relative;
	}
}

table.fixed_headers {
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
}

table.table3 {
	color: black;
	background: #ffffff;
	font: 10px helvetica;
	padding: 0px;
	margin-top: 1px;
	width: 95%;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
}

table.table7 {
	color: black;
	background: #ffffff;
	font: 12px helvetica;
	padding: 0px;
	margin-top: 1px;
	width: 99%;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
}

table.table9 {
	color: black;
	border: 0px solid #888888;
	font: 12px helvetica;
	padding: 0;
	margin-top: 1px;
	width: 100%;
	text-align: left;
}

table.l_info {
	border-collapse: collapse;
	color: #666;
	background: #fff;
	font: 12px helvetica;
	padding: 0px;
	margin-top: 1px;
	border: 0px;
	width: 99%;
}

.l_info_left {
	background: #aaa;
	color: #fff;
}

.l_info_right {
	background: #eee;
}

td.sets {
	border-left: 2px dotted #ff9900;
}

table.settings {
	color: black;
	border: 0px solid #888888;
	font: 12px helvetica;
	padding: 0;
	margin-top: 1px;
	width: 100%;
	text-align: left;
}

.head {
	color: black;
	background: #FFFFFF;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#DDDDDD));
	background: -ms-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -o-linear-gradient(right, red, blue);
	font: 12px helvetica;
	padding: 0;
	margin-top: 1px;
	width: 350px;
	border: solid 1px #BBBBBB;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	margin: 4px;
}

.head_mobile {
	color: black;
	margin: 4px;
	font: 12px helvetica;
	padding: 0;
	margin-top: 1px;
}

.navi_klein {
	width: 14.5%;
	position: relative;
	float: left;
	left: 3px;
	margin-top: 4px;
}

.standard {
	font: 14px helvetica;
	color: #666666;
}

.standard12 {
	font: 12px helvetica;
}

.balloon {
	color: black;
	background: #ffffff;
	border: 0px solid #888888;
	font: 12px helvetica;
}

.gray_line {
	border-bottom: 1px solid #888888;
	color: #888888;
}

.black_line {
	border-bottom: 1px solid #888888;
	color: #000;
}

.description {
	color: #555555;
	text-align: right;
	font: 10px helvetica;
}

.description_l {
	color: #555555;
	text-align: left;
	font: 10px helvetica;
}

.field_right {
	text-align: right;
}

#top {
	height: 70px;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
}

#top_first {
	height: 100px;
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
}

#middle {
	position: absolute;
	top: 70px;
	left: 2px;
	right: 219px;
	bottom: 5px;
	font: 12px Arial, Helvetica;
	color: #888;
}

#middle_full {
	position: absolute;
	top: 70px;
	left: 2px;
	right: 2px;
	bottom: 5px;
}

.collapsible {
	position: absolute;
	top: 70px;
	right: 219px;
	width: 50%;
	height: 400px;
	display: none;
	background: #FFF;
}

#middle_0 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 25%;
	bottom: 2px;
	background: #F6F6F6;
	overflow-y: auto;
}

#middle_1 {
	position: absolute;
	top: 0px;
	left: 25%;
	width: 25%;
	bottom: 2px;
	background: #F6F6F6;
	overflow-y: auto;
}

#middle_2 {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 25%;
	bottom: 2px;
	background: #F6F6F6;
	overflow-y: auto;
}

#middle_3 {
	position: absolute;
	top: 0px;
	left: 75%;
	width: 25%;
	bottom: 2px;
	background: #F6F6F6;
	overflow-y: auto;
}

#middle_main {
	position: absolute;
	top: 70px;
	left: 1px;
	right: 4px;/*1px;*/
	bottom: 7px;/*5px;*/
}

#middle_main_first {
	position: absolute;
	top: 100px;
	left: 1px;
	right: 4px;/*1px;*/
	bottom: 7px;/*5px;*/
}

#right {
	position: absolute;
	top: 70px;
	right: 0px;
	width: 217px;
	bottom: 5px;
	overflow-y: auto;
}

#center_content {
	position: absolute;
	top: 70px;
	left: 5px;
	right: 5px;
	bottom: 5px;
}

#head_content {
	min-width: 700px;
	height: 70px;
	float: left;
	position: relative;
	top: 2px;
	left: 2px;
	width: 79%;
}

#header_bar, #header_bar_net {
	color: black;
	background: #FFFFFF;
	font: 12px helvetica;
	padding: 0;
	margin-top: 0px;
	width: 350px;
	margin: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
}

#temp_text {
	position: absolute;
	top: 80px;
	left: 10px;
	width: 450px;
	height: 400px;
}

#status_line {
	font: 12px helvetica;
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 50px;
	background: #666;
	color: #FFF;
}

div.alert-modal {
	width: 100%;
	height: 100%;
	background-color: #AFAFAF;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	/* IE8 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* IE7 */
}

/**
 * wrapper
 */

div.alert {
	font-family: helvetica;
	border: 1px solid #959595;
	background-color: #D7D7D7;
	padding: 5px;
	display: none;
	position: absolute;
	z-index: 1001;
	-webkit-border-radius: .4em;
	-moz-border-radius: .4em;
	border-radius: .4em;
	min-width: 150px;
	min-height: 100px;
	width: 50%;
	top: 20%;
	left: 20%
}

/**
 * title
 */

div.alert div.title {
	font-family: helvetica;
	font-weight: bold;
	background-color: #9e9e9e;
	color: #fff;
	padding: 2px;
}

/**
 * body
 */

div.alert div.body {
	padding: 5px 0;
	font-family: helvetica;
	height: 70%;
	color: #DF0101;
	text-align: center;
	min-width: 150px;
	min-height: 100px;
}

#button {
	margin-top: 2px;
	font-size: 10px;
}

.xbtooltip {
	display: none;
	position: absolute;
	background-color: #fff;
}

#c_top {
	bottom: 95px;
	position: absolute;
	top: 20px;
	right: 2px;
	left: 1px;
	margin: 0 auto
}

#c_middle {
	position: absolute;
	height: 70px;
	right: 2px;
	bottom: 25px;
	left: 1px;
	text-align: center;
}

#vers {
	position: absolute;
	top: 0px;
	left: 86px;
	z-index: 999999;
	font: 10px helvetica;
	color: #fff;
}

#center_info {
	background: #FFFFFF;
	font: 10px helvetica;
	color: #555555;
	border: solid 0px #BBBBBB;
	margin: 0px;
	position: absolute;
	text-align: center;
	width: 300px;
	height: 95px;
	left: 50%;
	margin-left: -150px;
	;
}

#center_info_top {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 26px;
	top: 2px;
	left: 1px;
}

#center_info_middle {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 26px;
	top: 30px;
	left: 1px;
}

#center_info_bottom {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 32px;
	top: 52px;
	left: 1px;
}

#sensor_left {
	background: #FFFFFF;
	font: 10px helvetica;
	color: #999;
	border: solid 0px #BBBBBB;
	margin: 0px;
	position: absolute;
	left: 2px;
	width: 100px;
	height: 95px;
}

#sensor_right {
	background: #FFFFFF;
	font: 10px helvetica;
	color: #999;
	border: solid 0px #BBBBBB;
	margin: 0px;
	position: absolute;
	right: 2px;
	width: 100px;
	height: 95px;
}

#c_bottom {
	padding: 3px;
	background: #DDDDDD;
	font: 12px helvetica;
	color: #000099;
	margin: 0px;
	position: absolute;
	height: 15px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.dx_config_line {
	color: #DDD;
	background: #07F;
	background: -moz-linear-gradient(#06E, #07F);
	background: -webkit-gradient(linear, left top, left bottom, from(#06E), to(#07F));
	background: -webkit-linear-gradient(#06E, #07F);
	background: -o-linear-gradient(#06E, #07F);
	background: -ms-linear-gradient(#06E, #07F);
	background: linear-gradient(#06E, #07F);
	font: 13px Arial, Helvetica;
}

.dx_alarm_data {
	color: #000;
	background: #DDD;
	font: 12px Arial, Helvetica;
}

.dx_config_data {
	color: #000;
	background: #FFF;
	font: 12px Arial, Helvetica;
}

.dx_config_label {
	color: #666;
	background: #FFF;
	font: 12px Arial, Helvetica;
}

.divider_line {
	height: 20px;
	width: 98%;
	max-width: 256px;
	margin: 2px;
	padding: 2px;
	font: 12px Arial, Helvetica;
	color: #888;
	background: #eee;
}

.info_text {
	font: 12px Arial, Helvetica;
	color: #888;
}

.top_line {
	height: 20px;
	width: 98%;
	margin: 2px;
	padding: 2px;
	font: 12px Arial, Helvetica;
	color: #888;
	/*	background: #F6F6F6;
	background: -moz-linear-gradient(#eee, #fff); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #fff),color-stop(1, #eee));	
	background: -webkit-linear-gradient((#eee, #fff));	
	background: -o-linear-gradient((#eee, #fff));
	background: -ms-linear-gradient((#eee, #fff));
	background: linear-gradient((#eee, #fff));*/
}

.zop_formatted {
	width: 100%;
	margin: 0;
	padding: 1px;
	font: 10px Arial, Helvetica;
}

.zop_for_name {
	cursor: pointer;
	color: #888;
	background: #eee;
}

.zop_for_val {
	color: #07F;
	background: #fff;
}

.icon_line {
	position: absolute;
	right: 0px;
	text-align: center;
	width: 20px;
}

.icon_line_2 {
	position: absolute;
	right: 22px;
	text-align: center;
	width: 20px;
}

.icon_line_3 {
	position: absolute;
	right: 44px;
	text-align: center;
	width: 20px;
}

.icon_line a, .icon_line_2 a, .icon_line_3 a {
	cursor: pointer;
}

.infoTable {
	padding: 2px 2px;
	color: #666;
	font-size: 1em;
	letter-spacing: .1em;
	margin-bottom: 1px;
	margin-top: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
	width: 98%;
}

.infoTable th, .infoTable td {
	/*border: #79b 1px solid;*/
	padding: 10px;
	/* text-align: left; */
	text-align: center;
}

.table_div {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	overflow-x: auto;
	width: 100%;
	font: 13px Arial, Helvetica;
}

.tableHeader {
	border: #79b 1px solid;
	padding: 2px 2px;
	color: #666;
	font-size: 1.2em;
	letter-spacing: .1em;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: rgba(0, 0, 0, .75) 0 2px 3px;
	-moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 3px;
	box-shadow: rgba(0, 0, 0, .75) 0 2px 3px;
	margin-bottom: 1px;
	margin-top: 2%;
	margin-left: 1%;
	/*background: #eee;*/
	background-color: rgba(224, 224, 224, 0.75);
	width: 98%;
	font: 25px Arial, Helvetica;
	text-align: center;
}

.desc_div {
	border: #79b 1px solid;
	padding: 2px 2px;
	color: #666;
	font-size: 1.2em;
	letter-spacing: .1em;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: rgba(0, 0, 0, .75) 0 2px 3px;
	-moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 3px;
	box-shadow: rgba(0, 0, 0, .75) 0 2px 3px;
	margin-bottom: 1px;
	margin-top: 2%;
	margin-left: 1%;
	/*background: #eee;*/
	background-color: rgba(224, 224, 224, 0.75);
	width: 98%;
	font: 13px Arial, Helvetica;
	text-align: center;
}

/*HTML5 file drag and drop*/

#filedrag {
	display: none;
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	margin: 1em 0;
	color: #555;
	border: 2px dashed #555;
	border-radius: 7px;
	cursor: default;
	width: 200px;
}

#fileselect {
	width: 200px;
}

#filedrag.hover {
	color: #f00;
	border-color: #f00;
	border-style: solid;
	box-shadow: inset 0 3px 4px #888;
}

#progress p {
	display: block;
	width: 215px;
	padding: 2px 5px;
	margin: 2px 0;
	border: 1px inset #446;
	border-radius: 5px;
	background: #eee url(../images/progress.png) 100% 0 repeat-y;
}

#progress p.success {
	background: #0c0 none 0 0 no-repeat;
}

#progress p.failed {
	background: #c00 none 0 0 no-repeat;
}

.loadCircleContainer {
	position: relative;
	top: 0;
	left: 35%;
	width: 20%;
	/*overflow: hidden;*/
	z-index: 10;
}

.loadCircleContainer:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.loadCircle {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: 10px solid #ddd;
	border-top: 10px solid #07F;
	border-radius: 50%;
	animation: spin 2s linear infinite;
	z-index: 10;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}