/*========================================================*/
/*  CSS for eScope Media Skin DNN 4.x Portal Skin
 	[eScope Media : advancing your ebusiness, 
     Albury Wodonga, Australia]  
 
 	Anne Anderson
 	eScope Media : e-business
 	Email.: enquiry@escope.com.au
 	Web...: http://www.escope.com.au
	25.2.2007
 
 	Copyright © 2006-7 eScope Media
/*=========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. Universal                                          */
/*  2. Text												  */
/*	3. Links   			                                  */
/*  4. Forms & Administration 	                          */
/*  5. Control Panel               				          */
/*  6. Main Menu 	                                      */
/*  7. Module Menu                   					  */
/*  8. Layout                                             */
/*========================================================*/

/* ================================================= */
/* 1. Universal	*/
/* ================================================= */
/* Forces browser height of 100% */
html {
	height: 100%;
	width:100%;
}

/* Defines Body style modified for fckeditor*/
body 
{
	background-color: #ffffff;
	font-family: verdana, tahoma, arial;
	color: #666666;	
	font-size: 100%; /*!important to stop fonts going microscopic through inheritance*/
}

/* ================================================= */
/* 2. Text:	dk text#333333, light text #666666, 
            red #990000, light green #accaaa, dk green #00552B white #ffffff*/
/* ================================================= */
/* Catch-all to ensure text color, font, and size consistency */
table, th, tr, td, p {
	font-family: Arial,Verdana,Tahoma;
	font-size: 1.0em;
	background-color: transparent;	
}

/* Defines Copyright text */
.CopyrightText {
	color: #666666;	
	background-color: transparent;	
	font-weight: bold;
	font-size: 0.65em;
	padding: 0px 0px 0px 0px;
}

/* Defines text style used for help text rendered by modules */
.Help {
  border: #666666 1px solid;
  padding: 2px 2px 2px 2px;
  background-color: #ecf0e1;
}

/* Defines Headings and Bulletted lists */
h1			{ font-size: 1.2em; font-weight: bold; }
h2			{ font-size: 1.1em; font-weight: bold; }
h3			{ font-size: 1.0em; font-weight: bold; }
h4			{ font-size: 1.0em; font-weight: bold; font-style: italic; }
h5, dt		{ font-size: 0.9em; font-weight: normal; }	
h6  		{ font-size: 0.9em; font-weight: normal; }

tfoot, thead { font-size: 1.0em; font-weight: normal; }
th  		{ vertical-align: baseline; font-size: 1.0em; font-weight: bold; }

