/* 
================================
Skin styles for DotNetNuke
================================
*/   

/* background color for the content part of the pages */
.Body
{
	background-color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif, Tahoma;
	font-size:0.75em;
	margin:1px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.pagemaster {
		/* background-image: url(design1_bg.jpg); */
	background-color: #ffffff;
}
.skinmaster {
	background-color: #FFFFFF;
	border: 1px #333333 solid;
}

.MainMenu_MenuContainer {
	background-color: transparent; 
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
	usearrows: False;
}
.MainMenu_MenuItem {
	border-left: #423d80 0px solid; 
	border-bottom: #423d80 1px solid; 
	border-top: #423d80 1px solid; 
	border-right: #423d80 0px solid;
	cursor: pointer; 
	cursor: hand; 
	color: #ffffff; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
	usearrows: False;
}
.MainMenu_MenuIcon {
	background-color: #423d80; 
	border-left: #423d80 1px solid; 
	border-bottom: #423d80 1px solid; 
	border-top: #423d80 1px solid; 
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 21px;
}
.MainMenu_SubMenu {
	background-color: #423d80; 
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	 
	filter:alpha(opacity=75); /*for IE*/
    opacity: 0.75; /*for Mozilla*/
    -moz-opacity:0.75; /*for older Mozilla*/
}
.MainMenu_MenuBreak {
	height: 1px;
}

/* Edit Maine Menu Bar and text colors here */
.MainMenu_MenuItemSel {
	background-color: Transparent; 
	cursor: pointer; 
	cursor: hand; 
	color: #fff902;
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	height: 21px;
}
.MainMenu_MenuArrow {
	border-right: #423d80 1px solid; 
	border-bottom: #423d80 1px solid; 
	border-top: #423d80 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}



.skinheader {
}
.skingradient {
	BACKGROUND-IMAGE: url(gradient_DkBlue.jpg); HEIGHT:30px;
}
.controlpanel {
	background-color: #DFE5F2;
}

.StandardButton     {
    background: #02769d none; 
    color: #ffffff;
    font-family:Verdana, sans-serif; 
    font-size: 11px;
    font-weight: bold;
	border-right: #02769d 1px solid;
	border-top: #02769d 1px solid;
	border-left: #02769d 1px solid;
	border-bottom: #02769d 1px solid;
}

/* styles used by TreeMenu Skin Object */
.TreeViewMenu
{
	width: 175px;
	background-color: #FFFFFF;
	border-right: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	moz-border-radius-bottomleft: 15px;
	moz-border-radius-bottomright: 15px;
	moz-border-radius-topleft: 3px;
	moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header
{
	background-color: #FFFFFF;
}

.TreeMenu_Node
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

.TreeMenu_NodeSelected
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	background-color: #FFFFFF;
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link
{
	text-decoration: none;
	color: #333333;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited
{
	text-decoration: none;
	color: #333333;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active
{
	text-decoration: none;
	color: #333333;
}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover
{
	text-decoration: none;
	color: #FF9922;
}


/* ================================
    CSS STYLES
   ================================
*/   

/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif, Tahoma;
    font-size:  11px;
    font-weight: bold;
    color: black;
}


.Header
{
	background-color: #333333;
	/* background-image: url(headermenubg.jpg); */
	/* height: 36px; */
	/* background-repeat: repeat-x; */
}

.Footer
{
	/* background-image: url(footermenubg.jpg); */
	height: 42px;
	/* background-repeat: repeat-x; */
	padding-bottom: 5px;
}

TD.CATBreadCrumb
{
	background-color: #333333;
	background-image: none;
	height: 32px;
	background-repeat: no-repeat;
	border-left: #F23F72 0px solid;
	border-top: #F23F72 0px solid;
	border-right: #F23F72 0px solid;
}

TD.CATBreadCrumb2
{
	background-color: #ffffff;
	background-image: none;
	height: 32px;
	background-repeat: no-repeat;
	border-left: #F23F72 0px solid;
	border-top: #F23F72 0px solid;
	border-right: #F23F72 0px solid;
}

.MenuTab
{
	width: 100%;
	/*height: 28px;*/
}

.IntroPane
{
	width: 100%;
	height: 100%;
}

.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}


.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}


.LeftPane
{
/*	width: 200px; */
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

.ContentPane
{ 
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

.RightPane  
{ 
/*	width: 200px; */
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}

.BasePane
{
	width: 100%;
	background-color: transparent;
}

.Login
{
	color: #ffffff;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	height: 30px;
}


/* style for the solpart menu / Use left padding to adjust menu width */

.MenuContainer
{
	background-color: transparent;
	padding-left:0px;
	/* height: 35px; */
	border-bottom: #333333 0px solid;
}

/* Changes of height will cause an ftp error! */
.MenuBar
{
	background-color: Transparent;
	cursor: pointer;
	cursor: hand;
	height: 16;
}

.MenuIcon
{
	cursor: pointer;
	cursor: hand;
	background-color: #423d80;
	border-left: #ffffff 0px solid;
	border-top: #ffffff 0px solid;
	border-right: #ffffff 0px solid;
	border-bottom: #ffffff 0px solid;
	text-align: center;
	width: 1;
	height: 1;
}

.MenuItem /* Sub Menu POPUP here */
{
	cursor: pointer; 
	cursor: hand; 
	color: #ffffff; 
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	font-size: 8pt; 
	font-weight: bold; 
	font-style: normal;
	height: 17px;
	 
	 /* fixed firefox problem, do not use transparent here */
}

.MenuArrow
{
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}

.MenuRootArrow
{
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}


.ItemsBreak
{
	border-bottom: #ffffff 0px solid;
	border-left: #ffffff 0px solid;
	border-top: #ffffff 0px solid;
	border-right: #ffffff 0px solid;
	background-color: transparent;
color: #6a6a6a;
		font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	height: 1px;	
}

.RootItem TD /* This is the main menu background area */
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight:  bold;
color: #ffffff;
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	border-left: #F23F72 0px solid;
	border-top: #F23F72 0px solid;
	border-right: #F23F72 0px solid;
	padding-bottom: 4px;
}

.RootItemActive TD
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight:  bold;
	color: #6a6a6a;
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	border-left: #F23F72 0px solid;
	border-top: #F23F72 0px solid;
	border-right: #F23F72 0px solid;
}

.RootItemSelected TD /* This is the hoover effect for root pages */
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
    color: #fff902;
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	border-left: #F23F72 0px solid;
	border-top: #F23F72 0px solid;
	border-right: #F23F72 0px solid;
}

.RootItemBreadCrumb TD /* This is the selected root menu item (PAGE TAB) */
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
background-color: transparent;
	usearrows: False;
	/* height: 35px; */
	background-image: none;
	background-repeat: no-repeat;
	border-left: #F23F72 0px solid;
	border-top: #F23F72 0px solid;
	border-right: #F23F72 0px solid;
}

