﻿/* layout */

* {
    margin: 0;
}

html, body, form {
    height: 98%;
}

/* data input */
.indent {
    margin: 0px 20px;
}

.indent-small {
    margin: 0px 10px;
}

.indent-large {
    margin: 0px 30px;
}

.sigcheck-form {
    margin-top: 20px;
    text-align: right;
    padding-right: 10px;
    border-top: 1px solid #000;
    padding-top: 8px;
}

.info-block {
    text-align: center;
    padding: 10px;
    font-weight: normal;
    font-size: 12px;
    font-family: Verdana, Arial, 'Microsoft Sans Serif';
    vertical-align: middle;
    margin: 10px 0px;
}

.no-margin {
    margin: 0px;
}

.dataBlock {
    background-color: #EEEEEE;
    border: 1px solid black;
    margin-bottom: 20px;
    padding: 0px;
    text-align: left;
}

.no-border {
    border-width: 0px;
}

.dataBlock-header {
    border-bottom: 1px solid #08003c;
    color: #08003c;
    background-color: White;
    height: 20px;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana, Arial, 'Microsoft Sans Serif';
    vertical-align: middle;
    padding: 5px 4px 0px 4px;
}

.dataBlock-center {
    border-bottom: 1px solid #08003c;
    color: #08003c;
    background-color: White;
    height: 20px;
    font-weight: bold;
    font-size: 15px;
    font-family: Verdana, Arial, 'Microsoft Sans Serif';
    vertical-align: middle;
    text-align: center;
    padding: 5px 4px 0px 4px;
}

.dataBlock-body {
    padding: 12px;
}

/* jquery UI */

select {
    display: inline;
}

    select.cascade {
        margin: 3px 0 3px 0;
    }

input.text {
    /*margin-bottom: 12px;
    width: 95%;*/
    padding: .4em;
}

input[type="radio"], input[type="checkbox"], label {
    /*
    margin-right:3px;
    margin-bottom:5px;*/

    padding: 3px;
    line-height: 135%;
}

/*fieldset
{
    padding: 0;
    border: 0;
    margin-top: 6px;
}*/
.ui-button {
    outline: 0;
    margin: 0;
    padding: .4em 1em .5em;
    text-decoration: none; /*!important;cursor:pointer;position:relative;text-align:center;*/
}

.ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error {
    padding: .3em;
}

/* styles */

body {
    font-family: Helvetica, verdana, arial, sans-serif;
    background-color: #C2C2C2;
    color: #000000;
    font-size: 12px;
    height: 100%;
}

/* Input forms (tab books) */

td.number {
    padding: 2px;
    height: 26px;
    margin-top: 4px;
    width: 20px;
    font-weight: bold;
    background-color: #FFF;
    border: 1px solid #C0C0C0;
    border-right-width: 0px;
    vertical-align: top;
}

td.label, td.label-small {
    padding: 8px 2px 0px 0px;
    height: 26px;
    margin-top: 4px;
    text-align: right;
    width: 200px;
    font-weight: normal;
    background-color: #FFF;
    border: 1px solid #C0C0C0;
    border-left-width: 0px;
    position: relative;
    left: -4px;
    vertical-align: top;
}

td.label-small {
    width: 100px;
}

td.labelBoard {
    padding: 2px;
    height: 26px;
    margin-top: 4px;
    text-align: right;
    width: 250px;
    font-weight: normal;
    background-color: #FFF;
    border: 1px solid #C0C0C0;
    border-left-width: 1px;
    position: relative;
    left: -4px;
}

td.value {
    padding: 2px;
    height: 26px;
    margin-top: 4px;
    font-weight: normal;
    padding-left: 4px;
}

.formHeader {
    width: 890px;
    margin: 10px 0px;
}

/* content */

.contentBlock {
    margin-left: 30px;
    width: 900px;
}

div.deleted {
    padding: 8px;
    font-size: 14px;
    text-align: center;
    border: 0px solid #FF4444;
    width: 900px;
    margin-top: 30px;
    margin-left: 0px;
    font-weight: bold;
    color: Red;
    border-color: Black;
}

.workHeader {
    border: #27487d 0px solid;
    border-top-width: 0px;
    font-size: 14px;
    color: #FFF;
    font-family: Verdana, Arial, 'Microsoft Sans Serif';
    padding-right: 2px;
    padding-left: 6px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background-color: #27487d;
}