hr 			{ border-top:dotted 1px #cccccc }

ul			{}
ul li   	{ list-style-type: square; font-family: Arial,Verdana,Tahoma; padding: 2px 0px 2px 0px;}
ul li li    { list-style-type: disc;}
ul li li li { list-style-type: circle;}
ol li   	{ list-style-type: decimal;}
ol ol li   	{ list-style-type: lower-alpha;}
ol ol ol li { list-style-type: lower-roman;}


/* ================================================= */
/* 3. Links color: dk text#333333, light text #666666
   red #cc0000, white #ffffff*/
/* ================================================= */

/* Defines Basic links */
a:link, a:visited, a:active{
	color: #666666;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;	
}


a:hover {
	color: #cc0000;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;	
}

a {
	color: #666666;
	font-size: 1.0em;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;	
}

td a:link, td a:visited, td a:active {
	font-family: Arial,Verdana,Tahoma;
	font-size: 1.0em;
	color: #666666;
	font-weight: bold;	
	text-decoration: none;
}

td a:hover {
	font-family: Arial,Verdana,Tahoma;
	font-size: 1.0em;
	color: #cc0000;
	font-weight: bold;	
	text-decoration: none;
}

td a {
	color: #666666;
	font-size: 1.0em;
	font-weight: bold;	
	text-decoration: none;	
}

/* Defines Breadcrumb items */
a.BreadcrumbLink:link, a.BreadcrumbLink:visited, a.BreadcrumbLink:active {
	color: #ffffff;
	padding: 0px 5px 0px 5px;
	background-color: transparent;	
	font-size: 0.9em;
}

a.BreadcrumbLink:hover {
	color: #ffffff;
	background-color: transparent;	
	font-size: 0.9em;
}

a.BreadcrumbLink {
	color: #ffffff;
	background-color: transparent;	
	font-size: 0.9em;
}

.BreadcrumbLink {
	color: #ffffff;
	padding: 0px 5px 0px 5px;
	font-weight: bold;
	font-size: 0.9em;
	background-color: transparent;	
}

/* Defines Breadcrumb items for Admin skin */
a.BreadcrumbLinkAdmin:link, a.BreadcrumbLinkAdmin:visited, a.BreadcrumbLinkAdmin:active {
	color: #666666;
	padding: 0px 5px 0px 5px;
	background-color: transparent;	
	font-size: 0.9em;
}

a.BreadcrumbLinkAdmin:hover {
	color: #000000;
	background-color: transparent;	
	font-size: 0.9em;
}

a.BreadcrumbLinkAdmin {
	color: #666666;
	background-color: transparent;	
	font-size: 0.9em;
}

.BreadcrumbLinkAdmin {
	color: #666666;
	padding: 0px 5px 0px 5px;
	font-weight: bold;
	font-size: 0.9em;
	background-color: transparent;	
}

/* Defines Search Items */
a.SearchLink:link, a.SearchLink:visited, a.SearchLink:active {
	color: #666666;
	font-weight: normal;
}

a.SearchLink:hover {
	color: #cc0000;
	font-weight: normal;
}

a.SearchLink {
	color: #666666;
}

.SearchLink {
	padding: 0px 0px 3px 20px;	
	height: 20px;
	width: auto;
	font-size: 0.8em;
}
/* Defines styles for eScope Links Items */
a.emLink:link, a.emLink:visited, a.emLink:active {
	color: #ffffff;
	font-weight: normal;
}

a.emLink:hover {
	color: #999999;
	font-weight: normal;
	font-size: 0.7em;
}

a.emLink {
	padding: 0px 5px 0px 5px;
	font-size: 0.7em;
	color: #ffffff;
	font-weight: normal;
}

/* Defines styles for Login/Logout Items */
a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active {
	font-size: 0.7em;
	color: #ffffff;
	background-color: transparent;		
}

a.LoginLink:hover {
	font-size: 0.7em;
	color: #999999;
	background-color: transparent;	
}

a.LoginLink {
	font-size: 0.7em;
	color: #ffffff;
	background-color: transparent;	
}

/* Defines Login/User Items */
a.LoginUserLink:link, a.LoginUserLink:visited, a.LoginUserLink:active {
	font-size: 0.7em;
	color: #ffffff;
	background-color: transparent;	
}

a.LoginUserLink:hover {
	color: #999999;
	background-color: transparent;	
	font-size: 0.7em;
}

a.LoginUserLink {
	padding: 0px 4px 0px 10px;
	font-size: 0.7em;
	color: #ffffff;
	background: url(images/pipe.jpg) left no-repeat;
}

/* Defines Footer Items */
a.FooterLink:link, a.FooterLink:visited, a.FooterLink:active {
	font-size: 0.7em;
	color: #ffffff;
	background-color: transparent;	
}

a.FooterLink:hover {
	font-size: 0.7em;
	color: #999999;
	background-color: transparent;	
}

a.FooterLink {
	font-size: 0.7em;
	padding: 0px 4px 0px 10px;
	color: #ffffff;
	background: url(images/pipe.jpg) left no-repeat;
}

/*========================================================*/
/*  4. Forms & Administration                             */
/*========================================================*/
/* Defines form input objects */
select, input{
	font-family: Arial,Verdana,Tahoma;
	color: #666666;
	text-align: left;
	font-size: 0.75em;
	background-color: #ffffff;	
}

textarea{
	font-family: Arial,Verdana,Tahoma;
	color: #666666;
	text-align: left;
	font-size:0.85em;
	background-color: #ffffff;	
}

/* Defines styles for select box within tables */
td select {
	font-family: Arial,Verdana,Tahoma;
	color: #333333;
	text-align: left;
	width: 150px;
	background-color: #ffffff;	
}

td td select {
	font-family: Arial,Verdana,Tahoma;
	font-size: 0.8em;
    color: #333333;
	text-align: left;
	width: 150px;
	background-color: #ffffff;	
}

td input {
	font-family: Arial,Verdana,Tahoma;
	color: #333333;
	text-align: left;
	background-color: #ffffff;	
}

td textarea {
	font-family: Arial,Verdana,Tahoma;
	color: #333333;
	text-align: left;
	background-color: #ffffff;	
}

.Normal select {
	font-family: Arial,Verdana,Tahoma;
	font-size: 0.9em;
	color: #333333;
	text-align: left;
	width: 150px;
	background-color: #ffffff;	
}

.Normal input {
	font-family: Arial,Verdana,Tahoma;
	font-size: 0.9em;
	text-align: left;
	color: #333333;
	background-color: #ffffff;	
}

/* Defines Normal text */
.Normal, .NormalBold,.NormalDisabled, .NormalRed {
	font-family: Arial,Verdana,Tahoma;
	color: #333333;
	padding:0px 5px 0px 0px; 
}

/* Defines Normal text with emphasis */
 .NormalBold {
	font-weight: bold;
}

/* Defines the rendered text which should appear disabled */
.NormalDisabled {
	color: #666666;
}

/* Defines warnings or error messages */
.NormalRed {
	color: #990000;
	font-weight: bold;
}

/* Defines Normal text within table cell */
td .Normal{
	font-family: Arial,Verdana,Tahoma;
	color: #333333;
	padding:5px 5px 0px 0px; 
	vertical-align:top;
}

/* Defines Normal text within a table cell */
.Normal td {
	font-family: Arial,Verdana,Tahoma;
	color: #333333;
	padding: 0px 5px 0px 0px; 
	vertical-align: top;
	text-align:left;
}

/* Defines text boxes used in admin and edit pages and for navigation compatibility */
.NormalTextBox {
	font-family: Arial,Verdana,Tahoma;
	color: #333333;
	padding: 0px 0px 0px 2px;
}

/* Defines text input boxes within table cells */
td .NormalTextBox {
	color: #333333;
}
/*
.NormalTextBox option {
	color: #333333;
	padding: 0px 0px 0px 2px;
	text-align: left;
	background-color: #ffffff;	
}*/

/* Defines Container heading */
.Head {
	font-family: Arial,Verdana,Tahoma;
	font-size: 0.85em;
	font-weight: bold;
	color: #333333;
}

/* Defines first level heading */
.Heading {
	font-family: Arial,Verdana,Tahoma;
	color: #333333;
	font-size: 0.85em;
	font-weight: bold;
}

/* Defines second level heading */
.SubHead {
	font-family: Arial,Verdana,Tahoma;
	color: #333333;	
	font-weight: bold;
	padding:5px 0px 5px 0px;
}

td td td .SubHead {
	font-family: Arial,Verdana,Tahoma;
	font-weight: bold;
	font-size: 0.8em;
	color: #333333;	
	padding: 5px 0px 5px 0px;
}

/* Defines module title style used instead of Head for QuickLinks and Signin modules */
.SubSubHead {
	font-family: Arial,Verdana,Tahoma;
    font-weight: bold;
	color: #333333;
	font-size: 0.8em;
	text-align: left;
}

td .SubSubHead {
	font-family: Arial,Verdana,Tahoma;
	font-weight: bold;
	color: #333333;
	font-size: 0.8em;
}

/* Defines buttons */
.StandardButton {
	font-family: Arial,Verdana,Tahoma;
	font-size: 0.8em;
	color: #333333;
	font-weight: bold;
	text-decoration: none; 
	text-align: center;
	padding: 2px 0px 2px 0px;
	background-color: transparent;
	border: solid 0px #cccccc;
}

/* Defines the style for login button */
#dnn_ctr_Signin_pnlLogin {
	width:150px;
}

