/* Minification failed. Returning unminified contents.
(2345,30): run-time error CSS1019: Unexpected token, found ':'
(2345,30): run-time error CSS1042: Expected function, found ':'
(2345,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
/*! normalize.css 2011-09-22T17:42 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 */

audio:not([controls]) {
    display: none;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Keeps page centred in all browsers regardless of content height
 * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    overflow-y: scroll; /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    -ms-text-size-adjust: 100%; /* 3 */
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    margin: 0;
}

/* 
 * Addresses font-family inconsistency between 'textarea' and other form elements.


body,
button,
input,
select,
textarea {
    font-family: sans-serif;
}*/


/* =============================================================================
   Links
   ========================================================================== 

a {
    color: #00e;
}

a:visited {
    color: #551a8b;
}*/

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome
*/

b, 
strong { 
    font-weight: bold; 
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

ul,
ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9 
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects alignment displayed oddly in IE6/7
 */

legend {
    border: 0; /* 1 */
    *margin-left: -7px; /* 2 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3/4, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Corrects inner spacing displayed oddly in IE7 without effecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Addresses excess padding in IE8/9
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    margin-right: 5px;
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Corrects inner padding displayed oddly in S5, Chrome on OSX
 */

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Corrects inner padding and border displayed oddly in FF3/4
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/* 
 * Remove most spacing between table cells
 */

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

/*close icon on popups not aligned*/
span.ui-icon-closethick 
{ top: 0px !important;
  left: 0px !important;

} 

/*the close button on dialog was showing a white square*/
button.ui-dialog-titlebar-close {
    border: none !important;
    /*background: none !important;*/
    background-color: transparent;
    width: 16px !important;
    height: 16px !important;
}

/*modal popups (.ui-dialog) need to be in front of ui-widget-overlay*/
.ui-dialog {
	z-index: 300;
}

/*modal popup overlay allowing to scroll beyond it*/
.ui-widget-overlay {
    position: fixed !important;
}

/*popup dialog close button remove blue focus on chrome*/
.ui-dialog-titlebar-close:focus {
  /*background-image: none !important;*/
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  width: 16px !important;
  background-color: transparent;
}

/*override the coloring of items in autocomplete with a gray borderless highlight*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{ border: none;background: #777777 url(themes/esp/images/ui-header.jpg) 50% 50% repeat-x; font-weight: bold; color: #eeeeee; }


/*************************************
         GENERAL STYLES              
*************************************/
body {
    font-family: Arial, Helvetica, sans-serif;
    background: #FFF url(images/body-bg.jpg) repeat-x bottom fixed;
    padding-bottom: 10px;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 21px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 15px;
}

h6 {
    font-size: 12px;
    margin: 0;
    margin-bottom: 5px;
}

a {
    font-size: 12px;
    text-decoration: underline;
}

ul li, ol li {
    list-style-type: none;
    font-size: 12px;
}

/*************************************
         ULTILITY STYLES              
*************************************/
.hidden-text {
    text-indent: -99999px;
    font-size: 0px;
}

.clear { /*clear: both;*/
    height: 1px;
}

.clear-float {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.center-image-horizontally {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.hidden {
    display: none;
}

.scrollable {
    overflow: auto;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

input[type="text"] {
    width: 200px;
    border: 1px solid #CCC;
    padding: 4px;
}

select {
    border: 1px solid #CCC;
    padding: 3px;
    outline: none;
}

input[type="password"] {
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/
/* Global border style? common....*/
/*table { border: solid 1px #e8eef4; border-collapse: collapse; }*/

td {
    border: solid 1px silver;
    padding: 0.4em;
    vertical-align: top;
}

th {
    text-align: left; /*background-color: #00ADD0;*/
    padding: 0.4em; /*color: White;*/
    vertical-align: top;
    border: solid 1px silver;
}

/*.odd-row {
    background-color: #e9e9e9;
}*/

.is-deleted {
    background-color: #c9c9c9;
    margin: 1px 0px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
    background-color: inherit;
    border: 0px;
    padding-left: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 1px;
    font-family: helvetica;
    font-size: 1.1em;
    text-align: left;
    display: block !important;
    font-weight: normal;
    width: auto;
    cursor: pointer;
    position: relative;
}

.field-validation-valid {
    display: none !important;
}

.input-validation-error {
    border: 1px solid #ff0000 !important;
    background-color: #fbbeb7 !important;
}

.validation-summary-errors {
    font-weight: bold;
    color: #F00;
    padding-top: 10px;
}

.validation-summary-valid {
    display: none;
}

.validation-summary-errors span, .validation-summary-errors ul, .validation-summary-errors li {
    margin: 5px 10px;
    border: none !important;
}

.Message {
    font-weight: bold;
}

.current-field-validation {
    font-style: italic;
    font-weight: bold;
}

.field-validation-ok {
    padding-left: 5px;
    color: green;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #CCCCCC;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #CCCCCC;
}

:-ms-input-placeholder { /* IE 10+ */
    color: #CCCCCC;
}

:-moz-placeholder { /* Firefox 18- */
    color: #CCCCCC;
}

/*Flash messages----------*/
#flash {
    border-style: solid;
    border-width: 3px 0px;
    padding: 10px 10px 10px 45px;
    display: none;
    cursor: pointer;
    text-align: left;
    top: 93px;
}

#flash {
    position: fixed;
    z-index: 99;
    word-wrap: break-word;
    width: -webkit-fill-available;
}

    #flash.info {
        border-color: #0E6DA5 !important;
        background: #d1e4f3 url(images/level5/icons/info.png) no-repeat 10px center !important;
        color: black !important;
    }

    #flash.success {
        border-color: #55B309;
        color: #55B309;
        background: #CCFFCC url(images/level5/icons/success.png) no-repeat 10px center;
    }

    #flash.warning {
        border-color: #FFA60C;
        color: #925A02;
        background: #ffe9ad url(images/level5/icons/warning.png) no-repeat 10px center;
    }

    #flash.error {
        border-color: #D90606;
        color: #D90606;
        background: #fad5cf url(images/level5/icons/error.png) no-repeat 10px center;
    }

    #flash.clone {
        position: absolute;
        top: -1000;
        left: -1000;
        display: block;
    }

    #flash.message {
        border-color: #54B948;
        background: url(images/level5/icons/info.png) no-repeat 10px center;
    }

div#main div#flash {
    position: relative;
    width: auto;
    z-index: 99;
    word-wrap: break-word;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label {
    margin: 1em 0 0 0;
}

.display-field, .editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

    .text-box.multi-line {
        height: 6.5em;
    }

.tri-state {
    width: 6em;
}

.search-button {
    background: url(images/search.png) no-repeat !important;
    border: 0px !important;
    display: inline-block !important;
}

.search-button {
    height: 17px !important;
    width: 17px !important;
}

    .search-button.disableinput {
        background-position: -17px 0px !important;
    }

    .search-button:hover {
        cursor: pointer;
    }

/* Setting default colors */
.primary-color, a, #content-right .content-header h2 .content-header-import h2 .esp-list-footer .paging span {
    color: #2eb135;
}

.secondary-color, .user-details li a, .entry-form-header h6 {
    color: #cce5c0;
}

.esp-list-footer {
    background-color: #cce5c0;
}

#page-spacer {
    background: #FFF;
    height: 1px;
    margin: 0px 0px 0px -501px;
    width: 1002px;
    border-bottom: solid 1px #C4C4C4;
}

#page-spacer {
    position: fixed;
    top: 0px;
    left: 50%;
    z-index: 10;
}

#page {
    background: #FFF;
    width: min-content;
    margin-top: 0px !important;
    margin: 15px auto;
    border: 1px solid #C4C4C4;
    border-top: 0px;
}

#header {
    background: url(images/header-bg.png) repeat-x #2EB135;
    height: 60px;
    width: 100%;
    position: fixed;
    z-index: 199;
}
.new-header {
    height: 90px !important;
    background-size:270px !important;
}
.new-header-input {
    width: 130px !important;
    color: black !important;
    height: 22px !important;
    margin-right: 5px !important;
    margin-left: 2px !important;
    font-size: 12px !important;
}
.new-header-input-hidden {
    font-size: 12px !important;
    width: 130px !important;
    color: black !important;
    height: 22px !important;
    margin-right: 5px !important;
    margin-left: 2px !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}
.new-header-DateTo {
    width: 90px !important;
    height: 20px !important;
    color: black !important;
    margin-top: 4px !important;
    margin-left: 26px !important;
    font-size: 12px !important;
}
.new-header-Label {
    margin-block: 15px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.new-header-search-fields {
    width: 105px !important;
    margin-left: 80px !important;
    font-size: 14px !important;
    color:white;
}
.new-header-DateFrom {
    width: 90px !important;
    height: 20px !important;
    color: black !important;
    margin-top: 2px !important;
    font-size: 12px !important;
}
    #header table {
        margin: 8px;
        margin-left: 20px;
        float: left;
    }

        #header table td {
            padding: 1px;
            border: none;
        }

            #header table td label {
                margin-left: -2px;
                margin-right: 2px;
                font-size: 13px;
                color: #fff;
            }

    #header form input[type=text] {
        height: 26px;
        width: 323px;
        float: left;
        margin: 10px 10px 10px 10px;
        padding: 6px 0px 6px 10px;
        border: none;
        font-size: 14px;
        color: black;
    }

    #header form input[type=button] {
        background: url(images/ui-organization-header.png) repeat-x 0px 0px;
        height: 26px;
        width: 93px;
        float: left;
        border: solid 1px #c4c4c4;
        border-radius: 0px;
        margin: 10px 0 0;
        font-family: Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        font-size: 14px;
    }

        #header form input[type=button]:hover {
            background: #EFEFEF none;
        }

    #header form select {
        border-radius: 0px;
        margin: 1px 5px 0px 5px;
        min-width: 130px;
        font-size: 15px;
    }

    #header #organization-search-return {
        margin: 20px 0px 0px 10px;
        float: left;
    }

    #header #logo-border {
        background: url(images/logo-border.png) no-repeat #2eb135;
        display: block;
        float: right;
        height: 60px;
        width: 141px;
        position: absolute;
        right: 0px;
        top: 0px;
    }

    #header #logo-area {
        display: block;
        float: right;
        height: 41px;
        width: 125px;
        margin: 7px 10px 0px 0px;
        overflow: visible;
    }

    #header #logo {
        display: block;
        max-height: 49px;
        max-width: 125px;
        overflow: hidden;
        margin: 3px 0 0 0;
    }

        #header #logo img {
            height: 42px;
            width: 125px;
            display: block;
            margin: 0px auto;
        }

