/* 
================================
 Container Styles for WLHT SKIN
================================
*/   

/* controls the font of the title, overrides the skin css class */
.Head
{
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px;
  font-weight:bold; 
}

/* classes for the promo container*/
.Promo_Master
{
border:solid 1px #000000;
//height:150px;
width:236px ;
background-color: transparent;
margin: 2px 2px 2px 2px;
}

.Promo_Head
{
  background:#ffffff url(promo_container.jpg) no-repeat; 
  border-bottom:solid 4px #000000;
  padding: 0px;
  width: 100% ;
  height:37px;
  vertical-align:top;
}

.Promo_Head .Head 
{
  font-weight: bold ;
  font-size: 14px ; 
  color: #000000 ;
  font-family: arial,verdana,san-serif;
  
}


.Promo_Body
{
  padding:0px 2px; 
  background: #ffffff;
  height:100%;
  width:100%;
  text-align:left;
  vertical-align:top;
}

.Promo_Body .SubHead
{
display: none;
}

/* classes for the Blue and Blue with title containers*/
.Blue_Master
{
background: #ffffff;
width: 99%;
margin: 2px 2px 2px 2px;
}


.Blue_Head
{
  width: 100% ;
  height: 24px;
  background-color: #00346b ;
}

.Blue_Head .Head 
{
  font: bold 14px arial,verdana,san-serif;
  color: #ffffff ;
}

.Blue_Body
{
  padding:2px 5px; 
  height:100%;
  text-align:left;
  vertical-align:top;
  border-left: dashed 2px #00346b ;
  border-right: dashed 2px #00346b ;
  border-bottom: dashed 2px #00346b ;
  font: normal 12px arial,verdana,san-serif;
}

.Blue_Footer
{
  width: 100% ;
}

/* classes for the green with title containers*/
.green_Master
{
background: #ffffff;
width: 99%;
margin: 2px 2px 2px 2px;
}


.green_Head
{
  width: 100% ;
  height: 24px;
  background-color: #3a5517 ;
}

.green_Head .Head 
{
  font: bold 14px arial,verdana,san-serif;
  color: #ffffff ;
}

.green_Body
{
  padding:7px 5px; 
  height:100%;
  text-align:left;
  vertical-align:top;
  font: normal 12px arial,verdana,san-serif;
}

.green_Footer
{
  width: 100% ;
}


/* classes for the blank and blank with title containers*/
.Blank_Master
{
background: transparent;
width: 99%;
margin: 2px 2px 2px 2px;
}


.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 BottomStripes container*/
.BottomStripes_Master
{
  background-color: transparent;
  margin: 2px 2px 2px 2px;
  width:99%;
}

.BottomStripes_Head
{
  background:url(Stripes_Headbkg.gif) repeat-x; 
  padding: 2px 2px 2px 2px;
  width:100%;
  height:32px;
  vertical-align:top;  
  text-align :left;
}

.BottomStripes_Head .Head 
{
  font-weight: bold ;
  font-size: 12px ; 
  color: #000000 ;
  font-family: arial,verdana,san-serif;

}


.BottomStripes_Body
{
  padding:2px; 
  background: #ffffff;
  height:100%;
  width:100%;
  text-align:left;
  vertical-align:top;
  border-right:solid 1px #000000;
  border-left:solid 1px #000000;
  border-bottom:solid 1px #000000;
}


.BottomStripes_Footer
{
  font-weight: normal;
  padding: 2px 2px 2px 2px;
  width: 100% ;
}




/* classes for the Default container*/
.Default_Master
{

background-color: transparent;
margin: 2px 2px 2px 2px;
width:99%;
}


.Default_Head
{
  background:url(default_lefttop.jpg) no-repeat; 
  border:solid 1px #000080;
  padding: 0px;
  width:100%;
  height:19px;
  vertical-align:middle;  
  text-align :left;
}

.Default_Head .Head 
{
  font-weight: bold ;
  font-size: 14px ; 
  color: #000000 ;
  font-family: arial,verdana,san-serif;

}



.Default_Body
{
  padding:0px 2px; 
  border:solid 1px #000080;
  background: #ffffff;
  height:100%;
  width:100%;
  text-align:left;
  vertical-align:top;
}


.Default_Footer
{
  font-weight: normal;
  padding: 15px 2px 2px 2px;
  width: 100% ;
}
/* classes for the InteriorInsider container*/
.II_Default_Master
{

background-color: transparent;
margin: 2px 2px 2px 2px;
width:99%;
}


.II_Default_Head
{
  background:url(II_container_header.jpg) repeat-x; 
  
  padding: 4px;
  width:100%;
  height:30px;
  vertical-align:middle;  
  text-align :left;
}

.II_Default_Head .Head 
{
  font-weight: bold ;
  font-size: 14px ; 
 
  font-family: arial,verdana,san-serif;

}



.II_Default_Body
{
  padding:4px 4px;
  
  background: #ffffff;
  height:100%;
  width:100%;
  text-align:left;
  vertical-align:top;
}


.II_Default_Footer
{
  font-weight: normal;
  padding: 0px 2px 2px 2px;
  width: 100% ;
}

/* classes for the KC container*/
.KC_Default_Master
{

background-color: transparent;
margin: 2px 2px 2px 2px;
width:400px;
}


.KC_Default_Head
{
  background:url(KC_containerbanner_400px.jpg) no-repeat; 
  border:solid 1px #02118a;
  padding: 4px;
  width:400px;
  height:30px;
  vertical-align:middle;  
  text-align :left;
}

.KC_Default_Head .Head 
{
  font-weight: bold ;
  font-size: 14px ; 
  color: #border:solid 1px #02118a; 
  font-family: arial,verdana,san-serif;

}



