/* --------------------------------------------------------------------- */
/* Copyright (c) 2008-2009, J. Clubb. All rights reserved.                    */
/* --------------------------------------------------------------------- */

.note {
    color: #603;
    background-color: #fff3c3;      
}

#calc-fieldset {
    width: 30em;
    margin: 0;
    padding: 0;
    color: #000;
    background-color: #fff3c3;
}

#calc-form-container {
    width: 30em;
    font-size: 1em;
    margin:  0.5em 0 1em 0;
    /*padding: 0.5em 0 1.3em 0.9em;*/
    padding: 0;
}

#inner-calc-form-container {
    margin: 0;
    padding: 0.5em 0 1.3em 0.9em;
}

#calc-form {
    margin: 0;
    padding: 0;
}

.fld input {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #999 #999 #ccc;
    margin: 0;
    padding: 0.1em 0.2em 0.1em 0.1em;
    color: #2844b4;
    background-color: #fff;
    text-align: right;
    width: 9em;
}

.lbl {
    float: left;
    width: 12em;
    color: #2844b4;
    background-color: #fff3c3;
}

.fld {
    float: left;
}

.calc-btn input {
    margin: 0.1em 0 0.4em 0;
    padding: 0.1em;
}

.result input {
    background-color: #fff;
    color: #347d3c;
    font-weight: bold;
}

.result .lbl span {
   font-weight: bold;
}

#error_length, #error_width, #error_depth {
    margin: 0;
    padding: 0;
}

.err-msg {
    color: #f00;
    background-color: #fff3c3;
    clear: left;
    margin: 0;
    /*padding: 0.2em 0 0.1em 0.8em;*/
    padding: 0;
}

.form-var {
    clear: left;
    margin: 0;
    padding: 0.5em 0 0 0;
}

.submit-btn {
}

.form-end {
    clear: both;
}

#calc-diagram {
    float: right;
    margin: 0;
    padding: 2em 0.5em 0 0;    
}

#calc-info {
    clear: both;
    width: 50em;    
}

#calc-info h3 {
    margin-bottom: 0;
    padding-bottom: 0;  
}

#calc-info ul {
    width: 45em;
    margin: 1em;
    padding: 0;
}

fieldset#material-type {
    border: none;
    color: #2844b4;
    background-color: #fff3c3;
}