/* CSS Document for Classes in DotNetNuke ---GOLD--- */
/*
Main Colors Used In This Site
CREAM: ECE7D1
PALE GOLD: C2A26F
MEDIUM GOLD: B48541
DARK GOLD: AD732A

DARK PURPLE: 403543
DUSTY PURPLE: 524654

*/
body {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-color: #AD732A;
	font-family: Arial, Helvetica, sans-serif;
}
td {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
embed {
	margin:0px;
	padding:0px;
}

param {
	margin:0px;
	padding:0px;
}

ul li {
	list-style-image: url(bullet.gif);	
}
/* MemberServices */
.button
{
    FONT-SIZE: 11px;
    CURSOR: pointer;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #403543;
}
.fauxbutton 
{
	FONT-SIZE: 11px;
	font-weight:bold;
	text-transform:uppercase;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #403543;
    margin:3px;
    text-align:center;
    vertical-align:middle;
    width:100px;
    height:12px;
    padding:2px; 
    border:1px groove #000
}
.TableHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13pt;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial;
    BACKGROUND-COLOR: #524654
}
.TableColumnHeader
{
    FONT-WEIGHT: bold;
    COLOR: black;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #C2A26F
}
.TableRowYellow
{
	BACKGROUND-COLOR: #ECE7D1;
}
SELECT
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Verdana;
    TEXT-DECORATION: none;
}
/* **************** */


/* My Custom Classes */
.initiate_login {
	font-size:14px;
	font-weight:bold;
	border-right: #666666 1px solid; 
	padding-right: 5px; 
	border-top: #666666 1px solid; 
	padding-left: 5px; 
	padding-bottom: 5px; 
	border-left: #666666 1px solid; 
	padding-top: 5px; 
	border-bottom: #666666 1px solid; 
	background-color: #ADB2C6; 
	text-align: center;
	color:#403543;
}
.initiate_login a {
	font-size:14px;
	font-weight:bold;
	color:#403543;
}
.breadcrumb {
	color:#624118;
	font-size:10px;
	vertical-align:middle;
	padding-bottom:2px;
	text-transform:uppercase;
}
a.breadcrumb:link {
	color:#C2A26F;
	font-size:10px;
	text-transform:uppercase;
}
a.breadcrumb:visited {
	color:#C2A26F;
	font-size:10px;
	text-transform:uppercase;
}
.SubHeadANN{
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#AD732A;
	border-bottom:2px solid #403543;
	margin-bottom:2px;
}
.tableANN {
	border-bottom:2px solid #403543;
	margin-bottom:2px;
}
.editor_header_black {
	font-size:14px;
	font-weight:bold;
	color:#000000;
}
.editor_header_purple {
	font-size:14px;
	font-weight:bold;
	color:#524654;
}
.editor_header_cream {
	font-size:14px;
	font-weight:bold;
	color:#ECE7D1;
}
.editor_header_ltgold {
	font-size:14px;
	font-weight:bold;
	color:#C2A26F;
}
.editor_header_medgold {
	font-size:14px;
	font-weight:bold;
	color:B48541;
}
.editor_header_dkgold {
	font-size:14px;
	font-weight:bold;
	color:#AD732A;
}

#leftmenuwrapper {
	height:100%;
	margin: 0px;
	padding:0px;
}

