body {
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

header, footer, nav, section {
    display: block;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

.calculateLink{
    background-color:#666666; 
    color:white; 
    cursor:pointer; 
    display: block;
    width:200px; 
    height:50px; 
    font-size:20px;
    font-style:normal;
    text-decoration:none;
    align-content:center;
}

.navLink{
  font: bold 14px Arial;
  text-decoration: none;
  background-color: #666666;
  color: white;
  padding: 5px 5px 5px 5px;
  margin-left:5px;
  margin-top:10px;
  cursor:pointer;
}

BODY { font-family: Cambria, Georgia, "Times New Roman"; margin: 0; }
DIV#header DIV.item H3, DIV.item H4 { font: bold 1em "Arial Narrow", "Franklin Gothic Medium", Arial;}
div#header { color: white; padding-left:5px; padding-bottom:5px; padding-top:5px; margin-left: 10px; margin-bottom:10px; margin-top:5px; }
DIV#content { margin-left: 10px; padding: 10px; }
img#logoImage { vertical-align:middle; }
img#logoImage:hover { cursor: pointer; }
img#companyLogoImage { vertical-align:middle; margin-right:5px}
img#companyLogoImage:hover { cursor: pointer; }
label#titleLabel { font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:18px; vertical-align:middle;}
label#titleLabel:hover { cursor:pointer; }
DIV.item { border-top: 1px solid #666666; box-sizing:border-box; display: table-cell; width: 100%; padding-top: .1em; margin-bottom: .1em; }
DIV.item:first-child { border-top:none; padding-top: 0; }
DIV.item H3 { font-size: 1.3em; margin: 0 0 .25em 0; }
DIV.item H4 { font-size: 1.1em; margin:.4em 0 0 0; }
div.item button { background-color:transparent; text-align:left; border-style:none; height:inherit; width:inherit; width: 100%; padding: 5px; }
input#disputeValueText { width:200px; }
div.item:hover button { color:white; background-color:#666666; cursor:pointer; }
input#calculateButton { background-color:#666666; color:white; cursor:pointer; width:200px; height:50px; font-size:20px; }
input#calculateButton:hover { color:white; background-color:#666666; cursor:pointer; }
div#lawActionLink {margin-top:30px }
section {
    width: 100%;
    display: table;
    padding: 1em 0 0;
}
td#result { font-size:x-large; color:#666666; }
label#noteLabel { text-align:justify; text-justify: inter-word; display: block;}
input#optionRadio { margin-bottom:10px; }
table#submitCalculationTable { border:solid; border-color:#666666; padding-left:5px; padding-right:5px }
td#submitCalcSubmissionTitleTd { font-weight:700; }
label#finalResultLabel {font-size:x-large; color:#666666;}
a {
  background-color: transparent;
}