@charset "UTF-8";
/* default grails style sheet subsequently modified for eol/zinc */

/* GENERAL */

.spinner {
    padding: 5px;
    position: absolute;
    right: 0;
}

body {
    background: #ffffff;
    color: #000000;
    font-family: sans-serif;
}

.body {
    margin: 0 15px 10px 15px;
}

h2, h3
{
    color: #A51901;
}

.box {
    padding: 5px;
}

.box h2
{
    color: #A51901 !important;
    border-bottom: 2px solid #A51901 !important;
    text-transform: uppercase;
    margin: 0 0 5px;
}

.box h3
{
    margin: 0;
    color: black;
}

#pageBody {
    margin-right:20px;
}

ul {
    padding-left: 15px;
}

input, button, select, textarea {
    background-color: #fcfcfc;
    border: 1px solid #ccc;
    margin: 2px 0;
    padding: 2px 4px;
}

/* bah, for IE10, and must be separate rules for FF */
input[type=radio]
{
    border: none;
}
input[type=checkbox]
{
    border: none;
}

input[readOnly] {
    background-color: #f5f4e9;
    border-style: none;
}

select {
   padding: 2px 2px 2px 0;
}

select.edit {
    max-width: 200px;
}

textarea {
    vertical-align: top;
}

input:focus, select:focus, textarea:focus {
    border: 1px solid #b2d1ff;
}

/* NAVIGATION MENU */

.nav {
    padding-bottom: 2em;
}

.menuButton {
    font-size: 10px;
    padding: 0 5px;
}
.menuButton a {
    color: #000000;
}
.menuButton a.home {
    background: url(XZxwq2CdhKQxLth7CqP7LcbI3LaYjCwJKkxHLHDpe0x.png) center left no-repeat;
    color: #000000;
    padding-left: 24px;
}
.menuButton a.list {
    background: url(RdALDCN57QSCqXqRNdXsEvVFyPLe8pmO0DRCrEZJtEW.png) center left no-repeat;
    color: #000000;
    padding-left: 24px;
}
.menuButton a.create {
    background: url(0yisl7281lTvwY6VcTEi0AwvMESNU2VvH0gCkLacD7T.png) center left no-repeat;
    color: #000000;
    padding-left: 24px;
}
.menuButton a.edit {
    background: url(El0e01veMPBnf1OAeE8CxbYtoSWHtdzL7sWbN0u6SRa.png) center left no-repeat;
    color: #000000;
    padding-left: 24px;
}
.menuButton a.cancel {
    background: url(vbs3RbiqULXpxoVyuHl7UUqktaRtuk4MuBzGWBvO2Lg.png) center left no-repeat;
    color: #000000;
    padding-left: 24px;
}
.menuButton a.information {
    background: url(5r7Rwd8PayLGhpjX1Cu8uUF6AB9prDYFb0MemFibdy.png) center left no-repeat;
    color: #000000;
    padding-left: 24px;
}
.menuButton a.session {
    background: url(MqKd0dXECiazVAY1oEr2j46IGsfrr99HJJOVvB6YgEx.png) center left no-repeat;
    color: #000000;
    padding-left: 24px;
}

.param-list a.cancel i,
.navmenu-item-control a.cancel i
{
    color: red !important;
    text-decoration: none;
}

.menuButton a.reload {
    background: url(J19tZrP9YPJmrkceoUVuESywgnHdSzoOhl6BoBYwmsn.png) center left no-repeat;
    color: #000000;
    padding-left: 24px;
}
.menuButton a.delete {
    background: url(YucqBCSRWarWYvMDmurXMVxipV8JxQ7R615OxCNXfwC.png) center left no-repeat;
    color: #ff0a0a !important;
    padding-left: 24px;
}
.menuButton input.delete
{
    background: url(YucqBCSRWarWYvMDmurXMVxipV8JxQ7R615OxCNXfwC.png) center left no-repeat;
    color: #ff0a0a !important;
    border: 0 none;
    margin: 0 0 0 -1em;
    padding-left: 21px;
    font-family: sans-serif;
}

input.link-mode
{
    background-image: none !important;
    background-color: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 none !important;
}

input.link-mode:hover
{
    text-decoration: underline;
}

input.delete
{
    color: #ff0a0a !important;
}

/* MESSAGES AND ERRORS */

/* boxen (divs) */

.message {
    background: #f3f8fc url(5r7Rwd8PayLGhpjX1Cu8uUF6AB9prDYFb0MemFibdy.png) 8px 5px no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 0 10px 5px 10px;
    padding: 5px 5px 5px 30px
}

.info {
    background: #f3f8fc url(5r7Rwd8PayLGhpjX1Cu8uUF6AB9prDYFb0MemFibdy.png) 8px 5px no-repeat !important;
    border: 1px solid #b2d1ff;
    color: #006dba;
}

.warning {
    /* #f9fac2 */
    background: #ffffe0 url(X2My6nLGuGXO73LuKEeTYWgyGjihrVLVBKfMfLY17mq.png) 8px 5px no-repeat !important;
    border: 1px solid red;
    color: black;
}

.error {
    /* #ffffe0 */
    background: #f9eaec url(X2My6nLGuGXO73LuKEeTYWgyGjihrVLVBKfMfLY17mq.png) 8px 5px no-repeat !important;
    border: 1px solid red;
    color: black;
}

.code {
    display: inline-block;
    border: 1px solid black;
    background-color: white;
    padding: 5px;
    margin: 5px;
}

/* flash messages */

DIV#flash {
    }

div#siteMessage {
    }

.message-icon {
    text-align: center;
    vertical-align: middle;
    padding: 0 2px;
    }

.error-message {
    color: red;
    z-index: 99;
    font-size: larger;
    }

