@sudoBarButtonBorderColor : darken(@sudoBarBottomColor, 13.4%);

@sudobarButtonGradientTopColor : lighten(@sudoBarBottomColor, 11.8%);
@sudobarButtonGradientBottomColor : darken(@sudoBarTopColor, 9.9%);
@sudoBarButtonBorderRadius: 3px;

.sudobarGradient(){
    #gradient > .vertical(@sudoBarTopColor, @sudoBarBottomColor);
}

.sudobarItemGradient(){
    #gradient > .vertical(@sudobarButtonGradientTopColor, @sudobarButtonGradientBottomColor);
}

.sudobarItemInnerGlow{
    .box-shadow(inset -1px 1px 0px lighten(@sudoBarTopColor, 10%));
}

.sudobarItemHoverGradient(){
    #gradient > .vertical(darken(@sudobarButtonGradientBottomColor, 2%), @sudobarButtonGradientBottomColor);
}

.sudobarShadow(){
    -webkit-box-shadow: 0 0 0 1px lighten(@sideBarBackground, 12%), 0px 0px 5px 1px darken(@plBodyBackground, 13.5%);
	-moz-box-shadow: 0px 0 0 1px lighten(@sideBarBackground, 12%), 0px 0px 5px 1px darken(@plBodyBackground, 13.5%);
	box-shadow: 0px 0px 0 1px lighten(@sideBarBackground, 12%), 0px 0px 5px 1px darken(@plBodyBackground, 13.5%);
}  

.sudoBarButtonTextColor (@buttonBgColor) when (lightness(@buttonBgColor) >= 50%) {
	color: darken(@buttonBgColor, 40%);
	text-shadow: 0 0 2px lighten(@buttonBgColor, 80%);
}
.sudoBarButtonTextColor (@buttonBgColor) when (lightness(@buttonBgColor) < 50%) {
	color: lighten(@buttonBgColor, 70%);
	text-shadow: 0px -1px 1px darken(@buttonBgColor, 70%);
}

#sudoBar{
   	position: relative;
	z-index: 100;
	margin: 0 -10px;
	height: 50px;	
	
	.sudobarGradient();
	.sudobarShadow();
	
	
	border-top: 1px solid @sudoBarTopBorderColor;
	border-bottom: 1px solid @sudoBarBottomBorderColor;
}

#sudoBar li.active, #sudoBar li:hover,#userSplitButton a:hover{
    .sudobarItemHoverGradient();
	.box-shadow(inset 0 0 4px rgba(0,0,0,.3));
}

.shortPanelList{
	margin:0;
	font-size: @menuFontSize;
	padding: 9px 10px 0 10px;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:30px;
}

.shortPanelList > li{

	display:block;
	float:left;
	margin:0;
	padding:0;

    border: 1px solid @sudoBarButtonBorderColor;
	border-left: none;
	.sudobarItemGradient();
	.sudobarItemInnerGlow();
}




.shortPanelList > li:first-child{
    .border-left-radius(@sudoBarButtonBorderRadius);
	border-left: 1px solid @sudoBarButtonBorderColor;
}

.shortPanelList > li:last-child{
	.border-right-radius(@sudoBarButtonBorderRadius);
}

#sudoBar ul.shortPanelList > li > a,#sudoBar ul.shortPanelList > li > div > a{
	font-weight: bold;
	display:block;
	float:left;

	text-decoration:none;
	padding: 0 15px;
	line-height: 30px;
	height: 30px;
	background: none;
	.box-shadow(none);
	.sudoBarButtonTextColor(@sudobarButtonGradientTopColor);
}

#sudoBar ul.shortPanelList > li > i{
    padding: 6px 0;
    position:absolute;
    right:10px;
    .sudoBarButtonTextColor(@sudobarButtonGradientTopColor);
}

#logOut i, #userMonitorToggleLink i{
    font-size:18px;
    padding-top:6px;
    line-height: 33px;
    .sudoBarButtonTextColor(@sudobarButtonGradientTopColor);
}

// shortPanelList badges
#sudoBar ul li span{
	font-size: 12px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-width: 1px;
	border-style: solid;	
	padding: 0 5px;
	margin-left: 8px;
	.border-radius(3px);	
}



// Global search field
.globalSearchForm{
    margin: 10px 0 0 0;
}

#globalSearchField{
    opacity: .9;
	margin-top:6px;
	margin-bottom:0;
	width: 120px;
	height: 18px;
	padding:4px 9px;
	font-size: 11px;
	font-weight:bold;
	
	color: #fff;
	background-color:lighten(@sudobarButtonGradientTopColor, 11.5%);
	border:1px solid @sudoBarButtonBorderColor;
	.border-radius(14px);
	.box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15));
	.transition(all 500ms ease-out);
	.placeholder(lighten(@sudobarButtonGradientTopColor, 40%));
}

#globalSearchField:focus{
    opacity: 1;

	width: 250px;
	color: #666;
	background-color: #eee;
	-webkit-box-shadow:inset 0px 3px 7px rgba(0, 0, 0, .2),0 1px 0px rgba(255, 255, 255, 0.15);
	-moz-box-shadow:inset 0px 3px 7px rgba(0, 0, 0, .2),0 1px 0px rgba(255, 255, 255, 0.15);
	box-shadow:inset 0px 3px 7px rgba(0, 0, 0, .2),0 1px 0px rgba(255, 255, 255, 0.15);
}
