@charset "utf-8";
/*CSS coding: 
If the class has one or two attributes, maintain a single row with space before and after braces { }. 
Add rows as needed for more attributes. Keep like items together without spaces. Add space between different classes.
Eliminate unnecessary space if possible and if code is commented out, reduce to single row. 
 */
 
 
 /* Reset.CSS*/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video,  {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

input, textarea {
    font-size: 100%;
	font: inherit;
    line-height: normal;
}

input::-ms-clear {
    display: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*End Reset.CSS*/


* {
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 12px;
}

    *:focus {
        outline: none;
    }

body {
    background-color: #ffffff;
    margin: 0px 0px 5px 0px;
    display: inline-block;
    min-width: 100%;
    vertical-align: top;
    box-sizing: border-box;
}


select::-ms-expand {
   background-color: transparent !important;
   border: none;
   width: 13px;
}

textarea {
    white-space: pre-wrap;
}

a:link, a:visited {
    color: #1089cd;
    text-decoration: none;
}



.npcHeaderData a.npcLinkButton, td.npcHeaderData a.npcLinkButton, td.npcHeaderData a.npcLinkButton:link { /*Change Order | Signature */
    margin-top:5px;
}

.npcView a.npcLinkButton, td.npcView a.npcLinkButton, td.npcView a.npcLinkButton:link{
    margin-top: 5px;
}




/*Global Link Color */
a.npcLinkButton, a.npcLinkButton:visited, a.npclnkButton:visited, a.npcDecisionTree:visited, a.Button:visited, .Button:visited, a.npcButton, a.npcButton:visited, a.npcButton:hover {
    color: #1089cd !important;
    border: 1px solid #1089cd;
    padding: 4px 5px;
    background: white;
    text-decoration: none !important;
    display: inline-block;
    margin: 2px;
    line-height: 1.3em !important;
    box-sizing: border-box;
    font-size: 13px;
    min-height: 26px;
}


a:link:hover {
    color: #1089cd;
    text-decoration: underline;
}

/* disable for FF browsers */
textarea {
    resize: none;
}

/*Begin document editor forms */

/*Tool Tip */
span.TooltipImgSpan {
    cursor: pointer;
}

table.multiPanelForm { /*Repeat Regions? */
    border: none;
    margin: 0;
    table-layout: fixed;
    border-collapse: separate;
    background-color: white;
    width: 100%;
}


/*Begin npcForm Styles*/
td.npcFormLabel { /*Labels in MultiInput Forms in Row Layout*/
    text-align: left;
    vertical-align: middle;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 2px;
    margin-right: 2px;
    background-color: white;
    color: #444;
    font-weight: 600;
    overflow: hidden;
    /*width: 150px !important;*/
}

    td.npcFormLabel span.npcUnboundLabel {
        text-align: left;
        vertical-align: top;
        background-color: white;
        color: #000000;
        font-weight: 600;
        /*width:150px;*/
    }

    td.npcFormLabel span.npcUnboundLabelWithHelp {
        text-align: left;
        vertical-align: top;
        color: #444;
        cursor: pointer;
    }

td.npcFormLabelTop { /*Labels in MultiInput Forms in Table Layout*/
    text-align: left;
    vertical-align: top;
    padding-left: 10px;
    padding-top: 3px;
    padding-right: 2px;
    color: #444;
    font-weight: 600;
    white-space: normal;
    width: 25%;
}

td.npcFormLabelTop > .labelSpan { /*Complaint Add | Additional Part Lot */
    min-width: 0;
    margin-right: 0;
}

tr.npcSubDataGridHeaderStyle {
    background-color: #e7e7e7;
}

tr.npcFormLabelTopParent {
    background-color: #F5F5F5;
}

    tr.npcFormLabelTopParent td,
    tr.npcSubDataGridHeaderStyle td {
        border: 1px solid #cdcdcd !important;
        padding: 5px 7px 4px 8px !important;
    }

tr.npcFormLabelTopItemParent td,
tr.npcSubDataGridHeaderStyle td {
    vertical-align: middle !important;
}

.collectionGridBorder .collectionGrid,
tr.GridRowBorder {
    border: 1px solid #cdcdcd !important;
}

.NoBackground {
    background-color: transparent !important;
}

td.npcFormInput { /*The Input Cell in MultiInput Forms*/
    padding-left: 3px;
    vertical-align: top;
    padding-top: 2px;
    padding-bottom: 1px;
}

td.npcFormButtons { /* cell that holds save buttons on a form */
    margin: 0px;
    padding-top: 5px !important;
    text-align: right;
    padding-left: 25px;
}

td.npcFormLabel > span.labelSpan[style='display:none;'] {
    border-color: #fff;
    background-color: #fff;
}
/*td.npcFormInput table.multiPanelForm, tr.npcCollectionGridItemStyle table.multiPanelForm{ 
	 
	table-layout:fixed;
	border-collapse:separate; 
	width:99%; 
}*/
/**************Start Labels********************/
div.cert_signOffTranslucent {
    display: none;
    background-color: gray;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 50000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    height: expression(document.body.clientHeight + "px");
    width: expression(document.body.clientWidth + "px");
}

.formLabel {
    width: 125px;
    background-color: #F0F0F0;
    text-indent: 2px;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-weight: 600;
    font-size: 10px;
    text-indent: 3px;
    color: #004080;
}

.formLabelRequired {
    width: 125px;
    background-color: #F0F0F0;
    background-image: url(../images/required_image.png); /* Adds Bar to forms for Cheetah*/
    background-repeat: no-repeat;
    background-position: right;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-weight: 600;
    font-size: 10px;
    text-indent: 3px;
    color: #004080;
}

.formLabelDisabled {
    width: 125px;
    height: 22px;
    background-color: #eeeeee;
    background-image: url(../images/disabled_image.png);
    background-repeat: no-repeat;
    background-position: left;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-weight: 600;
    font-size: 10px;
    color: #666666;
    text-indent: 8px;
}

.formLabelView {
    height: 22px;
    /*border: solid 1px #CCCCCC; */
    text-indent: 2px;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-weight: 600;
    font-size: 10px;
    color: #000000;
}
/**************End Labels**********************/
#functionRow {
    height: 27px;
    width: 100%;
    background-image: url(../images/footer_back2.png);
}
/* Begin Collection Grid*/
tr.npcCollectionGridAlternateItemStyle {
    background-color: #ffffff;
    color: #362b36;
    border: none;
}

tr.npcCollectionGridItemStyle {
    background-color: #ffffff;
    color: #362b36;
    border: none;
}

tr.npcCollectionGridHeaderStyle {
    background-color: transparent;
    text-align: left;
    border: none;
}

.collectionGridOver { /* Removed border inset 1px*/
    width: 100%;
}

.collectionGrid { /* Removed border inset 1px*/
    width: 100%;
}

.gridAddPanel { /* Row that Holds the Grid Add Button*/
    color: #519ed2;
    /* font-weight: 600; */
    float: right;
    margin-right: 5px;
    cursor: pointer;
    line-height: 20px;
    font-size: 12px;
}

    .gridAddPanel img {
        display: block;
        float: right;
        padding-left: 5px;
    }

.collectionGridDeleteImage {
    border-style: outset;
    border-width: 2px;
    width: 20px;
    height: 20px;
    float: right;
    padding-top: 5px;
    padding-right: 10px;
    z-index: 500;
}
/* End of Collection Grid */




/* Required & Help Label */
/*td.npcFormInput span.npcRequiredFieldValidator{  float:  left;  color: #CC0000;    width:3px;    height:20px;    margin-right:3px;     }
td.npcFormInput .npcRequiredTextBox {  margin-left:8px;  disp }  */
/* The Required Field lables in the entry screens */
span.RequiredLabel {
    background-color: Transparent;
    background-image: url("../Pages/Styles/v91/jqThemes/cupertino/images/asterisk.png");
    background-repeat: no-repeat;
    background-position: 100% 0px;
    padding-right: 10px;
}
/* The Required Field lables in the entry screens */
span.RequiredLabelWithHelp {
    background-color: Transparent;
    /*color:#AF4035; background-image:url(../images/Required.gif); background-repeat:no-repeat; background-position:0px 0px; padding-left:9px;*/
}

.npcHeaderLabel span.RequiredIndicator {
    /* Asterix	color:#CC0000;	font-size:18px;	font-weight:bolder;	padding-right:10px;*/ /* Bar Indicator*/
    background-color: #CC0000;
    color: #CC0000;
    font-size: 4px;
    height: 25px;
    float: right;
    margin-top: -15px;
    display: inline;
    margin-left: -5px;
}

span.RequiredIndicator {
    /* Asterix	color:#CC0000;	font-size:18px;	font-weight:bolder;	padding-right:10px;*/ /* Bar Indicator*/
    background-color: #CC0000;
    color: #CC0000;
    font-size: 4px;
    height: 16px;
    display: inline;
    margin: 2px 2px 0px -2px;
}

td.npcEdit span.RequiredIndicator {
    vertical-align: top;
}

    
/* Direct Selectors for Moving the images onto form fields */

/* Moves image into form field */
td.npcFormInput img[src='images/windows.gif'],
td.npcFormInput img.zoomIcon[src='images/calendar.gif'],
td.npcFormInput img.zoomIcon[src='images/calendar.gif'],
li.formLI > img[src='images/windows.gif'],
li.formLI > img.zoomIcon[src='images/calendar.gif'],
td.npcEdit img[src='images/windows.gif'],
td.npcEdit img.zoomIcon[src='images/calendar.gif'],
img[src='images/windows.gif'],
img.zoomIcon[src='images/calendar.gif'], img.calendarZoom {
    /*td.npcEdit img.zoomIcon[src='images/zoom.gif'],img.zoomIcon[src='images/zoom.gif'], li.formLI > img.zoomIcon[src='images/zoom.gif'],img.zoomIcon*/
    margin: 7px 0px 0px 3px;
    z-index: 400;
}

td.npcFormInput input[type='radio']{
    margin-top: 8px;
}

/*Multi Select Folder Icon will be inside of the textbox, and the Zoom Icon will be to it's right. 
img.MultiInputIcon{
	margin: 5px  30px -3px -20px; 
	z-index: 900000; 
} */

/* Moves image into form field old value targets alt but will change on translation
td.npcFormInput img[alt='Zoom TextEditor'],td.npcFormInput img.zoomIcon[alt='...'],td.npcFormInput img.zoomIcon[alt='Calendar..'],
li.formLI > img[alt='Zoom TextEditor'],li.formLI > img.zoomIcon[alt='...'],li.formLI > img.zoomIcon[alt='Calendar..'],
td.npcEdit img[alt='Zoom TextEditor'],td.npcEdit img.zoomIcon[alt='...'],td.npcEdit img.zoomIcon[alt='Calendar..'],
img.zoomIcon[alt='...'],img[alt='Zoom TextEditor'],img.zoomIcon[alt='Calendar..'],img.zoomIcon{
	margin: 5px  0px -3px -20px; 
	z-index: 900000; 
} */
/* Moves the second zoom icon away from the first inline W3C standard but does not work in Quirks
a + a.zoomLink {
	margin-left:20px;
	}
a img.zoomIcon*/

td.npcEdit img[src='images/MultiInput.gif'] {
    margin-left: 10px;
    margin-right: 10px;
}

/*td.npcEdit img.validatorIcon, td.npcFormInput img.validatorIcon {  Moves error field on the label 
	float: left;  Moves image into form field  
	z-index: 900000;
	position:relative;
} */
/*img.validatorIcon {  Moves error field on the label  
	float: left;  Moves image into form field 
	z-index: 900000;
	position:relative;
} */
td.npcEdit > span.npcRequiredFieldValidator + a img,
td.npcFormInput span.npcRequiredFieldValidator img.validatorIcon { /* Moves error field on the label */
}
/*table.FixedWidthTable > td.npcFormInput span.npcRequiredFieldValidator img.validatorIcon{ 
	margin: -30px; 
}*/

span.npcRequiredFieldValidator {
    /*z-index: 900000; 
	float: left;
	height: 100%;
	position:relative;
	top:-20px;
	right:0px;
	bottom:0px;
	left:-20px;*/
    vertical-align: top;
}

span.npcCompareValidator {
    /*z-index: 900000; 
	float: left;
	height: 100%;
	position:relative;
	top:-20px;
	right:0px;
	bottom:0px;
	left:-20px; left:-30px\9;*/
    vertical-align: top;
}

.isRichTextValidator {
    display: none;
}

.npcRadioButtonList, .npcCheckBoxList {
    display: inline;
}

@-moz-document url-prefix() {
    .npcRadioButtonList, .npcCheckBoxList {
        display: inline-block;
    }
}

/*Applies to Firefox and IE9 Required Field arrow. only-child used, so it doesn't break in IE8*/
/*td.npcFormView span.npcRequiredFieldValidator img:only-child {     
	position:absolute;
	margin-top: 24px;    
}*/

/* Help Label */
span.Label {
    background-color: transparent;
    vertical-align: middle;
}

span.LabelWithHelp { /*Lables in MultiInput Forms in Row Layout*/
    background-color: Transparent;
    font-weight: normal;
    /*border-bottom:1px dashed;*/
    cursor: pointer;
}

.TooltipImgSpan {
    margin-top: 25px;
    margin-left: 5px;
}


/* Begin npc Controls */
.npcTextBoxWithError,
.npcTextBox,
.npcTextBoxNoClass,
.npcMultiTextBox,
.npcDbSearchOptions,
.npcDropDownList,
.npcCollapsiblePanel #addRows select,
.npcCollapsiblePanel td.AdvSearchGridCell select,
.SingleSearchFieldDropDown,
.searchFieldset select,
table.SearchTable tr.SearchRow input[type="text"] {
    border-bottom: #c7c6c6 1px solid;
    border-left: #c7c6c6 1px solid;
    display: inline;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    color: #4c4c4c;
    margin-left: 3px;
    font-size: 12px;
    border-top: #c7c6c6 1px solid; 
    border-right: #c7c6c6 1px solid;
    box-shadow: 0 1px 0 #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
    vertical-align: top;
    margin-top: 5px;
    padding: 5px;
    margin-bottom: 5px;
}

    .npcTextBox:focus {
        border-bottom: #d4ccb0 1px solid;
        border-left: #d4ccb0 1px solid;
        background: #fff5cf;
        border-top: #d4ccb0 1px solid;
        border-right: #d4ccb0 1px solid;
    }


.npcTextBox[disabled],
.npcTextBoxNoClass[disabled],
.npcMultiTextBox[disabled],
.npcDbSearchOptions[disabled],
.npcDropDownList[disabled],
textarea.npcTextBox[disabled] {
    border-color: #d0d0d0;
    background-color: #f1f1f1;
}


.npcTextBox[readOnly='readonly'],
.npcTextBoxNoClass[readOnly='readonly'],
.npcMultiTextBox[readOnly='readonly'],
.npcDbSearchOptions[readOnly='readonly'],
.npcDropDownList[readOnly='readonly'],
textarea.npcTextBox[readOnly='readonly'] {
    border: solid 1px #d0d0d0;
    background-color: #f9f9f9;
}

input:focus[readOnly='readonly'] {
    background-color: transparent;
}

.npcTextBox.ReadOnly, .npcTextBox.ReadOnly:focus,.npcTextBox[readOnly='readonly']:focus {
    border: solid 1px #ccc;
    background-color: #fafafa;
}

.npcDropDownList{
    margin-right:3px; /*Doc Type |  Attributes */
}
.npcTextBoxWithError { /* Applied when invalid data is entered in the TextBox , Applicable in muliinput forms */
    /*background-color: #FFFFDC;*/
    border-color: Red;
    border-width: thin;
}

textarea.npcTextBox {
    overflow-x: hidden;
    overflow-y: auto;
}
/*Form Fixes for layout*/
td.npcEdit .npcDropDownList {
}

td.npcEdit .npcTextBox {
}
/*End Form Fixes for layout*/

/* Dual Display */
.npcDualDisplay {
    white-space: nowrap;
    overflow: hidden;
}

.npcDisplayTextControl { /* Applied to the Text Part of Dual Display if  required */
    border: none;
    background-color: transparent;
    font-style: italic;
    overflow: hidden;
    margin-left: 3px;
    vertical-align: top;
    margin-top: 9px;
}

.npcDisplayTextControlOptional { /*Applied to the Text Part of Dual Display if not  required*/
    border: none;
    font-style: italic;
    background-color: transparent;
    overflow: hidden;
    margin-left: 15px;
}

.npcAddAnother {
    height: 25px;
    padding-left: 50px;
    vertical-align: middle;
}

/* Zoom Icon Control*/
.zoomIcon {
    border: none;
    height: 20px;
    width: 20px;
    margin-left: 4px;
    margin-top: 7px;
}
/* smart modules dont have this parent item
.zoomLink {
    margin-left: 4px;
}*/

/* When Zoom Icon Control is used with a RichTextBox*/
.richTextZoom {
    margin: 10 0 0 17;
}
/* End Zoom Icon Control */

.npcRequiredFieldValidator { /*width:5px;*/
}






.npcStandardButton, .npcDynamicButton, .npcDefaultButton, .btnSubmitClientEnableForm, .npcSecondaryButton { /* Applies to npcButton */
    cursor: pointer;
    height: auto;
    font-size: 14px;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    margin: 3px 3px 3px 10px;
    padding: 4px 10px;
}

.npcStandardButton, .npcDynamicButton, .btnSubmitClientEnableForm, .npcDefaultButton, .npcSecondaryButton, .npcSubButton, table.SearchTable tr.SearchRow a.npcLinkButton, table.SearchTable tr.SearchRow a.npcLinkButtonSearch {
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    padding: 4px 10px;
    min-width: 110px;
    text-align: center;
    text-decoration: none !important;
    margin-bottom: 10px;
    border: 1px solid #519ED2;
    -moz-border-radius: 0;
    border-radius: 0;
    font-weight: normal;
    background-color: #519ED2;
    color: #fff !important;
    height: 32px;
    box-sizing: border-box;
    line-height: 1.5em; /*Part Add Characteristics (npcSubButton)*/
}

.npcDefaultButton, table.SearchTable tr.SearchRow a.npcLinkButton,
table.SearchTable tr.SearchRow a.npcLinkButtonSearch {
    height: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.4em !important;
}


.npcStandardButton[name*=btnCancel], .npcStandardButton[id*=btnCancel], .npcDefaultButton, .npcSecondaryButton, table.SearchTable tr.SearchRow a.npcLinkButton, table.SearchTable tr.SearchRow a.npcLinkButtonSearch {
    border: 1px solid #519ED2;
    background-color: #ffffff;
    color: #519ED2 !important;
}

.npcStandardButton[disabled], .npcDynamicButton[disabled], .btnSubmitClientEnableForm[disabled], .npcDefaultButton[disabled], .npcSecondaryButton[disabled], .npcSubButton[disabled] {
    background-color: #f3f3f3 !important;
    border-color: #ddd !important;
    color: #777 !important;
    cursor: default !important;
}

.npcSubButtonParent {
    padding: 5px 5px 5px 10px !important;
    background-color: white;
}


.npcSubButton,
a.npcSubButton {
   margin: 0;
}





.npcEditLink {
    background-image: url("../Images/edit.png");
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

a.npcDecisionTree {
    cursor: pointer;
    margin-top: 13px;
    display: inline-block;
}

a.eFDALink, a.eFDALink:hover {
    font: 12px "Segoe UI", Helvetica, Arial, Sans-serif;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

 

.button { /*Applies to Audit Offline */
    margin-top: 15px;
    cursor: pointer;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    text-decoration: none !important;
    padding: 2px 3px 2px 3px;
    height: 20px;
}

.ButtonHidden {
    visibility: hidden;
}

.npcLinkAsButtonParent {
    padding: 5px 5px 5px 2px !important;
    background-color: #ECECEC;
    border: solid 1px #DCDCDC !important;
}

a.npcLinkAsButton,
input.npcLinkAsButton {
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 12px;
    background-color: white;
    color: #362b36 !important;
    text-decoration: none;
    padding: 4px 6px;
    border-top: 1px solid #E5E5E5;
    border-right: 1px solid #B6C3CB;
    border-bottom: 1px solid #B6C3CB;
    border-left: 1px solid #E5E5E5;
    display: inline-block;
    text-align: center;
    min-width: 90px;
    border-radius: 3px;
    margin-left: 5px;
    cursor: pointer;
}

    a.npcLinkAsButton:hover,
    input.npcLinkAsButton:hover {
        color: white !important;
        background-color: #519ED2 !important;
	text-decoration: none;
    }



.cert_signOffDialogbox {
    width: 400px;
    height: 160px;
    border: 3px outset #666;
    margin: 30px auto;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 16px;
    color: #000;
    background-color: #d8e3f3;
    text-align: center;
    left: 35%;
    top: 40%;
    position: absolute;
    display: none;
    z-index: 51000;
}

td.HeaderTableCell .npcSilverButton {
    margin-top: -2px;
}

.npcSilverButton {
    margin-top: 15px;
    cursor: pointer;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    text-decoration: underline;
    padding: 2px 3px 2px 3px;
    height: 20px;
}

td.HeaderTableCell input.npcSilverButton {
    margin-top: 0px;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    padding: 0px;
    height: 20px;
}

.validatorIcon {
    border: none;
    height: 12px;
    width: 12px;
    /*margin-left:0px;*/
    margin-top: 4px;
    vertical-align: top;
    margin-top: 10px;
}

span.npcUnboundLabel {
    color: #362b36;
    margin-bottom: 5px;
}

span.npcUnboundLabelWithHelp {
    color: #362b36; /*margin-bottom:1px;*/
    cursor: pointer;
}

td.npcViewLabel span.npcUnboundLabel {
    text-align: left;
    vertical-align: top;
    color: #362b36;
}

td.npcViewLabel span.labelSpan span.npcUnboundLabel {
    text-align: left;
    vertical-align: top;
    color: #362b36;
}

td.npcViewLabel span.npcUnboundLabelWithHelp {
    text-align: left;
    vertical-align: top;
    color: #362b36;
    cursor: pointer;
}

td.npcEditLabel span.npcUnboundLabel {
    text-align: left;
    vertical-align: top;
    color: #444;
}

td.npcEdit.npcRichTextBoxContainer {
    padding-left: 6px !important;
}

.npcHtmlInputFileContainer {
    margin-top: 5px !important;
    padding-left: 2px !important;
}
/* End npc Controls */
td.sectionSeparator, td.sectionseparator  {

    text-align: left;
    font-weight: 600;
    border: 1px solid #c7c6c6;
    background-color: #F5F5F5;
    filter: alpha(opacity=55);
    -moz-opacity: 0.55;
    -khtml-opacity: 0.55;

    color: #519ED2;
    margin-bottom: 0px;
  
}



    td.sectionSeparator span,
    td.sectionseparator span    {
        padding: 3px;
        font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
        font-size: 14px;
        color: #2e424c;
        padding-left: 8px;
        font-weight: normal;
        min-height: 18px;
        margin-top: 5px;
        margin-right: 0;
        min-width: 0;
    }
    
    td.sectionSeparator span span,
    td.sectionseparator span span   { /*Isue Task Headers, only add paddings once*/
        padding: 0;
        font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
        font-size: 14px;
        color: #2e424c;
        padding-left: 0;
        font-weight: normal;
        min-height: 0;
        margin-top: 0;
        margin-right: 0;
        min-width: 0;
    }
    
    td.sectionHeader span {
          margin-top: 3px;
     }

tr.sectionSeparatorDetail {
    background-image: url(../images/gridHeaderBack.gif);
    color: #344152;
}

#AdvancedSearch_AdminPanelHeader, #AdvancedSearch_pnlActionHeader, #AdvancedSearch_pnlColumnHeader, #AdvancedSearch_pnlSortHeader, #AdvancedSearch_pnlAdvanceSearchHeader, #AdvancedSearch_pnlPageConfigHeader /* Applies to the Panel Header in the Document Repository*/ {
    border-top: 1px solid #336699;
    border-bottom: 1px solid #336699;
}

.treeButtonCell {
    height: 40px;
}


.npcPanelHeader { /* Applies to the Panel Header if the Panel is Collapsible  changed to accomodate the multi line snaps 03/10/09*/
    cursor: pointer;
    width: 100%;
    height: auto;
    white-space: nowrap;
    vertical-align: middle;
    /*padding:2px;*/
    font-weight: 600;
    display: inline-block;
}
/* Applies to the Panel Header in the Document Repository as the panel does not extend there*/
span.npcPanelHeader span {
    font-size: 12px;
    color: #262626;
}

.npcGradientBackground img,
span.npcPanelHeader img {
    margin-left: 6px;
    margin-top: 5px;
    vertical-align: top;
}

span.npcPanelHeader img {   
    margin-top: 8px;
}


.npcCollapsiblePanel {
    width: 100%;
    white-space: normal; /*long labels flow behind their controls*/
    overflow: visible;
    font-weight: normal;
    color: #362b36;
    border: 1px solid #d8d8d8;
    border-top: none;
    box-sizing: border-box;
}

.npcSectionPanel {
    width: 100%;
    white-space: nowrap;
    overflow: auto;
    background-color: #ffffff;
    overflow: visible;
}

span.ViewOnlyAdditional { /* textbox rendered as view only with additional text, covers only the additional text */
    font-style: italic;
    padding-left: 10px;
}

tr.npcAddAnotherStatus /*?*/ {
    height: 25px;
    padding-left: 25px;
    vertical-align: middle;
}

td.npcAddAnotherStatus span.labelSpan {
    display: block;
    text-align: right;
    padding: 10px 0px;
}

    td.npcAddAnotherStatus span.labelSpan span.Label {
        background-image: url("../Pages/images/tick_circle.png");
        background-repeat: no-repeat;
        padding: 2px 0px 3px 20px;
        color: #362b36;
    }
/* Begin DataGrid */
td.npcTagCell {
    white-space: nowrap;
    width: 75px;
    overflow: hidden;
}

td.npcFirstColumn {
    white-space: nowrap;
    overflow: hidden;
}



table.ContainerTable {
    /*margin-left:1px;
	border-style:solid; 
	border-width:1px;
	border-color:#535353;*/
    width: 100%;
    border-collapse: collapse;
    background-color: #ffffff;
}

    table.ContainerTable,
    table.ContainerTable table {
        border: none;
    }

        table.ContainerTable tr.HeaderTableCell {
            border-top-color: #FFFFFF;
            background-color: #D6E9FF;
        }

table.npcDataGrid {
    table-layout: fixed;
    margin: 0em;
    border: solid 1px #cdcdcd !important;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    min-width: 100%;
}

tr.npcDataGridItemStyle td,
tr.npcDataGridAlternatingItemStyle td,
tr.npcDataGridSelectedItemStyle td {
    color: black;
    border: none;
    vertical-align: middle;
    padding: 9px 7px;
}

    tr.npcDataGridItemStyle td.AlignTop,
    tr.npcDataGridAlternatingItemStyle td.AlignTop,
    tr.npcDataGridSelectedItemStyle td.AlignTop {
        vertical-align: top;
    }

    tr.npcDataGridItemStyle td a:link,
    tr.npcDataGridAlternatingItemStyle td a:link,
    tr.npcDataGridSelectedItemStyle td a:link,
    tr.npcDataGridPagerStyle td a:link {
        color: #1089cd;
    }

.npcDataGrid span.labelSpan {
   margin: 0;
   min-height: auto;
   min-width: auto;
}   

.npcDataGrid #addRows span.labelSpan {
    margin-top: 12px;
}

tr.npcDataGridItemStyle {
    background-color: #ffffff;
}

tr.npcDataGridAlternatingItemStyle {
    background-color: #FBFBFB;
}

tr.npcDataGridSelectedItemStyle {
    background-color: #E0F3F6;
}

    tr.npcDataGridItemStyle div.AnswerStyle,
    tr.npcDataGridAlternatingItemStyle div.AnswerStyle,
    tr.npcDataGridSelectedItemStyle div.AnswerStyle {
        margin-top: 5px;
    }

tr.npcDataGridHeaderStyle,
tr.npcCollectionGridHeaderStyle
{ /*Grid Header Row */
    color: #262626;
    background-color: #F5F5F5;
    border: solid 1px #cdcdcd !important;
    padding-left: 8px;
    text-align: left;
    vertical-align: middle;
}

    tr.npcDataGridHeaderStyle > td,
    tr.npcCollectionGridHeaderStyle > td { /*Grid Header Row */
        color: #262626;
        background-color: #f5f5f5;
        border: solid 1px #cdcdcd  !important;
        padding: 5px 7px 4px 8px;
        text-align: left;
        vertical-align: middle;
    }

    tr.npcDataGridHeaderStyle .npcDataGridHeaderNested td,
    tr.npcDataGridHeaderNested td {
        border: none !important;
    }

    tr.npcDataGridHeaderStyle .npcDataGridHeaderNested td,
    tr.npcDataGridHeaderNested td,
    tr.npcDataGridItemStyleNested td,
    tr.npcDataGridAlternatingItemStyleNested td {
        padding: 5px 7px 4px 8px !important;
    }

tr.npcDataGridItemStyleNested td,
tr.npcDataGridAlternatingItemStyleNested td {
    white-space: normal !important;
}

tr.npcDataGridHeaderStyle td a,
tr.npcCollectionGridHeaderStyle td a { /*Grid Header Row */
    color: #262626;
    text-decoration: none;
    line-height: 22px;
}

tr.npcDataGridHeaderStyle td a.npcButton,
tr.npcDataGridHeaderStyle td a.npcLinkButton,
tr.npcCollectionGridHeaderStyle td a.npcButton,
tr.npcCollectionGridHeaderStyle td a.npcLinkButton
 { /*Grid Header Row */
    margin: 0;
}

tr.npcDataGridHeaderStyle td a,
tr.npcCollectionGridHeaderStyle td a { /*Grid Header Row */
    color: #262626;
    text-decoration: none;
    line-height: 22px;
}


tr.npcDataGridItemStyle table td,
tr.npcDataGridAlternatingItemStyle table td,
tr.npcDataGridSelectedItemStyle table td {
    border: none;
    padding: 0;
}

tr.npcDataGridPagerStyle td {
    text-align: center;
}

tr.npcDataGridHeaderStyle td.npcDataGridFooterStyle {
    display: none;
}

table.npcDataGrid tr.npcDataGridFooterStyle td.npcDataGridFooter {
    border: none;
}

tr.npcDataGridPagerStyle,
table.collectionGrid td.npcDataGridFooter,
table.collectionGridOver td.npcDataGridFooter {
    height: 22px;
    color: #555;
    padding: 5px 7px 4px 8px;
    background-color: whitesmoke;
    border: solid 1px #cdcdcd;
}

table.collectionGrid td.npcDataGridFooter,
table.collectionGridOver td.npcDataGridFooter {
    vertical-align: middle;
}

td.npcItemNavigateColumn {
    width: 10px;
}
.npcDataGridFooterStyle td {
    border: none;
    
}

/* Fieldset around Advanced Search */
.searchFieldset {
    background-color: #FFFFFF;
    padding: 2px 5px 2px 7px;
    width: 100%;
    border: none;
    margin: 0px;
}

.searchFieldText {
    font-weight: 600;
}

.searchFieldset span.labelSpan {
    margin-top:12px;
    margin-right: 15px;
}

.searchFieldset a.npcLinkSaveQuery {
    margin-top: 11px;
    display: inline-block;
}



.TreeNavExport {
    height: 21px;
    padding: 3px 0px 0px 3px;
    box-sizing: border-box;
}

.TreeNavExport .npcTextView{
    margin-top: 0;
} 

td.npcDataGridFooterCell1 /* cell contains local global, active inactive and count display icons */ {
    text-align: justify;
    white-space: nowrap;
    color: #555;
    padding: 5px 7px 4px 8px;
    background-color: #F5F5F5;
    border: solid 1px #cdcdcd;
}

td.npcDataGridFooterCell0 /* cell contains untag all icons */ {
    text-align: left;
    white-space: nowrap;
    width: 50px;
    color: #555;
    padding: 5px 7px 4px 8px;
    background-color: #F5F5F5;
    border: solid 1px #cdcdcd;
}

.npcDataGridGlobalLocalIcon {
    margin-left: 5px;
    margin-top: 2px;
}

.npcDataGridAciveInActiveIcon {
    border: none;
    margin-left: 10px;
}

span.GridCountDisplay {
    margin: 3px 0px 0px 10px !important;
}

td.npcDataGridHeader a, td.npcDataGridHeader a:hover {
    color: #362b36;
    text-decoration: none;
}

td.npcBoundColumnInvisible {
    display: none;
}
/* Header row for all Data Grids */

td.npcDataGridFooter {
    white-space: nowrap;
    text-align: left;
    padding: 0 !important;
}

tr.npcDataGridFooterAdvancedSearchRow {
    background-color: #ffffff;
}

td.npcDataGridFooterAdvancedSearchCell {
    padding: 5px;
    background-color: #ffffff;
}

table.npcDataGridFooterTable {
    background-color: #ffffff;
    width: 100%;
    table-layout: fixed;
    min-width: 100%;
}

td.AdvSearchGridCell {
    width: 100%;
}
/*rest of the styles are in multi column search ascx */
/* End DataGrid Style */

/* Begin Tab Style*/
.TabDisplayParent {
    height: 32px;
    padding-left: 3px;
}

.TabDisplayParent table.TabTable {
    margin-left: 0; /* EU eSubmission */
}

.ActiveTab a:link, .ActiveTab a:visited, .ActiveTab a:hover {
    font-weight: 600;
    color: #000000;
    text-decoration: none;
}

.InActiveTab a:link, .InActiveTab a:visited {
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}

.InActiveTab a:hover {
    font-weight: 600;
    color: Black;
    text-decoration: none;
}

td.TabTD {
    height: 22px;
    border: none;
}

/*.TabIMG { height: 20px; border: none; width:8px; }*/
table.TabTable {
    border-collapse: collapse;
    position: relative;
    margin-top: 5px;
    border-spacing: 0;
    border: none;
    font-weight: normal;
    margin-bottom: 5px;
    margin-left:4px;
    border-left: 1px solid #c5c5c5;

}

table.TabTable tr td {
    /* padding: 1px; */
    color: #444;
    background: #efefef;
    border: 1px solid #c5c5c5;
    border-left: 0;
    padding: 10px 16px;
    min-width: 60px;
    text-align: center;
}

td.InactiveLeftTabTD {
    display: none;
}

td.InactiveRightTabTD {
    /* padding-right: 0px; */
    display: none;
}

    td.ActiveLeftTabTD img,
    td.ActiveRightTabTD img,
    td.InactiveLeftTabTD img,
    td.InactiveRightTabTD img {
        display: none;
    }
    
.ActiveLeftTabTD, .ActiveRightTabTD {
   display: none;
    
}
td.TabCellLeft {
    background-image: url(../images/tabcell_left.jpg);
    width: 9px;
}

td.TabCellRight {
    background-image: url(../images/tabcell_right.jpg);
    width: 9px;
}

td.TabCellRightFiller {
    background-image: url(../images/InActiveTabBgrd.gif);
    width: auto;
}

table.TabTable tr td.ActiveTabCenterTD {
    cursor: text;
    background: white;
    color: #1089cd;
    border-top: 2px solid #519ED2;
    font-weight: 600;
    border-bottom: 0;
}

td.InActiveTabCenterTD,
td.InactiveTabCenterTD {
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    font-size: 12px;
    color: #2779aa;
}

td.InActiveTabCenterTD:hover,
td.InactiveTabCenterTD:hover {
   color: #1089cd;
}

table.TabTable tr td.ActiveTabCenterTD[completed="1"], table.TabTable tr td.ActiveTabCenterTD[completed="Visited"], td.InActiveTabCenterTD[completed="1"], td.InActiveTabCenterTD[completed="Visited"] {
    border-color: #50D284;
    color: #079f43;
    background-image: url(../images/TabVisited.jpg);
    background-repeat: no-repeat;
    background-position: 6px 8px;
    padding-left: 26px;
}

/* End Tab Style */

.gridIcon {
    vertical-align: middle;
}
/* print, tag all, untag all icons */

tr.AdvSearchHeader {
    background-color: #91a254;
}

/* begin npcheaderhtmltable styles */
td.npcGradientBackground {
    width: 100%;
    cursor: pointer;
}
.npcGradientBackground,
td.sectionHeader,
td.HeaderTableCell, /*Doc Detail and other pages don't have a header table inside of them*/
span.npcPanelHeader
{
    font-weight: normal;
    color: #273137; /*#2779aa; */
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin-top: 0px;
    height: 33px;
    border: 1px solid #aed0ea !important;
    background-color: #D6E9FF;
    box-sizing: border-box;

}

.HeaderTableCell Span.labelSpan {
    min-height: 0;
    margin-top: 6px;
    
}
td.HeaderTableCell table.HeaderDisplay {
    width: 100%;
    border-spacing: 0px;
    border-collapse: separate !important;
    table-layout: fixed;
}
td.HeaderTableCell table.HeaderDisplay td.HeaderLeftCell {
    width: 0px;
}


td.HeaderTableCell {
    padding: 0;
    
}


.npcGradientBackground span.labelSpan {
    margin-right: 0;
    min-width: initial;
    margin-top: 5px;
    min-height: 0;
}

.npcGradientBackground span.labelSpan span.npcUnboundLabel {
    color: #262626;
    font-size: 14px;
}


td.HeaderTableCell span.npcUnboundLabel,
td.sectionHeader span.npcUnboundLabel, .npcPanelTitle {
    font-size: 14px;
    line-height: 20px;
    padding-left: 7px;
}
span.npcUnboundLabel, .npcPanelTitle {
    display: inline-block;
}

span.npcPanelHeader span
{
    padding: 0.5em;
    font-size: 14px;
    display: inline-block;
}

tr.npcDataGridFooterAdvancedSearchRow td.npcDataGridFooterAdvancedSearchCell span.npcPanelHeader span {
    line-height: 1.3;
}

tr.npcDataGridFooterAdvancedSearchRow td.npcDataGridFooterAdvancedSearchCell span.npcCollapsiblePanel {
    background-color: #ffffff;
}

    tr.npcDataGridFooterAdvancedSearchRow td.npcDataGridFooterAdvancedSearchCell span.npcCollapsiblePanel table td {
        border: none;
    }

table.HeaderDisplay {
    border-collapse: collapse;
}

td.HeaderCenterCell {
    padding: 3px;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 14px;
    color: #262626;
    margin: 4px;
    padding-left: 7px;
}

td.HeaderLeftCell, td.HeaderRightCell {
    font-weight: 600;
}

/* end of npcheaderhtmltable styles */

table.FixedWidthTable {
    border: none;
    width: 100%;
    background-color: #ffffff;
    border-collapse: collapse;
    table-layout:fixed;
}

table.MinWidthFixedTable {
    table-layout: fixed;
    border: none;
    min-width: 100%;
    overflow: hidden;
    background-color: #ffffff;
}

table.fullWidth {
    width: 100% !important;
}

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

.ParentContainer {
    background-color: transparent !important;
    border-width: initial !important;
    border-style: none !important;
    border-color: initial !important;
    border-image: none !important;
    height: auto !important;
}

table.ErrorTable {
    font-size: x-small;
    color: black;
    border-collapse: collapse;
    background-color: #efefef;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 30px;
}

    table.ErrorTable td {
        line-height: 17px;
    }

table.ErrorHeaderTable td {
    color: #cb3a3a;
    font-size: 14px;
    vertical-align: top;
    padding-bottom: 4px;
}
table.ErrorHeaderTable img {
    margin-top: -4px;
}

div.ItemMenuSeparator {
    padding: 1px 0px 1px 0px;
}

div.ErrorDisplay, div.ErrorDisplayForm {
    left: 35%;
    position: absolute;
    width: 350px;
    height: auto;
    color: black;
    background-color: #f88c8c;
    border: solid 1px #999999;
    text-align: left;
    display: inline-table;
    z-index: 105;
    border-radius: 6px;
}


div.ErrorDisplay {
    top: 25%;
}

    div.ErrorDisplay a.CloseError, div.ErrorDisplayForm a.CloseError {
        position: absolute;
        top: 7px;
        right: 5px;
        width: 16px;
        height: 16px;
        background-image: url("../Pages/images/16x16/close.png");
    }

    div.ErrorDisplay a.CloseError img, div.ErrorDisplayForm a.CloseError img {
        display: none;
    }

div.container div.sectionLabel {
    background-color: #959fa5;
    padding: 3px 2px 0 0;
}

div.DetailSection {
    padding: 0 2px 2px 0;
}

div.ContainerMenu {
    width: 150px;
    position: absolute;
    border-style: solid;
    border-width: 1px;
    background-image: url(../images/menuback.gif);
    padding-left: 2px;
    padding-right: 2px;
    background-repeat: repeat-y;
    overflow: visible;
    
}

div.ContainerMenuItem {
    padding: 2px 1px 2px 25px;
}

div.ContainerMenuItem a {
    margin: 0;
    display: inline-block;
    padding: 3px 6px;
}

div.ContainerMenu div.SelectButton {
    margin: 0;
    display: inline-block;
    padding: 4px 3px 5px 16px;
}




div.ItemMenu[style*="visibility:hidden"],
div.ItemMenu[style*="visibility: hidden"],
div.ContainerMenu[style*="visibility:hidden"],
div.ContainerMenu[style*="visibility: hidden"],
div.ErrorDisplay[style*="visibility:hidden"],
div.ErrorDisplay[style*="visibility: hidden"],
div.StaticMenu[style*="visibility:hidden"],
div.StaticMenu[style*="visibility: hidden"],
#MemoNavigate[style*="visibility:hidden"],
#MemoNavigate[style*="visibility: hidden"],
div.RichTextMemoDisplay[style*="visibility:hidden"],
div.RichTextMemoDisplay[style*="visibility: hidden"] {
	/* Page markup needs to be fixed for npcMemo prior to using this to get rid of whitespace
        display: none;
	*/
}




div.SelectButton {
    padding: 10px 0px 2px 25px;
}

/**************Action Menu**********************/
span#NavOutMenu { /*table.NavigateOutMenu creating some styling issues in IE 9. Overriding styles*/
    border-collapse: separate;
    table-layout: auto;
    width: auto;
    display: block;
    height: 100%;
}