input[type=button], input[type=submit], input[type=reset], a.button, button.submit {
    border: solid 1px #c4c4c4;
    background: url(images/ui-organization-header.png) repeat-x 0px -2px;
    border-radius: 0px;
    width: auto;
    height: auto;
    padding: 5px 8px;
    font-size: 12px;
    color: #2EB135;
    font-weight: bold;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
}

    input[type=button]:hover, input[type=submit]:hover, a.button:hover, button.submit:hover {
        background: #EFEFEF none;
    }

a.button {
    display: inline;
    text-decoration: none;
    text-align: center;
}

.inplace_cancel, .inplace_save {
    margin: 2px 0 0;
}

a.disabled-button, a.disabled-button:hover {
    border: solid 1px #c4c4c4;
    background: url(images/ui-organization-header.png) repeat-x 0px -2px;
    border-radius: 4px;
    width: auto;
    height: auto;
    padding: 5px 8px;
    font-size: 12px;
    color: gray;
    font-weight: bold;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

input[type=submit]:disabled {
    border: solid 1px #c4c4c4;
    background: url(images/ui-organization-header.png) repeat-x 0px -2px;
    border-radius: 4px;
    width: auto;
    height: auto;
    padding: 5px 8px;
    font-size: 12px;
    color: gray;
    font-weight: bold;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
input[type=submit]:disabled:hover {
    border: solid 1px #c4c4c4;
    background: url(images/ui-organization-header.png) repeat-x 0px -2px;
    border-radius: 4px;
    width: auto;
    height: auto;
    padding: 5px 8px;
    font-size: 12px;
    color: gray;
    font-weight: bold;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

input[type=button]:disabled {
    border: solid 1px #c4c4c4;
    background: url(images/ui-organization-header.png) repeat-x 0px -2px;
    border-radius: 4px;
    width: auto;
    height: auto;
    padding: 5px 8px;
    font-size: 12px;
    color: gray;
    font-weight: bold;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

input[type=button]:disabled:hover {
    border: solid 1px #c4c4c4;
    background: url(images/ui-organization-header.png) repeat-x 0px -2px;
    border-radius: 4px;
    width: auto;
    height: auto;
    padding: 5px 8px;
    font-size: 12px;
    color: gray;
    font-weight: bold;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

#content-right .entry-form > input[type=submit] {
    margin: 15px;
}

#footer {
    position: fixed;
    bottom: 0px;
/*    left: 50%;
    margin-left: -501px;*/
    border-top: solid 1px #C4C4C4;
    z-index: 199;
}

#footer {
    width: 100%;
    padding: 15px 0px;
    background: #FFF url(images/body-bg.jpg) repeat-x bottom fixed;
}

#footer-content {
    border: solid 1px #C4C4C4;
    background: #FFF;
    width: 960px;
    padding: 5px 20px;
    text-align: center;
    display: inline-block;
}

    #footer-content #logo {
        margin: 0px 15px;
        height: 54px;
        display: block;
        float: left;
    }

        #footer-content #logo img {
            max-height: 54px;
            max-width: 125px;
        }

    #footer-content .legal {
        color: #808080;
        font-size: 11px;
        margin: 0px 0px;
        display: inline-block
    }

    #footer-content .utilities {
        margin: 20px 0px;
        padding: 0px;
        margin-left: 15em;
    }

        #footer-content .utilities li {
            float: left;
            display: inline;
            margin-right: 10px;
        }

.user-details {
    float: right;
    margin: 11px 20px 0px 0px;
    padding: 0px;
   /* width: 185px;*/
}

    .user-details li {
        display: block;
        text-align: right;
        margin-right: 10px;
        color: #d7d7d7;
    }

        .user-details li.divider {
            color: #9E9D9D;
        }

.logo {
    background: url(images/logo.jpg) no-repeat;
    display: block;
    float: right;
    height: 61px;
    width: 141px;
    position: absolute;
    right: 0px;
    top: 0px;
}

#content {
    background: url(images/content-bg.png) repeat-y;
    padding-top: 89px;
    margin-bottom: 40px;
}

#terms-content {
    width: 1000px;
    margin-top: -18px;
    background: #ebebeb; /* Old browsers */
    background: -moz-linear-gradient(left, #ebebeb 0%, #ffffff 99%, #c5c5c5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ebebeb), color-stop(99%,#ffffff), color-stop(100%,#c5c5c5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ebebeb 0%,#ffffff 99%,#c5c5c5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ebebeb 0%,#ffffff 99%,#c5c5c5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ebebeb 0%,#ffffff 99%,#c5c5c5 100%); /* IE10+ */
    background: linear-gradient(to right, #ebebeb 0%,#ffffff 99%,#c5c5c5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#c5c5c5',GradientType=1 ); /* IE6-9 */
}

    #terms-body {
        height: 100%;
        padding-bottom: 60px;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 10px;
    }

    #content-left {
        float: left;
        width: 198px;
    }

    #content-left .organization-branding {
        background: #FFF;
        height: 155px;
        width: 199px;
        border-bottom: solid 1px #C4C4C4;
    }

        #content-left .organization-branding img {
            height: 98px;
            width: 196px;
        }

        #content-left .organization-branding p {
            display: block;
            width: 100%;
            text-align: center;
            bottom: 0px;
            padding: 0px;
            margin: 0;
            padding-top: 10px;
        }

            #content-left .organization-branding p.smallfont {
                font-size: 10px;
                font-weight: bold;
                text-transform: uppercase;
                word-wrap: break-word;
            }

            #content-left .organization-branding p.mediumfont {
                font-size: 11px;
                font-weight: bold;
                text-transform: uppercase;
                word-wrap: break-word;
            }

            #content-left .organization-branding p.largefont {
                font-size: 12px;
                font-weight: bold;
                text-transform: uppercase;
                word-wrap: break-word;
            }

#menu {
    margin: 15px 0px;
    padding-left: 0;
    top: 200px;
    display: block;
}

    #menu li {
        margin-left: -5px;
        overflow: hidden;
        padding: 7px 0 7px 30px;
        width: 220px;
        margin-top: .5px;
    }

    #menu li {
        cursor: pointer;
    }

        #menu li.sub-item {
            margin-top: 19px;
            margin-bottom: -6px;
        }

        #menu li.active {
            background: url(images/nav-hover-bg.png) no-repeat;
            position: relative;
            z-index: 10;
        }

        #menu li a,
        #menu li span {
            color: #555555;
            font-size: 11px;
            font-weight: bold;
            text-decoration: none;
            text-transform: uppercase;
            position: relative;
            z-index: 98;
            padding: 2px 0px 2px 30px;
        }

            #menu li a.dashboard {
                background: url(images/nav-icons.png) no-repeat 0 -2px;
                height: 18px;
            }

            #menu li a.profile {
                background: url(images/nav-icons.png) no-repeat 0 -22px;
                height: 18px;
            }

            #menu li a.products, #menu li a.orders {
                background: url(images/nav-icons.png) no-repeat 0 -40px;
                height: 18px;
            }

            #menu li a.mro-blueprint {
                background: url(images/nav-icons.png) no-repeat 0 -58px;
                height: 18px;
            }

            #menu li a.accounts {
                background: url(images/nav-icons.png) no-repeat 0 -58px;
                height: 18px;
            }

            #menu li a.documents {
                background: url(images/nav-icons.png) no-repeat 0 -78px;
                height: 18px;
            }

            #menu li a.users {
                background: url(images/nav-icons.png) no-repeat 0 -98px;
                height: 18px;
            }

            #menu li a.settings {
                background: url(images/nav-icons.png) no-repeat 0 -118px;
                height: 18px;
            }

            #menu li a.tools {
                background: url(images/nav-icons.png) no-repeat 0 -138px;
                height: 18px;
            }

            #menu li a.ccf-images {
                background: url(images/nav-icons.png) no-repeat 0 -156px;
                height: 18px;
            }

            #menu li a.results {
                background: url(images/nav-icons.png) no-repeat 0 -156px;
                height: 18px;
            }

            #menu li a.randoms {
                background: url(images/nav-icons.png) no-repeat 0 -75px;
                height: 18px;
            }

            #menu li a.reports {
                background: url(images/nav-icons.png) no-repeat 0 -175px;
                height: 18px;
            }

            #menu li a.events {
                background: url(images/nav-icons.png) no-repeat 0 -195px;
                height: 18px;
            }

            #menu li a.support {
                background: url(images/icons/menu/support.png) no-repeat;
                height: 18px;
            }

    #menu ul.menuparent {
        margin: 0px 0px 0px -66px;
    }

#tab-menu {
    width: -webkit-fill-available;
    background: url(images/status-container-bg.jpg) repeat-x;
    position: fixed;
    margin: 0px 0px 5px 0px;
    z-index: 100;
    min-height: 32px;
    top: 60px !important;
}
/*.tab-menu {
    background: url(images/status-container-bg.jpg) repeat !important;
}*/
    #tab-menu ul {
        padding: 0px;
        margin: 0px;
    }

    #tab-menu li {
        float: left;
        border-right: solid 1px #CCC;
        margin: 0px;
    }

        #tab-menu li a {
            padding: 9px 10px;
            text-decoration: none;
            display: block;
            color: #555;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 11px;
        }

            #tab-menu li a:hover {
                background: url(images/tab-menu-hover.jpg) repeat-x;
                padding-bottom: 8px;
                border-bottom: solid 1px #CCC;
            }

        #tab-menu li.current a {
            background: #FFF;
            color: #2EB135;
        }

            #tab-menu li.current a:hover {
                padding-bottom: 9px;
                border-bottom: 0px;
            }

