th, td {
    margin: 0;
    padding: 0;
}


body {
    text-align: center;
    font-family: Arial;
    font-size: smaller;
    font-weight: normal;
    background-color: #FFFFFF;
}



#header {
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 140px; /*background-image: url(images/Header.gif);*/
    text-align: center;
}

#header2 {
    background-position: left;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%; /*background-image: url(../../Images/ICNTheader.png);*/
    background-image: url(/Images/Logo.PNG);
    background-repeat: no-repeat;
}

#loginbox {
    position: absolute;
    top: 0px;
    right: 10px;
    width: 180px;
    height: 200px;
    padding: 2px 2px 2px 2px;
    font-size: 10px;
    text-align: right;
}

    #loginbox input {
        color: red;
        border-color: red;
        background-color: #f7d582;
        font-size: 10px;
    }

.Footer {
    background-color: #408484;
}



.yuidivIE {
    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
}


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

a.linkify {
    border-style: none none solid none;
    color: #0054D2;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
}

    a.linkify:hover {
        border-style: none none solid none;
        color: #CC0000;
        border-bottom-width: 1px;
        border-bottom-color: #333333;
    }

.DivBorder {
    border-color: #336666;
    border-width: 1px;
    border-style: solid;
}

.tblBorder {
    border-color: #336666;
    border-width: 1px;
    border-style: solid;
}

.menuBarBody {
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 2px;
}

.menuStaticItem {
    color: black;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    height: 32px;
    margin-left: 4px;
    margin-right: 4px;
    border-right: #339999 0.1mm dotted;
    padding-right: 0px;
    padding-left: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #9C9A9C; /*border-left: #339999 1px dotted;     */
}

/*.menuStaticItem:hover
{
    color: #006666;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    height: 32px;
    margin-left: 4px;
    margin-right: 4px;
    border-right: #339999 1px dotted;
    border-bottom: #ff6666 0.5mm solid;
    cursor: pointer;
}*/

div.rounded-border {
    border: 1px solid lightgray;
    padding: 7px 10px 8px;
    border-radius: 4px;
    box-shadow: inset 0 7px 8px -10px grey, inset 0 -7px 7px -10px grey;
    margin: 3px 0;
}

.MenuBorder {
    border-top-color: #336666;
    border-top-width: 0.5px;
    border-top-style: solid; /*border-bottom-width: 1px; 	border-bottom-style: solid; 	border-bottom-color: #336666;*/
    background-image: url(/Images/menuorg.gif);
}

.MenuSelectedStyle {
    text-decoration: none;
    color: #006563;
    border-top-color: #336666;
    border-top-width: 0.5px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    background-color: #FFFFFF;
    margin-left: 2px;
    margin-right: 2px;
    height: 32px;
    vertical-align: middle;
    padding-bottom: 1px; /*     border-right: #339999 1px dotted; 	background-repeat:repeat-x; 	  	     border-bottom: #ff6666 0.5mm solid;     */
}



.InstructionText {
    font-style: italic;
    font-size: 10px;
    font-weight: bold;
    color: Black;
}

.ForLogin {
    background-color: White;
    color: Black;
    font-size: 11px;
    font-weight: bold;
    font-family: Arial;
}

.Forusername {
    vertical-align: bottom;
    padding-bottom: 12px;
    color: White;
}

.ForLinkButton {
    color: White;
    text-decoration: none;
}

table.modalPopUpTable {
    border: 1px solid #8BABC7;
    padding-left: 0px;
    font-family: Arial;
    font-size: smaller;
    font-weight: normal;
}

ol.radioButtonList li {
    display: block;
    margin: 2px 4px 2px 4px;
    padding: 3px;
    vertical-align: middle;
}

    ol.radioButtonList li label {
        margin-left: 8px;
    }

/* suman*/
table.withBorderAndBackground {
    border: 1px solid #8BABC7;
    padding-left: 0px;
    background-color: #F2F2F2; /*background-color:#D1E3F1;*/
}

/* suman*/
td.title {
    text-align: Left;
    font-family: Arial;
    font-size: large;
    font-weight: normal;
    color: #136E6E;
    border-bottom-color: Black;
    border-bottom: 1;
    padding-bottom: 4px;
}


/* suman*/
td.title1 {
    text-align: left;
    font-family: Arial;
    font-size: 18px;
    font-weight: normal;
    text-align: Left;
    color: #000000;
    border-bottom-color: Black;
    border-bottom: 1;
    padding-bottom: 4px;
    background-color: #E6E6E6;
}



.toptitle {
    padding-right: 2px;
    padding-left: 2px;
}




/* suman*/
td.subtitle1 {
    text-align: Left;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #136E6E;
    border-bottom-color: Black;
    border-bottom: 1;
    padding-bottom: 2px;
}

/* suman*/
td.subtitle {
    text-align: Left;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #136E6E;
    border-bottom-color: Black;
    border-bottom: 1;
    padding-bottom: 2px;
    background-color: #F3f3f3;
}


td.subtitle2 {
    text-align: Left;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #136E6E;
    border-bottom-color: Black;
    border-bottom: 1;
    padding-bottom: 2px;
    background-color: #F3f3f3;
}

.Labelsubtitle {
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: Black;
    border-bottom-color: Black;
    border-bottom: 1;
    padding-bottom: 2px;
}


/* suman*/
.textbox {
    padding: 0px;
    color: Black;
    border: inset 1px #708090;
    height: 16px;
    font-size: 11px;
    width: 80%;
}

/* suman*/

.toplink {
    height: 20px;
    text-align: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 6px;
}

.tbBgCreateContract {
    background-color: #F2F2F2; /*background-color:#DDDDDD;*/
}

.tdBgCreateContract {
    background-color: #DDDDDD;
    color: #003333;
    font-size: 14pt;
    font-family: Arial;
}

.TabbedMenu {
    color: black;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    cursor: pointer;
    background-image: url(/Images/menuorg.gif);
    background-repeat: repeat-x;
    height: 34px;
}

.HideTemplatePanel {
    display: none;
}


.ForCreateContractDivtext {
    color: #6B6B6B;
    font-family: Arial;
    font-size: 10pt;
}

.boldGreen {
    color: #006699;
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
}

.tbBgCreateTemplate {
    background-color: #F9FBFB;
    border-width: 1px;
    border-color: black;
    border-style: solid;
}

.tdBgCreateTemplate {
    background-color: #EBF1F1;
}


.DropDownList {
    padding: 0px;
    color: Black;
    border: inset 1px #708090;
    height: 20px;
    font-size: 11px;
    width: 80%;
    background-color: #FAFAFA;
}

.DropDownListAddress {
    padding: 0px;
    color: Black;
    border: inset 1px #708090;
    height: 20px;
    font-size: 11px;
    width: 100%;
    background-color: #FAFAFA;
}

td.Datalabel {
    text-align: right;
    font-size: 11px;
    font-family: Arial;
    font-weight: bold;
}

td.Datalabel1 {
    text-align: left;
    font-size: 11px;
    font-family: Arial;
    font-weight: bold;
}

td.Emptylabel {
    align: left;
    text-align: left;
}

td.WithData {
    text-align: left;
    font-size: 11px;
    font-family: Arial;
    font-weight: bold;
}

.RadioButtonList {
    padding: 0px;
    font-family: Arial;
    font-size: 11px;
    text-align: left;
}

.LabelText {
    font-family: Arial;
    font-size: 11px;
}

.NotificationSentLabel {
    font-family: Arial;
    margin-left: 78%;
    color: red;
    font-size: 15px;
    font-weight: bold;
}




.topIconBack {
    margin: 0px;
    background-image: url(/Images/top_icon_bg-s.gif);
    height: 20px;
    background-repeat: repeat-x;
}

.SidetopIconBack {
    margin: 0px;
    background-image: url(/Images/Sidetop_icon_bg.gif);
    height: 20px;
    background-repeat: repeat-x;
    width: 24px;
}

.topMenuItem {
    border-right: #136e6e 1px dotted;
}

.ForLinkButton {
    color: #136e6e;
    text-decoration: none;
    font-weight: bold;
    font-size: 8pt;
}

.ForSelectedLinkButton {
    color: #008200;
    font-weight: bold;
    font-size: 8pt;
}

.ForUnderLineLinkButton {
    color: #136e6e;
    text-decoration: underline;
    font-weight: bold;
    font-size: 8pt;
}

.ForAttachmentUnderLineLinkButton {
    color: #136e6e;
    text-decoration: underline;
    font-weight: bold;
    font-size: 10pt;
}


.textFieldTheme {
    color: #000000;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    font-size: 11px;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    background-color: #FAFAFA;
    height: 16px;
    display: block;
    background: #FFFFFF url(/Images/text-bg.gif) repeat-x scroll 0 0;
}

    .textFieldTheme:disabled {
        background: gainsboro;
    }

.textFieldTheme1 {
    color: #000000;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    font-size: 11px;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    background-color: #FAFAFA;
    height: 16px;
    width: 80%;
    background: #FFFFFF url(/Images/text-bg.gif) repeat-x scroll 0 0;
}