div.MenuItemCollection {
    position: fixed;
    min-width: 100px;
    overflow: visible;
    background-color: #edf8ff;
    margin-top: 9px;
    color: #0d0d0d;
    cursor: pointer;
    border: 1px solid #519ED2;
    
    /* shadow effect for all browsers */
    border-top: none;
    box-shadow: 1px 2px 2px #C7C7C7;
    font-size: 12px;
}

div#ActionMenuItems img {
    display: none;
}

div.MenuItemCollection div.ContainerMenuItem {
    overflow: visible;
    padding: 0px;
    padding-left: 0px;
}

div.MenuItemCollection div.ContainerMenuItem a {
    display: block;
    text-decoration: none;
    padding-right: 10px;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    color: #0d0d0d;
    cursor: pointer;
    line-height: 16px;
    padding: 9px 19px;
    font-size: 12px;
    margin-top:0;
}

div.MenuItemCollection div.ContainerMenuItem a:hover {
    color: #169bd5;
    background-color: #d3e9f6;
    text-decoration: none;
}

div.MenuItemCollection div.ContainerMenuItem a:visited {
}

div#ActionMenuItems div#SelectTaggedItem {
    display: none;
}

div#ActionMenuItems div.SelectButton {
    padding: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

    div#ActionMenuItems div.SelectButton a {
        display: block;
        text-decoration: none;
        color: black;
        padding-top: 17px;
        padding-right: 10px;
        padding-bottom: 21px;
        padding-left: 19px;
    }

        div#ActionMenuItems div.SelectButton a:hover {
            cursor: pointer;
            color: #169bd5;
            background-color: #d3e9f6;
            text-decoration: none;        
        }

        div#ActionMenuItems div.SelectButton a:visited {
            text-decoration: none;
            color: black;
        }
  
        div#ActionMenuItems div.SelectButton a.npcLinkButton {
            color: inherit !important;
            padding: 0;
            margin: 0;
            border: none;
            background-color: transparent;
            font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
            font-size: 12px;
        }

            div#ActionMenuItems div.SelectButton a.npcLinkButton:hover {
                background-color: #ffffcc !important;
                border-style: solid; /*Border attributes for FF support*/
                border-width: 1px;
                border-color: #fdbf05;
            }

