/* =======================================================
 * Round cornered and shadowed modules.
 * =======================================================
 */
/* ------------------------------
 *       o - s
 *       coloured bottom border 
 * ------------------------------
 */ 

/* outer shell */
.mod-outer-o-s { margin: 0; }

/* body */
.mod-body-o-s {} 

.mod-body-top-o-s { width: 100%; background: url(../../images/test/shadows/o-t.jpg) 0 0 repeat-x; }
.mod-body-topL-o-s { background: url(../../images/test/shadows/o-tl.jpg) 0 0 no-repeat; height: 19px; }
.mod-body-topR-o-s { background: url(../../images/test/shadows/o-tr.jpg) 100% 0 no-repeat; height: 19px; }

.mod-body-top-noTitle-o-s { width: 100%; background: url(../../images/test/shadows/t.jpg) 0 0 repeat-x; }
.mod-body-topL-noTitle-o-s { background: url(../../images/test/shadows/tl.jpg) 0 0 no-repeat; height: 19px; }
.mod-body-topR-noTitle-o-s { background: url(../../images/test/shadows/tr.jpg) 100% 0 no-repeat; height: 19px; }

.mod-body-middle-o-s { background: #444; }
.mod-body-middleL-o-s { background: url(../../images/test/shadows/l.jpg) 0 0 repeat-y; }
.mod-body-middleR-o-s { background: url(../../images/test/shadows/r.jpg) 100% 0 repeat-y; }

/* reddish grey bottom */
.mod-body-bottom-o-s { background: url(../../images/test/shadows/736357-b.jpg) 0 100% repeat-x; }
.mod-body-bottomL-o-s { background: url(../../images/test/shadows/736357-bl.jpg) 0px 100% no-repeat; height: 19px; }
.mod-body-bottomR-o-s { background: url(../../images/test/shadows/736357-br.jpg) 100% 100% no-repeat; height: 19px; }

/* content */
.mod-content-o-s { padding: 0 10px; }

.mod-content-top-o-s { background: #d87d00; color: #f0f3ea; padding: 0 8px 4px 8px; }
.mod-content-topL-o-s {}
.mod-content-topR-o-s {}
.mod-content-top-o-s h3 { font-size: 90%; padding: 0; }

.mod-content-middle-o-s { padding: 5px 8px 1px 8px; }
.mod-content-middleL-o-s {}
.mod-content-middleR-o-s {}
.mod-content-middle-o-s p { margin: 0; padding: 0; }

.mod-content-bottom-o-s {}
.mod-content-bottomL-o-s {}
.mod-content-bottomR-o-s {}


/* ------------------------------
 *       o - s - nc
 *       colourless bottom border 
 * ------------------------------
 */ 

/* outer shell */
.mod-outer-o-s { margin: 0; }

/* body */
.mod-body-o-s {} 

.mod-body-top-o-s-nc { width: 100%; background: url(../../images/test/shadows/o-t.jpg) 0 0 repeat-x; }
.mod-body-topL-o-s-nc { background: url(../../images/test/shadows/o-tl.jpg) 0 0 no-repeat; height: 19px; }
.mod-body-topR-o-s-nc { background: url(../../images/test/shadows/o-tr.jpg) 100% 0 no-repeat; height: 19px; }

.mod-body-top-noTitle-o-s-nc { width: 100%; background: url(../../images/test/shadows/t.jpg) 0 0 repeat-x; }
.mod-body-topL-noTitle-o-s-nc { background: url(../../images/test/shadows/tl.jpg) 0 0 no-repeat; height: 19px; }
.mod-body-topR-noTitle-o-s-nc { background: url(../../images/test/shadows/tr.jpg) 100% 0 no-repeat; height: 19px; }

.mod-body-middle-o-s-nc { background: #444; }
.mod-body-middleL-o-s-nc { background: url(../../images/test/shadows/l.jpg) 0 0 repeat-y; }
.mod-body-middleR-o-s-nc { background: url(../../images/test/shadows/r.jpg) 100% 0 repeat-y; }

/* reddish grey bottom */
.mod-body-bottom-o-s-nc { background: url(../../images/test/shadows/b.jpg) 0 100% repeat-x; }
.mod-body-bottomL-o-s-nc { background: url(../../images/test/shadows/bl.jpg) 0px 100% no-repeat; height: 19px; }
.mod-body-bottomR-o-s-nc { background: url(../../images/test/shadows/br.jpg) 100% 100% no-repeat; height: 19px; }

/* content */
.mod-content-o-s-nc { padding: 0 10px; }

.mod-content-top-o-s-nc { background: #d87d00; color: #f0f3ea; padding: 0 8px 4px 8px; }
.mod-content-topL-o-s-nc {}
.mod-content-topR-o-s-nc {}
.mod-content-top-o-s-nc h3 { font-size: 90%; padding: 0; }

.mod-content-middle-o-s-nc { padding: 5px 8px; }
.mod-content-middleL-o-s-nc {}
.mod-content-middleR-o-s-nc {}
.mod-content-middle-o-s-nc p { margin: 0; padding: 0; }

.mod-content-bottom-o-s-nc {}
.mod-content-bottomL-o-s-nc {}
.mod-content-bottomR-o-s-nc {}


/* ------------------------------
 *       o - s - n c - s q
 *       colourless bottom border 
 *       square corners 
 * ------------------------------
 */ 

/* outer shell */
.mod-outer-o-s-nc-sq { margin: 0; }

/* body */
.mod-body-o-s-nc-sq {} 

.mod-body-top-o-s-nc-sq { width: 100%; background: url(../../images/test/shadows/o-t.jpg) 0 0 repeat-x; }
.mod-body-topL-o-s-nc-sq { background: url(../../images/test/shadows/o-tl-sq.jpg) 0 0 no-repeat; height: 19px; }
.mod-body-topR-o-s-nc-sq { background: url(../../images/test/shadows/o-tr-sq.jpg) 100% 0 no-repeat; height: 19px; }

.mod-body-middle-o-s-nc-sq { background: #444; }
.mod-body-middleL-o-s-nc-sq { background: url(../../images/test/shadows/l.jpg) 0 0 repeat-y; }
.mod-body-middleR-o-s-nc-sq { background: url(../../images/test/shadows/r.jpg) 100% 0 repeat-y; }

/* reddish grey bottom */
.mod-body-bottom-o-s-nc-sq { background: url(../../images/test/shadows/b.jpg) 0 100% repeat-x; }
.mod-body-bottomL-o-s-nc-sq { background: url(../../images/test/shadows/bl-sq.jpg) 0 100% no-repeat; height: 19px; }
.mod-body-bottomR-o-s-nc-sq { background: url(../../images/test/shadows/br-sq.jpg) 100% 100% no-repeat; height: 19px; }

/* content */
.mod-content-o-s-nc-sq { padding: 0 10px; }

.mod-content-top-o-s-nc-sq { background: #d87d00; color: #f0f3ea; padding: 0 8px 7px 8px; }
.mod-content-topL-o-s-nc-sq {}
.mod-content-topR-o-s-nc-sq {}

.mod-content-middle-o-s-nc-sq { padding: 5px 8px 1px 8px; }
.mod-content-middleL-o-s-nc-sq {}
.mod-content-middleR-o-s-nc-sq {}

.mod-content-bottom-o-s-nc-sq { }
.mod-content-bottomL-o-s-nc-sq {}
.mod-content-bottomR-o-s-nc-sq {}
.mod-content-bottom-o-s-nc-sq p { margin: 3px 0; }

/* ------------------------------
 *       g r e y - s - n c - s q
 *       colourless bottom border 
 *       square corners 
 * ------------------------------
 */ 

/* outer shell */
.mod-outer-grey-s-nc-sq { margin: 0; }

/* body */
.mod-body-grey-s-nc-sq {} 

.mod-body-top-grey-s-nc-sq { width: 100%; background: url(../../images/test/shadows/t.jpg) 0 0 repeat-x; }
.mod-body-topL-grey-s-nc-sq { background: url(../../images/test/shadows/tl-sq.jpg) 0 0 no-repeat; height: 19px; }
.mod-body-topR-grey-s-nc-sq { background: url(../../images/test/shadows/tr-sq.jpg) 100% 0 no-repeat; height: 19px; }

.mod-body-middle-grey-s-nc-sq { background: #444; }
.mod-body-middleL-grey-s-nc-sq { background: url(../../images/test/shadows/l.jpg) 0 0 repeat-y; }
.mod-body-middleR-grey-s-nc-sq { background: url(../../images/test/shadows/r.jpg) 100% 0 repeat-y; }

/* reddish grey bottom */
.mod-body-bottom-grey-s-nc-sq { background: url(../../images/test/shadows/b.jpg) 0 100% repeat-x; }
.mod-body-bottomL-grey-s-nc-sq { background: url(../../images/test/shadows/bl-sq.jpg) 0 100% no-repeat; height: 19px; }
.mod-body-bottomR-grey-s-nc-sq { background: url(../../images/test/shadows/br-sq.jpg) 100% 100% no-repeat; height: 19px; }

/* content */
.mod-content-grey-s-nc-sq { padding: 0 10px; }

.mod-content-top-grey-s-nc-sq { border-bottom: 15px solid #5a5a5a; color: #f0f3ea; padding: 0 8px 6px 8px; }
.mod-content-topL-grey-s-nc-sq {}
.mod-content-topR-grey-s-nc-sq {}

.mod-content-middle-grey-s-nc-sq { padding: 5px 8px 1px 8px; }
.mod-content-middleL-grey-s-nc-sq {}
.mod-content-middleR-grey-s-nc-sq {}

.mod-content-bottom-grey-s-nc-sq { }
.mod-content-bottomL-grey-s-nc-sq {}
.mod-content-bottomR-grey-s-nc-sq {}
.mod-content-bottom-grey-s-nc-sq p { margin: 3px 0; }

/* ------------------------------
 *       o - s - d e c
 *       coloured bottom border
 *       decorated  
 * ------------------------------
 */ 

/* outer shell */
.mod-outer-o-s-dec { margin: 0; }

/* body */
.mod-body-o-s-dec {} 

.mod-body-top-o-s-dec { width: 100%; background: url(../../images/test/shadows/o-t.jpg) 0 0 repeat-x; }
.mod-body-topL-o-s-dec { background: url(../../images/test/shadows/o-tl.jpg) 0 0 no-repeat; height: 19px; }
.mod-body-topR-o-s-dec { background: url(../../images/test/shadows/o-tr.jpg) 100% 0 no-repeat; height: 19px; }

.mod-body-middle-o-s-dec { background: #444; }
.mod-body-middleL-o-s-dec { background: url(../../images/test/shadows/l.jpg) 0 0 repeat-y; }
.mod-body-middleR-o-s-dec { background: url(../../images/test/shadows/r.jpg) 100% 0 repeat-y; }

/* reddish grey bottom */
.mod-body-bottom-o-s-dec { background: url(../../images/test/shadows/736357-b.jpg) 0 100% repeat-x; }
.mod-body-bottomL-o-s-dec { background: url(../../images/test/shadows/736357-bl.jpg) 0px 100% no-repeat; height: 19px; }
.mod-body-bottomR-o-s-dec { background: url(../../images/test/shadows/736357-br.jpg) 100% 100% no-repeat; height: 19px; }

/* content */
.mod-content-o-s-dec { padding: 0 10px; }

.mod-content-top-o-s-dec { border-bottom: 3px dotted #5a5a5a; background: #d87d00; color: #f0f3ea; padding: 0 8px 7px 8px; }
.mod-content-topL-o-s-dec {}
.mod-content-topR-o-s-dec {}

.mod-content-middle-o-s-dec { padding: 5px 8px 5px 8px; }
.mod-content-middleL-o-s-dec {}
.mod-content-middleR-o-s-dec {}

.mod-content-bottom-o-s-dec { border-top: 5px dotted #444; padding: 0; background: #736357; color: #ecf0e3; }
.mod-content-bottomL-o-s-dec {}
.mod-content-bottomR-o-s-dec {}
.mod-content-bottom-o-s-dec p { margin: 0; padding: 0; }

/* -----------------------
 *       g r e e n b g
 * -----------------------
 */ 

/* outer shell */
.mod-outer-greenbg { margin: 0; background: #8ea123; color: #fff; }

/* body */
.mod-body-greenbg { } 

.mod-body-top-greenbg, .mod-body-top-noTitle-greenbg { background: url(../../images/test/green/t.jpg) 0 0 repeat-x; }
.mod-body-topL-greenbg, .mod-body-topL-noTitle-greenbg { background: url(../../images/test/green/tl.jpg) 0 0 no-repeat; height: 30px; }
.mod-body-topR-greenbg, .mod-body-topR-noTitle-greenbg { background: url(../../images/test/green/tr.jpg) 100% 0 no-repeat; height: 30px; }

.mod-body-middle-greenbg { }
.mod-body-middleL-greenbg { background: #eef1dd url(../../images/test/green/l.jpg) 0 0 repeat-y; }
.mod-body-middleR-greenbg { background: url(../../images/test/green/r.jpg) 100% 0 repeat-y; }

.mod-body-bottom-greenbg { background: url(../../images/test/green/b.jpg) 30px 100% repeat-x; }
.mod-body-bottomL-greenbg { background: url(../../images/test/green/bl.jpg) 0px 100% no-repeat; height: 30px; }
.mod-body-bottomR-greenbg { background: url(../../images/test/green/br.jpg) 100% 100% no-repeat; height: 30px; }

/* content */
.mod-content-greenbg { margin: 0 10px; padding: 0 10px; }

.mod-content-top-greenbg { background: #0e0e0e; color: #fff; padding: 3px 8px; }
.mod-content-topL-greenbg {}
.mod-content-topR-greenbg {}

.mod-content-top-noTitle-greenbg {}
.mod-content-topL-noTitle-greenbg {}
.mod-content-topR-noTitle-greenbg {}

.mod-content-middle-greenbg { border: 1px solid #fff; background: #fff; color: #000; padding: 0 8px; }
.mod-content-middleL-greenbg {}
.mod-content-middleR-greenbg {}

.mod-content-bottom-greenbg { background: #736357; color: #fff; padding: 0 8px; }
.mod-content-bottomL-greenbg {}
.mod-content-bottomR-greenbg {}