/*
###################################################################
	FONTS
################################################################### */
.operdataview h1.page-title {
    font-weight: normal;
    font-family: 'OpenSansLight', Arial, Helvetica, sans-serif;
}
.operdataviewdetails .node-page-intro p,
.operdataviewdetails #get_more_button,
.operdataviewdetails .report-node-list,
.operdataviewdetails .report-node-filter-list,
.title,
.field-tips {
    font-weight: normal;
    font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
}
.related-links a,
.operdataview .breadcrumbs,
.operdataviewdetails h2,
.operdataviewtree #jstree .jstree-node.jstree-leaf a,
.operdataviewdetails .node-page-intro h1,
.operdataviewdetails .node-page-intro h2 {
    font-weight: normal;
    font-family: 'OpenSansSemibold', Arial, Helvetica, sans-serif;
}
.operdataviewdetails .lmp-by-node .field-tips,
.operdataviewdetails .demand-by-zone .field-tips,
.operdataviewdetails .results-header TH,
.operdataviewtree #jstree .jstree-node a,
.operdataviewtree #jstree > ul.jstree-container-ul > li.jstree-node.jstree-leaf > a {
    font-weight: normal;
    font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
}
.operdataviewdetails .results-header TH,
.operdataviewdetails .list-header-title {
    font-weight: normal;
    font-family: 'OpenSansExtrabold', Arial, Helvetica, sans-serif;
}
/*
###################################################################
	GENERAL
################################################################### */
.hide {
    display: none;
}
/*
###################################################################
	PAGE HEADER
################################################################### */
.page-header {
    margin-left: 12px;
    margin-right: 12px;
}
.page-header h1 {
    margin-top: 0;
    margin-bottom: 1.05rem;
    font-size: 4.2rem;
}
.breadcrumbs {
    margin-top: 2.1rem;
    margin-bottom: 0;
    display: inline-block;
    padding-left: 0;
}
.breadcrumbs li {
    display: inline;
    background: none;
    font-size: 1.3rem;
    margin-right: 2px;
    padding-right: 0;
}
.breadcrumbs li:after {
    content: ">";
}
.breadcrumbs li:last-child:after {
    content: "";
}
.breadcrumbs a {
    color: #3e525b;
    text-decoration: none;
    margin-right: 0.4rem;
    font-size: 1.3rem;
    display: inline;
}
/*
###################################################################
	TABS
################################################################### */
div [class*="-tab-wrapper"] {
    display: inline-block;
    margin-top: 4.2rem;
    margin-bottom: -0.4rem;
}
div [class*="-tab-wrapper"] h2, div [class*="-tab-wrapper"] h3 {
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0.8rem 1.0rem;
    float: left;
    margin: 0;
    line-height: 1;
}
.gold-tab-wrapper h2, .gold-tab-wrapper h3 {
    background: #feba31;
}
.orange-tab-wrapper h2, .orange-tab-wrapper h3 {
    background: #f68b21;
}
.blue-tab-wrapper h2, .blue-tab-wrapper h3 {
    background: #1997d4;
}
.slate-tab-wrapper h2, .slate-tab-wrapper h3 {
    background: #495b65;
}
.tab-shadow {
    float: left;
    padding: 0;
    margin: 0;
    width: 5.0rem;
    height: 3.0rem;
    line-height: 0;
}
.tab-shadow img {
    height: 100%;
}
/*
###################################################################
	RELATED LINKS
################################################################### */
.related-links {
}
.related-links ul {
    list-style: none;
    padding: 0;
}
.related-links li {
    line-height: 2.5;
}
.related-links li:hover a, .related-links li.selected a  {
    background: #3e525b;
    color: #fff;
}
.related-links li a {
    color: #3e525b;
    padding: 0 0 0 20px;
    font-size: 1.4rem;
    text-decoration: none;
}

/*
###################################################################
	TREE
################################################################### */
.tree-container {
    /** override for root-node */
    /** override for selected node */
    width: 94%;
    margin: 0 0 0 0;
    padding: 0 0 0 5px;
}
.operdataviewtree .x-panel {
    padding: 0;
}

