<style>

* {
    margin: 0;
    padding: 0;
}

html{
    font-size: 12px;
    height: 100%;
}

body {
    height: 100%;
    color: black;
    background-color: white;
    font-family: Verdana, Geneva, sans-serif;
}

form.default {
    width: 100%;
}

form.default fieldset {
    border: 0;
    padding: 0;
    width: 100%;
}

form.default fieldset legend{
    padding: 0;
}

form.default fieldset label {
    float: left;
    width: 18%;
    font-weight: bold;
    clear: both;
}

form.default fieldset label.amount {
    float: left;
    width: 45%;
    font-weight: bold;
    clear: both;
}

form.default fieldset label.radio {
    float: right;
    width: 95%;
    font-weight: bold;
    clear: both;
    margin: 0;
    padding: 0;
    margin-top: 3px;
}

form.default fieldset label.radio2 {
    float: right;
    width: 90%;
    font-weight: bold;
    clear: both;
    margin: 0;
    padding: 0 0 0 5px;
    margin-top: 0;
}

form.default fieldset input.radio {
    float: left;
    position: relative;
    width: 100%;
    margin: 0 0 10px 0;
}

form.default fieldset label.checkbox {
    float: right;
    width: 92%;
    font-weight: normal;
    clear: both;
    margin: 0;
    padding: 0;
    margin-top: 3px;
}

form.default fieldset input.checkbox {
    float: left;
    position: relative;
    width: 100%;
    margin: 0 0 10px 25px;
}

form.default div.inputWrapper {
    float:right;
    position: relative;
    width: 80%;
    padding: 0 0 2px 0;
}

form.default div.inputWrapper2 {
    float:right;
    position: relative;
    width: 95%;
    padding: 0 0 2px 0;
}

form.default div.inputWrapper3 {
    float:right;
    position: relative;
    width: 55%;
    padding: 0 0 2px 0;
}

form.default div.inputColumnWrapper {
    float:left;
    position: relative;
    width: 40%;
    padding: 0 10px 0 10px;
}

form.default div.inputSelectWrapper {
    float: left;
    position: relative;
    width: 5%;
    padding: 5px 0 10px 0;
}

form.default div.inputSelectWrapper2 {
    float: left;
    position: relative;
    width: 5%;
    padding: 0 0 2px 0;
}

form.default fieldset input{
    font-size: 12px;
    float: left;
    position: relative;
    padding: 4px 2px;
    margin: 0 0 10px 0;
}

form.default fieldset input.wholeNumber {
    font-size: 12px;
    float: left;
    position: relative;
    width: 100px;
    padding: 4px 2px;
    margin: 0 0 10px 0;
}

form.default fieldset input.text {
    font-size: 12px;
    float: left;
    position: relative;
    width: 600px;
    padding: 4px 2px;
    margin: 0 0 10px 0;
}

form.default fieldset textarea {
    font-size: 12px;
    float: left;
    position: relative;
    width: 600px;
    padding: 4px 2px;
    margin: 0 0 10px 0;
}

form.default fieldset select {
    font-size: 12px;
    float: left;
    position: relative;
    width: 600px;
    padding: 4px 2px;
    margin: 2px 0 10px 0;
    height: 25px;
    overflow: hidden;
}

form.default fieldset input.date {
    font-size: 12px;
    float: left;
    position: relative;
    width: 100px;
    padding: 4px 2px;
    margin: 0 0 10px 0;
}

form.default fieldset p.instructions {
    font-size: .90rem;
    padding: 0;
    clear: both;
}

form.default fieldset .full {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    font-weight:bold;
    clear: both;
}

form.default fieldset .half {
    float: left;
    width: 50%;
    margin: 0 10px 10px 0;
    font-weight: normal;
    clear: both;
}

form.default fieldset .third {
    float: left;
    width: 33%;
    margin: 0 10px 10px 0;
    font-weight: bold;
    clear: both;
}

form fieldset .required:after {
    content: ' *';
    display: inline;
    font-weight: bold;
}

.totalGroup{
    padding-bottom: 30px;
}

.total {
    float: left;
    font-weight:bold;
    font-style: italic;

}

div#finalCalculatedCMPAmountDisplay{
    float: left;
    font-weight:bold;
}

.total,div#finalCalculatedCMPAmountDisplay {
    display: inline-block;
 }
 
 div#reducedCMPAmountDisplay{
     float: left;
     font-weight:bold;
 }
 
 .total,div#reducedCMPAmountDisplay {
     display: inline-block;
 }
 
div#adjustedCalculatedCMPAmountDisplay{
    float: left;
    font-weight:bold;
}

.total,div#adjustedCalculatedCMPAmountDisplay {
    display: inline-block;
 }
 
div#initialCalculatedCMPAmountDisplay1{
    float: left;
    font-weight:bold;
}

