/*========================================================*/
/*  CSS for Blue Fox Fire: Portal Skins
 	[Blue Fox Fire - Mozilla Firefox and Google, Take back the web]   	  
 
 	Anne Anderson
 	eScope Media : advancing your ebusiness
 	Email.: service@escope.com.au
 	Web...: http://www.escope.com.au
	7.5.2008
 
 	Copyright � 2006-2008 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%;
}

body{
	background: url(images/pageBG.jpg) repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Catch-all to ensure text color, font, and size consistency */

body, .normal, .normalTextBox, table, tr, td, p, th, tfoot, thead, td, span, div, a{
	font-family: Verdana, Arial, Tahoma, Sans-Serif; 	
	font-size: 9.0pt;
	font-weight: normal;
	color: #333333;
	background-color: transparent;
 	line-height: normal;
}

img {
	border: solid 0px #cccccc;
}

.imgPhoto {
	border: solid 8px #222222;
}

.imgFlash {
	border: solid 1px #ffffff;
	text-align: center;
	background-color: transparent;
}

.flashBG {
	
}

/* ================================================= */
/* 2. Text:	dk text#333333, light text #666666, 
            red #cc3333, white #ffffff*/
/* ================================================= */


span {
	font-weight: bold; 
}


/* Defines Headings and Bulletted lists */
h1			{  font-weight: bold; }
h2			{  font-weight: bold; }
h3			{  font-weight: bold; }
h4			{  font-weight: bold; font-style: italic; }
h5, dt		{}	
h6  		{}

tfoot, thead {}
th  		{ vertical-align: baseline;  font-weight: bold; }

hr 			{ border-top:dotted 1px #cccccc; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

ul			{}
ul li   	{ list-style-type: square; 	font-family: Verdana, Arial, Tahoma, Sans-Serif; 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;}


/* Defines Wizard text */
.WizardText {
	font-weight: normal;
}

/* Defines Copyright text */
.CopyrightText {
	color: #ffffff;	
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 0.95em;
}

/* Defines Current Date Text */
.CurrentDate {
	color: #333333;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: 500;
}


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

/* ================================================= */
/* 3. Links color: dk text#333333, light text #666666
   red #accaaa, orange #cc3300, white #ffffff #003399*/
/* ================================================= */

/* Defines Basic links */
a:link, a:visited, a:active{
	color: #ff6600;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #0c353f;
	font-weight: bold;
	text-decoration: underline;
}

a {
	font-weight: bold;
	text-decoration: none;
}

/* Defines Breadcrumb items */
a.BreadcrumbLink:link, a.BreadcrumbLink:visited, a.BreadcrumbLink:active {
	color: #ffffff;
	font-size: 1.0em;
	font-weight: 500;
}

a.BreadcrumbLink:hover {
	color: #0c353f;
	font-size: 1.0em;
	font-weight: 500;
}

a.BreadcrumbLink {
	padding: 0px 5px 0px 5px;
	color: #ffffff;
	font-size: 1.0em;
	font-weight: 500;
}

.BreadcrumbLink {
	color: #ffffff;
	padding: 0px 5px 0px 5px;
	font-size: 1.0em;
	font-weight: 500;
}

/* Defines Search Items */
a.SearchLink:link, a.SearchLink:visited, a.SearchLink:active {
	background: url(images/SearchButton.gif) no-repeat;
	background-position: 2px 5px;
	color: #cccccc;
	font-size: 0.95em;
	font-weight: normal;
	width: 20px;
	height: 20px;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px -10px;
}

a.SearchLink:hover {
	background: url(images/SearchButton.gif) no-repeat left;
	background-position: 2px 3px;
	color: #ffffff;
	font-size: 0.95em;
	font-weight: 500;
	width: 20px;
	height: 20px;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px -10px;
}

a.SearchLink {
	color: #cccccc;
	font-size: 0.95em;
	font-weight: 500;
	width: 20px;
	height: 20px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px -10px;
}

.SearchLink {
	padding: 6px 0px 0px 0px;
	font-size: 0.95em;
	font-weight: normal;
	height: 20px;
}

 /*a.SearchLink:link, a.SearchLink:visited, a.SearchLink:active, a.SearchLink:hover{
	border: solid 1px red;
	background: url(images/SearchButton.gif) no-repeat;
	width: 20px;
	height: 20px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px -10px;
}*/

/* Defines styles for eScope Links Items */
a.emLink:link, a.emLink:visited, a.emLink:active {
	color: #ffffff;
	font-weight: normal;
}

a.emLink:hover {
	color: #003366;
}

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

/* Defines styles for Login/Logout Items */
a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active {
	color: #ffffff;
	font-weight: normal;
}

a.LoginLink:hover {
	color: #003366;
	font-weight: normal;
}

a.LoginLink {
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	font-weight: normal;
	font-size: 0.95em;
}

/* Defines Login/User Items */
a.LoginUserLink:link, a.LoginUserLink:visited, a.LoginUserLink:active {
	color: #ffffff;
	font-weight: normal;
}

a.LoginUserLink:hover {
	color: #003366;
	font-weight: normal;
}

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

/* Defines Footer Items */
a.FooterLink:link, a.FooterLink:visited, a.FooterLink:active {
	color: #ffffff;
	font-weight: normal;
}

a.FooterLink:hover {
	color: #003366;
	font-weight: normal;
}

a.FooterLink {
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	font-weight: normal;
	font-size: 0.95em;
}

/* Defines Business Address text */
.CompanyAddressText {
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 0.95em;
}

a.CompanyAddressText:link, a.CompanyAddressText:visited, a.CompanyAddressText:active {
	color: #ffffff;
	font-weight: normal;
}

a.CompanyAddressText:hover {
	color: #003366;
	font-weight: normal;
}

a.CompanyAddressText {
	color: #ffffff;
	font-weight: normal;
	font-size: 0.95em;
}

/*========================================================*/
/*  4. Forms & Administration                             */
/*========================================================*/
/* Defines form input objects */
select, input{
	background-color: #ffffff;	
}

textarea{
	background-color: #ffffff;
}

.Normal select {
	width: 150px;
	background-color: #ffffff;	
}

.Normal input {
	background-color: #ffffff;	
}

/* Defines text boxes used in admin and edit pages and for navigation compatibility */
.NormalTextBox {
	padding: 0px 0px 0px 2px;
	background-color: #ffffff;	
}

#dnn_ctr589_ModuleContent .NormalTextBox{
	background-color: #f3ea90;	
	border: solid 1px #cc9933;
	padding: 1px 0px 0px 2px;
}

