* {
    margin: 0px;
    padding: 0px;
}
body {
    font-family: verdana;
    font-size: 10pt;
    color: #333333;
}
a {
    color: #333333;
    font-weight: bold;
}
button {
    border: none;
    min-width:5em;
}
button:hover {
    font-weight: bold;
}
input {
    background: none;
    border: 1px solid;
}
option.first {
    border-top: 1px dashed;
}
a.no_decoration {
    text-decoration: none;
}
a.delete {
    color:red;
    font-size: 8pt;
}
a.fold {
    color:red;
    font-weight:normal;
    font-style:italic;
}
a.expand {
    color: green;
    font-weight:normal;
    font-style:italic;
}
a.undo {
    color:green;
    font-size:8pt;
}
.middle-spacing {
    padding-left:20px;
    padding-right:20px;
}
.err_star {
    color: red;
    font-weight:bold;
}
.distance {
    font-size:1.5em;
    font-weight:bold;
    padding:0.5em;
    border: 1px solid;
}
#header {
    position: fixed;
    z-index:5;
    top:0;
    font-size: 8pt;
    width: 100%;
    background:white;
    border-bottom:1px solid;
}
#header #branding {
    padding: 1em;
    position:absolute;
}
#header #branding img {
    border:none;
}
#header #branding .logo {
    font-size:14pt;
    font-weight:bold;
}
#header #branding a.logo {
    text-decoration:none;
}
#header #branding .co {
    color:#333;
}
#header #branding .livri {
    color:#999;
}
#header #user-area {
    float:right;
    padding:1em;
    text-align:right;
}
#header #user-area #folded {
}
#header .hide {
    display:none;
}
#header #user-area div.signup{
padding-top:0.2em;
font-size:12pt;
}
#header a.profile-action {
    margin-left:2em;
}
#header #user-area div.in-out  {
    margin-top:1em;
    font-size:10pt;
}
#header #user-area span.title {
    font-weight:bold;
    padding:0.2em 0.5em 0.2em 0.5em;
}
#header #user-area div.lent span.title {
    background: #EEE8AA;
}
#header #user-area div.borrowed span.borrowed {
    background:#333;
    color:white;
}
#header span.pending {
    border:2px dashed red;
}
#header #user-area div.borrowed span.request {
    background:#999;
    color:white;
}

#header table {
    text-align:left;
}
#header table td {
    padding-left: 10px;
}
#header a.emphasize {
    font-size: 12pt;
    margin-top:10px;
}
#header input {
    color: #333333;
    border-color:#333333;
    font-weight: bold;
    font-size: 12pt;
}
#header .username {
    font-size:14pt;
    font-weight:bold;
}

#message {
    background: red;
    padding:0.3em;
    color:white;
    margin-bottom:10px;
}
#message a {
    color: white;
    font-weight:bold;
}

#context {
    background:#EEEEEE;
    margin: 10px 0 10px 0;
    padding:5px;
}

#context .left {
    width:50%
    padding-right:5px;
}

#context .right {
    width:50%;
    padding-left:5px;
}

#context #add button {
    border: 1px solid #333;
}

#context #add table td{
padding-right:20px;
}
#context #add .left_spacing {
    border-left:1px solid #333;
    padding-left: 20px;
}
#context #add table label {
    font-size: 8pt;
}
#context #add input {
    font-size: 12pt;
    font-weight: bold;
}

#context #import {
    text-align:center;
    border-top:1px solid #333;
    padding-top:10px;
}

.emphasize {
    font-size:12pt;
}

.book {
    margin-bottom: 10px;
    padding: 5px;
}
.book button {
    border: 1px solid #333;
}
.book .title {
    font-size:12pt;
    font-weight:bold;
}
.book .author {
    font-weight:bold;
}
.minimize {
    font-weight:normal;
    font-size:8pt;
}
.book .main_action {
    text-align:right;
    float:right;
    font-size:12pt;
    color:;
}
.book a.in-out {
    background:#333;
    color:white;
}
.book .tags {
    padding: 5px 0px 5px 0px;
}
.book .tags .mytag {
    border: 1px solid #333333;
    padding: 2px 5px 2px 5px;
    background: white;
    margin-right: 5px;
}
.book form {
    float:right;
}
.book.pending form {
    float:none;
}
.book .lesser_action {
    font-size: 8pt;
    margin-right: 2em;
}
.book.pending {
    background-color: #EEE;
}
.book.failure {
    background:red;
    color:white;
}
.book.failure a {
    color:white;
}
.book.removed {
    background:red;
    color:white;
}
.book.removed a {
    color:white;
}

.book .description {
    margin-top: 1em;
}

.book .conversation {
    clear:both;
    margin-top: 1em;
}

.book .conversation form {
text-align:right;
}

#main {
    margin-top:8em;
    margin-bottom:7em;
    padding: 10px;
}

#main button {
    border: 1px solid #333;
}

table.container {
    width:100%;
}
td.sidebar {
    border-left:1px solid #333;
    width:15em;
}
#sidebar {
    margin-top:8em;
    margin-bottom:7em;
    padding:10px;
}

