div.cornerContainer   { position: relative; }
div.corner            { position: absolute; }

div.darkCornerContainer div.cornerContent { border: 1px solid black; }
div.lightCornerContainer div.cornerContent { border: 1px solid #B2B2B4; }

div.lightCorner       { width: 12px; height: 12px; background: transparent url(../images/corner.light.gif) no-repeat top left; }
div.darkCorner        { width: 12px; height: 12px; background: transparent url(../images/corner.dark.gif) no-repeat top left; }
div.cornerTopLeft     { top: 0px; left: 0px;; background-position: top left; }
div.cornerTopRight    { top: 0px; right: 0px; background-position: top right; }
div.cornerBottomLeft  { bottom: 0px; left: 0px; background-position: bottom left; }
div.cornerBottomRight { bottom: 0px; right: 0px; background-position: bottom right; }