﻿/*----------------------------------------------------------
The base color for this template is #003366. If you'd like
to use a different color start by replacing all instances of
#003366 with your new color.
----------------------------------------------------------*/
body {
    /* 	font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;     margin: 0;     padding: 0;     font-size: 0.7em; 	*/
    background-color: white;
    /*Scintel : Modified for Payment Grid*/
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.7em;
    font-weight: normal;
    letter-spacing: normal;
    margin-left: 3px;
    text-transform: none;
    word-spacing: normal;
    cursor:default;
}

.alignLeft { text-align: left; }

a:link {
   color: #3333cc;
	text-decoration: none;
}

a:visited {
    color: #003366;
    text-decoration: underline;
    font-weight: bold;
}

a:hover {
    color: #3333cc;
	text-decoration: underline;
}

a:active {
    color: #003366;
    text-decoration: underline;
    font-weight: bold;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #003366;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 {
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

.page {
    margin-left: 15%;
    padding-top: 3px;
    padding-left: 3px;
}

#header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

    #header h1 {
        font-weight: bold;
        padding: 5px 0;
        margin: 0;
        color: #fff;
        border: none;
        line-height: 2em;
        font-size: 32px !important;
    }

#main {
    /*padding: 30px 30px 15px 30px;*/
    background-color: #fff;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}

#footer {
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------
ul#menu
{
    border-bottom: 1px #003366 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}
*/
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 2px groove #FFCC66;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    color: #003366;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
}

/* Note - be careful here IE does not recognize attribute selectors */
input[type="text"] {
    width: 144px;
    font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 10pt;
}

input[type="password"] {
    width: 144px;
    font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 10pt;
}

select {
    width: auto;
}


/*
input[type="submit"]
{
    border-style: solid;
    border-width: 2px;
    background-color: #FFFFFF;
    color: #003366;
    border-color: #003366;
    font-weight: bold;
    font-size: 12px;
}
*/

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

#menucontainer {
    margin-top: 40px;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

    #logindisplay a:link {
        color: white;
        text-decoration: underline;
    }

    #logindisplay a:visited {
        color: white;
        text-decoration: underline;
    }

    #logindisplay a:hover {
        color: white;
        text-decoration: none;
    }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
    font-size: 10px;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label {
    font-size: 11px;
    margin: 6px 0 0 0;
}

.display-field, .editor-field {
}

.editor-field-double input[type="text"] {
    width: 325px;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

/* Nav Menu
-------------------------------------------------------------*/
#sddm {
    margin: 0;
    padding: 0;
    z-index: 60;
    font-weight: bold;
}

    #sddm li {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
        font-size: 12px;
        font-family: Verdana, Arial, Tahoma;
    }

        #sddm li a {
            display: block;
            margin: 0 1px 0 0;
            padding: 4px 10px;
            width: auto; /*background: #003366;*/
            color: #ffcc66;
            text-align: center;
            text-decoration: none;
            white-space: nowrap;
        }

            #sddm li a:hover {
                background: #FEEEBB;
                color: #003366;
            }

    #sddm div {
        position: absolute;
        display: none;
        margin: 0;
        padding: 0;
        background: #FEEEBB;
        border: 1px solid #003366;
        z-index: 100;
    }

        #sddm div a {
            position: relative;
            display: block;
            margin: 0;
            padding: 5px 10px;
            width: auto;
            white-space: nowrap;
            text-align: left;
            text-decoration: none; /*background: #FEEEBB;*/
            color: #003366;
            font: 11px arial;
        }

            #sddm div a:hover {
                background: #ffcc66;
                color: #003366;
            }

#navMenu-bg-tbl {
    background-image: url('Images/HeaderBackground.png');
    background-repeat: repeat-x;
    width: 900px;
    letter-spacing: 2px;
    margin-top: 3px;
}
/* Added Styles
-------------------------------------------------------------*/
.main-div {
    border: 2px groove #003366;
    padding: 1px;
}

