html {}
body {margin:0;padding:0;color:#000000;font-family:Verdana, sans-serif;font-size:9pt;}
li, ol, ul{list-style-type:none;padding:0px; margin:0px;}
form {padding:0px; margin:0px;}
p {padding:4px 0 4px 7px; margin:0;}
h1, h2, h3, h4 { margin:0;padding:0; }
input {outline:0}

#tabs { width:300px;height:350px;position:relative;margin:20px auto}

.hIcon {margin:8px 10px 0 0;cursor:pointer}
.helpDialog {display:none}

#calcGravity, #calcFluid {padding:0.4em 1.2em 0.5em 30px;position:relative;text-decoration:none;font-size:11pt !important}
.reset {padding:0.4em 1.2em 0.5em 1.2em;position:relative;text-decoration:none;font-size:11pt !important;margin-right:30px}

#calcGravity span.ui-icon,  #calcFluid span.ui-icon {left:0.6em;margin:-8px 5px 0 0;position:absolute;top:50%;}

label { width:170px;float:left;display:block;padding-top:3px}
.resLabel { padding-top:6px;font-weight:bold}

.titleRes {border-bottom:1px #cccccc solid}

.sInput { width:70px;border:1px black solid;font-size:1.2em !important;padding:0 4px;text-align:right}
.bInput { width:70px;border:1px black solid;font-size:1.4em !important;font-weight:bold;padding:0 4px;text-align:right}
.errorInput { border-color:red !important }

.buttonsWrap { position:absolute;bottom:20px;right:26px}
.buttonLine { text-align:right}
.spacer {height:10px;font-size:1px;line-height:1px;display:block;clear:both}


#tip {position:absolute;left:60px;top:3px;width:180px;display:block;}
#tipLeft {width:39px;background:url('../images/bg_tip_arrow_r.gif') no-repeat right bottom}
#tipBody {padding:10px;border:1px black solid;border-right:0;font-size:8pt;line-height:10pt;background:#fffde4;font-family:arial}