body {
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    color: #333;
    height: 100%;
    margin: 0 0 0 0;
}

form {
    height: 100%;
    width: 100%;
}

.PopupBody {
    font-family: Verdana;
    font-size: 8.5pt;
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap !important;
    word-wrap: break-word !important;
    _white-space: pre;
    width: 95%;
}

.NoHorizontalScroll {
    overflow-x: hidden;
    overflow-y: auto;
}

.CCControl {
    font-family: Verdana;
    font-size: 8.5pt;
    border: solid 1px black;
}

.CCControlNB {
    font-family: Verdana;
    font-size: 8.5pt;
    border: none;
}


.header_row {
    background-position: bottom;
    background-image: url(images/taskBkgd.gif);
    background-repeat: repeat-x;
    border-width: 0px;
    height: 20px;
    color: White;
    text-align: left;
    font-weight: bold;
    vertical-align: bottom;
    padding: 2px;
    font-family: Arial, Lucida Sans Unicode, Lucida Grande,Helvetica, Sans-Serif;
    font-size: 9.5pt;
}

.CCBackground {
    font-size: small;
    font-family: Arial;
}

.CCButton {
    background-image: url(images/button-gradient7.gif);
    background-repeat: repeat-x;
    color: Black;
    font: verdana;
    font-size: 8.5pt;
    border: solid 1px transparent;
    padding: 2px;
    cursor: pointer;
}

    .CCButton:hover {
        border: solid 1px gray;
    }

.CCButton2 {
    color: white;
    font: verdana;
    font-weight: bolder;
    font-size: 10pt;
    border: 0pt;
    padding: 2px;
    cursor: pointer;
}


.HiddenControl {
    visibility: hidden;
}

/*
 * Grid and components
 */

.Grid {
    border: solid 1px Gray;
    border-collapse: collapse;
}

.GridCell {
}


.GridHeader {
    background-position: center;
    background-image: url(images/header_grid25.gif);
    border-width: 0px;
    height: 25px;
    color: White;
    text-align: left;
    font-weight: bold;
    font: verdana;
    font-size: 8.5pt;
}


.GridRow {
    background-color: #ffffff;
    height: 25px;
    font-size: 12px;
    font-family: Segoe UI, Arial, Sans-Serif;
    vertical-align: middle;
}

.GridRowAlt {
    background-color: #ebeff3;
    height: 28px;
    font-size: 12px;
    font-family: Segoe UI, Arial, Sans-Serif;
    vertical-align: middle;
}

.GridRow td {
    vertical-align: middle;
    padding-left: 4px;
}

.GridRowAlt td {
    vertical-align: middle;
    padding-left: 4px;
}

.GridRowMouseOver {
    font-weight: bold;
}

.GridRowSelected {
    background-position: center;
    background-image: url(images/header_hover.gif);
    border-top: solid 1px #E1E1E1;
    color: Black;
    height: 18px;
}

.GridHeader {
    background-position: center;
    background-image: url(images/header_grid.gif);
    border-width: 0px;
    height: 25px;
    color: White;
    text-align: left;
    font-weight: bold;
    font: verdana;
    font-size: 8.5pt;
}

