/*--------- 
  DEFAULTS
----------*/
a img {
    border: none;
}

/* Global Font Family and Font Size Settings */
p, td, input, span, label, select, textarea, ul, ol, legend, div {
    font-size: 12.2px;
    font-family: "FiraSans-Regular", Arial, sans-serif;
    font-variant-numeric: slashed-zero; font-feature-settings: 'zero' on;
    /*font-family: "FiraSans-Regular";, "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;*/
}

/* Unify IE and Chrome text and button UI settings. Override ugly default border settings in IE (mix of black and gray), make it look more like Chrome (all gray) */
input[type="text"], input[type="password"] {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(169, 169, 169) !important;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
}

.RadGrid .rgFilterBox {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.RadInput .riDisabled {
    border-color: rgb(169, 169, 169) !important;
}

.RadComboBox .rcbInner input[type="text"][readonly="readonly"],
.RadComboBox .rcbInner input[type="text"]:disabled {
    background-color: transparent !important;
}

input[type="text"]:disabled, input[type="text"][readonly="readonly"] {
    background-color: rgb(230,230,230) !important;
}

input[type="text"]:hover:not(:disabled):not([readonly="readonly"]) {
    border-color: rgb(81, 81, 81) !important;
}

input[type="submit"]:not(.rbPrimary):not(.rbDecorated):not(.rgPageFirst):not(.rgPagePrev):not(.rgPageNext):not(.rgPageLast):not(.rgSortAsc):not(.rgSortDesc):not(.rgAdd):not(.rgRefresh):not(.rgFilter):not(.rgExpand):not(.rgCollapse):not(.rspCollapseBarSpacer):not(.rgExpCSV):not(.rgExpXLS):not(.rdpPageFirst):not(.rdpPagePrev):not(.rdpPageNext):not(.rdpPageLast), 
input[type="button"]:not(.rbPrimary):not(.rbDecorated):not(.rgPageFirst):not(.rgPagePrev):not(.rgPageNext):not(.rgPageLast):not(.rgSortAsc):not(.rgSortDesc):not(.rgAdd):not(.rgRefresh):not(.rgFilter):not(.rgExpand):not(.rgCollapse):not(.rspCollapseBarSpacer):not(.rgExpCSV):not(.rgExpXLS):not(.rdpPageFirst):not(.rdpPagePrev):not(.rdpPageNext):not(.rdpPageLast),
input[type="reset"] {
    font-weight: 600;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(169, 169, 169);
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 7px;
    background: linear-gradient(to bottom, rgb(247,247,247), rgb(221,221,221));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, rgb(247,247,247), rgb(221,221,221));
    background: -webkit-linear-gradient(0% 0%, 0% 100%, rgb(247,247,247), rgb(221,221,221));
    background: -moz-linear-gradient(center top, rgb(247,247,247), rgb(221,221,221));
}

input[type="submit"]:hover:not(.rbPrimary):not(.rbDecorated):not(.rgPageFirst):not(.rgPagePrev):not(.rgPageNext):not(.rgPageLast):not(.rgSortAsc):not(.rgSortDesc):not(.rgAdd):not(.rgRefresh):not(.rgFilter):not(.rgExpand):not(.rgCollapse):not(.rspCollapseBarSpacer):not(.rgExpCSV):not(.rgExpXLS):not(.rdpPageFirst):not(.rdpPagePrev):not(.rdpPageNext):not(.rdpPageLast), 
input[type="button"]:hover:not(.rbPrimary):not(.rbDecorated):not(.rgPageFirst):not(.rgPagePrev):not(.rgPageNext):not(.rgPageLast):not(.rgSortAsc):not(.rgSortDesc):not(.rgAdd):not(.rgRefresh):not(.rgFilter):not(.rgExpand):not(.rgCollapse):not(.rspCollapseBarSpacer):not(.rgExpCSV):not(.rgExpXLS):not(.rdpPageFirst):not(.rdpPagePrev):not(.rdpPageNext):not(.rdpPageLast) {
    border-color: rgb(123, 123, 123);
}

input[type="submit"]:active:not(.rbPrimary):not(.rbDecorated):not(.rgPageFirst):not(.rgPagePrev):not(.rgPageNext):not(.rgPageLast):not(.rgSortAsc):not(.rgSortDesc):not(.rgAdd):not(.rgRefresh):not(.rgFilter):not(.rgExpand):not(.rgCollapse):not(.rspCollapseBarSpacer):not(.rgExpCSV):not(.rgExpXLS):not(.rdpPageFirst):not(.rdpPagePrev):not(.rdpPageNext):not(.rdpPageLast), 
input[type="button"]:active:not(.rbPrimary):not(.rbDecorated):not(.rgPageFirst):not(.rgPagePrev):not(.rgPageNext):not(.rgPageLast):not(.rgSortAsc):not(.rgSortDesc):not(.rgAdd):not(.rgRefresh):not(.rgFilter):not(.rgExpand):not(.rgCollapse):not(.rspCollapseBarSpacer):not(.rgExpCSV):not(.rgExpXLS):not(.rdpPageFirst):not(.rdpPagePrev):not(.rdpPageNext):not(.rdpPageLast) {
    background: linear-gradient(to bottom, rgb(221,221,221), rgb(247,247,247));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, rgb(221,221,221), rgb(247,247,247));
    background: -webkit-linear-gradient(0% 0%, 0% 100%, rgb(221,221,221), rgb(247,247,247));
    background: -moz-linear-gradient(center top, rgb(221,221,221), rgb(247,247,247));
}

