/adei/ui

html, body {
    overflow:		hidden;
/*    
    This will broke resizing of graph in IE6 (IE7 - OK), but absense of
    it brokes legend popups everythere. Moving to '.all' looks to solve
    all problems.

    width:		100%;
*/
}

.all {
    width:		100%;
}


table, tr, td, div, body {
    margin:		0;
    padding:		0;
    border:		0;
}

td {
    vertical-align: 	top;
}

.all {
    height: 		100%; 
    width:		100%;
    margin: 		0px; 
    padding: 		0px;
}

.header {
   color: 		#000055;
   background: 		#E0E0E0;
   border: 		1px solid #C0C0C0;
   margin-top: 		0;
/*   margin-bottom:	5px;*/
   margin-bottom:	1px;
   margin-left: 	2px;
   margin-right: 	2px;
   padding: 		5px;
   height:		50px;
}

.header table {
    height:		100%;
/*    padding:		3px;*/
}

/*
.header table, .header tr, .header td {
    border: 1px solid black;
}
*/

.header .title {
   font-weight: 	bold;
   text-align:		left;
   padding-left:	50px;
   vertical-align:	middle;
}

.header .title td {
    vertical-align:	top;
}

.header .title b {
    font-size: 		20pt; 
    letter-spacing: 	6px;
}

.header .title i {
  font-size: 		10pt; 
  letter-spacing: 	6px;
  font-style:		normal;
}


.header .right {
    vertical-align:	bottom;
    height: 		100%;
}

.header .search {
    text-align:		right;
    vertical-align:	top;
    position:		absolute;
    top:		2px;
    right:		5px;
}

.header .search input {
    background:	#FFFCBA;
    font-size:  12px; 
    width:	400px;
}

.header .links {
    text-align: 	right;
    margin-right:	3px;
    
/*    margin-top: 25px;*/
/* Doing a little smaller to fit search box */
    font-family: 	Arial, Verdana;
    font-size: 		17px; 
}

/* Next two, fixing IE7 */
.header .links table {
    margin: 		0; 
    padding: 		0;
    border:		0;
}
.header .links table td {
    vertical-align: bottom;
    text-align: right;
}


.statusbar {
    height: 20px;
/*    font-family: 	Arial, Verdana;*/
    font-size: 		15px;
    background: #FFEEF1;
    border: 1px solid gray;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

/* 
    This is needed for IE6, otherwise the statusbar have invalid width 
*/
.statusbar div {
    width: 100%;
}

/*
.sidebar {
    margin-top:	10px;
}
*/

#main_sidebar div+div {
    margin-top:	10px;
}


.sidebar .holder {
    border:	1px solid black;
    padding: 	0px;
    margin:	0px;
}

.sidebar .switch {
    padding:	1px;
    margin:	0px;
    border:	0px;
}

.sidebar .switch button {
  padding: 0px;
  margin: 0px;
  display: block;
  border: 1px solid #C0C0C0;
  color: #000055;
  background: #F0F0F0;
  text-decoration: none;
  /* min-width: 20px; causin artefacts in IE and Opera */
  /* width: 25px;*/
}

.sidebar .switch button:hover {
  border: 1px #007000 solid;
  background: #F0E0E0;
}

.sidebar .switch table td {
    vertical-align: middle;
}


/*
Causes problems to IE
.sidebar .switch div:first-letter, .header .links div:first-letter {
    text-transform:	uppercase;
}
*/


#main_sidebar_controls .controls {
    overflow: auto;
/*
    Strangely working as expected only in IE
    
    overflow-y: auto;
    overflow-x: visible;

    height: 300px;
*/
/*    height: 421px;*/
    width: 350px;
}

.controls, .controls table {
    width: 100%;
}

/*
.controls table td {
    border: 1px solid black;
}
*/

.select_table td+td {
    text-align: right;
}


.module {
    /* For detection of min-height property support */
    min-width: 10px;
    min-height: 10px;
    
    /*border: solid black 1px; debugging*/
}

