@define achievementstitle: gradient( linear, 80% 0%, 92% 0%, from( #f2f2f2ff ), to( #ebebeb00 ) );
@define achievementsdesc: gradient( linear, 0% 0%, 0% 100%, from( #ffffffcc ), to( #ffffff88 ) );
@define newstitle: #81a3b8ff;
@define largenewstitle: gradient( linear, 0% 0%, 0% 160%, from( #f2f2f2ef ), to( #abababee ) );
@define largenewsbyline: gradient( linear, 0% 0%, 100% 0%, from( #ffffff77 ), color-stop( 0.8, #ffffff77 ), to( #ffffff00 ) );
@define largenewsbody: gradient( linear, 82% 0%, 98% 0%, from( #c6d4dfef ), to( #c6d4dfce ) );
@define largenewstitle_dark: gradient( linear, 0% 0%, 0% 100%, from( #0e0e0eff ), to( #3b3b3bce ) );
@define largenewsbyline_dark: gradient( linear, 0% 0%, 160% 0%, from( #222222ff ), color-stop( 0.8, #222222ff ), to( #33333300 ) );
@define largenewsbody_dark: gradient( linear, 82% 0%, 98% 0%, from( #666666ff ), to( #66666600 ) );
@define playtime: gradient( linear, 92% 0%, 0% 110%, from( #c6d4dfff ), to( #c6d4dfff) );
@define playtimetitle: gradient( linear, 80% 0%, 0% 100%, from( #2eb9ffff ), to( #66c0f4ff ) );
@define achievementdetailsheader: gradient( linear, 0% 0%, 0% 100%, from( #ddddddff ), to( #cecece99 ) );
@define achievementdetailsheaderdark: gradient( linear, 0% 0%, 0% 100%, from( #525252ef ), to( #3b3b3bce ) );
@define achievementstitledark: gradient( linear, 80% 0%, 92% 0%, from( #000000ce ), to( #00000000 ) );
@define achievementsdescdark: #434343ff;

@define guidestitle: gradient( linear, 80% 0%, 92% 0%, from( #f2f2f2ff ), to( #ebebeb00 ) );
@define guidestitledark: gradient( linear, 80% 0%, 92% 0%, from( #000000ce ), to( #00000000 ) );
@define guidesdesc: gradient( linear, 0% 0%, 0% 100%, from( #b3b3b3ee ), to( #b3b3b3ce ) );
@define guidedetailsheader: gradient( linear, 0% 0%, 0% 100%, from( #d2d2d2ef ), to( #8b8b8bce ) );
@define guidedetailsheaderdark: gradient( linear, 0% 0%, 0% 100%, from( #525252ef ), to( #3b3b3bce ) );

@define SettingsPanelTransitionDuration: 0.23s;

.RecentApp
{
	opacity-mask: url( "file://{images}/focus_shadow_left.png" ) 0.0;
	transition-property: opacity-mask;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
}

.RecentApp Label
{
	opacity: 0.0;
	font-size: 34px;
	height: 40px;
	vertical-align: center;
	color: applabel;
	white-space: nowrap;
	font-weight: bold;
	margin-left: 18px;
	margin-top: 0px;
	margin-bottom: 4px;
	text-overflow: clip;

	transition-property: opacity, opacity-mask;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
}

.RecentApp .AppImage
{
	width: 460px;
	height: 215px;

	margin: 10px;

	blur: none;
	box-shadow: fill dark_box_shadow_color -6px 0px 12px 16px;
	opacity: 1.0;
	saturation: 0.8;

	transition-property: pre-transform-scale2d, box-shadow, wash-color, opacity, saturation, opacity-mask;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
	background-color: action_module;
}

.LibraryTitle
{
	color: carousel_title;
	font-size: 48px;
	opacity: 1.0;
	font-weight: light;
	text-align: right;
	vertical-align: center;
	width: 300px;
	margin-bottom: 3px;
}


.LibraryMenuRow:descendantfocus .LibraryTitle
{

	//pre-transform-scale2d: 1.0;
}



.RecentApp:descendantfocus .AppImage
{
	box-shadow: inset #000000aa 0px 0px 4px 0px;
	opacity: 1.0;
	saturation: 1.0;
}


#MostRecentBackground
{

	perspective-origin: 50% 50%;
	pre-transform-scale2d: 1.0;
	opacity-mask: none;
	opacity: 1.0;

}



#LibraryMostRecent:descendantfocus .MostRecentCarousel .RecentApp
{
	pre-transform-scale2d: 0.95;
}

#LibraryMostRecent:descendantfocus .MostRecentCarousel:descendantfocus .RecentApp
{
	pre-transform-scale2d: 1.0;
}

#LibraryMostRecent:descendantfocus .MostRecentCarousel:descendantfocus .RecentApp:hover
{
	pre-transform-scale2d: 1.04;
}

#LibraryMostRecent:descendantfocus .MostRecentCarousel:descendantfocus .RecentApp.RightOfFocus1 Image
{
	opacity-mask: url( "file://{images}/focus_shadow_right.png" ) 1.0;
}

#LibraryMostRecent:descendantfocus .MostRecentCarousel:descendantfocus .RecentApp.LeftOfFocus1 Image
{
	opacity-mask: url( "file://{images}/focus_shadow_left.png" ) 1.0;
}

.MostRecentCarousel .RecentApp
{
	pre-transform-scale2d: 0.6;
}


.LibraryInvisible
{
	transition-property: transform, position, opacity !immediate;
	transition-duration: mediumduration;
	transition-timing-function: linear;
	transition-delay: 0s;

	opacity: 0.0;
}

#MostRecentBackgroundWrapper
{
	transition-property: transform, position, opacity, background-color;
	transition-duration: 0.35s;
	transition-timing-function: ease-in;
	transition-delay: 0s;

	height: 100%;
	width: 100%;
}

.LibraryPanel:descendantfocus #MostRecentBackgroundWrapper
{
	y: 130px;
	background-image: url( "file://{images}/store/store_app_bg.png" );
	opacity-mask: url( "file://{images}/bg_gradient_mask.tga" ) 1.0;
	background-size: contain;
	background-repeat: no-repeat;
}

.LibraryPanel:descendantfocus #MostRecentBackground
{
	transform: translatey( -130px );
}

.AboveLibraryDetailsView .MostRecentBaseVisible,

{
	transform: translateY( -8px );
}

.AboveLibraryDetailsView .MostRecentBaseVisible .RecentApp
{
	pre-transform-scale2d: 1.0;
}

#LibraryGameStatus
{
	width: 100%;
	height: 100%;
	overflow: clip clip;
}



LibraryAppDetails
{
	opacity: 1.0;
	width: 100%;
	height: 1016px;

	transform: translate3d( 0px, 1280px, 1000px );

	transition-property: transform, blur, position, opacity, saturation !immediate;
	transition-duration: mediumduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;
}

.LibraryDetailsScrollableArea
{
	padding-bottom: 150px;
}

.LibraryDetailsScrollableArea VerticalScrollBar
{
	opacity: 0.0;
}

.DetailsBackground
{
	transition-property: transform, blur, position, opacity, opacity-mask, saturation !immediate;
	transition-duration: mediumduration;
	transition-timing-function: linear;
	transition-delay: 0s;

	opacity: 1.0;
	//blur: gaussian( 3 );
	z-index: -3;

	width: 100%;
	height: 100%;



}

.DetailsBackground Image
{
	width: 100%;
	height: 100%;
	z-index: -5;
}

#BGOverlay
{
	z-index: 5;
}

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

.DetailsBackground .BGScreenshotVisible
{
	opacity: 0.0;
	saturation: 0.2;

	animation-name: bg-screenshot-ambient;
	animation-duration: 14s;
	animation-timing-function: bigpicture-ease-in-out;
	animation-iteration-count: 1;
}

.DetailsBackground .BGScreenshotInvisible
{
	opacity: 0.0;
}

@keyframes 'bg-screenshot-ambient'
{
	from
	{
		opacity: 0.0;
		transform: translate3D( 0px, -20px, 20px );
		animation-timing-function: ease-in;
	}

	4%
	{
		opacity: 0.4;
		transform: translate3D( -15px, -10px, 40px );
		animation-timing-function: bigpicture-ease-in-out;
	}

	96%
	{
		opacity: 0.4;
		transform: translate3D( -60px, 0px, 80px );
		animation-timing-function: ease-in;
	}

	to
	{
		opacity: 0.0;
		transform: translate3D( -120px, 60px, 160px );
		animation-timing-function: ease-out;
	}
}

.DetailsBackground .BGOverlayInvisible
{
	opacity: 1.0;
	//	transform: translatez( 40px );
}

.DetailsBackground .BGOverlayVisible
{
	opacity: 1.0;
	saturation: 1.0;
}

LibraryAppDetails .GameStatus
{
	font-family: platformfont;
	color: playtimetitle;
	opacity: 1.0;
	width: fit-children;
	font-size: 30px;
	font-weight: normal;
}

LibraryAppDetails .GameStatusHeader
{
	flow-children: down;
	width: 100%;
	min-height: 67px;
	height: fit-children;
	//padding: 5px 5px;
	background-color: gradient( linear, 0% 0%, 0% 100%, color-stop( 0.0, #00000000 ), color-stop( 1.0, #0000001A ) );
	color: #67c1f5ff;
}
LibraryAppDetails .GameStatusHeaderLine
{
	flow-children: right;
	margin-top: 12px;
	margin-left: 12px;
	width: 100%;
	height: fit-children;
}

.DownloadBarPercent
{
	width: 100%;
	height: 100%;
	margin: 0px;
	height: 8px;
	background-color: #ffffffff;
	wash-color: ui_primary_color;
	z-index: 3010;
}
.DownloadBarBackground
{
	width: 100%;
	height: 12px;
	position: 40px 190px 0px;
	background-color: #00000099;
	box-shadow: fill #00000044 -4px -4px 8px 8px;
	z-index: 3010;
	visibility: collapse;
	margin: 5px 12px 0px 13px;
}
#DownloadAmount
{
	visibility: collapse;
	padding-left: 20px;
	color: #ffffff;
}
LibraryAppDetails.Downloading .DownloadBarBackground, LibraryAppDetails.Downloading #DownloadAmount
{
	visibility: visible;
}


.AppMiscHeader
{
	flow-children: right;
	vertical-align: top;
	width: 100%;
	height: fit-children;
	padding: 5px 20px;
}
#PlayStatsArea.AppMiscHeader {
	padding-top: 10px;
}


.LibrarySpacer {
	width: 100%;
	height: 20px;
}

#DesktopPanels
{
	width: 100%;
	height: 100%;
	flow-children: right;
	margin-top: 0px;
	overflow: clip;
}


#CommonControls
{
	width: 480px;
	height: 100%;
	flow-children: down;
	padding-left: 70px;

	margin-right: 0px;
}
#OverlayDashboard #CommonControls
{
	padding-left: 40px;
}

/* To transition on focus change or hover */
LibraryAppDetails #CommonControls:descendantfocus,
LibraryAppDetails.MenuHover #CommonControls
{
	transform: translateX( 0px );
	opacity: 1;
	pre-transform-scale2d: 1;
	opacity-mask: none;
}

LibraryAppDetails #CommonControls,
LibraryAppDetails.ContentHover #CommonControls,
LibraryAppDetails.ContentHover #CommonControls:descendantfocus
{
	/* To transition on focus change */
	padding-top: 32px;

	transform: translateX( -35px );
	opacity: 0.5;
	transition-delay: 0s;
	transition-duration: supershortduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-property: transform, pre-transform-scale2d, opacity, opacity-mask;
	pre-transform-scale2d: 1;

	opacity-mask: url( "file://{images}/library/NxGridButtonRow_right.tga" ) 1.0;
}

.AppMiscHeader .DataHeader
{
	font-size: 24px;
	font-weight: normal;
	color: #4a8db3;
	opacity: 1.0;
	transition-property: opacity, border, color, color !immediate;
	margin-right: 10px;
}
.AppMiscHeader .DataValue
{
	font-size: 22px;
	font-weight: medium;
	color: playtime;
	width: 100%;
	opacity: 1.0;
}

#PlayStatsArea
{
	visibility: collapse;
}

#PlayStatsArea .PlayTimeData
{
	min-width: 275px;
	flow-children: down;
}

#PlayStatsArea.HasPlaytime,
#PlayStatsArea.HasLastPlayedTime,
#PlayStatsArea.Purchased,
#PlayStatsArea.IsVideoRental,
{
	visibility: visible;
}

#PlayStatsArea #RentalRemaining
{
	min-width: 475px;
}

#PlayStatsArea #YouWatchedHeader,
#PlayStatsArea #LastWatchedHEader
{
	visibility: collapse;
}

#PlayStatsArea.IsVideo #YouWatchedHeader,
#PlayStatsArea.IsVideo #LastWatchedHeader
{
	visibility: visible;
}
#PlayStatsArea.IsVideo #YouPlayedHeader,
#PlayStatsArea.IsVideo #LastPlayedHeader
{
	visibility: collapse;
}

#PlayStatsArea #PurchaseTime
{
	visibility: collapse;
}
#PlayStatsArea.Purchased #PurchaseTime
{
	visibility: visible;
}
#PlayStatsArea.HasPlaytime #PurchaseTime,
#PlayStatsArea.HasLastPlayedTime #PurchaseTime,
#PlayStatsArea.IsVideoRental #PurchaseTime,
{
	visibility: collapse;
}

#PlayStatsArea #ForeverPlaytime
{
	visibility: collapse;
}
#PlayStatsArea.HasPlaytime #ForeverPlaytime
{
	visibility: visible;
}

#PlayStatsArea #LastPlayed
{
	visibility: collapse;
}
#PlayStatsArea.HasLastPlayedTime #LastPlayed
{
	visibility: visible;
}

#PlayStatsArea #RentalRemaining
{
	visibility: collapse;
}
#PlayStatsArea.IsVideoRental #RentalRemaining
{
	visibility: visible;
}

#PlayStatsArea .YouPlayedValue
{
	visibility: collapse;
}
#PlayStatsArea.PlaytimeMinutesSingular #YouPlayedMinutesSingular
{
	visibility: visible;
}
#PlayStatsArea.PlaytimeMinutes #YouPlayedMinutes
{
	visibility: visible;
}
#PlayStatsArea.PlaytimeHoursSingular #YouPlayedHoursSingular
{
	visibility: visible;
}
#PlayStatsArea.PlaytimeHours #YouPlayedHours
{
	visibility: visible;
}

#PlayStatsArea #CloudStatus
{
	visibility: collapse;
}
#PlayStatsArea.HasCloudStatus #CloudStatus
{
	visibility: visible;
}

#SharingDetails
{
	visibility: collapse;
}
#SharingDetails.Shared
{
	visibility: visible;
}

/* to transition when focus changes */
LibraryAppDetails .LibraryDetailsSectionsContainer:descendantfocus,
LibraryAppDetails.ContentHover .LibraryDetailsSectionsContainer
{
	transform: translateX( -200px );
}

LibraryAppDetails .LibraryDetailsSectionsContainer,
LibraryAppDetails.MenuHover .LibraryDetailsSectionsContainer,
LibraryAppDetails.MenuHover .LibraryDetailsSectionsContainer:descendantfocus
{
	width: 100%;
	height: 100%;
	vertical-align: top;
	padding-top: 0px;
	padding-left: 15px;
	transform: translateX( 0px );

	transition-property: opacity, transform;
	transition-duration: supershortduration;
	transition-timing-function: bigpicture-ease-in-out;
}


LibraryAppDetails .LibraryDetailsSectionPanel {
	width: 100%;
	height: 100%;
	opacity: 1;
	transition-property: opacity, transform;
	transition-duration: shortduration;
}

LibraryAppDetails .LibraryDetailsSectionPanel.Hidden {
	opacity: 0;
}

LibraryAppDetails .ContentsRow
{
	width: 100%;
	height: 100%;
	padding-top: 0px;
	z-index: 0;
	flow-children: right-wrap;

	transition-property: opacity, saturation, pre-transform-scale2d, transform;
	transition-duration: shortduration !immediate;
	transition-timing-function: bigpicture-ease-in-out;
}

.ContentsRow .LibraryDetailsScrollableArea
{
	margin: -10px;
	padding: 32px 10px 20px 20px;
	width: 1300px;
	overflow: squish scroll;
	flow-children: right-wrap;

	transition-property: opacity, opacity-mask;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;

}
.ContentsRow .LibraryDetailsScrollableArea.Overlay
{
	width: 1350px;
	padding-top: 8px;
}

.LibraryDetailsSectionRow
{
	width: 1300px;
	height: fit-children;
	flow-children: right-wrap;
	margin: -10px;
	padding: 10px;
}
#OverlayDashboard .LibraryDetailsSectionRow
{
	width: 900px;
}
.LibraryDetailsSectionRow.TallArea
{
	margin-top: 0px;
}

.LibraryPlayRow
{
	width: 100%;
	height: fit-children;
	flow-children: right;
}
.PlayHeaderDetails
{
	width: 100%;
	height: 158px;
	margin-top: 7px;
	flow-children: down;
	background-color: readonly_module;
	margin-left: 12px;

	z-index: 2;
}
.LaunchAppDetails
{
	width: 100%;
	height: 165px;
	margin-top: 5px;
	flow-children: down;
	background-color: gradient( linear, 0% 0%, 100% 100%, color-stop( 0.0, #61696d4D ), color-stop( 1.0, #c6d4df1A ) );
	margin-left: 12px;
	visibility: collapse;
	padding: 30px;
}
.HasLaunchProgressText .PlayHeaderDetails
{
	visibility: collapse;
}
.HasLaunchProgressText .LaunchAppDetails
{
	visibility: visible;
}
#LaunchAppStatus
{
	font-family: platformfont;
	color: playtimetitle;
	opacity: 1.0;
	width: 100%;
	height: fit-children;
	font-size: 30px;
	vertical-align: center;
}

.DetailsDataPanel
{
	width: 425px;
	height: 450px;


	border-radius: 3px;

	//background-color: transparent_module;
	background-color: gradient( linear, 0% 0%, 100% 100%, from( #4c586159 ), to( #57666e59 ) );
	flow-children: down;

	transition-property: transform, position, border, background-color, opacity, pre-transform-scale2d, box-shadow !immediate;
	transition-duration: shortduration !immediate;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;
	pre-transform-scale2d: 0.95;

	box-shadow: module_shadow;

	padding: 18px;
}

#PlayAction.DetailsDataPanel
{
	background-color: transparent_module;
}

#OverlayDashboard .DetailsDataPanel {
	height: 330px;
}
LibraryAppDetails.UnavailableOnPlatform .DetailsDataPanel
{
	height: 290px;
}
.DetailsDataPanel.Small,
#OverlayDashboard .DetailsDataPanel.Small,
LibraryAppDetails.UnavailableOnPlatform .DetailsDataPanel.Small,
{
	height: 175px;
}
.DetailsDataPanel:hover
{
	pre-transform-scale2d: 1;
}
.DetailsDataPanel:focus, .DetailsDataPanel:descendantfocus
{
	pre-transform-scale2d: 1.0;
}

.DetailsDataPanel:descendantfocus, .DetailsDataPanel:focus
{
	background-color: #161718f5;

	box-shadow: box_shadow_on_color -4px -4px 12px 8px;

	transition-duration: shortduration !immediate;

	background-image: url( "file://{images}/systemmenu/capsule_01_over.jpg" );
	background-position: 0px bottom;
	background-repeat: no-repeat;
	background-size: cover;

	animation-name: main-button-glow-movement-no-fill;
	animation-duration: longduration;
	animation-delay: mediumduration;
	animation-timing-function: bigpicture-ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;

}

.DetailsDataPanel .HeaderLabel
{
	font-family: platformfont;
	margin: 0px;
	padding-right: 8px;
	font-size: 28px;
	color: moduledatalabel;
	opacity: 1.0;
	horizontal-align: left;
	width: 100%;
	transition-duration: shortduration;
	transition-property: transform;
	transition-timing-function: bigpicture-ease-in-out;
	font-weight: light;
}
.DetailsDataPanel .HeaderLabel .NumberElement {
	color: medgray;
}

.DetailsDataPanel:descendantfocus .HeaderLabel {
	color: detailsdatalabelfocus;
}
.DetailsDataPanel:descendantfocus .HeaderLabel .NumberElement {
	color: #c6d4df;
}

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

#LibrarySettings
{
	width: 100%;
	height: 100%;

	font-size: 24px;
	font-family: platformfont;
	margin-left: 0px;

	transition-property: opacity, opacity-mask;
	transition-duration: SettingsPanelTransitionDuration;
	transition-timing-function: bigpicture-ease-in-out;

	color: tcstatictext;
	padding-bottom: 10px;
	margin-bottom: 10px;

	transition-property: opacity, pre-transform-scale2d, transform;
	transition-duration: .3s;
	transition-timing-function: bigpicture-ease-in-out;
}

.LibrarySettingsVisible
{
	transform: translate3d( 0px, 64px, 0px );
	opacity: 1.0;
	saturation: 1.0;
	box-shadow: #000000aa -2px -2px 4px 4px;
}

.LibrarySettingsSlideOff
{
	opacity: 0.0;
}



ParentalButton.Locked
{
	wash-color: parental_locked_wash;
	color: #ffffffff;
}

.LinksAndMore
{
	width: 415px;
	height: 100%;
	background-color: #00000000;
	flow-children: down;
}

.LinksAndMoreFullWrapper .ContentsWrapper
{
	width: 100%;
	height: 100%;
}

/* for some reason, it's not working to override this in overlay.css */
#OverlayBasePanel #SmallHeaderImage
{
	visibility: collapse;
}
#OverlayBasePanel .LinksAndActionsWrapper
{
	margin-top: 0px;
}
#OverlayBasePanel #CommunityContentHR
{
	visibility: collapse;
}
#OverlayBasePanel .LinksAndActionsWrapper #CommunityContent
{
	visibility: collapse;
}

.CommunityHubHidden #CommunityContentHR,
.CommunityHubHidden #CommunityContent
{
	visibility: collapse;
}

.LinksAndMoreFullWrapper .ShortcutOrMod .HorizontalRule
{
	visibility: collapse;
}

.LinksAndActionsWrapper
{
	width: 410px;
	height: 100%;
	flow-children: down;
	opacity: 1.0;
	overflow: squish clip;

	margin-top: 190px;
	transition-duration: shortduration;
	transition-property: opacity;
	transition-timing-function: ease-out;

}

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

.LinksAndMoreButton
{
	width: 100%;
	margin: 4px 10px 4px 10px;
	height: 40px;
	flow-children: right;
	box-shadow: none;
	color: detailsdatalabelfocus;
	background-color: #073050;
	border-style: solid;
	border-width: 5px;
	border-color: #3d414200;
}

.LinksAndMoreButton Label
{
	width: 100%;
	font-family: platformfont;
	font-size: 24px;
	font-weight: normal;
	color: detailsdatalabelfocus;
}

.LinksAndMoreButton:focus Label
{
	color: #161718f5;
}



.LinksAndMoreButton.Locked
{
	wash-color: parental_locked_wash;
}

.LinksAndMoreButton.Locked:focus
{
	wash-color: none;
}

.LinksAndMoreButton.Locked Label
{
	width: fill-parent-flow(1.0);
}

.LinksAndMoreButton Image
{
	vertical-align: center;
	horizontal-align: right;
	height: 34px;
	width: 34px;
	margin-right: 4px;
	wash-color: none;
	opacity: 0.0;
}

.LinksAndMoreButton.Locked Image
{
	opacity: 1.0;
	wash-color: none;

	transition-property: wash-color;
	transition-duration: 0.08s;
	transition-timing-function: bigpicture-ease-in-out;
}

.LinksAndMoreButton.Locked:descendantfocus Image
{
	wash-color: #2f2f2fff;
}



.LinksAndMoreButton:hover
{
	transition-duration: 0.23s !immediate;
	box-shadow: #eeeeee60 -3px -3px 6px 6px;
}

.LinksAndMoreButton:focus
{
	color: #161718f5;
	background-color: gradient( linear, 0% 0%, 100% 100%, from( #fdfdfdee ), to( #adafafe0 ) );
	border-width: 5px;
	border-style: solid;
	border-color: #fdfefef0;

	animation-name: nx-button-focus;
	animation-duration: longduration;
	animation-delay: mediumduration;
	animation-timing-function: bigpicture-ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;
}


.LinksAndMore .SmallHeaderImage
{
	margin: 0px 0px 0px 10px;
	width: 390px;
	background-color: dialog_bg_color;
	height: 182px;
}

.LinksAndMore:descendantfocus, .LinksAndMore:focus
{
	z-index: 100;
}

.PlayOptions
{
	margin-top: 5px;
	height: 165px;
	flow-children: down;
	z-index: 0;
}
.PlayOptions:descendantfocus
{
	z-index: 10;
}
.PlayAction
{
	height: 100%;
}
#MoreWaysToPlayBtn
{
	width: 425px;
	pre-transform-scale2d: 0.95;
	visibility: collapse;
	vertical-align: bottom;
	padding-top: 0px;
	padding-left: 15px;
	border-radius: 3px;

	box-shadow: module_shadow;

	transition-property: pre-transform-scale2d !immediate;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;
}
#MoreWaysToPlayBtn Label
{
	vertical-align: center;
}
#MoreWaysToPlayBtn:focus
{
	pre-transform-scale2d: 1.0;

	background-image: url( "file://{images}/systemmenu/capsule_01.jpg" );
	background-position: 0px -50px;
	background-repeat: no-repeat;
	background-size: cover;

	box-shadow: box_shadow_on_color -4px -4px 12px 8px;

	animation-name: main-button-glow-movement-no-fill;
	animation-duration: longduration;
	animation-delay: mediumduration;
	animation-timing-function: bigpicture-ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;

}
#MoreWaysToPlayBtn:focus Label
{
	color: #ffffff;
}

.HasMoreWaysToPlay #MoreWaysToPlayBtn
{
	visibility: visible;
}

.VR .HasMoreWaysToPlay #MoreWaysToPlayBtn
{
	visibility: collapse;
}

.HasMoreWaysToPlay .PlayAction
{
	height: 120px;
}


.Offline .FriendsWhoPlay
{
	visibility: collapse;
}

.DetailsDataPanel:descendantfocus, .DetailsDataPanel:focus
{
	z-index: 100;
	background-color: action_module;

}



#Star1, #Star2, #Star3, #Star4, #Star5
{
	width: 28px;
	height: 28px;
	margin-right: 6px;
	margin-top: 2px;
}

.DetailsDataPanel:descendantfocus:hover,
{
	z-index: 100;
}

.AchievementsFullWrapper,
.FriendsWhoPlayFullWrapper,
.GuidesFullWrapper,
.CommunityHubFullWrapper,
.RecentNewsFullWrapper,
.WorkshopFullWrapper,
.ScreenshotsFullWrapper,
.ControllerFullWrapper,
.DLCFullWrapper,
.StreamingFullWrapper,
.RentalInfoFull
{
	width: 100%;
	height: 100%;
	flow-children: down;
}

LibraryGameBadge.Hidden, LibraryGameBadge.Loading, LibraryGameBadge.LoadFailed
{
	visibility: collapse;
}

LibraryAchievements .AchievementsBody
{
	width: 100%;
	height: 100%;

	margin-top: 6px;

	transition-property: transform, width, height, background-color, border, color, opacity, pre-transform-scale2d !immediate;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;
}

LibraryAchievements .AchievementsSmallBody
{
	width: 100%;
	height: 100%;
	flow-children: down;
	opacity: 0.8;
}

LibraryAchievements #ProgressBarContainer
{
	margin: 0px 0px 10px 0px;
	width: 100%;
	height: 20px;
	background-color: #062535FF;
}

LibraryAchievements #ProgressBar
{
	width: 0%;
	background-color: moduledatalabel;
	height: 100%;
}

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

LibraryAchievements .RemainingRow
{
	width: 100%;
	flow-children: right;
}

LibraryAchievements .AchievementIcon
{
	width: 70px;
	height: 70px;
	margin: 0px 10px 0px 0px;
}

#RemainingWrapper5.AchievementIcon
{
	margin-right: 0px;
}

LibraryAchievements .AchievementIcon Image
{
	width: 100%;
	height: 100%;
}


LibraryAchievements .MoreRemainingLabel
{
	font-size: 18px;
	color: detailsdatalabel;
	horizontal-align: center;
	vertical-align: center;
}

LibraryRentalInfo .RentalBody
{
	font-size: 18px;
	color: detailsdatalabel;
	horizontal-align: left;
	vertical-align: top;
}

LibraryRentalInfo #BodyLabel
{
	visibility: visible;
}

LibraryRentalInfo.RentalActivated #BodyLabel 
{
	visibility: collapse;
}

LibraryRentalInfo #BodyLabelActivated
{
	visibility: collapse;
}

LibraryRentalInfo.RentalActivated #BodyLabelActivated
{
	visibility: visible;
}

LibraryGuides .GuidesBody
{
	width: 100%;
	height: 100%;

	margin-top: 6px;

	transition-property: background-color, border, color, opacity, pre-transform-scale2d !immediate;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;
}

LibraryGuides .GuidesLargeBody
{
	width: 100%;
	height: fit-children;
	flow-children: down;
}

ViewGuidesDialog .GuidesLargeBody
{
	width: 100%;
	height: fit-children;
	flow-children: down;
	overflow: squish scroll;

	opacity-mask-scroll-up: url( "file://{images}/library/scroll_data_mask_up.tga" );
	opacity-mask-scroll-down: url( "file://{images}/library/scroll_data_mask_down.tga" );
	opacity-mask-scroll-up-down: url( "file://{images}/library/scroll_data_mask_both.tga" );
}

ViewGuidesDialog.Overlay #MsgBoxButtons
{
	visibility: collapse;
}

/* Guide modal panel buttons */
.GuideDetail
{
	flow-children: right;
	margin: 10px 0px 0px 0px;
	height: 107px;
	width: 100%;

	color: detailsdatalabelfocus;
}

.LibraryDetailsSectionRow .GuideDetail {
	height: 73px;
}

.GuideDetail Panel, .GuideDetail Image
{
	transition-property: transform !immediate;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
}

.GuideDetailImage
{
	vertical-align: center;
	width: 73px;
	height: 73px;
	margin: 0px 12px 0px 0px;
	box-shadow: fill #00000060 0px 0px 6px 0px;
	background-color: gradient( linear, 0% 0%, 60% 60%, from( #63bdf1 ), to( #2a8dbf ) );
}

LibraryGuides .GuideLabels
{
	flow-children: down;
	height: 100%;
	width: 100%;
	margin-right: 7px;
	width: 100%;
	font-size: 20px;
	margin-bottom: 2px;
	margin-right: 8px;
	white-space: normal;
	color: guidesdesc;
}
ViewGuidesDialog .GuideLabels
{
	flow-children: down;
	height: 100%;
	width: 100%;
	margin-right: 7px;
	width: 100%;
	font-size: 20px;
	margin-bottom: 2px;
	margin-right: 8px;
	white-space: normal;
	color: guidesdesc;
}

LibraryGuides .GuideLabels Label
{
	white-space: nowrap;
	color: black;
	transition-property: opacity, border, background-color, color !immediate;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
	font-family: platformfont;
}
ViewGuidesDialog .GuideLabels Label
{
	white-space: nowrap;
	color: black;
	transition-property: opacity, border, background-color, color !immediate;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
	font-family: platformfont;
}

LibraryGuides .GuideLabels .GuideLabelHeader
{
	font-weight: normal;
	font-size: 20px;
	max-height: 26px;
	margin-top: 8px;
	margin-bottom: -8px;
	color: guidedetailsheader;
}
ViewGuidesDialog .GuideLabels .GuideLabelHeader
{
	font-weight: normal;
	font-size: 20px;
	max-height: 26px;
	margin-top: 8px;
	margin-bottom: -8px;
	color: guidedetailsheader;
}

LibraryGuides .GuideLabels .GuideLabelTitle
{
	margin-top: 8px;
	font-size: 24px;
	margin-bottom: 2px;
	max-height: 64px;
	width: 355px;
	color: white;
	white-space: normal;
}
ViewGuidesDialog .GuideLabels .GuideLabelTitle
{
	margin-top: 8px;
	font-size: 24px;
	margin-bottom: 2px;
	max-height: 64px;
	font-weight: bold;
	width: 355px;
	color: white;
	white-space: normal;
}

ViewGuidesDialog .HorizontalRule
{
	margin: 10px 22px;
}

.GuideDetail:focus .GuideLabelHeader
{
	color: guidedetailsheaderdark;
}

.GuideDetail:focus .GuideLabelTitle
{
	color: applabelselectedsolid;
}


.ManageControllers
{
	width: 100%;
	height: 450px;
}

.ManageControllers .HeaderLabel
{
	font-family: platformfont;
	margin: 5px 20px 6px 0px;
	padding-right: 8px;
	font-size: 38px;
	color: detailsdatalabel;
	opacity: 1.0;
	horizontal-align: left;
	width: 100%;
	transition-duration: shortduration;
	transition-property: transform;
	transition-timing-function: bigpicture-ease-in-out;
	font-weight: light;
}

LibraryController .ControllerBody
{
	width: 100%;
	height: 100%;

	margin-top: 6px;

	transition-property: transform, width, height, background-color, border, color, opacity, pre-transform-scale2d !immediate;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;
}

LibraryController .ControllerLargeBody
{
	width: 100%;
	height: 100%;
	flow-children: down;
	overflow: squish scroll;

	margin-right: 6px;
	margin-bottom: 12px;
	padding-top: 10px;

	opacity: 1.0;
	opacity-mask-scroll-up: url( "file://{images}/library/scroll_data_mask_up.tga" );
	opacity-mask-scroll-down: url( "file://{images}/library/scroll_data_mask_down.tga" );
	opacity-mask-scroll-up-down: url( "file://{images}/library/scroll_data_mask_both.tga" );
}

.ControllerDetail
{
	flow-children: right;
	margin: 3px 22px 0px 28px;
	height: 108px;
	width: 100%;
}



LibraryController .ControllerDetailImage, LibraryController .AddControllerDetailImage, LibraryController .TurnOffControllerDetailImage
{
	vertical-align: center;
	width: 75px;
	height: 75px;
	margin: 0px 16px 0px 0px;
	border-style: solid;
	border-width: 4px;
	border-radius: 0px;
	border-color: #404040e0;
	box-shadow: fill #202020ff 0px 0px 6px 0px;

	background-image: url( "file://{images}/library/controller_icon.png" );
	background-position: center;
	background-repeat: no-repeat;

}

LibraryController .AddControllerDetailImage
{
	background-image: url( "file://{images}/library/add_controller_icon.png" );
}

LibraryController .TurnOffControllerDetailImage
{
	background-image: url( "file://{images}/library/turnoff_controller_icon.png" );
}

LibraryController .ControllerLabels
{
	flow-children: down;
	height: 100%;
	width: 100%;
	margin-right: 7px;
}

LibraryController .ControllerLabels Label
{
	white-space: nowrap;

	transition-property: opacity, border, background-color, color !immediate;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
	font-family: platformfont;
}

LibraryController .ControllerLabels .ControllerLabelHeader
{
	font-weight: normal;
	font-size: 24px;
	max-height: 28px;
	margin-top: 8px;
	margin-bottom: -8px;
	color: achievementdetailsheader;
}

LibraryController .ControllerLabels .ControllerLabelTitle
{
	margin-top: 8px;
	font-size: 26px;
	margin-bottom: 2px;
	max-height: 32px;
	font-weight: bold;
	width: 100%;
	color: achievementstitle;
}

LibraryController .ControllerLabels .ControllerLabelDescription
{
	width: 100%;
	height: fill-parent-flow( 1.0 );
	font-size: 20px;
	margin-bottom: 2px;
	margin-right: 8px;
	white-space: normal;
	color: achievementsdesc;
}

.ControllerDetail:focus .ControllerLabelHeader
{
	color: achievementdetailsheaderdark;
}

.ControllerDetail:focus .ControllerLabelTitle
{
	color: achievementstitledark;
}

.ControllerDetail:focus .ControllerLabelDescription
{
	color: achievementsdescdark;
}

LibraryController .ControllerDetail
{
	margin: 8px 10px;
	margin-top: 0px;
	flow-children: right;
}

LibraryController .ControllerLabels
{
	flow-children: down;
	font-size: 24px;
	width: 100%;
	color: detailsdatalabel;
}


LibraryController .ControllerLabels Label
{
	white-space: nowrap;
	max-height: 30px;
}

LibraryController .ControllersRow
{
	width: 100%;
	flow-children: right;
}

LibraryController #ControllersRowTwo, LibraryController #ControllersRowThree
{
	margin-top: 24px;
}

LibraryController .ControllerIcon, LibraryController .AddControllerIcon, LibraryController .TurnOffControllerIcon
{
	width: 80px;
	height: 80px;
	margin: 0px 24px 0px 0px;
	border-style: solid;
	border-width: 3px;
	border-radius: 0px;
	border-color: #636363e0;
}

#ControllerWrapper8.ControllerIcon, #ControllerWrapper4.ControllerIcon, #ControllerWrapperAdd.AddControllerIcon, #ControllerWrapperAdd.TurnOffControllerIcon
{
	margin-right: 0px;
}

LibraryController .ControllerIcon Image
{
	width: 100%;
	height: 100%;
	box-shadow: fill #202020ff 0px 0px 6px 0px;
	background-image: url( "file://{images}/library/controller_icon.png" );
	background-position: center;
	background-repeat: no-repeat;
}

LibraryController .AddControllerIcon Image
{
	width: 100%;
	height: 100%;
	box-shadow: fill #202020ff 0px 0px 6px 0px;
	background-image: url( "file://{images}/library/add_controller_icon.png" );
	background-position: center;
	background-repeat: no-repeat;
}

LibraryController .TurnOffControllerIcon Image
{
	width: 100%;
	height: 100%;
	box-shadow: fill #202020ff 0px 0px 6px 0px;
	background-image: url( "file://{images}/library/turnoff_controller_icon.png" );
	background-position: center;
	background-repeat: no-repeat;
}

LibraryController .MoreRemainingLabel
{
	font-size: 18px;
	color: detailsdatalabel;
	horizontal-align: center;
	vertical-align: center;
}


LibraryFriendsWhoPlay .FriendsWhoPlayBody
{
	margin: 0px;
	width: 100%;
	height: 100%;
}

LibraryFriendsWhoPlay .FriendsWhoPlaySmallBody
{
	transition-property: opacity, border, background-color, color !immediate;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;

	width: 100%;
	height: 100%;
	margin-top: 8px;
	opacity: 0.8;
	flow-children: down;
}

LibraryFriendsWhoPlay #HeaderLabel_FriendsPlayingNow
{
	visibility: collapse;
}
LibraryFriendsWhoPlay.FriendsPlayingNow #HeaderLabel_FriendsWhoPlay
{
	visibility: collapse;
}
LibraryFriendsWhoPlay.FriendsPlayingNow #HeaderLabel_FriendsPlayingNow
{
	visibility: visible;
}

.FriendPanel
{
	flow-children: right;
	border-width: 5px;
	border-style: solid;
	border-color: #fdfefe00;
	margin: 3px 0px;
	margin-right: 20px;
	margin-left: 8px;
	height: 108px;
	width: 100%;
	transform: translateX( -7px );

	border-width: 5px;
	border-style: solid;
	border-color: #00000000;
	color: detailsdatalabelfocus;

	transition-property: opacity, border, transform, background-color;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
}

.FriendPanel:focus
{
	transition-duration: shortduration;
	transform: translateX( 0px );

	border-width: 5px;
	border-style: solid;
	border-color: #fdfefef0;
	color: #161718f5;

	background-color: gradient( linear, 0% 0%, 100% 100%, from( #fdfdfdee ), to( #adafafe0 ) );

	animation-name: links-and-more-button-focus;
	animation-duration: longduration;
	animation-timing-function: bigpicture-ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;
}

.FriendPanel .FriendPanelImage
{
	vertical-align: center;
	width: 75px;
	height: 75px;
	margin: 0px 16px 0px 3px;
	border-style: solid;
	border-width: 4px;
	border-radius: 0px;
	box-shadow: inset #000000aa 0px 0px 8px 0px;
}

.FriendPanel AvatarImage, .FriendPanel .FriendPanelLabels
{
	transition-property: transform;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;

	transform: translatex( 0px );
}

.FriendPanel:focus AvatarImage, .FriendPanel:focus .FriendPanelLabels
{
	transform: translatex( 7px );
}


.FriendPanel .FriendPanelLabels
{
	flow-children: down;
	height: 100%;
	width: 100%;
	margin-right: 7px;
}

.FriendPanel .FriendPanelLabels Label
{
	width: 100%;
	white-space: nowrap;
	opacity: 1.0;
	transition-property: opacity, border, background-color, color !immediate;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
}

.FriendPanel .FriendPanelLabels .FriendPersonaName
{
	font-weight: bold;
	font-size: 27px;
	line-height: 30px;
	max-height: 32px;
	margin-top: 8px;
	margin-bottom: -4px;
	text-transform: none;
	font-family: platformfont;
}

.FriendPanel .FriendPanelLabels .FriendStatus
{
	margin-top: 2px;
	font-size: 21px;
	max-height: 24px;
	font-weight: normal;
	font-family: platformfont;
}

.FriendPanel .FriendPanelLabels .FriendStatusDetail
{
	width: 100%;
	height: fill-parent-flow( 1.0 );
	font-size: 21px;
	line-height: 24px;
	margin-bottom: 2px;
	white-space: normal;
	font-weight: normal;
	opacity: 0.85;
	font-family: platformfont;
}

LibraryFriend.Online Label
{
	color: friendsonline_darkbg;
}

LibraryFriend.Offline Label
{
	color: friendsoffline_darkbg;
}

LibraryFriend.InGame Label
{
	color: friendsingame_darkbg;
}

LibraryFriend.Golden Label
{
	color: friendsgolden_darkbg;
}

LibraryFriend.Online:focus Label
{
	color: friendsonline_lightbg;
}

LibraryFriend.Offline:focus Label
{
	color: friendsoffline_lightbg;
}

LibraryFriend.InGame:focus Label
{
	color: friendsingame_lightbg;
}

LibraryFriend.Golden:focus Label
{
	color: friendsgolden_lightbg;
}

.FriendPanel .FriendStatusDetail
{
	color: friendsingame_darkbg;
}

.FriendPanel:focus .FriendStatusDetail
{
	color: friendsingame_lightbg;
}

LibraryFriendsWhoPlay .FriendsWhoPlayBody
{
	width: 100%;
	height: 100%;
	transition-property: transform, width, height, background-color, border, color, opacity, pre-transform-scale2d !immediate;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;
}

LibraryFriendsWhoPlay AvatarImage
{
	width: 80px;
	height: 80px;
	border-style: solid;
	border-width: 4px;
	border-radius: 0px;
	box-shadow: #00000033 -3px -3px 4px 6px;
}

LibraryFriendsWhoPlay .FriendsWhoPlayRowOne
{
	width: 100%;
	height: fit-children;
	flow-children: right;
}

LibraryFriendsWhoPlay .FriendWhoPlaysWrapper
{
	margin-right: 2px;
	width: 76px;
	height: 76px;
}

LibraryFriendsWhoPlay .MoreRemainingContainer
{
	margin-left: 5px;
	width: 100px;
	height: 80px;
}

LibraryFriendsWhoPlay .MoreRemainingLabel
{
	font-size: 28px;
	color: moduledatalabel;
	vertical-align: center;
}

.RecentNewsFullWrapper
{
}


LibraryRecentNews .RecentNewsLargeBody
{
	margin-top: 8px;
	width: 100%;
	height: 400px;
	overflow: squish squish;
	flow-children: down;
	opacity: 1.0;
}
#OverlayDashboard LibraryRecentNews .RecentNewsLargeBody {
	height: 200px;
}


LibraryRecentNews .NewsWrapper
{
	width: 410px;
	flow-children: down;
	margin-bottom: 5px;
}

LibraryRecentNews .RecentNewsSmallBody
{
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 17px;
	width: 410px;
	height: 240px;
	flow-children: down;
	opacity: 0.0;
	opacity-mask: url( "file://{images}/library/details_data_mask.tga" );

	transition-property: transform, width, height, background-color, border, color, opacity, pre-transform-scale2d !immediate;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;

}

LibraryRecentNews .NewsHeadline
{
	font-size: 22px;
	width: 325px;
	margin-bottom: 8px;
	color: newstitle;
}


LibraryRecentNews .LargeNewsWrapper
{
	width: 100%;
	height: 100%;
	margin-top: 0px;
	flow-children: down;
}

.LargeNewsWrapper Label
{
	color: black;
	font-family: platformfont;
}

LibraryRecentNews .LargeNewsHeadline
{
	font-size: 36px;
	line-height: 40px;
	max-height: 80px;
	width: 100%;
	margin-bottom: 20px;
	margin-right: 7px;
	color: largenewstitle;
	white-space: normal;
}

LibraryRecentNews .LargeNewsDate
{
	font-size: 24px;
	line-height: 26px;
	max-height: 60px;
	width: 100%;
	margin-bottom: 7px;
	margin-right: 7px;
	margin-top: 4px;
	color: #A4D007;
	white-space: normal;
}

LibraryRecentNews .LargeNewsBody
{
	font-size: 26px;
	line-height: 30px;
	height: 100%;
	width: 100%;
	margin-top: 2px;
	margin-right: 18px;
	color: largenewsbody;
	white-space: normal;
	opacity: 1.0;
}

LibraryRecentNews .LargeNewsByline
{
	font-size: 20px;
	line-height: 21px;
	width: 100%;
	max-height: 22px;
	color: largenewsbyline;
	margin-top: -4px;
	margin-right: 7px;
	white-space: normal;
	text-overflow: clip;

	visibility: collapse;
}

#ScreenshotsBody
{
	flow-children: down;
	height: 100%;
	width: 100%;
}
#ScreenshotsSmallBody
{
	flow-children: down;
	height: 100%;
	width: 100%;
}

#ScreenshotThumbs
{
	height: 300px;
	width: 390px;
	margin-left: 0px;
	margin-top: 10px;

	flow-children: down;

	opacity: 1.0;
	opacity-mask: url( "file://{images}/library/bottom_mask.tga" ) 1.0;

	transition-property: opacity, transform;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
	}
	#OverlayDashboard #ScreenshotThumbs {
		height: 150px;
		flow-children: right;
	}

.VR #ScreenshotThumbs
{
	height: 180px;
}

.ScreenshotsSmallThumb {
	margin: 4px;
	height: 210px;
	width: 390px;
	vertical-align: top;
	box-shadow: fill #101010ff  0px 0px 14px 0px;
	}
	#OverlayDashboard .ScreenshotsSmallThumb {
		height: 100px;
		width: 200px;
	}

#ScreenshotThumb2 {
	transform: translatey( -12px );
	saturation: 0.7;
	opacity: 1.0;
	z-index: -2;
	}
	#OverlayDashboard #ScreenshotThumb2 {
		transform: translatey( 0px ) translatex( -20px );
	}

#ScreenshotThumb3 {
	transform: translatey( -84px );
	saturation: 0.6;
	opacity: 1.0;
	z-index: -3;
	}
.NoScreenshots #ScreenshotThumbs
{
	visibility: collapse;
}


#ExplanationWrapper
{
	flow-children: down;
	vertical-align: center;
	width: 100%;
}

#ExplanationWrapper Label
{
	color: detailsdatalabel;
	horizontal-align: center;
	font-size: 32px;
	opacity: 0.8;
	font-family: platformfont;
}

#HowToLegend
{
	margin-top: 8px;
	margin-bottom: 8px;
	flow-children: right;
	horizontal-align: center;
}

#HowToLegend .Plus
{
	vertical-align: center;
}

#RT_btnExplain Label
{
	font-size: 28px;
	line-height: 30px;
}



.WSCount, .SSCount
{
	color: #999999ff;
}

.WorkshopSmallBody
{
	width: 470px;
	height: 220px;

	transform: translatex( 38px ) translatey( 6px );

	opacity: 0.0;

	opacity-mask: url( "file://{images}/library/horizontal_mask.tga" ) 1.0;

	transition-property: opacity, transform;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
}


.WorkshopLargeBody
{
	width: 100%;
	height: 100%;

	opacity: 1.0;
	flow-children: down;

	transition-property: opacity, transform;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
}

#WorkshopWhatIsItLabel
{
	font-size: 24px;
	line-height: 27px;
	height: 90px;

	color: #66c0f4;
	vertical-align: center;

	width: 100%;
}

#WorkshopImageHorWrapper
{
	margin-top: 12px;
	horizontal-align: center;
	flow-children: right;

	opacity-mask: url( "file://{images}/library/horizontal_mask.tga" ) 1.0;

}

.WorkshopImageRow
{
	flow-children: down;
	margin-right: 8px;
}

.WorkshopThumb
{
	margin-top: 2px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 4px;
	wash-color: #22222222;
	box-shadow: inset #00000033 4px 4px 4px 8px;


	min-height: 100px;
	max-height: 100px;

	vertical-align: center;
}

#WorkshopThumb2
{
	transform: translatex( 42px );
	saturation: 0.8;
	z-index: -2;
}

#WorkshopThumb3
{
	transform: translatex( 84px );
	saturation: 0.7;
	z-index: -3;
}

#WorkshopThumb4
{
	transform: translatex( 126px );
	saturation: 0.6;
	z-index: -4;
}

#WorkshopThumb5
{
	transform: translatex( 168px );
	saturation: 0.5;
	z-index: -5;
}

#WorkshopThumb6
{
	transform: translatex( 210px );
	saturation: 0.5;
	z-index: -6;
}

#WorkshopThumb7
{
	transform: translatex( 252px );
	saturation: 0.5;
	z-index: -7;
}

#WorkshopBigThumb2, #WorkshopBigThumb3, #WorkshopBigThumb4, #WorkshopBigThumb5, #WorkshopBigThumb6, #WorkshopBigThumb7
{
	min-height: 50px;
	max-height: 50px;
	margin-bottom: 8px;
}

#WorkshopBigThumb3, #WorkshopBigThumb5, #WorkshopBigThumb7
{
	margin-bottom: 14px;
}

#WorkshopImageRow3
{
	overflow: noclip clip;
}

#WorkshopBigThumb1
{
	margin-left: 0px;
	margin-right: 8px;
	min-height: 107px;
	max-height: 107px;
	min-width: 191px;
	background-color: #000000;
}

#StarsContainer
{
	height: 44px;
	padding: 2px;
	padding-left: 6px;
	width: 100%;
	horizontal-align: center;
	vertical-align: bottom;

	flow-children: right;
}

#WorkshopCurTitle
{
	margin-top: 4px;
	font-size: 24px;
	font-weight: bold;
	line-height: 21px;
	height: 45px;

	color: #eeeeeeff;

	margin-left: 24px;
	margin-right: 20px;
	height: 33px;
	width: 100%;
}

#WorkshopCurSummary
{
	font-size: 20px;
	line-height: 23px;
	height: 45px;

	color: #ffffff66;

	margin-left: 24px;
	margin-right: 20px;
	margin-top: 6px;
	margin-bottom: 4px;

	height: 54px;
	width: 100%;
}

.BrowseWorkshop
{
	width: 100%;
	margin: 0px 24px 24px 24px;
	padding: 8px 7px 8px 7px;

	color: detailsdatalabelfocus;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( #1d212200 ), to( #12131300 ) );
	border-style: solid;
	border-width: 5px;
	border-color: #3d414200;

	transition-property: border, background-color, color, box-shadow;
	transition-timing-function: ease-out;
}

.BrowseWorkshop Label
{
	width: 100%;
	font-family: platformfont;
	font-size: 28px;
	font-weight: normal;
	transform: translatex(-7px);
	color: detailsdatalabelfocus;
	transition-property: transform;
	transition-duration: shortduration;
	transition-timing-function: ease-in;
}

.BrowseWorkshop:focus Label
{
	color: #161718f5;
	transform: translatex(0px);
}

.BrowseWorkshop:hover
{
	transition-duration: 0.23s !immediate;
	box-shadow: #eeeeee60 -3px -3px 6px 6px;
}

.BrowseWorkshop:focus
{
	transition-duration: mediumduration !immediate;

	color: #161718f5;
	background-color: gradient( linear, 0% 0%, 100% 100%, from( #fdfdfdee ), to( #adafafe0 ) );
	border-width: 5px;
	border-style: solid;
	border-color: #fdfefef0;

	animation-name: links-and-more-button-focus;
	animation-duration: longduration;
	animation-delay: mediumduration;
	animation-timing-function: bigpicture-ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;
}


#HowToWrapper
{
	flow-children: down;

	font-size: 28px;
	line-height: 30px;
	height: fit-children;

	color: detailsdatalabel;
	vertical-align: center;

	width: 100%;
}

#HowToWrapper .HowToLabel
{
	vertical-align: top;
	text-align: center;
	margin-right: 20px;
	width: 100%;
}

#HowToWrapper .Plus 
{
	margin-top: 10px;
}

.VR #HowToWrapper .Plus
{
	font-size: 38px;
	line-height: 40px;
	margin-top: 55px;	
}


// Turn shortcut hint on for VR controllers
.ScreenshotLegendButtons,
#ScreenshotHowToLabel2,
.VR #ScreenshotHowToLabel1 
{
	visibility: collapse;
}

#ScreenshotHowToLabel1,
.VR #ScreenshotHowToLabel2,
.VR .ScreenshotLegendButtons 
{
	visibility: visible;
}

// Turn shortcut hint off for VR + Gamepad
.VR.ControllerPresent #ScreenshotHowToLabel2,
.VR.ControllerPresent .ScreenshotLegendButtons,
{
	visibility: collapse;
}

.VR.ControllerPresent #ScreenshotHowToLabel1,
{
	visibility: visible;
}


#HowToWrapper .ScreenshotLegendButtons {
	horizontal-align: center;
	flow-children: right;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 10px;
	pre-transform-scale2d: 1.1;
	font-size: 21px;
	font-family: "Motiva Sans";
	font-weight: normal;
	color: #c8cbccca;
}

#ScreenshotHotKeyLabel
{
	border-style: solid;
	border-color: #999999ff;
	border-width: 2px;
	border-radius: 40%;
	margin-left: 4px;
	margin-right: 4px;
	padding: 4px;
}

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

.VR .PlayActionFullWrapper:active
{
		background-color: gradient( linear, 0% 0%, 100% 100%, from( #66c0f4ff ), to( #b6e1faff ) );
}

.PlayAction .PlayActionHeaderLabel
{
	opacity: 1.0;
	vertical-align: center;
	horizontal-align: left;
	width: 77%;
	transition-duration: shortduration;
	transition-property: transform;
	transition-timing-function: bigpicture-ease-in-out;
	text-overflow: clip;
	font-family: platformfont;
	font-size: 36px;
	height: fit-children;
	font-weight: normal;
	color: #67c1f5ff;
	margin-left: 16px;
}

.PlayAction:descendantfocus .PlayActionHeaderLabel,
.PlayAction:hover .PlayActionHeaderLabel
{
	color: detailsdatalabelfocus;
}



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

#ControllerSupportCorner
{
	width: fit-children;
	height: 60px;
	vertical-align: bottom;
	horizontal-align: left;
	visibility: collapse;
	flow-children: right;
	margin: 0px 100px 0px 0px;
}

#ControllerSupportPlayAction
{
	width: 60px;
	height: 60px;
	margin-left: 12px;
	background-repeat: no-repeat no-repeat;
	background-size: 100% 100%;
	wash-color: white;
	horizontal-align: right;

//	visibility: collapse;

}

LibraryPlayAction:descendantfocus #ControllerSupportPlayAction,
{
	background-image: url( "file://{images}/store/icon_keyboard_60px.png" );
	visibility: visible;
}

.SteamPad LibraryPlayAction:descendantfocus #ControllerSupportPlayAction,
{
	background-image: url( "file://{images}/store/icon_legacycontroller_storefront.png" );
	visibility: visible;
}

LibraryPlayAction.FullController:descendantfocus #ControllerSupportPlayAction
{
	background-image: url( "file://{images}/store/icon_fullcontroller_storefront.png" );
	visibility: visible;
}

.SteamPad LibraryPlayAction.FullController:descendantfocus #ControllerSupportPlayAction,
{
	background-image: url( "file://{images}/store/icon_steamcontroller_storefront.png" );
	visibility: visible;
}

.PlayAction .ButtonBody
{
	horizontal-align: center;
	vertical-align: center;
	opacity: 1.0;
	padding: 14px 14px;

	wash-color: none;

	transition-property: pre-transform-scale2d, wash-color;
	transition-duration: 0.18s;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0.0s;
}

.PlayAction .ButtonEdge
{
	border-radius: 50%;
	border-style: solid;
	border-color: #FFFFFFFF;
	border-width: 5px;
	background-color: gradient( linear, 0% 0%, 0% 100%, from( dark_box_shadow_color ), to( ui_primary_color ) );
	box-shadow: button_box_shadow_on_color -6px -6px 12px 12px;
	align: center center;

	transition-property: background-color, border, opacity !immediate;
	transition-duration: 0.18s;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0.0s;
}

.PlayAction .ButtonEdge:hover
{
	background-color: gradient( linear, 0% 0%, 0% 100%, from( dark_box_shadow_color ), to( applabelsolid ) );
	box-shadow: button_box_shadow_on_color -9px -9px 12px 18px;

}

.PlayAction .ButtonBodyDisabled,
.PlayAction .ButtonBodyDisabled:hover
{
    pre-transform-scale2d: 1.0;
}

.PlayAction .ButtonBodyDisabled .ButtonEdge,
.PlayAction .ButtonBodyDisabled:hover .ButtonEdge
{
    background-color: ui_common_control2;
    box-shadow: none;
    saturation: 0.5;
    blur: gaussian( 0.7 );
    opacity: 0.35;
    background-color: ui_common_control2;
    border-color: none;
    box-shadow: box_shadow_off_color -6px -6px 6px 12px;
    animation-name: none;
}

.PlayAction:descendantfocus .ButtonBody
{
	opacity: 1.0;
}

.PlayAction .ButtonGlow
{
	width: 50px;
	height: 50px;
	opacity: 0.54;
	opacity-mask: url( "file://{images}/library/library_a_button_inner_mask.tga" );

	transition-property: opacity;
	transition-duration: shortmedduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;
}

.PlayAction:descendantfocus .ButtonGlow
{
	animation-name: play-button-initialize, play-button-glow;
	animation-duration: 8.0s, 8.0s;
	animation-delay: 0.0s, 8.0s;
	animation-timing-function: linear, bigpicture-ease-in-out;
	animation-iteration-count: 1, infinite;
	animation-direction: normal, normal;
}

#StreamingData
{
	visibility: collapse;
	margin-left: 20px;
	vertical-align: bottom;
	flow-children: right;
	width: 100%;
	height: 100%;
	color: #ffffff;
	font-size: 22px;
	margin-top: 7px;
}
.Streaming #StreamingData
{
	visibility: visible;
}
.StreamingFullWrapper .textArea Label {
	font-size: 24px;
	color: detailsdatalabel;
}

@keyframes 'play-button-initialize'
{
	from
	{
		background-color: gradient( radial, 60% 30%, 0px 0px, 41% 35%, from( dark_box_shadow_color ), color-stop( 0.75, box_shadow_on_color ), to( box_shadow_off_color ) );
	}

	50%
	{
		background-color: gradient( radial, 60% 30%, 0px 0px, 55% 48%, from( dark_box_shadow_color ), color-stop( 0.75, box_shadow_on_color ), to( box_shadow_off_color ) );
	}

	to
	{
		background-color: gradient( radial, 60% 30%, 0px 0px, 41% 35%, from( dark_box_shadow_color ), color-stop( 0.75, box_shadow_on_color ), to( box_shadow_off_color ) );
	}
}

@keyframes 'play-button-glow'
{
	from
	{
		background-color: gradient( radial, 60% 30%, 0px 0px, 41% 35%, from( dark_box_shadow_color ), color-stop( 0.75, box_shadow_on_color ), to( box_shadow_off_color ) );
	}

	50%
	{
		background-color: gradient( radial, 60% 30%, 0px 0px, 55% 48%, from( dark_box_shadow_color ), color-stop( 0.75, box_shadow_on_color ), to( box_shadow_off_color ) );
	}

	to
	{
		background-color: gradient( radial, 60% 30%, 0px 0px, 41% 35%, from( dark_box_shadow_color ), color-stop( 0.75, box_shadow_on_color ), to( box_shadow_off_color ) );
	}
}



.PlayAction .ButtonImage
{
	opacity: 0.9
	;

	transition-property: opacity;
	transition-duration: shortmedduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;

}

.PlayAction #Working
{
	opacity: 0.0;
	margin-top: 1px;

	pre-transform-scale2d: 0.85;

	vertical-align: center;
	horizontal-align: center;

	transition-property: opacity;
	transition-duration: shortmedduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;

}

.PlayAction .ButtonBody:hover .ButtonImage
{
	opacity: 1.0;

}
.PlayAction .ButtonBodyDisabled:hover .ButtonImage
{
    opacity: 0.8;
}

.RecentApp
{
	transition-property: transform, background-color, position, border, opacity, blur, pre-transform-scale2d, opacity-mask;
	transition-duration: shortmedduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;
	flow-children: down;

	width: 480px;
	height: 297px;

	vertical-align: center;

	margin: 0px;
	border-width: 0px;
	border-style: solid;
	border-color: #00000000;
	background-color: #00000000;
}


.AboveLibraryDetailsView .RecentApp
{
	opacity: 1.0;
}


.LibraryMostRecent .RecentApp Label
{
	height: 40px;
	width: fill-parent-flow( 1.0 );
	margin-right: 8px;
	margin-left: 8px;
	font-size: 34px;
	color: applabel;
	opacity: 0.0;
	vertical-align: center;
	text-overflow: clip;
	white-space: nowrap;
}

#MostRecentCarousel .RecentApp:descendantfocus Label
{
	color: applabel;
	opacity: 1.0;
}

.RecentNameRow
{
	flow-children: right;
}


.LibraryMostRecent:descendantfocus .RecentApp:focus
{
	saturation: 1.0;

	opacity: 1.0;
	pre-transform-scale2d: 1.1;


}

.AboveLibraryDetailsView .RecentApp:hover, .AboveLibraryDetailsView .RecentApp:focus
{
	border-color: #00000000;
	background-color: #00000000;
	pre-transform-scale2d: 1.0;
}



.AboveLibraryDetailsView .RecentApp Label
{
	opacity: 0.0;
}

#LibraryMenuRowWrapper
{
	transition-property: transform, blur, position, opacity-mask, opacity, pre-transform-scale2d;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;
	transform: translate3d( 25px, -85px, 0px );
	pre-transform-scale2d: 0.8;
	opacity-mask: url( "file://{images}/lower_row_sharp_mask.tga" ) 0.65;
	position: 0px 620px 0px;
	z-index: 10;
	width: 100%;
	height: 350px;
}

.LibraryMostRecent:descendantfocus #LibraryMenuRowWrapper:descendantfocus
{
	transform: translate3d( 0px, -200px, 0px );
	opacity-mask: url( "file://{images}/lower_row_mask.tga" ) 0.0;
	pre-transform-scale2d: 1.0;
	animation-duration: 2.0s;
	animation-timing-function: bigpicture-ease-in-out;
}


.LibraryMenuRow
{
	height: 350px;
	width: 100%;
	padding: 0px 40px;
	flow-children: right;
	margin-right: 0px;
	font-size: 36;
	horizontal-align: center;
	transform: translate3d( 0px, 400px, -100px );
	opacity: 0.0;
	blur: gaussian( 3, 3, 1 );

	transition-property: transform, blur, position, opacity !immediate;
	transition-duration: shortmedduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;
}

.LibraryMostRecent:descendantfocus .LibraryMenuRow
{
	opacity: 1.0;
	transform: translate3d( 3px, 0px, 0px );
	blur: none;
}

.LibraryMostRecent:descendantfocus .LibraryMenuRow:descendantfocus
{
	transform: translateX( 8px );
}


.AboveLibraryDetailsView .LibraryMenuRow
{
	opacity: 0.0;
}

.LibraryButton
{
	z-index: 0;
	horizontal-align: center;
	vertical-align: center;

	width: 400px;
	height: 154px;


	flow-children: down;

	margin: 0px -5px;
	margin-left: 4px;
	margin-right: 4px;
	box-shadow: #00000044 -2px -2px 4px 4px;

	border-style: solid;
	border-width: 5px;
	border-color: #3d414230;

	background-color: gradient( linear, 0% 0%, 100% 100%, from( #1f2124ff ), to( #0f0f11ff ) );

	pre-transform-scale2d: 0.91;
	transition-duration: 0.23s;
	transition-property: border, blur, color, transform, background-color, pre-transform-scale2d, box-shadow;
	transition-timing-function: ease-out;
}

#LibraryMenuRow:descendantfocus .LibraryButton
{
	blur: none;
}

.LibraryButton:hover
{
	z-index: 50;
	transition-duration: 0.23s !immediate;
	background-color: all_games_hover;
	box-shadow: box_shadow_off_color -5px -5px 6px 10px;
	pre-transform-scale2d: 0.95;
}

.LibraryButton:focus
{
	transition-duration: shortduration !immediate;

	border-width: 5px;
	border-style: solid;
	border-color: #fdfefef0;
	z-index: 1000;

	background-color: gradient( linear, 0% 0%, 100% 100%, from( #fdfdfdff ), to( #bdbfbfff ) );

	pre-transform-scale2d: 1.0;
	box-shadow: box_shadow_on_color -4.5px -4.5px 16px 9px;

	animation-name: main-button-glow-movement, quick-blur;
	animation-duration: longduration, 0.45s;
	animation-delay: mediumduration, 0.0s;
	animation-timing-function: bigpicture-ease-in-out, ease-out;
	animation-iteration-count: infinite, 1;
	animation-direction: normal;
}

.LibraryButton:focus:hover
{
	pre-transform-scale2d: 1.05;
}


.LibraryButton .ButtonLabelSmall
{
	margin-top: 22px;
	margin-bottom: 4px;
	font-size: 30;
	color: applabelnofade;
	horizontal-align: center;
}

.LibraryButton .ButtonLabel
{
	horizontal-align: center;
	text-align: center;
	vertical-align: center;
	font-size: 48;
	font-weight: light;
	color: applabelsolid;
}

.LibraryButton:focus .ButtonLabelSmall, .LibraryButton:focus .ButtonLabel
{
	color: applabelselectedsolid;
}


/* Transitions when grid is in focus */
.ContentAreaFocus .GamesGrid, .ContentHover .GamesGrid,
.ContentAreaFocus .GamesDownloads, .ContentHover .GamesDownloads,
.ContentAreaFocus .GamesSuggestion, .ContentHover .GamesSuggestion,
.ContentAreaFocus .MusicExplorePanel, .ContentHover .MusicExplorePanel
{
	transform: translateX( -200px );
}

.GamesGrid,
.GamesSuggestion,
.GamesDownloads,
#FastScrollWrapper
{
	padding-top: 20px;
	padding-left: 75px;
	position: 390px 0px 0px;
	padding-right: 99px;
	padding-bottom: 257px;

	width: 1500px;
	height: 1122px;

	//opacity-mask-scroll-up: url( "file://{images}/library/scroll_data_mask_up.tga" );
	//opacity-mask-scroll-down: url( "file://{images}/library/scroll_data_mask_down.tga" );
	//opacity-mask-scroll-up-down: url( "file://{images}/library/scroll_data_mask_both.tga" );

	transform: translateX( 0px );
	transition-delay: 0s;
	transition-duration: supershortduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-property: transform, width;
}

.MenuHover .GamesGrid,
.MenuHover .GamesSuggestion,
.MenuHover .GamesDownloads,
.MenuHover .MusicExplorePanel,
.MenuHover #ActivateProductArea
{
	transform: translateX( 0px );
}

#FastScrollWrapper
{
	position: 0px 0px 0px;
	z-index: 100;
	flow-children: none;
	width: 100%;
}

#ActivateProductArea
{
	visibility: collapse;
}

.activate #ActivateProductArea
{
	visibility: visible;
}


.EmptyLabel
{
	position: 0px -100px 0px;

	visibility: visible;

	font-size: 34px;
	height: 64px;
	horizontal-align: center;
	vertical-align: center;
	color: #67c1f5ff;
	white-space: nowrap;
	text-overflow: clip;

	transition-property: opacity;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
}


.EmptyGrid #EmptyLibraryArea
{
	opacity: 1.0;

	position: 486px 32px 0px;
	background-color: none;
	height: 800px;
	width: 1350px;
	z-index: -10;
}

.search.EmptyGrid #EmptySearchArea,
#DownloadsNone,
#ActivateProductArea
{
	opacity: 1.0;

	position: 486px 32px 0px;
	background-color: #00000044;
	height: 800px;
	width: 1350px;

	transition-property: transform;
	transition-delay: 0s;
	transition-duration: supershortduration;
	transition-timing-function: bigpicture-ease-in-out;
	z-index: -10;
}

#DownloadsNone

 {
	position: 0px 0px 0px;
}

.search.ContentAreaFocus.EmptyGrid #EmptySearchArea,
.search.EmptyGrid .ContentHover #EmptySearchArea {
	transform: translateX(-200px);
}

.search.ContentAreaFocus.EmptyGrid .MenuHover #EmptySearchArea {
	transform: translateX(0px);
}

.search.EmptyGrid #EmptyLibraryArea,
.music.EmptyGrid #EmptyLibraryArea
{
	opacity: 0.0;
}

.music #EmptyLibraryArea
{
	opacity: 0.0;
}

#FastScrollLabel
{
	margin-top: 0px;
	margin-left: 600px;
	font-size: 600px;

	height: 720px;
	width: 100%;

	z-index: 100;

	color: #f2f2f2ff;
	opacity: 0.0;

	text-transform: uppercase;

	transition-property: opacity;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;

}

#TypeToJumpLabel
{
	margin-top: 200px;
	margin-left: 550px;
	font-size: 300px;

	z-index: 100;

	color: #f2f2f2ff;
	opacity: 0.0;

	transition-property: opacity;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;
}

.Moving #FastScrollLabel
{
	opacity: 1.0;
	transition-duration: 0.5s;
}


#FastScrollWrapper.Moving
{
	background-color: #051c2bff;
	opacity: 0.8;
}

.Moving #TypeToJumpLabel
{
	opacity: 1.0;
	transition-duration: 0.5s;
}

.AppGridItem
{
	width: 470px;
	height: 225px;
	pre-transform-scale2d: 0.88;
	opacity: 0.0;

	overflow: noclip;

	transition-property: position;
}

.AppGridItem.Ready
{
	opacity: 1;
	pre-transform-scale2d: 0.94;
	
	transition-property: position, transform, blur, opacity, saturation, border, background-color, pre-transform-scale2d, box-shadow;
	transition-duration: supershortduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;
}

.DragScrolling .AppGridItem,
.DragScrolling .AppGridItem.Ready
 {
	 transition-duration: 0.0s, supershortduration;
 }

.Flick .AppGridItem,
.Flick .AppGridItem.Ready
 {
	 transition-timing-function: DragScrollFlickTimingFunction, bigpicture-ease-in-out;
	 transition-duration: DragScrollFlickTime, supershortduration;
 }

.AppGridItem .AppImage
{
	width: 460px;
	height: 215px;
	opacity: 0.9;
	saturation: 0.8;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	transition-property: box-shadow, opacity, saturation;
	transition-duration: shortmedduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;

	border-radius: 3px;
	box-shadow: module_shadow;

	background-color: #000000;

	z-index: 100;
}

.AppGridItem:focus .AppImage,
.AppGridItem:hover .AppImage
{
	opacity: 1.0;
	saturation: 1.0;
	wash-color: #00000000;
}

.AppGridItem Label
{
	height: 64px;
	width: fill-parent-flow( 1.0 );
	font-size: 32px;
	font-family: platformfont;
	color: applabel;
	opacity: 0.0;
	vertical-align: center;
  margin-left: 8px;
	text-overflow: clip;
	font-weight: bold;
	white-space: nowrap;
}

.AppGridItem .GridItemBackground {
	width: 470px;
	height: 225px;
	opacity: 0;
	background-color: #ffffff;
	z-index: 99;
}

.AppGridItem:focus .GridItemBackground,
.AppGridItem:hover .GridItemBackground {
	opacity: 1;
	background-color: #b4dff7;
	z-index: 99;

	box-shadow: box_shadow_on_color -8px -8px 8px 8px;
	border-radius: 3px;

	animation-name: main-button-glow-movement-no-fill;
	animation-duration: longduration;
	animation-timing-function: bigpicture-ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;
}

#AppLabel
{
	width: 100%;
}

#PopularRow .MissingAppImage #GameImage #MissingImageLabel,
#UnPlayedRow .MissingAppImage #GameImage #MissingImageLabel {
	font-size: 24px;
}

.MissingAppImage #GameImage #MissingImageLabel
{
	width: 100%;
	height: 100%;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 40px;
	padding-left: 40px;

	margin-top: 80px;
}

#RecentRow .MissingAppImage #GameImage #MissingImageLabel
{
	margin-top: 130px;
	padding-right: 60px;
	padding-left: 60px;
}

.AppGridItem.MissingAppImage Image #MissingImageLabel,
.LibraryPanel:descendantfocus .RecentApp Image #MissingImageLabel,
.AppGridItem.Shortcut Image #MissingImageLabel,
.MissingAppImage #GameImage #MissingImageLabel
{
	opacity: 0.8;
}

.AppGridItem.Shortcut.CustomAppImage #MissingImageLabel
{
	opacity: 0.0;
}

.AppGridItem.Shortcut.CustomAppImage.MissingAppImage #MissingImageLabel
{
	opacity: 0.8;
}

#ShortcutsGrid .AppGridItem Label
{
	opacity: 1.0;
}

.AppGridItem:focus Label,
.AppGridItem:hover Label
{
	opacity: 0.0;
	color: applabel;
}

.AppGridItem:hover
{
	pre-transform-scale2d: 0.95;
	opacity: 1.0;
	z-index: 0;
}
.AppGridItem:hover .AppImage {
	opacity: 1.0;
	saturation: 1.0;
}

.AppGridItem:focus,
.AppGridItem:hover
{
	pre-transform-scale2d: 1.0;
	background-image: url( "file://{images}/library/game_grid_shadow.png");
	background-position: left 0px top 0px;
	background-size: 100% 85%;
	background-repeat: no-repeat;
	opacity: 1.0;
	z-index: 200;
}

.AppGridItem:focus:hover
{
	pre-transform-scale2d: 1.0;
	opacity: 1.0;
}

.AppGridItem:hover .AppGridItem .AppImage
{
	opacity: 1.0;
	saturation: 0.9;
	box-shadow: box_shadow_on_color -5px -5px 6px 10px;
}


.AppGridItem:focus:hover .GridItemImage
{
	opacity: 1.0;
	saturation: 1.0;
}

#ContentWrapper
{
	width: 100%;
	height: 100%;
	flow-children: right;
}

.AllGamesContent
{
	width: 100%;
	height: 100%;
	overflow: clip;
}


.GridButtonRow
{
	margin-top: 20px;
	margin-left: 10px;
	width: 400px;
	height: 100%;
	flow-children: down;
	overflow: clip scroll;
}


.SectionLabel
{
	visibility: collapse;
}

.GamesFilter:hover
{
	horizontal-align: center;
	box-shadow: box_shadow_on_color -4px -4px 5px 8px;
	pre-transform-scale2d: 1.03;
}



.GamesFilter, DropDownMenu.DropDownMenuVisible .GamesFilter:hover
{
	horizontal-align: center;
	box-shadow: #00000066 0px 0px 10px 0px;

	transition-property: pre-transform-scale2d, background-color, box-shadow;
	transition-delay: 0.0s;
	transition-duration: 0.2s;
	transition-timing-function: linear;

}


DropDown
{
	width: 480px;
	margin-top: 18px;
}

#GamesFilterDropDownMenu
{
	width: 480px;
	overflow: squish scroll;
	max-height: 690px;
}

#GamesFilterDropDownMenu Label
{
	margin-right: 8px;
	min-height: 52px;
	visibility: visible;
}

#GamesFilterDropDownMenu #FilterPlatform
{
	visibility: collapse;
}

#GamesFilterDropDownMenu #FilterPlatform.ShowPlatform
{
	visibility: visible;
}

DropDown #FilterPlatform
{
	visibility: visible;
}

#GamesFilterDropDownMenu #FilterController
{
	visibility: collapse;
}

#GamesFilterDropDownMenu #FilterController.ShowController
{
	visibility: visible;
}

DropDown #FilterController
{
	visibility: visible;
}

#GamesFilterDropDownMenu #FilterGamesICanPlay
{
	visibility: collapse;
}

#GamesFilterDropDownMenu #FilterGamesICanPlay.ShowGamesICanPlay
{
	visibility: visible;
}

DropDown #FilterGamesICanPlay
{
	visibility: visible;
	width: 100%;
	height: 100%;
}

#FilterUnblocked.ShowUnblocked,
#GamesFilterDropDownMenu #FilterUnblocked.ShowUnblocked
{
	visibility: visible;
}

#FilterUnblocked,
#GamesFilterDropDownMenu #FilterUnblocked
{
	visibility: collapse;
}

#FilterInstalledLocally,
#GamesFilterDropDownMenu  #FilterInstalledLocally
{
	visibility: collapse;
}

#FilterInstalledLocally,
#GamesFilterDropDownMenu  #FilterInstalledLocally.ShowInstalledLocally
{
	visibility: visible;
}

#FilterHidden,
#GamesFilterDropDownMenu  #FilterHidden
{
	visibility: collapse;
}

#FilterHidden,
#GamesFilterDropDownMenu  #FilterHidden.ShowHidden
{
	visibility: visible;
}

#TagsHorRule
{
	width: 100%;
	height: 5px;
	margin: 4px 22px;
	background-color: rule_color;
}


DropDown Label
{
	width: 100%;
	margin-top: 2px;
	margin-right: 29px;
	color: applabel;
}

#ChangeXInputOrderButton
{
    width: 100%;
}

.AppControllerSettingsDropdown
{
	width: 100%;
	vertical-align: middle;
    margin-top: 16px;
    z-index: msgbox_contextmenu_zindex;
}

.AppControllerSettingsDropdown, DropDownMenu.DropDownMenuVisible
{
    max-height: 450px;
    width: 780px;
    z-index: msgbox_contextmenu_zindex;
}

.AppControllerSettingsDropdown DropDown
{
	width: 100%;
    height: 46px;
	padding-left: 8px;
	border-width: 1px;
	border-style: solid;
	border-radius: 1px;
    z-index: msgbox_contextmenu_zindex;
}


.GridBackground
{
	width: 100%;
	height: 100%;


	margin-top: 4px;
	box-shadow: #000000aa -2px -2px 4px 4px;

	background-color: bgcolor;
	background-image: url( "file://{images}/store/store_app_bg.png" );
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 1920px 1080px;

}

LibraryAllGames .BottomMouseScrollRegion
{
	y: -152px;
}

#RightLegend
{
	vertical-align: center;
	horizontal-align: right;
	flow-children: right;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 0px;
	font-size: 21px;
	font-family: "Motiva Sans";
	font-weight: normal;
	color: #c8cbccca;
}

.TriggerButtonBox
{
	border-radius: 6px;
	height: 34px;
	text-align: center;
	border: 2px solid #00000000;
	vertical-align: middle;
	margin-top: 2px;
	margin-left: 6px;
}

.VR .TriggerButtonBox
{
	visibility: collapse;
}

.MiddleButton
{
	background-image: url( "file://{images}/overlay/notification_middlebutton.png" );
	background-size: 54px 54px;
	width: 54px;
	height: 54px;
	margin-right: 0px;
}

.VR .MiddleButton
{
	background-image: url( "file://{images}/library/icon_steamvr_system.png" );
	background-size: 78px 112px;
	width: 78px;
	height: 112px;
	margin-right: 20px;
	margin-top: 8px;
}

#HowToWrapper .TriggerButton
{
	visibility: collapse;
}

.VR #HowToWrapper .TriggerButton
{
	visibility: visible;
	background-image: url( "file://{images}/library/icon_steamvr_trigger.png" );
	background-size: 78px 112px;
	width: 78px;
	height: 112px;
	margin-right: 0px;
	margin-left: 20px;
	margin-top: 8px;
}

#BigScreenshot
{
	height: 240px;
	width: 475px;
	margin-left: 24px;
	margin-top: 2px;
	margin-bottom: 8px;
	background-color: #000000ff;

	z-index: 1000;
}


#AppDetailsClose
{
	position: 0px 64px 0px;
	height: 75px;
	width: 100%;
	visibility: collapse;
	z-index: 1;
}

#AppDetailsClose.Visible
{
	visibility: visible;
}

KeyboardShortcut,
.KeyboardShortcut
{
	horizontal-align: center;
	flow-children: right;
	font-size: 18px;
	padding: 2px;
	background-color: simplebutton;
	color: detailsdatalabel;
	vertical-align: middle;
	border-style: solid;
}
LibraryScreenshots:descendantfocus KeyboardShortcut,
LibraryScreenshots:descendantfocus .KeyboardShortcut {
	background-color: #000000;
}

KeyboardShortcut .Graphic
{
	wash-color: white;
}

KeyboardShortcut Label
{
	margin-left: 4px;
	margin-right: 4px;
	vertical-align: center;
	line-height: 20px;
}

KeyboardShortcut Image
{
	pre-transform-scale2d: 0.8;
}

#ScreenshotsLargeBody .Plus
{
	margin-top: 22px;
}

.PlayActionModal #DesktopPanels
{
	saturation: 0.7;
	opacity: 0.7;
}

.PlayActionModal #ButtonGlow
{
	opacity: 0.0;
}

.PlayActionModal #ButtonImage
{
	opacity: 0.0;
}

.Validating #ButtonGlow
{
	opacity: 0.0;
}

.Validating #ButtonImage
{
	opacity: 0.0;
}

.PlayActionModal .PlayAction #Working
{
	opacity: 1.0;

}

.Validating #Working
{
	opacity: 1.0;

}

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

.PlayWrapper
{
	width: 80px;
	height: 80px;
	horizontal-align: right;
	vertical-align: center;
}

.PlayAction .StreamAnimator2, .PlayAction .StreamAnimator3
{
	opacity: 0.0;

}

.PlayAction.Streaming .StreamAnimator2
{
	opacity: 0.7;
	width: 1868px;
	height: 108px;

	vertical-align: center;
	background-image: url( "file://{images}/library/stream2.png"  );
	background-repeat: repeat no-repeat;
	background-size: 1868px 100%;
	overflow: noclip;

	animation-name: stream-activity;
	animation-duration: 18s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.PlayAction.Streaming .StreamAnimator3
{
	opacity: 1.0;
	width: 1920px;
	height: 220px;

	vertical-align: bottom;
	background-image: url( "file://{images}/library/stream2b.png"  );
	background-repeat: repeat no-repeat;
	background-size: 1868px 100%;
	overflow: noclip;

	animation-name: stream-activity;
	animation-duration: 36s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes 'stream-activity'
{
	0%
	{
		position: -1434px 0px 0px;
	}

	100%
	{
		position: -500px 0px 0px;
	}
}

@keyframes 'cross-stream-activity'
{
	0%
	{
		position: 0px 0px 0px;
	}

	100%
	{
		position: -934px 0px 0px;
	}
}

#LaunchOptions, #ShortcutName, #ActionSetName
{
	margin-top: 20px;
	font-size: 28px;
	width: 770px;
}

#BetaDropDown
{
	visibility: visible;
	margin-top: 20px;
	width: 770px;
}

#BetaPanel
{
	visibility: visible;
	flow-children: down;
}

.NoAvailableBetas #BetaPanel
{
	visibility: collapse;
}

#NoBetaPanel
{
	visibility: collapse;
}

.NoAvailableBetas #NoBetaPanel
{
	visibility: visible;
}

#BetaDropDownDropDownMenu
{
	z-index: msgbox_contextmenu_zindex;
	width: 770px;
	max-height: 140px;
}

.NoPrivateBetas #PrivateBetaLabel
{
	visibility: collapse;
}

.NoPrivateBetas #PrivateBetaPanel
{
	visibility: collapse;
}


#PrivateBetaPanel
{
	width: 770px;
	margin-top: 15px;
	flow-children: right;
}
#PrivateBetaPW {
	margin-right: 10px;
}

#PrivateBetaPW Label
{
	opacity: 1.0;
	font-size: 24px;
	margin-top: 1px;
	horizontal-align: right;
	color: #888888ff;
	width: 600px;

	margin-right: 5px;
}

#PrivateBetaPW.HasInput Label
{
	opacity: 0;
}

#PrivateBetaPW:disabled, #ShowPrivateBetas:disabled
{
	opacity: 0.6;
	saturation: 0.6;
	blur: gaussian( 1.0 );
}

#ShowPrivateBetas
{
	width: 770px;
	height: 50px;
	background-color: none;
}

#ShowPrivateBetas:focus
{
	background-color: gradient( linear, 0% 0%, 100% 100%, from( #fdfdfdff ), to( #bdbfbfff ) );

	// Remove border, so we dont transition border out on focus lost, that looks weird.
	transition-property: background-color, color, transform;

	transform: translatez( 0px );
	box-shadow: box_shadow_on_color -4.5px -4.5px 16px 9px;

}


#ShowPrivateBetas Label
{
	font-size: 26px;
	margin-top: 5px;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 2px;
	font-family: platformfont;
	white-space: normal;
	height: 100px;
	width: 100%;
	color: applabelsolid;
	transform: translatex( 0px );
}

#ShowPrivateBetas:focus Label
{
	color: applabelselectedsolid;

	transition-property: blur, color;
	transition-duration: 0.23s;

	animation-name: quick-blur;
	animation-duration: 0.23s;
	animation-delay: 0s;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-direction: normal;
}


.OptionsDropDown
{
	margin-top: 20px;
	width: 770px;
	margin-bottom: 20px;
}

.OptionsDropDown  Label
{
	transform: translateX( 0px );
	transition-duration: 0.23s;
	transition-timing-function: bigpicture-ease-in-out;
	transition-property: transform;
}

.OptionsDropDown:hover Label
{
	transform: translateX( 7px );
}

#BackgroundUpdatesDropDown
{
	margin-bottom: 80px;
}


#AutoUpdatesDropDownDropDownMenu
{
	z-index: msgbox_contextmenu_zindex;
	width: 770px;
	max-height: 170px;
}

#BackgroundUpdatesDropDownDropDownMenu
{
	z-index: msgbox_contextmenu_zindex;
	width: 770px;
	max-height: 170px;
}

#CategoryStack
{
	margin-top: 0px;
	margin-left: 0px;
	flow-children: down;
	overflow: squish scroll;
	max-height: 500px;
	width: 100%;
	padding: 5px;

	background-color: #0f283d;

	opacity-mask-scroll-up: url( "file://{images}/library/scroll_data_mask_up.tga" );
	opacity-mask-scroll-down: url( "file://{images}/library/scroll_data_mask_down.tga" );
	opacity-mask-scroll-up-down: url( "file://{images}/library/scroll_data_mask_both.tga" );
}

#CategoryStack .CategoryToggle
{
	width: 100%;
	margin-right: 10px;
	margin-left: 0px;
}


#NewCategory
{
	margin-top: 20px;
	padding-top: 4px;
	font-size: 28px;
	width: 760px;
}

#LanguageDropDownMenu
{
	z-index: msgbox_contextmenu_zindex;
	width: 480px;
}

#GamesFilter ToggleButton.CheckBox
{
	transition-duration: 0.25s !immediate;

	horizontal-align: left;

	width: 100%;
	height: 48px;

	margin-left: -16px;
	margin-top: 0px;
	margin-bottom: 8px;
	padding-left: 10px;
	padding-bottom: 3px;
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #25a9df00 ), to( #082745ff) );

	pre-transform-scale2d: 1.0;

	transition-property: color, background-color, transform, pre-transform-scale2d;
	transition-timing-function: ease-out;

}

#GamesFilter ToggleButton.CheckBox:Focus
{
	box-shadow: none;

	color: #082846FF;
	background-color: gradient( linear, 0% 0%, 100% 100%, from( #66c0f4ff ), to( #b6e1faff ) );

	animation-name: nx-filter-button-focus;
	animation-duration: longduration;
	animation-delay: shortduration;
	animation-timing-function: bigpicture-ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;
}

#GamesFilter ToggleButton.CheckBox:hover
{
	box-shadow: none;
	background-color: all_games_hover;
}


#GamesFilter ToggleButton.CheckBox:Focus Label {
	color: #072e47;
}


/* tickbox to turn togglebuttons into checkboxes */
.CheckBox .TickBox
{
	width: 34px;
	height: 34px;
	margin-left: 0px;
	vertical-align: center;
	background-color: #00000066;
		border-width: 2px;
	transition-property: transform, background-color, border, box-shadow, color;
	transition-timing-function: ease-out;
	transition-duration: 0.3s;
}

.CheckBox:Selected .TickBox
{
	background-image: url( "file://{images}/store/Icon_CheckDefault.png" );
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #00000066;

}

ToggleButton.CheckBox:Focus .TickBox
{
	background-color: #00000066;
	//background-color: gradient( linear, 0% 0%, 100% 100%, from( #fdfdfdff ), to( #bdbfbfff ) );
				border-color: #072e47;

}

ToggleButton.CheckBox:Selected:Focus .TickBox
{
	background-image: url( "file://{images}/store/Icon_CheckDefault.png" );
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #00000066;
	border-width: 2px;
	border-color: #fdfdfdff;
  color: #ffffffff;
}


#AllowOtherDownloadsCheck
{
	width: 600px;
	height: 50px;
	background-color: none;
}

#AllowOtherDownloadsCheck:focus
{
	background-color: gradient( linear, 0% 0%, 100% 100%, from( #fdfdfdff ), to( #bdbfbfff ) );

	// Remove border, so we dont transition border out on focus lost, that looks weird.
	transition-property: background-color, color, transform;

	transform: translatez( 0px );
	box-shadow: box_shadow_on_color -4.5px -4.5px 16px 9px;

}

#AllowOtherDownloadsCheck Label
{
	font-size: 24px;
	font-family: platformfont;
	white-space: normal;
	height: 100px;
	width: 100%;
	color: applabelsolid;
}

#AllowOtherDownloadsCheck:focus Label
{
	color: applabelselectedsolid;

	transition-property: blur, color;
	transition-duration: 0.23s;

	animation-name: quick-blur;
	animation-duration: 0.23s;
	animation-delay: 0s;
	animation-timing-function: ease-in;
	animation-iteration-count: 1;
	animation-direction: normal;
}


#ParentalGridItem
{
	background-color: dialog_bg_color;
	width: 450px;
	height: 210px;
	padding-top: -200px;

}

.LibraryHomeGlow
{
	opacity: 0.0;
	transform: translateZ(-105px );
	transition-delay: 0.3s;
	transition-duration: 0.4s;
	transition-property: opacity, transform;
}


#LibraryMostRecent:descendantfocus .LibraryHomeGlow
{
	opacity: 0.9;
	width: 1750px;
	height: 350px;
	z-index: -500;
	transform: translateY( 20px );

	margin-bottom: 0px;
	horizontal-align: center;
	vertical-align: center;

	transition-property: opacity, transform;
	transition-delay: 0.0s;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
}

#DLC
{
	visibility: collapse;
}

#DLC.ShowDLC
{
	visibility: visible;
}


LibraryDLCItem .RightColumn
{
	flow-children: down;
}
LibraryDLCItem .RightColumn
{
	width: 100%;
}

LibraryDLCItem #Image
{
	width: 158px;
	height: 74px;
	vertical-align: center;
	margin-right: 4px;
}

LibraryDLCItem Label
{
	margin-left: 4px;
	font-family: platformfont;
	font-size: 38px;
	font-weight: bold;
	color: detailsdatalabelfocus;

	transition-property: color;
	transition-duration: shortduration;
}

LibraryDLCItem Button:focus Label
{
	color: achievementstitledark;
}


#DLCTitle
{
	height: 60px;
	font-size: 24px;
	color: #ffffff;
}

LibraryDLCItem:descendantfocus .Button #DLCTitle
{
	color: darkblue;
}

#DLCInstalled
{
	color: gradient( linear, 0% 0%, 0% 100%, from( #fdfdfd9f ), to( #bdbfbfaf ) );
	font-size: 20px;
	font-weight: normal;
	margin-top: 4px;

	transition-property: color, transform;
	transition-duration: shortduration;
}

LibraryDLCItem:descendantfocus .Button #DLCInstalled
{
	color: achievementdetailsheaderdark;
}

LibraryDLCItem
{
	width: 100%;
	margin-left: 4px;
	margin-right: 10px;

	padding-top: 0px;
	padding-bottom: 0px;
	margin-right: 20px;
}

ManageDLCDialog #DLCItems
{
	overflow: squish scroll;
	width: 100%;
	height: fit-children;
	max-height: 500px;
	margin-right: 0px;
	padding-top: 5px;
	padding-left: 2px;
	padding-bottom: 5px;
	flow-children: down;

	background-color: #0f283d;
}
ManageDLCDialog #ButtonCancel
{
	visibility: visible;
}

LibraryDLC #DLCItems
{
	overflow: clip clip;
	width: 100%;
	height: 375px;
	flow-children: right-wrap;
	/* make this a composition layer to force clip (addressing current bug) */
	opacity: 0.99;
}
#OverlayDashboard LibraryDLC #DLCItems {
	height: 200px;
}
LibraryDLC LibraryDLCItem
{
	width: fit-children;
	margin: 0px;
	padding: 0px;
}
LibraryDLCItem #Image.DLCPreviewImage
{
	width: 190px;
	height: 89px;
	margin: 4px 4px 0px 0px;
	transform: translateX( 0px );
}

LibraryDLCItem .DLCInstallState
{
	padding: 4px;
	vertical-align: bottom;
	horizontal-align: right;
	background-color: #000000cc;
	margin-right: 4px;
}

LibraryDLCItem .DLCInstallState.NotInstalled,
LibraryDLCItem .DLCInstallState.Installed {
	wash-color: #81a3b8;
}
.DetailsDataPanel:descendantfocus LibraryDLCItem .DLCInstallState.NotInstalled {
	wash-color: installedblue;
}
.DetailsDataPanel:descendantfocus LibraryDLCItem .DLCInstallState.Installed {
	wash-color: readytoplaygreen;
}

LibraryDLCItem .DLCInstallState.Installed
{
	visibility: collapse;
}
LibraryDLCItem.Installed .DLCInstallState.Installed
{
	visibility: visible;
}
LibraryDLCItem.Installed .DLCInstallState.NotInstalled
{
	visibility: collapse;
}
LibraryDLCItem .DLCInstallStateIcon
{
}

LibraryDLCItem #WrapperButton
{
	flow-children: right;
}

LibraryDLCItem.Deleting
{
	visibility: collapse;
}

LibraryDLCItem .Button
{
	margin-right: 0px;
	width: 100%;
	height: 94px;
}

LibraryDLCItem .Button:focus, LibraryDLCItem:descendantfocus .Button
{
	height: 94px;
	background-color: button_focus_color;
}

.GridButtonRow Button,
{

	transition-property: position, color, background-color, transform;
	transition-duration: shortduration;
	margin-right: 30px;
	background-color: #073050;
}

.GridButtonRow Button:selected:focus
{
	background-color: gradient( linear, 0% 0%, 100% 100%, from( #fdfdfdee ), to( #adafafe0 ) ); //black;
}

.GridButtonRow Button:selected
{
	background-color: black;
}

.GridButtonRow Button Label
{
	transition-property: background-color, color;
	transition-duration: shortduration;
	margin-left: 10px;
}




.AddContentButton
{
	flow-children: right;
}

.GridButtonRow .LinksAndMoreButton Image
{
	color: white;
	opacity: 1.0;
	width: 24px;
	height: 24px;
}

.GamesHorizRule
{
	width: 100%;
	height: 20px;
}

#GamesFilter
{
	width: 420px;
	height: fit-children;
	max-height: 700px;
	opacity: 1.0;
	position: 1825px 120px 0px;
	margin-top: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	background-color: black;
	overflow: clip;
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #1184baee ), to( #0e2744ee ) );

	box-shadow: fill #00000066 -4px -4px 6px 6px;

	flow-children: down;

	transition-property: position, color, background-color, transform, opacity, height, width, saturation;
	transition-duration: supershortduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;

}



.suggested #GamesFilter,
.downloads #GamesFilter,
.music #GamesFilter
{
	opacity: 0.0;
}

/* hide the filter UI if there are too few elements to bother with filtering in this view */
.NoFilter #GamesFilter
{
	opacity: 0.0;
}

/* show the filter UI all the time in VR mode */
.VR .NoFilter #GamesFilter
{
	opacity: 1.0;
}
.VR .suggested #GamesFilter,
.VR .music #GamesFilter
{
	opacity: 0.0;
}

#VRGamesFilter
{
	visibility: collapse;
}

.VR #VRGamesFilter
{
	visibility: visible;
}


.Windows #GamesFilter #Platform
{
	visibility: collapse;
}

.ContentAreaFocus #GamesFilter,
.ContentHover #GamesFilter
{
	position: 1630px 120px 0px;
}

.MenuHover #GamesFilter
{
	position: 1825px 120px 0px;
}

#LibraryAllGames #GamesFilter:hover
{
	position: 1580px 120px 0px;
	transform: translatez( 20px );
}

#LibraryAllGames #GamesFilter:descendantfocus
{
	opacity: 1.0;
	saturation: 1.0;
	transform: translatez( 20px );
	position: 1480px 120px 0px;
}

#GamesFilter ToggleButton.CheckBox,
#GamesFilter .NxTagHeader,
#GamesFilter Button,
#GamesFilter.EmptyFilter Button.NxFilterButton
{
	height: 0px;
	min-height: 0px;

	margin: 0px;
}
#GamesFilter:descendantfocus ToggleButton {
	margin: 2px 10px 2px 0px;
}

#GamesFilter:descendantfocus ToggleButton, #GamesFilter ToggleButton:selected,
#GamesFilter:descendantfocus .NxTagHeader,
#GamesFilter:descendantfocus Button,
#GamesFilter .AlwaysVisible
{
	height: fit-children;
}
#GamesFilter .NxTagHeader.FilterHeader {
	height: 56px;
	margin-left: 10px;
}

#GamesFilter .FilterHeader
{
	font-size: 34px;
	color: #ffffff;

}

.GamesFilterWrapper
{
	position: 150px 0px 0px;
	width: 400px;
	height: fit-children;
	padding: 0px;
	padding-right: 8px;
	margin-left: 10px;
	z-index: 10;

	overflow: clip scroll;

	flow-children: down;

	transition-property: position, color, background-color, transform, opacity, height, width;
	transition-duration: mediumduration;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;
}

.GamesFilterWrapper:descendantfocus
{
	position: 0px 0px 0px;
	max-height: 600px;
}


LibraryFilterGames Label, .GridButtonRow Label
{
	width: 100%;
	font-family: platformfont;
	font-weight: normal;
	vertical-align: center;

	font-size: 24px;
	color: #2F89BDff;
	margin-bottom: 0px;
	margin-left: 0px;


}

LibraryFilterGames .CloseButton
{
	visibility: collapse;
}

LibraryFilterGames #VR
{
	visibility: collapse;
}

.VR LibraryFilterGames #VR
{
	visibility: visible;
}

.NoCategories .CategoryHeader
{
	visibility: collapse;
}

.VideoMode .TypeHeader
{
	visibility: collapse;
}


Label.Header
{
	font-size: 18px;
	color: #2F89BDff;
	margin-bottom: 5px;
	margin-left: 10px;
}

.GridArea, .TagContainer
{
	width: 100%;
	height: fit-children;
	flow-children: down;
}

LibraryFilterGames #HiddenGames, LibraryFilterGames #UnblockedGames
{
	visibility: collapse;
}

LibraryFilterGames.ShowHidden #HiddenGames, LibraryFilterGames.ShowFamily #UnblockedGames
{
	visibility: visible;
}

.GameSearchInput
{
	width: 100%;
	margin-right: 20px;
	margin-top: 50px;
	margin-bottom: 10px;
	margin-left: 14px;
	height: 0px;
}

.GameSearchInput:hover Label
{
	color: applabelsolid;
}

#GamesFilter #NxNarrowByName.NxTagHeader {
	margin-bottom: -40px;
}

.GameSearchInput.HasInput, #GamesFilter:descendantfocus .GameSearchInput, .GameSearchInput.VR
{
	height: fit-children;
}

.GameSearchInputHint
{
	color: #2F89BDff;
}

.GameSearchInputHint
{
	opacity: 1.0;
	transition-property: opacity;
	transition-duration: shortduration;
}

.HasInput .GameSearchInputHint
{
	opacity: 0.0;
}

#ButtonNext,
#ButtonBack,
#ButtonCancel,
#UnblockedFilter
{
	visibility: collapse;
}

#ButtonCancel.ControllerSlot 
{
	visibility: visible;
}

.Parental #ButtonNext,
.Parental #ButtonBack,
.Parental #ButtonCancel,
.Parental #UnblockedFilter
 {
	 visibility: visible;
 }

.Parental #GridBackground,
.Parental #RecomendedFilter,
.Parental #MusicFilter,
.Parental #AddSteamContent,
.Parental #AddSteamProduct
 {
	 visibility: collapse;
 }

.Parental #Options
{
	opacity: 0.0;
}

.Parental .AppGridItem.Ready
{
	pre-transform-scale2d: 0.8;
}

.Parental .AppGridItem.Ready:focus
{
	pre-transform-scale2d: 0.9;
}

.Parental.unblocked .AppGridItem
{
	visibility: collapse;
}

.Parental.unblocked .AppGridItem.UnlockedVisible
{
	visibility: visible;
}

.GamesSuggestion,
.GamesDownloads
{
	width: 1700px;
	padding-top: 30px;
	padding-left: 0px;
	padding-right: 40px;
	margin-left: 95px;
	flow-children: down;
	overflow: squish scroll;
}
.GamesDownloads
{
	max-height: 980px;
}


.LibrarySuggested
{
	flow-children: down;
}

.SuggestedRow
{
	width: 100%;
	flow-children: right;
	/* enough padding for scale and outer glow to render */
	padding: 8px 8px 8px 18px;
	margin-left: -10px;
}

/* spread out the capsules when content area is in focus */
#PopularRow .SuggestedRow .Button,
#UnPlayedRow .SuggestedRow .Button {
	transform: translatex(0px);
	transition-property: border, background-color, color, box-shadow, transform, pre-transform-scale2d;
	transition-duration: mediumduration;
	transition-timing-function: bigpicture-ease-in-out;
}

.MenuHover .SuggestedRow #Game1,
.MenuHover .SuggestedRow #Game2,
.MenuHover .SuggestedRow #Game3,
.MenuHover .SuggestedRow .Game1,
.MenuHover .SuggestedRow .Game2,
.MenuHover .SuggestedRow .Game3,
{
	transform: translatex(0px);
}


#UnPlayedRow.EmptyRow, #PopularRow.EmptyRow
{
	visibility: collapse;
}

.EmptyLibraryHeader
{
	flow-children: down;
	height: 100%;
	background-color: gradient( linear, 0% 0%, 3% 80%, from( #66c0f433 ), to( #66c0f400 ) );
	margin: 0 30px 10px 0;
	width: 1320px;
	padding-left: 10px;
}

.EmptyLibraryLabelWrapper
{
	horizontal-align: center;
	vertical-align: center;
	flow-children: down;
}

.EmptyLibraryLabelWrapper Label,
.AppList Label,
.DownloadText.HeaderLabel,
#MusicExplore .HeaderLabel
{
	text-align: center;
	width: 600px;
	font-family: platformfont;
	font-size: 30px;
	font-weight: normal;
	color: #81a3b8ff;
	padding-left: 10px;
}
.EmptyLibraryLabelWrapper .Title {
	color: #67C1F5ff;
}
.StoreList Button,
.StoreList ParentalButton {
	height: 205px;
	padding: 20px;
}

.AppList,
.DownloadsSection {
	flow-children: down;
	height: 100%;
	margin: 0 30px 10px 0;
	width: 1470px;
	padding-left: 10px;
}
.DownloadsSection {
	height: fit-children;
	background-color: gradient( linear, 0% 0%, 3% 80%, from( #051c2dff ), to( #051c2d00 ) );
}

.AppList Label,
.DownloadText.HeaderLabel,
#MusicExplore .HeaderLabel
{
	text-align: left;
	color: detailsdatalabelfocus;
}

.EmptyLibraryLabelWrapper Label.Title
{
	font-size: 40px;
}

#GamesSuggestion
{
	visibility: collapse;
	padding-bottom: 120px;
	overflow: clip scroll;
	height: 980px;
}

.suggested #GamesSuggestion
{
	visibility: visible;
}

#GamesDownloads
{
	visibility: collapse;
}

.downloads #GamesDownloads
{
	visibility: visible;
}

.suggested #GamesGrid, .music #GamesGrid, .downloads #GamesGrid, .activate #GamesGrid
{
	visibility: collapse;
}


.RecentGamesList.AppList {
	height: 350px;
}
#GamesSuggestion .RecentGamesList.AppList Button {
	width: 500px;
	height: 326px;
}
#GamesSuggestion .RecentGamesList.AppList Button Image {
	width: 460px;
	height: 215px;
}


.StoreList Button Label,
.StoreList ParentalButton Label
{
	horizontal-align: center;
	vertical-align: center;
	text-align: center;
	color: #67C1F5ff;
}

/* Suggested section */
.suggested #GamesSuggestion #RecentRow Button {
	pre-transform-scale2d: 0.98;

	transition-property: transform, pre-transform-scale2d;
	transition-duration: supershortduration;
	transition-timing-function: bigpicture-ease-in-out;
}
.suggested.ContentAreaFocus #GamesSuggestion #RecentRow Button {
	pre-transform-scale2d: 0.98;
}



.SuggestedRow Button,
.SuggestedRow ParentalButton {

	width: 354px;
	height: 214px;
	padding: 0px;
	margin: 0px 0px 0px -10px;

	background-color: none;
	box-shadow: none;

	visibility: visible;
	opacity: 1;

	pre-transform-scale2d: 0.98;

	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;
	transition-duration: supershortduration;

	transition-property: background-color, box-shadow, pre-transform-scale2d, border, transform;
}

.SuggestedRow Button .ImageWrapper,
.SuggestedRow ParentalButton .ImageWrapper
{
	width: 100%;
	height: 100%;
	flow-children: down;
	z-index: 100;
	margin: 5px;
	//background-color: transparent_module;
	//box-shadow: fill #00000033 -3px -3px 6px 6px;
	border-radius: 3px 3px 3px 3px;
}

.SuggestedRow Button:focus .ImageWrapper,
.SuggestedRow Button:hover .ImageWrapper,
.SuggestedRow ParentalButton:focus .ImageWrapper,
.SuggestedRow ParentalButton:hover .ImageWrapper
{
	box-shadow: none;
	background-image: url( "file://{images}/systemmenu/capsule_01.jpg" );
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: cover;
}

.suggested #GamesSuggestion #RecentRow Button:focus,
.suggested #GamesSuggestion #RecentRow Button:hover
{
	pre-transform-scale2d: 1;

	color: #161718f5;
	background-color: action_module;

	box-shadow: box_shadow_on_color -4px -4px 12px 8px;

	animation-name: main-button-glow-movement-no-fill;
	animation-duration: longduration;
	animation-delay: mediumduration;
	animation-timing-function: bigpicture-ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;

	z-index: 98;
}

.suggested .SuggestedRow Button:focus,
.suggested .SuggestedRow Button:hover,
.suggested .SuggestedRow ParentalButton:focus,
.suggested .SuggestedRow ParentalButton:hover

{
	pre-transform-scale2d: 1;

	background-color: #b4dff7;
	border-radius: 3px;

	color: #161718f5;

	box-shadow: box_shadow_on_color -4px -4px 12px 8px;

	animation-name: main-button-glow-movement-no-fill;
	animation-duration: longduration;
	animation-delay: mediumduration;
	animation-timing-function: bigpicture-ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;

	z-index: 98;
}
#GamesSuggestion .HeaderLabel
{
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: -5px;
	padding-left: 5px;
	width: 1300px;

	font-size: 36px;
	color: #9fc3e0;
}
#GamesSuggestion SuggestionsContentRemote .GamesList:descendantfocus .HeaderLabel,
#GamesSuggestion LibrarySuggestionsRow:descendantfocus .HeaderLabel
{
	color: #ffffff;
}

.DownloadText.HeaderLabel,
#MusicExplore .HeaderLabel
{
	margin-left: 14px;
	margin-top: 8px;
	padding-left: 0px;
}

.AppList Button:focus
{
	padding: 0px;

}

.SuggestedRow Button Image,
.SuggestedRow ParentalButton Image
{
	width: 344px;
	height: 161px;
	background-color: black;
	box-shadow: #00000033 -3px -3px 6px 6px;
	border-radius: 3px;
}

.SuggestedRow Button:descendantfocus Image,
.SuggestedRow ParentalButton:descendantfocus Image
{
	border-radius: 3px 3px 0px 0px;

}

.FreeGameDetails
{
	vertical-align: bottom;
	margin-left: 20px;
	margin-bottom: 5px;
}

.FreeGameDetails Label
{
	color: #808184;
	font-size: 18px;
}

.LastPlayedDate
{
	color: #67C1F5ff;
}

.SuggestedRow Button .GameDetails,
.SuggestedRow ParentalButton .GameDetails
{
	padding-top: 5px;
	height: 35px;

}

#RecentRow
{
	height: 350px;
}

#RecentRow #Game3
{
	visibility: collapse;
}

#RecentRow Button
{
	width: 470px;
	height: 270px;

	background-color: gradient( linear, 0% 0%, 100% 100%, from( #66c0f400 ), to( #b6e1fa00 ) );

	transition-property: width, height, background-color;
	transition-timing-function: bigpicture-ease-in-out;
	transition-delay: 0s;
	transition-duration: shortmedduration;
}
#RecentRow Button:focus
{
	background-color: gradient( linear, 0% 0%, 100% 100%, from( #66c0f4ff ), to( #b6e1faff ) );
}
#RecentRow Button:focus .GridItemBackground,
#RecentRow Button:hover .GridItemBackground
{
	width: 470px;
	height: 275px;

	background-color: #b4dff7;
	z-index: 99;
	border-radius: 3px;

	opacity: 1;
}
#RecentRow Button Image
{
	width: 460px;
	height: 215px;
}
#PopularRow Button:focus .GridItemBackground
{
	width: 320px;
	background-color: #b4dff7;
	z-index: 99;
	border-radius: 3px;
}

#GamesSuggestion #RecentRow Button .GameDetails
{
	width: 100%;
}

#RecentRow Button Label
{
	width: 100%;
	height: fit-children;
	white-space: normal;
	vertical-align: center;
	text-align: left;
	margin-left: 10px;
	margin-right: 20px;
	padding: 0px;
}


.GameDetails Label
{
	font-size: 24px;
}

.SuggestedRow Button .GameDetails #GameLabel_Expanded,
.SuggestedRow ParentalButton .GameDetails #GameLabel_Expanded {
	opacity: 0;

	transition-property: opacity;
	transition-timing-function: bigpicture-ease-in-out;
	transition-duration: shortmedduration;
}
#GamesSuggestion #PopularRow Button:focus .GameDetails #GameLabel {
	opacity: 0;
}

.SuggestedRow Button:focus .GameDetails #GameLabel_Expanded {
	opacity: 1;
}

.SuggestedRow Button.NoContent,
.SuggestedRow ParentalButton.NoContent
{
	visibility: collapse;
}

#GamesSuggestion .EdgeScrollButton
{
	x: -150px;
}

#GamesSuggestion #MaxButton
{
	y: -90px;
}

.NoFavorites #FavoritesFilter, .NoMusic #MusicFilter
{
		visibility: collapse;
}

.RadioButton
{
	width: 475px;
}

.MusicOption,
.MusicMode .GameOption
{
		visibility: collapse;
}

.MusicMode .MusicOption
{
		visibility: visible;
}

.VideoMode .GameOption
{
	visibility: collapse;
}

.AllGamesFilterLabel
{
	margin-top: -10px;
	position: 500px 10px 0px;

	text-align: left;
	font-family: platformfont;
	font-size: 24px;
	font-weight: normal;
	color: #67C1F5;
	background-color: #2d637f;
	box-shadow: module_shadow;
	padding: 6px 8px;

	height: 40px;
	z-index: 100;

	opacity: 0.0;

	transition-property: opacity, transform;
	transition-timing-function: bigpicture-ease-in-out;
	transition-duration: supershortduration;

}
.ContentAreaFocus .AllGamesFilterLabel
{
	transform: translateX( -200px );
}

.search .AllGamesFilterLabel
{
	opacity: 1.0;
}

.search.NoFilter .AllGamesFilterLabel
{
	opacity: 0.0;
}

.search .AllGamesFilterLabel .AllGamesFilterResults
{
	color: #c6d4df;
}

.FriendsPlaying
{
	color: #A4D007;
}

/* Filter Button */

#GamesFilter:descendantfocus Button.NxFilterButton
{
	width: 100%;
	margin: 2px 10px 2px 0px;
	
	padding: 0px 0px 0px 10px;
	height: 45px;

	flow-children: right;
	box-shadow: none;
	color: #67c1f5FF;
	background-color: gradient( linear, 0% 0%, 100% 0%, from( #25a9df00 ), to( #082745ff) );
}

#GamesFilter Button.NxFilterButton:hover,
#GamesFilter:descendantfocus Button.NxFilterButton:hover
{
	background-color: all_games_hover;
}

#GamesFilter Button.NxFilterButton:hover Label
{
	color: applabelsolid;
	
	transition-property: color;
	transition-duration: 0.23s;
}

#GamesFilter:descendantfocus Button.NxFilterButton:descendantfocus:hover Label
{
	color: #072e47;
}

.NxFilterButton:selected {
	background-color: #1579a0;
}


SuggestionsContentRemote .GamesList,
LibrarySuggestionsRow
{
	height: 300px;
	width: 100%;
	opacity: 0.9;
	saturation: 0.8;
	visibility: collapse;

	transition-property: opacity, saturation;
	transition-duration: supershortduration;
	transition-timing-function: bigpicture-ease-in-out;
}

SuggestionsContentRemote .GamesList,
LibrarySuggestionsRow.Active
{
	visibility: visible;
}

SuggestionsContentRemote .GamesList:descendantfocus,
LibrarySuggestionsRow:descendantfocus
{
	opacity: 1;
	saturation: 1.0;
}

#GamesSuggestion SuggestionsContentRemote
{
	height: fit-children;
	width: 100%;
	flow-children: down;
}

#GamesSuggestion SuggestionsContentRemote #LibraryContent.LibraryLoading
{
	visibility: collapse;
}

#StoreButtons ParentalButton
{
	background-color: action_module;
	opacity: 1.0;
	saturation: 1.0;
	box-shadow: inset #00000044 0px 0px 4px 0px;

	margin: 5px;
}

#StoreButtons ParentalButton:focus
{
	background-image: url( "file://{images}/systemmenu/capsule_01.jpg" );
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: cover;	
}


.NxFilterButtonAction
{
	width: 100%;
	margin: 2px 10px 2px 10px;
	padding: 10px 0px 0px 24px;
	height: 48px;
	flow-children: right;
	box-shadow: none;
	color: #67c1f5FF;
	background-color: #09334dFF;
	border-style: solid;
	border-width: 5px;
	border-color: #ffffff00;
}


.NxFilterButton Label
{
	width: 100%;
	font-family: platformfont;
	font-size: 24px;
	font-weight: normal;
	color: #67c1f5ff;
}

.NxFilterButton:focus Label
{
	color: #FFFFFF;
}


.NxFilterButton.Locked
{
	wash-color: parental_locked_wash;
}

.NxFilterButton.Locked:focus
{
	wash-color: none;
}

.NxFilterButton.Locked Label
{
	width: fill-parent-flow(1.0);
}

.NxFilterButton Image
{
	vertical-align: center;
	margin-right: 0px;
	margin-bottom: 0px;
	height: 32px;
	width: 32px;
	wash-color: #67c1f5ff;
	opacity: 1.0;
}

.NxFilterButton:focus Image
{
	vertical-align: center;
  margin-right: 0px;
  margin-bottom: 0px;
  height: 32px;
  width: 32px;
  wash-color: #ffffffff;

	opacity: 1.0;
}

.NxFilterButton.Locked Image
{
	opacity: 1.0;
	wash-color: none;

	transition-property: wash-color;
	transition-duration: 0.08s;
	transition-timing-function: bigpicture-ease-in-out;
}

.NxFilterButton.Locked:descendantfocus Image
{
	wash-color: #2f2f2fff;
}



.NxFilterButton:hover
{
	transition-duration: 0.23s !immediate;
	box-shadow: #eeeeee60 -3px -3px 6px 6px;
}

#GamesFilter Button.NxFilterButton:focus
{
	color: #082846FF;
	background-color: gradient( linear, 0% 0%, 100% 100%, from( #66c0f4ff ), to( #b6e1faff ) );


	animation-name: nx-filter-button-focus;
	animation-duration: longduration;
	animation-delay: shortduration;
	animation-timing-function: bigpicture-ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;
}


.NxTagHeader
{
	height: 32px;
	font-size: 24px;
	color: #66c0f4ff;

	margin-bottom: 10px;
	margin-left: -10px;
	padding-left: 14px;
	padding-top: 15px;
}

.FriendsPlayingIcon
{
	background-image: url( "file://{images}/library/icon_friend_green.png" );
	width: 16px;
	height: 16px;
}

#GameLabel
{
	vertical-align: center;
	height: 32px;
}
#GameLabel Image.InlineImage,
#GameLabel_Expanded Image.InlineImage
{
	margin-top: 6px;
	margin-bottom: -4px;
	margin-left: 3px;
	width: 20px;
	height: 22px;
	background-color: #00000000;
	box-shadow: none;
}


#SettingsContent
{
	padding: 0px;
	padding-left: 20px;
	padding-top: 40px;
	position: 0 0 0 0;
}
.SettingsContent
{
	padding: 0px;
}

.SettingsLeftContent,
.SettingsRightContent
{
	height: 100%;
}

.LibrarySettingsHeader
{
	color: #ffffff;
	padding-bottom: 5px;
}

.LibrarySettingsSection
{
	flow-children: down;
	width: 100%;
	height: fit-childen;
	margin-bottom: 28px;
}

#ControllerSection,
#PreferencesSection,
#SupportSection,
#ContentSection,
#MiscSection
{
	visibility: collapse;
}

.ControllerSection #ControllerSection,
.PreferencesSection #PreferencesSection,
.SupportSection #SupportSection,
.ContentSection #ContentSection,
.MiscSection #MiscSection
{
	visibility: visible;
}

LibraryAppDetails #Loading
{
	opacity: 0.0;
	width: 100%;
	height: 100%;
}

LibraryAppDetails #Loading LoadingThrobber
{
	align: center center;
}

LibraryAppDetails.WaitingForApp #Loading
{
	opacity: 1.0;
}

LibraryAppDetails.WaitingForApp #DesktopPanels
{
	opacity: 0.0;
}

LibraryAppDetails.UnavailableOnPlatform .PlayActionHeaderLabel
{
	font-size: 30px;
}

LibraryAppDetails #UnavailableOnPlatformHowToStreamInfo,
LibraryAppDetails #GameNotDesignedForControllerWarning,
LibraryAppDetails #GameRequiresMouseKeyboardInteractionWarning,
LibraryAppDetails #GameDesignKeyboardMouseWarning,
LibraryAppDetails #OverlayDisabledWarning,
{
	visibility: collapse;
}

LibraryAppDetails.UnavailableOnPlatform #UnavailableOnPlatformHowToStreamInfo,
LibraryAppDetails.KBMouseOnlyGame #GameDesignKeyboardMouseWarning,
LibraryAppDetails.KBMouseRequired #GameRequiresMouseKeyboardInteractionWarning,
LibraryAppDetails.ManualControllerSupport #GameNotDesignedForControllerWarning,
LibraryAppDetails.NoControllerSupport.SteamPad #GameNotDesignedForControllerWarning,
LibraryAppDetails.NoControllerSupport.XInputPad #GameDesignKeyboardMouseWarning,
LibraryAppDetails.NoOverlay.SteamPad #OverlayDisabledWarning,
{
	visibility: visible;
}

LibraryAppDetails.KBMouseRequired.NoControllerSupport #GameNotDesignedForControllerWarning,
LibraryAppDetails.KBMouseRequired.ManualControllerSupport #GameNotDesignedForControllerWarning,
LibraryAppDetails.KBMouseOnlyGame.NoControllerSupport #GameNotDesignedForControllerWarning,
LibraryAppDetails.KBMouseOnlyGame.ManualControllerSupport #GameNotDesignedForControllerWarning,
LibraryAppDetails.KBMouseRequired.NoControllerSupport.XInputPad #GameDesignKeyboardMouseWarning,
{
	visibility: collapse;
}


.LibraryContentDescriptionBlock
{
	width: 100%;
	margin-left: -2px;
	margin-bottom: 20px;
	height: fit-children;
	padding: 15px;
	border-radius: 3px;

	box-shadow: module_shadow;
}


#UnavailableOnPlatformHowToStreamInfo
{
	background-color: #5f821cCC;
}

#GameNotDesignedForControllerWarning
{
	border-bottom: 2px solid #82791cff;
}
#GameNotDesignedForControllerWarning .ControllerWarning_bg
{
	width: 100%;
	height: 100%;
	background-color: gradient( linear, 0% 0%, 100% 100%, from( #82791c00 ), color-stop( 0.1, #82791c80 ), color-stop( 0.9, #82791c80 ), to( #82791c00 ) );
	opacity-mask: url( "file://{images}/library/top_fade_mask.tga" );
}

#GameRequiresMouseKeyboardInteractionWarning,
#GameDesignKeyboardMouseWarning
{
	border-bottom: 2px solid #823e1cff;
}
#GameRequiresMouseKeyboardInteractionWarning .ControllerWarning_bg,
#GameDesignKeyboardMouseWarning .ControllerWarning_bg,
#VRGameRequiresDifferentControls .ControllerWarning_bg,
#VRGamePlayspaceWarning .ControllerWarning_bg
{
	width: 100%;
	height: 100%;
	background-color: gradient( linear, 0% 0%, 100% 100%, from( #823e1c00 ), color-stop( 0.1, #823e1c80 ), color-stop( 0.9, #823e1c80 ), to( #823e1c00 ) );
	opacity-mask: url( "file://{images}/library/top_fade_mask.tga" );

}


.LibraryDetailsSectionRow .LibraryContentDescriptionBlock
{
	pre-transform-scale2d: 0.98;

	transition-duration: supershortduration !immediate;
	transition-property: pre-transform-scale2d;
}

.LibraryContentDescriptionBlock:focus,
.LibraryContentDescriptionBlock:hover
{
	background-color: #5f821c;

	box-shadow: box_shadow_on_color -4px -4px 12px 8px;

	animation-name: main-button-glow-movement-no-fill;
	animation-duration: longduration;
	animation-delay: mediumduration;
	animation-timing-function: bigpicture-ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;

	pre-transform-scale2d: 1.0;
}

.LibraryContentDescriptionBlock .InnerTitle
{
	font-size: 28px;
	text-transform: uppercase;
}

#UnavailableOnPlatformHowToStreamInfo .InnerTitle
{
	color: #bafe37;
	transform: none;
}
#GameNotDesignedForControllerWarning .InnerTitle,
.WarningTypeController .MsgBoxTitle
{
	color: #fef737;
	transform: none;
}
#GameRequiresMouseKeyboardInteractionWarning .InnerTitle,
#GameDesignKeyboardMouseWarning .InnerTitle,
#VRGameRequiresDifferentControls .InnerTitle,
#VRGamePlayspaceWarning .InnerTitle,
.WarningTypeKeyboard .MsgBoxTitle
{
	color: #ff9465;
	transform: none;
}

// The second selector is to overspecify so that we don't get stomped by the default Button:focus styles
.LibraryContentDescriptionBlock .InnerDesc,
#UnavailableOnPlatformHowToStreamInfo:focus .InnerDesc,
#GameNotDesignedForControllerWarning:focus .InnerDesc,
#GameRequiresMouseKeyboardInteractionWarning:focus .InnerDesc,
#GameDesignKeyboardMouseWarning:focus .InnerDesc,
#VRGameRequiresDifferentControls .InnerDesc,
#VRGamePlayspaceWarning .InnerDesc
{
	color: #ffffff;
	font-size: 24px;
	transform: none;
}

.LibraryContentDescriptionBlock Image
{
	padding-right: 10px;
}

.LibraryControllerDescriptionBlock
{
	width: 100%;
	margin-left: 11px;
	margin-top: -10px;
	margin-bottom: 10px;
	height: fit-children;


}
.ControllerWarning_ctn
{
	padding: 15px 0px;
}
.LibraryControllerDescriptionBlock Label
{
	font-size: 26px;
	width: 1100px;
}
.LibraryControllerDescriptionBlock Image
{
	margin-right: 10px;
}
.LibraryControllerDescriptionBlock .InnerDesc
{
	color: #ffffff;
}

.ImageControllerWarning,
.ImageKeyboardWarning
{
	visibility: collapse;
}

.WarningTypeController .ImageControllerWarning,
.WarningTypeKeyboard .ImageKeyboardWarning
{
	visibility: visible;
}

.LibraryPrelaunchDialog #MsgBoxHeader
{
	height: fit-children;
}

.LibraryPrelaunchDialog .MsgBoxTitle
{
	vertical-align: center;
	margin-left: 10px;
}

#MsgBoxBodyRegion.LibraryPrelaunchDialog
{
	width: 1200px;
}

.LibraryPrelaunchDialog .MsgBoxContents
{
	color: #ffffff;
	font-size: 30px;
	padding-top: 30px;
	padding-bottom: 20px;
}

.HideSiteFilter #SiteGamesFilter
{
	visibility: collapse;
}

.Parental .HideIfParental
{
	visibility: collapse;
}

.GamesButtonContainer Button
{
	flow-children: none;
}

.GamesButtonContainer Button.FlowRight
{
	flow-children: right;
}

.NxLeftNavButton Image.FilterHelp 
{
	width: 24px;
	height: 24px;
	opacity: 0.0;
	visibility: collapse;
	//horizontal-align: left;
	//vertical-align: top;

	//text-align: right;
	color: ui_primary_color;
	padding-top: 0px;
	margin: 0px;
	margin-left: 0px;
	margin-right: 4px;
	margin-top: -1px;
	font-size: 20px;
	wash-color: blue;
	transition-property: opacity;
	transition-duration: shortduration;
	transition-timing-function: bigpicture-ease-in-out;
}

.NxLeftNavButton:descendantfocus Image.FilterHelp
{
	
	//transform: translatex( 8px );
}

.FilterActive.NxLeftNavButton .FilterHelp
{
	opacity: 1.0;
	visibility: visible;
}

ParentalButton #ParentalLockImageLocked
{
	opacity: 0.0;
}

.ControllerOrderContainer
{
	height: 52px;
	flow-children: right;
	margin-bottom: 12px;
    padding: 4px 4px 4px 20px;
	width: 95%;
    color: detailsdatalabel;
	background-color: #30708c77;
    horizontal-align: center;

	background-repeat: no-repeat;
	background-size: 48px 48px;
    background-position: 80% 5%;
    wash-color: #ffffffff;

}

.ControllerOrderContainer.controller_steamcontroller_gordon
{
	background-image: url( "file://{images}/controller_icon_steamcontroller.png" );
}

.ControllerOrderContainer.controller_ps4
{
	background-image: url( "file://{images}/controller_icon_ps4.png" );
}

.ControllerOrderContainer.controller_switch_pro,
.ControllerOrderContainer.controller_switch_pro_generic,
{
    background-image: url( "file://{images}/controller_icon_switch_pro.png" );
}

.ControllerOrderContainer.controller_ps3 
{
    background-image: url( "file://{images}/controller_icon_ps3.png" );
}

.ControllerOrderContainer.controller_xbox360
{
	background-image: url( "file://{images}/controller_icon_xbox_360.png" );
}

.ControllerOrderContainer.controller_xboxone
{
	background-image: url( "file://{images}/controller_icon_xbox_one.png" );
}

.ControllerOrderContainer.controller_generic,
.ControllerOrderContainer.controller_apple
{
	background-image: url( "file://{images}/controller_generic_nobattery.png" );
}

.ControllerOrderContainer:descendantfocus
{
	background-color: button_focus_color;
}

.ControllerOrderButtonContainer
{
    width: 112px;
    height: 52px;
    horizontal-align: right;
    padding: 0px;
    margin: 0px;
}

ChangeControllerXInputOrder #ButtonCancel
{
	visibility: visible;
}

#ControllerListContainer
{
	height: fit-children;
	flow-children: down;
	margin-bottom: 20px;
	width: 100%;
}

#ControllerListContainer .Button
{
	width: 100%;
}

#ControllerListContainer .ControllerOrderButton.Button
{
    width: 50%;
    background-position: center;
    background-size: 40px;
    background-repeat: no-repeat;
    padding: 0px;
    margin: 0px;
}

#ControllerListContainer .ControllerOrderButtonDown
{
    background-image: url( "file://{images}/library/controller/binding_icons/ghost_045_move_0403.png" );
    horizontal-align: left;
}

#ControllerListContainer .ControllerOrderButtonUp.Button
{
    background-image: url( "file://{images}/library/controller/binding_icons/ghost_045_move_0407.png" );
    horizontal-align: right;
}

#ControllerListContainer .ControllerOrderButton.Button.Disabled
{
    wash-color: #666699ff;
    opacity: 0.45;
}

ControllerConfigSelectController #ButtonCancel
{
	visibility: visible;
}

#SelectControllerButton
{
	background-repeat: no-repeat;
	background-size: 48px 48px;
    background-position: 99% 5%;
    wash-color: #ffffffff;
}

#SelectControllerButton.Button.controller_steamcontroller_gordon
{
	background-image: url( "file://{images}/controller_icon_steamcontroller.png" );
}

#SelectControllerButton.Button.controller_ps4
{
	background-image: url( "file://{images}/controller_icon_ps4.png" );
}

#SelectControllerButton.Button.controller_ps3 {
    background-image: url( "file://{images}/controller_icon_ps3.png" );
}

#SelectControllerButton.Button.controller_switch_pro,
#SelectControllerButton.Button.controller_switch_pro_generic,
{
    background-image: url( "file://{images}/controller_icon_switch_pro.png" );
}

#SelectControllerButton.Button.controller_xbox360
{
	background-image: url( "file://{images}/controller_icon_xbox_360.png" );
}

#SelectControllerButton.Button.controller_xboxone
{
	background-image: url( "file://{images}/controller_icon_xbox_one.png" );
}

#SelectControllerButton.Button.controller_generic,
#SelectControllerButton.Button.controller_apple,
{
	background-image: url( "file://{images}/controller_generic_nobattery.png" );
}

#SelectControllerOwnerLabel
{
    font-size: 24px;
    font-weight: medium;
}

.ActionSetLayer #PresetToCopyDropDownPanel 
{
    visibility: collapse;
}

#ActionSetDecription
{
    visibility: visible;
    flow-children: down;
}

.ActionSetLayer #ActionSetDecription
{
    visibility: collapse;
}

#ActionSetLayerDecription
{
    visibility: collapse;
    flow-children: down;
}

.ActionSetLayer #ActionSetLayerDecription
{
    visibility: visible;
}

.OneActionSet #DeleteActionSet
{
    visibility: collapse;
}

#SelectControllerSharedLabel
{
    font-size: 18px;
    horizontal-align: right;
    padding-right: 50px;
}

#MusicExplore
{
	visibility: collapse;
	padding-bottom: 20px;
}

.music #MusicExplore
{
	visibility: visible;
}

// Warning for incorrect VR controls
#VRGameRequiresDifferentControls
{
	visibility: collapse;
}

.VR .VRSupportsSteamVRController #VRGameRequiresDifferentControls,
.VR .VRSupportsOculusController #VRGameRequiresDifferentControls,
.VR .VRSupportsXInputController #VRGameRequiresDifferentControls,
.VR .VRSupportsKeyboardAndMouse #VRGameRequiresDifferentControls
{
	visibility: visible;
}

.VR .OculusVRController .VRSupportsOculusController #VRGameRequiresDifferentControls, 
.VR .SteamVRController .VRSupportsSteamVRController #VRGameRequiresDifferentControls,
.VR .XInputPad .VRSupportsXInputController #VRGameRequiresDifferentControls,
.VR .SteamPad .VRSupportsXInputController #VRGameRequiresDifferentControls,
.VR .NoActiveController #VRGameRequiresDifferentControls
{
	visibility: collapse;
}

.VRInputType
{
	visibility: collapse;
	flow-children: down;
	margin-top: 10px;
	margin-right: 20px;
	padding: 10px;
}

.VRInputType Image
{
	width: 140px;
	height: 90px;
	horizontal-align: center;
	margin-bottom: 10px;
	margin-right: 0px;
}

.VRInputType Label
{
	width: fit-children;
	horizontal-align: center;
	color: white;
}

.VRSupportsSteamVRController .SteamVR,
.VRSupportsOculusController .Oculus,
.VRSupportsXInputController .XInput,
.VRSupportsKeyboardAndMouse .Keyboard
{
	visibility: visible;
}

.VRInputType .TrackedImages
{
	flow-children: right;
	horizontal-align: center;
}

Image.SteamVRImage,
Image.OculusImage
{
	visibility: collapse;
}

.VRSupportsSteamVRController Image.SteamVRImage,
.VRSupportsOculusController Image.OculusImage
{
	visibility: visible;
}

// Warning for incorrect VR playspace
#VRGamePlayspaceWarning
{
	visibility: collapse;
}

.VR .VRSupportsPlayAreaRoomScale.StandingConfig #VRGamePlayspaceWarning,
.VR .VRSupportsPlayAreaRoomScale.RoomScaleConfig.PlaySpaceTooSmall #VRGamePlayspaceWarning
 {
	 visibility: visible;
 }

.VR .VRSupportsPlayAreaSeated #VRGamePlayspaceWarning,
.VR .VRSupportsPlayAreaStanding #VRGamePlayspaceWarning,
.VR .VRSupportsPlayAreaSeated.StandingConfig #VRGamePlayspaceWarning,
.VR .VRSupportsPlayAreaSeated.RoomScaleConfig.PlaySpaceTooSmall #VRGamePlayspaceWarning,
.VR .VRSupportsPlayAreaStanding.StandingConfig #VRGamePlayspaceWarning,
.VR .VRSupportsPlayAreaStanding.RoomScaleConfig.PlaySpaceTooSmall #VRGamePlayspaceWarning
 {
	 visibility: collapse;
 }

// Always show the warning box if you're uncalibrated
.VR .Uncalibrated #VRGamePlayspaceWarning,
.VR .Uncalibrated #VRGamePlayspaceWarning,
.VR .Uncalibrated #VRGamePlayspaceWarning
 {
	 visibility: visible;
 }

#VRGamePlayspaceWarning Image
{
	width: 140px;
	height: 90px;
}

// Choose which warning to display
Label.Uncalibrated,
Label.RoomScale,
Label.NotEnoughRoom
{
	visibility: collapse;
}

.Uncalibrated Label.Uncalibrated,
.StandingConfig Label.RoomScale,
.PlaySpaceTooSmall Label.NotEnoughRoom
{
	visibility: visible;
}


.ParentalBlockPanel
{
	width: 100%;
	height: 100%;
	transition-property: opacity, transform;
	transition-duration: shortduration;
	opacity: 0.0;
	padding: 32px 10px 140px 10px;
}

.CommunityBlocked.CommunityContentSectionFocused .ParentalBlockPanel
{
	opacity: 1.0;
}

.CommunityBlocked CommunityHubContentPanel
{
	visibility: collapse;
}

#IncludeInVRButton
{
	visibility: collapse;
}

.Shortcut #IncludeInVRButton
{
	visibility: visible;
}