#bodyDiv {width:70%; margin:30px auto auto}

form {display:block;clear:both;line-height:1.5em;}
form#basics fieldset div label {width:12em !important;}
form#basics fieldset div span label {width:auto !important;}
:focus{background-color:yellow;}
.numberalign {text-align:right;}
input {text-align:center;}
.currencyinput {display:inline-block;position:relative;right:160px;vertical-align:middle;}
.interest input {padding-right:30px !important}
.percentinput {display:inline-block;position:relative;right:20px;vertical-align:middle;margin-right:-10px;}
.hovered {background-color:yellow !important;}
.focused {background-color:yellow;}
.hint {display:inline-block;font-size:.75em;color:red;vertical-align:middle;padding-left:6px;}
#results {display:none;width:90%;margin:auto;}
#results div {float:left;width:45%;}
#results span {display:block;width:90%;margin:auto;}
#basics {padding-top:30px;}
#radio {width:80%;}
#radio h3 {width:80%;margin:auto;}
.toggle label {line-height:2em;}
.toggle label span {vertical-align:middle;padding:2px;}
.option,.pure-control-group {clear:both;}
footer {font-size:.65em;margin-top:30px;}
hr {margin:20px auto;}
.selectedCrit {font-weight:bold;}
.critlabel legend input{margin-left:1em;}
.criteria div {min-height:120px;margin-bottom:15px;}
.criteria div div {display:block;width:100%;vertical-align:middle;}
.critlabel {display:inline-block;width:45%;vertical-align:top;}
.critlabel div label {display:inline-block;margin-left:30px;margin-right:20px;}


.toggle {
    margin:4px;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;
    float:left;
}

.toggle label {
    float:left;
}

.toggle label span {
    text-align:center;
	vertical-align:middle;
    display:inline-block;
    cursor: pointer;
}

.toggle label input {
    position:absolute;
    top:-20px;
}

.toggle .input-checked /*, .bounds input:checked + span works for firefox and ie9 but breaks js for ie8(ONLY) */ {
    background-color:#404040;
    color:#F7F7F7;
}

.buttonstyle {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background-color:#79bbff;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #84bbf3;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #528ecc;
}
.buttonstyle:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.buttonstyle:active {
	position:relative;
	top:1px;
}