html, body {margin: 0px; padding: 0px; height: 100%;}
body {font-family: Arial; color: #333333; font-size: 90%;}
table, tr, td, p, select, input, textarea {font-size: 100%;}
table.main {width: 100%; height: 100%;}
a {color: #333399; text-decoration: none;}
td {vertical-align: top;}
/*Added for scripts/superdatabase.php to make it less spacy*/
h3 {margin-bottom: -10px;}
h4 {margin-bottom: -10px;}

/*The header section at the top*/
td.topheader {font-size: 260%; background-color: #cc99ff; padding:10px; height: 70px;}
td.topheader a {color: #333333;}

/*The navigation on the left*/
td.navigation {background-color: #99ccff; padding:5px; width:160px;}
td.navigation ul {list-style-type: none; padding: 0; margin: 0;}
td.navigation li.selected {background: #eeeeee;}
td.navigation ul ul {margin-left: 20px;}
#quicklinks {position: absolute; right: 150px; top: 6px;} /*position 200px from the right*/
#quicklinks table td {margin:0; padding:0; padding-right:15px;}

/*The content area*/
td.content {background-color: #eeeeee; padding:10px;}
td.content p, td.content table, td.content ul {width: 600px;}
td.content .fullwidth {width: 100%;}
table.listing {border-top: 1px solid black; border-left: 1px solid black;}
table.listing td {border-bottom: 1px solid black; border-right: 1px solid black; padding:2px;}
h2 {margin-top: 0px; font-size: 170%;}
tr.header, td.header {font-weight: bold;}
tr.spacer {height: 10px;}
.nospace {margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}
td.content pre, td.content .code {color:#990000} /*for Shopable code*/
td.content .easy {color:#009900}
td.content div p {width: auto;} /*let paragraphs adjust to the div they are in*/
td.content a.samecolour {color: #333333;}
td.content p.highlight, td.content div.highlight, div.htmleditor {border:1px solid black; background:white; padding:3px;}
div.htmleditor {width:600px;}