/* 
================================
 Container Styles for wqbk 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 WQBKPromo container*/
.WQBKPromo_Master
{
border: solid 1px #000000;
width:236px ;
background: #000000;
margin: 3px 2px 2px 2px;
}

.WQBKPromo_Head
{
  background:#000000 url(WQBKPromo_Head.jpg) repeat-x; 
  padding: 2px 2px 8px 40px;
  width: 100% ;
  height:29px;
  vertical-align:middle;
}

.WQBKPromo_Head .Head 
{
  font-weight: bold ;
  font-size: 15px ; 
  color: #FFFFFF ;
  font-family: arial,verdana,san-serif;
}

.WQBKPromo_Body
{
  padding:0px 2px; 
  background: #000000;
  height:100%;
  width:100%;
  vertical-align:top;
}

.WQBKPromo_Body .SubHead
{
display: none;
}

/* classes for the Red and Red with title containers*/
.Red_Master
{
background: #000000;
border: solid 1px #000000;
width: 99%;
margin: 2px 2px 2px 2px;
}


.Red_Head
{
  width: 100% ;
  height: 24px;
  background-color: #a5292b;
}

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

.Red_Body
{
  padding:2px 5px; 
  height:100%;
  width:100%;
  background-color: #FFFFFF;
  vertical-align:top;
}



.Red_Footer
{
  width: 100% ;
}

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

.Blank_Master p, .Blank_Master .Normal
{
  font: normal 12px arial,helvetica,san-serif;
  color: #ffffff;
}

.Blank_Master h1, .Blank_Master .Head
{
  font: bold 15px arial,helvetica,sa-serif;
  color: #ffffff;
}

.Blank_Master h2, .Blank_Master .SubHead
{
  font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #f56a01;
  text-align: left;
}

.Blank_Master h3, .Blank_Master .SubSubHead
{
  font: italics bold 12px arial,helvetica,sa-serif;
  color: #ffffff;
}

.Blank_Master a:link,
.Blank_Master a:visited,
.Blank_Master a:active,
{
  font: normal 12px arial,helvetica,san-serif;
  color: #fff700;
  text-decoration: none;
}

.Blank_Master a:hover,
.Blank_Master a:active,
{
  font: normal 12px arial,helvetica,san-serif;
  color: #ffffff;
  text-decoration: underline;
}



.Blank_Head
{
  width: 100% ;
}

.Blank_Body
{
  padding:2px 5px; 
  height:100%;
  width:100%;
  vertical-align:top;
}

.Blank_Footer
{
  width: 100% ;
}

/* classes for the WQBKDefault container*/
.WQBKDefault_Master
{
border: solid 1px #000000;
background-color: #000000;
margin: 2px 2px 2px 2px;
width:99%;
}



.WQBKDefault_Head
{
  background:#b69d5a url(WQBKdefault_Head.gif) repeat-x; 
  padding: 2px 2px 7px 2px;
  width:100%;
  height:27px;
  vertical-align:middle;  
  text-align :center;
}

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

}

.WQBKDefault_Body
{
  padding:0px 2px; 
  background: #000000; 
  height:100%;
  width:100%;
  vertical-align:top;
}






.WQBKDefault_Footer
{
  width: 100% ;
}


/* classes for the Banner containers*/
.Banner_Master
{
margin: 2px 2px 2px 2px;
width: 99%;
}

/* classes for the WQBKCentered container*/
.WQBKCentered_Master
{
border: 0px;
background-color: #000000;
margin: 2px 2px 2px 2px;
}



.WQBKCentered_Head
{
  background:#000000 url(WQBKCentered.jpg) no-repeat center; 
  padding: 8px 2px 10px 2px;
  width:100%;
  height:20px;
  text-align:center;
}


.WQBKCentered_Head .Head 
{
  font-weight: bold ;
  font-size: 12px ; 
  color: #000000 ;
  font-family: verdana,arial,san-serif;
  vertical-align:middle;  
}

.WQBKCentered_Body
{
  padding:0px 2px; 
  background: #000000; 
  height:100%;
  width:100%;
  vertical-align:top;

}




.WQBKCentered_Footer
{
  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
{
}

/* classes for the WGRDDefault and WGRDDefault with title containers*/
.Admin_Master
{
background: #ffffff ;
width: 99%;
margin: 2px 2px 2px 2px;
color: #000000;
}


.Admin_Head
{
  width: 100% ;
  height: 24px;
  background: #cccccc;
  padding: 0px 2px 10px 2px;
}

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

.Admin_Head .SubHead 
{
  font-weight: bold ;
  font-size: 14px ; 
  color: #FF0000 ;
  font-family: arial,verdana,san-serif;
}


.Admin_Body
{
  padding:2px 5px; 
  height:100%;
  width:100%;
  vertical-align:top;
  color:#000000;
}

.Admin_Body p, 
.Admin_Body .Normal, 
.Admin_Body .Head, 
.Admin_Body .SubHead, 
.Admin_Body Label

{
  color: #000000 ;
}



.Admin_Master a:link,
.Admin_Master a:visited
{
 color:#000080;
 background-color:Transparent;
 text-decoration:none;
}

.Admin_Master a:hover
{
 color:#cccccc;
 background-color:Transparent;
 text-decoration:underline;
}

.Admin_Footer
{
  width: 100% ;
 background: #cccccc;
 }


/*
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;
}