#dnn_ctr590_ModuleContent .NormalTextBox{
	background-color: #f3ea90;	
	border: solid 1px #cc9933;
	padding: 1px 0px 0px 2px;
}

.NormalTextBox td{
	background-color: #ffffff;	
}

.NormalTextBox input {
	background-color: #ffffff;	
}

#dnn_ctr589_ModuleContent #dnn_ctr589_DynamicForms_Responses_88402c26-b848-481d-8d8f-c3589ccbb35b{
	background-color: #ffffff;	
}

#dnn_ctr589_ModuleContent #dnn_ctr589_DynamicForms_Responses_22878c63-3532-4a88-a523-bd7440210c62{
	background-color: #ffffff;	
}

/* Defines Normal text */
.Normal, .NormalBold,.NormalDisabled, .NormalRed {
	padding: 0px 5px 0px 0px; 
	font-size: 1.0em;
    font-family: Arial, Tahoma, Verdana, Sans-Serif;
}

/* Defines Normal text with emphasis */
 .NormalBold {
	font-weight: bold;
    font-family: Arial, Tahoma, Verdana, Sans-Serif;
}

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

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

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

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

/* Defines second level heading */
.SubHead {
	color: #000000;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
    font-size: 1.0em;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
}

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

/* Defines buttons */
.StandardButton {
	font-weight: bold;
	text-decoration: none; 
	text-align: center;
	padding: 2px 0px 2px 0px;
	border: solid 0px #cccccc;
	font-size: 1.0em;
	color: #000000;
	background-color: Transparent;
}

/* Defines buttons that look like links */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {
	text-decoration: none;
    font-weight: bold;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
    color: #000000;
}

a.CommandButton:hover {
	text-decoration: underline;
    font-weight: bold;
    color: #cccccc;
}

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

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton  {
    font-weight: bold;
}

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

