body {
    font: normal 14px sans-serif, arial, helvetica, clean;
}

.x-panel-body-default {
    font-family: sans-serif, tahoma, arial, verdana;
}

p.normal {
    padding-bottom: 8px;
}

/*Informational links/descriptions styles section */
.itemsContainer {
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
}

.itemStyle {
    padding-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    list-style: none;
    text-align: -webkit-match-parent;
    font-family: sans-serif;
    font-size: 1.1em;
    line-height: 18px;
    color: #666666;
    text-decoration: none;
}

    .itemStyle strong {
        font-weight: bold;
        font-family: sans-serif;
        color: #906309;
        font-size: 1.1em;
        line-height: 20px;
    }

    .itemStyle a {
        color: #906309;
    }

.itemStyleBorder {
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    margin-bottom: 1em;
}
/*End of - Informational links/descriptions styles section */

/* Move the manage button to the right -- all the MY* pages*/
#manageButtonId {
    float: right;
}

/*dark gray, small font, used in field labels mostly. An option to plainLabel*/
.plainLabelSoft {
    font-family: sans-serif;
    font-size: .9em;
    color: #333;
}


/* Style only used for the label that displays the count of selected References in a grid. */
.plainLabelForSelectedReferenceCount {
    color: #6e4000;
    font: 1.0em sans-serif, tahoma, arial, verdana;
    padding-top: 2px;
}

/*style the header of the filter popup the same color as the body*/

.winHeaderClass .x-window-header {
    background-color: #f4efdd;
}

.filterOnCls .x-btn-inner {
    background-color: yellowgreen !important;
    font-family: sans-serif;
    font-weight: bold;
    color: White;
}

.filterOnCls .x-btn-default-small {
    background-image: none !important;
}

.filterOnCls :hover .x-btn-center {
    background-color: yellowgreen !important;
}

.filterOnCls {
    background-color: yellowgreen !important;
}

.TabValidationError .x-tab-inner {
    color: red !important;
}

.GridValidationError .x-grid-body {
    border: 1px solid #c30;
}

.force-display input,
.force-display textarea {
    background-image: none;
    border: none;
    padding: 3px 0 0 0;
    opacity: 1;
}

.force-display-ref-edit .x-form-display-field {
    font: 1.0em sans-serif, tahoma, arial, verdana !important;
    vertical-align: text-top;
    background-image: none;
    border: none;
    opacity: 1;
}
 
/***************************************************** HOME PAGE HEADER WIDGET ***********************************************/

    .infoHomePageHeaderCss, .infoHomePageHeaderNoBodyCss {
    margin-left: 0;
    margin-top: 30px;
    padding-top: 0;
    font-family: sans-serif, Times New Roman, Arial, Tahoma;
    color: #8c8c8c;
    text-align: center;
}

    .infoHomePageHeaderCss:hover {
        font-family: sans-serif, Times New Roman, Arial, Tahoma;
        color: #595959;
        text-align: center;
    }

    .infoHomePageHeaderCss h2 {
        margin-top: 10px;
        margin-bottom: 10px;
        font-family: sans-serif, Times New Roman, Arial, Tahoma;
        font-size: 3.5em;
        cursor: pointer;
        text-align: center;
    }

    .infoHomePageHeaderNoBodyCss h2 {
        margin-top: 10px;
        margin-bottom: 10px;
        font-family: sans-serif, Times New Roman, Arial, Tahoma;
        font-size: 3.5em;
        cursor: default;
        text-align: center;
        color: #000000
    }

.infoHomePageBodyCss {
    font-size: 1.1em;
    font-family: sans-serif;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    color: #595959;
    line-height: 18px;
    text-align: center;
}

.headerHomePageWidgetIcon /* Help Icon */ {
    cursor: pointer;
    float: right;
    width: 16px;
    height: 16px;
    vertical-align: bottom;
    padding-top: 16px;
}