div.MenuItemCollection div.ContainerMenuSeparator {
    display: none;
}
/*************End Action Menu******************/

div.ItemMenu {
    position: absolute;
    min-width: 100px;
    background-color: #ECECEC;
    border: solid 1px #cdcdcd;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #000000;
    margin-left: -3px;
    padding-top: 4px;
    text-align: right;
}

    div.ItemMenu a.closediv {
        margin-right: 4px;
    }

    div.ItemMenu a.closediv img {
        padding-bottom: 1px;
    }

table.ItemMenuTable {
    background-color: #FFFFFF;
}

div.ItemMenu table.ItemMenuTable {
    width: 100%;
    border-top: solid 1px #cdcdcd;
    text-align: left;
}

    div.ItemMenu table.ItemMenuTable a {
        display: block;
        color: #362b36;
        text-decoration: none;
    }

    div.ItemMenu table.ItemMenuTable tr.ItemMenuHRow a {
        padding: 5px;
    }

    div.ItemMenu table.ItemMenuTable tr.ItemMenuVRow a {
        padding: 5px 15px;
    }

    div.ItemMenu table.ItemMenuTable a:hover {
        color: #00b2e2;
    }
     table.ItemMenuTable .labelSpan {
        margin-left: 2px;
        margin-right: 2px;
    }

