ingo@710: body {
ingo@710:     background-color: #FFFFFF;
ingo@710:     font-family:      verdana, arial, Helvetica, sans-serif;
ingo@710:     font-size:        0.7em;
ingo@710:     height:           100%;
ingo@710:     margin:           0;
ingo@710:     padding:          0;
ingo@710: }
ingo@710: 
ingo@710: fieldset {
ingo@710:     margin: 5px 0 0 10px;
ingo@711:     padding-left:   10px;
ingo@711:     padding-right:  10px;
ingo@711:     padding-bottom: 5px;
ingo@711:     padding-top:    5px;
ingo@710:     border: 1px solid #003A66;
ingo@710:     background-color: #F2F1F5;
ingo@710:     background-repeat: repeat-x;
ingo@710:     background-position: top left;
ingo@710:     display: block;
ingo@710: }
ingo@710: 
ingo@710: legend {
ingo@710:     border: 1px solid #003A66;
ingo@710:     padding: 4px 5px;
ingo@710:     margin: 0 0 0 0;
ingo@710:     background-color: white;
ingo@710:     font-weight: bolder;
ingo@710:     color: #003A66;
ingo@710:     clear: both;
ingo@710: }
ingo@710: 
ingo@711: input {
ingo@710:     font-family: verdana, arial, Helvetica, sans-serif;
ingo@711:     font-size:   0.9em;
ingo@710: }
ingo@710: 
ingo@711: select, textarea {
ingo@710:     font-size: 0.9em;
ingo@711:     width:     250px;
ingo@710: }
ingo@710: 
ingo@710: img {
ingo@710:     border: 0px;
ingo@710: }
ingo@710: 
ingo@710: a {
ingo@710:     color:           #FF6600;
ingo@710:     font-size:       1.2em;
ingo@710:     text-decoration: underline;
ingo@710: }
ingo@710: 
ingo@710: /* Some classes for the header */
ingo@710: #headerElement {
ingo@710:     float:    left;
ingo@710:     top:      0px;
ingo@710:     width:    100%;
ingo@710: }
ingo@710: 
ingo@710: #header {
ingo@710:     background-color: #143B62;
ingo@710:     margin: 0;
ingo@710:     padding: 0;
ingo@710:     height: 50px;
ingo@710: }
ingo@710: 
ingo@710: #headline {
ingo@710:     color: #4C7594;
ingo@710:     font-family: "Arial Black",Arial,Helvetica,sans-serif;
ingo@710:     font-weight: bold;
ingo@710:     line-height: 1.1em;
ingo@710:     padding-left: 5px;
ingo@710:     width: 533px;
ingo@710: }
ingo@710: 
ingo@710: .headline {
ingo@710:     border-top: 2px solid #CCe0f4;
ingo@710:     border-bottom: 2px solid #CCe0f4;
ingo@710:     color: #4C7594;
ingo@710:     padding: 10px;
ingo@710: }
ingo@710: 
ingo@710: .headerTableLinks {
ingo@710:     width: 100%;
ingo@710:     background-color: #003a66;
ingo@710: }
ingo@710: 
ingo@710: .headerLineLinks {
ingo@710:     color:          #FFFFFF;
ingo@710:     font-family:    Arial,Helvetica,sans-serif;
ingo@712:     font-size:      0.9em;
ingo@710:     text-decoration:none;
ingo@710: }
ingo@710: 
ingo@710: /* Some classes for the project load/save bar */
ingo@710: #project {
ingo@710:     background-color: #e9e8f0;
ingo@710:     height:           5%;
ingo@710:     left:             0px;
ingo@710:     padding:          0px;
ingo@710:     text-align:       left;
ingo@710:     top:              0px;
ingo@710:     width:            100%;
ingo@710: }
ingo@710: 
ingo@710: #projectload {
ingo@710:     visibility: hidden;
ingo@710: }
ingo@710: 
ingo@710: #browseDiv {
ingo@710:     float: left;
ingo@710: }
ingo@710: 
ingo@710: #loadDiv {
ingo@710:     float:       left;
ingo@710:     margin-left: 5px;
ingo@710: }
ingo@710: 
ingo@710: /* Some classes for the content */
sascha@993: a.linkButton {
sascha@993:     border:          1px solid #000000;
sascha@993:     color:           #ff6600;
sascha@993:     font-size:       1.2em;
sascha@993:     padding:         1px;
sascha@993:     text-decoration: none;
sascha@993: }
sascha@993: 
ingo@710: #contentElement {
ingo@710:     float:  left;
ingo@710:     height: 90%;
ingo@710:     width:  100%;
ingo@710:     margin: 0px 0px 10px 0px;
ingo@710: }
ingo@710: 
ingo@710: #contentRow {
ingo@710:     vertical-align: top;
ingo@710: }
ingo@710: 
ingo@710: #parameterColumn {
ingo@710:     width: 400px;
ingo@710: }
ingo@710: 
ingo@710: #parameterPanel {
ingo@710:     float:  left;
ingo@710:     width:  350px;
ingo@710: }
ingo@710: 
ingo@710: .static {
ingo@710:     background-color: #F2F1F5;
ingo@710:     width: 300px;
ingo@710: }
ingo@710: 
ingo@710: .parameter {
ingo@710:     color:          #003A66;
ingo@710:     font-weight:    bold;
ingo@710:     padding-left:   5px;
ingo@710:     text-align:     left;
ingo@710:     vertical-align: top;
ingo@710:     width:          110px;
ingo@710: }
ingo@710: 
ingo@710: .historyback {
ingo@710:     padding-left:   10px;
ingo@710:     vertical-align: top;
ingo@710:     text-align: right;
ingo@710: }
ingo@710: 
ingo@710: .statistics {
ingo@710:     width: 350px;
ingo@710: }
ingo@710: 
ingo@710: div.outerMap {
ingo@710:     float:  left;
ingo@710:     width:  555px;
ingo@710:     height: 436px;
ingo@710: }
ingo@710: 
ingo@710: div.wms {
ingo@710:     top: 10%;
ingo@710:     left: 0px;
ingo@710:     height: 30px;
ingo@710:     border: 1px solid red;
ingo@710: }
ingo@710: 
ingo@710: div#map {
ingo@710:     top: 65px;
ingo@710:     left: 0px;
ingo@710:     width: 555px;
ingo@710:     height: 381px;
ingo@710:     border: 1px solid #CCD5DE;
ingo@710: }
ingo@710: 
ingo@710: 
ingo@710: /* Some classes for the footer */
ingo@710: #footerElement {
ingo@710:     clear:    left;
ingo@710:     bottom:   20px;
ingo@710:     width:    100%;
ingo@710:     height:   20px;
ingo@710: }
ingo@710: 
ingo@710: .footerTable {
ingo@710:     width:            100%; 
ingo@710:     background-color: white;
ingo@710: }
ingo@710: 
ingo@710: .footerLine {
ingo@710:     color:          #003A66;
ingo@710:     font-family:    Arial,Helvetica,sans-serif;
ingo@710:     line-height:    1.1em;
ingo@710:     padding-left:   1px;
ingo@710: }
ingo@710: 
ingo@710: .footerTableLinks {
ingo@710:     width: 100%;
ingo@710:     background-color: #003a66;
ingo@710: }
ingo@710: 
ingo@710: .footerLineLinks {
ingo@710:     color:          #FFFFFF;
ingo@710:     font-family:    Arial,Helvetica,sans-serif;
ingo@712:     font-size:      0.9em;
ingo@710:     text-decoration:none;
ingo@710: }
ingo@710: 
ingo@710: 
ingo@710: /* ---------- OVERLAY ------------------------- */
ingo@710: #overlay {
ingo@710:     visibility: hidden;
ingo@710:     position: absolute;
ingo@710:     left: 0;
ingo@710:     top: 0;
ingo@710:     width: 100%;
ingo@710:     height: 100%;
ingo@710:     text-align: center;
ingo@710:     z-index: 100;
ingo@710:     background-color: white;
ingo@710:     -moz-opacity: 0.5;
ingo@710:     opacity: 0.5;
ingo@710: }
ingo@710: 
ingo@710: #overlayContent {
ingo@710:     visibility: hidden;
ingo@710:     position: relative;
ingo@710:     z-index: 101;
ingo@710:     width: 300px;
ingo@710:     margin: 150px auto;
ingo@710:     background-color: #fff;
ingo@710:     border: 1px solid #000;
ingo@710:     padding: 75px;
ingo@710:     text-align: right;
ingo@710:     background-image: url( ../images/bsh_logo.gif );
ingo@710:     background-repeat: no-repeat;
ingo@710: }
ingo@710: 
ingo@710: 
ingo@710: /* warnings and errors */
ingo@710: .projectException {
ingo@710:     color:       red;
ingo@710:     font-size:   10px;
ingo@710:     font-weight: bold;
ingo@710:     margin-bottom:  2px;
ingo@710:     border:         2px solid red;
ingo@710:     padding:        2px;
ingo@710: }
ingo@710: 
ingo@710: .chartException {
ingo@710:     color:       red;
ingo@710:     font-size:   10px;
ingo@710:     font-weight: bold;
ingo@710:     margin-bottom:  2px;
ingo@710:     border:         2px solid red;
ingo@710:     padding:        2px;
ingo@710: }
ingo@710: 
ingo@710: .inputException {
ingo@710:     color:          red;
ingo@710:     font-size:      10px;
ingo@710:     font-weight:    bold;
ingo@710:     margin-bottom:  2px;
ingo@710:     border:         2px solid red;
ingo@710:     padding:        2px;
ingo@710: }
ingo@710: 
ingo@710: .error {
ingo@710:     color: #CD3426;
ingo@710:     font-size: 10px;
ingo@710:     font-weight: bold;
ingo@710:     margin-bottom:  2px;
ingo@710:     border:         2px solid red;
ingo@710:     padding:        2px;
ingo@710: }
ingo@710: 
ingo@710: .errormsg {
ingo@710:     color: red;
ingo@710:     font-weight: bold;
ingo@710: }