.warning-message {
    color: #FF7E00; /* automotive/traffic amber (SAE/ECE "yellow amber") */
    z-index: 99;
    font-size: larger;
    }

.info-message {
    color: #006dba;
}

.-message {
    color: #006dba;
}

.success-message {
    color: #00EE11;
    z-index: 99;
    font-size: larger;
    }

.message-visible {
    display: block !important;
    }

.message-hidden {
    display: none;
    }

/* body-inlined form/domain errors */

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}

div.errors ul {
    list-style: none;
    padding: 0;
}
div.errors li {
    background: url(X2My6nLGuGXO73LuKEeTYWgyGjihrVLVBKfMfLY17mq.png) 8px 0 no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}

span.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 5px;
}

tr.errors {
    background: #fff3f3;
}

td.errors.checkbox-wrap {
    border: 1px solid red;
}

label.required:after {
    content: "*";
    color: red;
}

div.inline-message-box {
    display: block;
    padding: 5px 5px 5px 31px;
    margin: 5px;
}

/* TABLES */

table {
    /*
    border: 1px solid #ccc;
    */
    width: 90%
}
tr {
    border: 0;
}
td, th {
    padding: 5px 6px;
    text-align: left;
    vertical-align: top;
}
th {
    background: #fff url(uTUm9I58SlusFJDWXBGYq8YFmK3UM53xLTLdEooTjVi.jpg);
    padding: 2px 6px;
}
th.subheader {
    color: #777;
}
th a:link, th a:visited, th a:hover {
    color: #000000 !important;
    display: block;
    text-decoration: none;
    width: 100%;
}
th.asc a, th.desc a {
    background-position: right;
    background-repeat: no-repeat;
    margin-right: 10px;
}
th.asc a {
    background-image: url(RXl7rSoN1AVnxXlZT2CrwXA7PXpoSw226yjB1A1N2HZ.gif);
}
th.desc a {
    background-image: url(f3V8fyTt1I004HCWmfaK3dijJYB1pRuaCoNtuCWfmZt.gif);
}

.odd {
    background: #f7f7f7;
}
.even {
    background: #fff;
}

.list td,th {
    overflow: hidden;
}

.list td:hover {
    overflow: visible;
    z-index: 1;
}

.abstract {
    text-decoration: none;
    font-size: smaller;
    display: block;
    color: #000000;
    margin-left: 2em;
    margin-right: 2em;
}

span.abstract > a {
    text-decoration: none;
    color: #000000;
}

/* LIST */

.list table {
    border-collapse: collapse;
    width: 100%;
}
.list th, .list td {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.list th:hover, .list tr:hover {
    background: #b2d1ff;
}

.listblock {
    display: block;
    text-decoration: none;
}

a.obvious:visited
{
    color: blue;
    text-decoration: inherit;
}

a.camo:link,
a.camo:visited
{
    color: inherit;
    text-decoration: none;
}

.blanklist {
    list-style: none outside none;
    padding-left: 0;
}

ul.indented-blank {
    list-style: none outside none;
    padding-left: 1em;
}

.li-radio {
    vertical-align: middle;
}

.input-aligned {
    vertical-align: middle;
    margin: 0;
}

/* PAGINATION */

.paginateButtons {
    background: #fff url(uTUm9I58SlusFJDWXBGYq8YFmK3UM53xLTLdEooTjVi.jpg) repeat-x scroll center bottom;
    border-color: #ccc;
    border-style: none solid solid solid;
    border-width: 0 1px 1px 1px;
    color: #666;
    font-size: 10px;
    overflow: hidden;
    padding: 10px 3px;
}
#paginateTop.paginateButtons {
    background: #fff url(e34eyYScIhw31cyghcaZ6pD9mkpHUrbGGcEcMtdPSVb.jpg) repeat-x scroll center top;
    border-color: #ccc;
    border-style: solid solid none solid;
    border-width: 1px 1px 0 1px;
}
.paginateButtons a {
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #aaa #aaa #ccc;
    color: #666;
    margin: 0 3px;
    padding: 2px 6px;
}
.paginateButtons span {
    padding: 2px 3px;
}

/* DIALOG */

.dialog table {
    padding: 5px 0;
    width: 100%;
}

tr.hidden {
    display: none;
}

.prop {
    padding: 5px;
}
.prop .name {
    text-align: left;
    width: 15%;
    white-space: nowrap;
}
.prop .value {
    text-align: left;
    width: 85%;
}

.compact table {
    width: auto;
    padding: 0;
}

table.compact {
    max-width: 600px;
    width: -moz-min-content;
    width: -webkit-min-content;
}

table.compact th {
    text-align: center !important;
}

table.compact.numbers td {
    text-align: right !important;
    padding: 5px 2em 6px !important;
}

/* ACTION BUTTONS */

.buttons {
    background: #fff url(uTUm9I58SlusFJDWXBGYq8YFmK3UM53xLTLdEooTjVi.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    color: #666;
    font-size: 10px;
    overflow: hidden;
    padding: 0;
    text-align: left;

    margin: 5px 0;

    width: intrinsic;           /* Safari/WebKit uses a non-standard name */
    width: -moz-max-content;    /* Firefox/Gecko */
    width: -webkit-max-content; /* Chrome */
}

.buttons input,
.buttons a,
.buttons span
{
    border: 0;
    color: #000000;
    cursor: pointer;
    font-size: 10px !important;
    font-weight: bold !important;
    margin-left: 3px;
    overflow: visible;
    padding: 2px;
    text-decoration: none;
}

.buttons.spaced {
    line-height: 1.5;
}

.buttons input.delete {
    background: #fcfcfc url(ss6KmFAHwuHg1DyNPDkahZ1ZiycD7T96evRysdmaiEm.png) 5px 50% no-repeat;
    padding-left: 28px;
    text-decoration: none;
    color: #000;
}

