@charset "utf-8";

body, p, td, div, span, input, th, li, textarea { font-family: arial, helvetica, sans-serif; font-size: 16px; color: rgb(0, 0, 0); }

body { background: rgb(255, 255, 255); margin: 0px; padding: 0px; border: 0px; text-align: center; }

p { margin: 5px 0px 8px; }

img { border: 0px; }

h1 { color: rgb(0, 51, 102); font-size: 26px; font-weight: bold; padding: 0px; margin: 12px 0px; }

h2 { font-size: 22px; font-weight: bold; color: rgb(0, 51, 102); padding: 0px; margin-bottom: 2px; }

h3 { font-size: 19px; font-weight: bold; }

hr { border: 0px; color: rgb(170, 170, 170); background-color: rgb(170, 170, 170); height: 1px; }

a { color: rgb(0, 102, 153); text-decoration: underline; }

a:hover { text-decoration: none; }

input { padding: 5px; color: rgb(0, 0, 0); box-sizing: border-box; }

select { padding: 4px; color: rgb(0, 0, 0); box-sizing: border-box; }

option { font-size: 16px; }

input[type="text"], input[type="url"], input[type="tel"], input[type="number"], input[type="color"], input[type="date"], input[type="email"], select { border: 1px solid rgb(4, 66, 132); border-radius: 2px; box-shadow: rgb(102, 102, 102) 1px 1px 2px; font-size: 16px; background-color: rgb(255, 255, 255); }

input[type="submit"] { border: 0px; color: rgb(255, 255, 255); padding: 11px 50px 11px 16px; font-size: 16px; font-weight: bold; background-color: rgb(76, 123, 37); background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"180px\" height=\"40px\"><circle cx=\"112\" cy=\"20\" r=\"11\" fill=\"darkseagreen\" /><path d=\"M110 12 L120 20 L110 28 Z\" fill=\"white\" /></svg>"); background-repeat: no-repeat; }

input[type="submit"]:hover { background-color: rgb(68, 68, 68); }

input[type="reset"], input[type="button"] { border: 0px; color: rgb(255, 255, 255); padding: 11px 8px; font-size: 16px; background: rgb(171, 171, 171); }

input[type="reset"]:hover, input[type="button"]:hover { background: rgb(68, 68, 68); }

input[type="image"], input[type="image"]:hover { background: rgb(81, 132, 40); color: rgb(255, 255, 255); padding: 0px; margin: 0px; }

.clearbtn { cursor: pointer; }

.inputErrMsg { position: absolute; padding: 4px 8px; color: rgb(0, 0, 0); background-color: rgb(255, 204, 204); border: 1px solid rgb(255, 170, 170); white-space: nowrap; display: inline-block; }

.cbcontainer { display: inline-block; position: relative; padding-left: 28px; padding-top: 1px; margin: 5px 0px; cursor: pointer; font-size: 16px; user-select: none; }

.cbcontainer input { position: absolute; opacity: 0; cursor: pointer; height: 0px; width: 0px; }

.cbmark { position: absolute; top: 0px; left: 0px; height: 16px; width: 16px; background-color: rgb(255, 255, 255); border: 2px solid rgb(51, 102, 153); }

.rbmark { position: absolute; top: 0px; left: 0px; height: 16px; width: 16px; background-color: rgb(255, 255, 255); border: 2px solid rgb(51, 102, 153); border-radius: 50%; }

.cbcontainer:hover input ~ .cbmark, .cbcontainer:hover input ~ .rbmark { background-color: rgb(204, 204, 204); }

.cbcontainer input:checked ~ .cbmark, .cbcontainer input:checked ~ .rbmark { background-color: rgb(51, 102, 153); }

.cbmark::after, .rbmark::after { content: ""; position: absolute; display: none; }

.cbcontainer input:checked ~ .cbmark::after, .cbcontainer input:checked ~ .rbmark::after { display: block; }

.cbcontainer .cbmark::after { left: 4px; top: 0px; width: 5px; height: 10px; border-style: solid; border-color: white; border-image: initial; border-width: 0px 3px 3px 0px; transform: rotate(45deg); }

.cbcontainer .rbmark::after { top: 4px; left: 4px; width: 8px; height: 8px; border-radius: 50%; background: white; }

.indollar { background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"15px\" height=\"20px\"><text x=\"2\" y=\"15\" style=\"font: normal 16px arial;\">$</text></svg>"); background-position: left center; background-repeat: no-repeat; padding-left: 11px !important; }