/* Defines buttons that look like links */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {
	color: #333333;
	text-decoration: none;
    font-weight: bold;
	font-size: 0.8em;
	text-align: left;
}

a.CommandButton:hover {
    color: #cc0000;
	text-decoration: none;
    font-weight: bold;
	font-size: 0.8em;
	text-align: left;
}

a.commandButton {
	color: #333333;
	text-decoration: none;
    font-weight: bold;
	font-size: 0.8em;
	text-align: left;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton  {
	font-family: Arial,Verdana,Tahoma;
    font-weight: bold;
	color: #333333;
	font-size: 0.8em;
	text-align: left;
}

/*td a.CommandButton:link, td a.CommandButton:visited, td a.CommandButton:active {
	color: #333333;
	text-decoration: none;
    font-weight: bold;
	font-size: 0.8em;
}

td a.CommandButton:hover {
    color: #cc0000;
	text-decoration: none;
    font-weight: bold;
	font-size: 0.8em;
}

td a.commandButton {
	color: #333333;
	text-decoration: none;
    font-weight: bold;
	font-size: 0.8em;
}

td td a.CommandButton:link, td td a.CommandButton:visited, td td a.CommandButton:active {
	color: #333333;
	text-decoration: none;
    font-weight: bold;
	font-size: 1.0em;
}

td td a.CommandButton:hover {
    color: #cc0000;
	text-decoration: none;
    font-weight: bold;
	font-size: 1.0em;
}

td td a.commandButton {
	color: #333333;
	text-decoration: none;
    font-weight: bold;
	font-size: 1.0em;
}

td td td a.CommandButton:link, td td td a.CommandButton:visited, td td td a.CommandButton:active {
	color: #333333;
	text-decoration: none;
    font-weight: bold;
	font-size: 0.8em;
}*/

#dnn_ctr396_Signin_cmdPassword {
}

