/* ========================================== */
/* CSS for control sap.ui.commons/MessageBar  */
/* base theme                                 */
/* ========================================== */

/* Base definitions */

.sapUi-cursorPointer {
	cursor: pointer;
}

.sapUi-displayNone {
	display: none;
}

/* Icons have less padding within the Bar then they have within Messages... */
.sapUiMsgBar .sapUiMsgIcon {
	width: 16px; /* 'width' with 'position:center' seems more stable then 'padding'... */
}

/* .. and Texts come with right padding */
.sapUiMsgBar .sapUiMsgTxt {
	padding: 0 7px 0 1px;
}

/* Styling of the messageBar */

.sapUiMsgBar {
	background-color: #3355A8;
	border-radius: 3px;
	padding: 1px;
	white-space: nowrap;
}

/* Styling the Icons-Counters container: */
.sapUiMsgBarSums {
	background: url('img/messagebar/float_backgr.gif') repeat-x scroll 0 0 transparent;
	border: 1px solid #3355A8;
	border-radius: 2px;
	cursor: move;
	display: inline-block;
	height: 21px;
	line-height: 18px;
	padding: 1px;
}

.sapUiMsgBarOpen .sapUiMsgBarSums {
	background-color: white;
	background-image: none;
}

/* Styling the left Open-Hide arrow: */
.sapUiMsgBarToggle {
	background: url('img/messagebar/collapsed.gif') no-repeat scroll 0 0 transparent;
	cursor: pointer;
	display: inline-block;
	height: 14px;
	margin: 0 4px;
	outline-style: none; /* To block IE outline */
	vertical-align: middle;
	width: 8px;
}

.sapUiRtl .sapUiMsgBarToggle {
	background-image: url('img/messagebar/collapsedRTL.gif');
}

.sapUiMsgBarOpen .sapUiMsgBarToggle,
.sapUiRtl .sapUiMsgBarOpen .sapUiMsgBarToggle {
	background-image: url('img/messagebar/expanded.gif');
}

/* By default, not displaying the empty '(0)' levels: */
.sapUiMsgBarZeroCount {
	display: none !important;
}

/* The BackHome icon is not shown unless the MessageBar has been moved: */
.sapUiMsgBarMoved .sapUiMsgBarHome {
	display: inline-block;
}

.sapUiMsgBarHome {
	background: url('img/messagebar/re-dock.gif') no-repeat scroll 0 0 transparent;
	border: 1px solid transparent;
	border-radius: 2px;
	cursor: pointer;
	display: none;
	height: 21px;
	padding: 1px;
	vertical-align: top;
	width: 9px;
}

.sapUiRtl .sapUiMsgBarHome {
	background-image: url('img/messagebar/re-dockRTL.gif');
}

.sapUiMsgBarHome:hover {
	background-color: #2F4D90;
	border: 1px solid #7E95C8;
}