@charset "Utf-8";
/* CSS Document */ 

/* Поле ввода желтого цвета */
.pii {
	text-align:center; 
	background-color:green;    
}
.MyKnBlue {
	background: -webkit-gradient(linear, left top, left bottom, from(#6ba8d1), to(#3e779d));
	background: -webkit-linear-gradient(top, #6ba8d1, #3e779d);
	background: -moz-linear-gradient(top, #6ba8d1, #3e779d);
	background: -ms-linear-gradient(top, #6ba8d1, #3e779d);
	background: -o-linear-gradient(top, #6ba8d1, #3e779d);
    }
.filterInput{
	margin: 0;
	padding: 0;
	width: 98%;
	border: 1px;
	border-style: solid;    
	background: #c9b7a2;
    }
.button {
	content: attr(data-title);
	background: #3e779d;
	background: -webkit-gradient(linear, left top, left bottom, from(#6ba8d1), to(#3e779d));
	background: -webkit-linear-gradient(top, #6ba8d1, #3e779d);
	background: -moz-linear-gradient(top, #6ba8d1, #3e779d);
	background: -ms-linear-gradient(top, #6ba8d1, #3e779d);
	background: -o-linear-gradient(top, #6ba8d1, #3e779d);
	font-size: 14px;
	vertical-align: middle;
	border: 1px solid #0a3c59;
	padding: 1px;
	border-radius: 2px;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
	text-shadow: #7ea4bd 0 1px 0;
	user-select: none;
	}
.button:hover:before {
	content: attr(data-title);
	white-space: pre-line;
	position: fixed;
	top: 0px;
	left: -1000px;
	right: -1000px;
	z-index: 9999;
	background-color: #3e779d; // #ddd;
    }
.button:hover {
	border: 1px solid #0a3c59;
	text-shadow: #1e4158 0 1px 0;
	background: #3e779d;
	background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
	background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
	background: -moz-linear-gradient(top, #65a9d7, #3e779d);
	background: -ms-linear-gradient(top, #65a9d7, #3e779d);
	background: -o-linear-gradient(top, #65a9d7, #3e779d);
	background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
	color: #fff;
    }
.button:active {
	text-shadow: #1e4158 0 1px 0;
	margin auto;
	border: 1px solid #a80f66;
	background: #65a9d7;
	background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
	background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
	background: -moz-linear-gradient(top, #3e779d, #65a9d7);
	background: -ms-linear-gradient(top, #3e779d, #65a9d7);
	background: -o-linear-gradient(top, #3e779d, #65a9d7);
	background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
	color: #fff;
	user-select: none;
    }
/*	
.pages {
	background: #c9b7a2;
	}
*/
/* Над картинкой меняю курсор на датчик */
div#kr:hover {
	cursor: crosshair;
	cursor: url(dt.png) 53 53, crosshair;
}

input[type="range"] {  width: 80%;  }

/* Кнопки под деталь. практики */
button.stypeKn {
    background: #719b84;
    width: 150px;
}
button.moveKn {
    background: Mocassin;
    width: 50px;
}