div.StaticMenu {
    position: absolute;
    width: 250px;
    background-color: #05529A;
    border-style: solid;
    border-width: 1px;
    border-color: #05529A;
}

/* Begin Top Menu Classes */
.npcPageHeader > table > tbody > tr > td {
    padding-left: 3px;
    padding-right: 3px;
}

    .npcPageHeader > table > tbody > tr > td:first-child {
        padding-left: 2px;
    }

.TopGroup {
    /* border-style: none;
  border-color: #CCCCCC; 
  background-color:#6183a6; 
  border-width:1px;*/
    cursor: default;
    padding-bottom: 0px;
    height: 100%;
    /* border-spacing: 0; */
    /* overflow: hidden; */
}

.MenuGroup {
    background-image: url(../images/menuback.gif);
    border-width: 1px;
    border-color: #efefef;
    border-style: solid;
    cursor: default;
}

.TopMenuItem {
    color: #edf8ff;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    line-height: 29px;
    padding: 3px 27px 3px 20px;
    background-image: url("../pages/styles/v91/jqThemes/cupertino/images/Expand Arrow-14-white.png");
    white-space:nowrap;
}

.TopMenuItemOver {
    background-color: #EDF8FF;
    color: #169bd5;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    padding: 2px 26px 2px 19px;
    line-height: 29px;
    border: 1px solid #519ed2;
    background-image: url("../pages/styles/v91/jqThemes/cupertino/images/Expand Arrow-14-blue.png");
    white-space:nowrap;
}

.TopMenuItem,
.TopMenuItemOver {
    background-repeat: no-repeat;
    background-position: 90% 11px;
}

.SubNavOutMenuParent {
    font-weight: normal !important;    
    background-color: #f5f5f5;
    padding: 0 !important;
}

.SubNavOutMenuParent .TopMenuItem,
.SubNavOutMenuParent .TopMenuItemOver {
    color: #519ed2;
    font-size: 13px;
    cursor: pointer;
    font-weight: normal;
    padding-left: 15px;
    padding-right: 20px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    text-decoration: none !important;
    display: inline-block;
    box-sizing: border-box;
    background-position: 94% 12px;
    background-image: url("../pages/styles/v91/jqThemes/cupertino/images/Expand Arrow-14-blue.png");
    /* background-color: #edf8ff; */
}

.SubNavOutMenuParent .TopMenuItemOver {
    border-color: #519ed2;
    padding: 2px 19px 2px 14px;
}

.TopDirectMenuItem {
    height: 25px;
    padding-left: 30px;
    padding-right: 30px;
    border: none;
    color: #edf8ff;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    line-height: 29px;
    padding: 3px 27px 3px 20px;
}

.TopDirectMenuItemOver {
    vertical-align: middle;
    height: 25px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #EDF8FF;
    color: #169bd5;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    padding: 2px 26px 2px 19px;
    line-height: 29px;
    border: 1px solid #519ed2;
}

.MenuItem {
    color: black;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 12px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: default;
    white-space:nowrap;
}

.MenuItemOver {
    background-color: #ffffcc;
    border-style: solid;
    border-width: 1px;
    border-color: #fdbf05;
    color: #000000;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 12px;
    padding: 4px;
    cursor: default;
    white-space:nowrap;
}

.MenuBreak {
    margin-left: 27px;
}

td.VersionMessageAbout {
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 8pt;
    color: #627388;
    font-weight: 600;
    text-align: left;
    padding-bottom: 2px;
}

td.CopyRightAbout {
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 8pt;
    text-align: left;
    color: #29405D;
}

table.StaticTable {
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 10pt;
    font-weight: 600;
    width: 100%;
    background-color: #ffffff;
    padding-left: 3px;
}
/*used in editor aspx */
table.NavigateOutMenu {
    width: 100%;
    /*margin-left:-5px; Removed shift left*/
    border-collapse: collapse;
    background-color: #519ED2;
    table-layout: fixed;
}

td.NavigateOutMenu {
    width: 100%;
    padding: 0px 2px 0px 2px;
    text-align: left;
    line-height: 0px;
    color: #000000;
    background-color: #519ED2;
    position: fixed;
    z-index: 999;
    height: 36px;
}

td.NavigateOutMenu table.TopGroup {
    border-spacing: 0;
    border-collapse: collapse;
}
/* New Banner */
div#topBanner {
    box-sizing: content-box;
    background-color: #EDF3F7;
    color: white;
    overflow: hidden;
    z-index: 101 !important;
    padding: 2px 20px 0px 10px;
    height: 42px;
}

div#logo {
    float: left;
    max-width: 100%;
    margin: 8px;
}

/* Begin npcHeader Styles*/
table.npcHeaderTable {
    width: 100%;
    border-collapse: collapse;
    color: #362b36;
    table-layout: auto; /*TTD | Aduti Action Plan Needs Approval*/
    margin-top: 7px;
}



.mainHeaderLegacySetup .npcHeaderTable {
    background-color: #EDF3F7 !important;
    position: fixed;
    z-index: 999;
    margin-top: 0;
    overflow: hidden;
    border-bottom: 15px solid #EDF3F7 !important; /*add some padding to the fixed position table element*/
}

td.npcHeaderLabel {
    text-align: left;
    font-weight: 600;
    color: #333;
    vertical-align: top;
    padding-left: 10px;
    width: 160px;
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    padding-bottom: 3px;
    padding-top: 3px;
    
 
}

    td.npcHeaderLabel span.npcUnboundLabel {
        text-align: left;
    }

    td.npcHeaderLabel span.npcUnboundLabelWithHelp {
        text-align: left;
        color: #000000;
        cursor: pointer;
    }
    
    td.npcHeaderLabel span.labelSpan {
       margin-top: 1px;
    }

td.npcHeaderData {
    text-align: left;
    vertical-align: top;
    padding-top: 3px;
}
/* Begin npcEdit Styles*/
table.EditTable td.HeaderTableCell { 
    border-top-color: #FFFFFF;
    background-color: #D6E9FF;
}

table.EditTable,
.EditTableInGrid {
    background-color: #ffffff;
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
}

td.npcEditLabel {
    text-align: left;
    vertical-align: top;
    padding-left: 10px;
    padding-top: 3px;
    width: 15em;
    margin-right: 2px;
    color: #444;
    font-size: 12px;
    font-weight: 600;
}
.EditTableInGrid td.npcEditLabel {
    vertical-align: top !important;
    padding-left: 10px !important;
    padding-top: 3px !important;
    color: #444 !important;
}

    td.npcEditLabel span, td.npcEdit span {
        font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    }

        td.npcEditLabel span.npcUnboundLabel {
            text-align: left;
            vertical-align: top;
            color: #444;
            /*width:150px; */
        }

td.npcEdit {
    /*width: auto;*/
    text-align: left;
    vertical-align: top;
    padding-left: 3px;
    margin: auto;
    /*white-space: nowrap;*/

}

    td.npcEdit .npcStandardButton {
        margin-bottom: -2px;
    }


table.EditTable td.npcEdit {
}

td.npcEditButton { /* add/edit regular form save and cancel button cell*/
    margin: 0px;
    padding-top: 5px !important;
    text-align: right;
    padding-left: 25px;
}
/* End npcEdit Style */

Span.labelSpan, .npcEditLabel > span.Label  { /*labelSpan needs to be cleaned up*/
    margin-right: 15px;
    min-width: 125px;
    margin-top: 9px;
    display: inline-block;
    min-height: 26px;
    vertical-align: top;
}

td.npcView Span.labelSpan{
    min-width: 0; 
    min-height: 0;
    margin-right: 3px;
    margin-left: 3px;
}


td.ChangeDefaultError span.labelSpan {
    margin-right: 0px;
}

table.DetailTable {
    background-color: #ffffff;
    width: 100%;
    border-collapse: collapse;
    position: relative;
}

table.DetailTableFixed {
    table-layout: fixed;
    background-color: #ffffff;
    border: 1px ridge;
    border-collapse: collapse;
    width: 100%;
}

table.DetailTable > td.npcViewLabel {
    width: 125px !important;
}

td.npcViewLabel { /*Old Style text-align: left; vertical-align:text-top; padding-left: 10px; padding:5px; background-color: #f5f7fb; color: #000000;                 width:150px; font-weight: normal; border-style:solid; border-width:1px; border-color:#f5f8fa;*/
    text-align: left;
    vertical-align: top;
    padding-left: 10px;
    min-width: 16em;
    width: 16em !important;
    margin-right: 2px;
    color: #444;
    font-size: 12px;
    /* font-weight: 600; */
}

    td.npcViewLabel span, td.npcView span {
        font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    }

td.npcView {
    text-align: left;
    vertical-align: top;
    padding-left: 3px;
}
/*border-style:solid; border-width:1px; border-color:#f5f8fa;*/

td.npcSignatureView {
    text-align: left;
    vertical-align: top;
    padding-left: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: #f5f8fa;
    width: auto;
}
/* Begin Group Grid	*/
table.npcGroupGridData {
    background-color: #ffffff;
    width: 100%;
    border: none;
    border-collapse: collapse;
}

tr.npcGroupGridItemStyle td,
tr.npcGroupGridAlternatingItemStyle td,
tr.npcGroupGridSelectedItemStyle td,
table.collectionGrid tr.npcCollectionGridItemStyle,
table.collectionGrid tr.npcCollectionGridAlternateItemStyle,
table.collectionGridOver tr.npcCollectionGridItemStyle,
table.collectionGridOver tr.npcCollectionGridAlternateItemStyle {
    color: black;
    border: none;
    vertical-align: middle;
    padding: 4px 7px 3px 8px;
}

.npcDataGrid .npcTextView, table.collectionGrid .npcTextView, table.collectionGridOver .npcTextView{ /*Admin tools | Deactivation setup*/
    margin: 0;
}

.npcDataGrid .npcUnboundHyperLink, .npcDataGrid .npcHyperLink{  /*Admin tools | License Admin */
    margin-top: 0;
}


tr.npcGroupGridItemStyle {
    background-color: #ffffff;
}

tr.npcGroupGridAlternatingItemStyle {
    background-color: #FBFBFB;
}

tr.npcGroupGridSelectedItemStyle {
    background-color: #E0F3F6;
}

tr.npcGroupGridHeaderStyle {
    text-align: left;
    border: none;
    vertical-align: middle;
    background-image: url(../Images/grid_over.png);
    color: #000000;
}

    tr.npcGroupGridHeaderStyle td { /*GroupGrid Header Row */
        color: #262626;
        padding: 5px 7px 4px 8px;
        background-color: #F5F5F5;
        border: solid 1px #cdcdcd;
    }

        tr.npcGroupGridHeaderStyle td a, tr.npcGroupGridHeaderStyle td a:hover { /*Grid Header Row */
            color: #262626;
            text-decoration: none;
        }

tr.npcGroupGridPagerStyle {
    background-color: #F5F5F5;
    border: none;
    border-collapse: collapse;
    text-align: center;
}

    tr.npcGroupGridPagerStyle a:link {
        color: #1089cd;
    }

    tr.npcGroupGridPagerStyle td {
        padding: 5px 7px 4px 8px;
    }

tr.npcGroupGridFooterStyle td {
    color: #262626;
    padding: 5px 7px 4px 8px;
    background-color: #F5F5F5;
    border: solid 1px #cdcdcd;
}

tr.DetailSectionSeparator {
    background-image: url(../images/top_slice.gif);
    color: #344152;
}

div.GroupGrid {
    position: absolute;
    background-color: #519ED2;
    padding: 3px;
    left: 40%;
    top: 25%;
    border: 1px solid #444;
}
/*End Group Grid */

/* user properties support */
.propertyEdit {
    border-style: dotted;
    border-width: 2px;
    border-color: #3366CC;
    background-color: #66FFFF;
    border-collapse: separate;
}

.propEditor {
    left: 60%;
    /*width:300px;*/
    position: absolute;
    top: 20px;
    bottom: auto;
    /*height: 200px;*/
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 10px;
    font-weight: 600;
    background-color: #eeeeee;
    border-right-style: outset;
    border-bottom-style: outset;
    border-left-style: outset;
    border-left-width: 1px;
    border-left-color: Gray;
    border-width: 5px;
    border-top: 25px;
    border-top-color: #666666;
    border-top-style: solid;
    padding-left: 10px;
    z-index: 1031 !important;
}

.propEditorDesc {
    font: 12px normal  "Segoe UI", Helvetica, Arial, Sans-serif;
}

.propEditorButton {
    cursor: pointer;
    height: 25px;
    font-size: 12px;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-weight: 600;
    margin: 3px;
}

.designBoundary {
    border: 2px dashed #000000;
}

.HasConfiguration {
    border-color: Red !important;
    border-style: double !important;
    border-width: medium !important;
}

.HasConfigurationBk {
    border-color: Red !important;
    border-style: double !important;
    border-width: medium !important;
    background: Red !important;
}
/* Label Configuration support BUG-01702-2007 */
.HasConfigurationLblReq {
    border-color: Red !important;
    border-style: double !important;
    border-width: medium !important;
    color: red !important;
}

.HasConfigurationLblNotReq {
    border-color: Red !important;
    border-style: double !important;
    border-width: medium !important;
}
/* End User Property Support */

/* Begin User Managment Portal*/
.npcBackGround {
    background-color: #ffffff;
    width: 100%;
}
/*border:solid; border-width:1px; border-color:0b6099;*/
.npcWhiteBackground {
    border: 0px solid #f5f8fa;
    cursor: pointer;
    background-color: white;
}
/* End User Managment Portal  */

