/***************
 * CSS
 ***************/

* {
    font-family: Arial, sans-serif;
}

body {
    margin: 5px;
    /* overflow: hidden; */
    background: #fff;
    background-image: url(../images/content-back.gif);
    /* background-repeat: no-repeat; */
}

h1,h2,h3,h4 {
    margin: 8px 0px;
}

ul {
    margin-top: 0px;
}

ul li {
    list-style: square;
}

ul li ul {
    /* display: block !important; */
}

ul li.show ul {
    display: block !important;
}

ul li ul li {
    list-style: circle;
    font-size: 90%;
}

/* to be finished later 2007.4.17 */

ul li span.sh {
    font-size: 70%;
    color: #f00;
    cursor: pointer;
}

ul li ul.sub li {
    font-style: italic;
}

img {
    border: 0px;
}

a:hover {
    background: #ffffcc;
}

input {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: Blue;
}

select {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: Blue;
}

span.info {
    font-size: 80%;
    font-style: italic;
}

/* Block Definition */

div#top {
    margin: 0px;
    width: 100%;
    height: 25px;
}

div#top div.title {
    width: 330px;
    font-size: 20px;
    font-weight: bold;
    float: left;
}

div#top div.select {
    font-size: 12px;
    color: Blue;
}

table.notes {
    border: 1px solid #111;
    padding: 1px;
}

table.notes td {
    border: 1px dotted #111;
    padding: 2px;
    text-align: center;
}

table.notes td.num {
    font-size: 90%;
}

table.notes td span.type {
    font-size: 90%;
    font-weight: bold;
}

table.notes td span.date {
    font-size: 75%;
}

table.notes td.topic {
    padding: 2px 20px 2px 20px;
}

table.notes td.link {
    padding: 2px 20px 2px 20px;
}

table.notes td.title {
    border: none;
    font-weight: bold;
    text-decoration: underline;
}