div.appLinkDiv a {
    padding-top: 15px;
    margin-left: 30%;
    font-family: sans-serif;
    font-size: .6em;
    vertical-align: top;
    margin-bottom: 15px;
    text-decoration: none;
    font-weight: bold;
    color: #906309;
}

div.appLinkDiv:hover {
    text-decoration: none;
    font-family: sans-serif;
    font-weight: normal;
    color: #906309;
}

div.bottomHomeDiv {
    width: 100%;
}

div.actionBlockDiv {
    text-decoration: none;
}

div.actionBlockDiv {
    background-color: #fefefe;
    margin-top: -20px;
    float: left;
    width: 96%;
    font-family: sans-serif;
    font-size: 1.1em;
    padding: 10px;
    color: #595959;
}

    div.actionBlockDiv:hover {
        color: #333 !important;
    }

div.actionBlockHeader {
    text-decoration: underline;
}

    div.actionBlockHeader span {
        font-size: 2.4em;
        font-family: sans-serif;
        vertical-align: top;
        margin-left: 5px;
    }

div.actionBlockHeader, a {
    text-decoration: none !important;
}

div.actionBlockHeader {
    text-decoration: none;
}

    div.actionBlockHeader span {
        font-size: 2.4em;
        font-family: sans-serif;
        vertical-align: top;
        margin-left: 5px;
    }

div.actionBlockHeaderImage {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #906309;
    border-top: 1px solid #906309;
}

div.homePageDescriptionText {
    font-family: sans-serif;
    font-size: 1.5em;
    color: #000000;
}

div.actionBlockDiv div.homePageDescriptionText {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    color: #000000;
    text-align: center;
}

div.headerImage {
    text-align: center;
    display: inline;
}

    div.headerImage #over img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

div.linkGroup {
    margin-left: 20px;
    margin-top: 10px;
    width: 97%;
}

div.groupHeader {
    padding: 5px;
    background-color: #f2f2f2;
}

div.leftColumn {
    width: 48%;
    float: left;
    margin-left: 20px;
}

div.rightColumn {
    width: 48%;
    float: left;
    margin-right: 10px;
}

/* Home page */
/* Makes links inside home items text standard size*/
div.homeItemBlock p a {
    font-family: sans-serif;
    font-size: 1em;
}

div.homeItemBlock p {
    margin-top: 0;
    margin-bottom: 0;
}

div.homeItemBlock {
    margin-top: 10px;
    min-height: 70px;
}

/* Featured Content Page */
div.homeItemBlockFC {
    min-height: 150px;
}

    div.homeItemBlockFC a {
        font-family: sans-serif;
        font-size: 2em;
    }

    div.homeItemBlockFC span, div#tocDiv span {
        font-family: sans-serif;
        font-size: 2em;
        color: #666666 !important;
    }

    div.homeItemBlockFC ul li a {
        font-family: sans-serif;
        font-size: 1em;
    }

    div.homeItemBlockFC ul {
        margin-left: 20px;
    }

div#tocDivFC {
    padding: 10px 10px 5px 10px;
    background-color: #f4efdd;
    background-color: rgba(244, 239, 221, 0.5);
    margin-top: 20px;
    margin-left: 30px;
}

    div#tocDivFC li {
        margin-bottom: 5px;
        width: 150%;
    }

        div#tocDivFC li a {
            color: rgb(94, 118, 48) !important;
            font-family: sans-serif;
            font-size: 1em;
            font-weight: bold;
        }

div#tocDiv span {
    font-family: sans-serif;
    font-size: 2em;
    opacity: .85;
    color: rgb(94, 118, 48) !important;
}

div.homeItemBlockFC {
    margin-top: 40px;
}

/*Reference Edit styles*/
div[id^="headerStatus"] {
    color: #663c00;
    font: 1.0em sans-serif, tahoma, arial, verdana;
    vertical-align: top;
}

