.lich{ margin: 0px; padding: 20px 50px; letter-spacing:2px; text-align: left; font-family: Arial; font-size: x-large; color:#ffffff;}


.ramkaStyle{ width: 100%; border: 2px ridge #000000; display: block; padding: 5px; }

.calcForm{width:50%; vertical-align: top; padding: 5px;}
.calcFormUL{list-style:none; text-align: left; text-indent: 0px;  font:medium Arial; color:#000000; list-style-position: inside;}
.calcFormLI{text-indent: 10px; line-height:2;}



/* задаем относительное позиционирование контейнеру */
.helpBlock{position:relative;}
/* Оформление скрытого элемента по умолчанию */ 
.hiddenHelpBlock
{display: none;
position: absolute;
bottom: 130%;
left: 0px;
background-color: #fff;
color: #000000;
padding: 0px;
width: 300px;
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;}
.hoverHelpBlock{
	font:  bold 25px Arial;
	color: red;
}
/* Дополнительное оформление скрытого элемента(необязательно) */
.hoverHelpBlock + .hiddenHelpBlock: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;}
/* Дополнительное оформление скрытого элемента(необязательно) */
.hoverHelpBlock + .hiddenHelpBlock: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;}
/* Появление скрытого элемента при наведении */
.hoverHelpBlock:hover + .hiddenHelpBlock{display: block;}