.workPanel, .workPanelAlt {
    border: 1px solid black;
    border-top-width: 0px;
    width: 900px;
    color: #000000;
    font-size: 12px;
    font-family: Verdana, Arial;
    padding-right: 2px;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
}

.footerWorkPanel {
    border: 1px solid black;
    border-top-width: 0px;
    width: 900px;
    color: #000000;
    font-size: 12px;
    font-family: Verdana, Arial;
    padding-right: 2px;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background-color: #ADB8C2;
}

.hidefooter {
    display: none;
}

.workPanelAlt {
    background-color: #D0D7E2;
}

.workHeader a, .workHeader a:link, .workHeader a:visited {
    color: #FFF;
    text-decoration: none;
}

    .workHeader a:hover, A.workHeader:hover {
        color: #C9AB3E;
    }

.mainMenuWrapper {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}

.section {
    border: 1px solid #284780;
    margin-bottom: 10px;
    margin-left: 10px;
    z-index: 10;
}

.sectionHeader {
    background: #3e74ca url(images/blue-glass.jpg) 0 50% repeat-x;
    color: White;
    font-weight: bold;
    padding: 4px 6px;
}

.sectionBody {
    color: black;
    padding: 6px 4px;
}

.messageBoard {
    overflow: auto;
    min-height: 200px;
    max-height: 200px;
    width: 430px;
    padding: 4px;
}

.multilineDisplay {
    text-align: left;
    color: Black;
}

    .multilineDisplay .number {
        color: red;
    }

.phiBanner {
    padding: 8px;
    font-size: 14px;
    color: White;
    text-align: center;
    border: 1px solid #CD0A0A;
    width: 922px;
    margin-bottom: 20px;
    margin-left: 10px;
    position: relative;
    top: -6px;
    background: #e8774f url(images/red-glass.jpg) 0 50% repeat-x;
}

.moduleHeaderLeft {
    float: left;
    width: 8px;
    height: 28px;
}

.moduleHeaderRight {
    float: left;
    width: 8px;
    height: 28px;
}

.formHeader {
    border: 1px solid #08003c;
    color: #08003c;
    background-color: White;
    height: 20px;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana, Arial, 'Microsoft Sans Serif';
    vertical-align: middle;
    padding: 5px 4px 0px 4px;
}

.formSubheader {
    font-weight: normal;
    font-size: 10px;
    font-style: italic;
}

.moduleHeader {
    width: 930px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
    margin-bottom: 20px;
    padding: 4px;
    background-color: #c4caea;
    border: 1px solid #284780;
    /*background: #6f8fc8 url(images/blue-glass.jpg) 0 50% repeat-x;*/
    background-color: rgb(69,120,202);
}

.border-thin {
    border: 1px solid #08003c;
}

.searcherHeader {
    border: 1px solid #08003c;
    color: #08003c;
    background-color: #d8d8ff;
    height: 20px;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana, Arial, 'Microsoft Sans Serif';
    vertical-align: middle;
    padding: 4px 4px 0px 4px;
}

.searchTitle {
    background-color: #27487d;
    text-align: center;
    font-weight: bold;
    color: White;
    padding: 2px;
    font-size: 14px;
    color: #dcdcdc;
    font-family: Verdana, Arial, 'Microsoft Sans Serif';
    background: #3e74ca url(images/blue-glass.jpg) 0 50% repeat-x;
}

.searchBody {
    background-color: #EEE;
    padding: 2px 0px;
    color: Black;
}

/* Required form fields */
.fieldRequired {
    background-color: #EEE8AA;
    background-color: #FFCCD0;
    border: 1px solid red;
}

.fieldInvalid {
    background-color: #B8860B;
}

.fieldDisabled {
    background-color: #D8D8D8;
}

.labelRequired {
    font-size: 12px;
    font-weight: normal;
    color: #C00;
}

