﻿/*@import "text.css";*/

.inline {
    display: inline;
}

.user label.display-block {
    display: block;
}

div.oneColumn {
    max-width: 45em;
    margin: 20px 40px;
}

/* Case view */

.box .header {
    background: #00669c;
    padding: 0.3em;
}

    .box .header h2 {
        color: #FFF;
        font-size: 15px;
        float: left;
        margin: 0 0.5em;
    }

.box > div.header a.pdf-link {
    color: #FFFFFF;
    float: right;
    margin-left: 0.5em;
}

.box .body > ul li .dijitTitlePaneTitle div {
    margin-left: 2em;
}

.case-details ul,
.user ul {
    padding: 0;
    list-style-type: none;
    margin-bottom: 0;
}

.abou .user .dijitContentPane.dijitTabPane {
    padding: 0.7em;
}

.case-details li,
.user li {
    margin: 0;
}

.case-details ul.case-summary-fields li {
    float: left;
    position: relative;
    width: 32%;
    margin: 10px;
    min-height: 40px;
}

.case-details ul.case-summary-fields .supplement-box label {
    color: #A3A3A3;
    font-size: 0.9em;
    cursor: pointer;
}

.case-details ul.case-summary-fields .supplement-box {
    position: absolute;
    right: 0;
    top: -2px;
}

.case-details ul.case-summary-fields > li > div > dt,
.case-details ul.case-summary-fields > li > div > div.supplement dt {
    border-bottom: 1px solid #e9ebf1;
    font-weight: bold;
}

.case-details ul.case-summary-fields > li > div:first-child,
.case-details ul.case-summary-fields > li > div > div.supplement dt {
    font-weight: bold;
    width: 85%;
}

    .case-details ul.case-summary-fields > li > div:first-child + div {
        border-top: 1px solid #e9ebf1;
    }


.case-details ul.service-page-list li ul {
    margin-left: 2em;
}

.case-details ul.case-summary-fields .question {
    float: left;
}

.case-details ul.case-summary-fields .editAnswer {
    background: url("/Content/Admin/Images/Edit.png") no-repeat scroll 0 -2px;
    cursor: pointer;
    float: left;
    height: 17px;
    margin-left: 5px;
    width: 20px;
}

.editAnswerCheckBox {
    float: left;
    -moz-min-width: 50%;
    -ms-min-width: 50%;
    -o-min-width: 50%;
    -webkit-min-width: 50%;
    min-width: 50%;
}

#editAnswerDialog fieldset {
    width: auto;
}

#editAnswerDialog input + span {
    margin-left: 3px;
}

.supplement-comment {
    font-weight: bold;
    font-size: 1em;
    font-style: italic;
}

.case-details .supplement span.supplement-comment ul {
    margin-left: 0;
    clear: both;
}

.case-details .supplement .supplement-comment ul li {
    margin: 0;
    float: none;
    width: auto;
}

.case-signing-info {
    margin-left: 10px;
}

.tundra div.case-filter-list {
    padding: 0;
}

ul.case-filter-list {
    list-style-type: none;
}

    ul.case-filter-list li a {
        display: block;
        padding: 0.5em;
    }

    ul.case-filter-list li.selected {
        background: url("../Images/ActiveMenuItem.png") repeat-x scroll 0 0 #00547c;
    }

        ul.case-filter-list li.selected a {
            color: #FFF;
        }

.order-items-field td:first-child, .order-items-field th:first-child {
    width: 75%;
}

#order-items-field_summaryRow td:first-child {
    text-align: right;
}

/* Case history */
table.history a.toggle-details {
    width: 11px;
    height: 11px;
    display: block;
    float: left;
    background-image: url("/Content/Images/switch_plus.gif");
    background-repeat: no-repeat;
}

    table.history a.toggle-details.opened {
        background-image: url("/Content/Images/switch_minus.gif");
    }

    table.history a.toggle-details span {
        display: none;
    }

table.history dl {
    margin-left: 1em;
}

    table.history dl:after {
        display: block;
    }