.bottommenulinks { 
	padding-left:6px;
	padding-bottom:5px;
	margin: 0px;
	clear:left;
}
.formframe {
	width:660 px;
	height:100%
}
.imgwrapper {
	margin:0px;
	padding:0px;
}
.header_purple {
	text-align: left;
}
.header_gold {
	text-align: left;
}
.dividerbar_gold {
	border-top:2px solid #AD732A;
}
.dividerbar_cream {
	border-top:2px solid #C2A26F;
}
.login {
	clear: right;
	float: right;
	top: 0px;
	z-index: 100;
	position: absolute;
	right: 0px;
}
.maintd {
	width:660px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
.navBG {
	padding:0px;
	position:relative;
	border-right:4px solid #FFF;
	width:200px;
	height:100%;
	background-color: #ECE7D1; /*Cream*/
	overflow:hidden;
}
.backtotoplink{
	background-color: #FFFFFF; 
	color: #514654; /*Dusty Purple*/
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	font-variant:small-caps; 
	border-top: 1px solid #ECE7D1; /*Cream*/
}

.footer_right {
	background-color: #FFFFFF;
	padding-right: 15px;
	text-align: right;
	font-size: 17px;
	color: #514654; /*Dusty Purple*/
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
	letter-spacing: 1px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #ECE7D1; /*Cream*/
}
.footer_left {
	background-color: #FFFFFF;
	padding-left: 10px;
	font-size: 11px;
	color: #AD732A; /*Dark Gold*/
	border-top: 1px solid #ECE7D1; /*Cream*/
}
.footerspacer {
	background-color: #FFFFFF;
	border-top: 1px solid #ECE7D1; /*Cream*/
}
.bottomlinks {
	font-size: 11px;
	color: #000000;
	letter-spacing: normal;
	font-weight: normal;
}

/*****************/

/* The main admin control panel at the top of the page when logged in as Host or Admin */
.ControlPanel {
    width: 860px;
    background-color: #ECE7D1; /*Cream*/
    BORDER-RIGHT: #FFFFFF 1px solid; 
    BORDER-TOP: #FFFFFF 1px solid; 
    BORDER-LEFT: #FFFFFF 1px solid; 
    BORDER-BOTTOM: #FFFFFF 1px solid; 
    font-family: Arial, Helvetica, sans-serif;
    font-size:  10px;
}

/*  */
.PagingTable {
}

/* The font colour for Date, Copyright (They are not links). */
.SkinObject {
    font-size: 12px;
    color: #AD732A;
    font-family: Arial, Helvetica, sans-serif
    text-decoration: none;
}

/* The font colour for links: Search, Breadcrumbs, Terms, Privacy */
A.SkinObject:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    	text-decoration: none;
    	color: #AD732A;
	border: black solid 1px;
}

/* Changes the colour if you have visited the link (see the Home link in the breadcrumbs above) */
A.SkinObject:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    	text-decoration:    none;
    	color: #AD732A;
}

/* Changes the colour whenever you hover over a link (see the logout link in the image above) */
A.SkinObject:hover    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
   	text-decoration: underline;
   	color: #AD732A;
}

/* Changes the colour when you click the link */
A.SkinObject:active   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    	text-decoration: none;
    	color: #AD732A;
}

/* The titles for the modules. (ALL) */
.Head   {
	font-family: Arial, Helvetica, sans-serif;
	font-size:  13px;
	color: #AD732A; /*Dark Gold*/
}


/* a) The admin control panel main text and the content panes text */
/* b) The titles for each form element within a modules settings */
.SubHead    {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    color: #000000;
}

/*From DNN2.x was supposed to affect text to be smaller than the Head class (used for module titles). 
QuickLinks was a special render mode of the Links module, I am not sure about the Signin but perhaps 
it had a compact version too.*/

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

/* The normal group of classes is the styling for the main text displayed within most modules. */
.Normal,.NormalDisabled
{
margin:0px; 
padding:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

/* Styles any text which should appear disabled, in most cases you would use this default setting. */
.NormalDisabled
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}

/* This is for any text that requires emphasis. Generally you will find this within the admin settings page of a module. */
.NormalBold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold
}

/* The text styling for any error messages, for example, on the registration page if a user does not enter the correct details. */
.NormalRed
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #ff0000
}

/* Styling of all text boxes, ie. the search box, registration page, module settings page. */
.NormalTextBox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    background-color: #FFFFFF
}

/*****************************/
/****** Tree Menu Styles ******/
/****************************/

