/* general */
html, body { min-height: 100%; font-size: 12px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; padding: 0; background-color: #eee; background-repeat: no-repeat; background-position: 50% 100%; background-image: url(/images/color-bars.png); background-size: 229px 16px; }
h1 { font-size: 2.0em; color: #444; margin: 0 0 10px; -webkit-font-smoothing: antialiased; }
h2 { font-size: 1.4em; color: #900; margin: 0 0 3px; -webkit-font-smoothing: antialiased; }
h3 { font-size: 1.25em; color: #900; margin: 0 0 5px; }
h4 { font-size: 1.25em; color: #555; margin: 15px 0 3px; }
h5 { font-size: 1.15em; color: #555; margin: 0 0 5px; text-decoration: underline; }
h6 { font-size: .9em; color: #333; margin: 0 0 15px; font-weight: normal; }
ul { margin: 0; padding: 0; list-style-type: none; }
ul.bulleted { margin-left: 15px; list-style-type: disc; }
/* cms main layout */
header, #container, footer { width: 94%; max-width: 1100px; margin: 0 auto; }
#logo { float: left; background-image: url(/images/Wordmark.png); background-repeat: no-repeat; background-position: 0 50%; width: 180px; height: 38px; }
#container { text-align: left; background-color: #FFFFFF; border: 1px solid #999999; clear: both; overflow: hidden; }
.left-menu { float: left; width: 23%; background-color:#FFFFFF; }
#mainbody { float: right; width: 75%; padding: 1%; transition: left .5s; }
footer { text-align: center; color: #9fa1a4; padding: 3px 0 40px 0; clear: both; }
/* top nav */
#nav-global { float: right; margin: 10px 0; }
#nav-global > ul > li { float: left; padding: 0 1em; border-right: 1px solid #9fa1a4; list-style: none; }
#nav-global > ul > li:last-child { border-right: none; padding-right: 0; }
#nav-global > ul > li > a,
#nav-global > ul > li.Options > label { display: block; padding: 1px 0 0; color: #9fa1a4; font-size:1.1rem; }
#nav-global > ul > li > a:hover,
#nav-global > ul > li.Options > label:hover { color: #6c6e71; text-decoration: none; }
/* left nav */
#nav-left { border-right: solid 1px #999; border-bottom: solid 1px #999; margin-bottom: 10px; font-size: 1.1em; }
#nav-left li { list-style: none; border-top: solid 1px #999; background: #f4f4f4; }
#nav-left li:hover { background: #e0e0e0; }
#nav-left a { display: block; text-decoration: none; font-weight: normal; color: #666; padding: 4px 8px 4px 12px; }
#nav-left li.groupTitle > a { font-weight: bold; padding: 3px 5px; background: #e0e0e0; }
#nav-left li.subMenu ul li a { padding-left: 20px; }
.nav-trigger { position: absolute; left: -9999px; top: -9999px; clip: rect(0, 0, 0, 0); }
/* options menu */
.Options { float: right; position: relative; }
.Options label { font-weight: normal; color: #fff; padding: 0; text-indent: 0; cursor: pointer; max-width: 100%; -webkit-font-smoothing: auto; }
.Options ul { text-align: left; padding: 5px 0; position: absolute; right: 5px; display: none; list-style: none; background: #fff; border: 1px solid #999; box-shadow: 3px 3px 5px rgba(0,0,0,0.6); z-index: 10; }
.Options ul li { white-space: nowrap; font-weight: bold; color: #555; cursor: pointer; line-height: normal; }
.Options ul li a { display: block; padding: 3px 12px; font-weight: bold; color: #555; cursor: pointer; }
.Options ul li:hover { background: #e7e7e7; color: #333; }
.Options ul li:hover a { color: #333; text-decoration: none; }
.Options.icon label::after { content: ''; display: inline-block; background: url('/images/options.png'); background-repeat: no-repeat; width:15px; height:15px; border: 0; outline: none; margin-left: 5px; vertical-align: middle; }
.Options.icon label:hover::after { cursor: pointer; background-position-x: -15px; }
.Options.bullets ul li a::before { content: "\2022"; color: #e7e7e7; padding-right: 5px; }
.Options.bullets ul li:hover a::before { color: #00b900; }
/* access/search header */
div.searchCMS div[class^="accessColor"] { color:#fff; font-size: 1.75em; line-height: 1.75em; padding-left: 10px; flex: 4 0 50%; }
div.accessColor1 { background-color: #28921a; }
div.accessColor5 { background-color: #e10404; }
div.accessColor7 { background-color: #7d1ea2; }
div.searchCMS { display: flex; flex-wrap: wrap; margin-bottom: 5px; padding-left: 3px; border: solid 1px #999; }
div.searchCMS > div { margin: 3px 10px 3px 0; }
div.searchCMS > input[type="submit"] { margin: 0 10px 5px auto; align-self: flex-end; }
/* containers */
.flex { display: flex; flex-wrap: wrap; }
.box { border: 1px solid #999; padding: 1px; margin-bottom: 10px;}
.box-title { color: #FFF; font-size: 1.1em; font-weight: bold; background-color: #666; margin: 1px; padding: 5px; -webkit-font-smoothing: antialiased; }
.box-title::after { content: ""; clear: both; display: table; }
.box.collapsible > .box-title { cursor: pointer; }
.box.collapsible > [data-collapse-trigger].box-title::before { content: '\e823'; font-family: 'fontello'; font-style: normal; margin-right: .25em; }
.box.collapsible > [data-collapse-trigger].box-title.collapsed::before { content: '\e822'; }
.box-expander { margin-right: 5px; }
.box-content { padding: 10px 5px; }
.box-content.no-pad { padding: 0; }
.box-content.no-pad > .collapseContent { border: none; }
.shaded { background-color: #f4f4f4; border: 1px solid #ccc; padding: 5px; margin-bottom: 15px; }
fieldset.group { border: solid 1px #ccc; border-radius: 4px; padding: 0 10px 5px; background-color: #f9f9f9; margin: 0 0 10px; }
fieldset.group legend { font-size: 1.1rem; font-weight: bold; color:#333; padding: 10px 5px; }
fieldset.group label { font-size: 1.0rem; font-weight: normal; color: #333; text-shadow: 1px 0 0 rgba(0, 0, 0, 0.4); }
fieldset.filter { border: solid 1px #ccc; padding: 0 10px 5px; background-color: #fbfbfb; margin-bottom: 15px; }
fieldset.filter legend { font-size: .9em; font-weight: bold; color:#666; padding: 0 5px; }
fieldset.filter label { color: #777; font-weight: normal; margin-top: 7px; }
[data-collapse-trigger] { cursor: pointer; }
[data-collapse-content].collapsed { display: none; }
/* table structures */
.alternate-rows > tbody > tr:nth-of-type(2n),
.alternate-bodies > tbody:nth-of-type(2n) > tr { background: #E9E9E9; }
.regular-rows tbody tr,
.alternate-rows > tbody > tr:nth-of-type(2n+1),
.alternate-bodies > tbody:nth-of-type(2n+1) > tr { background: #F5F5F5; }
.alternate-rows tbody tr:not(.thead):not(.tfoot):hover td,
.alternate-bodies > tbody:hover > tr > td { background: #D8D8D8; }
table.collapseContent { border: 1px solid #999; border-spacing: 1px; background: #FFF; width: 100%; }
th.tablesorter-headerUnSorted { background-image: url(/images/svg/sort.svg); background-repeat: no-repeat; background-position: right; background-size: 18px 18px; padding-right: 20px; cursor: pointer; }
th.tablesorter-headerDesc { background-image: url(/images/svg/down.svg); background-color: #990000; background-repeat: no-repeat; background-size: 18px 18px; background-position: right; padding-right: 20px; cursor: pointer; }
th.tablesorter-headerAsc { background-image: url(/images/svg/up.svg); background-color: #990000; background-repeat: no-repeat; background-size: 18px 18px; background-position: right; padding-right: 20px; cursor: pointer; }
td, th { color: #333; padding: 4px 3px; cursor: default; outline:none; text-align: left; }
tr.partition td { border-top: solid 3px #fff; }
thead th, thead td, tr.thead td, tfoot td, tr.tfoot td { font-weight: bold; white-space: nowrap; padding: 2px 5px; background: #666; color: #fff; -webkit-font-smoothing: antialiased; }
.editContent > thead > tr > td:not([colspan]):last-child,
.editContent > tbody > tr > td:not([colspan]):last-child { text-align: center; width: 40px; white-space: nowrap; }
/* table row highlighting */
.highlight td.highlight { padding-left: 3px; border-left: 5px solid transparent; }
.highlight .highlight-future td.highlight { border-color: #E6B921; }
.highlight .highlight-current td.highlight { border-color: #41A90D; }
.highlight .highlight-late td.highlight { border-color: #AF2E2E; }
.highlight .highlight-new td.highlight { border-color: #FDCF51; }
.highlight .highlight-future:not(.thead):not(.tfoot):hover td { background-color: #FFEBA6; }
.highlight .highlight-current:not(.thead):not(.tfoot):hover td { background-color: #DCF3B4; }
.highlight .highlight-late:not(.thead):not(.tfoot):hover td { background-color: #f7c8c8; }
.highlight .highlight-new:not(.thead):not(.tfoot) td { background-color: #FFE7B8; }
.highlight .highlight-new:not(.thead):not(.tfoot):hover td { background-color: #FDCF51; }
/* elements needed for building forms */
form { margin: 0; padding: 0; }
.columns::after { content: ""; clear: both; display: table; }
.columns > div { float: left; box-sizing: border-box; }
section { margin: 0; padding: 0; border: none; }
section::after { content: ""; display: table; clear: both; }
section > div { float: left; box-sizing: border-box; }
section:not(:first-of-type) > div { margin-top: 12px; }
section > div:not(:last-of-type) { padding-right: 2%; }
label { font-weight:bold; color: #333; display: block; max-width: 100%; }
label[for] { font-weight: normal; display: inline; text-indent: 0; padding: 0; cursor: pointer; }
input[type=text],
input[type=tel],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=url],
input[type=date],
input[type=datetime-local],
input[type=week],
input[type=month],
input[type=time],
input[type=color],
input[type=file],
select,
textarea { font-size: 1em; font-family: inherit; max-width: 100%; background: #fafafa; color: #333; text-decoration: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
input[type=text]:not([size]),
input[type=tel]:not([size]),
input[type=email]:not([size]),
input[type=number]:not([size]),
input[type=password]:not([size]),
input[type=search]:not([size]),
input[type=url]:not([size]),
input[type=date]:not([size]),
input[type=datetime-local]:not([size]),
input[type=week]:not([size]),
input[type=month]:not([size]),
input[type=time]:not([size]),
input[type=color]:not([size]),
input[type=file]:not([size]),
textarea { width: 100%; }
input.display { color: #333; text-decoration:none; border: 0; background-color: transparent; }
input[type="radio"] { margin: 3px; vertical-align: middle; }
input[type="checkbox"] { width: 12px; height: 12px; padding: 0 5px; margin: 2px 5px 2px 0; }
.group input[type=text],
.group input[type=tel],
.group input[type=email],
.group input[type=number],
.group input[type=password],
.group input[type=search],
.group input[type=url],
.group input[type=date],
.group input[type=datetime-local],
.group input[type=week],
.group input[type=month],
.group input[type=time],
.group input[type=color],
.group input[type=file],
.group select,
.group textarea,
.filter input[type=text],
.filter input[type=tel],
.filter input[type=email],
.filter input[type=number],
.filter input[type=password],
.filter input[type=search],
.filter input[type=url],
.filter input[type=date],
.filter input[type=datetime-local],
.filter input[type=week],
.filter input[type=month],
.filter input[type=time],
.filter input[type=color],
.filter input[type=file],
.filter select,
.filter textarea { background: #fff; }
.validationErrors { color: #ff0000; font-weight: bold; text-decoration: none; padding: 10px; border: solid 1px; margin: 15px 0; background-color: #fae4e8;}
.validationErrors:empty { display: none; padding: 0; margin: 0; }
.validationErrors .message { font-size: 1.2em; margin-bottom: 0.5em; }
.validationErrors .message::before { content: '\e811'; font-family: 'fontello'; font-style: normal; font-size: 1.3em; margin-right: 0.5em; }
.validationError { border: 2px solid #f00 !important; } /* using important to force a red border around input */
input[type="checkbox"].validationError,
input[type="radio"].validationError { outline: 2px solid #f00 !important; } /* using important to force a red border around input */
/* anchor tags */
a { color: #990000; text-decoration: none; }
a:hover { text-decoration: underline; }
a.back { float: right; font-size: 1rem; font-weight: bold; color: #555; text-decoration: none; margin: 5px 0 0 15px; padding: 2px 10px 2px 5px; border: 1px solid #999; border-radius: 5px; background-color: #f5f5f5; -webkit-font-smoothing: antialiased; }
a.back::before { content: ""; border-right: solid .75em #666; border-top: solid .4em transparent; border-bottom: solid .4em transparent; margin-right: 5px; display: inline-block; }
a.back:hover::before { border-right-color: #0c80ff; }
a.upload { color: #888; }
a.upload:hover { color: #38930c; text-decoration: none; }
a.download { color: #3a647e; }
a.download:hover { color: #0b3e5d; text-decoration: none; }
a[href^='mail'] { color: inherit; text-decoration: none; }
a[href^='mail']:not(:empty)::before { content: '\e805'; font-family: 'fontello'; font-style: normal; vertical-align: bottom; margin-right: 3px; color: #990000; }
a[href^='mail']:hover { color: #990000; }
a[href^='tel'] { color: inherit; text-decoration: none; }
a[href^='tel']:not(:empty)::before { content: '\e80a'; font-family: 'fontello'; font-style: normal; margin-right: 3px; color: #990000; font-size: 1.1em; }
a.toggleAll::before { content: '- Collapse All' }
a.toggleAll.collapsed::before { content: '+ Expand All' }
/* button container at bottom of forms */
.buttons { margin: 20px 0; text-align: center; }
.buttons > :not(:last-child) { margin-right: 25px; }
/* buttons or anchor tags with .button class */
input[type="button"],
a.button,
button { font-size: .9rem; font-family: inherit; font-weight: bold; color: #333; background-color: #f5f5f5; border: 1px solid #999; border-radius: 4px; padding: 2px 5px; margin: 1px 0; cursor: pointer; -webkit-font-smoothing: antialiased; text-decoration: none; }
input[type="button"]:hover,
a.button:hover,
button:hover { background-color: #ccc; text-decoration: none; }
/* submit buttons or buttons with .submit class */
input[type="submit"],
input.submit,
button.submit { font-size: 1.1rem; font-family: inherit; font-weight: bold; color: #fff; background-color: #666; border: 1px solid #666; border-radius: 5px; padding: 3px 10px; cursor: pointer; -webkit-font-smoothing: antialiased; }
input[type="submit"]:hover,
input.submit:hover,
button.submit:hover { background-color: #41A90D; }
/* misc button class types */
button.add { float: right; font-size: 1rem; font-family: inherit; font-weight: bold; color: #fff; background-color: #666; border: 2px solid #666; border-radius: 5px; padding: 3px 10px 3px 0; cursor: pointer; -webkit-font-smoothing: antialiased; overflow: hidden; }
button.add::before { content: '\002B'; margin: 0 8px 0 0; padding: 8px; background-color: #41A90D; border-right-color: inherit; border-right-width: inherit; border-right-style: solid; }
button.add:hover { background-color: #41A90D; }
button.add.small { font-size: .8rem; border: 1px solid #fff; padding: 2px 8px 2px 0; }
button.delete { font-size: 1.3rem; font-weight: normal; color: #6d6d6d; text-decoration: none; margin-left: 10%; background-color: transparent; border: none; cursor: pointer; }
button.delete::before { content: '\2718'; font-size: 1.4rem; font-weight: bold; padding-right: 4px; }
button.delete:hover { color: #990000; text-decoration: none; }
/* smaller buttons used in tabular data displays */
.editContent input[type="button"], a.Edit { font-size: 0.8rem; font-weight: bold; color: #fff; background-color: #666; border: 1px solid #fff; border-radius: 5px; padding: 2px 4px; margin: 2px 3px; display: inline-block; text-decoration: none; -webkit-font-smoothing: antialiased; }
.editContent input[type="button"]:hover, a.Edit:hover { background-color: #41A90D; text-decoration: none; }
/* disabled buttons */
button:disabled, button:disabled:hover,
input[type="button"]:disabled, input[type="button"]:disabled:hover,
input[type="submit"]:disabled, input[type="submit"]:disabled:hover { color: #d6d6d6; border-color: #d6d6d6; background-color: #f5f5f5; }
/* icons */
svg.icon { fill: currentColor; height: 1.0em; width: 1.0em; }
.cms-icon-info::after { content: '\e80f'; font-family: 'fontello'; font-style: normal; margin-left: 5px; }
.cms-icon-ok::before { content: '\e821'; font-family: 'fontello'; font-style: normal; font-weight: bold; color: #090; }
.cms-icon-notok::before { content: '\e811'; font-family: 'fontello'; font-style: normal; font-weight: normal; color: #900; }
.cms-icon-star::before { content: '\e812'; font-family: 'fontello'; font-style: normal; font-weight: normal; color: #e6b921; }
/* informational and misc */
.hide, [data-show='false'] { display: none; }
.no-pad { padding: 0; }
.no-margin { margin: 0; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.error { color: #ff0000; font-weight: bold; text-decoration: none; padding: 10px; border: solid 1px; margin: 15px 0; background-color: #fae4e8;}
.error:empty { display: none; padding: 0; margin: 0; }
.important { font-weight: bold; color: #ff0000; }
.success { font-size: 1.75em; color: #fff; background: #009900; padding: 10px; position: fixed; bottom: 0; right: 0; z-index: 1000; width: 100%; text-align: center; }
.last-updated { color: #777; font-size: .9em; font-style: italic; font-weight: normal; margin: 0 0 5px; padding-bottom: 2px; }
.last-updated::before { content: '\e81a'; font-family: 'fontello'; font-size: 1.2em; font-style: normal; vertical-align: bottom; margin-right: 3px; }
.clearfix::after { content: ""; clear: both; display: table; }
.attribution { font-size: .75em; margin-top: 0.5rem; font-style: italic; color: #777; }
/* footer */
#nav-footer { float: left; }
#nav-footer > ul > li { display: inline-block; padding: 0 3px 0 5px; border-left: 1px solid #9fa1a4; list-style: none; }
#nav-footer > ul > li:first-child { border-left: none; padding-left: 0; }
#nav-footer a { color: #9fa1a4; }
#nav-footer a:hover { color: #6c6e71; text-decoration: none; }
#nav-copyright { float: right; }
/* President's List */
.presidents-list {
border: 2px solid #e6b921;
background-color: #f6e7b1;
color: #977811;
margin-bottom: 1.5rem;
padding: 0.3em 0.5em;
display: flex;
gap: 0.5rem;
align-items: center;
border-radius: 0.4em;
}
.presidents-list::before {
font-family: 'fontello';
font-style: normal;
font-weight: bold;
content: '\e812';
font-size: 2em;
color: #e6b921;
}
.presidents-list::after {
content: "President's List";
display: block;
font-weight: bold;
font-size: 1.2em;
}
.presidents-list span {
display: none;
}
/*.presidents-list span::before {
content: "President's List";
display: block;
font-size: .9rem;
font-weight: normal;
}
.presidents-list span {
font-weight: bold;
font-size: 1.2em;
}*/
/* Remove Confirm */
.remove-confirm {
display: inline-flex;
align-items: center;
justify-content: space-around;
}
.remove-confirm input[type="checkbox"] {
display: none;
}
.remove-confirm label {
}
.remove-confirm label.remove {
}
.remove-confirm label.remove-cancel {
display: none;
}
.remove-confirm button[type="submit"] {
display: none;
}
.remove-confirm input[type="checkbox"]:checked ~ button[type="submit"] {
display: inline-block;
}
.remove-confirm input[type="checkbox"]:checked ~ label.remove {
display: none;
}
.remove-confirm input[type="checkbox"]:checked ~ label.remove-cancel {
display: inline;
}