/* basics for 1-2-3 columns
created: 21.apr.2005
last rev: 08.jan.2011 */

@media screen {
/*\*//*/
}
/**/


html {/* */}


body {min-height: 100%;}

body {margin: 0; padding: 3px 10px 3px 5px; text-align: center; font-family: Georgia,"Trebuchet MS",sans-serif; line-height: 1.4; background: #f5f5f5 url("../imagedepot/back14.png") 49% 49% fixed; color:#000;}

html body div#wrapper {font-size: 100%; background: transparent url(../imagedepot/bug.png) no-repeat 0 0; box-shadow: 3px 3px 5px #ccc;}
/*  \*/
* html body div#wrapper {background-image: url(../imagedepot/bug-ie.png);}
/* */

html body #add1, html body #add2 {font-size: 94%!important; line-height: 1.15!important; font-family: "Trebuchet MS", sans-serif; /* universal correction */
;}
html>body #add1, html>body #add2, html>body #footer {background-image: none; }

div div div div div #content div {clear: both;}

div div div div #content div div {margin: 4px 0 2em 0; background: #f8fbff url(../imagedepot/confused_2.png) no-repeat;
padding: 1px 0; text-align: left; clear: none; border: solid 1px #aaa; border-width: 0 1px 1px 0;overflow: visible; float: left;}


html div div div div #content div div {-webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; -webkit-border-top-right-radius: 4px;}
html div div div div #content div div {-moz-border-radius: 0 4px 7px 7px;}

html div div div div #content div div {background-color: hsla(250,50%,98%,0.9); border-radius: 0 4px 7px 7px; box-shadow: 3px 3px 8px #bbb;}

html div div div div #content div div div {box-shadow: none;}

* html div div div div #content div div {clear: left; border: solid 1px #aaa; border-width: 0 1px 1px 0; margin: 4px -.2em 35px 0; /*overflow-x: hidden; <--- deadly for IE */}

html body div div div div #content div div div {border: none;}
html body div div div div div #content div#inlineheader {border: none; background: none; box-shadow: none;}

div div div div #content div div div { min-width: 0px;}
#content div div div.tac {border: none; text-align: center; width: 99%;}
#content div div ul,div#content div div ol {margin: 0 6px 6px 3px; padding: 0 0 0 1.7em; clear: left;}
#content div div * li ul,div#content div div * li ol {padding: .5em 0 0 1.7em;}
* html #content div div ul {padding: 0 0 0 1.7em;}
* html #content div div * li ul,* html div#content div div * li ol {padding: .5em 0 0 1.2em;}
#content div div ul li {margin: 0; padding: 0 0 .5em 6px;}
#content div div ol li {margin: 0 0 .5em 2%; padding: 0 0 0 1px;}
#content div div ul.nobullet {list-style: none;}

/* just a gimmic */
div#content div div.ed1 {margin-left: 2px; margin-right: -2px;}


div#content div div.exp,div#content div div.expo {float: none; width: auto; margin: 0 6px 3px 2%!important; padding: 5px; display: block;}
div#content div div.exp,.exp,.expb {display: block; padding:2px 5px; background:#e8ebef url("../imagedepot/linkedge-1.jpg");border: solid 1px #ddd; border-bottom: solid 1px #bbb; border-right: solid 1px #999; }
span.exp,b.exp {display: inline; padding: 0 2px 1px 2px; line-height: 1.1;}
#content div div li .exp, #content div div li .expb {margin-right: 20px; padding: 2px; display: block;}
#content div div p.exp span.sp {display: block; height: 0.5em; width: 98%; clear: left;}
html body div div div div #content div div.exp p,html body div div div div #content div div.expo p {margin: 0; padding: 3px; width: auto;}
html body div div div div #content div div p.exp {margin: 0 6px 6px 2%; padding: 3px 5px; width: auto;}
html body div div div div #content div div.exp p i.flr,html body div div div div #content div div p.exp i.flr {font-size: 80%; margin-bottom: 1px;}

div#content div div.expo {background: #ffc; border: solid 1px #ddd; border-bottom: solid 1px #bbb; border-right: solid 1px #999;}
div#content div div p.expo {background: #ffc; border: solid 1px #ddd; padding: 3px 5px;border-bottom: solid 1px #bbb; border-right: solid 1px #999;}

div#content div div p span.expo {background: #ffc; border: solid 1px #ddd; padding: 3px; display: block;border-bottom: solid 1px #bbb; border-right: solid 1px #999;}

html body div#content div ol.expo { margin: 3px 0 0 2%; padding: 1px 0 0 0; list-style-position: inside;}

html body div#content div ol.expo li {background:#e8ebef url("../imagedepot/linkedge-1.jpg");border: solid 1px #ddd; border-bottom: solid 1px #bbb; border-right: solid 1px #999; margin: 3px 3px 8px 0; padding: 0; background: #f5f5f5; }

html body div#content div ol.expo li li {border: none; background: none; margin: 0; position: static;}

div#content div div div.expo, div#content div div p.expo, div#content div div p span.expo {background-image:url(../imagedepot/confused_3.png); background-position: 100% 100%; background-repeat: no-repeat; display: block;}

.ex0 {background: none!important;}

.exp { max-width: 600px!important;}


/* background-themes */

#superwrapper2 {background-repeat: no-repeat; background-position: 55% 100%;}

.b #superwrapper2,
.bl #superwrapper2,
.g #superwrapper2,
.r #superwrapper2,
.p #superwrapper2,
.gry #superwrapper2,
.pink #superwrapper2,
.n #superwrapper2,
.py #superwrapper2,
.bei #superwrapper2 {
background-image: url(../imagedepot/shrud-4gry.png);
}

