/*
* codebase.inc.css
*
* CSS used in codebase templates and scripts that generate HTML. Do not arbitrarily
* edit this code! This file is used between many sites and modifying it may result
* in something breaking. Instead, overwrite these values in a specific site by
* adding new definitions to a screen.css file.
*/

/* App.inc.php */
.sc-msg {
    z-index: 2000000000; /* Close to the maximum of a 32-bit integer. */
    margin: 1em 0;
    background: #fafafa;
    padding: 0;
    border: none;
}
form .sc-msg-success label { color: #76B15B; font-weight: bold; }
form .sc-msg-notice label { color: #B19332; font-weight: bold; }
form .sc-msg-warning label { color: #9200AE; font-weight: bold; }
form .sc-msg-error label { color: #b34; font-weight: bold; }
.sc-msg > .sc-msg-success { color: #76B15B; }
.sc-msg > .sc-msg-notice { color: #B19332; }
.sc-msg > .sc-msg-warning { color: #9200AE; }
.sc-msg > .sc-msg-error { color: #b34; }
.sc-msg > .sc-msg-success,
.sc-msg > .sc-msg-notice,
.sc-msg > .sc-msg-warning,
.sc-msg > .sc-msg-error {
    padding: .5em 1em;
    margin: 5px 0;
    color: #fff;
}
.sc-msg > .sc-msg-success a:not(.button),
.sc-msg > .sc-msg-notice a:not(.button),
.sc-msg > .sc-msg-warning a:not(.button),
.sc-msg > .sc-msg-error a:not(.button) {
    color: #fff;
    text-decoration: underline;
}
.sc-msg > .sc-msg-success { background-color: #76B15B; }
.sc-msg > .sc-msg-notice { background-color: #B19332; }
.sc-msg > .sc-msg-warning { background-color: #9200AE; }
.sc-msg > .sc-msg-error { background-color: #b34; }
/* PEdit.inc.php */
.sc-pedit-form {}
.sc-pedit-item,
.sc-pedit-buttons { margin: .75em 0; }
.sc-pedit-buttons { clear: both; }
#sc-pedit-versions-table {
    margin-bottom: .75em;
    border-collapse: collapse;
    border-spacing: 0;
}
#sc-pedit-versions-table th,
#sc-pedit-versions-table td {
    border-bottom: 1px solid #CC9;
    margin: 0;
    padding: 2px 10px;
    vertical-align: baseline;
}
#sc-pedit-versions-table th {
    white-space: nowrap;
}
/* Utilities.inc.php */
.sc-highlightwords, ::target-text {
    background-color: #EBFE00;
    color: #000;
}
/* Captcha.inc.php */
#sc-captcha {
    font-size: 0.5em;
    line-height: 0.8em;
}
/**
* utilities.inc.css
* Common styles used in Strangecode applications.
*/

/*
FORMS
*/
input.sc-micro, textarea.sc-micro, select.sc-micro,
input.sc-tiny, textarea.sc-tiny, select.sc-tiny,
input.sc-small, textarea.sc-small, select.sc-small,
input.sc-medium, textarea.sc-medium, select.sc-medium,
input.sc-large, textarea.sc-large, select.sc-large,
input.sc-full, textarea.sc-full, select.sc-full {
    margin: 0 0.5rem 0 0;
    box-sizing: border-box;
}
/*
The following widths are calculated to include a small right-margin and be equally divisible so the right edges align.
The formula is `width = (width - (rightmargin * multiple)) / multiple`
where width is the sought value, width is the width of a sc-large, and multiple is the number
of times an element fits within width (i.e. sc-micro has a multiple of 16).
The values are dependent on the margin, padding, and border set above.
(44-(0.5*1))/1 = 43.5
(44-(0.5*2))/2 = 21.5
(44-(0.5*4))/4 = 10.5
(44-(0.5*8))/8 = 5
(44-(0.5*8))/16 = 2.5
Note: avoid adding whitespace between input elements, or add `display: flex;` to the inputs' parent.
20240112: Until today, `max-width` and `width` were incorrectly reversed.
*/
input.sc-micro, textarea.sc-micro, select.sc-micro, label.sc-micro      { max-width: 2.5rem; width: 100%; }
input.sc-tiny, textarea.sc-tiny, select.sc-tiny, label.sc-tiny          { max-width: 5rem; width: 100%; }
input.sc-small, textarea.sc-small, select.sc-small, label.sc-small      { max-width: 10.5rem; width: 100%; }
input.sc-medium, textarea.sc-medium, select.sc-medium, label.sc-medium  { max-width: 21.5rem; width: 100%; }
input.sc-large, textarea.sc-large, select.sc-large, label.sc-large      { max-width: 43.5rem; width: 100%; }
input.sc-full, textarea.sc-full, select.sc-full, label.sc-full          { max-width: 100%; width: 100%; }
textarea.sc-twolines, select.sc-twolines              { height: 3.5rem; }
textarea.sc-short, select.sc-short                    { height: 8rem; }
textarea.sc-tall, select.sc-tall                      { height: 25rem; }
textarea.sc-fullscreen, select.sc-fullscreen          { height: 40rem; }
/*
UTILITIES
*/
.sc-center { text-align: center; }
.sc-clearboth { clear: both; }
.sc-help { color: #999; font-weight: normal; }
.sc-hidden { display: none; }
.sc-monospaced { font-family: monospace; }
.sc-padleft { padding-left: 10px; }
.sc-padright { padding-right: 10px; }
.sc-marginleft { margin-left: 10px; }
.sc-marginright { margin-right: 10px; }
.sc-right { text-align: right; }
.sc-pull-left { float: left; display: block; }
.sc-pull-right { float: right; display: block; }
.sc-normal {
    font: inherit;
    vertical-align: baseline;
    font-weight: normal;
    white-space: normal;
    text-transform: none;
}
.sc-nowrap { white-space: nowrap; }
.sc-dim {
    filter:alpha(opacity=33);
    -moz-opacity:.33;
    opacity:.33;
}
.sc-note:hover { cursor: help; }
.sc-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* .sc-pkg class wraps enclosing block element around inner floated elements */
.sc-pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0.0; }
* html .sc-pkg { display: block; }
/* no ie mac \*/
* html .sc-pkg { height: 1%; }
.sc-pkg { display: block; }
/* */
@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
    font-size: 13px;
    color: #000;
    background-color: #fff;
}
a { color: #2E5589; }
a:hover {
    color: #002FA7;
    background: #FFFF00;
    text-decoration: none;
}
a img {
    border: 1px solid #fff;
    max-width: 100%;
    height: auto;
}
a img:hover {
    background: #FFFF00;
    border: 1px solid #FFFF00;
}
img[align="left"] {
    margin-right: 10px;
}
img[align="right"] {
    margin-left: 10px;
}
h1, h2, h3, h4 { margin: 0 0 .3em 0; }
h2, h3, h4 { margin-top: 1em; }
h1 { font-size: 2.8em; font-weight: normal;}
h2 { font-size: 1.6em;}
h3 { font-size: 1.3em;}
p {
    margin: 0 0 1em 0;
    line-height: 1.7;
}
ul, ol { padding-left: 2em; margin-bottom: .75em; }
dl { padding-left: .75em; margin-bottom: .75em; }
dl dt { font-weight: bold; }
dl dd { padding-left: 1.5em; }
blockquote {
    margin:0 0 .75em 1em;
    border-left: 1px solid #2E5589;
    padding-left: .5em;
}
code {
    display: block;
    overflow: auto;
    margin: 0.5em 0;
    border: 1px dotted #2E5589;
    background-color: #f3f3f3;
    padding: 0.5em;
}
hr {
    margin: 0.5em 0;
	height: 3px;
    border: none;
	border-top: 3px double #2E5589;
}
.right-column *:first-child,
.left-column *:first-child {
    margin-top: 0;
}
/* main blocks ---------------------------------------------------------------  */
#page {
    padding: 0 0;
    margin: 0 auto;
    max-width: 1020px;
    min-width: 666px;
}
/* Narrow article pages. */
#article.unauthenticated #page {
    max-width: 621px;
}
#content { padding: 0 31px 10px 31px; }
#content a,
#content a:hover {
    text-decoration: none;
}
/* main navigation ---------------------------------------------------------------  */
#main-nav {
    padding: 10px 31px 2px 31px;
}
* html #main-nav { display: block; height: 1%; } /* clear floats - Holly Hack */
#main-nav ul#left,
#main-nav ul#right {
    padding-left: 0;
    margin: 0;
}
#main-nav li {
    list-style: none;
    display: inline;
}
#main-nav #left { float: left; }
#main-nav #left li { padding: 0 8px 0 0; }
#main-nav #right { float: right; }
#main-nav #right li { padding: 0 0 0 8px; }
#main-nav form { display: inline; }
/* functions navigation ---------------------------------------------------------------  */
#functions-nav {
    margin: 0 31px 30px;
    padding: 20px 0 3px;
    background: url(/i/kmz_logo_ikb_542.gif) no-repeat scroll 0 18px;
}
/* An empty box to click. See /js/global.js */
#functions-nav-inner {
	height: 62px;
	max-width: 542px;
	margin-bottom: 4px;
}
#functions {
    margin: 0;
    padding:4px 0 0;
    white-space: none;
    border-top: 1px solid #2E5589;
}
#functions li {
    list-style-type: none;
    display: inline;
    margin: 0;
    padding: 0 8px 0 0;
    vertical-align: text-top;
}
#functions .primary { font-size: 1em; font-weight: bold; }
#functions .secondary { text-transform: none; }
#functions a { text-decoration: none; }
#functions #current a {
    font-weight: bold;
    padding-bottom: 1px;
    border-top: 5px solid #2E5589;
}
/* footer ---------------------------------------------------------------  */
#footer {
/*    background-color: #F3F3F3;*/
/*     background: url(/i/topfade.jpg) repeat-x scroll; */
    margin: 10px 0 0;
    border-top: 1px solid #2E5589;
    padding: 3px 31px 22px 31px;
    text-align: right;
}
#footer ul {
    padding-left: 0;
    margin: 0;
}
#footer li {
    list-style: none;
    display: inline;
    padding: 0 5px 0 0;
}
/* Headers ---------------------------------------------------------------  */
#article.edit-article h1,
#datalog h1,
#dataspace.dataspace-node h1,
#history h1,
#contribute h1 {
    color: #999;
}
#article.edit-article h1 em,
#datalog h1 em,
#dataspace.dataspace-node h1 em,
#history h1 em,
#contribute h1 em {
    color: #333;
}
.right-column h2,
.right-column h3,
.right-column h4 {
    margin-top: 1em;
}
.dataspace-results h3 {
    margin: 0;
}
/* Tags List ---------------------------------------------------------------  */
#tags_edit_list {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}
#tags_edit_list li {
    float: left;
    margin-right: 0.7em;
    white-space: nowrap;
}
#tags_edit_list li a.remove {
    margin-left: 2px;
}
a.remove, a.add {
    display: inline-block;
    width: 1em;
    height: 1em;
    color: #fff;
    background-color: rgba(0,0,0,0.2);
    line-height: 1;
    text-align: center;
    border-radius: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    font-size: 0.8em;
    padding: 2px;
    vertical-align: 2px;
    /* Use regular Helvetica for header because Neue has weird leading. */
    font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}
