/* CSS styling for GraftonML */

/* Global */
html, body, td, p {
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #333333;
}

body {
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 5px 0 0 5px;
	color: #444444;
}

h6 {
	font-size: 16px;
}

p, pre {
	margin: 5px 10px 5px 10px;
}

/* Links */
a {
	color: #1D4F99;
	text-decoration: none;
	outline: none;
    cursor: pointer;
}

a:hover {
	color: #479CE5;
}

/* Modal Dialog overlay styles */
.ModalBox {
	background-color: #FFF;
	border: 1px solid #808080;
	border-width: 1px 0;
}

.ModalBoxBG {
	background-color: #000;
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.ModalBoxBGDarker {
	background-color: #000;
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.ModalBoxHeader {
	background: url(../../../Common/Images/ModalBoxHeaderBG.png) repeat-x 0 0;
	border-color: #808080 #808080 #CCCCCC;
	border-style: solid;
	border-width: 0 1px 1px;
	border-bottom: 1px solid #333333;
	padding: 5px 10px;
	color: #000000;
	font: bold 12px Arial;
	height: 20px;
}

.WarningModalBoxHeader {
	background: #C60001;
	color: #FCFCFC;
	border-color: #808080 #808080 #CCCCCC;
	border-style: solid;
	border-width: 0 1px 1px;
	padding: 5px 10px;
	font: bold 12px Arial;
	height: 20px;
}

.InformationModalBoxHeader {
	background: #1D4F99;
	color: #FFF;
	border-color: #808080 #808080 #CCCCCC;
	padding: 5px 10px;
	font: bold 12px Arial;
	height: 20px;
}

.StandardModalBoxHeader {
	background: #4F4F4F;
	color: #fcfcfc;
	border-color: #808080 #808080 #CCCCCC;
	border-style: solid;
	border-width: 0 1px 1px;
	padding: 5px 10px;
	font: bold 12px Arial;
	height: 20px;
}

.ModalBoxBodyWhite {
	background-color: #FFFFFF;
	border-color: #808080;
	border-style: solid;
	border-width: 0 1px;
	padding: 10px 10px 20px 10px;
	font-size: 14px;
}

.ModalBoxBody {
	background-color: #F2F2F2;
	border-color: #808080;
	border-style: solid;
	border-width: 0 1px;
	padding: 10px;
}

.ModalBoxFooterWhite {
	background-color: #FFFFFF;
	border-color: #808080;
	border-style: solid;
	border-width: 0 1px 0 1px;
	text-align: right;
	padding: 10px 10px 20px 10px;
}

.ModalBoxFooter {
	background-color: #F2F2F2;
	border-color: #808080;
	border-style: solid;
	border-width: 0 1px 0 1px;
	text-align: right;
	padding: 0 10px 10px 10px;
}

.ModalBoxCloseButton {
	background: url(../../../Common/Images/ModalBoxClose.png) no-repeat;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	right: 5px;
	cursor: pointer;
	outline: none;
}

.ModalBoxCloseButton:hover {
	background: url(../../../Common/Images/ModalBoxClose.png) no-repeat -30px 0;
}

.CloseButton {
	display: inline-block;
	background: url(../../../Common/Images/ModalBoxClose.png) no-repeat;
	width: 30px;
	height: 30px;
	cursor: pointer;
	outline: none;
}

.CloseButton:hover {
	background: url(../../../Common/Images/ModalBoxClose.png) no-repeat -30px 0;
}

.ModalBoxCompactCloseButton {
	background: url(../../../Common/Images/ModalBoxClose.png) no-repeat;
	width: 30px;
	height: 30px;
	position: absolute;
	top: -20px;
	right: -20px;
	cursor: pointer;
	z-index: 1000!important;
}

.ModalBoxCompactCloseButton:hover {
	background: url(../../../Common/Images/ModalBoxClose.png) no-repeat -30px 0;
}

.ModalBoxButton {
	border: 1px solid #CCC;
	margin: 0;
	color: #444444;
	background-color: #F9F9F9;
	background-image: url(../Images/BtnBG.jpg);
	background-repeat: repeat-x;
	background-position: 1px 1px;
	position: relative;
	padding: 4px 5px 5px 5px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	cursor: pointer;
}

.ModalBoxButton:hover {
	border: 1px solid #999;
}

.ModalBoxDarkButton {
	border: 1px solid #CCCCCC;
	margin-bottom: 1px;
	padding: 4px 5px 5px 5px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background: #4C4C4C;
	color: #FFFFFF;
}

.ModalBoxDarkButton:hover {
	background: #7C7C7C;
    color: #FFFFFF;
}

.RollPaneAnchor {
	display: block;
	float: right;
	background-color: #1D4F99;
	color: #FFFFFF;
	font-weight: bold;
	border-right: 1px solid #182D38;
	border-bottom: 1px solid #182D38;
	border-left: 1px solid #182D38;
	border-top: 1px dotted #1D4F99;
	margin-top: 5px;
	padding: 5px;
}

.RollPaneAnchor:hover {
	background-color: #8EC0D7;
	cursor: pointer;
}

.RollPaneContent {
	border: 1px solid #000000;
	color: #FFFFFF;
	background-color: #1D4F99;
	padding: 10px;
}

.RollPaneContent p {
	margin: 0 0 5px 0;
}

.RollPaneContent td {
	color: #FFFFFF;
}

/* Header Region */
.MasterPrimaryHeaderContainer {
	position: relative;
	width: 950px;
	height: 120px;
	padding: 0;
}

.MasterFollowUsLinks {
	float: right;
}

.FollowUsImage img, .addthis_32x32_style {
	padding: 2px 5px 0 0;
}

.MasterPageTodaysDate {
	float: right; 
	padding-right: 2px;
	padding-top: 70px; 
	font: 13px Arial;
	color: #1D4F99;
}

.MasterPageTitleContainer h1 {
	float: left;
	margin: 13px 0 1px 0;
	padding: 0;
	font-family: Arial;
	font-size: 17px;
	font-weight: normal;
	color: #333333;
	text-transform: lowercase;
}

#MasterPageCampusLogo {
    margin-left: 260px;
}

.MasterPageCampusLogoLink {
	position: absolute;
	left: 0;
	top: 10px;
}

.MasterLoginInfoContainer {
	position: absolute;
	bottom: 0;
	right: 0;
}

.MasterLoginInfo {
	float: right;
	margin: 0 0 2px 0;
}

.MasterSupportMenu {
	float: right;
	margin: 0 0 2px 3px;
}

.MasterSupportMenu table {
	margin-top: 0;
}

a.MasterCurrentUser, a.MasterLoginStatus, a.MasterRegisterLink, a.MasterLoginLink, .MasterCurrentUserSeperator {
	display: inline-block;
	height: 20px;
	font: 14px Arial;
	color: #1D4F99;
	cursor: pointer;
	text-decoration: none;
}

a.MasterCurrentUser:hover, a.MasterLoginStatus:hover, a.MasterRegisterLink:hover, a.MasterLoginLink:hover {
	text-decoration: underline;
}

.MasterCurrentUserSeperator {
	padding-left: 2px;
	padding-right: 2px;
}

/* Menubar */
.MasterMainMenuContainer {
	height: 40px;
	width: 950px;
	margin: auto;
	background-color: #1D4F99;
}

.MasterMainMenuBlock {
	float: left;
	width: 550px;
	height: 40px;
	margin: 0 0 0 0!important;
	padding: 0 0 0 0;
	overflow: hidden;
	background-color: #1D4F99;
}

.MasterMainMenuBlock table {
	margin-top: 0;
}

.MasterSearchbarContainer {
	float: right;
	width: 300px;
	background-color: #FFFFFF;
	height: 20px;
	margin: 8px 5px 8px 0;
	padding: 2px 2px 2px 5px;
}

/* Top Level Menus */
.MasterPageMenuStyle {
	height: 40px;
}

.MasterPageMenuItemStyle {
	color: #FFFFFF;
	font: 12px Arial!important;
	padding: 0 10px 0 10px;
	height: 40px!important;
	font-weight:bold!important;
}

.MasterPageMenuHoverStyle {
	height: 40px;
	color: #FFFFFF;
	background-color: #479CE5!important;
}

.MasterPageMenuSelectedStyle {
	height: 40px;
	color: #FFFFFF;
	background-color: #1D4F99;
}

.MasterPageMenuHoverStyle a, .MasterPageMenuSelectedStyle a {
	background: Transparent!important;
	text-decoration: none;
	color: #FFFFFF;
}

#MasterMainMenuBlock a, #MasterMainMenuBlock a:visited {
	background-color: Transparent!important;
}