input[type="submit"]:disabled:hover:not(.rbPrimary):not(.rbDecorated):not(.rbPageFirst):not(.rgPagePrev):not(.rgPageNext):not(.rgPageLast):not(.rgSortAsc):not(.rgSortDesc):not(.rgAdd):not(.rgRefresh):not(.rgFilter):not(.rgExpand):not(.rgCollapse):not(.rspCollapseBarSpacer):not(.rgExpCSV):not(.rgExpXLS):not(.rdpPageFirst):not(.rdpPagePrev):not(.rdpPageNext):not(.rdpPageLast) {
    border-color: rgb(169, 169, 169);
}

/* Updates to Telerik Lightweight RenderMode Defaults */

div.RadComboBox {
    width: 160px;
}

div.RadComboBox .rcbInner {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 4px;
}

    div.RadComboBox .rcbActionButton {
        padding-top: 3px;
        padding-left: 2px;
        padding-right: 2px;
        height: inherit;
    }

.RadComboBox_Default .rcbInner {
    border-color: rgb(169, 169, 169) !important; 
    /*border-top-color: rgb(205, 205, 205);
    border-right-color: rgb(205, 205, 205);
    border-bottom-color: rgb(205, 205, 205);
    border-left-color: rgb(205, 205, 205);*/
}

.RadComboBox_Default .rcbHovered {
    border-color: rgb(140, 140, 140) !important; 
}

.RadComboBox_Default .rcbFocused {
    border-color: rgb(103, 103, 103) !important; 
}

.RadComboBox_Default .rcbReadOnly.rcbFocused {
    border-color: rgb(103, 103, 103) !important; 
    background-color: rgb(180, 180, 180) !important;
    background-image: linear-gradient(rgb(190,190,190), rgb(180,180,180)) !important;
}

