.v-calc-info{width:99%;float:left;text-align:center;}

.volatility-calc-title{text-align:left;float:left;width:100%;font-size:1em;}
.volatility-calc-title a{color:blue; font-size:1em;line-height: 2em;}
.volatility-calc-title a:hover{text-decoration:underline;}
.googleCode{width:100%;float:left;text-align:  left;}
.banner{float: left;width: 46%;border:  0.5px solid lightgrey;padding: 1%;margin: 1%;}
.timeAnalysis{width:100%;float:left;text-align: left;margin-bottom: 4%;}
.catchieWords{
    color: navy;
    font-size: 25px;
    font-weight:bold;
    float:  left;
    width: 100%;
    text-indent: unset;
}
.v-calc-info span{
text-align:center;
color:#C00;
font-size:0.9em;
}

.v-calc-info a{text-align:center;line-height: 1.5em;}
#learn-volatility{float:left;width: 45%;text-align:justify;border:  0.5px solid lightgrey;padding: 1%;margin: 1%;}



.volatility-form-calc{margin-top:3%;min-width:320px;width:50%;max-width:100%;text-align:center;float:left;background:#FFF;border:none;}
.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;}
.volatility-report{min-width:320px;width:auto;max-width:100%;font-size:16pt;margin-top:3%;}
.volatility-report span{float:left;text-align:center;min-width:320px;width:100%;max-width:100%;text-decoration:underline;font-size:18pt;margin-top:2%;}
.volatility-report table{min-width:320px;width:100%;max-width:100%;float:left;text-align:center;margin-top:1%;}
.volatility-report td{border:thin #000 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;}
.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;}



.volatility-info{text-align:center;float:left;width:100%;}
.volatility-note{margin-top:2%;text-align:center;float:left;min-width:320px;width:100%;max-width:100%;font-size:14pt;color:#F00;}
.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:14pt;color:#000;font-weight:bold;}
.volatility-info-link a{color:#F00;text-decoration:underline;}





/* for 700px or less */
@media screen and (max-width: 700px) {
.center-block{
width:35%;
}

.v-calc-info{
width:35%;
}

.adv-left{
width:12%;
}

.adv-right{
width:12%;
}

.banner{float: left;width: 100%;}
#learn-volatility{float: left;width: 100%;}
}





/* for 480px or less */
@media screen and (max-width: 480px) {
.center-block{
width:100%;
}

.v-calc-info{
width:100%;
}
}