#status {
    margin: -33px 0px 0px 585px;
    padding: 5px;
    z-index: 2;
    color: #606060;
    min-width: 181px;
    float: right;
}

    #status label {
        margin-right: 5px;
    }

    #status span {
        display: inline-block;
        width: 105px;
        padding: 2px 5px;
        background: url(images/status-bg.png) no-repeat;
    }

    #status #draft {
        background-position: 0px 0px;
    }

    #status #sent {
        background-position: 0px -23px;
    }

    #status #pending {
        background-position: 0px -46px;
    }

    #status #complete {
        background-position: 0px -69px;
    }

.collapse-links {
   /* margin: 0px 0px 0px 642px;*/
    padding-top: 4px;
    *padding-top: 2px;
    float:inline-end;
}

    .collapse-links a {
        margin-right: 10px;
    }

#content-right {
    /*width: 800px;*/
    min-height: 900px;
    padding-bottom: 30px !important;
    margin-left: 185px;
    padding-top: 32px;
    margin-bottom: 50px;
    float: none;
}

    #content-right .content-header { /*height: 98px;*/
        /*width: 822px;*/ /*border-bottom: 1px solid #C4C4C4;*/
        margin-top: 15px;
        margin-left: 20px;
    }

        #content-right .content-header h2 {
            color: #2EB135;
            display: inline-block;
            font-size: 30px;
            margin: 0px 0px 0px 20px;
        }

        #content-right .content-header .status {
            background: url(images/status-container-bg.jpg) repeat-x;
        }

        #content-right .content-header .status {
            border-left: 1px solid #C4C4C4;
            border-top: 1px solid #C4C4C4;
            float: right;
            height: 22px;
            margin: 65px 1px 0px 0px;
        }

        #content-right .content-header .status {
            padding: 5px;
            position: relative;
            width: 188px;
            z-index: 1;
            color: #606060;
        }

        #content-right .content-header label, #content-right .content-header span {
            font-size: 11px;
            text-transform: uppercase;
        }

        #content-right .content-header label {
            margin: 5px 12px 0px 0px;
        }

        #content-right .content-header span {
            display: inline-block;
            padding: 5px 10px;
            width: 100px;
            height: 13px;
            background: url(images/status-bg.png) no-repeat;
            margin-top: -1px;
        }

            #content-right .content-header span.Draft {
                background-position: 0px 0px;
            }

            #content-right .content-header span.Sent {
                background-position: 0px -23px;
            }

            #content-right .content-header span.Pending {
                background-position: 0px -46px;
            }

            #content-right .content-header span.Complete {
                background-position: 0px -69px;
            }

        #content-right .content-header a.back-link {
            float: right;
            margin: 7px 40px;
        }

    #content-right .content {
        margin: 20px;
    }

    #content-right .content-plain {
        margin: 20px 0 20px 20px;
        padding: 0;
        width: auto;
    }

#content-right-spacer {
    background: #FFF;
    height: 20px;
    position: fixed;
    width: 800px;
    z-index: 10;
}

#content-right .content-header-import { /*height: 98px;*/
    width: 822px; /*border-bottom: 1px solid #C4C4C4;*/
    margin-top: 15px;
    margin-left: 20px;
}

    #content-right .content-header-import h2 {
        display: inline-block;
        font-size: 30px;
        margin: 0px 0px 0px 20px;
    }

    #content-right .content-header-import label, #content-right .content-header-import span {
        font-size: 11px;
        text-transform: uppercase;
    }

    #content-right .content-header-import span {
        display: inline-block;
        padding: 5px 10px;
        width: 100px;
        height: 13px;
        margin-top: -1px;
    }

.content-header-import a.help {
    display: inline-block;
    background: url(images/buttons.png) no-repeat -32px 0px;
    width: 15px;
    height: 16px;
    margin: 3px 5px -3px;
}

div.content-full {
    float: left;
    width: 98% !important;
    min-height: 650px;
    margin-left: 200px;
    padding-top: 32px;
    margin-bottom: 90px;
}


#main {
    margin: 5px 0px;
}

#notes {
    top: 460px;
    margin-top: 35px;
}

#notes-header {
    background: url(images/pod-header-bg.jpg) repeat-x scroll 0 0 transparent;
    display: block;
    width: 185px;
    font-size: 12px;
    padding: 7px;
    user-select: none;
}

    #notes-header h5 {
        text-transform: uppercase;
        margin: 0px;
        font: inherit;
        font-weight: bold;
        display: inline;
    }

#notes-pager {
    width: 200px;
    display: inline;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    user-select: none;
}

    #notes-pager span {
        cursor: pointer;
        padding: 0px 3px;
        margin: 0px 1px;
        font-weight: bold;
    }

    #notes-pager span {
        border: solid 1px #C4C4C4;
        -webkit-border-radius: 10px;
        -moz-border-radius: 2px;
        border-radius: 4px;
    }

        #notes-pager span:hover {
            cursor: pointer;
            background: #6B6B6B;
        }

#notes #add-note {
    top: 6px;
    right: 7px;
    display: inline-block;
    height: 16px;
    width: 12px;
    background-position: -65px 0px;
}

#notes #save-note {
    position: absolute;
    top: 6px;
    right: 24px;
    background-position: -80px 0px;
    height: 16px;
    width: 16px;
    display: none;
}

#notes-text {
    display: none;
    padding-right: 10px;
    overflow: auto
}

    #notes-text textarea {
        width: 100%;
        float: left;
        border: solid 1px #CCC;
    }

#notes-text-ta {
    float: left;
    width: 100%
}

#notes-text-btns {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

#notes-list {
    padding: 0px;
    margin: 0px;
}

    #notes-list li {
        padding: 5px 8px;
        margin: 0px;
        display: block;
        text-align: center;
    }

        #notes-list li h6 {
            margin: 0 10px 10px 0;
            *margin-bottom: 5px;
            float: left;
        }

        #notes-list li p {
            clear: both;
            margin: 5px 0px 0px;
            *margin: 1px 0 0;
            max-width: 180px;
            max-height: 30px;
            overflow: hidden;
            word-wrap: break-word;
            text-align: left;
        }

            #notes-list li p.notes-list-editable:hover, .notes-list li p.notes-list-editable:hover {
                cursor: pointer;
            }

            #notes-list li p.notes-list-readonly:hover, .notes-list li p.notes-list-readonly:hover {
                cursor: default;
            }


.notes-header {
    background: url(images/pod-header-bg.jpg) repeat-x scroll 0 0 transparent;
    font-size: 12px;
    padding: 7px;
    *padding: 5px;
    user-select: none;
}

    .notes-header h5 {
        text-transform: uppercase;
        margin: 0px;
        font: inherit;
        font-weight: bold;
        float: left;
    }

.notes-pager {
    height: 20px;
    width: 85px;
    float: left;
    text-align: center;
    margin-left: 15px;
    user-select: none;
}

    .notes-pager span {
        cursor: pointer;
        padding: 0px 3px;
        margin: 0px 1px;
        font-weight: bold;
    }

    .notes-pager span {
        border: solid 1px #C4C4C4;
        -webkit-border-radius: 10px;
        -moz-border-radius: 2px;
        border-radius: 4px;
        float: left;
    }

        .notes-pager span:hover {
            cursor: pointer;
            background: #6B6B6B;
        }

.notes .add-note {
    height: 16px;
    width: 12px;
    background-position: -65px 0px;
}

.notes .div-add-note {
    float: right;
    width: 20px;
    height: 16px;
}

.notes .save-note {
    position: absolute;
    top: 6px;
    right: 24px;
    background-position: -80px 0px;
    height: 16px;
    width: 16px;
    display: none;
}

.notes-text {
    display: none;
    padding-right: 10px;
    overflow: auto
}

    .notes-text textarea {
        width: 99%;
        float: left;
        border: solid 1px #CCC;
    }

.notes-text-ta {
    float: left;
    width: 100%
}

.notes-text-btns {
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: none;
}

.notes-list {
    padding: 0px;
    margin: 0px;
    border: 1px solid #BBB;
}

    .notes-list li {
        padding: 5px 8px;
        margin: 0px;
        display: block;
        text-align: center;
    }

        .notes-list li h6 {
            margin: 0 10px 10px 0;
            *margin-bottom: 5px;
            float: left;
        }

        .notes-list li p {
            clear: both;
            margin: 5px 0px 0px;
            *margin: 1px 0 0;
            max-width: 180px;
            max-height: 60px;
            overflow: hidden;
            word-wrap: break-word;
            text-align: left;
        }

            .notes-list li p:hover {
                cursor: pointer;
            }