.inpct { background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"17px\" height=\"20px\"><text x=\"1\" y=\"15\" style=\"font: normal 16px arial;\">%</text></svg>"); background-position: right center; background-repeat: no-repeat; padding-right: 18px !important; }

.innormal { width: 90px; }

.in4char { width: 58px; }

.in3char { width: 46px; }

.in2char { width: 35px; }

.inlong { width: 120px; }

.inlonger { width: 170px; }

.inlongest { width: 230px; }

.inlongesthalf { width: 112px; }

.infull { width: 226px; }

.inhalf { width: 110px; }

.infulltxarea { width: 600px; padding: 8px; }

.inshortfull { width: 170px; }

.inshorthalf { width: 82px; }

.inuiyear { padding-right: 50px; }

.inuiyearspan { margin-left: -45px; color: rgb(136, 136, 136); }

.inuipound { padding-right: 62px; }

.inuipoundspan { margin-left: -58px; color: rgb(136, 136, 136); }

.inuifoot { padding-right: 38px; }

.inuifootspan { margin-left: -34px; color: rgb(136, 136, 136); }

.inuiinch { padding-right: 57px; }

.inuiinchspan { margin-left: -53px; color: rgb(136, 136, 136); }

.inuick { padding-right: 32px; }

.inuickspan { margin-left: -27px; color: rgb(136, 136, 136); }

.inui1c { padding-right: 16px; }

.inui1cspan { margin-left: -11px; color: rgb(136, 136, 136); }

.scaleimg { max-width: 100%; height: auto; }

#tt { position: absolute; display: block; background-color: rgb(71, 71, 71); color: rgb(255, 255, 255); padding: 8px; border: 1px solid rgb(0, 0, 0); text-align: left; }

.ttimg { opacity: 0.4; vertical-align: top; }

.ttimg:hover { opacity: 1; }

#headerout { background: rgb(0, 51, 102); text-align: center; }

#header { width: 1100px; height: 60px; background: rgb(0, 51, 102); padding: 0px; margin-left: auto; margin-right: auto; text-align: left; overflow: hidden; }

#logo { padding: 18px 0px; width: 270px; float: left; }

#login { padding: 2px; float: right; color: rgb(204, 204, 204); }

#login a { color: rgb(204, 204, 204); text-decoration: none; }

#login a:hover { text-decoration: underline; }

.topNavAbs { position: absolute; top: 21px; left: 50%; width: 520px; margin-left: -80px; text-align: left; }

.topNavAbs a { color: white; padding: 10px 16px; border: none; cursor: pointer; font-size: 16px; text-transform: uppercase; display: inline-block; text-decoration: none; }

.topNavAbs a:hover { background-color: rgb(81, 132, 40); }

.topNavOn { background-color: rgb(81, 132, 40); }

#contentout { width: 1100px; padding-top: 5px; margin-left: auto; margin-right: auto; text-align: left; overflow: auto; }

#content { padding: 0px 0px 15px; width: 728px; float: left; }

#right { width: 336px; float: right; text-align: center; }

#contentbig { padding: 0px 0px 15px; width: 843px; float: right; }

#footer { background: rgb(225, 225, 225); padding: 25px 0px; font-size: 13px; color: rgb(85, 85, 85); text-align: center; }

#footer a { color: rgb(68, 68, 68); }

#footer a:hover { text-decoration: none; }

#footerin { width: 1100px; margin-left: auto; margin-right: auto; text-align: left; overflow: auto; color: rgb(85, 85, 85); }

#footernav { text-align: center; }

#homecaldiv { background: rgb(209, 221, 233); padding: 10px 0px; }

#homelistdiv { background: rgb(255, 255, 255); padding: 20px 0px; }

#homecaldiv td { overflow: hidden; }

#homelistwrap { display: grid; row-gap: 30px; justify-content: center; grid-template-columns: 280px 320px 260px 220px; }

#breadcrumbs, #breadcrumbs span { font-size: 13px; }

#breadcrumbs a, #breadcrumbs a span { text-decoration: none; color: rgb(0, 102, 153); }

#breadcrumbs a:hover, #breadcrumbs a span:hover { text-decoration: underline; }

#othercalc { border: 1px solid rgb(51, 102, 153); margin: auto; text-align: left; width: 332px; }

#octitle { background-color: rgb(51, 102, 153); padding: 6px; color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; }