div#initialCalculatedCMPAmountDisplay2{
    float: left;
    font-weight:bold;
}

div#initialCalculatedCMPAmountDisplay3{
    float: left;
    font-weight:bold;
}

div#initialCalculatedCMPAmountDisplay4{
    float: left;
    font-weight:bold;
}

div#initialCalculatedCMPAmountDisplay5{
    float: left;
    font-weight:bold;
}

.total,div#initialCalculatedCMPAmountDisplay1 {
    display: inline-block;
 }

 .total,div#initialCalculatedCMPAmountDisplay2 {
     display: inline-block;
 }

 .total,div#initialCalculatedCMPAmountDisplay3 {
     display: inline-block;
 }

 .total,div#initialCalculatedCMPAmountDisplay4 {
     display: inline-block;
 }

 .total,div#initialCalculatedCMPAmountDisplay5 {
     display: inline-block;
 }

div#calculationTypeSelectionError{
    font-size: .90rem;
    color: red;
    clear: both;
    margin: 2px 0 10px 0;
}

div#cycleStartDateError{
    font-size: .90rem;
    color: red;
    clear: both;
    margin: 2px 0 10px 0;
}

div#cmpTypeSelectionError{
    font-size: .90rem;
    color: red;
    clear: both;
    margin: 2px 0 10px 0;
}

div#cmpStartDateError{
    font-size: .90rem;
    color: red;
    clear: both;
    margin: 2px 0 10px 0;
}

div#cmpEndDateError{
    font-size: .90rem;
    color: red;
    clear: both;
    margin: 2px 0 10px 0;
}

div#cmpDateRangeError{
    font-size: .90rem;
    color: red;
    clear: both;
    margin: 2px 0 10px 0;
}

div#cmpBaseAmountError{
    font-size: .90rem;
    color: red;
    clear: both;
    margin: 2px 0 10px 0;
}

div#adjustedIncompleteError{
    font-size: .90rem;
    color: red;
    clear: both;
    margin: 2px 0 10px 0;
}

div#reducedIncompleteError{
    font-size: .90rem;
    color: red;
    clear: both;
    margin: 2px 0 10px 0;
}

div#assessedSelectionError{
    font-size: .90rem;
    color: red;
    clear: both;
    margin: 2px 0 10px 0;
}

div#assessedIncompleteError{
    font-size: .90rem;
    color: red;
    clear: both;
    margin: 2px 0 10px 0;
}

div#noncomplianceAmountAddedError{
    font-size: .90rem;
    color: red;
    clear: both;
    margin: 2px 0 10px 0;
}

div#baseCulpabilityAmountAddedError{
    font-size: .90em;
    color: red;
    clear: both;
    margin:2px 0 10px 0;
}

div#adjustedCMPAmountError{
    font-size: .90rem;
    color: red;
    clear: both;
    margin: 2px 0 10px 0;
}

div#correctErrorsError{
    font-size: .90rem;
    color: red;
    clear: both;
    margin: 2px 0 10px 0;
}

div#cmpBaseDropdownError{
    font-size: .90rem;
    color: red;
    clear: both;
    margin: 2px 0 10px 0;
}

div#noncomplianceDropdownError{
    font-size: .90rem;
    color: red;
    clear: both;
    margin: 2px 0 10px 0;
}

div#repeatedDeficienciesDropdownError{
    font-size: .90rem;
    color: red;
    clear: both;
    margin: 2px 0 10px 0;
}

div#multipleDeficienciesDropdownError{
    font-size: .90rem;
    color: red;
    clear: both;
    margin: 2px 0 10px 0;
}

div#reducedCMPDropdownError{
    font-size: .90rem;
    color: red;
    clear: both;
    margin: 2px 0 10px 0;
}

.section {
    padding: 0;
}

.topHeader {
    width: 100%;
    height: 10%;
    color: white;
    background: #003366;
}

.headerElements:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.headerElements {
    float: left;
    height: 100%;
    width: 100%;
    margin: 0 0 0 5px;
    text-align: left;
    font-size: 1.6rem;
    font-weight: bold;
}

.headerElements a:link {
     text-decoration: none;
     color: white;
}

.headerElements a:visited {
     color: white;
}

.headerElements a:hover {
     color: white;
}

.headerElements a:active {
     color: white;
}

.subHeader {
    font-size: 1.3rem;
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 5px;
    margin-top: 20px;
    width: 100%;
}

.description {
    padding: 0;
    margin-top: 0;
}

table.resultsDisplay {
    border-collapse: collapse;
}

table.resultsDisplay, table.resultsDisplay th, table.resultsDisplay td {
    border: 1px solid black;
    padding: 5px;
    text-align: left;
    font-size: 12px;
}

</style>
