body {
    font-family: Verdana, Helvetica, sans-serif;
}

h1 {font-size:18px}
h2 {font-size:16px}
h3 {font-size:14px}
h4 {font-size:14px}
h5 {font-size:14px}

.gheader {
font-family:verdana, geneva, lucida
margin:0;
color:#1364C4;
font-size: 16px;
font-weight: bold; 
display: inline;
}

td pre {
border-left: 0;
border-bottom: 0;
border-right: 0;
border-top: 0;
}

pre {
display: block;
overflow: auto;

border-left: 1px solid #BBB;
border-bottom: 1px solid #BBB;
border-right: #bbb 1px solid;
border-top: 1px solid #BBB;

PADDING-RIGHT: 0.99em;
PADDING-LEFT: 0.99em;
PADDING-BOTTOM: 0.99em;
PADDING-TOP: 0.99em;

margin: 1em 0px 0px;

BACKGROUND-COLOR: #ffffff;
LINE-HEIGHT: 125%;

COLOR: #000000;
FONT-SIZE: 10pt;
WORD-WRAP: break-word;
FONT-FAMILY: monospace;
white-space: pre;
}

/*
first column - comments
second column - javascript code
third column - display in the browser
*/
table.code3 { border-top:solid; border-bottom:solid; }
table.code3 tr:first-child th {border-right:solid 1px black; border-bottom: solid}
table.code3 tr:first-child th:last-child {border-right:none}

table.code3 td { border-right:solid 1px black}
table.code3 td:last-child {border-right:none; padding-left:10px}
table.code3 td:first-child {border-bottom:dotted 1px black}
table.code3 td:last-child{border-bottom:dotted 1px black}


/*
generable data table
*/
table.table1 {
	CLEAR: right; 
	 
	BORDER-TOP: solid;
	BORDER-BOTTOM:  solid; 
	
	BORDER-COLLAPSE: collapse; 
	border-spacing: 0
	MARGIN: 1em 0px 0px 1px; 
}

table.table1 th {border-bottom:solid;}
table.table1 td {border-right:solid1px black; border-bottom:dotted 1px black;}
table.table1 td:last-child {border-right:none}
table.table1 tr:last-child td{border-bottom:none}