.TreeViewMenu 
{
	width: 200px;
	margin:0px;
	padding:0px;
	font-size: 10px;
	text-transform:uppercase;
}
.TreeViewMenu_Header 
{
	color: #C2A26F; /*Pale Gold*/
	background-color: #C2A26F; /*Pale Gold*/
    height: 23px;  
}

.TreeMenu_Node { 
	color: #000000;
	font-size: 10px;
	text-transform:uppercase;
	font-stretch:condensed;
	
}
.TreeMenu_NodeHover {
	color: #000000;
	font-size: 10px;
	text-transform:uppercase;
	text-decoration:underline;
}
/*
A.TreeMenu_Node:link{
	color: #000000;
	font-size: 10px;
	text-transform:uppercase;
	font-variant:small-caps; 
}
A.TreeMenu_Node:visited {
	color: #000000;
	font-size: 10px;
	text-transform:uppercase;
	font-variant:small-caps;
}
A.TreeMenu_Node:active {
	color: #000000;
	font-size: 10px;
	text-transform:uppercase;
	font-variant:small-caps; 
}
A.TreeMenu_Node:hover {
	color: #000000;
	font-size: 10px;
	text-transform:uppercase;
	font-variant:small-caps;
	text-decoration:underline;
}
*/
.TreeMenu_NodeSelected { 
	color: #AD732A; /*Dark Gold*/
	font-size: 10px;
	background-color: #ECE7D1; /*Cream*/
	text-transform:uppercase;
}
/*
A.TreeMenu_NodeSelected:link {
	color: #AD732A;
	font-size: 10px;
	text-transform:uppercase;
	font-variant:small-caps;
}

A.TreeMenu_NodeSelected:visited {
	color: #AD732A; 
	font-size: 10px;
	text-transform:uppercase;
	font-variant:small-caps;
}
A.TreeMenu_NodeSelected:active {
	color: #AD732A; 
	font-size: 10px;
	text-transform:uppercase;
	font-variant:small-caps;
}
A.TreeMenu_NodeSelected:hover {
	color: #AD732A; 
	font-size: 10px;
	text-transform:uppercase;
	font-variant:small-caps;
	text-decoration:underline;
}
*/
.TreeMenu_ChildNode { 
	color: #777066; /* Dark Brown Grey */
	font-size: 10px;
	text-transform:uppercase;
}
/*
A.TreeMenu_ChildNode:link{
	color: #999999;
	font-size: 10px;
	text-transform:uppercase;
	font-variant:small-caps; 
}
A.TreeMenu_ChildNode:visited {
	color: #999999;
	font-size: 10px;
	text-transform:uppercase;
	font-variant:small-caps;
}
A.TreeMenu_ChildNode:active {
	color: #999999;
	font-size: 10px;
	text-transform:uppercase;
	font-variant:small-caps; 
}
A.TreeMenu_ChildNode:hover {
	color: #999999;
	font-size: 10px;
	text-transform:uppercase;
	font-variant:small-caps;
}
*/
.TreeMenu_ChildNodeSelected { 
	color: #514654;
	font-size: 10px;
	text-transform:uppercase;
}
/*
A.TreeMenu_ChildNodeSelected:link{
	color: #514654;
	font-size: 10px;
	text-transform:uppercase;
	font-variant:small-caps; 
}
A.TreeMenu_ChildNodeSelected:visited {
	color: #514654;
	font-size: 10px;
	text-transform:uppercase;
	font-variant:small-caps;
}
A.TreeMenu_ChildNodeSelected:active {
	color: #514654;
	font-size: 10px;
	text-transform:uppercase;
	font-variant:small-caps; 
}
A.TreeMenu_ChildNodeSelected:hover {
	color: #514654; 
	font-size: 10px;
	text-transform:uppercase;
	font-variant:small-caps;
}
*/

/*****************************/
/* ***** File Manager Styles***** */
/****************************/

