button, input[type = "button"]{
	background-color: rgba(0, 0, 0, 0.5);
	border: outset 2px rgba(0, 0, 0, 0.8);
	color: white;
}

button.left, input[type = "button"].left{
	float: left;
}

button.right, input[type = "button"].right{
	float: right;
}


button:hover, button:active, input[type = "button"]:hover, input[type = "button"]:active{
	background-color: rgba(30, 30, 30, 0.5);
	border: outset 2px rgba(30, 30, 30, 0.8);
}

button:active, input[type = "button"]:active{
	border-style: inset;
}

button:disabled, input[type = "button"]:disabled{
	background-color: rgba(100, 100, 100, 0.5);
	border: outset 2px rgba(100, 100, 100, 0.8);
	color: rgb(200, 200, 200);
}


/* кнопки с иконкой без текста*/
/* родительский класс */
button.img{
	/* должны быть равны размерам изображения + 4 */
	width: 36px;
	height: 36px;
	/* */
	background-repeat: no-repeat;
	background-position: center center;
}
/* */

button.add{
	background-image: url(icons/add.png)
}

button.edit{
	background-image: url(icons/edit.png)
}

button.apply{
	background-image: url(icons/apply.png);
	float: left;
}

button.cancel{
	background-image: url(icons/cancel.png);
	float: right;
}

button.del{
	background-image: url(icons/del.png)
}

button.close{
	background-image: url(icons/close.png)
}

button.angle_sp{ /* кнопка в нижнем правом углу, открывающая нечто скрытое, вроде меню */
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 888;
	background-image: url(icons/angle-sp.png);
	opacity: 0.6;
	background-color: rgba(0, 0, 0, 0);
	border: none;

}

button.angle_sp:hover{
	background-image: url(icons/tools.png);
	opacity: 1;
}

button.console_switch{
	background-image: url(icons/console-switch.png);
	height: 11px;
}

button.console_switch:hover{
	opacity: 1;
}
/* */





/* кнопки с изображением слева и текстом справа */
button.imgText{
	width: auto; /* ширина по содержимому */
	height: 36px;
	background-repeat: no-repeat;
	background-position: left;
	word-wrap: normal; /* отключить перенос слов */
	padding-left: 32px; /* чтобы тескт начинался после иконки */
}

button.imgText.cancel:after{
	content: 'отмена';
}

button.imgText.apply:after{
	content: 'применить';
}
/* */

.wnd_cls_btn
{
	z-index: 3;
	margin-left: 6px;
	margin-bottom: 6px;
}
