/* Generated by KompoZer */
/* Extra Style sheet for Layers.html */
/* Generated by KompoZer - Reformatted manually */
/* Author - Charles Cooke*/
/* Modified 22nd April 2008*/

div.tip { width: 215px; }

div.blocksdem div { border: 6px solid rgb(0, 153, 0); width: 20em; height: 50px; position: relative; } 
div.blocksdem p { margin-top: 0px; }
div.blocksdem div + div { border-color: red;   margin-left: 50px; margin-top: -33px; ;}
div.blocksdem div + div + div { border-color: rgb(51, 51, 255);  margin-left: 100px; margin-top: -33px;  }

div.stackdem  { width: 215px;  height: 150px; position: relative;  float: left;  margin-left: 0.25em; margin-bottom: 4px; font-size: 0.8em; background-color:  #ccffcc; border: 2px solid green;  margin-right: 8px;}
div.stackdem p { text-align: center; font-size:1.2em; font-weight:bold;}
div.stackdem > div { border: 4px solid red; position: absolute; width: 100px;  height: 100px; left: 100px;  top: 40px; text-align: right; }
div.stackdem > div:first-child { border: 4px solid blue; position: absolute; width: 100px;  height: 100px; left: 0; top: 30px; text-align: left; }
div.stackdem > div > div { border: 1px dotted blue; position: absolute; width: 110px; height: 20px; background-color: #ccffff; padding-top: 5px; }
div.stackdem div.btop { left: 5px; top: 25px; }
div.stackdem div.bmid { left: 10px; top: 45px; }
div.stackdem div.bbot { left: 15px; top: 65px; }
div.stackdem div.rtop { left: -5px; top: 25px; background-color: #ee8; }
div.stackdem div.rmid { left: -10px; top: 45px; background-color: #ee8; }
div.stackdem div.rbot { left: -15px; top: 65px; background-color: #ee8; }
div.stackdem.noframe  {background-color: transparent; border:none; }


#stackbase { border: 20px solid #4289b5; font-size: 0.7em; text-align: justify; height: 200px; position: relative; z-index: 0; background-color: #ffffcc; width: 269px; }
#stackbase div { border: 10px solid #66ddff ; position: absolute; margin-right: -20px; height: 30px; font-size: 4em; font-weight: bold; color: #33cc00; width: 260px; right: -5px; }
#stackbase p.content { margin: 0px; padding: 0px; height: 100%; overflow: hidden; line-height: 1; color: red; }
#stackbase div#d1 { top:10px; z-index: -2; }
#stackbase div#d2 { top:70px; z-index: auto; }
#stackbase div#d3 { top:130px; z-index: 1; }

.zi-auto { z-index: auto; }
.zi-m10 { z-index: -10; }
.zi-m2 { z-index: -2; }
.zi-m1 { z-index: -1; }
.zi-0  { z-index: 0; }
.zi-1  { z-index: 1; }
.zi-2  { z-index: 2; }
.zi-3  { z-index: 3; }
.zi-4  { z-index: 4; }
.zi-6  { z-index: 6; }
.zi-7  { z-index: 7; }
.zi-8  { z-index: 8; }