.rounded {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.rounded-top {
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}

.rounded-bottom {
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}

div.entry-line {
    margin: 2px 0 2px 15px;
}

/*.entry-form {
}*/

    .entry-form a.help {
        display: inline-block;
        background: url(images/buttons.png) no-repeat -32px 0px;
        width: 15px;
        height: 16px;
        margin: 0px 5px -3px;
    }

.entry-form-wide a.help {
    display: inline-block;
    background: url(images/buttons.png) no-repeat -32px 0px;
    width: 15px;
    height: 16px;
    margin: 0px 5px -3px;
}

.entry-form-narrow a.help {
    display: inline-block;
    background: url(images/buttons.png) no-repeat -32px 0px;
    width: 15px;
    height: 16px;
    margin: 0px 5px -3px;
}

.entry-form-header {
    color: #FFF;
    height: 23px;
    line-height: 23px;
    background: url(images/pod-header-bg.jpg);
    background-repeat: repeat-x;
}

.entry-form-header {
    border: solid 1px #C4C4C4;
    padding: 2px 10px 3px;
    vertical-align: middle;
    margin-top: 20px;
}
.entry-form-margin {
    margin-left:15px;
}
    .entry-form-header {
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

    .entry-form-header img:hover {
        cursor: pointer;
    }

    .entry-form-header h6 {
        float: left;
        vertical-align: top;
        font-size: 14px;
        font-weight: bold;
        color: #CCE5C0;
        margin: 0 3px;
    }

    .entry-form-header label {
        font-size: 12px;
    }

    .entry-form-header a {
        float: left;
        background: no-repeat;
        height: 16px;
        text-decoration: none;
        font-weight: bold;
        font-size: 14px;
    }

        .entry-form-header a.collapse {
            float: right;
            background: url(images/buttons.png) 0px 0px;
            width: 16px;
        }

        .entry-form-header a.expand {
            float: right;
            background: url(images/buttons.png) -16px 0px;
            width: 16px;
        }

.entry-form-preheader, .entry-form-precontent {
    padding: 10px;
    font-size: 12px;
}

.entry-form-precontent {
    border-left: solid 1px #C4C4C4;
    border-right: solid 1px #C4C4C4;
}

    .entry-form-precontent li {
        list-style: disc;
    }

.entry-form-content {
    padding: 10px;
    font-size: 12px;
    border-left: solid 1px #C4C4C4;
    border-right: solid 1px #C4C4C4;
    border-bottom: solid 1px #C4C4C4;
}

    .entry-form-content a.help {
        vertical-align: bottom;
    }

    .entry-form-content.rounded-bottom {
        border-bottom: solid 1px #C4C4C4;
    /*    padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10px;*/
    }
.entry-padding-width {
    width: 100%;
}

    .entry-form-content table {
        border-collapse: collapse;
        border: none;
    }

        .entry-form-content table .idcolumn {
            width: 0px;
            padding: 0px;
        }

    .entry-form-content th {
        text-align: center;
        font-weight: normal;
        border: none;
    }

    .entry-form-content td {
        border: none;
    }

    .entry-form-content.alerts table {
        text-align: center;
        font-weight: normal;
        margin: 10px 0px 0px 30px;
        color: Black;
    }

    .entry-form-content.alerts th {
        text-align: center;
        font-weight: normal;
        border: 1px solid black;
        width: 120px;
        vertical-align: middle;
    }

    .entry-form-content.alerts td {
        border: 1px solid black;
        width: 120px;
        padding: 0px;
        vertical-align: middle;
    }

    .entry-form-content.alerts td {
        border: 1px solid black;
        width: 120px;
        padding: 0px;
        vertical-align: middle;
    }

    .entry-form-content.image-delivery table {
        text-align: center;
        font-weight: normal;
        margin: 10px 0px 0px 10px;
        color: Black;
    }

    .entry-form-content.image-delivery th {
        text-align: center;
        font-weight: normal;
        border: 1px solid black;
        width: 120px;
        vertical-align: middle;
    }

    .entry-form-content.image-delivery td {
        border: 1px solid black;
        width: 120px;
        padding: 0px;
        vertical-align: middle;
    }

        .entry-form-content.image-delivery td.destination {
            border: 1px solid black;
            width: 190px;
            padding: 0px;
            vertical-align: middle;
        }

    .entry-form-content ul {
        margin: 0;
        padding: 0;
        border-top: solid 1px #CCC;
    }

    .entry-form-content li {
        display: block;
        border-bottom: 1px solid #CCC;
        width: auto;
        padding: 2px 5px;
        zoom: 1;
        margin: 0px;
        vertical-align: top;
    }

        .entry-form-content li:hover {
            background: #FFC;
        }

    .entry-form-content .list-header {
        margin: 5px 0px;
    }

    .entry-form-content.pad-left {
        padding-left: 20px;
    }

.entry-form-narrow {
    width: 370px;
    float: left;
    padding: 10px;
    clear: none;
}

.onecolumnentry > div {
    margin: 10px 0px 0px 0px;
    overflow: hidden;
}

.onecolumnentry input[type="checkbox"] {
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}

.onecolumnentry div > span {
    padding: 10px 0px 0px 0px;
    margin: 0px;
    height: 20px;
}

.two-column-entry {
    padding-top: 15px;
}

    .two-column-entry label {
        display: inline-block;
    }

        .two-column-entry label.spacer {
            width: 175px;
        }

        .two-column-entry label.spacer63 {
            width: 63px;
        }

        .two-column-entry label.title, .onecolumnentry label.title {
            width: 160px;
            text-align: right;
            margin-right: 10px;
        }
        .two-column-entry-pool label.title, .onecolumnentry label.title {
            width: 190px;
            text-align: right;
            margin-right: 15px;
        }

        .two-column-entry label.not-applicable {
            width: auto;
        }

        .two-column-entry label span, .settingsdisplayform label span {
            color: #f00;
        }

    .two-column-entry input[type="text"] {
        display: inline-block;
        padding: 4px;
        width: 190px;
    }

    .two-column-entry select {
        display: inline-block;
   /*     padding: 3px 4px;*/
    }

        .two-column-entry select.state {
            min-width: 325px;
        }
        .two-column-entry select.country {
            width: 325px;
        }
    .two-column-entry input.postalcode {
        width: 248px;
        display: inline-block;
        margin: 2px;
    }

    .two-column-entry input.zipplus4 {
        width: 60px;
        display: inline-block;
        margin: 2px;
    }

    .two-column-entry .date-spacer {
        display: inline-block;
        margin: 0px 20px 0px 50px;
    }

    .two-column-entry input.fit-column {
        display: inline-block;
        padding: 4px;
        width: 250px;
    }

    .two-column-entry input.fit-column-cso {
        display: inline-block;
        padding: 4px;
        width: 200px;
    }

    .two-column-entry label.fit-column-cso {
        width: 145px;
        text-align: right;
        margin-right: 10px;
    }

    .two-column-entry .left-column {
        width: 310px;
    }

.settingsdisplaysection {
    padding-left: 5px;
    padding-top: 15px;
    margin: 0px 0px 10px 30px;
}

    .settingsdisplaysection h6 {
        font-size: 12px;
        font-weight: bold;
    }

    .settingsdisplaysection span h6 {
        height: 20px;
    }

    .settingsdisplaysection img.ui-datepicker-trigger {
        margin-top: 0px;
        display: inline-block;
        position: absolute;
    }

    .settingsdisplaysection label {
        width: 70px;
        display: inline-block;
    }

    .settingsdisplaysection div span.fieldhint {
        display: inline-block;
        width: 130px !important;
    }

    .settingsdisplaysection div span input {
        width: 100px;
        margin: 0px 4px 0px 4px;
    }

    .settingsdisplaysection div span.fieldhint input {
        width: 200px;
    }

.settingsdisplayform {
    margin: 10px 0px 10px 30px;
    color: Black;
    position: relative;
}

    .settingsdisplayform span, .settingsdisplayform select {
        width: 160px !important;
    }

        .settingsdisplayform span.short-span {
            width: 40px !important;
            display: inline-block;
        }

        .settingsdisplayform span.radio-span {
            width: 20px;
        }

    .settingsdisplayform label.required span {
        width: fit-content !important;
    }

    .settingsdisplayform label {
        width: 160px;
        display: inline-block;
        line-height: 24px;
    }

        .settingsdisplayform label.short-label {
            width: 160px;
            display: inline-block;
            line-height: 16px;
            font-weight: normal;
        }

        .settingsdisplayform label.long-label {
            width: 207px;
            display: inline-block;
            line-height: 16px;
            font-weight: normal;
            margin-left: 25px;
        }

        .settingsdisplayform label.wide-label {
            width: 220px;
            display: inline-block;
            line-height: 24px;
        }

    .settingsdisplayform input[type="radio"] {
        width: 20px;
        display: inline-block;
        margin: 0px;
    }

    .settingsdisplayform .color {
        width: 100px;
        margin: 0px 4px;
    }

    .settingsdisplayform input[type="file"] {
        display: inline-block;
        z-index: 2;
        height: 27px;
        width: 20px;
        position: absolute;
        margin-left: 205px;
        opacity: 0;
        filter: alpha(opacity:0);
    }

    .settingsdisplayform .file-upload-mask {
        display: inline-block;
        z-index: 0;
    }

        .settingsdisplayform .file-upload-mask input[type="text"] {
            width: 200px;
            display: inline-block;
        }

        .settingsdisplayform .file-upload-mask input[type="button"] {
            margin: 0px;
            display: inline-block;
        }

#CustomReasons.settingsdisplayform select {
    width: 150px;
    height: 94px;
}

#CustomReasons.settingsdisplayform ul {
    border-top: 0px;
}

    #CustomReasons.settingsdisplayform ul li {
        padding: 5px;
        border-bottom: 0px;
    }

        #CustomReasons.settingsdisplayform ul li .reason, #CustomReasons.settingsdisplayform ul li .description {
            display: inline-block;
            vertical-align: top;
        }

        #CustomReasons.settingsdisplayform ul li .reason {
            width: 280px;
            float: left;
        }

        #CustomReasons.settingsdisplayform ul li .description {
            width: 250px;
        }

        #CustomReasons.settingsdisplayform ul li .field-validation-error {
            width: 250px !important;
        }

#lookback-period-label {
    padding-left: 20px;
    padding-top: 5px;
    width: auto;
}

#Settings_DisplayDetail_PriorPositiveLookbackPeriod {
    width: 34px;
}

p.atsproviderdisplay {
    margin: 10px 0 0 20px;
}

.atsproviderdisplay label {
    font-weight: bold;
}

div.ContactContent {
    margin-bottom: 3px;
    overflow: hidden;
    width: 530px;
}

div.ContactDeleteRight {
    float: right;
    height: 90px;
}

.ContactContent .left {
    float: left;
    width: 550px;
}

.ContactContent .right {
    float: right;
    width: 30px;
}

.contact-remove {
    background: url(images/ui-organization-delete.png);
    float: right;
    height: 15px;
    width: 15px;
}

.contact-remove {
    margin: 54px 0px 0px 4px;
    vertical-align: bottom;
    position: relative;
    bottom: -20px;
}

    .contact-remove:hover {
        background-position: -15px 0px;
    }

.contact-seperator {
    margin: 10px 0px 10px 50px;
    border-bottom: 2px solid grey;
    width: 600px;
    float: left;
}

.field input[type="checkbox"] {
    margin-bottom: 2px;
}

a.item-delete {
    background: url(images/ui-organization-delete.png);
    float: right;
    height: 15px;
    width: 15px;
    margin: 2px;
}

    a.item-delete:hover {
        background-position: -15px 0px;
    }

.disabled-item-delete {
    background: url(images/ui-organization-delete.png);
    float: right;
    height: 15px;
    width: 15px;
    margin: 2px;
}

