/*                           border bits             */

.top
{
position:absolute;
top:-5px;
left:0px;

height:5px;
width:100%;
background-image:url("../../pics/borders/top.gif");
background-repeat:repeat-x;
}

.left
{
position:absolute;
top:0px;
left:0px;
width:5px;
height:100%;
background-image:url("../../pics/borders/left.gif");
background-repeat:repeat-y;
}

.right
{
position:absolute;
top:0px;
left:100%;
margin-left:0px;
width:5px;
height:100%;
background-image:url("../../pics/borders/right.gif");
background-repeat:repeat-y;
}

.bottom
{
position:absolute;
top:100%;
left:0px;
margin-top:0px;
width:100%;
height:5px;
background-image:url("../../pics/borders/bottom.gif");
background-repeat:repeat-x;
}

.tl
{
position:absolute;
top:-5px;
left:-5px;
width:8px;
height:8px;
background-image:url("../../pics/borders/tl.gif");
background-repeat:no-repeat;
}

.tr
{
position:absolute;
top:-5px;
left:100%;
margin-left:-3px;
width:8px;
height:8px;
background-image:url("../../pics/borders/tr.gif");
background-repeat:no-repeat;
}

.bl
{
position:absolute;
top:100%;
left:-5px;
margin-top:-3px;
width:8px;
height:8px;
background-image:url("../../pics/borders/bl.gif");
background-repeat:no-repeat;
}

.br
{
position:absolute;
top:100%;
left:100%;
margin-left:-3px;
margin-top:-3px;
width:8px;
height:8px;
background-image:url("../../pics/borders/br.gif");
background-repeat:no-repeat;
}



.right, .bottom, .bl, .br, .tr, .top, .tl, .left
{
border:0px solid red;
padding:0;
}

/* */