.KC_Default_Body
{
  padding:4px 4px;
  
  background: #ffffff;
  height:100%;
  width:400px;
  text-align:left;
  vertical-align:top;
}


.KC_Default_Footer
{
  font-weight: normal;
  padding: 0px 2px 2px 2px;
  width: 100% ;
}

/* classes for the KCSmall container*/
.KC_SmallDefault_Master
{

background-color: transparent;
margin: 2px 2px 2px 2px;
width:300px;
}


.KC_SmallDefault_Head
{
  background:url(KC_containerbanner_300px.jpg) no-repeat; 
  border:solid 1px #02118a;
  padding: 4px;
  width:300px;
  height:30px;
  vertical-align:middle;  
  text-align :left;
}

.KC_SmallDefault_Head .Head 
{
  font-weight: bold ;
  font-size: 14px ; 
  color: #000000 ;
  font-family: arial,verdana,san-serif;

}



.KC_SmallDefault_Body
{
  padding:4px 4px;
  background: #ffffff;
  height:100%;
  width:300px;
  text-align:left;
  vertical-align:top;
}


.KC_SmallDefault_Footer
{
  font-weight: normal;
  padding: 0px 2px 2px 2px;
  width: 100% ;
}



/* classes for the 80s container*/
.80sDefault_Master
{

background-color: transparent;
margin: 2px 2px 2px 2px;
width:400px;
}


.80sDefault_Head
{
  background:url(megaheader.jpg) no-repeat; 
  padding: 4px;
  width:400px;
  height:30px;
  vertical-align:middle;  
  text-align :left;
}

.80sDefault_Head .Head 
{
  font-weight: bold ;
  font-size: 14px ; 
  color: #ffffff ;
  font-family: arial,verdana,san-serif;

}



.80sDefault_Body
{
  padding:4px 4px;
  border:solid 1px #448614; 
  background: #e5efdd;
  height:100%;
  width:400px;
  text-align:left;
  vertical-align:top;
}


.80sDefault_Footer
{
  font-weight: normal;
  padding: 0px 2px 2px 2px;
  width: 100% ;
}

/* classes for the video page 80sSmall container*/
.videoSmallDefault_Master
{

background-color: transparent;
margin: 2px 2px 2px 2px;
width:270px;
}


.videoSmallDefault_Head
{
  background:url(megaheader_270px.jpg) no-repeat; 
  padding: 4px;
  width:270px;
  height:30px;
  vertical-align:middle;  
  text-align :left;
}

.videoSmallDefault_Head .Head 
{
  font-weight: bold ;
  font-size: 14px ; 
  color: #ffffff ;
  font-family: arial,verdana,san-serif;

}



.videoSmallDefault_Body
{
  padding:4px 4px;
  border:solid 1px #448614; 
  background: #e5efdd;
  height:100%;
  width:270px;
  text-align:left;
  vertical-align:top;
}


.videoSmallDefault_Footer
{
  font-weight: normal;
  padding: 0px 2px 2px 2px;
  width: 100% ;
}

/* classes for the 80sSmall container*/
.80sSmallDefault_Master
{

background-color: transparent;
margin: 2px 2px 2px 2px;
width:300px;
}


.80sSmallDefault_Head
{
  background:url(megaheader_300px.jpg) no-repeat; 
  padding: 4px;
  width:300px;
  height:30px;
  vertical-align:middle;  
  text-align :left;
}

.80sSmallDefault_Head .Head 
{
  font-weight: bold ;
  font-size: 14px ; 
  color: #ffffff ;
  font-family: arial,verdana,san-serif;

}



.80sSmallDefault_Body
{
  padding:4px 4px;
  border:solid 1px #448614; 
  background: #e5efdd;
  height:100%;
  width:300px;
  text-align:left;
  vertical-align:top;
}


.80sSmallDefault_Footer
{
  font-weight: normal;
  padding: 0px 2px 2px 2px;
  width: 100% ;
}

/* classes for the Barnaby_left container*/
.Barnaby_left_Master
{

background-color: transparent;
margin: 2px 2px 2px 2px;
width:400px;
}


.Barnaby_left_Head
{
  background:url(barnaby_left_banner.jpg) no-repeat; 
  
  padding: 4px;
  width:400px;
  height:30px;
  vertical-align:middle;  
  text-align :left;
}

.Barnaby_left_Head .Head 
{
  font-weight: bold ;
  font-size: 14px ; 
  color: ffffff;
  font-family: arial,verdana,san-serif;

}



.Barnaby_left_Body
{
  padding:4px 4px;
  
  background: #ffffff;
  height:100%;
  width:400px;
  text-align:left;
  vertical-align:top;
}


.Barnaby_left_Footer
{
  font-weight: normal;
  padding: 0px 2px 2px 2px;
  width: 100% ;
}

/* classes for the Barnaby_right container*/
.Barnaby_right_Master
{

background-color: transparent;
margin: 2px 2px 2px 2px;
width:300px;
}


.Barnaby_right_Head
{
  background:url(Barnaby_right_banner.jpg) no-repeat; 
  
  padding: 4px;
  width:300px;
  height:30px;
  vertical-align:middle;  
  text-align :left;
}

.Barnaby_right_Head .Head 
{
  font-weight: bold ;
  font-size: 14px ; 
  color: ffffff;
  font-family: arial,verdana,san-serif;

}



.Barnaby_right_Body
{
  padding:4px 4px;
  background: #ffffff;
  height:100%;
  width:300px;
  text-align:left;
  vertical-align:top;
}


.Barnaby_right_Footer
{
  font-weight: normal;
  padding: 0px 2px 2px 2px;
  width: 100% ;
}



/* classes for the Banner containers*/
.Banner_Master
{
margin: 2px 2px 2px 2px;
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 2px 2px 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;
}