.textFieldTheme2 {
    color: #000000;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    font-size: 11px;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    background-color: #FAFAFA;
    height: 16px;
    width: 77%;
    background: #FFFFFF url(/Images/text-bg.gif) repeat-x scroll 0 0;
}

.textFieldThemeaddress {
    color: #000000;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    font-size: 11px;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    background-color: #FAFAFA;
    height: 16px;
    width: 100%;
    background: #FFFFFF url(/Images/text-bg.gif) repeat-x scroll 0 0;
}

.textForgotpwd {
    color: #000000;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    font-size: 11px;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    background-color: #FAFAFA;
    height: 16px;
    width: 80%;
    background: #FFFFFF url(/Images/text-bg.gif) repeat-x scroll 0 0;
}

.TableFieldTextEdit {
    color: #000000;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    font-size: 11px;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    background-color: #FAFAFA;
    height: 18px;
    width: 150px;
    min-width: 80px;
    background: #FFFFFF url(/Images/text-bg.gif) repeat-x scroll 0 0;
}

.smalltextField {
    color: #000000;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    font-size: 11px;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    background-color: #FAFAFA;
    height: 16px;
    width: 50%;
    background: #FFFFFF url(/Images/text-bg.gif) repeat-x scroll 0 0;
}


.textAreaTheme {
    color: #000000;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    font-size: 11px;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    background-color: #FAFAFA;
    background: #FFFFFF url(/Images/text-bg.gif) repeat-x scroll 0 0;
}

.multilinetextField {
    color: #000000;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    font-size: 11px;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    background-color: #FAFAFA;
    height: 46px;
    width: 80%;
    background: #FFFFFF url(/Images/text-bg.gif) repeat-x scroll 0 0;
}


.buttonTheme {
    color: #003333;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    vertical-align: middle;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    font-weight: bold;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 1px;
    padding-top: 0px;
    background-image: url(/Images/button-normal.gif);
    background-color: gainsboro;
    background-color: Transparent;
    height: 26px;
}

.buttonThemeDisable {
    color: grey;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    vertical-align: middle;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    font-weight: bold;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 1px;
    padding-top: 0px;
    /*background-image: url(../../Images/button-normal.gif);
    background-color: gainsboro;
    background-color: Transparent;*/
    height: 26px;
}

.buttonred {
    color: white;
    cursor: pointer;
    display: block;
    float: left;
    height: 22px;
    line-height: 20px;
    text-align: center;
    width: 70px;
    background-color: grey;
}

.buttonreddisable {
    color: white;
    cursor: pointer;
    display: block;
    float: left;
    height: 22px;
    line-height: 20px;
    text-align: center;
    width: 70px;
    background-color: #900;
}

.button-padding {
    padding-left: 10px;
    padding-right: 10px;
}

.buttonThemeForApply {
    color: #003333;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    font-size: 8pt;
    vertical-align: middle;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    font-weight: bold;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 1px;
    padding-top: 0px;
    background-image: url(/Images/button-normal.gif);
    background-color: gainsboro;
    background-color: Transparent;
    height: 20px;
}


.welcomeText {
    color: black; /*#136E6E;*/
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
}


.ForDownLoadLink {
    color: #006699;
    text-decoration: none;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
}


.MyGridView {
}


.MyGridViewHeader {
    background-color: #659898;
    color: White;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
}


.TableFieldGridHeader {
    /*background-image: url(../../Images/gridImages/grid3-hrow.gif);*/
    background-color: #95b5e3;
    color: Black;
    height: 24px;
    font-weight: bold;
    font-size: 11px;
    color: #003333;
    font-family: Arial;
}

div.gridHeaderContainer {
    margin: 3px;
}

    div.gridHeaderContainer span {
        cursor: pointer;
    }

.TableFieldGridFooter {
    color: Black;
    height: 25px;
    font-weight: bold;
    font-size: 11px;
    color: #003333;
    font-family: Arial;
    background-color: #F2F2F2;
    text-align: left;
}


.TableFieldGridFooterSelected {
    color: Black;
    height: 25px;
    font-weight: bold;
    font-size: 11px;
    color: #003333;
    font-family: Arial;
    background-color: #F0E8AA;
}



.TableFieldGridPager {
    background-color: #D4E1F2;
    color: #000000;
    font-family: Arial;
    font-size: 10pt;
    text-decoration: none;
    background-image: url(/Images/gridImages/bg.gif);
    height: 28px;
}

.TableFieldGridRow {
    color: #000000;
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    background-color: #FFFCFC;
    text-align: left;
    height: 20px;
}

.TableFieldGridRowCenterAllign {
    color: #000000;
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    background-color: #FFFCFC;
    text-align: center;
    height: 20px;
}



.MyGridViewRow {
    color: #000000;
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
    background-color: #FFFFFF;
    text-align: left;
}

.MyGridViewAlternateRow {
    color: #000000;
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
    background-color: #EFEFEF;
    text-align: left;
}

.MyGridViewSelectedRow {
    background-color: #659898;
    height: 25px;
    text-align: left;
    color: White;
    border-top: #FFFFFF 1px solid;
    border-left: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
}


    .MyGridViewSelectedRow a {
        color: White;
    }


.MyGridViewEmptyData {
    text-align: center;
    font-family: Arial;
    font-size: 12pt;
    font-weight: normal;
    color: #136E6E;
}

.MyGridViewLinkButton {
    color: #136e6e;
    text-decoration: underline;
    font-weight: bold;
    font-size: 8pt;
}

.MyGridViewLinkButton_NormalFont {
    color: #136e6e;
    text-decoration: underline;
    font-weight: normal;
    font-size: 10pt;
}

.MyGridViewLinkButton_NormalFontForContract {
    color: #136e6e;
    text-decoration: underline;
    font-weight: bold;
    font-size: 9pt;
}

.AllContractsLinkButton {
    color: #136e6e;
    text-decoration: underline;
    font-weight: bold;
    font-size: 10pt;
}

.MyGridViewLabel {
    color: Black;
    font-size: 8pt;
}

.MygridViewStrikeLinkButton {
    color: #136e6e;
    text-decoration: underline;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: line-through;
}

.MygridViewStrikeLabel {
    text-decoration: line-through;
}

.Label {
    color: #006699;
    text-decoration: none;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
}



.Hyperlink {
    color: #136E6E;
    text-decoration: none;
    text-decoration: underline;
    color: Blue;
}


.TaskSummaryLink {
    color: #136e6e;
    text-decoration: underline;
    font-weight: bold;
    font-size: 10pt;
}


.FormHeader {
    text-align: left;
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    color: #006666;
    border-bottom: #cccccc 1px dotted;
    padding-bottom: 4px;
}


.FormHeaderGoogleExport {
    text-align: left;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #006666;
    border-bottom: #cccccc 1px dotted;
    padding-bottom: 4px;
}

.FormHeaderGoogleExportNoBorder {
    text-align: left;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #006666;
}


.FormHeaderAttachment {
    text-align: left;
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    color: #006666;
}

.tbBgDashBoard {
    background-color: #F2F2F2;
}


.FormHeaderNoBorder {
    text-align: left;
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    font-size: 14pt;
    color: #006666; /* border-bottom: #cccccc 1px dotted;*/
    padding-bottom: 0px;
}


.ThemeDropdown {
    color: #000000;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    font-size: 11px;
    background-color: #FAFAFA;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
}


.StageThemeDropdown {
    color: #000000;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    font-size: 11px;
    background-color: #FAFAFA;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    z-index: 10000000000;
    position: relative;
}

.ThemeUpload {
    color: #000000;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    font-size: 11px;
    background-color: #f3f3f3; /*width: 250px;*/
    width: 80%;
}

    .ThemeUpload.Red {
        background-color: red !important;
    }