a.item-edit {
    background: url(images/ui-organization-delete.png) 0px -30px;
    float: right;
    height: 15px;
    width: 15px;
    margin: 2px;
}

.collapselink {
    float: none;
    margin: 20px 20px 0px 0px;
}

    .collapselink a {
        margin: 4px;
    }

.ui-datepicker-trigger {
    margin: 0px 5px;
    height: 18px;
    width: 19px;
}

.ui-datepicker-trigger-bg {
    height: 18px;
    width: 19px;
    background: red;
    float: left;
    position: absolute;
}

.ui-datepicker-trigger:hover {
    cursor: pointer;
}

.Draft {
    background-color: #F96;
}

.Sent {
    background-color: #FF6;
}

.Pending {
    background-color: #FF6;
}

.Complete {
    background-color: #3C6;
}

.Status {
    font: normal normal 13px Arial;
    text-decoration: none;
    text-align: left;
}

.Status {
    height: 30px;
    margin: 3px 0px 0px 4px;
    padding: 5px;
    float: left;
    vertical-align: middle;
}

/* Pager */
.pager {
    width: 950px;
    border-top: 2px solid silver;
    padding: .5em 0 0 0;
    margin-top: 1em;
    float: left;
}

    .pager .disabled {
        border: 1px solid #ddd;
        color: #999;
        margin-top: 4px;
        padding: 3px;
        text-align: center;
    }

    .pager span.pagerblock {
        float: right;
    }

    .pager span, .pager a {
        margin: 4px 3px;
    }

        .pager a .current {
            border: 1px solid #c0c0c0;
            padding: 3px 5px;
            text-align: center;
            text-decoration: none;
        }

.Links {
    margin: 7px 0;
    position: absolute;
    top: 7px;
    right: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

.wide {
    width: 100%;
}

.small {
    font-size: x-small;
}

.links {
    margin: 15px 0;
}

.textRight {
    text-align: right;
}

.addtemplate span {
    float: left;
}

.addtemplate input {
    float: left;
}

input[type="radio"].randomservices-radio {
    margin-left: 15px;
}

.emailnotification {
    float: left;
    width: 600px;
}

    .emailnotification > div {
        float: left;
        width: 580px;
        overflow: hidden;
        margin: 5px;
    }

        .emailnotification > div.page-button {
            float: left;
            width: 580px;
            height: 50px;
            overflow: hidden;
        }

        .emailnotification > div.body {
        }

        .emailnotification > div > span {
            float: left;
            width: 100px;
        }

    .emailnotification div input[type='text'] {
        width: 450px;
    }

    .emailnotification div textarea {
        float: left;
        width: 550px;
        height: 125px;
    }

    .emailnotification div input[type='button'] {
        float: right;
        width: 100px;
    }

    .emailnotification > div.attachments {
    }

    .emailnotification .attachments div {
        float: left;
        height: 100%;
        width: 450px;
        overflow: hidden;
        border-right: 1px solid #CCC;
    }

        .emailnotification .attachments div img {
            float: left;
            height: 16px;
            width: 16px;
            margin: 1px 1px 1px 1px;
        }

        .emailnotification .attachments div span {
            float: left;
            height: 18px;
            border-bottom: 1px solid black;
            margin: 1px 1px 1px 1px;
        }

    .emailnotification .requiredfieldlabel {
        width: 95px;
        display: inline-block;
    }

.ui-dialog {
    border: solid 1px #D9D6C4;
    position:absolute !important;
}

.ui-dialog-content {
    background: #ECEADF;
    font-size: 12px;
}

.ui-dialog-content-Device {
    background: #ECEADF;
    font-size: 12px;
    white-space: pre-line;
    background: white;
}

.ui-dialog-content label.required span {
        color: #F00;
    }

#add-order-code .header label.required span, .order-code-detail-input .header label.required span {
    color: #F00;
}

#order-code-search-results .header label.required span, .order-code-detail .header label.required span {
    color: #F00;
}

.notificationdialog {
    float: left;
    width: 600px;
}

    .notificationdialog > div {
        float: left;
        width: 580px;
        height: 30px;
        overflow: hidden;
    }

        .notificationdialog > div.page-button {
            float: left;
            width: 580px;
            height: 50px;
            overflow: hidden;
        }

        .notificationdialog > div.body {
            height: 220px;
        }

        .notificationdialog > div > span {
            float: left;
            width: 120px;
        }

    .notificationdialog div input[type='text'] {
        float: left;
        width: 450px;
    }

    .notificationdialog div textarea {
        float: left;
        width: 570px;
        height: 190px;
    }

    .notificationdialog div input[type='button'] {
        float: right;
        width: 100px;
    }

.landing-page-header label {
    color: #999;
    font-weight: bold;
    margin-right: 5px;
}

.landing-page-header div {
    float: right;
    font-size: 12px;
}

.landing-page-header {
    width: 1000px;
}

.leftcolumn, .rightcolumn {
    width: 375px;
    display: inline-block;
    margin: 5px;
    vertical-align: top;
    font-size: 14px;
}

.columnsection p {
    padding: 5px;
}

.leftcolumn p label, .rightcolumn p label {
    display: block;
}

.rightcolumn label.title {
    width: 90px;
    display: inline-block;
    text-align: right;
    margin: 0px 20px 0px 0px;
    height: 100%;
    vertical-align: top;
}

.rightcolumn .value {
    width: 200px;
    display: inline-block;
    vertical-align: top;
}

    .rightcolumn .value label {
        display: block;
    }

.columnsection h5 {
    background-color: #F2F2F2;
    padding: 5px;
}

.columnsection ul {
    padding: 5px;
}

.columnsection table, .columnsection table a {
    font-size: 10px;
}

.columnsection tr, .columnsection td, .columnsection th {
    border: none;
}

.notes-help a.help {
    background: url("images/buttons.png") no-repeat scroll -32px 0 transparent;
    display: inline-block;
    height: 16px;
    width: 15px;
}

/***** Collection Site results dialog******/

#location-search-dialog {
    font-size: 12px;
}

    #location-search-dialog .two-column-entry {
        padding-left: 0;
    }

    #location-search-dialog label.title {
        width: 85px;
        text-align: right;
        margin-right: 10px;
    }

#location-search-results {
    display: none;
    padding: 10px;
}

#location-detail-dialog ul {
    padding: 0px;
    margin: 0px;
}

#location-map {
    height: 400px;
    width: 400px;
    float: left;
    border: solid 1px #C4C4C4;
    margin-left: 10px;
    font-size: 12px;
}

#location-site-map {
    display: block;
    margin-bottom: 10px;
}

#location-list {
    height: 400px;
    width: 420px;
    float: left;
    overflow-y: auto;
    background: #FFF;
    border: solid 1px #C4C4C4;
}

    #location-list ul {
        padding: 0px;
        margin: 0px;
    }

    #location-list li {
        padding: 2px 0px;
        margin: 2px 0px;
        border: solid 3px #FFF;
        overflow: hidden;
    }

        #location-list li:hover {
            cursor: pointer;
            border-color: #2EB135;
        }

        #location-list li.highlight {
            border-color: #2EB135;
        }

        #location-list li div {
            display: block;
            float: left;
            word-wrap: break-word;
            max-width: 300px;
        }

        #location-list li img {
            margin: 3px 5px 0px 0px;
            display: block;
        }

            #location-list li img.form-fox {
                margin-left: 5px;
            }

        #location-list li span, #location-detail-dialog span {
            font: normal normal 11px;
            text-decoration: none;
        }

            #location-list li span.location-header, #location-detail-dialog span.location-header {
                display: inline;
                color: #000;
            }

            #location-list li span.location-address, #location-detail-dialog span.location-address {
                display: block;
                color: #666;
            }

#imageDeliverySettingContainer p:hover {
    background: #FFC;
    cursor: pointer;
}
/***********************************/
/***** Ordercode name Change Support******/
#order-code-search-results {
    border: solid 0px blue;
    margin-top: 10px;
}

    #order-code-search-results span,
    #order-code-search-results label,
    #order-code-search-results select,
    #order-code-search-results input {
        display: inline-block;
        margin-right: 5px;
    }

    #order-code-search-results ul {
        border: none;
    }

    #order-code-search-results li {
        border: none;
        padding: 2px 0px;
        display: block;
    }

    #order-code-search-results .header label {
        font-weight: bold;
        margin-top: 15px;
    }

        #order-code-search-results .header label.price {
            padding: 0px 1px;
            width: 55px;
        }

        #order-code-search-results .header label.top-100 {
            margin-left: 21px;
        }

    #order-code-search-results .min-title {
        position: absolute;
        margin: -18px 0px 0px 565px;
        font-weight: bold;
    }

    #order-code-search-results .max-title {
        position: absolute;
        margin: -18px 0px 0px 685px;
        font-weight: bold;
    }

    #order-code-search-results .top-100 {
        width: 50px;
        margin-left: 5px;
    }

    #order-code-search-results .code {
        width: 80px;
        margin-left: 5px
    }

    #order-code-search-results .name {
        width: 250px;
        margin-left: 10px
    }

    #order-code-search-results .easy-name {
        width: 250px;
        vertical-align: top;
    }

    #order-code-search-results .price {
        width: 50px;
        text-align: center;
    }

    #order-code-search-results .account-type {
        width: 355px;
    }

    #order-code-search-results .collection-service {
        width: 120px;
        vertical-align: top;
    }

#order-code-search-button {
    background: url(images/submit-bg.gif) no-repeat;
    height: 27px;
    width: 93px;
    border: none;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
}

#order-code-search-results a.toggle {
    float: left;
    background: no-repeat;
    height: 16px;
    text-decoration: none;
}

#order-code-search-results a.collapse {
    background: url(images/buttons.png) 0px 0px;
    width: 16px;
}

#order-code-search-results a.expand {
    background: url(images/buttons.png) -16px 0px;
    width: 16px;
}
/***********************************/


/***  AJAX loading div ***/

#ajax-overlay {
    position: absolute;
    background-color: #CCC;
    opacity: .5;
    filter: alpha(opacity=50);
}

    #ajax-overlay img {
        opacity: 1.0;
        filter: alpha(opacity=100);
    }

