/* простая электронная подпись */
.signatureblock {
	position: relative;
    width: 20px;
    height: 20px;
}
/* Оформление скрытого элемента по умолчанию */ 
.signaturehidden {
  	display: none;
	position: absolute;
	bottom: 130%;
	left: 0px;
	background-color: #fff;
	color: #bd0f0f;
	padding: 5px;
	text-align: center;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.16);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.16);
	box-shadow: 0 1px 1px rgba(0,0,0,.16);
	font-size: 12px;
  	width: 230px;
}
/* Дополнительное оформление скрытого элемента(необязательно) */
.signaturehover + .signaturehidden:before {
  	content: " ";
	position: absolute;
	top: 98%;
	left: 10%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	height: 0;
	width: 0;
	border: 7px solid transparent;
	border-right: 7px solid #fff;
	border-color: #fff transparent transparent transparent;
	z-index: 2;
}
/* Дополнительное оформление скрытого элемента(необязательно) */
.signaturehover + .signaturehidden:after {
  	content: " ";
	position: absolute;
	top: 100%;
	left: 10%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	height: 0;
	width: 0;
	border: 7px solid transparent;
	border-right: 7px solid #fff;
	border-color: rgba(0,0,0,.16) transparent transparent transparent;
	z-index: 1;
}
/* Появление скрытого элемента при наведении */
.signaturehover:hover + .signaturehidden {
  display: block;
}