.Separator {
	clear: both; 
	border-bottom: dotted 1px #e1e1e1;
	display: none;
}

/* Defines the background to Search Box */
#SearchPane input {
	background-color: #fefefe;	
	width: 160px;
}

/* Defines the calendar table */
#calEvents td {
	text-align:center;
}

/* Defines Data Grid items */
.DataGrid_Header {
	font-family: Arial,Verdana,Tahoma;
    font-size: 0.75em;
    color: #333333;
    font-weight: bold;
	text-align: center;
	background-color:Transparent;
}

.DataGrid_Item {
	font-family: Arial,Verdana,Tahoma;
	font-size: 0.75em;
    font-weight: normal;
    color: #333333;
    background-color:Transparent;
}

.DataGrid_AlternatingItem{
	font-family: Arial,Verdana,Tahoma;
	font-size: 0.75em;
    font-weight: normal;
    color: #333333;
	background-color: #eaecee;
}

.DataGrid_SelectedItem {
	font-family: Arial,Verdana,Tahoma;
	font-size: 0.75em;
    font-weight: normal;     
    color: #990000;
    background-color: #cccccc;
}

.DataGrid_Container
{
	background-color: Transparent;
}
.DataGrid_Footer
{
    background-color: #ffffff;
}

/* Defines Skin Objects */
.SkinObject {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;	
}

a.SkinObject:link, a.SkinObject:visited, a.SkinObject:active {
   	color: #999999;
	text-decoration: none;
}

a.SkinObject:hover {
	color: #cc0000;
	font-weight: bold;
	text-decoration: none;
}

/* Defines FCKeditor Gallery text size */
.fckImageGalleryContainer {
	background-color: #ffffff;
}

.fckImageGalleryPathContainer {
	font-size: 0.8em;
}

.fckImageGalleryItemContainer {
	font-size: 0.8em;
}

.FCKLinkGalleryContainer{
	background-color:#ffffff;
}

/* Defines Simple Gallery Popup window features */
.popupBG table{
	background-color: #ffffff;
}

/* Defines Simple Gallery Popup window features */
.item {
	text-align: center;
}

/* Defines DNN Text/HTML module, dynamic editing features */
.Normal LabelEditOverClassML {
	background-color: #ffffff;	
}

/* Defines Images within the skin conent */
.normal img {
	border: solid 1px #ffffff;	
}

/* ================================================= */
/* 5. Control Panel									 */
/* ================================================= */

/* Defines text links, images, labels, form objects and tables used in the Control Panel sections */
.ControlPanel img{ 
	margin: 0px 0px 0px 0px; 
}

.ControlPanel td td td td img{ 
	margin: 0px 0px 0px 5px; 
}

.ControlPanel {
    width: 100%;
	text-align: center;
    height: 64px;
    background-color: #FFFFFF;
}

.PagingTable {
    height: 33px;
}