.AttachmentThemeUpload {
    color: #000000;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    font-size: 11px;
    background-color: #f3f3f3; /*width: 250px;*/
    width: 53%;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.shadetabsdiv {
    border-bottom: 1px solid gray; /* width: 90%; width of menu. Uncomment to change to a specific width */
    margin-bottom: 2px;
    background-color: #ffffff;
    width: 99%;
}


.shadetabs {
    text-decoration: none;
    margin-right: 3px;
    border: 1px solid #778;
    color: #000000;
    background: white url(/Images/shade.gif) top left repeat-x;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 0px;
    padding-top: 3px;
    cursor: pointer;
    text-decoration: none;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
}

.shadetabsActive {
    text-decoration: none;
    margin-right: 3px;
    border: 1px solid #778;
    color: #2d2b2b;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 0px;
    padding-top: 4px;
    background-image: url(/Images/shadeactive.gif);
    border-bottom-color: White;
    cursor: pointer;
    color: #006666;
    text-decoration: none;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
}

.shadetabs label {
    cursor: pointer;
}

.shadetabs a:hover, a, a:active, a :visited {
    text-decoration: none;
    color: #000000;
}

    .shadetabs a:active, a :visited {
        text-decoration: none;
        color: #33ccff;
        color: #006666;
    }

.ForMessage {
    font-size: 11px;
    font-family: Arial;
    font-weight: bold;
    color: Green;
}


.chktexttheme {
    color: #000000;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    font-size: 11px;
    height: 16px;
    width: 100%;
}

.headContractSummaryback {
    background-color: #ffffff;
    /*height: 50px;*/
    margin-bottom: 0px;
}

.headContractSummaryText {
    font-weight: bold;
    font-size: 22px;
    color: #003333;
    font-family: Arial;
    margin-left: 20px;
}



.ContractMiniSummaryHeading {
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    font-family: Arial;
    text-align: right;
    padding-right: 5px;
    height: 20px;
    vertical-align: top;
    padding-top: 5px;
    width: 125px;
}

    .ContractMiniSummaryHeading span {
        padding-right: 5px;
    }

.ContractFieldsMiniSummaryHeading {
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    font-family: Arial;
    text-align: right;
    width: 150px;
    height: 20px;
}


.ContractMiniSummaryBack {
    border-bottom: #669999 1px solid;
    background-color: #FFFCFC;
}


.ContractMiniSummaryText {
    font-size: 11px;
    color: #000033;
    font-family: Arial;
    text-align: left;
    padding-left: 2px;
    height: 20px;
    font-style: normal;
    font-weight: normal;
    vertical-align: top;
    padding-top: 5px;
}


.ContractFieldsMiniSummaryText {
    font-size: 11px;
    color: #000033;
    font-family: Arial;
    text-align: left;
    height: 20px;
    font-style: normal;
    font-weight: normal;
}

.ContractAttachmentText {
    font-size: 11px;
    color: #000033;
    font-family: Arial;
    text-align: left;
    height: 20px;
    font-style: italic;
    font-weight: normal;
}

.CommonFieldContainer {
    width: 99%;
    margin-top: 6px;
    margin-bottom: 2px;
    margin-right: 2px;
    border-right: #adadad 1px dotted;
    border-top: #adadad 1px dotted;
    border-left: #adadad 1px dotted;
    border-bottom: #adadad 1px dotted;
}

.CommonFieldHeadingText {
    font-weight: bold;
    font-size: 11px;
    color: #003333;
    font-family: Arial, Verdana;
    margin-left: 11px;
    vertical-align: middle;
}

.CommonFieldHeading {
    width: 100%;
    height: 25px;
    font-weight: bold;
    font-size: 15px;
    font-family: Arial; /*background-image: url(../../Images/button-normal.gif);*/
    background-color: whitesmoke;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}

.NewAutoFieldGroup .CommonFieldHeading {
    background-color: #0f0;
}

.NewGroupSuperscript {
    display: none;
    color: red;
}

.NewAutoFieldGroup .NewGroupSuperscript {
    display: inline;
}

.CommonGroupFieldHeading {
    width: 100%;
    font-weight: bold;
    font-size: 15px;
    font-family: Arial;
    background-color: seashell;
    border-right: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}

.expandCollapse {
    width: 15px;
    height: 15px;
    cursor: pointer;
}


.CommonFieldBody {
    width: 100%;
    background-color: #FFFCFC;
}

.CommonFieldTextBox {
    color: #003333;
    font-family: Arial;
    margin-left: 12px;
    margin-right: 12px;
    vertical-align: middle;
    font-size: 11px;
    width: 100%;
    background: #FFFFFF url(/Images/text-bg.gif) repeat-x scroll 0 0;
    border: 1px solid #B5B8C8;
    margin-bottom: 5px;
}

.CommonFieldDisplayBox {
    color: #003333;
    font-family: Arial;
    font-size: 11px;
    margin-left: 12px;
    vertical-align: middle;
    width: 96%;
    margin-top: 0px;
    margin-bottom: 4px;
    min-height: 0px;
}


.CommonFieldTextBoxContainer {
    color: #003333;
    font-family: Arial;
    margin-left: 0px;
    vertical-align: middle;
    width: 96%;
    margin-top: 1px;
    margin-bottom: 10px;
}

.headerDiv {
    background-color: #FFFFFF;
    padding: 1px 1px 1px 1px;
    width: auto;
    height: auto;
    text-align: Left;
    border-style: solid;
    border-width: thin;
    border-color: #FCEEBF;
    font-family: Arial-Black,Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: normal;
    color: Black;
}

.subheaderDiv {
    background-color: #FBFCFC;
    padding: 2px 6px 6px 2px;
    width: auto;
    height: auto;
    text-align: left;
    border-style: solid;
    border-width: thin;
    border-color: #EAF4F9;
    font-size: 10pt;
    font-weight: bold;
    color: Red;
}


.gvDiv {
    background-color: #DAE9E8;
    padding: 2px 2px 2px 2px;
    width: auto;
    height: auto;
    text-align: center;
    border-style: solid;
    border-width: thin;
    border-color: #7CD3FC;
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: small;
    font-weight: normal;
    color: black;
    text-align: center;
}

.Normal {
    padding-right: 4px;
    padding-left: 10px;
}

.ContracttopLinksBack {
    border-bottom: 1px solid gray;
    background-color: #f9f9f9;
}


.DropDownListtopLinksBack {
    padding: 0px;
    color: Black;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    height: 14pt;
    font-size: 10pt;
    background-color: #FAFAFA;
}


.CalenderNoUnderLine {
    text-decoration: none;
    line-height: 1;
    font-size: 8pt;
}

.Calender {
    color: #136E6E;
    text-decoration: underline;
    font-weight: bold;
    line-height: 1;
    font-size: 8pt;
}

.CalenderWeekHeader {
    color: black;
    font-size: 8pt;
    font-weight: bold; /*padding-left:5px;*/
    text-align: center;
}

.CalenderTitle {
    color: black;
    font-weight: bold; /*background-color:#E8E8E8;*/
}

.CalenderNextPrev {
    text-align: center;
}

.CalenderDayStyle {
    font-size: 8pt;
}

/*Suman*/
.Loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    text-align: center;
    float: right;
}



.CompanyAdminHeading {
    color: #003333;
    font-size: 12pt;
    font-family: Arial;
    font-weight: bold;
    border-bottom: #339999 2px solid;
    padding-bottom: 4px;
}


.CompanyAdminSubHeading {
    color: #000000;
    font-size: 10pt;
    font-family: Arial;
    font-weight: bold;
    padding-bottom: 1px;
}

.CompanyAgreementAdminSubHeading {
    color: #000000;
    font-size: 10pt;
    font-family: Arial;
    font-weight: normal;
    padding-top: 4px;
}


.CompanyAgreementAdminSubHeadingLinks {
    color: #009900;
    font-size: 10pt;
    font-family: Arial;
    font-weight: bold;
    padding-top: 4px;
}


.AutoExtract {
    color: #009900;
    font-size: 10pt;
    font-family: Arial;
    font-weight: bold;
    padding-top: 4px;
    cursor: pointer;
}

.CompanyAgreementAdminSubHeadingRedLinks {
    color: red;
    font-size: 10pt;
    font-family: Arial;
    font-weight: bold;
    padding-top: 4px;
}

.TableContainer {
    border-right: #F7E999 1px solid;
    border-top: #F7E999 1px solid;
    border-left: #F7E999 1px solid;
    border-bottom: #F7E999 1px solid;
    margin-top: 8px;
    background-color: #ffffea;
    margin-left: 40px;
}

.ListOptionsContainer {
    border-right: #F7E999 1px solid;
    border-top: #F7E999 1px solid;
    border-left: #F7E999 1px solid;
    border-bottom: #F7E999 1px solid;
    width: 304px;
    margin-top: 8px;
    margin-left: 20px;
    background-color: #ffffea;
}


.GroupListOptionsContainer {
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    margin-top: 8px; /* background-color: #ffffea;*/
}

.ListOptionstextFieldTheme {
    color: #000000;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    font-size: 11px;
    border-right: #cccc99 1px solid;
    border-top: #cccc99 1px solid;
    border-left: #cccc99 1px solid;
    border-bottom: #cccc99 1px solid;
    background: #FFFFFF url(/Images/text-bg.gif) repeat-x scroll 0 0;
    height: 16px;
    display: block;
    margin-left: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 300px;
}


.CompanyAgreementListOptionsAddLinks {
    color: #336699;
    font-size: 10pt;
    font-family: Arial;
    font-weight: bold;
    padding-top: 4px;
    padding-left: 12px;
    margin-top: 12px;
    margin-bottom: 12px;
    cursor: pointer;
}


.CompanyAgreementListOptionsDelete {
    color: #ff3300;
    font-size: 8pt;
    font-family: Arial;
    font-weight: bold;
    cursor: pointer;
    padding-left: 10px;
}


.DeleteOption {
    color: Blue;
    font-size: 8pt;
    font-family: Arial;
    font-weight: bold;
    cursor: pointer;
    padding-left: 10px;
}


/*Arun*/
.x-menu-list-item {
    text-align: left;
}

#linkStrikeThrough {
    color: #136e6e;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: line-through;
}

    #linkStrikeThrough:hover {
        text-decoration: underline;
    }