/* Memo Display*/
div.MemoDisplay {
    position: absolute;
    left: 200px;
    top: 100px;
    background-color: #ECECEC;
    border: solid 1px #cdcdcd;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 12px;
    padding-top: 4px;
    text-align: right;
    z-index: 1001 !important;
}

div.MemoDisplay a.closediv,
div.RichTextMemoDisplay a.closediv {
    margin-right: 4px;
}

div.MemoDisplay a.closediv img,
div.RichTextMemoDisplay a.closediv img {
    padding-bottom: 1px;
}

.npcmemoDiv {
    font-size: 12px;
    overflow: auto;
    width: 400px;
    cursor: text;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    height: 175px;
    background-color: white;
    border-top: solid 1px #cdcdcd;
    text-align: left;
    line-height: 1.3em;
}

div.RichTextMemoDisplay {
    width: 400px;
    position: absolute;
    left: 200px;
    top: 100px;
    position: absolute;
    background-color: #ECECEC;
    border: solid 1px #cdcdcd;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 12px;
    padding-top: 4px;
    text-align: right;
    z-index: 1001 !important;
}

div.RichTextInnerDiv {
    background-color: white;
    height: 175px;
    overflow: auto;
    border-top: solid 1px #cdcdcd;
    text-align: left;
    cursor: default !important;
}

div.RichTextInnerDiv .npcmemoDiv {
    border: none;
}

div.MultiInputDisplay {
    font-size: 10px;
    background-color: #FFFFFF;
    position: absolute;
    border: 1px solid #c7c6c6;
    color: #000000;
    font-weight: 600;
    display: none;
}

.MultiInputDisplay select{ 
    width: 100%;
}

.MultiInputDisplay a {
    margin: 0 5px 5px 5px;
}
fieldset.fieldsetDocFolders {
    border: solid 1px #dcdcdc;
    background-color: transparent;
}

    fieldset.fieldsetDocFolders span.labelSpan,
    fieldset.fieldsetDocFolders a {
        padding: 5px 0px 5px 5px;
        display: inline-block;
    }

    fieldset.fieldsetDocFolders select {
        width: 95%;
    }

    fieldset.fieldsetDocFolders table > * {
        color: #362b36;
        line-height: 1.5;
    }

    fieldset.fieldsetDocFolders span.spanDocFolderHeader {
        font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
        font-size: 14px;
    }
/*#IssueTree { background-color:#D7F0FF; } Marks up the whole block. */
.TreeView {
    background-color: White;
    padding-top: 4px;
    padding-left: 1px;
    border: #7C7C94 1px solid;
    cursor: pointer;
}

div.SearchtreeDiv, div.SorttreeDiv, div.checkOutreeDiv {
    background-color: white;
    border: #7C7C94 1px solid;
}

.TreeViewDocumentFolders {
    padding-left: 1px;
    cursor: pointer;
    padding-top: 4px;
    background-color: transparent;
}

.TreeNode {
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
}

.GrayedTreeNode {
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    color: gray;
    cursor: pointer;
}

.HoverTreeNode {
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 12px;
    text-decoration: underline;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
}

.SelectedTreeNode {
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 12px;
    background-color: #D7F0FF;
    color: #000000;
    font-weight: 600;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
}

.NodeEdit {
    border: 1px gray solid;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 12px;
}
/* End Tree View */


div.FormErrorDisplay { /* Applies to ErrorInfo in the Multi Input Forms */
    background-color: #efefef;
    display: inline-table;
    color: black;
    text-align: left;
    height: auto;
    padding: 0.5em;
    position: absolute;
    border: solid 1px #999999;
    z-index: 105;
    width: auto;
    margin-left: 18px;
    min-width: 140px;
    margin-bottom: 40px;
}

table.FormErrorTable {
    background-color: #efefef;
    height: auto;
    color: black;
    text-align: center;
    border-collapse: collapse;
    width: 100%;
    line-height: 17px;
}


table.FormErrorHeaderTable td {
    color: #cb3a3a;
    font-size: 14px;
    vertical-align: top;
    padding-bottom: 4px;
}

table.FormErrorHeaderTable img {
    margin-top: -4px;
}


A.ErrorInfo {
    color: #cb3a3a;
    font-size: 14px;
}

td.npcPanelTitle { /* Applies to the Title For ShowHide Controls Used in Capa Forms */
    padding-left: 5px;
    text-align: Left;
    color: #000000;
    font-size: small;
    background-image: url(../images/PanelHeader.gif);
    font-weight: 600;
}

td.npcHeaderTableCell {
    padding-left: 2px;
    text-align: Left;
    color: #000000;
    text-align: left;
    border: 1px solid #c7c6c6;
    background-color: #F5F5F5;
    margin-bottom: 0px;
    height: 32px;
    font-size: 14px;
}

td.npcHeaderTableCell span {
    padding: 3px;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 13px;
    color: #2e424c;
    font-weight: normal;
    min-height: 18px;
    margin-top: 5px;
    display: inline-block;
}

tr.npcInnerHeaderStyle {
    color: Black;
    background-color: #eeeeee;
    text-align: left;
    font-size: xx-small;
    border: none;
}

tr.FormRepeaterHeaderStyle {
    color: Black;
    text-align: left;
    font-size: xx-small;
}

tr.RepeaterHeaderStyle {
    color: Black;
    text-align: left;
    font-size: xx-small;
    font-weight: 600;
    background-color: #DCE8FA;
}

tr.RepeaterAlternatingItemStyle {
    text-align: left;
    background-color: #f7f7f7;
}

td.FormRepeaterColumnHeaderStyle {
    color: navy;
}

tr.npcFormDataGridHeaderStyle {
    color: black;
    background-color: #eeeeee;
    text-align: left;
    border: none;
}
tr.npcFormDataGridHeaderStyle td.npcDataGridHeader {
    padding: 3px;
}

table.SectionEditTable {
    width: 100%;
    background-color: #eeeeee;
    margin: 3px;
}

td.npcFormLabelMiddle {
    text-align: left;
    width: 1%;
    padding-right: 0px;
    color: Navy;
    font-size: xx-small;
    background: #eeeeee;
}

td.npcFormViewText {
    text-align: center;
    width: 6%;
    padding-right: 0px;
    color: black;
    font-size: x-small;
    background: #eeeeee;
}

td.npcFormViewLeft {
    text-align: Left;
    padding: 5px 8px;
}

td.npcHeaderTableCellData {
    width: 10%;
    text-align: Left;
    color: #030A8C;
    font-size: xx-small;
    background: #eeeeee;
}

td.npcFormHeaderLabel {
    width: 6%;
    text-align: Left;
    color: #030A8C;
    font-size: xx-small;
    background: #eeeeee;
}

td.npcHeaderTableCellHeading {
    width: 5%;
    text-align: Left;
    color: #030A8C;
    font-size: xx-small;
    background: #eeeeee;
}

.RowHighlight {
    background-color: #FFF5EE; /*Was set to SeaShell*/
}

table.EditTableBor { /* Applies to table in Capa Forms */
    width: 100%;
    background: white;
    border: 0.25mm solid;
    background-color: #ffffff;
    border: 1px ridge;
    border-collapse: collapse;
}

table.EditTableNBBor { /* Applies to table in Capa Forms */
    width: 100%;
    background: white;
    border: 0.25mm solid;
    border-color: #00529B;
    border-bottom: none;
    background-color: #ffffff;
    border: 1px ridge;
    border-collapse: collapse;
}

table.EditTableNBor { /* Applies to table in Capa Forms */
    width: 100%;
    background: white;
    border: 0px none;
    background-color: #ffffff;
    border: 1px ridge;
    border-collapse: collapse;
}

table.EditTableTBor { /* Applies to table in Capa Forms */
    width: 100%;
    border-top: 0.25mm solid;
    border-color: #00529B;
    background-color: #ffffff;
    border: 1px ridge;
    border-collapse: collapse;
}

table.EditTableBBor { /* Applies to table in Capa Forms */
    width: 100%;
    border-bottom: 0.25mm solid #00529B;
    background-color: #ffffff;
    border: 1px ridge;
    border-collapse: collapse;
}

table.InstructionTable { /* Applies to Instruction table in Capa Forms */
    width: 100%;
    border: none;
    background: #ffffff;
    border-bottom: none;
}

td.npcFormRowHeader {
    text-align: left;
    color: #333333;
    font-size: xx-small;
    background: #eeeeee;
    padding: 2px 0px 0px 5px;
}

td.npcFormView {
    background: #ffffff;
    font-weight: normal;
    font-size: x-small;
    padding: 2px 0px 0px 5px;
    border: none;
}

td.npcFormLabelLeft {
    text-align: Left;
    width: 20%;
    padding-right: 0px;
    color: Navy;
    font-size: 11px;
    background: #ffffff;
    border-style: solid;
    border-width: 1px;
    border-color: #f5f8fa;
}


.ADMINNODE {
    border: solid;
    border-style: outset;
    font-weight: normal;
    font-size: 10px;
    cursor: pointer;
    color: #000000;
    background-color: #C2C5C8;
    padding: 2px 3px 0px 3px;
}

td.npcInstruction {
    background-color: white;
    margin-left: 5px;
    vertical-align: middle;
    background-image: url(../Images/help_tip.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    height: 20px;
    padding-top: 5px !important;
}

td.npcInstruction span.labelSpan { /*Issue User Mode*/
    font-size: 12px;
    color: #525252;
    display: inline-block;
    background-color: transparent;
    /* font-weight: 600; */
    white-space: normal;
    padding-bottom: 0;        
    margin-top: 3px;
    display: inline-block;
    min-height: 0;
    vertical-align: top;
}

    td.npcInstruction span.npcInstruction,
    td.npcInstruction span.npcUnboundLabel {
        font-size: 12px;
        color: #525252;
        display: inline-block;
        margin-left: 30px;
        background-color: white;
        /* font-weight: 600; */
        white-space: normal;
        padding-bottom: 6px;
    }

    td.npcInstruction span.npcUnboundLabelWithHelp {
        font-size: 8pt;
        color: #525252;
        margin-left: 20px;
        background-color: #dce2ed;
        font-weight: 600;
        cursor: pointer;

    }

table.SectionEditTableBor {
    width: 100%;
    background-color: #ffffff;
}

    table.SectionEditTableBor td.HeaderTableCell, table.InstructionTable td.HeaderTableCell { /*Removes Header in Issue where conflicts */
        height: 22px;
        border: none;
        background-image: url(../Images/clearHeader.gif);
    }

table.SectionEditTableBorRequired {
    border-style: solid;
    border-width: 1px 3px 3px 1px;
    border-color: #F88C8C;
    width: 100%;
    background-color: #ffffff;
}

tr.npcDataGridItemStyleForm {
    background-color: #ffffff;
    border: none;
    font-size: x-small;
}

table.SearchTableParent, table.FooterDisplay {
    width: 100%;
    background-color: #ffffff;
}

td.npcSearch {
    color: #362b36;
}

div.ViewOnly { /* Applicale when the Control is Rendered as View Only */
    font-weight: normal; 
    padding-top: 3px;
    background-color: Transparent;
}

span.ViewOnly { /*Issue | Product Correction Task values */
    margin-top: 3px;
    display: inline-block;
    margin-top: 5px;
}

Body.treeDisplay {
    background-color: #ffffff;
}

table.MyQueryPortalGrid {
    font-size: x-small;
    width: 100%;
    color: black;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    background-color: #FFFFFF;
    border-style: solid;
    border-color: #cccccc;
    border-width: 1px;
}

.npcTextView, .npcEnumView {
    vertical-align: top;
    margin-top: 10px;
    display: inline-block;
    
}
.npcHeaderData .npcTextView, .npcHeaderData .npcEnumView {
    margin-top: 3px; 
}

td.npcEdit > .npcTextView{
    margin-top: 13px;
}

.npcTextBoxViewOnly {
    border: none;
    overflow: auto;
    display: inline;
}

.npcDesignFormButton {
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #1089cd;
    background-color: transparent;
    border: none;
    text-decoration: none;
    cursor: pointer;
    float: right;
}

    .npcDesignFormButton:hover {
        color: #09bddc;
        text-decoration: underline;
    }

table.AdvanceSearchTable {
    background-color: #eeeeee;
    width: 100%;
}

a.npcLinkSaveQuery {
    cursor: pointer;
}

a.npcLinkExportDocument {
    cursor: pointer;
    color: #1089cd;
    font-weight: normal;
}

.npcLinkSaveQueryButton {
    color: blue;
    border: transparent;
    background-color: transparent;
    text-decoration: underline;
    cursor: pointer;
}
/* Rad Grid Used for External Data Source */

div.RadGrid_WinXp {
}

table.MasterTable_WinXP {
    width: 100%;
    border: solid;
    border-collapse: collapse;
    border-width: 1px;
}

tr.GridRow_WinXp {
    background-color: #FFFFFF;
}

tr.GridAltRow_WinXp {
    background-color: #FFFFFF;
}

th.npcDataGridHeaderStyle {
    text-align: left;
    border: none;
    vertical-align: middle;
}

tr.GridFilterRow_WinXP {
    background-color: #FFFFFF;
}
/*EMDR Form*/
td.npcFormLabelRight { /*Lables in MultiInput Forms in Row Layout*/
    text-align: right;
    vertical-align: top;
    padding-left: 10px;
    padding-top: 3px;
    background-color: #bdccde;
    padding-right: 10px;
    color: #000000;
}

td.npcSectionInstruction {
    font-style: italic;
    font-size: 8px;
    background-color: #eeeeee;
}

td.GroupLabel {
    text-align: left;
    vertical-align: top;
    padding-left: 15px;
    padding-top: 3px;
    /*background-image: url(../images/PanelHeader.gif);*/
}

td.FieldLabel {
    padding-left: 35px;
    color: #000000;
    padding-top: 12px
}


td.FieldLabelRight {
    color: #000000;
    padding-right: 35px;
    text-align: right;
}

table.InstructionTableNew { /* Applies to Instruction table in Capa Forms */
    width: 100%;
    border: none;
    border-bottom: none;
}

table.InstructionTablebk {
    background-color: #eeeeee;
    width: 100%;
}

table.ValueTable {
    background: #ffffff;
}

tr.npcDataGridItemStyleFormEMDR {
    border: None;
    font-size: x-small;
}

div.CurrentDiv { /* Applies to Error Display at Bottom in the Multi Input Forms */
    background-color: #3366CC;
    color: White;
}

table.EMDRGrid {
    width: 100%;
}

div.NullFlavor {
    z-index: 103;
    color: black;
    background-color: #ececec;
    border: solid 1px #cdcdcd;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 12px;
    padding-top: 4px;
    text-align: right;
    min-width: 200px;
    position: absolute;
}

div.NullFlavor a.closediv {
    margin-right: 4px;
}

div.NullFlavor a.closediv img {
    padding-bottom: 1px;
}

div.NullFlavor div {
    background-color: white;
    text-align: left;
    color: #362b36;
    cursor: pointer;
    padding: 5px 15px;
}

    div.NullFlavor div.CurrentDiv { /* Applies eMDR NA fields */
        color: #00b2e2;
    }

td.npcDataGridHeaderEMDR {
    padding-left: 35px;
    height: 20px;
    color: #000000;
}

td.npcDataGridHeaderEMDRH6 {
    height: 20px;
    color: #000000;
}

tr.npcFormDataGridHeaderStyleEMDR {
    color: Navy;
    background-color: #ffffff;
    text-align: left;
    font-size: xx-small;
    border: none;
}

.SingleSearchFieldDropDown { /*font-family: Courier New;*/
}

.Invisible, .invisible {
    display: none;
}

td.PasswordLabel {
    color: #000000;
    margin-bottom: 5px;
}

.DisabledTab {
    height: 25px;
    background-image: url(../Images/InActiveTabBgrd.jpg);
    cursor: auto;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    font-weight: normal;
    color: Gray;
}

label.Left {
    display: inline;
    float: left;
    width: 12em;
}

label.Top {
    display: block;
    width: 75%;
    color: #000000;
    font-weight: normal;
}

label.None {
    display: none;
}

.genThreeHeader {
    margin-right: 5px;
}

.genThreeTabTable {
    margin-right: 0px;
    width: 100%;
    overflow: hidden;
}

.tabContainer {
    padding-top: 2px;
    margin-right: 5px;
}
    /*for formtables inside tab*/
    .tabContainer div table {
        margin-right: 0px;
        margin-top: 0px;
    }
/* SmartDesign & Cheetah Portal Styles */
#functionRow {
    height: 27px;
    width: 100%;
    background-image: url(../images/footer_back2.png);
}