.subMain-div {
    border: 2px groove #FFCC66;
}

.lable-div {
    text-align: left;
}

.finePrint {
    font-size: 7pt;
    font-family: Arial,Verdana;
}

.linkButton {
   font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	/*font-weight: bold;*/
	letter-spacing: 1px;
	text-decoration: underline;
}

.validator {
    font-size: 10pt;
}

.BIGBOLD {
    font-family: Arial, Sans-Serif, Tahoma;
    letter-spacing: 2px;
    font-size: 42px;
    font-weight: bold;
    color: #003366;
}

.RelayHealthLogo-img {
    height: 51px;
    width: 279px;
}

.MainTitle {
    font-size: 24px;
    color: #003366;
    font-weight: bold;
    letter-spacing: 2px;
    font-family: Arial,Sans-Serif,Tahoma;
    margin-left: 10px;
    margin-bottom: 3px;
}

.SubMainTitle {
    font-size: 18px;
    color: #003366;
    font-weight: 500;
    letter-spacing: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-left: 10px;
    margin-bottom: 3px;
}

.pageTitle {
    font-size: 42px;
    color: #003366;
    font-weight: bold;
    padding-top: 20px;
    font-family: Arial,Sans-Serif,Tahoma;
}

.btnNoStyle {
    border-width: 0px;
    background-color: transparent;
    color: #003366;
    border-color: inherit;
    font-size: 12px;
}

.startHidden {
    /**/
    display: none;
}
/* PopUp Header
-------------------------------------------------------------*/
#divPopUpHeader {
    background-color: #003366;
}

.popOutTrigger {
    color: #003366;
    background-color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
    font-size: small;
    position: absolute;
    right: 20px;
    top: 2px;
}

.popOutMenu {
    display: none;
    color: #003366;
    margin: 2px 0 0 0;
    width: 70px;
    background-color: #FEEEBB;
    font-size: small;
    border: solid 1px #003366;
    position: absolute;
    right: 17px;
    top: 17px;
}

    .popOutMenu div {
        padding: 5px 5px 5px 10px;
    }

        .popOutMenu div:hover {
            background-color: #FFCC66;
            cursor: pointer;
            font-weight: bold;
        }
/* Payee Search
-------------------------------------------------------------*/
#divPayeeSearch {
    text-align: left;
    height: 900px;
}

#divPayeeEntry {
    width: 730px;
    position: relative;
}

#divInnerEntry {
    border: 1px solid #000;
    padding: 10px 10px 0 10px;
    color: #000;
    background-color: #FFF;
    overflow-y: auto;
    height: 600px;
}

.searchTable {
    width: 350px;
    text-align: right;
}

.formInput-left-div, .formInput-right-div, .formInput-spacer-div, .formInput-double-div {
    float: left;
    height: 50px;
}

.formInput-left-div, .formInput-right-div, .formInput-spacer-div {
    width: 163px;
}

.formInput-double-div {
    width: 328px;
}

.formInput-right-div {
    margin: 0 0 0 5px;
}

.formInput-spacer-div {
}

.formInput-text-area {
    width: 328px;
    margin-bottom: 5px;
}

/* Data Display 
-------------------------------------------*/
/*Scintel:Added mouse hover*/
table tr > th {
    cursor: pointer;
}

    table tr > th:hover {
        text-decoration: underline;
    }

.tblData {
    width: 900px; /*   	border: 2px solid #FFFFFF;     border-style: groove; */
}

    .tblData tr th {
        font-weight: bold;
        background-color: #003366;
        color: #ffcc66;
    }

    .tblData tr td {
        background-color: #ffcc66;
    }

.Grid {
    width: 900px;
}

.GridHeader {
    font-weight: bold;
    background-color: #003366;
    color: #ffcc66;
}

.GridItem {
    background-color: #ffcc66;
}

.GridAtlItem {
    background-color: #ffefbf;
}

