#content{
text-align:center;
margin:0;
padding:0;
}
h1{
font-size:15px;
margin:0 auto 0 auto;
text-align:center;
}
#meter {position:relative; margin:0 0 0 4px; background: url("thermo_bg.png") repeat scroll 0 0 transparent; display: block; float: left; height: 222px; width: 36px;}
#meter strong { color: white;font-size: 9px; font-weight: bold;left: 5px; position: absolute; top: 185px; }
#hot { background: url("thermo_hot.png") no-repeat scroll 0 0 transparent; bottom:0px; display: block; height: 222px; position: absolute; width: 36px; z-index: 2; }
#txt { background: url("thermo_text.png") no-repeat scroll 0 0 transparent; bottom: 10px; display: block; height: 222px; position: absolute; width: 36px; z-index: 3; }
#textresult{
clear: both;
margin:20px;
}
#tip{
width:100%;
font-size:10px;
font-style:italic;
text-align:center;
margin:0 0 10px 0;;
padding:0;
}
#scores { text-align:right; }
#scoretable { width:235px; height:222px; font-size:.8em; margin:0 0 15px 0; padding:0; float:left; clear:none; border-bottom:1px solid #ccc;}
#scoretable tr td.symptom { width:42px; line-height: 11px;}
#scoretable tr td.score { width:15px; text-align:right; padding-left:3px; }

.bar { width:1%; display:block; margin-left:3px; height:10px; 
background: rgb(124,124,124); /* Old browsers */
background: -moz-linear-gradient(top, rgba(124,124,124,1) 0%, rgba(183,183,183,1) 46%, rgba(71,71,71,1) 63%, rgba(19,19,19,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,124,124,1)), color-stop(46%,rgba(183,183,183,1)), color-stop(63%,rgba(71,71,71,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(124,124,124,1) 0%,rgba(183,183,183,1) 46%,rgba(71,71,71,1) 63%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(124,124,124,1) 0%,rgba(183,183,183,1) 46%,rgba(71,71,71,1) 63%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(124,124,124,1) 0%,rgba(183,183,183,1) 46%,rgba(71,71,71,1) 63%,rgba(19,19,19,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(124,124,124,1) 0%,rgba(183,183,183,1) 46%,rgba(71,71,71,1) 63%,rgba(19,19,19,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}
//all possible percentages
.bar.s0 { width:0%; }
.bar.s05 { width:12%; }
.bar.s1 { width:25%; }
.bar.s11 { width:27%; }
.bar.s12 { width:30%; }
.bar.s13 { width:27%; }
.bar.s14 { width:33%; }
.bar.s15 { width:38%; }
.bar.s16 { width:40%; }
.bar.s17 { width:43%; }
.bar.s18 { width:45%; }
.bar.s19 { width:48%; }
.bar.s2 { width:50%; }
.bar.s21 { width:53%; }
.bar.s22 { width:55%; }
.bar.s23 { width:58%; }
.bar.s24 { width:60%; }
.bar.s25 { width:63%; }
.bar.s26 { width:65%; }
.bar.s27 { width:68%; }
.bar.s28 { width:70%; }
.bar.s29 { width:73%; }
.bar.s3 { width:75%; }
.bar.s31 { width:78%; }
.bar.s32 { width:80%; }
.bar.s33 { width:83%; }
.bar.s34 { width:85%; }
.bar.s35 { width:87%; }
.bar.s36 { width:90%; }
.bar.s37 { width:93%; }
.bar.s38 { width:95%; }
.bar.s39 { width:98%; }
.bar.s4 { width:100%; }

/*a { min-width: 25%; }*/

#sendemailwrapper, .hidenext { visibility:hidden; }
#emailerror { visibility:hidden; }




/* jquery mobile overrides */

.ui-header .ui-title,.ui-footer .ui-title{
margin-left: 5px; 
margin-bottom: 5px; 
margin-right: 5px; 
margin-top: .6em; 
min-height:1.1em;
text-align:center;
font-size: 12px;
display:block;
padding:7px;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;outline:0!important}

}
.ui-checkbox .ui-btn-icon-left .ui-btn-inner,.ui-radio .ui-btn-icon-left .ui-btn-inner{
padding-left:5px
}
