﻿/*========================================================*/

/*	SMART Hospitality, Albury Wodonga : Australia
 
 	Anne Anderson, Cameron Sawyer
 	eScope Media : advancing your ebusiness
 	Email.: service@escope.com.au
 	Web...: http://www.escope.com.au
	22.01.2009

 	Design: Anne Anderson
 	Copyright � 2006-2009 eScope Media		*/
/*=========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. Universal                                          */
/*  2. Text												  */
/*	3. Links   			                                  */
/*  4. Forms & Administration 	                          */
/*  5. Control Panel               				          */
/*  6. Main Menu 	                                      */
/*  7. Module Menu                   					  */
/*  8. Miscellaneous & Third Party Styles 				  */
/*  9. Layout                                 			  */
/*========================================================*/

/* ================================================= */
/* 1. Universal										 */
/* ================================================= */
/* Forces browser height of 100% */
html {
	height: 100%;
	width: 100%;
	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, tfoot, thead, td, span, div, a {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 9.8pt;
	font-weight: normal;
	font-style: normal;
	color: #333333;
	line-height: 1.3em;
	background-color: transparent;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	background: url("sImages/pageBg.gif") repeat;*/
	background-color: #cccccc;
	color: inherit;
}

/*p {
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 9.8pt;
	font-weight:600;
	color: #333333;
	line-height: 1.3em;
}*/


img {
	border: solid 0px #cccccc;
 	line-height: 0px;
}

.imgPhoto {
	border: solid 1px #cccccc;
}

.imgFlash {
	border: solid 1px #cccccc;
	text-align: center;
	background-color: transparent;
	color: inherit;
}

.flashBG {
	
}

/* ================================================= */
/* 2. Text                                           */
/* ================================================= */

/* Defines Headings and Bulletted lists */
h1			{  font-weight: bold; }
h2			{  font-weight: bold; }
h3			{  font-weight: bold; }
h4			{  font-weight: bold; }
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, Tahoma, Arial, 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;}

small {  }
big {  }
blockquote, pre { }

span { font-weight: bold; color: inherit; background-color: transparent; }


/* Defines copyright text */
.CopyrightText {
	color: #ffffff;	
	padding: 0px 0px 0px 0px;
	font-weight: 600;
	font-size: 0.95em;
	background-color: Transparent;
}

/*Defines date styles*/
.Date {
    color:#666666;
    text-decoration: none;
    font-weight: 600;
	background-color: transparent;
}

/* Defines text style used for help text rendered by modules */
.Help {
  border: #666666 1px solid;
  padding: 2px 2px 2px 2px;
  background-color: #ecf0e1;
	color: inherit;
}

.BlueText{
    color: #3399cc;
    font-size: 0.95em;
	background-color: transparent;
}

.OrangeText {
    color: #ff9900;
	font-weight: 600;
    font-size: 1.0em;
	background-color: transparent;
}

.OrangeTitle {
    font-size: 1.0em; 
    font-weight: bold;
	color: #f47720;
	text-transform: uppercase;
	font-family: "Arial Black", Helvetica, Sans-Serif;
	background-color: transparent;
}




/* ================================================= */
/* 3. Links                                          */
/* ================================================= */

/* Defines Basic links */
a:link, a:visited, a:active{
	color: #f47720;
	background-color: Transparent;
}

a:hover {
	color: #ff3333;
	text-decoration: none;
	background-color: Transparent;
}

a {
	color: #f47720;
	font-weight: 600;
	background-color: Transparent;
}


/* Defines styles for External Links Items */
a.eLink:link, a.eLink:visited, a.eLink:active {
	color: #3399cc;
	background-color: Transparent;
}

a.eLink:hover {
	color: #ff3333;
	text-decoration: none;
	background-color: Transparent;
}

a.eLink {
	color: #3399cc;
	background-color: Transparent;
	font-weight: 600;
}


/* Defines styles for eScope Links Items */
a.emLink:link, a.emLink:visited, a.emLink:active {
	color: #ffffff;
	background-color: Transparent;
	font-size: 0.8em;
}