.labelNormal {
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

.labelPasCode {
    font-size: 12px;
    font-weight: bold;
    color: #3E74CA;
}

.labelNormalInv {
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
}

.lableError {
    font-size: 12px;
    font-weight: bold;
    color: Red;
}

.labelWait {
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

img.pointer, img.calendar {
    cursor: pointer;
}

div.blockMsg {
    top: 10%;
    text-align: center;
    background-color: #fff;
    border: 2px solid #08003C;
    padding: 15px;
    color: #000;
}

.hidden {
    display: none;
}

.popup {
    padding: 0px;
    margin: 0px;
    background-color: #c4caea;
}

h1, h2, h3, p {
    margin: 0 0 .5em 0;
    padding: 5px;
}

H1 {
    color: #284780;
    font-size: 16px;
    border-bottom: 1px solid #284780;
    font-family: Arial, Verdana, "MS Sans Serif";
}

H2 {
    color: #08003C;
    text-indent: 0px;
    font-size: 14px;
    background-color: transparent;
}

H3 {
    color: #08003C;
    text-indent: 0px;
    font-size: 14px;
    background-color: transparent;
    border-bottom: 1px solid #08003C;
}

ul {
    margin-top: 10px;
    padding-bottom: 10px;
}

li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 20px;
}

.disclaimer {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-top: 25px;
    line-height: 150%;
}

/* Page layout */
#outer {
    min-height: 100%;
    width: 980px;
    border-left: 1px solid #08003C;
    border-right: 1px solid #08003C;
    color: #000;
    margin: -32px auto 0;
    background: #FFFFFF;
}

#Page {
    width: 980px;
    padding-top: 5px;
    margin: 0 auto;
}

* html #outer {
    height: 100%;
}

#header-right {
    float: right;
    width: 250px;
    color: #FFFFFF;
    font-size: 1em;
    text-align: right;
    margin-right: 25px;
    margin-top: 40px;
}

/* popup windows (with masterpage)*/
#popupHeader {
    background-image: url(images/headerBackPopup.jpg);
    background-repeat: repeat-x;
    background-color: #4173C8;
    color: #FFF;
    height: 24px;
    margin-left: 0px;
    padding-left: 0px;
    padding-top: 2px;
}

.popup {
    background-color: #FFF;
    color: #000;
}

.popupTitle {
    text-align: center;
    font-weight: bold;
    color: #FFF;
    font-size: 16px;
    margin-right: 80px;
    margin-top: 3px;
}

.popupBody {
    padding: 10px;
}

/*page layout*/

#header {
    background-image: url(images/headerBack.jpg);
    background-repeat: repeat-x;
    background-color: #27487d;
    height: 100px;
    margin-top: 32px;
    margin-left: 0px;
    padding-left: 0px;
}

#header-logo {
    float: left;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    border: 0px solid red;
}

#header-right-links {
    float: right;
    margin-right: 15px;
    margin-top: -20px;
    color: #08003C;
}

#header-right-user {
    position: relative;
    top: 25px;
    float: right;
    color: White;
    margin-right: 10px;
    text-align: right;
}

#content {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

#content-area {
    width: 800px;
    margin-top: 2px;
    margin-left: 5px;
    border-top: #08003C 1px solid;
    border-bottom: #08003C 1px solid;
    border-right: #08003C 1px solid;
    border-left: #08003C 1px solid;
}

#content-area-body {
    min-height: 600px;
    width: 100%;
    padding: 3px;
}

#content-area-header {
    width: 100%;
    height: 20px;
    border-right: #08003C 1px solid;
    border-left: #08003C 1px solid;
}

#content-area-header-left {
    width: 100%;
    float: left;
    margin-top: -1px;
    margin-left: -1px;
}

#content-area-footer {
    border-left: #08003C 1px solid;
    border-right: #08003C 1px solid;
    width: 100%;
    height: 2px;
}

#content-area-footer-right {
    width: 10px;
    height: 2px;
    float: right;
    margin-top: 1px;
    margin-right: -1px;
}

#footer {
    height: 31px;
    width: 980px;
    clear: both;
    color: #FFFFFF;
    margin: auto;
    background-color: #27487d;
    border-right: 1px solid #27487d;
    border-left: 1px solid #27487d;
}

* html #footer {
    height: 31px;
}

#footer-right {
    float: right;
    padding: 0px;
    margin-right: 15px;
    text-align: right;
}

#footer-left {
    margin: 0px;
    text-align: left;
    float: left;
}

