body {
	background-color:#dfe5e8;
	text-align: center;
	color: #155da1;
	font-size: 10pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	}

.superUser {
  border-bottom: 1px solid #FFDDBC;
  padding: 3px;
  }

form {
  margin:0px;
  padding:0px;
  }
  
.basepanel_button {
	position: absolute;
	text-align: right;
	padding-top: 5px;
	right: 30px;
  }	
	
#bg {
	position: relative;
  background-color:#ffffff;
	margin-right: auto;
	margin-left: auto;
	width:90%;
	}

#header {
   background-image:url(pics/banner_r.jpg);
   background-repeat:no-repeat;
   background-position:right;
   text-align:left;
  }

#menueline {
	width: 100%;
	margin-top: 10px;
	border-bottom: 1px solid #79A3C8;
  height: 2em;
  background-image:url(pics/MainNavBg.jpg);
	}
	
#navsite h1 {
   display: none;
  }

#navsite ul {
  margin: 0;
  padding: 0;
  float: right;
  list-style: none;
	font-size: 10pt;	
  }
  
#navsite ul li {
  float: left;
  background: url(pics/tab-right.jpg) no-repeat top right;
	border-bottom: 1px solid #79A3C8;
  }

#navsite ul a {
  padding: 0 1em;
  line-height: 2em;
  background: url(pics/tab-left.jpg) no-repeat top left;
  text-decoration: none;
  color: #484848;
  float: left;
  display: block;
  }

#navsite ul a:hover {
  color: #000000;
}


hr {
  width: 100%;
  border: 0px;
  height: 1px;
  margin-left:auto;
  margin-right:auto;
  margin-top: 15px;
  margin-bottom: 15px;
	color: #155da1;
	background-color: #155da1;
	}
	
/*	
#navsite ul li a:link {
  color: #155da1;
  }
  
#navsite ul li a:visited {
  color: #155da1;
  }

#navsite ul li a:link:hover, #navsite ul li a:visited:hover {
  color: #ffffff;
  background: #98CACF;
  border-color: #d0d0d0;
  }
 
#navsite ul li a#current {
  background: #ffffff;
  border-bottom: 1px solid #ffffff;
  }
*/
#content {
  margin-left:2% !important;
  margin-left:0;
  margin-right:2% !important;
  margin-right:0;
  margin-top:35px;
  margin-bottom:35px;
  background-color:#ffffff;
  text-align:center;
  vertical-align:top;
  width:96%;
	}

#bottomline {
	background-color:#f0f0f0;
	height:20px;
	width:100%;
	font-size: 8pt;
	line-height:15pt;
	}

#bottomleft {
	float: left;
	text-align: left;
	}

#bottomright {
	float: right;
	text-align: right;
	}

#to_top {
  vertical-align:top;
  margin-bottom:10px;
  margin-right:2% !important;
  }
  
#to_top a img {
  border:none;
  }
  
h1 {
	font-weight: bold;
	font-size: 14pt;
	}

h2 {
	font-weight: bold;
	font-size: 12pt;
	}
	
h3 {
	font-weight:bold;
	}	

img {
	border:none;
}
.impressum {
	font-size: 8pt;
	text-align:right;
	background-color:#dfe5e8;
	}
	
.small {
	font-size: 8pt;
	}	

.right {
  text-align: right;
}
	
.hint {
	color: #FF7600;
	font-weight: bold;
	}

.error {
	color: #FF0000;
	font-weight: bold;
	}

.error_container {
  width:300px;
  padding-left:140px;
  text-align:left;
  }

.arrow_image_box {
  padding-top:3px;
  padding-left:20px;
  }
  
.border {
	border:1px solid #155da1;
	padding-left:2px;
	padding-right:2px
	}

.box {
	width:50%;
	text-align:center;
	border:1px solid #155da1;
	padding:5px;
	}
	
.reworkinfobox {
	width:40%;
	text-align:right;
	border:1px solid #155da1;
	padding:5px;
	}
	