.ControlPanel table {	
	text-align: center;
	width: auto;
	background-color: transparent;
}

.ControlPanel td td td{ 
	width: auto; 
	color: #333333;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;	
	text-align: center;
}

.ControlPanel .SubHead{
	font-weight: bold;
	color: #333333;
	text-align:left;
}

.ControlPanel td .SubHead{
	font-weight:bold;
	color: #333333;
	text-align:left;
}

.ControlPanel td td .SubHead{
	font-weight:bold;
	color: #333333;
	font-size: 0.9em;
}

.ControlPanel td td td .SubHead{
	font-weight:bold;
	color: #333333;
	font-size: 0.85em;
}

.ControlPanel td td td input{ 
	text-align: left;
	padding: 0px 0px 0px 2px; 
}

.ControlPanel td td td select{
	text-align: left;
	padding: 0px 0px 0px 2px; 
}

.ControlPanel .NormalTextBox {
	text-align: left;
	padding: 0px 0px 0px 2px; 
}

.ControlPanel u {
	text-align: left;
	font-size: 0.8em;
}

.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited .ControlPanel a.CommandButton:active{ 
	color: #333333; 	
	font-size: 0.8em;
}

.ControlPanel a.CommandButton:hover{
	color: #cc0000;
	font-size: 0.8em;
}

.ControlPanel a.CommandButton{ 
	text-decoration: none;
	font-weight: bold; 
	text-align: left;
	font-size: 0.9em;
}

.ControlPanel td td td td a.CommandButton { 
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	font-size: 0.9em;
}

/* ================================================= */
/* 6. Main Menu - BG #333333 Hover #cc0000*/
/* ================================================= */

/* Defines outer container for MainMenu */
.MainMenu_MenuBar  { 
	background-color: transparent;
	height: 20px;
}

