/* style sheet metadata ****************************************** */
/*                                                                 */
/* project:      STYLEWORKS                                        */
/* website:      www.thestyleworks.de                              */
/* function:     print style sheet - all parts                     */
/* author:       k. langenberg                                     */
/* date:         29-dec-2009                                       */
/* version:                                                        */
/*                                                                 */
/*                                                                 */

/* The Styleworks Print Style Sheet ****************************** */

/* primary layout, basic stuff *********************************** */

body {
    color: #000000;
    background-color: #ffffff;
    background-image: none;
    font-family: Cambria,"Souvenir Light BT",Georgia,"Times New Roman",Chicago,Charcoal,serif;
    font-size: 11pt;
    padding: 0 0 0 0;
    margin: 0;
    orphans: 2;
    widows: 2;
    }

#top-across {
    display: none;
    }

#navigation {
    display: none;
    }
#main-text, #main-text-t {
    background-color: #ffffff;
    text-align: justify;
    padding: 0 15mm 0 0;
    border: none;
    margin: 0;
    }
#textbox {
    font-size: 87%;
    background: #fcfcfc;
    padding: 5mm;
    border: 0.1mm solid #eee;
    margin: 5mm 0 5mm 5mm;
    width: 30%;
    float: right;
    }

#bottom {
    color: #000;
    background-color: #fff;
    display: none;
    }
#contentbottom {
    display: none;
    }
#printbottom {
    padding: 2mm 15mm 0 0;
    margin: 0;
    }
#webstat {
    display: none;
    }
#left-menu a.c {
    display: none;
    }
#left-menu a.z {
    display: none;
    }
#left-menu a.c:hover {
    display: none;
    }
#left-menu a.z:hover {
    display: none;
    }
div.side-menu {
    display: none;
    }
div.side-menu2 {
    display: none;
    }



/* element selectors ********************************************* */

abbr {
    cursor: help;
    }

code {
    font: bold 0.92em Consolas,"Andale Mono","Courier New",monospace;
    }
code.css {
    color: #000077;
    background-color: transparent;
    }

#printbottom hr {
    width: 100%;
    height: 0;
    padding: 0;
    border: 0;
    border-top: 0.2mm solid;
    }

q {
    font-family: monospace;
    }
q:lang(en) {
    quotes: '"' '"' "'" "'";
    }
q:lang(de) {
    quotes: "«" "»" "<" ">";
    }


/* text links **************************************************** */

#main-text a {
    background: url(../graphics/link-print.gif)
                no-repeat
                left center;
    padding-left: 3.5mm;
    color: #004A97;
    }

a.exlink, a.exlink:hover{
    text-decoration: underline;
    }

/* generic elements ********************************************** */

span.toplink {
    display: none;
    }

span.pvalues {
    text-align: right;
    padding-right: 0.5mm;
    }
span.pvalues1 {
    text-align: right;
    padding: 1mm 0.5mm;
    }

#values dt span {
    font-size: 10pt;
    color: #5c5c5a;
    }

p.floatedlist span {
    display: block;
    float: left;
    width: 50mm;
    margin: 0.25mm 0;
    }
#quiz div {
    border: none;
    margin-top: 6.3mm;
    page-break-inside: avoid;
    }
#qref td div.props {
    font-size: 9.5pt;
    }
#qref td div.pvalues {
    font-size: 9.5pt;
    }
#qref div.fix-tr {
    display: none;
    }

div.floatpicl {
    float: left;
    clear: both;
    margin: 2mm 4mm 2mm 0;
    }
div.floatpicr {
    float: right;
    clear: both;
    margin: 2mm 0 2mm 4mm;
    }

div.formcontact {
    text-align: left;
    padding: 0;
    border:none;
    margin: 0;
    }

div#qlinks {
    letter-spacing: 1px;
    padding: 0.5mm 1.25mm;
    border: none;
    margin: 0 -1.25mm;
    float: right;
    }



/* forms ********************************************************* */

