.BarebonesBaseHud
{
	width: 100%;
	height: 100%;
}

.BarebonesTopNotifications
{
	width: 100%;
	height: 100%;
	flow-children: down;
}

.BarebonesBottomNotifications
{
	width: 100%;
	height: 100%;
	flow-children: down;
}

.NotificationLine
{
	margin-top: 15px;
	flow-children: right;
	horizontal-align: center;
	vertical-align: middle;
	animation-name: scalein;
	animation-duration: .5s;
	animation-timing-function: linear;
}

#TopNotifications
{
	flow-children: down;
	horizontal-align: center;
	width:100%;
	opacity: 1;
	margin-top: 64px;
	visibility: visible;
	border: 0px solid blue;
}

#BottomNotifications
{
	flow-children: down;
	horizontal-align: center;
	vertical-align: bottom;
	width: 100%;
	opacity: 1;
	margin-bottom: 375px;
	visibility: visible;
	border: 0px solid blue;
}

.NotificationMessage
{
	color: white;
	vertical-align: center;
	horizontal-align: center;
	text-shadow: 3px 3px 3px #262626;
	font-size: 30px;
	font-weight: bolder;
	text-align: center;
}

.HeroImage
{
	vertical-align: center;
	horizontal-align: center;
}

@keyframes 'scalein' {
	from {
		opacity:0;
		transform: scaleX(2) scaleY(2);
	}

	to {
		opacity:1;
		transform: scaleX(1) scaleY(1);
	}
}