﻿.tl, .tr, .bl, .br
{
	position:absolute;
	height:8px;
	width:8px;
	overflow:hidden;
	z-index:3;
}

.top, .btm
{
	position:absolute;
	height:8px;
	width:246px;
	z-index:2;
	overflow:hidden;
}

.tl { top:-1px; left:-1px; background: url(/cms/outertemplates/images/box1-tl.gif) top left no-repeat; }
.tr { top:-1px; right:-1px; background: url(/cms/outertemplates/images/box1-tr.gif) top left no-repeat; }
.bl { bottom:-2px; left:-1px; background: url(/cms/outertemplates/images/box1-bl.gif) top left no-repeat; }
.br { bottom:-2px; right:-1px; background: url(/cms/outertemplates/images/box1-br.gif) top left no-repeat; }
.top { top:-1px; left:0; }
.btm { bottom:-2px; left:0; background: url(/cms/outertemplates/images/box1-btm.gif) top left repeat-x;  }


.box1 .tl, .box1 .tr, .box1 .bl, .box1 .br { width: 11px; height: 11px;}

.box1 .tl { background-image: url(/cms/outertemplates/images/box1-tl.gif); top: -4px; left: -4px;}
.box1 .tr { background-image: url(/cms/outertemplates/images/box1-tr.gif); top: -4px; right: -4px;}
.box1 .bl { background-image: url(/cms/outertemplates/images/box1-bl.gif); bottom: -5px; left: -4px;}
.box1 .br { background-image: url(/cms/outertemplates/images/box1-br.gif); bottom: -5px; right: -4px;}
.box1 .btm { background-image: url(/cms/outertemplates/images/box1-btm.gif); height: 11px; width: 254px; bottom: -5px; left: -4px;}



.box2 .tl, .box2 .tr, .box2 .bl, .box2 .br { width: 11px; height: 11px;}

.box2 .tl { background-image: url(/cms/outertemplates/images/box2-tl.gif); top: -4px; left: -4px;}
.box2 .tr { background-image: url(/cms/outertemplates/images/box2-tr.gif); top: -4px; right: -4px;}
.box2 .bl { background-image: url(/cms/outertemplates/images/box2-bl.gif); bottom: -5px; left: -4px;}
.box2 .br { background-image: url(/cms/outertemplates/images/box2-br.gif); bottom: -5px; right: -4px;}
.box2 .btm { background-image: url(/cms/outertemplates/images/box2-btm.gif); height: 11px; width: 274px; bottom: -5px; left: -4px;}