.button1, .button2 {
    color: #000;
    background-color: #b5cef9;
    padding: 0.5mm 1mm;
    border-width: 0.5mm;
    border-style: solid;
    border-color: #f3f4f9 #667789 #667789 #f3f4f9;
    margin: 4mm 2mm 0;
    }
.button2 {
    color: #000;
    background-color: #f9ebb5;
    border-color: #fffcee #8a7866 #8a7866 #fffcee;
    }

.form1 {
    float: left;
    width: 100%;
    padding: 0;
    }
.form2, .form3 {
    font-size: 11pt;
    float: left;
    color: #000;
    background: #ffffff;
    width: 100%;
    padding-left: 0.5mm;
    border: 0.1mm solid #e4ddba;
    }
.form2:focus, .form3:focus {
    color: #325;
    background: #ffffff;
    border: 0.1mm solid #325;
    }
.form3 {
    width: 60%;
    }



/* headlines ***************************************************** */

h1,h2,h3,h4,h5,h6 {
    font-family: Calibri,"Trebuchet MS",Arial,Helvetica,sans-serif;
    font-style: italic;
    padding: 1mm 0;
    margin: 4mm 0 1mm;
    }
p.top {
    color: #434015;
    font-family: Calibri,"Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 9pt;
    padding: 0 0 0 1mm;
    margin: 0 0 2.5mm 0;
    }
p.top:after {
    content: " } ";
    color: #434015;
    }
p.top:before {
    content: " { ";
    color: #434015;
    }
h1 {
    font-size: 17pt;
    font-weight: normal;
    color: #434015;
    background: url(../graphics/h1-print-back.gif)
                repeat-x
                left bottom;
    padding: 0.5mm 0 0mm 1mm;
    border: 0.2mm solid #d86c10;
    border-width: 0;
    margin: 0 0 5mm;
    vertical-align: bottom;
    }
h1 code {
    }

h1.prop {
    font: normal 17pt Consolas,"Andale Mono","Courier New",monospace;
    color: #000077;
    background-color: transparent;
    }
h2 {
    font-size: 14pt;
    font-weight: normal;
    }
#quiz div h2, #quiz div:hover h2 {
    color: #fff;
    font: italic
          3.5em/1em
          Cambria,"georgia",serif;
    background-color: #eee;
    padding: 0 2mm 2mm;
    border: 1px solid #e8e8e8;
    margin: 0 0 1mm 2mm;
    float: right;
    }
#textbox h2 {
    margin:1em 0;
    }

h3 {
    font-size: 12pt;
    }
.tip h3 {
    margin-top: 0;
    }
h4 {
    font: bold 12pt Cambria,Georgia,"Times New Roman",serif;
    }
table h4 {
    margin-left: 0;
    }



/* images ******************************************************** */

img {
    border-width: 0;
    }
.tformat img {
    margin: 0;
    }
img.map {
    vertical-align: bottom;
    padding: 0;
    margin: 0 0.6mm 0 0.6mm;
    }
p img.flag {
    margin: 0 0.5em 0 0;
    }

p img {
    padding: 0;
    margin: 2.5mm;
    }
.imgleft img {
    margin: 4.2mm 4.2mm 4.2mm 0;
    float: left;
    }
.imgright img {
    margin: 4.2mm 0 4.2mm 4.2mm;
    float: right;
    }
.tformat td img {
    vertical-align: bottom;
    }
.tformat th img {
    vertical-align: bottom;
    }

div.floatpicr img, div.floatpicl img {
    display: block;
    padding: 0;
    border: 1px solid;
    border-color: #999 #999 #dedcd1;
    margin: 0.5em 0 0;
    }



/* lists ********************************************************* */

dl {
    margin-top: 2mm;
    margin-bottom: 2mm;
    }
dd {
    margin-bottom: 2mm;
    }
dt {
    margin-top: 2mm;
    }
div.values dt {
    font-weight: bold;
    }

#definitions dt {
    font-size: 1.07em;
    font-style: italic;
    font-weight: bold;
    }
#definitions dt span {
    color: #d1d1d1;
    font-size: 0.87em;
    font-style: normal;
    }