/* Sub/dropdown menus */
.MasterPageDynamicMenuStyle {
	border-left: solid 1px #EBEBEB;
	border-right: solid 1px #EBEBEB;
	border-bottom: solid 1px #EBEBEB;
	background-color: #FFFFFF;
	z-index: 2000!important;
}

.MasterPageDynamicMenuItemStyle {
	color: #1D4F99;
	text-decoration: none;
	font: 12px Arial!important;
	padding: 4px 5px 4px 5px;
}

.MasterPageDynamicMenuSelectedStyle, .MasterPageDynamicMenuHoverStyle, a.MasterPageDynamicMenuSelectedStyle:hover, a.MasterPageDynamicMenuHoverStyle:hover {
	color: #479CE5;
	font: 12px Arial!important;
	text-decoration: none;
	padding: 4px 5px 4px 5px;
}

/* Support menu */

/* Top level menus */
.MasterPageSupportMenuStyle {
}

.MasterPageSupportMenuItemStyle {
	color: #0171BB;
	font: 14px Arial!important;
	text-decoration: none;
	padding-right: 2px;
}

.MasterPageSupportMenuHoverStyle, .MasterPageSupportMenuSelectedStyle {
	color: #0171BB;
}

	.MasterPageSupportMenuHoverStyle a, .MasterPageSuppoprtMenuSelectedStyle a {
		background: Transparent!important;
		text-decoration: none;
		color: #0171BB;
	}

		.MasterPageSupportMenuHoverStyle a:hover, .MasterPageSupportMenuSelectedStyle a:hover {
			background: Transparent!important;
			color: #0171BB;
		}

/* Sub/dropdown menus */
.MasterPageDynamicSupportMenuStyle {
	margin-left: 0;
	margin-top: 5px;
	border-left: solid 1px #ebebeb;
	border-right: solid 1px #ebebeb;
	border-bottom: solid 1px #ebebeb;
	z-index: 2000!important;
	text-align: right!important;
}

.MasterPageDynamicSupportMenuItemStyle, a.MasterPageDynamicSupportMenuItemStyle {
	color: #5f5f5f;
	font: 12px Arial!important;
	padding: 0 5px 4px 5px;
}

.MasterPageDynamicSupportMenuSelectedStyle, .MasterPageDynamicSupportMenuHoverStyle, a.MasterPageDynamicSupportMenuSelectedStyle:hover, a.MasterPageDynamicSupportMenuHoverStyle:hover {
	color: #0171BB;
	font: 12px Arial!important;
	padding: 0 5px 4px 5px;
}

/* Page Layout */
.MasterOuterPageContainer {
	position: relative;
	background-color: #ffffff!important;
	padding-bottom: 20px;
}

.MasterPageContentContainer {
	width: 950px;
	margin: 0 auto 0 auto;
}

/* Body Region */
.MasterBodyContainerInner {
	width: 950px;
	min-height: 600px;
	padding: 25px 0 0 0;
	margin: 0;
	position: relative;
}

.LeftNavigationPanelContainer {
	float: left;
	width: 200px;
}

.RightContentPanelContainer {
	float: left;
	margin-left: 10px;
	width: 740px;
}