div.welcomeTitle {
}

.welcomeTitle {
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-weight: 600;
    color: #D7F0FF;
}

.designLabel {
    color: #000000;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

    .designLabel a:hover {
        background-color: #D7F0FF;
    }

.designLink {
    color: #000000;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 10px;
    text-decoration: underline;
}

    .designLink a {
        color: #000000;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
        font-size: 10px;
    }

span.designLink a:hover {
    background-color: #D7F0FF;
}
/* Portal Application Links */
.appLink, .appLink a {
    color: #000000;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 10px;
    font-weight: 600;
    text-decoration: underline;
}

span.appLink {
    width: 100%;
    height: 15px;
}

    span.appLink a:hover {
        background-color: #D7F0FF;
    }

/* End Portal Application Links */
.recentHeader {
    color: #000000;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 10px;
    font-weight: 600;
}
/* Table Grid */
.gridTable {
    border: 1px solid #d7dff5;
}

#tbHeader {
    background-image: url(../images/column_header.png);
}

    #tbHeader td {
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
        font-weight: 600;
        font-size: 10px;
        color: #333366;
        text-align: center;
        vertical-align: middle;
        height: 22px;
    }

#gridContainer tr:hover {
    background-color: #FFFFCC;
}

#gridContainer tr {
    background-color: #FFFFFF;
    height: 20px;
}

    #gridContainer tr.odd {
        background-color: #EFEFEF;
    }

#gridContainer td {
    text-align: center;
}

/***********Aging in the Grid Row***********Write Script to get Age of Event then use appropriate style******************************/
td.gridAging1 { /* -- 0 - 5 Days Aging---*/
    background-color: #C6FFD5;
}

td.gridAging2 { /* -- 6 - 10 Days Aging---*/
    background-color: #FFFFC4;
}

td.gridAging3 { /* -- 11 - 24 Days Aging---*/
    background-color: #F7D6A4;
}

td.gridAging4 { /* -- 25+ Days Aging---*/
    background-color: #FFC1C1;
}

tr:hover td.gridAging1, tr:hover td.gridAging2,
tr:hover td.gridAging3, tr:hover td.gridAging4 { /* ---Hover to make whole row consistent--*/
    background: #FCE97A;
}

/************** Grid Aging *************/
td.gridAging5 { /* -- 30+ Days Aging---*/
    background-color: #FE414F;
    color: #FFFFFF;
    font-weight: 600;
}

div.gridAging1 { /* -- 0 - 5 Days Aging---*/
    background-color: #C6FFD5;
}

div.gridAging2 { /* -- 6 - 10 Days Aging---*/
    background-color: #FFFFC4;
}

div.gridAging3 { /* -- 11 - 24 Days Aging---*/
    background-color: #F7D6A4;
}

div.gridAging4 { /* -- 25+ Days Aging---*/
    background-color: #FFC1C1;
}

div.gridAging5 { /* -- 30+ Days Aging---*/
    background-color: #FE414F;
    color: #FFFFFF;
    font-weight: 600;
}

/*tr:hover td.gridAging5 { ---Hover to make whole row consistent--	background: #FCE97A;	color: #666666;}*/

/*************Content Box for Girds ******************/
/* Grid box with header and footer */
.dataGridDesigner {
    height: 100%;
    border: solid 2px #b7c8e9;
    background-color: #FFFFFF;
    padding: 0px;
    margin: 0px;
    margin-top: -7px;
    display: block;
}

    .dataGridDesigner h2 {
        vertical-align: middle;
        height: 40px;
        margin: 0px;
        padding: 0px 2px 0px 5px;
        background-image: url(../Images/gridHeader.png);
        background-position: top;
        border-bottom: 1px solid #3366CC;
        display: block;
    }

        .dataGridDesigner h2 span {
            font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
            font-size: 16px !important;
            color: #FFFFFF;
            font-weight: 600;
            margin-top: 5px;
            margin-left: 5px;
            padding: 0px;
            float: left;
        }

            .dataGridDesigner h2 span + span {
                margin: 0px;
                padding: 0px;
                float: right;
            }

            .dataGridDesigner h2 span img {
                vertical-align: middle;
            }
/* Search Header */
#searchHead {
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #000000;
    background-image: url(../Images/searchHeader.png);
    height: 30px;
}

div#searchHead span {
    margin-top: 5px;
}

.dataGridDesigner h3 span {
    margin-top: 2px;
    padding: 0px;
    float: right;
}

.dataGridDesigner h3 {
    text-align: left !important;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: 600;
    height: 26px;
    margin: 0px;
    margin-top: 2px;
    padding: 0px 5px 0px 5px;
    background-image: url(../Images/grid_footer.png) !important;
    background-color: #bcceda;
    border-top: 1px solid #b0c5d8;
    display: block;
}

.dataGridDesigner h4 {
    font-family:  "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 9px !important;
    color: #CCCCCC;
    vertical-align: bottom;
    margin-top: -20px;
    float: right;
    width: 250px;
}

.dataGridH4 {
    text-decoration: underline;
}
/* Underline look for pagination */
.dataGridDesigner h4 div {
    padding: 0px;
    float: right;
}

.dataGridDesigner h4 img {
    padding: 0px;
    float: left;
}
/* button tag */
.dataGridDesigner h3 button {
    margin: 3px 2px 3px 0px !important;
}

.dataGridDesigner h2 button {
    margin: 3px 2px 3px 0px !important;
    vertical-align: middle;
    border-bottom-color: #0099FF;
}
/* button class */
.dataGridDesigner h3 .button {
    margin: 3px 2px 3px 0px !important;
}

.dataGridDesigner > h2 .button {
    margin: 3px 2px 3px 0px !important;
    vertical-align: middle;
}

.dataGridDesigner > div {
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 12px;
    color: #000000;
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: left;
}
/*************Box for User License Girds ******************/
/* Grid box with header and footer */
.licenseGrid {
    border: solid 2px #b7c8e9;
    background-color: #FFFFFF;
    padding: 5px;
}

.licenseGridHeader {
    vertical-align: middle;
    height: 20px;
    margin: 0px;
    padding: 0px 2px 0px 5px;
    background-image: url(../Images/grid_over.png);
    background-position: top;
    border-bottom: 1px solid #3366CC;
    display: block;
}

    .licenseGridHeader TH {
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
        color: #000000;
        font-weight: 600;
        font-size: 0.917em;
    }

.licenseGridRepeat {
    border: 1px #DCE0EB solid;
}
/* End License Grid */

.displayText {
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 10px;
    color: #000000;
}

.popupHeader {
    background-image: url(../designer/Ajax42/bindings/www.backbase.com.2006.btl/modal/chameleon/media/modalHead.png);
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #000000;
    height: 20px;
}

    .popupHeader span {
        margin-left: 3px;
        margin-top: 2px;
    }
/* End Popups */

/* Calendar Pop Up Styles */
div#calendarDisplayNavigate {
    background-image: url(../Images/calendarHead.gif);
}

.npcCalendarButton {
    margin-top: 3px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid #7b9ebd;
    color: #000000;
}

TABLE#Calendar1 {
    margin-top: 7px;
}

/* Calendar Styles */
td.SplitterPane DIV {
    background-color: #f2f7fb;
}

div.TreeViewMargin TABLE {
    background-color: #f2f7fb !important;
}

/*SmartReport.aspx Block white background
DIV#PromptPanel TABLE {background-color:#FFFFFF;}*/
td.TableHeader Span.labelSpan {
    color: #000000;
}
/* Begin Snap Style -> Panel style */
/*.net 3.5 Migration Change*/
/*This is the corresponding snapHeader CSS*/
.SnapToPanelHeader {
    color: #ffffff;
    background-color: #6699CC;
    font-family: "Segoe UI", Arial, sans-serif, Tahoma;
    font-weight: 600;
    font-size: 12px;
    padding-top: 2px;
    padding-left: 5px;
    cursor: pointer;
    text-align: right;
}
/*This is the corresponding snapContent CSS*/
.SnapToPanelContent {
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 12px;
    padding: 3px;
    border: #4284b5 1px solid;
    background-color: white;
}
/*This is the corresponding snap CSS in Issue.UI vbproj*/
.SnapToPanelForIssue {
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    background: #eeeeee;
    padding-left: 5px;
    border: 1px solid #436787;
}
/* End Snap Style -> Panel style*/

/* Search Table */
table#table2 {
    margin-top: 5px;
    min-width: 100%;
}

    table#table2 td, tr, table {
        border: none;
    }
/* Removes Required Indicator from Labels */
td.npcFormLabel span.labelSpan span.RequiredIndicator,
td.npcEditLabel span.labelSpan span.RequiredIndicator,
td.npcHeaderLabel span.labelSpan span.RequiredIndicator,
td.HeaderTableCell span.labelSpan span.RequiredIndicator {
    display: none;
}
/* Translation Manager */
/*  td.npcEditLabel span.labelSpan {	width:auto; }  
span.labelSpan span.RequiredIndicator {	float:left;	 } */

/* Remove Top Banners */
#RAD_SPLITTER_PANE_RadPaneHeader {
    display: none;
    height: 0px;
}

#RAD_SPLITTER_PANE_LowerPane {
    background-color: #FFFFFF;
}

table.RadEWrapper .npcRequiredTextBoxMultiline { /* Aligns the Rich Text box required indicator and the control */
    display: inline;
    width: 80px;
    vertical-align: top;
    margin-left: 2px;
    margin-bottom: 5px;
    margin-top: -15px;
}

td.RadEContentContainer {
    display: inline;
    width: 90%;
    vertical-align: top;
    margin-left: 2px;
    margin-bottom: 5px;
    float: right;
}
/* Title styles for all pages */
div#titleHeader {
    width: 100%;
    height: 65px;
    background-image: url(../images/title_background.png);
    border: 1px solid #c6dfff;
}

span#titleIcon {
    float: left;
    margin: 8px 10px 0px 13px;
}

span#titleText {
    float: left;
    margin-top: 18px;
}

label#titleLabel {
    font: 22px 600  "Segoe UI", Helvetica, Arial, Sans-serif;
    vertical-align: middle;
    color: #FFFFFF;
}

label#titleLabelSmall {
    font: 16px 900 "Segoe UI", Helvetica, Arial, Sans-serif;
    vertical-align: top;
    color: #FFFFFF;
    height: 22px;
}

span#ssLogo {
    float: right;
}

span#titleLink {
    margin: 23px 0px 0px 18%;
    height: 20px;
}

.fontColor {
    color: #ffffff !important;
}

/* Used for all fieldsets */
fieldset {
    padding: 10px;
    margin: 15px 10px;
    border: 1px solid #89c8f3;
    width: auto;
}

legend {
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif !important;
    background: #ffffff;
    margin-top: -1px;
    font-weight: normal !important;
    color: #1089cd !important;
    padding: 3px 5px 0px 10px;
    font-size: 14px !important
}

legend .labelSpan {
    margin: 0;
    min-width: auto;
    min-height: auto;
    font-size: inherit;
}

legend * {
    font-size: inherit !important;
    color: inherit !important;
}

/*.CertificationGroupItem {margin-bottom:	8px;}

legend.CertificationGroupLegend {font:caption; 	color:black;}*/

.ViewOnly {
    border: none;
    cursor: text;
}

/* workflow step popup css */
.workflowDockContent {
    border: 1px solid #D8E3F3;
    width: 98%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.workflowDockHeader {
    padding-left: 15px;
    padding-top: 8px;
    height: 35px;
    background-color: #D8E3F3;
    clear: right;
}

    .workflowDockHeader img {
        float: left;
    }

.workflowDockLabel {
    margin-top: 5px;
    text-align: center;
}

    .workflowDockLabel span {
    font-family:  "Segoe UI", Helvetica, Arial, Sans-serif;
        font-size: 12px;
        font-weight: 600;
    }

.workflowDockBody {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    clear: right;
}

.workflowDockHR {
    border: 1px solid;
    background: #D8E3F3; /*NS FF OP */
    color: #D8E3F3; /*IE*/
    margin-top: 8px;
    margin-bottom: 8px;
}

.rdWorkflowDockCustom {
    background-image: none !important;
}

    .rdWorkflowDockCustom:hover {
        background-image: none !important;
    }
/* workflow step popup css */
.dropDownImageStyle {
    position: relative;
    left: -20px;
    top: 1px;
    width: 17px;
    vertical-align: middle;
    cursor: pointer;
}

.centerControl {
    margin-left: auto;
    margin-right: auto;
}

.blankPageMessage {
    color: #429CCD;
    text-align: center;
    margin-top: 60px;
    font-size: 14px;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-weight: 600;
}

a.npcSearchLinkButton, a.npcSearchLinkButton:hover {
    /* It looks like we are moving away from cursor: hand in 9
    cursor: hand;  */
    cursor: pointer;
    width: 140px;
    color: white;
    border: none;
    height: 25px;
    text-align: center;
    vertical-align: bottom;
    font-family:  "Segoe UI", Helvetica, Arial, Sans-serif;
    font-weight: 600;
    font-size: 12px !important;
    padding: 4px 3px 2px 3px;
    text-decoration: none;
    background-image: url(../Images/LinkButton.gif);
    /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#6699FF',EndColorStr='#00588d');*/
    border-style: ridge;
    border-color: #eeeeee;
    border-width: 2px;
    margin: 6px 0px 0px 3px;
    /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='white',EndColorStr='gray');*/
}

