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-image: url( ../images/bg_fieldset_ie6.gif );
tim@14: background-repeat: repeat-x;
tim@14: background-position: top left;
tim@14: display: block;
tim@14: }
tim@14:
tim@14: html > body fieldset {
tim@14: background-image: url( ../images/bg_fieldset.gif );
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@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:
tim@14: table, th, td {
tim@14: margin: 0;
tim@14: padding: 0;
tim@14: font-size: 0.8em;
tim@14: }
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@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 DEFINIEREN*/
tim@14: /* border: 1px solid crimson;*/
tim@14: position: absolute;
tim@18: top: 65px;
tim@18: left: 350px;
tim@14: }
tim@14:
tim@14: div#export {
tim@14: padding-left: 7px;
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 DEFINIEREN*/
tim@14: /*border: 1px solid blue;*/
tim@14: position: relative;
tim@14: width: 600px;
tim@14: }
tim@14:
tim@14: div#diagramOptionsContent {
tim@14: /*display: none;*/
tim@14: }
tim@14:
tim@14: div#statistics {
tim@14: /*POSITION DEFINIEREN*/
tim@14: /*border: 1px solid Red;*/
tim@14: position: relative;
tim@14: width: 600px;
tim@14: }
tim@14:
tim@14: div#statisticValues {
tim@14: display: none;
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:
tim@14: /* ----------------------------------- */