/* Defines the background to Search Box */
#dnn_dnnSEARCH_txtSearch.NormalTextBox  {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 12px;
	background-color: #ffffff;	
	border: solid 1px #666666;
	width: 160px;
	height: 20px;
}

/* For Firefox & Opera */
#SearchPane > #dnn_dnnSEARCH_txtSearch.NormalTextBox{
	text-align: left;
	margin: 0px 0px 0px 12px;
	width: 155px;
}

/* for the search input box */
#SearchPane input {
	background-color: transparent;	
   	padding: 0px 0px 0px 0px;
}

#SearchPane label{
	background-color: transparent;		
	color: #cccccc;
    font-size: 0.95em;
   	padding: 0px 2px 3px 0px;
}

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

/* Defines Data Grid items */
.DataGrid_Header {
    font-weight: bold;
	text-align: center;
}

.DataGrid_Item {
    background-color: #ffffff;
}

.DataGrid_AlternatingItem {
	background-color: #eaecee;
}

.DataGrid_SelectedItem {	
    color: #cc3333;
    background-color: #cccccc;
}

.DataGrid_Container {
}

.DataGrid_Footer {
    background-color: #ffffff;
}

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

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

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


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

.fckImageGalleryPathContainer {
	
}

.fckImageGalleryItemContainer {
	
}

.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 styles for gallery slideshow window: ImageGallery.ascx*/
	#waitMessage{
		display: none;
		position: absolute;
		left: 10px;
		top: 10px;
		background-color: #ffffff;
		border: 1px solid #333333;
		padding: 50px;
		color: #333333;
		font-size: 1.0em;
		font-family: Verdana, Tahoma, Arial, Sans-Serif;
	}	
	
	#contentArea{
	float: left;
	height: 100%;
	padding: 0px 0px 0px 0px;
	background-color: #333333;
	}
	
	#galleryTitle{
	position: relative;
	padding: 10px 0px 0px 0px;
	background-color: #ffffff;
	}	
	
	#previewPaneGallery{
	position: relative;
	text-align: center;
	padding: 10px 50px 15px 65px;
	background-color: #ffffff;
	}
	
	#previewPaneGallery img{
	line-height:400px;
	text-align: center;
	}
	
	#nav {
		float: left;
		width: 100%;
		height: auto;
		font-size: 1.5em;
		font-weight: bold;
		background-color: #191814;
		background: url(images/pageBG.gif) repeat;
	}
	
	#nav table{
		width: 50px;
		height: 50px;
		background-color: #191814;
	  	background: url(images/pageBG.gif) repeat;
	}
	
	#nav td{
		width: 20px;
		text-align: center;
		font-size: 1.5em;
		padding: 0px 0px 0px 0px;
		font-weight: bold;
		background-color: #191814;
  		background: url(images/pageBG.gif) repeat;
	}	
	
/* Defines items for Dynamic Forms Module */
	
	#dnn_ctr589_ModuleContent #SaveForm 	{
		width: 450px;
		padding: 10px 0px 0px 0px;
		border-top: dotted 1px #cccccc;
		text-align: right;
	}
	
	#dnn_ctr590_ModuleContent #SaveForm 	{
		width: 300px;
		padding: 10px 0px 0px 0px;
		border-top: dotted 1px #cccccc;
		text-align: right;
	}	
	
	#dnn_ctr589_DynamicForms_lnkSave{
		border: solid 0px #333333;	
	}
	
	

/* ================================================= */
/* 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 {
    width: 1024px;
	text-align: center;
    height: auto;
    background-color: #ffffff;
    border: solid 1px #ffffff;
    border-bottom: dotted 1px #cccccc;
	margin: 0px auto 0px auto; 
}

.PagingTable {
    height: 33px;
}

.ControlPanel table {	
	width: 100%;
	margin: 0px auto 0px auto; 
}

.ControlPanel td { 
	width: auto; 
}

.ControlPanel .SubHead {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
}

.ControlPanel td input{ 
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
}

.ControlPanel td select{
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
}

.ControlPanel .NormalTextBox {
	background-color: #ffffff;	
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
}

.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited .ControlPanel a.CommandButton:active{ 
	
}

.ControlPanel a.CommandButton:hover{
	
}

.ControlPanel a.CommandButton{ 
	font-size: 0.95em; 	
}

/* ================================================= */
/* 6. Main Menu - BG transparent Hover #CC3300*/
/* ================================================= */
/* Defines Menu for Main Skin */
/* Defines outer container for MainMenu */

