@bodyBackground: #f6f7f8;
@innerContentBackgroundColor: rgba(255,255,255,.9);
@sudoBarButtonBorderRadius: 0px;

.bodyBackgroundWithPattern(@bodyBackground){
    background-image: url("../img/themes/backgrounds/noize.png"), -o-linear-gradient(left top,#9A295A 0%,#542A5A 50%,#50094B 100%);
    background-image: url("../img/themes/backgrounds/noize.png"), -moz-linear-gradient(left top,#9A295A 0%,#542A5A 50%,#50094B 100%);
    background-image: url("../img/themes/backgrounds/noize.png"), -webkit-linear-gradient(left top,#9A295A 0%,#542A5A 50%,#50094B 100%);
    background-image: url("../img/themes/backgrounds/noize.png"), -ms-linear-gradient(left top,#9A295A 0%,#542A5A 50%,#50094B 100%);
}

//@sideBarBackground: mix(#bb3132, #db4948, 60%);
@sideBarBackground: transparent;
@activeTopItemBackground: rgba(255,255,255,.2);
@contentAreaBorderRadius: 3px;

.sideBarButtonText(){
    color: #333;
    text-shadow: 0px 1px 0px rgba(255,255,255,.6);
}

.mainMenuActiveItemBorder(){
    border: none;
    border-radius: 6px;
}

//@plBodyBackground: #f5f6f8;
//@plBodyBackground: #990000;

.sudobarGradient(){
    #gradient .vertical-four-colors(rgba(0,0,0,.3), rgba(0,0,0,0.3), rgba(56,56,56,0.3), rgba(112,112,112,0.3));
    background-color: transparent;
}

.sudoBarButtonTextColor(@buttonBgColor){
    color:#fff;
    text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
}

.footerGradient(){
    .sudobarGradient();
    background-color: transparent;    
}

@sudoBarTopBorderColor: rgba(255,255,255,.25);
@sudoBarBottomBorderColor: rgba(255,255,255,0.3);

.sudobarShadow(){
    .box-shadow(0 1px 0 rgba(0,0,0,0.4));
}

// Sudo bar buttons
.sudobarItemGradient(){
    //.sudobarGradient();
    background-image: none;
    background-color: rgba(0,0,0,.1);
}

@sudoBarButtonBorderColor: rgba(255,255,255,0.4);

.sudobarItemInnerGlow{
    .box-shadow(inset -1px 1px 0px rgba(50,50,50,.3));
}



// FOOTER
.footerTextColor(@buttonBgColor){
    .sudoBarButtonTextColor(@buttonBgColor);
}

.footerBorders(){
    border-top: 1px solid rgba(255,255,255,0.4);
	border-bottom: none;
}

.footerBoxShadow(){
    box-shadow: rgba(0,0,0,0.4) 0 -1px 0;
}



// CONTENT
.contentWrapperBorder(){
    //border: 1px solid #e78382;
    border: none;
}

.mainMenuActiveItemBorder(){
    .contentWrapperBorder();
}


//@sideBarBackground: darken(@plBodyBackground, 5.3%);

// Sudo bar
//@sudoBarTopColor: lighten(@sideBarBackground, 13%);
//@sudoBarBottomColor: lighten(@sideBarBackground, 0.6%);

//@sudoBarTopBorderColor: lighten(@plBodyBackground, 15%);
//@sudoBarBottomBorderColor: darken(@plBodyBackground, 10%);

// Sudo bar buttons
//@sudoBarButtonBorderColor : darken(@sudoBarBottomColor, 3%);
//@sudobarButtonGradientTopColor : lighten(@sudoBarBottomColor, 11.8%);
//@sudobarButtonGradientBottomColor : darken(@sudoBarTopColor, 9.9%);

//@plBodyBackground: #990000;


//@bodyBackground: #fff;
@plBodyBackground: rgba(0,0,0,.4);
@monitorUserBorderColor: rgba(255,255,255,0);
.userMonitorBoxShadow(){
    box-shadow: rgba(0,0,0,0) 0 -1px 0;
}

.sideBarButtonBackground(){
    background-image: linear-gradient(bottom, rgba(225,225,225,1) 0%, rgba(225,225,225,1) 100%);
	background-image: -o-linear-gradient(bottom, rgba(225,225,225,1) 0%, rgba(225,225,225,1) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(225,225,225,1) 0%, rgba(225,225,225,1) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(225,225,225,1) 0%, rgba(225,225,225,1) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(225,225,225,1) 0%, rgba(225,225,225,1) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgba(225,225,225,0.7)),
		color-stop(1, rgba(225,225,225,0.7))
	);    
}

.userMonitorBackground(){
    background: none;
}

.userMonitorBorder(){
    border-left: none;
}



@loginBoxBackgroundColor: rgba(115,194,193,0);
@loginBoxBorder: none;
@loginBoxBottomBorder: none;
@loginBoxTopBorder: 1px solid rgba(255,255,255,.6);
@loginBoxBoxShadow: inset 0 0 5px rgba(200,200,200,.6), 0 2px 10px rgba(0,0,0,.7);
@loginBoxHeaderBorderTop: none;
@loginBoxHeaderBorderLeft: none;
@loginBoxHeaderBorderRight: none;
@loginBoxHeaderBorderBottom: 1px solid rgba(0,0,0,.4);

@loginBoxHeaderBoxShadow: none;

.loginBoxHeaderBackgroundImage(){
    background-image: none;
}



@loginBoxHeaderLineHeight: normal;
@loginBoxHeaderTextColor: rgba(255,255,255,.95);
@loginBoxHeaderTextShadow: none;

#loginInner{
    border-top: 1px solid rgba(255,255,255,.4);
}



#rememberMeToggle i{
    color: #fff;
}


@loginBoxInputTextColor: #fff;
@loginBoxInputBorder: 1px solid rgba(0,0,0,.4);
@loginBoxInputBorderTop: 1px solid rgba(0,0,0,.8);
@loginBoxInputBoxshadow: inset 0px -1px 0px rgba(255,255,255,.4), 0 1px 0 transparent;
@loginBoxInputTextBackground: rgba(130,130,130,.3);
@loginBoxActiveRemeberBtnBackgroundColor: rgba(130,130,130,.3);
@loginBoxInputPlaceholderTextColor: rgba(255,255,255,.4);
@loginBoxInputPlaceholderTextShadow: 0px -1px 0px rgba(0,0,0,.4);

#rememberMeToggle{
    vertical-align: middle;
    border-radius: 2px;
    text-decoration: none; 
    padding: 6px 10px;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 1px 0 rgba(0,0,0,0.4);
    
    border: 1px solid rgba(255,255,255,0.3);
    border-top: 1px solid rgba(255,255,255,0.35);
    border-bottom: 1px solid rgba(255,255,255,0.3);
    background-image: -webkit-linear-gradient(bottom,rgba(100,100,100,0.3) 0%,rgba(100,100,100,0.3) 50%,rgba(156,156,156,0.3) 50%,rgba(212,212,212,0.3) 100%);
}

