.top { margin: 0; padding: 0 50px 0 0; background: transparent url(/images/bgsignin.gif) repeat-y right top; }

.top h1
{
margin: 0;
padding: 25px 0 0 50px;/* control height of top part and left padding  */
background: transparent url(/images/bgsignin.gif) no-repeat left top;
font-size: 100%;
}

.bottom { margin: 0; padding: 0 50px 0px 0px; background: transparent url(/images/bgsignin.gif) repeat-y right bottom; }

.bottom p
{
margin: 0;
padding: 0px 0px 0px 10px;/* control height and left padding */
background: transparent url(/images/bgsignin.gif) no-repeat left bottom;
}

/* control left right padding for content area, must add different selector if needed */
.p p {
 margin: 0; padding: 0px 5px 0px 5px;
 background: transparent url(/images/bgsignin-repeat.gif) repeat-y 0 -50px;/*for left edge; align left - start 50px from the top */
}
.p {
 margin: 0; padding: 0 10px 0 0;
 background: transparent url(/images/bgsignin-repeat.gif) repeat-y 100% -50px;/*for right edge; align right - start 50px from the top */
}
.p table {
 margin: 0; padding: 0px 0 0 10px;
 background: transparent url(/images/bgsignin-repeat.gif) repeat-y 0 -50px;/* align left - start 50px from the top; this is for tables only */
}