tim@14: @charset
tim@14: "ISO-8859-1"
tim@14: ;
tim@14: 
tim@14: body {
tim@14:     background-color: #FFFFFF;
tim@14:     font-family: verdana, arial, Helvetica, sans-serif;
tim@14: 
tim@14:     height: 100%;
tim@14:     margin: 0;
tim@14:     padding: 0;
tim@14: }
tim@14: 
tim@14: br {
tim@14:     padding: 0;
tim@14:     margin: 0;
tim@14:     font-size: 0;
tim@14:     clear: both;
tim@14: }
tim@14: 
tim@14: form {
tim@14:     margin: 0;
tim@14:     padding: 0;
tim@14: }
tim@14: 
tim@14: h1 {
tim@14:     font-weight: bold;
tim@14:     font-size: 0.9em;
tim@14:     color: #00416B;
tim@14: }
tim@14: 
tim@14: h2 {
tim@14:     font-weight: bold;
tim@14:     font-size: 0.8em;
tim@14:     color: #00416B;
tim@14: }
tim@14: 
tim@14: a {
ingo@695:     color: #FF6600;
ingo@695:     text-decoration: underline;
tim@14: }
tim@14: 
tim@14: legend {
ingo@694:     border: 1px solid #003A66;
tim@14:     padding: 4px 5px;
tim@14:     margin: 0 0 0 0;
tim@14:     background-color: white;
tim@14:     font-weight: bolder;
ingo@694:     color: #003A66;
tim@14:     clear: both;
tim@14: }
tim@14: 
tim@14: fieldset {
tim@14:     margin: 5px 0 0 10px;
tim@14:     padding-left: 10px;
tim@14:     padding-right: 10px;
ingo@694:     border: 1px solid #003A66;
ingo@694:     background-color: #F2F1F5;
tim@14:     background-repeat: repeat-x;
tim@14:     background-position: top left;
tim@14:     display: block;
tim@14: }
tim@14: 
tim@14: div {
tim@14:     margin: 0;
tim@14:     padding: 0;
tim@14: }
tim@14: 
tim@14: p, li, dl, input, select, address, legend, label, fieldset span {
tim@14:     font-size: 0.7em;
tim@14: }
tim@14: 
tim@14: legend.expandableFieldset {
tim@14:     cursor: pointer;
tim@14: }
tim@14: 
tim@14: select, textarea {
tim@14:     width: 250px;
tim@14: }
tim@14: 
tim@563: textarea.mapviewer {
tim@563:     width: 450px;
tim@563: }
tim@563: 
tim@14: input.textinput {
tim@14:     width: 250px;
tim@14: }
tim@14: 
tim@14: 
tim@14: textarea {
tim@14:     font-family: verdana, arial, Helvetica, sans-serif;
tim@14:     font-size: 0.7em;
tim@14: }
tim@14: 
ingo@413: table.dynamic {
ingo@413:     font-size: 1.2em;
ingo@413: }
ingo@413: 
ingo@400: table.static {
ingo@411:     margin:        0 0 0 0;
ingo@411:     width:         293px;
ingo@400: }
ingo@400: 
ingo@585: table.wms {
ingo@585:     font-size: 0.8em;
ingo@585:     margin: 0 0 0 0;
ingo@585: }
ingo@585: 
tim@14: table, th, td {
tim@14:     margin: 0;
tim@14:     padding: 0;
tim@14:     font-size: 0.8em;
tim@14: }
ingo@387: 
ingo@408: img {
ingo@408:     border: 0px;
ingo@408: }
ingo@408: 
ingo@694: /* styles used in footer.jsp */
ingo@694: .footerTable {
ingo@694:     width:            100%; 
ingo@694:     background-color: white;
ingo@694: }
ingo@694: 
ingo@694: .footerLine {
ingo@694:     color:          #003A66;
ingo@694:     font-family:    Arial,Helvetica,sans-serif;
ingo@694:     font-size:      0.95em;
ingo@694:     line-height:    1.1em;
ingo@694:     padding-left:   1px;
ingo@694: }
ingo@694: 
ingo@694: .footerTableLinks {
ingo@694:     width: 100%;
ingo@694:     background-color: #003a66;
ingo@694: }
ingo@694: 
ingo@694: .footerLineLinks {
ingo@694:     color:          #FFFFFF;
ingo@694:     font-family:    Arial,Helvetica,sans-serif;
ingo@694:     font-size:      1.5em;
ingo@694:     text-decoration:none;
ingo@694: }
ingo@694: 
ingo@694: .headerTableLinks {
ingo@694:     width: 100%;
ingo@694:     background-color: #003a66;
ingo@694: }
ingo@694: 
ingo@694: .headerLineLinks {
ingo@694:     color:          #FFFFFF;
ingo@694:     font-family:    Arial,Helvetica,sans-serif;
ingo@694:     font-size:      1em;
ingo@694:     text-decoration:none;
ingo@694: }
ingo@694: 
ingo@694: /* styles used content */
ingo@694: #contentElement {
ingo@697:     height: 80%;
ingo@697:     position: absolute;
ingo@697:     top: 85px;
ingo@697:     width: 100%;
ingo@694:     margin: 0px 0px 10px 0px;
ingo@697:     overflow: auto;
ingo@694: }
ingo@694: 
ingo@694: .bgblue2 {
ingo@694:     background-color: #F7F7F9;
ingo@694: }
ingo@694: 
ingo@694: #footerElement {
ingo@697:     position: absolute;
ingo@697:     bottom: 0px;
ingo@694:     margin-top: 10px;
ingo@697:     width: 100%;
ingo@697:     height: 20px;
ingo@694: }
ingo@694: 
ingo@411: .down {
ingo@697:     padding-top: 15px;
ingo@411:     width: 315px;
ingo@408: }
ingo@408: 
ingo@394: .historyback {
ingo@394:     padding-left:   10px;
ingo@394:     vertical-align: top;
ingo@408:     text-align: right;
ingo@394: }
ingo@394: 
ingo@694: #parameterPanel {
ingo@697:     position: absolute;
ingo@694:     float: left;
ingo@697:     left: 0px;
ingo@697:     top: 5%;
ingo@694:     width: 400px;
ingo@697:     height: 95%;
ingo@694: }
ingo@694: 
ingo@387: .parameter {
ingo@694:     color:          #003A66;
ingo@387:     font-size:      0.8em;
ingo@405:     font-weight:    bold;
ingo@394:     padding-left:   5px;
ingo@387:     text-align:     left;
ingo@387:     vertical-align: top;
ingo@585:     width:          110px;
ingo@387: }
ingo@387: 
ingo@577: .matrixHeader {
ingo@577:     padding-left: 5px;
ingo@688:     text-align: center;
ingo@688: }
ingo@688: 
ingo@688: .matrixSelectableHeader {
ingo@688:     padding-left: 5px;
ingo@688:     text-align: left;
ingo@688: }
ingo@688: 
ingo@688: .matrixContent {
ingo@688:     text-align: center;
ingo@577: }
ingo@577: 
ingo@585: .wmsvalue {
ingo@585: }
ingo@585: 
ingo@387: .value {
ingo@387:     font-size: 1.2em;
ingo@387: }
ingo@387: 
tim@14: .submitbutton{
tim@14: 	cursor:pointer;
tim@14: 	border:outset 1px #ccc;
tim@14: 	background:#ffffff;
tim@14: 	color:#666;
tim@14: 	font-weight:bold;
tim@14: 	padding: 1px 2px;
tim@14: 	
tim@14: }
tim@14: 
tim@14: .error {
tim@14:     color: #CD3426;
tim@14:     font-size: 10px;
tim@14:     font-weight: bold;
ingo@694:     margin-bottom:  2px;
ingo@694:     border:         2px solid red;
ingo@694:     padding:        2px;
tim@14: }
tim@14: 
tim@14: .errormsg {
tim@14: 	color: red;
tim@14: 	font-weight: bold;
tim@14: }
tim@14: 
ingo@663: .chartException {
ingo@663:     color:       red;
ingo@663:     font-size:   10px;
ingo@663:     font-weight: bold;
ingo@694:     margin-bottom:  2px;
ingo@694:     border:         2px solid red;
ingo@694:     padding:        2px;
ingo@663: }
ingo@663: 
ingo@665: .inputException {
ingo@694:     color:          red;
ingo@694:     font-size:      10px;
ingo@694:     font-weight:    bold;
ingo@694:     margin-bottom:  2px;
ingo@694:     border:         2px solid red;
ingo@694:     padding:        2px;
ingo@665: }
ingo@665: 
tim@14: /*  ====================== Header ============================= */
ingo@694: #head {	
tim@14:     height: 25px;
tim@14:     margin: 0;
tim@14:     padding: 0;
tim@14:     background-color: #103D64;
tim@14: }
tim@14: 
ingo@694: #headline {
ingo@694:     color: #4C7594;
ingo@694:     font-family: "Arial Black",Arial,Helvetica,sans-serif;
ingo@694:     font-weight: bold;
ingo@694:     line-height: 1.1em;
ingo@694:     padding-left: 5px;
ingo@694:     width: 533px;
ingo@694: }
ingo@694: 
ingo@694: .headline {
ingo@694:     border-top: 2px solid #CCe0f4;
ingo@694:     border-bottom: 2px solid #CCe0f4;
ingo@694:     color: #4C7594;
ingo@694:     /*font-weight: bold;*/
ingo@694:     font-size: 1.2em;
ingo@694:     padding: 10px;
ingo@694: }
ingo@694: 
tim@14: #logo {	
tim@14: 	float:right;
tim@14:     background-image: url( ../images/bsh_logo.gif );
tim@14:     background-repeat: no-repeat;
tim@14:     
tim@14: 	top:0px;	
tim@14:     height: 170px;
tim@14:     width: 75px;
tim@14:     
tim@14: }
tim@14: #head a {
tim@14: 	clear:left;
tim@14: }
ingo@686: 
ingo@686: .reload {
ingo@686:     margin-top: 10px;
ingo@686: }
ingo@686: 
tim@14: #project {
ingo@697:     padding: 0px;
tim@14: 	text-align: left;
ingo@670:     font-size: 1.2em;
ingo@694:     background-color: #e9e8f0;
ingo@697:     position: absolute;
ingo@697:     top: 0px;
ingo@697:     left: 0px;
ingo@697:     width: 100%;
ingo@697:     height: 5%;
ingo@694: }
ingo@694: 
ingo@695: #projectload {
ingo@695:     float: left;
ingo@695:     padding-left: 5px;
ingo@695:     visibility: hidden;
ingo@695: }
ingo@695: 
ingo@694: .devide {
ingo@694:     width: 100%;
ingo@694:     height: 2px;
tim@14: }
tim@14: 
ingo@670: .projectException {
ingo@670:     color:       red;
ingo@670:     font-size:   10px;
ingo@670:     font-weight: bold;
ingo@694:     margin-bottom:  2px;
ingo@694:     border:         2px solid red;
ingo@694:     padding:        2px;
ingo@670: }
ingo@670: 
tim@166: #load_error {
tim@166:     position:absolute;
ingo@694:     top:175px;   
ingo@686:     left:375px;
tim@166:     width: 400px;
tim@166:     text-align: left;
tim@166:     
tim@166: }
tim@166: 
tim@14: #project_load {
tim@14: 	position:absolute;
tim@14: 	top: 0px;
tim@14: 	left: 250px;
tim@14: 	width: 277px;
tim@14: 	border: 1px solid lightgray;
tim@14: 	visibility: hidden;
tim@14: 	padding: 5px;
tim@14: }
tim@14: 	
tim@14: 
tim@14: #head h1, #head h2 {
tim@14:     display: block;
tim@14:     color: white;
tim@14:     font-size: large;
tim@14:     padding-left: 300px;
tim@14:  	margin: 0;
tim@14:     
tim@14:     
tim@14: }
tim@14: 
ingo@697: div#headerElement {
ingo@697:     height: 85px;
ingo@697:     position: absolute;
ingo@697:     width: 100%;
ingo@697: }
ingo@697: 
tim@14: div#header {
tim@14:     background-color: #143B62;
tim@14:     margin: 0;
tim@14:     padding: 0;
tim@14:     height: 50px;
tim@14: }
tim@14: 
tim@14: div#header img {
tim@14:     padding: 0;
tim@14:     margin: 0;
tim@14:     border-width: 0;
tim@14: }
tim@14: 
tim@14: div#page {
tim@14:     position: absolute;
tim@14:     top: 0;
tim@14:     left: 0;
tim@14:     width: 100%;
ingo@697:     height: 100%;
tim@14: }
tim@14: 
tim@14: .showContent {
tim@14:     display: block;
tim@14: }
tim@14: 
tim@14: .hideContent {
tim@14:     display: none;
tim@14: }
tim@14: 
tim@14: div#selection {
tim@14:     float: left;
tim@14:     width: 300px;
tim@14:     margin-top: 30px;
tim@14: }
tim@14: 
tim@14: div#diagram {
ingo@694:     float: left;
tim@14:     position: absolute;
ingo@697:     top: 10%;
ingo@694:     left: 330px;
tim@14: }
tim@14: 
ingo@585: div.outerMap {
ingo@570:     position: absolute;
ingo@697:     top: 12%;
ingo@570:     left: 350px;
ingo@584:     width: 555px;
ingo@584:     height: 436px;
ingo@585:     margin: 0 0 0 0;
ingo@585:     padding: 0 0 0 0;
ingo@585: }
ingo@585: 
ingo@585: div.wms {
ingo@697:     position: absolute;
ingo@697:     top: 10%;
ingo@585:     left: 0px;
ingo@585:     height: 30px;
ingo@585:     border: 1px solid red;
ingo@585: }
ingo@585: 
ingo@585: div#map {
ingo@585:     position: absolute;
ingo@680:     top: 65px;
ingo@585:     left: 0px;
ingo@585:     width: 555px;
ingo@585:     height: 381px;
ingo@584:     border: 1px solid #CCD5DE;
ingo@570: }
ingo@570: 
ingo@569: div.histogram {
ingo@694:     float: left;
ingo@569:     position: absolute;
ingo@697:     top: 10%;
ingo@694:     left: 330px;
ingo@569: }
ingo@569: 
tim@14: div#export {
ingo@408:     width:        325px;
tim@14: }
tim@14: 
tim@14: /* this is a wrapper for diagramoptions and statistics*/
tim@14: div#diagrammAddOns {
tim@14:     position: absolute;
tim@14:     top: 600px;
tim@14:     left: 300px;
tim@14: }
tim@14: 
tim@14: div#diagramoptions {
tim@14:     position: relative;
ingo@408:     width:    325px;
tim@14: }
tim@14: 
tim@14: div#diagramOptionsContent {
ingo@408:     width : 325px;
tim@14: }
tim@14: 
ingo@410: div.statistics {
ingo@697:     float: left;
ingo@410:     position: absolute;
ingo@697:     top: 10%;
ingo@697:     left: 330px;
ingo@410:     width   : 325px;
tim@14: }
tim@14: 
tim@14: div#statisticValues {
tim@32:     width: 100%;
tim@14: }
tim@14: 
tim@14: table#statistik_tab_0{
tim@14:  position:relative;
tim@14:  top:0px;
tim@14:  left:0px;	
tim@14: }
tim@14: table#statistik_tab_1{
tim@14:  position:absolute;
tim@14:  top:30px;
tim@14:  left:230px;	
tim@14: }
tim@14: table#statistik_tab_2{
tim@14: 	position:relative;
tim@14: 	top:-210px;
tim@14:  	left:410px;	
tim@14: }
tim@14: table#statistik_tab_3{
tim@14:  position:relative;
tim@14:  top:-195px;
tim@14:  left:0px;	
tim@14: }
tim@14: table#statistik_tab_4{
tim@14:  position:absolute;
tim@14:  top:260px;
tim@14:  left:230px;	
tim@14: }
tim@14: table#statistik_tab_5{
tim@14: 	position:absolute;
tim@14: 	top:260px;
tim@14:  	left:410px;	
tim@14: }
tim@14: table#statistik_tab_6{
tim@14:  position:relative;
tim@14:  top:-180px;
tim@14:  left:0px;	
tim@14: }
tim@14: table#statistik_tab_7{
tim@14:  position:absolute;
tim@14:  top:485px;
tim@14:  left:230px;	
tim@14: }
tim@14: table#statistik_tab_8{
tim@14: 	position:absolute;
tim@14: 	top:485px;
tim@14:  	left:410px;	
tim@14: }
tim@14: 
tim@18: div#basefilter {
ingo@670:     margin-top: 50px;
tim@18:     width: 325px;
tim@14: }
tim@14: 
tim@14: div#timeseriesfilter {
tim@14:     margin-top: 1px;
tim@14:     padding: 0px;
tim@18:     width: 325px;
tim@14: }
tim@14: 
tim@14: #timeRangeForm label {
tim@14:     float: left;
tim@14:     margin-right: 5px;
tim@14:     text-align: left;
tim@14:     width: 20px;
tim@14: }
tim@14: 
tim@14: /* ---------- OVERLAY ------------------------- */
tim@14: #overlay {
tim@14:     visibility: hidden;
tim@14:     position: absolute;
tim@14:     left: 0;
tim@14:     top: 0;
tim@14:     width: 100%;
tim@14:     height: 100%;
tim@14:     text-align: center;
tim@14:     z-index: 100;
tim@14:     background-color: white;
tim@14:     -moz-opacity: 0.5;
tim@14:     opacity: 0.5;
tim@14: }
tim@14: 
tim@14: #overlayContent {
tim@14:     visibility: hidden;
tim@14:     position: relative;
tim@14:     z-index: 101;
tim@14:     width: 300px;
tim@14:     margin: 150px auto;
tim@14:     background-color: #fff;
tim@14:     border: 1px solid #000;
tim@14:     padding: 75px;
tim@14:     text-align: right;
tim@14:     background-image: url( ../images/bsh_logo.gif );
tim@14:     background-repeat: no-repeat;
tim@14: 
tim@14: }
tim@14: 
ingo@387: /* ----------------------------------- */