#linkNoStrikeThrough {
    color: #136e6e;
    font-weight: bold;
    font-size: 8pt;
}

    #linkNoStrikeThrough:hover {
        text-decoration: underline;
    }


.highlight {
    background-color: SkyBlue;
}


/*.dynamicGrid
{
    width: 100%;
    background-color: #C0CFC0;
    width: 300px;
    border-right: #c2bcbc 1px solid;
    border-top: #c2bcbc 1px solid;
    border-left: #c2bcbc 1px solid;
    border-bottom: #c2bcbc 1px solid;
}*/

table.dynamicGrid {
    background-color: #F2F2F2;
    border: 1px solid gray;
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}

    table.dynamicGrid td {
        border: 1px solid gray;
        border-spacing: 0px;
        padding-left: 4px;
        /*cursor: pointer;*/
    }

        table.dynamicGrid td a {
            cursor: pointer;
        }



    table.dynamicGrid th {
        border: 1px solid gray;
        border-spacing: 0px;
        padding-left: 4px;
        font-weight: bold;
        background-color: #136e6e;
        color: #FFFFFF;
    }


.groupClass {
    background-color: #136e6e;
}

.fieldclass {
    background-color: red;
}


.ForAjaxCalender {
    position: fixed;
    z-index: 1;
}


.aaa {
    margin-left: 24px;
    background-color: Red;
}

.templatePlaceholder {
    color: blue;
}



.SecGridViewSelectedRow {
    background-color: #ffffcc;
    height: 25px;
    text-align: left;
    color: darkcyan;
}

    .SecGridViewSelectedRow a {
        color: darkcyan;
    }


.AddFields {
    color: #86397a;
    font-size: 10pt;
    font-family: Arial;
    font-weight: bold;
    padding-top: 4px;
    cursor: pointer;
}


.AddNew {
    color: #336699;
    font-size: 8pt;
    font-family: Arial;
    font-weight: bold;
    padding-top: 4px;
    padding-left: 12px;
    margin-top: 12px;
    margin-bottom: 12px;
    cursor: pointer;
}

.SpanLabel {
    text-align: right;
    font-size: 11px;
    font-family: Arial;
    font-weight: bold;
}


.defaultDropdownTreeObjectContainer {
    border-right: #333366 1px solid;
    border-top: #333366 1px solid;
    border-left: #333366 1px solid;
    border-bottom: #333366 1px solid;
}






.ContractMiniSummaryHeading a {
    font-weight: bold;
    font-size: 11px;
    color: #136e6e;
    font-family: Arial;
    text-align: right;
    padding-right: 5px;
    height: 20px;
}

.Link a {
    font-weight: bold;
    font-size: 11px;
    color: #136e6e;
    font-family: Arial;
    height: 20px;
}


.ContractStageLabel {
    font-weight: bold;
    font-size: 7pt;
    color: #136e6e;
    font-family: Arial;
    text-align: right;
    padding-right: 5px;
    height: 20px;
}


.TemplateTab {
    color: #003333;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    vertical-align: middle;
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    font-weight: bold;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 1px;
    padding-top: 0px;
    height: 25px;
    background-color: #cccccc;
}


.MyGridViewDeleteLinkButton {
    color: #cc0033;
    text-decoration: underline;
    font-size: 8pt;
    font-family: Arial;
    font-weight: bold;
}

.MyGridViewAddLinkButton {
    color: #000000;
    text-decoration: underline;
    font-size: 8pt;
    font-family: Arial;
}


/*For menu css*/

#sddm {
    margin: 0;
    padding: 0;
    z-index: 30;
}

    #sddm li {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
        font: bold 11px arial;
    }

        #sddm li a {
            display: block;
            margin: 0 1px 0 0;
            padding: 4px 10px;
            color: #000000;
            text-align: center;
            text-decoration: none;
            height: 15px;
            background: #f0f0f0;
            border-right: #999999 1px dotted;
            border-top: #999999 1px dotted;
            border-left: #999999 1px dotted;
            border-bottom: #999999 1px dotted;
            cursor: pointer;
        }

            #sddm li a:hover {
                background: #86bbbb;
                color: #ffffff;
            }

    #sddm div {
        position: absolute;
        visibility: hidden;
        margin: 0;
        padding: 0;
        background: #eeeeee;
        border-right: #adadad 1px solid;
        border-top: #adadad 1px solid;
        border-left: #adadad 1px solid;
        border-bottom: #adadad 1px solid;
        width: 200px;
    }

        #sddm div a {
            position: relative;
            display: block;
            margin: 0;
            padding: 5px 10px;
            width: auto;
            white-space: nowrap;
            text-align: left;
            text-decoration: none;
            background: #eeeeee;
            color: #000000;
            font: 11px arial;
        }

            #sddm div a:hover {
                background: #86bbbb;
                color: #ffffff;
            }

/*###########################################*/
/*--------- Style class for Help ------------ */
/*########################################### A5A2A5*/
.HelpMainHeading {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14pt;
    font-weight: bold;
    color: #006666;
}

.HelpSubHeading {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: #006666;
    text-align: justify;
}

.HelpText {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11pt;
    font-weight: normal;
    color: #000000;
    text-align: justify;
}

.HelpTextWithLeftPadding {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11pt;
    font-weight: normal;
    color: #000000;
    text-align: justify;
    padding-left: 100px;
}

.ForDivStyle {
    border: solid;
    border-color: #A5A2A5;
    border-width: 1px;
}

.ForSpan {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #006666;
    text-decoration: underline;
}

.ForParagraph {
    letter-spacing: 0.5pt;
    line-height: 13pt;
}

.ForOrderedList {
    list-style-type: decimal;
}

.ForList {
    list-style-type: disc;
    letter-spacing: 0.5pt;
    line-height: 15pt;
}

.ForHighLightKeyWord {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11pt;
    font-weight: bold;
    color: #000000;
}

.fieldPanel {
    background-color: #f5f5f5;
    padding-left: 10px;
    margin: 3px;
    border-right: #dbdbdb 1px solid;
    border-top: #dbdbdb 1px solid;
    border-left: #dbdbdb 1px solid;
    border-bottom: #dbdbdb 1px solid;
}

.examplePanel {
    background-color: #ffffea;
    border-right: #ffcc66 1px solid;
    border-top: #ffcc66 1px solid;
    border-left: #ffcc66 1px solid;
    border-bottom: #ffcc66 1px solid;
    font-weight: normal;
    font-size: 10px;
    font-family: Arial;
    padding: 5px;
}


table.withBorder {
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding-left: 0px; /* background-color: #F2F2F2; background-color:#D1E3F1;*/
}

td.withBorder {
    border-right: 1px solid #000000; /* background-color: #F2F2F2; background-color:#D1E3F1;*/
}


.HideTextBox {
    display: none;
}

.ForRedStar {
    color: Red;
}

.BackContractAdminLink {
    color: #136e6e;
    text-decoration: underline;
    font-weight: bold;
    font-size: 10pt;
}


.AddLink {
    font-size: 8pt;
    font-family: Arial;
    color: Green;
}

.DeleteLink {
    font-size: 8pt;
    font-family: Arial;
    color: red;
}


table.myradioButton input {
    width: 16px;
    display: block;
    float: left;
}

table.myradioButton label {
    display: block;
    float: left;
}

.Errors {
    color: red;
    font-size: 8pt;
    font-family: Arial;
    padding-left: 4px;
}


.ErrorsBody {
    background-color: #fbeaea;
    border-bottom: #f8bfbf 1px solid;
    border-left: #f8bfbf 1px solid;
    border-top: #f8bfbf 1px solid;
    border-right: #f8bfbf 1px solid;
}

.pointer {
    cursor: pointer;
}


/*File Upload Browser Theme*/

.BigButonTheme {
    background-color: #EBEBEB;
    font-family: Arial;
    height: 40px;
    width: 60px;
    font-size: 16px;
    font-weight: bold;
}

.ajax__calendar_title {
    cursor: pointer;
    font-weight: bold;
    text-align: center;
}

.ajax__calendar_footer {
    cursor: pointer;
    font-weight: bold;
    text-align: center;
}


/*Schedular CSS */
.SchedularBody {
    width: 290px;
    height: 218px;
    background-color: #FAFAFA;
    border-bottom: #999999 1px solid;
    border-left: #999999 1px solid;
    border-right: #999999 1px solid;
    display: none;
    position: absolute;
    z-index: 99;
}