.buttons input.edit,
.buttons span.edit,
.buttons a.edit
{
    background: #fcfcfc url(El0e01veMPBnf1OAeE8CxbYtoSWHtdzL7sWbN0u6SRa.png) 5px 50% no-repeat;
    padding-left: 28px;
    text-decoration: none;
    color: #000;
}

.buttons input.clone {
    background: #fcfcfc url(t953zVwD0PIMTFoBCrVZHsLfDrk8FzoEcgucpVdWdoI.png) 5px 50% no-repeat;
    padding-left: 28px;
    text-decoration: none;
    color: #000;
}

.buttons input.save,
.buttons a.save
{
    background: #fcfcfc url(9jLQuJhY3Jlq4wV1AeE2l5sWVWUENNWa9XdeTwXJjrB.png) 5px 50% no-repeat;
    padding-left: 28px;
    text-decoration: none;
    color: #000;
}

.buttons input.cancel,
.buttons a.cancel
{
    background: #fcfcfc url(vbs3RbiqULXpxoVyuHl7UUqktaRtuk4MuBzGWBvO2Lg.png) 5px 50% no-repeat;
    padding-left: 28px;
    text-decoration: none;
    color: #000;
}

.button.cancel
{
  background: #fff url("vbs3RbiqULXpxoVyuHl7UUqktaRtuk4MuBzGWBvO2Lg.png") no-repeat scroll top right;
  padding: 0 16px 1px 1px;
  margin-right: 2px;
}

.buttons input.list,
.buttons a.list
{
    background: #fcfcfc url(RdALDCN57QSCqXqRNdXsEvVFyPLe8pmO0DRCrEZJtEW.png) 5px 50% no-repeat;
    padding-left: 28px;
    text-decoration: none;
    color: #000;
}

.button.list
{
  background: #fff url(RdALDCN57QSCqXqRNdXsEvVFyPLe8pmO0DRCrEZJtEW.png) no-repeat scroll top right;
  padding: 0 16px 1px 1px;
  margin-right: 2px;
}

.buttons input.create,
.buttons a.create
{
    background: #fcfcfc url(0yisl7281lTvwY6VcTEi0AwvMESNU2VvH0gCkLacD7T.png) 5px 50% no-repeat;
    padding-left: 28px;
    text-decoration: none;
    color: #000;
}

.buttons input.show {
    background: #fcfcfc url(HvRbwAEghzFL61ZSXNsuNA5AgsRLjoAGBMHW5pYTNW6.png) 5px 50% no-repeat;
    padding-left: 28px;
    text-decoration: none;
    color: #000;
}

.buttons input.login {
    background: #fcfcfc url(NTBLyDuY02ZbCaDe9XnSmykBrHywbs6YqMEtCV2FNKQ.png) 5px 50% no-repeat;
    padding-left: 28px;
    text-decoration: none;
    color: #000;
}

.buttons span.liveEdit-false
{
    background-color: #fcfcfc;
    padding-left: 36px;
    text-decoration: none;
    color: #000;
}

.buttons span.liveEdit-true
{
    background: #fdf5ce url(5RevavXV7RhyBH20pOYfw7opWSiBzRytjz4oMZLTJvM.gif) 9px 50% no-repeat;
    padding-left: 36px;
    text-decoration: none;
    color: #c77405;
}

.buttons input.editor-false
{
    background-color: #fcfcfc;
    padding-left: 28px;
    text-decoration: none;
    color: #000;
}

.buttons input.editor-true
{
    background: #fdf5ce url(5RevavXV7RhyBH20pOYfw7opWSiBzRytjz4oMZLTJvM.gif) 9px 50% no-repeat;
    padding-left: 28px;
    text-decoration: none;
    color: #c77405;
}

/* INFORMATION CONVEYANCES */

.list td.objectId {
/*
    vertical-align: middle;
*/
}

td.visible-false a:link,
td.visible-false a:visited,
td.visible-false a:hover,
td.visible-false span.abstract,
tr.visible-false a:link,
tr.visible-false a:visited,
tr.visible-false a:hover,
tr.visible-false span.abstract,
tr.visible-false div.standard-info,
h1.visible-false,
h2.visible-false
{
    color: #555 !important;
}

DIV.visibleIcon-false,
span.visibleObject-icon-false,
span.visibleObject-icon-true
{
    text-align: center;
    vertical-align: bottom;
}

.visibleObject-false,
.visibleObject-icon-false {
  background: rgba(0, 0, 0, 0) url("SYYej3B4ozdzJ4S6aHHyszJvNc9YKICDgLXJye4wHbl.gif") no-repeat scroll left center;
  padding-left: 18px;
  color: #555 !important;
  }

span.visibleObject-false a:link,
span.visibleObject-false a:visited,
span.visibleObject-false a:hover
{
  color: #555 !important;
}