#octitle a { color: rgb(255, 255, 255); text-decoration: none; }

#octitle a:hover { text-decoration: underline; }

#occontent { padding: 3px 6px; font-size: 14px; }

#occontent a { display: inline-block; width: 158px; padding: 3px 0px; }

#ocother { background-color: rgb(221, 221, 221); padding: 6px; text-align: center; font-size: 15px; color: rgb(187, 187, 187); }

#sectitle { background-color: rgb(51, 102, 153); padding: 6px; color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; }

.hicon { padding: 20px 0px 20px 10px; }

.hl { list-style-type: none; margin: 0px; padding: 5px 0px 5px 8px; background-color: rgb(255, 255, 255); font-size: 16px; }

.hl li { padding: 0px 0px 8px; }

.hl li a { text-decoration: none; }

.hl li a:hover { text-decoration: underline; }

.hh { color: rgb(35, 131, 43); padding: 8px 5px; font-size: 22px; }

.hh a { color: rgb(35, 131, 43); text-decoration: none; }

.hh a:hover { text-decoration: underline; }

.smtb a { text-decoration: underline; }

.smtb a:hover { text-decoration: none; }

.smtbtop a { text-decoration: none; }

.smtbtop a:hover { text-decoration: underline; }

.smalltext { font-size: 13px; }

.bigtext { font-size: 18px; }

.verybigtext { font-size: 23px; }

.morelinespace { line-height: 125%; }

.inlinetable { display: inline; }

table.cinfoT { border-collapse: collapse; border-spacing: 0px; margin-top: 0px; }

table.cinfoT th, table.cinfoT td.cinfoHd, table.cinfoT td.cinfoHdL { border-width: 1px; border-style: solid; border-color: rgb(17, 68, 119) rgb(17, 68, 119) rgb(51, 102, 153); background-color: rgb(51, 102, 153); font-weight: bold; color: rgb(255, 255, 255); padding: 5px 3px; }

table.cinfoT td { border: 1px solid rgb(204, 204, 204); color: rgb(0, 0, 0); padding: 3px; }

table.cinfoT tr:nth-child(2n+1) { background-color: rgb(238, 238, 238); }

table.cinfoT tr:nth-child(2n) { background-color: rgb(255, 255, 255); }

table.cinfoTS td.cinfoHd { font-size: 13px; }

table.cinfoTS td.cinfoHdL { font-size: 13px; }

table.cinfoTS td { font-size: 13px; padding: 3px 1px; }

.frac { display: inline-block; text-align: center; vertical-align: middle; }

.fracnum { display: block; }

.fracden { display: block; border-top: 1px solid rgb(0, 0, 0); padding: 0px 3px; }

#topmenu ul { color: rgb(0, 0, 0); border-bottom: 1px solid rgb(187, 187, 187); margin: 12px 0px 0px; padding: 0px 0px 8px; font-size: 15px; font-weight: bold; }

#topmenu ul li { display: inline; overflow: hidden; list-style-type: none; margin-left: 0px; }

#topmenu ul li a, #topmenu ul li a:visited { color: rgb(255, 255, 255); background: rgb(51, 102, 153); border: 1px solid rgb(51, 102, 153); padding: 8px 5px; margin: 0px; text-decoration: none; }

#topmenu ul li a:hover { background: rgb(238, 238, 238); color: rgb(0, 0, 0); }

#topmenu ul #menuon a { color: rgb(0, 0, 0); background: rgb(238, 238, 238); border-width: 1px 1px 2px; border-style: solid; border-color: rgb(187, 187, 187) rgb(187, 187, 187) rgb(238, 238, 238); border-image: initial; padding: 8px 5px; margin: 0px; text-decoration: none; }

#topmenu ul #menuon a:hover { background: rgb(238, 238, 238); }

.topmenucenter { }

#insmd { background-color: rgb(51, 102, 153); margin-bottom: 3px; }

#insmdc { background-color: rgb(51, 102, 153); margin-bottom: 3px; text-align: center; }

fieldset { margin-top: 10px; padding: 0px 10px 5px; border: 0px solid rgb(189, 210, 218); background: rgb(238, 238, 238); color: rgb(238, 238, 238); }

legend { font-size: 18px; font-weight: bold; padding: 5px 15px; background: rgb(238, 238, 238); color: rgb(0, 0, 0); }