.RadComboBoxDropDown .rcbItem.rcbTemplate,
.RadComboBoxDropDown .rcbHovered.rcbTemplate {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.RadComboBoxDropDown .rcbItem.rcbTemplate > label,
.RadComboBoxDropDown .rcbHovered.rcbTemplate > label {
    margin-top: -4px !important;
    margin-right: 0px !important;
    margin-bottom: -4px !important;
    margin-left: -5px !important;
}

/*div.RadPicker {
    width: 160px;
}*/

div.RadPicker .RadInput .riTextBox {
    height: 24px;
    /*width: 160px;*/
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 5px;
}

div.RadPicker .RadInput .rcSelect {
    height: 22px;
}

.t-ie .RadInput, .t-ie {
    height: 24px !important;
}

.RadGrid .rgCommandCell {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.RadGrid .rgRow .rgSorted {
    border-bottom-color: #d9d9d9 !important;
}

.RadGrid .rgAltRow .rgSorted {
    border-bottom-color: #f2f2f2 !important;
}

.RadGrid .rgRow > td, 
.RadGrid .rgAltRow > td, 
.RadGrid .rgEditRow > td, 
.RadGrid .rgFooter > td, 
.RadGrid .rgFilterRow > td, 
.RadGrid .rgHeader, 
.RadGrid .rgResizeCol, 
.RadGrid .rgGroupHeader td {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.RadGrid .rgRow > td.rgExpandCol,
.RadGrid .rgAltRow > td.rgExpandCol,
.RadGrid .rgRow > td.rgGroupCol,
.RadGrid .rgAltRow > td.rgGroupCol,
.RadGrid .rgGroupHeader > td.rgGroupCol {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.RadGrid .rgGroupCol .t-button,
.RadGrid .rgExpandCol .t-button {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.RadInput .riTextBox, .RadInputMgr {
    border-width: 1px !important;
    border-style: solid !important;
    padding-top: 3px !important;  /* Update top and bottom padding to 3 for RadNumericTextboxes and RadMaskedTextboxes. */
    padding-bottom: 3px !important;
    /*padding-top: 2px !important;
    padding-bottom: 2px !important;*/
    padding-left: 5px !important;
    padding-right: 5px !important;
    vertical-align: middle !important;
}

.RadInput a {
    /*height: 100% !important;*/
    padding: 0 1px !important;
    text-align: center;
    vertical-align: middle !important;
    background-clip: padding-box;
    background-repeat: no-repeat;
    border-left: 1px solid transparent;
}

.RadInput .riUp:before {
    position: relative;
    top: -3px;
}

.RadInput .riDown:before {
    position: relative;
    top: -2px;
}

.RadTreeView .rtTop, 
.RadTreeView .rtMid, 
.RadTreeView .rtBot {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.RadTreeView .rtIn {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.RadTreeView .rtImg {
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.RadTreeView .rtLines .rtTop:before, 
.RadTreeView .rtLines .rtMid:before, 
.RadTreeView .rtLines .rtBot:before {
    top: 3px !important;
}

.RadTreeView .rtPlus:before, 
.RadTreeView .rtMinus:before {
    top: 40% !important;
    left: 47% !important;
}

.RadDropDownTree .rddtClearButton {
    text-indent: 0px !important;
}

.RadButton .rbSplitPart {
    padding-top: 3px !important;
    padding-bottom: 2px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.RadWindow .rwContent {
    padding: 0 !important;
}

/* RadConfirm styling */
div[id^='RadWindowWrapper_confirm'].RadWindow,
div[id^='RadWindowWrapper_confirm'].RadWindow div[id^='confirm'].rwContent {
    height: auto !important;
    min-height: 150px;
}

div[id^='RadWindowWrapper_confirm'].RadWindow div[id^='confirm'].rwContent .rwDialogContent {
    margin-bottom: 17px;
}

/*.RadTabStrip .rtsLink {
    padding-left: 10px !important;
    padding-right: 10px !important;
}*/

/* End Updates to Telerik Lightweight Defaults */

/* We need this because our global settings override UI Widget settings in CDN jquery-ui.css */
div.blockUI .ui-widget-content div {
    font-family: "FiraSans-Regular", "Lucida Sans", Arial, sans-serif;
    font-variant-numeric: slashed-zero; font-feature-settings: 'zero' on;
    font-size: 14px;
}

BODY   
{
    background: #b6b7bc; 
    margin: 0px;
    padding: 0px;
    color: #696969;
}

A
{
    text-decoration: underline;
    color: navy;
    font-style: normal;
}

A:link
{
    color: #034af3;
}

A:visited
{
    color: #034af3;
}

A:hover
{
    color: #1d60ff;
    text-decoration: none;
}

A:active
{
    color: #034af3;
}

P
{
    color: #000000;
    margin-bottom: 10px;
    line-height: 1.6em;
}

TD {
    padding: 0px;
    vertical-align: middle;
}

INPUT, SPAN
{
    font-style: normal;
    text-decoration: none;
}

INPUT.button
{
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

INPUT.textEntry 
{
    color: #000000;
    width: 320px;
    border: 1px solid #ccc;
}

INPUT.passwordEntry
{
    color: #000000;
    width: 320px;
    border: 1px solid #ccc;
}

SPAN.desc
{
    text-align: right;
    font-weight: bold;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

LABEL
{
    color: #000000;
}

TEXTAREA
{
    margin-bottom: 8px;
    height: 45px;
    font-style: normal;
    color: #000000;
    text-decoration: none;
    background: #ffffff;
}

TEXTAREA.small
{
    width: 150px;
}

TEXTAREA.medium
{
    width: 300px;
}

/*--------- 
  HEADINGS   
-----------*/

.sectionHeaderTitle {
    font-family: "FiraSans-Regular", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-variant-numeric: slashed-zero; font-feature-settings: 'zero' on;
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "FiraSans-Regular", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-variant-numeric: slashed-zero; font-feature-settings: 'zero' on;
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1 {
    font-family: "FiraSans-Regular", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-variant-numeric: slashed-zero; font-feature-settings: 'zero' on;
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2, .sectionHeaderTitle {
    font-family: "FiraSans-Regular", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-variant-numeric: slashed-zero; font-feature-settings: 'zero' on;
    font-size: 1.5em;
    font-weight: 600;
}

h3 {
    font-family: "FiraSans-Regular", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-variant-numeric: slashed-zero; font-feature-settings: 'zero' on;
    font-size: 1.2em;
}

h4 {
    font-family: "FiraSans-Regular", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-variant-numeric: slashed-zero; font-feature-settings: 'zero' on;
    font-size: 1.1em;
}

h5, h6 {
    font-family: "FiraSans-Regular", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-variant-numeric: slashed-zero; font-feature-settings: 'zero' on;
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}

.masterHeader {
    background-color: #376390;
    height: 87px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/*----------------------- 
  PRIMARY LAYOUT ELEMENTS   
-------------------------*/
/* Overall page default */
.page {
    font-family: "FiraSans-Regular", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-variant-numeric: slashed-zero; font-feature-settings: 'zero' on;
    color: #000000;
    width: 1000px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header {
    font-family: "FiraSans-Regular", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-variant-numeric: slashed-zero; font-feature-settings: 'zero' on;
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

    .header h1 {
        font-family: "FiraSans-Regular", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
        font-variant-numeric: slashed-zero; font-feature-settings: 'zero' on;
        font-weight: 700;
        margin: 0px;
        padding: 0px 0px 0px 20px;
        color: #f9f9f9;
        border: none;
        line-height: 2em;
        font-size: 2em;
    }

.pageContentWithMessages
{
    padding: 0px 5px;
    min-height: 420px;
}

.leftCol
{
    font-family: "FiraSans-Regular", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.pageFooter {
    font-family: "FiraSans-Regular", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-variant-numeric: slashed-zero; font-feature-settings: 'zero' on;
    color: #000000;
    color: #022d5a;
    font-size: 8pt;
    text-align: center;
}

/*--
MENU   
----*/
.menuBar {
    font-family: "FiraSans-Regular", "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-variant-numeric: slashed-zero; font-feature-settings: 'zero' on;
    background-color: #d9d9d9;
    width: 100%;
    text-align: left;
    /* border-bottom-width: 1px; */
    border-bottom-width: 0px;
    border-bottom-color: #93b0cd;
    border-bottom-style: groove;
    border-top-style: solid;
    border-top-width: 0px;
    border-top-color: #93b0cd;
    border-right-width: 0px;
    border-left-width: 0px;
}

.menuBar .RadMenu {
    float: none;
}

div.QuickSearch
{
    padding: 0 0 0px;
    position: static;
    margin: 0px 10px;
    text-align: right;
    float: right;  

}

td.MenuBorder {
  
    border-bottom-color: #828282;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    background-color: #EFEFEF !Important;
}
 
.RadMenu_Default .rmRootGroup {
    border-bottom-width: 0px  !Important;
    border-top-width: 0px !Important;
    border-left-width: 0px !Important;
    border-right-width: 0px !Important;
    background-color: #EFEFEF !Important;
    z-index: 1000;
    background-image: none !Important;
}

/* Display context menus above open RadCombo slide lists */
div.RadMenu_Context {
    z-index: 7020 !important;
}

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

fieldset
{
    margin: 1em 0px;
    padding-bottom: 13px;
    padding-left: 1em;
    padding-right: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
    margin-bottom: 8px;
}

/*---- 
  MISC  
------*/

.clear
{
    clear: both;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.error
{
    color: red;
    font-weight: bold;
}

.warning
{
    color: red;
    font-weight: normal;
}

.info
{
    color: #022d5a;
    font-weight: bold;
}

.normal
{
    color: #000000;
}

.bold
{
    color: #000000;
    font-weight: bold;
}


.italic 
{
    color: #000000;   
    font-style: italic;
}


.labeldesc
{
    text-align: right;
    font-weight: bold;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.labelAccountGeneral
{
    color:#808080;   
}

/*----------------------------- 
    Global Rad Window Settings
-------------------------------*/

/* Display RadWindow above RadMenu */
div.RadWindow {
    z-index: 7025;
}

/*--------------------------------- 
    Global Rad Tab Strip Settings
-----------------------------------*/

/* Don't underline text when hovering over tab header */
.RadTabStrip_Default a.rtsLink:hover, 
.RadTabStrip_Default a.rtsLink.rtsSelected {
    text-decoration: none;
}

/*----------------------------- 
    Global Rad Combo Settings
-------------------------------*/

/* Note: classes prefixed with "rcb" are internal RadCombo styles */

/* Global Max RadCombo scroll height of 300 pixels. */
.rcbScroll
{
    max-height: 300px !important;
}

/* Display combo item lists above the top menu. */
/* Chrome */
#rcbSlide[style] 
{
    z-index: 7010 !important;
}
/* IE, Firefox, Safari */
.rcbSlide 
{
    z-index: 7010 !important;
}

.RadComboBox .rcbInputCell .rcbInput
{
    margin-bottom: 1px;
}

/*------------------------------- 
    Rad Grid Main Settings
---------------------------------*/

/* Align Refresh button correctly on wide grids */
.RadGrid input.rgRefresh {
    float: none;
}

/*------------------------------- 
    Rad Grid Edit Form Settings
---------------------------------*/

/* No need for margins around EditForm fieldsets, we already have enough whitespace. */
.rgEditForm fieldset
{
    margin: 0em;
}

.rgEditForm td label {
    display: block;
    margin-top: 3px;
    width: 160px;
    margin-bottom: 8px;    
    margin-left: 5px;
    text-align: right;
}

.rgEditForm td {
    line-height: 16px; 
    vertical-align:top;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-right: 20px;
}

.rgEditForm input[type='image'] {
    margin-top: 5px;
    margin-bottom: 7px;
    margin-left: 7px;
    vertical-align: middle;
}

.radGridFormTableItem {
    /*background-color: #FFFFFF;*/
    width: 100%;
    height: 30px;
    vertical-align: middle;
}

.radGridFormTableAlternatingItem {
    /*background-color: #F6F6F6;*/
    width: 100%;
    height: 30px;
    vertical-align: middle;
}

.radGridFormTable {
    border-spacing: 0px;
    padding-top: 10px;
    padding-bottom: 3px;
}

/* Styles for Auto-Generated Single Column Edit Forms */
.radGridFormTableOneColumn td > label {
    min-width: 150px;
}

/* Set the width of non-label columns */
.radGridFormTableOneColumn td[id*='EditCell'] {
    width: 80%;
}


.radGridFormMainTable {
    width: 100%;
    border-spacing: 0px;
}

.radGridFormTableButtonRow input[type='image'] {
    margin-top: 5px;
    margin-bottom: 7px;
    margin-left: 7px;
    vertical-align: middle;
}

.radGridEditColumn {
    margin-left: 5px;
}

.verticalAlignMiddle {
    vertical-align: middle;
}

/* Individual Grid Styles */

/* Note Log Control */
.RadGridNoteLogControl .radGridFormTable td > label {
    min-width: 125px;
}

/* Set the width of non-label columns */
.RadGridNoteLogControl .radGridFormTable td[id*='EditCell'] {
    width: 85%;
}

/* Accession Increment (Samples) Grid */
.RadGridAccessionIncrement .radGridFormTable td > label {
    width: 90px;
}

.RadGridAccessionIncrement .radGridFormTable td[id*='EditCell'] {
    width: 170px;
}

/** ----------------------
RadListBox Settings
-------------------------*/
.RadListBox .rlbItem label {
    width: auto;
    float: none;
    text-align:left;
}

/*------------------
  RadNumericTextbox
 -------------------*/

.RadNumericCurrency {
    text-align: right;
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#454F5B;
    width:100%;
}

div.menu
{
    padding: 0px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.round 
{
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

.windowCenteredBase {
    position: fixed;
    top: 50%;
    left: 50%;
}

/* layoutTable
----------------------------------------------------------*/

.layoutTable {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-style: solid;
    border-color: transparent;
    border-width: 0px;	
}

/* Tabbed Pages
---------------------------------------------------------*/
div.subPageTopMenu    {
    
    padding: 0 0 0px;
    position: relative;
    margin: 0 0;
    text-align: left;
}

div.subPageTopMenu li {
    display: inline;
    list-style: none;
}
 
 div.subPageTopMenu ul {
     padding: 0 0 0 0;
     margin-bottom: 0;
 }
 
div.subPageTopMenu li a {
    padding: 7px 13px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #7A7A7A;
    color: #E4E4E4;
}

div.subPageTopMenu li a:hover {
    background-color: #D6D6D6;
    color: #6E6E6E;
    text-decoration: none;
}

div.subPageTopMenu  li a:active {
    background-color: #7A7A7A;
    color: #E4E4E4;
    text-decoration: none;
}

div.subPageTopMenu li.selected a {
    background-color: #fff;
    color: #000;
}

div.subPageSideMenuTag {
    float: left; 
    width: 18px; 
    margin-top: 0px; 
    background-color: #7A7A7A; 
}

div.subPageSideMenuTag:hover 
{
    background-color: #D6D6D6;
}

div.subPageSideMenuTag a, div.subPageSideMenuTag a:visited, div.subPageSideMenuTag a:active, div.subPageSideMenuTag a:hover {
    text-decoration: none;
}

div.subPageSideMenuContainer {
    position: absolute;
    z-index: 6500;
}

div.subPagePulloutSideMenu {
    margin-top: 0px;
    margin-left: 0px;
    width: auto;
    float: left;
    overflow: hidden;
}

div.subPageSideMenu 
{
    padding-right: 5px;
    margin-top: 8px;
    margin-left: 0px;
    margin-right: 5px;
    width: auto;
    float: left;
}

div.subPageSideMenu ul, 
div.subPagePulloutSideMenu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.subPageSideMenu ul li a, 
div.subPageSideMenu ul li a:visited,
div.subPagePulloutSideMenu ul li a,
div.subPagePulloutSideMenu ul li a:visited
{
    background-color: #7A7A7A;
    border: 1px #828282 solid;
    color: #E4E4E4;
    display: block;
    line-height: 1.35em;
    padding: 4px 16px;
    text-decoration: none;
    white-space: nowrap;
}

div.subPageSideMenu ul li a:hover,
div.subPageSideMenu ul li a:focus,
div.subPagePulloutSideMenu ul li a:hover,
div.subPagePulloutSideMenu ul li a:focus
{
    background-color: #D6D6D6;
    color: #6E6E6E;
    text-decoration: none;
}

div.subPageSideMenu ul li a:active,
div.subPagePulloutSideMenu ul li a:active
{
    background-color: #7A7A7A;
    color: #E4E4E4;
    text-decoration: none;
}

.subPageContent 
{
    margin-top: 5px;
}

.pulloutMenuSubPageContent {
    position: relative;
    margin-top: 5px;
}

/* Fieldset Layout
---------------------------------------------------------*/

.fieldsetTable {
    
}

.fieldsetTableLabelWidth60 label {
    width: 60px;
}

.fieldsetTableLabelWidth95 label {
    width: 95px;
}

.fieldsetTableLabelWidth118 label {
    width: 118px;
}

.fieldsetTableLabelWidth118 input[type="submit"] {
    margin-left: 100px;
}

.fieldsetTableLabelWidth118 input[class="rightAligned"] {
    margin-left: 10px;
    float: right;
}

.fieldsetTableLabelWidth100 label {
    width: 100px;
}

.fieldsetTableLabelWidth120 label {
    width: 120px;
}

.fieldsetTableLabelWidth120 input[type="submit"] {
    margin-left: 150px;
}

.fieldsetTableLabelWidth130 label {
    width: 130px;
}

.fieldsetTableLabelWidth135 label {
    width: 135px;
}

.fieldsetTableLabelWidth140 label {
    width: 140px;
}

.fieldsetTableLabelWidth150 label {
    width: 150px;
}

.fieldsetTableLabelWidth150 input[type="submit"] {
    margin-left: 170px;
}

.fieldsetTableLabelWidth160 label {
    width: 160px;
}

.fieldsetTableLabelWidth160 input[type="submit"] {
    margin-left: 180px;
}

.fieldsetTableLabelWidth170 label {
    width: 170px;
}

.fieldsetTableLabelWidth180 label {
    width: 180px;
}

.fieldsetTableLabelWidth200 label {
    width: 200px;
}

.fieldsetTableLabelWidth220 label {
    width: 220px;
}


.fieldsetTableLabelWidth250 label {
    width: 250px;
}

.fieldsetTableLabelWidth300 label {
    width: 300px;
}

.fieldsetTableLabelWidth180 input[type="submit"] {
    margin-left: 200px;
}

.fieldsetTableRadGridHolder {
    position: relative;
    float: left;
}

.fieldsetTableLabelWidth150 .RadGrid .rgCommandRow input[type="submit"] {
    margin-left: 0px;
}

.fieldsetTableLabelWidth118 .RadGrid .rgCommandRow input[type="submit"] {
    margin-left: 0px;
}

.fieldsetTableLabelWidth150 .RadGrid .rgPager input[type="submit"] {
    margin-left: 0px;
}

.fieldsetTable span[class="riDisplay"] {
    height: 23px;
}

.fieldsetTable a[class="riUp"],
.fieldsetTable a[class="riDown"] {
    float: none;
}

.fieldsetTable a,
.fieldsetTable label,
.fieldsetTable input,
.fieldsetTable select,
.fieldsetTable textarea,
.fieldsetTable .RadComboBox,
.fieldsetTable .RadInput,
.fieldsetTable .rgPagerLabel {
    float: left;
}

.fieldsetTable .RadComboBox input.rcbInput {
    float: none;
}

.fieldsetTable .RadPicker .RadInput
{
    float: none;
}

/* Fixes alignment issues with Refresh link. */
.fieldsetTable .rgCommandRow a 
{
    float: none;
}

/* Standard width for all year comboboxes */
.fieldsetTable .yearComboBox
{
    width: 70px !important;
}

.fieldsetTable label, 
.fieldsetTable select
{
    margin-bottom: 8px;    
}

.fieldsetTable input, 
.fieldsetTable select,
.fieldsetTable .RadMaskedTextBox 
{
    margin-right: 5px;
}

.fieldsetTable > input[type="text"],
.fieldsetTable div:not(.RadPicker):not(.RadInput) > input[type="text"],
/*.fieldsetTable div.RadInput,*/
.fieldsetTable > textarea {
    width: 143px;
}

/* Default RadNumericTextboxes and RadMaskedTextboxes to a width of 155px */
.fieldsetTable > .RadInput,
.fieldsetTable div:not(.RadPicker) > .RadInput {
    width: 155px;
}

.fieldsetTable > input[type="text"],
.fieldsetTable div:not(.RadPicker):not(.RadInput) > input[type="text"],
.fieldsetTable div.RadInput,
.fieldsetTable > textarea {
    margin-bottom: 8px;
}

.fieldsetTable .RadPicker > .RadInput {
    width: 130px;
    margin-bottom: 8px;
}

.fieldsetTable .RadPicker {
    margin-right: 11px;
}

.fieldsetTable .RadPicker.RadDateTimePicker > .RadInput {
    width: 170px;
    margin-bottom: 8px;
}

/*.fieldsetTable > .RadInput,
.fieldsetTable > div > .RadInput {
    margin-bottom: 8px;
}*/

.fieldsetTable .RadListBox input,
.fieldsetTable .RadPicker input,
.fieldsetTable .RadPicker label,
.fieldsetTable .RadInput input
{
    float: none;
}

.fieldsetTable .rcCalPopup
{
    margin-bottom: 8px;
}

.fieldsetTable div.RadComboBox {
    margin-bottom: 8px;
}

.fieldsetTable .rgPager div.RadComboBox {
    margin-bottom: 0;
}

.fieldsetTable label {
    display: block;
    text-align: right;
    padding-right: 20px;
    margin-top: 3px;
}

.fieldsetTable label.rcbLabel {
    margin-top: 0px;
}

.fieldsetTable label[class="leftAlignedLabel"]
{
    text-align: left;
}

.fieldsetTable label[class="leftAlignedLabel500"]
{
    text-align: left;
    width:500px
}

.fieldsetTable label[class="highlighted"]
{
    color: red;    
}

.fieldsetTable br {
    clear: left;
}

.maintenanceFieldsetSplit label {
    width: 160px;
}

.maintenanceFieldsetSplit 
{
    float: left;
    border: none;
}

/* Accession-Specific Styling
---------------------------------------------------------*/
.fieldsetAccessionBituminous label {
    padding-right: 10px;
}

.accessionPageHeaderButton 
{
    clear: both;
    margin-left: 20px;
    vertical-align: text-bottom;
    /*margin-top: 10px;*/
}

/* ESB-Specific Styling
---------------------------------------------------------*/
.esbPageHeaderButton 
{
    clear: both;
    margin-left: 20px;
    vertical-align: text-bottom;
}

.esbConcreteFieldset4ColumnSplit
{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    float: left;
    border: none;
}

.esbConcreteFieldset4ColumnSplit label {
    margin-top: 0;
    margin-bottom: 0;
    width: 140px;
}

.esbConcreteFieldsetSplit label {
    margin-top: 0;
    margin-bottom: 11px;
}

.esbConcreteFieldsetSplitLabelWidth175 label {
    width: 175px;
}

.esbConcreteFieldsetSplitLabelWidth190 label {
    width: 190px;
}

.esbConcreteFieldsetSplitLabelWidth210 label {
    width: 210px;
}

.esbConcreteFieldsetSplit {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    float: left;
    border: none;
}

.esbConcreteResultsControlFieldset .RadComboBox .rcbDisabled {
    opacity: 1.0;
}

.esbConcreteResultsControlFieldset .RadComboBox .rcbInputCell input[type="text"][readonly="readonly"], .esbConcreteResultsControlFieldset .RadComboBox .rcbInputCell input[type="text"]:disabled {
    color: black;
}

.esbConcreteResultsControlFieldset input[type="text"]:disabled, .esbConcreteResultsControlFieldset input[type="text"][readonly="readonly"] {
    color: black;
}


/* Billing Cycle-Specific Styling
---------------------------------------------------------*/
.billingCycleSortByOrder {
    margin-left: 15px;
    width:auto;
    margin-right:15px;
    }

/* Server-Side Validation Messages Styling
---------------------------------------------------------*/

.serverErrorMessages {
    border-color: red;
    border-style: double;
    color: red;
    font-weight: bold;
    margin-top: 10px;
}

.serverWarningMessages {
    border-color: darkorange;
    border-style: double;	
    color: darkorange;
    font-weight: bold;
    margin-top: 10px;
}

.serverInformationMessages {
    border-color: silver;
    border-style: solid;
    margin-top: 10px;
}

/* Client-Side In-line Validation Message Styling
---------------------------------------------------------*/

.clientErrorMessages {
    color: red;
    font-weight: bold;
    margin-left: 10px;
}

/* Miscellaneous
---------------------------------------------------------*/

.breakWord {
    word-wrap: break-word;
}

.wordWrapClass {
    word-wrap: break-word;
    word-break: break-all;
}

.floatLeft {
    float: left;
}

.renderedButInvisible 
{
    display: none;
}

.pageHeaderButtonNoTopMargin,
.pageHeaderButton 
{
    clear: both;
    margin-left: 10px;
    vertical-align: text-bottom;
}

.pageHeaderButton
{	
    margin-top: 10px;
}

.accessionSamplesPageHeaderButton
{
    /*clear: both;*/
    margin-left: 10px;
    vertical-align: bottom;
}

.maintenancePageListBox ,
.maintenancePageTreeView {
    margin-top: 13px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
}

.maintenancePageListBox {
    min-width: 175px;
    max-width: 250px;
    overflow-x: auto;
}

.maintenancePageTestOfferingListBox
{
    margin-top: 35px;
    margin-right: 5px;
    margin-bottom: 5px;
    min-width: 175px;
    float: left;
}

.userProfileMultiPage
{
    margin-top: 48px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #ccc;
}

/* Form Elements - Gecko and WebKit Specific Rules */ 
/* Needed for IE8 Compatibility - IE8 handles fieldset padding-top in non-standard way. */

fieldset
{
    -webkit-padding-before: 11px;
}

@-moz-document url-prefix() 
{
    fieldset
    {
        padding-top: 11px;
    }
    
    legend 
    {
        margin-bottom: 0px;
    }
}


/*--------- 
  Accession Test Request Results Page Details Fieldset
----------*/

.testRequestResultsPageDetailsFieldset {
    margin-top: 0px;
    margin-bottom: 3px;
    width: 756px;
    min-height: 496px;
    padding-bottom: 0px;
}

/*--------- 
  Results Control AnswerSet Table
----------*/
 
.resultsControlAnswerSetTable {
    border-collapse: collapse;
    margin-top: 8px;
}

.resultsControlAnswerSetTable td {
    padding: 4px;
}

.resultsControlNormalTable td {
    padding: 3px;
}

.resultsControlTableResultCell {
    white-space: nowrap;
}

.findingFixedFont {
    font-family: "FiraSans-Regular";
    font-variant-numeric: slashed-zero; font-feature-settings: 'zero' on;
}

/*--------- 
  Test Maintenance
----------*/

.testMaintenanceEndDatedTreeNode {
    font-style: italic;
}


/*--------------------------
    Bulletin Search Page
--------------------------*/
.locationCriteriaRadioButton label {
    text-align: left;
    width: 75px;
}

.locationCriteriaPageView {
    margin-left: 200px;
}

.locationCriteriaPageView label {
    width: 75px;
}
            
.fsBulletinDetails {
    border: 1px solid lightgrey;
    margin: 1px;
    padding: 1px; 
}

.fsBulletinDetails label {
    width: 173px;
}

.fsBulletinDetails label[class="leftAlignedLabel"] {
    width: 245px;
    text-align: left;
}

.fsBulletinDetails a {
    float: none;
}

.fsBulletinDetailSplit {
    float: left;
    border: none;
}

.SystemUnderMaintenance * {
    font-family: "FiraSans-Regular", 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: medium;
    font-variant-numeric: slashed-zero; font-feature-settings: 'zero' on;
    text-align: center;
}

.maintenancePageListBoxColorCode
{
   color: red;
}


.top-link {
    display: none;
    position: fixed;
    right: 100px;
    bottom: 5px;
    color: #000;
    font-weight: bold;
    text-decoration: underline;
    border: 1px solid #696969;
    background: #FFF;
    padding: 5px 10px;
    opacity: 0.8
}

.sessionTimerDiv {
    display: inline;
    position: fixed;
    right: 32px;
    bottom: 35px;
    color: #000;
    font-weight: bold;
    text-decoration: underline;
    border: 1px solid #696969;
    background: #FFF;
    padding: 5px 10px;
    opacity: 0.8
}



/* IE: Clear the X button on the input text boxes */
::-ms-clear {
    display: none;
}

/* IE: Clear the reveal button on the password text boxes */
::-ms-reveal {
    display: none;
}


/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 150px;
    background-color: #edeaea;
    color: #555;

    /*background-color: #555;
    color: #fff;*/

    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}   

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}


.disabledElement {
    pointer-events: none;
    opacity: 0.4;
}

#timeout-keep-signin-btn {
    color: #FFF;
    background-color: #0f5895;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#377bb2), to(#0f5895));
    background-image: -moz-linear-gradient(top, #377bb2, #0f5895);
    background-image: -ms-linear-gradient(top, #377bb2, #0f5895);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #377bb2), color-stop(100%, #0f5895));
    background-image: -webkit-linear-gradient(top, #377bb2, #0f5895);
    background-image: -o-linear-gradient(top, #377bb2, #0f5895);    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#377bb2', endColorstr='#0f5895', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);    
    text-shadow: none;
    margin: 5px 10px 5px 0;
    padding: 2px 2px 2px 2px;
}

#timeout-sign-out-button {
    color: #FFF;
    background-color: #e6e6e6;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);    
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);    
    text-shadow: none;
    margin: 5px 0;
    padding: 2px 2px 2px 2px;
}


.ui-dialog-titlebar-close {
    display: none;
}

.Circle {
    height: 20px;
    width: 20px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;  
    padding: 5px 0 0 4px;
    font-size: 12px;
}

.RND {
    background-color: black;
    color: white;
}

.R0 {
    background-color: lightgreen;
}

.R1 {
    background-color: yellow;
}

.R2 {
    background-color: orange;
    color: white;
}

.R3 {
    background-color: red;
    color:white;
}

.PrefillHeader
{
   
}
    .PrefillHeader .ImageButton   {        
        width: 15px;
        height: 20px;
    }  
.ImageButtonHovered {
    /*background-position: 0 -100px;*/
  
}

.ImageButtonPressed {
/*    background-position: 0 -20px;*/
}