/* General Sub Page Styles
----------------------------------------------------------*/
#subPageHeader {
    position: relative;
    width: 100%;
}

    #subPageHeader #subPageNav {
        float: right;
    }

    #subPageHeader h2 {
    }

    #subPageHeader p {
    }

/* Styles for IndexList
----------------------------------------------------------*/
.indexList {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .indexList li {
        display: block;
        margin: 15px 0;
        font-size: 12px;
        line-height: 1.3em;
    }

/* Styles for grid
----------------------------------------------------------*/
.grid {
    /*width:100%;*/
    border-color: rgb(215, 215, 215);
    border-style: solid;
    border-width: 1px;
    text-wrap: normal;
}

    .grid .altRow {
        background-color: #edeff8;
        border: 0;
    }

    .grid td,
    .grid tr,
    .grid th,
    .grid .row {
        border-collapse: collapse;
        border: none;
        border-spacing: 0;
        font-size: 12px;
        font-family: Arial, Helvetica, Sans-Serif;
    }

    .grid table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    .grid .header {
        text-align: left !important;
        background-color: #dcdcdc !important;
        color: #000;
    }

    .grid td a img {
        height: 20px;
    }


    #searchResultsGrid {
        width: 1127px;
    }

.activity {
    width: 250px;
    text-align: left;
    padding-left: 5px;
}

.activityDetails {
    width: 250px;
    text-align: left;
    padding-left: 5px;
}

.activityTimeFrame {
    width: 100px;
    text-align: left;
    padding-left: 5px;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-section {
    border: 0;
    margin-bottom: 10px;
    width: 100%;
}

    .display-section td.first-col, td.second-col, td.third-col {
        width: 33%;
    }

    .display-section tr {
        vertical-align: top;
    }

.display {
    margin-left: 2px;
    margin-bottom: 20px;
    margin-top: 4px;
}

.blue-vertical {
    width: 380px;
    border: 1px solid black;
    margin-bottom: 25px;
    margin-left: 10px;
    /*padding: 4px;*/
    border-collapse: collapse;
}

    .blue-vertical th {
        background-color: #0066ff;
        color: white;
    }

        .blue-vertical th td {
            padding: 4px;
        }

.right-entry {
    height: 17px;
    width: 60px;
    text-align: right;
}

    .right-entry input {
        width: 60px;
        text-align: right;
        height: 12px;
    }

.essay {
    margin-left: 2px;
    margin-bottom: 20px;
    margin-top: 4px;
    line-height: 1.4em;
    width: 720px;
}

.display-label,
.editor-label {
    font-weight: bold;
    background-color: #EAEAEA;
}

.align-label {
    margin: 0 0px 10px 20px;
    padding: 12px 0px 0px 0px;
    display: inline-block;
    float: left;
    clear: left;
    vertical-align: text-top;
    font-weight: bold;
    width: 200px;
}

    .align-label label {
        font-weight: bold;
    }

.left-label {
    margin-left: 4px;
    width: 50px;
}

.display-field,
.display-field p {
    margin-top: -3px;
}


.display-label label,
.editor-label label {
    font-weight: bold;
}

.detail {
    background-color: #eaeaea;
    padding: 6px;
    margin-bottom: 2px;
    border: 0;
}

.detail-label {
    margin: 0px 10px 0px 0px;
    padding: 0;
    display: inline-block;
    float: left;
    clear: left;
    vertical-align: text-top;
    font-weight: bold;
}

.detail-field {
    margin: 0px 20px 0px 0px;
    padding: 0;
    display: inline-block;
    clear: right;
    float: left;
}

    .detail-field select {
        font-weight: normal;
    }

.emailTextBox {
    width: 180px;
    height: 13px;
}

.plainList {
    margin-left: 2px;
    line-height: 1.4em;
}

.searchNumbers h4 {
    width: 100px;
}

.searchNumbers h2 {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.searchNumbers div {
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 700px;
}

select {
    font-size: 12px;
}

input {
    font-size: 12px;
}

#fileupload {
    width: 220px;
}

#ApplicationProcessEditVM_SentLetterToUpload_File {
    width: 200px;
    max-width: 200px;
    text-align: left;
}

.date-picker.hasDatepicker {
    width: 61px;
}

/* Styles for a general form
----------------------------------------------------------*/
table.basicForm {
    width: 700px;
    margin: 10px 0;
}

    table.basicForm td {
        padding: 5px 0;
    }

        table.basicForm td.label {
            width: 125px;
            font-weight: bold;
            vertical-align: top;
        }

        table.basicForm td.field {
        }

            table.basicForm td.field ul {
                margin: 0;
                padding: 0;
            }

                table.basicForm td.field ul li {
                    display: block;
                    float: left;
                    list-style: none outside none;
                    margin: 0 5px 0 0;
                    width: 50px;
                }

                    table.basicForm td.field ul li input[type="radio"], table.basicForm td.field ul li input[type="checkbox"] {
                        float: left;
                        margin: 2px 2px 0 0;
                        border: 0 none;
                    }

                    table.basicForm td.field ul li label {
                        display: block;
                        margin: 1px 0;
                    }

        table.basicForm td.button {
            padding-top: 20px;
        }