/*** Tree Icons ***/
.jstree-open>.jstree-ocl,
.jstree-closed>.jstree-ocl {
    background-image: url("/isoexpress/web/reports/images/arrows.png");
    background-repeat: no-repeat;
    padding: 5px 6px 0 10px;
    cursor: pointer;
}
.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl {
    background-position: -16px 50%;
}
.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl {
    background-position: 0 50%;
}

/*** Tree margins/paddings ***/
.jstree ul {
    margin: 0;
}
.jstree > ul .jstree-children {
    margin-left: 20px;
}
.jstree > ul{
    margin: 0;
}


.jstree > ul > li {
    padding: 7px 10px 7px 7px;
    margin-left: 0;
}

a.jstree-anchor {
    background-color: transparent;
    line-height: 19px;
    color: #495B64;
    font-size: 1.0rem;
    font-weight: normal;
}
.jstree-default .jstree-clicked,
a:hover {
    box-shadow: none;
    color: #1a95d3;
    text-decoration: none;
}
.jstree-node.jstree-leaf a,
.jstree-node .jstree-node a {
    font-size: 1.1rem;
}
.jstree-node a,
.jstree > ul > li.jstree-node.jstree-leaf > a {
    font-size: 1.3rem;
}
ul.jstree-container-ul > li {
    border-top: 1px solid #CCCCCC;
}
ul.jstree-container-ul > li:first-child {
    border-top: none;
}
.jstree-clicked > div > span > a {
    color: #1997D4;
}
.jstree-default .jstree-node {
    min-height: 15px;
    line-height: 15px;
    min-width: 24px;
}
.jstree-default .jstree-icon,
.jstree-default .jstree-icon:empty {
    width: 24px;
    height: 15px;
    line-height: 15px;
}
.jstree-default .jstree-anchor {
    line-height: 20px;
    height: 20px;
}
/*
###################################################################
	DETAILS
################################################################### */
.control-group-inline {
    display: inline-block;
}
.text-uppercase {
    text-transform: capitalize;
}
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
nput[type="week"], select, textarea, .uneditable-input {
    border: 1px solid #DDD;
    color: #8D8D8D;
    font-weight: 200;
    margin-bottom: 7px;
}

.operdataviewdetails {
    font-size: 10px;
    /** =============== report listing =============== */
    /** =============== report listing | table =============== */
    /** =============== download button bar =============== */
    /** ================== -DESC web content item  ================== */
}

.operdataviewdetails {
    margin: 2px 0 5px 0;
    /* =========== Apply badges after links to DOCs, PDFs, PPTs, CSVs, etc. in the main content area. =========== */
    /* =========== end applying badges =========== */
}
.operdataviewdetails .view-body {
    overflow: auto;
}
.operdataviewdetails h2 {
    margin-top: 3.15rem;
    margin-bottom: 1.05rem;
    line-height: 1.167;
}
.operdataviewdetails th, .operdataviewdetails td {
    font-size: 1.3rem;
}

.operdataviewdetails p {
    font-size: 1.4rem;
    color: #495B64;
    line-height: 150%;
    margin-bottom: 0;
}

.operdataviewdetails .introductory-text a[href$=".pdf"]:after {
    content: "PDF";
    background: #bbb;
    color: #fff;
    display: inline-block;
    padding: 2px 3px;
    margin: 0.7em 0 0 3px;
    border-radius: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    line-height: 1;
    letter-spacing: 0.7px;
    vertical-align: top;
}

.operdataviewdetails .introductory-text a[href$=".pdf"]:hover:after {
    background: #eb3430;
}

.operdataviewdetails .introductory-text a[href$=".doc"]:after,
.operdataviewdetails .introductory-text a[href$=".docx"]:after,
.operdataviewdetails .introductory-text a[href$=".docm"]:after {
    content: "DOC";
    background: #bbb;
    color: #fff;
    display: inline-block;
    padding: 2px 3px;
    margin: 0.7em 0 0 3px;
    border-radius: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    line-height: 1;
    letter-spacing: 0.7px;
    vertical-align: top;
}

.operdataviewdetails .introductory-text a[href$=".doc"]:hover:after,
.operdataviewdetails .introductory-text a[href$=".docx"]:hover:after,
.operdataviewdetails .introductory-text a[href$=".docm"]:hover:after {
    background: #2495d1;
}