#definitions dd {
    margin-left: 1em;
    }

#browsersupport dt {
    background-repeat: no-repeat;
    background-position: 0 1.5mm;
    font-weight: bold;
    line-height: 6mm;
    }
#browsersupport dd {
    background-repeat: no-repeat;
    background-position: 10mm 1.5mm;
    margin-left: 0px;
    }

#browsersupport dt.all {
    background-image: url(../graphics/browserp-all.gif);
    padding: 2mm 0 0 60mm;
    line-height: 6.6mm;
    }
#browsersupport dt.gecko {
    background-image: url(../graphics/browser-gecko.gif);
    padding: 2mm 0 0 23mm;
    }
#browsersupport dt.iewin5 {
    background-image: url(../graphics/browser-iewin5.gif);
    padding: 2mm 0 0 10mm;
    }
#browsersupport dt.iewin6 {
    background-image: url(../graphics/browser-iewin6.gif);
    padding: 2mm 0 0 10mm;
    }
#browsersupport dt.iewin7 {
    background-image: url(../graphics/browser-iewin7.gif);
    padding: 0.5em 0 0 40px;
    }
#browsersupport dt.iemac5 {
    background-image: url(../graphics/browser-iemac5.gif);
    padding: 2mm 0 0 10mm;
    }
#browsersupport dt.opera7 {
    background-image: url(../graphics/browser-opera7.gif);
    padding: 2mm 0 0 10mm;
    }
#browsersupport dt.icab {
    background-image: url(../graphics/browser-icab.gif);
    padding: 2mm 0 0 10mm;
    }
#browsersupport dt.safari {
    background-image: url(../graphics/browser-safari.gif);
    padding: 2mm 0 0 10mm;
    }
#browsersupport dt.konqueror {
    background-image: url(../graphics/browser-konqueror.gif);
    padding: 2mm 0 0 10mm;
    }

#browsersupport dd.light-stop {
    background-image: url(../graphics/light-stop.gif);
    min-height:12mm;
    padding: 2.5mm 0 0 20mm;
    }
#browsersupport dd.light-stop-att {
    background-image: url(../graphics/light-stop-att.gif);
    min-height:12mm;
    padding: 2.5mm 0 0 20mm;
    }
#browsersupport dd.light-att-free {
    background-image: url(../graphics/light-att-free.gif);
    min-height:12mm;
    padding: 2.5mm 0 0 20mm;
    }
#browsersupport dd.light-attention {
    background-image: url(../graphics/light-attention.gif);
    min-height:12mm;
    padding: 2.5mm 0 0 20mm;
    }
#browsersupport dd.light-free {
    background-image: url(../graphics/light-free.gif);
    min-height:12mm;
    padding: 2.5mm 0 0 20mm;
    }


ol > li {
    margin: 2mm 0;
    margin-bottom: 2mm;
    }
ul > li {
    margin-top: 2mm;
    margin-bottom: 2mm;
    }

ol {
    margin-top: 2mm;
    margin-bottom: 2mm;
    page-break-inside: avoid;
    }
ol.la {
    list-style-type: lower-latin;
    list-style-type: lower-alpha;
    }
ol.d  {
    list-style-type: decimal;
    }
ol.ua {
    list-style-type: upper-latin;
    list-style-type: upper-alpha;
    }

ul {
    margin-top: 2mm;
    margin-bottom: 2mm;
    page-break-inside: avoid;
    }
#values ul {
    padding-left: 2mm;
    margin-left: 2mm;
    }



/* paragraphs **************************************************** */

p {
    margin: 2.1mm 0;
    }

p:lang(fr) {
    quotes: '« ' ' »';
    }
p:lang(de) {
    quotes: '»' '«' '\2039' '\203a';
    }
:lang(fr) > q {
    quotes: '« ' ' »';
    }
:lang(de) > q {
    quotes: '»' '«' '\2039' '\203a';
    }

div.formcontact p, div.formsearch p {
    color: #888;
    font-weight: bold;
    margin: 1em 0 2mm;
    }

