body { margin: 0px; font-size: 10pt; } #titleblock { top: 0px; left: 0px; height: 100px; background: #e8f1eb; margin-bottom: 10px; border-bottom: 3px solid #008132; } #title { padding: 10px; font-size: 40px; } #subtitle { font-size: 18px; padding-left: 160px; } #status { position: absolute; top: 20px; right: 10px; } #statustotal, #statuspercent { font-weight: bold; } .sublinks { width: 170px; position: relative; left: 10px; } #mainlinks { width: 180px; position: absolute; left: 10px; } #mainlinks a { cursor: pointer; display: block; background: #e8f1eb; border: 1px solid #008132; border-right: 0px; margin-bottom: 4px; color: #000000; text-decoration: none; padding: 4px; } #mainlinks a.selected, #mainlinks a:hover { background: #c1e7d0; } .sublinks a { background: #dde5e2; } .box { display: block; background: #e8f1eb; border: 1px solid #008132; border-right: 0px; margin-bottom: 4px; color: #000000; text-decoration: none; padding: 8px; } /* .sublinks .box { background: #dde5e2; }*/ #maincontent { position: absolute; width: 600px; min-height: 400px; left: 190px; border-left: 3px solid #008132; padding-left: 10px; } h1 { font-size: 24px; } h2 { font-size: 18px; } .topblock { display: none; } .item { border-bottom: 1px dotted #008132; padding-top: 8px; padding-bottom: 4px; } .changed { background: #f1e8dd; } .dialog { position: fixed; display: none; width: 600px; top: 150px; left: 100px; margin-left: auto; margin-right: auto; background: #e8f1eb; border: 3px solid #008132; z-index: 10000; } .mapdialog { position: absolute; display: none; width: 400px; top: 0px; left: -3px; margin-left: auto; margin-right: auto; background: #e8f1eb; border: 3px solid #008132; z-index: 10000; } .suggestionbox { position: fixed; display: none; width: 600px; top: 150px; left: 400px; margin-left: auto; margin-right: auto; background: #e8f1eb; border: 3px solid #008132; z-index: 300; }