a.remove:hover, a.add:hover {
    background-color: #FFFF00;
    color: #000;
}
/* Default Content Lists ---------------------------------------------------------------  */
.images-list {
    list-style-type: none;
    padding-left: 0;
}
.images-list li {
    position: relative;
    float: left;
    margin: 1px 4px 1px 0;
}
.files-list li {
    margin: 0 5px .5em 0;
}
.nodes-list {
    padding-left: 20px;
    margin-bottom: .5em;
}
/* Home page -------------------------------------------------------- */
#home .left-column {
    width: 70%;
    min-height: 300px;
    float: left;
    overflow: hidden;
    margin-right: 5px;
    margin-bottom: 1em;
    padding-right: 19px;
}
#home .left-column p {
    color: #777;
    line-height: 1.4;
    word-spacing: -0.075em;
    text-align: justify;
    font-size: 13px;
}
#home .left-column p:first-line {
    line-height: 1;
    font-size: 18px;
    letter-spacing: -0.04em;
}
#home .left-column p a {
    font-size: 105%;
    padding: 0 .1em;
    font-weight: bold;
}
#home .right-column {
    width: 26%;
    float: left;
/*     margin-top: 10px; */
}
#home .featured_summary {
    margin-bottom: 15px;
}
#home .featured_summary img {
    margin-bottom: 2px;
}
#home .featured_summary p {
    line-height: 1.1em;
}
#home #nodecloud {
    height: 600px;
    position: relative;
}
#home #nodecloud li {
    position: absolute;
    text-decoration: none;
    list-style: none;
}
#home #nodecloud li a {
    text-decoration: none;
    color: inherit;
}
#home #nodecloud li a:hover {
    color: #002FA7 !important;
    background: #FFFF00;
    text-decoration: none;
}
/* Form Defaults ------------------------------------------------------------------ */
.sc-form {
    width: 100%;
    margin-bottom: .75em;
}
.sc-form-row {
    margin: 0 0 .5em 0;
}
.sc-form-row:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } /* clear floats - Ydnar Hack */
fieldset {
	border: 0;
	margin: 0 0 1em 0;
	padding: 0;
}
legend {
	margin: 0;
	padding: 0 0 .4em;
	font-weight: bold;
}
.sc-form textarea,
.sc-tiny,
.sc-small,
.sc-medium,
.sc-large,
.sc-full,
#sc-captcha-input {
    border: 1px solid #999;
}
label.sc-full {
    border: none;
}
textarea {
    padding: 0 2px;
}
.sc-form label span {
    visibility: hidden;
}
.sc-form input {
    padding: 2px 2px;
}
.sc-submit-buttons input {
    margin-right: 5px;
}
/* Login Form ------------------------------------------------------------------ */
#login .sc-form {
    width: 50%;
    float: left;
    overflow: hidden;
    margin-right: 20px;
    border-right: 1px solid #2E5589;
}
#login label {
    display: block;
    width: 6em;
    float: left;
}
/* Register Form ------------------------------------------------------------------ */
#register .left-column {
    width: 65%;
    min-height: 300px;
    float: left;
    overflow: hidden;
    margin-right: 15px;
    margin-bottom: 1em;
    border-right: 1px solid #ccc;
    padding-right: 19px;
}
#register .right-column {
    width: 28%;
    float: left;
}
#register label {
    display: block;
    width: 10em;
    float: left;
}
#register label.sc-full {
    width: 100%;
}
#register pre {
    clear: left;
}
#register .captcha-code {
    width: 30em;
    background-color: #444;
    color: #fff;
    font-size: 4px;
    padding: 8px;
    margin: 25px 0 0;
}
/* Settings ------------------------------------------------------------------ */
#settings .sc-form {
    width: 50%;
    float: left;
    overflow: hidden;
    margin-right: 20px;
    border-right: 1px solid #2E5589;
}
#settings .user-settings label {
    display: block;
    width: 8em;
    float: left;
}
#settings .site-settings select {
    border: 1px solid #2E5589;
}
#settings .right-column {
    width: 40%;
    float: left;
}
#settings .right-column ul {
    padding-left: 20px;
}
/* Node list / browse ---------------------------------------------------------------  */
#nodes .left-column {
    /* width: 65%; */
    min-height: 300px;
    /* float: left; */
    overflow: hidden;
    /* margin-right: 15px; */
    margin-bottom: 1em;
    /* border-right: 1px solid #2E5589; */
    /* padding-right: 19px; */
}
#nodes .right-column {
    width: 28%;
    float: left;
    display: none;
}
#nodes .sidebar-list {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}
#nodes .sidebar-list li {
    padding-bottom: 0.4em;
}
#nodes .node-list {
    list-style: none;
    padding: 0;
}
#nodes .node-list li {
    display: inline;
    margin-right: 1em;
    line-height: 2em;
    white-space: nowrap;
}
/* Article ------------------------------------------------------------------ */
#article .left-column {
    width: 65%;
    min-height: 300px;
    float: left;
    overflow: hidden;
    margin-right: 15px;
    margin-bottom: 1em;
    border-right: 1px solid #2E5589;
    padding-right: 19px;
}
#article .right-column {
    width: 28%;
    float: left;
}
/* Contribute ------------------------------------------------------------------ */
#contribute-form .left-column {
    width: 55%;
    min-height: 300px;
    float: left;
    overflow: hidden;
    margin-right: 15px;
    margin-bottom: 1em;
    border-right: 1px solid #2E5589;
    padding-right: 19px;
}
#contribute-form .right-column {
    width: 35%;
    float: left;
    overflow: hidden;
}
#contribute-form .sc-form-file {
    margin-top: .25em;
    background: #f3f3f3;
    padding: 10px 16px 10px 10px;
}
#contribute-form .sc-form-file label {
    margin-right: 10px;
}
#contribute-form .select-file label { display: none; }
/* Article ------------------------------------------------------------------ */
#article #preview {
    margin-bottom: 1em;
    padding: 10px;
    background-image: url(/i/grey_stripe.gif);
}
/* Datalog ---------------------------------------------------------------  */
#datalog .left-column {
    width: 79%;
    min-height: 300px;
    float: left;
    overflow: hidden;
    margin-right: 15px;
    margin-bottom: 1em;
    border-right: 1px solid #2E5589;
    padding-right: 19px;
}
#datalog .right-column {
    width: 15%;
    float: left;
}
.datalog-list {
    list-style-type: none;
    padding-left: 0;
}
.datalog-list ul {
    padding-left: 0;
}
.datalog-list li.datalog-entry {
    float: left;
/*    margin: 9px 5px 5px 0; Q trying to put infoline above entry. */
    margin: 0 5px 5px 0;
    border: 1px solid #2E5589;
    background: #f9f9f9;
    padding: 2px 5px;
    height: 7.5em;
    width: 18em;
    overflow: hidden;
}
#article .datalog-list li.datalog-entry {
    height: auto;
}
#nodes .datalog-list li.datalog-entry {
    height: auto;
}
.datalog-list li.datalog-entry p {
    line-height: 1.1em;
}
.datalog-entry-list {
    list-style-type: none;
}
.datalog-entry-list li {
    float: left;
    padding: 2px 2px 1px 0;
}
.datalog-entry-infoline {
    font-size: 10px;
    color: #999;
}
.datalog-entry p {
    margin: 0;
}
/* Datalog Entry ---------------------------------------------------------------  */
#view_entry .left-column {
    width: 65%;
    min-height: 300px;
    float: left;
    overflow: hidden;
    margin-right: 15px;
    border-right: 1px solid #2E5589;
    padding-right: 19px;
}
#view_entry .right-column {
    width: 28%;
    float: left;
}
.entry-nodes .sc-small,
.entry-tags .sc-small {
    margin-right: 0;
}
/* View File  ---------------------------------------------------------------  */
#view_file h2 {
    margin-top: 1em;
    border-bottom: 1px solid #2E5589;
}
#view_file .left-column {
    width: 65%;
    min-height: 200px;
    float: left;
    overflow: hidden;
    margin-right: 15px;
    margin-bottom: 1em;
    border-right: 1px solid #2E5589;
    padding-right: 19px;
}
#view_file .right-column {
    width: 28%;
    float: left;
}
/* Hood  ---------------------------------------------------------------  */
#hood .left-column {
    width: 65%;
    min-height: 300px;
    float: left;
    overflow: hidden;
    margin-right: 15px;
    margin-bottom: 1em;
    border-right: 1px solid #2E5589;
    padding-right: 19px;
}
#hood .right-column {
    width: 28%;
    float: left;
}
/* Scrapbook  ---------------------------------------------------------------  */
#scrapbook .left-column {
    width: 65%;
    min-height: 300px;
    float: left;
    overflow: hidden;
    margin-right: 15px;
    margin-bottom: 1em;
    border-right: 1px solid #2E5589;
    padding-right: 19px;
}
#scrapbook .right-column {
    width: 28%;
    float: left;
}
/* Dataspace  ---------------------------------------------------------------  */
/* History ---------------------------------------------------------------  */
#history table {
    border-collapse:collapse;
    border-spacing: 0;
    margin-bottom: .75em;
}
#history table th,
#history table td {
    text-align: left;
    padding: 3px 10px;
    border-bottom: 1px solid #2E5589;
}
#history table th {
    color: #999;
}
#history .submit {
    margin-bottom: .75em;
}
#history del {
    color: #e00;
}
#history ins {
    color: #0a0;
    text-decoration: none;
}
/*http://cheeaun.phoenity.com/weblog/2005/06/whitespace-and-generated-content.html*/
#history pre {
    white-space: pre; /* CSS2 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP printers */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}