a.emLink:hover {
	color: #ff9900;
	background-color: Transparent;
	font-size: 0.8em;
}

a.emLink {
	padding: 0px 2px 3px 6px;
	color: #ffffff;
	font-size: 0.8em;
	background-color: Transparent;
	font-weight: 600;
}

/* Defines styles for Login/Logout Items */
a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active {
	color: #333333;
	background-color: Transparent;
	font-size: 0.8em;
}

a.LoginLink:hover {
	color: #333333;
	background-color: Transparent;
	font-size: 0.8em;
}

a.LoginLink {
	/*background: url(sImages/pipe.gif) left no-repeat;*/
	padding: 0px 2px 3px 5px;
	color: #333333;
	font-size: 0.8em;
	background-color: Transparent;
	font-weight: 600;
}

/* Defines Login/User Items */
a.LoginUserLink:link, a.LoginUserLink:visited, a.LoginUserLink:active {
	color: #333333;
	background-color: Transparent;
}

a.LoginUserLink:hover {
	color: #333333;
	background-color: Transparent;
}

a.LoginUserLink {
	/*background: url(sImages/pipe.gif) left no-repeat;*/
	padding: 0px 0px 3px 5px;
	color: #333333;
	font-size: 0.8em;
	background-color: Transparent;
	font-weight: 600;
}

/* Defines Footer Items */
a.FooterLink:link, a.FooterLink:visited, a.FooterLink:active {
	color: yellow;
	background-color: Transparent;
}

a.FooterLink:hover {
	color: #ff9900;
	background-color: Transparent;
}

a.FooterLink {
	padding: 0px 2px 3px 5px;
	color: yellow;
	font-size: 0.9em;
	background-color: Transparent;
	font-weight: 600;
	text-transform: uppercase;
}


/*========================================================*/
/*  4. Forms & Administration                             */
/*========================================================*/
/* Defines form input objects */
select, input{
	background-color: #ffffff;
	color: inherit;	
}

textarea{
	background-color: #ffffff;
	color: inherit;
}

.Normal select {
	width: 150px;
	background-color: #ffffff;	
	color: inherit;
}

.Normal input {
	background-color: #ffffff;	
	color: inherit;
}

/* Defines hidden content style*/
.Hidden {
    display: none;
}

.Separator {
	clear: both; 
	border-bottom: dotted 1px #e1e1e1;
	display: none;
}

/* Defines Admin Text styles */
/* Defines Normal text */
.Normal, .NormalBold,.NormalDisabled, .NormalRed {
	padding: 0px 5px 0px 0px; 
	font-size: 1.0em;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
	background-color: Transparent;
	color: inherit;
}

.NormalBold {
	color: inherit;
	font-weight: bold;
    font-family: Verdana, Tahoma, Arial, Sans-Serif;
}

/* Defines the rendered text which should appear disabled */
.NormalDisabled {
	color: #666666;
	background-color: Transparent;
}

/* Defines warnings or error messages */
.NormalRed {
	color: #cc3333;
	font-weight: bold;
	background-color: Transparent;
}

/* Defines Admin Textbox styles */
.NormalTextBox {
	padding: 0px 0px 0px 2px;
}


/* Defines Admin & Container heading styles */
.Head {
	color: #333333;
	font-weight: bold;
    font-size: 1.1em;
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
	background-color: Transparent;
}

/* Defines first level heading */
.Heading {
	color: #333333;
	font-weight: bold;
    font-size: 1.1em;
    font-family: Arial, Tahoma, Verdana, Sans-Serif;
    background-color: Transparent;
}

/* Defines second level heading */
.SubHead {
	color: #333333;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
    font-size: 1.0em;
    font-family: Arial, Tahoma, Verdana, Sans-Serif;
    background-color: Transparent;
	text-align: left;
}

/* Defines module title style used instead of Head for QuickLinks and Signin modules */
.SubSubHead {
    color: #333333;
    font-weight: bold;
    font-family: Arial, Tahoma, Verdana, Sans-Serif;
    background-color: Transparent;
}

