/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */


A.loginhidden:link {
    text-decoration: underline;
    color: #444444;
}

A.loginhidden:visited  {
    text-decoration: underline;
    color: #C4CCB4;
}

A.loginhidden:active   {
    text-decoration: underline;
    color: #C4CCB4;
}

A.loginhidden:hover    {
    text-decoration: underline;
    color: #444444;
}

A.blacklinks:link {
    text-decoration:none;
	font-weight:normal;
    color: #000000;
}

A.blacklinks:visited  {
    text-decoration: none;
	font-weight:normal;
    color: #000000;
}

A.blacklinks:active   {
    text-decoration: none;
	font-weight:normal;
    color: #000000;
}

A.blacklinks:hover    {
    text-decoration: underline;
	font-weight:normal;
    color: #ffffff;
}

hr {border: none 0; 
border-top: 1px dashed #E2E2E2;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 

.HeadBg {
    background-color: #CCCCCC;
}


.skin-border {
	border-left: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	
	
}

/* background color for the content part of the pages */
Body
{
/*BACKGROUND-IMAGE: url(bg.jpg); 
background-color: #C4CCB4; */
background-color: #444444;
margin-left: 10px;
}

td, tr, table	{
	page-break-inside: avoid;
	border-collapse:collapse;
}


.breadcrumbfont{
    color: Black; 
	font-family: Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 

}

.datefont{
    color: #FFFFFF; 
	font-family: verdana,arial,geneva,helvetica,sans-serif; 
	font-size: 7pt; 
	font-style: normal; 

}


H3  {
 color: #CC6600;
 font-size: 13px;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 margin-bottom:0px; 
}

.pdf 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .78em;
	line-height: 1.5em;
	color: #999999;
}


.bioPicWCaption
{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:xx-small;
font-weight:bold;
text-align: center;
float: right;
width: 240px;
margin: 0 0 0px 0px;
background-color: #fff;
padding: 2px 0px 10px 10px;
border-top: 0px solid #999;
border-right: 0px solid #555;
border-bottom: 0px solid #555;
border-left: 0px solid #999;
}

span.bioPicWCaption img
{
border-top: 2px solid #000;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #000;
}


.bioPicWCaptionLeft
{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:xx-small;
font-weight:bold;
text-align: center;
float: left;
width: 240px;
margin: 0 0 0px 0px;
background-color: #fff;
padding: 2px 0px 10px 10px;
border-top: 0px solid #999;
border-right: 0px solid #555;
border-bottom: 0px solid #555;
border-left: 0px solid #999;
}

span.bioPicWCaptionLeft img
{
border-top: 2px solid #000;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #000;
}


.pagetitlefont{
 color: #87938F;
 font-size: 12pt;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 border-width: 0px;
	background-image: url(dotTileBAK.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	padding-bottom: 4px;
	margin-top: 3px;
	margin-bottom: 5px;
}

.subtitles{
 width:100%;
 color: #A96B60;
 font-size: 12px;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 border-width: 0px;
	background-image: url(dotTilesolid.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 5px;
}



/* background/border colors for the selected tab */
.TabBg {
    background-color: black;
}

.LeftPane  {
width:200px;
background-color:#c4ccb4;
padding:2px 5px 5px 5px;
}

.ContentPane  {
width:100%; 
padding:5px 5px 5px 5px;

}
.BottomPane  {
width:100%;
border-top:#e1e1e1 solid 1px;
padding:5px 5px 5px 5px;

}
.TopPane  {
width:100%;
padding:0px 5px 5px 5px;
}
.FlashPane  { 
padding:0px 0px 0px 0px;
background-color:#ffffff;

}
.RightPane  { 
width:175px;
background-color:#ffffff;
padding:5px 5px 5px 5px;
}

.searchbox  {
width:200px;
padding:5px 5px 0px 5px;
}


/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  15px;
    font-weight:    bold;
    color: #cccccc;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}



/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #ff0000;
}
    
/* GENERIC */
H1  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}



H4  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #003366;
}

H5, DT  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

H6  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}




p
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	color:#000000;
}

.Normal
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	color:#000000;
	
}

.Normal td
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	color:#000000;
}

ul.Normal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	color:#000000;
}

.Normal li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	color:#000000;
}






/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	color:#000000;
}



.NormalRed
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}

.NormalBold
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	color:#000000;
}

A:link  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	text-decoration: underline;
    color:  Blue;
}

A:visited   {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	text-decoration: underline;
    color:  Purple;
}

A:active    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	text-decoration: underline;
    color:  Red;
}

A:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
	text-decoration: underline;
    color:  #6e344d;
}

/*== main menu styles ======================================*/


/*-- box that holds the menu --*/
.MainMenu_MenuContainer {
	background-color: transparent;
	width: 100%;
}


/*-- bar that holds the menu? --*/
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;	
	width: 100%;
}


/*-- applies to items in submenus only including the border around each item --*/
.MainMenu_MenuItem {
	font-family: tahoma; 
	color: #FFFFFF;
	font-size: 11px;
	background-color: transparent;
	font-weight: bold; 
	font-style: normal; 
	border: #105f70 0px solid;
	padding: 0px 8px 0px 2px;
	height: 25px;
}


