/* Page shade */

#page {
	background-repeat: repeat-x;
}

/* Default 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:0px;
	bottom:0px;
	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);
}