/*
 * Proof of concept when using images for panel borders
 */

/*
 * Standard element overrides
 */
 
 	*
 	{
		margin: 0px;
		border: 0px;
		padding: 0px;
 	}

	body
	{
		position: relative;
		display: block;

		margin: 0px;
		border: 0px;
		padding: 0px;

		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
	}

	.hidden
	{
		position: absolute;

		top: -5000px;
	}

	.DevNote
	{
		display: none;
	}

.lt_DynamicEditModeEnabled .uxResponsiveBuckets h2 {
	z-index: 6;
}

.lt_DynamicEditModeEnabled .transitionInContent {
	z-index: 5;
}

/*
 * Core Layout
 */
#idPage {
}

	#idPageHeader
	{
		position: relative;
	}

		#idPageHeader_AccessibilityMenu___Content,
		#idPageHeader_CorporateBanner___Content,
		#idPageHeader_MainMenu___Content,
		#idPageHeader_SectionBanner___Content,
		#idPageHeader_FeaturedNavigation___Content,
		#idPageHeader_BreadCrumbNavigation___Content
		{
			position: relative;

			width: 1024px;

			margin: 0px auto 0px auto;
		}

	#idPageHeader_AccessibilityMenu
	{
		position: fixed;
		display: block;

		z-index: 90;

		width: 100%;
		height: 0px;
	}

		#idPageHeader_AccessibilityMenu___Content
		{
			background-color: transparent;

			width: 960px;

			margin: 0px auto 0px auto;
		}

			#idPageHeader_AccessibilityMenu___Content ul,
			#idPageHeader_AccessibilityMenu___Content ul li
			{
				margin: 0px;
				border: 0px;
				padding: 0px;

				list-style-type: none;
			}

				#idPageHeader_AccessibilityMenu___Content ul li a
				{
					position: absolute;
					display: block;

					top: -5000px;
				}

					#idPageHeader_AccessibilityMenu___Content ul li a:focus,
					#idPageHeader_AccessibilityMenu___Content ul li a:hover
					{
						position: absolute;
						display: block;

						top: 0px;

						margin: 0px;
						border: 0px;
						padding: 10px;

						color: #ffffff;
					}

	#idPageHeader_CorporateBanner
	{
	}

		#idPageHeader_CorporateBanner___Content
		{
			width: 960px;
			height: 80px;

			margin: 0px auto 0px auto;
		}



 #idPageHeader_CorporateLogo {
		position: absolute;
		display: block;
        background-repeat: no-repeat;
        background-size: 100%;
		background-color: transparent;
		background-image: url("/accessplan//LMSPortal/Resources/Themes/LMS/Config/NewProfileTemplate/Common/Images/Logo/NewProfileTemplatelogo.png");
		width: 242px;
		height: 104px;
		top: 10px;
        left: 10px;
    }



	#idPageHeader_MainMenu
	{
		position: absolute;
		display: block;

		z-index: 99;

		top: 0px;
		width: 100%;
	}

		#idPageHeader_MainMenu___Content
		{
			position: relative;
			display: block;

			width: 960px;

			margin: 0px auto 0px auto;
		}

			#idPageHeader_MainMenuToggle
			{
				position: absolute;
				display: block;

				z-index: 90;

				top: 0px;
				right: 21px;

				width: 64px;
				height: 48px;
			}

		#idPageHeader_MainMenu___Content ul
		{
			position: absolute;
			display: none;

			z-index: 95;

			top: 48px;
			right: 0px;

			width: 400px;

			margin: 0px;
			border: 0px;
			padding: 0px;

			list-style-type: none;
		}

		#idPageHeader_MainMenu___Content ul li
		{
			margin: 0px;
			border: 0px;
			padding: 0px;

			list-style-type: none;
		}

		#idPageHeader_MainMenu___Content ul li div.SearchBox
		{
			display: block;

			margin: 0px;
			border: 0px;
			padding: 10px;

			color: #cccccc;
			text-align: right;
		}

		#idPageHeader_MainMenu___Content ul li div.SearchBox div.SearchBox_Control
		{
			display: inline-block;

			width: 260px;

			margin: 0px;
			border-color: #cccccc;
			border-radius: 0px;
			border-style: solid;
			border-width: 0px;
			padding: 0px;
		}

		#idPageHeader_MainMenu___Content ul li div.SearchBox div.SearchBox_Go
		{
			display: inline-block;

			background-color: transparent;

			width: 40px;

			margin: 0px;
			border-color: #cccccc;
			border-radius: 0px;
			border-style: solid;
			border-width: 0px;
			padding: 0px;
		}

		#idPageHeader_MainMenu___Content ul li div.SearchBox div.SearchBox_Control input
		{
			display: block;

			background-color: transparent;

			width: 100%;

			margin: 0px;
			border: 0px;
			padding: 10px;
		}

		#idPageHeader_MainMenu___Content ul li div.SearchBox div.SearchBox_Go input
		{
			display: block;

			width: 100%;

			margin: 0px;
			border: 0px;
			border-top-right-radius: 10px;
			border-bottom-right-radius: 10px;
			padding: 10px;

			cursor: pointer;
		}

		#idPageHeader_MainMenu___Content ul li a.advancedSearch
		{
			display: inline-block;

			margin: 10px 0px 10px 0px;

			color: #ffffff;
			font-size: 80%;
		}

		a.menuItem
		{
			display: block;

			background-color: #000000;

			margin: 0px;
			border-color: #111111;
			border-style: solid;
			border-width: 1px 1px 0px 1px;
			padding: 10px;

			color: #cccccc;

			opacity: 0.90;
			filter: alpha(opacity=90);
		}

			#idPageHeader_MainMenu___Content ul li:first-child a.menuItem
			{
			}

			#idPageHeader_MainMenu___Content ul li:last-child a.menuItem
			{
				border-width: 1px;
			}

		#idPageHeader_MainMenu___Content ul li a.menuItem:hover
		{
			background-color: #000000;
			color: #ffffff;

			opacity: 1.0;
			filter: alpha(opacity=100);
		}

		#idPageHeader_MainMenu___Content ul li:last-child a
		{
		}

			a.menuItem
			{
				position: relative;
			} 

 a.menuItem .menuIcon 
				{
					position: absolute;
					display: inline-block;

					background-position: 50% 50%;
					background-repeat: no-repeat;

					right: 8px;
					top: 0px;

					width: 16px;
					height: 100%;

					padding: 0px 8px 0px 8px;

					filter:alpha(opacity=25);
					opacity: 0.25;

					-webkit-transition: all 0.5s;
					transition: all 0.5s;
				}


 a.menuItem:hover .menuIcon
					{
						filter:alpha(opacity=100);
						opacity: 1.00;
					}

	#idPageHeader_SectionBanner
	{
	}

		#idPageHeader_SectionBanner___Content
		{
			width: 960px;
			height: auto;

			margin: 0px auto 0px auto;
		}

	#idPageHeader_FeaturedNavigation
	{
	}

		#idPageHeader_FeaturedNavigation___Content
		{
			width: 960px;

			margin: 0px auto 0px auto;
			padding: 20px 0px 0px 0px;
		}

	#idPageHeader_BreadCrumbNavigation
	{
	}

		#idPageHeader_BreadCrumbNavigation___Content
		{
			width: 960px;

			margin: 0px auto 0px auto;
			padding: 10px 0px 10px 0px;
		}

	#idPageContent
	{
	}

		#idPageContent_ToolBar
		{
		}

			#idPageContent_ToolBar___Content
			{
				width: 960px;

				margin: 0px auto 0px auto;
				padding: 10px 0px 10px 0px;
			}

				#idPageContent_ToolBar___Content:after
				{
					position: relative;
					display: block;
					clear: both;
					content: " ";
					height: 0px;
				}

		#idPageContent_Title
		{
		}

			#idPageContent_Title___Content
			{
				width: 960px;

				margin: 0px auto 0px auto;
				
			}

		#idPageContent_BodyText
		{
		}

			#idPageContent_BodyText___Content
			{
				width: 960px;

				margin: 0px auto 0px auto;
				padding: 0px;
			}

		#idPageContent_DataEntryFields
		{
		}

			#idPageContent_DataEntryFields___Content
			{
				width: 960px;

				margin: 0px auto 0px auto;
				padding: 10px 0px 10px 0px;
			}

				#idPageContent_DataEntryFields___Content:after
				{
					position: relative;
					display: block;
					clear: both;
					content: " ";
					height: 0px;
				}

		#idPageContent_DataSubmissionFields
		{
		}

			#idPageContent_DataSubmissionFields___Content
			{
				width: 960px;

				margin: 0px auto 0px auto;
				padding: 10px 0px 10px 0px;
			}

				#idPageContent_DataSubmissionFields___Content:after
				{
					position: relative;
					display: block;
					clear: both;
					content: " ";
					height: 0px;
				}

		#idPageContent_DataResults
		{
		}

			#idPageContent_DataResults___Content
			{
				width: 960px;

				margin: 0px auto 0px auto;
				padding: 10px 0px 10px 0px;
			}

				#idPageContent_DataResults___Content:after
				{
					position: relative;
					display: block;
					clear: both;
					content: " ";
					height: 0px;
				}

	#idPageFooter_WhatNext
	{
	}

		#idPageFooter_WhatNext___Content
		{
			width: 960px;

			margin: 0px auto 0px auto;
			border: 0px;
			padding: 10px 0px 10px 0px;
		}

	#idPageFooter_Corporate
	{
	}

		#idPageFooter_Corporate___Content
		{
			width: 960px;

			margin: 0px auto 0px auto;
			border: 0px;
			padding: 10px 0px 10px 0px;
		}