.tblData tr.odd td {
    background-color: #FFFFFF;
    /*Scintel : Added for Grid data Font Style*/
    font-family: Verdana, Helvetica, sans-serif;
}

.tblData tr.even td {
    background-color: #FFEFBF;
    /*Scintel : Added for Grid data Font Style*/
    font-family: Verdana, Helvetica, sans-serif;
}

.Normal {
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
}

.or-label {
    margin-right: 147px;
}

/* Data Table CSS */

#example tr th:hover {
    cursor: pointer;
}

#example tr.even:hover td {
    background-color: #FFCC66;
}

#example tr.odd:hover td {
    background-color: #FFCC66;
}

#example_paginate {
    background-color: #003366;
    color: #FFCC66;
    font-weight: bold;
    width: 900px;
}

span.paginate_button {
    display: inline-block;
    background-color: #003366;
    color: #ffcc66;
    padding: 2px 6px;
    margin-left: 2px;
    cursor: pointer;
}

span.paginate_active {
    display: inline-block;
    background-color: #003366;
    padding: 2px 6px;
    margin-left: 2px;
    cursor: pointer;
}

span.paginate_active {
    background-color: #FFCC66;
    color: #003366;
    border: 1px solid #003366;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
    font-size: 1.1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #7e7783;
    background: #3d3644 url(images/ui-bg_gloss-wave_30_3d3644_500x100.png) 50% top repeat-x;
    color: #ffffff;
}

    .ui-widget-content a {
        color: #ffffff;
    }

.ui-widget-header {
    border: 1px solid #231d2b;
    background: #30273a url(images/ui-bg_highlight-soft_25_30273a_1x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #ffffff;
    }

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 12px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 11px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
            width: 10px;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 60px;
    }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 60px;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }


    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display: /**/ block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.BtnStyleLeft {
    border-style: solid;
    border-width: 1px;
    background-color: #ffffff;
    color: #003366;
    border-color: inherit;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 12px;
    height: 20px;
    /*width: 200px;*/
    float: left;
}

.BtnStyleLeftWide {
    border-style: solid;
    border-width: 1px;
    background-color: #ffffff;
    color: #003366;
    border-color: inherit;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 12px;
    height: 20px;
    width: 200px;
    float: left;
}

.BtnStyleRight {
    border-style: solid;
    border-width: 1px;
    background-color: #ffffff;
    color: #003366;
    border-color: inherit;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 12px;
    height: 20px;
    width: 140px;
    float: right;
}

.BtnStyleRightWide {
    border-style: solid;
    border-width: 1px;
    background-color: #ffffff;
    color: #003366;
    border-color: inherit;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 12px;
    height: 20px;
    width: 200px;
    float: right;
}

.dataTables_length {
    float: inherit;
}

.dataTables_filter {
    float: inherit;
}

    .dataTables_filter input[type="button"] {
        margin-right: 10px;
    }

.dataTables_paginate {
    background: #003366;
}

.add-payment-form-left {
    float: left;
    width: 60%;
}

.add-payment-form-right {
    float: left;
    width: 40%;
}

.add-payment-form-full {
    float: left;
    width: 50%;
}

.add-payment-form-center-full {
    width: 100%;
    float: left;
    text-align: center;
}

.editor-label-payments {
    float: left;
    width: 25%;
    text-align: right;
    padding: 3px 3px 3px 0px;
}

.editor-field-payments {
    float: left;
    width: 71%;
    text-align: left;
    padding: 2px 10px 2px 0px;
}

.editor-label-right-payments {
    float: left;
    width: 35%;
    text-align: right;
    padding: 3px 3px 3px 0px;
}

.editor-field-right-payments {
    float: left;
    width: 60%;
    text-align: left;
    padding: 2px 10px 2px 0px;
}

.editor-label-Invoice {
    float: left;
    width: 25%;
    text-align: right;
    padding: 3px 3px 3px 0px;
    clear: left;
}