table.history thead tr th {
    width: 20%;
}

    table.history thead tr th.first {
        padding-left: 16px;
        width: 1%;
    }

table.history dt {
    font-weight: bold;
    width: 20em;
    clear: left;
    float: left;
}

table.history dd {
    display: block;
    clear: left;
    max-width: 260px;
}

/* Simple case */
.simple-case label {
    display: inline-block;
    width: 15em;
}

.simple-case table {
    margin: 1em 0;
}
/* Users view */

.edit-form .dijitButton,
.edit-form form {
    display: inline;
}

.user label {
    display: inline-block;
}

.editor-field {
    padding-left: 10px;
    margin: 0.5em 0;
}

    .editor-field label {
        width: 9em;
        display: inline-block;
    }

.globalcontent-header h1 {
    padding-left: 10px;
    margin: 0;
}

.globalcontent-header h5 {
    padding-left: 10px;
    margin: 0 0 0.5em 0;
}

body.abou .editor-field .dijitSelect {
    display: inline;
}

.user .editor-field input[type=textbox] {
    width: 12em;
}
/**/

fieldset label {
    display: block;
}

fieldset div {
    margin-bottom: 10px;
}

fieldset > div > input[type='checkbox'] {
    float: left;
}

/* Table */
table {
    width: 100%;
}

    table caption {
        text-align: left;
        font-size: 1.2em;
        font-weight: bold;
    }

    table thead tr {
        border-bottom: 1px solid #e9ebf1;
        background: #336699;
    }

        table thead tr th {
            padding: 0.2em;
            text-align: left;
            color: #FFF;
            font-weight: normal;
        }

/* Fieldset */
.dijitDialog fieldset {
    width: auto;
}

fieldset {
    border: 1px solid #e9ebf1;
    width: 50%;
    padding: 1em;
}

    fieldset legend {
        padding: 6px;
        font-weight: bold;
        font-size: 100%;
    }

#sendMessageDialogFieldSet {
    width: auto;
}

/* Reset of UL LI */
ul {
    padding: 0;
    list-style-type: none;
}

li {
    margin: 0;
}

a,
.ui-widget .ui-widget-content a {
    color: #2276A3;
    text-decoration: none;
}

    a.action {
        font-weight: bold;
    }

.editQueueItemTop span.dijitButton {
    vertical-align: top;
}

.pdf-link {
    background: url("/Content/Images/pdf.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 19px;
    padding-left: 25px;
    padding-top: 2px;
}

.editQueueItemTop .pdf-link {
    background-position: 3px 3px;
    padding-top: 6px;
    margin-left: 10px;
}


.email-link {
    background: url("/Content/Images/email.jpg") no-repeat scroll 3px 8px transparent;
    display: inline-block;
    height: 18px;
    padding-left: 25px;
    padding-top: 6px;
    margin-left: 10px;
}

/* Service page */
.tundra div.service-menu {
    width: 150px;
    padding: 0;
}

/* 2 column master */
.tundra div.left-column {
    width: 200px;
    padding: 0;
}

#serviceContentWrapper {
    margin-top: 20px;
}

.service-menu {
    margin-right: 0px;
    padding: 10px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
}

ul.service-menu li a {
    display: block;
    padding: 0.5em;
}

ul.service-menu li.selected {
    background: url("../Images/ActiveMenuItem.png") repeat-x scroll 0 0 #00547c;
}

    ul.service-menu li.selected a {
        color: White;
    }

ul.service-details-list {
    list-style-type: none;
}

    ul.service-details-list li {
        border: 1px solid #CCCCCC;
        clear: both;
        margin: 1em;
    }

        ul.service-details-list li div.header {
            padding: 0.5em;
            clear: right;
            overflow: hidden;
        }

        ul.service-details-list li div.body {
            padding: 0.5em;
            background: #FCFCFC;
        }

        ul.service-details-list li div.header h3 {
            font-size: 1em;
            margin: 0;
        }

