body, td { font-family: Verdana; font-size: 14px }
body { background: #303030 url(bgtop.gif) repeat-x top; margin: 0px; padding: 0px }

h2 { color: dd8404; font-size: 16px; padding: 0px; margin: 12px 0px 12px 0px; font-weight: bold }
h3 { color: dd8404; font-size: 14px; padding: 0px; margin: 12px 0px 3px 12px; font-weight: normal }

a { color: blue; text-decoration: none }
a:visited { color: #0066FF }
a:hover { text-decoration: underline }

td.top-shadow-left { background: url(bgtopl.gif) no-repeat top; width: 13px; height: 144px }
td.top-shadow-right { background: url(bgtopr.gif) no-repeat top; width: 13px; height: 144px }
td.shadow-left { background: url(shadowl.gif) repeat-y; width: 13px }
td.shadow-right { background: url(shadowr.gif) repeat-y; width: 13px }
.main { width: 747px }
td.toolbar { background: url(toolbar.gif) no-repeat; width: 747px; height: 64px; vertical-align: bottom; text-align: center }
td.body { background: url(body.gif) no-repeat; width: 747px; height: 84px; vertical-align: middle; text-align: left; padding-left: 42px }

td.month { background: url(blue.jpg) no-repeat; width: 747px; height: 138px }
div#month-root { background: url(month.gif) no-repeat right; height: 138px }
td.poll { background: url(red.jpg) no-repeat; width: 747px; height: 137px }
div#poll-root { background: url(poll.gif) no-repeat right; height: 137px }
td.sudoku { background: url(green.jpg) no-repeat; width: 747px; height: 137px }
div#sudoku-root { background: url(sudoku.gif) no-repeat bottom right; height: 137px }

a.add { position: relative; left: 425px; display: block; width: 139px }
div.content { top: -12px; color: white; font-size: 12px; width: 450px }
p.product-name { margin: 0px 0px 8px 40px; padding: 0px }
p.product-description { margin: 0px 0px 0px 52px; padding: 0px; line-height: 1.5 }
p.product-description a { color: white; text-decoration: underline }
p.product-description a:hover { text-decoration: none }

td.extra { background: url(white.gif) repeat-y; width: 747px }
td.extra div { padding: 4px 22px 0px 22px }
td.extra p { margin: 2px 0px 0px 12px; font-size: 12px; line-height: 1.5 }

td.simple { background: url(white.gif) repeat-y; width: 747px }
td.simple div { padding: 22px 46px 0px 46px }
td.simple p { margin: 2px 0px 0px 12px; font-size: 12px; line-height: 1.5 }

td.copyright { font-size: 9px; color: #d0d0d0; text-align: center; padding-bottom: 12px }

table.top-links td { vertical-align: top; padding: 0px 12px 0px 12px; height: 38px }
table.top-links a { color: black }
table.top-links a:hover { color: black }
table.top-links td.selected-gray { background: url(hat-gray.gif) no-repeat bottom center; font-weight: bold }
table.top-links td.selected-blue { background: url(hat-blue.gif) no-repeat bottom center; font-weight: bold }
table.top-links td.selected-red { background: url(hat-red.gif) no-repeat bottom center; font-weight: bold }
table.top-links td.selected-white { background: url(hat-white.gif) no-repeat bottom center; font-weight: bold }

td.month-main { background: url(blue.gif) repeat-x top }
td.month-main table { width: 100% }
td.poll-main { background: url(red.gif) repeat-x top }
td.poll-main table { width: 100% }

.header { text-align: center; vertical-align: top; padding-top: 14px }
.header p { font-size: 12px; line-height: 1.5; color: white; margin: 5px 4% 0px 4%; padding: 0px; width: 92%; text-align: justify }

.header-buttons { vertical-align: bottom; text-align: center }
.header-buttons img { vertical-align: bottom }

.product-content { }
.product-demo { background: url(white.gif) repeat-y left; width: 345px; vertical-align: top; text-align: center }
.product-details { background: url(white.gif) repeat-y right; width: 402px; vertical-align: top; text-align: left }

.product-content div { padding: 8px 24px 8px 24px }

.product-content p { margin-left: 16px }
p.list { font-size: 13px; line-height: 1.4 }
p.tiny { font-size: 11px; margin-top: 24px }

.demo-main { margin-top: 18px; margin-left: 49px }
.demo-top { width: 257px; height: 60px; overflow: hidden; background: url(demo-top.gif) no-repeat top left; text-align: center }
.demo-middle { background: url(demo-middle.gif) repeat-y left; text-align: left }
.demo-middle iframe { border: 0px; margin: 2px 5px 0px 3px; padding: 0px }
.demo-bottom { background: url(demo-bottom.gif) no-repeat; height: 26px }
.demo-button { text-align: left; padding-left: 56px }