/* Main borders that surround the FileManager, you can also set the overall height of the FileManager. */
.FileManager
{
    border-right: #666666 1px solid;
    border-top: #666666 1px solid;
    border-left: #666666 1px solid;
    border-bottom: #666666 1px solid;
    height:400px;
    background-color: #FFFFFF
}

/*Styles the toolbar section, bottom border, text colour, height*/
.FileManager_ToolBar
{
    border-bottom: #FFFFFF 1px solid;
    height:50px;
    color: #000000;
}

/*The borders, background colour, height etc. of the left hand side explorer window for the FileManager. */
.FileManager_Explorer
{
    height:50%;
    border: dimgray 11px solid;
    background-color: #D05C01; /*Dark Orange*/
    margin: 3px 3px 3px 3px;
}

/* The borders, background colour, height etc. of the main file list on the right hand side for the FileManager. */
.FileManager_FileList 
{
    height: 90%;
    border: yellow 10px solid;
    background-color: #D05C01; /*Dark Orange*/
    margin: 3px 3px 3px 3px;
    overflow: auto;
}

/* Any alerts created by the FileManager, such as when moving files. */
.FileManager_MessageBox 
{
    text-align: center;
    vertical-align: middle;
    background-color: #D05C01; /*Dark Orange*/
    padding: 5px 5px 5px 5px;
}


/* Main header in the file explorer and file list sections. The colour for the text only changes the header text in the file explorer section. */
.FileManager_Header
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    background-color: pink;
    border-bottom: #FFFFFF 1px solid;
    height: 50px;
}


/* The paging details that appear at the bottom of the file list. */
/* Note: you can not change the font for the ‘page 1 of 4’ text using this class. This text is controlled with the NormalBold class. You can delete the font details below from the default.css file without having any effect on the FileManager. */
.FileManager_Pager
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #D05C01; /*Dark Orange*/
    border-top: dimgray 10px solid;
    height: 50px;
}

/* The bottom table section which contains the folder location, used disk space and items per page. */
/* Note: This does not change the fonts for the StatusBar. The fonts are controlled using the NormalBold class. Therefore the font details below can be removed from the default.css file without affecting the FileManager. */
/* The margin section can also be removed. The two items that make any changes are the height and background-color. */
.FileManager_StatusBar
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    background-color: #D05C01; /*Dark Orange*/
    height: 50px;
    margin: 10px 10px 10px 10px;
}


/* The file list items. This affects the first and every odd numbered item, ie. 1, 3, 5 etc. in the list. */
/* The font styling in this class just affects the Date details. The font styling for the rest of the file items is set using the Normal class. */
/* Note that the borders for the list items are defined in the .FileManager_Item class and not in the .FileManager_AltItem class. */
.FileManager_Item
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    background-color: #FFFFFF;
    border-top: #000000 5px dashed;
    border-bottom: #FF000000 5px dashed;
}

/* The file list items. This affects the second and every even numbered item, ie. 2, 4, 6 etc. in the list. */
/* The font styling in this class just affects the Date details. The font styling for the rest of the file items is set using the Normal class. */
/* Note that the borders for the list items are defined in the .FileManager_Item class and not in the .FileManager_AltItem class. */
.FileManager_AltItem
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    background-color: #D05C01; /*Dark Orange*/
    border-style: none;
}


/* The styling for a file list item that is selected ie. You have ticked the box on the right hand side of the list item to perform a function on the file. */
/* The font styling in this class just affects the Date details. The font styling for the rest of the file items is set using the Normal class. */
.FileManager_SelItem
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: White;
    background-color: green;
    border-style: none;
}


/* The font style for each of the folders within the portal. */
.FileManagerTreeNode 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
}

/* The folder that is currently selected in the explorer section of the FileManager. */
.FileManagerTreeNodeSelected 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    background-color: #D05C01; /*Dark Orange*/
}

