body {
    background: linen;
}

div.panel-std {
    border-radius: 3px;
    border: 1px solid #403d30;
    padding: 20px;
    background: white;
    min-height: 100vh;
    height: auto !important; /* magic? */
    height: 100vh;

}

nav#main_nav {
    background-color: #3D3C3A;
}

a.ctrl_bar_tab:link, a.ctrl_bar_tab:visited {
    color: black;
}

a.ctrl_bar_tab:hover, a.ctrl_bar_tab:active {
    color: white;
}

.form-label-formatting-normal {
    width:200px;
    vertical-align: top;
}

.form-element-formatting-normal {
    width:300px;
    vertical-align: top;
}

.margin-bottom-40px {
    margin-bottom: 40px;
}

.general-content-padding {
    padding-left:20px; 
    padding-right:20px;
}

.content-flex {
    display: flex;
    flex-flow: column;
    height: 100%;
}

.content-header {
    flex: 0 1 auto;
}

.content-body {
    flex: 1 1 auto;
}

.content-footer {
    padding-top: 20px;
    flex: 0 1 auto;
}

div.image-box {
    display: inline-block;
}

img.image-box-img {
    display: inline-block;
}

p.image-box-caption {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

pre {
    white-space: pre-wrap;
}

a.rating-button  {
    color: goldenrod;
    background-color: transparent;
    text-decoration: none;
}

span.note-block {
    white-space: pre-wrap; 
    font-family:'Lucida',monospace;
}

div.note-block {
    background-color: whitesmoke; 
    padding:8px; 
    border-radius: 5px; 
    border-width: 1px; 
    border-color: lightgray; 
    border-style:ridge;
    white-space: pre-wrap; 
    font-family:'Lucida',monospace;
}