.nav-menu li {
    float: left;
    display: inline-block;
}
/* Added for Schedule */
div.labelOnTop {
    padding-left: 4px;
    text-align: left;
    vertical-align: top;
}

.npcCheckBoxWithSpace {
    width: 10%;
    padding-left: 20px;
    display: inline-block;
}

.npcListBannerHTMLTable {
    clear: right;
    background-image: url('../images/title_background.png');
    border: #c6dfff 1px solid;
    height: 64px;
    margin-top: 2px;
}

    .npcListBannerHTMLTable img {
        float: left;
        margin: 14px auto auto 12px;
    }

    .npcListBannerHTMLTable span {
        float: left;
        margin: 23px auto auto 10px;
        color: White;
        font-weight: 600;
        font-size: medium;
    }

/* inherit from page for legacy */
.npcDbSearchOptions {
}

.btnSignOffClientEnableForm {
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    padding: 4px 10px;
    min-width: 110px;
    text-align: center;
    text-decoration: none !important;
    margin-bottom: 10px;
   
    -moz-border-radius: 0;
    border-radius: 0;
    font-weight: normal;
    width: 60px;
    height: auto;
    box-sizing: border-box;
    line-height: normal;
    
     border: 1px solid #1f6da0;
    background-color: #519ED2;
    color: #fff !important;
    
}

.btnCancelClientEnableForm {
   cursor: pointer;
    font-size: 14px;
    display: inline-block;
    padding: 4px 10px;
    min-width: 110px;
    text-align: center;
    text-decoration: none !important;
    margin-bottom: 10px;
    border: 1px solid #519ED2;
    -moz-border-radius: 0;
    border-radius: 0;
    font-weight: normal;
    background-color: #ffffff;
    color: #519ED2 !important;
    width: 60px;
    height: auto;
    box-sizing: border-box;
    line-height: normal;
}

.btnSignOffLegacy {
    cursor: pointer;
    height: 25px;
    font-size: 12px;
    font-family:  "Segoe UI", Helvetica, Arial, Sans-serif;
    margin: 3px;
    min-width: 100px;
}

#smartRibbon_DashboardGroup_ViewDashboardRibbonBtn {
    float: none;
}
/*work around chrome rendering bug */

div.configInfo {
    border: 1px solid #dfdfdf;
    text-align: right;
    padding-right: 25px;
    background-color: #ececec;
    height: 20px;
    left: 0px;
    clear: both;
}

.configInfoLabel {
    width: 100px;
    font: 600 10px "Segoe UI", Helvetica, Arial, Sans-serif;
    padding-right: 5px;
    padding-left: 5px;
}

div.configInfo span {
    font: 600 10px "Segoe UI", Helvetica, Arial, Sans-serif;
    color: #336699;
    margin-right: 25px;
}

iframe.headerIframe, body.headerFrame {
    background-color:#EDF3F7;
}
body.headerFrame {
    display:none;
}
.pageHeader {
    overflow: hidden;
    height: 45px;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #262626;
}

.pageHeader .HeaderCenterCell {
    background-color: #EDF3F7;
    /* border: 1px solid #DCDCDC; */
    /* border-top: 3px solid #00B8F1; */
    padding: 12px 6px 9px 12px !important;
    margin: 0px !important;
    height: 24px !important;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif !important;
    font-size: 18px !important;
    font-weight: normal !important;
    color: #262626 !important;
    position: fixed;
    width: 100%;
    z-index: 999;
}

.pageHeader .HeaderDisplay td {
    padding: 0px;
}

.mainHeaderLegacy,
.mainHeaderLegacySetup,
.mainHeader {
    height: 95px;
    padding: 0px 3px 10px 0;
    overflow: hidden;
    background-color: #EDF3F7;
    font-size: 12px;
}


.mainHeaderLegacy.withRecordNumberHeader,
.mainHeaderLegacySetup.withRecordNumberHeader,
.mainHeader.withRecordNumberHeader {
    height: 136px;
}


.topPageHeader{
    width: 100%;
    height: 41px;
    display: block;
    color: #262626;
    font-size: 18px;
    text-rendering: optimizeLegibility;
    padding: 9px 0px 0px 12px;
    box-sizing: border-box;
    white-space: nowrap;
}

.topPageHeader div.recordNumber,  .topPageHeader div.stepName {
    display: inline-block;
    vertical-align: middle;
    color: #262626;
    font-size: 18px;
    text-rendering: optimizeLegibility;
}



.mainHeaderLegacy,
.mainHeaderLegacySetup {
    background: #EDF3F7 !important;
    height: 60px;
    padding: 0px;
    border: none;
}
.mainHeaderLegacy .npcHeaderLabel,
.mainHeaderLegacySetup .npcHeaderLabel {
    border: none;
}

    .mainHeader.docHeader {
        height: 110px;
    }

    .mainHeader .lcontainer {
        display: none;
    }

    .mainHeader .rcontainer {       
        width: 100%;
        height: 95px;
        background-color: transparent;
    }

    .mainHeader.docHeader .rcontainer.docHeader {
        height: 110px;
    }

        .mainHeader.docHeader .rcontainer.docHeader ul.formULHeader {
            width: 20%;
        }

    .mainHeader .rcontainer .formField {
        padding: 0 10px 0 10px;
    }

UL.formUL {
    list-style-type: none;
    padding: 0px;
}

LI.formLI {
    padding-top: 1px;
    padding-bottom: 1px;
    display: inline;
    white-space: normal;
    margin: 0 0 0 3px;
    vertical-align: top;
}

.mainHeader li.formLIRecordNumber SPAN.npcUnboundLabel {
    color: #273137;
    float: left;
    font-size: 24px;
    font-weight: bolder;
}

.mainHeader li.formLIRecordNumber A.pTextBox-textview {
    color: #273137;
    float: left;
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 24px;
    font-weight: normal;
    /*margin-top:-3px;*/
    text-decoration: none;
    text-shadow: 0px 1px 0px #fff;
}

DIV.formField {
    margin: 0px 0px 0px 0px;
    /*min-height: 20px;*/
}

UL.formULHeader {
    float: left;
    list-style-type: none;
    padding: 0;
    margin: 0 !important;
    width: 25%;
    color: #362b36;
    overflow: hidden;
    height: 46px;
}

LI.leftFormLI {
    padding-bottom: 1px;
    display: inline-block;
    white-space: normal;
    margin: 0px;
    vertical-align: top;
    width: 16em;
    /*background-color:#F2F5F7;	*/
}

LI.formLIBottom {
    display: block;
}

.formULHeader .npcTextView, .formULHeader .npcEnumView, .formULHeader .npcHyperLink, .formULHeader .npcUnboundHyperLink{
    margin-top: 0;
}


LI.leftFormLI div.control-container span.labelSpan {
    display: inline-block;
    padding-left: 3px;
    /* padding-bottom: 4px; */
    color: #333;
    margin: 0;
    min-height: 0px;
    line-height: 1.3em;
}

LI.leftFormLI div.control-container span.labelSpan span.npcUnboundLabel {
    color: #444;
}

.rcontainer.docHeader LI.leftFormLI div.control-container span.labelSpan {
    padding-left: 5px;
    padding-top: 3px;
}

div.rcontainer LI.formLIBottom div.control-container {
    /* padding-left: 7px; */
    /* padding-top: 3px; */
}

.rcontainer.docHeader LI.formLIBottom div.control-container {
    padding-left: 2px;
    padding-top: 1px;
}

.mainHeader .lcontainer div.fromCurrentStep {
    margin-left: 4px;
}

.mainHeader div.fromCurrentStep .pTextBox-textview {
    font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
    font-size: 18px;
    color: #262626;
    font-style: normal;
}

.mainHeader span.labelSpan span.npcUnboundLabel {
    font-weight: 600;
}

.mainHeader span.labelSpan span.Label {
    font-weight: 600;
}

.TopMenuItemButton,
.TopMenuItemOverButton,
.TopMenuItemButtonDisabled {
    background-color: transparent;
    vertical-align: middle;
    text-decoration: none !important;
    width: auto;
    padding: 3px 33px 3px 20px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    background-repeat: no-repeat;
    background-position: right 11px center;
    box-sizing: border-box;
    line-height: 29px;
}

.TopMenuItemButton {
    background-image: url("v91/jqThemes/cupertino/images/Expand Arrow-14-white.png");
    color: #edf8ff;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    
    padding: 3px 33px 3px 20px;
}

.TopMenuItemOverButton {
    background-image: url("v91/jqThemes/cupertino/images/Expand Arrow-14-blue.png");
    background-color: #EDF8FF;
    color: #169bd5;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    padding: 2px 32px 2px 19px;
    line-height: 29px;
    border: 1px solid #519ed2;
}


.TopMenuItemButtonDisabled {
    color:#265473;
    cursor: default;
}

A.MenuItemButtonDisabled, A.MenuItemButtonDisabled:hover {
    background-color: transparent;
    padding-top: 5px;
    cursor: default;
    color:#265473;
    display: block;
    vertical-align: middle;
    font-size: 13px;
    width: auto;
    height: 35px;
    text-align: center;
    text-decoration: none;
    line-height: 29px;
    padding: 3px 13px 3px 20px;
    box-sizing: border-box;
    background-color: #519ed2;
    white-space: nowrap;
}



A.MenuItemButton {
    cursor: pointer;
    color: #edf8ff;
    display: block;
    vertical-align: middle;
    font-size: 13px;
    width: auto;
    height: 35px;
    text-align: center;
    text-decoration: none;
    line-height: 29px;
    padding: 3px 33px 3px 20px;
    box-sizing: border-box;
    background-color: #519ed2;
    white-space: nowrap;
}

A.MenuItemButton:hover {
    background-color: #EDF8FF;
    color: #169bd5;
    padding: 2px 32px 2px 19px;
    border: 1px solid #519ed2;
    text-decoration: none;
 }

.mainApplicationBar {
    padding-bottom: 25px;
    padding-top: 6px;
    background-color: #959fa5;
}

    .mainApplicationBar .logo {
        background-image: url(../images/spritesheet.png);
        background-position: -4px -85px;
        float: left;
        width: 124px;
        height: 23px;
    }

    .mainApplicationBar .exitToPortal {
        background-image: url('../images/spritesheet.png');
        background-position: -242px 0px;
        width: 16px;
        height: 16px;
        float: right;
        cursor: pointer;
        padding-right: 8px;
        padding-left: 15px;
    }

    .mainApplicationBar .help {
        background-image: url('../images/spritesheet.png');
        background-position: -264px 0px;
        width: 16px;
        height: 16px;
        float: right;
        cursor: pointer;
        padding-right: 8px;
        padding-left: 10px;
    }

    .mainApplicationBar .logOut {
        background-image: url('../images/spritesheet.png');
        background-position: -284px 0px;
        width: 16px;
        height: 16px;
        display: inline-block;
        cursor: pointer;
    }

.userInfo {
    text-transform: capitalize;
    padding-right: 5px;
    cursor: pointer;
    float: right;
}

    .userInfo span {
        color: #000000;
    }


span.dc-mega-icon {
}

.frameHeader {
    border-bottom: solid 2px #959FA5;
}

.frameLeft {
    border-right: solid 2px #959FA5;
}

.splitterWrapper {
    padding: 0;
}

.HeaderSplitterPane {
    
}

.DetailParentContainer {
    width: 100%;
    background-color: #F2F5F7;
    padding: 5px;
}

.npcPageHeader {
    background-color: #519ED2;
    min-height: 36px;
    overflow: auto;
}



    .npcPageHeader ul {
        list-style-type: none;
        padding: 0px 2px 0px 2px;
        margin: 0px;
        background-color: #519ED2;
        position: fixed;
        width: 100%;
        z-index: 999;
        /* height: 100%; */
        height: 36px;
    }
    
    .npcPageHeader ul.staticPositionNavMenu {
        position: static;
        box-sizing: border-box;
    }

        .npcPageHeader ul li {
            float: left;
            height: 35px;
            /* border: 1px solid red; */
            /* box-sizing: border-box; */
        }

.genericGridHeader {
    background-image: none !important;
    background-color: #519ED2;
}

    .genericGridHeader h2 {
        height: 38px !important;
        border: none !important;
    }

    .genericGridHeader a.npcLinkButton,
    .genericGridHeader a.npcHyperLink {
        margin-left: 5px;
    }

div#divGroupBy {
    background-color: #519ED2 !important;
    border: solid 1px #cdcdcd !important;
    padding: 3px;
}

    div#divGroupBy span#GroupByClose {
        float: right;
        margin-top: 2px;
        margin-right: 2px;
        cursor: pointer;
    }

    div#divGroupBy span#GroupByTitle {
        display: block;
        text-align: left !important;
        padding: 5px;
        color: white;
    }

.radPanelItemChildGroup {
    min-height: 300px;
}

.approvalBody .approvalBodyForm {
    height: 100%;
}

.approvalBody {
    height: 100%;
    width: 100%;
    display: block;
    margin: 0;
}

.ApprovalViewAndActionPane {
    height: 100%;
    width: 100%;
    margin: 0;
}

.approval {
    height: 94%;
    margin: 0 0 3px 3px;
    padding: 3px 3px 0 0;
    width: 100%;
}

    .approval tr {
        width: 100%;
    }

.approvalBody {
    padding: 0;
    vertical-align: middle;
}

.approvalHeaderPane {
    background: #EDF3F7;
    height: 40px;
    padding: 4px 0 0 12px;
    display: none;
    box-sizing: border-box;
}

    .approvalHeaderPane .npcHeaderData {
        font-size: 18px;
        font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
        color: white;
        vertical-align: middle;
        padding-top: 0px;
        text-rendering: optimizeLegibility;
    }

        .approvalHeaderPane .npcHeaderData a {
            font-size: 18px;
            color: #477dca;
            vertical-align: middle;
            text-decoration: none;
            margin-top: 0;
        }

            .approvalHeaderPane .npcHeaderData a:hover {
                text-decoration: underline;
            }

        .approvalHeaderPane .npcHeaderData span {
            font-size: 18px;
            font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
            color: #262626;
            vertical-align: middle;
            margin-top: 0;
        }

#divDocHeader div.npcHeaderData {
    padding-top: 5px;
    padding-left: 25px;
}

    #divDocHeader div.npcHeaderData,
    #divDocHeader div.npcHeaderData a,
    #divDocHeader div.npcHeaderData span {
        font-size: 12px;
    }

        #divDocHeader div.npcHeaderData img {
            display: inline-block;
            float: left;
            padding-right: 10px;
            margin-top: 1px;
            height: 14px;
        }

.approvalSplitBar {
    display: none;
}

.approvalReadPane {
    vertical-align: top;
}

.approvalRow {
    width: 100%;
}

.approvalActionPane {
    vertical-align: top;
}

.documentReadContainer {
    border: 1px solid grey;
    height: 100%;
    width: 100%;
}