#rememberMeToggle i{
    text-shadow: none;
}

#rememberMeToggle:hover,#rememberMeToggle.active{
    padding: 7px 10px;
    border-radius: 3px;
    background: rgba(130,130,130,.3);
	border-top: 1px solid rgba(0,0,0,.8);
	border: 1px solid rgba(0,0,0,.4);
	box-shadow: inset 0px -1px 0px rgba(255,255,255,.4), inset 0 0 10px rgba(0,0,0,0.5);
    background: rgba(130,130,130,.3);
}

#rememberMeToggle:hover{
    box-shadow: inset 0px -1px 0px rgba(255,255,255,.4), inset 0 0 15px rgba(0,0,0,0.6);
}
#rememberMeToggle:active{
    box-shadow: inset 0px -1px 0px rgba(255,255,255,.4), inset 0 0 15px rgba(0,0,0,0.7);
}

.loginBoxButtonBackground(){
    border-radius: 2px;
    color: rgba(255,255,255,.9);
    text-shadow: none;
    height: 30px;
    background: none;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 1px 0 rgba(0,0,0,0.4);
    border-top: 1px solid rgba(255,255,255,0.25);
    border-bottom: 1px solid rgba(255,255,255,0.3);
    background-image: -webkit-linear-gradient(bottom,rgba(100,100,100,0.3) 0%,rgba(100,100,100,0.3) 50%,rgba(156,156,156,0.3) 50%, rgba(212,212,212,0.3) 100%);
    margin-left: 8px;
}

#loginInner input[type=button]{
    box-shadow: none;
    color: rgba(255,255,255,.9);
    text-shadow: none;
}

#loginInner img{
    opacity: .7;
}

#loginIcon{
    top: 71px;
}


.sidebarMenu li{
    height: 32px;
    width: 180px;
    list-style: none;
    margin: 0 0 5px 5px;
    padding: 5px 10px 5px 10px;
    border: 0px solid #d9e4f4;
    border-bottom: 0px solid #5d7699;
    
    .border-radius(@contentAreaBorderRadius);    
    .sideBarButtonBackground();
    box-shadow: inset 0 0 10px rgba(255,255,255,0.5);
    -webkit-box-shadow: inset 0 0 10px rgba(255,255,255,0.5);
    -moz-box-shadow: inset 0 0 10px rgba(255,255,255,0.5);    

	
}












.sidebarMenu{
	right: 0!important;
}