.PageTable {
	width:100%;
	height:100%;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#333333;
	margin: 0;  /*(it's good practice to zero the margin and padding of the body element to account for differing browser defaults)*/
	padding: 0;
	text-align: center; /*(this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector)*/
	vertical-align:top;
}

.Body {
	padding: 0px 0px 0px 0px;
	vertical-align:top;
}

.OuterTable {
	width: 920px;
	/*width: 780px;*/ 
	/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-color: transparent;
	margin:0 auto;
	padding:0;
	text-align:center;
	vertical-align:top;
}

.HeaderImage {
	width:920px;
	height:180px;
	background-image:url(images/Header.gif);
	background-repeat:no-repeat;
}

.HeaderTable {
	width:920px;
	height:180px;
	padding:5;
	text-align:left;
}

.HeaderSpace {
	background-image:url(images/HeaderSpace.gif);
	background-repeat:repeat-y;
	height:130px;
}

.MenuRow {
	background-image:url(images/MenuSpace.gif);
	background-repeat:repeat-x;
	width: 800px;
	Height:50px;
	padding-left:60px;
	vertical-align:middle;
}

.MenuSpace {
background-image:url(images/MenuSpace.gif);
background-repeat:no-repeat;
width:60px;
height:50px;
}

.LoginRow {
	width:920px;
	height:15px;
	background-image:url(images/Body.gif);
	background-repeat:repeat-y;
	text-align:right;
}

.ContentMain {
	width:920px;
	background-image:url(images/Body.gif);
	background-repeat:repeat-y;
}

.Bottom {
	height:20px;
	background-image:url(images/Footer.gif);
	background-repeat:no-repeat;
}

.ContentTable {
	width:920px;
	text-align:left;
	vertical-align: top;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}
/*TopPane*/
.ColumnA {
	width: auto;
	text-align:left;
}
/*LeftPane*/
.ColumnB {
	max-width:30%;
	width: auto;
	text-align:left;
	
}
/*ContentPane*/
.ColumnC {
	width: auto;
	text-align:center;
 }
/*BottomPane*/
.ColumnD {
	width: auto;
	text-align:left;
 }
 
 .Footer {
	 height:80px;
	 text-align:center;
	 vertical-align:top;
	 padding-top:10px;
 }

/*=========================================================================================
DNN STYLES
===========================================================================================*/
/*.ControlPanel*/
/*The main admin control panel at the top of the page when logged in as Host or Admin*/
.ControlPanel {
	background: #333333; 
	border: solid 2px #1b1b1b;  
}

/* SKIN OBJECTS - Note:*/
/*The link classes need to be defined in the following order for the 
hover and active states to work correctly: link, visited, hover, active */

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