.visibleObject-control-true,
.visibleObject-icon-true {
  background: url("bIRNFXWrUVXz3rbZfKjPP3ylsHpPrUZIJ4om6AZLcKL.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding-left: 18px;
  }

.metaVisible-icon-true
{
  background: rgba(0, 0, 0, 0) url("hBBjenqRV7ZMvaoaA5Y3ThrNnDd5cuYZ09NRWgwzGCj.gif") no-repeat scroll left center;
  padding-left: 18px;
}

input.hidden {
    margin: 0;
    padding: 0;
}

.aside {
    font-style: italic;
    font-size: smaller;
}


/* ckeditor mods */
.cke_skin_kama .cke_button_source .cke_label {
    display: none !important;
}
span.cke_skin_kama {
    padding: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}
.cke_skin_kama .cke_wrapper {
    padding: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}
.cke_skin_kama .cke_toolgroup {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}


/*---  drop lists align right ---*/

.toolbar-menu, .toolbar-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.toolbar-menu a {
	display: block;
	text-decoration: none;
	padding: 0 10px 0 10px;
	border-right: 1px solid #333;
	height: auto;
	text-align: left;
}

.toolbar-menu a.menu-trigger,
.toolbar-menu span.menu-trigger
{
	padding: 3px 16px 4px 13px;
	background-image: url(yemMftJWhuOvPorKKwl55x1sz4QeqXmR9kujjpnprRV.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.toolbar-menu li {
	float: left;
}

.toolbar-menu li ul li span {
	float: right;
}

.toolbar-menu li ul li {
    width: 121px;
}

/*
.toolbar-menu li {position: static; width: auto;}
*/

.toolbar-menu li ul {
    /*
	width: 1px;
    */
}

.toolbar-menu ul li a  {
	color: #565656;
	border-right: 0;
	padding: 0 3px 10px 10px;
}

.toolbar-menu li ul {
	position: absolute;
	display: none;
	background-color: #FCFCFC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
    /*
	background-image: url(ZDX8oqXIBph5tDTQ0SkTGKK5CPDx5Q3NU6clFE6cog7.jpg);
	background-repeat: repeat-x;
    */
}

.toolbar-menu li:hover a,
.toolbar-menu a:active
{
	color: #000000;
	background-color: #FCFCFC;
}

.toolbar-menu li:hover ul {
	display: block;
    float: left;
    position: absolute;
    right: 1em;
    margin-right: 1px;
}

.toolbar-menu ul a:hover,
.toolbar-menu ul span:hover,
.toolbar-menu ul input:hover
{
	background-color: #fdf5ce !important;
	color: #000000 !important;
}

/* kludges for zinc to emulate EOL styles */

.small {font-size: small}
.xsmall {font-size: x-small}
.xxsmall {font-size: xx-small}

.visualClear {
    clear: both;
    display: block;
    }

.clear-both {
    clear: both;
}

DIV#eolheaderwrap {
    background-color: #A51901;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    border-top: 1px solid #ccca03;
    border-bottom: 1px solid #000000;
    height: 109px;
    min-width: 1010px;
}

DIV#eolheader {
    background-color: #8F1501;
    margin: 0 auto;
    height: 81px;
    min-width: 1010px;
    clear: both;
    }

/*

a:link {
  color: #3B81CA;
  }

a:visited {
  color: #000000;
  }

a.destination {
  color: #000000;
  }

a:hover {
  color: #333399;
  }

*/

.hiddenStructure {
    display: none;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px 0 0 -1px;
    width: 1px;
    position: absolute;
    top: -200px;
    left: -200px;
}


DIV#mainwrap { background-color: #e3e4e6; }

DIV#bodycontentwrap {
    /* margin: 10px; /* basic layout */
    }

div.withnav {
    margin-left: 230px; /* make room for navwrap */
    }

DIV#bodycontent {
    margin: 0 10px; /* basic layout */
    }

DIV#viewportwrap {
    /* margin: 0 2px; */
    /* padding: 0; */
    margin: 0;
    padding: 10px 0 10px;
    background-color: #ffffff;
    min-height: 400px;
    }

#viewportwrap a:hover {
    text-decoration: underline;
    }

DIV.indented {
  margin-left: 5%;
  margin-right: 10%;
  }

BODY {
  background-color: #e3e4e6;
  color: #000000;
  margin: 0;
  padding-top: 20px; /* reserved for ucar orgnav */
  }

div#orgNavV1 {
    /* place orgnav into reserved space to reduce page reformatting */
    margin-top: -20px !important;
}

.close {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  }

DIV#searchbox {
    clear: right;
    float: right;
    text-align: right;
    text-transform: lowercase;
    white-space: nowrap;
    margin-right: 20px;
    top: 6px;
    position: relative;
    }

input.searchButton {
    background: #F3F8FC url(LsAvd7SvdSmxiF92fJjVPs2Mq4egIPjpTR1qSaQSFak.gif) no-repeat scroll 2px 1px;
    border: 1px solid #8CACBB;
    text-transform: lowercase;
    padding: 1px 1px 1px 19px;
    color: black;
    cursor: pointer;
    }

#maxSetter #Set {
    background: #F3F8FC no-repeat scroll 2px 1px;
    border: 1px solid #8CACBB;
    padding: 1px;
    color: black;
    cursor: pointer;
    }

input#searchInput,
input#body-searchInput,
input#body-project-searchInput,
input#body-contact-searchInput
{
    border-width: 1px;
    border-color: #8CACBB;
    border-style: solid none solid solid;
}

#searchbox input {
  font: 11px sans-serif;
}

#eolheader input#searchInput {
    border-color: #fcfcfc;
}

#eolheader input.searchButton {
    color: #FFFFFF;
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 0;
    background-color: #888888;
    border-color: #888888;
    text-transform: none;
    padding: 1px;
    cursor: pointer;
    -webkit-appearance: square-button;
}

#eolheader #data_search_advanced {
    font: 11px sans-serif;
    }

#eolheader #data_search_advanced:link {
    color: #fff;
    text-decoration: none;
    text-transform: none;
    }

#eolheader #data_search_advanced:visited {
    color: #fff;
    text-decoration: none;
    text-transform: none;
    }

#eolheader #data_search_advanced:hover {
    color: #fff;
    text-decoration: underline;
    text-transform: none;
    }

DIV#breadcrumbwrap {
    color: #ffffff;
    overflow: hidden;
    width: 75%;
    z-index: 40;
    padding: 0 2em 0.3em 1em;
    line-height: 1.6em;
    position: absolute;
    bottom: 0;
    font-size: smaller;
    }

DIV#breadcrumbs_scroll {
    }

UL.breadcrumbs-list {
    padding: 0;
    }

.breadcrumbs-list > li:first-child::before {
  display: none;
  padding: 0;
}