/* Styles for a multiple assignment lists
----------------------------------------------------------*/
div.mltAssignment {
    display: block;
    width: 500px;
    height: 175px;
}

    div.mltAssignment div.options, div.mltAssignment div.values {
        display: block;
        float: left;
        width: 200px;
        height: 175px;
    }

        div.mltAssignment div.options span, div.mltAssignment div.values span {
            display: block;
            height: 17px;
            margin: 0 0 5px;
            font: bold 12px Arial, Helvetica, Sans-Serif;
        }

        div.mltAssignment div.options select, div.mltAssignment div.values select {
            width: 200px;
            height: 150px;
        }

    div.mltAssignment div.buttons {
        display: block;
        float: left;
        width: 75px;
        height: 75px;
        margin: 55px 12px 0;
    }

        div.mltAssignment div.buttons input {
            width: 75px;
            margin: 5px 0;
            vertical-align: top;
        }

.banner {
    width: 735px;
}
/* Styles for a general form
----------------------------------------------------------*/
.applicationedit {
    width: 500px;
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.topinfo td, .topinfo th {
    background-color: #4B306A;
    color: white;
    padding: 4px;
    /*width: 175px;*/
}

.topinfo a, .topinfo a:hover, .topinfo a:visited {
    color: white;
}

.applicationevents {
    color: white;
    background-color: #44697D;
    padding: 4px;
    width: 500px;
}

    .applicationevents.label td {
        width: 150px;
    }

h1, h2, h3, h4, h5 {
    color: #00095C;
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    line-height: 1.2em;
}

h1 {
    font-size: 20px;
    font-weight: bold;
}

h2 {
    font-size: 16px;
    font-weight: bold;
}

h3 {
    font-size: 14px;
}

h4 {
    color: #333333;
    font-size: 14px;
}

h5 {
    color: #333333;
    font-weight: bold;
    font-size: 12px;
    margin-left: 2px;
    margin-bottom: 5px;
}

p {
    line-height: 1.6em;
    margin-bottom: 10px;
}

a {
    color: #04186D;
}

    a:hover {
        color: #04186D;
    }

    a:visited {
        color: #04186D;
    }

    
button, input[type="submit"], input[type="button"], a.ajaxButton {
    display: block;
    float: right;
    min-width: 75px;
    background: #DCDCDC;
    color: #505050;
    border: 1px solid #D6D6D6;
    margin: 0 0 0 7px;
    padding: 1px 10px 2px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    line-height: 1.3em;
    cursor: pointer;
}
a.ajaxButton {
        text-decoration: none;
        line-height: 20px;
        text-align: center;
       font-size: 13.33px;
    }
    button:hover, input[type="submit"]:hover, input[type="button"]:hover{
        background: #E7E7E7;
    }

    button.warn, input[type="submit"].warn, input[type="button"].warn {
        background: #892020;
        border: 1px solid #841515;
        color: #FFFFFF;
    }

        button.warn:hover, input[type="submit"].warn:hover, input[type="button"].warn:hover{
            background: #983333;
        }

#AddNewBtn {
    float: none;
    margin: 0px;
}

.searchSubmit {
    float: left !important;
    margin-left: 0 !important;
}

textarea, input[type="textarea"], input[type="textarea"], textbox, input[type="textbox"], input[type="textbox"] {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}

select, input[type="select"], input[type="select"] {
    font-family: Arial, Helvetica, Sans-Serif;
}

.errorMessage, .field-validation-error, .message {
    color: red;
}

.clear {
    clear: both;
}

.fancybox-inner {
    overflow: hidden !important;
}

.fancybox-skin {
    padding: 10px;
    height:620px;
}

.lightboxbody {
    width: 900px;
    height: 570px;
    margin: 0;
    padding: 0;
    color: #333333;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    line-height: 1.2em;
    background: none;
    border: 1px;
    overflow: hidden !important;
}

#editrows {
    height: 29px;
    width: 150px;
}

/*#editdate{
    max-width: 75px;
}*/

.fileUploadsContainer {
    min-height: 115px;
    max-width: 225px;
    overflow-y: auto;
    /*overflow-x: hidden;*/
    display: block;
    margin: 0px;
    padding: 0px;
}

    .fileUploadsContainer .fileUploads {
        background-color: #44697D;
        width: 200px;
        margin-bottom: 5px;
        padding: 0px;
        color: white;
    }

        .fileUploadsContainer .fileUploads .title {
            color: white;
            /*max-width:180px;*/
            text-wrap: none;
        }

        .fileUploadsContainer .fileUploads .img {
            border: 0;
        }

        .fileUploadsContainer .fileUploads .link {
            -ms-word-wrap: break-word;
            word-wrap: break-word;
            /*width: 200px;*/
        }

#submittedNotesContainer {
    min-height: 70px;
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
    width: 480px;
    margin: 0px;
    padding: 0px;
}
    /*
    #submittedNotesContainer #submittedNotes {
        width: 100%;
        margin: 0px;
        padding: 0px;
    }*/
    /*
         #submittedNotesContainer #submittedNotes th {
            width: 30%;
        }
        */

    #submittedNotesContainer #submittedNotes #showNewNote {
        visibility: hidden;
    }
/* Styles for a general form
----------------------------------------------------------*/
.autoNumberFormat {
    text-align:right;
    border-style:none;

}
.autoNumberFormatMoney {
    text-align:right;
    /*border-style:none;*/

}
.servernametext {
    position: absolute;
    top: 18px;
    left: 235px;
    color: #ff0000;
    font: bold 22px sans-serif;
    width: 220px;
}