/************************\
   	INFOBAR
\************************/
.infobar{
	left:				0;
	position:			absolute;
	top:				0;
	width:				100%;
	z-index:			9997;
}
body > div.infobar {  /* IE 7+ hack; */
	position:			fixed;
}
/** INFOBAR BAR **/
.infobar-bar{
	border-bottom:		1px solid #696969;
}
.infobar-bar div{
	background:			InfoBackground url("shield-help.png") no-repeat fixed 5px 3px;
	border-bottom:		1px solid #a0a0a0;
	color:				InfoText;
	cursor:				default;
	display:			block;
	font:				message-box;
	padding:			4px 25px 4px 25px;
}
.infobar-bar.exclamation div{
	background-image:	url("shield-exclamation.png");
}
.infobar-bar.error div{
	background-image:	url("shield-error.png");
}
.infobar-bar.help div{
	background-image:	url("shield-help.png");
}
.infobar-bar.ok div{
	background-image:	url("shield-ok.png");
}
.infobar-bar.warning div{
	background-image:	url("shield-warning.png");
}
.infobar-bar div.hover,
.infobar-bar div:hover {
	background-color:	Highlight;
	color:				HighlightText;
}
.infobar-bar input {
	background:			none;
	border:				none 0;
	color:				InfoText;
	font:				bold 15px "OCR A Std";
	height:				26px;
	margin:				0;
	padding:			0 0 1px 0;
	position:			absolute;
	right:				0;
	top:				0;
	width:				24px;
}
.infobar-bar.hover input,
.infobar-bar:hover input {
	color:				HighlightText;
}


/** INFOBAR MENU **/
.infobar-menu{
	background:			#f5f5f5;
	border:				1px solid #979797;
	color:				InfoText;
	cursor:				default;
	font:				message-box;
	left:				100px;
	margin:				0;
	padding:			2px;
	position:			absolute;
	top:				100px;
	width:				auto;
	white-space:		nowrap;
	z-index:			9998;
}
.infobar-menu th, 
.infobar-menu td{
	background:			#f1f1f1;
	height:				24px;
	margin:				0;
	padding:			0 5px;
	text-align:			left;
}
.infobar-menu th{
	width:				20px;
}
.infobar-menu img{
	height:				16px;
	width:				16px;
}
.infobar-menu .dividerH{
	background-color:	white;
	border-left:		1px solid #e0e0e0;
	font-size:			0;  /* IE fix */
	line-height:		0;
	padding:			0;
	width:				1px;  /* none IE workaround */
}
.infobar-menu .dividerV th,
.infobar-menu .dividerV td {
	font-size:			0;
	height:				0;
	line-height:		0;
}
.infobar-menu .dividerV td {
	border-bottom:		1px solid white;
	border-top:			1px solid #e0e0e0;
}
.infobar-menu .dividerV td div{  /* no content fix for Chrome & empty div fix for IE */
	height:				0;
}

.infobar-menu tr.hover th,
.infobar-menu tr:hover th {
	background:			#f1f1f1 url("menu-bg-hover-left.jpg") no-repeat center left;
}
.infobar-menu tr.hover td,
.infobar-menu tr:hover td {
	background:			#f1f1f1 url("menu-bg-hover-right.jpg") no-repeat center right;
	color:				InfoText;
}
.infobar-menu tr.hover td.dividerH,
.infobar-menu tr:hover td.dividerH {
	background:			white url("menu-bg-hover-mid.jpg") repeat-x center center;
}
.infobar-menu tr.hover.dividerV th,  /* IE bug; .hover first */
.infobar-menu tr.hover.dividerV td,  /* IE bug; .hover first */
.infobar-menu tr.dividerV:hover th,
.infobar-menu tr.dividerV:hover td{
	background-image:	none;
}