.breadcrumbs-list > li::before {
  /* content options: "»" "\2219" "\2022" */
  content: "\2219";
  padding-right: 0.2em;
}

li.breadcrumb {
    display: inline;
}

li.breadcrumb > A:link,
li.breadcrumb > A:visited
{
    color: #ffffff;
}

/* new generic version of breadcrumbs */
UL.inline-separated-list {
    padding: 0;
}

UL.inline-separated-list > li {
    display: inline;
}

ul.inline-separated-list > li:first-child::before {
  display: none;
  padding: 0;
}

ul.inline-separated-list > li.bulleted::before {
  /* since inline items don't get the browser bullet */
  /* content options:
       "\2219" math bullet operator
       "\2022" •
       "·" == "\00B7" middle dot
  */
  content: "\2022";
  padding-right: 0.1em;
}

ul.radio-list {
  list-style: none;
  padding: 0;
}

DIV#toolwrap { }

DIV#tools {
    z-index: 50;
    padding: 0 1em 0 2em;
    line-height: 1.6em;
    /* height: 1.6em; */
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
    float: right;
    text-align: right;
    }

#tools p {
    background: transparent url(qpYVeaxMZZ1CWxwE815LD5Loremidrw8RjgqHHc3zUC.png) repeat-x scroll 0 0;
    display: inline;
    float: right;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    width: 100px;
    }

#tools div {
    display: inline;
    float: right;
    text-align: center;
    vertical-align: middle;
    margin: 0 1px 0 1px;
    }

div.button {
    }

.button input {
    padding: 1px;
    }

DIV#eolfooterwrap {
    /* #F0AC6D #8CACBB #C9E0F0 #78A7C5 #aaaaaa #c5c6c8 #e3e4e6 */
    background-color: #c5c6c8;

    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #CCCCCC;
    height: auto;
    float: none;
    text-align: center;
    }

DIV#eolfooter {
    margin: auto;
    max-width: 1010px;
    text-align: center;
    }

DIV#pagegen {
    margin: 0 4px;
    height: auto;
    float: none;
    text-align: left;
    background-color: #c5c6c8;
    }

DIV#pagegen p.footer {
    margin: -5px 5px 0 5px;
    /* padding: 0px; */
    }

p.footer {
    font-family: sans-serif !important;
    /*
    font-size: 8pt;
    line-height: 10pt;
    */
    font-size: smaller;

    text-align: center;

    /* color: #2D2D2D; /* 2009 EOL */
    color: #FFFFFF; /* 2010 EOL */

    font-weight: normal;
    /*
    margin-top: 0;
    margin-bottom: 0;
    padding: 3px 3px 3px 0;
    */
    }

p.footer a:link {
    color: #3B81CA; /* 2009 EOL */
    /* color: #333399; /* 2010 EOL as used by browser */
    font-weight: normal;
    text-decoration: none;
    }

p.footer a:visited {
    color: #3B81CA; /* 2009 EOL */
    /* color: #436976; /* 2010 EOL confusion; overridden */
    /* color: #333399; /* 2010 EOL as used by browser */
    font-weight: normal;
    text-decoration: none;
    }

p.footer a:hover {
    /* color: #3B81CA; /* 2009 EOL */
    color: #333399; /* 2010 EOL as used by browser */
    font-weight: normal;
    text-decoration: none;
    }

DIV#eolLinkfooterwrap {
    background-color: black !important;
    border-width: 0 1px;
    border-style: solid;
    border-color: black;
}
DIV#eolLinkfooter {
    background-color: black !important;
    height: 52px;
    max-width: 1010px;
    margin: auto;
}
DIV#eolLinkfooter img {
    border: none;
}
.footer-icon-container {
    margin-right: 20px;
}
.nsf-icon-round {
    float: left;
    height: 40px;
    margin: 7px 0 0 5px;
}
.footer-icon-round {
    float: right;
    height: 30px;
    margin: 11px 0 0 12px;
    top: 6px;
}
.footer-follow {
    color: #777;
    float: right;
    font-weight: bolder;
    font-size: smaller;
    height: 22px;
    margin: 18px 0 0 0;
}

#eolOrgfooterwrap {
    background-color: #AAAAAA;
    }

#orgFooter {
    clear: both;
    color: #fff;
    font-size: x-small !important;
    background-color: #AAAAAA;
    /*
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    */
    margin: auto !important;
    text-align: center;
    padding-top: 1px;
    max-width: 1010px;
    }

#orgFooter a { color: #fff; text-decoration: none; }

#orgFooter a:hover { color: #fff; text-decoration: underline; }

.box-left {
    background-color: #e3e4e6;
    overflow: hidden;
    border: none;
    width: 208px;
    margin: 0 7px 0 5px;
    padding: 0 15px 0 5px;
    float: left;
    clear: left;
    font-size: smaller;
    }

.box-right {
    background-color: #e3e4e6;
    overflow: hidden;
    border: none;
    width: 200px;
    margin: 0 5px 0 10px;
    padding: 0 5px 0 5px;
    float: right;
    clear: right;
    font-size: smaller;
    }

#navwrap {
    height: 100%;
    min-height: 520px;
    }

#nav {
    background-color: #e3e4e6;
    overflow: hidden;
    border: none;
    padding: 1px;
    width: 208px;
    height: 100%;
    min-height: 520px;
    }

#ml-nav {
    border-style: none;
    width: 199px;
    overflow: hidden;
    position: fixed;
    top: 148px;
    left: 11px;
    }

a.divlink {
    display: block;
    text-decoration: none;
    }

img.navmenu-item-control
{
    border: none;
}

.navmenu-item-control > a.cancel {
    background-image: none !important;
    background-color: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 none !important;
}

.navmenu-pane-list a.cancel {
    color: red !important;
}

div.navmenu-items select
{
    display: block;
    /*
    width: 100%;
    */
}