.optbox { 
	width: 250px;
  color: #5b5b5b;  
  background: url(pics/box_tile.gif) repeat-y;
	float: right;
	margin: 0;
}

.optbox a:link {
	color: #5b5b5b;
	font-size: 9pt;
	text-decoration: none;
}

.optbox a:hover {
	color: #2d8082;
	text-decoration: underline;
	}

.optbox hr {
	width: 210px;
	margin: 20px;
	border: 1px dashed #dddddd;
}
	
.optbox h2 {
  background: url(pics/box_top.gif) no-repeat left top;
  padding-top: 20px;
}

.optbox h3 {
	color: #5b5b5b;
	font-size: 9pt;
	font-weight:bold;
	}	

.optbox .last {
  background: url(pics/box_bottom.gif) no-repeat left bottom;
  padding-bottom: 20px;
}

.optbox h2, .optbox p {
	color: #5b5b5b;
  padding-left: 20px;
  padding-right: 20px;
}

.btntext_grey {
  background-color: #ffffff;
	color: #5b5b5b;
  font-size: 9pt;
  height: 15px;
  border: none;
  text-align: left;
  cursor:pointer;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  }
.login {
	width:50%;
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
	}

a:link {
	color: #155da1;
	text-decoration: underline
	}
	
a:visited {
	color: #39c;
	text-decoration: underline
	}
	
a:hover {
	color: #2d8082;
	text-decoration: none
	}

a:active {
	color: #036;
	text-decoration: underline
	}

a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active {
  position: relative;
  text-decoration: none;
  font-style: normal;
  background: #CCCCCC;
  color: #000000;
  }

a.tooltip:hover {
  color: #000000;
  background: #ffffff;
  }

a.tooltip span {
  display: none;
  text-decoration: none;
  }

a.tooltip:hover span {
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 250px;
  z-index: 100;
  color: #155da1;
  border:1px solid #155da1;
  background: #f7f7f7;
  font-size: 10pt;
  font-weight: normal;
  text-align: left;
  margin: 3px;
  padding: 3px;
  height: auto;
  }
a.nounderline:link {
    text-decoration:none;
}
a.nounderline:visited {
    text-decoration:none;
}
a.nounderline:hover {
    text-decoration:none;
}

table {
	width:100%;
	margin-bottom: 30px;
	text-align:left;
	font-size: 10pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	border-collapse: collapse;
	}
table.default {
	width: auto;
	margin-bottom: 0px;
}
table.listheader {
  margin-bottom: 0px;
  }

thead th.listheader {
  background-color: #ffffff;
  font-size: 11pt;
  border-bottom: 1px solid #d0d0d0;
  }

td.scroll {
  height: 280px;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  font-size: 10px;
  color: #155da1;
  }

thead tr.header	{
	background-image:url(pics/bg_th.png);
	background-repeat: repeat-x;
	height: 26px;
	font-size: 11pt;
	border-style: hidden;
	padding-left: 10px;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	position:relative;

	}

tfoot td	{
	text-align: right;
	font-size: 10px;
  border-bottom: 1px solid #d0d0d0;
	}

/*td:last-child {padding-right: 20px;} prevent Mozilla scrollbar from hiding cell content*/

table td {
  height: 15px;
  vertical-align:top;
	padding:2px;
	}

.bb {
  /* border-bottom: 1px solid #f7f7f7; */

 border-bottom: 1px solid #d0d0d0;

  }

.bottom_null {
  margin-bottom:0;
  }
  
input {
	color: #10487c;
/*	background-image:url(pics/input_bg.gif);
	border: 1px solid #C6C6C6;*/
  font-size:9pt;
  padding:0 3px 0 3px;
  overflow:visible;
	}
	

/*This doesn't work in IE that's why we need to add
 the imagesubmit class to <input type=image|radio|checkbox...>
 elements commented this one out so that missing use of
class="imagesubmit|radiocheck" is also noticed in firefox

input[type=image] {
    border:none;
    }
*/
input.imagesubmit {
    border:none;
    background-color:transparent;
    background-repeat:no-repeat;
}
input.radiocheck {
    border:none;
    background-color:transparent;
}