.SchedularLabel {
    font-family: Arial;
    color: #000000;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}

.SchedularDaysBack {
    background-color: #F8F6F6;
    background-attachment: fixed;
    background-repeat: no-repeat;
    border-bottom: #f2f0f0 1px solid;
    border-left: #f2f0f0 1px solid;
    border-top: #f2f0f0 1px solid;
    border-right: #f2f0f0 1px solid;
    width: 280px;
    height: 90px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 20px;
}


.SchedularDaysBackDisabled {
    background-color: #FCFCFC;
    background-attachment: fixed;
    background-repeat: no-repeat;
    border-bottom: #f2f0f0 1px solid;
    border-left: #f2f0f0 1px solid;
    border-top: #f2f0f0 1px solid;
    border-right: #f2f0f0 1px solid;
    width: 280px;
    height: 90px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 20px;
}



.SchedularDropdown {
    color: #000000;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    font-size: 11px;
    background-color: #FAFAFA;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    width: 40px;
}

.SchedularSummary {
    width: 290px;
    height: 20px;
    cursor: pointer;
    color: #000000;
    font-family: Arial, Verdana,Helvetica,sans-serif;
    font-size: 11px;
    border-right: #999999 1px solid;
    border-top: #999999 1px solid;
    border-left: #999999 1px solid;
    border-bottom: #999999 1px solid;
    background-color: #FAFAFA;
    height: 16px;
    display: block;
    background: #FFFFFF url(/Images/text-bg.gif) repeat-x scroll 0 0;
}

.ForMyProfileLink {
    border: 0;
    text-decoration: none;
    width: 12px;
    height: 12px;
}

.GridErrorPanel {
    border-right: #99BBE8 1px solid;
    border-top: #99BBE8 1px solid;
    border-left: #99BBE8 1px solid;
    border-bottom: #99BBE8 1px solid;
}


.errorLine {
    display: block;
    font-family: Arial;
    color: #ff0000;
    font-size: 8pt;
}


.GridHeader {
    background-image: url(/Images/gridImages/white-top-bottom.gif);
    height: 24px;
    color: #15428B;
    font-family: tahoma,arial,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.comptablecell {
    color: #000000;
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    text-align: left;
}




.comptablecellRed {
    color: #ff0000;
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    text-align: left;
    padding-right: 2px;
}




.comptablecellBlue {
    color: #006666;
    font-family: Arial;
    font-size: 8pt;
    font-weight: normal;
    text-align: left;
}


.toolbarCell {
    background-image: url(/Images/20ButtonbackLightGray.png);
    background-repeat: repeat-x;
    background-position: 50% bottom;
    width: 50px;
    text-align: center;
    vertical-align: middle;
    font-size: 8pt;
    font-weight: bold;
    font-family: Arial;
    padding-bottom: 0px;
    border-left: #959494 1pt solid;
    cursor: pointer;
}

.toolbarCellFirst {
    background-image: url(/Images/20ButtonbackLightGray.png);
    background-repeat: repeat-x;
    background-position: 50% bottom;
    width: 50px;
    text-align: center;
    vertical-align: middle;
    font-size: 8pt;
    font-weight: bold;
    font-family: Arial;
    padding-bottom: 0px;
    cursor: pointer;
}

.toolbarCell:hover td {
    background-color: yellow;
    color: black;
}

.hovermenu {
    margin-left: 4px;
}

    .hovermenu ul {
        clear: both;
    }

        .hovermenu ul li {
            background-image: url(/Images/20ButtonbackLightGray.png);
            background-repeat: repeat-x;
            background-position: 50% bottom;
            text-align: center;
            vertical-align: middle;
            font-size: 8pt;
            font-weight: bold;
            font-family: Arial;
            padding-bottom: 0px;
            cursor: pointer;
            list-style: none;
            display: inline-block;
            height: 20px;
            float: left;
            border-left: #959494 1pt solid;
            width: 17px;
        }


            .hovermenu ul li:hover {
                background-image: url(/Images/20Buttonback-Light.png);
                background-repeat: repeat-x;
                background-position: 50% bottom;
                text-align: center;
                vertical-align: middle;
                font-size: 8pt;
                font-weight: bold;
                font-family: Arial;
                padding-bottom: 0px;
                cursor: pointer;
                list-style: none;
                display: inline-block;
                height: 20px;
                float: left;
                border-left: #959494 1pt solid;
                width: 17px;
            }

            html > body .hovermenu ul li a:active {
                /* Apply mousedown effect only to NON IE browsers */
            }

.x-grid3-hd {
    /* TD is defaulted to word-wrap. Turn it off so
       it can be turned on for specific columns. */
    white-space: pre-line;
    /* word-wrap: break-word;*/
}

.x-grid3-hd-inner {
    /* Inherit DIV's white-space from TD parent, since
       DIV's inline style is not accessible in the column
       definition. */
    white-space: pre-line;
    word-wrap: break-word;
}

/* Category should be bold*/

.x-menu-item.x-menu-check-item.x-menu-item-arrow {
    font-weight: bold;
}

#overlay {
    visibility: hidden;
    position: absolute;
    left: 430px;
    top: 200px;
    text-align: center;
    z-index: 2000;
    width: 500px;
    height: 150px;
    background-color: #fff;
    border-style: outset;
    border: 3px solid #1a50b8;
    padding: 0px;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.overlayStyle {
    visibility: hidden;
    position: absolute;
    left: 530px;
    top: inherit;
    /*  top: 30px;     */
    text-align: center;
    z-index: 2000;
    width: 480px;
    height: 590px;
    background-color: #fff;
    border-style: outset;
    border: 3px solid #1a50b8;
    overflow: auto;
    padding: 0px;
    text-align: center;
    -moz-opacity: 0.8;
    -ms-filter: "background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale")";
}

.overlayStyleActivity {
    visibility: hidden;
    position: absolute;
    left: 530px;
    overflow: auto;
    /* top: 40px;  */
    text-align: center;
    z-index: 2000;
    width: 480px;
    height: 500px;
    background-color: #fff;
    border-style: outset;
    border: 3px solid #1a50b8;
    padding: 0px;
    text-align: center;
    -moz-opacity: 0.8;
    -ms-filter: "background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale")";
}

.MaskedDiv {
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    font-family: Arial;
    font-weight: bold;
    padding: 40px;
    z-index: 100;
    background-image: url(/Images/Mask.png);
    /* ieWin only stuff */
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='Mask.png');
}

.actionIcon {
    background-image: url(/Images/gridImages/list-items.gif) !important;
}

.actionIcon-delete {
    background-image: url(/Images/gridImages/delete.png) !important;
}

.x-combo-list-item {
    text-align: left;
}

.list {
    padding: 0px;
    color: Black;
    border: inset 1px #708090;
    font-size: 11px;
    background-color: #FAFAFA;
}


.divLockOff {
    display: none;
    visibility: hidden;
}

.divLockOn {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 999;
    background-color: #c0c0c0;
    text-align: center;
    font-size: small;
    font-weight: bold;
    filter: alpha(opacity=90);
    opacity: 0.90;
}



.sortableList {
    border: 1px solid #eee;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    margin-right: 10px;
}

    .sortableList li {
        margin: 0 5px 5px 5px;
        padding: 5px;
        width: 210px;
        font-size: 11px;
        word-wrap: break-word;
        color: #136e6e !important;
    }

        .sortableList li:empty {
            display: none;
        }

    .sortableList.all li.ui-state-default {
        background: #eeeeee; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
        background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
    }

    .sortableList.selected li.ui-state-default {
        background: #eeeeee; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
        background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
    }

table.configureFields {
    vertical-align: top;
    width: 100%;
    text-align: center;
    padding: 10px;
}

    table.configureFields td {
        vertical-align: top;
        width: 50%;
    }

div.configureFields {
    /*height: 500px;*/
    overflow-x: auto;
    padding: 5px;
}

ol.instruction {
    list-style: disc;
}

    ol.instruction li {
        margin: 0 2px 2px 2px;
        padding: 5px;
        font-size: 11px;
        text-align: left;
    }

ul.instruction2 li {
    font-size: 11px;
    text-align: left;
}

#Div_Fields div.instruction {
    display: block;
    background-color: #eeeeee;
}

div.DocumentExplorer {
    max-height: 400px;
    overflow-y: auto;
    margin: 0px 5px 0px 5px;
    padding-bottom: 5px;
}