.currentLabel {
    color: #663c00;
    font: 1.1em sans-serif, tahoma, arial, verdana;
    vertical-align: text-bottom;
    font-weight: bolder;
}

/*css3*/
div[id^="statusId"] {
    font-family: sans-serif;
    font-size: 1.1em;
    font-weight: bolder;
    color: #e60000;
}

.sepLine15 {
    clear: both;
    height: 15px;
}

/*Override the web content header widget font size*/
.infoHeaderNoBodyCss h2 {
    font-family: sans-serif;
    font-size: 20px;
    color: #000000;
    text-align: center;
    padding-left: 20px;
    padding-right: 30px;
    padding-top: 20px;
}

/*Override the font size for the header labels */
.plainLabelHeader {
    color: #663c00;
    font: 1em sans-serif, tahoma, arial, verdana;
    font-weight: bold;
    padding-right: 10px;
}

.pageHeaderNoBodyRed {
    color: #e60000;
    vertical-align: top;
    text-align: center;
    margin-top: -1px;
    margin-bottom: -3px;
}

/*css3 Show the internal status message in red*/
div[id^="internalContentRed"] {
    color: #e60000;
    font-family: sans-serif;
    font-weight: bold;
}

#cloneMessageId /*.x-form-display-field */ {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: sans-serif;
    font-size: 1.1em;
    font-weight: bold;
}

.highlighted-row .x-grid-cell {
    font-family: sans-serif;
    font-weight: bold;
}

.legacyHistory .x-form-display-field {
    font-family: sans-serif;
    font-weight: bold;
    font-size: 1.1em;
}
/* Create Reference styles */
div.rtdescCss {
    margin: 20px 0 20px 40px;
    width: 90%;
    /*text-align: justify;*/
    display: none;
}

div#divButtonRow {
    margin-left: 40px;
    width: 90%;
    border-top: solid 1px #ccc;
}

.disabledButtonCls {
    opacity: 0.2;
}
/* Reference Edit styles */
#map-canvas {
    height: 400px;
    width: 400px;
}

span.linkedMsg {
    color: darkseagreen;
}

.x-fieldset-header-text {
    font-family: sans-serif;
    font-weight: bold;
}

.pageHeaderRed /*.x-form-display-field */ {
    color: #e60000;
    font-family: sans-serif;
    font-weight: bold;
}

.changeTypeWarning /*.x-form-display-field*/ {
    color: #e60000;
    font-family: sans-serif;
    font-weight: bold;
}

.highlighted-row .x-grid-cell {
    font-family: sans-serif;
    font-weight: bold;
}

div[id^="saveMsgId"] {
    color: darkgreen;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 1.1em;
}

/* Batch Management styles */
/*css3 Show the warning message in red*/
div[id^="warningMessageId"] {
    color: #e60000;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 1.1em;
}

/* Advanced Search styles */
.sSearchBodyShow {
    background-color: #efedef;
}

.sSearchBody {
    padding: 5px 5px 5px 0;
}

/* class for Ext Checkboxes   */
.plainLabelForCbx {
    color: #333;
    font: .9em sans-serif, tahoma, arial, verdana;
    position: relative;
    right: 20px;
    top: 4px;
}

/* class for exclude checkbox */
.formCheckbox-R {
    float: right;
    color: rgb(110, 64, 0);
    font: normal 11px sans-serif,arial,helvetica, clean;
}

/* Removes the loading animated icon from a loading mask for excluding sections.*/
.sectionExcludedMsgCls > .x-mask-msg-inner > div {
    background-image: none !important;
    padding: 5px;
}

.as-panel .x-panel-header-default {
    background-image: -moz-linear-gradient(top, white, white);
}

.as-panel .x-tool {
    left: 0 !important;
}

.as-panel .x-panel-header-text-container {
    padding-left: 18px;
}

div.accessInformation {
    margin-left: 220px;
    width: 56%;
}

    div.accessInformation p {
        font-family: sans-serif;
        font-size: 1.1em;
        margin-top: 0;
        margin-bottom: 0;
    }

