/*************************************************************
 * Module:	 CssMdlMultiModule.css
 *
 * Comments:
 *
 *************************************************************
 *
 * Current implentation:
 *
 *  [PUT NAME OF WEB SITE HERE]
 *  
 *************************************************************/


/**********************************************
 * STYLES FOR GENERAL LAYOUT 
 * (cascaded to styles set in CssModules)
 **********************************************/
.MdlMultiModuleMainTable
{		
}
.MdlMultiModuleMainTableHeader
{
}
.MdlMultiModuleMainTableFooter
{
}
.MdlMultiModuleMainTableContent
{
}
.MdlMultiModuleMainTableSpacer
{
}

/**********************************************
 * CONTAINERS OF SUB MODULES - RESPONSIBLE FOR POSSITIONING
 **********************************************
 The classes below are used to position and size the submodules; 
 use the 'float', 'width', 'height' and 'overflow' attribute wisely!
 (the classes are applied to DIV's)

 NOTES:
 - sub module count starts at 0
 - you can add as many modules as you like
 - overflow-x is IE only 
 **********************************************/
/* EXAMPLE: THREE MODULES - COLUMN LAYOUT */
/*
.MdlMultiModuleSubModuleContainer0 { 
   float:left; 
   width:30%; 
   height: 150px; 
   overflow:hidden; 
   padding: 2px 20px 0px 0px;
   border-right: solid 3px white; 
}

.MdlMultiModuleSubModuleContainer1 { 
   float:left; 
   width:30%; 
   height: 150px; 
   overflow:hidden; 
   padding: 2px 20px 0px 20px;
   border-right: solid 3px white;
}

.MdlMultiModuleSubModuleContainer2 { 
   float:left; 
   width:30%; 
   height: 100px; 
   overflow:hidden; 
   padding: 2px 0px 0px 20px;
   border:none; 
}
*/
/* EXAMPLE: TWO MODULES - COLUMN LAYOUT */
/*
.MdlMultiModuleSubModuleContainer0 { float:left; width:50%; overflow-x:scroll; padding: 2px; border: solid 1px black; }
.MdlMultiModuleSubModuleContainer1 { float:left; width:50%; overflow-x:scroll; padding: 2px; border: solid 1px black; }
*/

/* EXAMPLE: TWO MODULES - ROW LAYOUT */
/*
.MdlMultiModuleSubModuleContainer0 { width:100%; height: 200px; overflow-y:scroll; padding: 2px; border: solid 1px black; }
.MdlMultiModuleSubModuleContainer1 { width:100%; height: 200px; overflow-y:scroll; padding: 2px; border: solid 1px black; }
*/

/* EXAMPLE: THREE MODULES - COLUMN LAYOUT */
/*
.MdlMultiModuleSubModuleContainer0 { float:left; width:33%; overflow-x:scroll; padding: 2px; border: solid 1px black; }
.MdlMultiModuleSubModuleContainer1 { float:left; width:33%; overflow-x:scroll; padding: 2px; border: solid 1px black; }
.MdlMultiModuleSubModuleContainer2 { float:left; width:33%; overflow-x:scroll; padding: 2px; border: solid 1px black; }
*/

/* EXAMPLE: THREE MODULES - TWO COLUMNS + ONE ROW */
/*
.MdlMultiModuleSubModuleContainer0 { float:left; width:200px; height:300px; overflow:scroll; padding: 2px; border: solid 1px black; }
.MdlMultiModuleSubModuleContainer1 { float:left; width:50%; height:300px; overflow:scroll; padding: 2px; border: solid 1px black; }
.MdlMultiModuleSubModuleContainer2 { clear:left; width:100%; overflow-y:scroll; padding: 2px; border: solid 1px black; }
*/

/* EXAMPLE: THREE MODULES - ONE COLUMN + TWO ROWS */
/*
.MdlMultiModuleSubModuleContainer0 { float:left; width:50%; overflow-x:scroll; padding: 2px; border: solid 1px black; }
.MdlMultiModuleSubModuleContainer1 { float:left; width:50%; height:300px; overflow:scroll; padding: 2px; border: solid 1px black; }
.MdlMultiModuleSubModuleContainer2 { width:100%; overflow:scroll; padding: 2px; border: solid 1px black; }
*/