/* .shadow-bg { border: 1px solid #ca9f57;  ca9f57 } */

.shadow-white { border: 1px solid #ddd; }

.shadow-dark { border: 1px solid #333; }

.shadow-lightblue { border: 1px solid #c3d9ff; }

.fill { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.inset { position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; }

.corner {
    position: absolute;
    width: 4px;
    height: 4px;
}

.corner-bg.corner-tl { top: 0; left: 0; background: transparent url(images/corners-bg.png) no-repeat 0 0; /* sprite */ } 

.corner-bg.corner-tr { top: 0; right: 0; background: transparent url(images/corners-bg.png) no-repeat -4px 0; /* sprite */ }

.corner-bg.corner-bl { bottom: 0; left: 0; background: transparent url(images/corners-bg.png) no-repeat 0 -4px; /* sprite */ }

.corner-bg.corner-br { bottom: 0; right: 0; background: transparent url(images/corners-bg.png) no-repeat -4px -4px; /* sprite */ }

.corner-bg-shadowless.corner-tl { top: 0; left: 0; background: transparent url(images/corners-bg-shadowless.png) no-repeat 0 0; /* sprite */ }

.corner-bg-shadowless.corner-tr { top: 0; right: 0; background: transparent url(images/corners-bg-shadowless.png) no-repeat -4px 0; /* sprite */ }

.corner-bg-shadowless.corner-bl { bottom: 0; left: 0; background: transparent url(images/corners-bg-shadowless.png) no-repeat 0 -4px; /* sprite */ }

.corner-bg-shadowless.corner-br { bottom: 0; right: 0; background: transparent url(images/corners-bg-shadowless.png) no-repeat -4px -4px; /* sprite */ }

.corner-white.corner-tl { top: 0; left: 0; background: transparent url(images/corners-white.png) no-repeat 0 0; /* sprite */ }

.corner-white.corner-tr { top: 0; right: 0; background: transparent url(images/corners-white.png) no-repeat -4px 0; /* sprite */ }

.corner-white.corner-bl { bottom: 0; left: 0; background: transparent url(images/corners-white.png) no-repeat 0 -4px; /* sprite */ }

.corner-white.corner-br { bottom: 0; right: 0; background: transparent url(images/corners-white.png) no-repeat -4px -4px; /* sprite */ }