div.floatpicr p.caption, div.floatpicl p.caption {
    font: 9pt Calibri,Verdana,sans-serif;
    color: #43423f;
    text-align: center;
    background-color: #dedcd1;
    padding: 0.25mm 0.5mm 0.75mm;
    border: 1px solid #999;
    border-width: 0 0.1mm 0.1mm;
    margin: 0 0 2mm;
    }
p.caption {
    font: 9pt Calibri,Verdana,sans-serif;
    color: #414141;
    text-align: left;
    padding: 0 2mm;
    border: none;
    margin: 0 2mm 4mm 4mm;
    }
p.diagram {
    margin: 4mm 2mm 0mm 4mm;
    }

.floatedlist p {
    float: left;
    width: 15em;
    margin: 0.75mm 0;
    }
p.actuality {
    display: none;
    }
p.proverb, p.proverb-a {
    color: #234;
    font: 11pt/1.3 Cambria,Georgia,"Times New Roman",serif;
    padding: 4mm 2% 0 10%;
    }
p.proverb-a {
    font-style: italic;
    padding: 0 2% 4mm 11%;
    }
p.quote {
    padding: 0 10.5mm;
    }

.tformat th p {
    font-weight: normal;
    }

#printbottom p {
    text-align: left;
    font-size: 10pt;
    font-weight: bold;
    }

#main-text .example {
    background: url(../graphics/sym-example.gif)
                no-repeat
                bottom right;
    margin-right: -15mm;
    padding-right: 15mm;
    }

#main-text .tip {
    font: italic
          0.95em
          Calibri,"Trebuchet MS",Tahoma,Verdana,sans-serif;
    text-align: left;
    background: url(../graphics/sym-tip2.jpg)
                no-repeat
                top left
                #fff;
    padding: 4mm;
    border: 0.25mm solid #ffd6ad;
    margin: 6mm 6mm 6mm 0;
    float: left;
    width: 60mm;
    }

#main-text p.textnote, #main-text p.note {
    background: url(../graphics/sym-note.gif)
                no-repeat
                top right;
    margin-right: -15mm;
    padding: 0.5mm 15mm 0.5mm 0 ;
    }

#main-text p.ala-top {
    display: none;
    }
#main-text p.ala-bottom {
    font-style: italic;
    font-weight: bold;
    background-position: center left;
    }



/*** tables ****************************************************** */

/* generic rules ************/

table {
    font: 10pt Calibri,"Trebuchet MS",Arial,Helvetica,sans-serif;
    margin: 2mm 0.2mm;
    }

td {
    vertical-align: top;
    background-color: transparent;
    padding: 0 2mm;
    border: none;
    margin: 0;
    page-break-inside: avoid;
    }
td.ok {
    background: url(../graphics/ok-tick.gif)
                no-repeat
                center;
    text-align: center;
    }
td.notok {
    background: url(../graphics/not-ok-cross.gif)
                no-repeat
                center;
    text-align: center;
    }

tr.indicator th {
    }
th {
    background-color: transparent;
    text-align: left;
    vertical-align: top;
    padding: 0;
    border: none;
    margin: 0;
    }

tr.indicator {
    background-color: transparent;
    text-align: center;
    }
tr.indicator:hover {
    background-color: #fbf1d1;
    }

/* reference contents *******/

#ref table {
    margin: 1.5mm 0;
    border-spacing: 0.5mm;
    width: 100%;
    }

#ref td {
    background-color: transparent;
    padding: 0.5mm 2mm;
    border: 0.1mm solid #999;
    }
#ref td.src {
    background-color: transparent;
    padding: 0.5mm 2mm;
    border: 0.2mm solid #999;
    }

#ref th {
    font-weight: bold;
    background-color: transparent;
    padding: 0.5mm 2mm;
    border: 0.2mm solid #999;
    }

/* reference features *******/

#values table {
    margin: 1.5mm 0;
    border-spacing: 0.5mm;
    width: 100%;
    }

#values td {
    background-color: transparent;
    padding: 0 1.2mm;
    border: 0.1mm solid #777;
    width: 25%;
    }

