/* CSS Document */
/*
SAMPLE USE:
<div class="BlackModule" style="width:200px;">
	<div class="BlackModuleHead">
		<h2>Header</h2>
	</div>
	<div class="BlackModuleBody">
		Content
	</div>
</div>
*/
/* set the image to use and establish the lower-right position */ 
.BlackModule, .BlackModuleBody, .BlackModuleHead, .BlackModuleHead h2 {
    background: transparent url(../image/interface/module/module_black.png) no-repeat bottom right; 
}
.BlackModule { 
    padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
    margin: 5px auto; /* use to position the box */ 
} 
/* set the top-right image */ 
.BlackModuleHead { 
    background-position: top right; margin-right: -5px; /* pull the right image over on top of border */
    padding-right: 10px; /* right-image-gap + right-inside padding */ 
} 
/* set the top-left image */ 
.BlackModuleHead h2, .BlackModuleHead h3, .BlackModuleHead h4 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 1px 0px 0px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
	color: #FFF;
} 
/* set the lower-left corner image */ 
.BlackModuleBody { 
    background-position: bottom left; 
    margin-right: 5px; /* interior-padding right */ 
    padding: 1px 0px 15px 10px; /* mirror .BlackModuleHead right/left */ 
} 
/*************************************************************************************************/
/* set the image to use and establish the lower-right position */ 
.BlueModule, .BlueModuleBody, .BlueModuleHead, .BlueModuleHead h2 {
    background: transparent url(../image/interface/module/module_blue.png) no-repeat bottom right; 
}
.BlueModule { 
    padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
    margin: 5px auto; /* use to position the box */ 
} 
/* set the top-right image */ 
.BlueModuleHead { 
    background-position: top right; margin-right: -5px; /* pull the right image over on top of border */
    padding-right: 10px; /* right-image-gap + right-inside padding */ 
} 
/* set the top-left image */ 
.BlueModuleHead h2, .BlueModuleHead h3, .BlueModuleHead h4 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 1px 0px 0px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
	color: #FFF;
} 
/* set the lower-left corner image */ 
.BlueModuleBody { 
    background-position: bottom left; 
    margin-right: 5px; /* interior-padding right */ 
    padding: 1px 0px 15px 10px; /* mirror .BlueModuleHead right/left */ 
} 
/*************************************************************************************************/
/* set the image to use and establish the lower-right position */ 
.RedModule, .RedModuleBody, .RedModuleHead, .RedModuleHead h2 {
    background: transparent url(../image/interface/module/module_red.png) no-repeat bottom right; 
}
.RedModule { 
    padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
    margin: 5px auto; /* use to position the box */ 
} 
/* set the top-right image */ 
.RedModuleHead { 
    background-position: top right; margin-right: -5px; /* pull the right image over on top of border */
    padding-right: 10px; /* right-image-gap + right-inside padding */ 
} 
/* set the top-left image */ 
.RedModuleHead h2, .RedModuleHead h3, .RedModuleHead h4 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 1px 0px 0px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
	color: #FFF;
} 
/* set the lower-left corner image */ 
.RedModuleBody { 
    background-position: bottom left; 
    margin-right: 5px; /* interior-padding right */ 
    padding: 1px 0px 15px 10px; /* mirror .RedModuleHead right/left */ 
} 
/*************************************************************************************************/
/* set the image to use and establish the lower-right position */ 
.GreenModule, .GreenModuleBody, .GreenModuleHead, .GreenModuleHead h2 {
    background: transparent url(../image/interface/module/module_green.png) no-repeat bottom right; 
}
.GreenModule { 
    padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
    margin: 5px auto; /* use to position the box */ 
} 
/* set the top-right image */ 
.GreenModuleHead { 
    background-position: top right; margin-right: -5px; /* pull the right image over on top of border */
    padding-right: 10px; /* right-image-gap + right-inside padding */ 
} 
/* set the top-left image */ 
.GreenModuleHead h2, .GreenModuleHead h3, .GreenModuleHead h4 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 1px 0px 0px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
	color: #FFF;
} 
/* set the lower-left corner image */ 
.GreenModuleBody { 
    background-position: bottom left; 
    margin-right: 5px; /* interior-padding right */ 
    padding: 1px 0px 15px 10px; /* mirror .GreenModuleHead right/left */ 
} 
/*************************************************************************************************/
/* set the image to use and establish the lower-right position */ 
.BrownModule, .BrownModuleBody, .BrownModuleHead, .BrownModuleHead h2 {
    background: transparent url(../image/interface/module/module_brown.png) no-repeat bottom right; 
}
.BrownModule { 
    padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
    margin: 5px auto; /* use to position the box */ 
} 
/* set the top-right image */ 
.BrownModuleHead { 
    background-position: top right; margin-right: -5px; /* pull the right image over on top of border */
    padding-right: 10px; /* right-image-gap + right-inside padding */ 
} 
/* set the top-left image */ 
.BrownModuleHead h2, .BrownModuleHead h3, .BrownModuleHead h4 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 1px 0px 0px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
	color: #FFF;
} 
/* set the lower-left corner image */ 
.BrownModuleBody { 
    background-position: bottom left; 
    margin-right: 5px; /* interior-padding right */ 
    padding: 1px 0px 15px 10px; /* mirror .BrownModuleHead right/left */ 
} 
/*************************************************************************************************/
/* set the image to use and establish the lower-right position */ 
.WhiteModule, .WhiteModuleBody, .WhiteModuleHead, .WhiteModuleHead h2 {
    background: transparent url(../image/interface/module/module_white.png) no-repeat bottom right; 
}
.WhiteModule { 
    padding-right: 5px; /* the gap on the right edge of the image (not content padding) */
    margin: 5px auto; /* use to position the box */ 
} 
/* set the top-right image */ 
.WhiteModuleHead { 
    background-position: top right; margin-right: -5px; /* pull the right image over on top of border */
    padding-right: 10px; /* right-image-gap + right-inside padding */ 
} 
/* set the top-left image */ 
.WhiteModuleHead h2, .WhiteModuleHead h3, .WhiteModuleHead h4 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 1px 0px 0px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
	color: #FFF;
} 
/* set the lower-left corner image */ 
.WhiteModuleBody { 
    background-position: bottom left; 
    margin-right: 5px; /* interior-padding right */ 
    padding: 1px 0px 15px 10px; /* mirror .WhiteModuleHead right/left */ 
} 
/*************************************************************************************************/