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

.containerMediaSubTitleTitle span
{
	margin-bottom:20px;
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 8pt; 
	font-style: normal;
}
.containerMediaDiv
{
	width:115px;
	margin:0px;
	padding:0px;
	clear:both;
	margin-top:20px;
	margin-left:10px
	
}

.containerMediaNothingTable
{
	width:145px;
}



.container, .DefaultContainer
{
	width: 100%;
}

.ModuleTitle_MenuItem { /* this is for the background of the menu bar running across the top of the screen AJG 21_05_2009 */
	/*border: white 0px solid; /*override borders*/    
          border: white 0px solid; 
          color: black;
}
/*
.ModuleTitle_MenuItem TD {  
	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;  
        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: #DDDDDD;
}

.top_bar {
	padding: 0px;
	/*margin: 0 39px 0 27px;*/
	background: url('images/logo_top_bg.png') repeat-x top;
	height: 23px;	
}

.top_left {
	padding: 0px;
	margin: 0px;
	background: url(images/logo_top_left.png) no-repeat top left;
	height: 23px;
	width:27px;
}
.top_right {
	padding: 0px;
	margin: 0px;
	background: url(images/logo_top_right.png) no-repeat top left;
	width:39px;
	height:23px;
}
.random_class, .DefaultContainerTD
{
	background-color: #FFFFFF;
	padding: 5 5 5 5;
}
.side_left{
	padding: 0px;
	/*margin: 0 39px 0 27px;*/
	background: url('images/logo_left.png') repeat-y top left;
	width: 27px;	
}
.side_right{
	padding: 0px;
	/*margin: 0 39px 0 27px;*/
	background: url('images/logo_right.png') repeat-y top right;
	width: 19px;	
}
.bottom_bar {
	padding: 0px;
	/*margin: 0 39px 0 27px;*/
	background: url('images/bot_bg.png') repeat-x top;
	height: 38px;	
}

.bottom_left {
	padding: 0px;
	margin: 0px;
	background: url(images/bot_left.png) no-repeat top left;
	height: 23px;
	width:27px;
}
.bottom_right {
	padding: 0px;
	margin: 0px;
	background: url(images/bot_right.png) no-repeat top left;
	width:39px;
	height:23px;
}


TABLE.ContainerColour1 TD
{
  background-color: #70bf54;
}
 
TABLE.ContainerColour2 TD
{
  background-color: #F7931D;
}
 
TABLE.ContainerColour3 TD
{
  background-color: #E9559E;
}
 
TABLE.ContainerColour4 TD
{
  background-color: #B0006F;
}
 
TABLE.ContainerColour5 TD
{
  background-color: #591f00;
}
 
TABLE.ContainerColour6 TD
{
  background-color: #00BBE3;
}

TABLE.ContainerColour7 TD
{
  background-color: #757477;
}

.ContainerColour1 DIV, .ContainerColour2 DIV, .ContainerColour3 DIV, 
.ContainerColour4 DIV, .ContainerColour5 DIV, .ContainerColour6 DIV, 
.ContainerColour7 DIV
{
  color: #ffffff;
}

.ContainerColour1 SPAN, .ContainerColour2 SPAN, 
.ContainerColour3 SPAN, .ContainerColour4 SPAN, 
.ContainerColour5 SPAN, .ContainerColour6 SPAN, 
.ContainerColour7 SPAN
{
  color: #f0f0f0
}