/*************************/

.link-list li {
    font-size: 14px;
}

    .link-list li a {
        font-weight: bold;
    }

.help-page-content {
    padding: 10px;
}

.help-page-footer {
    padding: 10px;
    font-style: italic;
    text-align: center;
    font-size: 14px;
}

.no-print {
}

@media print {
    #header, #content-left, .no-print {
        display: none;
    }

    #page {
        width: 100%;
        border: none;
    }

    #content-right {
        width: 100%;
    }

    #footer {
        width: 100%;
        border: none;
    }

        #footer .utilities {
            display: none;
        }
}


#delete-confirmation-window {
    display: none;
}

#delete-confirmation-yes {
    margin: 3px;
}

#delete-confirmation-cancel {
    margin: 3px;
}

/*** Input Box Readonly ***/

.input-box-readonly {
    color: rgb(84, 84, 84);
    background-color: rgb(235,235,228)
}

.widget-head {
    color: #FFF;
    height: 25px;
    line-height: 26px;
    background-color: #999999;
    text-align: center;
}

.orgid-textbox {
    width: 130px !important;
    margin-left: 10px;
}

.orgname-textbox {
    width: 130px !important;
    margin-left: 10px;
}

.widget-content {
    display: inline-block;
    color: #666;
    text-align: left;
}

.widget-content-Name {
    display: inline-block;
    font-size: 16px;
    color: #666;
    text-align: left;
    margin-right: 17px;
}

.widget-content-Address {
    display: inline-block;
    font-size: 16px;
    color: #666;
    text-align: left;
    margin-right: 90px;
}

.widget-content-City {
    display: inline-block;
    font-size: 16px;
    color: #666;
    text-align: left;
    margin-right: 123px;
}

.widget-content-State {
    display: inline-block;
    font-size: 16px;
    color: #666;
    text-align: left;
    margin-right: 58px;
}

.widget-content-Zip {
    display: inline-block;
    font-size: 16px;
    color: #666;
    text-align: left;
    margin-right: 127px;
}

div.settingsdisplayform .move-test-reasons {
    width: 30px;
    height: 94px;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
}

.action-buttons {
    clear: both;
    padding: 10px;
    padding-left: 0px;
}

.collapse {
    display: block;
}

/*.dynamic-wide-control {
}*/

.full-width {
    width: 90% !important;
}

.nested-parent-content {
    display: inline-block;
    width: 100%;    
}

.ui-datepicker select.ui-datepicker-year {
    color: #222;
}

.readonly {
    color: gray;
    cursor: not-allowed;
    opacity: .5;
}


.showECCFLogo {
    background-image: url(images/eccf_icon_16x16.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5px 3px !important;
    padding-left: 25px !important;
}

.showEBATLogo {
    background-image: url(images/eBAT_icon_16x16.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5px 3px !important;
    padding-left: 25px !important;
}

.showCombinedLogo {
    background-image: url(images/eccf-ebat-combined.png) !important;
    background-repeat: no-repeat !important;
    background-position: 5px 3px !important;
    padding-left: 50px !important;
}

.hideECCFLogo {
    background-image: none;
    padding-left: 4px;
}

.hideAllLogo {
    background-image: none;
    padding-left: 4px;
}

div.esp-list-control-links {
    margin-bottom: 40px;
    height: 60px;
}

.button-top-container {
    padding-bottom: 20px;
}

ul.collectionSite .ui-menu-item {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* for wide screens, make everything fluid */
@media (min-width: 500px) {

    #flash {
        width: 100%;
        padding-right:20em;
    }
   

    #page-spacer {
        background: #FFF;
        height: 1px;
        margin: 0px 0px 0px -501px;
        border-bottom: solid 1px #C4C4C4;
    }

    #page {
        background: #FFF;
        margin-top: 0px !important;
        margin: 15px auto;
        border: 0px;
        width: 100%;
        min-width:1000px;
    }

    div.content-full {
        width: 98% !important;
    }

    #header {
        background: url(images/header-bg.png) repeat-x #2EB135;
        height: 60px;
        width: 100%;
        position: fixed;
        z-index: 199;
    }

        #header form input[type=text] {
            width: 323px;
            float: left;
            margin: 10px 10px 10px 10px;
            padding: 6px 0px 6px 10px;
            border: none;
            font-size: 14px;
            color: black;
        }

        #header form input[type=button] {
            margin: 10px 4px 0;
        }

        #header form select {
            margin-top: 2px;
        }

    #footer {
        position: fixed;
        bottom: 0px;
        border-top: solid 1px #C4C4C4;
    }

    #footer {
        width: 100%;
        padding: 15px 0px;
        background: #FFF url(images/body-bg.jpg) repeat-x bottom fixed;
        left: 0%;
        margin-left: 0px;
    }

    #footer-content {
        border: solid 1px #C4C4C4;
        background: #FFF;
        padding: 5px 20px;
        width: 100%;
        display: inline-block;
    }

        #footer-content .legal {
            margin-right: 30px;
            float: right;
        }

    #menu {
        margin: 15px 0px 0px 10px;
        padding-left: 0;
        /*position: fixed;*/
        top: 200px;
        display: block;
    }

        #menu li.active {
            background: url(images/nav-hover-bg.png) no-repeat;
            position: relative;
            z-index: 10;
            background-position: -5px;
        }

    #tab-menu {
        width: 100%;
        background: url(images/status-container-bg.jpg) repeat-x inherit;
        position: fixed;
        margin: 0px 0px 5px 0px;
        z-index: 100;
        min-height: 32px;
        top: 60px !important;
    }
    #tab-menu-header {
        margin: 30px 0px 5px 0px !important;
    }

    #content-right {
        min-height: 900px;
        margin-left: 200px;
        padding-top: 10px;
        margin-bottom: 50px;
        width: auto;
        float: none;
        padding-bottom: 2em !important;
    }

        #content-right .content-header {
            margin-top: 45px;
        }


    #notes-header {
        background: url(images/pod-header-bg.jpg) repeat-x scroll 0 0 transparent;
        display: block;
        width: 185px;
        font-size: 12px;
        padding: 7px;
        user-select: none;
    }

    #notes-list li h6 {
        margin: 0 10px 10px 0;
        float: left;
    }

    #notes-list li p {
        clear: both;
        margin: 5px 0px 0px;
        max-width: 180px;
        max-height: 30px;
        overflow: hidden;
        word-wrap: break-word;
        text-align: left;
    }

    .notes-header {
        background: url(images/pod-header-bg.jpg) repeat-x scroll 0 0 transparent;
        font-size: 12px;
        padding: 7px;
        user-select: none;
    }

    .entry-form {
        width: 49%;
        min-width: 600px;
        float: left;
        padding: 10px;
        clear: none;
    }

    #taleo-content .entry-form {
        width: 99%;
        min-width: 600px;
        float: left;
        padding: 10px;
        clear: none;
    }


    .entry-form-nested {
        float: none;
        clear: both;
        width: 98%;
    }

    .entry-form-half-nested {
        float: none;
        clear: both;
        width: 98%;
        min-width: 500px;
    }

    .entry-form-wide {
        width: 98%;
        float: left;
        padding: 10px;
        clear: none;
    }

    .entry-form-narrow {
        width: 370px;
        float: left;
        padding: 10px;
        clear: none;
    }

    .dashboard-widgets .entry-form-narrow {
        width: 475px;
        float: left;
        padding: 10px;
        clear: none;
    }

    .nopadding {
        padding: 0 !important;
    }

    .col-fixed-left-menu {
        width: 198px;
    }

    #status {
        padding-right: 220px;
    }

    div.ContactContent {
        width: auto;
    }

    .ContactContent .left {
        width: auto;
    }

    .collapse-links {
        float: right;
        padding-right: 200px;
    }

    .save-button {
        margin-bottom: 25px;
    }

    .dynamic-wide-control {
        width: 98%;
    }

    .dynamic-half-control {
        width: 49%;
    }

    #terms-content {
        width: 100%;
    }
    #frmGroupForm {
        display: inline-block !important;
    }

    #profile {
        display: inline-block !important;
    }

    #add-event-form {
        display: inline-block !important;
    }
    #order-form .two-column-entry {
        padding-left: 10px;
    }
    #html-report-view {
        width: 98% !important;
    }

    #ReportForm .dynamic-wide-control {
        width: 98%;
    }
}



/* for small screens, remove any bootstrap stuff */
@media (max-width: 1400px) {
    *[class*=' col-lg-'], *[class^='col-lg-'] {
        min-height: 0px;
        padding-right: 0px;
        padding-left: 0px;
        position: inherit;
    }


    #footer-content {
        width: 100%;
        display: inline-block;
        display: inline-block;
        text-align: center;
    }

    #content-right .content {
        margin: 20px;
        padding-bottom: 20px;
    }
}

@media (max-width: 1000px) {

    #content-left {
        position: absolute !important;
    }
}

@media (min-width: 1050px) and (max-width: 1400px) {

    html {
        overflow-x: hidden;
    }
    #content-left {
        position: absolute !important;
    }
}

@media (min-width: 1850px) {

    .dynamic-wide-control {
        width: 65%;
    }
  
}

.positive-action-button {
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.3) !important;
    background: #35792a !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}



.row {
    display: flow-root;
    flex-wrap: unset;
    margin-top: unset;
    margin-right: unset;
}

    /*.row > * {
        max-width: unset;
        padding-right: unset;
        padding-left: unset;
        margin-top: unset;
    }*/

/*new for account*/

#content-right .content {
    margin: 25px;
    padding-bottom: 20px ;
    padding-top:0px;
}

.entry-form-narrow {
width:450px;
}

.collapse {
    display: block !important;
}

body {
    font-size: 12px;
    line-height: 1.42857143;
    color: #333;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

.collection-site-type_ZeroDonor label {
    margin-right: 15px;
}

#frmAccountSubmitForm {
    display: inline-block;
    padding-bottom:50px;
}

#Form1 {
    padding-bottom: 50px;
}

#sitemaintenance-page {
    display: inline-block;
    top: 80px;
}

#tools-maintenance-page {
    display: flex;
    top: 80px;
}

