.mainmenu-content
{
	horizontal-align: left;
	vertical-align: bottom;
	width: 100%;
	height: 100%;
	position: 0px 0px 0px;
	visibility: visible;
	margin-left: 0px;
	sound-trans: "";

	transition-property:  position, clip, height;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

.mainmenu-content--offscreen
{
	position: -100% 0% 0px;
	sound-trans: "";

	transition-property: position, clip;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

.mainmenu-content__blur
{
	                
	height: 100%;
	width: 100%;
}

#mainmenu-content__blur-target,
#mainmenu-inspect__blur-target
{
	background-color: blurBackgroundColor;
	opacity: .9;
	width: 100%;
	height: 100%;
	                
	vertical-align: bottom;
}

#loadingscreen__blur-target
{
	                
	height: 100%;
	width: 100%;
	opacity: .9;
	background-color: blurBackgroundColor;
}

.mainmenu-content__container
{
	flow-children: down;
	width: 100%;
	height: 100%;
	opacity: 1;
	padding-top: 0px;
	transform: translatex( 0% );

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

.mainmenu-content__container--nopadding
{
	padding-right:0px;
	padding-left: 0px;

	transition-property: none;
	transition-duration: 0.0s;
}

CSGOEndOfMatch.mainmenu-content__container
{
	padding-right: 0px;
	padding-left: 0px;
}

.mainmenu-content__container--inspect
{
	padding-right: 0px;
	padding-left: 0px;
}

.mainmenu-content__container VerticalScrollBar
{
	margin-right: 16px;
}

                                                                
.mainmenu-content--hidden {
	opacity: 0;
	sound: "UIPanorama.submenu_slidein";
	transition-property: opacity, transform;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

.mainmenu-content--popuptab
{
	transform: translatey( 0% );
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: rgba(0, 0, 0, 0);
}

.mainmenu-content--popuptab.mainmenu-content--hidden
{
	opacity: 0;
	transform: translatey( 100% );
	sound-trans: "UIPanorama.submenu_leveloptions_slidein";
	
	transition-property: opacity, transform;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

.mainmenu-content--popuptab__title
{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
	color: white;
	vertical-align: center;
	font-family: stratum2Font;
}

.mainmenu-content--shrunk
{
	height: 984px;

	transition-property: height;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
}

.mainmenu-content__background-color
{
	transition-property: background-color;
	transition-duration: .25s;
}

.mainmenu-content__background-color--dark
{
	background-color: rgba( 20, 20, 20, 0.3 );
	transition-property: background-color;
	transition-duration: .25s;
}

.content-navbar
{
	flow-children: right;
	padding: 0px 0px 0px 32px;
	height: 96px;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.content-navbar--short
{
	height: 64px;
}

.content-navbar--dropdown
{
	padding-left: 18px;
	vertical-align: center;
}

.content-navbar--dropdown DropDown
{
	min-width: 300px;
	background-color: gradient( linear, 100% 0%, 0% 0%, from( #00000000), color-stop( 0, #00000030 ), to( #00000030 ) );
}

.content-navbar__title
{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 32px;
	color: grey;
	vertical-align: center;
	-s2-mix-blend-mode: SRGBadditive;
	font-family: stratum2Font;
}

                                                                               
                                                                            
    	                                        
                                                                               
.content-navbar__tabs
{
	flow-children: right;
	width: fit-children;
	vertical-align: middle;
}

.content-navbar__tabs RadioButton, 
.content-navbar__tabs DropDown, 
.content-navbar__tabs ToggleButton, 
.content-navbar__tabs TextButton,
.content-navbar__tabs Button,
{
	margin: 0px 28px 0px 0px;
	width: fit-children;
	height: 96px;
	horizontal-align: center;
	vertical-align: middle;
	tooltip-position: right;
	tooltip-body-position: 50% 100%;
	background-color: gradient( linear, 0% 100%, 0% 99%, from( white ), color-stop( 0, #ffffff00 ), to( #ffffff00 ) );
	flow-children: right;
	sound-trans: "";
}

.content-navbar RadioButton Label, 
TextButton Label, 
ToggleButton Label,
.content-navbar Button Label
{
	font-size: 20px;
	font-weight: medium;
	color: white;
	margin-left: 8px;
	font-family: stratum2Font;
}

.content-navbar__tabs--small RadioButton, 
.content-navbar__tabs--small DropDown, 
.content-navbar__tabs--small ToggleButton, 
.content-navbar__tabs--small TextButton,
.content-navbar__tabs--small Button
{
	height: 64px;
}

.content-navbar__tabs--small Image
{
	height: 18px;
	width: 18px;
}

.content-navbar__tabs--small Button Label,
.content-navbar__tabs--small RadioButton Label,
.content-navbar__tabs--small ToggleButton Label
{
	font-size: 16px;
	text-transform: none;
}

.content-navbar__tabs RadioButton:enabled:hover,
.content-navbar__tabs Button:enabled:hover,
.content-navbar__tabs DropDown:enabled:hover,
.news-panel-navbar-btn:enabled:hover
{
	background-color: gradient( linear, 0% 100%, 0% 98%, from( white ), color-stop( .9, white ), to( #ffffff00 ) );

	transition-property:  background-color, wash-color;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
	sound-trans: "UIPanorama.submenu_rollover";
}

.content-navbar__tabs RadioButton:selected,
.content-navbar__tabs Button:selected,
.news-panel-navbar-btn:selected
{
	background-color: gradient( linear, 0% 100%, 0% 92%, from( white ), color-stop( .9, white ), to( #ffffff00 ) );

	transition-property:  background-color, wash-color;
	transition-duration: .25s;
	transition-timing-function: ease-in-out;
	sound-trans: "UIPanorama.submenu_dropdown_option_select";
}

.content-navbar__tabs RadioButton:disabled,
.news-panel-navbar-btn:disabled
{
	wash-color: disabledColor;
}

.content-navbar__tabs RadioButton:disabled Label,
.news-panel-navbar-btn:disabled Label
{
	font-size: 20px;
}

.content-navbar__tabs RadioButton Image
{
	vertical-align: middle;
	width: height-percentage( 100% );
	height: 48px;
	img-shadow: 2px 2px 2px #000000;
}

RadioButton.content-navbar__tabs--small-image Image,
Button.content-navbar__tabs--small-image Image
{
	height: 28px;
	width: height-percentage( 100% );
	vertical-align: middle;
	img-shadow: none;
}

.content-navbar__tabs .RadioBox
{
	visibility: collapse;
}


                                                                               
                                                                         
    	                                                                      
   		                                       
                                                                               
.content-navbar__extra-buttons
{
	horizontal-align: left;
	vertical-align: middle;
	flow-children: left;
	height: 64px;
	padding: 0px 16px 0px 0px;
}

.content-navbar__extra-buttons .PopupButton
{
	margin: 0px 8px;
}

.content-navbar__seperator
{
	height: 1px;
	width: 100%;
	opacity: .25;
	background-color: #ffffff;
}

.content-navbar__seperator--dark
{
	height: 1px;
	width: 100%;
	opacity: .75;
	background-color: #3E3E3E;
}

.content-controls-actions-bar
{
	background-color: contentPanelBackground;
	width: 100%;
	height: 96px;
	padding: 0px 64px;
	vertical-align: bottom;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.content-navbar__title_panel
{
    padding: 0px 0px 0px 32px;
    height: 64px;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}