.module_link, .module_link_current {
    text-decoration: 	none;
}

.module_link {
    color:		blue;
}

.module_link_current {
    color:		#32ad32;
}

.popup {
    /*min-width: 300px;	ignored by IE, bug in Opera */
    min-width: 10px;
    min-height: 10px;
}


.module_source_link, .module_source_link_current {
    background: 	#E0E0E0;
}
.module_source_link a, .module_source_link_current a {
    text-decoration: 	none;
}
.module_source_link a {
    color:		blue;
}
.module_source_link_current a {
    color:		#32ad32;
}
.module_source_link_current a:before {
    content: 		"{";
}
.module_source_link_current a:after {
    content: 		"}";
}

.module_controls_link, .module_controls_link_current {
    background: 	#E0E0E0;
    padding-left:	5px;
    padding-right:	5px;
    text-align:		center;
}
.module_controls_link a, .module_controls_link_current a {
    text-decoration: 	none;
}
.module_controls_link a {
    color:		blue;
}
.module_controls_link_current a {
    color:		#32ad32;
}
.module_controls_link_current a:before {
    content: 		"{";
}
.module_controls_link_current a:after {
    content: 		"}";
}

.sidebar .controls table td {
    padding-right:	5px;
}

#module_export select, #module_aggregator select, #module_source_source select {
    width:		200px;
}

#module_source_time select {
    width:		150px;
}

/* causes proble in gecko */
#source_db_item_tr select {
    width:		100%;
}

#source_db_item_tr td {
    text-align: right;
}


#source_timestart input, #source_timeend input, #source_winstart input, #source_winend input {
    width:		124px;
}

#source_timestart img, #source_timeend img, #source_winstart img, #source_winend img {
    border:		0px;
    padding:		0px;
    margin:		0px;
    width:		16px;
    height:		16px;
    vertical-align:	middle;
}

#source_yrange input {
    width:		64px;
}

.source_apply td {
    text-align:		center;
}

.source_apply button {
    width:		90%;
    margin-top:		5px;
    margin-bottom:	5px;
}


.export_apply td {
    text-align:		center;
}

.export_apply button {
    width:		90%;
    margin-top:		5px;
    margin-bottom:	5px;
}


.hide_experiment_custom {
    display:		none;
}

.hide_window_custom {
    display:		none;
}

.header .links {
/*    display: inline;*/
}

.menu_button {
    margin-left: 	5px;

    width: 0px;	/* needed by IE6 */
/*
    width: 		25px;
    height:		25px;
*/    
    display:		inline;
    position:		absolute;
    left:		0px;

/*
    The positioning of submenus with 'position: absolute' is broken in
    dhtmlxmenu. The hack below is to handle that 
    top:		0px;
    padding-top:	20px;
*/
    top:		20px;
/*
    please see z-index handling in menu.js, needed only for IE
*/
}

.selector {
    background:		white;
    border:		1px solid black;
    margin-right:	1px;
/*    margin-bottom:	5px;*/
}

.graph {
    width:		100%;
}

.dialog {
	position: absolute;
	background-color: #c0c0c0;
	border-color: #f0f0f0 #606060 #404040 #d0d0d0;
	border-style: solid;
	border-width: 2px;
	
	margin: 0px; /* 5px */
	padding: 2px;
	cursor: pointer;
	z-index: 500;
}

.dialog .close {
    cursor: default;
    margin: 2px;
    position: absolute;
    width: 20px;
    height: 20px;
    padding: 5px;
    background: url(images/close.png) no-repeat;
}

.dialog .maximize {
    cursor: default;
    margin: 2px;
    left: 24px;
    position: absolute;
    width: 20px;
    height: 20px;
    padding: 5px;
    background: url(images/maximize.png) no-repeat;
}

.dialog .restore {
    cursor: default;
    margin: 2px;
    left: 24px;
    position: absolute;
    width: 20px;
    height: 20px;
    padding: 5px;
    background: url(images/restore.png) no-repeat;
}