.service-details dt {
    font-weight: bold;
}

.service-details dt,
.service-details dd {
    float: left;
    margin: 0 0.3em;
}

dl dt {
    float: left;
    font-weight: bold;
    margin-right: 10px;
    width: 200px;
}

dl dd dl {
    clear: both;
    margin-left: 20px;
}

/* Permissions */
ul.permissions {
    margin-bottom: 0;
}

    ul.permissions li label {
        display: inline-block;
        width: 10em;
    }

dl.permissions dt {
    float: none;
}

dl.permissions dd {
    margin-left: 2.5em;
    margin-bottom: 0.7em;
}

table.permissions thead th:first-child {
    text-align: left;
}

table.permissions thead th {
    text-align: center;
}

table.permissions tbody th {
    font-weight: normal;
    text-align: left;
}

table.permissions tbody td {
    padding: 0.3em;
    text-align: center;
}

table.permissions tbody tr:nth-child(odd) {
    background-color: #e2e2e6;
}

table.permissions tbody tr.odd {
    background-color: #e2e2e6;
}


table.permissions tbody tr.odd {
    background-color: #e2e2e6;
}

/* page-editor */
.page-editor label {
    font-weight: bold;
}

.success,
.message,
#displayname_validation.available,
#username_validation.available,
#useremail_validation.available,
.import-success-label span,
.information {
    color: green;
}

.error,
.errorMessage,
.showValidationMessage,
#displayname_validation.taken,
#username_validation.taken,
#useremail_validation.taken,
.import-validation-label span,
.supplement-comment {
    color: #D80000;
}

.warning,
.queuewarning {
    color: orange;
    font-weight: bold;
    font-style: normal;
}

.queuewarning {
    margin-bottom: 10px;
}

.notification {
    display: block;
    margin: 1em 0;
}

.adminArea .notification {
    margin: 0;
}

.notification p {
    margin-bottom: 0;
}

.messageNotification {
    display: inline-block;
    margin: 1em;
}

.import-fields {
    margin-top: 20px;
}

    .import-fields h2 {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .import-fields > input {
        display: block;
        margin-bottom: 10px;
    }

    .import-fields > div {
        margin-top: 10px;
        margin-bottom: 10px;
    }

.caseTable {
    width: 100%;
}

.error-startover {
    margin-left: 20px;
    margin-top: 20px;
}



fieldset.service-import label {
    display: inline;
    font-weight: normal;
}

.service-import .optionsPanel,
.service-import .checkboxPanel {
    margin-top: 30px;
    margin-bottom: 30px;
    display: block;
    clear: both;
    overflow: hidden;
}

.service-import .checkboxPanel {
    margin-bottom: 0;
}

.service-import .block {
    margin: 20px 0;
}

    .service-import .block > label {
        margin: 5px;
    }

.service-import .checkboxPanel div {
    padding-right: 10px;
}

.importDialog div {
    display: block;
}

    .importDialog div.warning {
        padding-top: 10px;
    }

.importDialog #dialog > div {
    padding-bottom: 8px;
    padding-top: 8px;
}

.importDialog #dialog div > div {
    margin-right: 10px;
    margin-top: 1px;
}

.importDialog #IncludesDiv > ul {
    list-style: disc;
    margin-left: 17px;
    margin-bottom: 0;
}

.optionsPanel .disabled {
    color: grey;
}

.uploadedFilePanel .infoLabel {
    font-weight: bold;
}

    .uploadedFilePanel .infoLabel.newService {
        color: green;
    }


.indent {
    padding-left: 25px;
}

.render-email li {
    border: 1px solid #E9EBF1;
    padding: 1em;
    width: 50%;
    margin-bottom: 20px;
}

.render-email p {
    padding: 1em;
}

#addPendingPaymentsDialog #widget_comment {
    margin: 10px;
}

#FileOrLink div {
    float: left;
}

