/*
File:  forms.css
*/

.formDiv {
    width: 750px;
}
#mobile .formDiv {
    width: auto;
}
.formDiv #formtable tr {
    vertical-align: top;
}
.formDiv #formtable td {
    padding-bottom: 0.25em;
}
.formDiv #formtable td.formTitle {
    padding: 1em 0 0.5em;
}
.formDiv #formtable td.formWidth {
    width: 25px;
}
.formDiv #formtable td.formSpacer,
#mobile .formDiv div.formSpacer {
    padding: 0 0 1em;
}
.formDiv #formtable .formSubmitBtn,
#mobile .formDiv .formSubmitBtn {
    padding: 1em 0;
}
.formDiv #formtable .captionText,
#mobile .formDiv .captionText {
    padding: 0.25em 0 0;
    font-size: 12px; 
    font-style: italic;
    font-weight: normal;
}
.formDiv #formtable .errorColor,
#mobile .formDiv .errorColor {
    color: red;
}
.formDiv #formtable input:disabled,
#mobile .formDiv input:disabled,
.formDiv #formtable select:disabled,
#mobile .formDiv select:disabled,
.formDiv #formtable textbox:disabled,
#mobile .formDiv textbox:disabled {
    background: rgba(239, 239, 239, 0.3);
}
.pageContentsLabel {
    font-weight: bold;
}
.noteColor {
    color: red;
}
.requiredStar {
    color: red;
}
#hideshowId {
    cursor: pointer;
}
.tzone {
    display: none!important;
}

@media screen and (max-width: 950px) {
    .formDiv {
        width: auto;
    }
    .formDiv #formtable,
    .formDiv #formtable tr {
        display: block;
        padding-bottom: 10px;
        width: auto;
    }
    .formDiv #formtable td {
        display: block;
        text-align: left;
        width: auto;
        vertical-align: middle;
    }
    .formDiv #formtable td.formWidth {
        display: none;
    }
}