/* Adjusting the properties in these classes does not change the link styling for any of the folders within the explorer of the File Manager. 
From the naming of the classes, you would expect them to. Perhaps these classes are now redundant in the later versions of DotnetNuke? */
A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link {
    text-decoration:    none;
	text-transform:uppercase;
    color: #AD732A;
}
A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited  {
    text-decoration:    none;
	text-transform:uppercase;
    color: #AD732A;
}
A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active   {
    text-decoration:    none;
	text-transform:uppercase;
    color: #AD732A;
}
A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover    {
    text-decoration:    none;
	text-transform:uppercase;
    color: #AD732A;
}


/*****************************/
/* ***** Site Wizard Styles***** */
/****************************/
/*  */
.Wizard
{
    border-right: #666666 1px solid;
    border-top: #666666 1px solid;
    border-left: #666666 1px solid;
    border-bottom: #666666 1px solid;
    height:400px;
    width:650px;
}

/*  */
.WizardButton
{
    border-right: #666666 5px solid;
    padding-right: 2px;
    border-top: #666666 5px solid;
    padding-left: 2px;
    padding-bottom: 2px;
    border-left: #666666 5px solid;
    padding-top: 2px;
    border-bottom: #666666 5px solid;
    background-color: #FFFFFF
}

/*  */
.WizardHeader
{
    background: #666666;
    border-bottom: blue 10px solid;
    height: 70px;
}

/*  */
.WizardFooter
{
    border-top: blue 10px solid;
    background: #666666;
    height: 25px;
    text-align: right;
}

/*  */
.WizardBody
{
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    height: 325px;
    background-color: #FFFFFF;
}

/*  */
.WizardHelp
{
    padding-right: 5px;
    padding-left: 5px;
    font-size: 10px;
    padding-bottom: 5px;
    border-left: blue 10px solid;
    width: 180px;
    padding-top: 5px;
    background-color: #FFFFFF;
}

/*  */
.WizardHelpText
{
    overflow: auto;
    font-size: 10px;
    width: 10px;
    color: purple;
    font-family: Tahoma, Arial, Sans-Serif;
    height: 600px;
}

/*  */
.WizardText
{
    font-size: 10px;
    color: black;
    font-family: Tahoma, Arial, Sans-Serif;
}

/*****************************/
/* ***** General Styles***** */
/****************************/

/* text style used for help text rendered by modules */
.Help
{
  border-right: black 1px solid;
  padding-right: 20px;
  border-top: black 1px solid;
  padding-left: 2px;
  font-weight: normal;
  font-size: 10px;
  padding-bottom: 2px;
  border-left: black 1px solid;
  color: black;
  padding-top: 2px;
  border-bottom: black 1px solid;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #006699; /*Medium Blue*/
}

/*  */
.CommandButton     
{
    font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
    font-size: 10px;
    font-weight: bold;
}  

/*  */
A.CommandButton:link 
{
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
    font-size: 10px;
	font-weight: bold;
    text-decoration: none;
    color: #006699; 
}

/*  */
A.CommandButton:visited  
{
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
    font-size: 10px;
	font-weight: bold;
    text-decoration: none;
    color: #006699;
}

/*  */
A.CommandButton:active   
{
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
    font-size: 10px;
	font-weight: bold;
    text-decoration: none;
    color: #006699;
}

/*  */
A.CommandButton:hover    
{
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
    font-size: 10px;
	font-weight: bold;
    text-decoration: underline;
    color: #666666;
}

/*  */
.StandardButton
{
    padding: 3px;
    border: 1px solid #AD732A;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    background-color: #AD732A; /*Dark Gold*/
    color: #FFFFFF;
    font-family:  Arial, Helvetica, sans-serif;
}

H1  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
    color: #AD732A;
}

H2  { 
    font-family: Arial, Helvetica, sans-serif;
    font-size:  13px;
    font-weight:    normal;
    color: #AD732A;
}

H3  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  14px;
    font-weight:    normal;
    color: #AD732A;
}