/* Defines button style fpr standard HTML buttons*/
/* 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: #333333;
	background-color: Transparent;
}

/* Defines text styles for Links and Command buttons within Admin Section */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {
	text-decoration: none;
    font-weight: bold;
    font-family: Arial, Tahoma, Verdana, Sans-Serif;
    color: #333333;
    background-color: Transparent;
}

a.CommandButton:hover {
	text-decoration: none;
    font-weight: bold;
    color: #cc3333;
    background-color: Transparent;
}

a.CommandButton {
	text-decoration: none;
    font-weight: bold;
    color: #333333;
    font-size: 1.0em;
    background-color: Transparent;
}

.CommandButton  {
    font-weight: bold;
}

/* Defines Skin Objects */
.SkinObject {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
    background-color: transparent;
}

a.SkinObject:link, a.SkinObject:visited, a.SkinObject:active {
   	color: #666666;
	text-decoration: none;
	background-color: Transparent;
}

a.SkinObject:hover {
	color: #CC3300;
	font-weight: bold;
	text-decoration: none;
	background-color: Transparent;
}

/* Defines skin object search styles */
#SearchPane input {
	background-color: #fefefe;	
	width: 160px;
	color: inherit;
}

div.SearchContainer {  }

div.SearchBorder {  }

div.SearchContainer a {  }

div.SearchIcon {  }

div.SearchIcon img {  }

input.SearchTextBox {  }

#SearchChoices {  }

#SearchChoices li {  }

#SearchChoices li.searchHilite {  }

#SearchChoices li.searchDefault {  }

/* Defines event viewer styles */
.Exception {   }

.ItemCreated {  }

.ItemUpdated {  }

.ItemDeleted {  }

.OperationSuccess {  }

.OperationFailure {  }

.GeneralAdminOperation {  }

.AdminAlert {  }

.HostAlert {  }

.SecurityException {  }

#floater {  }

#tablist {  }

.dashboardPanel {  }

.dashboardPanel table td {  }

.dashboardPanel table th {  }

.dashboardTableAlt {  }

.dashboardGrid {  }

/* Defines Data Grid items */
.DataGrid_Header {
    font-weight: bold;
	text-align: center;
}

.DataGrid_Item {
    background-color: #ffffff;
    	text-align: left;
	color: inherit;
}

.DataGrid_AlternatingItem {
	background-color: #eaecee;
    	text-align: left;
	color: inherit;
}

.DataGrid_SelectedItem {	
    color: #cc3333;
    background-color: #cccccc;
    	text-align: left;
}

.DataGrid_Container {
}

.DataGrid_Footer {
    background-color: #ffffff;
	color: inherit;
}

/* Defines styles for Login items */
.LoginPanel {  }

.LoginTabGroup {  }

.LoginTab {  }

.LoginTabSelected {  }

.LoginTabHover {  }

.LoginContainerGroup {  }

.LoginContainer {  }

/* Defines DNN Text/HTML module, dynamic editing features */
.Normal LabelEditOverClassML {
	background-color: #ffffff;	
	color: inherit;
}

/* Defines styles used in the wizard framework */
.Wizard {  }

.Wizard Button {  }

.WizardHeader {  }

.WizardFooter {  }

.WizardBody {  }

.WizardHelp {  }

.WizardHelpText {  }

.WizardText {
	font-weight: normal;
}

/* ================================================= */
/* 5. Control Panel									 */
/* ================================================= */

