/* ----- preface.css ----- */

a
{
   color: #666;
}

p
{
   margin-top: 10px;
}

body
{
   background: #666;
   color: #555;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}

#button
{
   background-color: #C80000;
   border-radius: 7px 7px 7px 7px;
   border-color: darkred;
   color: white;
   float: right;
   font-size: larger;
   font-weight: bold;
   height: 30px;
   margin-top: 7px;
}

#header, #nbd-header
{
   margin: 30px auto 50px auto;
}

#background
{
   width: 100%;
   background: #F8F8F8;
}

#background h1
{
   margin-left: 10px;
   display: inline;
   font-size: 18px;
   font-weight: bold;
   padding: 8px 40px 0 0;
   color: #999;
}

.header-text {
   float: left;
   padding-top: 10px;
   padding-right: 20px;
   padding-left: 20px;
   color: gray;
   font-size: 17px;
   font-weight: bold;
}

.help-section
{
   margin-left: 10px;
   padding-bottom: 10px;
}

#footer
{
   width: 100%;
   display: flex;
}

.footer
{
   padding: 0px 30px 15px 30px;
}

.form
{
   padding: 4px 20px 10px 20px;
}

#content
{
   margin-left: 260px;
}

#sidebar
{
   float: left;
   width: 260px;
   height: 100%;
}

#menu
{
   margin-top: 30px;
   width: 100%;
   text-align: center;
}

ul.menu li
{
   display: inline;
   font-size: 11px;
   white-space: nowrap;
}

ul.menu li:before
{
   content: '| ';
}

ul.menu li:first-child:before
{
   content: '';
}

a.low-bandwidth
{
   font-size: 13px;
   position: relative;
   color: blue;
}

#error
{
   width: 100%;
   padding-bottom: 5px;
}

.error
{
   color: #FD2B32;
}

.error ul
{
   list-style: square;
   list-style-position: outside;
   padding-left: 30px;
}

#message
{
   width: 100%;
}

.message
{
   color: #000000;
}

.message ul
{
   list-style: square;
   list-style-position: outside;
   padding-left: 30px;
}

.label
{
   padding-top: 6px;
}

.input
{
   width: 260px;
   height: 18px;
   font-size: 15px;
   border: 1px solid #666;
}