#quick-org-setup {
    display: inline-block;
    top: 80px;
}

#frmMROXMLSearch {
    display: inline-block;
    top: 80px;
    width: -webkit-fill-available;
}

#dashboard-page {
    display: inline-block;
    top: 80px;
}

#content-left {
    position: absolute;
}

#pool-summary-list a.collapse {
   
    width: 16px;
    height: 16px;
    /* margin-top: 2px; */
    display: inline-block !important;
}

.hide {
    display:none !important;
}

a.documentremove{
    margin:2px !important;
}


#XMLReportForm {
    display: inline-block !important;
}

#ReportForm {
    display: inline-block !important;
    width:100%
}



#UserPasswordQuestion {
    display: inline-block !important;
}

.content #event-summary-list {
    margin: 0px;
}

#user-list-header user-list-header-checkbox{
    width:15px;
}

#frmRandomReports {
    display: inline-block !important;
}

#PopUpflash {
    position: relative;
    width: auto;
    z-index: 99;
    word-wrap: break-word;
}

    #PopUpflash.info {
        border-color: #0E6DA5;
        background: #d1e4f3 url(images/level5/icons/info.png) no-repeat 10px center;
    }

    #PopUpflash.success {
        border-color: #55B309;
        color: #55B309;
        background: #CCFFCC url(images/level5/icons/success.png) no-repeat 10px center;
    }

    #PopUpflash.warning {
        border-color: #FFA60C;
        color: #925A02;
        background: #ffe9ad url(images/level5/icons/warning.png) no-repeat 10px center;
    }

    #PopUpflash.error {
        border-color: #D90606;
        color: #D90606;
        background: #fad5cf url(images/level5/icons/error.png) no-repeat 10px center;
    }

    #PopUpflash.message {
        border-color: #54B948;
        background: url(Content/images/level5/icons/info.png) no-repeat 10px center;
    }

div#main div#PopUpflash {
    position: relative;
    width: auto;
    z-index: 99;
    word-wrap: break-word;
}

div#PopUpflash.alert {
    padding: 0.75rem 2.25rem;
}
.entry-form-report {
    width: 49%;
    min-width: 500px;
    padding: 10px;
    clear: none;
}

.markerSvg {
    display: grid !important;
    grid-template-columns: auto;
    grid-template-rows: 5.5px auto;
    gap: 0px;
    justify-items: center;
    pointer-events: none;
    user-select: none;
    width: 26px;
    height: 38px;
}
.your-privacy-choices {
    height: 13px;
    vertical-align: text-top;

}
#DrugResult_DrugScreen_SpecimenNumber {
    width: 240px !important;
}

.Extendedh5{
    margin-bottom:40px !important;
}

/*  Generic List Styling  */

.esp-list-control-links input { font-size: 12px; }

.esp-list-header  
{
   
    padding: 7px; 
    /*background: #FFF url(images/ui-organization-header.png) repeat-x; */
    background: #ffffff;
    background: url(images/ui-organization-header.png);
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 26%, #c5c5c5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(26%,#ffffff), color-stop(100%,#c5c5c5));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 26%,#c5c5c5 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 26%,#c5c5c5 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 26%,#c5c5c5 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 26%,#c5c5c5 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c5c5c5',GradientType=0 );*/
    border: solid 1px #C4C4C4; 
    border-radius: 10px !important; 
    -webkit-border-radius: 10px !important; 
    -moz-border-radius: 10px !important;  
    font-size: 0px;       
}

.esp-list-header label { font-size: 12px; text-decoration: underline; cursor: pointer; text-transform: uppercase; font-weight: bold; display: inline-block; *display: inline; zoom: 1; }
.esp-list-header label { padding: 0px; margin: 0px; margin-right: 1px; vertical-align: middle; }
.esp-list-header span { font-size: 12px; text-transform: uppercase; font-weight: bold; display: inline-block; *display: inline; zoom: 1; }
.esp-list-header span { padding: 0px; margin: 0px; margin-right: 0px; vertical-align: middle; }
.esp-list-header-small label { font-size: 10px; text-decoration: underline; cursor: pointer; text-transform: uppercase; font-weight: bold; display: inline-block; *display: inline; zoom: 1; }
.esp-list-header-small label { padding: 0px; margin: 0px; margin-right: 4px; vertical-align: middle; }
.esp-list-header-small span { font-size: 10px; text-transform: uppercase; font-weight: bold; display: inline-block; *display: inline; zoom: 1; }
.esp-list-header-small span { padding: 0px; margin: 0px; margin-right: 4px; vertical-align: middle; }

 label.member-dynamic.no-underline{
        text-decoration:none
    }
.esp-list { display: block;}
.esp-list ul { margin-top: 0px; padding: 2px; border: 0px; }
.esp-list li { display: block; padding: 8px 5px; font-size: 0px; }
.esp-list li:hover { background: #FFC; cursor: pointer; }
.esp-list li span { display: inline-block; *display: inline; zoom: 1; overflow: hidden; font-size: 12px; margin-right: 2px; vertical-align: middle; }
.esp-list li a { display: inline-block; margin-bottom:10px; }

.esp-list-footer { font-size: 12px; border: solid 1px #C4C4C4; border-left: 0px; border-right: 0px; padding: 5px 10px; margin-top: 20px;display: inline-block;width: 100%;}
.esp-list-footer select { z-index: 5; }
.esp-list-footer .viewing { float: left;  margin-top: 3px; }
.esp-list-footer .paging { width: 100%; padding: 0px; text-align: left; float: left; margin: 3px 0px 0px 0px; *margin-left:20px; }
.esp-list-footer .paging span { text-decoration: underline; margin: 0px 5px 0px 0px; cursor: pointer; }
.esp-list-footer .paging span.currentPage { color: #000; text-decoration: none; }
.esp-list-footer .paging span.spacer { color: #666; text-decoration: none; cursor: default; }
.esp-list-footer .paging span.disabled { color: #666; text-decoration: none; }
.esp-list-footer select { float: right; width: 125px; }

.esp-list-wrapper { margin-top: 10px; }
.esp-list-wrapper .account-number { margin-left: 10px; width: 80px; }
.esp-list-wrapper .account-OrganizationName { margin-left: 10px; width: 150px; }
.esp-list-wrapper .account-description { width: 90px; }
.esp-list-wrapper .account-name { width: 105px; }
.esp-list-wrapper .account-address { width: 110px; }
.esp-list-wrapper .account-city { width: 80px; }
.esp-list-wrapper .account-state { width: 50px; }
.esp-list-wrapper .account-zip-code { width: 60px; }
.esp-list-wrapper .account-phone { width: 60px; }
.esp-list-wrapper .account-group-bill { width: 100px; }
.esp-list-wrapper .account-master-account { width: 80px; }
.esp-list-wrapper .account-national-id { width: 80px; }

.esp-list-wrapper .account-csl { width: 25px; }
.esp-list-wrapper .account-cso { width: 25px; }
.esp-list-wrapper .account-status { width: 55px; }
.esp-list-wrapper .name { width: 200px; }
.esp-list-wrapper .first-name { width: 100px; }
.esp-list-wrapper .last-name { width: 100px; }
.esp-list-wrapper .date { width: 90px; text-align: center; }
.esp-list-wrapper .user-id { width: 100px; }
.esp-list-wrapper .email { width: 150px; }
.esp-list-wrapper .user-administrator{ width: 120px;text-align: center;}
.esp-list-wrapper .user-type{ width: 120px;text-align: center;}
.esp-list-wrapper .status { width: 55px; }
.esp-list-wrapper .organization { width: 150px; }
.esp-list-wrapper .notes {width: 100px; text-decoration: none;}
.esp-list-wrapper .user-count { width: 150px; text-align: center; }
.esp-list-wrapper .tools-actions { width: 140px; text-align: center; }
.esp-list-wrapper .remove { background: url(images/ui-organization-delete.png); height: 15px; width: 15px; vertical-align: middle; }
.esp-list-wrapper .remove:hover { background-position: -15px 0px; }

.esp-list-wrapper .checkbox-list{width: 50px; }
.esp-list-wrapper .checkbox-header{width: 50px; margin-top: -14px;}

.esp-list-wrapper .collection-electronic { width: 17px; }
.esp-list-wrapper .collection-distance { width: 25px; }
.esp-list-wrapper .collection-name { width: 80px; }
.esp-list-wrapper .collection-address { width: 115px; }
.esp-list-wrapper .collection-phone { width: 80px; }
.esp-list-wrapper .collection-footer { width: 200px; }

.esp-list-wrapper .primary-id { width: 120px; }
.esp-list-wrapper .donor-name { width: 120px; }
.esp-list-wrapper .specimen-number { width: 100px; }
.esp-list-wrapper .account-name-full { margin-left: 10px; width: 175px; }
.esp-list-wrapper .organization-name { margin-left: 10px; width: 160px; }

#account-search-list .esp-list-wrapper .account-address { width: 150px; }
#account-search-list .esp-list-wrapper .account-city { width: 150px; }

/* Table Styling */

.esp-table { border-collapse: separate !important; border-spacing: 0; width: 100%; border: none; font-size: 12px; margin-top: 10px; }
.esp-table .meta-data { display: none; }
.esp-table td, .esp-table th {overflow: hidden; }
.esp-table .center { text-align: center; }
.esp-table .checkbox { text-align: center; max-width: 35px; }

.esp-table thead { background: #C4C4C4 url(images/ui-organization-header.png) repeat-x; }
.esp-table thead th { padding: 7px 5px; border: solid 1px #C4C4C4; border-width: 1px 0px; }
.esp-table thead th:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-left-width: 1px; }
.esp-table thead th:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-right-width: 1px; }/* text-align:right; } */
.esp-table thead th label { text-decoration: underline; text-transform: uppercase; font-weight: bold; cursor: pointer; vertical-align: middle; }
.esp-table thead th select { width: 110px; padding: 0px; vertical-align: middle; }
.esp-table thead input[type="checkbox"] { margin: 3px 0px 0px -2px; }
.non-sortable-table thead th label {text-decoration: none;}

.esp-table tbody tr:hover { background: #FFC; }
.esp-table tbody tr.hover { background: #FFC; }
/*.esp-table tbody td:last-child { text-align: right; } */
.esp-table tbody td { border: 0px; vertical-align: middle; padding: 8px 5px }

.esp-table tfoot { font-size: 12px; padding: 5px 10px 5px 0px; margin-top: 20px; }
.esp-table tfoot td { border: solid 1px #C4C4C4; border-left: 0px; border-right: 0px; }
.esp-table tfoot .viewing { float: left;  margin-top: 1px; }
.esp-table tfoot .paging { width: auto; padding: 0px; text-align: left; margin: 1px 0px 0px 0px; }
.esp-table tfoot .paging span { text-decoration: underline; margin: 0px 3px; cursor: pointer; }
.esp-table tfoot .paging span.currentPage { color: #000; text-decoration: none; }
.esp-table tfoot .paging span.spacer { color: #666; text-decoration: none; cursor: default; }
.esp-table tfoot .paging span.disabled { color: #666; text-decoration: none; }
.esp-table tfoot select { float: right; width: 125px; }

.date-collected { width: 82px; text-align: left; }
.drug-status { width: 100px; }

.esp-list-wrapper .resultsearch-organization-name { margin-left: 10px; width: 120px; }
.esp-list-wrapper .resultsearch-primary-id { width: 80px; }
.esp-list-wrapper .resultsearch-donor-name { width: 120px; }
.esp-list-wrapper .resultsearch-Test-reason { width: 100px; }
.esp-list-wrapper .resultsearch-specimen-number { width: 60px; }
.esp-list-wrapper .resultsearch-account-number { margin-left: 10px; width: 80px; }
.esp-list-wrapper .resultsearch-account-name { width: 105px; }
.esp-list-wrapper .resultsearch-order-code { width: 80px; }
.esp-list-wrapper .resultsearch-specimen-type { width: 30px; }
.esp-list-wrapper .resultsearch-date-collected { width: 82px; text-align: left; }
.esp-list-wrapper .resultsearch-drug-status { width: 100px; }
.esp-list-wrapper .resultsearch-hidden-by { margin-left: 5px; width: 80px; }


.summary-results-deleted { background: #FAB7B4; }


/*  Specific Page Styling  */

#account-list-wrapper input { position: absolute; margin: 1px 0px 0px 3px; }
#account-list-wrapper .first-name { margin-left: 30px; }
#accounts_wrapper li {
    margin-left: -2px;
    min-width: 1170px;
}

/* US17228 */
#user-list-wrapper-mro input {
    vertical-align: middle;
    margin: 1px 0px -10px 3px;
    height:33px;
}
#user-list-wrapper input { margin: -10px 0px 0px 3px; }
#user-list-wrapper .first-name {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
    word-break: break-all;
}
#user-list-wrapper .last-name {
    width: 90px;
    margin-left: 14px;
    min-width: 90px;
    max-width: 90px;
    word-break: break-all;
}
#user-list-wrapper .date {
    width: 90px;
    text-align: left;
    min-width: 90px;
    max-width: 90px;
}
#user-list-wrapper .user-id {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
    word-break: break-all;
}
#user-list-wrapper .email {
    width: 250px;
    min-width: 120px;
    max-width: 250px;
    word-break: break-all
}
#user-list-wrapper .status {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
}
#user-list-wrapper .groupname {
    width: 170px;
    min-width: 170px;
    max-width: 200px;
    word-break: break-all
}
#user-list-wrapper .ssoid {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    word-break: break-all;
}

#user-list-wrapper .notes {
    width: 22px;
    min-width: 22px;
    max-width: 25px;
    text-align: left;
}

#user-list-wrapper .notesview {
    width: 0px;
    min-width: 16px;
    max-width: 16px;
    margin-right: 35px;
    text-align:left;
}

