/******************************
    weblab.css
    16.08.2019
*******************************/

@import 'mainspecial.css';

/******************************
    Allgemeine Styles
*******************************/

body {
  margin: 0px;
  /*width: 100%;*/
  font-size: 10pt; /*95%;*/
  font-family: Arial, Helvetica, sans-serf;
  }

fieldset {
  border-radius: 10px;
  border: 2px solid gray;
  margin-bottom: 20px;
  -webkit-border-radius:10px;
  -khtml-border-radius:10px;
  }

legend {
  font-family: Helvetica,Arial,sans-serif;
  font-size: 130%; }

sub { font-size: 60%;}

input[type="checkbox"] {-webkit-appearance: checkbox;}

input {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  }
/*input[type="radio"]:selected {color:white};*/

/*label.indent {width: 150px !important;}*/

/*********************************
    Allgemeine Class Definitionen
***********************************/
.wide { width: 170px; padding: 0px;}vie
.center { text-align: center;}
.indent { margin-left: 20px;}
.short
.middle { vertical-align: middle;}
.emph {
  color: blue;
  font-weight: bold;
  font-size: 150%;
  }
.wbutton {
  text-align: center !important;
  border: 2px solid gray !important;
  border-radius: 6px;
  padding: 3px !important;
  background-color: white !important
  }

.disabled {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: gray;
}

.hint { font-style: italic}
.short { width:40px !important;}
.right { text-align: right;}
.left { text-align: left;}
.middle { vertical-align: middle; padding-bottom: 10px; }
.blue { color: blue;}
.red { color: red;}
.green { color: green;}
.gray {color: gray;}
.dgray { color: #505050;}
.border {border: 1px solid green;}
.width30 {width: 30px !important;}
.width40 {width: 40px !important;}
.width50 {width: 50px !important;}
.width60 {width: 60px !important;} 
.width75 {width: 75px !important;}
.width100 {width: 100px !important;}
.width110 {width: 110px !important;}
.width120 {width: 120px !important;}
.width130 {width: 130px !important;}
.width140 {width: 140px !important;}
.rahmen {background-color:white; outline:1px solid; padding:10px 0px;margin-bottom:10px;}
.indent10 {padding-left:10px;}

/******************************
     Aussenrahmen 
******************************/
#divFrame {
  border: 4px solid rgba(60,60,60,0.5);
  margin: 0px 70px;
  width: 1024px;
  /*min-height: 900px;*/
  float: left;
}

/******************************
      Weblab Header
******************************/
#divHeader {height: 120px;}
#divLogoleft {float: left; margin-top: 8px; }
#divLogoleft img {width: 98px; margin-left: 15px; }
#divLogoright {width: 120px; height: 120px; float: left; position: relative; }
#divLogoright img{width: 120px; }
#divTitle {float: left;min-width: 750px;text-align: center;}
#pTitle {
      text-transform: uppercase;
      font-size: 34pt;
      font-family: Arial,Helvetica,sans-serif;
      font-weight: 900;
      /*color: #064B54;*/
      margin-top: 0px;
      margin-bottom: 10px;
      }
#pInst,#pAuthor {
      font-size: 20px;
      font-family: Arial,Helvetica,sans-serif;
      font-weight: 500;
      /*color: #15616B;*/
      margin-top: 0px;
      margin-bottom: 0px;
      }
#pVersion {
      position: absolute;
      top: 98px;
      left: 40px;
      font-family: Arial,Helvetica,sans-serif;
      font-size: 12pt;
      font-weight: 700;
      /*color: #116D79;*/ 
      margin: 0px;
      }

/*******************************
      Sub Header
*******************************/
#divSubheader {height: 32px;}
#divZoom {
      float: right;
      font-weight: bold;
      padding: 2px;
      }
#divZoom label {padding: 4px;} 
#divConeModel {
  float:right;
  margin-right:4px;
  margin-top:2px;
  /*height: 22px;
  font-size: 10pt;
  height: 24px;
  border-radius:0px!important;
  border-style:inset!important;*/
}
#divScope {
      float: left;
      padding: 4px;
      margin-left: 6px;
      font-weight: bold;
      }

/*******************************
      Introduction - Seite
*******************************/
#divIntroTop {float: left;  padding: 10px;}
#divIntroDown {float: left; margin-top: 10px; padding: 10px;}
#divLatestRelease,#divBetaRelease {float: left; width: 800px;} 

#divIntroForm h3 {text-align: center; font-size: 20px;}
#divIntroForm .intro {
    margin: 0px 8px 8px 11px;
    width: 31%;
    height: 320px;
    float: left;
    font-size: 94%;
}
#divIntroForm .intromain {height:220px;}
#divIntroForm .introteaser {width: 50%; float: left;}
#divIntroForm .introbutton {text-align: center;}
#divIntroForm .introtext { padding-right: 8px;}
#divIntro1D img {width:150px;height:120px;} 
#divIntro2D img {width:140px;height:130px;} 
#divIntroTensor img {width:150px;height:140px; margin-top:-15px;padding-left:10px;}