.tag {
    text-align:right;
    padding:0.1em;
    margin-top:0.1em;
}
.name {
    float:left;
}
    .count {
}

#tag-select {
    margin-top:1em;
    padding-top:1em;
    border-top:1px dashed #333;
}

#tag-select select {
    width:13em;
}

#tag-select button {
    margin-top:1em;
}

#main div.blabla {
    width:600px;
    margin:auto;
    font-size:10pt;
    padding: 2em;
    border:1px solid #333;
}
#main div.blabla p {
    margin-top:1em;
}
#main ul.normal {
    font-size:10pt;
    margin:0;
    margin-left:2em;
}
#main div.blabla ul {
    font-size:10pt;
    margin:0;
    margin-left:5em;
}
#main div.blabla h2 {
    margin-top:1em;
    font-size:12pt;
}
#main table.center {
    margin-left:auto;
    margin-right:auto;
    border: 1px solid;
    padding:15px;
}

#sidebar h1 {
    font-size: 14pt;
}

#main h1 {
    margin-bottom: 1em;
    font-size: 14pt;
}
#main h2 {
    margin-bottom:1em;
    font-size:10pt;
    font-weight:bold;
}
#main p {
    margin:1em 0 1em 0;
}
#main p.subtitle {
    font-size: 8pt;
    margin-bottom: 1em;
}
#main .padding-left-10 {
    padding-left: 10px;
}
#main input {
    color: #333;
    border-color: #333;
    font-weight: bold;
    font-size: 12pt;
    background: white;
}
#main input.file {
    font-size: 10pt;
}

#main label {
    font-size:8pt;
}
#main form a {
    font-size: 10pt;
    color: #333;
    font-weight: bold;
}

#main form a.js_display {
    font-size: 8pt;
}

#main form a.delete {
    color: red;
    text-decoration: none;
}
#main button {
    margin-top:5px;
}
#main ul {
    list-style-type:none;
    font-size:8pt;
    margin-left:5em;
    margin-bottom:1em;
}
#main #riverflow {
    margin-top: 2em;
    margin-bottom:2em;
    text-align:right;
}
#main #riverflow .message {
    background:#EEE8AA;
    padding:0.5em;
    margin-bottom:0.5em;
    font-weight:bold;
}
#main #riverflow a.pagination {
    margin-top:0.5em;
    background:#333;
    padding:0.5em;
    color:white;
}
#main #riverflow #help-search {
    margin-top:1.5em;
    text-align:left;
}
#help-search ul {
    font-size:10pt;
}
#main #riverflow #help-search ul {
    margin-top:1em;
}
#main #riverflow #help-search li {
    padding:0.1em;
}
#main .owners {
margin-top:1em;
    clear: both;
}
#main .owners h2 {
    display: inline;
}
.delete {
    color: red;
    font-size:10pt;
    font-weight:bold;
}
#slidebar {
    position: fixed;
    min-height: 2em;
    bottom:7em;
    background: #EEE8AA;
    width: 100%;
    padding: 5px;
}
#slidebar table p {
    margin-bottom: 1em;
}
#slidebar table a {
    color:#333;
}
#slidebar table td{
padding-right:20px;
}
#slidebar .left_spacing {
    border-left:1px solid;
    padding-left: 20px;
}
#slidebar table label {
    font-size: 8pt;
}
#slidebar input {
    font-size: 12pt;
    font-weight: bold;
}
#slidebar #hide {
    float:right;
    margin-right: 15px;
    margin-top:0.3em;
    display: none;
}
#slidebar #hide a {
    font-size: 8pt;
}
#slidebar ul {
    margin-top: 0.3em;
}
#slidebar li {
    display: inline;
    margin-right: 5px;
}
#slidebar a {
    color: red;
    font-weight: bold;
}
#slidebar .filter {
    background:white;
    padding:2px 5px 2px 5px;
    border:1px solid
}
#slidebar .keyword {
    font-size: 8pt;
    font-weight: bold;
}
#slidebar #add {
    display: none;
}

#footer {
    color: white;
    position: fixed;
    bottom: 0;
    height: 7em;
    background: #333;
    width: 100%;
}
#footer a {
    color: white;
    font-weight: bold;
}
#footer button:hover {
    font-weight:bold;
}

#footer #command {
    padding-top: 5px;
}
#footer #command td {
    padding-right: 5px;
}

#footer #information {
    font-size: 10pt;
    position: fixed;
    bottom: 5px;
    text-align: center;
    width: 100%;
}
#footer #information li {
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
}
#footer form {
    margin: 5px;
    padding-bottom:10px;
    display:inline;
}
#footer label {
    color: red;
    font-weight: bold;
}
#footer input {
    color: #333;
    background: white;
    font-size: 12pt;
    font-weight: bold;
    border-color: white;
    width:100%;
}

/* elements for unobstrusive javascript */

.js_display {
    display: none;
}

input.pre_input {
    font-style: italic;
}
#header input.pre_input {
    color: #DCDCDC;
}
#main input.pre_input {
    color: #DCDCDC;
}
#slidebar .pre_input {
    color: #DAA520;
    border-color: #333;
}