.legacyMessageSpan {
    font-family: sans-serif;
    font-size: 1.1em;
    color: #e60000;
    font-weight: bold;
}

#moreInfoButtonId .x-btn-inner-default-small {
    padding-top: 10px;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 1.1em !important;
}

#moreInfoContainerId {
    clear: both;
}

#ext-quicktips-tip .x-tip .x-layer .x-tip-default .x-border-box {
    color: #e60000;
    font-family: sans-serif;
    font-weight: bold;
}

x-tip-default {
    background-color: #d9d9d9
}

.force-read-only input,
.force-read-display input,
.force-read-only textarea {
    background-color: #F2F2F2;
    background-image: none;
}

.force-read-only-NoBGC textarea {
    background-image: none;
}

.force-read-only-NoBGC .x-form-text-wrap-default {
    border-color: transparent;
}

.x-panel-header-title-default > .x-title-text-default {
    text-transform: none;
    padding: 0 20px 1px;
}

/******************************************************  MAIN ACTION BUTTON ***************************************/
/*Main action button Ext classes override - Applicable to Ext buttons with 'cls: mainActionButton' ****************/

.mainActionButton .x-btn-inner {
    background-color: #5E7630 !important;
    font-family: sans-serif;
    font-weight: bold;
    color: White;
}

.mainActionButton.x-btn-default-small {
    background-image: none !important;
}

.mainActionButton .x-btn-center {
    background-color: #5E7630 !important;
}

.mainActionButton {
    background-color: #5E7630 !important;
}

/*Prevents the mainActionButton to be underlined when hovered*/
a.mainActionButton {
    text-decoration: none;
}

/*Fixes some issues with the border of the mainActionButton when hovered, when rendered in a toolbar*/
.mainActionButton .x-btn-default-toolbar-small-over {
    border-color: rgb(94, 118, 48) !important;
    background-color: rgb(94, 118, 48) !important;
    background-image: none !important;
}

.x-body {
    color: #000;
    font-size: 12px;
    font-family: sans-serif, tahoma, arial, verdana !important;
}

.theme-gray-all {
    color: #000;
    font-size: 12px;
    font-family: sans-serif, tahoma, arial, verdana !important;
}

    .theme-gray-all .x-body {
        color: #000;
        font-size: 12px;
        font-family: sans-serif, tahoma, arial, verdana !important;
    }

.fakeLabel, .fakeLabel-R180, .fakeLabel-L180, .plainLabel, .fakeLabel-R100, .fakeLabel-L300, .fakeLabel-R300 {
    font: 0.9em sans-serif, tahoma, arial, verdana;
}

.lableStyle {
    font: 0.9em sans-serif, tahoma, arial, verdana;
    color: #6e4000;
}

.gridHeaderHelpText .x-form-display-field-default {
    font: bold 12px/14px tahoma, arial, verdana, sans-serif;
    color: #000;
}

.ddsmoothmenu {
    font: bold 12px sans-serif;
}

.infoHeaderCss h2 {
    font-family: sans-serif, tahoma, arial;
}

.hideIt {
    display: none;
}

.floatRight .x-btn-inner-default-small .x-box-item a span {
    float: right !important;
    position: relative;
}

.floatLeft .x-btn-inner-default-small .x-box-item a span {
    float: left !important;
    position: relative;
}

.addBoarder .x-btn-default-toolbar-small a {
    border-color: #d7d2d2!important;
}

ol {
    list-style-type: decimal;
}

/*Style grid rows differently based on message type*/
.errorMessage-row {
    background-color: #ffe2e2;
    color: #900;
}

.warningMessage-row {
    background-color: yellow;
}

.infoMessage-row {
    background-color: white;
}

/*Allow text in grid cell to wrap to multiple lines*/
.multilineCell div {
    white-space: normal;
}

/*Allow text in a display field to wrap*/
.multilineDisplay div {
    word-wrap: break-word;
}

