/* 
================================
 Container Styles for karooba
================================
*/
#NotStyleHeader
{
	padding: 10px 0 10px 0px;
	text-align:left;
}
#NotStyleHeader .ModuleHeader
{
    color: #335998;
    font-size: 17px;
    letter-spacing:-.03em;
	font-weight:bold;
}
#containerHeader
{
	padding: 10px 0 10px 0px;
	border-bottom: 1px dashed #335998;
	text-align:left;
}
#containerHeader .ModuleHeader
{
    color: #335998;
    font-size: 17px;
    letter-spacing:-.03em;
	font-weight:bold;
}
.ContentPaneClass
{
    /*padding:5px;*/
    padding:5px 0px 5px 0px;
    text-align:left;
    margin: 0 auto;
}
/*.ContentPaneClass table{margin: 0 auto;}*/
.ModuleTitle_MenuItem TD {  /*TD if menu is using tables*/
    text-align:left;
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
   white-space: nowrap;  /*Word wrapping menu item now optional*/
   padding: 1px 3px 3px 1px;	
}
.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	width: 15px;
	height: 100%;   /*override the default height for icon so that menubreaks can have heights adjusted*/
}

.ModuleTitle_SubMenu 
{
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}

.ModuleTitle_MenuBreak  {
	background-color: #EEEEEE; 
	font-size: 1px; /*make sure you take out portal.css ModuleTitle_MenuBreak for this to work*/
}

.ModuleTitle_MenuItemSel {
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	background-color: #C1D2EE;
}