/*  css class definition -  smile08.css - smilenow */
/* ************************ */
/*                          */
a:link {color:#0000ff;}
a:visited {color:#0000ff;}
a:focus {color:#000000; text-decoration:none;}
a:hover {color:#000000; text-decoration:none}
a:active {color:#800000; text-decoration:underline;}
body {background-color:#ffffff; color:#000080; margin:0px 60px 0px 160px;
 background-image:url(bg.gif); background-position:left; background-repeat:repeat-y;
 font-family:verdana, tahoma, sansserif, sans-serif; font-size:14px; line-height:18px;}
@media screen and (max-width: 700px)
 { body {margin:0px 30px 0px 60px; background-image:url(bgi.gif);} }
@media screen and (max-width: 450px)
 { body {margin:0px 10px 0px 15px; background-image:url(bgj.gif);} }
@media handheld
 { body {margin:0px 10px 0px 15px; background-image:url(bgj.gif);} }
/* smaller margins and background image for toy and mini-fruit computers */
em {font-style:normal; font-variant:normal; font-weight:normal; background-color:#ffffe8;}
hr {height:2px; width:100%; color:#000080; background-color:#000080; border:none;}
table {font-family:verdana, tahoma, sansserif, sans-serif; font-size:13px; line-height:18px;
 color:#0000d0; border:0; border-spacing:0; padding:10px; text-align:center;}
object {border:none;}
iframe.t {width:100%; height:280px; margin:0;}
iframe.b {width:100%; height:200px; margin:0;}
iframe.p {width:420px; height:500px; margin:0;}
iframe.x {width:200px; height:20px; margin:0;}
input, textarea, option {color:#000080; background-color:#ffefdf;
 font-family:verdana, tahoma, sansserif, sans-serif; font-size:14px; line-height:18px;}
input.x {color:#d08010; font-style:italic; background-color:#ffffff; border:none;}
optgroup {color:#000000; background-color:#ffefdf; font-weight:normal; font-style:normal;}
/* image: margins for centered, left, right / no margin */
img {border:none; margin:15px;}
img.c {border:none; margin-top:1px; margin-bottom:1px; margin-left:20px; margin-right:20px;}
img.l {border:none; margin-top:1px; margin-bottom:1px; margin-left:1px; margin-right:20px;}
img.r {border:none; margin-top:1px; margin-bottom:1px; margin-left:20px; margin-right:1px;}
img.x {border:none; margin:1px;}
img.y {border:none; margin:0;}
/* lists (ul = ol) */
ul.a, ol.a {list-style-type:lower-alpha;}
ul.d, ol.d {list-style-type:decimal;}
ul.c, ol.c {list-style-type:circle;}
ul.n, ol.n {list-style-type:none;}
ul.o, ol.o {list-style-type:disc;}
ul.q, ol.q {list-style-type:square;}
ul.r, ol.r {list-style-type:upper-roman;}
li {margin-bottom:7px;}
/* invisible */
.inv {display:none;}
/* (span) shading blue, dark grey, light grey / span strikethrough */
.bl {background-color:#d0d0ff;}
.dg {background-color:#c0c0c8;}
.lg {background-color:#e0e0e8;}
span.rot {text-decoration:line-through;}
/* (links) without 'decoration', (span) without wrap */
.nod {text-decoration:none;}
.nob {white-space:nowrap;}
/* headers: 1-4 standard, 5 in boxes only, 6 toc subtitle */
h1 {font-family:verdana, tahoma, sansserif, sans-serif; font-size:24px; line-height:38px;
 font-weight:bold; color:#6060ff; background-image:url(h1.gif); padding-left:23px;}
h2 {font-family:verdana, tahoma, sansserif, sans-serif; font-size:23px; line-height:33px;
 font-weight:bold; color:#000000; background-image:url(h1.gif); padding-left:20px;}
h3 {font-family:verdana, tahoma, sansserif, sans-serif; font-size:20px; line-height:30px;
 font-weight:bold; background-image:url(h1.gif); padding-left:20px;}
h4 {font-family:verdana, tahoma, sansserif, sans-serif; font-size:20px; line-height:25px;
 font-weight:bold; color:#d08010;}
h4 a {color:#d08010;}
h6 {font-family:verdana, tahoma, sansserif, sans-serif; font-size:17px;
 margin-top:0px; margin-bottom:10px; font-weight:bold; color:#000000;}
h6 em {font-weight:bold;}
h6 a {color:#000000;}
/* div block header: like h4, floating left of text (div also) */
div.h {float:left; color:#d08010; font-size:17px; line-height:22px; font-weight:bold;
 padding-right:15px;}
div.h a {color:#d08010;}
/* draw box around element */
span.xbx {border:1px solid #009999; background-color:#fff0e0; padding:2px;}
/* div transparent box for toc link */
div.o {position:absolute; top:1px; left:1px; height:3000px; width:100px; padding:0; margin:0;}
/* div boxes: blue left/right, light blue right, light blue shaded text, bg shade text box */
div.bboxl {float:left; width:33%; border-width:10px; border-style:solid; border-color:#ffffff;
 border-left:none; background-color:#6060ff; color:#ffffff; font-weight:bold; text-align:center;
 padding:10px; margin-right:10px;}
div.bboxl a {color:#ffffff;}
div.bboxl h5 {font-family:verdana, tahoma, sansserif, sans-serif; font-size:23px;
 line-height:33px; font-weight:bold;}
div.bboxr {float:right; width:33%; border-width:10px; border-style:solid; border-color:#ffffff;
 border-right:none; background-color:#6060ff; color:#ffffff; font-weight:bold; text-align:center;
 padding:10px; margin-left:10px;}
div.bboxr a {color:#ffffff;}
div.bboxr h5 {font-family:verdana, tahoma, sansserif, sans-serif; font-size:23px;
 line-height:33px; font-weight:bold;}
div.gboxr {float:right; width:33%; border-width:10px; border-style:solid; border-color:#aaaaaa;
 border-right:none; background-color:#aaaaaa; color:#000000; font-weight:bold; text-align:center;
 padding:10px; margin-left:10px;}
div.gboxr a {color:#000000;}
div.gboxr h5 {font-family:verdana, tahoma, sansserif, sans-serif; font-size:23px;
 line-height:33px; font-weight:bold;}
div.ibox {float:right; margin:5px -42px 5px 10px; width:23%; border:none; overflow:visible;
 background-image:url(h1.gif); text-align:right; color:#303050; font-size:12px; padding:5px;}
div.ibox a {color:#303080;}
div.ibox h5 {font-family:verdana, tahoma, sansserif, sans-serif; font-size:23px;
 line-height:33px; font-weight:bold;}
div.jbox {float:right; width:100px; text-align:right; font-size:12px; padding:5px;}
div.qboxr {float:right; width:250px; text-align:right; overflow:visible;}
div.sboxl {float:left; width:33%; background-image:url(h1.gif); padding:10px; margin-right:10px;
 text-align:center; font-size:12px; line-height:18px; color:#303050; font-weight:bold;}
div.sboxl a {color:#303080;}
div.sboxl h5 {font-family:verdana, tahoma, sansserif, sans-serif; font-size:17px;
 line-height:20px; font-weight:bold; color:#6060ff;}
div.sboxr {float:right; width:33%; background-image:url(h1.gif); padding:10px; margin-left:10px;
 text-align:center; font-size:12px; line-height:18px; color:#303050; font-weight:bold;}
div.sboxr a {color:#303080;}
div.sboxr h5 {font-family:verdana, tahoma, sansserif, sans-serif; font-size:17px;
 line-height:20px; font-weight:bold; color:#6060ff;}
div.zboxr {float:right; width:50%;}
div.s {font-size:14px; line-height:18px; padding:10px; background-image:url(h1.gif);}
div.s h5 {font-family:verdana, tahoma, sansserif, sans-serif; font-size:17px;
 line-height:20px; font-weight:bold; color:#6060ff;}
/* floating div for input checkbox left of text (toc) */
div.cb {margin-left:-23px; width:20px; float:left;}
/* clear float */
.cl {clear:both;}
/* tab spans */
span.t50  {float:left; width:50px;  overflow:hidden;}
span.t100 {float:left; width:100px; overflow:hidden;}
span.t150 {float:left; width:150px; overflow:hidden;}
span.t180 {float:left; width:180px; overflow:hidden;}
span.t200 {float:left; width:200px; overflow:hidden;}
span.t250 {float:left; width:250px; overflow:hidden;}
span.t300 {float:left; width:300px; overflow:hidden;}
span.t350 {float:left; width:350px; overflow:hidden;}
span.t400 {float:left; width:400px; overflow:hidden;}
span.t450 {float:left; width:450px; overflow:hidden;}
span.tr20 {float:right; width:100px; margin-right:20px; overflow:hidden;}
/* colors: half-tone key / italic, half-tone blue, key, orange, red */
.hb {color:#6060ff;}
.hb a {color:#6060ff;}
.hg {color:#404040;}
.hg a {color:#404040;}
.hgi {color:#404040; font-style:italic; font-weight:normal;}
.hgi a {color:#404040;}
.hoi {color:#f0a020; font-style:italic; font-weight:normal;}
.hoi a {color:#f0a020;}
.hri {color:#ec2727; font-style:italic; font-weight:lighter;}
.hri a {color:#ec2727;}
.k {color:#000000;}
.k a {color:#000000;}
.or {color:#d08010; font-weight:bold;}
.or a {color:#d08010;}
.rd {color:#802000;}
.rd a {color:#802000;}
.wr {color:#ffffff; background-color:#ff4040; font-weight:bold;}
/* bold, underline, italic */
div.b, p.b, span.b {font-weight:bold;}
div.u, p.u, span.u {text-decoration:underline;}
div.i, p.i, span.i {font-style:italic;}
/* *** font: trailer, trailer bold, caps, small (index) / align-right, big bold/italic, very big */
.xa {font-size:16px; line-height:20px;}
.xab {font-size:16px; line-height:20px; font-weight:bold;}
.xam {font-size:16px; line-height:20px; margin-left:42px;}
.xao {font-size:16px; color:#d08010; line-height:20px; font-weight:bold;}
.xao a {color:#d08010;}
.xb {font-weight:bold;}
.xc {font-variant:small-caps; font-weight:normal;}
.xcn {font-variant:small-caps; font-weight:normal; white-space:nowrap;}
.xsup {font-size:9px; line-height:9px; vertical-align:top;}
.xdat {text-align:right; font-variant:small-caps; white-space:nowrap;}
.xm {margin-left:42px;}
.xmr {margin-left:42px; color:#802000;}
.xmyl {margin-left:-60px;}
.xmyr {margin-right:-40px;}
.xn {font-style:normal; font-variant:normal; font-weight:normal; text-decoration:none}
.xs {font-size:12px; line-height:14px;}
.idx {font-size:12px; line-height:14px; color:#d08010; font-style:italic; text-align:right;}
.idx a {color:#d08010;}
.xr {text-align:right;}
.xsl {font-size:12px; line-height:14px; text-align:left; color:#d08010;}
.xsl a {color:#d08010;}
.xsr {font-size:12px; line-height:14px; text-align:right; color:#d08010;}
.xsr a {color:#d08010;}
.xxb {font-size:17px; line-height:27px; font-weight:bold;}
.xxbo {font-size:17px; line-height:27px; color:#d08010; font-weight:bold;}
.xxi {font-size:17px; line-height:27px; font-style:italic;}
.xxs {font-size:5px; line-height:6px;}
.xxx {font-size:23px; line-height:33px; font-weight:bold;}
.xxz {font-size:100px; line-height:150px; font-weight:bold; letter-spacing:40px;
 text-align:center; color:#d08010;}
.xxz a {color:#d08010;}
/* **************************************************** */


/* *** *** obsolete */
/* *** div: light-blue-shaded background: text block, headline (not shaded) */
/* *** div: light-blue-shaded background with blue frame: float-right-block/centered block */
div.sf {float:right; width:33%; border-width:10px; border-style:solid; border-color:#ffff00;
 background-color:#d0d0ff; font-size:13px; padding:10px;}
div.sfc {float:right; width:33%; border-width:10px; border-style:solid; border-color:#ffff00;
 background-color:#d0d0ff; font-size:13px; text-align:center; padding:10px;}
/* *** div: white on blue float-right-block centered (active tags: very light blue) */
div.wbfc {float:right; width:33%; border-width:10px; border-style:solid; border-color:#ffff00;
 background-color:#ff00ff; color:#ffffff; font-size:13px; text-align:center; padding:10px;}
div.wbfc a {color:#ffd0ff;}
/* *** *** all tags */
/* *** blue bars (white text): centered text, headline very big font */ 
.bbarz {font-size:40px; font-weight:bold; background-color:#0000ff; font-variant:small-caps;
  text-align:center; border-width:1; border-style:solid; border-color:#ffff00; color:#ffffff;}
.bbarx {font-size:23px; font-weight:bold; color:#ffffff; background-color:#0000ff;
  border-width:1; border-style:solid; border-color:#ffff00;}
.bbarc {font-size:13px; font-weight:bold; color:#ffffff; background-color:#ffff00;
  border-width:1; border-style:solid; border-color:#ff00ff; text-align:center;}

/*  .end. smile08.css    */