.mainpage{font-family:"Arial Black", Gadget, sans-serif;color:#00F;}
.headtext{font-weight:bold;text-align:center;background-color:cadetblue;}
.volatility-form-calc{float:left;background:#FFF;border:none;}
.volatility-report{background:#FFF;width:100%;height:100%;margin-top:1%;float:left;}
.button{background:#036;color:#038;min-width:125px;width:125px;max-height:125px;min-height:40px;height:40;max-height:42px;font-family:"Arial Black", Gadget, sans-serif;color:#FFF;font-size:18px;float:inherit;}
.volatility-report table{min-width:320px;width:100%;max-width:100%;float:left;text-align:left;margin-top:1%;}
.volatility-report td{border:thin #B3B3B3 solid;width:25%;color:#000;}
.report-left{text-align:left;color:#000;}
.report-center{text-align:center;color:#000;}
.volatility-info{margin-top:2%;text-align:center;float:left;min-width:320px;width:100%;max-width:100%;font-size:10pt;color:#0000FF;font-weight:bold;}
.volatility-form-calc-hit{margin-top:0%;min-width:320px;width:100%;max-width:100%;text-align:center;float:left;background:#FFF;border:none;}
.volatility-form-calc-hit table{min-width:320px;width:100%;max-width:100%;text-align:center;float:none;background:#FFF;border:none;}
.volatility-form-calc-hit td{float:none;}
.fontBold{font-weight:bold;text-align:left;width:160px;}
.txt-Green-Input{background:#FFF;width:100%;height:25px;;font-size:16px;float:left;border-style:solid;border-width:thin;border-color:#1B4F15;color:#1B4F15;font-size:12pt;font-weight:bold;}
.hitButton{background:#333;color:#FFF;width:auto;height:auto;padding:5px;font-size:16px;text-align:center;cursor:pointer;border:none;float:left;border:thin solid #15aeec;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:12pt;font-weight:bold;margin-left:50%;min-width:100px;width:auto;margin-top:1%;}
.hitButton:hover{color:#00CCFF;}
.fbutton{width:70%;float:center;font:Tahoma, Geneva, sans-serif;color:#000;}

#recommendation{
position:absolute;
height:400px;
width:400px;
overflow:auto;
top:0;
bottom: 0;
left: 0;
right: 0;
margin: auto;

display:none;
z-index:1002;
background-color:rgb(114, 215, 123);
border: 14px solid #fff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#recommendation h2{color:#fff;font-family: serif;
font-weight: bold;
line-height: 2.4em;}

#recommendation-head{
width: 100%;
background-color: #000fff;
margin-bottom: 5px;
text-align:center;
}

#recommendation-body{
position: relative;
width:80%;
margin:0 auto;
}

#recommendation-body table{
position: absolute;
width: 100%;
margin: 0 auto;
text-align: center;
padding: 4%;
background-color:#fff;
}

#recommendation-body table td{
border:1px solid #D2FFDD;
color:#333;
}

#recommendation-body table caption{
color:rgb(205,51,23);
font-weight:bold;
}

#content-from-text{
background-color:red;
width:100%;
height:30px;
}

.calc-offers{
color:red;
font-family:serif;
font-weight:bold;
font:2em;
}

.red{
background-color:rgb(245,87,87);
color:#fff;
}

@media screen and (max-width: 500px) {
#recommendation{
width:80%;
}