.editor-field-Invoice {
    float: left;
    width: 65%;
    text-align: left;
    padding: 2px 10px 2px 0px;
    clear: right;
}

.add-invoice-form-center-full {
    width: 100%;
    float: left;
    text-align: center;
    clear: both;
}

.editor-label-Draw-Downs {
    float: left;
    width: 40%;
    text-align: right;
    padding: 3px 3px 3px 0px;
}

.editor-field-Draw-Downs {
    float: left;
    width: 55%;
    text-align: left;
    padding: 2px 10px 2px 0px;
}

.Label-835-Popup {
    float: left;
    width: 33%;
    text-align: right;
    padding: 3px 8px 3px 0px;
    clear: left;
    font-weight: bold;
}

.Field-835-Popup {
    float: left;
    width: 60%;
    text-align: left;
    padding: 3px 0px 3px 0px;
    clear: right;
}

.Header-835-Popup {
    float: left;
    width: 99%;
    text-align: left;
    padding: 6px 0px 2px 0px;
    clear: both;
}

.Label-SubmitOrder-Popup {
    font-weight: bold;
    clear: left;
    float: left;
    width: 32%;
    text-align: right;
    padding: 3px 3px 3px 0px;
}

.Field-SubmitOrder-Popup {
    clear: right;
    float: left;
    width: 60%;
    text-align: left;
    padding: 2px 16px 2px 0px;
}

.header-SubmitOrder {
    clear: both;
    float: left;
    width: 85%;
    text-align: left;
    padding: 2px 10px 2px 10px;
}

.container-SubmitOrder-top {
    clear: both;
    float: left;
    width: 80%;
    text-align: left;
    padding: 2px 10px 2px 35px;
}

.container-SubmitOrder-bottom {
    clear: both;
    float: left;
    width: 75%;
    text-align: left;
    padding: 2px 10px 2px 35px;
}

.container-SubmitOrder-localFiles {
    clear: left;
    float: left;
    width: 40%;
    text-align: left;
    padding: 2px 0px 2px 100px;
}

.container-SubmitOrder-sendFiles {
    clear: right;
    float: left;
    width: 40%;
    text-align: left;
}

.container-SubmitOrder-checkbox {
    clear: both;
    text-align: left;
    padding: 0px 0px 0px 16px;
}

.penny-test-col-a {
    text-align: left;
}

.penny-test-col-b {
    text-align: left;
}

.penny-test-group-row {
    text-align: left;
}

.status-block-ul {
    color: Red;
}

.status-block-hidden-Success {
    color: Navy;
}

ui-datepicker-week-end ui-datepicker-other-month {
    background-color: #FFFFFF;
}

ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_734d99_256x240.png);
}

/*----------------------------------------------*/
/*--- User Profile Page ------*/

.profile-labels {
    float: left;
}

.profile-fields {
}

a.disabled {
    color: gray;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label-wide {
    font-size: 11px;
    margin: 6px 0 0 0;
    padding-right: 55px;
}

.display-field, .editor-field-wide {
}

.editor-field-double input[type="text"] {
    width: 375px;
}

/*****************************************/
/* Payee Entry Specific Divs and Classes */
/****************************************/

#payeeEntryHeader {
    text-align: right;
    padding: 0px 0px 10px 0px;
    font-size: 16px;
    margin-left: 175px;
}

    #payeeEntryHeader input[type="text"] {
        width: auto!important;
        font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
        font-size: 16px;
        border: 0px dashed #FFFFFF;
        text-align: left;
    }

#payeeInformationFull {
    width: 650px;
}

#payeeInformationLeft {
    width: 355px;
    float: left;
    text-align: right;
}

#payeeInformationRight {
    width: 295px;
    float: right;
    text-align: right;
}

#bankInformationFull {
    width: 650px;
}

#bankInformationLeft {
    width: 325px;
    float: left;
    text-align: right;
}

#bankInformationRight {
    width: 305px;
    float: right;
    text-align: right;
}

#ftpInformationLeft {
    width: 345px;
    float: left;
    text-align: left;
}

