.v-calc-info{background:#FF6;float:left;text-align:center;border:thin solid #F00;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-top:1%;padding-top:1%;padding-bottom:1%;}
.volatility-info{margin-top:1%;text-align:center;float:left;width:100%;font-size:0.8em;color:#0000FF;}
.v-calc-info span{width:100%;float:left;text-align:center;margin-top:1%;}
.v-calc-info a{font-size:0.8em;}
.v-calc-info a:hover{text-decoration:underline;}
.volatility-note{margin-top:1%;text-align:center;float:left;width:100%;font-size:0.8em;}
#disqus_thread{position:relative;}
#disqus_thread:after{content:"";display:block;height:55px;width:100%;position:absolute;bottom:0px;background:white;}
.hitButton{background:#333;color:#FFF;width:60%;height:auto;padding:5px;text-align:center;cursor:pointer;float:left;border:thin solid #15aeec;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-weight:bold;min-width:100px;margin-top:1%;}
.hitButton:hover{color:#00CCFF;}
.volatility-form-calc{width:100%;text-align:center;float:left;}
.volatility-form-calc table{width:100%;float:left;}
.volatility-form-calc td{width:50%;}
.volatility-form-calc-hit{margin-top:0%;width:100%;text-align:center;float:left;}
.volatility-form-calc-hit table{width:100%;text-align:center;float:left;}
.volatility-form-calc-hit td{float:none;}
.fontBold{font-weight:bold;text-align:left;}
.volatility-report{width:100%;margin-top:1%;}
.volatility-report span{float:left;text-align:center;width:100%;text-decoration:underline;}
.volatility-report table{width:100%;float:left;text-align:center;margin-top:1%;}
.volatility-report td{border:thin #B3B3B3 solid;width:50%;color:#F00;}
.report-left{text-align:left;}
.report-center{text-align:center;}
.volatility-result{min-width:320px;width:100%;max-width:100%;text-align:center;float:left;font-size:13pt;margin-top:2%;}
.volatility-result strong{color:#F00;}
.txt-Red-Input{background:#FFF;width:100%;height:25px;;font-size:16px;float:left;border-style:solid;border-width:thin;border-color:#990033;color:#990033;font-size:12pt;font-weight:bold;}
.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;}
.volatility-calc-title{margin-top:2%;text-align:center;float:left;width:100%;font-size:1.1em;background-color:cadetblue;}
.volatility-note-hint{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-info-link{margin-top:2%;text-align:center;float:left;min-width:320px;width:100%;max-width:100%;font-size:12pt;color:#000;font-weight:bold;}
.volatility-info-link a{color:#0000FF;text-decoration:underline;}
#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%;
}