.ProfileRightContentPanelContainer {
	float: left;
	width: 730px;
	min-height: 300px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.CatalogueItemDetailsContainer {
	float: left;
	width: 720px;
	position: relative;
	margin-left: 10px;
}

/* Footer Region */
.MasterFooterSeperator {
	background-color: #FFFFFF;
	height: 10px;
}

.MasterFooterContainer {
	min-height: 50px;
	padding: 5px 0 5px 0;
	color: #aaaaaa;
	background-color: #1D4F99;
}

.MasterFooterContactUs {
	display: inline-block;
	margin-top: 5px;	
}

.MasterFooterContactUs p, .MasterFooterContactUs p a {
	color: #FFFFFF;
}

.MasterFooterContactUs p a:hover {
	background: #479CE5;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.MasterFooterCopyrightText {
	display: inline-block;
	text-align: center;
	font: 10px Arial;
	color: #ffffff;
}

/* Common UI */
.StandardContentBox {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	overflow: hidden;
}

.StandardContentSubsection {
	margin: 5px 10px 5px 10px;
}

	.StandardContentSubsection p {
		padding: 0 4px 4px 6px;
		margin: 0;
		overflow: hidden;
	}

.NormalErrorsBox {
	font-weight: bold;
	color: #ff0000;
}

.LightErrorsBox {
	font-weight: bold;
	color: #ff8888;
}

.DrillDownBox {
	background-color: #FFFFFF;
}

	.DrillDownBox h3 {
		margin: 5px 0 10px 10px;
		color: #0171BB;
	}

.DynamicDrillFirstItem, .DynamicDrillItem, .DynamicDrillEndItem {
}

/* Pagination */
.PaginationBox {
	position: relative;
	height: 22px;
	margin: 12px 0 12px 0;
}

.PaginationBoxSummary {
	position: absolute;
	left: 0;
	top: 0;
	width: 220px;
	padding-top: 4px;
	color: #000000;
}


.PaginationBoxPageNumbers {
	text-align: center;
	margin: 0 180px 0 180px;
	padding-top: 4px;
}

	.PaginationBoxPageNumbers a, .PaginationBoxPageNumbers span.PaginationPageSelected {
		font-size: 12px;
		margin-left: 1px;
		margin-right: 1px;
		padding: 0 2px 0 2px;
		border: solid 1px #cccccc;
		background-color: #0171BB;
		color: #ffffff;
	}

	.PaginationBoxPageNumbers span.PaginationPageSelected {
		cursor: default;
		color: #999999;
		background-color: #ffffff;
	}

	.PaginationBoxPageNumbers a:hover {
		font-size: 12px;
		margin-left: 1px;
		margin-right: 1px;
		padding: 0 2px 0 2px;
		border: solid 1px #cccccc;
		color: #999999;
		background-color: #ffffff;
		cursor: pointer;
		text-decoration: none;
	}

span.PaginationPageSelected, span.PaginationTxtHighlight {
	font-weight: bold;
}

.PaginationBoxItemsPerPage {
	position: absolute;
	right: 0;
	top: 0;
	width: 180px;
	color: #000000;
	height: 23px;
	font-size: 10px;
	text-align: right;
	vertical-align: middle;
}

	.PaginationBoxItemsPerPage span span {
		position: relative;
		top: -2px;
	}

	.PaginationBoxItemsPerPage select {
		height: 22px;
		font-size: 12px;
	}

.ButtonAdjacentDropdown {
	margin: 2px 5px 0 0;
}


/* Form controls */
/* If we don't style and set background color by default for all textbox controls, Firefox rendering bug */
/* causes their width to change (in Windows 7) if we change their background color.  See: */
/* https://bugzilla.mozilla.org/show_bug.cgi?id=619307 */
select, textarea {
	background-color: #ffffff;
	border-top: 1px solid #ababab;
	border-left: 1px solid #ababab;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}

	select:hover, textarea:hover {
		border-top-color: #5794BF;
		border-left-color: #5794BF;
		border-right-color: #C7E2F1;
		border-bottom-color: #C7E2F1;
	}

input {
	background-color: #ffffff;
	border-top: 1px solid #ababab;
	border-left: 1px solid #ababab;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	padding: 2px;
	margin: 0;
}

	input:hover {
		border-top-color: #5794BF;
		border-left-color: #5794BF;
		border-right-color: #C7E2F1;
		border-bottom-color: #C7E2F1;
	}

	input.error, select.error {
		background-color: #ffc0c0 !important;
	}

	input.LoginTextbox {
		width: 100px;
	}

	input.RegisterTextbox {
		width: 160px;
		font-size: 12px;
	}

.CheckBox label {
	margin-left: 5px;
}

/* Table styles */
table {
	border: none;
}

	table th {
		border: none;
	}

	table.MediumButtons input {
		width: 180px;
	}

	table.EntityList {
	}

		table.EntityList tr > td:first-child,
		table.EntityList tr > th:first-child {
		}

		table.EntityList tr > td:last-child, table.EntityList tr > th:last-child {
		}

		table.EntityList th {
			text-align: left;
			padding: 3px;
			font-weight: bold;
			color: #444444;
		}

		table.EntityList td {
			text-align: left;
			padding: 0;
			border: solid 1px #ebebeb!important;
		}

		
		table.EntityList td.TeamBreadcrumbNode
		{			
			padding: 10px 0 5px 0; 
			background-color:#CCCCCC;
			color:#414141;
			
			font-size: 12px;
			font-family: Verdana, Arial;;
		}
		
		table.EntityList td.TeamBreadcrumbNode a		
		{
			color:#414141;
			
			font-size: 12px;
			font-family: Verdana, Arial;;
		}

		table.EntityList td.TeamBreadcrumbNode a:hover
		{
			color:#555555;
		}


		table.EntityList a, a.EntityLink, table.EntityList span {
			padding: 3px;
		}

			table.EntityList a:hover, a.EntityLink:hover {
				color: #000000;
				text-decoration: underline;
			}

			table.EntityList a.DropDown:hover {
				color: #000000;
			}

		table.EntityList img {
			margin-left: 3px;
			margin-right: 3px;
		}

		table.EntityList .DropDown span {
			padding: 0;
		}

		table.EntityList td.DropDownSelected a, table.EntityList td.DropDownSelected a:hover {
			color: #f4f4f4;
			background-color: #f4f4f4;
		}
		/* (Background) color should be the same as the UsersPopupDiv background color */
		table.EntityList .EntitySelfNodeHighlight {
		}

.UsersPopupDiv {
	background-color: #ffffff;
	border: solid 1px #afafaf;
}

.SearchResultContainer {
	padding: 5px;
	background-color: #ffffff;
}

.SearchResultAlternateContainer {
	padding: 5px;
	background-color: #eeeeee;
}

.SearchResultFieldHighlight {
	background-color: #FFEE62;
}

/* CSS shadows */
.shadContainer {
	float: left;
	position: relative;
	left: 4px;
	top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
}

	.shadContainer .shad1, .shadContainer .shad2, .shadContainer .shad3, .shadContainer .StandardContentBox {
		float: left;
		position: relative;
		left: -1px;
		top: -1px;
	}

.shad1 {
	float: left;
	background-color: #bebebe;
}

.shad2 {
	float: left;
	background-color: #b4b4b4;
}

.shad3 {
	float: left;
	background-color: #a0a0a0;
}


/* Buttons */
.DeleteButton {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../../Common/Images/DeleteButton.png) no-repeat 0 0;
	cursor: pointer;
}

	.DeleteButton:hover {
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../../../Common/Images/DeleteButton.png) no-repeat -16px 0;
		cursor: pointer;
	}

.DeleteButtonDisabled {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../../Common/Images/DeleteButton.png) no-repeat -32px 0;
	cursor: pointer;
}

.AddButton {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../../Common/Images/AddButton.png) no-repeat 0 0;
	cursor: pointer;
}

	.AddButton:hover {
		display: inline-block;
		width: 16px;
		height: 16px;
		background: url(../../../Common/Images/AddButton.png) no-repeat -16px 0;
		cursor: pointer;
	}

.AddButtonDisabled {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../../../Common/Images/AddButton.png) no-repeat -32px 0;
	cursor: pointer;
}

