/* CSS Document */

/*
Main Colors Used In This Site
TAN: EEEEDD
MEDIUM TAN: C9C9BB
PALE YELOW: FFFFCC
LIGHT BLUE: 3399CC
MEDIUM BLUE: 336699
DARK BLUE: 003366
ORANGE: CC6600

*/

body {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	background-color:#FFFFFF;
	color:#003366;
	background-image:url(background.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
td {
	font-size: 13px; 
 	font-weight: normal; 
 	text-decoration: none; 
}
.li {

}
.navbuttonbg {
	background-image: url(navstripe.jpg);
	background-repeat: repeat-y;
	padding-left: 30px;
	vertical-align:top;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
	text-align: center;
	padding-bottom: 5px;
}
.maintd {
	height:100%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.todaysdate {
	padding-top:10px;
	text-align:right;
	padding-right:10px;
}
.login {
	color: #FFFFFF;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
}
.breadcrumb {
	font-size: 11px;
	color:#CC6600;
}
.controlpanelbg {
	height: 1px;
	padding: 0px;
	margin: 0px;
	background-color: #EEEEDD;
}
.footerbar {
	border:0px;
	background-color: #CC6600;
}
.header  {
	font-size: 14px; 
 	font-weight: bold; 
 	text-decoration: none; 
}
.contact_block  {
	text-align:center;
	padding:5px;
	border:1px solid #003366;
	background-color:#EEEEDD;
	color:#000000;
 	font-weight: normal; 
 	text-decoration: none; 
}
.headerblue  {
	color:#003366;
 	font-weight: bold; 
 	text-decoration: none; 
}
.headerorange {
	color:#CC6600;
	font-weight: normal; 
 	text-decoration: none;
}
.headerorangebold {
	color:#CC6600;
	font-weight: bold; 
 	text-decoration: none;
}
.smallorange {
	color:#CC6600;
	font-size: 11px;
}
.smallblue {
	color:#003366;
	font-size: 11px;
}
.headerbg {
	background-color: #003466;
	background-image: url(images/header_bg.jpg);
	background-repeat: repeat-x;
}
.navbg {
	background-color: #003466;
	background-image: url(images/nav_bg.jpg);
	background-repeat: repeat-y;
	vertical-align:top
}
.rightpane {
	vertical-align:top
}
.sidebar {
	color:#CC6600;
	width:138px;
	text-align:right;
	border-right:1px solid #336699;
	padding-right: 8px;
	padding-top:5px;
}
.sidebaropposite {
	width:100%
	padding-left:8px;
	padding-top:5px;
}
.sidebarbold {
	color:#CC6600;
	font-weight: bold; 
 	text-decoration: none;
}
.sidebarsub {
	color:#CC6600;
 	text-decoration: none;
}
/*****************/

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

/*  */
.PagingTable {
}

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

/* The font colour for links: Search, Breadcrumbs, Terms, Privacy */
A.SkinObject:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
    text-decoration: none;
    color: #3399CC;
	font-weight: normal;
}

/* Changes the colour if you have visited the link  */
A.SkinObject:visited  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
    text-decoration: none;
    color: #3399CC;
	font-weight: normal;
}

/* Changes the colour whenever you hover over a link  */
A.SkinObject:hover    {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
   	text-decoration: underline;
   	color: #3399CC;
	font-weight: normal;
}

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

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


/* 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:  13px;
    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:  10px;
    font-weight:    bold;
    color: #000000;
}

/* 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: 13px;
    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: 13px;
	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: 13px;
    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: 13px;
    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: 13px;
    font-weight: normal;
    background-color: #FFFFFF
}

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

.TreeViewMenu 
{
	width: 149px;
	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***** */
/****************************/




/*****************************/
/* ***** 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: 12px;
  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: #3399CC; 
}

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

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

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

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

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

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

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

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

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

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

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

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

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: underline;
    color: #CC6600;
	margin-bottom:0px;
}
A:visited   
{
    text-decoration: underline;
    color:  #CC6600;
	margin-bottom:0px;
	font-size: 12px;
}
A:active    
{
    text-decoration: underline;
    color: #CC6600;
	margin-bottom: 0px;
	font-size: 12px;
}
A:hover 
{
    text-decoration: none;
    color: #CC6600;
	margin-bottom: 0px;
	font-size: 12px;
}
hr {
	border:0px;
	color: #C9C9BB;
    background-color: #C9C9BB;
    height: 2px;
}

/*****************************/
/* ***** 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: 10px; 
    cursor: pointer; 
    background-color: transparent;
    border:0px
}


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

/*  */
.MainMenu_MenuContainer 
{
	width:149px;
	border:1px solid #FFFFFF;
    background-color: #003366;
}

/*  */
.MainMenu_MenuBar
 {
	padding:2px;
	height:22px; 
	cursor:pointer;
}

/* individual menu sub items */
.MainMenu_MenuItem 
{
    cursor: pointer; 
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
	padding:2px;
    font-style: normal; 
	font-weight: normal; 
	background-color: transparent;


}

/* sub icons */
.MainMenu_MenuIcon
{
    cursor: pointer; 
    background-color: transparent;
    border: 0px;
    text-align: center; 
    width: 0px; 

}

/* Wrapper for all submenu items */
.MainMenu_SubMenu { 
    z-index: 1000; 
    cursor: pointer; 
    background-color: #003366

}

/*  */
.MainMenu_MenuBreak 
{
	color: #003366;
    border: 0px;
	height:0px;
}

/*  */
.MainMenu_MenuItemSel 
{
    cursor: pointer; 
    color: #666666; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 13px; 
    font-style: normal;
	font-weight: normal; 
	padding:2px;
    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; 
	color: #336699; 
    font-size: 14px; 
    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;
	color: #336699; 
    font-size: 14px; 
    font-style: normal;
    cursor: pointer; 
    background-color: transparent;
    border:0px;
}


/* BREADCRUMB STYLES */

.MainMenu_RootMenuItemBreadcrumb
{   
    border: 0px;
	font-size: 14px; 
    font-style: normal;
	font-weight: normal; 
	color:#336699;
    background-color: lime;
    height: 30px;
}

/*  */
.MainMenu_SubMenuItemBreadcrumb
{   
    border: 0px;
	font-size: 14px; 
    font-style: normal;
	font-weight: normal; 
    background-color: roseybrown;
	color:#336699;
    height: 30px;
}

/*  */
.MainMenu_RootMenuItem
{
    border: 0px;
	font-size: 14px; 
    font-style: normal;
	color: #FFFFFF;
    background-color: transparent;
}
/*  */
.MainMenu_RootMenuItemActive 
{
    border: 0px;
	font-size: 14px; 
    font-style: normal;
	font-weight: normal; 
	color: #003366;
    background-color: lightblue;
    height: 30px;
}
/*  */
.MainMenu_SubMenuItemActive
{
    border: 0px;
	font-size: 14px; 
    font-style: normal;
	font-weight: normal; 
	color: #003366;
    background-color: black;
    
}

/*  */
.MainMenu_RootMenuItemSelected
{
    border: 0px;
	font-size: 14px; 
    font-style: normal;
	font-weight: normal; 
	color: #666666;
    background-color: purple;
   
}

/*  */
.MainMenu_SubMenuItemSelected
{
    border: 0px;
	font-size: 14px; 
    font-style: normal;
	font-weight: normal; 
	color:#666666;
    background-color: steelblue;
}