/*

This is the CSS stylesheet that is used for the borders in the generic website pages.

*/

.outer {
width: 100%;
height: 100%;

position: relative;

background: transparent url(images/ls.png) repeat-y top left;

text-align: left;

margin: 0px;
padding: 0px;
}

.outer2 {
width: 100%;
height: 100%;

position: relative;

background: transparent url(images/rs.png) repeat-y top right;

text-align: left;

margin: 0px;
padding: 1px;
}

.ul {
width: 8px;
height: 8px;

position: absolute;
top: 0px;
left: 0px;

background: transparent url(images/ul.png) no-repeat top left;

margin: 0px;
padding: 0px;
}

.us {
width: 100%;
height: 8px;

position: absolute;
top: 0px;
left: 0px;

background: transparent url(images/us.png) repeat-x top;

margin: 0px;
padding: 0px;
}

.ur {
width: 8px;
height: 8px;

position: absolute;
top: 0px;
right: 0px;

background: transparent url(images/ur.png) no-repeat top right;

margin: 0px;
padding: 0px;
}

.bl {
width: 8px;
height: 8px;

position: absolute;
bottom: -1px;
left: 0px;

background: transparent url(images/bl.png) no-repeat bottom left;

margin: 0px;
padding: 0px;
}

.bs {
width: 100%;
height: 8px;

position: absolute;
bottom: -1px;
left: 0px;

background: transparent url(images/bs.png) repeat-x bottom;

margin: 0px;
padding: 0px;
}

.br {
width: 8px;
height: 8px;

position: absolute;
bottom: -1px;
right: 0px;

background: transparent url(images/br.png) no-repeat bottom right;

margin: 0px;
padding: 0px;
}

.inner {

margin: 0pt;
padding: 3pt;
}