h1,h2,h3,h4,h5,h6 { font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size: 1.5em; }

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
    font-size: 0.9em;
    line-height: 100%;
    margin: 0.5em;
    background: #ffffff;
}

a.top-control:hover { background-color: #5C81B1; color: #FFF; }

p { font-size: 0.9em; }
img { border: 0px none; }

table, td, th {
    font-size: 0.9em;
    border: 1px solid #000;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0.2em;
}

table.full { width: 100%; }
table.half { width: 50%; }
table.half-noborder { width: 50%; border: none; }
table.third { width: 33%; }

tr { height: 0.5em; background-color: #FFF; }
tr.labels { font-weight: bold; }
tr.row { background-color: #FFF; color:#000; }
tr.row:hover { background-color: #5C81B1; color: #FFF; }
td.hidden { display: none; }
td.matiere { width: 15%}
td.fonds { width: 10%; }

div.spacer { word-spacing: 20px; }
div.main-controls { font-size: 0.8em; line-height: 200%; }
div.rowid { display: none; }

span#login-form {
    position: absolute;
    top: 4px;
    float: right;
    right: 4px;
    text-align: right;
    margin-top: 1px;
    width: 600px;
    /* height: 100px; */
    background: transparent;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    font-size: 0.8em;
    /* color: #dbdbdb; */
    /* border: 1px solid #dbdbdb; */
    /* padding: 2px; */
}

span.separator { padding-left: 0.2em; padding-right: 0.2em; }
span.greeting {}
span.current-user { font-weight: bold; margin-right: 0.2em; }

span#sort-controls {
    position: absolute;
    top: 25px;
    float: right;
    right: 4px;
    text-align: right;
    margin-top: 1px;
    /* ** width: 600px; */
    /* height: 100px; */
    background: transparent;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    font-size: 0.8em;
    /* color: #dbdbdb; */
    /* border: 1px solid #dbdbdb; */
    /* padding: 2px; */
}


/* input { border: 1px solid #dbdbdb; } */
input { border-width: 1px; border-color: #dbdbdb; }
input.full { width: 100%; }
input.half { width: 100%; }
input.borderless { border: none; }

div.footer { margin-top: 1em; border-top: 1px solid #000; font-size: 0.6em; }
div.footer-left { position: relative; float: left; text-align: left; } 
div.footer-right { position: relative; float: right; text-align: right; }

div.buttons { margin-top: 0.5em; }
span.button { margin-right: 0.3em; }

input.auteur  { width: 100%; }
input.titre   { width: 100%; }
input.edition { width: 100%; }
input.matiere { width: 30%; }
input.fonds   { width: 30%; }

table.book-details { width: 50%; border: none; }

td.book-label { font-weight: bold; border: none; width: 10%; }
td.book-value { border: none; width: 100%; }
input.fullwidth { width: 100%; }

#content {
    padding: 0 8px 8px 8px;
    font-size: 10pt;
}

#content-title {
    font-size: 24pt;
    font-weight: bold;
    padding: 0 0 8px 64px;
}

#content-action {
    font-size: 16pt;
    color: #b8b8b8;
    vertical-align: top;
}

div.toc {
    border: 1px solid #ababab;
    background: #efefef;
    padding: 4px;
    margin: 4px 0 4px 4px;
    float: right;
}

div.toc div.l1 { margin-left: 0; }
div.toc div.l2 { margin-left: 12px; }
div.toc div.l3 { margin-left: 24px; }

div.toc div.title { font-weight: bold; padding-left: 32px; }
div.toc span.enum { font-size: 7pt; margin-right: 4px; }
div.toc a { text-decoration: none; }