/* 
================================
 Container Styles for DotNetNuke
================================
*/
.containerpane{ width:94%;padding:5px 0; line-height:1.5em;clear:both}
.whitetitle{margin:0px;color:#000000; font:bold 8pt Arial, Helvetica, sans-serif; white-space:nowrap}
.blacktitle{margin:0px;color:#333; font:bold 9pt Arial, Helvetica, sans-serif; white-space:nowrap; line-height:2.7em}

/*Color Head Style*/
.darkorangecolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.darkorangecolor .colorhead{ background:#FF8C00; float:left;border-top:3px #FF8C00 solid; width:100%;border-bottom:3px #FF8C00 solid; padding:0 0 0 5px;}

.blackcolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.blackcolor .colorhead{ background:#333333; float:left;border-top:3px #333333 solid; width:100%;border-bottom:3px #333333 solid; padding:0 0 0 5px;}

.purplecolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.purplecolor .colorhead{ background:#800080; float:left;border-top:3px #800080 solid; width:100%;border-bottom:3px #800080 solid; padding:0 0 0 5px;}

.indigocolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.indigocolor .colorhead{ background:#4B0082; float:left;border-top:3px #4B0082 solid;width:100%;border-bottom:3px #4B0082 solid; padding:0 0 0 5px;}

.darkslatebluecolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.darkslatebluecolor .colorhead{ background:#4b3d8b; float:left;border-top:3px #4b3d8b solid;width:100%;border-bottom:3px #4b3d8b solid; padding:0 0 0 5px;}

.mediumbluecolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.mediumbluecolor .colorhead{ background:#0000cd; float:left;border-top:3px #0000cd solid;width:100%;border-bottom:3px #0000cd solid; padding:0 0 0 5px;}

.navycolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.navycolor .colorhead{ background:#000080; float:left;border-top:3px #000080 solid;width:100%;border-bottom:3px #000080 solid; padding:0 0 0 5px;}

.slategraycolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.slategraycolor .colorhead{ background:#708090; float:left;border-top:3px #708090 solid;width:100%;border-bottom:3px #708090 solid; padding:0 0 0 5px;}

.steelbluecolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.steelbluecolor .colorhead{ background:#4682b4; float:left;border-top:3px #4682b4 solid;width:100%;border-bottom:3px #4682b4 solid; padding:0 0 0 5px;}

.cadetbluecolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.cadetbluecolor .colorhead{ background:#5F9EA0; float:left;border-top:3px #5F9EA0 solid;width:100%;border-bottom:3px #5F9EA0 solid; padding:0 0 0 5px;}

.darkslategraycolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.darkslategraycolor .colorhead{ background:#2f4f4f; float:left;border-top:3px #2f4f4f solid;width:100%;border-bottom:3px #2f4f4f solid; padding:0 0 0 5px;}

.tealcolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.tealcolor .colorhead{ background:#008080; float:left;border-top:3px #008080 solid;width:100%;border-bottom:3px #008080 solid; padding:0 0 0 5px;}

.seagreencolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.seagreencolor .colorhead{ background:#2e8b57; float:left;border-top:3px #2e8b57 solid;width:100%;border-bottom:3px #2e8b57 solid; padding:0 0 0 5px;}

.darkgreencolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.darkgreencolor .colorhead{ background:#006400; float:left;border-top:3px #006400 solid;width:100%;border-bottom:3px #006400 solid; padding:0 0 0 5px;}

.darkgoldenrodcolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.darkgoldenrodcolor .colorhead{ background:#b8860b; float:left;border-top:3px #b8860b solid;width:100%;border-bottom:3px #b8860b solid; padding:0 0 0 5px;}

.perucolor{ background:#FFFFFF; float:left;border:1px #DDDDDD solid;width:100%; margin-bottom:5px}
.perucolor .colorhead{background:#F5C503; float:left;border-top:3px #F5C503 solid;width:100%;border-bottom:3px #F5C503 solid; padding:0 0 0 5px;}

.siennacolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.siennacolor .colorhead{ background:#A0522D; float:left;border-top:3px #A0522D solid;width:100%;border-bottom:3px #A0522D solid; padding:0 0 0 5px;}

.orangeredcolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.orangeredcolor .colorhead{ background:#ff4500; float:left;border-top:3px #ff4500 solid;width:100%;border-bottom:3px #ff4500 solid; padding:0 0 0 5px;}

.marooncolorcolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.marooncolorcolor .colorhead{ background:#800000; float:left;border-top:3px #800000 solid;width:100%;border-bottom:3px #800000 solid; padding:0 0 0 5px;}

.firebrickcolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.firebrickcolor .colorhead{ background:#B22222; float:left;border-top:3px #B22222 solid;width:100%;border-bottom:3px #B22222 solid; padding:0 0 0 5px;}

.dimgraycolor{ background:#FFFFFF; float:left; margin-bottom:5px}
.dimgraycolor .colorhead{ background:#696969; float:left;border-top:3px #696969 solid;width:100%;border-bottom:3px #696969 solid; padding:0 0 0 5px;}


/*Color Border Style*/
.redborder{ background:#FFFFFF; float:left; border:1px #e29d9d solid;width:100%; margin-bottom:5px}
.redborder .colorhead{ float:left;width:100%;border-bottom:1px #e29d9d solid; padding:0 0 0 5px;}

.greenborder{ background:#FFFFFF; float:left; border:1px #91d399 solid;width:100%; margin-bottom:5px}
.greenborder .colorhead{ float:left;width:100%;border-bottom:1px #91d399 solid; padding:0 0 0 5px;}

.blueborder{ background:#FFFFFF; float:left; border:1px #d1e9f6 solid;width:100%; margin-bottom:5px}
.blueborder .colorhead{ float:left;width:100%;border-bottom:1px #d1e9f6 solid; padding:0 0 0 5px;}

.dimgrayborder{ background:#FFFFFF; float:left; border:1px #ccc solid;width:100%; margin-bottom:5px}
.dimgrayborder .colorhead{ float:left;width:100%;border-bottom:1px #CCCCCC solid; padding:0 0 0 5px;}

.grayfilletborder{ background:url(C01tbg.gif) left top repeat-x #FFFFFF; float:left; margin-bottom:5px}
.grayfilletborder .fillethead{ height:27px; background:url(C01tr.gif) right top no-repeat; width:100%}
.grayfilletborder .fillethead .title{height:27px; background:url(C01tl.gif) left top no-repeat; float:left; padding:0 0 0 5px}
.grayfilletborder .fillethead .action{ float:right}
.grayfilletborder .containerleft{ clear:both;border-left:1px #ccc solid; border-right:1px #ccc solid}
.grayfilletborder .botbox{ background:url(C01bbg.gif) left bottom repeat-x; float:left; clear:both; width:100%}
.grayfilletborder .botbox .botleft{background:url(C01bl.gif) left bottom no-repeat; float:left; height:15px; width:20px}
.grayfilletborder .botbox .botright{background:url(C01br.gif) right bottom no-repeat; float:right; height:15px; width:20px}

/*Color back Style*/
.greenback{ background:#e8f8ea; float:left; margin-bottom:5px; }
.greenback .colorhead{ background:#009900; float:left;border-top:3px #009900 solid; width:100%;border-bottom:3px #009900 solid; padding:0 0 0 5px;}

.grayback{ background:#eee; float:left; margin-bottom:5px; }
.grayback .colorhead{ background:#999; float:left;border-top:3px #999 solid; width:100%;border-bottom:3px #999 solid; padding:0 0 0 5px;}

.dimgrayback{ background:#ccc; float:left; margin-bottom:5px; }
.dimgrayback .colorhead{ background:#555; float:left;border-top:3px #555 solid; width:100%;border-bottom:3px #555 solid; padding:0 0 0 5px;}

.blueback{ background:#d4e7f1; float:left; margin-bottom:5px; }
.blueback .colorhead{ background:#289bd7; float:left;border-top:3px #289bd7 solid; width:100%;border-bottom:3px #289bd7 solid; padding:0 0 0 5px;}

.cadetblueback{ background:#e3f5f6; float:left; margin-bottom:5px; }
.cadetblueback .colorhead{ background:#5F9EA0; float:left;border-top:3px #5F9EA0 solid; width:100%;border-bottom:3px #5F9EA0 solid; padding:0 0 0 5px;}

.orangeback{ background:#f6f2e9; float:left; margin-bottom:5px; }
.orangeback .colorhead{ background:#f8a504; float:left;border-top:3px #f8a504 solid; width:100%;border-bottom:3px #f8a504 solid; padding:0 0 0 5px;}

.redback{ background:#f4dfdf; float:left; margin-bottom:5px; }
.redback .colorhead{ background:#e20d08; float:left;border-top:3px #e20d08 solid; width:100%;border-bottom:3px #e20d08 solid; padding:0 0 0 5px;}

.pinkback{ background:#ffeef7; float:left; margin-bottom:5px; }
.pinkback .colorhead{ background:#fc56b0; float:left;border-top:3px #fc56b0 solid; width:100%;border-bottom:3px #fc56b0 solid; padding:0 0 0 5px;}

.siennaback{ background:#f4e8e2; float:left; margin-bottom:5px; }
.siennaback .colorhead{ background:#A0522D; float:left;border-top:3px #A0522D solid; width:100%;border-bottom:3px #A0522D solid; padding:0 0 0 5px;}

.tealback{ background:#e0f3f3; float:left; margin-bottom:5px; }
.tealback .colorhead{ background:#008080; float:left;border-top:3px #008080 solid; width:100%;border-bottom:3px #008080 solid; padding:0 0 0 5px;}

.ModuleTitle_MenuBar{height:15px; width:15px}
.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;
}