/* DEFAULTS */
body {
    height: 100%;
    padding: 0px;
    margin: 0px;
    overflow:auto;
    
    font-family: trebuchet ms, serif;
    font-size:13px;
    
    color: #ffffff;
    background: #000000;
}

input,select { font-size:13px; }
input[type=text] { width: 24em; }

hr { display: none; }

a,a:link,a:visited  {
    text-decoration: none;
    color: #d0c8f8;
    background: inherit;
}

a:hover {
    color: #7878c0;
    background: inherit;
    text-decoration: underline;
}

tt {
    font-family: "Bitstream Vera Sans Mono",monospace;
    font-weight: bold;
    color: #a0a0ff;
}

h1 {
    display: block;
    
    padding: 0ex 1ex 0px 1ex;
    margin: 1ex 0px 1ex 0px;
    
    color: #d0c8f8;
    font-size: 16px;
}

h2 {
    display: block;
    
    padding: 0ex 2ex 0px 1ex;
    margin: 1ex 0px 1ex 0px;
    
    color: #d0c8f8;
    font-size: 14px;
}

/* LAYOUT */
#header {
    position:fixed;
    top: 0px;
    left:50px;
    z-index: 10;

    width:700px;
    height:100px;
    
    color: inherit;
    background: url('/images/top.jpg') #000000 no-repeat;
    border: 1px solid #808080;
}

#header #menu {
    position: absolute;
    bottom: 2px;
    right: 0px;
    
    width: 700px;
    border-top: 1px solid #808080;
    text-align: right;

    color: #d0c8f8;
    background: #000000;
}

#footer {
    position:fixed;
    left: 50px;
    bottom: -1px;
    z-index: 10;

    width: 700px;
    height: 21px;
    
    border: 1px solid #000000;
    color: #ffffff;
    background: #000000;

    font-size: 11px;
    text-align: right;
    border-top: 1px solid #808080;
}

/* MENU */
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
    text-decoration: none;
}

/* others */

div.src {
    padding: 1em;
    margin: 1ex 10% 2ex 10%;
    width: 80%;
    font-family: "Bitstream Vera Sans Mono", monospace;

    border: 1px solid #808080;
    color: #dddddd;
    background: #303030
}

div.src strong {
    color: #ffffff;
    background: inherit;
}

div.enum {
    float: left;
    margin: 0em 1em 0em 1em;
}

.error {
    color: red;
    background: inherit;
    font-weight: bold;
}

.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }

#page p {
    display: block;
    margin: 0px 0px 8px 0px;
    padding: 0px 2ex 0px 2ex;
}

#page p:hover , #page li:hover, #page td:hover {
    background: black;
    color: inherit;
}

#page *+h1 { margin-top: 32px; }

#page table {
    width: 93%;
    margin-left: 2.5%;
}

#page td {
    padding: 1ex 2px 1ex 2px;
}

#page td.left {
    font-weight: bold;
    text-align: center;
    width: 20%;
}

#page table.border {
    width: 100%;
    margin-left: 0px;
}

#page table.border th {
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    margin-left: 0px;
}

#page table.border td {
    padding: 0px 6px 0px 6px;
}

table.border tr:hover {
    color: #000000;
    background: #d0c8f8;
}

table.border tr:hover a {
    color: #000000;
    background: #d0c8f8;
}