.MainMenu_MenuBar  { 
	text-align: right;	
	background-color: transparent;
	height: 30px;
	width: auto;
}

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

/* Defines idle state for MainMenu items */
.MainMenu_MenuItem td  {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	text-transform: uppercase;
	text-align: right;
	font-weight: 600;
	color: #cccccc;
	font-size: 1.0em;
	cursor: pointer;
	height: 30px;
	width: 100%;
	padding: 0px 3px 0px 5px;
	background-color: transparent;
}

/* Defines active state for MainMenu items */
.MainMenu_Active td, .MainMenu_BreadcrumbActive td {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.0em;
	color: #ffffff;
	cursor: pointer;
	height: 30px;
	width: 100%;
	padding: 0px 3px 0px 5px;
	background-color: transparent;
  	background: url(images/MenuDnArrow.gif) no-repeat;
  	background-position: -2px 8px;
}

/* Defines hover state for MainMenu items */
.MainMenu_Selected td {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	text-transform: uppercase;
	font-weight: 600;
	color: #ffffff;
	cursor: pointer;
	height: 30px;
	width: 100%;
	padding: 0px 3px 0px 5px;
	background-color: transparent;
}

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

/* Defines Idle state for submenu items */
.MainMenu_SubMenuItem{
	z-index: 1000;
	cursor: pointer;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	color: #666666;
	font-weight: 600;
	height: 18px;
	padding: 0px 0px 0px 2px;
	width: 155px;
	min-width: 155px;	
	background-color: transparent;
}

/* Defines selected state for submenu items */
.MainMenu_SubMenu_Selected {
	z-index: 1000;
	cursor: pointer;
	font-family:Verdana, Tahoma, Arial, Sans-Serif;
	color: #ffffff;
	font-weight: 600;
	width: 155px;
	min-width: 155px;	
	padding: 0px 0px 0px 2px;
	background-color: #cccccc;
}

/* Defines root menu item separator */
.MainMenu_MenuSep {
/*	background: url(images/menuSep.gif) left center no-repeat;*/
	padding: 0px 0px 0px 0px;
	width: 0px;
	height: 30px;
	background-color: transparent;
}

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

.MainMenu_MenuBreak, .MainMenu_MenuBreak td {
	border-top: solid 0px #666666;
	border-bottom: solid 0px #666666;
	border-right: solid 0px #666666;
	padding-left: 0px;
	padding-right: 0px;
	width: 0px;
	background-color: transparent;
}

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

.TreeViewMenu_Header {
}

.TreeMenu_Node {
    font-weight: normal;
}

.TreeMenu_NodeSelected {
    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;
	margin: 2px 2px 2px 2px;
}

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

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

.FileManager_MessageBox {
	text-align: center;
	vertical-align: middle;
	padding: 40px 40px 40px 40px;
	border: #cccccc 0px solid;
}

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

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

.FileManager_StatusBar {	
    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-weight: normal;
    color: #333333;
    background-color: transparent;
    border-top: #cccccc 1px dotted;
    border-bottom: #cccccc 1px dotted;
}

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

.FileManagerTreeNode {	
    font-weight: normal;
}

.FileManagerTreeNodeSelected {	
    font-weight: bold;
	background-color: transparent; 
}

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, Sans-Serif;
	color: #333333;
	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 1px 1px 1px;
}
	
/* Defines the hover state for module menu and submenu items */
.ModuleTitle_MenuItemSel {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	cursor: pointer;
	color: #cc3333;
	background-color: #ffffff;
	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;
	line-height: 0px;
}

/* Defines and establishes the viewable area */	
#PageMaster {
	margin: 0px 0px 0px 0px;
  	background-color: transparent;
	background-image: url(images/PageMasterBG.jpg);
	background-position: top left;
	background-repeat:repeat-x;
	height: 798px;
}

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