.SearchButton {
	background-image: url(../../../Common/Images/Search.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.InfoButton {
	background-image: url(../../../Common/Images/GreenInfoButton.png);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.SearchButton2 {
	display: inline-block;
	background-color: #61C716;
	color: #FFFFFF;
	font: 10px Arial;
	border: none;
	cursor: pointer;
}

.SearchButton2:hover {
	display: inline-block;
	background-color: #479CE5;
	color: #ffffff;
	font: 10px Arial;
	border: none;
	cursor: pointer;
	text-decoration: underline;
}


.MoreInfoButton {
	background: transparent url(../../../Common/Images/BlueInfoButton.png) no-repeat;
	width: 32px;
	height: 32px;
	cursor: pointer;
}

.MoreInfoButtonM {
	background: transparent url(../../../Common/Images/BlueInfoButtonM.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.MoreInfoLink {
	color: #348CBB;
	cursor: pointer;
}

	.MoreInfoLink:hover {
		color: #35CCE1;
		cursor: pointer;
	}

.HelpButton {
	background-image: url(../../../Common/Images/HelpButton.png);
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.StandardButton, .SectionHeader a.StandardButton {
	display: inline-block;
	background-color: #1D4F99;
	color: #FFFFFF;
	font: 12px Arial;
	border: none;
	cursor: pointer;
	text-decoration: none;
	padding: 5px 20px 5px 20px;
	text-align:center;
	margin: 5px;
}

.StandardButton:hover, .SectionHeader a.StandardButton:hover {
	background-color: #479CE5;
	color: #FFF;
}

.StandardButtonSmall {
	display: inline-block;
	background-color: #1D4F99;
	border: none;
	color: #FFF;
	font: 12px Arial;	
	cursor: pointer;
	text-decoration: none;
	padding: 2px 20px 2px 20px;
	text-align:center;
	margin: 2px;
}

.StandardButtonSmall:hover {
	background-color: #479CE5;
	color: #FFF;
}


/* Custom Buttons Overrides */
.DisplayToggleButton
{
	background-color: #DCDCD4;
	border: solid 1px #777777;
	color: #000000;
	cursor: pointer;
}

	.DisplayToggleButton:hover {
		background-color: #0171BB;
		color: #ffffff;	
		border: 1px solid #0171BB;
	}

.DisplayToggleButton.selected
{
	background-color: #0171BB;
	color: #ffffff;	
	border: 1px solid #0171BB;
}

.DisplayToggleButton.selected:hover
{
	text-decoration: none;
}


.SilverButton {
	font-weight: bold;
	border: 1px solid #CCCCCC;
	margin-bottom: 1px;
	color: #555555!important;
	background-color: #F9F9F9;
	background-image: url(../Images/SilverButton.jpg);
	background-repeat: repeat-x;
	background-position: 1px 1px;
	padding: 4px 5px 5px 5px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

	.SilverButton:hover {
		font-weight: bold;
		border: 1px solid #CCCCCC;
		margin-bottom: 1px;
		color: #777777!important;
		background-color: #F9F9F9;
		background-image: url(../Images/SilverButton.jpg);
		background-repeat: repeat-x;
		background-position: 1px 1px;
		padding: 4px 5px 5px 5px;
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
	}

.SilverButtonSmall {
	font-weight: bold;
	border: 1px solid #CCCCCC;
	margin: 2px 0 1px 0;
	color: #555555!important;
	background-color: #F9F9F9;
	background-image: url(../Images/SilverButton.jpg);
	background-repeat: repeat-x;
	background-position: 1px 1px;
	padding: 2px 5px 2px 5px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	width: 60px;
}

	.SilverButtonSmall:hover {
		font-weight: bold;
		border: 1px solid #CCCCCC;
		margin: 2px 0 1px 0;
		color: #777777!important;
		background-color: #F9F9F9;
		background-image: url(../Images/SilverButton.jpg);
		background-repeat: repeat-x;
		background-position: 1px 1px;
		padding: 2px 5px 2px 5px;
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		width: 60px;
	}

.SilverButtonNarrow {
	font-weight: bold;
	border: 1px solid #CCCCCC;
	margin-bottom: 1px;
	color: #555555!important;
	background-color: #F9F9F9;
	background-image: url(../Images/SilverButton.jpg);
	background-repeat: repeat-x;
	background-position: 1px 1px;
	padding: 4px 5px 5px 5px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	width: 90px;
}

	.SilverButtonNarrow:hover {
		font-weight: bold;
		border: 1px solid #CCCCCC;
		margin-bottom: 1px;
		color: #777777!important;
		background-color: #F9F9F9;
		background-image: url(../Images/SilverButton.jpg);
		background-repeat: repeat-x;
		background-position: 1px 1px;
		padding: 4px 5px 5px 5px;
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		width: 90px;
	}

.SilverButtonMedium {
	font-weight: bold;
	border: 1px solid #CCCCCC;
	margin-bottom: 1px;
	color: #555555!important;
	background-color: #F9F9F9;
	background-image: url(../Images/SilverButton.jpg);
	background-repeat: repeat-x;
	background-position: 1px 1px;
	padding: 4px 5px 5px 5px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	width: 120px;
}

	.SilverButtonMedium:hover {
		font-weight: bold;
		border: 1px solid #CCCCCC;
		margin-bottom: 1px;
		color: #777777!important;
		background-color: #F9F9F9;
		background-image: url(../Images/SilverButton.jpg);
		background-repeat: repeat-x;
		background-position: 1px 1px;
		padding: 4px 5px 5px 5px;
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		width: 120px;
	}

.SilverButtonLong {
	font-weight: bold;
	border: 1px solid #CCCCCC;
	margin-bottom: 1px;
	color: #555555!important;
	background-color: #F9F9F9;
	background-image: url(../Images/SilverButton.jpg);
	background-repeat: repeat-x;
	background-position: 1px 1px;
	padding: 4px 5px 5px 5px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	width: 150px;
}

	.SilverButtonLong:hover {
		font-weight: bold;
		border: 1px solid #CCCCCC;
		margin-bottom: 1px;
		color: #777777!important;
		background-color: #F9F9F9;
		background-image: url(../Images/SilverButton.jpg);
		background-repeat: repeat-x;
		background-position: 1px 1px;
		padding: 4px 5px 5px 5px;
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		width: 150px;
	}

.DisabledButton, .DisabledButton:hover {
	font-weight: bold;
	border: 1px solid #CCCCCC;
	margin-bottom: 1px;
	color: #9f9f9f!important;
	background-color: #eeeeee!important;
	padding: 4px 5px 5px 5px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
}

.EditButton {
	display: inline-block;
	background: url(../../../Common/Images/EditButton.png) no-repeat 0 0;
}

	.EditButton:hover {
		display: inline-block;
		background: url(../../../Common/Images/EditButton.png) no-repeat -16px 0;
	}

.ToolbarTileViewButton {
	background: url(../../../Common/Images/ToolbarTileViewButton.png) no-repeat -16px 0;
	width: 16px;
	height: 16px;
	margin: 0 1px 0 1px;
}

	.ToolbarTileViewButton:hover {
		background: url(../../../Common/Images/ToolbarTileViewButton.png) no-repeat -32px 0;
		width: 16px;
		height: 16px;
		margin: 0 1px 0 1px;
	}

.ToolbarTileViewButtonHlt {
	background: url(../../../Common/Images/ToolbarTileViewButton.png) no-repeat -32px 0;
	width: 16px;
	height: 16px;
	margin: 0 1px 0 1px;
}

.ToolbarDetailsViewButton {
	background: url(../../../Common/Images/ToolbarDetailsViewButton.png) no-repeat -16px 0;
	width: 16px;
	height: 16px;
	margin: 0 1px 0 1px;
}

	.ToolbarDetailsViewButton:hover {
		background: url(../../../Common/Images/ToolbarDetailsViewButton.png) no-repeat -32px 0;
		width: 16px;
		height: 16px;
		margin: 0 1px 0 1px;
	}

.ToolbarDetailsViewButtonHlt {
	background: url(../../../Common/Images/ToolbarDetailsViewButton.png) no-repeat -32px 0;
	width: 16px;
	height: 16px;
	margin: 0 1px 0 1px;
}

.ToolbarGroupViewButton {
	background: url(../../../Common/Images/ToolbarGroupViewButton.png) no-repeat -16px 0;
	width: 16px;
	height: 16px;
	margin: 0 1px 0 1px;
}

	.ToolbarGroupViewButton:hover {
		background: url(../../../Common/Images/ToolbarGroupViewButton.png) no-repeat -32px 0;
		width: 16px;
		height: 16px;
		margin: 0 1px 0 1px;
	}

.ToolbarGroupViewButtonHlt {
	background: url(../../../Common/Images/ToolbarGroupViewButton.png) no-repeat -32px 0;
	width: 16px;
	height: 16px;
	margin: 0 1px 0 1px;
}

.ToolbarListViewButton {
	background: url(../../../Common/Images/ToolbarListViewButton.png) no-repeat -16px 0;
	width: 16px;
	height: 16px;
	margin: 0 1px 0 1px;
}

	.ToolbarListViewButton:hover {
		background: url(../../../Common/Images/ToolbarListViewButton.png) no-repeat -32px 0;
		width: 16px;
		height: 16px;
		margin: 0 1px 0 1px;
	}

.ToolbarListViewButtonHlt {
	background: url(../../../Common/Images/ToolbarListViewButton.png) no-repeat -32px 0;
	width: 16px;
	height: 16px;
	margin: 0 1px 0 1px;
}


/* Headers */
.MajorHeaderStrip {
	border-bottom: solid 1px #0171BB;
	height: 24px;
	margin: 0;
	padding-top: 6px;
	padding-left: 6px;
	color: #444444;
}

	.MajorHeaderStrip .StripTitle {
		font-weight: bold;
		font-size: 13px;
	}

.MajorHeaderStripBold {
	height: 24px;
	margin: 0;
	padding: 5px 5px 5px 10px;
	color: #4f4f4f;
}

	.MajorHeaderStripBold .StripTitle {
		font-weight: bold;
		font-size: 13px;
	}

.DataGridCellHeader {
	padding-left: 10px;
	font: bold 13px Arial;
	color: #444444;
}

.DataGridCellHeaderNoPadding {
	font: bold 13px Arial;
	color: #444444;
}

.DataGridCell {
	padding: 5px 10px 5px 10px;
	border: dotted 1px #ebebeb;
	vertical-align: middle;
	line-height: 14px;
}

	.DataGridCell a, .DataGridCellNoPadding a {
		color: #333333;
	}

		.DataGridCell a:hover, .DataGridCellNoPadding a:hover {
			color: #777777;
		}

.DataGridCellNoPadding {
	border: dotted 1px #ebebeb;
	vertical-align: middle;
	padding: 0!important;
}

.DataGridCellHover {
	cursor: pointer;
}

.DataGridWhiteCell {
	background-color: #ffffff;
	border: none 1px #ffffff;
	vertical-align: middle;
	padding: 0 4px 0 4px!important;
}

.ResultsTable {
}

	.ResultsTable table {
		border: none!important;
	}

		.ResultsTable table th {
			border: none;
		}

/* Custom Content Style Home Page */
.StandardContentPanel {
	border-left: solid 1px #cacaca;
	border-right: solid 1px #cacaca;
	border-bottom: solid 1px #cacaca;
	border-top: solid 1px #cacaca;
}

.StandardContentPanelHeader {
	display: block;
	margin: 3px 0 0 0;
	padding-top: 5px;
	color: #777777;
	font: 14px Arial;
}

.StandardContentPanelHeaderContainer {
	padding-bottom: 2px;
	border-bottom: solid 1px #6099b6!important;
	color: #444444;
}

.StandardContentPanelHeader2 {
	display: block;
	margin: 3px 0 5px 0;
	padding: 0;
	color: #777777;
	font: 12px Arial;
}

.StandardContentPanelBody {
	padding: 5px;
}

.HomeLearningProfileStatSeparator
{
	text-align: center;
	width: 20px;
	min-height: 50px;
	font: 20px Arial;
	margin-left: 5px;
	margin-right: 5px;
}

.HomeLearningProfileStatTitle
{
	display: block;
	font: 10px Arial;
	color: #5c5c5c;
}

.HomeLearningProfileStatText
{
	display: block;
	font: 20px Arial;
	color: #0171BB;
}

.ArticleItemSeperator {
	float: left;
	height: 200px;
	width: 1px;
	margin: 0 2px 0 2px;
}

.FeaturePanelBody {
	padding: 5px;
}

	.FeaturePanelBody h3 {
		color: #000000;
		font: 11px Arial;
		padding: 0;
		margin: 0;
	}

	.FeaturePanelBody p {
		margin: 0;
		padding: 0;
		font: 10px Arial;
	}


/* Catalogue Page */
.CCCatalogueCategoryHeaderBar {
	margin-top: 5px;
	color: #4f4f4f;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}

.CCCategoryGroup {
	color: #007450;
}

.CCCategoryGroupLink {
	color: #FFFFFF;
}

.CCCategoryGroup1, .CCCategoryGroup1 a {
	color: #000000;
	background: #FFFFFF;
}

.ItemHighlight {
}

.ProgramItemHighlight {
	background-color: #C7E0EB;
	cursor: pointer;
}

	.ProgramItemHighlight a, .ProgramItemHighlight a:hover {
		color: #3D6C83;
	}

.FilterBox {
	font: 12px Arial;
}

	.FilterBox .FilterResultsButton
	{
		background-color: #1D4F99;
		color: #ffffff;
		border: solid 1px #1D4F99;
		padding-left: .5em; 
		padding-right: .5em; 
		cursor:pointer;
		
	}
	.FilterBox .FilterResultsButton:hover
	{
		background-color: #479CE5;
		border: solid 1px #479CE5;
	}


.TiledIconContainer {
	float: left;
	text-align: center;
	padding: 2px 2px 2px 2px;
	width: 115px;
	height: 120px;
	margin: 0 2px 5px 2px;
	overflow: hidden;
	font: 12px Arial;
	font-weight: bold;
}

.DetailedViewIconContainer {
	float: left;
	text-align: center;
	padding: 0;
	width: 100%;
	min-height: 95px;
	overflow: hidden;
	font: 11px Arial;
}

.MajorSidePanel {
	float: left;
}

	.MajorSidePanel h2 {
		color: #222222;
		font: Bold 16px Arial;
		margin: 0;
	}

	.MajorSidePanel h3 {
		color: #222222;
		font-family: Arial;
		font-size: 14px;
		margin: 0;
	}

	.MajorSidePanel h4 {
		color: #222222;
		font-family: Arial;
		font-size: 12px;
		margin: 0;
	}

.MajorContentPanel {
	float: left;
	background-color: #ffffff;
	overflow: hidden;
}

	.MajorContentPanel h2 {
		font: Bold 14px Arial;
		margin: 0;
	}

	.MajorContentPanel h3 {
		margin-left: 0;
		margin-bottom: 5px;
	}

	.MajorContentPanel h5 {
		font: Bold 11px Arial;
		margin: 0;
	}

/* Team Management */
.TeamNode {
	background-color: #FFF!important;
	color: #1D4F99!important;
}

.TeamNode:hover, .TeamNode:focus {
	background-color: #1D4F99!important;
	color: #FFF!important;
}

/* Classic Home Page styles */
.WelcomeBlock {
	position: relative;
}

.WelcomeBlockText {
	position: absolute;
	top: 110px;
	left: 0;
	width: 460px;
	height: 40px;
	padding: 5px;
}

.RecentModuleContentBox {
	width: 200px;
	height: 276px;
}

/* BMF Masterpage specific sytles */
.MasterFooterLogosBar {
	width: 920px;
	height: 50px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.MasterFooterCortexaLogo {
	float: right;
	width: 120px;
	height: 40px;
	margin-top: 10px;
}


/* RSS Feeds Ticker */
.rssFeed {
	font: 10px Arial;
	width: 420px;
	margin-bottom: 2em;
}

	.rssFeed a {
		color: #444444;
		text-decoration: none;
	}

		.rssFeed a:hover {
			color: #000000;
			text-decoration: underline;
		}

.rssHeader {
	padding: 0.2em 0;
}

.rssBody {
}

.rssRow h4, .rssRow p, .rssRow div {
	margin: 0;
	padding: 0.5em;
	font-size: 10px;
}

.rssRow h4 {
	font-size: 16px;
}

.rssFeedBG {
	opacity: 1.0;
}

.editableItem {
	background-color: #FFEE62;
	color: #3F6275;
}

.CataloguesSelectionPanel {
	width: 198px;
	border: solid 1px #cfcfcf;
	margin-bottom: 10px;
}

	.CataloguesSelectionPanel ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

		.CataloguesSelectionPanel ul li {
			padding: 3px 5px 3px 5px;
			cursor: pointer;
		}

			.CataloguesSelectionPanel ul li:hover {
				background-color: #87BDD5!important;
			}

/* Marquee Carousel Styles */
.marquee_panels {
	display: none;
}

.marquee_container_outer {
	position: relative;
	width: 725px;
	min-height: 200px;
	margin: -20px 0 0 0;
}

.marquee_container {
	position: relative;
	width: 725px;
	height: 327px;
	overflow: hidden;
    margin-top: 5px;
    border: 1px solid #FFFFFF;
}

.marquee_photos {
	position: absolute;
	top: 0;
	left: 0;
}

.marquee_photo {
	width: 725px;
	height: 327px;
}

.marquee_panel_photo {
	display: none;
}

.marquee_caption {
	position: absolute;
	top: 314px;
	left: 0;
	width: 576px;
	margin: 0 0 0 0;
	padding: 15px 0 10px 0;
	color: #ffffff;
}

	.marquee_caption h2 {
		font: 16px Arial;
		color: #ffffff;
		margin: 0 0 12px 0;
	}

	.marquee_caption p {
		font: 12px Arial;
		color: #ffffff;
		margin: 0 0 12px 0;
	}

	.marquee_caption a {
		font: 12px Arial;
		color: #FFCC00;
	}

		.marquee_caption a:hover {
			font: 12px Arial;
			color: #FFFFFF;
		}

.marquee_caption_content {
	width: 300px;
	padding: 0 0 0 25px;
}

.marquee_nav {
	position: relative;
	margin: 0 auto 0 auto;
	text-align: center;
	width: 100%;
	min-height: 14px;
	padding-top: 2px;
	padding-bottom: 2px;
}

	.marquee_nav a {
		display: inline-block;
		width: 14px;
		height: 14px;
		margin-left: 5px;
		background: url(../../../Common/Images/marquee-nav-buttons.png) no-repeat;
		background-position: 0 0;
		cursor: pointer;
		outline: none;
	}

		.marquee_nav a:hover {
			background-position: -14px 0;
		}

		.marquee_nav a.selected {
			background-position: -28px 0;
		}

.marquee_caption_link {
	display: none;
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel, div.star-rating {
	float: left;
	width: 17px;
	height: 15px;
	text-indent: -999em;
	cursor: pointer;
	display: block;
	background: transparent;
	overflow: hidden;
}

	div.rating-cancel, div.rating-cancel a {
		background: url(../../../Common/Images/rating-delete.gif) no-repeat 0 -16px;
	}

	div.star-rating, div.star-rating a {
		background: url(../../../Common/Images/rating-star.png) no-repeat 0 0;
	}

		div.rating-cancel a, div.star-rating a {
			display: block;
			width: 16px;
			height: 100%;
			background-position: 0 0;
			border: 0;
		}

div.star-rating-on a {
	background-position: 0 -32px!important;
}

div.star-rating-hover a {
	background-position: 0 -32px;
}
/* Read Only CSS */
div.star-rating-readonly a {
	cursor: default !important;
}
/* Partial Star CSS */
div.star-rating {
	background: transparent!important;
	overflow: hidden!important;
}
/* END jQuery.Rating Plugin CSS */

.ratingTitle {
	color: #1c60a5;
}

.ratingPrompt {
	color: #1c60a5;
}

.RateCourseLink {
	display: block;
	font: Bold 12px Arial;
	margin-top: 5px;
	color: #2483CC;
	cursor: pointer;
}

	.RateCourseLink:hover {
		display: block;
		font: Bold 12px Arial;
		margin-top: 5px;
		color: #7DBBE8;
		text-decoration: underline;
	}

.RateCourseSaveLink {
	display: inline-block;
	font: Bold 12px Arial;
	margin-top: 5px;
	color: #2483CC;
	cursor: pointer;
}

	.RateCourseSaveLink:hover {
		display: inline-block;
		font: Bold 12px Arial;
		margin-top: 5px;
		color: #7DBBE8;
		text-decoration: underline;
	}

.HeaderSort {
	width: 13px;
	height: 17px;
	background: url(../../../Common/Images/sortarrow.png) no-repeat;
	cursor: pointer;
}

.HeaderSortAsc {
	width: 13px;
	height: 17px;
	background: url(../../../Common/Images/sortarrow.png) no-repeat -13px 0;
	cursor: pointer;
}

.HeaderSortDesc {
	width: 13px;
	height: 17px;
	background: url(../../../Common/Images/sortarrow.png) no-repeat 0 -26px;
	cursor: pointer;
}

.SearchResultsColumnHeader {
	font: Bold 12px Arial;
	color: #0171BB;
	text-align: left;
	margin: 0;
	padding: 5px;
}

.SearchResultsColumnCell, .SearchResultsColumnCell a {
	font: 12px Arial;
	color: #31313F;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	text-decoration: none;
	border: dotted 1px #ebebeb;
}

	.SearchResultsColumnCell a {
		border: 0;
	}

		.SearchResultsColumnCell a:hover {
			font: 12px Arial;
			color: #0171BB;
			text-align: left;
			vertical-align: top;
			padding: 5px;
			text-decoration: underline;
		}

a.ReadMoreLink {
	font: italic 12px Arial;
	color: #0171BB;
	text-decoration: none;
	border: 0;
}

	a.ReadMoreLink:hover {
		font: italic 12px Arial;
		color: #0171BB;
		text-decoration: underline;
	}

.CatalogueItem {
}

	.CatalogueItem:hover {
	}

.CatalogueItemHorizontalSeperator {
	width: 100%;
	border-bottom: dotted 1px #acacac;
	margin-top: 5px;
	margin-bottom: 5px;
}

.CatalogueItemVerticalSeperator {
	height: 100%;
	border-left: dotted 1px #acacac;
	margin-left: 5px;
	margin-right: 5px;
}

/* Headers */
.SectionHeader {
	border-bottom: solid 1px #FFFFFF;
	margin: 0 3px 10px 3px;
	padding-bottom: 5px;	
	color: #1D4F99;
	font: 12px Arial;
	height: 24px;
	line-height: 12px;
	background-color:#FFFFFF;
}

.SectionHeader .Title, .SectionHeader h3 {
	font: Bold 14px Arial;
	display: block;
	line-height: 15px;
	padding-top: 5px;
	margin-left: 5px;
}

	.SectionHeader a.TitleLink {
		font: Bold 14px Arial;
		color: #1D4F99;
		line-height: 24px;
		margin-left: 3px;
	}

	.SectionHeader a.TitleLink:hover  {
		font: Bold 14px Arial;
		color: #1D4F99;
		line-height: 24px;
		margin-left: 5px;
	}

.SectionHeader .ContentTitle	{
	font: 14px Arial;
	color: #1D4F99;
	padding-left: 5px;
	line-height: 18px;
	margin-top: 5px;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
}

	.SectionHeader .CatalogueTitle
	{
		font: 14px Arial;
		color:#1D4F99;
		padding-left: 5px;
		line-height: 18px;
		margin-top: 5px!important;
		overflow: hidden;
		white-space: nowrap;
	}

	.SectionHeader .CatalogueAddItem
	{
		margin-top:2px;
		margin-right:5px;
	}

	.SectionHeader .CatalogueFilterBar
	{
		margin-top:4px;
		margin-right:5px;
	}

	.SectionHeader .Text
	{
		font: 12px Arial;
		color: #1D4F99;
		line-height: 12px;
		margin-top: 12px;
	}

	.SectionHeader .Label
	{
		display: inline-block;
		color: #1D4F99;
		font: 12px Arial;
		line-height: 12px;
		margin-top: 6px;
		margin-right: 5px;
	}

	.SectionHeader .Button
	{
		display: inline-block;
		font: 12px Arial;
		margin: 6px 2px 0 2px;
		width: 16px;
		height: 16px;
	}

.SectionHeader .SelectedSelector, .SectionHeader a.SelectedSelector, .SectionHeader a.SelectedSelector:hover {
	display: inline-block;
	margin-top: 5px;
	margin: 5px 5px 0 0;
	font: 14px Arial;
	color: /*#1D4F99;*/ #FFFFFF;
	background-color: /*#1D4F99;*/ #479CE5;
	/*border-radius: 12px;*/
	padding: 7px;
	text-decoration: none;
}

	.SectionHeader .SelectedSelector.noBGC, .SectionHeader a.SelectedSelector.noBGC, .SectionHeader a.SelectedSelector.noBGC:hover
	{
		display: inline-block;
		margin-top: 10px;
		font: Bold 14px Arial;
		color: #1D4F99;
		padding: 0 5px 0 5px;
	}

.SectionHeader .Selector, .SectionHeader a.Selector {
	display: inline-block;
	margin-top: 5px;
	margin: 5px 5px 0 0;
	font: 14px Arial;
	color: /*#1D4F99;*/ #FFFFFF;
	background-color: #1D4F99;
	/*border-radius: 12px;*/
	padding: 7px;
	text-decoration: none;
}

.SectionHeader .Selector, .SectionHeader a.Selector:hover {
	display: inline-block;
	margin-top: 5px;
	margin: 5px 5px 0 0;
	font: 14px Arial;
	color: /*#1D4F99;*/ #FFFFFF;
	background-color: /*#1D4F99;*/ #479CE5;
	/*border-radius: 12px;*/
	padding: 7px;
	text-decoration: none;
}

	.SectionHeader .Selector.noBGC, .SectionHeader a.Selector.noBGC
	{
		display: inline-block;
		margin-top: 10px;
		font: 14px Arial;
		color: #1D4F99;
		padding: 0 5px 0 5px;
		text-decoration: none;
	}



		.SectionHeader a.Selector.noBGC:hover
		{
			display: inline-block;
			margin-top: 10px;
			font: 14px Arial;
			color: #1D4F99;
			padding: 0 5px 0 5px;
			text-decoration: underline;
		}

.SectionSeperator
{
	border-bottom: solid 1px #32619A;
	margin: 2px 0 2px 0;
	line-height: 5px;
}

.SectionHeader a
{
	color: #1D4F99;
	text-decoration: none;
	font: 12px Arial;
}

	.SectionHeader a:hover
	{
		color: #1D4F99;
		text-decoration: underline;
		font: 12px Arial;
	}

.SectionContainer {
	margin: 5px 0 5px 0;
}

/* Face to face booking classes */
.CourseBookingColumn1 {
	float: left;
	width: 220px;
	min-height: 400px;
}

.CourseBookingColumn2 {
	float: left;
	width: 720px;
	position: relative;
	margin-left: 10px;
}


.CourseBookingDateSelector {
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #fafafa;
	border: solid 1px #007A4F;
}

	.CourseBookingDateSelector li.CourseBookingDateSelectorItem {
		float: left;
		margin-bottom: 5px;
		width: 210px;
		padding: 5px;
	}

		.CourseBookingDateSelector li.CourseBookingDateSelectorItem div.CourseBookingDateSelectorItemDetails {
			border-bottom: solid 1px #efefef;
			padding: 2px 5px 2px 5px;
		}

.CourseBookingDateSelectorItem .Link, .CourseBookingDateSelectorItem a.Link {
	font: 11px Verdana;
	color: #2483CC;
	cursor: pointer;
}

	.CourseBookingDateSelectorItem .Link:hover, .CourseBookingDateSelectorItem a.Link:hover {
		font: 11px Verdana;
		color: #7DBBE8;
		text-decoration: underline;
	}

/* Generics */
.BoxedSection {
	border: solid 1px #afafaf;
}

	.BoxedSection .Header {
		position: relative;
		margin-bottom: 4px;
		padding: 3px;
	}

		.BoxedSection .Header .Title {
			display: block;
			color: #FFF;
			font: bold 14px Verdana;
			font-style: italic;
			padding: 5px 10px 5px 10px;
			background-color: #1D4F99;
		}

		.BoxedSection .Header .Title-Light {
			display: block;
			color: #4f4f4f;
			font: bold 14px Verdana;
			font-style: italic;
			padding: 5px 10px 5px 10px;
			background-color: #dcdcd4;
		}

		.BoxedSection .Header .Close {
			position: absolute;
			top: 8px;
			right: 10px;
		}

	.BoxedSection .Content {
		padding: 5px 10px 20px 10px;
	}

		.BoxedSection .Content .Text {
			display: inline-block;
			color: #4f4f4f;
			font: 11px Verdana;
		}

	.BoxedSection .Footer {
		margin-top: 4px;
		padding: 5px;
	}

		.BoxedSection .Footer .Content {
			color: #4f4f4f;
			font: 12px Verdana;
			font-style: italic;
			padding: 5px 10px 5px 10px;
			background-color: #DAE9FA;
		}

.Centred {
	text-align: center;
}

.jqiUserSearchResult {
	cursor: pointer;
}

	.jqiUserSearchResult:hover {
		background-color: #C7E0EB!important;
	}

.SelectedUserSearchResult {
	background-color: #C7E0EB!important;
}

.jqiEditDelegateDetails {
	color: #0d573e;
	cursor: pointer;
	text-decoration: underline;
}

	.jqiEditDelegateDetails:hover {
		color: #1A9366;
	}

.textEntryLabel {
	margin-top: 5px;
	margin-bottom: 2px;
}

.textEntryInput {
	margin-top: 2px;
	margin-bottom: 2px;
}

.CMSPreviewSelectedItem {
	border: 1px solid #777;
	cursor: pointer;
	background-color: #1D4F99;
	color: #ffffff;
	padding: 5px;
	text-align: center;
}

.CMSPreviewItem {
	border: 1px solid #777;
	cursor: pointer;
	background-color: #ffffff;
	padding: 5px;
	text-align: center;
}

	.CMSPreviewItem:hover {
		border: 1px solid #777;
		cursor: pointer;
		background-color: #1D4F99;
		color: #ffffff;
		padding: 5px;
		text-align: center;
	}

.CMSPreviewDisabledItem {
	border: 1px solid #777;
	cursor: pointer;
	color: #9c9c9c;
	background-color: #ececec;
	padding: 5px;
	text-align: center;
}

	.CMSPreviewDisabledItem:hover {
		border: 1px solid #777;
		cursor: pointer;
		background-color: #1D4F99;
		color: #ffffff;
		padding: 5px;
		text-align: center;
	}

/* Course Player Engine */
.PlayerMasterPageContentContainer {
	width: 950px;
	margin: 0 auto 0 auto;
}

.PlayerMasterBodyContainerInner {
	width: 100%;
	min-height: 600px;
	padding: 20px 0 0 0;
	margin: 0;
	position: relative;
}

.PlayerMasterPrimaryHeaderContainer {
	position: relative;
	width: 950px;
	height: 64px;
	padding: 0;
}

.PlayerMasterMainMenuContainer {
	background-color: #E8E8E8;
	border-top: 1px #D70000 solid;
	border-bottom: 1px #D70000 solid;
	height: 30px;
}

.EngineContainer {
	position:relative;
}

.CoursePlayerEngineControlbar {
	position: relative;
	height: 70px;
	width: 100%;
	color: #32619A;
}

.jqiToggleMenu {
	display: block;
	color: #1A3668;
	cursor: pointer;
	margin: 5px 0 0 0;
}

	.jqiToggleMenu:hover {
		color: #32619A;
	}

.LessonNavigation {
	float: left;
}

.CurrentPlayingLesson {
	font-family: Verdana;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #dc2829;
	padding-top: 5px;
}

	.CurrentPlayingLesson h2 {
		display: inline-block;
		font-family: Verdana;
		font-size: 14px;
		line-height: 20px;
		font-weight: bold;
		color: #1B3769;
		margin: 0;
		padding: 0;
	}

	.CurrentPlayingLesson .Title {
		display: inline-block;
		font-family: Verdana;
		font-size: 14px;
		line-height: 20px;
		color: #dc2829;
		margin: 0;
		padding: 0;
	}

.LessonNavigation .PreviousNavigationButton {
	display: inline-block;
	cursor: pointer;
	background-image: url(../../../common/Images/previous_light.min.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 32px;
	height: 32px;
}

	.LessonNavigation .PreviousNavigationButton:hover {
		background-image: url(../../../common/Images/previous_light.min.png);
		background-repeat: no-repeat;
		background-position: -32px 0;
		width: 32px;
		height: 32px;
	}

.LessonNavigation .NextNavigationButton {
	display: inline-block;
	cursor: pointer;
	background-image: url(../../../common/Images/next_light.min.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 32px;
	height: 32px;
}

	.LessonNavigation .NextNavigationButton:hover {
		background-image: url(../../../common/Images/next_light.min.png);
		background-repeat: no-repeat;
		background-position: -32px 0;
		width: 32px;
		height: 32px;
	}

.NavigationMenuShowTab {
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	cursor: pointer;
}

.CoursePlayerEngineNavMenu {
	position: absolute;
	bottom: 10px;
	left: 15px;
	background-color: #F3F3F3;
	overflow: auto;
	z-index: 1000;
	border-top: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	max-height: 600px;
	width: 330px;
}

	.CoursePlayerEngineNavMenu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: block;
	}

	.CoursePlayerEngineNavMenu li.NotStarted {
		display: block;
		color: #000000;
		cursor: pointer;
		margin: 0 0 0 0;
		height: 16px;
		padding: 5px 15px 5px 15px;
		border-bottom: dotted 1px #E6E6E6;
		z-index: 1000;
	}

	.CoursePlayerEngineNavMenu li.InProgress {
		display: block;
		color: #ff4f4f;
		cursor: pointer;
		margin: 0 0 0 0;
		height: 16px;
		padding: 5px 15px 5px 15px;
		border-bottom: dotted 1px #E6E6E6;
		z-index: 1000;
		background-image: url( ../../../Common/Images/step_courseInProgress.png);
		background-position: right;
		background-repeat: no-repeat;
	}

	.CoursePlayerEngineNavMenu li.Completed {
		display: block;
		color: #afafaf;
		cursor: pointer;
		margin: 0 0 0 0;
		height: 16px;
		padding: 5px 40px 5px 15px;
		border-bottom: dotted 1px #E6E6E6;
		z-index: 1000;
		background-image: url( ../../../Common/Images/step_courseComplete.png);
		background-position: right;
		background-repeat: no-repeat;
	}

	.CoursePlayerEngineNavMenu li.NotStarted:hover, .CoursePlayerEngineNavMenu li.NotStarted.Selected {
		color: #ffffff;
		background-color: #df0000;
	}

	.CoursePlayerEngineNavMenu li.InProgress:hover, .CoursePlayerEngineNavMenu li.InProgress.Selected {
		color: #ffffff;
		background-color: #df0000;
		background-image: url( ../../../Common/Images/step_courseInProgress.png);
		background-position: right;
		background-repeat: no-repeat;
	}

	.CoursePlayerEngineNavMenu li.Completed:hover, .CoursePlayerEngineNavMenu li.Completed.Selected {
		color: #ffffff;
		background-color: #df0000;
		background-image: url( ../../../Common/Images/step_courseComplete.png);
		background-position: right;
		background-repeat: no-repeat;
	}

.CoursePlayerEngineContentWindow {
}

/* CKEditor Content Output */
/*
.moduleAims p {
	margin-left: 0!important;
	font: 12px Arial!important;
}

.moduleAims h1, .moduleAims h2, .moduleAims h3, .moduleAims h4, .moduleAims h5 {
	margin-left: 0!important;
	font-family: Arial!important;
}

.moduleAims ul {
	margin-top: 0!important;
	font: 12px Arial!important;
}

.moduleAims li {
	font: 12px Arial!important;
}
	*/

.ProfileName
{	
	margin-top: -20px;
	font: bold 18px Verdana, Geneva, 'DejaVu Sans', sans-serif;
	color:#0171BB;
	text-transform:uppercase;
	text-align: right;
}


.ProfileDisplayContainer
{
	float: right;
}

	.ProfileDisplayContainer .ProfileCompanyName
	{
		font: bold 16px Verdana, Geneva, 'DejaVu Sans', sans-serif;
		color: #2D2E2F;	
		text-align: right;
	}

	.ProfileDisplayContainer .ProfileLastLogin
	{
		font: bold 12px Verdana, Geneva, 'DejaVu Sans', sans-serif;
		color:#777777;	
		text-align: right;
		font-style:italic;
}

.LearningStatsPanel
{
	float: left;
	margin-right: 50px;
}

.ProfileRewardsPanel {
	float: left;
	width: 180px; 
}

.Account-Content
{	
	padding: 0 0 0 0;
}
	.Account-Content .heading .text
	{
		font-family:Verdana, Geneva, 'DejaVu Sans', sans-serif;
		font-size: 16px;
		font-weight: bold;
		color:#333333;
		text-transform:uppercase;

	}

	.Account-Content h3 {
		font-family:Verdana, Geneva, 'DejaVu Sans', sans-serif;
		font-size: 14px;
		font-weight: bold;
		color:#333333;
		margin-top: 10px;
		margin-bottom: 2px;
	}
	
		.Account-Content h3 .heading
		{
			color:#333333;
			font-weight: bold;
		}


		.Account-Content .text
		{
			color:#444444;
			font-weight:normal;
			display:block;
			margin: 2px 0 2px 0; 
		}

.text-label
{
	display:inline-block;
	font-family:Verdana, Geneva, 'DejaVu Sans', sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#4f4f4f;
	margin: 8px 0 2px 0		
}

.text-input
{
	display:inline-block;
	margin: 2px 0 2px 0		
}
input.text-input[disabled=disabled]
{
	display:inline-block;
	margin: 2px 0 2px 0;
	background-color:#E6E6E6;	
}

/*Stylings for iframe and internal elements*/
#LPItemFeedbackIFrame, #feedbackContainer
{
	width: 650px;
	height: 350px;
}


#LPF2FFeedbackIFrame, #feedbackContainer
{
	width: 650px;
	height: 374px;
}

.UserHTMLStandard
{
	width:725px;
}

.UserHTMLExtended
{
	width:950px;
}

/* Custom Course Materials Styling */
.course-materials .header-bar
{
	background-color:#0171BB;
	padding: 5px;
}

/* Custom login styling */
.SecureLogin {
	padding: 0 10px;
}

.SecureLogin .wrapper
{
    position: relative;
    min-width: 320px;
    margin: 0 auto;
    padding: 0 20px 0 20px;
	border: 1px solid #ccc;
}

.SecureLogin .wrapper.wrapperInner
{
    
    margin-top: 25px;
    padding-top: 30px;
    padding-bottom: 10px;
}

.SecureLogin .content {
	margin-top: 20px;
}
.SecureLogin .content .text-input
{
    padding: 9px 10px 7px 10px;
    background-color: #fff;
    background-image: none;
    margin: 0 0 8px 0;
    border: 1px solid #ccc;
    width: 100%;
}

/*Curriculum Sections*/
.curriculumSectionContainer{
			border-bottom:solid 2px #424242; 
			height:0;
			margin-top:5px;

		}

.curriculumSection{
	border-bottom:solid 2px #424242; 
	padding:10px 0 10px 10px;
}

.curriculumSectionBorder{
border-top:solid 1px #646464;
}

.curriculumSectionHeaderRow {
	color:#424242;
	text-align:center;
			 
}

.curriculumSectionHeaderRow td{
	padding-bottom:3px;
}
 
.curriculumSectionData{
	color: #FFF;
	background: #1D4F99;
}

.curriculumSectionDashedBorder {
	border-bottom: 1px dashed #0171BB;
}

/* Course Warning */
.CourseWarning{
    background: url(/common/images/BlueInfoButtonSM.png);
    background-repeat: no-repeat;
	width:16px;
	height:16px;
}


.CourseExpired{
	background: url(/common/images/CourseExpired16x16.jpg);
	background-repeat: no-repeat;
	width:16px;
	height:16px;
}

/* Tags */
.UserTag{
	padding: 5px;
	margin: 2px;
	cursor: pointer;
	background-color: rgb(215, 215, 215);
	display:inline-block;
}