.seeThroughTop,
.seeThroughBottom {
	position: relative;
	height: 5px;
	margin: 0px 5px;
}
.seeThroughJoinTop .seeThroughBottom {
	margin: 0px 10px;
}

.seeThrough .tlOutwards, .seeThrough .trOutwards,
.seeThrough .tl, .seeThrough .tr, .seeThrough .t,
.seeThrough .bl, .seeThrough .br, .seeThrough .b,
.seeThrough .r, .seeThrough .l, .seeThrough .m {
	position: absolute;
	width: 5px;
	height: 5px;
	overflow: hidden;
}

.seeThrough .tl {
	top: 0px;
	left: -5px;
	background: url(../images/opaqueBevelTL.png) transparent no-repeat 0px 0px;
}
.seeThroughJoinTop .tl {
	background: url(../images/opaqueBevelOutwardsTL.png) transparent no-repeat 0px 0px;
}
.seeThrough .tr {
	top: 0px;
	right: -5px;
	background: url(../images/opaqueBevelTR.png) transparent no-repeat 0px 0px;
}
.seeThroughJoinTop .tr {
	background: url(../images/opaqueBevelOutwardsTR.png) transparent no-repeat 0px 0px;
}
.seeThrough .bl {
	top: 0px;
	left: -5px;
	background: url(../images/opaqueBevelBL.png) transparent no-repeat 0px 0px;
}
.seeThrough .br {
	top: 0px;
	right: -5px;
	background: url(../images/opaqueBevelBR.png) transparent no-repeat 0px 0px;
}
.seeThrough .t {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 5px;
	background: url(../images/opaqueBevelT.png) transparent repeat-x 0px 0px;
}
.seeThrough .r {
	top: 0px;
	right: -5px;
	width: 5px;
	height: 100%;
	background: url(../images/opaqueBevelR.png) transparent repeat-y 0px 0px;
}
.seeThrough .b {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 5px;
	background: url(../images/opaqueBevelB.png) transparent repeat-x 0px 0px;
}
.seeThrough .l {
	top: 0px;
	left: -5px;
	width: 5px;
	height: 100%;
	background: url(../images/opaqueBevelL.png) transparent repeat-y 0px 0px;
}
.seeThrough .m {
	width: 100%;
	height: 100%;
	background: url(../images/opaqueBevelM.png) transparent repeat 0px 0px;
}



.seeThroughRedBorder .tl {
	background: url(../images/opaqueBevelRedBorderTL.png) transparent no-repeat 0px 0px;
}
.seeThroughRedBorder .tr {
	background: url(../images/opaqueBevelRedBorderTR.png) transparent no-repeat 0px 0px;
}
.seeThroughRedBorder .bl {
	background: url(../images/opaqueBevelRedBorderBL.png) transparent no-repeat 0px 0px;
}
.seeThroughRedBorder .br {
	background: url(../images/opaqueBevelRedBorderBR.png) transparent no-repeat 0px 0px;
}
.seeThroughRedBorder .t {
	background: url(../images/opaqueBevelRedBorderT.png) transparent repeat-x 0px 0px;
}
.seeThroughRedBorder .r {
	background: url(../images/opaqueBevelRedBorderR.png) transparent repeat-y 0px 0px;
}
.seeThroughRedBorder .b {
	background: url(../images/opaqueBevelRedBorderB.png) transparent repeat-x 0px 0px;
}
.seeThroughRedBorder .l {
	background: url(../images/opaqueBevelRedBorderL.png) transparent repeat-y 0px 0px;
}



.seeThroughMiddle {
	position: relative;
	margin: 0px 5px;
}
.seeThroughJoinTop .seeThroughMiddle {
	margin: 0px 10px;
}

.seeThroughContent {
	position: relative;		/* Needed to bring content above background (clickable links, selectable content, etc) */
	padding: 1px 0px;		/* Used to stop the margins of h1/h2/p etc pushing box out of whack */
}



span.seeThrough,
span.seeThrough span.seeThroughTop,
span.seeThrough span.seeThroughMiddle,
span.seeThrough span.seeThroughContent,
span.seeThrough span.seeThroughBottom {
	display: block;
}