html, body {height: 100%; margin: 0px; padding: 0px;}
body {font-size: 12px; font-family: arial, verdana, tahoma, sans-serif; color: black;}
td, th, div, p, form, input, select, textarea, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, input[type="text"], input[type="submit"], button {font-size: 13px; font-family: arial, verdana, tahoma, sans-serif;}
a:hover, label:hover {color: red; text-decoration: underline; font-weight: inherit;}
form, h1, h2, h3, h4, h5, h6, table, th, td , ul, li, dl, dd, p {border: none; margin: 0px; padding: 0px; border-spacing: 0px; border: 0px;}
hr {border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
img, a img {border: none 0;}
input, input[type="text"], input[type="password"], input[type="file"] {border: 1px solid #999; background: url(/images/input_bg.gif); background-repeat: no-repeat;}
button, input[type="submit"] {cursor: pointer; text-align: center; font-weight: bold; color: #a34900; width: 100%; border: 1px solid #8e5f26; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0px 0px 3px #ccc; -moz-box-shadow: 0px 0px 3px #ccc; box-shadow: 0px 0px 3px #ccc;}
button:hover, input[type="submit"]:hover {cursor: pointer !important; color: #000; border: 1px solid #2d2118; -webkit-box-shadow: 0px 0px 14px #999; -moz-box-shadow: 0px 0px 14px #999; box-shadow: 0px 0px 14px #999;}
input:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, textarea:focus, select:focus {background: #ffffe5 !important; background-color: #ffffe5 !important; border: 1px solid #dd8c00 !important; -webkit-box-shadow: 0px 0px 14px #dd8c00; -moz-box-shadow: 0px 0px 14px #dd8c00; box-shadow: 0px 0px 14px #dd8c00;}
select {background-image: url(/images/input_bg.gif); background-repeat: no-repeat; border: 1px solid #888;}
optgroup, option[disabled], option:disabled {font-weight: bold; font-size: 14px;}
optgroup[label]{font-weight: bold; color: #777;}
optgroup, option {color: black; font-weight: normal;}
button, select, input, input[type="text"], input[type="password"], input[type="file"] {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
input[type="radio"], input[type="checkbox"] {margin: 0px !important; padding: 0px !important; background: #ccc;}


.div-table, .div-row , #header, #footer, #footer2, #body, div.top, table.i-table, .table table, table.i-search-table, #top-dropmenu, #mapp {width: 100%;}



/* TABLE */
.calc-iframe .div-table {display: table;}
.calc-iframe .div-row {display: table-row;}
.calc-iframe .div-cell, .calc-iframe .div-cell-half {display: table-cell;}
.calc-iframe .div-cell-half {width: 50%; vertical-align: middle; text-align: center;}




/* CALCULATOR */
.calc-iframe {display: table; text-align: center; padding: 2px 5px;}
.calc-iframe button img {margin: 0px 0px 0px 10px;}
.calc-iframe img {margin: auto;}
.calc-iframe .form-label {padding: 8px !important;}
.calc-iframe h1 {font-size: 30px; color: #000; text-shadow: 2px 2px #eee;}
.calc-iframe h2 {font-size: 21px; color: #777; padding: 0px 0px 12px 0px; margin: 0px 0px 30px 0px; border-bottom: 1px solid #ddd;}
.calc-iframe table {width: auto; margin: 10px auto;}
.calc-iframe tbody th, .calc-iframe tbody td {font-size: 16px; font-weight: normal; white-space: nowrap; width: 50%; padding: 7px 0px;}
.calc-iframe th {text-align: right; color: #777;}
.calc-iframe td {text-align: left;}
.calc-iframe tr:hover th {color: #000 !important;}
.calc-iframe tfoot td {text-align: center; padding: 21px 0px;}
.calc-iframe tfoot a {font-size: 15px;}
.calc-iframe tfoot hr {margin: 36px auto 12px auto;}
.calc-iframe tfoot img {margin: 2px 4px 0px 5px;}
.calc-iframe select {font-size: 18px; padding: 4px; width: 200px;}
.calc-iframe optgroup {font-size: 18px;}
.calc-iframe input[type="text"] {padding: 6px; font-size: 18px; width: 190px;}
.calc-iframe input[type="radio"] + label {color: #777}
.calc-iframe input[type="radio"]:checked + label {color: #ff0000; text-decoration:underline;}










/* CALCULATOR TYPE 1 */
.calc1 input[type="text"] {font-size: 34px !important; width: 268px;}
.calc1 select {width: 280px;}
.calc1 option:nth-child(odd) {background: #f4f4f4;}


/* CALCULATOR - RESULT */
.calc-result {font-size: 17px; color: #ddd; background: #555; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#676767), to(#000000)); background: -webkit-linear-gradient(#676767, #000000); background: -moz-linear-gradient(#676767, #000000); background: -ms-linear-gradient(#676767, #000000); background: -ms-linear-gradient(top, #676767 0%,#000000 98%); background: -o-linear-gradient(#676767, #000000); background: linear-gradient(#676767, #000000); -pie-background: linear-gradient(#676767, #000000); padding: 14px 20px; border: 3px solid #fff; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; box-shadow: 0px 3px 14px #000 inset; -webkit-box-shadow: 0px 3px 14px #000 inset; -moz-box-shadow: 0px 3px 14px #000 inset; width: 180px; display: table; margin: auto;}

.result {text-align: center; font-size: 37px; text-shadow: 2px 2px #000; white-space: nowrap; color: #fff; margin: 7px auto 0px auto;}




.calc-result p {margin: 0px; padding: 0px; font-size: 18px; color: silver;}
.calc-result b {margin: -10px -30px; float: left; clear: both; color: #000; background: #fff; font-size: 16px; padding: 0px 10px; text-shadow: none; border-radius: 6px 0px 12px 0px; -webkit-border-radius: 6px 0px 12px 0px; -moz-border-radius: 6px 0px 12px 0px; line-height: 26px; border-right: 2px solid #333; border-bottom: 2px solid #333; white-space: nowrap;}

.calculator-result .bark  {color: #ddd; font-size: 18px; border-top: 1px solid #777; margin: 26px 0px 0px 0px; padding: 9px 0px 0px 0px; line-height: 23px;}
.calculator-result .bark  b {background: #bbb; font-size: 14px; border-right: 4px solid #000; border-bottom: 2px solid #000; border-left: 1px solid #000; border-radius: 0px 0px 12px 0px; -webkit-border-radius: 0px 0px 12px 0px; -moz-border-radius: 0px 0px 12px 0px;}





/* BUTTON */

button, input[type="submit"] {font-size: 17px; padding: 8px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; background: orange; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffdc88), to(#e89027)); background: -webkit-linear-gradient(#ffdc88, #e89027); background: -moz-linear-gradient(#ffdc88, #e89027); background: -ms-linear-gradient(#ffdc88, #e89027); background: -ms-linear-gradient(top, #ffdc88 0%,#e89027 98%); background: -o-linear-gradient(#ffdc88, #e89027); background: linear-gradient(#ffdc88, #e89027); -pie-background: linear-gradient(#ffdc88, #e89027);}

button:hover, input[type="submit"]:hover {background: #e37b00; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffda68), to(#dd7800)); background: -webkit-linear-gradient(#ffda68, #dd7800); background: -moz-linear-gradient(#ffda68, #ffb156); background: -ms-linear-gradient(#ffda68, #dd7800); background: -ms-linear-gradient(top, #ffda68 0%,#dd7800 98%); background: -o-linear-gradient(#ffda68, #dd7800); background: linear-gradient(#ffda68, #dd7800); -pie-background: linear-gradient(#ffda68, #dd7800);}




/* WARNING - NOTE */

.note {text-align: center; font-size: 13px; color: #aaa; margin: 7px auto 0px auto; font-style:italic}




/* FOOTER */

.calc-footer {margin-top: 50px; max-width: 480px;}
.calc-footer .div-cell {border: none !important; border-top: 1px solid #ddd !important; padding: 20px 0px 20px 0px; font-size: 13px; vertical-align: middle;}
.calc-footer .div-cell img {vertical-align: middle; opacity:0.5; filter:alpha(opacity=50);}
.calc-footer .div-cell a:hover img {opacity:1.0; filter:alpha(opacity=100);}


.calc-footer .fb {overflow:hidden; max-width: 150px;}
.calc-footer .g1 {overflow:hidden; width: 50px;}
.calc-footer .dr {font-size: 12px; padding: 0px 0px 0px 10px; line-height: 14px; font-family:"Trebuchet MS", Helvetica, sans-serif;}
.calc-footer .dr, .calc-footer .dr a {color: #b08f73; text-align: left;}
.calc-footer .dr a {text-decoration: underline; color: #b08f73; font-size: 13px;}
.calc-footer .dr a:hover {text-decoration: none; color: #71441d;}