/* hatte zunaechst klassich die Tabelle gewaehlt, aber es ist
         keine tabellarische Darstellung von Daten, Bedeutung fehlt, es ist
         nur ein Layout -> umstellung auf css2 
			  hatte ueberlegt eine Version fuer S zu erstellen (in Javascript)
			  zu viel Arbeit, einfache Funktionalität haben sie hinbekommen
			  gehe jetzt ueber zu einer jquery Variante, eher um selber wieder etwas 
			  damit zu machen und evtl. das ganze in Mathe einzusetzen
			  Die "fittesten" werden vielleicht auch den Quellcode verstehen         
                          Umstellung auf jquery-Mobile - reduziere die formatierungen wieder
         */
         
         
      button.numericButton.ui-btn {
            display: inline;
       } 
       

      
      #tableBlock table {
        border-collapse : collapse;        
      }
      
      #tableBlock th , #tableBlock td {
        border          : 1px solid black;  
        padding         : 4px 4px 4px 12px; /* top right bottom left */
      }
      #tableBlock td {
        text-align      : '.'; /*hmm, geht nicht */
      }
      #numericBlock {
        padding: 0px 0px 0px 8px;
        display: table;
      }
      #numericBlock div.row
      {
        display: table-row;
        height: 2px;
      }
      #numericBlock  button.numericButton.ui-btn
      {
           /* display: table-cell; Zeilenumbruch ?*/
            border-spacing: 1px;
            margin: 0.2em 0em;
            padding: 0.4em 0em;
      }
        
      /*anders ueberlegt, class inOut ueberschreiben http://jsfiddle.net/yUxr4/ */
      #inInput {
                       width: 100%;
      }      
      #outInput {
      }      
      
      #inSelect {
      	z-index: 3;      	
      }
      
      
      /*sonst stellt jquery sehr hübsch die Ausgewählte option in einem span dar */
      #inSelect-button span{
			display:none;      
      }
      #plotContent {
          width: 100%;
          min-height: 100%; /*funktioniert so nicht*/
      }

   /* text-decoration blink wird nicht / selten unterstuetzt, daher mit css aninamtion blink */
  		.blink {
   		animation: blink 1s steps(5, start) infinite; /*5 schritte, start heisst schritt wird am Anfang des Zeitintervalls dargestellt */
     		-webkit-animation: blink 1s steps(5, start) infinite;
     		padding: 0px;
     		margin: 0px; 
 		}     
 		@keyframes blink {
   		to { visibility: hidden; }
   	}   
 		@-webkit-keyframes blink {  
     		to { visibility: hidden; }
  		}