/* Defines text links, sImages, 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: transparent;
    border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
    border-bottom: dotted 1px #cccccc;
	margin: 0px auto 0px auto; 
	color: inherit;
}

.PagingTable {
    height: 33px;
}

.ControlPanel table {	
	width: 100%;
	margin: 0px auto 0px auto; 
}

.ControlPanel td { 
	width: auto; 
}

.ControlPanel .SubHead {
	font-family: Arial, Tahoma, Verdana, Sans-Serif;
}

.ControlPanel td input{ 
	font-family: Arial, Tahoma, Verdana, Sans-Serif;
}

.ControlPanel td select{
	font-family: Arial, Tahoma, Verdana, Sans-Serif;
}

.ControlPanel .NormalTextBox {
	background-color: #ffffff;	
	font-family: Arial, Tahoma, Verdana, Sans-Serif;
	color: inherit;
}

.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited .ControlPanel a.CommandButton:active{ 
	
}

.ControlPanel a.CommandButton:hover{
	
}

.ControlPanel a.CommandButton{ 
	font-size: 0.95em; 	
}

/* ================================================= */
/* 6. Navigation: Tree view, File Manager, Edit in place toolbar */
/*    Main Menu - RadMenu Uses Imported Stylsheet    */
/* ================================================= */

/* Defines Tree view menu items */
.TreeViewMenu {
	width: 175px;
	background-color: #ebebeb;
	border: 1px solid #666666; 
	color: inherit;
}

.TreeViewMenu_Header {
}

.TreeMenu_Node {
    font-weight: normal;
}

.TreeMenu_NodeSelected {
    font-weight: normal;
	background-color: #dcdcdc; 
	color: inherit;
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link {
    text-decoration: none;
    color: #003366;
    background-color: Transparent;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited  {
    text-decoration: none;
    color: #003366;
    background-color: Transparent;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active   {
    text-decoration: none;
    color: #003366;
    background-color: Transparent;
}

/* 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;
}

.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: #cccccc 0px solid;
    border-left: #cccccc 0px solid;
    height: 25px;
	color: transparent;
}

.FileManager_Pager {
    font-weight: bold;
    background-color: #eeeeee;
    border-top: #cccccc 1px solid;
    height: 25px;
	color: inherit;
}

.FileManager_StatusBar {	
    font-weight: normal;
    background-color: #dedfde;
    height: 35px;
    border-top: #cccccc 1px solid;
	margin: 2px 2px 2px 2px;
	color: inherit;
}

.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;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.FileManagerTreeNodeSelected {	
    font-weight: bold;
	background-color: transparent; 
	color: inherit;
}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link {
    text-decoration: none;
    color: #003366;
    background-color: Transparent;
}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited  {
    text-decoration: none;
    color: #003366;
    background-color: Transparent;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active   {
    text-decoration: none;
    color: #003366;
    background-color: Transparent;
}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover    {
    text-decoration: none;
    color: #ff0000;
    background-color: Transparent;
}

/* Defines edit in place toolbar classes */
.eipbackimg { 
}

.eipbuttonbackimg { 
}

eipbutton_edit {
}

eipbutton_save {
}

eipborderhover {
}

/* ================================================= */
/* 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: Arial, Tahoma, Verdana, 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;
	color: inherit;
}
	
/* Defines the hover state for module menu and submenu items */
.ModuleTitle_MenuItemSel {
	font-family: Arial, Tahoma, Verdana, 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. Miscellaneous & Third Party Styles			 */
/* ================================================= */

/* Defines styles for language skin object */
.Language {
    vertical-align: middle;
    margin: 0px 0px 0px 0px;
}

.Language img {
    border: none;   
}

/* Defines FCKeditor Gallery text size */
.fckImageGalleryContainer {
	background-color: #ffffff;
	color: inherit;
}

.fckImageGalleryPathContainer {
}

.fckImageGalleryItemContainer {
}

.fckLinkGalleryContainer{
	background-color: #ffffff;
	color: inherit;
}

/* Defines the calendar table */
#calEvents td {
	text-align: center;
}

/* Markit X-Menu Styles */

/* MenuBar */
div#XMenu div.menubar {
    width: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
    position: relative;
    height: 48px;
	text-align: center;
}

div#XMenu div.menubar-m {
}

div#XMenu div.menubar-l {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

div#XMenu div.menubar-r {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


/* Root Menu */
div#XMenu ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 1px;
    float: left;
    list-style: none;
}

div#XMenu li {
    position: relative;
    margin: 0px 6px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    float: left;
    z-index: 5;
	height: 48px;
}

