.tc-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%;}

.trend-id-result{width:100%;text-align:center;float:left;font-size:0.8em;margin-top:2%;}
.trend-id-calc-title{margin-top:2%;text-align:center;float:left;font-size:1.1em;font-weight:bold;width:100%;background-color:cadetblue;}
.trend-id-note{margin-top:2%;float:left;width:100%;font-size:0.9em;}

.trend-id-info-link{margin-top:2%;text-align:center;float:left;width:100%;font-weight:bold;}
.trend-id-info-link a{}
.trend-id-info-link a:hover{text-decoration:underline;}
.fontBold{font-weight:100;text-align:left;}


.tc-calc-info span{width:100%;float:left;text-align:center;}
.tc-calc-info a{color:#30F;}
.tc-calc-info a:hover{text-decoration:underline;}

.trend-radio{width:100%;float:left;text-align:left;color:#1B4F15;font-weight:bold;height:inherit;}


.trend-id-form-calc{width:100%;text-align:center;float:left;}
.trend-id-form-calc table{width:100%;}
.trend-id-form-calc td{width:50%;}
.hitButton{background:#333;color:#FFF;width:60%;height:auto;padding:5px;font-size:1.1em;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;}
.hitButton:hover{color:#00CCFF;}



.trend-id-form-calc-hit{margin-top:0%;min-width:320px;width:100%;max-width:100%;text-align:center;float:left;background:#FFF;border:none;}
.trend-id-form-calc-hit table{min-width:320px;width:100%;max-width:100%;text-align:center;float:none;background:#FFF;border:none;}
.trend-id-form-calc-hit td{float:none;}

.trend-id-report{min-width:320px;width:auto;max-width:100%;font-size:16pt;margin-top:3%;}

.trend-id-report span{float:left;text-align:center;width:100%;text-decoration:underline;font-size:1.1em;margin-top:2%;}
.trend-id-report table{width:100%;float:left;text-align:center;margin-top:1%;}
.trend-id-report td{border:thin #000 solid;color:#F00;}


.report-left{text-align:left;}
.report-center{text-align:center;}


.trend-id-result strong{color:#F00;}
.txt-Red-Input{background:#FFF;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;height:25px;;font-size:16px;float:left;border-style:solid;border-width:thin;border-color:#1B4F15;color:#1B4F15;font-size:12pt;font-weight:bold;min-width:200px;width:auto;}




.trend-id-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;}


.trend-id-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;}



.txt-Green-Input-R{background:#FFF;height:20px;float:left;border-style:solid;border-width:thin;border-color:#1B4F15;color:#1B4F15;font-size:12pt;font-weight:bold;width:20px;}
#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%;
}