.uxSelectorTable___Action {
	text-decoration: none;
}

#cookie-prefs {
	text-decoration: underline
}



/*
 * uxResponsiveBuckets
 */

.uxResponsiveBuckets
{
}

	.uxResponsiveBuckets ul
	{
		display: block;

		margin: 0px;
		border: 0px;
		padding: 0px;

		list-style-type: none;
	}

		.uxResponsiveBuckets ul:after
		{
			position: relative;
			display: block;
			clear: both;
			content: " ";
		}

		.uxResponsiveBuckets ul li
		{
			display: block;
			float: left;

			margin: 0px;
			border: 0px;
			padding: 0px;

			list-style-type: none;
		}

			.uxResponsiveBuckets ul li a
			{
				position: relative;
				display: block;

				height: 150px;

				margin: 10px;
				padding: 0px;

				text-decoration: none;
			}

			.uxResponsiveBuckets ul li a:hover
			{
				text-decoration: none;

				opacity: 1.00;
				filter: alpha(opacity=100);
			}

				.uxResponsiveBuckets ul li a h2
				{
					margin: 0px;
					border: 0px;
					padding: 10px;
				}



/*
 * uxTreeView
 */

.uxTreeView ul
{
	margin: 0px 0px 0px 2em;
}

.uxTreeView li
{
}

	.uxTreeView li:last-child
	{
	}