/* Defines inner container for MainMenu */
.MainMenu_MenuContainer {
	text-align: center;
	background-color: transparent;
	height: 20px;
	width: 250px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

/* Defines idle state for MainMenu items */
.MainMenu_MenuItem td  {
	font-family: verdana, tahoma, arial;
	font-weight: bold;
	text-transform:lowercase;
	color: #666666;
	font-size:0.85em;
	cursor: pointer;
	height: 20px;
	width: 100%;
	background-color: transparent;
	padding: 10px 6px 3px 4px;
}

/* Defines active state for MainMenu items */
.MainMenu_Active td, .MainMenu_BreadcrumbActive td {
	font-family: verdana, tahoma, arial;
	font-weight: bold;
	font-size:0.85em;
	color: #cc0000;
	cursor: pointer;
	height: 20px;
	background-color: transparent;
	padding: 10px 6px 3px 4px;
}

/* Defines hover state for MainMenu items */
.MainMenu_Selected td{
	font-weight: bold;
	color: #000000;
	font-size: 1.0em;
	cursor: pointer;
	height: 20px;
	background-color: transparent;
	padding: 10px 6px 2px 4px;
	border-bottom: solid 1px #000000;
}

/* Defines the container for submenu */
.MainMenu_SubMenu  {
 	z-index: 1000;
	cursor: pointer;
	height: auto;
	width: 155px;
	min-width: 155px;	
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	background-color: #f8f8f8;
	border-color: #666666;
	border-width: 1px 2px 2px 1px;
}	

/* Defines Idle state for submenu items */
.MainMenu_SubMenuItem{
	z-index: 1000;
	cursor: pointer;
	font-family: verdana, tahoma, arial;
	color: #666666;
	font-weight: bold;
	font-size: 0.85em;
	height: 18px;
	padding: 0px 0px 0px 0px;
	width: 152px;
	min-width: 152px;	
	background-color: transparent;
}

/* Defines selected state for submenu items */
.MainMenu_SubMenu_Selected {
	z-index: 1000;
	cursor: pointer;
	font-family: verdana, tahoma, arial;
	color: #ffffff;
	font-weight: bold;
	width: 152px;
	min-width: 152px;	
	padding: 0px 0px 0px 0px;
	background-color: #333333;
}

/* Defines unused elements */
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon{
	display: none;
} 
.MainMenu_MenuBreak, .MainMenu_MenuBreak td {

}

/* Defines Tree view menu items */
.TreeViewMenu {
	width: 175px;
	background-color: #ebebeb;
	border: 1px solid #666666; 
}

.TreeViewMenu_Header {
}

.TreeMenu_Node 
{
	font-family: Arial,Verdana,Tahoma;
    font-weight: normal;
}

.TreeMenu_NodeSelected {
	font-family: Arial,Verdana,Tahoma;
    font-weight: normal;
	background-color: #dcdcdc; 
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link {
    text-decoration:    none;
    color: #003366;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited  {
    text-decoration:    none;
    color: #003366;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active   {
    text-decoration:    none;
    color: #003366;
}

/* Defines FileManager items */
.FileManager {
	height:400px;
	border: #cccccc 1px solid;
}

.FileManager_ToolBar {
	border-bottom: #cccccc 1px solid;
	height:30px;
}

.FileManager_Explorer {
	height:100%;
	width: 100%;
	border: #cccccc 1px solid;
	background-color: transparent;
	margin: 2px 2px 2px 2px;
}

.FileManager_FileList {
	height:100%;
	border: #cccccc 0px solid;
	background-color: transparent;
	margin: 2px 2px 2px 2px;
	overflow: auto;
}

#dnn_ctr323_FileManager_dgFileList {
	border: #cccccc 0px solid;
}

.FileManager_MessageBox {
	text-align: center;
	vertical-align: middle;
	background-color: transparent;
	padding: 30px 30px 30px 30px;
	border: #cccccc 0px solid;
}

.FileManager_Header {
	font-family: Arial,Verdana,Tahoma;
    font-weight: bold;
    color: #333333;
    background-color: #eeeeee;
    border-bottom: #cccccc 1px solid;
    border-top:#ccccc 0px solid;
    border-left:#ccccc 0px solid;
    height: 25px;
}

.FileManager_Pager {
	font-family: Arial,Verdana,Tahoma;
    font-weight: bold;
    background-color: #eeeeee;
    border-top: #cccccc 1px solid;
    height: 25px;
}

.FileManager_StatusBar {
	font-family: Arial,Verdana,Tahoma;
    font-weight: normal;
    background-color: #dedfde;
    height: 35px;
    border-top: #cccccc 1px solid;
	margin: 2px 2px 2px 2px;
}

.FileManager_StatusBar table{
    border: #cccccc 0px solid;
}

.FileManager_StatusBar td{
    border: #cccccc 0px solid;
}

.FileManager_Item {
	font-family: Arial,Verdana,Tahoma;
    font-weight: normal;
    color: #333333;
    background-color: transparent;
    border-top: #cccccc 1px dotted;
    border-bottom: #cccccc 1px dotted;
}

.FileManager_AltItem {
	font-family: Arial,Verdana,Tahoma;
    font-weight: normal;
    color: #333333;
    background-color: #eeeeee;
    border-style: none;
}
.FileManager_SelItem {
	font-family: Arial,Verdana,Tahoma;
    font-weight: normal;
    color: #990000;
    background-color: #dcdcdc;
    border-style: none;
}

.FileManagerTreeNode {
	font-family: Arial,Verdana,Tahoma;
    font-weight: normal;
}

.FileManagerTreeNodeSelected {
	font-family: Arial,Verdana,Tahoma;
    font-weight: normal;
	background-color: #dcdcdc; 
}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link {
    text-decoration:    none;
    color: #003366;
}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited  {
    text-decoration:    none;
    color: #003366;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active   {
    text-decoration:    none;
    color: #003366;
}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover    {
    text-decoration:    none;
    color: #ff0000;
}
/* ================================================= */
/* 7. Module Menus					*/
/* ================================================= */
/* Defines the outer container for module menus */
.ModuleTitle_MenuContainer {
	padding: 10px 0px 10px 0px;
}

/* Defines the inner container for module submenu */
.ModuleTitle_MenuBar {
	cursor: pointer;
}

/* Defines the idle state for module menu and submenu items */
.ModuleTitle_MenuItem {
	font-family: verdana, tahoma, arial;
	color: #666666;
	font-size: 0.85em;
	font-weight: bold;
	background-color: #fefefe;
	padding: 0px 0px 0px 0px;	
	width: 100%;
}

/* Defines the container for module sub-submenu */
.ModuleTitle_SubMenu {
	z-index: 1000;
	cursor: pointer;
	background-color: #f8f8f8;
	padding: 0px 0px 0px 0px;
	width: 182px;
	border-color: #cccccc;
	border-width: 1px 2px 2px 1px;
}
	
/* Defines the hover state for module menu and submenu items */
.ModuleTitle_MenuItemSel {
	font-family: verdana, tahoma, arial;
	font-weight: bold;
	font-style: normal;
	cursor: pointer;
	color: #ffffff;
	background-color: #999999;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

/* Defines module menu icon */
.ModuleTitle_MenuIcon{
	width: 10px;
}

/* Defines unused elements */
.ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow{
	display: none;
}

/* MODULE-SPECIFIC */
/* Defines text for reading messages in Discussion */    
.Message {
}   

/* Defines item titles in Announcements and events */
.ItemTitle {

}

/* ================================================= */
/* 8. Layout										 */
/* ================================================= */

.clearboth{
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

/* Defines and establishes the viewable area */	
#PageMaster {
	height: 100%;
	margin: 0px 0px 0px 0px;
 	background: url(images/pageBG.jpg) repeat; 
}

#SkinPanel {
	margin: 0px 0px 0px 0px;
}

/* Defines the wrapper for all skin elements, establishes width */
#SkinMaster {
	width: 768px;
	text-align: left;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

/* For Firefox & Opera */
#SkinPanel> #SkinMaster {
	width: 768px;
	height: auto;
	margin: 0px 0px 0px 0px;
}

