body {
    background: url('/img/document_bg.png') repeat-x;
    font:10pt palatino,"palatino linotype",garamond;
    margin:0;
    color:#333;
}

a,a:visited {
    color:#00f;
    text-decoration:none;
}

#everything {
    width:512px;
    margin:50px 0 50px 250px;
    min-height:300px;
}

#head {
    top:0;
    left:0;
    z-index:-1;
    width:520px;
    height:520px;
    position:absolute;
    background: url('/img/document_bg_head.png') no-repeat;
}

.navbar {
    /* Workaround for IE7 maring-top bug */
    /* All brosers (Safari, FF, Chrome, IE8) ignore //, IE7 doesn't */
//    position:relative;
//    top:100px;
//    margin-bottom:120px;
    margin-top:100px;
    background-color:#888;
    color:#fff;
    padding:7pt 1%;
    width:98%;
    opacity:0.50;
    filter:alpha(opacity=50);
}

.bottom {
    font:8pt verdana,tahoma,arial;
    opacity:0.75;
    filter:alpha(opacity=75);
    margin-top:50px;
}

.navbar a {
    color:#fff;
}

.navbar table {
    padding:0;
    border-spacing:0;
    border-collapse:collapse;
    width:100%;
}

.navbar .title {
    text-align:right;
    font-size:20pt;
}

h1 {
    text-align:center;
    font-size:20pt;
}

h2 {
    font-weight:normal;
    text-transform:lowercase;
    font-size:14pt;
    margin:35px 0 5px 0;
    border-bottom:1px dotted #888;
}

h2:first-letter {
    font-size:125%;
    padding:3px;
    border:1px solid #aaa;
    font-style:italic;
    background-color:#fff;
    margin-right:2pt;
}

h3 {
    font-size:12pt;
    color:#888;
    margin:20px 0px 10px 0px;
}

p {
    line-height:150%;
    text-align:justify;
    margin:0;
}

sup {
    font-size:8pt;
}

li {
    color:#444;
    text-align:justify;
    margin-bottom:10px;
}

img.right {
    margin:0;
    margin-left:0.5em;
    float:right;
    border:0;
}

img.left {
    margin:0;
    margin-right:0.5em;
    float:left;
    border:0;
}

img.center {
    margin:10px auto;
    display:block;
    border:0;
}

img.frame {
    border:1px solid #000;
    background:#fff;
    padding:5px;
}

table.list {
    width:100%;
}

table.list td {
    vertical-align:top;
    border-bottom:1px dotted #aaa;
    padding:10px 0;
}

div.code {
    margin:10px 0px;
    font:9pt courier;
    background-color:#f0f0f0;
    padding:20px;
    border-radius:15px;
    -moz-border-radius:15px;
    line-height:150%;
    border:5px solid #ddd;
}

b.code {
    font:bold 9pt courier;
    color:#444;
}

div.code .comment {
    color:#888;
}

table.data {
    width:75%;
    margin-left:auto;
    margin-right:auto;
    border:3px solid #e0e0e0;
    margin-bottom:10px;
}

table.data td {
    text-align:center;
}

td.light {
    background:#f0f0f0;
}

table.data td.marker {
    text-align:left;
    font-weight:bold;
}

table.data tr.headrow {
    font-weight:bold;
    background-color:#e0e0e0;
}

table.data tr.headrow td {
    padding:5px;
}

.field {
    border:1px solid black;
    background:#f8f8f8;
    padding:3px;
}

.button {
    width:100px;
}

strong {
    color:#080;
}

table.wide {
    width:100%;
}


table.proper {
    padding:0;
    border-spacing:1px;
    border:3px solid #e0e0e0;
    margin:10pt 0 10pt 0;
}

table.tail tr:last-child {
    font-weight:bold;
    background-color:#e0e0e0;
}

table.first_left td:first-child {
    text-align:left;
}

table.center td {
    text-align:center;
}

table.proper tr:first-child {
    font-weight:bold;
    background-color:#e0e0e0;
}

table.proper tr:first-child td {
    padding:5px;
    text-align:center;
}

table.top tr td {
    vertical-align:top;
}

table.proper tr td {
    padding:5px;
}

tr.odd {
    background:#f0f0f0;
}

img.formula {
    margin:15pt 20pt 10pt;
}

table.center_table {
    margin-left:auto;
    margin-right:auto;
}