div.navmenu ul
{
    display: block;
    list-style: outside none none;
}

ul.normal-list {
  list-style-type: inherit !important;
}

div.navmenu-pane-header
{
    cursor: pointer;
    display: table-row;
}

div.navmenu a:link,
div.navmenu a:visited,
.param-list a:link,
.param-list a:visited
{
  text-decoration: none;
  color: black;
}

.navmenu-pane-name {
}

.navmenu-pane-list {
  margin: 0;
  padding: 0;
}

.navmenu-controls > ul.navmenu-pane-list > li {
  text-indent: 0.25em;
  }

#exploreMenu .navmenu-items > ul.navmenu-pane-list > li {
  text-indent: -1em;
  padding-left: 1em !important;
  }

/* including this idents the child items under the parent nicely,
   except for long child names, where the wrapped text does not indent
   under its own item properly
#exploreMenu .navmenu-items > ul.navmenu-pane-list > li.child {
  text-indent: 1em !important;
  padding-left: 0 !important;
}
*/

.navmenu-item-control.navmenu-selected-children > a::before {
  content: "└";
}

.navmenu-items > ul.navmenu-pane-list > li.navmenu-item-control {
  text-indent: -0.5em !important;
  }

ul.navmenu-pane-list {
  padding-left: 0 !important;
  display: table-cell;
  vertical-align: top;
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.navmenu-items.nav-slider {
  display: table-cell;
  vertical-align: top;
  width: 180px;
  padding-right: 5px;
}

.navmenu-items.nav-slider.navmenu-children-wrapper
{
  display: block;
}

.navmenu-mixed-wrapper {
}

#etc-navmenu-items {
  width: 200px;
}

.slider-wrapper {
    display: table-cell;
    vertical-align: top;
}

.slider-container {
  display: none;
}

.ui-slider-vertical {
  vertical-align: top;
  background: #5e9ae2;
  background: -moz-linear-gradient(top, #ffffff 0%, #878787 100%) !important; /* FireFox 3.6+ */
  background: -webkit-gradient(linear, top, bottom, color-stop(0%,#ffffff), color-stop(100%,#878787)); /* Chrome, Safari 4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%,#878787 100%); /* Chrome 10+, Safari 5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%,#878787 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%,#878787 100%); /* IE 10+ */
  background: linear-gradient(top, #ffffff 0%,#878787 100%); /* W3C */
}

/* does not work; must use style attribute :( */
/* offset slider down below parent keyword */
/*
div.ui-slider-vertical.offset-down {
  margin-top: 1em !important;
}
*/

.ui-slider-handle {
  height: 0.8em !important;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(0,0,0,0.4);
  background: #FFF;
  border-radius: 20%;
  outline: 0 none !important;
}

.ui-slider-handle:active {
  box-shadow: 0 3px 20px rgba(0,0,0,0.5);
}

.fix_ie_slider {
    width: 0;
    display: table-cell;
    vertical-align: top;
}

.keyword-selected {
    display: table-row;
}

li.navmenu-item.child::before {
  content: "├";
}

li.navmenu-item.child:last-child::before {
  content: "└";
}

ul.filter-list li:first-child::before {
  content: "Filters: ";
}

ul.option-list li:first-child::before {
  content: "Options: ";
}

ul.param-list li::after {
  content: "; ";
}

ul.param-list li:last-child::after {
  content: "";
}

#editorMenu > .navmenu-pane {
  padding-bottom: 1em;
  display:table;
}

#exploreMenu > .navmenu-pane {
  padding-bottom: 0;
  display: table;
  table-layout: fixed;
}

#exploreMenu-etc {
  padding-top: 1em;
}

.scrollX {
  overflow-x: scroll;
  }

.navmenu-toggler {
  font-weight: bold !important;
  }

.navmenu-pane-name.menu-closed {
  background-position: 0 3px;
  }

.navmenu-pane-name.menu-open {
  background-position: 0 -9px;
  }

.navmenu-pane-name.menu-none {
  background-position: 0 0;
  background-image: none;
  }

.navmenu-control {
  font-size: inherit !important;
  padding: 0 !important;
}

table.cleanLinks a:visited {
  color: #3B81CA;
  }

.map
{
    max-width: 650px;
    border: none;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
}

.project-logo
{
    max-width: 200px;
    border: none;
    float: left;
    padding: 5px 1em 5px 5px;
}

.logo
{
    max-width: 200px;
    border: none;
    float: right;
    padding: 5px;
}

#logo-floater {
    float: left;
    height: 77px;
    margin: 0;
    position: absolute;
    width: 303px;
    z-index: 1;
    }

#logo {
    color: #000000;
    text-decoration: none;
    }

a#logo img {
    border: none;
    }

#sitelogo {
  display: block;
  float: right;
  border: none;
}

.element-invisible {
    display: none;
    margin: 0;
    padding: 0;
    }

#name-and-slogan {
    color: #FFFEFF;
    }

#eolheader .slogan {
    float: right;
    margin-top: 12px;
    margin-left: 92px;
    margin-right: 232px;
    color: #FFFEFF;
    width: 700px;
    }

#eolheader .region-header {
    height: 109px;
    /* margin: 0 auto; */
    margin: -40px 0 0 0;
    padding: 0;
    /* width: 980px; */
    float: right;
    width: 187px;
    clear: both;
    z-index: 99;
    }

/* kludges to repair broken jquery-ui-1.10.3 (vs 1.8.x) */
.ui-dialog {
  position: relative !important;
  width: auto !important;
  }

.ui-widget-content {
  color: #000000 !important;
  border: 1px solid #CCC !important;
  background-color: #e3e4e6 !important;
  }

ul.ui-autocomplete.ui-menu {
  font-size: smaller;
}

.helptips_div {
    white-space: normal !important;
}