/***************************
    Debug Liste
***************************/
#divDebug {float:left;}
#divDebug ul { list-style-type:none; margin:0; padding:0; }
#divDebug li {
  float:left;
  margin-right: 4px;
  /*font-weight: bold;*/
  min-width: 100px;
}
#divDebug select{ font-size:9pt;}
#divDebug label{margin-left:10px;}
#divDebug #debugrestart {font-size:9pt;font-weight:bold;margin-left:16px;height:27px;} 



/************************** 
    TopListe
****************************/
#divTopListe {width:100%;float:left;}
nav ul{ list-style-type:none; margin:0; padding:0; cursor:pointer}
nav li { float:left; padding:0; margin:0;}
nav li a { 
 min-width:80px;
 padding: 0px 4px 0px 4px; 
 display:block; 
 text-align:center; 
 margin-right:5px; 
 height:35px; 
 line-height:35px;  
 text-decoration:none; 
 font-size:11pt; 
}

nav ul ul { display:none; position:absolute; z-index:999;}
nav li li { float:none; }
nav li li a { 
  text-align:left; 
  height:auto; 
  line-height:1; 
  width:120px;  
  padding:8px 20px 8px  22px; 
  border-top:none; 
  margin-right:0; 
}
* html li li { display:inline; } /* IE6 Bugfix... */
nav ul ul ul { top: 100px; left:162px;}
nav li li li a { width: 100px; padding:10px;}


/*******************************
      Hauptteil (divMain)
*******************************/

#divMain {
    outline: 0px solid blue;
    width: 300px;
    min-height: 520px;
    margin-top: 0px;
    float: left;
}


/*******************************
      divMainMenue
*******************************/
#divMainMenue {
    width: 300px;
    min-height: 520px;
    margin-top: 25px;
    float: left;
}

#divMainMenue .tright {float: right;}
#divMainMenue table { width: 100%;}
#divMainMenue td {vertical-align:top;}
#divMainMenue label { display:inline-block;width: 170px;}
#divMainMenue label.indent {width:150px;}

#divMainMenue input {
    border: medium none;
    float: left;
    width: 70px;
    text-align: left;
    padding-left: 4px;
    font-size: 10pt;
}

#divMainMenue input[type="checkbox"] {
    width: 16px;
}

#divMainMenue select {
  width: 78px;
  font-size: 9pt;
  background-color: transparent;
 }
#divMainMenue td:nth-child(2) select {float:right;}
#divMainMenue td:nth-child(2) input {float:right;}

#divMainMenue #tableDownButtons {width:0px;}
#divMainMenue #tableDownButtons input {width: 60px;margin: 0px 5px;}


/*******************************
      divOutput
*******************************/
#divOutput {
  outline: 0px solid red;
  float: left;
  margin-top: 35px;
  font-size: 90%;
  width: 480px;
}

#divError { float: left;}

/*******************************
      divGrafik
*******************************/

#divGrafik {
  outline: 0px solid green;
  width: 100%;
  float: left;
  text-align: center;
}
#divGrafik fieldset {min-height: 565px;}
#divGrafik img.vertlg {width: 358px;}
#divGrafik img.defx {margin-top: 8px;}
#divGrafik img.fwhm {width: 128px;}
#divGrafik img.giflogo {width: 240px;margin-top: 70px;}
#divGrafik select {border: 0px; padding-left: 10px;font-size: 90%;}
#divGrafik #hrPlotde {width:40px; margin-left:10px;}
#divGrafik #hrPlotv {width:30px; margin-left:10px;}
#divGrafik #tableMaxL td:first-child {width: 80px;}
#divGrafik #tableMaxL select {background-color: transparent;
  font-size: 10pt;
  border: 1px solid gray;
  margin-right: 10px;
}
#divGrafik #divG2Leg table {border-collapse:collapse;margin-top:10px;text-align:center;}
#divGrafik #divG2Leg tr {height: 25px;}
#divGrafik #divG2Leg tr:first-child {background-color:#c0c0c0;}
#divGrafik #divG2Leg th,#divGrafik #divG2Leg td {border:1px solid gray;width:80px;}

#divGrafik #divGrafikAB {min-height: 450px;}
#divGrafik #divGrafikB {
 /*width: 250px;*/
  margin:40px 80px;
  border-radius: 10px;
  padding:20px;
  font-style:italic;
  font-size:120%;
}
#divGrafik #imgViewFormula1 {width: 200px;}
#divBar {width:1%;height:14px;}

#divGrafik div.fixsize {
  /*width: 457px;*/
  min-height: 360px;
  background-color: white;
}
#divGrafik div.rahmen {margin-top:20px;}

/* divGrafik 2D */
#grafikForm {margin-left: 70px;}
#grafikForm input[type="text"] {width: 40px; margin-left:10px;}

