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@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 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@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: 
tim@14: /* ----------------------------------- */