/* 
copyright:	Zoll & Schuermann GbR, www.zunds.de
			2013, Hattingen - Germany
*/

/*###########################   COMMON  ########################## */

body {
	background-color:white;
	font-family: sans-serif;
	font-size:0.9em;
	margin:0px;
	padding:0px;
}

h1 {
	display:block;
	margin:5px;
	padding:0px;
	font-family: Monda, verdana, arial, "sans serif";
	letter-spacing: -0.7px;
	font-weight: 700;
	font-size: 1.5em;
	color: #4e5c62;
}


header {
	height:50px;
	width:1024px;
	border:solid black 1px;
	/*
	background-color:#4E5C62;
	background-image:url('https://www.stereoping.com/pix_static/StereopingLogo2017_chrome.gif');
	background-repeat:no-repeat;
	background-position: 20px 20px; 
	*/
}

a {
	color:#21759b;
	text-decoration:none;
	-moz-transition: color .25s ease, margin .25s ease;
	-webkit-transition: color .25s ease, margin .25s ease;
	-o-transition: color .25s ease, margin .25s ease;
	-ms-transition: color .25s ease, margin .25s ease;
	transition: color .25s ease, margin .25s ease;
}

a:hover {
	color:#d54e21;
}

.avoid-clicks {
  pointer-events: none;
}

#errorCircle {
	position:absolute;
	display:none;
    cursor: default; 

}

.helpicon {
	float:right;
}

#mainIntrotext {
	height:auto;
}

#lastUpdate {
	text-align:right;
	font-size:0.8em;
	height:15px;

}

/*##########################  EDITING BLOCKER AFTER VALIDATION ######## */

#controllerTable {
	float:left;
	position:relative;
}

#editingBlocker {
	background-color:silver;
	position:absolute;
	left: 15px;
	top: 0px;
	width:860px;
	height:100%;
	opacity:0.6;
}

/*###########################   HELP BOX  ########################## */

#helpText {
	margin:10px;
	display:block;
}

/*###########################   MAIN MODES  ########################## */

.select-wrapper {
	float:left;
}

input[type=button] {
	float:left;
	height:25px;
	font-weight:bold;
	margin:2px;
}

.boxDescription {
	float:left;
	width:110px;
	height:100%;
	background-color:#4e5c62;
	margin-right:5px;
}

.boxDescription input {
	float:right;
}

.boxDescription p {
	float:left;
	font-weight:bold;
	font-size:1.1em;
	color:white;
	padding:5px;
	margin:0px;
}

.contentMainmodeRow {	/* button-row for TEMPLATE,CSV import & Reset  */
	height:35px;
	border:1px solid black;
	width:850px;
	padding:4px;
	background-color:#d7e8f0;
	margin:10px;
	clear:both;
}

.sysMsg {
	float:left;
	color:red;
	font-weight:bold;
	border:1px dotted red;
	padding:5px;
	background-color:#FFEEEE;
}

.sysMsgGreen {
	float:left;
	color:green;
	font-weight:bold;
	border:1px dotted green;
	padding:5px;
	background-color:#EEFFEE;
}

/*###########################   CONTROLLER  ########################## */

#content {
	/* controller and verify button */

	
	border:solid black 1px;
}


table {
	width:850px;
	margin-left:10px;
	padding:0;
	margin-left:10px;
}

td {
	text-align:center;
	border:2px solid black;
	margin:0;
	padding:0;
	/*width:160px;*/
}

input[type=text] {
	text-align:center;
	font-size:1.0em;
	width:25px;
	margin:0;
	padding:0;
}

.inputR {
	background-color:#FFAAAA;
}

.inputG {
	background-color:#AAFFAA;
}

.inputB {
	background-color:#AAEEFF;
}

.pot {
	width:135px;
	height:120px;
	float:left;
	padding:0;	
	margin:0;
}

.potHead {	
	margin:2px;
	font-weight: bold;
	font-size: 1.1em;
	color: #4e5c62;
	text-align:center;
}

.pot table {	
	width:110px;
	margin-left:2px;
}
.pot td {
	border:1px ;
	padding:0px;	
	margin:0px;
}

#colorButton {
	width:260px;
	height:20px;
	margin:3px;
	float:left;
	border:1px solid blue;
}


/*###########################   TEMPLATES  ########################## */


/*###########################   UNUSED  ########################## */

/*
.col .row {
	display:block;
	margin:1px;
	height:40px;
	font-family: Monda, verdana, arial, "sans serif";
	letter-spacing: -0.7px;
	font-weight: 700;
	font-size: 1.25em;
	color: #4e5c62;
	margin: 40px;		
}
*/

/*###########################   DEVELOP  ########################## */


#console {
	position:absolute;
	left:900px;
	top:150px;
	width:250px;
	height:800px;
	border:3px solid orange;
	background-color:white;
	color:black;
	display:none;
}

.error { 
	border:1px solid red;
	background-color:#fee;
	color:#400;
	margin:6px;
	padding:6px;
	display:none;
}