.operdataviewdetails .introductory-text a[href$=".csv"]:after {
    content: "CSV";
    background: #bbb;
    color: #fff;
    display: inline-block;
    padding: 2px 3px;
    margin: 0.7em 0 0 3px;
    border-radius: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    line-height: 1;
    letter-spacing: 0.7px;
    vertical-align: top;
}

.operdataviewdetails .introductory-text a[href$=".csv"]:hover:after {
    background: #8cc542;
}

.operdataviewdetails .introductory-text a[href$=".xls"]:after,
.operdataviewdetails .introductory-text a[href$=".xlsx"]:after,
.operdataviewdetails .introductory-text a[href$=".xlsm"]:after {
    content: "XLS";
    background: #bbb;
    color: #fff;
    display: inline-block;
    padding: 2px 3px;
    margin: 0.7em 0 0 3px;
    border-radius: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    line-height: 1;
    letter-spacing: 0.7px;
    vertical-align: top;
}

.operdataviewdetails .introductory-text a[href$=".xls"]:hover:after,
.operdataviewdetails .introductory-text a[href$=".xlsx"]:hover:after,
.operdataviewdetails .introductory-text a[href$=".xlsm"]:hover:after {
    background: #8cc542;
}

.operdataviewdetails .introductory-text a[href$=".ppt"]:after,
.operdataviewdetails .introductory-text a[href$=".pptx"]:after {
    content: "PPT";
    background: #bbb;
    color: #fff;
    display: inline-block;
    padding: 2px 3px;
    margin: 0.7em 0 0 3px;
    border-radius: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    line-height: 1;
    letter-spacing: 0.7px;
    vertical-align: top;
}

.operdataviewdetails .introductory-text a[href$=".ppt"]:hover:after,
.operdataviewdetails .introductory-text a[href$=".pptx"]:hover:after {
    background: #f7a42c;
}

.operdataviewdetails .introductory-text a[href$=".zip"]:after,
.operdataviewdetails .introductory-text a[href$=".zipx"]:after {
    content: "ZIP";
    background: #bbb;
    color: #fff;
    display: inline-block;
    padding: 2px 3px;
    margin: 0.7em 0 0 3px;
    border-radius: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    line-height: 1;
    letter-spacing: 0.7px;
    vertical-align: top;
}

.operdataviewdetails .introductory-text a[href$=".zip"]:hover:after,
.operdataviewdetails .introductory-text a[href$=".zipx"]:hover:after {
    background: #fec63b;
}

.operdataviewdetails a.no-badge:after, .operdataviewdetails a.no-badge:hover:after {
    content: "" !important;
    background: transparent !important;
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}

.operdataviewdetails .col-4 a.csvlink {
    color: #319FEC;
}

.operdataviewdetails h2 {
    font-size: 2.5rem;
    font-weight: bold;
    color: #4b5a5f;
}

.operdataviewdetails .aui-field-input-text {
    border: 1px solid #666;
    padding: 3px;
    font-size: 1em;
    color: #666666;
}

.operdataviewdetails .taglib-captcha {
    margin: 0;
}

.operdataviewdetails .taglib-captcha LABEL {
    display: none;
}

.operdataviewdetails .taglib-captcha > SPAN.refresh {
    display: none;
}

.operdataviewdetails .taglib-captcha INPUT {
    width: 142px;
}

.captcha {
    margin-bottom: 1em;
}
.operdataviewdetails .captcha-refresh-tip {
    font-style: italic;
    color: #FFFFFF;
    font-size: 11px;
    padding-bottom: 2px;
}

.operdataviewdetails .custom-template .captcha-refresh-tip {
    color: #000000;
}

.operdataviewdetails .custom-template .x-date-picker LABEL {
    color: #495b64;
}

.operdataviewdetails .button-holder input[type=button] {
    font-size: 1.1rem;
}

.operdataviewdetails #get_more_button {
    font-size: 1.3rem;
    margin-top: 10px;
    padding: 7px 14px 7px 10px;
}

.operdataviewdetails table {
    margin-bottom: 0;
    border-top-color: #cdccc8;
    border-bottom-color: #cdccc8;
    border-collapse: collapse;
}