#TimeoutMessage {
    margin-left: 20px;
    margin-top: 5px;
    font-weight: bold;
    color: #dc143c;
}

#front-actions {
    width: 100%;
    background-color: #fff;
    float: left;
}

#front-picture {
    float: left;
    width: 625px;
    height: 188px;
    background-image: url(images/front1.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

#front-login {
    float: right;
    width: 325px;
    height: 188px;
}

#frontpage-content {
    text-align: left;
    width: 100%;
    background-image: url(images/bg-main.png);
    background-repeat: repeat-x;
    background-position: top;
    background-color: transparent;
    padding: 0 0;
    float: left;
}

#menuWrapper {
    margin-top: 0px;
    width: auto;
    position: relative;
    top: 4px;
    left: 2px;
    float: left;
    background-image: none;
    background-color: #3E74CA;
    border: 0px solid red;
}

#menuLogo {
    margin-top: 0px;
    float: left;
    background-image: none;
    background-color: #3E74CA;
    position: relative;
    left: 0px;
    top: 0px;
    /*

	*/
    border: 0px solid red;
}

#main-menu {
    margin-top: 0px;
    float: left;
    background-image: none;
    background-color: #3E74CA;
    position: relative;
    left: 0px;
    top: 1px;
    z-index: 500;
    /*

	*/
    border: 0px solid red;
}

#linksPanel {
    position: relative;
    top: 6px;
    margin-right: 10px;
    float: right;
}

#front-header {
    height: 75px;
    background-image: url(images/headerBackFront.jpg);
    background-repeat: repeat-x;
    background-color: #27487d;
    margin-top: 32px;
    margin-left: 0px;
    padding-left: 0px;
}

#front-footer {
    height: 31px;
    width: 980px;
    clear: both;
    color: #FFFFFF;
    margin: auto;
    background-color: #27487d;
    border-right: 1px solid #8c0000;
    border-left: 1px solid #8c0000;
}

.clearer {
    clear: both;
    height: 1px;
    overflow: hidden;
    margin-top: -1px;
}

/* links */
A:link, A:visited {
    color: #5A538A;
    font-family: Verdana, Arial;
    text-decoration: underline;
}

A:hover {
    text-decoration: underline;
}

A:active {
    color: #08003C;
    font-family: Verdana, Arial;
    text-decoration: none;
}

/* Links BOLD */
A.LinkBold:link, A.LinkBold:visited, A.LinkBold:active {
    font-weight: bold;
    font-size: 12px;
    color: #08003C;
    font-family: Helvetica, Verdana, Arial;
    text-decoration: none;
    letter-spacing: 1px;
}

A.LinkBold:hover {
    text-decoration: underline;
}

A.LinkBoldWhite:link, A.LinkBoldWhite:visited, A.LinkBoldWhite:active {
    font-weight: bold;
    font-size: 12px;
    color: #dcdcdc;
    font-family: Helvetica, Verdana, Arial;
    text-decoration: none;
    letter-spacing: 1px;
}

A.LinkBoldWhite:hover {
    color: #ffffff;
    text-decoration: none;
}

/* blue links */

A.LinkBoldBlue:link, A.LinkBoldBlue:visited, A.LinkBoldBlue:active {
    font-weight: bold;
    font-size: 12px;
    color: #08003C;
    font-family: Helvetica, Verdana, Arial;
    text-decoration: none;
    letter-spacing: 1px;
}

A.LinkBoldBlue:hover {
    color: #08003C;
    text-decoration: none;
}

/* Images */

IMG.imgLogo {
    margin-top: 0px;
    margin-left: 14px;
    padding: 0px;
}

img.imgHelp {
    position: relative;
    float: right;
    top: -44px;
    left: -6px;
    cursor: pointer;
}

/* GridViews */
.gridViewMain {
    border-right: #27487d 1px solid;
    border-top: #27487d 1px solid;
    border-left: #27487d 1px solid;
    border-bottom: #27487d 1px solid;
    border-collapse: collapse;
    border-spacing: 0px;
}

    .gridViewMain td {
        padding: 4px;
    }

tr.hover td {
    background-color: #bcd4ec;
}

blue-glass {
    background: #3e74ca url(images/gridHeader.jpg) 0 50% repeat-x;
    padding: 4px;
}