div#XMenu li ul li {
    height: 20px;
}

div#XMenu li a, #menu li span.separator {
    height: 40px;
    display: block;
    float: left;
    line-height: 32px;
    text-decoration: none;
}

.level1 a span  {
    color: #ffffff;	
	font-size: 8.5pt;
	font-family: "Arial Black", Helvetica, sans-serif;
	font-weight:bold;
    line-height: 20px;
	background-color: transparent;
}
 
.level1 a:hover span{
    color: #ffffff;
	font-size: 0.70em;
background-color: transparent;
}

.level1 a.current span  {
    color: #ff9900;
	font-size: 0.70em;
background-color: transparent;
}

.level2 a span {
    color: #333333;
	background-color: transparent;
}

.level2 a:hover span{
    color: #ff9900;
	font-size: 0.9em;
	background-color: transparent;
}

.level2 a.current span  {
    color: #333333;
	font-size: 1.0em;
background-color: transparent;
}
 
div#XMenu li span {
    display: block;
    background-position: 95% 0px;
    font-weight: bold;
	height: 40px;
    text-transform: uppercase;
    cursor: pointer;
}

div#XMenu li a.current {
    color: #ffffff;
	background-color: transparent;
}

div#XMenu a:hover, div#XMenu span.separator:hover, div#XMenu span.sfhover {
    
}

div#XMenu li.active {
    font-weight: bold;
}

div#XMenu li.active ul {
    font-weight: normal;
}

div#XMenu li.parent span.separator {
    cursor: pointer;
}

div#XMenu li.fancy {
    position: absolute;
    top: 0px;
    visibility: hidden;
    z-index: 4;
    overflow: hidden;
}

div#XMenu li.fancy {
    position: absolute;
    top: 1px; 
    visibility: hidden; 
    margin-top: -1px; 
    z-index: 4; 
    overflow: hidden;
}

div#XMenu li.fancy div.fancy-container {
    padding: 0px 0px 0px 0px;
}

div#XMenu li.fancy div.fancy-container div.fancy-m {
    height: 40px; 
}

div#XMenu li.fancy div.fancy-container div.fancy-l {
    position: absolute; 
    top: 0px; 
    left: 2px;
}

div#XMenu li.fancy div.fancy-container div.fancy-r {
    position: absolute; 
    top: 0px; 
    right: 2px;
}

div#XMenu ul.menu {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 11;
    height: 40px;
}

div#XMenu li.level1 {

}

div#XMenu a.level1, div#XMenu span.level1 {
    padding: 0px 0px 0px 0px;
    line-height: 250%;
    color: #ffffff;
    font-weight: normal;
    font-size: 135%;
    width: 152px;
    background: url(sImages/menubg.gif) repeat;
background-color: transparent;
}

div#XMenu a.level1 span, div#XMenu span.level1 span {
    padding: 10px 10px 0px 10px;
    background: url(sImages/menucornerbg.gif) no-repeat top right;
}

div#XMenu li:hover a.level1, div#XMenu li.sfhover a.level1, div#XMenu li:hover span.level1, div#XMenu li.sfhover span.level1 {
}

div#XMenu li.active a.level1, div#XMenu li.active span.level1 {
    color: #ffffff;
	background-color: transparent;
}

div#XMenu a.level1 span.xtitle, div#XMenu span.level1 span.xtitle {
    padding: 0px 0px 0px 0px;
    line-height: 200%;
}

div#XMenu a.level1 span.sub, div#XMenu span.level1 span.sub {
    padding: 0px 0px 0px 0px;
    font-size: 65%;
    font-weight: normal;
    color: #64e1ff;
    margin-top: -7px;
    line-height: 10px;
	background-color: transparent;
}

/* Sub Menu */
div#XMenu ul.menu ul {
    position: absolute;
    top: 40px;
    left: -999em;
    width: 200px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

ul.level2 li {
    border: 1px solid #666666;
}

ul.level2 {    
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
}

div#XMenu li:hover ul, div#XMenu li.sfhover ul {
    left: 0px;
    z-index: 100;
}

