<style type="text/css">
.add:before {
  content: "Chapter: ";
  font-style: italic;
  text-decoration: blink;
}

H2[ID]:before {
  content: attr(ID) ": ";
  text-decoration: blink;
}

PRE { 
  font-family: courier;
  font-style: bold;
}

BODY {
  font-family: sans-serif;
  margin: 0.7em;
}

P, LI, DIV { font-weight: bold; }

LI P  { font-size: smaller }

H1, H2 {
  clear: both;
  font-family:sans-serif
}

IMG { display: none }

UL UL { list-style-type: circle }

BLOCKQUOTE {
  margin: 2em 0 0.5em 0;
  padding: 0;
  font-style: italic;
}

/*
TD.yes { background: red }
TD.no { background: black; color: white }
TD.none { background: #aaa }
*/

TD, TH {
  vertical-align: top;
}

TH.left {
  text-align: left
}

TH.right {
  text-align: right
}

td.yes {
  background: green;
}

td.no {
  background: red;
}

td.unknown {
  background: orange;
}


TH P {
  margin: 0;
}

P.caption {
  text-align: left;
  font-size: 60%;
}

CITE { font-size: 80%; font-style: italic }

H1 { 
  clear: both;
  margin-top: 1em;
}


PRE {
  font-weight: bold;
}
/*
DIV.intro { text-align: center }
*/


table.architecture {
  border-collapse: collapse;
  border: 2px solid black;
  border-spacing: 0em;
}

table.architecture th { 
  border: 2px solid black;
  text-align: right;
  padding: 0.2em;
}

table.architecture td { 
  border: 2px solid black;
  text-align: center;
  padding: 0.2em;
  font-weight: bold;
}

table.architecture td { background: white } 
table.architecture td.remain { background: yellow }
table.architecture td.option { background: red }
table.architecture td.required2 { background: white; text-align: left }
table.architecture td.remain2 { background: yellow; text-align: left }
table.architecture td.option2 { background: red; text-align: left }



@media screen {

UL, OL { margin: 0 }
UL LI { margin: 0 0 0 15px }
OL LI { margin: 0 0 0 30px }
LI LI { margin-left: 0px }
UL { list-style-type: disc }
UL UL { list-style-type: circle }

DIV.logo { display: none } /* hide logo when not in OperaShow mode */

IMG { width: 200px }

H1, H2 { 
  background: #BB8;
  padding: 2px 4px;
  font-size: 1.2em;
  margin: 1em 0 0.1em 0;
}

}



@media projection, print {

EM { 
  color: #080;
}

DIV.presenter {
  margin-top: 2em;
}

IMG { display: inline;  }

TABLE.legend TH {
  text-align:left;
}


TABLE.market TD {
  text-align: center;
}

TABLE UL {
  margin: 0.3em 0.3em 0.5em 2em;
}

TD { 
  background: #EDA;
  padding: 0.2em 0.4em;
}


BODY {
  font: 30px Gill Sans, sans-serif;
  margin: 0px 30px 0px 40px;
  color: black;
  background: white;
}

H1 { 
  font-size: 180%;
  margin-top: 4em; 
  border: none;
  page-break-before: always;
}


H2 {
  padding-right: 200px;
  margin-top: 1.5em;
  page-break-before: always;
  padding-bottom: 0.2em;
  border-bottom: thick solid #e04;
  font-size: 140%;
}


DIV.intro {
  position: absolute;
  top: 30%;
}

TABLE {
  font: 30px Gill Sans, sans-serif;
}

TABLE.stuffed {
  font: bold 20px Gill Sans, sans-serif;
}

TABLE.reallystuffed {
  font: bold 16px Gill Sans, sans-serif;
}

TABLE.text TD {
  text-align: left;
}



TABLE.stuffed UL {
  list-style: inside;  
  margin-left: 0;
}


.noshow { display: none }

DIV.logo {
  position: fixed; 
  top: 50px;
  right: 100px;
  height: 80px;
  width: 80px;
}

UL UL {
  font-style: italic;
}

}

</style>