.operdataviewdetails .list-container {
    border: 1px solid #E0E0E0;
    margin-top: -1px;
    border-collapse: collapse;
    /* eliminates the "double-border" appearance, when one of these containers is stacked on top of another. */
}

.operdataviewdetails .view-body:first-child .list-container {
    margin-top: 0;
}

.operdataviewdetails .list-container .results-header {
    background-color: #A8BCD7;
    /* #c5c5c5; /* #A8BCD7; */
}

.operdataviewdetails .list-container .results-header th {
    color: #FFFFFF;
}

.operdataviewdetails .list-header {
    width: 100%;
    padding: 0;
    background-color: #FFFFFF;
    /* #9a9a9a, #7395BF; */
    color: #8dacbc;
}

.operdataviewdetails .list-header td {
    border-color: transparent;
}

.operdataviewdetails .list-header-title {
    padding: 10px;
    color: #8dacbc;
    text-transform: uppercase;
    font-weight: bold;
}

.operdataviewdetails .list-header-title div {
    height: 18px;
    display: inline;
}

.operdataviewdetails .toggle-icon {
    background-image: url("/isoexpress/web/reports/images/toggle.png");
    background-repeat: no-repeat;
    background-position: 0 -16px;
    cursor: pointer;
    padding-left: 16px;
}

.operdataviewdetails .list-header-actions {
    padding: 3px 5px 3px 0;
    width: 60px;
}

.operdataviewdetails .list-header-actions a {
    font-weight: bold;
    padding: 2px 4px 2px 4px;
    /*  Fix display of "more buttons" -- for example, on http://wwwint.iso-ne.com/isoexpress/web/reports/load-and-demand/-/tree/dmnd  */
}

.operdataviewdetails .list-header-actions a:hover {
    color: #FFFFFF;
    background: #1795d2;
}

.operdataviewdetails .list-header-actions a:link {
    color: #FFFFFF;
    background: #8E979C;
}



.operdataviewdetails .collapsed .list-body {
    display: none;
}

.operdataviewdetails .collapsed .toggle-icon {
    background-position: 0 0;
}

.operdataviewdetails .rpt-col-1 {
    width: 10px;
}

.operdataviewdetails .rpt-col-2 {
    width: auto;
    font-size: 1.3rem;
    color: #495b64;
}

.operdataviewdetails .rpt-col-3 {
    width: 175px;
    font-size: 1.3rem;
    color: #495b64;
}

.operdataviewdetails .rpt-col-4 {
    width: 50px;
    text-align: center;
    font-size: 1.3rem;
    color: #495b64;
}

.operdataviewdetails .rpt-col-4 a {
    text-decoration: none;
}

.operdataviewdetails .results-header TH.rpt-col-1, .operdataviewdetails .results-row TD.rpt-col-1 {
    padding-left: 10px;
}

.operdataviewdetails .results-header TH {
    font-weight: bold;
    padding: 10px 10px 10px 0;
    background: #fff;
    font-size: 1.2rem;
    color: #8dacbc !important;
}

.operdataviewdetails .results-header TH.sorting {
    cursor: pointer;
    background-image: url("/isoexpress/web/reports/images/sort_both.gif");
    background-position: 9px center;
    background-repeat: no-repeat;
    padding-left: 21px;
}

.operdataviewdetails .results-header TH.sorting_asc {
    cursor: pointer;
    background-image: url("/isoexpress/web/reports/images/sort_asc.gif");
    background-position: 9px center;
    background-repeat: no-repeat;
    padding-left: 21px;
}

.operdataviewdetails .results-header TH.sorting_desc {
    cursor: pointer;
    background-image: url("/isoexpress/web/reports/images/sort_desc.gif");
    background-position: 9px center;
    background-repeat: no-repeat;
    padding-left: 21px;
}

.operdataviewdetails .results-row TD {
    padding: 10px;
    background: #fff;
}

.operdataviewdetails TBODY TR.results-row TD {
    vertical-align: middle;
}

.operdataviewdetails .csvlink {
    color: #1999d8;
}

.operdataviewdetails .dataTables_empty {
    padding-left: 30px;
}

.operdataviewdetails .arrowicon {
    background: url("/isoexpress/web/reports/images/menu_arrow.gif") no-repeat scroll 0 6px transparent;
    padding-left: 10px;
}