#payeeColOne {
    width: 190px;
    float: left;
}

#payeeColTwo {
    float: left;
    width: 220px;
    padding-left: 15px;
    padding-right: 15px;
}

#payeeColThree {
    float: left;
    width: 230px;
    padding-right: 10px;
}

#Options {
    width: 700px;
}

.payeeEditorLeft, .bankEditorLeft, .payeeEditorRight, .payeeEditorLeft2, .payeeEditorLeft3, .payeeEditor2Col, .payeeLabel1, .bankEditorLeft4 {
    padding: 0px 0px 2px 0px;
    display: inline-block;
}

.payeeEditorLeft4 {
    padding: 0px 0px 4px 0px;
}

.payeeEditorLeft5 {
    padding: 0px 0px 2px 0px;
}

.payeeEditorLeft6 {
    padding: 4px 0px 4px 0px;
    display: inline-block;
}

    .payeeEditorLeft6 select {
        width: 55px;
    }

.payeeEditorLeft5 label, input[type="radio"] {
    vertical-align: middle;
}

.payeeEditorLeftCol1 {
    width: 255px;
}

.payeeEditorLeftCol2 {
    width: 166px;
}

.payeeEditorLeft3 {
    width: 238px;
    padding-right: 200px;
    display: inline-block;
}

.payeeLabel1 {
    width: 165px;
    padding-right: 188px;
    display: inline-block;
}

.payeeNPIBox {
    position: inherit;
    width: 600px;
}

.payeeEditor2Col {
    width: 650px;
}

.payeeEditorLeft input {
    width: 200px;
    font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 10pt;
}

.payeeEditorLeft {
    padding: 0px 0px 2px 0px;
    display: inline-block;
}

.payeeEditorLeft41 input {
    width: 200px;
    font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 10pt;
}

.payeeEditorLeft41 {
    padding: 0px 0px 4px 0px;
    display: inline-block;
}

.payeeEditorRight input {
    width: 170px;
    font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 10pt;
}

.payeeEditorRight select {
    width: 175px;
    clear: both;
}

.payeeError {
    float: right;
    text-align: right;
    padding-bottom: 2px;
    display: inline-block;
    width: 100%;
}

.payeeEditorLeft2 select {
    width: 156px;
}

.payeeEditorLeft3 select {
    width: 88px;
}

.payeeEditorLeft4 {
    width: 228px;
    padding-right: 200px;
}

    .payeeEditorLeft4 select {
        width: 88px;
    }

/*Manufacturer Specific Code

/*****************************************/
/* Payee Entry Specific Divs and Classes */
/****************************************/

#divManufacturerSearch {
    text-align: left;
    height: 900px;
}

#divManufacturerEntry {
    width: 730px;
    position: relative;
}

#manEntryHeader {
    width: 530px;
    text-align: right;
    padding: 0px 0px 10px 0px;
    font-size: 16px;
    display: inline-block;
}

    #manEntryHeader input[type="text"] {
        width: 75px;
        font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
        font-size: 16px;
        border: 0px dashed #FFFFFF;
        text-align: left;
    }

#contractInformationFull {
    width: 650px;
}

#contractInformationLeft {
    width: 330px;
    float: left;
    text-align: right;
}

#contractInformationRight {
    width: 300px;
    float: right;
    text-align: right;
}

#billingInformationFull {
    width: 650px;
}

#billingInformationLeft {
    width: 320px;
    float: left;
    text-align: right;
}

#billingInformationRight {
    width: 330px;
    float: right;
    text-align: right;
}

#sapInformationFull {
    width: 650px;
}

#sapInformationLeft {
    width: 320px;
    float: left;
    text-align: right;
}

#sapInformationRight {
    width: 330px;
    float: right;
    text-align: right;
}

