@import url(http://fonts.googleapis.com/css?family=Lato:400,700);

.desc { font: 400 15px 'Lato', sans-serif; color:#575859; padding-bottom:30px; border-bottom:1px solid #e2e2e2; margin-bottom:30px !important}

a.superscript {
font-size: xx-small;
vertical-align: top;
}
.calculator-source {
font-size: 11px;
text-align: right;
width: 100%;
font-style: italic;
margin-top: 8px;
color: #7db91b;
}
.calculator-container table {
width: 98%;
font-size: 14px;
font: 400 14px 'Lato', sans-serif;
}
table.score-summary {
width: 100%;
margin-left:0px;
}
table.score-summary td { padding-left: 5px; }
.calculator-container td { font-size: 14px; }
.calculator-container input[type="text"] {
font-size: 16px;
font: 400 14px 'Lato', sans-serif;
}
/*.table td:first-child { width: 400px; }
*/
.acc-container {
width: 100%;
margin: 10px auto 0 auto;
overflow: hidden;
}

.nice-border { 
background: #f3fde2;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
-o-border-radius: 14px;
border-radius: 14px;
margin-bottom:10px;
 color:#575859
}
.nice-border:hover,
.nice-border.active {
background: #f8f8f8;
 color:#575859
}

.acc-btn {
width: 100%;
margin: 0 auto;
padding: 10px 50px 10px 15px;
cursor: pointer;
min-height:75px; height:75px;  display:table;
position: relative;
}

.acc-btn:after{ content: ''; display: block; position: absolute; right: 30px; top: 50%; margin-top: -6px; height: 12px; width: 12px; background-repeat: no-repeat; background-position: -10px -17px; background-image: url(../img/ts_bg.png); }
.nice-border.active .acc-btn:after{ background-position: -10px -4px; }

.acc-btn h2 {vertical-align: middle;
	display:table-cell;
text-align: center;
font: 700 16px 'Lato', sans-serif;
color: #575859;
}
.acc-content {
height: 0px;
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.acc-content-inner { padding: 10px; border:none 0px !important; box-shadow:none !important }

.open { height: auto; }


sub {
font: 700 14px 'Lato', sans-serif;
vertical-align: sub;
}
p {
font: 400 14px 'Lato', sans-serif;
color: #798795;
}
.selected { color: rgba(222,222,222,1); }
.score-hint {
width: 25px;
font-size: 12px;
color: #628633;
font-weight: bold;
float: left;
}
td.prepend-score-hint { padding-right: 5px; }

/**/


/*BMI*/

.boubbled-text { text-align:center; border-radius: 28px;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px; width:100%; background:#7db91b; margin-top:20px}
.boubbled-text-center { text-align:center; margin:0 auto;  padding:7px;}	
.boubbled-text-center div { display:inline-block; color:#fff; font-size:16px;}


.table-content-center {text-align:center; position:relative}
.input-field { border-radius: 36px;
	-moz-border-radius: 36px;
	-webkit-border-radius: 36px; position:relative; background:#fff; border:solid 1px #dddddd; padding:17px 50px 17px 25px; font-size:16px; font-weight:bold; margin-left:5px}
.input-field-more {padding:17px 90px 17px 25px;}
.input-field-no-units {padding:17px 25px 17px 25px;}
.unit-align { display:inline; position:relative; margin-left:-46px; border-left: 1px solid #dddddd; padding:6px 12px ; font-size:16px; color:#7db91b}
.unit-align-more {margin-left:-86px;}
.calculator-container tr td {vertical-align: middle; }


.calculator-container select { background:none; border:none; padding:10px; margin:-5px -20px -5px -5px; overflow:hidden; margin-bottom:20px; padding-bottom:20px}
.calculator-container.calculator-container-no-candy select {margin-bottom:0px; padding-bottom:0px}
.calculator-container select option { background:#ffffff; color:#575859; border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px; padding:6px 25px; margin:3px 0px; border:1px solid #dddddd } 
.calculator-container select option:hover { background:#7db91b; color:#ffffff} 


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color:#7db91b; border:#fff}
.ui-state-active, .ui-state-hover, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {  background:#7db91b; color:#ffffff; border:#7db91b}
.ui-corner-all {border: none}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius:14px}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-top-left-radius:14px}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius:14px}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-right-radius:14px}

.ui-button-text-only .ui-button-text { padding:6px 12px}
.ui-buttonset { min-width:100px;}