.operdataviewdetails .searchicon {
    background: url("/isoexpress/web/reports/images/search.png") no-repeat scroll 0 0 transparent;
    padding-left: 15px;
}

.operdataviewdetails .download-actions {
    padding: 0;
    width: 100%;
    margin: 5px 0;
}

.operdataviewdetails .download-actions > table {
    width: 100%;
    border: none;
}

.operdataviewdetails .download-actions > table > tbody > tr > td {
    padding: 0 0 0 0;
    border: none;
}

.operdataviewdetails .download-actions > table > tbody > tr > td.left {
    text-align: left;
}

.operdataviewdetails .download-actions > table > tbody > tr > td.right {
    text-align: right;
}

.operdataviewdetails .download-actions .dropdown-container {
    position: relative;
    z-index: 9;
    margin-bottom: 10px;
    margin-top: 7px;
    /** =============== download popup button =============== */
    /** =============== download popup container div =============== */
}

.operdataviewdetails .download-actions .dropdown-container .trigger {
    padding: 7px 14px 7px 10px;
    cursor: pointer;
    border: none #003366;
    font-weight: bold;
    background: #8e979c;
    border-radius: 3px;
    color: #FFFFFF;
}

.operdataviewdetails .download-actions .dropdown-container.hover .trigger, .operdataviewdetails .download-actions .dropdown-container.hover:hover .trigger {
    color: #FFFFFF;
    background: #2a3e48;
    border: none;
    border-radius: 0;
}

.operdataviewdetails .download-actions .dropdown-container:hover .trigger {
    color: #FFFFFF;
    border: none;
    background: #1795d2;
    /* #2a3e48; /* #1a95d3; */
}

.operdataviewdetails .download-actions .dropdown-container .dropdown {
    display: none;
    position: absolute;
    padding: 10px;
    color: #FFFFFF;
    background: #2a3e48;
    /* #333; */
}

.operdataviewdetails .download-actions .dropdown-container.hover .dropdown {
    display: block;
    top: 23px;
}

.operdataviewdetails .download-actions .left .dropdown {
    left: 0;
}

.operdataviewdetails .download-actions .right .dropdown {
    right: 0;
}

.operdataviewdetails .download-actions .dropdown .aui-form fieldset {
    margin-bottom: 1em;
}

.operdataviewdetails .download-actions .download-form {
    padding: 0;
}
.operdataviewdetails .custom-template > div {
    width: 98%;
}
.operdataviewdetails .historical-data-form {
    padding: 0;
    text-align: left;
    width: 500px;
}

.operdataviewdetails .historical-data-form .title {
    font-weight: bold;
    font-size: 1.2em;
}

.operdataviewdetails .report-list, .operdataviewdetails .report-list-header {
    width: 80%;
}

.operdataviewdetails .report-list > div, .operdataviewdetails .report-list-header > div {
    padding: 1px 3px 1px 3px;
}

.operdataviewdetails .report-list {
    background-color: transparent;
    color: #8dacbc;
    border: none;
}

.operdataviewdetails .report-list .aui-field-label {
    font-weight: normal;
}

.operdataviewdetails .report-list-header {
    color: #FFF;
    background-color: #7395BF;
}

.operdataviewdetails .report-node-filter-list {
    height: 50px;
    overflow: auto;
    width: 100%;
    position: relative;
}

.operdataviewdetails .report-node-filter-list span {
    color: #495B64;
    vertical-align: text-bottom;
}

.operdataviewdetails .report-node-filter-list > div {
    float: left;
    width: 45px;
}

.operdataviewdetails .report-node-list {
    max-height: 200px;
    overflow: auto;
    width: 100%;
}

.operdataviewdetails .report-node-list div.node {
    float: left;
    padding: 1px 3px;
    width: 235px;
    color: #495B64;
    line-height: 150%;
}

.operdataviewdetails .report-node-list div.node > div {
    float: left;
    padding-left: 3px;
}

.operdataviewdetails .report-node-list div.node > div.node-id {
    width: 30px;
    text-align: right;
}

.operdataviewdetails .report-zone-list {
    height: 210px;
    overflow: auto;
    width: 80%;
}

