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 {
tim@14:     color: #00416B;
tim@14:     text-decoration: none;
tim@14: }
tim@14: 
tim@14: legend {
tim@14:     border: 1px solid #CCD5DE;
tim@14:     padding: 4px 5px;
tim@14:     margin: 0 0 0 0;
tim@14:     background-color: white;
tim@14:     font-weight: bolder;
tim@14:     color: #00416B;
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;
tim@14:     border: 1px solid #CCD5DE;
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@411: .down {
ingo@408:     padding-top: 20px;
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@387: .parameter {
ingo@405:     color:          #00416B;
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@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;
tim@14:     margin: 2px 2px;
tim@14: }
tim@14: 
tim@14: .errormsg {
tim@14: 
tim@14: 	color: red;
tim@14: 	font-weight: bold;
tim@14: }
tim@14: 
tim@14: /*  ====================== Header ============================= */
tim@14: #head {
tim@14: 	
tim@14:     height: 25px;
tim@14:     margin: 0;
tim@14:     padding: 0;
tim@14:     background-color: #103D64;
tim@14: }
tim@14: 
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: 	
tim@14: }
tim@14: #project {
tim@14: 	position:absolute;
tim@14: 	top:27px;	
tim@14: 	left:10px;
tim@14: 	width: 400px;
tim@14: 	text-align: left;
tim@14: 	
tim@14: }
tim@14: 
tim@166: #load_error {
tim@166:     position:absolute;
tim@166:     top:27px;   
tim@166:     left:425px;
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: 
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%;
tim@14: 
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 {
tim@14:     position: absolute;
ingo@410:     top: 33px;
tim@18:     left: 350px;
tim@14: }
tim@14: 
ingo@585: div.outerMap {
ingo@570:     position: absolute;
ingo@584:     top: 62px;
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@585:     position: relative;
ingo@585:     top: 0px;
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@585:     top: 55px;
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@569:     position: absolute;
ingo@569:     top: 33px;
ingo@569:     left: 350px;
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@410:     position: absolute;
ingo@410:     top     : 33px;
ingo@410:     left    : 350px;
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 {
tim@14:     margin-top: 30px;
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: /* ----------------------------------- */