.scale-unit{
	height:20px; border-bottom:thin solid red; vertical-align:bottom; font-size:14px;
}

.scale-unit-fix{
height:24px; width:32px; position:relative; border-bottom:thin solid red;left:-4px;
}

.scale-unit-fix-span{
position:absolute; bottom:0px; left:10px;
}

.scale-unit-h{
	height:20px; border-bottom:thin solid #dddddd; vertical-align:bottom; font-size:14px;
}

.display-table td{
	padding:5px;
	border:thin solid #cccccc;
	background-color:#ffffff;
}

.display-table-ctrl td{
	padding:5px;	
}

.ctrl-btn{
	border:thin solid black;	
	padding:5px;
	/*background-color:#cccccc;*/
	border-radius: 8px;
	cursor:pointer;
	color:#222222;
	background-image: linear-gradient(#dddddd, #888888);
}

.ctrl-btn:active{
	background-image: linear-gradient(#ffffff, #aaaaaa);
}

.ctrl-btn-aactions{
	border:thin solid grey; 
	padding:5px; 
	border-radius: 8px;
	cursor:pointer;
	color:#222222;
	background-image: linear-gradient(#eeeeee, #5cc35d);
}
.ctrl-btn-aactions:active{
	background-image: linear-gradient(#ffffff, #5cc35d);
}

.ctrl-btn-restart{
	border:thin solid grey; 
	padding:5px; 
	border-radius: 8px;
	cursor:pointer;
	color:#222222;
	background-image: linear-gradient(#eeeeee, #ff6633);
}
.ctrl-btn-restart:active{
	background-image: linear-gradient(#ffffff, #ff6633);
}


#aufgabe{
	position:absolute;
	left:30px;
	top:70px;
	width:200px;
	/*height:180px;*/
	border:thin solid #aaaaaa;	
	padding:10px;
	border-radius: 12px;	
	color:#444444;
	background-image: linear-gradient(#eeeeee, #f6e358);
}

.ctrl-btn-back{
	width:70px; margin:0 auto; text-align:center;
	border:thin solid grey; 
	padding:5px; margin-top:5px;	
	border-radius: 8px;
	cursor:pointer;
	color:#222222;
	background-image: linear-gradient(#eeeeee, #a93910);
}
.ctrl-btn-back:active{
	background-image: linear-gradient(#ffffff, #a93910);
}

.ctrl-btn-help{
	width:70px; margin:0 auto; text-align:center;
	border:thin solid grey; 
	padding:5px; margin-top:5px;	
	border-radius: 8px;
	cursor:pointer;
	color:#222222;
	background-image: linear-gradient(#eeeeee, #f6cf01);
}
.ctrl-btn-help:active{
	background-image: linear-gradient(#ffffff, #f6cf01);
}

.ctrl-btn-solve{
	width:70px; margin:0 auto; text-align:center;
	border:thin solid grey; 
	padding:5px; margin-top:5px;	
	border-radius: 8px;
	cursor:pointer;
	color:#222222;
	background-image: linear-gradient(#eeeeee, #0336bb);
}
.ctrl-btn-solve:active{
	background-image: linear-gradient(#ffffff, #0336bb);
}

.ctrl-btn-graph{
	width:70px; margin:0 auto; text-align:center;
	border:thin solid grey; 
	padding:5px; margin-top:5px;	
	border-radius: 8px;
	cursor:pointer;
	color:#222222;
	background-image: linear-gradient(#eeeeee, #52a09d);
}
.ctrl-btn-graph:active{
	background-image: linear-gradient(#ffffff, #52a09d);
}


.ctrl-btn-ready{
	width:70px; margin:0 auto; text-align:center;
	border:thin solid grey; 
	padding:5px; margin-top:5px;	
	border-radius: 8px;
	cursor:pointer;
	color:#222222;
	background-image: linear-gradient(#eeeeee, #5cc35d);
}
.ctrl-btn-ready:active{
	background-image: linear-gradient(#ffffff, #5cc35d);
}



.task-button{
	width:50%; margin:0 auto; 
	border:thin solid grey; 
	padding:6px; margin-top:8px;	
	border-radius: 12px;
	cursor:pointer;
	color:#222222;
	background-image: linear-gradient(#eeeeee, #4281b7);
}
.task-button:active{
	background-image: linear-gradient(#ffffff, #4281b7);
}
.task-button-x{
	width:50%; margin:0 auto; 
	border:thin solid grey; 
	padding:6px; margin-top:8px;	
	border-radius: 12px;
	color:#222222;
	background-image: linear-gradient(#eeeeee, #888888);
}

.tc-cell{
	padding-left:5px;
	padding-right:5px;
	border:thin solid #dddddd;
}
.tc-cell-s{	
	width:24px;
	text-align:center;
}

.tc-cell-p{		
	padding:0px;	
}
.tc-cell-edit{
	
	padding-left:5px;
	padding-right:5px;
	border:thin solid #0c5288;
	color:#074779;
	
	height:20px;
	background-color:#d5eafa;
    
}
.tc-cell-edit-error{
	border:thin solid red;
}




/* dialogs */
.modal a.close-modal[class*="icon-"] {
  top: -10px;
  right: -10px;
  width: 24px;
  height: 24px;
  color: #fff;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  text-indent: 0;
  background: #900;
  border: 2px solid #fff;
  -webkit-border-radius:  26px;
  -moz-border-radius:     26px;
  -o-border-radius:       26px;
  -ms-border-radius:      26px;
  -moz-box-shadow:    1px 1px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
  box-shadow:         1px 1px 5px rgba(0,0,0,0.5);
}

.modal-info{
	display:none;
	background-color:#fae6e5;
	border:thin solid red; 
	padding:10px;	
}

.modal-4-image{
	display:none;
	background-color:#fae6e5;
	border:thin solid green; 
	padding:6px;   
}

#dialog-title{
	text-align:center; font-size:1.6em;
	padding-bottom:10px;padding-top:10px; 
	background-color:#fcde04;
	border-radius: 10px;
}

.dialog-btn{
	width:100px; margin:0 auto; 
	display:table;
	text-decoration:none;
	border:thin solid grey; 
	padding:10px; margin-top:10px;	
	border-radius: 12px;
	cursor:pointer;
	color:#222222;
	background-image: linear-gradient(#eeeeee, #222222);
	color:white;
}
.dialog-btn:active{
	background-image: linear-gradient(#eeeeee, #444444);
}

.dialog-icon{
	width:100px; height:100px;
	background-image:url('img/error.png');
	background-repeat: no-repeat;
	background-size: 90px auto;	
	background-position: center;	
}

.animation-cell{
	position:absolute;
	height:20px;
	border-xx:thin solid grey;
	text-align:center;
	padding:1px;
}

.animation-br{
	position:absolute;
	height:1px;
	border-bottom:2px solid #444444;		
}

.footer-button{
	border:thin solid grey;
}