.load_image {
  display: block;
  background-color:transparent;
  background-image:url(pics/q_load_logo.gif);
  background-repeat:no-repeat;
  background-position:50% 50%;
  /*The following is needed for the fancy js imagecontrols.
    this avoids selecting the graph-image while dragging on it*/
  -moz-user-select: none; /* mozilla crap*/
  -khtml-user-select: none; /* safari crap*/
  user-select: none; /*CSS3*/
}
.load_image #img:focus {
    outline: none;
}

/*This is for dynamically created elements in javascript/image.js */
.image_textbox {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #155da1;
    padding: 3px;
    cursor:crosshair;
}
.image_marker {
    position: absolute;
    background-color: #10487c;
    cursor:crosshair;
    line-height:1px;
    font-size:1px;
    min-height: 1px;
    overflow:hidden;
    padding:0px;
    margin:0px;
    border:0px;
}
  
input.reset_interval {
  margin-top:5px;
  padding:3px;
  width:130px;
  font-size:8pt;
  }
  
select {
	color: #10487c;
	background-color: #f7f7f7;
	border:1px solid #155da1;
	}

textarea {
	color: #10487c;
	background-color: #f7f7f7;
	border:1px solid #155da1;
	}

.btntext {
  background-color: #ffffff;
	color: #155da1;
  font-size: 10pt;
  height: 20px;
  border: none;
  text-align: left;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
  }

  
label {
  cursor:default;
  }

.multi_table {
	width:1px;
  padding-right:10px;
  padding-bottom:0px;
  margin-bottom:0px;
  text-align:left;
	font-size: 10pt;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	}

.mg_owner{
  height:22px;
  white-space: nowrap;
  }

.mg_top_to_right,.mg_station_to_points,.mg_shown_points {
  height:20px;
  background-position:right;
  }
  
.mg_top_to_right {
  background-image:url(pics/line2.gif);
  background-repeat:no-repeat;
  }
  
.mg_station_to_points {
  background-image:url(pics/line3.gif);
  background-repeat:no-repeat;
  }
  
.mg_shown_points {
  background-image:url(pics/line1.gif);
  background-repeat:repeat-y;
  }

.mg_hidden_points {
  width:22px;
  height:20px;
  }
  
table.multi_table td {
  vertical-align:middle;
  padding:0px;
  margin:-1px;
  }

.mg_left {
  float:left;
  padding-top:15px;
  padding-right:15px;
  }

.mg_right {
  float:left;
  padding-left:15px;
  margin-top:15px;
  border-left:3px solid #E0E2F3;
  }

.mg_pointvisibility {
  padding-left:1px;
  white-space:nowrap;
  }

table.multi_table input {
  border:none;
  background-color:white;
  }
  
.mg_right_span_input {
  height:13px;
  width:13px;
  border:none;
  background-color:white;
  margin-bottom:1px;
  }

.mg_multiple_stations {
  margin-left:24px;
  padding-top:2px;
  }

.mg_submit {
  margin-left:4px;
  }
  
.mg_added_box {
  font-weight:bold;
  border:1px solid #F79718;
  padding:2px;
  text-align:center;
  }

.mg_delete_submit {
  margin-top:3px;
  }

.mg_spaceholder_box {
  margin-bottom:10px;
  }

.mg_mandantor_container {
  height:30px;
  padding-top:15px;
  display:block;
  }
  
.mg_mandantor_submit {
  margin-left:2px;  
  }

.mg_fixing_header {
  padding-bottom:10px;
  }

.summary_name_left {
  width: 47%;
  float:left;
  }

.summary_elem_container {
  border-top:2px solid #E4E4EF;
  margin-top:6%;
  padding-top:10px;
  }