#SkinPanel {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}


/* Defines the wrapper for all skin elements, establishes width */
#SkinMaster {
	width: 1024px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	background: transparent;
}

/* For Firefox & Opera */
#SkinPanel> #SkinMaster{

}

/* Defines the wrapper for Header images, Logo/Organisation name, Breadcrumbs, Search, Menu */
#HeaderWrapper {
	float: left;
	text-align:left;
	width: 1024px;
	height: 145px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(images/HeaderBG.jpg) no-repeat;
  	background-color: transparent;
}

/* For Firefox & Opera */
#SkinMaster> #HeaderWrapper {
	width: 1024px;
	margin: 0px 0px 0px 0px;
  	background-color: transparent;
}

#HeaderWrapperAdmin {
	float: left;
	text-align:left;
	width: 1024px;
	height: 145px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
 	background: url(images/HeaderBGAdmin.jpg) no-repeat;
  	background-color: transparent;
}

/* For Firefox & Opera */
#SkinMaster> #HeaderWrapperAdmin {
	width: 1024px;
	margin: 0px 0px 0px 0px;
  	background-color: transparent;
}

/* Defines the container for Header images, Crest/Logo, Organisation name */
#HeaderBanner{
	float: left;
	width: 792px;
	height: 145px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

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

/* For Firefox & Opera */
#HeaderBanner> #HorizontalPane {
	float: left;
	margin: 100px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}

/* Defines the container for SolpartMenu */
#MenuPane {
	float: left;
	width: 1024px;
	height: 30px;	
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
	background-color: transparent;
}

/* For Firefox & Opera */
#HorizontalPane> #MenuPane {
	margin: 15px 0px 0px 0px;
	width: 1024px;
}

/* Defines the container for BreadcrumbsPane */
#BreadcrumbsPane {
	float: left;
	height: 25px;	
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 3px 7px;
	background-color: transparent;
}

/* For Firefox & Opera */
#HorizontalPane> #BreadcrumbsPane {
	padding: 10px 0px 0px 5px;
}

/* Defines the container for Search in the side pane */
#SearchPane {
	height: 25px;	
	width: 198px;
	margin: 0px 4px 2px 0px;
	padding: 4px 0px 0px 0px;
	background-color: transparent;
}

/* For Firefox & Opera */
#LeftPaneWrapper> #SearchPane {
	float: left;
	height: 25px;	
	width: 190px;
	padding: 4px 0px 0px 0px;
	margin: 0px 4px 2px 0px;
	background-color: orange;
}

/* Defines the wrapper for content area items */
#BodyWrapper {
	clear: both;
	float: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 1024px;
 	background: url(images/bodyBG.jpg) repeat-y;
 	border-bottom: solid 3px white;
	background-color: transparent;
}

/* For Firefox & Opera */
#SkinMaster> #BodyWrapper {
	width: 1024px;
	height: auto;
}

/* Defines the wrapper for content area items */
#BodyWrapperAdmin {
	clear: both;
	float: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 1024px;
 	background: url(images/bodyBGAdmin.jpg) repeat-y;
 	border-bottom: solid 3px white;
	background-color: transparent;
}

/* For Firefox & Opera */
#SkinMaster> #BodyWrapperAdmin {
	width: 1024px;
	height: auto;
}

/* Defines SidePaneWrapper within the content area */
#SidePaneWrapper {
	float: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 229px;
	height: 550px;
 	height: auto;
	background: url(images/SidePaneBG.jpg) no-repeat left top;
}

/* For Firefox & Opera */
#BodyWrapper> #SidePaneWrapper {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 229px;
	min-height: 510px;
	height: auto;
}
#BodyWrapperAdmin> #SidePaneWrapper {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 229px;
	min-height: 550px;
	height: auto;
}

/* Defines LeftPane content area */
#SideContentPaneTop {
	float: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 229px;
	height: 110px;
	background-color: transparent;
}

#SidePaneWrapper> #SideContentPaneTop {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 202px;
	height: 110px;
}

/* Defines SidePane content area */
#SideContentPane {
	float: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 229px;
	height: 381px;	
	height: auto;
	background-color: transparent;
}