#values th.strong {
    background-color: #bbb;
    }
#values th {
    background-color: #ddd;
    padding: 0 1.2mm;
    border: 0.1mm solid #777;
    }

/* named colors list ********/

#namedcolors table {
    width: 80%;
    }

#namedcolors td {
    font-family: monospace;
    padding: 0 1.2mm;
    width: 20%;
    }

#namedcolors th {
    padding: 0 1.2mm;
    }

/* quick reference **********/

#qref table {
    width: 100%;
    border: 0.1mm solid #999;
    border-width: 0 0.1mm 0.1mm 0;
    }
#qref div.fix-tr table {
    border: 0.1mm solid #ccc;
    }

#qref td {
    padding: 1.2mm;
    border: 0.1mm solid #999;
    border-width: 0.1mm 0 0 0.1mm;
    }

#qref th {
    background-color: #ccc;
    padding: 1.2mm;
    border: 0.1mm solid #999;
    border-width: 0.1mm 0 0 0.1mm;
    }
#qref tfoot th {
    display: none;
    }
#qref div.fix-tr th {
    display: none;
    }

/* input output comparison***/

table.tformat {
    font: 10pt Calibri,"Trebuchet MS",Arial,Helvetica,sans-serif;
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
    }

table.tformat td {
    text-align: left;
    vertical-align: top;
    }
table.tformat td.a {
    background-color: #fcf6e4;
    padding: 0.5mm 5mm 0.5mm 2mm;
    border: 0.1mm solid #c99;
    border-width: 0 0 0.1mm 0;
    }
table.tformat td.b {
    background-color: #f0f3f9;
    padding: 0.5mm 5mm 0.5mm 2mm;
    border: 0.1mm solid #aab;
    border-width: 0 0 0.1mm 0;
    }
table.tformat td.q {
    background-color: #fcf6e4;
    padding: 0.5mm 5mm 0.5mm 2mm;
    border: 0.1mm solid #ca3;
    border-width: 0 0 0.1mm 0;
    }
table.tformat td.m {
    background-color: #ef0;
    padding: 0.5mm 5mm 0.5mm 2mm;
    border: 0.1mm solid #cd0;
    border-width: 0 0 0.1mm 0;
    }
table.tformat td.d {
    background: #fcf6e4
                url(../graphics/deprecated.gif)
                1mm 1.5mm
                no-repeat;
    padding: 0.5mm 2mm 1mm 5mm;
    border: 1px solid #c99;
    border-width: 0 0 0.1mm 0;
    }
table.tformat td.n {
    background-color: #f6fce4;
    padding: 1mm 2mm;
    border: 0.1mm solid #9c9;
    border-width: 0 0 0.1mm 0;
    width: 50%;
    }
table.tformat td.r {
    background-color: #fdf0e4;
    padding: 1mm 2mm;
    border: 0.1mm solid #c83;
    border-width: 0 0 0.1mm 0;
    }
table.tformat td.t {
    background-color: #f4f5e2;
    padding: 1mm 2mm;
    border: 0.1mm solid #ab4;
    border-width: 0 0 0.1mm 0;
    }

table.tformat th {
    text-align: left;
    vertical-align: top;
    padding: 0.5mm 5mm 0.5mm 2mm;
    }

table.tformat th.a {
    background-color: #fcf6e4;
    border: 0.5mm solid #c99;
    border-width: 0.1mm 0 0.5mm;
    }
table.tformat th.b {
    background-color: #f0f3f9;
    border: 0.5mm solid #aab;
    border-width: 0.1mm 0 0.5mm;
    }
table.tformat th.h {
    background-color: transparent;
    padding: 0.75mm 2mm;
    border: none;
    }
table.tformat th.n {
    background-color: #f6fce4;
    padding: 0.75mm 2mm;
    border: 0.5mm solid #9c9;
    border-width: 0.1mm 0 0.5mm;
    }
table.tformat th.q {
    background-color: #fcf6e4;
    border: 0.5mm solid #ca3;
    border-width: 0.1mm 0 0.5mm;
    }