.gridViewHeader th, A.gridViewHeader:link, A.gridViewHeader:visited {
    font-weight: bold;
    font-size: 12px;
    color: #FFF;
    font-family: Verdana, Arial, 'Microsoft Sans Serif';
    padding-right: 2px;
    padding-left: 6px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background-color: #27487d;
    background: #3e74ca url(images/blue-glass.jpg) 0 50% repeat-x;
    border-bottom: 1px solid #d4d0c8;
}

.sort-asc {
    background: #3e74ca url(images/blue-glass-asc.jpg) 0 50% repeat-x;
    padding-left: 16px;
}

.sort-desc {
    background: #3e74ca url(images/blue-glass-desc.jpg) 0 50% repeat-x;
    padding-left: 16px;
}

#ctl00_ContentMain_ReportGridView th {
    background-position-y: top;
}

TH.header {
    text-align: left;
    background-color: #12008A;
    font-weight: normal;
    padding-left: 6px;
    font-family: Verdana, Arial, 'Microsoft Sans Serif';
    font-size: 12px;
    color: #FFEE87;
}

.gridViewHeader a, .gridViewHeader a:visited {
    color: #FFF;
    text-decoration: none;
    display: block;
}

    .gridViewHeader a:hover, A.gridViewHeader:hover {
        color: #FFEE87;
    }

.gridViewPager {
    font-weight: bold;
    font-size: 12px;
    color: #000;
    font-family: Arial;
    text-align: center;
    border-right: #27487d 1px solid;
    border-top: #27487d 1px solid;
    border-left: #27487d 1px solid;
    border-bottom: #27487d 1px solid;
}

    .gridViewPager a, .gridViewPager a:visited {
        color: #a9a9a9;
        text-decoration: none;
    }

        .gridViewPager a:hover {
            color: #cb3232;
        }

.gridViewRow {
    color: #000000;
    background-color: #ffffff;
    font-size: 12px;
    font-family: Verdana, Arial;
    padding-right: 2px;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    vertical-align: text-top;
}

    .gridViewRow a, .gridViewAlternateRow a {
        text-decoration: underline;
    }

.gridViewAlternateRow {
    color: #000000;
    background-color: #D8D8FF;
    font-size: 12px;
    font-family: Verdana, Arial;
    padding-right: 2px;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    vertical-align: text-top;
}

.repeaterViewHeader {
    border: #27487d 0px solid;
    border-top-width: 0px;
    font-weight: normal;
    font-size: 12px;
    color: #FFF;
    font-family: Verdana, Arial, 'Microsoft Sans Serif';
    padding-right: 2px;
    padding-left: 6px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background-color: #27487d;
    background: #3e74ca url(images/gridHeader.jpg) 0 50% repeat-x;
}

.repeaterViewRow {
    color: #000000;
    background-color: #ffffff;
    font-family: Verdana, Arial;
    padding-right: 2px;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
}

.repeaterViewAlternateRow {
    color: #000000;
    background-color: #D8D8FF;
    font-family: Verdana, Arial;
    padding-right: 2px;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
}

.repeaterSpacer {
    margin-bottom: 4px;
}

.repeaterViewFooter {
    color: #000000;
    background-color: #ffffff;
    font-family: Verdana, Arial;
    padding-right: 2px;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
}

.repeaterViewRow td, .repeaterViewAlternateRow td {
    border-bottom: 1px #C0C0C0 solid;
    height: 18px;
    font-size: 13px;
}

.repeaterViewFooter td {
    border-bottom: 1px #C0C0C0 solid;
    height: 18px;
    font-size: 14px;
}

.gridViewRow td, .gridViewAlternateRow td {
    border-bottom: 1px #C0C0C0 solid;
}

.gridViewHover {
    background-color: #d4e6ff;
    font-size: 12px;
    font-family: Verdana;
    text-align: left;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}

    .gridViewHover a, .gridViewHover a:visited {
        color: #cb3232;
        text-decoration: none;
    }