div#XMenu li.level1 li {
    width: 100%;
    text-indent: 15px;
}

div#XMenu li.level1 li a, div#XMenu li.level1 li span.separator {
    height: 25px;
    padding: 0px 0px 0px 0px; 
    margin: 0px 1px 0px 1px;
    background: #fefefe;
    float: none;
    display: block;
    line-height: 25px;
	text-align: left;
}

div#XMenu li.level2 a.parent, div#XMenu li li.level2 span.parent {
    background: #fefefe;
}

div#XMenu li ul ul {
    margin: -41px 0 0 164px;
}

div#XMenu li:hover ul ul, div#XMenu li.sfhover ul ul {
    border-top: 1px solid #c8c8c8;
}

div#XMenu li:hover ul ul, div#XMenu li.sfhover ul ul, div#XMenu li:hover ul ul ul, div#XMenu li.sfhover ul ul ul, div#XMenu li:hover ul ul ul ul, div#XMenu li.sfhover ul ul ul ul {
    left: -999em;
}

div#XMenu li li:hover ul, div#XMenu li li.sfhover ul, div#XMenu li li li:hover ul, div#XMenu li li li.sfhover ul, div#XMenu li li li li:hover ul, div#XMenu li li li li.sfhover ul {
    left: 0;
    z-index: 100;
}

/* ================================================= */
/* 9. Layout										 */
/* ================================================= */

.clearboth {
	clear: both;
	line-height: 0px;
}

/* Defines and establishes the viewable area */	
#PageMaster {
	margin: 0px 0px 0px 0px;
	height: auto;
}

#SkinPanel {
	margin: 0px 0px 0px 0px;
}

/* Defines the wrapper for all skin elements, establishes width */
#SkinMaster {
	width: 1024px;
	text-align: left;
	height: auto;
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	color: inherit;
}

/* 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;
	color: inherit;
}

/* Defines the wrapper for Header images, Logo/Organisation name, Breadcrumbs, Search, Menu */
#HeaderWrapper {
	float: left;
	width: 1024px;
	height: auto;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#HeaderWrapperAdmin {
	width: 1024px;
	height: auto;	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* Defines the wrapper for all elements inside HeaderWrapper */
#HeaderWrapperInner {
    float: left;
    width: 948px;
	height: 170px;
    margin: 0px 40px 0px 38px;
    padding: 0px 0px 0px 0px;   	
}

#LogoWrapper {
    float: left;
	width: 318px;
	height: 170px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#LogoWrapper table {
    border-collapse: collapse;
}


/* Defines the container for Header images, Crest/Logo, Organisation name */
#HeaderBanner {
	float: left;
	width: 630px;
	height: 170px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#HeaderBanner table {
    border-collapse: collapse;
}

#HeaderBannerAdmin {
	float: left;
	width: 1024px;
	height: 170px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #666666;
}

#HeaderBannerAdmin table {
    border-collapse: collapse;
}

/* Defines the container for the Menu */
#MenuPane {
	clear: both;
	width: 950px;
	height: 48px;	
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
}

/* Defines the wrapper for MenuPane */
#HorizontalPane {
	float: left;
	height: auto;
	width: 1024px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
}

#HorizontalPaneAdmin {
	float: left;
	width: 1024px;
	height: auto;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #cccccc;
	color: inherit;
}

/* Defines the wrapper for all elements inside HorizontalPane */
#HorizontalPaneInner {
	float: left;
	width: 944px;
	height: auto;	
	margin: 7px 0px 0px 28px;
	padding: 0px 0px 0px 0px;
}

/* Defines the wrapper for all text content HorizontalPane */
#HorizontalPaneContent {
    float: left;
    height: 30px;
    width: 954px;
    background-color: transparent;
	color: #0066cc;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#HorizontalPaneInner>#HorizontalPaneContent {
    padding: 0px 0px 0px 7px;
}

/* Defines the container for the Date */
#DatePane {
    float: left;
    width: 984px;
    height: 30px;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#BodyWrapper>#DatePane {
    padding: 0px 0px 0px 3px;
}