/*Apply color style for label*/
.topDisplayLabel {
    color: #6e4000;
}

.inlineDisplayLabel .plainLabel {
    color: #6e4000;
    font: 0.9em sans-serif, tahoma, arial, verdana;
    padding-top: 2px;
}

/** VERY IMPROTANT!!!! **/
/** This overrides the grid editor style and allows the editor to grove the bottom of the grid when the last row is edited!!! **/
.x-grid-row-editor {
    position: relative;
}

/* Overrides to fix hidden buttons in grid row editor when displaying on a touch screen */
.x-grid-row-editor-wrap {
    z-index: 99 !important;
}

.x-grid-row-editor-buttons-top {
    clip: auto !important;
}

/*Style retracted and not-retracted file grid rows differently*/
.retracted-row {
    /*background-color: #ffe2e2;*/
    /*color: #900;*/

    color: #000000;
    font-weight: bolder;
}

.active-row {
    background-color: white;
}

.top {
    z-index: 999;
}

.floatLeft {
    left: 160px !important;
}

/*Spacing for action icons*/
.icon-blank {
    margin-left: 22px;
}

.icon-spacing {
    margin-left: 3px;
}

.ttBulletCss {
    font-weight: bold;
    font-size: 12px;
    color: #785308;
}

.method-panel .x-tool {
    left: 0 !important;
}

.method-panel .x-panel-body-default .x-panel-body-default {
    padding: 5px;
}

#infoTextId .x-form-item-label {
    font: 1.1em sans-serif, tahoma, arial, verdana;
    padding-right: 10px;
}

#learnMoreButtonId .x-btn-inner-default-small {
    font: normal 12px/19px sans-serif, tahoma, arial, verdana;
    color: #333;
    padding: 0 4px;
    max-width: 100%;
    text-decoration: underline;
}

#coreHelpButtonId .x-btn-inner-default-small {
    font: normal 12px sans-serif, tahoma, arial, verdana;
    color: #333;
}

.ds-ancors {
    color: #624000;
    text-decoration: underline !important;
}

.bigText, .homePageTitle, .homePageSubtitle {
    color: #8c8c8c;
    font-size: 1.4em;
    font-weight: bold;
}

/* The publisher combo style is messed up due to the load order and the dynamic-ness of the tab causes a style issue with the fonts. */
.wizardCoreTabPublisher .x-form-empty-field-default {
    color: #000000;
}

.gridCellTextBold {
    font-weight: bold;
}

.force-display-contact-profile .x-form-display-field-default {
    /*margin-top: -2px !important;*/
    color: #000;
}

.forceHidden {
    display: none;
}

.DataTableScaleBody .x-grid-rowbody {
    margin-left: 45px;
}

.scaleHeader {
    font-weight: bold;
    border-bottom: 1px solid #CCCCCC;
}

.scaleRow {
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 1px solid #CCCCCC;
}

    .scaleHeader div,
    .scaleRow div {
        display: inline-block;
        overflow-wrap: anywhere;
    }

    .scaleHeader .Code,
    .scaleRow .Code {
        width: 175px;
    }

    .scaleHeader .Definition,
    .scaleRow .Definition {
        width: 525px;
        margin-left: 10px;
    }
    

#doiAlertHeader {
    padding: 0 2px 1px;
    text-transform: none;
    font-size: 1.5em;
}

#profileLink {
    text-decoration: underline !important;
    color: dodgerblue;
}

#doiLink {
    text-decoration: underline !important;
    color: dodgerblue;
}

#doiLink1 {
    text-decoration: underline !important;
    color: dodgerblue;
}

/*
    The image required for all ORCiDs causes the contacts to display lower while the icon is centered. 
*/
.orcidContact .x-form-display-field-default {   
    margin-top: -1px;
}

.orcidContact .x-form-item-body-default {
    margin-top: -1px;
}

.expandCollapseText {
    text-align: right;
}