body {
    color: black;
    font-family: arial;
}
h1 {
    font-size: 1.4em;
}
.form-item {
    clear: both;
    margin-bottom: 10px;
}
.form-item .form-item-label {
    float: left;
    width: 350px;
}

.form-item .form-item-wrap input {
    width: 50px;
}
.form-item .form-item-wrap select {
    width: 200px;
}
.form-item .form-item-wrap label.error {
    clear: both;
    color: #fecb36;
    font-size: 14px; 
    display: block;
}

.form-item .form-item-note {
    clear: left;
    font-style: italic;
    font-size: 11px;
    width: 350px;
}

.form-item.submit {
    margin-left: 308px;
    margin-top: 20px;
}

.non-visible {
    display: none;
}
.result.transmittance .result-label,
.result.total-type-1 .result-label {
    float: left;
}

.result.transmittance #total-transmittance-holder,
.result.total-type-1 #total-holder,
.result.total-type-2 #total-south-holder,
.result.total-type-2 #total-west-east-holder,
.result.total-type-2 #total-north-holder {
    font-weight: bold;
    float: left;
    margin-left: 20px;
}
.result.total-type-2 .result-heading {
    margin-bottom: 10px;
}
.result.total-type-2 .subresult {
    clear: both;
}
.result.total-type-2 .subresult .result-label {
    float: left;
    width: 110px;
}
.result.transmittance {
    clear: left;
}
.result.transmittance #total-transmittance-holder, 
.result.transmittance #total-transmittance-holder-inline {
    font-weight: bold;
}
.result.transmittance .result-note {
    clear: both;
}
#result-holder {
    margin-top: 30px;
}
#print-button {
    position: absolute;
    top: 45px;
    left: 600px;
}
#footer {
    margin-top: 50px;
    height: 75px;
    padding-top: 63px;
    font-size: 12px;
}
@media print {
    body {
        color: black;
    }
    
    #print-button, 
    .form-item.submit {
        display: none;
    }
}