.helptips_div .ui-widget,
.helptips_popup .ui-widget {
  font-family: inherit !important;
  font-size: smaller !important;
  }

.helptips-dialog-widget {
  font-family: inherit !important;
  font-size: smaller !important;
  }

#extendedContactsList {
  list-style-type: none;
  }

#deletedContactsList {
  list-style-type: none;
  }

.undelete-fa {
  color: #AAFFAA;
  font-size: larger !important;
  cursor: default;
  display: none;
  }

.delete-fa {
  color: #FF0A0A;
  font-size: larger !important;
  cursor: default;
  }

.delete-XXX-OBSOLETE {
  background: #fff url("YucqBCSRWarWYvMDmurXMVxipV8JxQ7R615OxCNXfwC.png") no-repeat scroll top left;
  padding: 1px 1px 1px 16px;
  }

.move-fa {
  font-weight: bolder !important;
  cursor: pointer;
  }

.move {
  background: #fff url("o4gzjwDQV39OXC6Q86OREu1x2Mbtpx4w09nvMPFRIjK.png") no-repeat scroll top left;
  padding: 1px 1px 1px 16px;
  }

.link-fa {
  text-decoration: none;
  padding-left: 0.2em;
  padding-right: 0.2em;
  }

.link-fa:visited {
  color: inherit;
  }

.submit-fa {
  font-family: FontAwesome !important;
}

.old-contact-span {
  }

.new-contact-span {
  background-color: #AAFFAA;
  }

.deleted-contact-span {
  background-color: #FF0A0A;
  }

.copy-input {
  margin: -2px 0 0;
}

input.copy-input[readOnly] {
  border: 1px solid white;
  }

input.copy-input:focus {
  border: 1px solid #b2d1ff;
}

.mono {
  font-family: monospace;
}

.copy-box {
  margin: 1em;
}

.copy-control {
  cursor: pointer;
}

.citation-styles-select {
  width: 200px;
}

blockquote.citation {
  margin-right: 15%;
  padding: 0 5px;
}

p.citation {
  background-color: #F5F4E9;
  border: 1px solid #FFF;
  padding: 5px;
}

p.citation:focus {
  border: 1px solid #b2d1ff;
}

.aside {
  font-size: smaller;
}

span.aside {
  font-style: italic;
}

input.button {
  background-color: #F5F4E9;
  border: 1px solid #b2d1ff;
}

.doi-test-false:after {
  content: " (Permanent Link)";
}

.editing.doi-test-false:after {
  content: " (Permanent)" !important;
}

.doi-test-true
{
  background-color: #FFFFCC;
}

.doi-test-true:after
{
  content: " (TEST)";
}

.doi-sync-false
{
  background-color: #FF0A0A;
  color: #FFF;
}

.doi-sync-false:after
{
  content: " (OUT OF SYNC)" !important;
}

.doi-sync-false.doi-eolowned-false
{
  background-color: #FFFFCC !important;
  color: #000 !important;
}

.currentVersion-true {
  background-color: #AAFFAA;
}
.currentVersion-true:after {
  content: " (CURRENT)";
}

.current-selection {
  background-color: #AAFFAA;
}
.current-selection:after {
  content: " (CURRENT)";
}

.version-file-error-true {
  background-color: #FF0A0A;
}

input[type=checkbox].visibleObject {
   position: absolute;
   top: -9999px;
   left: -9999px;
   display: none;
   /* For mobile, it's typically better to position checkbox on top of clickable
    * area and turn opacity to 0 instead.
    */
   }