fieldset a { display: inline-block; white-space: nowrap; padding: 6px; font-size: 16px; background: rgb(51, 102, 153); color: rgb(255, 255, 255); margin-bottom: 5px; text-decoration: none; }

fieldset a:hover { background: rgb(65, 117, 22); color: rgb(255, 255, 255); }

fieldset div { display: inline-block; white-space: nowrap; padding: 10px; font-size: 18px; background: rgb(4, 66, 132); color: rgb(255, 255, 255); margin-bottom: 5px; border-radius: 3px; text-decoration: none; }

fieldset div:hover { background: rgb(196, 119, 81); color: rgb(255, 255, 255); }

.arrow_box { position: relative; background: rgb(238, 238, 238); border: 1px solid rgb(170, 170, 170); padding: 3px 8px; text-align: center; }

.arrow_box::after, .arrow_box::before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; }

.arrow_box::after { border-color: rgba(221, 221, 221, 0) rgba(221, 221, 221, 0) rgba(221, 221, 221, 0) rgb(238, 238, 238); border-width: 12px; margin-top: -12px; }

.arrow_box::before { border-color: rgba(238, 238, 238, 0) rgba(238, 238, 238, 0) rgba(238, 238, 238, 0) rgb(170, 170, 170); border-width: 13px; margin-top: -13px; }

.result_box { background: rgb(227, 237, 218); border: 1px solid rgb(141, 180, 109); padding: 3px 8px; text-align: center; }

.panel { background: rgb(238, 238, 238); border: 1px solid rgb(187, 187, 187); padding: 5px; }

.panel2 { background-color: rgb(238, 238, 238); padding: 5px; border-right: 1px solid rgb(187, 187, 187); border-bottom: 1px solid rgb(187, 187, 187); border-left: 1px solid rgb(187, 187, 187); }

.reference { font-size: 13px; padding-left: 1.8em; }

.reference li { font-size: 13px; overflow-wrap: break-word; }

#printit { width: 80px; float: right; text-align: right; }

.h2result { background: rgb(81, 132, 40); color: rgb(255, 255, 255); border: 1px solid rgb(81, 132, 40); padding: 5px; margin-top: 3px; font-size: 22px; font-weight: normal; }

.h3head { margin-bottom: 2px; }

.sectionlists { }

.sectionlists div { padding-bottom: 5px; }

#searchbox { padding-top: 16px; }

#bluebtn { border-radius: 1px; background: rgb(51, 102, 153); padding: 5px 8px; font-size: 18px; color: rgb(255, 255, 255); }

#bluebtn:hover { background: rgb(68, 68, 68); color: rgb(255, 255, 255); }

#calcSearchOut { padding: 5px; }

#calcSearchOut div { padding: 5px; text-align: left; }

.leftinput { width: 325px; float: left; }

.rightresult { width: 375px; float: right; }

.clefthalf { width: 350px; float: left; }

.crighthalf { width: 350px; float: right; }

.espaceforM { display: none; }

#clear { margin-left: auto; margin-right: auto; clear: both; height: 0px; }

.leftchart { padding-top: 10px; width: 500px; float: left; }

.rightpie { padding-top: 10px; width: 165px; float: right; }

@media (max-width: 1140px) {
  #header { width: 990px; padding-left: 8px; }
  #contentout { width: 1000px; }
  #content { width: 640px; float: left; padding-left: 10px; }
  #footerin { width: 990px; }
  #homelistwrap { display: grid; row-gap: 30px; grid-template-columns: 270px 300px 220px 210px; }
  .leftinput, .clefthalf, .crighthalf { width: 310px; }
  .rightresult { width: 320px; }
  .leftchart { width: 445px; }
  .rightpie { width: 155px; }
}

@media (max-width: 720px) {
  #header { width: auto; padding: 0px 8px; }
  #contentout { width: auto; padding: 8px; }
  #content { float: none; width: auto; padding: 0px; }
  #homelistwrap { grid-template-columns: 320px 320px; }
  #right { width: auto; float: none; }
  #footerin { width: auto; }
  .topNavAbs { display: none; }
  .espaceforM { display: block; }
}

@media (max-width: 650px) {
  #homelistwrap { grid-template-columns: 250px 250px; }
  .leftinput, .rightresult, .clefthalf, .crighthalf { width: auto; float: none; }
  img { max-width: 100%; height: auto; }
}

@media (max-width: 490px) {
  #homelistwrap { grid-template-columns: auto; }
}