div#body {
    margin-top: 11px;
    width: 100%;
    padding: 0;
    font-family: Tahoma, Geneva, Sans-Serif;
    color: #000;
    border-collapse: collapse;
    line-height: 1.2;
}
div#body a {
    color: #777;
    font-size: 100%;
}
div#body div {
    padding: 0;
    vertical-align: top;
    border-collapse: collapse;
}
div#body table {
    width: 100%;
    border-collapse: collapse;
    line-height: 1.25;
}
div#body table tr,
td {
    margin: 0;
    padding: 0;
    vertical-align: top;
    border-collapse: collapse;
}
div#body option {
    padding: 0px 2px 1px;
}

div#body #inputTitle {
    padding: 5px 0 0 0;
    float: left;
    margin: 0;
    font-weight: bold;
    vertical-align: top;
    border-collapse: collapse;
    font-family: Tahoma, Geneva, Sans-Serif;
    font-size: 110%;
    color: #000;
}
div#body select {
    padding: 2px 0px 1px;
    height: 22px;
    margin: 0;
    font: 13.3333px Arial;
}
div#body .unit {
    margin: 0 0 5px 0;
    padding: 5px 5px 5px 10px;
    background-color: #eee;
    float: right;
}
div#body .unit #title_units {
    font-size: 110%;
}
div#body .inputPanel {
    font-size: 110%;
    margin-bottom: -3px;
}
div#body .Controlpanel {
    height: 27px;
}
div#body .InputControlLabel {
    width: 67%;
    margin-right: 5px;
    border-bottom: 1px dotted #ddd;
    float: left;
}
div#body .ItemSelect {
    width: 30%;
    float: left;
}
div#body .inputText {
    width: 12%;
    height: 19px;
    margin: 0;
    padding: 1px 0 0 1%;
    border: 1px solid #7f9db9;
    float: left;
    font: 13.3333px Arial;
}
div#body .UnitSelect {
    width: 15%;
    margin: 0 0 0 1%;
    float: left;
}
div#body span.ToolTipMk {
    margin: 0 0 0 5px;
    color: #888;
    font-size: 90%;
    cursor: pointer;
    padding: 0;
    vertical-align: top;
    border-collapse: collapse;
}
div#body div#title-tip {
    width: 200px;
    padding: 9px 13px;
    background: #333;
    color: #fff;
    font-size: 90%;
    border: solid #ccc 2px;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
div#body .resultPanel {
    width: 89%;
    margin-top: 5%;
    padding: 5%;
    background-color: #f0fff0;
    border: 1px solid #ddd;
    float: left;
}
div#body .advancedMode {
    margin: 0px 0 11px 0;
    padding-right: 5px;
    float: right;
}
div#body a.btn-100,
div#body a.btn-200 {
    width: 100px;
    height: 30px;
    background: url('/Calc_images/btn-100.gif') no-repeat;
    color: #333;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #fff;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
}
div#body a.btn-200 {
    width: 200px;
    margin: 0 auto;
    background: url('/Calc_images/btn-200.gif') no-repeat;
}
div#body a.btn-100:hover,
div#body a.btn-200:hover {
    background-position: 0 -30px;
}
div#body a.btn-200:hover span.excel,
div#body a.btn-200:hover span.quote {
    background-position: 12px 5px;
}
div#body .btn-Clear {
    margin-left: 10px;
    line-height: 30px;
    cursor: pointer;
    text-decoration: underline;
    display: inline-block;
}
div#body .btn-Clear:hover {
    text-decoration: none;
}
div#body .calculate {
    margin-top: 5%;
    text-align: center;
}
div#body a.btn-200 {
    width: 200px;
    margin: 0 auto;
    background: url('/Calc_images/btn-200.gif') no-repeat;
    color: #333;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #fff;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
}
div#body .btn-Clear {
    margin-left: 10px;
    line-height: 30px;
    cursor: pointer;
    text-decoration: underline;
    display: inline-block;
}
div#body .equationsPanel {
    width: 90%;
    margin: 2% 0 0 0;
    padding: 5%;
    color: #000;
    background-color: #eee;
    float: left;
}
div#body .equations1 {
    width: 55%;
    float: left;
}
div#body .equations2 {
    width: 43%;
    padding: 1%;
    float: left;
}
div#body #show_equations {
    background: url('/Calc_images/icon-zoom.png') right 5% top no-repeat;
    /background: url('/Calc_images/icon-zoom.png') right top no-repeat;
    float: left;
    cursor: pointer;
}
div#body #show_equations:hover {
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
}
div#body #img_equation {
    width: 90%;
    float: left;
}
div#body .resultPanel {
    width: 89%;
    margin-top: 5%;
    padding: 5%;
    background-color: #f0fff0;
    border: 1px solid #ddd;
    float: left;
    font-size: 110%;
}
div#body div.title {
    margin: 0;
    padding: 0 0 10px 0;
    font-weight: bold;
}
div#body .equationsPanel {
    width: 90%;
    margin: 2% 0 0 0;
    padding: 5%;
    background-color: #eee;
    float: left;
    font-size: 110%;
}
div#body #show_equations {
    background: url('/Calc_images/icon-zoom.png') right 5% top no-repeat;
    float: left;
    cursor: pointer;
}
div#body #img_equation {
    width: 90%;
    float: left;
}
div#body #text_equation tr {
    font-size: 100%;
}
div#body .td1 {
    width: 7%;
    vertical-align: top;
}
div#body .copyrightPanel {
    width: 100%;
    padding: 5px 0 0 0;
    text-align: center;
    float: left;
}
div#body #errorMessage {
    color: red;
}
div#body .inputErrorText {
    color: #f00;
    border: 1px solid #f00;
}
div#body .inputErrorText {
    width: 12%;
    height: 20px;
    margin: 0;
    padding: 0 0 0 1%;
    float: left;
    font: 13.3333px Arial;
}
div#body .InputControlErrorLabel {
    color: #f00;
}
div#body .InputControlErrorLabel {
    width: 67%;
    margin-right: 5px;
    border-bottom: 1px dotted #ddd;
    float: left;
}
div#body #errorMessage {
    color: red;
}
div#body .resultPanel {
    width: 89%;
    margin-top: 5%;
    padding: 5%;
    background-color: #f0fff0;
    border: 1px solid #ddd;
    float: left;
}
div#body .OutputControlLabel {
    width: 60%;
    line-height: 150%;
    border-bottom: 1px dotted #ddd;
    float: left;
}
div#body .outputText {
    width: 22%;
    margin: 0;
    padding: 0 0 0 2px;
    line-height: 150%;
    border-bottom: 1px dotted #ddd;
    float: left;
}
@media (max-width: 423px) {
	span.ToolTipMk	{ display:none; }
	
	.unit,
	.unit span,
	.unit select { width:auto; }

	.InputControlLabel,
	.InputControlErrorLabel,
	.OutputControlLabel { width:100%; }
	
	.inputText,
	.inputErrorText {
		width:40%;
		margin-top:1%;
		margin-bottom:2%;
	}
	.ItemSelect,
	.UnitSelect {
		width:auto;
		margin-top:1%;
		margin-bottom:2%;
	}
	.outputText {
		width:auto;
		margin-top:1%;
		margin-bottom:2%;
		padding-left:4%;
		border:none;
	}
	.btn-Clear {
		width:100%;
		margin:0;
		display:block;
	}
	.equations1,
	.equations2 { width:100%; }
}