.inputButton {
    color: #136e6e;
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.msgbox-smalltext {
    font-size: 11px;
}

span.regularWeight {
    font-weight: normal;
}

span.regularSize {
    font-size: 12px;
    font-family: Arial;
    font-size: 10pt;
    color: black;
}

table.gridtable {
    margin-top: 10px;
    font-size: 12px;
    color: #333333;
    border-color: #666666;
    border-collapse: collapse;
}

    table.gridtable th {
        border-top: 0px;
        border-right: 0px;
        border-bottom: 1px;
        border-left: 0px;
        padding: 8px;
        border-style: solid;
        border-color: #666666;
        background-color: #dedede;
    }

    table.gridtable td {
        border-top: 0px;
        border-right: 0px;
        border-bottom: 1px;
        border-left: 0px;
        padding: 8px;
        border-style: solid;
        border-color: #666666;
        background-color: #ffffff;
    }

textarea.autoResize {
    padding-bottom: 10px;
}

.readOnlyLabel {
    padding: 7px;
    background-color: #eaecef;
}

.readonlycloud {
    border-radius: 10px;
    border: 1px solid #bcbfc4;
    background-color: #eaecef;
    padding: 5px;
    margin: 2px;
    display: inline-block;
}

.width-150 {
    width: 150px;
}

.width300 {
    width: 300px;
}


.panel-components span.shadetabs {
    position: relative;
}

i.closeTab {
    padding: 0 6px;
}

    i.closeTab:after {
        content: "\d7";
        color: white;
        position: absolute;
        top: 1px;
        right: 2px;
        font-style: normal;
        font-weight: bold;
        border-radius: 8px;
        background: linear-gradient(#F88, #F00);
        line-height: 12px;
        height: 12px;
        width: 12px;
        text-align: center;
        vertical-align: middle;
        display: table;
        cursor: default;
    }

.ui-dialog.attachment-description-dialog {
    font-family: Arial;
    font-size: 11px;
}



ul.menu-dropdown {
    background: white;
    min-width: 100%;
    position: absolute;
    top: 30px;
    left: -1px;
    display: none;
    margin: 0;
    padding: 0;
    border: 1px solid lightgray;
    border-radius: 0 0 4px 4px;
    box-shadow: 1px 2px 5px darkgrey;
}

    ul.menu-dropdown li {
        clear: both;
        width: 100%;
        line-height: 30px;
    }

        ul.menu-dropdown li:last-child {
            border-radius: 0 0 4px 4px;
        }

        ul.menu-dropdown li:hover {
            background: #eee;
        }

        ul.menu-dropdown li a {
            display: inline-block;
            padding: 0 5px;
            width: 100%;
        }

#tblSettings input[type='checkbox'] {
    margin-right: 6px;
}

#tblSettings tr > td {
    padding-right: 10px;
}

.x-grid-row .x-grid-cell {
    vertical-align: top;
}

div#toolbarContainer {
    line-height: 40px;
    display: table;
    width: 100%;
}

    div#toolbarContainer div.tableCell {
        margin: 0px 10px 0px 10px;
        padding: 0px 10px 0px 10px;
        display: table-cell;
        vertical-align: top;
    }




label.italics {
    font-style: italic;
}

span.collapsible.collapsed {
    transform: rotate(0deg);
}

span.collapsible {
    padding: 3px 5px;
    background: url(/images/angle-right-solid.svg) center/35% no-repeat;
    cursor: pointer;
    transition: all 0.5s ease-out;
    transform: rotate(90deg);
    display: inline-block;
}

.ui-dialog.icn-message-dialog {
    font-family: Arial;
    font-size: 12px;
}

.PSTHeading {
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    font-family: Arial;
    vertical-align: top;
    display: block;
    text-align: center;
}

.PSTContent {
    display: block;
    text-align:center;
}

.line-height-25 {
    line-height: 25px;
}

.bold-14 {
    font-weight:bold;
    font-family:Arial;
    font-size:14px;
}

.normal-14 {
    font-family: Arial;
    font-size: 14px !important;
    font-weight: normal !important;
}

.bold-11 {
    font-weight: bold;
    font-family: Arial;
    font-size: 11px;
}

.font-red {
    color: red !important;
}

.font-dark-red {
    color: #BB0000 !important;
}

.select2-container {
    text-align: left;
}

.ui-dialog.alert-dialog {
    font-family: Arial;
    font-size: 11px;
}

.invalid-value {
    border: 1px solid red;
}

.anchbutton {
    display: block;
    height: 12px;
    background: #23668C;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    line-height: 12px;
    font-size: 11px;
    font-family: Arial;
    width: 155px;
}

.font-weight-bold {
    font-weight: bold;
}

.extMsgPopUp400 .x-window-body-default .x-component, .x-container {
    min-width: 500px !important;
}


.dropbtn {
}

.dropdown {
    position: relative;
    display: inline-block;
}