table.tformat th.r {
    background-color: #fdf0e4;
    padding: 0.2em 25px 0.2em 0.5em;
    border: 0.5mm solid #c83;
    border-width: 0.1mm 0 0.5mm;
    }
table.tformat th.t {
    background-color: #f4f5e2;
    padding: 0.2em 25px 0.2em 0.5em;
    border: 0.5mm solid #ab4;
    border-width: 0.1mm 0 0.5mm;
    }

table.tformat th p {
    font: 11pt Cambria,"Souvenir Light BT",Georgia,"Times New Roman",serif;
    margin: 5mm 0.5mm 2mm;
    }

/* browser charts ************************************************ */

table.overview {
    margin: 0.1mm;
    border-spacing: 0;
    }
table.overview td {
    background-color: #f3f3f3;
    vertical-align: middle;
    padding: 0;
    }
td.lh {
    text-align: right;
    padding: 0.5mm 2mm 0.5mm 1.25mm;
    }
table.overview td.lh {
    background-color: #faf8f4;
    vertical-align: top;
    padding: 0;
    }

td.score {
    text-align: right;
    padding: 0;
    padding-right: 2mm;
    }

th.browser {
    font-family: Calibri,Verdana,sans-serif;
    text-align: center;
    width: 15.75mm;
    }
th.css {
    font-family: Calibri,Verdana,sans-serif;
    width: 10.5mm;
    }

/*** tables end ************************************************* */




/*** browser charts ********************************************* */

a.select, a.select:link, a.select:visited {
    font-family: Calibri,"Trebuchet MS", Arial, Helvetica, sans-serif;
    float: left;
    color: #9a0042;
    background-color: #fcf8f5;
    padding: 0.2em 0 0.2em 0.2em;
    border-bottom: 0.1mm solid #e0b2c6;
    border-right: 0.1mm solid #e0b2c6;
    margin: 0;
    width: 61%;
    overflow: hidden;/*
    border-radius-bottomright: 0.25em;
    -moz-border-radius-bottomright: 0.25em;*/
    }

div.css1, div.css2, div.css2c, div.css2e, div.css3  {
    text-align: center;
    vertical-align: middle;
    background-color: #b3e6ff;
    border-width: 0 0.3em;
    border-style: solid;
    border-color: #ffffff;
    }
div.css2, div.css2c, div.css2e {
    background-color: #ccccff;
    }
div.css1 {
    border-color: #b3e6ff;
    }
div.css2c{
    border-color: #6688ee;
    }
div.css2 {
    border-color: #ccccff;
    }
div.css3 {
    background-color: #eeccff;
    border-color: #eeccff;
    }

div.no, div.part, div.yes, div.ini {
    text-align: center;
    border-width: 0;
    }
div.no1, div.part1, div.yes1, div.ini1 {
    text-align: center;
    padding: 0.25mm 0;
    border-width: 0;
    }
div.no, div.no1 {
    background-color: #ffcccc;
    }
div.part, div.part1 {
    background-color: #fff9cc;
    }
div.yes, div.yes1 {
    background-color: #bbffbb;
    }
div.ini {
    color: #666666;
    background-color: #f2f3f4;
    }/*
td div:last-child {
    border-radius-bottomright: 0.5mm;
    -moz-border-radius-bottomright: 0.5mm;
    }*/

th.overview {
    font-family: Calibri,Verdana,sans-serif;
    padding: 0.8mm;
    text-align: left;
    width: 65mm;
    }

th.score {
    font-family: Calibri,Verdana,sans-serif;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    background-color: #ffffff;
    }

tr {
    padding: 0;
    margin: 0;
    }



/* text links *************************************************** */

:focus {
    color: #000000;
    background-color: transparent;
    text-decoration: none;
    }
:link {
    color: #000000;
    background-color: transparent;
    text-decoration: none;
    }
:visited {
    color: #000000;
    background-color: transparent;
    text-decoration: none;
    }
:hover {
    color: #000000;
    background-color: transparent;
    text-decoration: none;
    }