.operdataviewdetails .report-zone-list .aui-field-label {
    font-weight: normal;
    color: #495B64;
}

.operdataviewdetails .hist-hourly-lmp-by-node {
    display: none;
}

.operdataviewdetails .hist-hourly-interchange {
    display: none;
}

.operdataviewdetails .hist-hourly.lmps .hist-hourly-lmp-by-node {
    display: block;
}

.operdataviewdetails .hist-hourly.lmps .hist-hourly-lmp-by-node .field-tips {
    vertical-align: bottom;
    position: relative;
}

.operdataviewdetails .hist-hourly.lmps .report-node-list-container .field-tips > div {
    position: absolute;
    bottom: 0;
}

.operdataviewdetails .hist-hourly.demand .hist-hourly-demand-by-zone {
    display: block;
}

.operdataviewdetails .hist-hourly.hourly .hist-hourly-interchange {
    display: block;
}

.operdataviewdetails .lmp-by-node .field-tips, .operdataviewdetails .demand-by-zone .field-tips {
    font-size: 1.3rem;
    color: #495B64;
}

.operdataviewdetails .hourly-interchange-reports {
    height: 130px;
    overflow: auto;
}

.operdataviewdetails .node-header {
    border-bottom-color: #EEEEEE;
}

.operdataviewdetails table.taglib-search-iterator TR.alt {
    background-color: #DCE4EF;
    /* #f2f2f2; /* #DCE4EF; /* #DDE1E6 */
}

.operdataviewdetails table.taglib-search-iterator TR.alt TD {
    background-color: #FFF;
    /* #f2f2f2; /* #DCE4EF; /* #DDE1E6 */
}

.operdataviewdetails table.taglib-search-iterator TD {
    border-top: 1px solid #dbdbdb;
    border-right: 1px dashed #dbdbdb;
    padding-right: 10px;
    padding-left: 10px;
}

.operdataviewdetails table.taglib-search-iterator TD:last-child {
    border-right: none;
}

.operdataviewdetails table.taglib-search-iterator TH {
    border-top: 1px solid #dbdbdb;
    border-right: 1px dashed #dbdbdb;
    padding-right: 10px;
    padding-left: 10px;
}

.operdataviewdetails table.taglib-search-iterator TH:last-child {
    border-right: none;
}

.operdataviewdetails table.taglib-search-iterator THEAD TR {
    background-color: #A8BCD7;
}

.operdataviewdetails table.taglib-search-iterator THEAD TH {
    color: #FFFFFF;
}

.operdataviewdetails table.taglib-search-iterator input {
    cursor: pointer;
}

.operdataviewdetails .frm-body {
    background-color: #2a3e48;
    color: #8dacbc;
    padding: 10px;
    /* background-color: #F5F5F5; */
    /* color: #666; */
}

.operdataviewdetails .frm-body .title {
    color: #fff;
}

.operdataviewdetails .loading {
    text-align: left;
    display: none;
    padding: 2px;
    background: url("/isoexpress/web/reports/images/loading.gif") no-repeat scroll right center transparent;
    color: #F5F5F5;
}

.operdataviewdetails .lnkCancel {
    color: #8dacbc;
    font-weight: bold;
    cursor: pointer;
}

.operdataviewdetails .field-tips {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 8px;
}

.operdataviewdetails .dropdown .button-holder {
    margin: 10px 5px 0 5px;
    text-align: right;
}

.operdataviewdetails ul.messages {
    background-color: white;
    border: 1px solid #CCCCCC;
    list-style: disc inside none;
    margin: 0;
    padding: 0;
    display: none;
}

.operdataviewdetails ul.messages li {
    padding: 2px 5px;
}

.operdataviewdetails ul.messages li.error {
    color: red;
}

.operdataviewdetails .node-page-intro {
    margin-bottom: 31px;
}

.operdataviewdetails .node-page-intro p {
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: normal;
    color: #495b64;
    margin-bottom: 21px;
}

.operdataviewdetails .node-page-intro h1, .operdataviewdetails .node-page-intro h2 {
    font-family: Arial, sans-serif;
    font-size: 28px;
    font-weight: bold;
    color: #88a2af;
    border-bottom: none;
}
.web-content-description {

}