.contractEditorLeft {
    padding: 0px 0px 2px 0px;
    display: inline-block;
}

    .contractEditorLeft input[type="text"] {
        width: 180px;
        font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
        font-size: 10pt;
    }

    .contractEditorLeft textarea {
        width: 180px;
        font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
        font-size: 10pt;
    }

    .contractEditorLeft select {
        width: 180px;
        font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
        font-size: 10pt;
    }


.contractEditorRight {
    display: inline-block;
    padding: 0 0 2px;
}

    .contractEditorRight input[type="text"] {
        width: 125px;
        font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
        font-size: 10pt;
    }


    .contractEditorRight select {
        width: 125px;
        font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
        font-size: 10pt;
    }

.contractEditorRight2 {
    text-align: right;
    padding-right: 90px;
}


.billingEditorLeft input[type="text"] {
    width: 200px;
    font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 10pt;
}

.billingEditorRight input[type="text"] {
    width: 220px;
    font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 10pt;
}

.billingEditorRight select {
    width: 225px;
}

.billingEditorRight {
    display: inline-block;
    padding: 0 0 2px;
}

.sapEditorLeft {
    padding-bottom: 2px;
    display: inline-block;
}

    .sapEditorLeft input[type="text"] {
        width: 200px;
        font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
        font-size: 10pt;
    }

.sapEditorLeftLabel {
    vertical-align: middle;
    font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 10pt;
    font-weight: bold;
}
.sapEditorLeft2 {
    width: 225px;
}
    .sapEditorLeft2 label, input[type="checkbox"] {
        vertical-align: middle;
    }

.sapEditorRight input[type="text"] {
    width: 120px;
    font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 10pt;
}

.sapEditorRight {
    padding-bottom: 2px;
    display: inline-block;
}

.sapTrailerLeft {
    padding-top: 20px;
    clear: both;
}
/* TPA Search Specific Divs and Classes */
#tpaInformationFull {
    width: 650px;
}

#tpaInformationLeft {
    width: 315px;
    float: left;
    text-align: right;
}

#tpaInformationRight {
    width: 295px;
    float: right;
    text-align: right;
}

#tpaBillFull {
    width: 650px;
}

#tpaBillLeft {
    width: 315px;
    float: left;
    text-align: right;
}

#tpaBillRight {
    width: 295px;
    float: right;
    text-align: right;
}

#TPAsearchTable {
    width: 375px;
}

.grpData {
    width: 205px;
    float: left;
    text-align:left ;
}

    .grpData tr th {
        font-weight: bold;
        background-color: #FFFFFF;
        color: #ffcc66;
        display: none;
    }

    .grpData tr td {
        background-color: #ffcc66;
    }

#divGroupDisplay {
    text-align: left;
}

.grpData tr.odd td {
    background-color: #FFFFFF;
}

.grpData tr.even td {
    background-color: #FFEFBF;
}

.grpData a:link {
    text-decoration: none;
}

.tpaEditorLeft {
    padding-bottom: 2px;
    display: inline-block;
}

    .tpaEditorLeft input[type="text"] {
        width: 200px;
        font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
        font-size: 10pt;
    }

.tpaEditorLeft2 input {
    width: 141px;
    padding: 0px 0px 5px 0px;
    display: inline-block;
}

.tpaError {
    float: right;
    text-align: right;
    padding-bottom: 2px;
    display: inline-block;
    width: 100%;
}

.tpaEditorRight {
    padding-bottom: 2px;
    display: inline-block;
}

    .tpaEditorRight input[type="text"] {
        width: 190px;
        font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
        font-size: 10pt;
    }

    .tpaEditorRight select {
        width: 195px;
        font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
        font-size: 10pt;
    }

.bankEditorLeft {
    display: inline-block;
    padding-bottom: 2px;
}

    .bankEditorLeft input[type="text"] {
        width: 170px;
        font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
        font-size: 10pt;
    }

.bankEditorRight {
    padding-bottom: 2px;
    display: inline-block;
}

    .bankEditorRight input[type="text"] {
        width: 160px;
        font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
        font-size: 10pt;
    }