/*/SkinObject:link*/
/*The font color for links: Search, Breadcrumbs, Terms, Privacy*/
/*Note: The link classes need to be defined in the following order for the hover and active states to work correctly: link, visited, hover, active*/
A.SkinObject:link {
    font-weight: normal;
    font-size: 12px;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
/*.SkinObject:visited*/
/*Changes the color if you have visited the link:Search, Breadcrumbs, Terms, Privacy*/
A.SkinObject:visited {
    font-weight: normal;
    font-size: 12px;
   	color: #993300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}
/*.SkinObject:hover*/
/*Changes the style when you hover over a link*/
A.SkinObject:hover {
    font-weight: normal;
    font-size: 12px;
   	color: #CC9933;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}
/*.SkinObject:active*/
/*Changes the style when you CLICK a link*/
A.SkinObject:active {
    font-weight: normal;
    font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #FFFFFF;
}

/*Head*/
/*The titles for the modules.*/
.Head {
    font-weight: bold;
    font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #CC9933;
}
/*SubHead*/
/*a) The admin control panel main text (Module; Visibility; Page functions; Common Tasks Etc as visible by admins)
/* The content panes text (Content Pane; Left Pane; Etc as visible by admins)*/
/*b) The titles for each form element within a modules settings*/
.SubHead {
    font-weight: bold;
    font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #CC9933;
}
/*SubSubHead*/
/* 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:  12px;
    font-weight:    bold;
    color: #CC9933;
}

/* DNN Text Override Styles */
/*--------------------------*/
/*.Normal*/
/* The normal group of classes is the styling for the main text displayed within most modules.*/
.Normal {
    font-weight: normal;
    font-size: 11px;
    color: #CCCCCC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.NormalDisabled {
    color: #666666;
}
/*.NormalBold*/
/*This is for any text that requires emphasis. Generally you will find this within the admin settings page of a module.*/
.NormalBold {
    font-weight: bold;
    font-size: 12px;
    color: #CCCCCC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}
/*.NormalRed*/
/*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: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}
/*.NormalTextBox*/
/*Styling of all text boxes, ie. the search box, registration page, module settings page.*/
.NormalTextBox {
	font-weight: normal;
    font-size: 11px;
    color: #CC9933;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
	background-color: #1b1b1b;
	border: solid 1px #666666; 
}

/*LINK STYLES*/
/*-----------*/
/*Note: The link classes need to be defined in the following order for the hover and active states to work correctly: link, visited, hover, active.*/
/*The styling for links. In particular this will style any links you create within the Text / HTML module.*/
A:link {
    font-weight: normal;
    font-size: 11px;
    color: #CCCCCC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}
A:visited {
    font-weight: normal;
    font-size: 11px;
    color: #993300;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}
A:hover {
    font-weight: normal;
    font-size: 11px;
    color: #CC9933;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}
A:active {
    font-weight: normal;
    font-size: 11px;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

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

/* NOTE --> notable classes are MainMenu_Out(for idle menu items), MainMenu_Over(for "selected" menu items) */
/*          and MainMenu_Active(for active tab menu items)                                                  */
/*----------------------------------------------------------------------------------------------------------*/
/*.MainMenu_MenuContainer*/
/*This styles the main menu container for the root menu items. The default.css file uses a background-color: transparent;
This allows the image which runs underneath the menu and search section to show through.*/
.MainMenu_MenuContainer {  
	background: transparent; 
	padding-left: 0px; 
	z-index: 10000;
}
/*.MainMenu_MenuBar*/
/*Sets the height of the menu bar section. This is highlighted by the red arrows below.
Note that the sub-menu items appear directly beneath the menu bar.*/
.MainMenu_MenuBar { 
	cursor: pointer;
	background: transparent;
	padding: 0 0 0 41px;
	height:25px;
}
/*MainMenu_MenuItem*/
/*Styling for the main menu items. Here you can set the overall font styling.*/
/*This class sets the mouse cursor for all sub menu items,*/
/*The background color affects all menu items (root and sub-menus), but note that this does not change the background color behind the icons.*/
/*when you hover over a menu item, this uses the background color from the .MainMenu_MenuItemSel class*/
.MainMenu_MenuItem { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #33000;
	font-size: 14px; 
	background: transparent; 
	font-weight: 900; 
	font-style: normal; 
	padding: 0px 5px 0px 5px; 
	height: 25px; 
	border: 0; 
	word
}
/*.MainMenu_SubMenu*/
/* This styles the main menu and sub-menu boxes. Here you can set an overall border and background color for these elements.*/
.MainMenu_SubMenu { 
	z-index: 1000;  
	cursor: pointer;
	margin: 2px 0 0 1px; 
	background: #666666; 
	padding: 0px; 
	border: 1px solid #1b1b1b;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: 900;  
	filter:none;
}

/*.MainMenu_MenuItemSel*/
/*Styles the menu item when hovering over a menu item with the mouse.*/
.MainMenu_MenuItemSel { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: 900; 
	cursor: pointer; 
	color: #CC9933; 
	background: transparent;  
	padding: 0px 5px 0px 5px; 
	height: 25px; 
	border: 0;
}

.MainMenu_Idle { 
	color: #333333; 
	background: transparent; 
	padding: 0; 
	height: 45px; 
	font-weight: bold;
}
.MainMenu_Selected { 
	color: #CC9933; 
	padding: 0; 
	text-align: right; 
	height: 45px; 
	font-weight: 900;
}
.MainMenu_Active, .MainMenu_BreadcrumbActive { 
	color: #CC9933; 
	padding: 0; 
	height: 45px; 
	font-weight: 900;
}
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  { 
	display: none; 
}

/*.MainMenu_MenuArrow*/
/*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_RootMenuArrow/*
/*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.*/
/*MainMenu_MenuIcon*/
/* Styles the icons on the left hand side of the menu. Here you can assign a background color and borders*/	
.ModuleTitle_MenuBreak, .MainMenuSeperator,.MainMenu_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { 
	display: none; 
}
/*END SOLPART MENU*/
/*---------------------------------------------------------------------------------------------------------------------------------------------*/

/*Module*/

/*.ModuleTitle_MenuContainer*/
/*Styles the elements that surround the triangle for the module settings menu.*/
.ModuleTitle_MenuContainer { 
color: #333333; 
}
/*ModuleTitle_MenuBar
Sets the height of the menu bar section. This is highlighted by the red lines below.*/
.ModuleTitle_MenuBar { 
	cursor: pointer;
}
/*.ModuleTitle_MenuItem
Styling for the main menu items. Here you can set the overall font styling.*/
.ModuleTitle_MenuItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1b1b1b;
	font-size: 12px; 
	background: transparent; 
	font-weight: bold; 
	font-style: normal; 
	padding: 0px 5px 0px 5px; 
	height: 25px; 
	border: 0;
}
/*ModuleTitle_SubMenu
This styles the main menu and sub-menu boxes. Here you can set an overall border and background color for these elements.*/
.ModuleTitle_SubMenu { 
	z-index: 1000;  
	cursor: pointer;
	margin: 2px 0 0 1px; 
	background: #666666; 
	padding: 0px; 
	border: 2px solid #1b1b1b;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal; 
	filter: none; 
}

/*ModuleTitle_MenuItemSel
Styles the menu item when hovering over a menu item with the mouse.*/
.ModuleTitle_MenuItemSel { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold; 
	cursor: pointer; 
	color: #CC9933; 
	background: #333333; 
	padding: 0px 5px 0px 5px; 
	height: 25px; 
	border: 0;
}

/*HELP*/
/*----*/ 
/* text style used for help text rendered by modules */
.Help {
  border-right: black 3px solid;
  padding-right: 20px;
  border-top: black 10px 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: Tahoma, Arial, Helvetica;
  background-color: #ffffff;
}

/*CommandButton*/
/*-------------*/   
/*Text for link buttons within the admin control panel at the top of the page and within the admin pages, such as the admin menu / site settings page.*/

/*Overall text styling for the link buttons*/
.CommandButton {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 15px;
    font-weight: normal;
}  

/*The font color for the links:*/
A.CommandButton:link {
    text-decoration:    underline;
    color: #CCCCCC;
}

/*Changes the colour if you have visited the link*/
A.CommandButton:visited {
    text-decoration:    underline;
    color: #666666;
}

/*Changes the colour whenever you hover over a link*/
A.CommandButton:hover {
    text-decoration:    underline;
    color: #CC9933;
}
/*Changes the colour when you click the link*/
A.CommandButton:active {
    text-decoration:    underline;
    color: #ffffff;
}

/*.StandardButton*/
/*---------------*/ 
/*The standard HTML buttons, for example when logging in.*/
.StandardButton {
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
    font-size: 12px;
    background: #CCCCCC;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* FILE MANAGER*/
/*-------------*/ 

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

/*Styles the toolbar section, bottom border, text colour, height*/
.FileManager_Explorer {
    height:50%;
    border: #333333 3px solid;
    background-color: #ffffff;
    margin: 10px 10px 10px 10px;
}

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

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

/*Main header in the file explorer and file list sections. 
The color for the text only changes the header text in the file explorer section.*/
.FileManager_Header {
    font-family: Verdana, Arial, Helvetica, sans-serif
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    background-color: #999999;
    border-bottom: #333333 5px solid;
    height: 25px;
}

/*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.*/
.FileManager_Pager {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    background-color: #333333;
    border-top: #000000 3px solid;
    height: 25px;
}

/*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.*/
.FileManager_StatusBar {
    background-color: #333333;
    height: 25px;
}
/*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*/
.FileManager_Item {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: Black;
    background-color: #6699CC;
    border-top: black 2px solid;
    border-bottom: black 2px solid;
}

/*The file list items. This affects the second and every even numbered item, ie. 2, 4, 6 etc. in the list.*/
.FileManager_AltItem {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: Black;
    background-color: #FFFFCC;
    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.*/
.FileManager_SelItem {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #CCCCCC;
    background-color: #666666;
    border-style: none;
}

/*The font style for each of the folders within the portal.*/
.FileManagerTreeNode {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
	color:#666666
}
/*The folder that is currently selected in the explorer section of the FileManager.*/
.FileManagerTreeNodeSelected {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
	color:#333333
    background-color: #CCCCCC;
}

/*TREE MENU*/
/*---------*/
/*The text styling as default for the TreeMenu is styled using the .Normal class.*/
/*The text styling for the Header text ‘Site Navigation’ is styled using the .Head class.*/

/*Styles the overall container for the TreeMenu*/
.TreeViewMenu {
    width: 250px;
    background-color: #333333;
	border:#333333 3px solid;
}

/*Styles the Head section of the TreeMenu.*/
.TreeViewMenu_Header {
	background-color: #333333;
	border:#333333 3px solid;
}