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

a:link,
a:visited,
a:active
{
  font: bold arial,helvetica,san-serif;
  color: #ff0000;
  text-decoration: none;
}

a:hover,
a:active
{
  font: bold arial,helvetica,san-serif;
  color: #ff0000;
  text-decoration: underline;
}  

body {
    font-size: 12px;
}

td {
    font-size: 12px;
}
/* controls the font of the title, overrides the skin css class */
.Head
{
  font-size: 20px;
  font-weight:bold; 
  color: Black;
}

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


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

.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%;
  text-align:left;
  vertical-align:top;
}

.Red_Footer
{
  width: 100% ;
}

/* classes for the Gray Feature with title containers*/
.Gray_Master
{
background: #e5e5e5;
border: none;
width: 262px;
margin: 2px 2px 2px 2px;

}


.Gray_Head
{
  width: 100% ;
  height: 24px;
  background-color: #cc0000;
  background:#ffffff url(images/feature_header.jpg) no-repeat top left;
}

.Gray_Head .Head 
{
  font-weight: bold ;
  font-size: 14px ; 
  color: #999999 ;
  font-family: Trebuchet MS,verdana,san-serif;
}

.Gray_Body
{
  padding:2px 5px; 
  height:100%;
  width:100%;
  text-align:left;
  vertical-align:top;
  background:#e5e5e5 url(images/feature_bkgd.jpg) no-repeat top left;
}

.Gray_Footer
{
  width: 100% ;
  background:#e5e5e5 url(images/feature_footer.jpg) no-repeat top left;
}

/* 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;
  font-size: 12px;

}

.Blank_Footer
{
  width: 100% ;
}

/* classes for the WBNQDefault BLUE container*/
.WBNQDefault_Master
{
border: none;
background-color: transparent;
margin: 2px 5px 2px 5px;
width:98%;
color: black;
padding-top: 5px;
}



.WBNQDefault_Head
{
  padding: 0px 2px 10px 2px;
  color:#b71e2b;
  width:100%;
  height:40px;
  text-align :left;
  font-family: Arial;
  font-weight: bolder;
  background: transparent url(images/default_bluegray.gif) repeat-x bottom left; *height: 10px;
}

.WBNQDefault_Head .Head 
{
  font-weight: bold ;
  font-size: 24px ; 
  color: #FFFFFF;
  font-family: Arial;
 text-transform: uppercase;
 background-color: #b71e2b;
 width: 100%;
}

.WBNQDefault_Body
{
  padding: 5px 5px 5px 5px; 
  background-color: Transparent; 
  color:#000000;
  height:100%;
  width:100%;
  text-align:left;
  vertical-align:top;
  font-size: 12px;
}


.WBNQDefault_Footer
{
  font-weight: bold;
  padding: 5px 2px 8px 2px;
  width: 100% ;
  height:30px;
  background: transparent url(images/Default_footer.png) repeat-x top left;

}

/* classes for the WBNQDefault BLACK container*/
.WBNQDefaultBK_Master
{
border: none;
background-color: transparent;
margin: 2px 2px 2px 2px;
width:98%;
color: black;
}



.WBNQDefaultBK_Head
{
  padding: 3px 2px 3px 2px;
  color:#000000;
  width:100%;
  height:15px;
  text-align :left;
  font-family: Arial;
  font-weight: bold;
}

.WBNQDefaultBK_Head .Head 
{
  font-weight: bold ;
  font-size: 18px ; 
  color: #000000;
  font-family: Arial;
  text-transform: uppercase;
}

.WBNQDefaultBK_Body
{
  padding: 0px 5px 5px 5px; 
  background-color: transparent; 
  color:#000000;
  height:100%;
  width:100%;
  text-align:left;
  vertical-align:top;
  font-size: 12px;
}


.WBNQDefaultBK_Footer
{
  font-weight: bold;
  padding: 5px 2px 8px 2px;
  width: 100% ;
  height:11px;
  background: transparent url(images/Default_blackgray.gif) repeat-x bottom left;
}


/* classes for the Banner containers*/
.Blank_ad_Master
{
margin: 0px;
width: 99%;

}


.Blank_ad_Head
{
}

.Blank_ad_Body
{
  height:100%;
  width:100%;
  text-align:left;
  vertical-align:top;

}

.Blank_ad_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 WBNQDefault 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;
}

.FileManager_Item,
.DataGrid_Item {
color:#FFFFFF;
background:#000000;
border:none;
}
.FileManager_AltItem,
.DataGrid_AlternatingItem {
background:#333333;
color:#FFFFFF;
border:none;
}

.FileManager_Header {
background:#333333;
color:#FFFFFF;
}
.FileManager_FileList {
background:#000000;
}

.NormalDisabled, .NormalTextBox, .NormalRed{
color:#CC0000;
}
.NormalBold{
color:#000000;
font-weight:bold;
}
.Normal{
color:#000000;
}
.NormalDisabled{
color:#666666;
}