@external gwt-Image;

.warning, .error {
   
}

.warningBar {
   margin-left: 1px;
   margin-right: 1px;
}

@sprite .left {
   gwt-image: 'warningBarLeft';
}

@sprite .right {
   gwt-image: 'warningBarRight';
}

@sprite .center {
   gwt-image: 'warningBarTile';
   white-space: nowrap;
   overflow-x: hidden;
}

.warningIcon {
   position: relative;
   top: 4px;
   margin-left: 2px;
   filter: literal("alpha(opacity = 50)") !important;
   opacity: 0.5; /* non-IE */
   background-size: 21px 17px;
   width: 21px;
   height: 17px;
}

.label {
   position: relative;
}

.dismiss {
   right: 0;
   width: 9px;
   height: 9px;
}

.dismiss .gwt-Image {
   float: left;
   margin-right: 2px;
   background-size: 9px 9px;
   width: 9px;
   height: 9px;
}