.summary_mode_choice {
  font-size:12px;
  padding-top:10px;
  }

.summary_resultlink {
  font-weight:bold;
  }
  
.summary_critical {
  font-weight:bold;
  color:#FF0000;
  }
  
.summary_error {
  font-weight:bold;
  color:#FC7608;
  }
  
.summary_static_warning {
  border-top:1px solid #E4E4EF;
  padding-top:5px;
  }

#summary_timeselect_table {
  margin-left:0;
  margin-top:0px;
  width:85%;
  }
  
#summary_tst_1stcol {
  width:30px;
  text-align:left;
  border-left:0;
  }

#summary_tst_2ndcol {
  width:112px;
  text-align:right;
  vertical-align:middle;
  }
  
.summary_tst_selectcol {
  font-weight:bold;
  }
  
.summary_tst_colspan {
  height:13px;
  padding:0;
  margin:0;
  }

#summary_img {
  cursor:pointer;
  border:0;
  height:16px;
  width:16px;
  }
  
#summary_img_down {
  vertical-align:bottom;
  }
  
#summary_layoutselect_table {
  vertical-align:bottom;
  width:245px;
  margin:0px;
  margin-left:-5px;
  padding:0px;
  }
  
#summary_layoutselect_table td {
  vertical-align:bottom;
  }
  
.summary_lst_1stcol {
  width:25px;
  }
  
#summary_layoutselect_table,#summary_timeselect_table,#summary_fromto_table {
  margin-bottom:0px;
  }

#summary_minmaxcol_table {
  width:150px;
  border:none;
  margin:0;
  margin-left:-2px;
  margin-bottom:8px;
  padding:0;
  }
  
.tree_js_content {
  border-top:1px solid #E0E2F3;
  padding-top:10px;
  }
 
.navbar_multigraph {
  padding-left:25px;
  padding-top:10px;
  }
 
.mg_checkbox {
  background-color:white;
  height:13px;
  width:13px;
  border:none;
  padding:0;
  padding-top:1px;
  margin:0;
  }

/******* station mpo-tabs *******/

.tab_inactive,.tab_active {
  display:block;
  float:left;
  text-align:center;
  width:98%;
  overflow:hidden;
  background-repeat:repeat-x;
  background-position:0% 0%;
  border-bottom:none;
  }

.tab_active {
  padding:3px 1px 3px 1px;
  border-top:1px solid #B6CDDF;
  border-left:1px solid #B6CDDF;
  border-right:1px solid #B6CDDF;
  background-color:#FFFFFF;
  background-image:url(pics/tab_blue.gif);
  }
  
.tab_inactive {
  margin-top:2px;
  padding:1px 1px 3px 1px;
  border-top:1px solid #DCDCDC;
  border-left:1px solid #DCDCDC;
  border-right:1px solid #DCDCDC;
  background-color:#EFEFEF;
  background-image:url(pics/tab_grey.gif);  
  }
  
.button_inactive,.button_active { 
  vertical-align:top;
  cursor:pointer;
  border:none;
  padding:0;
  height:23px;
  font-size:8pt;
  }

.button_active {
  background-color:transparent;
  color:#155da1;
  }

.button_inactive {
  background-color:transparent;
  color:#A5A5A5;
  }  

.tab_base {
  padding-top:15px;
  }

.station_top {
  margin-bottom:20px;
  }

.layout_switch {
  float:left;
  }

.tab_table td {
  width:11%;
  padding:0px 1px;
  height:37px;
  text-align:center;
  }

.visible_mpo {
  display:block;
  }

.hidden_mpo {
  display:none;
  }
  
a.nostyle,a.nostyle:hover,a.nostyle:link,a.nostyle:visited {
  text-decoration:none;
  }

.button_nojs {
  font-size:8pt;
  padding-top:3px;
  white-space:nowrap;
  width:99%;
  overflow:hidden;
  }
/********************************/
  
.add_nav {
  width:100%;
  vertical-align:top;
  margin-bottom:0px;
  }

