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

.transBack {
	background:url(backgroundImage.png) #262829 repeat-x;
	color:#ecf3fa;
	}
.blueBack 
	{
	background-color:#052148;
	padding-bottom:5px;
	}
.grayBack 
	{
	background-color:#333333;
	padding-bottom:5px;
	}
.blueBack .Head
	{
	color:#ffffff;
	text-align:center;
	}
.grayBack .Head
	{
	font-family: Arial;
	font-size:24px;
	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;
}

.topLeftBlue
	{
	width:20px;
	height:20px;
	background:url(TopLeft.png) no-repeat bottom;
	}
.topLeftGray
	{
	width:20px;
	height:20px;
	background:url(TopLeftGray.png) no-repeat bottom;
	}
	
.topBorderBlue
	{
	height:20px;
	background:url(topBorder.png) repeat-x;
	}
.topBorderGray
	{
	height:20px;
	background:url(topBorderGray.png) repeat-x;
	}	
	
.topRightBlue
	{
	width:20px;
	height:20px;
	background:url(TopRight.png) no-repeat;
	}
.topRightGray
	{
	width:20px;
	height:20px;
	background:url(TopRightGray.png) no-repeat;
	}
	
.bottomLeftBlue
	{
	width:20px;
	height:20px;
	background:url(BottomLeft.png) right no-repeat;
	}
.bottomLeftGray
	{
	width:20px;
	height:20px;
	background:url(BottomLeftGray.png) right no-repeat;
	}
	
.bottomBorderBlue
	{
	height:20px;
	background:url(bottomBorder.png) repeat-x;
	}
.bottomBorderGray
	{
	height:20px;
	background:url(bottomBorderGray.png) repeat-x;
	}
	
.bottomRightBlue
	{
	width:20px;
	height:20px;
	background:url(BottomRight.png) no-repeat;
	}
.bottomRightGray
	{
	width:20px;
	height:20px;
	background:url(BottomRightGray.png) no-repeat;
	}
	
.RightBorderBlue
	{
	width:20px;
	background:url(rightBorder.png) repeat-y;
	}
.RightBorderGray
	{
	width:20px;
	background:url(rightBorderGray.png) repeat-y;
	}
	
.leftBorderBlue
	{
	width:20px;
	background:url(leftBorder.png) repeat-y;
	}
.leftBorderGray
	{
	width:20px;
	background:url(leftBorderGray.png) repeat-y;
	}