div.borderBottom {
    border-bottom: #cccccc 1px dotted;
    height: 10px;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0px;
    background-color: #d3e1f1;
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
    text-align: center;
    padding: 2px 0 2px 2px;
    border-style: solid;
    border-color: #99bce8;
    border-width: 1px;
}

    .dropdown-content div.heading {
        color: #000;
        font-size: 12px;
        text-align: center;
        font-family: arial,verdana,sans-serif;
        padding: 5px;
    }

    .dropdown-content div.container {
        text-align: center;
        padding: 5px 10px;
        background-color: #f6f6f6;
        margin: 2px 20px;
        border: 1px solid #c5c5c5;
        background-image: -webkit-linear-gradient(top, #fff, #f9f9f9 48%, #e2e2e2 52%, #e7e7e7);
    }

        .dropdown-content div.container img {
            width: 25px;
            height: 25px;
            padding: 4px 8px;
        }

        .dropdown-content div.container a {
            color: #000;
            text-decoration: none;
            display: block;
            font: normal 11px/13px tahoma, arial, verdana, sans-serif;
        }

        .dropdown-content div.container:hover {
            background-color: #ddd;
            cursor: pointer;
            border-color: #b0ccf2;
            background-image: none;
            background-color: #e4f3ff;
            background-image: -webkit-gradient(linear, top, bottom, color-stop(0%, #e4f3ff), color-stop(48%, #d9edff), color-stop(52%, #c2d8f2), color-stop(0%, #c6dcf6));
            background-image: -webkit-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
            background-image: -moz-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
            background-image: -o-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
            background-image: -ms-linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
            background-image: linear-gradient(top, #e4f3ff, #d9edff 48%, #c2d8f2 52%, #c6dcf6);
        }


    .dropdown-content a:hover {
        /*background-color: #ddd;*/
    }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
}
/*Enterprise Ribbon*/
#ctl00_mnuHeader td:hover > ul.menu-dropdown,
#ctl00_mnuHeader td ul.menu-dropdown:hover {
    display: block;
    z-index: 1000;
}

ul.menu-dropdown li a {
    min-width: 120px !important;
    text-align: left !important;
    z-index: 5 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    min-height: 25px !important;
    font-family: Arial;
    font-size: 12px;
    font-weight: 600;
    background-color: transparent !important;
}
ul.menu-dropdown li {
    line-height: 25px;
    min-height: 25px;
    border-radius: 5px;
    border-color: transparent !important;
    border-style: groove;
    border-width: 1px;
    background-color: transparent !important;
}
    ul.menu-dropdown li:hover {
        height: 100%;
        top: 0;
        z-index: 5 !important;
        /*transition: all .5s ease 0s;*/
        border-radius: 5px;
        border-color: #184a79 !important;
        border-style: groove;
        border-width: 1px;
        color: black;
        background-color: inherit !important;
    }
.navTM {
    position: relative;
    width: 100% !important;
    height: 30px;
    background-color: #f6f6f6;
    border-radius: 8px;
    font-size: 0;
}
.navTMa {
    line-height: 25px;
    height: 100%;
    font-size: 12px;
    /*font-weight:600;*/
    font-family: Arial;
    /*display: inline-block;*/
    position: relative;
    z-index: 5 !important;
    text-decoration: none;
    text-align: center;
    color: black;
    cursor: pointer;
    border-color: transparent !important;
    border-style: groove;
    border-width: 1px;
    background-color: inherit !important;
    font-weight: 600 !important;
    /*width:97px !important;*/
}
    .navTMa:hover {
        height: 100%;
        top: 0;
        z-index: 5 !important;
        /*transition: all .5s ease 0s;*/
        border-radius: 5px;
        border-color: #184a79 !important;
        border-style: groove;
        border-width: 1px;
        color: black;
        background-color: inherit !important;
    }
.navTMaSelected {
    height: 100%;
    color: white;
    top: 0;
    z-index: 5 !important;
    /*transition: all .5s ease 0s;*/
    border-radius: 5px;
    background-color: #184a79 !important;
    border-color: #184a79 !important;
    border-style: groove;
    border-width: 1px;
}
    .navTMaSelected:hover {
        height: 100%;
        color: white;
        top: 0;
        z-index: 5 !important;
        /*transition: all .5s ease 0s;*/
        border-radius: 5px;
        background-color: #184a79 !important;
        border-color: #184a79 !important;
        border-style: groove;
        border-width: 1px;
    }
.topMenuHeaderRow {
}
.topMenuHeaderImgTd {
    width: 1% !important;
    text-align: left;
}
.topMenuHeaderTd {
    width: 1% !important;
    text-align: left;
}
.topMenuHeaderImg {
    height: 57px !important;
    max-height: 57px !important;
    max-width: 200px !important;
    width: auto !important;
    padding: 3px !important;
    box-sizing: content-box;
}
.topMenuHeaderLabel {
    font-size: 13px;
    font-family: Arial;
    font-weight: 600;
    padding-left: 5px;
}
.dropDownNewStyle {
    background: white;
    line-height: 22px !important;
    height: 24px !important;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #666;
    font-size: 11px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding: 0 3px;
}
ulSub {
    background: darkorange;
    list-style: none;
    margin: 0;
    padding-left: 0;
}
liSub {
    color: #fff;
    background: darkorange;
    display: block;
    float: left;
    padding: 1rem;
    position: relative;
    text-decoration: none;
    transition-duration: 0.5s;
}
    liSub a {
        color: #fff;
    }
    liSub:hover {
        background: red;
        cursor: pointer;
    }
ulSub liSub ulSub {
    background: orange;
    visibility: hidden;
    opacity: 0;
    min-width: 5rem;
    position: absolute;
    transition: all 0.5s ease;
    margin-top: 1rem;
    left: 0;
    display: none;
}
    ulSub liSub:hover > ulSub,
    ulSub liSub ulSub:hover {
        visibility: visible;
        opacity: 1;
        display: block;
    }
    ulSub liSub ulSub liSub {
        clear: both;
        width: 100%;
    }
.nav-Menu {
    display: block;
    margin-bottom: 15px 0;
    background: #f6f6f6;
    /*-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
          -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
          -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
          -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);*/
    border-radius: 3px;
    height: 60px !important;
}
.nav-MenuItem {
    padding: 10px 12px;
    color: #23668C;
    display: inline-block;
    outline: 0;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase !important;
}
    .nav-MenuItem:hover {
        background: #23668C;
        color: #FFF !important;
        /*border-style:groove;
            border-width:1px;
            border-color:#184a79;*/
    }
        .nav-MenuItem:hover ul.nav-MenuItem-dropdown {
            display: block;
        }
        .nav-MenuItem:hover a.nav-MenuItem {
            color: #FFF !important;
            text-decoration: none !important;
        }
    .nav-MenuItem ul.nav-MenuItem-dropdown {
        position: absolute;
        display: none;
        width: auto;
        background: #f6f6f6 !important;
        color: #000 !important;
        /*-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
          -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
          -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
          -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);*/
        padding-top: 0;
        z-index: 5 !important;
        /*margin-left:-20px !important;*/
        margin-top: 11px !important;
        padding: 0px !important;
    }
.nav-MenuItem-Selected {
    background: #23668C;
    color: #FFF !important;
}
.nav-MenuItem ul.nav-MenuItem-dropdown li {
    display: block;
    list-style-type: none;
    color: #23668C !important;
    background-color: #f6f6f6 !important;
    min-width: 120px !important;
}
    .nav-MenuItem ul.nav-MenuItem-dropdown li a {
        padding: 10px 12px;
        color: #23668C !important;
        display: block;
        background-color: #f6f6f6;
        font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;
        font-weight: 600;
        font-size: 12px;
        text-align: start !important;
        text-transform: uppercase !important;
        min-width: 120px !important;
    }
    .nav-MenuItem ul.nav-MenuItem-dropdown li:last-child a {
        border-bottom: none;
        padding: 15px !important;
    }
    .nav-MenuItem ul.nav-MenuItem-dropdown li a {
        border-bottom: none;
    }
    .nav-MenuItem ul.nav-MenuItem-dropdown li:first-child:hover a {
        border-radius: 3px 0 0 3px;
    }
    .nav-MenuItem ul.nav-MenuItem-dropdown li:hover a {
        background: #23668C;
        color: #FFF !important;
        text-decoration: none !important;
    }
    .nav-MenuItem ul.nav-MenuItem-dropdown li:first-child:hover a {
        border-radius: 0;
    }
.nav-MenuItem ul.nav-MenuItem-dropdown :hover .arrow-down {
    border-top: 5px solid #FFF !important;
}
.nav-MenuItem:hover .arrow-down {
    border-top: 5px solid #FFF !important;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #f6f6f6 !important;
    position: relative;
    top: 30px;
    content: '';
}
.title-mobile {
    display: none;
}
.nav-MenuItem ul.nav-MenuItem-dropdown-Image-menu {
    position: absolute;
    display: none;
    width: auto !important;
    background: #f6f6f6 !important;
    color: #000 !important;
    /*-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
          -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
          -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
          -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
          box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);*/
    padding-top: 0;
    z-index: 5 !important;
    margin-left: -20px !important;
    margin-top: 11px !important;
    height: 120px !important;
}
.nav-MenuItem:hover ul.nav-MenuItem-dropdown-Image-menu {
    display: block;
}
.nav-MenuItem ul.nav-MenuItem-dropdown-Image-menu li {
    display: inline-block !important;
    /*float: left;*/
    /*padding: 3px 0px;*/
    /*margin-right: 20px;*/
    height: 100% !important;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;
    font-size: 11px !important;
    color: #c18265 !important;
    /*border-style:groove;
           border-width:0.5px;
           border-color:#FFF;*/
}
    .nav-MenuItem ul.nav-MenuItem-dropdown-Image-menu li:hover {
        background: #FFF !important;
    }
    .nav-MenuItem ul.nav-MenuItem-dropdown-Image-menu li a {
        /*padding: 10px 10px;*/
        padding-bottom: 10px;
    }
.image-i-menu {
    margin-top: 25px;
    font-size: 45px;
    margin-left: 30px;
    margin-right: 25px;
    color: #c18265 !important;
    margin-bottom: 10px;
    font-weight: 600 !important;
}
image-li-label {
    font-size: 9px !important;
    font-weight: 600 !important;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;
    color: #c18265 !important;
}
.icon-image-subMenu {
    height: 26px !important;
    width: 26px !important;
    vertical-align: middle !important;
}
.nav-MenuItemli {
    cursor: pointer !important;
}
/*Enterprise Ribbon*/
/*Terms*/
/*for FF and Chrome*/
.x-column-header-inner .x-column-header-text {
    white-space: pre-line;
    word-wrap: break-word;
}
/*Terms*/
/*Notification Center*/
.NCWindow .x-mask {
    margin-left: 400px;
}
.ImgStatusIcon {
    width: 12px !important;
    margin-left: -4px;
    margin-right: 2px;
    margin-top: -4px;
}
.auto-style1 {
    height: 93px;
}
#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none;
}
#boxes .window {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 9999;
    padding: 20px;
}
#boxes #Div_StageApproval {
    padding: 10px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-family: Arial !important;
    font-size: 11px !important;
    font-weight: bold !important;
}
    #boxes #Div_StageApproval h1,
    #boxes #Div_StageApproval h2,
    #boxes #Div_StageApproval h3,
    #boxes #Div_StageApproval h4,
    #boxes #Div_StageApproval h5,
    #boxes #Div_StageApproval h6 {
        font-size: 145% !important;
        margin: 15px !important;
        font-family: tahoma,arial,verdana,sans- !important;
    }
.yellow {
    background-color: Yellow;
    padding: 5px;
}
.green {
    background-color: Green;
    padding: 5px;
}
.red {
    background: Red;
    padding: 5px;
}
.anchor {
    text-decoration: underline;
}
ul.menu-dropdown {
    margin-top: -2px !important;
}
.welcomeText {
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;
}
/*.x-mask {
    margin-left: 550px; 
}*/
.x-panel-body {
    min-height: 30px !important;
}
.circleNC {
    border-radius: 20px;
    border-color: black;
    background-color: red;
    color: white;
    padding-left: 5px;
    padding-right: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 11px;
    position: relative;
    top: 19px;
    /*float:left;*/
    /*margin-left:-45px;*/
}
.centerNC {
    text-align: center;
}
.NCMessageSection {
    /*background: url('../../Images/company_Logo/coming-soon.png') no-repeat center;*/
    /*background-size: 400px;*/
    background-color: #dfe8f6;
}
/*Notification Center*/


.columnSelectorCls {
    width: 26px;
    height: 26px;
    background: url('/Images/Gear-Cog-1.png') no-repeat;
    background-size: contain !important;
    border-style: none !important;
    border-radius: 0px !important;
    margin-left: 15px !important;
}

    .columnSelectorCls :hover {
        width: 26px;
        height: 26px;
        background: url('/Images/Gear-Cog-1.png') no-repeat;
        background-size: contain !important;
        border-style: none !important;
        border-radius: 0px !important;
        cursor: pointer !important;
     
    }
