<!--
/* <![CDATA[ */

/**
 * project:        ZwahlenDesign Color Palettes/Atlas/Harmony
 * author:         Christian Zwahlen
 * email:          info@zwahlendesign.ch
 * website:        www.zwahlendesign.ch/en/colorpalettes
 * last modified:  2009-09-01
 * license:        GNU General Public License
 */

body {
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background-color: #FFFFFF;
  font-family: Georgia, Times new roman, Times, serif;
}
h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select, a {
  color: #000000;
  font-family: Georgia, Times new roman, Times, serif;
  text-align: left;
}
h1 {
  font-size: 2em;
  text-align: center;
}
h2 {
  font-size: 1.8em;
  clear: both;
  page-break-before: left;
  page-break-after: avoid;
}
h3 {
  font-size: 1.6em;
  border-top: 1px solid #999999;
  padding: 1em 0em 0.25em 0em;
  margin: 2em 0em 1em 0em;
  clear: both;
  page-break-before: avoid;
  page-break-after: avoid;
}
h4 {
  font-size: 1.4em;
  border-top: 1px solid #CCCCCC;
  page-break-before: avoid;
  page-break-after: avoid;
}
h5 {
  font-size: 1.2em; 
  border-top: 1px dotted #CCCCCC;
  page-break-before: avoid;
  page-break-after: avoid;
}
h6 {
  font-size: 1em; 
}
p {
  margin: 1.5em 0em 1.5em 0em;
  line-height: 1.5em;
  font-size: 1.0em;
  color: #000000;
}
ul, ol {
  padding: 0.5em 0em 0.5em 2em;
  margin: 0;
  line-height: 1.5em;
}

dt {
  padding: 0.2em 0em 0.2em 0em;
}
dd {
  padding: 0em 0em 0em 1em;
}
blockquote,
cite,
q {
  font-style: italic;
  border-bottom: 1px dashed gray;
  border-left: 1px dashed gray;
}
/* Abbr, Acronym */
abbr {
  speak: spell-out;
}
abbr[title]:after { 
  content: ' (' attr(title) ') '; 
}
acronym {
  speak: normal;
}
acronym, abbr, span.caps {
  cursor: help;
}
acronym, abbr {
  border-bottom: 1px dashed #999;
}
acronym, abbr, acronym:link, abbr:link {
  cursor: help;
  border-bottom: 1px dashed #999;
}
/* Table */
table {
  width: 98%;
  padding: 0em;
  border: 1px solid #000000;
  margin: 0em;
  text-align: center;
  vertical-align: center;
}
table#color_suffix_table tbody th {
  width: 42%;
}
table#color_suffix_table tbody td {
  width: 12%;
}
caption {
  caption-side: top;
  padding: 0.5em 1em;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: none;
  margin: 0;
  text-align: left;
  font-family: "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif;
}
thead th {
  padding: 0.4em 0em 0.4em 0em;
  border-top: none;
  border-left: 1px solid #000000;
  border-right: none;
  border-bottom: 1px solid #000000;
  text-transform: uppercase;
  font-family: "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif;
  font-size: 85%;
}
tfoot th {
  border-top: none;
  border-left: 1px solid #CCCCCC;
  border-right: none;
  border-bottom: none;
  font-family: "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif;
  color: #555555;
  font-size: 85%;
}
thead th.h_first, tfoot th.h_first, tbody th.h_first {
  border-left: none;
}
tbody th {
  width: 17.4%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #CCCCCC;
  text-align: left;
  color: #2B2B2B;
}
tbody td {
  width: 6.2%;
  padding: 0em;
  border-top: none;
  border-left: 1px solid #CCCCCC;
  border-right: none;
  border-bottom: 1px solid #CCCCCC;
  margin: 0em;
}
tr {
  padding: 0em;
  margin: 0em;
}
/**
 * --------------------
 * KBD (small logo style)
 * --------------------
 */
kbd,
kbd:link {
  border-width: 0.2em;
  border-style: outset;
  /* typo */
  font: bold 0.7em sans-serif;
  text-decoration: none;
  /* color */
  color: #FFFFFF;
  background-color: #000000;
  border-color: #000000;
}

kbd:hover {
  cursor: help;
  text-decoration: none;
}
kbd:focus {
  cursor: crosshair;
  text-decoration: none;
  border-style: inset;
}
hr, .clear {
  clear: both;
}
/* Hide sidebars and nav elements */
hr, .print-hidden {
  visibility: hidden;
  display: none;
}

img, a img {
  border: 0;
  max-width: 90%;
  max-height: 90%;
}
blockquote,
cite,
q {
  font-style: italic;
}

acronym, abbr, span.caps {
  cursor: help;
}
acronym, abbr {
  border-bottom: 1px dashed #999;
}

/* ID */
#page {
  display: block;
  position: static;
  float: none;
  margin: 0px;
  width: 100%;
  padding: 0px;
  text-align: left;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
