.HintBar {
	
/**/
	background: #b7b7b7;
	background: -moz-linear-gradient(top,  #b7b7b7 0%, #939394 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7b7b7), color-stop(100%,#939394));
	background: -webkit-linear-gradient(top,  #b7b7b7 0%,#939394 100%);
	background: -o-linear-gradient(top,  #b7b7b7 0%,#939394 100%);
	background: -ms-linear-gradient(top,  #b7b7b7 0%,#939394 100%);
	background: linear-gradient(top,  #b7b7b7 0%,#939394 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7b7b7', endColorstr='#939394',GradientType=0 );

	border-top		: #E5E5E5 1px solid;
	border-bottom		: #000000 1px solid;

	border-spacing		: 0;
	border-collapse		: collapse;
		
/*/
	background		: url('/res/system/images/navbar/bg.png') repeat-x transparent;
	background-position	: top;
/**/
	
	color			: #FFFFFF;
	text-shadow		: 0px 0px 5px black;
	
	bottom			: 0;
	left			: 0;
	position		: fixed; 

	overflow		: auto;
	
	width			: 100%;
	height			: 40px;
	
	box-shadow		: 0px -1px 7px black;
	-webkit-box-shadow	: 0px -1px 7px black;
	-moz-box-shadow		: 0px -1px 7px black;
	
	z-index			: 2001;	
	
}

.sysDesktop {
	bottom			: 40px;
}

.HintBar A, 
.HintBar .Hi {
	text-decoration		: none;
	
	color			: #66FFAA;
	text-shadow		: 0px 0px 3px black;

	font-weight		: bold;
}

.HintBarItem {
	text-align		: center;
/*/	
	border-right		: #ACADAD 1px solid;
	border-left		: #696869 1px solid;

/*/
	background		: url('/cms2t/res/images/navbars/divider.png') no-repeat transparent;
	background-position	: right center;
/**/	
	padding			: 5px;
} 

.HintBar #HintBarStatus {
	width			: 50px;
	text-align		: center;
	vertical-align		: middle;
}

.HintBar #hint_bar_status_working  {
	background		: url('/cms2t/res/images/loading3.gif') no-repeat transparent;
	background-position	: center center;
	
	height			: 24px;
}

.HintBar #HintPlaceholder {
	font-weight		: bold;
	text-align		: left;
	padding-left		: 20px;
}

.HintBar .status_success,
.HintBar .status_error {
	text-shadow		: 0px 0px 5px white;
}


.HintBar .status,
.HintBar .status_success,
.HintBar .status_error {
	padding-left		: 30px;

	height			: 24px;
	
	display			: table-cell;
	vertical-align		: middle;

	font-size		: 13px;
	font-weight		: bold;

	color			: white;
}

.HintBar .status.Hint {
	background		: url('/cms2t/res/images/status/Info.png') no-repeat transparent left center;
}

.HintBar .status_success,
.HintBar .status.Success {
	background		: url('/cms2t/res/images/status/Success.png') no-repeat transparent left center;
	text-shadow		: 0px 0px 5px green;

}

.HintBar .status_error,
.HintBar .status.Error {
	background		: url('/cms2t/res/images/status/Error.png') no-repeat transparent left center;
	text-shadow		: 0px 0px 5px red;
}

.HintBar .status_warning,
.HintBar .status.Warning {
	background		: url('/cms2t/res/images/status/Warning.png') no-repeat transparent left center;
	text-shadow		: 0px 0px 5px orange;
}

/* ---- CUSTOM WIDGETS, here due to temporary optimization */

.HintBar #Tester {
	width			: 50px;
}

.HintBar #HintBarMessages {
	
	height			: 32px;
	line-height		: 32px;
		
	color			: #000000;
	text-shadow		: 0px 0px 2px black;
	
	font-size		: 13px;
	font-weight		: bold;
	
	cursor			: pointer;
	
	background		: url('/res/dashboard/images/msg.png') no-repeat transparent 50% 50%;
}

 