#SidePaneWrapper> #SideContentPane {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 229px;
	height: 381px;	
	height: auto;
	min-height: 381px;	
}

#SidePaneWrapperAdmin> #SideContentPane {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 229px;
	height: auto;
	min-height: 381px;	
}

/* Defines LeftPaneWrapper within the content area */
#LeftPaneWrapper {
	float: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 202px;
	height: auto;
 	background: url(images/LeftPaneBG.jpg) no-repeat left top;
	background-color: transparent;
}

/* For Firefox & Opera */
#BodyWrapper> #LeftPaneWrapper {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 202px;
	min-height: 510px;
	height: auto;
}

#LeftPaneWrapperAdmin {
	float: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 202px;
	height: 110px;
 	background: url(images/LeftPaneBGAdmin.jpg) no-repeat left top;
}

/* For Firefox & Opera */
#BodyWrapperAdmin> #LeftPaneWrapperAdmin {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 202px;
	height: 129px;
}

/* Defines LeftPane content area */
#LeftContentPaneTop {
	float: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 202px;
	height: 110px;
	background-color: transparent;
}

#LeftPaneWrapper> #LeftContentPaneTop {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 202px;
	height: 125px;
}

#LeftPaneWrapperAdmin> #LeftContentPaneTop {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 202px;
	height: 125px;
}

/* Defines LeftPane content area */
#LeftContentPane {
	float: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 202px;
	height: 381px;	
	height: auto;
}

#LeftPaneWrapper> #LeftContentPane {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 202px;
	min-height: 381px;	
	height: auto;
}

/* Defines RightPaneWrapper within the top section of the content area */
#RightPaneWrapper {
	float: right;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 593px;
	height: 129px;
 	background: url(images/RightPaneBG.jpg) no-repeat left top;
}

/* For Firefox & Opera */
#BodyWrapper> #RightPaneWrapper {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 0px 0px;
	width: 590px;
	height: 129px;
}

/* For Firefox & Opera */
#BodyWrapperAdmin> #RightPaneWrapper {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 590px;
	height: 129px;
}

/* Defines LeftPane content area */
#RightContentPaneTop {
	float: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 590px;
	height: 77px;
	min-height: 77px;	
	background-color: transparent;
}

#RightPaneWrapper> #RightContentPaneTop {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 590px;
	height: 77px;
	min-height: 77px;	
}

/* Defines the wrapper for items between the Content Panes */
#ContentWrapper {
	float: right;
	vertical-align: top;
	margin: 0px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 590px;
	height: auto;
	background-color: transparent;
}

#ContentWrapperAdmin {
	float: right;
	vertical-align: top;
	margin: 0px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 792px;
	height: auto;
	background-color: transparent;
}

/* For Firefox & Opera */
#BodyWrapper> #ContentWrapper {
	width: 590px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}

/* For Firefox & Opera */
#BodyWrapperAdmin> #ContentWrapperAdmin{
	float: right;
	width: 792px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: transparent;
}

/* Defines SidePane within the side content area */
.ContentSide {
	vertical-align: top;	
	width: 229px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Defines LeftPane within the content area - fixed width*/
.ContentLeftFixed {
	vertical-align: top;
	width: 202px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Defines Left and Right TopPanes within the top content area */
.ContentSideTop {
	vertical-align: top;
	width: 229px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}	

.ContentLeftTop {
	vertical-align: top;
	width: 202px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}	

.ContentRightTop {
	vertical-align: top;
	width: 594px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}	

/* Defines TopPane within the top content area */
.ContentTop {
	vertical-align: top;	
	width: 790px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* 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;
}

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

/* Defines RightPane within middle content area */
.ContentRight {
	vertical-align: top;
	width: auto;		 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-left: dotted 1px #cccccc;
}

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

/* Defines wrapper for login/user and footer content */
#FooterWrapper {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 1021px;
	height: 65px;
	background: transparent;
}

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

/* Defines container for Copyright, terms, privacy, contact us token/links within Footer Wrapper */
#FooterContent {
	float: right;
	width: 500px;
	height: 50px;
	text-align: right;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Defines container for Login & User tokens - within Footer Wrapper*/
#CompanyAddress {
	float: left;
	width: 500px;
	height: 50px;
	text-align: left;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}




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