/* CSS2 selector to add visible href after links */
#page a:link:after, #page a:visited:after {
  content: " (" attr(href) ") ";
  font-size: 80%;
  font-weight: normal;
}
#page a[href^="#note-"]:after {
  content: "";
  text-decoration: none !important;
  color: #000000 !important;
}
#page a[href^="#note-"] {
  text-decoration: none !important;
  color: #000000 !important;
}

/* do not underline header */
h1#title a:link, h1#title a:visited {
  text-decoration: none !important;
}

h1#title {
  font-weight: bold;
  font-family: "Bitstream Vera Sans", Verdana, Helvetica, Arial, sans-serif;
  color: #000080;
}
#subtitle {
  text-align: center;
}

/* Class */
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.software-menu {
  border-color: #eee;
  margin: 0px 2px;
  border: 1px solid #ccc;
}
.icon16 {
  padding: 0px 0px 0px 0px;
}
.icon32 {
  padding: 0px 0px 0px 0px;
}
.page-break-before-left {
  page-break-before: left;
  page-break-after: avoid;
}
/* Status */
.tip {
  display: block;
  padding: 1em;
  margin: 1em 2em 1em 2em;
  padding: 3px 4px 3px 4px;
  border: 1px solid #FFFF00;
}
.info {
  color: blue;
}
.info:before, li.info:before {
  content: "[i] ";
}
.info-box {
  display: block;
  padding: 1em;
  margin: 1em 2em 1em 2em;
  padding: 3px 4px 3px 4px;
  border: 1px solid #ccc;
}

.warning, li.warning {
  color: #CC6600;
  list-style-type: none;
  margin: 0px;
}
.warning:before, li.warning:before {
  content: "<!> ";
}
.warning-box {
  display: block;
  padding: 1em;
  margin: 1em 2em 1em 2em;
  padding: 3px 4px 3px 4px;
  color: #CC6600;
  border: 1px solid #CC6600;
}
.important-box {
  display: block;
  padding: 1em;
  margin: 1em 2em 1em 2em;
  padding: 3px 4px 3px 4px;
  color: #660000;
  border: 1px solid #660000;
}
.optional {
}
.optional:before {
  content: "[i] ";
}
.error, li.error {
  color: red;
  list-style-type: none;
  margin: 0px;
}
.bug {
  color: red;
  list-style-type: none;
  margin: 0px;
}
.error:before, li.error:before, .bug:before {
  content: "(-) ";
}
/* Emplems */
.ok, li.ok {
  color: 
  list-style-type: none;
  margin: 0px;
}
.fixed {
  color: #008000;
  list-style-type: none;
  margin: 0px;
}
.ok:before, li.ok:before,
.fixed:before, li.fixed:before {
  content: "\00A0\221A\ ";
}

.important, li.important {
  color: #660000;
  font-weight: bold;
  list-style-type: none;
  margin: 0px;
}
.important:before, li.important:before {
  content: "(!) ";
}
.not-tested, .new, li.new {
  color: #AAAA00;
  float: none;
  list-style-type: none;
  margin: 0px;
}
.not-tested:before, .new:before, li.new:before {
  content: "* ";
}

.mark {
  background-color: #FFFF99 ;
}
span.TODO {
  padding: 0px;
  color: #CCCCCC;
  text-decoration: underline;
  background: #FFFF99;
  border-bottom: 1px dashed #CCCCCC;
}
.no {
  color: #FF0000;
}
.yes {
  color: #008000;
}
.possible {
  color: #AAAA00;
}

/* colors */
.red {
  color: #FF0000;
}
.green {
  color: #00FF00;
}
.blue, .blue a {
  color: #0000FF;
}
.cyan {
  color: #00FFFF;
}
.magenta {
  color: #FF00FF;
}
.yellow, .yellow a {
  color: #FFFF00;
}
.white {
  color: #FFFFFF;
}
.black {
  color: #000000;
}
.orange {
  color: #FF8000;
}

/* color box */
.red-box {
  color: #FF0000;
  background-color: #FFFFFF;
}
.green-box {
  color: #00FF00;
  background-color: #FFFFFF;
}
.blue-box {
  color: #0000FF;
  background-color: #FFFFFF;
}
.cyan-box {
  color: #00FFFF;
  background-color: #FFFFFF;
}
.magenta-box {
  color: #FF00FF;
  background-color: #FFFFFF;
}
.yellow-box {
  color: #FFFF00;
  background-color: #FFFFFF;
}
.white-box {
  border: 1px solid #FFFFFF;
  color: #000000;
  background-color: #FFFFFF;
}
.black-box {
  color: #000000;
  background-color: #FFFFFF;
}

.lightgray-box {
  color: #AAAAAA;
  background-color: #FFFFFF;
}
.gray-box {
  color: #808080;
  background-color: #FFFFFF;
}
.darkgray-box {
  color: #555555;
  background-color: #FFFFFF;
}

/* ]]>*/
-->