.bankEditorLeft select {
    width: 175px;
}

#groupTable_wrapper {
    float: right;
    width:205px;
}

.dataTables_scrollBody {
    width: 205px;
}

.dataTables_scrollHead {
    display: none;
}

.invoice-table-cell {
    width: 100px;
}

#EnterFees {
    background-color: #FFFFFF;
    width: 520px;
}

    #EnterFees tr th {
        font-weight: bold;
        background-color: #003366;
        color: #ffcc66;
        text-align: left;
    }

    #EnterFees tr td {
        text-align: left;
        background-color: #ffffff;
    }

.FeesColumn1 {
    text-align: left;
    width: 250px;
}

.FeesColumn2 {
    text-align: left;
    width: 150px;
}

#AdminFeeHeader {
    width: 100%;
}

#AdminFeeHeaderLeft {
    width: 300px;
    margin-left: 10px;
    text-align: left;
    float: left;
    font-size: x-large;
    font-weight: bold;
}

#AdminFeeHeaderRight {
    width: 200px;
    margin-right: 10px;
    text-align: right;
    float: right;
    font-size: large;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}

.AdminFeeBody {
    clear: both;
    text-align: right;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 10px;
    display: inline-block;
}

.centerTable input[type="text"] {
    width: 200px!important;
    font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 10pt;
}

.centerTable2 input[type="text"] {
    width: 75px;
    font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 10pt;
}

.AdminFeeTableHeaderLeft {
    float: left;
    text-align: left;
    width: 200px;
}

.AdminFeeTableHeaderRight {
    float: right;
    text-align: right;
    width: 200px;
    color: #003366;
    text-decoration: underline;
    font-weight: bold;
}

    .AdminFeeTableHeaderRight a:hover {
        font-size: 12px;
    }

.adminMessage input[type="text"] {
    border: 0px dashed #FFFFFF;
}

#UserProfileBody {
    width: 900px;
}

#UserProfileFull {
    margin-top: 10px;
    width: 650px;
}

#UserProfileInfoLeft {
    width: 500px;
    float: left;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.w-15 {
    width:15%;
}

.w-85 {
    width: 85%;
    text-align: left;
}

.w-100 {
    width: 100%;
}

.d-flex {
    display: flex !important;
    align-items: center;
}
.UserProfileLeft input[type="text"] {
    width: 200px;
    font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 10pt;
}

.UserProfileLeft input[type="password"] {
    width: 200px;
    font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 10pt;
}

.UserProfileLeft {
    display: inline-block;
    padding: 0px 0px 2px 0px;
}

    .UserProfileLeft select {
        width: 205px;
        font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
        font-size: 10pt;
    }

.UserProfileLeft2 {
    margin-left: 95px;
    text-align: left;
}

.UserProfileLeft3 input[type="text"] {
   width: 400px!important;
    font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 10pt;
    border: 0px dashed #FFFFFF;
}


.UserProfileLeft4 input[type="text"] {
   width: 139px!important;
    font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 10pt;
    border: 0px dashed #FFFFFF;
}

.ForgotPassword {
    display: inline-block;
    padding-left: 10px;
    padding-top: 35px;
    color: #696969;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

    .ForgotPassword a {
        font-family: Verdana,Helvetica,sans-serif;
        font-size: 12px;
        font-weight: 400;
        font-style: normal;
        color: #3333CC;
        text-decoration: none;
        padding-right: 35px;
        display: inline-block;
    }

.ForgotPassword2 {
    font-size: 12px;
    padding-left: 80px;
    padding-top: 10px;
    display: inline-block;
    color: black;
    width: 270px;
    text-align: right;
}

    .ForgotPassword2 input[type="text"] {
        font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
        font-size: 10pt;
    }

.ForgotPassword3 {    
    padding-left: 85px;
    color: Red;
}

    .ForgotPassword3 input[type="text"] {
        font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
        font-size: 10pt;
        float: left;
        border: 0px dashed #FFFFFF;
    }

#UserEntryHeader {
    font-weight: bold;
    padding-left: 10px;
    display: inline-block;
    text-align: left;
    width: 100%;
}