.jump_nav {
  width:100%;
  margin-bottom:0px;
  margin-top:15px;
  }

.add_nav_radio {
  border:0;
  background-color:#FFFFFF;
  }

.jump_nav input,.add_nav input {
  font-family:Courier New;
  }
  
.tablefacts_container {
  width:100%;
  margin:10px 0 0 0;
  background-color:white;
  border:1px solid #C9C9C9;
  overflow:hidden;
  position:static;
  }
  
.tablefacts_fromto_box {
  border-left:1px solid #F1F1F1;
  }
  
.tablefacts_timestamp_box {
  padding:4 8 4 8;
  }

.tablefacts_color_box {
  display:block;
  float:left;
  margin-top:3px;
  margin-right:8px;
  width:8px;
  height:8px; 
  font-size:0px;
  }

#tablefacts_header {
  font-weight:bold;
  font-size:12px;
  color:#15337F;
  margin:0;
  }
  
#tablefacts_header td,#tablefacts_stationrow td {
  padding:4 0 4 8;
  }
  
#tablefacts_stationrow td {
  border-top:1px solid #F0F0F0;
  padding-bottom:10px;
  }

#tablefacts_header span {
  color:#F37F04;
  }
  
#tablefacts_iframe {
  width:100%;
  height:352px;
  margin-bottom:0;
  padding:0;
  overflow:visible;
  }
  
.bookmark_img {
  border:0;
  width:16px;
  height:16px;
  vertical-align:bottom;
  padding:0;
  margin:0 5 0 0;
  }
  
.bookmark_input {
  margin:5 0 0 0;
  padding:2 2 2 2;
  width:135px;
  height:20px;
  font-size:11px;
  overflow:hidden;
  }


.mapbox {
    /*border: 1px solid brown;*/
    position:absolute;
    width:auto;
    text-align:left;
}
.mapbox:hover {
    z-index:999;
}

.mapbox_ok{
    z-index:3;
}
.mapbox_warning{
    z-index:4;
}
.mapbox_error{
    z-index:5;
}

a.maptextheader:link {
    text-decoration:none;
    font-size: 13px;
    font-weight: bold;
    color: #155da1;
}

a.maptextheader:visited {
    text-decoration:none;
    font-size: 13px;
    font-weight: bold;
    color: #155da1;
}

.maptext{
    text-align:left;
    position:absolute;
    /*z-index: 6;*/
    width:auto;
    border: 1px solid #155da1;
    background: #f7f7f7;
    padding:3px;
    white-space:nowrap;
    opacity: 0.5;  /* CSS 3 works in newer Firefox/Opera */
    -moz-opacity: 0.5;  /*works in not so new Firefox/Netscape */
    filter:alpha(opacity=50);/* works in IE*/
    -khtml-opacity:0.5;  /* Should work in older Safari and older Konquerors (Nomore opacity support in >=3.4)*/
}
.maptext:hover {
    z-index:999;
    width:auto;
    opacity: 1.0;  /*CSS 3 works in newer Firefox/Opera */
    -moz-opacity: 1.0; /* works in not so new Firefox/Netscape */
    filter:alpha(opacity=100);/* works in IE*/
    -khtml-opacity:1.0;  /* Should work in Safari and older Konquerors*/
}

.maptext div {
    white-space:nowrap;
    display:none;
}

.maptext:hover div {
    display:block;
}

/*This is a CSS2 adjacent sibling selektor.

*/
.maptext:hover + div {
    z-index:999;
}
/*Internet Explorer can't handle transparent PNGs, this why we need the mappointer class
the *[class] is for all other browsers (IE doesn't understand .*[class] Notation)

*/