.toastr-btn {
    padding: 5px;
    text-align: center;
    border: 1px solid gray;
    cursor: pointer;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
/*#toast-container {
        text-align: left;
    }*/
/*Account Info Submenu*/
.account-info {
    cursor: pointer;
}

    .account-info:hover ul.nav-MenuItem-dropdown2 {
        display: block !important;
    }

    .account-info:hover .arrow-left {
        display: block;
        border-right: 5px solid #FFF !important;
    }

    .account-info:hover ul {
        display: block;
    }


.nav-MenuItem ul.nav-MenuItem-dropdown2 {
    position: absolute;
    display: none;
    width: auto;
    /*background-color: #f6f6f6;*/
    background: #f6f6f6 !important;
    color: #000 !important;
    padding-top: 0;
    z-index: 5 !important;
    top: 33px;
    right: 100%;
}

@-moz-document url-prefix() {
    .nav-MenuItem ul.nav-MenuItem-dropdown2 {
        top: 34px;
        /*right: 131px !important;*/
        right: 100% !important;
    }
}

ul.nav-MenuItem-dropdown2 li {
    display: block;
    list-style-type: none;
    color: #23668C !important;
    background-color: #f6f6f6 !important;
    min-width: 120px !important;
}

    ul.nav-MenuItem-dropdown2 li:hover {
        background: #23668C;
        color: #FFF !important;
        text-decoration: none !important;
    }

    ul.nav-MenuItem-dropdown2 li a {
        padding: 10px 12px;
        color: #23668C !important;
        display: block;
        background-color: #f6f6f6;
        font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif !important;
        font-weight: 600;
        font-size: 12px;
        text-align: start !important;
        text-transform: uppercase !important;
        min-width: 120px !important;
    }

    ul.nav-MenuItem-dropdown2 li:hover a {
        background: #23668C;
        color: #FFF !important;
        text-decoration: none !important;
    }

.arrow-left {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #23668C !important;
    /* position: relative; */
    margin-left: -10px;
    margin-top: 7px;
    /* content: ''; */
    /* width: 5px; */
    display: block;
    float: left;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #23668C !important;
    /* position: relative; */
    margin-left: -10px;
    margin-top: 7px;
    /* content: ''; */
    /* width: 5px; */
    display: block;
    float: left;
}

.active-link {
    background-color: #23668C !important;
    color: #FFF !important;
    text-decoration: none !important;
}

.nav-MenuItem ul.nav-MenuItem-dropdown li:focus a {
    background-color: #23668C;
    color: #FFF !important;
    text-decoration: none !important;
}

.AccountInfoSubMenuOnClick {
}

/*#ctl00_HyperLink2:hover ul.nav-MenuItem-dropdown2 {
    display: block;
}*/
/*End*/
/*#4831 Start*/
.x-boundlist-item {
    text-align: left;
}
#Div_StageApproval {
    text-align: left;
}
#NCDiv_StageApproval {
    text-align: left;
}
#NCReviewDiv_ScoreCard {
    text-align: left;
}
/*#4831 End*/
/*x-box-scroller-body-vertical x-scroller*/
.x-box-inner {
    text-align: left;
}
/*Direct Entry UI*/
.bg-breadcrumb {
    width: 100%;
    background-color: #e1e1e1;
    padding: 0;
}
#breadcrumb {
    list-style: none;
    display: inline-block;
    text-align: center;
    padding: 0;
    /*margin: 0;*/
    margin: 2px;
    font-family: Arial, Helvetica, sans-serif;
}
    #breadcrumb li {
        float: left;
    }
        #breadcrumb li a {
            color: #FFF;
            display: block;
            background: #265176;
            text-decoration: none;
            position: relative;
            height: 60px;
            line-height: normal;
            padding: 0 10px 0 5px;
            text-align: center;
            margin-right: 33px;
            /*cursor: default;*/
        }
        #breadcrumb li a {
            background-color: #265176;
        }
            #breadcrumb li a:before {
                border-color: #265176;
                border-left-color: transparent;
            }
            #breadcrumb li a:after {
                border-left-color: #265176;
            }
        #breadcrumb li:first-child a {
            padding-left: 15px;
            -moz-border-radius: 4px 0 0 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px 0 0 4px;
        }
            #breadcrumb li:first-child a:before {
                border: none;
            }
        #breadcrumb li:last-child a {
            padding-right: 15px;
            -moz-border-radius: 0 4px 4px 0;
            -webkit-border-radius: 0;
            border-radius: 0 4px 4px 0;
        }
            #breadcrumb li:last-child a:after {
                border: none;
            }
        #breadcrumb li a:before, #breadcrumb li a:after {
            content: "";
            position: absolute;
            top: 0;
            border: 0 solid #265176;
            border-width: 30px 20px;
            width: 0;
            height: 0;
        }
        #breadcrumb li a:before {
            left: -30px;
            border-left-color: transparent;
        }
        #breadcrumb li a:after {
            left: 100%;
            border-color: transparent;
            border-left-color: #265176;
        }
        #breadcrumb li a:hover {
            /*background-color: white;
        color: #265176;*/
        }
            #breadcrumb li a:hover:before {
                /*border-color: white;*/
                border-left-color: transparent;
            }
            #breadcrumb li a:hover:after {
                /*border-left-color: white;*/
            }
        #breadcrumb li a:active {
            background-color: #265176;
        }
            #breadcrumb li a:active:before {
                /*border-color: #265176;*/
                border-left-color: transparent;
            }
            #breadcrumb li a:active:after {
                border-left-color: #265176;
            }
        #breadcrumb li .li-active {
            background-color: white !important;
            color: #265176 !important;
            cursor: context-menu;
        }
            #breadcrumb li .li-active:before {
                border-color: white;
                border-left-color: transparent;
                cursor: context-menu;
            }
            #breadcrumb li .li-active:after {
                border-left-color: white;
                cursor: context-menu;
            }
            #breadcrumb li .li-active:hover:after {
                border-left-color: white;
                cursor: context-menu;
            }

        #breadcrumb li i {
            font-size: 2.1em;
        }

        #breadcrumb li .li-content {
            display: inline-flex;
            vertical-align: top;
            padding: 14px 5px;
            text-align: left;
        }

            #breadcrumb li .li-content label {
                cursor: pointer;
            }

        #breadcrumb li .li-active .li-content label {
            cursor: context-menu;
        }

        #breadcrumb li .li-inactive {
            background-color: #e1e1e1 !important;
            color: #7d7d7d !important;
            cursor: context-menu;
        }

            #breadcrumb li .li-inactive label {
                cursor: context-menu;
            }

            #breadcrumb li .li-inactive:before {
                border-color: #e1e1e1;
                border-left-color: transparent;
                cursor: context-menu;
            }

            #breadcrumb li .li-inactive:hover:before {
                border-color: #e1e1e1;
                border-left-color: transparent;
                cursor: context-menu;
            }

            #breadcrumb li .li-inactive:after {
                border-left-color: #e1e1e1 !important;
                cursor: context-menu;
                content: "";
                position: absolute;
                top: 0;
                border: 0 solid #e1e1e1 !important;
                border-width: 30px 20px;
                width: 0;
                height: 0;
            }

            #breadcrumb li .li-inactive:hover:after {
                border-left-color: #e1e1e1 !important;
            }

.btn-breadcrumb button {
    background-color: #265176;
    color: white;
    border-style: none;
    border: 2px solid #265176;
    padding: 10px 16px;
    border-radius: 18px;
    font-size: 1em;
    margin: 8px;
    cursor: pointer;
    box-shadow: 0px 0px 20px #b0b0b0;
}

    .btn-breadcrumb button:hover {
        background-color: white;
        color: #265176;
        border: 2px solid #265176;
    }

    /*.btn-breadcrumb button span::before {
        content: '|';
        padding: 0px 8px;
    }*/
    .btn-breadcrumb button span {
        padding: 0px 8px;
    }


.refresh-icon {
    background-image: url(/Images/refresh.png);
    background-size: 100%;
}

.expandfolder-icon {
    background-image: url(/Images/expandfolders.png);
    background-size: 100%;
}

.collapsefolder-icon {
    background-image: url(/Images/collapsefolders.png);
    background-size: 100%;
}

.download-report-icon {
    background-image: url(/Images/download.png);
    background-size: 100%;
}

.x-btn-focus.green-button {
    background: #23668C;
}

.green-button {
    background: #23668C;
    border: none !important;
    color: #ffffff !important;
}

    .green-button .x-btn-inner {
        color: #ffffff;
    }


.green-button-over {
    background: #23668C;
    border: none;
}


.x-btn-over.green-button {
    background: #23668C;
    border-color: #4cc54c;
}

.green-button.x-btn.x-btn-pressed {
    background: #23668C;
}

tr.grid-row1 td {
    background-color: #ffffff;
}

tr.grid-row2 td {
    background-color: #F2F2F2;
}

.list-control {
    border: 1px solid #ccc;
    border-radius: 4px;
    min-height: 150px;
    height: 150px;
    overflow: auto;
}

ul.list-control li {
    padding: 0 0.5rem;
}

/*#4973*/
.term-control-mandatory {
    color: red !important;
    font-weight: bold !important;
}

.term-sd-red-astrik, .term-nb-red-astrik, .term-ip-red-astrik, .term-ed-red-astrik, .term-rnp-red-astrik, .term-nrd-red-astrik {
    color: red !important;
    font-weight: bold !important;
    display: none;
}
<<<<<<< .mine
=======
>>>>>>> .theirs
.overflow-ellipsis {
    /* This can be applied only to "block" or "inline-block" items */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Document Set Styles */
.document-tile-container {
    width: 460px;
}

    .document-tile-container .document-tile {
        min-height: 220px;
        box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15);
    }

.star-primary {
    color: #E0A826;
}


.docset-item-filled .icons {
    font-size: 18px;
}

.docset-item-empty .document-category {
    font-size: 26px;
    font-weight: bold;
    text-decoration: underline;
}

.tile-required {
    border-color: #dc3545;
    color: #dc3545;
}

    .tile-required .document-req-type {
        font-style: italic;
    }

.tile-requested {
    border-color: #dc3545;
    color: #dc3545;
}

.tile-optional {
    border-color: #007bff;
    color: #007bff;
}

.circle.redCircle {
    background-color: #BB0000 !important;
}

.font-orange {
    color: darkorange !important;
}