/* Prettified by Source 2 Viewer 11.1.0.0 - https://valveresourceformat.github.io */

.PopupPanel
{
	width: 800px;
	height: 884px;
	padding: 0px;
	overflow: clip;
	flow-children: none;
	background-image: url("s2r://panorama/images/splash_ads/ti8_weekend_sale_png.vtex");
	background-size: cover;
	background-color: black;
	border: 1px solid accentColor;
}

#Contents
{
	width: 100%;
	height: 100%;
}

.CloseButton
{
	horizontal-align: right;
	width: 30px;
	height: 30px;
	background-size: 60%;
	background-color: #444;
	margin-top: 8px;
	margin-right: 8px;
}

#TitleBox
{
	flow-children: down;
	width: 100%;
	horizontal-align: center;
	height: 160px;
}

#Title
{
	color: white;
	font-size: 46px;
	text-transform: uppercase;
	letter-spacing: 9px;
	text-align: center;
	horizontal-align: center;
	text-shadow: 1px 1px 4px black;
}

.SubTitle
{
	width: 100%;
	text-align: center;
	horizontal-align: center;
	color: textColoredBrightColor;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 4px;
	text-shadow: 1px 1px 4px black;
}

.Sub01
{
	margin-top: 30px;
}

.Sub02
{
	margin-top: -7px;
}

#Messaging
{
	flow-children: down;
	width: 100%;
	horizontal-align: center;
	vertical-align: bottom;
	margin-bottom: 30px;
}

#BattleLevels
{
	color: #cccccc;
	font-size: 33px;
	text-transform: uppercase;
	letter-spacing: 5px;
	text-align: center;
	horizontal-align: center;
}

#Treasures
{
	width: 100%;
	text-align: center;
	horizontal-align: center;
	color: #cccccc;
	font-size: 33px;
	text-transform: uppercase;
	letter-spacing: 5px;
	line-height: 30px;
	margin-top: -9px;
	margin-bottom: -32px;
}

#Savings
{
	color: accentColorBright;
	font-size: 46px;
	text-transform: uppercase;
	letter-spacing: 6px;
	text-align: center;
	horizontal-align: center;
	margin-bottom: 20px;
}

.PurchaseSubLabel
{
	width: 100%;
	text-align: center;
	horizontal-align: center;
	color: #555;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 8px;
}

.Red
{
	text-transform: none;
	font-weight: bold;
	color: accentColorBright;
}

.MustOwn
{
	horizontal-align: center;
}

.MustOwn.PurchaseSubLabel
{
	color: #Ac4c4c;
}

.SelfEventActive .MustOwn
{
	visibility: collapse;
}

.Owned
{
	horizontal-align: center;
	visibility: collapse;
}

.SelfEventActive .Owned
{
	visibility: visible;
}