H4  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  15px;
    font-weight:    normal;
    color: #AD732A;
}

H5, DT  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  16px;
    font-weight:    bold;
    color: #AD732A;
}

H6  {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  17px;
    font-weight:    bold;
    color: #AD732A;
}

THEAD    
{   
    background-color: yellow;
}

TFOOT    
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:  11px;
    color: #FFFFFF;
    background-color: #EEEEEE;
}

TH  
{
    vertical-align: baseline;
    font-family: Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: purple;
}
A:link 
{
	font-family: Arial, Helvetica, sans-serif;
    	font-size:  12px;
    	text-decoration:    none;
    	color:  #AD732A;
		margin-bottom:0px;
}
A:visited   
{
    text-decoration:    none;
    color:  #AD732A;
	margin-bottom:0px;
}
A:active    
{
    text-decoration:    none;
    color:  #AD732A;
	margin-bottom:0px;
}
A:hover 
{
    text-decoration:    underline;
    color:  #AD732A;
	margin-bottom:0px;
}
hr {
    color: #AD732A;
    border: 0px solid white;
    background-color: #AD732A; /*PSP Dark Orange*/
    height: 1px;
    text-align: left
}

/*****************************/
/* ***** Module Menu Styles***** */
/****************************/

/* Styles the elements that surround the triangle for the module settings menu. */
.ModuleTitle_MenuContainer
{
    border:0px;
    background-color: transparent;
}

/* Sets the height of the menu bar section.  */
.ModuleTitle_MenuBar
 {
    cursor: pointer; 
    height: 20px;
}

/* Styling for the main menu items. Here you can set the overall font styling. The borders can be styled, but when you hover over a menu item with the mouse, the top and bottom borders disappear. (You can view this in the second image). The background color affects all menu items, but note that this does not change the background color behind the icons. */
.ModuleTitle_MenuItem 
{ 
    cursor: pointer; 
    color: #000000; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    font-weight: bold; 
    font-style: normal; 
    border:0px;
    background-color: transparent;
}

/* Styles the icons on the left hand side of the menu. Here you can assign a background color and borders, but note the second picture below. When the mouse moves over the menu items, the borders disappear, except for the right border. We have added a border-right in this example, but this effect can also be created by adding a border-left in the .ModuleTitle_MenuItem class. The height value can be used to space out each of the menu items. */
.ModuleTitle_MenuIcon 
{
    cursor: pointer; 
    background-color: transparent; 
    border:0px;
    text-align: center; 
}

/* This styles the main menu and sub-menu boxes. Here you can set an overall border and background color for these elements. The z-index sets the stacking order relative to other positioned elements. If you remove the z-index the menu will not display when you hover over the menu icon in the container. */
.ModuleTitle_SubMenu {
    z-index: 1000; 
    cursor: pointer; 
    background-color: #FFFFFF; 
   /* filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);  IE Only */
    border-bottom: #666666 1px solid; 
    border-left: #666666 1px solid;
    border-top: #666666 1px solid;
    border-right: #666666 1px solid;
}

/* Styles the break section between the menu items. */
.ModuleTitle_MenuBreak 
{
	background-image:url(littledot.jpg);
    border-bottom: #666666 0px solid; 
    border-top: #666666 0px solid;   
    background-color: #D9D9D9; 
    height: 5px;
}

/* Styles the menu item when hovering over a menu item with the mouse. In this example we have increased the font size to further emphasise the styling options, but in most cases you would set the font size to be the same as the other menu items. */

.ModuleTitle_MenuItemSel 
{
    cursor: pointer; 
    color: #666666; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    font-weight: bold; 
    font-style:normal;
    background-color: #FFFFFF;
}