.gridViewEdit {
    background-color: #8C8CB4;
    font-size: 12px;
    font-family: Verdana;
    text-align: left;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.reorderList li {
    list-style: none;
    margin: 2px;
}

.itemArea {
    margin-bottom: 5px;
}

.txtboxFormat {
    height: 20px;
    width: 150px;
    padding: 2px 0 0 2px;
    border: 1px solid #BEBEBE;
    background-color: #FFFFFF;
    color: black;
}

.gridViewSelected {
    background-color: #8C8CB4;
    font-size: 12px;
    font-family: Verdana;
    text-align: left;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.pcodeGeneralSection {
    border: 1px solid #08003c;
    width: 800px;
    vertical-align: middle;
    padding: 2px 6px 6px 6px;
    margin-left: 20px;
    background-color: #EEEEEE;
}

.pcodeRptSection {
    width: 800px;
    vertical-align: middle;
    padding: 2px 6px 6px 6px;
    margin-left: 20px;
    background-color: #EEEEEE;
    border: 1px solid #08003c;
}

.pcodeHeader {
    border: 1px solid #08003c;
    color: #08003c;
    background-color: Gainsboro;
    text-align: center;
    height: 20px;
    font-weight: bold;
    font-size: 12px;
    font-family: Verdana;
    vertical-align: middle;
    padding: 2px 2px 2px 2px;
}

.pcodeMidSection {
    text-align: center;
    font-size: 10px;
    width: 800px;
    margin-bottom: 8px;
    margin-top: 8px;
    padding-bottom: 6px;
    padding-top: 6px;
}

.dialogfont {
    text-align: center;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
}

.dialogSearchBox {
    background-color: #d8d8ff;
    padding: 2px 0px;
    color: Black;
    border: 1px solid #08003c;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}

.pcodeTreeSection {
    font-size: 10px;
    width: 800px;
    margin-bottom: 8px;
    margin-top: 8px;
    margin-left: 20px;
    padding-bottom: 6px;
    padding-top: 6px;
}

.emptyItem {
    text-align: center;
    font-weight: bold;
    margin: 20px 20px;
}

.valFailure {
    font-weight: bold;
    color: Red;
}

.valWarning {
    font-weight: bold;
    color: #FF7200;
}

.valMsg {
    font-weight: bold;
    color: Green;
}

.srchlist {
    width: 450px;
}

.rptLabel {
    width: 260px;
    float: left;
    margin-bottom: 15px;
    text-align: right;
}

.rptText {
    width: 300px;
    margin-bottom: 15px;
    text-align: left;
    padding-left: 5px;
    float: left;
}

.wrapItem {
    overflow: scroll;
    width: 100px;
}

.comments-header {
    border: 1px solid gray;
    width: 885px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 2px;
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
}

.comments-text {
    width: 860px;
    position: relative;
    padding: 4px 4px 4px 10px;
    margin-left: 15px;
}

.modalBackground {
    background-color: gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 875px;
}

.icdModalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}

.newGridViewRow {
    color: #000000;
    background-color: #ffffff;
    font-size: 11px;
    font-family: Verdana, Arial;
    padding-right: 2px;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    vertical-align: text-top;
}

    .newGridViewRow a, .newGridViewAlternateRow a {
        text-decoration: underline;
    }

.newGridViewAlternateRow {
    color: #000000;
    background-color: #D8D8FF;
    font-size: 11px;
    font-family: Verdana, Arial;
    padding-right: 2px;
    padding-left: 4px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    vertical-align: text-top;
}

    .newGridViewRow td, .newGridViewAlternateRow td {
        border-left: 1px #C0C0C0 solid;
        border-right: 1px #C0C0C0 solid;
        border-bottom: 1px #C0C0C0 solid;
    }

.newGridViewHeader th, A.newGridViewHeader:link, A.newGridViewHeader:visited {
    font-weight: bold;
    font-size: 12px;
    color: #FFF;
    font-family: Verdana, Arial, 'Microsoft Sans Serif';
    padding-right: 2px;
    padding-left: 6px;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: center;
    vertical-align: bottom;
    background-color: #27487d;
    /*background: #3e74ca url(images/blue-glass.jpg) 0 50% repeat-x;*/
    background: #3e74ca;
    border-bottom: 1px solid #d4d0c8;
}

/* ModuleHeader Associated LOD/WWD */

a.AssociatedLink {
    color: #FFFFFF;
}

.ui-widget-overlay {
    z-index: 500;
}

.ui-dialog {
    z-index: 501;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}