/* Defines the wrapper for ControlPanel */
.ControlPanelLayout{
	vertical-align: top;
	height: auto;
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    background-color: #fefefe;
}

/* Defines the wrapper for Header images, Logo/Organisation name, Breadcrumbs, Search, Menu */
#HeaderWrapperSplash {
	float: left;
	width: 768px;
	height: auto;
	text-align: center;
	padding: 10% 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: transparent;
}

#HeaderWrapper {
	float: left;
	width: 768px;
	height: 175px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	background: url(images/headerBG.jpg) top no-repeat;	
}

/* For Firefox & Opera */
#SkinMaster> #HeaderWrapperSplash {
	width: 768px;	
	height: auto;
	margin: 0px 0px 0px 0px;
}

#SkinMaster> #HeaderWrapper {
	width: 768px;	
	height: 175px;
	margin: 10px 0px 0px 0px;
}

/* Defines the container for Header images, Crest/Logo, Organisation name */
#HeaderBannerSplash{
	float: left;
	width: 768px;
	height: auto;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}

#HeaderBanner{
	float:left;
	width: 768px;
	height: 155px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 5px auto;
	background-color: transparent;
}

/* Defines the wrapper for content area items */
#BodyWrapper {
	clear: both;
	float: left;
	vertical-align: top;
	width: 768px;
	height: 462px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(images/bodyBG.jpg) no-repeat;
}

#BodyWrapperAdmin {
	clear: both;
	float: left;
	vertical-align: top;
	width: 768px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
}

/* For Firefox & Opera */
#SkinMaster> #BodyWrapper {
	height: 462px;
	min-height: 462px;
}

#SkinMaster> #BodyWrapperAdmin {
	min-height: 462px;
}


/* Defines the container for SolpartMenu */
#MenuPane {
	float: left;
	text-align: center;
	height: 20px;	
	width: 768px;
	margin: 145px 0px 0px 0px;
	background-color: transparent;
}

/* Defines the wrapper for Search and Breadcrumbs */
#HorizontalPane {
	float:left;
	width: 100%;
	height: 54px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	background-color: transparent;
}

/* Defines the container for Breadcrumbs */
#BreadcrumbsPane {
	height: auto;
	width: auto;
	text-align: left;
	padding: 30px 0px 5px 55px;
	background-color: transparent;
}

/* Defines the container for Search */
#SearchPane {
	float: right;	
	height: 30px;	
	width: auto;
	text-align: left;
	padding: 30px 55px 10px 0px;
	background-color: transparent;
}

/* Defines the wrapper for items between the Header and footer */
#ContentWrapperSplash {
	clear: both;
	float: left;
	vertical-align: top;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 768px;
	height: 400px;
	background: url(images/spContentBG.jpg) top no-repeat;
}