/* Scrapbook ---------------------------------------------------------------  */
.images-list .add-to-scrapbook-link,
.images-list .remove-from-scrapbook-link {
    position: absolute;
    z-index: 1;
    top: 0.5em;
    left: 0.5em;
    width: 1em;
    height: 1em;
    color: #fff;
    background-color: rgba(0,0,0,0.3);
    line-height: 1;
    text-align: center;
    border-radius: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    font-size: 0.8em;
    padding: 2px;
    vertical-align: 2px;
    /* Use regular Helvetica for header because Neue has weird leading. */
    font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}
.images-list .add-to-scrapbook-link:hover,
.images-list .remove-from-scrapbook-link:hover {
    background-color: #FFFF00;
    color: #000;
}
/* SC Messaging ---------------------------------------------------------------  */
.sc-msg {
    font-family: inherit;
    border: 1px solid #2E5589;
    background-color: #f3f3f3;
    margin: 0 0 8px 0;
    padding: 2px 5px;
}
.sc-msg-warning,
.sc-msg-error,
.sc-msg-success,
.sc-msg-notice {
	margin: 0;
	padding: 2px 0;
	background-color: transparent;
	color: #f00;
	border-width: 0;
}
.sc-msg-success { color: #090; /*border-color: #090;*/ }
.sc-msg-notice { color: #c60; /*border-color: #C60;*/ }
.wiki-nonexistant {
    color: #f80;
}
#search-form-advanced h3 {
    display: none;
}
.search-type label {
    margin-left: .5em;
    border-left: 1px solid #2E5589;
    padding-left: .75em;
}
.search-type label.first {
    margin-left: 0;
    border-left: none;
    padding-left: 0;
}
.right-column h2 {
    margin-top: .5em;
}
/* Featured widget */
ul#feats {
    padding: 0;
    margin: 0;
}
#feats li {
    list-style-type: none;
    padding: 0 0 .7em 0;
    border-bottom: none;
    margin: 0;
}
/* REB */
#reb-background {
    display: block;
    height: 82px;
    width: 100%;
    margin-top: -15px;
    background-image: url(/i/running-eyes-436x90.gif);
}
#reb-background:hover {
    background-color: inherit;
}
/* Twitter widget */
#twitter {
    margin-top: 0;
}
.twtr-hd, .twtr-ft {
    padding: 4px 8px !important;
    display: none;
}
.twtr-doc {
    background-color: #fff !important;
}
.twtr-tweet {
    border-bottom: none !important;
}
.twtr-tweet-wrap {
    padding: 0 0 .7em 0 !important;
}
/* .twtr-hd h3, .twtr-hd a.twtr-profile-img-anchor {
    display: none;
}
#twtr-widget-1>.twtr-doc>.twtr-hd>h4 {
    margin-left: 0 !important;
}
.twtr-hd h4 a {
    content: '' !important;
}
.twtr-hd h4 a:after {
    content: ' on twitter';
}
 */