/* Defines the wrapper for content area items */
#BodyWrapper {
	clear: both;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 1024px;
	height: auto;	
	min-height: 350px;
	border-top: 10px solid #cccccc;
}

/* Defines the wrapper for all elements inside BodyWrapper */
#BodyWrapperInner {
	clear: both;
	float: left;
	margin: 0px 40px 0px 40px;
	padding: 0px 0px 0px 0px;
	width: 944px;	
	height: auto;
	min-height: 350px;
}

/* Defines the wrapper for items between the Header and footer */
#ContentWrapper {
	float: left;
	vertical-align: top;
	text-align: left;		
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	width: 944px;
	height: auto;
	min-height: 350px;
	background-color: #ffffff;
	color: inherit;
}

#ContentWrapper table {
   	border-collapse: collapse;
}

#ContentWrapperSplit {
	float: right;
	vertical-align: top;
	text-align: left;		
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	width: 634px;
	height: auto;
	min-height: 350px;
	border-left: dotted 0px #cccccc;
}

#ContentWrapperSplit table {
   	border-collapse: collapse;
}

/* Defines SidePaneWrapper within the content area */
#SidePaneWrapper {
	float: left;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
	width: 310px;
	height: auto;	
	min-height: 350px;
}

/* Defines SidePane content area */
#SideContentPane {
    float: left;
	vertical-align: top;
	text-align: left;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 290px;
	height: auto;	
	min-height: 350px;
}

#SideContentPane table {
   	border-collapse: collapse;
}

/* Defines TopPane within the top content area */
.ContentTop {
	vertical-align: top;	
	width: 944px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.ContentTopSplit {
	vertical-align: top;	
	width: 574px;
	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 LeftPane within the middle content area */
.ContentLeft {
	vertical-align: top;
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Defines LeftPane within the middle content area - fixed width*/
.ContentLeftFixed {
	vertical-align: top;
	width: 300px;
	margin: 0px 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;
}

.ContentCentreSplit{
	vertical-align: top;
	width: 614px;		 
	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;
}

/* Defines BottomPane within the bottom content area */
.ContentBottom {
	vertical-align: top;	
	width: auto;	 
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.ContentBottomSplit {
	vertical-align: top;	
	width: 614px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Defines SidePane within the side content area */
.ContentSide {
	vertical-align: top;	
	width: 300px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Defines HeaderContentPane within the header banner */
.HeaderContent {
	vertical-align: top;	
	width: 630px;
	height: 334px;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
}

/* Defines LogoContentPane within the logo area */
.LogoContent{
	vertical-align: top;	
	width: 340px;
	height: 230px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Defines ContentHorizontalPane within the HorizontalPane */
.ContentHorizontalPane {
	vertical-align: top;	
	width: 944px;
	height: 30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Defines behaviour of empty content panes i.e. collapse */
.DNNEmptyPane {
    width: 0px !important;
    overflow: hidden;
}

/* Defines different module alignment options within module settings */
.DNNAlignLeft {
    text-align: left;
}

.DNNAlignRight {
    text-align: right;
}

.DNNAlignCenter {
    text-align: center;
}

/* Defines wrapper for login/user and footer content */
#FooterWrapper {
	clear: both;
	width: 1024px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

/* Defines the wrapper for all elements inside FooterWrapper */
#FooterWrapperInner {
	clear: both;
	width: 1024px;
	height: 76px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(sImages/FooterBG.jpg) no-repeat;
}

/* Defines container for Copyright, terms, privacy, contact us token/links within Footer Wrapper */
#FooterContent {
	float: left;
	width: 944px;
	height: 50px;
	text-align: left;
	margin: 5px 40px 0px 40px;
	padding: 10px 0px 0px 5px;
}

#FooterContent p {
    padding: 0px 0px 3px 0px;
    margin: 0px 0px 0px 0px;
	font-size: 0.9em;
}

/*========================================================*/
/*  End Style Sheet                                  	  */    
/*========================================================*/


