/* 
================================
 Container Styles for WBLK SKIN
================================
*/   

/* controls the font of the title, overrides the skin css class */
.Head
{
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 13px;
  font-weight:bold; 
}

/* classes for the promo container*/
.Promo_Master
{
border: solid 1px #4F0A00;
height:150px;
width:236px ;
background-color: #ffffff;
margin: 3px 3px 3px 3px;
}


.Promo_Head
{
  background-image:url(promo_banner.jpg); 
  background-repeat:repeat-x; 
  font-weight: bold;
  padding: 2px 2px 8px 2px;
  width: 100% ;
  height:30px;
}

.Promo_Body
{
  padding: 0px; 
  height:100%;
  width:100%;
  text-align:left;
  vertical-align:top;
}

.Promo_Footer
{
  width: 100% ;
}


/* classes for the speaker container*/
.Speaker_Master
{
border: solid 1px #4F0A00;
background-color: #ffffff;
margin: 3px 3px 3px 3px;
width: 99%;

}

.Speaker_Head
{
  background-image:url(banner_color.jpg); 
  background-repeat:repeat-x; 
  width: 100% ;
  height:18px;
}

.Speaker_LeftTop
{
  background-image:url(speaker_left.jpg); 
  background-repeat:no-repeat; 
  height:18px;
  width:49px;
}

.Speaker_Body
{
  padding:2px 5px; 
  height:100%;
  width:100%;
  text-align:left;
  vertical-align:top;
}

.Speaker_Footer
{
  width: 100% ;
}


/* classes for the blank and blank with title containers*/
.Blank_Master
{
background: transparent;
width: 99%;
margin: 3px 3px 3px 3px;
}


.Blank_Head
{
  width: 100% ;
}

.Blank_Body
{
  padding:2px 5px; 
  height:100%;
  width:100%;
  text-align:left;
  vertical-align:top;
}

.Blank_Footer
{
  width: 100% ;
}

/* classes for the Default containers*/
.Default_Master
{
background-color: #ffffff;
width: 99%;
margin: 3px 3px 3px 3px;
}


.Default_Head
{
  background-image:url(defaultHeadbkg.jpg); 
  background-repeat:repeat-x; 
  width: 99% ;
  height:18px;
}

.Default_Body
{
  padding:2px 5px; 
  height:100%;
  width:100%;
  text-align:left;
  vertical-align:top;
}

.Default_Footer
{
  width: 100% ;
}

/* classes for the Banner containers*/
.Banner_Master
{
margin: 3px 3px 3px 3px;
width: 99%;
}


.Banner_Head
{
}

.Banner_Body
{
  height:100%;
  width:100%;
  text-align:center;
  vertical-align:middle;
}

.Banner_Footer
{
}


/*
These classes are common to all
*/
.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;
}