/*******************************
      divSlideBar
*******************************/
#divGrafik #divSlideBar {width: 100%; margin-top:8px;}
#divGrafik #divSlideBar table {margin-left: 150px;}
#divGrafik #divSlideBar hr {margin-bottom:20px;}
#divGrafik #divSlideBar span {
  outline: 1px solid gray;
  margin-left: 7px;
  margin-right:5px;
  padding: 4px 5px 1px;
  }
#divGrafik #divSlideBar select {
  background-color: transparent;
  border: 1px inset gray;
  font-size: 100%;
  padding-left: 0px;
  }
#sliderange {width:80%;} 

/*******************************
      divSurvey
*******************************/
#divSurvey {width: 100%; float: left;}

/*******************************
      divProgOut
*******************************/
#divProgOut {
  outline: 0px solid black;
  float: left;
  min-height: 20px;
  /*font-size:*/
  width: 100%;
}
#divProgOut fieldset {padding-left: 40px;}
#divProgOutIn { width: 425px;}
#divProgOutIn h2 { font-size: 12pt;}


/*******************************
   divClipboard 
*******************************/
#divClipboard { 
  float: left; 
  width: 230px;
  padding-top: 35px;
  margin-left:4px;
}

#divClipboard fieldset {min-height: 565px;}
#pClipboardInfo {text-align: center;font-style: italic;padding: 100px 35px;}
#divClipboardElements {width:100%; float:left;}
#divClipboardButtons {width:100%; float:left;}

#divClipboardItems {width: 100%;}
#divClipboardItems td {min-width: 33px;}
#divClipboardItems td:first-child {padding-bottom:2px;}
#divClipboardItems input[type="button"] {
  margin: 5px 5px; 
  height:24px;
  width: 28px;
  font-size: 12pt;
  font-weight: bold;
  vertical-align: middle;
}

#divClipboardItems div {float:left;}
#divClipboardItems a {float:left; width:40px;}
#divClipboardItems div.ClipboardAddable {float:left; margin-left:16px;}

#divClipboardItems .casp {float:left;margin-left:10px;margin-top:2px}
#divClipboardItems .cgew {float:left;margin-top: 2px;}
#divClipboardItems input {font-size: 9pt;}
#divClipboardItems input[type="checkbox"] {width:22px; float:left;}
#divClipboardItems input.clipboardGew {float:right;width:30px;margin-left:3px;}

#divClipboardItems img {
  width:210px;
  height:170px;
  display:block;
}
#divClipboardItems input.clipboardComment {width:160px;margin-top:3px;} /*204px;} */
#divClipboardItems hr {margin: 40px 0px 10px 0px;}
#divClipboardItems .spanClipboardTitle {font-size:10pt; font-family:"Times Roman";font-weight:bold}
#divClipboardItems .spanClipboardIDTime {font-size:8pt; font-family:"Times Roman";}


/*******************************
      divInprint
*******************************/
#divInprint {
  float:left;
  /*margin-top:30px;*/
  padding:2px;
  /*width: 1024px;*/
  width: 99.6%;
  text-transform: uppercase;
  font-size:9pt;
  /*height: 34px;*/
}
#divInprint span Infinity{ display:block;}/*width: 700px;}*/
#divInprint ul { list-style-type:none; margin:0; padding:0; }
#divInprint ul li { float:left; padding:10px; margin:0;}
#divInprint li a {
 min-width:80px;
 text-decoration:none;
 color: inherit;
}


/*******************************
      divPreferences
*******************************/
#divPreferences {
  /*border: 2px solid rgba(30,30,30,0.6);*/
  border-radius: 8px;
  position: absolute;
  left: 580px;
  top: 160px;
  width: 300px;
  min-height: 300px;
  padding: 20px;
  text-align: center;
}
#divPreferences h2 {font-weight: 400; text-align: center;}
#divPreferences hr {border-color: #222;}
#divPreferences table {text-align: left;}
#divPreferences tr {height:24px;}
#divPreferences td:first-child {width: 60%;}
#divPreferences select {
  width: 130px;
  height: 21px;
  font-size: 10pt;
  outline: none;
  border:#444 1px solid;
  /*-webkit-appearance: none;*/

}
 
#divPreferences input {
  width: 40%;
  font-size: 10pt;
  padding-left: 3px;
  outline: none;
  border-width: 1px;
  border-color: #444;
}

#divPreferences input[type="radio"] {
  width:20%;
  -webkit-appearance: radio;
}
#divPrefsButton {margin-top:20px;}
#divPrefsButton input {
  font-size: 11pt;
  margin: 5px;
  width: 80px;
  height:30px;
  border-radius: 8px;
}

/*******************************
      divInfoCenter
*******************************/
/*#divWarnCenter {
  border-radius: 8px;
  min-width: 320px;
  max-width: 460px;
  min-height: 120px;
  padding: 20px;
  text-align: center;
  font-size: larger;
} */
#divInfoCenter,#divWarnCenter {
  border-radius: 8px;
  min-width: 320px;
  max-width: 460px;
  min-height: 120px;
  padding: 20px;
  text-align: center;
  font-size: larger;
}
#divInfoCenter input, #divWarnCenter input {
  margin-right: 10px;
  font-size: larger;
}