.GridPager {
    background-color: #E0F3FB;
    background-image: url(images/item_alt.gif);
    border-width: 0px;
    border-top: solid 3px #BABA00;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

/*
 * Search Panel
 */
.SPanel {
    border: solid 1px #6495ed;
    background-color: wheat;
    font-size: 8.5pt;
    font: verdana;
    border: 1px solid navy;
}

/*
 * Infragistics UltraWebToolBar
 */
.UWT {
    table-layout: auto;
}
/*
 * Toolbar 
 */

.PanelToolBar {
    width: 100%;
    height: 24px;
    background-color: Blue;
    color: black;
    font: verdana;
    font-size: 8.5pt;
    vertical-align: middle;
    text-align: left;
    border: none;
}

/*
 * toolbar button styles
 */

.TBHover {
    background-color: red;
    border-color: Navy;
}

.TBSelected {
    background-color: Orange;
    border-color: Navy;
    border: none;
    cursor: pointer;
    color: Black;
}

.TBButton {
    background-color: Black;
    color: white;
    font: verdana;
    font-size: 8.5pt;
    border: 0pt;
    cursor: pointer;
}

.TBDropDown {
}

.TBListbox {
    font: verdana;
    font-size: 8.5pt;
    border: 1px solid navy;
    text-transform: capitalize;
}

.TBLabel {
    font: verdana;
    font-size: 8.5pt;
}

/*
 * "sharepoint" style front page
 */

/* each has its own padding-left/right */
.FPcell {
    border: none;
    background-color: White;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    text-align: left;
    vertical-align: top;
    color: Blue;
    font-size: 9pt;
}

. .FPtable {
    padding: 0;
    border: none;
    text-align: left;
    vertical-align: top;
    width: 100%;
}

.FPleftcol {
    width: 170px;
    padding-left: 4px;
    background-color: Transparent;
    vertical-align: top;
    text-align: left;
    font-family: Arial;
}

.FPheadercell {
    font-size: 10pt;
    font-weight: bold;
     color: black;
    /*color: white;*/
    /*background-color: #6495ed;*/ /* cornflowerblue */
    background-color: #dbe6f4;
    height: 32px;
    border: none;
    padding: 8px 4px 4px 6px;
    text-align: left;
    vertical-align: middle;
}

.FPlinklist {
    list-style-type: square;
    list-style-position: outside;
    text-indent: -2px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 25px;
    padding-top: 8px;
    cursor: pointer;
    line-height: 3px;
}


.FPcenteredlabel {
    text-align: center;
    font-size: 9pt;
}

.FPcell2 {
    border: solid 1px #6495ed;
    background-color: White;
    text-align: left;
    vertical-align: top;
    color: black;
    font-family: verdana;
    font-size: 8.5pt;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.FPcontentbody {
    background-color: #CAE1FF; /* lightsteelblue 1 */
    font-size: 8.5pt;
    font-family: Verdana;
    height: 100%;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: black;
}

.groupBackground {
    border-color: #C0C0FF; /*border-style :dotted ;     border-top-style : none ;*/
}

.LeftLinkTableWrapper {
    padding-top: 8px;
    padding-bottom: 8px;
    table-layout: fixed;
    text-align: left;
}

.LeftLinkTable {
    border: 0;
    margin-left: 10px;
    color: Blue;
    border-collapse: collapse;
    border-spacing: 0px;
}

    .LeftLinkTable tr {
        border-bottom: 1px solid transparent;
    }

.LeftLinkTableBullet {
    width: 10px;
    text-align: center;
    vertical-align: super;
    padding-bottom: 2px;
}

.LeftLinkTableText {
    text-align: left;
    cursor: pointer;
    vertical-align: middle;
}

.LeftImageWrapper {
    text-align: center;
    width: 100%;
    background-color: White;
    padding-top: 4px;
    padding-bottom: 8px;
}

.MainPanelWrapper {
}

.LeftComboBoxWrapper {
    text-align: center;
    padding: 12px 6px 0px 6px;
}










/*******************************
//////CUSTOM SPELL CHECK/////////
********************************/


/*******************************
* DIVS
********************************/

.igspell_Wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    margin: 0px;
    background-repeat: no-repeat;
    filter: progid:dximagetransform.microsoft.gradient(startcolorstr=#e1edff, endcolorstr=lightblue, gradienttype=0);
}

.igspell_documentTextPanel {
    border: 1px solid #7f9db9;
    position: absolute;
    height: 85px;
    width: 230px;
    left: 10px;
    top: 47px;
    overflow: auto;
    background-color: rgb(220,220,220);
    bottom: -1px;
}

/**********************************
 * Button Styles
 **********************************/

.igspell_button {
    width: 95px;
    height: 21px;
    position: absolute;
    left: 250px; /* from CCButton, above */
    background-image: url(images/button-gradient7.gif);
    background-repeat: repeat-x;
    color: Black;
    font: verdana;
    font-size: 8.5pt;
    border: solid 1px transparent;
    padding: 2px;
    cursor: pointer;
}

    .igspell_button:hover {
        border: solid 1px gray;
    }

.igspell_ignoreButton {
    top: 47px;
}

.igspell_ignoreAllButton {
    top: 73px;
}

.igspell_changeButton {
    top: 306px;
}

.igspell_changeAllButton {
    top: 332px;
}

.igspell_finishButton {
    top: 362px;
}

.igspell_addButton {
    top: 128px;
}


/**************************
 Text Boxes
 **************************/

.igspell_changeToBox {
    position: absolute;
    left: 10px;
    top: 306px;
    width: 230px;
    height: 25px;
    bottom: -1px;
}

/**************************
 Select Boxes
 **************************/

.igspell_suggestions {
    position: absolute;
    left: 10px;
    top: 167px;
    width: 340px;
    height: 109px;
    bottom: -1px;
}

/**************************
 Labels
 **************************/
.igspell_label {
    font-weight: bold;
    font-size: xx-small;
    margin-bottom: 2px;
    position: absolute;
    left: 10px;
    color: black;
    width: 87px;
    bottom: -1px;
}

.igspell_changeToLabel {
    top: 284px;
    left: 0px;
    padding-left: 10px;
    padding-top: 3px;
    margin-left: 0px;
    border-top: 1px dashed #999999;
    width: 100%;
}

.igspell_suggestionsLabel {
    top: 143px;
    left: 0px;
    padding-left: 10px;
    padding-top: 3px;
    margin-left: 0px;
    border-top: 1px dashed #999999;
    width: 100%;
}

.igspell_notFoundLabel {
    top: 10px;
}

/*************************
Other
**************************/
.igspell_BadWord {
    border-bottom: red 1px solid;
}

input[type="submit"] {
    /*     background-image: url('images/button-gradient7.gif');     background-repeat: repeat-x;     background-repeat:      color: Black;     font-size: 8.5pt;     border: solid 1px transparent;     padding: 2px;     cursor: pointer;     height: 30px;*/
}

    input[type="submit"]:hover {
        /* font-weight: bold;*/
    }

input[type="checkbox"] {
    vertical-align: middle;
    border: 0 !important;
}


select {
    font-family: Segoe UI, Verdana, Arial,Sans-Serif;
    font-size: 13px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #333;
    border: solid 1px #aaa;
    vertical-align: super;
    margin: 0px 0px 0px 0px;
    height: 22px;
}

input[type="text"] {
    font-family: Segoe UI, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #333;
    height: 22px !important;
    border: solid 1px #aaa;
    margin: 0px 0px 0px 0px;
    padding: 0px 2px -0px 2px;
    vertical-align: middle;
    line-height: 19px;
}

input[type="password"] {
    font-family: Segoe UI, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #333;
    height: 22px !important;
    border: solid 1px #aaa;
    margin: 0px 0px 0px 0px;
    padding: 0px 2px -0px 2px;
    vertical-align: middle;
    line-height: 19px;
}

select:hover {
}

/*
.riTextBox
{
    padding: 3px 0px 0px 3px !important;
}
*/

.reAjaxspell_button {
    background-image: url(images/button-gradient7.gif) !important;
    background-repeat: repeat-x !important;
    color: Black !important;
}

.reContentArea {
    text-align: left !important;
}

.valign {
    vertical-align: middle;
}


.helpIcon {
    vertical-align: middle;
    cursor: pointer;
}

.RadComboBox_Windows7 .rcbInput {
    line-height: 19px !important;
}


.RadGrid_Windows7 input[type="radio"] {
    background-color: transparent !important;
    border-bottom-color: transparent !important;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-width: 0px !important;
    border-top-width: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}

.RadGrid_Windows7 input[type="checkbox"] {
    background-color: transparent !important;
}

.ruBrowse {
    line-height: 1px !important;
    padding-top: 7.5px !important;
}



/*
 * XData classes


   XData (table)
  +---------------------------------+-----------------------------------+
  |  XData_Prompt_Box (td)          |  XData_Control_Box (td)           |
  |    XData_Prompt (span)          |    XData_Control (span)           |
  +---------------------------------+-----------------------------------+
  |  XData_Prompt_Box (td)          |                                   |
  |    XData_Prompt (span)          |                                   |
  +---------------------------------+-----------------------------------+
  |  XData_Full_Control_Box (td)                                        |
  |    XData_Full_Control                                               |
  +---------------------------------+-----------------------------------+
  |  XData_Literal (td)                                                 |
  +---------------------------------+-----------------------------------+
  |  XData_Title (td)                                                   |
  +---------------------------------+-----------------------------------+


 */

.XData {
    width: 100%;
    border-collapse: collapse;
    border: 0;
}


.XData_Prompt_Box {
    padding-right: 15px;
    padding-left: 10px;
    width: 40%;
    height: 22px;
}

.XData_Prompt {
    font-weight: bold;
    vertical-align: middle;
    padding-left: 10px;
}

.XData_Control_Box {
}

.XData_Control {
    vertical-align: middle;
}

.XData_Full_Control_Box {
    padding-left: 10px;
}

.XData_Full_Control {
    width: 100%;
}

.XData_Literal {
    padding-left: 10px;
}

..XData_Title_Box {
    padding-bottom: 10px;
    padding-top: 10px;
}

.XData_Title_Box {
    font-weight: bold;
    text-decoration: underline;
}

.XData select {
    min-width: 155px;
}

.XData_CheckboxInGroup {
    display: inline-block;
    white-space: nowrap;
}

.XData_CheckboxInGroup_Prompt {
    font-weight: normal !important;
    padding-left: 0px !important;
    padding-right: 4px !important;
}

.XData_Radio {
    white-space: nowrap;
}

.XData_HelpBox {
    width: 24px;
    cursor: pointer;
}

.XData_Section_Header {
    position: relative;
    height: 20px;
    line-height: 20px;
    margin: 6px 4px 0px 4px;
    padding: 0px 0px 0px 5px;
    background-color: rgb(150, 196, 255);
    /* Rounded corners removed per Scott
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    */
    color: Black;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; /* gradient */
}

    /*
OLD GRADIENT STYLES FOR XData_Section_Header - Removed per Scott
*/
    .XData_Section_Header .OLD_GRADIENT_STYLES {
        background: #bbd3f4; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiZDNmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzY0OTVlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, #bbd3f4 0%, #6495ed 99%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbd3f4), color-stop(99%,#6495ed)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #bbd3f4 0%,#6495ed 99%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #bbd3f4 0%,#6495ed 99%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #bbd3f4 0%,#6495ed 99%); /* IE10+ */
        background: linear-gradient(to bottom, #bbd3f4 0%,#6495ed 99%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd3f4', endColorstr='#6495ed',GradientType=0 ); /* IE6-8 */
    }

    .XData_Section_Header.collapsed {
        /* Rounded corners removed per Scott
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
*/
    }

    .XData_Section_Header .expandInstructions {
        display: none;
        color: rgb(60, 60, 60);
    }

    .XData_Section_Header .collapseInstructions {
        display: inline-block;
        position: absolute;
        right: 20px;
        color: rgb(60, 60, 60);
        font-style: italic;
        font-size: 10px;
    }

    .XData_Section_Header.collapsed .expandInstructions {
        display: inline-block;
        position: absolute;
        right: 20px;
        font-style: italic;
        font-size: 10px;
    }

    .XData_Section_Header.collapsed .collapseInstructions {
        display: none;
    }

.XData_Section {
    border: 2px solid rgb(191, 219, 255);
    border-top: 0px;
    /* Rounded corners removed per Scott 
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    */
    /*background-color: rgb(191, 219, 255);*/
    padding: 4px;
    margin: 0px 4px 2px 4px;
}

.XData_Section_Header.collapsed + .XData_Section /* Collpased header followed by a section */ {
    display: none;
}

.XData_Section .XData_Prompt, .XData_Section .XData_Prompt_Box, .XData_Section .XData_Full_Control_Box {
    padding-left: 0px !important;
}

.XData_Signature_Image {
    width: 225px;
    height: 75px;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ValidationSummary {
    color: Red;
    background-color: white;
    padding-top: 6px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    padding-bottom: 0 !important;
    border: solid 1px red;
    margin-left: 4px;
    margin-top: 4px;
    /*font-weight: bold;*/
    /*margin: 10px 10px 10px 20px;*/
    width: 100%;
    max-width: 600px;
}

.ValidationSummaryFullWidth {
    color: Red;
    background-color: white;
    padding: 6px 6px 6px 6px;
    border: solid 1px red;
    width: 100%;
}

.XData_RequiredFieldIndicator {
    color: Red;
    vertical-align: middle;
}

.TitleBar {
    padding-left: 4px;
    background-image: url(../images/dialoggradient.png);
    background-size: 100% 100%;
    height: 25px;
    padding-top: 4px;
    font-weight: bold;
    color: #4c607a;
}

.TitleBarTitle {
    font-weight: bold;
    color: #4c607a;
}

.TitleBarInTools {
    height: 25px;
    font-weight: bold;
    padding-left: 2px;
    padding-top: 4px;
    border-bottom: solid 1px #dddddd;
    color: #4c607a;
}

.TitleBarAloneInTools {
    height: 25px;
    font-weight: bold;
    padding-left: 2px;
    padding-top: 4px;
    color: #4c607a;
}