/*-- font hover state in submenus only --*/
.MainMenu_MenuItemSel {
	font-family: tahoma; 
	font-size: 11px; 
	font-weight: bold; 
	cursor: pointer; 
	cursor: hand; 
	color: #000000;
	background: #eee;
	border-left: #eee 1px solid;
	border-right: #eee 1px solid;
	padding: 0px 8px 0px 2px;
	font-weight: bold;
	height: 25px;
}



.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 1px 0 0 0;
	background: #6e344d;
	padding: 0px;
	border: 0px solid #e7e7e7;
	font-weight: normal;
	filter: none;
}


/*-- idle state for root menu items --*/
.MainMenu_Idle {
	color: #FFFFFF;
	padding: 1px 3px 3px 1px;
	height: 25px;
	font-weight: bold;
}


/*-- hover state for root menu items --*/
.MainMenu_Selected {
	color: #FFFFFF;
	background-color:#87938F;
	padding: 1px 3px 3px 1px;
	height: 25px;
	font-weight: bold;
}


/*-- applies to the active root menu item --*/
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	color: #FFFFFF;
	padding: 1px 3px 3px 1px;
	height: 21px;
	font-weight: bold;
}


/*-- stuff we don't need to see --*/
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuBreak, .MainMenu_MenuIcon  {
	display: none;
}



/* -------------------------inventua side menu classes------------------------------ */

/*-- static portion of MenuHdr --*/
.MenuHdr
{ 
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; padding-left: 5px; font-weight: bold; padding-bottom: 1px; 
  background-color: #87938F; padding-top: 1px; cursor: default; border-bottom: 1px solid #E0EAD2; background-image: url(hdr-back.gif); color:#FFFFFF;
}

/*-- hyperlink portion of MenuHdr --*/
.MenuHdr A, .MenuHdr A:Active, .MenuHdr A:Hover, .MenuHdr A:Visited, 
.MenuHdr A:Link
{
  text-decoration: none; color: #FFFFFF; width: 100%; padding-top: 1px;
  padding-bottom: 1px; cursor: default; cursor: pointer;  
}

/*-- static state for top MenuItem --*/
.MenuItem, .MenuItemMouseOver, .MenuItem HR
{
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; padding-left: 10px; font-weight: normal; padding-bottom: 1px;
  background-color: #FFFFFF; padding-top: 1px; border-left: 1px solid #E0EAD2; border-right: 1px solid #E0EAD2; border-bottom: 1px solid #E0EAD2;
}

/*-- static state for top MenuItem hyperlink --*/
.MenuItem A, .MenuItem A:Active, .MenuItem A:Hover, .MenuItem A:Visited, 
.MenuItem A:Link, 
{
  text-decoration: none; color: #666633; width: 100%; padding-top: 1px;
  padding-bottom: 1px; cursor: default; cursor: pointer; 
}



/*-- hover state for MenuItem --*/
.MenuItemMouseOver
{
  background-color: #FFFFFF!Important; 
}

/*-- hover state for top MenuItem --*/
.MenuItemMouseOver A, .MenuItemMouseOver A:Active, 
.MenuItemMouseOver A:Hover, .MenuItemMouseOver A:Visited, .MenuItemMouseOver 
  A:Link, 
{
  text-decoration: underline; color: #666633; width: 100%; padding-top: 1px;
  padding-bottom: 1px; cursor: default; cursor: pointer;  
}

/*-- you set this css name in each instance of the module --*/
.SelectedMenuItem {
  padding-left: 10px; font-weight: normal; padding-bottom: 1px; color:#666633; font-weight:bold;
  background-color: #FFFFFF; padding-top: 1px; background-image: url(right-arrow.gif); 

}

.currentHeaderHighlight {
  padding-left: 10px; font-weight: normal; padding-bottom: 1px; color:#666633; font-weight:bold;
  background-color: #FFFFFF; padding-top: 1px; background-image: url(right-arrow.gif); 

}

/*-----------Table styles----------*/
.box {
	padding: 3px;
	border: 1px solid #999999;
	margin-bottom:5px;
	margin-top:5px;
}

.promo {
	padding: 5px;
	border: 1px solid #999999;
	background-color:#f1f1f1;
}
.promoheader {
	padding: 5px;
	border: 1px solid #999999;
	background-color:#E8EDD7;
	height:35px;
	
}
/* ====================== Table Styling 2 ====================== */
.miniPromo {margin: 0px 0px 0px 0px;
width:100%;}

.miniPromoPhoto {
	width:20px;
	border:solid 1px #e1e1e1;
	vertical-align: middle;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#f1f1f1;
	}
.miniPromoTable {
	width:100%;
	height:40px;
	border:solid 1px #999999;
	vertical-align: middle;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#00FFFF;
	margin-bottom:2px;
	}
.miniPromoTable2 {
	width:100%;
	height:40px;
	border:solid 1px #999999;
	vertical-align: middle;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#e1e1e1;
	margin-bottom:5px;
	}

.miniPromoText {
	padding-left:5px;
	padding-right:2px;
	padding-top:5px;
	padding-bottom:2px;
	vertical-align: middle;
	text-align: left;
	border-bottom: 1px solid #e1e1e1;
	}
A.miniPromoText:link  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
	text-decoration: none;
    color:  Blue;
}

A.miniPromoText:visited   {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
	text-decoration:none;
    color:  Purple;
}

A.miniPromoText:active    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
	text-decoration: none;
    color:  Red;
}

A.miniPromoText:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
	text-decoration: none;
    color:  #6e344d;
}