.b #superwrapper2 {background-image: url(../imagedepot/shrud-4b.png);}
.bl #superwrapper2 {background-image: url(../imagedepot/shrud-4bl.png);}
.g #superwrapper2 {background-image: url(../imagedepot/shrud-4g.png);}
.p #superwrapper2 {background-image: url(../imagedepot/shrud-4.png);}
.r #superwrapper2 {background-image: url(../imagedepot/shrud-4ro.png);}
.py #superwrapper2 {background-image: url(../imagedepot/shrud-4yel.png);}
.bei #superwrapper2 {background-image: url(../imagedepot/shrud-4beige.png);}
.pink #superwrapper2 {background-image: url(../imagedepot/shrud-4pink.png);}

/* background special */
div.n {background-image: url(../imagedepot/shrud-5.png)!important; background-color: #edeeef!important; font-weight: 800; font-family: "Trebuchet MS", sans-serif; font-style: oblique; padding: 0!important; background-position: bottom center!important;}
div.n div.nchild { padding: 0!important; margin: 0!important; background-color: transparent!important; border: none!important;}

.nobgnd {background: none;}


#add1 p,#add2 p {text-align: left;}

#spacer {width: 1px; height: 600px; float: left;}
#footer {text-align: center; min-height: 2.8em; width: 100%; float: left; background: #eaf4ff url(../imagedepot/shrud-6.png) 55px 50%; margin-top: 0px; clear: both;}
table {margin: 1px 0 0.5em 2%; width: 97%; border-collapse: collapse; }
table th, table td {border: solid 1px #aaa; text-align: left; padding: 1px 4px;}
/*  \*/
* html table {display: inline;}
/* */
#add2 table.fw {margin: 2px; width: 196px;}


#content div table.fw {float: left; clear: left; position: relative; padding: 0 0 3px 0;}
table th, table.fw td {background: #f0f7ff; width: 20%; vertical-align: top;}
* html #content div table.fw { margin: 0 -99% 10px 2%;}

h1,h2,h3,h4,h5,h6 {margin: 6px 3px 0 1.5%; padding: 0; /*word-wrap: break-word;*/}
p {margin: 1px 6px 0.5em 6px; padding: 0 0 0.3em 0;}
#content div div p, #content div div img.lu {margin: 1px 6px 0.6em 2%; word-spacing: -0.03em; clear: left; padding: 0; line-height: 1.35;}
p.c1 {font-weight: bold}

p.head {position: absolute; top: -10px; right: 8px; font-weight: 800; text-align: right; margin-top: 1em; margin-left: -200px; color: #333; line-height: 1.1em!important; text-shadow: #fff 1px 1px 3px;}
/*  \*/
* html p.head {background: transparent url(../imagedepot/no-ie6-txt.png) no-repeat 0 35px; height: 120px!important; width: 460px; z-index: 2;}
*:first-child+html>body p.head {background: transparent url(../imagedepot/no-ie7-txt.png) no-repeat 0 35px; height: 120px!important; width: 460px; z-index: 2;}
/* */

h1 {font-size: 145%; letter-spacing: .008em; text-shadow: #eee 2px 2px 2px; }
h2 {font-size: 132%; letter-spacing: .01em;  text-shadow: #ddd 2px 2px 3px;}
h3 {font-size: 125%; letter-spacing: 0; color: #444; padding: 3px 0;}
h4 {font-size: 115%; letter-spacing: 0; color: #444; padding: 3px 0;}
h5 {font-size: 108%; letter-spacing: 0; color: #444; padding: 3px 0; clear: left;}
h6 {font-size: 100%; letter-spacing: 0; clear: left;}


/* some basics */
img {font-size: 14px;}
q,em {font-weight: 800; font-style: oblique; margin-left: 1px; margin-right: 3px;}
i {font-weight: 200; font-style: italic; margin-left: 1px; margin-right: 1px; }
b,strong {font-weight: 800; }
html body div div div strong {font-style: normal;}
b.noop {font-weight: 200;}

q {font-weight: 200; color: #036;}
.qlike {color: #036;}
/*
q:before {content: " ";}
q:after {content: " ";}
*/

q:before {content: open-quote;}
q:after {content: close-quote;}

em,strong,b {color: #222; }
big {font-size: 120%; line-height: 100%;}
small {font-size: 85%; line-height: 110%;}
pre {font-family: "Arial", sans-serif; padding: 2px 2px 3px 6px; margin: 2px 1px 6px 2%; float: left; clear: left; width: 90%;  border-style: solid; border-width: 1px 1px 1px 10px; color: #000; border-color: #9ab; background: #f5f5f5 url(../imagedepot/confused_2.png) no-repeat -1px -1px; font-size: 92%; white-space: pre; overflow: auto; padding-bottom: .4em;}
* html body pre {width: 96%!important; overflow-y: visible; padding-bottom: 1.6em;}

samp, pre {font-family: Consolas, "Courier New"; text-align: left;}


.codelike {font-family: Arial, sans-serif; background: #fff; padding: 1px 3px; border-style: solid; border-width: 1px 0; color: #000; border-color: #ddd;}
html body div#wrapper div div div div p .db { font-size: 150%!important; vertical-align: -.1em!important; margin: -.5em 0!important; display: inline-block!important;}

sub {vertical-align: -0.3em; line-height: 0; font-size: 100%; font-family: "Times New roman", Georgia, serif;}
sub.small {font-size: 75%; font-weight: 200;}

sup {vertical-align: 0.4em; line-height: 0; font-size: 100%; font-family: "Times New roman", Georgia, serif;}
sup.small {font-size: 75%; font-weight: 200;}

p.sgn-b {max-width: 50%; overflow: visible; text-align: right!important; clear: both!important;}
.sgn-b img {vertical-align: middle; width: auto; /* height: 2.9em; */}
.sgn-bm img {width: auto; height: 1.6em;}
.sgn-bc img {width: auto; height: 1.4em;}
p img.inl {vertical-align: -.1em; width: auto; height: 1.3em; margin: -.2em 0; border: none;}
html body .nowr {white-space: nowrap;}
p.bottom {padding-bottom: 30px;}
.wbrv {margin: 0; padding: 0;}

/* basic clearing between elements */
br {font-size:1px; line-height: 0; height: 0;}

:root>body #add2 * span[class*="set"] br, :root>body #add2 * span[class*="sep"] br, :root>body #add2 * b[class*="sep"] br {display: none;}


/* column clearing */
#iewrapper:after, #superwrapper3:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; margin-bottom: 0; overflow: hidden;}
/* part of column clearing */
body {padding-bottom: 1.25em;}

/* debugging: temporary high specificity */
.left {clear:left!important; }
.right {clear:right!important; }
.both {clear:both!important; }
.none {clear:none!important; }
div.all {visibility: hidden;}


html body div div div div#content div div .all {margin: 0; padding: 1px 0 0 0; width: 99%; border: none; clear: both; text-align: center; background: transparent; float: none;}
html body div div#content div div .all img {margin: 3px;}

/* some positioning in the flow */
.tal {text-align: left!important; }
.tac {text-align: center!important; display: block;}
html body div div#content div div div.tac {background: transparent;}
.tar {text-align: right!important; }
.taj {text-align: justify!important; }
.flr,img.stub {float: right; margin: 1px 3px 1px 6px; }
.fll {float: left; margin: 1px 6px 1px 3px; }
div#content div p img.flr {margin: .4em -3px 3px 3px;}
div#content div p img.fll {margin: .2em 6px 3px -3px;}
.throwleft {position: absolute; left: -9000px;}
.compress { letter-spacing: -1px; word-spacing: -3px;}
.tight {margin: 0; padding: 0;}
img.fit {height: 0.9em; vertical-align: middle;}
.nb {white-space: nowrap;}

a em {margin: 0!important;}

em.expb {padding: 0 8px;}
b.tac {width: 100%; float: right; overflow: hidden; text-align: center;}
#content div div b.tac img {margin: 3px -65px;}
#add2 b.tac img {margin: 3px;}




p.fll {position: relative;}
p.fll small.more {cursor: context-menu;}
p.fll:hover small.more:after {content: "[+]"; position: absolute; bottom: .1em; left: 100%; z-index: 10;}
p.fll:hover small.more.nob:after {left: 10px;}
p.fll small.more i {position: absolute; top: -9000px; left: -9000px; display: block;}
p.fll small.more:active>br+i {top: auto; left: -5%; bottom: 105%; background: #fff; padding: 5px; border: solid 1px #aaa; min-width: 400px;}
p.fll small.more>br+i:before {content: "revisions:"; display: block; font-weight: 700;}

p.fll small.more.nob>br+i:before {content: ""}
p.fll small.more.nob:active>br+i {border: none; padding: 0; min-width: 0;}
p.fll small.more.nob:active>br+i {text-align: left; margin: 0; font-family: Consolas; min-width: 200px;}



hr {background-color: transparent; border: none; height: 0; clear: both; margin: 0 auto 10px auto; display: block; border: none; border-bottom: solid 1px #999; width: 96%; text-align: center;}
/*  \*/
* html hr {margin: -7px auto 3px auto;}


/* addition */

div#add1 img {margin: 0 -20px; position: relative;}

#container #add1 ul,#container #add1 ul li {text-align: left; display: block; margin: 0 1px 0 0; padding: 1px 0 0 1px; word-wrap: break-word;}
#container #add1 ul {background: transparent url(../imagedepot/cat-dunno-gray.png) no-repeat 2px 100%; padding-bottom: 80px; }
#container #add1:after { display: block; margin-top: 0; text-align: center; clear: both; content: "meow!"; font-size: 72%;}
#container #add1::after { display: block; margin-top: 10px; text-align: center; clear: both; content: url(../imagedepot/cat-ie.png);}

html body div div #add2 {margin-bottom: 0!important; padding-bottom: 58px!important; /* --- temporary fix --- */
/* background: #fff url("../imagedepot/back14wh.jpg") 49% 49% fixed!important;*/ }

#add2 p.exp {clear: left; /* --- temporary fix for IE8b1 --- */}

* html #add2 img {margin-top: 2px;}

#add2 img.port {float: left; position: relative; top: -79px; left: 0; margin: -1em 0 -200px -5px; z-index: 1;}
#add2 .cont {min-height: 135px; width: 197px!important; display: inline-block;}
#add2 .cont img.flr {margin: -35px 2px 0 -40px;}
#add2 h3,#add2 h4,#add2 h5 {text-align: left; clear: both;}
#add2 ul,#add2 ul li {text-align: left; margin: 0; padding: 1px 0 0 2px; position: relative; z-index: 2; clear: both; display: block;}


div#add2 ul {width: 190px; }
div#add2 ul li {width: 100%; clear: both; float: left; padding-bottom: 3px;}
div#add2 ul li a {float: left; width: 100%; text-indent: 0;}
div#add2 ul li a {background-image: url(../imagedepot/bgnd-bl.png); }

/* fixing IE6 only */
* html div#add2 ul li {disp\lay: inline-block; widt\h: auto; fl\oat: none; padding-bottom: 0;}


#add2 ul {background-color: #fafcff; padding-bottom: 10px; float: none; width: 199px; margin-right: -10px; font-size: 93%; margin-bottom: 3px!important;}
#add2 ul li ul {border: none; margin-left: 10px; width: 170px;}
#add2 ul,#add2 .bnav {background-color: transparent; padding-bottom: 3px; float: left; width: 199px; margin: 0  -100px 0 0;}
#add2 .bnav {background: #eee url(../imagedepot/linkedge-1.jpg) no-repeat!important; border: solid 1px #ddd; border-bottom: solid 1px #bbb; border-right: solid 1px #999; padding: 0 1px 3px 3px; width: 190px; margin: 0 0 8px 2px;}

#add2 .bnav ul {margin: -2px -2px 2px 0; padding: 0.3em 0 3px 0; width: 96%; border: solid 1px #fff; position: relative; clear: both; border-width: 1px 3px 2px 1px; }

* html body #add2 .bnav {padding-bottom: 6px; display: block;}
* html body #add2 .bnav ul {width: 98%; float: none;}

#add2 .bnav ul li {margin: 0; padding: 0; background: none; width: auto; float: none;}
#add2 .bnav ul li a {display: block!important; background: none; float: none; width: auto; padding: 0;}
#add2 .bnav ul li a:hover {margin-top: 1px!important;}
* html #add2 .bnav ul li {margin-bottom: -1px!important; display: inline;}
* html body #add2 .bnav ul li a {margin-top: 1px!important;}

#add2 .bnav ul li a img {display: block!important;}
#add2 .bnav h4,#add2 .bnav h5 {clear: both; line-height: 1.1; margin: 0 0 -0.15em 5px; padding: 0; position: relative; z-index: 3;}

div div div div div #add2 p {font-size: 100%!important /* temporary */;}

#content div div {margin-bottom: 1em;}
#content div div p {clear: left;}


h2 {margin-top: 1.5em; position: relative; color: #333; padding-bottom: 0.5em; margin-right: 10px; margin-left: 5px;}

#footer .nav {margin: 10px 170px 3px 10px; padding-bottom: 3px;}
#footer .flr {margin: 6px 25px 3px 0; height: 40px; width: 150px; display: inline; position: relative;}

#footer ul {padding: 0; font-size: 83%; display: inline; font-family: "Trebuchet MS", serif; margin: 0 auto; height: 2em; width: auto;}
#footer ul li {margin: 1px; padding: 1px 3px 2px 3px; border: solid 1px #999; background:#f0f8ff url(../imagedepot/linkedge-1.jpg) no-repeat; border-width: 1px 2px 2px 1px; display: table-cell; display: -moz-inline-box; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: #bbb 2px 2px 2px;}

#footer ul li p {margin: 1px 0 0 0;}

#footer .nav ul li a img {border: none!important; margin-bottom: -3px; display: none;}

#footer div.flr {clear: right; margin-top: -1px;}

:root div#footer div.flr img {display: none;}
:root div#footer div.flr {background: transparent url(../imagedepot/cat-play-more.png) no-repeat top right;}


html:lang(en) div#footer div.flr img, html:lang(en) div#footer div.flr a {display: none;}
html:lang(en) div#footer div.flr {background: transparent url(../imagedepot/cat-play-more.png) no-repeat top right;}



img.def {float: right; margin: 0 -10px -92px 0; background-image: url(../imagedepot/cat-ie.png); background-repeat: no-repeat; background-position: 30px 10px;}

div.push, address {margin: 20px 2px 6px 3px; background: #e8eeff url(../imagedepot/linkedge-1.jpg) no-repeat;  border: solid 1px #ddd; border-bottom: solid 1px #bbb; border-right: solid 1px #999;}
.push img.push {float: right; margin: -10px -10px 2px 5px; width: 20px!important; border: none!important;}


#head,#headstore {position: absolute; top: 0; left: 0px; width: 500px; height: 55px;} 
#head-add {position: absolute; top: 12px; left: 54%;}
#headstore {height: 60px;}
img#head {background: transparent url(../imagedepot/main-top_15.png) no-repeat;}
* html img#head {background: transparent url(../imagedepot/main-top_12.png) no-repeat;}

#content div div .head {display: inline; padding: 1px 6px 3px 6px; margin: -0.78em 10px 3px 0; position: relative; float: left; background:#fdfeff url(../imagedepot/linkedge-1.jpg) no-repeat; font-family: Georgia,"Trebuchet MS",sans-serif; font-style: normal; border-right: solid 1px #555; border-bottom: solid 1px #999;  color: #024; line-height: 1.2;}

div #content div div .head {background: #f5f5f5 url("../imagedepot/back14.png") 49% 49% fixed!important; text-shadow: #fff 2px 2px 2px;} 

#content div div h4.head {margin-top: -0.85em;}

#content div div.expo h5.headwarning,#content div div.expo h5.headclearing {margin: -0.90em 0 -3px 0; background: none!important; font-weight: 800; border: none; position:  relative; top: -5px; font-size: 1.1em; color: #d00;}
#content div div.expo h5.headclearing { color: #070;}

#content div div .posap {position: absolute; z-index: 1; left: 0;}


a.copy {position: absolute!important; bottom: 2px!important; left: 2px!important; display: block; text-decoration: none; background: transparent!important; color: #000;}

#wrapper #iewrapper #add2 p i.flr,#wrapper #iewrapper #add2 p span.flr {margin-right: 5px; float: none; text-align: right; width: 96%; display: block;}

dl {border: solid 2px #fff; background-color: #ddc; padding: 3px; margin: 3px 6px 3px 2%; line-height: 160%;}
dd {background-color: #f0f0e0; padding: 1px 3px; margin-left: 50px; margin-bottom: 1px; line-height: 130%;}

dl.lineup {margin: 3px 3px 6px 2%!important; padding: 1px 1px 0 0;}
dl.lineup dt {float: left; clear: left; line-height: 1.4; margin: 0 3px 0 3px; background:  #f0f0d0; position: relative; z-index: 1;}
dl.lineup dd {margin: 0 0 1px 0; line-height: 1.4; background: #f0f0e0; overflow: hidden;}


#content div div.quote {margin: 1% 0 1% 2%; padding: 5px 0 3px 0!important; border: solid 1px #fff; background-color: #d9e5f1; background-image:url(../imagedepot/shrud-6.png); font-weight: 800; font-style:italic; width: 97%!important; clear: both; float: left;}
#content div div.quote p {text-indent: 20px; }

html>body div#content div {padding-bottom: 1px!important;}

html body p i.flr,html body li i.flr {width: 100%; text-align: right; display: block; font-size: 82%; padding: 0; margin: 0; float: none;}



html body ul.nostyle {margin: 3px 6px 6px 2%!important; padding: 3px!important;}

html body ul.nostyle li {list-style: none;}
/*  \*/
* html body ul.nostyle li {height: 0;}
/* */

html body ul li i.flr {margin-bottom: 10px!important; padding-bottom: 3px; border-bottom: solid 1px #d5d5d5;}

html body ul li.last i.flr { border-bottom: none; margin-bottom: 0!important;}


html body ul.quicklist, html body ol.quicklist {border-right: solid 1px #bbb; border-bottom: solid 1px #aaa; 
margin-bottom: .6em!important; padding-right: .5em!important; padding-top: .8em!important; padding-bottom: .3em!important; display: inline-block; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; left: 1.5%; box-shadow: #e3e3e3 2px 2px 2px;}

html body ul.quicklist {list-style-type: circle;}

html body ul.quicklist li, html body ol.quicklist li {padding-bottom: .02em!important; }

html body h5.quicklist {margin-bottom: -.8em; position: relative; z-index: 1;}


html body #add2 p i.flr {font-size: 94%;}

div#content div p.fll small {padding: 0 0 5px 0; line-height: 1.3;}

.decomain {float: left; margin: -24px 0 -10px -10px; position: relative; z-index: 1;}

#content div div {float: left;}
#content>div>div {width:100%;}


#ml {margin: 3px 3px 3px -100px!important; position: absolute; bottom: 0; right: 3px; width: 230px; text-align: right; display: block;}
#ml a { background:#e0efff url(../imagedepot/linkedge-1.jpg); border: solid 1px #555; padding: 0 3px; font-size: 70%!important;}

address {font-size: 90%; font-style: normal; font-family: arial,sans-serif; text-align: left; padding: 6px; clear: both; margin-top: 0;}

.curle {width: 200px; background: transparent url(../imagedepot/curletop.png) top left no-repeat; padding: 14px 0 0 0; margin: 10px -10px 3px -1px;}

.curle p,.curle h4,.curle h5,.curle div, .curle iframe {border-left: solid 1px #ddd; border-right: solid 1px #ddd; width: auto; padding: 0 2px 5px 5px; margin: -1px 11px 0 10px; background: #e5e9ed url(../imagedepot/linkedge-3.jpg);}

.curle div {overflow: hidden; width: 170px; text-align: left;}


.curle div ol {margin: -5px 0 6px 0; padding-left: 30px;}
.curle div ol li {margin: 5px 0 0 0; line-height: 1.0;}

.curle div.bottom {display: block; width: 200px; height: 17px; background: transparent url(../imagedepot/curlebottom.png) bottom left no-repeat; padding: 0; margin: 0 -10px 0 9px; border: none;}

.curle h5 b {position: absolute; right: 15px;}

html body div div div div .sep {margin-bottom: 6px!important;} 

html body div div div div .sep0 {padding-bottom: 12px!important;} 
.sep1 {padding-bottom: 25px!important; }
.sep2 {padding-bottom: 45px!important; background: url("../imagedepot/catrip-c.png") no-repeat bottom center!important; }
.sep3 {padding-bottom: 20px!important; background: url("../imagedepot/sep_3.png") no-repeat bottom center!important; }
.sep4 {padding-bottom: 1.4em!important; }
.sep7 {padding-bottom: 20px!important; background: url("../imagedepot/sep_7.png") no-repeat bottom center!important; }
.sep9 {padding-bottom: 20px!important; background: url("../imagedepot/sep_9.png") no-repeat bottom center!important; }
.sep10 {padding-bottom: 20px!important; background: url("../imagedepot/sep_10.png") no-repeat bottom center!important; }
div div div div .sep11 {padding-bottom: 30px!important; background: url("../imagedepot/sep_11.png") no-repeat bottom center!important; }
.sep12, ul.eap12 li, ol.eap12 li,hr.sep12 {padding-bottom: 14px!important; background: url("../imagedepot/sep_12.png") no-repeat 50% 100%!important;} 

html body #content ol.eap12 {margin-left: 0!important; padding-left: 32px!important;}

ol.eap12 li {background-position: 48% 100%!important; margin-left: 0!important; padding-left: 0!important;}

html body div div div#add2 ul li.sep12 {padding-bottom: 14px!important; margin-bottom: 6px!important;} 

b.sep0, b.sep3, b.sep7, b.sep9, b.sep10, b.sep11, b.sep12, b.set0, b.set3, b.set7, b.set9, b.set10, b.set11, b.set12 {display: block;}
/*  \*/
* html b.sep0, * html b.sep3, * html b.sep7, * html b.sep9, * html b.sep10, * html b.sep11, * html b.sep12, * html b.set0, * html b.set3, * html b.set7, * html b.set9, * html b.set10, * html b.set11, * html b.set12 {height: 20px;}
* html body div div div #content div .noie {display: none!important;}
/* */

p.quotation b.sep0, p.quotation b.sep3, p.quotation b.sep7, p.quotation b.sep9, p.quotation b.sep10, p.quotation b.sep11, p.quotation b.sep12, p.quotation b.set0, p.quotation b.set3, p.quotation b.set7, p.quotation b.set9, p.quotation b.set10, p.quotation b.set11, p.quotation b.set12 {width: 98%; display: inline-block;}

.set0 {padding-top: 12px!important; clear: both!important;} 
.set1 {padding-top: 25px!important; clear: both!important;}
.set2 {padding-top: 45px!important; background: url("../imagedepot/catrip-c.png") no-repeat 50% -2px!important; clear: both!important;}
.set3 {padding-top: 20px!important; background: url("../imagedepot/sep_3.png") no-repeat top center!important; clear: both!important;}
.set7 {padding-top: 20px!important; background: url("../imagedepot/sep_7.png") no-repeat top center!important; clear: both!important;}
.set9 {padding-top: 20px!important; background: url("../imagedepot/sep_9.png") no-repeat top center!important; clear: both!important;}
.set10 {padding-top: 20px!important; background: url("../imagedepot/sep_10.png") no-repeat top center!important; clear: both!important;}
.set11 {padding-top: 30px!important; background: url("../imagedepot/sep_11.png") no-repeat top center!important; clear: both!important;}
.set12,  html body div#add2 ul li.set12 {padding-top: 17px!important; background: url("../imagedepot/sep_12.png") no-repeat top center!important; margin-top: 10px!important; clear: both!important;}

.sep li {padding-bottom: 6px; border-bottom: solid 1px #ddd;}
.sep li li {padding-bottom: 0; border-bottom: none;}


span.sep0, span.sep4 {padding: 0!important; display: block; clear: both; height: .3em; width: 100%; background: none; overflow: hidden;}
span.sep12 {padding: 0!important; display: block; clear: both; height: 10px; width: 100%; background: url("../imagedepot/sep_12.png") no-repeat top center; overflow: hidden;}


html body img.stub {margin: -6px 3px -3px 0; background: #eef; border: solid 1px #aaa!important; border-right: solid 1px #000!important; position: relative;}

.exp i.flr {font-size: 82%; width: 100%;}



/* controlling test-cases and engineering-examples */
div#content div div.exple {float: none; width: auto; margin: 1em 6px 8px 2%!important; padding: 5px; display: block; border: solid 1px #bbb!important; position: static;}

div#content div div.exple p {margin: 0; padding: 3px; width: auto; color: #999;}

div#content div div.exple h4.head {margin: -0.98em 10px 3px -1px;}



p.quotation, span.quotation {background: #f5f9ff url(../imagedepot/linkedge-2.jpg); background-position: 0 0; background-repeat: no-repeat; text-indent: 27px; position: relative; z-index: 1; margin: 0 5px 5px 5px; padding-top: 6px; z-index: 1;}

span.quotation {background: transparent url(../imagedepot/quotemark-l.png) no-repeat; display: block!important; text-align: left; margin: 8px 0 0;}
html body div div div br.remove {display: none!important;}


div.push p.quotation {background: transparent url(../imagedepot/quotemark-l.png); background-position: 0 0; background-repeat: no-repeat; text-indent: 27px; margin: 5px; padding: 2px 0 0 0;}

p.quotation i.flr, span.quotation i.flr {background-image: url(../imagedepot/quotemark-r.png); background-position: top right; background-repeat: no-repeat; padding-top: 20px; margin-top: -.6em; z-index: -1;}
span.quotation i.flr { position: relative;}

html body #add2 p.exp i.flr, html body #add2 p.quotation i.flr {padding-top: 20px; margin-top: -.6em;}

* html div.push p.quotation, * html p.quotation i.flr {position: relative;}

p.liitem {display: list-item; list-style-position: inside; list-style-type: square;}

#add2 div.push p i.flr {padding: 4px 3px; margin: 0 0 -10px 0; }
/*  \*/
* html #add2 div.push p i.flr {width: 100%!important; }
* html img.burp {display: none;}
/* */
img.burprep {content: url(../imagedepot/burp.png);}


div#content div .push {float: right; width: 50%!important; padding: 3px 6px!important; border: solid 1px #ddd; clear: both!important; max-width: 260px; display: inline!important;}

.gse {float: right; width: 100%;}
* html .gse {width: auto;}
html body .gse form#searchbox_demo {margin: 0!important;}

.caution {text-indent: 30px; }

.nocss {display: none!important;}



html body div#wrapper div#iewrapper div div div div div .exp01 {background-color: #eff;}
html body div#wrapper div#iewrapper div div div div div .exp02 {background-color: #eed;}
html body div#wrapper div#iewrapper div div div div div .exp03 {background: #fff;}
html body div#wrapper div#iewrapper div div div div div .exp04 {background: #135; color: #fff; font-weight: 700;}
html body div#wrapper div#iewrapper div div div div div .exp04 * {color: #fff;}
html body div#wrapper div#iewrapper div div div div div .exp05 {background: #531; color: #fff; font-weight: 700;}
html body div#wrapper div#iewrapper div div div div div .exp05 * {color: #fff;}
html body div#wrapper div#iewrapper div div div div div .exp06 {background: #333; color: #fff; font-weight: 700;}
html body div#wrapper div#iewrapper div div div div div .exp06 * {color: #fff;}

html body div#wrapper div#iewrapper div div div div div .exp0 {display: block!important;}

/* additional */

html {position: relative; height: auto;}

head:only-of-type, title {display: block;}

title {position: absolute; top: 100%; left: 0; margin-top: -18px; width: 100%; text-align: center; color: #555; font: 13px/1 "Arial Narrow", sans-serif; background: transparent;}

}

@media screen and (max-width: 600px) {
head:only-of-type, title {display: none;}

}


@media screen and (min-width: 550px) {
html:first-child>body #add2 .cont { display: table-cell;}
p#overlay {background: transparent url(../imagedepot/bgnd-bl.png);}
p#overlay:hover {color: #bdf;}

html:first-child>body #footer ul li {display: inline-table;}

}

/* author's testing-ground */


@media screen and (min-device-width: 3000px) {
html,body {display: block!important;}
}


@media screen and (device-width: 3840px) and (device-height: 1024px) and (resolution: 96dpi) {

#content div div .head[id]:hover:before {content: " #" attr(id); position: absolute; top: -1em; left: -.1em; color: #357; visibility: visible; font: normal 15px/1.2 "Arial"}

}

/*\*//*/
* html body #add2 p {display: inline-block!important;}
/**/