#user-list-wrapper .notesviewhidden {
    width: 0px;
    min-width: 16px;
    max-width: 16px;
    margin-right: 35px;
}

#user-list-wrapper .organization {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
}
#user-list-wrapper .user-administrator {
    width: 110px;
    text-align: left;
    min-width: 110px;
}
#user-list-wrapper .user-lab {
    width: 55px;
    text-align: left;
}

#user-list-wrapper .notes-icon {
    background: url(../Content/images/icons/green-icons.png) -36px -96px no-repeat;
    width: 0px;
    height: 16px;
    vertical-align: bottom;
    min-width: 16px;
    max-width: 16px;
    margin-right: 15px;
}

#user-list-wrapper .add-notes-icon {
    background-position: -65px 0px;
    width: 12px;
    vertical-align: bottom;
    min-width: 12px;
    max-width: 12px;
    margin-right: 18px;
}

/*#user-list li { padding-left: 6px; }*/

#change-audit-list-wrapper .user-name { width: 70px;  }
#change-audit-list-wrapper .swts-user { width: 70px; }
#change-audit-list-wrapper .audit-type { width: 70px;  }
#change-audit-list-wrapper .audit-action { width: 70px; }
#change-audit-list-wrapper .property { width: 90px; }
#change-audit-list-wrapper .unique-id { width: 80px; }
#change-audit-list-wrapper .before { width: 120px; }
#change-audit-list-wrapper .after { width: 120px; } 
#change-audit-list-wrapper .audit-date-time { width: 90px; } 
#change-audit-list-wrapper li { padding-left: 6px;} 
#change-audit-list-wrapper span,  #changeAudit-list-header label{ text-align: left; overflow-wrap:break-word;} 


#user-group-list a { margin-right: 30px; }
#user-group-list-wrapper .name { margin-left: 10px; }
#user-group-list-wrapper span.tools-actions { width: 560px; }

#user-group-list-wrapper.scroll-wrapper {
    overflow-y: hidden;
    float: left;
    width: 100%;
    display:inline-grid;
}

#user-group-list-header.scrollable-header {
    flex-wrap: nowrap;
    display: inline-flex;
}


#group-user-list li { padding: 7px 5px; cursor: default; }


#results-table { font-size: 11px; width: max-content;min-width:100%;}
#results-table thead { font-size: 10px; }
#results-table tbody td { max-width: 150px; }
#results-table input[type="text"] { width: 50px; }

#results_wrapper li { padding-left: 6px; }

#report-result-table th,
#report-result-table td { max-width: none; }
#report-result-table thead th { text-transform: uppercase; }

#tools-result-table thead th { text-align: left;  }
#tools-result-table thead th.checkbox { text-align: center; }
#tools-result-table tbody td { padding: 5px; }

#function-audit-table th,
#function-audit-table td { max-width: none; }

span.two-col-wrap { width: 100px; word-wrap: break-word; display: inline-block; }
span.two-col-list { width: 85px; margin: 0px 5px 0px 0px; float: left; }
span.two-col-wrap-no-break { width: 120px; display: inline-block; word-wrap: break-word}

.paging-spinner {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    float: left;
}


.results-record-print {
    width: 16px;
    height: 16px;
}

.results-record-print-view {
    width: 16px;
    height: 16px;
    margin-bottom: 7px;
}

/* for wide screens, make everything fluid */
@media (min-width: 1400px) {

   

    #results-table { font-size: 11px; max-width: 100%; }

    #user-list-wrapper input {
        vertical-align: middle;
        margin: 1px 0px 0px 3px;
    }
    #user-list-wrapper .first-name { width: 10%; }
    #user-list-wrapper .last-name { width: 10%; margin-left: 30px; }
    #user-list-wrapper .date { width: 10%; text-align: center; }
    #user-list-wrapper .user-id { width: 10%; }
    #user-list-wrapper .email { width: 10%; }
    #user-list-wrapper .status { width: 6%; }
    #user-list-wrapper .user-administrator { width: 6%; }
    #user-list-wrapper .groupname { width: 10% }
    #user-list-wrapper .ssoid { 
        width: 10%
    }
    #user-list-wrapper .notes { width: 1%;  }
    #user-list-wrapper .notesview { width: 6%; }

    #user-list-wrapper .notes-icon {
        background: url(../Content/images/icons/green-icons.png) -33px -96px no-repeat;
        width: 13px;
        height: 16px;
        vertical-align: bottom;
        min-width: 16px;
        max-width: 16px;
        margin-right: 15px;
    }
    #user-list-wrapper .notes-icon-hidden {
        width: 13px;
        height: 16px;
        vertical-align: bottom;
        min-width: 16px;
        max-width: 16px;
        margin-right: 15px;
    }
    #user-list-wrapper .add-notes-icon {
        background-position: -65px 0px;
        width: 12px;
        vertical-align: bottom;
        min-width: 12px;
        max-width: 12px;
        margin-right: 18px;
    }
    #user-list-wrapper .add-notes-icon-hidden {
        width: 12px;
        min-width: 12px;
        max-width: 12px;
    }

    .instance-member-note-container {
        padding-bottom: 5px;
        padding-left: 0;
        padding-right: 0;
        border-bottom-style: solid;
        border-bottom-color: black;
        border-bottom-width: 1px;
    }

    .instance-member-note-label {
        font-weight: bold;
    }

    #user-list li { padding-left: 6px; }
    div#user-list.esp-list li a {
        display: inline;
    }


    /*result search*/
    .esp-list-wrapper .resultsearch-organization-name { margin-left: 2px; width: 7%; }
    .esp-list-wrapper .resultsearch-primary-id { width: 6%; }
    .esp-list-wrapper .resultsearch-donor-name { width: 7%; }
    .esp-list-wrapper .resultsearch-Test-reason { width: 10%; }
    .esp-list-wrapper .resultsearch-specimen-number { width: 6%; }
    .esp-list-wrapper .resultsearch-account-number { margin-left: 10px; width: 5%; }
    .esp-list-wrapper .resultsearch-account-name { width: 10%; }
    .esp-list-wrapper .resultsearch-order-code { width: 7%;}
    .esp-list-wrapper .resultsearch-specimen-type { width: 7%; }
    .esp-list-wrapper .resultsearch-date-collected { width: 9%; text-align: left; }
    .esp-list-wrapper .resultsearch-drug-status { width: 10%; }
    .esp-list-wrapper .resultsearch-hidden-by { margin-left: 5px; width: 10%; }
    
}