:active {
    color: #000000;
    background-color: transparent;
    text-decoration: none;
    }

div#qlinks a {
    padding: 0.25mm 1.25mm;
    display: block;
    float: left;
    clear: both;
    }

#quiz a {
    display: none;
    }

/* general classes ********************************************** */

.author {                    /* author shortcut at end of article */
    float: right;
    text-align: right;
    font-size: 10pt;
    }
.author2 {
    font-size: 0.9em;
    float: right;
    margin-top: -1em;
    text-align: right;
    }

.bsp {                                 /* general css code example */
    font: bold
          8.8pt/133%
          Consolas,"Andale Mono","Courier New",monospace;
    color: #333388;
    background: #fefdf6;
    padding: 0.5em;
    border-left: 3mm solid #fdfbe4;
    margin: 0.5em 0 0.5em 0;
    white-space: pre;
    }
.bsp em {
    color: #920;
    }
.bspgood {                                /* good css code example */
    font: bold
          8.8pt/133%
          Consolas,"Andale Mono","Courier New",monospace;
    color: #338833;
    background: #fcfef6;
    padding: 0.5em;
    border-left: 3mm solid #faffe4;
    margin: 0.5em 0 0.5em 0;
    white-space: pre;
    }
.bspbad {                                  /* bad css code example */
    font: bold
          8.8pt/133%
          Consolas,"Andale Mono","Courier New",monospace;
    color: #aa3333;
    background: #fefcf6;
    padding: 0.5em;
    border-left: 3mm solid #fffae4;
    margin: 0.5em 0 0.5em 0;
    white-space: pre;
    }
.bsphtml {                                    /* html code example */
    font: bold
          8.8pt/133%
          Consolas,"Andale Mono","Courier New",monospace;
    color: #000;
    background: #fcfbf9;
    padding: 0.5em;
    border-left: 3mm solid #f9f7e4;
    margin: 0.5em 0 0.5em 0;
    white-space: pre;
    }
.bsphtml em {
    color: #920;
    }
.bspscript {                           /* general css code example */
    font: bold
          8.8pt/133%
          Consolas,"Andale Mono","Courier New",monospace;
    color: #333388;
    background: #fdf6fe;
    padding: 0.5em;
    border-left: 3mm solid #f6eaf7;
    margin: 0.5em 0 0.5em 0;
    white-space: pre;
    }
.bspresult {
    padding: 0 0.75mm;
    border: 0.2mm dashed #ddd;
    }

.equation {
    font-variant: small-caps;
    padding: 0.75mm 1.5mm;
    border: 0.2mm dotted #dedcd1;
    }

.hilite {                                     /* text marker color */
    background-color: #fcffc7;
    }

#values .initial {
    color: #fff;
    background-color: #888;
    padding: 0 1px 1px;
    }

.line {               /* invisible horizontal line without padding */
    clear: both;
    }

.logo {                                                    /* logo */
    text-align: center;
    }

.note {                           /* note at end of page/paragraph */
    font-size: 9pt;
    font-weight: normal;
    }
th.note {
    font: normal 0.92em Georgia,"Times New Roman",serif;
    }
.note:first-line {
    font-size: 9.8pt;
    font-weight: bold;
    }

.spacer {                             /* invisible horizontal line */
    clear: both;
    padding: 2.1mm;
    }

.sup {                                              /* superscript */
    font-size: 9pt;
    vertical-align: top;
    }
.subs {                                               /* subscript */
    font-size: 9pt;
    vertical-align: bottom;
    }

.vgw-pix {
    display: none;
    }



/* navigation links at bottom ************************************ */

#contentbottom .bot:link {
    color: #fdfcee;
    background-color: transparent;
    text-decoration: none;
    cursor: default;
    }
#contentbottom .bot:visited {
    color: #fdfcee;
    background-color: transparent;
    text-decoration: none;
    cursor: default;
    }
#contentbottom .bot:hover {
    color: #999999;
    background-color: transparent;
    text-decoration: none;
    cursor: default;
    }