.dialog .titlebar {
    /***
      * IE6 would consider width: 100% (for auto) if we specify height)
      *
    height:		21px; 
    */
    min-height:		21px;
    max-height:		21px;
    background-color: 	#008080;
    cursor: 		default;
    margin: 		0px;
    padding: 		2px 2px 2px .5em;
    overflow:		hidden;
}


.dialog .titlebar span {
    color: 		#ffffff;
    font-family:	"MS Sans Serif", "Arial", "Helvetica", sans-serif;
    font-size: 		12pt;
    font-weight: 	bold;
    text-align: 	left;
    white-space: 	nowrap;
    padding:		45px;
    width:		100%;
    vertical-align:	center;
}

.dialog .content {
    cursor: 		default;
    background-color:	#ffffff;
    border-color: 	#404040 #e0e0e0 #f0f0f0 #505050;
    border-style: 	solid;
    border-width: 	2px;
    margin: 		2px 0px 0px 0px;
    padding: 		.5em;
    font-size:		medium;	/* required by IE7 */
/*	overflow: hidden;*/
	overflow: auto;
}

.dialog iframe {
    display:none;/*sorry for IE5*/
    display/**/:block;/*sorry for IE5*/
    position:absolute;/*must have*/
    top:0;/*must have*/
    left:0;/*must have*/
    z-index:-1;/*must have*/
    filter:mask();/*must have*/
    width: 100%;/*must have for any big value*/
    height: 100%;/*must have for any big value*/;
}

#legend .content p {
  margin: 3px 5px 3px 5px;
}

#legend .content td, .legend .content th {
    padding-right: 20px;
    padding-left: 20px;
}


.navigation, .minipc
{ 
  font-family: Arial, Verdana;
  font-size: 10pt; 
  font-weight: normal;
  vertical-align: middle;
  background: white;
  text-decoration: none;
  white-space: nowrap;
  margin-right: 10px;
  margin-left: 10px;
}

.navigation a
{
  font-weight: normal;
  padding: 2px;
  margin-bottom: 2px;
  display: block;
  color: #000055;
  background: #F0F0F0;
  font-weight: bold;
  border: 1px solid #C0C0C0;
  text-decoration: none;
}

.navigation a:hover
{
  border: 1px #007000 solid; 
}


.linkbutton
{ 
    text-align: center;
}

.linkbutton a
{
  border: 3px #F0B0B0 solid; 
}

.linkbutton a:hover
{
  border: 3px #F00000 solid; 
}



.highlight {
  color: #BB0000;
}

.highlight a {
  color: #BB0000;
}

.lowlight {
  color: #771111;
}

.lowlight a {
  color: #771111;
}



.info {
  padding: 10px;
  vertical-align: top;
  background: #BFFFBF;
  border: 1px solid #00C000;
  margin: 10px;
  font-size:14pt; 
  line-height: 1.5;
}

.error {
  padding: 10px;
  vertical-align: top;
  background: pink;
  border: 1px solid #00C000;
  margin: 10px;
  font-size:14pt; 
  line-height: 1.5;
}

.info h1, .error h1 {
  font-family: Arial, Verdana;
  font-weight:bold;
  color:#000055; 
  font-size:16pt; 
  margin: 3px;
  margin-bottom: 20px;
}

.groups {
  padding: 10px;
  vertical-align: top;
/*  background: #E0E0E0;
  border: 1px solid #C0C0C0;*/
}

.group {
  padding: 10px;
  vertical-align: top;
  background: #E0E0E0;
  border: 1px solid #00C000;
  margin: 10px;
  width: 45%;
}

.group form {
  margin: 0px;
  padding: 0px;
}

.group h1 {
  font-family: Arial, Verdana;
  font-weight:bold;
  color:#000055; 
  font-size:14pt; 
  margin: 3px;
  margin-bottom: 5px;
}

.group .good {
  color: green;
  font-weight: bold;
}

.group .bad {
  color: red;
  font-weight: bold;
}

/*
#main_div {
    background: blue;
}
#module_graph {
    background: green;
}
#graph_image_div {
    background: red;
}
*/