.SubItemActive
{
	
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: #ffffff;
	height: 20px;
	background-image: none;
	background-repeat: no-repeat;
	height: 17px;
}

.SubMenu /* outher left and right bg of unselected sub item, bg of sub tab */
{

	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	color: #ffffff;
	background-color: #423d80;
	height: 20px;
	background-image: none;
	background-repeat: no-repeat;
	font-style: normal;
		font-weight: bold;
		height: 17px;
}

/* This is the submenu page that your on indicator */
.SubItemActive TD
{
	
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
background-color: #423d80;
	background-image: none;
	background-repeat: no-repeat;

	font-style: normal;
	usearrows: true;
	height: 17px;
}




.SubItemBreadCrumb
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #6a6a6a;
	background-image: none;
	background-repeat: no-repeat;
	font-style: normal;
	usearrows: False;
	height: 17px;
}




/* hyperlink style */

.Small
{
	color: #ffffff;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	height: 13px;
	padding-left: 1px;
	padding-right: 1px;
}
.Small3
{
	color: #000000;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 9px;
	font-weight: normal;
	font-style: normal;
	height: 13px;
	padding-left: 1px;
	padding-right: 1px;
}
.Small2
{
	color: #888787;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	height: 13px;
	padding-left: 1px;
	padding-right: 1px;
}
A.Small2:Link
{
	color: #888787;
	font-weight: bold;
}

