/* Defaults shade */

.shade {
	position:relative;
	z-index: 0;
}

.shade .L,
.shade .C,
.shade .R,

.shade .TL,
.shade .TC,
.shade .TR,
.shade .ML,
.shade .MR,
.shade .BL,
.shade .BC,
.shade .BR {
	position:absolute;
	z-index: -1;
}

.shade .L {
  background-repeat: no-repeat;
  background-position: center left;
}

.shade .C {
  background-repeat: repeat-x;
  background-position: center center;
}

.shade .R {
  background-repeat: no-repeat;
  background-position: center right;
}

.shade .TL {
  background-repeat: no-repeat;
  background-position: top left;
}

.shade .TC {
  background-repeat: repeat-x;
  background-position: top center;
}

.shade .TR {
  background-repeat: no-repeat;
  background-position: top right;
}

.shade .ML {
  background-repeat: repeat-y;
  background-position: center left;
}

.shade .MR {
  background-repeat: repeat-y;
  background-position: center right;
}

.shade .BL {
  background-repeat: no-repeat;
  background-position: bottom left;
}

.shade .BC {
  background-repeat: repeat-x;
  background-position: bottom center;
}

.shade .BR {
  background-repeat: no-repeat;
  background-position: bottom right;
}


/* Light shade */

.shade.s10 > .TL,
.shade.s10 > .TC,
.shade.s10 > .TR,
.shade.s10 > .ML,
.shade.s10 > .MR,
.shade.s10 > .BL,
.shade.s10 > .BC,
.shade.s10 > .BR {
	top:-10px;
	left:-10px;
	right:-10px;
	bottom:-10px;
}

.shade.s10 > .TL {
  background-image: url(s/s10/tl.png);
}

.shade.s10 > .TR {
  background-image: url(s/s10/tr.png);
}

.shade.s10 > .BL {
  background-image: url(s/s10/bl.png);
}

.shade.s10 > .BR {
  background-image: url(s/s10/br.png);
}

.shade.s10 > .TC {
  left:10px;
  right:10px;
  background-image: url(s/s10/tc.png);
}

.shade.s10 > .BC {
  left:10px;
  right:10px;
  background-image: url(s/s10/bc.png);
}

.shade.s10 > .ML {
  top:10px;
  bottom:10px;
  background-image: url(s/s10/ml.png);
}

.shade.s10 > .MR {
  top:10px;
  bottom:10px;
  background-image: url(s/s10/mr.png);
}

/* Strong shade */

.shade.s20 > .TL,
.shade.s20 > .TC,
.shade.s20 > .TR,
.shade.s20 > .ML,
.shade.s20 > .MR,
.shade.s20 > .BL,
.shade.s20 > .BC,
.shade.s20 > .BR {
	top:-20px;
	left:-20px;
	right:-20px;
	bottom:-20px;
}

.shade.s20 > .TL {
  background-image: url(s/s20/tl.png);
}

.shade.s20 > .TR {
  background-image: url(s/s20/tr.png);
}

.shade.s20 > .BL {
  background-image: url(s/s20/bl.png);
}

.shade.s20 > .BR {
  background-image: url(s/s20/br.png);
}

.shade.s20 > .TC {
  left:20px;
  right:20px;
  background-image: url(s/s20/tc.png);
}

.shade.s20 > .BC {
  left:20px;
  right:20px;
  background-image: url(s/s20/bc.png);
}

.shade.s20 > .ML {
  top:20px;
  bottom:20px;
  background-image: url(s/s20/ml.png);
}

.shade.s20 > .MR {
  top:20px;
  bottom:20px;
  background-image: url(s/s20/mr.png);
}

/* Bar shade */

.shade.bar > .L,
.shade.bar > .C,
.shade.bar > .R {
	top:-10px;
	left:-10px;
	right:-10px;
	bottom:-10px;
}

.shade.bar > .L {
  background-image: url(s/bar/l.png);
}

.shade.bar > .C {
  background-image: url(s/bar/c.png);
  left:8px;
  right:8px;
}

.shade.bar > .R {
  background-image: url(s/bar/r.png);
}

/* tab shade */

.shade.t10 > .ML,
.shade.t10 > .MR,
.shade.t10 > .BL,
.shade.t10 > .BC,
.shade.t10 > .BR {
	top:-10px;
	left:-10px;
	right:-10px;
	bottom:-10px;
}

.shade.t10 > .ML {
  top:0;
  bottom:10px;
  background-image: url(s/s10/ml.png);
}

.shade.t10 > .MR {
  top:0;
  bottom:10px;
  background-image: url(s/s10/mr.png);
}

.shade.t10 > .BL {
  background-image: url(s/s10/bl.png);
}

.shade.t10 > .BC {
  left:10px;
  right:10px;
  background-image: url(s/s10/bc.png);
}

.shade.t10 > .BR {
  background-image: url(s/s10/br.png);
}


/* Custom settings */
#shaded_box1,#shaded_box2,#shaded_box3 {
 position:absolute;
 z-index:1;
}


/* Mirella page shadow ...  width:64.6em;height:72em;top:3.5em; */
#shaded_box_page {
  position:absolute;
/*	top:3.5em;         ... if need space for Xmas decorations? */
  width:64.8em;height:72.2em;
	z-index:1
}

#placeholder_page {
	width:64.6em;height:72em;
	z-index:1
}