table.signoffTable {
    width: 100%;
}

    table.signoffTable td.npcEdit {
        white-space: normal;
    }

    table.signoffTable td.npcEditLabel a {
        font-weight: normal;
    }

table.documentCertificationTable {
    width: 100%;
    border-spacing: 0;
}

    table.documentCertificationTable td.npcEdit {
        white-space: normal;
        margin: 0;
        vertical-align: middle;
        padding: 0;
    }

    table.documentCertificationTable td.npcEditLabel a {
        font-weight: normal;
        margin: 0;
        vertical-align: middle;
        padding: 0;
    }

    table.documentCertificationTable td div.npcShowHideWithArrowImageExpanded {
        line-height: 35px;
        padding: 2px 0 0 32px;
        background-image: url('../../Images/ArrowExpanded.png');
        background-repeat: no-repeat;
        background-position: 12px 11px;
        cursor: pointer;
        font-weight: normal;
        color: #273137;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        margin: 0;
        margin-top: 0px;
        height: 30px;
        border: 1px solid #aed0ea !important;
        background-color: #D6E9FF;
    }
    
    table.documentCertificationTable td div.npcShowHideWithArrowImageExpanded span { 
        font-size: 14px;
        padding-top: 8px;
        line-height: 1;
        vertical-align: top;
        display: inline-block;
    }

    table.documentCertificationTable td div.npcShowHideWithArrowImageCollapsed {
        line-height: 35px;
        padding: 2px 0 0 32px;
        cursor: pointer;
        font-weight: normal;
        color: #273137; /*#2779aa; */
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        margin: 0;
        margin-top: 0px;
        height: 30px;
        border: 1px solid #aed0ea !important;
        background: #f9f9f9;
        background-image: url('../../Images/ArrowCollapsed.png');
        background-repeat: no-repeat;
        background-position: 12px 11px;
    }
    
    table.documentCertificationTable td div.npcShowHideWithArrowImageCollapsed span { 
        font-size: 14px;
        padding-top: 8px;
        line-height: 1;
        vertical-align: top;
        display: inline-block;
    }

    table.documentCertificationTable td div.npcShowHideWithArrowImageCollapsed:hover {
        margin: 0;
        border: 0;
        color: black;
        background-color: #e8e8e8;
      
    }

.smartDocumentViewBody .smartDocumentViewBodyForm {
    height: 100%;
}

.smartDocumentViewBody {
    height: 100%;
    width: 100%;
    margin: 0;
    display: block;
}

.smartDocumentViewBodyForm {
    height: 100%;
}

.smartDocumentViewHeaderPane {
    background: #EDF3F7;
    height: 35px;
    padding: 0 0 0 12px;
}

    .smartDocumentViewHeaderPane .npcHeaderData {
        font-size: 18px;
        font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
        color: white;
        vertical-align: middle;
        padding-top: 4px;
        text-rendering: optimizeLegibility;
    }

        .smartDocumentViewHeaderPane .npcHeaderData a {
            font-size: 18px;
            color: #477dca;
            vertical-align: middle;
            text-decoration: none;
            margin-top: 0;
        }

            .smartDocumentViewHeaderPane .npcHeaderData a:hover {
                text-decoration: underline;
            }

        .smartDocumentViewHeaderPane .npcHeaderData span {
            font-size: 18px;
            font-family: "Segoe UI", Helvetica, Arial, Sans-serif;
            color: #262626;
            vertical-align: middle;
            margin-top: 0;
        }

.smartDocumentViewReadPane {
    vertical-align: top;
}



/* Error Prompts */

.errorPrompt 
{
    z-index:99999;
    position:absolute;
    left:25%;
    border: 1px solid #9e9e9e;
    background-color: #FCFCFC;
    border-radius: 4px;
    box-shadow: 1px 3px 5px rgba(0,0,0,.2);
    min-height: 80px;
}

.errorHeader
{
	width:450px;
	height: 34px;
	color: #262626;
	font-size: 14px !important;
	padding: 9px 7px 0 9px;
	box-sizing: border-box;
	cursor: move;
	border-bottom: 1px solid #9e9e9e;
	background-color: #f88c8c;
}

.errorHeader A, .errorHeader A:hover
{
	font:bold 12px  "Segoe UI", Helvetica, Arial, Sans-serif;
	color:#ffffff;
	text-decoration:none;
}

.errorHeader IMG
{
	cursor:pointer;
}

.errorHeader SPAN
{
	vertical-align:middle;
}

.errorBody
{
	width:450px;
	box-sizing: border-box;
}

.errorBody UL
{
	margin:10px;
	padding-left:10px !important;
}

.errorBody SPAN
{
	color: #1089cd;
	cursor: pointer;
	/* text-decoration:underline; */
	font-size: 13px;
}

.errorNav {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}

div.errorFooter {
    background-color: #454545;
    height: 3px;
}

ul.displayErrorUL {
    text-decoration: none;
    margin-top: -15px;
}

li.displayErrorLI {
    padding: 5px;
}

.errorDisplay {
    border: 2px solid red;
}

.errorBody LI {
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 5px;
}

span.npcSignatureLabel {
    line-height: 22px;
}

td.npcSignatureLabel, td.npcSignatureControls {
    vertical-align:top;
}
td.npcSignatureLabel span.npcSignatureLabel {
    margin-top: 2px;
    margin-bottom: 7px;
}
td.npcSignatureControls span.passwordID {
   margin-top: 7px;
   display: inline-block;
}
td.npcEdit > input.npcSignatureInput:first-child {
    margin-top: 4px;
}

td.npcEdit input.npcSignatureInput {
    margin-top: 4px;
}

.treeDisplay.SmartDocFolders {
    background-color: #F4F4F4;
}

.rightAlign {
    float: left;
    padding-left: 10px !important;
}

/*** Training Schedule Calendar***/
span.RoundCurrentDate {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    width: 22px;
    line-height: 22px;
    display: inline-block;
    border: 0px solid #519ED2;
    text-align: center;
    color: White;
    background-color: #519ED2;
}

table.CalendarSchedule table.CalendarScheduleTitleStyle * {
    font-size: 12px;
}

table.CalendarSchedule td.CalendarScheduleDayStyle,
table.CalendarSchedule td.ConflictDisplayCssClass,
table.CalendarSchedule td.DisplayCssClass {
    height: 40px;
}

td.ConflictDisplayCssClass > span.HyperLinkCssClass:first-child,
td.DisplayCssClass > span.HyperLinkCssClass:first-child {
    margin-top: 10px;
}

.HyperLinkCssClass {
    margin: 3px 0 3px 15px;
    display: block;
}

    .HyperLinkCssClass a:link {
        color: #1089cd;
    }

.HolidayTextCssClass {
    padding-left: 10px;
    margin-bottom: 7px;
    color: black;
    display: inline-block;
}

td.PortalHeaderTableCell {
    line-height: 26px;
    padding: 0;    
    font-weight: normal;
    color: #273137;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin: 0;
    margin-top: 0px;
    height: 28px;
    border: 1px solid #aed0ea !important;
    background-color: #D6E9FF;
}

    td.PortalHeaderTableCell td.HeaderCenterCell {
       color: #273137;
       font-size: 14px;
    }
/*** End of Training Schedule Calendar***/

.pnlMultiColumnSearch {
    display: table;
    min-width: 100%;
}

    .pnlMultiColumnSearch .npcPanelHeader {
        overflow: hidden;
    }

        .pnlMultiColumnSearch .npcPanelHeader span {
            width: 100%;
        }

.AdvSearchGridCell {
    padding: 5px 0;
}

.MultiColumnAdvancedSearchGrid {
    width: 100%;
    max-width: 1100px;
}

    .MultiColumnAdvancedSearchGrid td.FilterCell select, .MultiColumnAdvancedSearchGrid td.FilterCell input, .MultiColumnAdvancedSearchGrid td.FilterCell table {
        width: 100% !important; /*keeping inline width style for backward compatibility with legacy*/
        box-sizing: border-box;
        margin-left: 0;
        border-radius: 0;
    }


    .MultiColumnAdvancedSearchGrid td.FilterCell {
        padding: 3px 0 3px 5px;
    }

    .MultiColumnAdvancedSearchGrid td.OpenGroup, .MultiColumnAdvancedSearchGrid td.CloseGroup {
        width: 4%;
        min-width: 36px;
    }

    .MultiColumnAdvancedSearchGrid td.Field {
        width: 30%;
    }

        .MultiColumnAdvancedSearchGrid td.Field .FieldColumnDropdown {
            table-layout: fixed;
            min-width: 150px;
        }
        
        .MultiColumnAdvancedSearchGrid td.Field .FieldColumnDropdown input {
            background-color: white !important;
        }

        .MultiColumnAdvancedSearchGrid td.Field .SearchTreeTextBox {
            padding-right: 18px;
        }

            .MultiColumnAdvancedSearchGrid td.Field .SearchTreeTextBox::-ms-clear {
                display: none;
            }

        .MultiColumnAdvancedSearchGrid td.Field .SearchTreeDropdownTD {
            width: 0;
        }

        .MultiColumnAdvancedSearchGrid td.Field .SearchTreeDropdownDiv {
            position: relative;
        }

    .MultiColumnAdvancedSearchGrid td.Condition {
        width: 15%;
        min-width: 70px;
    }

    .MultiColumnAdvancedSearchGrid td.SearchValue {
        width: 40%;
    }

    .MultiColumnAdvancedSearchGrid td.Operator {
        width: 6%;
        min-width: 50px;
    }

    .MultiColumnAdvancedSearchGrid td.DeleteRow {
        width: 3%;
    }

        .MultiColumnAdvancedSearchGrid td.DeleteRow input[type=image] {
            width: auto !important;
        }

tr.npcDataGridPagerStyle td a, tr.npcDataGridPagerStyle td span {
    font-size: 12px;
    padding-left: 2px;
    padding-right: 2px;
    display: inline-block;
    padding-top: 6px;
    height:20px;
}

table.npcgridTableDefaultLayout {
    table-layout: auto !important;
}

.npcHtmlInputFileContainerPosition {
    margin-top: 5px;
    padding-left: 6px !important;
}

.npcViewLinkContainer {
    padding-left: 10px !important;
}

.npcNoWrap {
    white-space: nowrap !important;
}

.npcSelectContainer {
    padding: 2px 2px 3px 0px !important;
}

.splitRowElement {
    display: inline-block;
    padding-top: 2px;
    padding-bottom: 3px;
}

.imgComplete {
    padding-left: 4px;
}

.trainerName {
    vertical-align: initial;
}

.npcCheckBoxContainer .npcCheckBox, .npcCheckBoxContainer .labelSpan {
    display: inline-block;
    padding-top: 5px;
    float: left;
    min-width: 0px;
}

span.npcCheckBox {
  padding-top: 8px;
  display: inline-block;
}

.ScormUploadFile {
    width: 85%;
}

.ChromeFFHideDummyPWDCol {
    position: absolute !important;
    left: -100000px !important;
}

.SafariHideDummyPWDCol {
    height: 0 !important;
    width: 0 !important;
    border: 0 !important;
    position: absolute !important;
    padding: 0px !important;
}

.npcSignatureControls input{
    margin-top: 10px;
    border: 1px solid #A2A2A2;
    padding: 4px 3px 4px 3px;
    line-height:1.4em;
    display: inline;
    color: #000;
    margin-left: 3px;
    box-shadow: 0 1px 0 #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
}

.treeHeaderSection {
    padding: 7px 0 0 5px;
    height: 28px;
    box-sizing: border-box;
}


.SignOffPurpose{
    font-size: 14px;
    font-weight: 600;
}


.npcHyperLink, .npcUnboundHyperLink {
    display: inline-block;
    margin-top:10px;
}

td.npcView a:link, td.npcView  a:visited {
    margin-top: 10px;
    display: inline-block;
}

td.npcSignatureAlert {
	font-style: italic;
	color: #666666;
	padding: 10px 15px 10px 10px;
}
td.npcSignatureAlert span {
	display: inline;
}
td.npcSignOffRightRow {
	padding-right: 15px;
}
td.npcSignOffButtons {
	padding-right: 15px;
	padding-top: 10px;
}



.showRequired .Required,
.npcDataGridItemStyle .Required, 
.npcDataGridItemStyle .npcRadioButtonListRequired, 
.npcDataGridItemStyle .npcCheckBoxRequired,
.npcDataGridAlternatingItemStyle .Required, 
.npcDataGridAlternatingItemStyle .npcRadioButtonListRequired, 
.npcDataGridAlternatingItemStyle .npcCheckBoxRequired,
.npcCollectionGridItemStyle > td > .Required,  /*Exception Reference, Gen2 Published form*/
.npcCollectionGridItemStyle > td > .npcRadioButtonListRequired, 
.npcCollectionGridItemStyle > td > .npcCheckBoxRequired,
.npcCollectionGridAlternateItemStyle > td > .Required, 
.npcCollectionGridAlternateItemStyle > td > .npcRadioButtonListRequired, 
.npcCollectionGridAlternateItemStyle > td > .npcCheckBoxRequired { 
    border-left:solid 3px #F88C8C !important;
}





#floatingLogoutLink {
    position: fixed !important;
    top: 0 !important;
    right: 10px !important;
    padding: 9px 15px !important;
    z-index: 2000 !important;
    border-top: 0 !important;
    background-color: #f6f6f6 !important;
    color: #1089cd !important;
    font-size: 13px;
    text-decoration: none !important;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    display: block !important;
    border: 1px solid #519ed2 !important;
    border-top: 0 !important;
    line-height: 1;
}

#floatingLogoutLink:hover{
    text-decoration: none !important;
    color: white !important;
    background-color: #63acdd !important;
    border-color: #555 !important
}

/*special cases for Crystal Report filters because of weird display */
#SmartReportViewer #ParameterCollector .npcEditLabel {
    padding-top: 10px;
}

#SmartReportViewer #ParameterCollector td.npcCheckBox {
    padding-bottom: 13px;
}

.labelGroup {
    margin-top: 5px;
    display: inline-block;
    min-height: 26px;
    vertical-align: top; 
}
.labelGroup Span.labelSpan {
    margin-top: 0;
    min-height: 0;
    line-height:1.3em;
}

a.AdminModeLink {
    float: right;
    margin-right: 8px;
    margin-top: 8px;
}

span.NoteToApprover {
    max-width: 500px;
    word-wrap: break-word;
    margin-left: 9px;
}


.GridRowBorder table.FixedWidthTable td { /*Issue | Product Correction Task */
    padding: 5px;
}

.GridRowBorder table.FixedWidthTable td Span.labelSpan { /*Issue | Product Correction Task */
    margin: 0;
    min-height: 0;
}

.GridRowBorder td.npcFormLabelTop { /*Issue | Product Correction Task */
    overflow:hidden;
}
.npcSignatureMeaning {
	display: block;
	margin-bottom: 5px;
	margin-left: 3px
}