/* Styles the area around the menu arrow. You can see the arrow at the bottom of the menu list. You can see from styling the borders and setting a width the area that the class effects. If you move over each menu item however it will remove all of the borders and just display the background colour, as you can see in the second image below. */
/* Changing the font type and size has no effect. */
.ModuleTitle_MenuArrow 
{
   /* display: none;   ---ADD to remove arrow*/
    font-family: verdana; 
    font-size: 10px; 
    cursor: pointer; 
    border:0px;
}

/* Upon changing the settings in this class we could not find what this class actually styles within the module settings menu.*/
/* Therefore this class can probably be removed without causing any problems.*/
/* Here you can view the equivalent of this class in the main solpart menu root menu arrow section. */
.ModuleTitle_RootMenuArrow 
{
    font-family: webdings; 
    font-size: 30px; 
    cursor: pointer; 
    background-color: #FFFFFF;
    border-right: #666666 1px solid; 
    border-bottom: #666666 1px solid; 
    border-top: #666666 1px solid; 
}

/*****************************/
/* ***** Solpart Menu Styles***** */
/****************************/

/*  */
.MainMenu_MenuContainer 
{
     border: 0px solid #666666;
     background-color: transparent;
}

/*  */
.MainMenu_MenuBar
 {
 	background-image: url(button_bg.jpg);
	background-repeat: repeat-x;
    	cursor: pointer; 
    	height: 29px;
}

/*  */
.MainMenu_MenuItem 
{
    cursor: pointer; 
    color: #000000; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: bold; 
    font-style: normal; 
    border: 0px;
    background-color: #FFFFFF;
}

/*  */
.MainMenu_MenuIcon
{
    cursor: pointer; 
    background-color: #FFFFFF; 
    border: 0px;
    text-align: center; 
    width: 20px; 
    height: 30px;
}

/*  */
.MainMenu_SubMenu { 
    z-index: 1000; 
    cursor: pointer; 
    background-color: #FFFFFF; 
  /*  filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);  */
    border: 0px;
}

/*  */
.MainMenu_MenuBreak 
{
    border: 0px;
    background-color: #EEEEEE; 
    height: 2px;
}

/*  */
.MainMenu_MenuItemSel 
{
    cursor: pointer; 
    color: #666666; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: bold; 
    font-style: normal;
    border: 0px;
    background-color: #FFFFFF;
}

/* Styles the area around the menu arrow. The arrow is displayed to the right of a sub-menu item whenever there is a sub-sub-menu item. */
.MainMenu_MenuArrow
{
    font-family: verdana; 
    font-size: 11px; 
    cursor: pointer; 
    border:0px;
    background-color: transparent;
}

/* Styles the area around the root menu arrow. The arrow is displayed to the right of a root menu item whenever there is a sub-menu item.*/
/* You can see from styling the borders the area that the class effects.*/
/* Changing the font type and size has no effect */
.MainMenu_RootMenuArrow 
{
    font-family: webdings; 
    font-size: 11px; 
    cursor: pointer; 
    background-color: #FFFFFF;
    border:0px;
}

/* BREADCRUMB STYLES */

.MainMenu_RootMenuItemBreadcrumb
{   
    border: 0px;
    background-color: #FFFFFF;
    height: 50px;
}

/*  */
.MainMenu_SubMenuItemBreadcrumb
{   
    border: 0px;
    background-color: #FFFFFF;
    height: 50px;
}

/*  */
.MainMenu_RootMenuItem
{
    border: 0px;
    background-color: #FFFFFF;
}
/*  */
.MainMenu_RootMenuItemActive 
{
    border: 0px;
    background-color: #FFFFFF;
    height: 50px;
}
/*  */
.MainMenu_SubMenuItemActive
{
    border: 0px;
    background-color: #FFFFFF;
    height: 50px;
    padding: 20px;
}

/*  */
.MainMenu_RootMenuItemSelected
{
    border: 0px;
    background-color: #FFFFFF;
    height: 50px;
}

/*  */
.MainMenu_SubMenuItemSelected
{
    border: 0px;
    background-color: #FFFFFF;
    height: 50px;
}