.mappointer_ok {
    z-index:10;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/map_files/pin.png', sizingMethod='image');
}
.mappointer_ok[class] {
    z-index:10;
    background-image:url(pics/map_files/pin.png);
}
.mappointer_warning {
    z-index:11;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/map_files/pin_warning.png', sizingMethod='image');
}
.mappointer_warning[class] {
    z-index:11;
    background-image:url(pics/map_files/pin_warning.png);
}
.mappointer_error {
    z-index:12;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/map_files/pin_error.png', sizingMethod='image');
}
.mappointer_error[class] {
    z-index:12;
    background-image:url(pics/map_files/pin_error.png);
}
.mappointerbg {
    position:absolute;
    z-index:2;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pics/map_files/pinshadow.png', sizingMethod='image');
}
.mappointerbg[class] {
    position:absolute;
    z-index:2;
    background-image:url(pics/map_files/pinshadow.png);
}

.errortable {
    margin-bottom:0px;
    border-spacing:0px;
    margin-bottom:5px;
}
.errortable th {
    color:#000000;
    font-weight:bold;
    background-color:#BBBBBB;
}

.errortable tr.one {
    background-color:#DDDDDD;
}
.errortable tr.two {
    background-color:#EEEEEE;
}

.clipboard_button {
  border:none;
  width:25px;
  height:25px;
  background-color:#ffffff;
}

.loading_screen,.loading_screen_noimg {
  background-color:#FFF;
  background-position:50% 50%;
  background-repeat:no-repeat;
  position:absolute;
  display:none;
  width:1px;
  height:1px;
  z-index:9999;
  overflow:hidden;
}

.loading_screen {
  background-image:url(pics/q_load_logo.gif);
}

.loading_screen_text {
  font-size:11px;
  text-align:center;
  margin-top:0px;
}
/*.errortable tr td {

}
*/

ul.perms {
    list-style-type: none;
}

.vtop {
    vertical-align:top;
}
/* Multiselector liststyle */
ul.multi_list{
	list-style: none;
	margin-left:8px;
	padding:0;
}
li.list_name{
	background:url(pics/line2.gif) no-repeat 0 0;
	padding-left:27px;
	margin-left:-32px;
	width:250px;
}

ul.multi_list_sub1{
	list-style: none;
	padding-top: 0;
	_margin-top:-15px;/* IE Hack */
}

ul.multi_list_sub2{
	list-style: none;
	padding-top: 0;
	_margin-top:-15px;/* IE Hack */
}
ul.multi_list_sub2 li{
	background:url(pics/line1.gif) repeat-y 0 0;
	padding-left:27px;
	line-height:22px;
	/*width:250px; */
}
ul.multi_list_sub2 li.list_descript{
	background:url(pics/line3.gif) no-repeat 0 0;
	padding-left:27px;
	width: 120px;	
}
ul.multi_list_sub2 li.list_first_distance{
	width: 120px;
	margin-top:4px;
	line-height: 14px;
	height: 10px;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom:0;
	_padding-bottom: 1px;/* IE Hack */
}
ul.multi_list_sub2 li.list_descript_last{
	background:url(pics/line2.gif) no-repeat 0 0;
	padding-left:27px;
}
ul.multi_list_sub2 li.no_dash{
	background: none;
}
ul.multi_list_sub2 li.list_distance{
	line-height:normal;
}
ul.multi_list_sub2 li.js_input span.list_upper_dash{
	border-top:1px solid #E4E4EF ;
	padding-top:10px;
}
div.mg_left{
	padding-right:0;
	width:49%;
}
div.mg_right{
	padding-left:9px;
	width:49%;
}
div.tab_base{
	width:90%;
}
div.summary_elem_container{
	width:99%;
}

/*value filter*/
table.summary_valuefilter{
	width:90%;
}
table.summary_valuefilter tr td{
	height: 0;
}
table.summary_valuefilter tr td.filter_head{
	font-weight: bold;
}
table.filter_values{
	margin-bottom:2px;
	margin-top:10px;
	border-bottom:1px dashed #E4E4EF ;
	border-bottom:1px dashed #E4E4EF ;
}
table.filter_values tr td{
	width: 49%;
	height:30px;
}
table.filter_values tr td input{
	width:60%;
}