/* reset defaults */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,textarea { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }


/* base */
body { color: #333; font-family: Helvetica, Arial, sans-serif; font-size: 13px; background: #333; }
body p { color: #333; font-size: 9pt; font-family: Helvetica, Arial, sans-serif; text-indent: 0; }
a { color: blue; text-decoration: none; }
a:visited { color: #33c; text-decoration: none; }
a:hover { color: #fff; background-color: #33f; }
a:active { color: blue; text-decoration: none; }
h1 { }
h2 { font-size: 24px; font-weight: bold; margin-bottom: 12px; }
h3 { }
h4 { text-transform: uppercase; font-size: 12px; font-weight: bold; color: #CCC; margin-bottom: 8px; }
h5 { }
p { line-height: 16px; margin-bottom: 16px; }
p.quote { font-family: Georgia, Times, serif; font-style: italic; font-size: 21px; line-height: 24px; color: #000; }
em { font-style: italic; }
strong { }
.clear { clear: both; }
table { font-size: 13px; }

div.container { width: 800px; margin: 25px auto; overflow: hidden; background: #fff; border: 10px solid #444; }
div.container div#left { float: left; width: 120px; padding: 10px; }
div.container div#content { float: left; width: 420px; padding: 10px; }
div.container div#right { float: left; width: 200px; padding: 10px; }
div.header { clear: both; background: #989898; }
div.header h1#header-title { background: #989898 url('topbar.gif') no-repeat 0 0; display: block; height: 0; padding: 65px 0 0 0; margin: 0; overflow: hidden; }
div.container div.nav { display: block; clear: both; background: #666; height: 25px; padding: 0; overflow: hidden; margin-bottom: 15px; }
div.container div.nav ul { display: block; clear: both; }
div.container div.nav ul li { float: left; overflow: hidden; display: block; width: 120px; }
div.container div.nav ul li a { display: block; overflow: hidden; background: #777; border-right: 1px solid #666; height: 17px; padding: 4px 10px 4px 10px; color: #fff; }
div.container div.nav ul li a.selected { display: block; color: #333; background: #888; border-right: 1px solid #666; height: 17px; padding: 4px 10px 4px 10px; text-transform: underline; }
div.container div.nav ul li a:hover { color: #333; background: #888; }
div.footer { clear: both; background: #989898; display: block; height: 10px; overflow: hidden; padding: 5px 10px 10px 10px; margin-top: 15px; }
div.footer p { font-size: 11px; margin-bottom: 0; color: #666; float: right; }

ul.quick-links { font-size: 12px; }

table.install-examples tr, table.install-examples td { text-align: center; vertical-align: top; padding: 2px; }


.toplinks { color: #333; text-decoration: none }
.boxpad { padding: 4px }
.outlinepad    { padding: 4px; border: dashed 1px #999 }
.tiny  { font-size: 7pt }