.floatingBar{
    width: 700px;
    z-index: 1100;
    margin: 0px auto;
    left:50%;
    margin-left: -350px;    
    border: 1px solid;
    text-align: center;
    position: fixed;
    opacity: 0.9;
    font-weight: bold;
    font-size: 13px;   
    
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.floatingBar h3 {
	width:100%;
	padding:0px 0px 3px 20px;
	float:left;
	text-align:left;
}
.floatingBar p {
	width:100%;
	float:left;
	text-align:left;
    margin-left: 19px;
}
.floatingBar.info{
    background:#e2fdff;
	border:1px solid #7ddde4;   
}
.floatingBar.info #logo{
    height: 48px;
    width: 48px;
    background:url(/OBSExternalUI/javax.faces.resource/_img/icons_messages.gif.jsf) no-repeat 5px -251px;
    position: absolute;
    left: 2px;
}

.floatingBar.success{
    background:#d2ffd9;
	border:1px solid #90ea9e;
}

.floatingBar.success #logo{
    height: 48px;
    width: 48px;
    background:url(/OBSExternalUI/javax.faces.resource/_img/icons_messages.gif.jsf) no-repeat 5px 5px;
    position: absolute;
    left: 2px;
}

.floatingBar.alert{
    background: #ffffe2;
	border:1px solid #f6f67c;
}

.floatingBar.alert #logo{
    height: 48px;
    width: 48px;
    background:url(/OBSExternalUI/javax.faces.resource/_img/icons_messages.gif.jsf) no-repeat 5px -163px;
    position: absolute;
    left: 2px;
}

.floatingBar.error{
    background:#ffc5c5;
	border:1px solid #e99898;
}

.floatingBar.error #logo{
    height: 48px;
    width: 48px;
    background:url(/OBSExternalUI/javax.faces.resource/_img/icons_messages.gif.jsf) no-repeat 5px -75px;
    position: absolute;
    left: 2px;
}

.floatingBar.hide{
	display:none;
}