/* CSS Document */
.ModuleTop
{
	background-position:top left;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image:url(../../images/interface/winter/module_top.png);
	height:30px;
	width:200px;
	padding:10px 15px 5px 10px;
	text-align:center;
}
.ModuleBot
{
	background-position:bottom left;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image:url(../../images/interface/winter/module_bot.png); 
	height:20px;
	width:225px;
}
.ModuleMid
{
	background-position:bottom left;
	background-repeat:repeat-y;
	background-color:transparent;
	background-image:url(../../images/interface/winter/module_mid.png); 
	width:200px;
	min-height:250px;
	max-height:500px;
	padding:10px 15px 0px 10px;
}
/*
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-position:bottom right;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image:url(../../images/interface/module/module_black.png); 
}
.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 
{
	font-size:20px; 
    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-position:bottom right;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image:url(../../images/interface/module/module_blue.png); 
}
.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 
{ 
	font-size:20px;
    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-position:bottom right;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image:url(../../images/interface/module/module_red.png); 
}
.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 
{
	font-size:20px; 
    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-position:bottom right;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image:url(../../images/interface/module/module_green.png); 
}
.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 
{
	font-size:20px; 
    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-position:bottom right;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image:url(../../images/interface/module/module_brown.png); 
}
.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 
{
	font-size:20px; 
    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 */ 
.OrangeModule, .OrangeModuleBody, .OrangeModuleHead, .OrangeModuleHead h2 {
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image:url(../../images/interface/module/module_orange.png); 
}
.OrangeModule { 
    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 */ 
.OrangeModuleHead { 
    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 */ 
.OrangeModuleHead h2, .OrangeModuleHead h3, .OrangeModuleHead h4 
{
	font-size:20px; 
    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 */ 
.OrangeModuleBody { 
    background-position: bottom left; 
    margin-right: 5px; /* interior-padding right */ 
    padding:1px 0px 15px 10px; /* mirror .OrangeModuleHead right/left */ 
} 
/*************************************************************************************************/
/* set the image to use and establish the lower-right position */ 
.WhiteModule, .WhiteModuleBody, .WhiteModuleHead, .WhiteModuleHead h2 
{
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image:url(../../images/interface/module/module_white.png);  
}
.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 
{ 
	font-size:20px;
    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 */ 
} 
/*************************************************************************************************/
/* set the image to use and establish the lower-right position */ 
.WhiteModuleSolid, .WhiteModuleSolidBody, .WhiteModuleSolidHead, .WhiteModuleSolidHead h2 
{
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:transparent;
	background-image:url(../../images/interface/module/module_solid_white.png);  
}
.WhiteModuleSolid 
{ 
    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 */ 
.WhiteModuleSolidHead 
{ 
    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 */ 
.WhiteModuleSolidHead h2, .WhiteModuleSolidHead h3, .WhiteModuleSolidHead h4 
{ 
	font-size:20px;
    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: #333;
} 
/* set the lower-left corner image */ 
.WhiteModuleSolidBody 
{ 
    background-position: bottom left; 
    margin-right: 5px; /* interior-padding right */ 
    padding:1px 0px 15px 10px; /* mirror .WhiteModuleSolidHead right/left */ 
}