#contentbottom .bot:active {
    color: #fdfcee;
    background-color: transparent;
    text-decoration: none;
    cursor: default;
    }



/* quiz ********************************************************** */

#quiz input {
    padding: 0 0.5mm;
    margin: 0 1em;
    text-align: right;
    vertical-align: bottom;
    }
#quiz #a input {
    background: #fdfcee
                url(../graphics/ta-back.gif)
                repeat
                center
                fixed;
    }

#quiz textarea {
    font: italic 1em Consolas,"Andale Mono","Courier New",monospace;
    color: #505828;
    background: #fcfcfc
                url(../graphics/ta-back.gif)
                repeat
                center
                fixed;
    padding: 0 0.2mm;
    border: 0.1mm solid #eee;
    margin: 0 0 3em;
    width: 150mm;
    }



/* site map ****************************************************** */

div#toc {
    }
div#toc ul {
    padding: 0.8mm 0.8mm 1.5mm 4.2mm;
    margin: 0;
    list-style-type: none;
    list-style-image: none;
    }
div#toc li {
    padding: 0;
    margin: 0;
    }

dic#toc a {
    color: #000;
    display: block;
    }
div#toc a:link,
div#toc a:visited,
div#toc a:link:hover, div#toc a:visited:hover,
div#toc a:link:active, div#toc a:visited:active {
    color: #000;
    display: block;
    padding: 0.8mm 2.1mm;
    }

div#toc a em {
    font-size: 9.5pt;
    color: #333300;
    }

div#toc a abbr {
    border: none;
    }


/* syntax of values ********************************************** */

.bspspec {
    font: italic
          10pt/7.5mm
          sans-serif;
    color: #000;
    background-color: #f2f8f9;
    padding: 0.5em;
    border: 1px solid #999999;
    margin: 0.5em 0 0.5em 0;
    white-space: pre;
    clear: both;
    }
.bspspec:first-line {
    font-style: normal;
    font-weight: bold;
    }
.bspspec .topic {
    font-weight: bold;
    color: #920;
    }
.bspspec>span {                 /* hiding border from bad browsers */
    border: 1px solid transparent;
    }
span>span {                     /* hiding border from bad browsers */
    border: 0.1mm solid transparent;
    }
.bspspec span.showme:hover {
    background-color: #dceffa;
    cursor: crosshair;
    }                           /* hiding border from bad browsers */
.bspspec>span.showme:hover {
    border: 0.1mm solid #0099ff;
    }
span>span.showme:hover {        /* hiding border from bad browsers */
    border: 0.1mm solid #0099ff;
    }
.bspspec span.showme span.showme:hover {
    background-color: #b0defb;
    }
.bspspec span.showme span.showme span.showme:hover {
    background-color: #6ec4fc;
    }
.bspspec span.showme span.showme span.showme span.showme:hover {
    background-color: #2caafe;
    }


    }



/* books and software pages ************************************** */

div.bk-book {                            /* contains a single book */
    padding: 0;
    border: 1px solid #dedcd1;
    margin: 2em 0 0.5em;
    }
#main-text a.bk-pic {                     /* Picture link top left */
    display: none;
    }
#main-text p.bk-title a:link, #main-text p.bk-title a:visited,
#main-text p.bk-title a:hover, #main-text p.bk-title a:active {
    border: none;
    }

div.bk-lang img {
    margin: 0 0 0 0.5em;
    }
p.bk-author {                               /* book author in text */
    font-size: 0.9em;
    font-weight: bold;
    }
p.bk-title {                                 /* book title in text */
    font-size: 1.2em;
    font-weight: bold;
    }

table.bk-details {                                /* details table */
    font-style: italic;
    border: 1px solid #dedcd1;
    margin: 0;
    }
table.bk-details td {
    vertical-align: baseline;
    }
div.bk-details2 {                             /* details container */
    border: none;
    margin:0 0 1em 1em;
    float: right;
    }



/* bottom links ************************************************** */

#bottom a {
    display: none;
    }



/* temporary styles ********************************************** */

div#announce {
    display: none;
    }