body { margin:0px; padding: 0px; }
textarea { overflow: auto; }
body, div, td { font-family: verdana,tahoma,sans-serif; font-size: 8pt; }

body { background:url(images/abacus-bg.gif) top repeat-x; }

a { color: #81670D; }

.small { font-size: 10pt; }

.navigation { padding-bottom: 24px; color: #81670D; font-weight: bold; }

.navigation a, .navigation b { 
display: inline; 
margin: 0 6 0 6; 
vertical-align: middle; 
text-align: center; 
text-decoration: none; 
font-size: 9pt;
}

.navigation a:hover,.navigation b { color: #412700; }

h1 { padding:0px; margin: 12 0 3 18; color: #A47F00; font-size: 11pt; }

ul { padding: 0px; margin: 0 0 9 0; }
ul li { font-weight: bold; list-style: none; background: url(im/arrow.gif) no-repeat 2px 3px; padding: 0 0 3 18; margin:0px; }

p { padding: 0 0 6 18; margin:0; }

.content { padding:20 }
.contentwarning { padding:5 5 5 5 }

.cell { 
vertical-align: middle; padding:3 6 6 5; white-space:nowrap;
}

.cell input { margin:3 3 6 3; padding:0px; }
.cell img, .cell a img { border:1px solid #aaaaaa; }
.cell2 { background: url(im/border.gif) bottom no-repeat #EAEAEA; }
.cell { border-right: 1px solid #B1B1B1; }

/* counters */

.c-buttons { display: block; width:307px; height:37px; }
.c-buttons { background: url(counters/buttons.gif) left no-repeat; }
.c-buttons:hover { background: url(counters/buttons-on.gif) center no-repeat; }

.c-digital { display: block; width:150px; height:20px; }
.c-digital { background: url(counters/digital.gif) left no-repeat; }
.c-digital:hover { background: url(counters/digital-on.gif) center no-repeat; }

.c-light { display: block; width:243px; height:27px; }
.c-light { background: url(counters/light.gif) left no-repeat; }
.c-light:hover { background: url(counters/light-on.gif) center no-repeat; }

.c-lsd { display: block; width:300px; height:35px; }
.c-lsd { background: url(counters/lsd.gif) left no-repeat; }
.c-lsd:hover { background: url(counters/lsd-on.gif) center no-repeat; }

.c-matrix { display: block; width:250px; height:27px; }
.c-matrix { background: url(counters/matrix.gif) left no-repeat; }
.c-matrix:hover { background: url(counters/matrix-on.gif) center no-repeat; }

.c-orange { display: block; width:280px; height:27px; }
.c-orange { background: url(counters/orange.gif) left no-repeat; }
.c-orange:hover { background: url(counters/orange-on.gif) center no-repeat; }

.c-purple { display: block; width:240px; height:27px; }
.c-purple { background: url(counters/purple.gif) left no-repeat; }
.c-purple:hover { background: url(counters/purple-on.gif) center no-repeat; }

.c-red { display: block; width:270px; height:27px; }
.c-red { background: url(counters/red.gif) left no-repeat; }
.c-red:hover { background: url(counters/red-on.gif) center no-repeat; }

.c-round { display: block; width:242px; height:27px; }
.c-round { background: url(counters/round.gif) center no-repeat; }
.c-round:hover { background: url(counters/round-on.gif) center no-repeat; }

.c-square { display: block; width:220px; height:27px; }
.c-square { background: url(counters/square.gif) center no-repeat; }
.c-square:hover { background: url(counters/square-on.gif) center no-repeat; }