body {

background: white;

color: black;

font-family :Verdana, Arial, Helvetica, Sans-Serif;

font-size: 12px;

}

#title {

font-size: 30px;

font-weight: bold;

}

div.frame {

margin-left: 10px;

min-width: 1120px; /* ugh - prevent memtable flowing underneath chip */

}

div.leftcolumn {

width: 804px; /* ugh - matches the div.chip width + border */

}

div.rightcolumn {

padding-left: 8px;

}

div.footer {

clear: both;

padding-top: 10px;

}

div.nochip {

display:none;

}

div#chipsurround {

height: 600px; /* matches the div.chip height */

}

div.chip {

background: lightgray;

border: 2px solid gray;

position: absolute; /* must be absolute to contain the canvas */

width: 800px;

height: 600px;

overflow: hidden;

}

canvas.chip {

position: absolute;

width: 600px; /* square chip image same height as div.chip */

height: 600px; /* square */

}

div.twobuttons{

float:left;

}

div.morebuttons{

float:left;

}

div.buttons{

/* top: -5px; */

}

div.status {

clear: left;

padding-top: 10px;

padding-bottom: 10px;

font-family: monospace;

font-size: 12px;

}

img.navbutton {

border: 0px;

}

img.navplay {

margin-right: 5px;

border: 0px;

}

img.navstop {

position: absolute;

border: 0px;

}

span.expertcheckbox {

margin-left: 20px;

}

table.memtable {

font-family: monospace;

font-size: 12px;

border-spacing: 0px;

overflow: auto;

}

div#layoutControlPanel{

display:none;

margin-top: 2px;

margin-bottom: 2px;

}

div#expertControlPanel{

display:none;

}

span.animatebox{

border:thin solid;

padding:2px;

border-color:gray;

}

a#linkHere{

padding:2px;

}

textarea#consolebox{

font-family:courier,monospace;

border: 1px solid gray;

margin: 2px;

padding: 2px;

width: 80em;

}

div#logstreamscroller{

overflow:auto;

}

table.logstream {

font-family: monospace;

font-size: 12px;

border-collapse: collapse;

text-align:center;

}

td {

padding-left: 3px;

padding-right: 3px;

}

td.header {

background-color: rgb(187, 204, 255); /* medium-dark blue */

}

td.oddcol {

background-color: rgb(227, 233, 255); /* light blue */

}

td.oddrow {

background-color: rgb(207, 218, 255); /* medium blue */

}

td.oddrowcol {

background-color: rgb(227, 233, 255); /* light blue */

}

#frame {

height: 750px;

}

div.leftcolumn, div.rightcolumn, {

overflow: auto;

}

div#righttopdiv, div#tracingdiv {

overflow: auto;

background-color: white;

}

div.rightcolumn {

background-color: white;

}

.vsplitbar {

width: 5px;

background: #aaa;

}

.vsplitbar {

width: 6px;

background: #669 url(3rdparty/img/vgrabber.gif) no-repeat center;

}

.vsplitbar:hover, .vsplitbar.active {

background: #c66 url(3rdparty/img/vgrabber.gif) no-repeat center;

opacity: 0.7;

filter: alpha(opacity=70); /* IE */

background: #c99;

}

.hsplitbar {

height: 6px;

background: #669 url(3rdparty/img/hgrabber.gif) no-repeat center;

}

.hsplitbar.active, .hsplitbar:hover {

background: #c66 url(3rdparty/img/hgrabber.gif) no-repeat center;

}

span#plain {

display: block;

margin-bottom: 4px;

}