A.Small2:Hover
{
	color: #888787;
	text-decoration: underline;
	font-weight: bold;
}

A.Small2:Active
{
	color: #888787;
	font-weight: bold;
}

A.Small2:Visited
{
	color: #888787;
	font-weight: bold;
} 

A.Small:Link
{
	color: #888787;
	text-decoration: underline;
}

A.Small:Hover
{
	color: #888787;
	text-decoration: underline;
}

A.Small:Active
{
	color: #888787;
	text-decoration: underline;
}

A.Small:Visited
{
	color: #888787;
	text-decoration: underline;
}

/* text style for the selected tab */
.SelectedTab {
 	font-weight: normal;
    font-size: 10px;
    color: #65a658;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    text-decoration: none;
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
    text-decoration: none;
    color:#65a658;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
}

A.SelectedTab:visited  {
    text-decoration:    none;
    color:#800080;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
}

A.SelectedTab:active   {
    text-decoration:    none;
    color:#800080;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
}

A.SelectedTab:hover    {
    text-decoration:    none;
    color:#F23F72;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
}

/* text style for the unselected tabs */
.OtherTabs {
 	font-weight: normal;
    font-size: 10px;
    color: #6a6a6a;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    text-decoration: none;
    padding-left: 3px;
	padding-right: 3px;
}
    

	
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
    text-decoration: none;
    color:#333333;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    padding-left: 3px;
	padding-right: 3px;
}

A.OtherTabs:visited  {
    text-decoration:    none;
    color:#800080;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    padding-left: 3px;
	padding-right: 3px;
}

A.OtherTabs:active   {
    text-decoration:    none;
    color:#800080;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    padding-left: 3px;
	padding-right: 3px;
}

A.OtherTabs:hover    {
    text-decoration:    none;
    color:#ffffff;
    font-weight: normal;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    padding-left: 3px;
	padding-right: 3px;  
}

.OtherTabs2 {
 	font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    font-family: Verdana, Tahoma, Arial, Helvetica;
    text-decoration: none;
  
}

/* hyperlink style for the unselected tabs */
A.OtherTabs2:link {
    text-decoration: none;
    color:#ffffff;
   font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
   
	
}

A.OtherTabs2:visited  {
    text-decoration:    none;
    color:#ffffff;
   font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
   
}

A.OtherTabs2:active   {
    text-decoration:    none;
    color:#ffffff;
   font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
   
}

A.OtherTabs2:hover    {
    text-decoration: underline;
    color:#ffffff;
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
     
}







/* text and link style for SkinObjects */

.SkinObject
{
	text-decoration:    none;
    color:#000000;
   font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
}
A.SkinObject:link
{
	 text-decoration:    none;
    color:#000000;
   font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
}
A.SkinObject:visited
{
	text-decoration:    none;
    color:#000000;
   font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
}
A.SkinObject:active
{
	text-decoration:    none;
    color:#000000;
   font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
}
A.SkinObject:hover
{
	color:#000000;
   font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
	text-decoration: underline;
}


.SkinObject2
{
	text-decoration:    none;
    color:#000000;
   font-weight: none;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
}
A.SkinObject2:link
{
	 text-decoration:    none;
    color:#000000;
    font-weight: none;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
}
A.SkinObject2:visited
{
	text-decoration:    none;
    color:#000000;
  font-weight: none;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
}
A.SkinObject2:active
{
	text-decoration:    none;
    color:#000000;
    font-weight: none;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
}
A.SkinObject2:hover
{
	color:#000000;
    font-weight: none;
    font-size: 10px;
    font-family: Verdana, Tahoma, Arial, Helvetica;
	text-decoration: underline;
}