.sc-msg .close {
    display: none;
}
header.row > .columns > #sc-msg-formvalidator,
header.row > .columns > h1 {
    display: none;
}
.sc-form-row, form > .row, .form-group {
    margin: 0 0 1em 0;
}
.sc-submit-buttons ul, .sc-submit-buttons ol, .sc-submit-buttons li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

@media print
{
    * {
        -webkit-print-color-adjust: exact;
    }
    body {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 13px;
    }
    .hide-for-print, footer, h1 .button {
        display: none !important;
    }
    hr {
        border: 1px solid #000;
    }
}
@media (max-width: 669px) {
    #functions-nav {
        margin: 0 18px 10px;
        padding: 20px 0 3px;
        background-size: contain;
        max-width: 542px; /* Width of /i/kmz_logo_ikb_542.gif */
    }
    #main-nav {
        padding: 10px 18px;
    }
    #content {
        padding: 0 18px 10px 18px;
    }
    #footer {
        padding: 10px 18px;
    }
    body #page #content .left-column,
    body #page #content .right-column {
        width: 100%;
        min-height: initial;
        float: none;
        overflow: auto;
        margin: 0;
        padding: 0;
    }
    body #page #content .left-column p {
        color: #666;
        line-height: 1.4;
        word-spacing: -0.05em;
        text-align: left;
        font-size: 15px;
    }
    body #page #content .left-column p:first-line {
        line-height: 1;
        font-size: 20px;
        letter-spacing: -0.01em;
    }
    .right-column *:first-child {
        margin-top: 10px;
    }
    #page {
        min-width: initial;
    }
    /* Narrow article pages. */
    #article.unauthenticated #page {
        max-width: 100%;
    }
    img[align="left"], img[align="right"] {
        display: block;
        margin: 10px 0;
        float: none;
    }
}