h1 { font-size: 1.4em; font-weight: bold; background-color: #DDDDDD; }
a { color: #0000FF; }
em { color: red; font-weight: bold; }
img { border-style: none; }
code {font-size: 0.9em; font-family: Verdana, Courier, monospace; color: #03a; white-space: pre; }

span.subtitle { font-size: 1.1em; font-weight: bold; font-family: monospace; }
ul.feature { margin-top: 0.2em; }
table.legend { float: right; margin: 0.1em; border: solid black 2px; }
div.notes { margin-top: 1em; }
div.page { clear: both; }

table.title { width: 100%; margin: 0px; background-color: #DDDDDD; border: dotted red 1px; text-align: center; }
td.logo { padding: 5px; text-align: center; }
img.logo { border:0; }
td.title { width: 100%;  color: #000055; font-size: 20pt; font-family: monospace; font-weight: 900; }
span.main_title { font-size: 30pt; font-family: monospace; font-weight: 900; }
td.sflogo { padding: 5px; text-align: center; }
img.menu_icon { vertical-align: bottom; }

table.main { margin: 5px 0px 5px 0px; border: dotted black 1px; }
table.menu { background-color: #FFFFFF; }
tr.menu_spacer { height: 0.5em; }
td.menu { font-weight: bold; padding: 5px 10px 5px 10px; background-color: #DDDDDD; white-space: pre; }
.menu a:link, .menu a:visited { text-decoration: none; }
.menu a:hover { color: #0055FF; text-decoration: none; }
td.main { padding: 5px; width: 100%; border-style: dotted; border-width: 0px 0px 0px 1px; vertical-align: top; }

div.screenshot { clear: both; }
img.download { vertical-align: top; }

div.devices_general {}
div.devices_list { clear: right; }
table.devices { width: 100%; border: solid black 2px; border-collapse: collapse }
tr.header { border: solid black 2px; }
th.family { background-color: #DDDDDD; text-align: left; white-space: pre; }
th.devices { background-color: #FFFFCC; border: solid gray 1px; }
tr.even_row { }
tr.odd_row { background-color: #DDF6FF; }
tr.empty_row { border: solid black 2px; }
td.empty_row { padding: 2px; border: 0px; margin: 0px; background-color: gray; }
td.empty_col { border: solid black 2px; padding: 0px; margin: 0px; }
.devices a:link, .devices a:visited { text-decoration: none; }
.devices a:hover { color: #0055FF; text-decoration: none; }
td.devices { border: solid gray 1px; }
td.devices_value { text-align: center; vertical-align: middle; border: solid gray 1px; }

table.tools { width: 100%; border: solid black 2px; border-collapse: collapse }
th.tools { text-align: center; background-color: #FFFFCC; border: solid gray 1px; }
tr.tools_even_row { border: solid gray 1px; }
tr.tools_odd_row  { border: solid gray 1px; background-color: #DDF6FF; }
td.tools_center   { text-align: center; border: solid gray 1px; }
td.tools_nocenter { border: solid gray 1px; }

table.requirements { width: 100%; border: solid black 2px; border-collapse: collapse }
th.requirements { background-color: #FFFFCC; border: solid gray 1px; }
tr.requirements { border: solid gray 1px; }
td.requirements_even_row { border: solid gray 1px; }
td.requirements_odd_row { border: solid gray 1px; background-color: #DDF6FF; }

table.features { width: 100%; border: solid black 2px; border-collapse: collapse }
th.features { background-color: #FFFFCC; border: solid gray 1px; }
tr.features { border: solid gray 1px; }
td.features_even_row { border: solid gray 1px; }
td.features_odd_row { border: solid gray 1px; background-color: #DDF6FF; }

p.code { padding: 2px 2px 5px 16px; border: 2px solid #FFFFFF; background: #F0F0F0; text-align: left; overflow:auto; }
i.code { color: #000000; }

div.expand { margin: 10px 0px 0px 0px; }
div.expand_title { background: #EEEEFF; }
.expand_title a:link, .expand_title a:visited { color: black; text-decoration: none; }
.expand_title a:hover { color: #0055FF; text-decoration: none; }
div.expand_text { margin: 0px 0px 0px 12px; border: 4px solid #EEEEFF; }

table.footer { width: 100%; margin: 0px; clear: both; background-color: #DDDDDD; }
td.date { width: 100%; }
span.date { font-size: 10pt; font-family: monospace; color: #888888; }