#ContentWrapper {
	clear: both;
	float: left;
	vertical-align: top;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 50px 0px 50px;
	width: 768px;	
	height: 315px;
	background-color: transparent;
}

#ContentWrapperAdmin {
	clear: both;
	float: left;	
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 50px 0px 50px;
	width: 768px;
	background: transparent;
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;
	
}

/* For Firefox & Opera */
#SkinMaster> #ContentWrapperSplash {
	height: 400px;
	min-height: 400px;
	width: 768px;
}

#BodyWrapper> #ContentWrapper {
	height: 315px;
	min-height: 315px;
	width: 668px;
	margin: 18px 0px 0px 0px;
	padding: 0px 50px 0px 50px;
}

#BodyWrapperAdmin> #ContentWrapperAdmin {
	width: 658px;
	margin: 0px 0px 0px 0px;
	padding: 0px 50px 0px 50px;
}

/* Defines the ContentWrapperSplash table */
#ContentWrapperSplash table {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#ContentWrapperSplash table table {
	width: 100%;
}

#ContentWrapperSplash td {
	width: auto;
}

#ContentWrapperSplash td td {
	width:auto;
}

/* Defines the ContentWrapper table */
#ContentWrapper table {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

#ContentWrapper table table {
	width: 100%;
}

#ContentWrapper td {
	width: auto;
}

#ContentWrapper td td {
	width:auto;
}

#ContentWrapperAdmin table {
	width: auto;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#ContentWrapperAdmin table table {
	width: auto;	
}

/* Controls the filemanager width */
#ContentWrapperAdmin table table table {
	width: 100%;	
}

/* Controls the width of items within filemanager */
#ContentWrapperAdmin table table table table{
	width: auto;	
}

#ContentWrapperAdmin table table table table table{
	width: auto;	
}

#ContentWrapperAdmin td {
	width: auto;	
}

#ContentWrapperAdmin td td {
	width: auto;	
}

/* Defines TopPane within the top content area */
.ContentTop {
	vertical-align: top;	
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}
	
/* Defines the Middle content area - split into three panes: left, center, right */
.ContentMiddle {
	vertical-align: top;	
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}
.ContentMiddleSplit {
	vertical-align: top;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}
/* Defines LeftPane within the middle content area 	
width:230px;*/
.ContentLeft {
	vertical-align: top;
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}

.ContentLeftFixed {
	vertical-align: top;
	width: 280px;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}

/* Defines ContentPane within the middle content area */
.ContentCentre{
	vertical-align: top;
	width: auto;		 
	margin: 0px 0px 0px 0px; 	 
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}

/* Defines RightPane within middle content area */
.ContentRight {
	vertical-align: top;
	width: auto;		 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}

/* Defines Fixed LeftPane within middle content area - two pane skin */
.ColumnLeft{
	vertical-align: top;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	border-right: #a8be7e 1px dashed;
}

/* Defines Fixed RightPane within middle content area - two pane skin */
.ColumnRight {
	vertical-align: top;
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
	border-left: #a8be7e 1px dashed;
}

/* Defines BottomPane within the bottom content area */
.ContentBottom {
	vertical-align: top;	
	width: auto;		 
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}

/* Defines wrapper for login/user and footer content */
#FooterWrapper {
	clear:both;
	float:left;
	margin: 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
	height: 30px;
	width: 768px;
	background: transparent;
}


/* For Firefox & Opera */
#SkinMaster> #FooterWrapper {
	width: 768px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Defines container for Login & User tokens - within Footer Wrapper*/
#LoginUser {
	float: left;
	width: auto;
	height: 30px;
	text-align: left;
	margin: 5px 0px 0px 5px;
	padding: 0px 0px 0px 0px;	

}

/* Defines container for Copyright, terms, privacy, contact us token/links within Footer Wrapper */
#FooterContentSplash {
	width: auto;
	height: 30px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#FooterContent {
	width: auto;
	height: 30px;
	text-align: center;
	margin: 5px auto 0px auto;
	padding: 0px 0px 0px 0px;	
}


/*========================================================*/
/*  End Style Sheet                                  	  */    
/*========================================================*/