/* 
================================
 Container Styles for DotNetNuke
================================
*/   

.grayBack 
	{
	background-color:#ffffff;
	padding-bottom:5px;
	}

.topBorderGray .Head
	{
	font-family: Arial;
	font-size:18px;
	font-weight:bold;
	color:#ffffff;
	height:20px;
	margin-top:0px;
	padding:0px;
	}

.ModuleTitle_MenuItem {
	border: white 0px solid; /*override borders*/    
}

.ModuleTitle_MenuItem TD {  /*TD if menu is using tables*/
	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;
}


.topLeftGray
	{
	width:20px;
	height:20px;
	background:url(productsTopLeft.jpg) no-repeat top;
	}
	

.topBorderGray
	{
	height:20px;
	background:url(productsTop.jpg) repeat-x;
	}	
	
.topRightGray
	{
	width:20px;
	height:20px;
	background:url(productsTopRight.jpg) no-repeat;
	}
	
.bottomLeftBlue
	{
	width:20px;
	height:20px;
	background:url(BottomLeft.png) right no-repeat;
	}
.bottomLeftGray
	{
	width:20px;
	height:20px;
	background:url(productsBottomLeft.jpg) right no-repeat;
	}
	
.bottomBorderBlue
	{
	height:20px;
	background:url(bottomBorder.png) repeat-x;
	}
.bottomBorderGray
	{
	height:20px;
	background:url(bottomBRDR.jpg) repeat-x bottom;
	}
	
.bottomRightBlue
	{
	width:20px;
	height:20px;
	background:url(BottomRight.png) no-repeat;
	}
.bottomRightGray
	{
	width:20px;
	height:20px;
	background:url(productsBottomright.jpg) no-repeat right;
	}
	
.RightBorderBlue
	{
	width:20px;
	background:url(rightBorder.png) repeat-y;
	}
.RightBorderGray
	{
	width:20px;
	background:url(rightBRDR.jpg) repeat-y right;
	}
	
.leftBorderBlue
	{
	width:20px;
	background:url(leftBorder.png) repeat-y;
	}
.leftBorderGray
	{
	width:20px;
	background:url(leftBRDR.jpg) repeat-y;
	}