#FileOrLink .editor-field {
    float: left;
    display: inline;
}

    #FileOrLink .editor-field.Notselected > div {
        border: 1px solid lightgrey;
    }

.option-container {
    display: block;
    width: 100%;
    margin: 10px 0;
    height: 25px;
}

#FileOrLink {
    overflow: hidden;
    padding: 10px 0;
}

#newDocumentForm .left {
    width: 250px;
    float: left;
}

.option-container label {
    float: left;
    padding-left: 10px;
    width: 200px;
}

.option-container .disabled {
    color: grey;
}

.option-container .label {
    float: left;
    padding-left: 10px;
}

.option-container div:first-child {
    padding-top: 3px;
}

.option-container div.editor-field {
    margin: 0;
}

div.editor-field {
    padding-left: 0;
}

.editServiceDocument {
    padding: 10px;
}

    .editServiceDocument h3 {
        padding-bottom: 10px;
    }


.qa-page {
    margin-left: 30px;
    margin-top: 20px;
}

    .qa-page textarea {
        height: 200px;
        width: 200px;
    }

    .qa-page h2 {
        margin-bottom: 20px;
    }

.qa-container {
    float: left;
    width: 230px;
}

.question-label {
    height: 50px;
}

.qa-container label {
    display: block;
}

.qa-list li {
    margin: 5px 0;
}

.qa-controls {
    clear: both;
    margin-top: 20px;
}

#logBookDialog select {
    min-width: 230px;
}

#logBookDialog .logBookEntries {
    border: 2px solid grey;
    min-height: 100px;
    max-height: 290px;
    overflow-y: scroll;
    margin-top: 15px;
}

    #logBookDialog .logBookEntries ul {
        margin: 0;
    }

        #logBookDialog .logBookEntries ul li {
            padding: 10px;
            overflow: hidden;
            border-bottom: 1px solid #E2E2E6;
        }

            #logBookDialog .logBookEntries ul li div {
                margin: 0;
            }

#logBookDialog fieldset {
    width: 97%;
}

#logBookDialog .entryInfo {
    float: left;
    width: 90%;
}

    #logBookDialog .entryInfo.excluded {
        color: #9C9C9C;
    }

    #logBookDialog .entryInfo .administratorAndDate {
        font-size: 10px;
    }

    #logBookDialog .entryInfo .logText {
        margin-bottom: 5px;
    }

#logBookDialog .addEntry {
    width: 100%;
    height: 85px;
    margin-bottom: 5px;
}

    #logBookDialog .addEntry .addEntryTextBox {
        width: 86%;
        height: 100%;
        float: left;
    }

        #logBookDialog .addEntry .addEntryTextBox textarea {
            width: 98%;
            height: 92%;
        }

    #logBookDialog .addEntry #btnAddEntry {
        width: 14%;
        height: 100%;
    }

    #logBookDialog .addEntry #btnCancelAddEntry {
        display: none;
    }

#logBookDialog .help-text {
    margin: 10px 2px;
}

#logBookDialog .excludeEntry {
    float: left;
    cursor: pointer;
    padding-left: 10px;
}

    #logBookDialog .excludeEntry img {
        padding-bottom: 3px;
        padding-right: 5px;
        vertical-align: bottom;
    }

.excel-export .export-button {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    padding: 11px 9px;
    width: 185px;
}

    .excel-export .export-button.export-cases {
        border: 1px solid lightgray;
    }

    .excel-export .export-button .dijitButton,
    .excel-export .export-choices {
        display: block;
        margin: 5px auto 0;
        width: 89%;
    }

.excel-export .export-choices {
    height: 20px;
}

.export-choices input,
.export-choices label {
    float: left;
    font-weight: normal;
    margin-bottom: 0;
    margin-left: 3px;
}

.export-choices input {
    margin-top: 2px;
}

.export-choices input[type=radio] + label:not(:last-of-type){
    margin-right: 5px;
}

.serviceDetails .propertySection > div {
    overflow: hidden;
}

.imageAlignBaseline {
    vertical-align: baseline;
}