#UserEntryBody {
    width: 100%;
}

#UserEntryFull {
    margin-top: 10px;
    width: 100%;
}

#UserEntryInfoLeft {
    width: 300px;
    float: left;
    text-align: right;
    padding-bottom: 20px;
    display: inline-block;
}

#SuccessMessage {
    padding-bottom: 10px;
    padding-top: 10px;
    display: inline-block;
}

.UserEntryLeft input[type="text"] {
    width: 225px;
    font-family: Arial, Verdana, Tahoma, "Helvetica Neue", Helvetica, Sans-Serif;
    font-size: 10pt;
}

.UserProfileLeft2 {
    margin-left: 95px;
    text-align: left;
}

.UserEntryLeft2 {
    margin-left: 95px;
    text-align: left;
    width: 350px;
}

.UserEntryLeft3 {
    margin-left: 95px;
    text-align: left;
}

.UserProfileLeft4 {
    margin-right: 15px;
    text-align: right;
}

.login {
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 11.2px;
}

    .login input {
        width: 144px;
    }


.loginError {
    color: Red;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    width: 400px;
}

.style1 {
    height: 23px;
    width: 70px;
}

.style2 {
    height: 23px;
    width: 101px;
}

.style4 {
    height: 23px;
    width: 129px;
}


.payee {
    font-family: Times New Roman;
    font-style: italic;
    color: #003366;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}
/*Added by scintel*/
#selectPayee {
    color: Red;
    font-weight: bold;
}

#selectTPA {
    color: Red;
    font-weight: bold;
}
.divcolor {
    color: Red;
    font-weight: bold;
}
.errormsg {
    color: Red;
    font-weight: bold;
    text-align: center;
}

/*Scintel: Disabled Button*/
button:disabled {
    color: gray;
    border: 1px solid gray;
}
/*Scintel: text center*/
.txtCenter {
    text-align: center;
}
/*Scintel:Ftp Padding*/
.padL30 {
    padding-left: 40%;
}

/*scintel
scintel - InvoiceReports*/
.rightAlign {
    color: #003366;
    font-weight: bold;
    font-family: Verdana, Arial;
    font-size: 12px;
    height: 20px;
    width: 320px;
    float: right;
    cursor: pointer;
    text-decoration: underline;
}
/* Scintel : Added for Validations*/
.errorMessage {
    color: Red;
}

.errorControl {
    border: 1px solid red;
}


/*PayeeReport*/
.info {
    font-size: 8pt;
    width: 856px;
}


.datagrid {
    width: 900px;
    padding: 0px 0px 0px 10px;
}


.requiredMessage {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 12px;
    color: Red;
    width: 400px;
    padding: 0px 0px 0px 10px;
}


.reportType {
    height: 23px;
    width: 80px;
    text-align: left;
    padding: 0px 0px 0px 10px;
}

.record {
    color: Red;
    border-width: 0px;
    border-style: None;
    font-weight: bold;
}

.tbl {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    background-color: White;
    border-color: White;
    border-width: 2px;
    border-style: Ridge;
    height: 49px;
    width: 900px;
}


.errmsg {
    padding: 0px 0px 0px 10px;
    font-size: 12px;
}


.label {
    font-size: 11px;
    font-family: Verdana, Helvetica, sans-serif;
}


.rptType {
    height: 23px;
    width: 80px;
    text-align: left;
    padding: 0px 0px 0px 10px;
}
 .textAlign
{
    color: #003366;
	font-weight: bold;
	font-family: Verdana, Arial;
	font-size: 12px;
	height: 20px;
	width: 350px;
	float: right;
	cursor:pointer;
	text-decoration:underline;
}

 tr.selected-row {
    font-weight: bold;
}
.blockUI {
    cursor:default!Important;
}