.uxTreeView li.directory a,
.uxTreeView li.directory span
{
	display: block;

	margin: 0px;
	border: 0px;
	padding: 5px;

	font-weight: bold;
}

	.uxTreeView li.directory a:hover
	{
		background-color: #333333;
		color: #ffffff;
	}

.uxTreeView li.file a,
.uxTreeView li.file span
{
	display: block;

	margin: 0px;
	border: 0px;
	padding: 5px;

	font-weight: normal;

	transition: all 0.5s;
}

	.uxTreeView li.file a:hover
	{
		background-color: #333333;
		color: #ffffff;
	}



/*
 * uxRadioList
 */

ul.uxRadioList
{
	margin: 0px;
	border: 0px;
	padding: 0px 20px 0px 20px;
}

	ul.uxRadioList li
	{
		position: relative;
		display: block;
		background-color: #ffffff;
		width: 280px;
		height: 2em;

		margin: 0px;
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px 1px 0px 1px;
		padding: 0px;

		font-size: 100%;

		list-style: none;

		box-shadow: 0px 0px 5px #cccccc inset;
	}

		ul.uxRadioList li:first-child
		{
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}

		ul.uxRadioList li:last-child
		{
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
			border-width: 1px;
		}

		ul.uxRadioList li input
		{
			position: absolute;
			display: block;
			z-index: 2;

			width: 40px;
			height: 2em;

			margin: 0px;
			border: 0px;
			padding: 0px;

			cursor: pointer;
		}

		ul.uxRadioList li label
		{
			position: absolute;
			display: block;

			z-index: 2;

			left: 40px;

			width: 240px;
			height: 1em;

			margin: 0px;
			border: 0px;
			padding: 0.5em 0px 0.5em 0px;

			font-size: 100%;

			cursor: pointer;
		}

		ul.uxRadioList li span.decorativeIcon
		{
			position: absolute;
			display: block;
			z-index: 0;

			background-position: 50% 50%;
			background-repeat: no-repeat;

			right: 0px;

			width: 40px;
			height: 2em;
		}

.navigationSection {
	margin-bottom: 3rem;
}

.sectionHeader {
	margin-bottom: 1rem;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.flex-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.validator {
	padding: 5px 20px 5px 20px;
}

@media (max-width: 768px) { 
	.flex-column {
		width: 100%; 
	}
}


.accentAfrikaans .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/af.png"); }
.accentArabic .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/ar.png"); }
.accentAzerbaijani .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/az.png"); }
.accentChineseSimplified .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/cn.png"); }
.accentChineseTraditional .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/cn.png"); }
.accentCzech .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/cs.png"); }
.accentEnglish .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/en.png"); }
.accentDutch .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/nl.png"); }
.accentFrench .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/fr.png"); }
.accentGerman .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/de.png"); }
.accentHungarian .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/hu.png"); }
.accentIrish .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/ga.png"); }
.accentItalian .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/it.png"); }
.accentJapanese .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/ja.png"); }
.accentKorean .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/ko.png"); }
.accentNorwegian .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/no.png"); }
.accentPolish .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/pl.png"); }
.accentPortugueseBrazil .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/br.png"); }
.accentPortuguesePortugal .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/pt.png"); }
.accentRomanian .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/ro.png"); }
.accentRussian .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/ru.png"); }
.accentSlovak .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/sk.png"); }
.accentSpanish .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/es.png"); }
.accentSwahili .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/sw.png"); }
.accentSwedish .decorativeIcon { background-image: url("/Accessplan/Images/Flags/16/sv.png"); }