.MsgBoxBodyRegion
{
	horizontal-align: center;
	vertical-align: center;

	margin-top: -83px;
	width: 1812px;
	height: 920px; 
	background-color: gradient( linear, 20% 20%, 80% 70%, from( #1a1a1aff ), color-stop( 0.5, #2a4355ff ), to( #1a1a1aff ) );

	padding: 0px;
	flow-children: none;
}


.BehindTextInputHandler .MsgBoxBodyRegion
{
	transform: translateX( 0px );
}

.BehindAnotherMsgBox
{
	opacity: 1.0;
	saturation: 0.6;
	blur: gaussian( 1.5 );
	transform: translatex( 0px );
}

 #BindingRegion
{
	padding: 30px 6px;
	width: 1812px;
	position: 0px 0px 0px;
	height: 930px;
	flow-children: down;

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

.SelectMode #BindingRegion
{
	pre-transform-scale2d: 0.75;
	transform: translatex( 190px ) translatey( -170px );
	
}

.EditSingleBinding TextInputDaisy
{
	pre-transform-scale2d: 0.75;
	transform: translatex( 160px ) translatey( -50px );
}

.EditSingleBinding #BindingRegion,
.EditPadBinding #BindingRegion
{
	pre-transform-scale2d: 0.50;
	transform: translatex( 0px ) translatey( -300px );
}

.EditPadBinding.EditPadBindingValue #BindingRegion
{
	pre-transform-scale2d: 0.65;
	transform: translatex( 0px ) translatey( -580px );
}


.EditSingleBinding .MsgBoxHeader,
.EditPadBinding .MsgBoxHeader
{
	opacity: 0.0;
}

 .MsgBoxHeader Label
{
	horizontal-align: center;
}

 #MsgBoxHeader
{
	height: 90px;
	margin-bottom: -25px;
}

 .MsgBoxSubTitle
{
	margin-top: 0px;
	font-size: 22px;

	margin-top: -4px;
}

.NativeAPIMode .MsgBoxSubTitle,
.GamepadHostMode .MsgBoxSubTitle
{
	opacity: 0.0;
}

.GamepadHostMode.EditMode .MsgBoxSubTitle
{
	opacity: 1.0;
}

 #BindingNativeNotice,
 #BindingGamepadModeNotice
{
	color: detailsdatalabel;
	horizontal-align: center;
	text-align: center;
	width: 60%;
	opacity: 0.0;
	font-size: 32px;
	margin-top: 620px;
}

.NativeAPIMode #BindingNativeNotice,
.GamepadHostMode #BindingGamepadModeNotice
{
	opacity: 1.0;
}

.EditMode.GamepadHostMode #BindingGamepadModeNotice
{
	opacity: 0.0;
}

 #LeftColumn
{
	padding: 26px 22px;
	opacity: 1.0;
	position: 0px 0px 0px;
	width: 372px;
	height: 100%;
	z-index: 100;
	transform: translatex( -372px );

	overflow: squish scroll;
	background-color: #202121ff;

	border-right-style: solid;
	border-right-color: #2c3c49ff;
	border-right-width: 1.2px;

	flow-children: down;

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

.SelectMode #LeftColumn
{
	opacity: 1.0;
	transform: translatex( 0px );
}

 #DescriptionRow,  #CornerCover
{
	transition-property: opacity, transform;
	transition-duration: 0.3s;
	transition-timing-function: bigpicture-ease-in-out;

	opacity: 1.0;
	width: 100%;
	margin-left: 372px;
	height: 290px;
	vertical-align: bottom;

	flow-children: down;

	transform: translatey( 290px );

	border-top-style: solid;
	border-top-color: #2a3d4cff;
	border-top-width: 1.2px;

	background-color: #202428ff;
}

 #CornerCover
{
	width: 372px;
	margin-left: 0px;
}

.SelectMode #DescriptionRow, .SelectMode #CornerCover
{
	transform: translatey( 0px );
	opacity: 1.0;
}

.EditPadHeader
{
	transition-property: opacity, transform;
	transition-duration: 0.3s;
	transition-timing-function: bigpicture-ease-in-out;
}


#BindingSelection,
#EditPadBindingsWrapper
{
	transition-property: opacity, transform;
	transition-duration: 0.3s;
	transition-timing-function: bigpicture-ease-in-out;

	opacity: 1.0;
	width: 100%;
	margin-left: 0px;
	height: 632px;
	vertical-align: bottom;

	flow-children: down;

	transform: translatey( 632px );

	border-top-style: solid;
	border-top-color: #2a3d4cff;
	border-top-width: 1.2px;

	background-color: #202428ff;
}


#EditPadBindings
{
	height: 100%;
}


.EditPadBindingsBody
{
	margin-top: 20px;
}

#EditPadBindingsWrapper #KeyboardAndMouse
{
	transform: translatey( 520px );
	margin-top: 90px;
}

.EditSingleBinding #BindingSelection
{
	transform: translatey( 100px );
	opacity: 1.0;
}

.EditPadBindingValue #EditPadBindingsWrapper
{
	transform: translatey( 380px );
	opacity: 1.0;
}

.EditPadBinding.EditPadBindingValue #EditPadBindingsWrapper #KeyboardAndMouse
{
	transform: translatey( 320px );
}

.EditPadBinding.EditPadBindingValue #EditPadBindingsWrapper
{
	transform: translatey( 0px );
	opacity: 1.0;
	height: 1000px;
}

.EditPadBinding.EditPadBindingValue .EditPadHeader
{
	transform: translatey( -100px );
	opacity: 0.0;
}

.EditPadBinding.EditPadBindingValue .EditPadBindingsBody
{
	transform: translatey( -40px );
}


 #KeyboardAndMouse
{
	padding: 20px 25px;
	margin-bottom: 0px;
	height: 520px; 
	flow-children: down;
	opacity-mask: url( "file://{images}/library/keyboardfade.png" ) 0.0;

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

.BehindTextInputHandler #KeyboardAndMouse
{
	opacity-mask: url( "file://{images}/library/keyboardfade.png" ) 0.9;
	opacity: 0.35;
}

 #KeyboardAndMouse #VirtualMouse
{
	flow-children: down;
	height: 100%;
	background-image: url( "file://{images}/library/mouse.png" );
	background-position: left 20px top 2px;
	background-repeat: no-repeat;
}

 #KeyboardAndMouse #VirtualMouse 
{
	flow-children: none;
}


 #KeyboardAndMouse Button
{
	border-style: solid;
	border-width: 2px;
	border-color: #487395ff;

	width: 58px;
	height: 58px;

	padding: 0px;
	margin: 1px;

	transition-property: background-color;
	transition-duration: shortduration;
	transition-timing-function: ease-in;
}

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

.BehindTextInputHandler #KeyboardAndMouse Button:hover
{
	box-shadow: none;
}


 #KeyboardAndMouse Button Label,  #KeyboardAndMouse Label
{
	margin: 0px;
	padding: 0px;
	font-size: 25px;
	font-weight: thin;
	color: #fefefeff;
	vertical-align: center;
	horizontal-align: center;
	transform: translatex( 0px );

	transition-property: color;
	transition-duration: shortduration;
	transition-timing-function: ease-in;
}

 #KeyboardAndMouse Button:focus,
 #KeyboardAndMouse Button.OriginalBinding:focus
{
	animation-name: main-button-glow-movement-small;
	animation-duration: longduration;
	animation-delay: shortduration;
	animation-timing-function: bigpicture-ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;

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

	border-color: #fefefeff;
	border-width: 2px;
}

 #KeyboardAndMouse Button:focus Label
{
	color: #353535ff;
}

 #KeyboardAndMouse Button.OriginalBinding
{
	background-color: #6893b570;
	box-shadow: #6893b570 -1.5px -1.5px 4px 3px;
}

 #KeyboardAndMouse #VKBRow1,
 #KeyboardAndMouse #VKBRow2,
 #KeyboardAndMouse #VKBRow3,
 #KeyboardAndMouse #VKBRow4,
 #KeyboardAndMouse #VKBRow5,
 #KeyboardAndMouse #VKBRow6
{
	flow-children: right;
	margin-bottom: 1px;
}

 #KeyboardAndMouse #VKBRow1
{
	margin-bottom: 8px;
}

 #KeyboardAndMouse #VKBCol1,
 #KeyboardAndMouse #VKBCol2,
 #KeyboardAndMouse #VKBCol3
{
	flow-children: right;
}

 #KeyboardAndMouse #VKBCol1
{
	margin-right: 15px;
}

 #KeyboardAndMouse #VKBCol2
{
	margin-right: 15px;
}

 #KeyboardAndMouse #VKBCol3
{
}

 #KeyboardAndMouse #kb_key_backspace
{
	width: 118px;
}

 #KeyboardAndMouse #kb_key_tab,
 #KeyboardAndMouse #kb_key_backslash
{
	width: 88px;
}

 #KeyboardAndMouse #kb_key_capslock,
 #KeyboardAndMouse #kb_key_enter
{
	width: 118px;
}

 #KeyboardAndMouse #kb_key_lshift,
 #KeyboardAndMouse #kb_key_rshift
{
	width: 148px;
}

 #KeyboardAndMouse #kb_key_lcontrol,
 #KeyboardAndMouse #kb_key_rcontrol,
 #KeyboardAndMouse #kb_key_lalt,
 #KeyboardAndMouse #kb_key_ralt
{
	width: 133px;
}


 #KeyboardAndMouse #kb_key_space
{
	width: 358px;
}

 #KeyboardAndMouse #kb_key_pad_0
{
	width: 118px;
}

 #KeyboardAndMouse Button#kb_key_right Label
{
	transform-origin: 0% 0% parent-relative;
	transform: rotatez( 90deg ) translatex( 100% );
}

 #KeyboardAndMouse Button#kb_key_down Label
{
	transform-origin: 0% 0% parent-relative;
	transform: rotatez( 180deg ) translatex( 100% ) translatey( 100% );
}

 #KeyboardAndMouse Button#kb_key_left Label
{
	transform-origin: 0% 0% parent-relative;
	transform: rotatez( -90deg ) translatey( 100% ); 
}

#VirtualKeyboard Button.Empty
{
	opacity: 0.0;
}

 #VirtualKeyboard
{
	height: 100%;
	width: fill-parent-flow( 1.0 );
	flow-children: down;
}

 #VirtualMouse
{
	height: 100%;
	width: 240px;
	
}

 #KeyboardAndMouse #mouse_left_button
{
	width: 44px;
	height: 44px;
	position: 48px 94px 0px;
}

 #KeyboardAndMouse #mouse_right_button
{
	width: 44px;
	height: 44px;
	position: 141px 94px 0px;
}

 #KeyboardAndMouse #mouse_middle_button
{
	width: 31px;
	height: 46px;
	position: 100px 94px 0px;
}

 #KeyboardAndMouse #mouse_scroll_up
{
	width: 31px;
	height: 45px;
	position: 100px 50px 0px;
	margin-left: 1px;
}

 #KeyboardAndMouse #mouse_scroll_down
{
	width: 31px;
	height: 32px;
	position: 100px 139px 0px;
}
 #KeyboardAndMouse #mouse_scroll_down Label
{
	margin-left: 2px;
	transform-origin: 0% 0% parent-relative;
	transform: rotatez( 180deg ) translatex( 100% ) translatey( 100% );
}
 #KeyboardAndMouse #mouse_back_button
{
	width: 33px;
	height: 44px;
	position: 37px 191px 0px;
}

 #KeyboardAndMouse #mouse_forward_button
{
	width: 33px;
	height: 44px;
	position: 160px 191px 0px;
}

 .SelectBindingHeader,.EditPadHeader,.EditPadHeaderHint
{
	horizontal-align: center;
	margin: -32px;

	color: #7fcfffff;
	font-weight: thin;
	font-size: 32px;
	

}



 #BindingDescriptionTextEntry
{
	width: 400px;
	font-size: 36px;
	font-weight: thin;
	height: 58px;
	border-color: #4a5d6cff;
	box-shadow: none;
	border-width: 3px;
	color: #fefefeff;
	margin-top: 0px;
	horizontal-align: center;
	background-color: none;
	animation-name: none;
}

 #RightColumn
{
	width: 100%;
	height: 100%;
	position: 0px 0px 0px;
}

 .BindingHeader
{
	color: #7fcfffff;
	font-weight: thin;
	font-size: 26px;
}

#RecentBindingButtons, #CommunityBindingButtons
{
	flow-children: down;
}

#CommunityBindings
{
	margin-top: 26px;
}

 Button
{
	border-width: 5px;
	border-style: solid;

	flow-children: down;
	width: 100%;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: -12px;
	margin-right: -12px;
	padding-left: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
}

 Button Label
{
	transition-property: transform, color;
	transition-duration: shortduration;
	transition-timing-function: ease-in;
	
	transform: translatex( -4px );
	transform: translatey( 20px);
}

#EditPadBindings Button Label
{
	transform: translatex( 0px );
	transform: translatey( 0px);
	vertical-align: center;
}

 Button #Description
{
	font-size: 30px;
	font-weight: thin;
	color: #fefefeff;
	white-space: nowrap;
}

 Button.BindingButton:focus
{
	transition-property: background-color, border;
	transition-duration: shortduration;
	transition-timing-function: ease-in;

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

 Button.BindingButton
{
	flow-children: down;
	margin: -6px;
	padding: 1px;
	padding-left: 4px;
	width: 360px;
	height: 88px;

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

 Button.BindingButtonRight
{
	padding-right: -2px;
}

 Button.BindingButtonRight Label
{
	text-align: right;
	margin-right: 10px;
}


#PlaceholderDescription
{
	margin-top: 8px;
	font-size: 25px;
	font-weight: thin;
	color: gradient( linear, 0% 0%, 0% 60%, from( #f1f1f1ff ), to( #a1a1a1dd ) );
}

 Button #Author
{
	font-size: 25px;
	font-weight: thin;
	color: gradient( linear, 0% 0%, 0% 60%, from( #f1f1f1ff ), to( #a1a1a1dd ) );
	white-space: nowrap;
}

 #BindingLabels:descendantfocus Button:hover
{
	transition-duration: 0.23s !immediate;
	box-shadow: #eeeeee60 -3px -3px 6px 6px;
}

 Button:focus,
{
	transition-duration: shortduration !immediate;
	transition-property: background-color, border;
	transition-duration: shortduration;
	transition-timing-function: ease-in;


	color: #161718f5;
	background-color: gradient( linear, -15% 0%, 100% 0%, 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: shortduration;
	animation-timing-function: bigpicture-ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;
}

 Button:focus #Description,
 Button:focus #Author
{
	transform: translatex( 3px );
	color: #353535ff;
}


#MsgBoxButtonArea
{
	background-position: 0px -33px;
	background-image: url( "file://{images}/library/alpha_controller_d0g.png" ); 
}

 .MsgBoxHeader,
{
	horizontal-align: center;
	flow-children: down;
	
	transition-property: opacity;
	transition-duration: 0.3s;
	transition-timing-function: bigpicture-ease-in-out;
}

.SelectMode .MsgBoxHeader
{
	opacity: 0.0;
}

#BindingCallouts 
{
	opacity: 0.0;
	transition-duration: shortduration !immediate;
	transition-property: opacity;
	transition-duration: shortduration;
	transition-timing-function: ease-in;	
	position: 114px 20px 0px;
	width: 100%;
	height: 100%;
}

.EditPadBinding #BindingCallouts,
.EditPadBindingValue #BindingCallouts,
.EditSingleBinding #BindingCallouts
{
	opacity: 1.0;
}

#BindingCallouts.left_bumper 
{
	background-image: url( "file://{images}/library/alpha_controller_callout_left_bumper_d0g.png" );
}


#BindingCallouts.left_trigger 
{
	background-image: url( "file://{images}/library/alpha_controller_callout_left_trigger_d0g.png" );
}


#BindingCallouts.backside_left 
{
	background-image: url( "file://{images}/library/alpha_controller_callout_backside_left_d0g.png" );
}

#BindingCallouts.right_bumper 
{
	background-image: url( "file://{images}/library/alpha_controller_callout_right_bumper_d0g.png" );
}

#BindingCallouts.right_trigger 
{
	background-image: url( "file://{images}/library/alpha_controller_callout_right_trigger_d0g.png" );
}

#BindingCallouts.backside_right 
{
	background-image: url( "file://{images}/library/alpha_controller_callout_backside_right_d0g.png" );
}

#BindingCallouts.button_0 
{
	background-image: url( "file://{images}/library/alpha_controller_callout_button_0_d0g.png" );
}

#BindingCallouts.button_1 
{
	background-image: url( "file://{images}/library/alpha_controller_callout_button_1_d0g.png" );
}

#BindingCallouts.button_2 
{
	background-image: url( "file://{images}/library/alpha_controller_callout_button_2_d0g.png" );
}

#BindingCallouts.button_3 
{
	background-image: url( "file://{images}/library/alpha_controller_callout_button_3_d0g.png" );
}

#BindingCallouts.s1 
{
	background-image: url( "file://{images}/library/alpha_controller_callout_stick_d0g.png" );
}

#BindingCallouts.select_button 
{
	background-image: url( "file://{images}/library/alpha_controller_callout_select_d0g.png" );
}

#BindingCallouts.start_button 
{
	background-image: url( "file://{images}/library/alpha_controller_callout_start_d0g.png" );
}

#BindingCallouts.steam_button 
{
	background-image: url( "file://{images}/library/alpha_controller_callout_steam_d0g.png" );
}


#BindingCallouts.touch_button_0 
{
	background-image: url( "file://{images}/library/alpha_controller_d0g.png" );
}

#BindingCallouts.touch_button_1 
{
	background-image: url( "file://{images}/library/alpha_controller_d0g.png" );
}

#BindingCallouts.touch_button_2 
{
	background-image: url( "file://{images}/library/alpha_controller_d0g.png" );
}

#BindingCallouts.touch_button_3 
{
	background-image: url( "file://{images}/library/alpha_controller_d0g.png" );
}

#BindingCallouts.p1 
{
	background-image: url( "file://{images}/library/alpha_controller_callout_p1_d0g.png" );
}

#BindingCallouts.p2 
{
	background-image: url( "file://{images}/library/alpha_controller_callout_p2_d0g.png" );
}

#DescriptionHeader
{
	margin: 16px;
}

#DescriptionBodyCopy
{
	margin: 16px;
	margin-top: 0px;
	font-size: 25px;
	font-weight: thin;
	color: gradient( linear, 0% 0%, 0% 60%, from( #f1f1f1ff ), to( #a1a1a1dd ) );
}

 #RepeatRegion
{
	horizontal-align: center;
	width: 994px;
	height: 100%;
}

#BindingLabels
{
	width: 100%;
	height: 100%;
	padding-top: 15px;
	padding-bottom: 10px;

	background-position: center center;
	background-repeat: no-repeat;

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

	background-position: 0px -33px;
	background-image: url( "file://{images}/library/alpha_controller_lines_d0g.png" );
}


.NativeAPIMode #BindingLabels,
.GamepadHostMode #BindingLabels
{
	opacity: 0.0;
}

.GamepadHostMode.EditMode #BindingLabels
{
	opacity: 1.0;
}

.GamepadHostMode.EditMode.EditPadBinding #BindingLabels,

.GamepadHostMode.EditMode.EditSingleBinding #BindingLabels
{
	opacity: 0.0;
}



.EditSingleBinding #BindingLabels,
.EditPadBinding #BindingLabels
{
	opacity: 0.0;
}

.ActionLabel
{
	width: 350px;
	font-size: 34px;
	font-weight: thin;
	text-transform: uppercase;
	color: #fefefeff;
	white-space: nowrap;
	margin-top: -2px;
	transition-property: transform, color;
	transition-duration: shortduration;
	transition-timing-function: ease-in;
}

Button:focus .ActionLabel
{
	color: #353535ff;
}

Button.BindingButton:focus .ActionLabel,
Button.BindingButton:focus .ActionMapping
{
	/*transform: translatex( 3px );*/
}

Button.BindingButton:focus .PActionMappingWrapper
{
	/*transform: translatex( 7px );*/
}

Button.BindingButtonRight:focus .ActionLabel,
Button.BindingButtonRight:focus .ActionMapping,
Button.BindingButtonRight:focus .PActionMappingWrapper
{
	/*transform: translatex( -7px );*/
}

.ActionMapping
{
	width: 350px;
	font-size: 29px;
	font-weight: thin;
	text-transform: uppercase;
	color: gradient( linear, 0% 0%, 0% 60%, from( #f1f1f1ff ), to( #a1a1a1dd ) );
	white-space: nowrap;
	transition-property: transform, color;
	transition-duration: shortduration;
	transition-timing-function: ease-in;
	visibility: collapse;
}

Button:focus .ActionMapping
{
	color: gradient( linear, 0% 0%, 0% 60%, from( #555555ff ), to( #353535dd ) );
}


.PActionMappingWrapper
{
	max-width: 350px;
	flow-children: right;
	transition-property: transform, color;
	transition-duration: shortduration;
	transition-timing-function: ease-in;
	visibility: collapse;

}

.PActionMappingWrapper Image
{
	transition-property: wash-color;
	transition-duration: shortduration;
	transition-timing-function: ease-in;

	wash-color: #ffffff00;
}

Button:focus .PActionMappingWrapper Image
{
	wash-color: #252525c0;
}


#P1ActionMappingWrapper Label
{
	margin-right: 5px;
	min-width: 20px;
	width: fit-children;
	transform: translatex( -4px );
}

#P1ActionMappingWrapper Image
{
	margin-right: 3px;
	margin-top: 5px;
	visibility: collapse;
}

#P2ActionMappingWrapper Label
{
	margin-left: 3px;
	min-width: 20px;
	width: fit-children;
	transform: translatex( 0px );
}

#P2ActionMappingWrapper Image
{
	margin-left: 5px;
	margin-top: 5px;
	visibility: collapse;
}


.PActionMappingWrapper .OuterImage, .PActionMappingWrapper .OuterLabel,
.PActionMappingWrapper .DoubleImage, .PActionMappingWrapper .DoubleLabel,
.PActionMappingWrapper .ClickImage, .PActionMappingWrapper .ClickLabel
{
	visibility: collapse;
}

.PActionMappingWrapper.OuterVisible .OuterImage,
.PActionMappingWrapper.OuterVisible .OuterLabel,
{
	visibility: visible;
}

.PActionMappingWrapper.DoubleVisible .DoubleImage,
.PActionMappingWrapper.DoubleVisible .DoubleLabel,
{
	visibility: visible;
}

.PActionMappingWrapper.ClickVisible .ClickImage,
.PActionMappingWrapper.ClickVisible .ClickLabel,
{
	visibility: visible;
}

#L2Button
{
	position: 114px 95px 0px;
}

#L1Button
{
	position: 114px 0px 0px;
}

#P1Button
{
	position: 114px 288px 0px;
}

#Btn0Button
{
	position: 1344px 383px 0px;
}

#Btn2Button
{
	position: 1344px 575px 0px;
}

#L3Button
{
	position: 114px 190px 0px;
}

#B1ActionName
{
	position: 20px 600px 0px;
}

#B1ActionMapping
{
	position: 20px 650px 0px;
}

#R2Button
{
	position: 1344px 95px 0px;
}

#R1Button
{
	position: 1252px 95px 0px;
}

.D0g #R1Button
{
	position: 1344px 0px 0px;
}

#P2Button
{
	position: 1252px 190px 0px;
}

.D0g #P2Button
{
	position: 1344px 288px 0px;
}

#P2ActionMappingWrapper
{
	horizontal-align: right;
}

#Btn1Button
{
	position: 1252px 288px 0px;
}

.D0g #Btn1Button
{
	position: 1344px 479px 0px;
}

#Btn3Button
{
	position: 1252px 382px 0px;
}

.D0g #Btn3Button
{
	position: 1344px 673px 0px;

}

#R3Button
{
	position: 1252px 480px 0px;
}

.D0g #R3Button
{
	position: 1344px 190px 0px;
}

#B2ActionName
{
	text-align: right;
	position: 1252px 600px 0px;
}

#B2ActionMapping
{
	text-align: right;
	position: 1252px 650px 0px;
}

.ActionLabel.ClickLabel
{
	width: 160px;
	font-size: 32px;
	color: #fefefeff;
	white-space: nowrap;
}

.ActionMapping.ClickMapping
{
	width: 160px;
	font-size: 27px;
	color: gradient( linear, 0% 0%, 0% 60%, from( #f1f1f1ff ), to( #a1a1a1dd ) );
	white-space: nowrap;
}

#LeftClickActionName
{
	text-align: center;
	position: 45px 65px 0px;
}

#LeftClickActionMapping
{
	text-align: center;
	position: 45px 104px 0px;
}

#RightClickActionName
{
	text-align: center;
	position: 1272px 64px 0px;
}

#RightClickActionMapping
{
	text-align: center;
	position: 1272px 104px 0px;
}

 .TouchButtonOuter.BindingButton
{
	width: 440px;
	flow-children: none;
}


#S1Button
{
	position: 114px 388px 0px;
}

#S1ActionName
{
	position: 0px -6px 0px;
	text-align: left;
}

#S1ActionMapping
{
	position: 0px 0px 0px;
	text-align: left;
}



#StartButtonOuter
{
	position: 114px 578px 0px;
}



#StartActionName
{
	position: 0px -4px 0px;
	text-align: left;
}



#StartActionMapping
{
	position: 0px 0px 0px;
	text-align: left;
}



#SelectButtonOuter
{
	position: 114px 480px 0px;
}



#SelectActionName
{
	position: 0px -2px 0px;
	text-align: left;
}



#SelectActionMapping
{
	position: 0px 0px 0px;
	text-align: left;
}



#SteamButtonOuter
{
	visibility: collapse;
	position: 114px 673px 0px;
}



.D0g #SteamActionName
{
	position: 0px 0px 0px;
	text-align: left;
}



.D0g #SteamActionMapping
{
	position: 0px 0px 0px;
	text-align: left;
}

/* Currently deprecated Touch-screen and DPad buttons follow: */

#Touch0ButtonOuter
{
	position: 370px 582px 0px;

}

.D0g #Touch0ButtonOuter
{
	position: 114px 388px 0px;
	visibility: collapse;
}

#Touch0ActionName
{
	position: 14px 0px 0px;
	width: 335px;
	text-align: right;
}

.D0g #Touch0ActionName
{
	position: 0px -6px 0px;
	text-align: left;
}

#Touch0ActionMapping
{
	position: 14px 40px 0px;
	width: 335px;
	text-align: right;
}

.D0g #Touch0ActionMapping
{
	position: 0px 0px 0px;
	text-align: left;
}

#Touch1ButtonOuter
{
	position: 818px 582px 0px;
}

.D0g #Touch1ButtonOuter
{
	position: 114px 578px 0px;
	visibility: collapse;
}

#Touch1ActionName
{
	position: 74px 0px 0px;
	text-align: left;
	width: 335px;
}

.D0g #Touch1ActionName
{
	position: 0px -4px 0px;
	text-align: left;
}

#Touch1ActionMapping
{
	position: 74px 40px 0px;
	text-align: left;
	width: 335px;
}

.D0g #Touch1ActionMapping
{
	position: 0px 0px 0px;
	text-align: left;
}

#Touch2ButtonOuter
{
	position: 370px 672px 0px;
}

.D0g #Touch2ButtonOuter
{
	position: 114px 480px 0px;
	visibility: collapse;
}

#Touch2ActionName
{
	position: 14px 0px 0px;
	width: 335px;
	text-align: right;
}

.D0g #Touch2ActionName
{
	position: 0px -2px 0px;
	text-align: left;
}

#Touch2ActionMapping
{
	position: 14px 40px 0px;
	width: 335px;
	text-align: right;
}

.D0g #Touch2ActionMapping
{
	position: 0px 0px 0px;
	text-align: left;
}

#Touch3ButtonOuter
{
	position: 818px 672px 0px;
}

.D0g #Touch3ButtonOuter
{
	position: 114px 673px 0px;
	visibility: collapse;
}

#Touch3ActionName
{
	position: 74px 0px 0px;
	text-align: left;
	width: 335px;
}

.D0g #Touch3ActionName
{
	position: 0px 0px 0px;
	text-align: left;
}

#Touch3ActionMapping
{
	position: 74px 40px 0px;
	text-align: left;
	width: 335px;
}

.D0g #Touch3ActionMapping
{
	position: 0px 0px 0px;
	text-align: left;
}

.TouchButton
{
	width: 64px;
	height: 64px;
	background-color: #2d3d47ff;

	border-color: #8797a1ff;
	border-style: solid;
	border-radius: 4px;
	border-width: 3px;

	box-shadow: inset #00000080 0px 0px 3px 0px;

	transition-property: transform;
	transition-duration: shortduration;
	transition-timing-function: ease-in;
}

.TouchImage
{
	font-size: 24px;
	color: #adbdc7ff;
	vertical-align: center;
	horizontal-align: center;
}

#Touch0Button,
#Touch2Button,
{
	position: 360px 4px 0px;
}

#Touch1Button,
#Touch3Button
{
	position: 0px 4px 0px;
}

 .TouchButtonOuter Label
{
	transform: translatex( 0px );
}

 .TouchButtonOuter:focus .ActionMapping,
 .TouchButtonOuter:focus .ActionLabel,
{
	transform: translatex( 7px );
}

 .TouchButtonOuter .BindingButtonRight:focus .ActionMapping,
 .TouchButtonOuter.BindingButtonRight:focus .ActionLabel,
{
	transform: translatex( -7px );
}

.BindingButton:focus .TouchButton
{
	transform: translatex( 7px );
}

.BindingButtonRight:focus .TouchButton
{
	transform: translatex( -7px );
}


/* End of deprecated Touch-screen & DPad buttons */


.SaveBindingsMsgBox #MsgBoxDescriptionArea
{
	flow-children: down;
}

.SaveBindingsMsgBox .MsgBoxBodyRegion
{
	transition-property: transform;
	transition-duration: 0.3s;
	transition-timing-function: bigpicture-ease-in-out;
}

.SaveBindingsMsgBox.BehindTextInputHandler .MsgBoxBodyRegion,
{
	transform: translatex( 470px );
}

#SetTitleRegion, #AddDescriptionRegion
{
	width: 100%;
	margin-top: 30px;

	color: #f0f0f0ff;
}

#AddDescriptionRegion
{
	margin-top: 10px;
}

#SetTitleHint,
#AddDescriptionHint 
{
	color: #f0f0f0ff;
}

#SetTitleRegion:descendantfocus #SetTitleHint, 
#AddDescriptionRegion:descendantfocus #AddDescriptionHint 
{
	color: #222222ff;
}

#SetTitleHint,
#AddDescriptionHint
{
	margin-left: 11px;
	margin-top: 9px;
	z-index: 1000;

	transition-property: opacity, color;
	transition-duration: 0.25s;
	transition-timing-function: bigpicture-ease-in-out;

	opacity: 0.7;
}

.HideCommentHint #SetTitleHint,
.HideCommentHint #AddDescriptionHint
{
	opacity: 0.0;
}

.SaveBindingsMsgBox TextEntry
{
	width: 100%;
	white-space: normal;
}

#AddDescriptionEntry
{
	height: 200px;
	white-space: normal;
	overflow: squish scroll;
}

#VisibilityDropDown
{
	margin-top: 12px;
	width: 324px;
}

.UploadScreenshotMsgBox #MsgBoxButtons
{
	margin-top: 20px;
}

.UploadScreenshotMsgBox .MsgBoxBodyRegion
{
	width: 860px;

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

.UploadScreenshotMsgBox.BehindTextInputHandler .MsgBoxBodyRegion
{
	transform: translatex( 480px );
}

#VisibilityDropDownDropDownMenu
{
	z-index: msgbox_contextmenu_zindex;
}

#ThrobberRow, #Throbber
{
	opacity: 0.0;

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

#ThrobberRow
{
	width: 100%;
	height: 85px;
	margin-top: -76px;
}

.UploadInProgress #MsgBoxButtons
{
	opacity: 0.0;
}

.UploadInProgress #ThrobberRow
{
	opacity: 1.0;
	flow-children: right;

	margin-right: 60px;
	horizontal-align: right;
	vertical-align: bottom;

}

#ThrobberRowWrapper
{
	horizontal-align: right;
	flow-children: right;
}

#ThrobberRow Label
{
	margin-left: 8px;
	color: #ddddddff;
	font-size: 40px;
	vertical-align: center;
}

#Throbber
{
	width: 80px;
	height: 80px;
}

.UploadInProgress #Throbber
{
	opacity: 1.0;
}

#MsgBoxButtonArea
{
	opacity: 1.0;
	flow-children: none;
	transition-property: opacity;
	transition-duration: 0.25s;
	transition-timing-function: bigpicture-ease-in-out;
}

.SaveBindingsMsgBox #MsgBoxButtonArea
{
	flow-children: down;
}

.EditPadBindingsBody
{
	width: 100%;
	height: 532px;
	margin-left: 80px;
	margin-right: 80px;
}

.PadLeftCollumn,
.PadCenterCollumn,
.PadRightCollumn
{
	horizontal-align: center;

	flow-children: down;
	margin-top: 24px;

	margin-bottom: 50px;
}

.PadLeftCollumn
{
	horizontal-align: left;
	margin-right: 40px;

	width: 452px;
}

.PadRightCollumn
{
	horizontal-align: right;
	margin-left: 40px;

	width: 452px;
}

.PadCenterCollumn
{
	margin-bottom: 40px;
}


.PadSettingDropDown
{
	margin-top: 20px;
	flow-children: down;
}

.PadSettingMouseControl
{
	margin-top: 20px;
	flow-children: down;
}

.PadSettingMouseControl DropDown
{
	margin-top: 0px;
}

 
.PadSettingLabel 
{
	horizontal-align: left;
	margin-bottom: 1px;

	color: #7fcfffff;
	font-weight: thin;
	font-size: 26px;
}

.PadSettingDropDown DropDown
{
	margin-top: 0px;
}

DropDownMenu Label:disabled
{
	opacity: 0.5;
}

#PadOuterCircle, 
#PadInnerCircle,
#PadDeadZoneCircle10,
#PadDeadZoneCircle20,
#PadDeadZoneCircle30
{
	horizontal-align: center;
	vertical-align: center;
	width: 400px;
	height: 400px;
	border-color: #5e95bfff;
	border-style: solid;
	border-width: 2px;
	border-radius: 50%;

	transition-property: transform, background-color, blur, saturation, opacity; 
	transition-duration: 0.25s;
	transition-timing-function: linear;

}

.mousemove #PadOuterCircle
{
	background-color: 
		gradient( linear, 100% 0%, 0% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.496, #5e95bf00 ), color-stop( 0.499, #5e95bf00 ), color-stop( 0.5, #5e95bf00 ), color-stop( 0.501, #5e95bf00 ), color-stop( 0.504, #5e95bf00 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) ),
		gradient( linear, 0% 0%, 100% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.496, #5e95bf00 ), color-stop( 0.499, #5e95bf00 ), color-stop( 0.5, #5e95bf00 ), color-stop( 0.501, #5e95bf00 ), color-stop( 0.504, #5e95bf00 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) ),
		gradient( linear, 100% 0%, 100% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.496, #5e95bf00 ), color-stop( 0.499, #5e95bf00 ), color-stop( 0.5, #5e95bf00 ), color-stop( 0.501, #5e95bf00 ), color-stop( 0.504, #5e95bf00 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) ),
		gradient( linear, 100% 100%, 0% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.496, #5e95bf00 ), color-stop( 0.499, #5e95bf00 ), color-stop( 0.5, #5e95bf00 ), color-stop( 0.501, #5e95bf00 ), color-stop( 0.504, #5e95bf00 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) );
}

.fourway #PadOuterCircle
{
	background-color: 
		gradient( linear, 100% 0%, 0% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.496, #5e95bf00 ), color-stop( 0.499, #5e95bfff ), color-stop( 0.5, #5e95bfff ), color-stop( 0.501, #5e95bfff ), color-stop( 0.504, #5e95bf00 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) ),
		gradient( linear, 0% 0%, 100% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.496, #5e95bf00 ), color-stop( 0.499, #5e95bfff ), color-stop( 0.5, #5e95bfff ), color-stop( 0.501, #5e95bfff ), color-stop( 0.504, #5e95bf00 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) ),
		gradient( linear, 100% 0%, 100% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.496, #5e95bf00 ), color-stop( 0.499, #5e95bf00 ), color-stop( 0.5, #5e95bf00 ), color-stop( 0.501, #5e95bf00 ), color-stop( 0.504, #5e95bf00 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) ),
		gradient( linear, 100% 100%, 0% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.496, #5e95bf00 ), color-stop( 0.499, #5e95bf00 ), color-stop( 0.5, #5e95bf00 ), color-stop( 0.501, #5e95bf00 ), color-stop( 0.504, #5e95bf00 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) );
}

.eightway #PadOuterCircle
{
	transform: rotatez( 22.5deg ); 
	background-color: 
		gradient( linear, 100% 0%, 0% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.496, #5e95bf00 ), color-stop( 0.499, #5e95bfff ), color-stop( 0.5, #5e95bfff ), color-stop( 0.501, #5e95bfff ), color-stop( 0.504, #5e95bf00 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) ),
		gradient( linear, 0% 0%, 100% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.496, #5e95bf00 ), color-stop( 0.499, #5e95bfff ), color-stop( 0.5, #5e95bfff ), color-stop( 0.501, #5e95bfff ), color-stop( 0.504, #5e95bf00 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) ),
		gradient( linear, 100% 0%, 100% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.496, #5e95bf00 ), color-stop( 0.499, #5e95bfff ), color-stop( 0.5, #5e95bfff ), color-stop( 0.501, #5e95bfff ), color-stop( 0.504, #5e95bf00 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) ),
		gradient( linear, 100% 100%, 0% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.496, #5e95bf00 ), color-stop( 0.499, #5e95bfff ), color-stop( 0.5, #5e95bfff ), color-stop( 0.501, #5e95bfff ), color-stop( 0.504, #5e95bf00 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) );

}

.fourwayoverlap #PadOuterCircle
{
	background-color: 
		gradient( linear, 100% 0%, 0% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.495, #5e95bf40 ), color-stop( 0.499, #5e95bfff ), color-stop( 0.5, #5e95bfff ), color-stop( 0.501, #5e95bf80 ), color-stop( 0.505, #5e95bf40 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) ),
		gradient( linear, 0% 0%, 100% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.495, #5e95bf40 ), color-stop( 0.499, #5e95bfff ), color-stop( 0.5, #5e95bfff ), color-stop( 0.501, #5e95bf80 ), color-stop( 0.505, #5e95bf40 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) ),
		gradient( linear, 100% 0%, 100% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.495, #5e95bf00 ), color-stop( 0.499, #5e95bf00 ), color-stop( 0.5, #5e95bf00 ), color-stop( 0.501, #5e95bf00 ), color-stop( 0.505, #5e95bf00 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) ),
		gradient( linear, 100% 100%, 0% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.495, #5e95bf00 ), color-stop( 0.499, #5e95bf00 ), color-stop( 0.5, #5e95bf00 ), color-stop( 0.501, #5e95bf00 ), color-stop( 0.505, #5e95bf00 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) );

}

.eightwayoverlap #PadOuterCircle
{
	transform: rotatez( 22.5deg ); 
	background-color: 
		gradient( linear, 100% 0%, 0% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.495, #5e95bf40 ), color-stop( 0.499, #5e95bfff ), color-stop( 0.5, #5e95bfff ), color-stop( 0.501, #5e95bf80 ), color-stop( 0.505, #5e95bf40 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) ),
		gradient( linear, 0% 0%, 100% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.495, #5e95bf40 ), color-stop( 0.499, #5e95bfff ), color-stop( 0.5, #5e95bfff ), color-stop( 0.501, #5e95bf80 ), color-stop( 0.505, #5e95bf40 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) ),
		gradient( linear, 100% 0%, 100% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.495, #5e95bf40 ), color-stop( 0.499, #5e95bfff ), color-stop( 0.5, #5e95bfff ), color-stop( 0.501, #5e95bf80 ), color-stop( 0.505, #5e95bf40 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) ),
		gradient( linear, 100% 100%, 0% 100%, 
			from( #1a1a1a00 ), color-stop( 0.475, #5e95bf00 ), color-stop( 0.495, #5e95bf40 ), color-stop( 0.499, #5e95bfff ), color-stop( 0.5, #5e95bfff ), color-stop( 0.501, #5e95bf80 ), color-stop( 0.505, #5e95bf40 ), color-stop( 0.525, #5e95bf00 ), to( #1a1a1a00 ) );

}

.PadRotateWrapper
{
	padding: 8px;
}

#PadInnerCircle
{
	margin: 24px;
}

#PadDeadZoneCircle10,
#PadDeadZoneCircle20,
#PadDeadZoneCircle30,
{
	vertical-align: center;
	horizontal-align: center;
	opacity: 0.0;
	background-color: #202428ff;

	transition-property: opacity, pre-transform-scale2d;
	transition-duration: 0.25s;
	transition-delay: 0.25s, 0.0s !immediate;
	transition-timing-function: linear;

}

#PadDeadZoneCircle10
{
	width: 40px;
	height: 40px;
}

.tenpctdead #PadDeadZoneCircle10
{
	transition-delay: 0.0s !immediate;

	z-index: 100000;
	opacity: 1.0;
	pre-transform-scale2d: 1.0;
}

.twentypctdead #PadDeadZoneCircle10
{
	opacity: 0.0;
	pre-transform-scale2d: 2.0;
}

.thirtypctdead #PadDeadZoneCircle10
{
	opacity: 0.0;
	pre-transform-scale2d: 3.0;
}

#PadDeadZoneCircle20
{
	width: 80px;
	height: 80px;
}

.tenpctdead #PadDeadZoneCircle20
{
	opacity: 0.0;
	pre-transform-scale2d: 0.5;
}

.twentypctdead #PadDeadZoneCircle20
{
	transition-delay: 0.0s !immediate;

	z-index: 100000;
	opacity: 1.0;
	pre-transform-scale2d: 1.0;
}

.thirtypctdead #PadDeadZoneCircle20
{
	opacity: 0.0;
	pre-transform-scale2d: 1.5;
}

#PadDeadZoneCircle30
{
	width: 120px;
	height: 120px;
}

.tenpctdead #PadDeadZoneCircle30
{
	opacity: 0.0;
	pre-transform-scale2d: 0.33333;
}

.twentypctdead #PadDeadZoneCircle30
{
	opacity: 0.0;
	pre-transform-scale2d: 0.66666;
}

.thirtypctdead #PadDeadZoneCircle30
{
	transition-delay: 0.0s !immediate;

	z-index: 100000;
	opacity: 1.0;
	pre-transform-scale2d: 1.0;
}

.PadRightCollumn .LabelWrapper
{
	flow-children: right;
}

.PadRightCollumn .LabelWrapper Image
{
	wash-color: #5e95bfef;
	margin-top: 2px;
	margin-lefT: 3px;
}

.PadSettingDropDown 
{
	transition-property: saturation, blur, opacity;
	transition-duration: .3s;
	transition-timing-function: bigpicture-ease-in-out;
}


.PadSettingDropDown Button
{
	margin: 0px;	
	padding: 4px 8px;
	color: applabelsolid;
	box-shadow: inset #00000080 2px 2px 8px 2px;

	transition-property: background-color, border;
	transition-duration: 0.0s;
	transition-timing-function: linear;

	font-size: 24px;
	height: 50px;
	background-color: ui_common_control;
	border-width: 5px;
	border-style: solid;
	border-radius: 2px;
	border-color: ui_common_control_border;

	width: 480px;
	
}

.PadSettingDropDown Button:focus
{
	color: #333333;

	border-style: solid;
	border-color: #fdfefeff;

	animation-name: main-button-glow-movement;
	animation-duration: 1.7s;
	animation-delay: 0.0s;
	animation-timing-function: bigpicture-ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;

}

.PadRotateWrapper Button
{
	border-style: solid;
	border-width: 2px;
	border-color: #487395ff;

	width: 58px;
	height: 58px;

	padding: 0px;

	transition-property: background-color, opacity, transform, saturation, blur !immediate;
	transition-duration: shortduration;
	transition-timing-function: ease-in;
}

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

.PadRotateWrapper Button:hover:parentdisabled
{
	box-shadow: none;
}

.PadRotateWrapper Button Label
{
	margin: 0px;
	padding: 0px;
	font-size: 25px;
	font-weight: thin;
	color: #fefefeff;
	vertical-align: center;
	horizontal-align: center;
	transform: translatex( 0px );

	transition-property: color;
	transition-duration: shortduration;
	transition-timing-function: ease-in;
}

.EditPadBindingValue .EditPadBindingsBody,
.EditPadBindingValue #EditPagePadHeader
{
	opacity: 0.5;
	blur: gaussian( 0.8 );
}


.PadRotateWrapper Button:focus,
.EditPadBindingsBody .PadSettingDropDown Button:focus:parentdisabled
{
	animation-name: main-button-glow-movement-small;
	animation-duration: longduration;
	animation-delay: shortduration;
	animation-timing-function: bigpicture-ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;

	opacity: 1.0;
	blur: none;
	saturation: 1.0;

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

	border-color: #fefefeff;
	border-width: 2px;
}

#PadOuterCircle:parentdisabled,
.mousemove #PadOuterCircle,
.stick #PadOuterCircle,
.none #PadOuterCircle,
#PadRotationDropDown:disabled,
#PadOuterEdgeDropDown:disabled,
{
	opacity: 0.5;
	blur: gaussian( 0.8 );
}

.PadRotateWrapper Button:focus:parentdisabled,
.EditPadBindingsBody .PadSettingDropDown:descendantfocus:parentdisabled,
{
	animation-name: none;
	opacity: 1.0;
	blur: none;
	saturation: 1.0;
}


.PadRotateWrapper Button:focus Label
{
	color: #353535ff;
}

.PadRotateWrapper #PadNorth
{
	horizontal-align: center;
	vertical-align: top;
	margin-top: 64px;
}

.eightway #PadNorth,
.eightwayoverlap #PadNorth
{
	transform: translatey( -20px );
}

#PadNorthWest,
#PadNorthEast,
#PadSouthWest,
#PadSouthEast
{
	opacity: 0.0;
}

.eightway #PadNorthWest,
.eightwayoverlap #PadNorthWest,
.eightway #PadNorthEast,
.eightwayoverlap #PadNorthEast,
.eightway #PadSouthWest,
.eightwayoverlap #PadSouthWest,
.eightway #PadSouthEast,
.eightwayoverlap #PadSouthEast
{
	opacity: 1.0;
}
	

 #PadNorthWest
{
	horizontal-align: left;
	vertical-align: top;
	margin-top: 84px;
	margin-left: 84px;
}

 #PadNorthEast
{
	horizontal-align: right;
	vertical-align: top;
	margin-top: 84px;
	margin-right: 84px;
}

 #PadSouth
{
	horizontal-align: center;
	vertical-align: bottom;
	margin-bottom: 64px;
}

.eightway #PadSouth,
.eightwayoverlap #PadSouth
{
	transform: translatey( 20px );
}

 #PadSouthWest
{
	horizontal-align: left;
	vertical-align: bottom;
	margin-bottom: 84px;
	margin-left: 84px;
}

 #PadSouthEast
{
	horizontal-align: right;
	vertical-align: bottom;
	margin-bottom: 84px;
	margin-right: 84px;
}

 #PadWest
{
	horizontal-align: left;
	vertical-align: center;
	margin-left: 64px;
}

.eightway #PadWest,
.eightwayoverlap #PadWest
{
	transform: translatex( -20px );
}

 #PadEast
{
	horizontal-align: right;
	vertical-align: center;
	margin-right: 64px;
}

.eightway #PadEast,
.eightwayoverlap #PadEast
{
	transform: translatex( 20px );
}

.mousemove #PadNorth,
.mousemove #PadSouth,
.mousemove #PadEast,
.mousemove #PadWest,
.stick #PadNorth,
.stick #PadSouth,
.stick #PadEast,
.stick #PadWest,
.none #PadNorth,
.none #PadSouth,
.none #PadEast,
.none #PadWest,
{
	opacity: 0.0;
}


#VirtualGamePad
{
	horizontal-align: center;
	flow-children: right;
}

#KeyBoardAndMouseWrapper
{
	flow-children: right;
}

#PadDeadZone, .EditPadBindingValue #PadDeadZone
{
	visibility: collapse;
}

.fourway #PadDeadZone, .fourwayoverlap #PadDeadZone, .eightwayoverlap #PadDeadZone, .eightway #PadDeadZone 
{
	visibility: visible;
}

.PadSettingMouseControl
{
	visibility: collapse;
}

.mousemove .PadSettingMouseControl
{
	visibility: visible;
}

#EditPagePadHeader
{
	flow-children: right;
	height: 50px;
	margin-top: 0px;
	z-index: 100;
	horizontal-align: center;
}

#EditPadBindingsWrapper
{
	flow-children: down;
	height: 632px;
	transform: translatey( 632px );
}

.EditPadBinding #EditPadBindingsWrapper
{
	transform: translatey( 100px );
}




#EditAdvancedButton
{ 
	width: 400px;
	border-style: solid;
	border-width: 4px;
	border-color: #4e6c84ff;
	border-right-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #86badbff;
	height: 58px;
	background-color: gradient( linear, 0% 0%, 100% 100%, from( #25313bff ), to( #2f4a5fff ) );
	padding: 0px;
	margin: -1px;
	margin-right: 0px;

	transition-property: background-color;
	transition-duration: shortduration;
	transition-timing-function: ease-in;
}

#EditMainButton
{
	width: 400px;
	border-style: solid;
	border-width: 4px;
	border-color: #4e6c84ff;
	
	border-bottom-width: 1px;
	border-bottom-color: #86badbff;

	height: 58px;
	background-color: gradient( linear, 0% 0%, 100% 100%, from( #2f4a5fff ), to( #2f4a5fff ) );
	padding: 0px;
	margin: -1px;
	margin-left: 0px;

	transition-property: background-color;
	transition-duration: shortduration;
	transition-timing-function: ease-in;
}

#EditModeShiftButton
{
	width: 400px;
	border-style: solid;
	border-width: 4px;
	border-left-style: none;
	border-color: #4e6c84ff;
	border-bottom-width: 1px;
	border-bottom-color: #86badbff;
	

	height: 58px;
	background-color: gradient( linear, 0% 0%, 100% 100%, from( #2f4a5fff ), to( #25313bff ) );
	padding: 0px;
	margin: -1px;
	margin-left: 1px;

	transition-property: background-color;
	transition-duration: shortduration;
	transition-timing-function: ease-in;
}


#EditPagePadHeader .ActiveTabButton
{
	
	animation-iteration-count: 0;
	background-color: gradient( linear, 0% 0%, 0% 80%, from( #5a7e99 ), to( #4f6f87ff ) );
	border-style: solid;
	border-bottom-style: none;
	border-color: #86badbff;
	border-width: 4px;	


}

#EditPagePadHeader Button.ActiveTabButton:focus
{
	transition-duration: shortduration !immediate;
	transition-property: background-color, border;
	transition-duration: shortduration;
	transition-timing-function: ease-in;


	color: #161718f5;
	background-color: gradient( linear, -15% 0%, 100% 0%, 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: shortduration;
	animation-timing-function: bigpicture-ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: normal;
}



#EditPagePadHeader Button Label
{
	padding: 0px;
	margin-top: 2px;
	horizontal-align: center;
	transform: translatey( 0px );
}

#EditPagePadHeader Button:focus Label
{
	color: #353535ff;
}




.EditPageHeaderLabel
{
	font-size: 34px;
	font-weight: thin;
	text-transform: uppercase;
	color: #fefefeff;
	white-space: nowrap;

	transition-property: transform, color;
	transition-duration: shortduration;
	transition-timing-function: ease-in;
}

#EditPadAdvanced
{
	height: 532px;
	width: 100%;
}

#EditPadMain, #EditPadAdvanced, #EditPadModeShift
{
	visibility: collapse;
}


#EditPadAdvanced.ActiveTab, #EditPadMain.ActiveTab, #EditPadModeShift.ActiveTab
{
	z-index: -1;
	visibility: visible;
	border-style: solid;
	border-right-style: none;
	border-width: 1px;
	border-color: #86badbff;
	background-color: gradient( linear, 0% 0%, 0% 80%, from( #4f6f87ff ), to( #14171aff ) );
	padding: 0px;
	margin: -1px;
	margin-top: -1px;

	transition-property: background-color;
	transition-duration: shortduration;
	transition-timing-function: ease-in;
	
	
}

.PadRotationDropDown, .PadModeShift, .PadModeShiftType, #EditPadAdvanced, .PadOuterEdgeDropDown,
{
	margin-top: 20px;
	flow-children: down;
}

#EditPadHeaderAdvanced
{
	width: 100%;
	text-align: center;
}

#EditPadHeaderHint
{
	opacity: 0;
	width: 100%;
	text-align: center;
	transform: translatex( 0px ) translatey( -600px );
	Vertical-align: bottom;
	transition-property: opacity;
	transition-duration: 0.7s;
	transition-timing-function: ease-in;
}

.EditPadBinding #EditPadHeaderHint
{
opacity: 1.0;
}
#EditPadAdvancedBody
{
	flow-children: down;
	margin-left: 20px;
}

.ModeShift .PadRightCollumn, .ModeShift #EditPadHeader, #EditPadModeShiftHeader
{
		visibility: collapse;
}

.ModeShift #EditPadModeShiftHeader
{
	visibility: visible;
}

#S1Button
{
		visibility: collapse;
}