.mod {
   border:1px solid #b1e397;
   background-color:#f4ffe5;
   position:relative;
   z-index:0;
}
.mod .mod-content {
   position:relative;
   z-index:2;
}
/* x1 = top-right, x1a = top-left, x2 = bottom-right, x2a = bottom-left */
.mod .x1,
.mod .x1a, 
.mod .x2,
.mod .x2a {
   display:block;
   clear:both;
   font-size:0; /* for IE6 */
   height:6px;  /* set height to the size of the corner */
   position:relative;
   background:url(/images/cr_big.png) no-repeat;
}
.greenborder .x1,
.greenborder .x1a, 
.greenborder .x2,
.greenborder .x2a {
   display:block;
   clear:both;
   font-size:0; /* for IE6 */
   height:6px;  /* set height to the size of the corner */
   position:relative;
   background:url(/images/cr_greenborder.png) no-repeat;
}
.blueborder .x1,
.blueborder .x1a, 
.blueborder .x2,
.blueborder .x2a {
   display:block;
   clear:both;
   font-size:0; /* for IE6 */
   height:6px;  /* set height to the size of the corner */
   position:relative;
   background:url(/images/cr_blueborder.png) no-repeat;
}
.greenfil .x1,
.greenfil .x1a, 
.greenfil .x2,
.greenfil .x2a {
   display:block;
   clear:both;
   font-size:0; /* for IE6 */
   height:6px;  /* set height to the size of the corner */
   position:relative;
   background:url(/images/cr_greenfil.png) no-repeat;
}
.greenborder .x1,
.greenborder .x1a, 
.greenborder .x2,
.greenborder .x2a {
   display:block;
   clear:both;
   font-size:0; /* for IE6 */
   height:6px;  /* set height to the size of the corner */
   position:relative;
   background:url(/images/cr_grayarchive.png) no-repeat;
}
.mod .x1,
.mod .x2 {
   width:100%; /* scales with the module */
   right:-1px; /* overlap borders */
}
.mod .x1a,
.mod .x2a { /* left corners */
   width:6px;
   left:-2px;
}
.mod .x1 {
   background-position:100% 0;
   top:-1px;
}
.mod .x1a {
   background-position:0 -12px;
}
.mod .x2 { /* bottom corners get moved */
   position:absolute;
   background-position:100% -5px;
   bottom:-1px; /* overlap bottom border */
}
.mod .x2a {
   background-position:0 -17px;
}