input[type=checkbox]:not(:checked) + label.visibleObject-control
{
  background: url("SYYej3B4ozdzJ4S6aHHyszJvNc9YKICDgLXJye4wHbl.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding-left: 18px;
  color: #555 !important;
}

input[type=checkbox]:checked + label.visibleObject-control
{
  background: url("bIRNFXWrUVXz3rbZfKjPP3ylsHpPrUZIJ4om6AZLcKL.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding-left: 18px;
}

input[type=checkbox]:indeterminate + label.visibleObject-control
{
  background: url("C5WKydJ2jPe9lQxWCIFbKPAvX6ZY2QFq3oLOtI9BrXy.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  padding-left: 18px;
}

.update-row {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #666;
    font-size: 10px;
    overflow: hidden;
    padding: 10px 3px;
}
tr.update-row:hover {
    background-color: #fff !important;
}

.update-select {
    font-size: 10px;
    border-style: none;
    color: #666;
}
select.update-select:focus {
    border-style: none !important;
}

.buttons-clean {
    background-color: #eaeaea;
    border: 1px solid #ccc;
    padding: 4px 0;
}

.buttons-gcmd {
    background: #fff url(uTUm9I58SlusFJDWXBGYq8YFmK3UM53xLTLdEooTjVi.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    color: #666;
    font-size: 10px;
    overflow: hidden;
    padding: 0;
    text-align: left;
    box-shadow: 0px 0px 0px 1px #7ef959;
    transition: box-shadow 0.6s linear;
    margin: 0.5em;

    width: intrinsic;           /* Safari/WebKit uses a non-standard name */
    width: -moz-max-content;    /* Firefox/Gecko */
    width: -webkit-max-content; /* Chrome */
}
.buttons-gcmd:hover {
    box-shadow: 0px 0px 0px 2px #7ef959;
}

.buttons-deactivated {
    background: #fff url(wJR43DPJnabGCzwl6wAnwBlEOKsZMFHiqik7udGwH3f.jpg) bottom repeat-x !important;
    border: 1px solid #ddd !important;
    color: #ababab !important;
    font-size: 10px !important;
    overflow: hidden !important;
    padding: 0 !important;
    text-align: left;
    outline: 1px solid #ffcabe;

    margin: 5px 0;

    width: intrinsic;           /* Safari/WebKit uses a non-standard name */
    width: -moz-max-content;    /* Firefox/Gecko */
    width: -webkit-max-content; /* Chrome */
}

.table-bottom {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #CCC !important;
}

#editableErrorMessageText {
    font-size: x-small !important;
    }

div.immediate,
span.immediate
{
  margin-top: 0;
  padding-top: 0;
}

ul.immediate {
  margin: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  /* use main ul.padding-left */
}

ul.inlineflow,
ul.inlinemark
{
  padding-left: 0;
  list-style-type: none;
}

ul.inlineflow > li,
ul.inlinemark > li
{
  display: inline-block;
}

ul.inlinemark > li::before {
  /* content options: "»" "\2219" "\2022" */
  content: "»";
  padding-right: 0.1em;
}

ul.inline-comma,
ul.inline-semi
{
    margin: 0;
}

ul.inline-comma li {
    display: inline-block;
}

ul.inline-comma li:after {
    content: ",\A";
}

ul.inline-comma li:last-child:after {
    content: "";
}

ul.inline-semi li:after {
    content: ";\A";
}

ul.inline-semi li:last-child:after {
    content: "";
}

ul.listSize0 {
  display: none;
  }

ul.listSize1 {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.listSize1 > li {
  display: inline;
}

div.inline-list-wrapper {
    display: inline-flex;
    display: -moz-box;
    vertical-align: middle;
}

ul.clean
{
  padding-left: 0;
  list-style-type: none;
}

div#signinwrap {
}

div.edit-note {
  background-color: #e3e4e6;
  border: 1px solid #ccc;
  display: inline-block;
}

.edit-note-icon {
  font-size: 0.5em;
  padding-right: 0.1em;
}

.edit-note-span {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.home > i.fa {
  color: darkgoldenrod;
}
.information > i.fa {
  color: blue;
}
i.copy-box-close-control {
  color: #ff0a0a;
  cursor: pointer;
}
.cancel > i.fa {
  color: #ff0a0a;
}
.list > i.fa {
  color: darkblue;
}
.create > i.fa {
  color: green;
}
.edit > i.fa {
  color: orange;
}
.reload > i.fa {
  color: lightseagreen;
}
.session > i.fa {
  color: darkviolet;
}
.save > i.fa {
  color: darkviolet;
}
.clone > i.fa {
  color: green;
}

i.inline-list-title-icon {
    padding-right: 0.25em;
}

.quality-preliminary {
  color: red;
  font-weight: bold;
  text-transform: uppercase;
}

pre.example {
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: block;
  margin: 1em;
  padding: 0.5em;
  overflow: auto;
}

input[type=radio][readonly][disabled]:hover {
    cursor: url(data:image/gif;base64,R0lGODlhEAAQAPAAAAAAAAAAACH5BAEAAAEALAAAAAAQABAAAAIpjI+pAd1rnHxpWjRPjlRL3jGX45EmtZ2ASILsV66vXMb0i1lwrkNzUgAAOw==), default;
}

.collapsible-list-toggler,
.list-link-toggler
{
  font-weight: bold !important;
  cursor: pointer;
}

.collapsible-list-toggler:hover,
.list-link-toggler:hover
{
    color: #3B81CA;
}

.li-more {
  display: none;
}

.download-textcontent {
  padding-left: 0.25em;
}

.nomore-gcmd {
    color: #777;
    font-weight: bolder;
    font-size: smaller;
    height: 22px;
}

div.gcmd-section-separator {
    width: 100% !important;
    height: 7px !important;
    border-bottom: 2px dotted #bbb !important;
    text-align: left !important;
    margin-bottom:20px !important;
}

span.gcmd-section-separator {
    font-size: 14px !important;
    background-color: #FFF !important;
    padding: 0 7px !important;
    margin-left:33px !important;
}

pre > code {
    border: 1px solid black;
    margin: 1em;
    padding: 2em;
    background-color: black;
    color: aqua;
    display: block;
    font-family: monospace;
    font-size: 0.9rem;
}

.wrap-me {
    word-wrap: break-word;
    hyphens: auto;
}

.force-wrap {
    word-break: break-all;
    word-wrap: break-word;
    hyphens: auto;
}

div.fheader {
    text-align: left;
    float: left;
}

div.inner {
    clear: left;
    float: left;
}

.inner label {
    float: left;
    font-weight: bold;
    float: left;
    text-align: right;
    width: 110px;
    padding-top: 3px;
    padding-right: 10px;
}

.inner #submit {
    margin: 5px;
}

.inner .buttons {
    float: right;
    margin-right: 10px;
}

.s2ui_error {
    clear: both;
    display: block;
}

.minwidth {
    width: min-content !important;         /* draft standard */
    width: min-intrinsic !important;       /* Safari/WebKit uses a non-standard name */
    width: -webkit-min-content !important; /* Chrome */
    width: -moz-min-content !important;    /* Firefox/Gecko */
}

.errors.checkbox-wrap {
    padding-right: 5px;
}

a.anchor,
a.anchor:hover
{
    text-decoration: none !important;
}

table.sticky-header {
    position: relative;
    border-collapse: collapse;
    width: 100%;
}

table.sticky-header th {
    position: sticky;
    top: 0;
}

.stats-td {
    text-align: right;
}

.gcmdScienceKeywords-li .using-title {
    text-transform: none !important;
}

.gcmdScienceKeywords-li {
    text-transform: lowercase;
}

.dataset-projects-heading-title
{
    margin-bottom: 0px;
}

.dataset-projects-heading-listwrap
{
    font-style: italic;
    font-size: smaller;
}

.dataset-projects-heading-list
{
    display: inline-block;
    padding-left: 0px;
}

ul.meta-none {
  display: block !important;
}

ul.meta-none::before {
  content: "(NONE)";
}