*
{
	z-index: 0;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	border: none;
}

.ScreenReader
{
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.FloatLeft
{
	float: left;
}

.FloatRight
{
	float: right;
}

.ClearLeft
{
	clear: left;
}

.ClearRight
{
	clear: right;
}

.ClearBoth
{
	clear: both;
}

.Hidden
{
	display: none;
}

.DisableSelect
{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.PanelSkipToContent
{
	position: absolute;
	z-index: 30;
	top: -60px;
	outline: 0;
}

	.PanelSkipToContent:focus
	{
		top: 0px;
	}

.TextCenter
{
	text-align: center !important;
}

.TextRight
{
	text-align: right !important;
}

.Percent100
{
	width: 100%;
}

.Percent090
{
	width: 90%;
}

.Percent080
{
	width: 80%;
}

.Percent075
{
	width: 75%;
}

.Percent060
{
	width: 60%;
}

.Percent050
{
	width: 50%;
}

.Percent045
{
	width: 45%;
}

.Percent040
{
	width: 40%;
}

.Percent030
{
	width: 30%;
}

.Percent025
{
	width: 25%;
}

.Percent020
{
	width: 20%;
}

.Percent015
{
	width: 15%;
}

.Percent010
{
	width: 10%;
}

.Percent005
{
	width: 5%;
}

html
{
	width: 100%;
	height: 100%;
}

body
{
	width: 100%;
	height: 100%;
}

header
{
	z-index: 30;
}

nav
{
}

footer
{
	width: 100%;
}

article
{
}

div
{
}

h1
{
}

h2
{
}

p
{
}

button
{
}

table
{
	width: 100%;
	border: none;
}

th
{
	text-align: left;
	vertical-align: top;
}

td
{
	vertical-align: top;
}

caption
{
	text-align: left;
}

textarea
{
	font: inherit;
}

input
{
	font: inherit;
}

select
{
	font: inherit;
}

a
{
	text-decoration: none;
}

	a[href^="tel"]
	{
		color: inherit;
		text-decoration: none;
	}

/* Click open elements */
.ControlClickOpen
{
	position: absolute;
	display: none;
}

.LabelClickOpen
{
	display: inline-block;
	width: 1em;
	height: 1em;
	z-index: inherit;
	vertical-align: middle;
	color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: transparent;
}

.ButtonImage
{
	display: inline-block;
	width: 1em;
	height: 1em;
	z-index: inherit;
	vertical-align: middle;
	color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: transparent;
	border: none;
}

/* Expand Preview */
.ButtonImageExpand
{
	width: 2em;
	height: 2em;
	border: none;
	vertical-align: top;
	color: transparent;
	background-image: url('../Images/Buttons/ButtonExpand.png');
	background-color: transparent;
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
}

	.ButtonImageExpand:focus
	{
		content: 'Contract';
		background-image: url('../Images/Buttons/ButtonContract.png');
	}
	
.ImageThumbnail
{
	max-width: 200px;
	max-height: 100px;
	vertical-align: top;
}

.ImageFullSize
{
	display: none;
	position: absolute;
}

.ButtonImageExpand:focus ~ .ImageThumbnail
{
	display: none;
}

.ButtonImageExpand:focus ~ .ImageFullSize
{
	display: inline-block;
}

/* Image elements*/
img.Resize
{
	max-width: 100%;
	height: auto;
}

.BodyContainer
{
	width: inherit;
	height: inherit;
}

/* Banner elements*/
.PanelBanner
{
	position: absolute;
	width: 100%;
}

/* Message elements */

.PanelMessageContent
{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	font-size: 90%;
	border: 1px solid silver;
	border-radius: 3px;
	background-color: white;
}

	.PanelMessageContent h4
	{
		padding: .25em;
		padding-left: 35px;
		color: white;
		background-position: 0em 1.5em;
		background-position: 0em 0em;
		background-repeat: no-repeat;
		background-size: contain;
	}

	.PanelMessageContent p
	{
		margin-bottom: .25em !important;
		padding: 0;
		padding-left: 30px;
	}

.PanelMessageError
{
	border-color: red;
}

	.PanelMessageError h4
	{
		background-color: red;
		background-image: url('../Images/MessageIcons/Light/Error.png');
	}

.PanelMessageWarning
{
	border-color: orange;
}

	.PanelMessageWarning h4
	{
		background-color: orange;
		background-image: url('../Images/MessageIcons/Light/Warning.png');
	}

.PanelMessageCompleted
{
}

	.PanelMessageCompleted h4
	{
		background-color: #0B7558;
		background-image: url('../Images/MessageIcons/Light/Completed.png');
	}


.PanelMessageInformation h4
{
	background-color: #393cb9;
	background-image: url('../Images/MessageIcons/Light/Information.png');
}

.PanelMessageAccepted
{
	border-color: #00796B;
}

	.PanelMessageAccepted h4
	{
		background-color: #00796B;
		background-image: url('../Images/MessageIcons/Light/Information.png');
	}

/* Navigation elements */
.PanelNavigationHeader
{
}

.PanelNavigationHeader
{
	width: inherit;
}

	.PanelNavigationHeader .MenuNavLogo
	{
		z-index: inherit;
	}

	.PanelNavigationHeader .ControlNavHeaderOpen
	{
	}

	.PanelNavigationHeader .PanelMenuNav
	{
		width: inherit;
		text-align: right;
	}

		.PanelNavigationHeader .PanelMenuNav p
		{
			width: inherit;
			height: inherit;
		}

		.PanelNavigationHeader .PanelMenuNav .MenuNavParent
		{
			position: relative;
			display: inline-block;
		}

			.PanelNavigationHeader .PanelMenuNav .MenuNavParent:hover
			{
			}

			.PanelNavigationHeader .PanelMenuNav .MenuNavParent a
			{
				vertical-align: middle;
			}

	.PanelNavigationHeader .ControlNavHeaderOpen:checked + .PanelMenuNav
	{
		display: inline-block;
		z-index: inherit;
	}

	.PanelNavigationHeader .PanelMenuNav .MenuNavParent .MenuNavSub
	{
		position: absolute;
		display: block;
		width: 240px;
		height: auto;
		top: -200px;
		opacity: 0;
		overflow: hidden;
		text-align: left;
		font-size: 85%;
		-webkit-transition: opacity 1s;
		transition: opacity 1s;
		transition-delay: .25s;
		border: 1px solid silver;
		background-color: rgba(255, 255, 255, 0.80);
	}

	.PanelNavigationHeader .PanelMenuNav .MenuNavParent:hover .MenuNavSub, .PanelNavigationHeader .PanelMenuNav .MenuNavParent a:hover .MenuNavSub
	{
	}

	.PanelNavigationHeader .PanelMenuNav .MenuNavParent .MenuNavSub a
	{
		display: inline-block;
		width: 100%;
		z-index: inherit;
		padding: .5em;
		color: black;
	}

		.PanelNavigationHeader .PanelMenuNav .MenuNavParent .MenuNavSub a:hover
		{
			color: red;
			background-color: rgba(0, 0, 0, 0.10);
		}

	.PanelNavigationHeader .LabelNavHeaderOpen
	{
		display: none;
		position: fixed;
		z-index: 31;
		top: .5em;
		right: 2em;
		background-image: url('/Global/Images/Buttons/ButtonMenu.png');
	}

/* Search elements */
.SearchSiteHeader
{
	z-index: 41;
}

.LabelSearchSiteOpen
{
	display: block;
	z-index: 40;
	background-image: url('/Global/Images/Buttons/ButtonSearchSite.png');
}

.SearchSiteHeader .FormSearchSite
{
}

	.SearchSiteHeader .FormSearchSite input.FieldText
	{
		font-size: 90%;
	}

.SearchSiteHeader .ControlSearchSiteOpen:checked + .FormSearchSite
{
	display: inline-block;
}

.SearchSiteHeader .FormSearchSite label[for=FieldSearchSite]
{
	display: none;
}

.SearchSiteHeader .ButtonSearchSite
{
	background-image: url('/Global/Images/Buttons/Light/ButtonSearchSite.png');
}

.SearchSiteHeader .LabelSearchSiteClose
{
	background-image: url('/Global/Images/Buttons/Light/ButtonCancel.png');
}

/* Page frame elements */
.PageFrame
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

	.PageFrame .PageFrameLeft
	{
	}

	.PageFrame .PageFrameContent
	{
		flex: 1;
	}

	.PageFrame .PageFrameRight
	{
	}

/* Card panels*/

.PanelCardList
{
	width: 100%;
}

.PanelCardItem
{
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}

.PanelCardImage
{
	width: 100%;
}

@media screen and (max-width:960px)
{
	body
	{
		background-color: lightcyan;
	}
}

@media screen and (max-width:768px)
{
	body
	{
		background-color: lightgoldenrodyellow;
	}

	header
	{
		width: 100%;
		height: 2em;
	}

	/* Navigation elements -- hide menu until clicked */
	.PanelNavigationHeader
	{
		height: inherit;
		z-index: 30;
	}

		.PanelNavigationHeader a.MenuNavLogo
		{
			position: relative;
			float: left;
		}

		.PanelNavigationHeader .PanelMenuNav
		{
			display: none;
			z-index: inherit;
			height: inherit;
			padding-right: 3em;
		}

			.PanelNavigationHeader .PanelMenuNav p
			{
				z-index: inherit;
				height: inherit;
			}

			.PanelNavigationHeader .PanelMenuNav .MenuNavParent
			{
				position: relative;
				display: inline-block;
				z-index: inherit;
				height: inherit;
				margin-right: 1em;
				vertical-align: middle;
			}

				.PanelNavigationHeader .PanelMenuNav .MenuNavParent .MenuNavSub
				{
					z-index: inherit;
					width: 200px;
				}

				.PanelNavigationHeader .PanelMenuNav .MenuNavParent:last-of-type .MenuNavSub
				{
					right: 0px;
				}

				.PanelNavigationHeader .PanelMenuNav .MenuNavParent:hover .MenuNavSub, .PanelNavigationHeader .PanelMenuNav .MenuNavParent a:hover .MenuNavSub
				{
					top: 2.2em;
					opacity: 1;
					-webkit-transition: opacity 1s;
					transition: opacity 1s;
					transition-delay: .25s;
				}

		.PanelNavigationHeader .LabelNavHeaderOpen
		{
			display: inline-block;
		}

	.LabelSearchSiteOpen
	{
		position: absolute;
		top: .5em;
		right: .5em;
		overflow: hidden;
	}
}

@media screen and (max-width:480px)
{
	body
	{
		background-color: lightblue;
	}
}

@media screen and (max-width:320px)
{
	body
	{
		background-color: lightcoral;
	}
}