/* 

Title:     Dynamic Border Images Demo
Author:    Daniel Marino
Modified:  April 2008

*/

.img-head, .t-l, .t-r, .img-foot, .b-l, .b-r { line-height: 0; font-size: 0; height: 10px; }
.img-contain { background: url('../images/img-m-r.gif') repeat-y right; }
.img-border { background: url('../images/img-m-l.gif') repeat-y left;; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0 }
.img-head { background: url('../images/img-t-c.gif') repeat-x; }
.t-l { float: left; width: 10px; background: url('../images/img-t-l.gif') no-repeat; }
.t-r { float: right; width: 10px; background: url('../images/img-t-r.gif') no-repeat; }
.img-foot { background: url('../images/img-b-c.gif') repeat-x; }
.b-l { float: left; width: 10px; background: url('../images/img-b-l.gif') no-repeat; }
.b-r { float: right; width: 10px; background: url('../images/img-b-r.gif') no-repeat; }