@CHARSET "UTF-8";

/* ---
message bar for error messages or dialogs */
.messageBar { height: 32px; position: relative; width: 100%; z-index: 20; background: #fffebf url(icons/dialog/dialog-error.png) no-repeat 20px center; display: block; border-bottom: 1px dotted gray;}
.messageBar .msgBarMessage { margin: 0; padding-top: 8px; padding-left: 55px; height: 32px; font-weight: bold;}
.messageBar .msgBarButtons { position: absolute; right: 20px; z-index: 25;}
.messageBar .msgBarButtons a { top: -31px; background-image: url(icons/dialog/dialog-ok.png);}
.button a { height: 32px; margin: 6px 0 6px 6px; padding: 3px 6px 3px 22px; top: 8px; position: relative; color: black; 
	background: transparent url(images/icons/document-new.png) no-repeat 3px center; cursor: pointer; }
.button a:hover  { border-color: black; color: #333; }
/* Block DIV - a div element over the whole screen to lock everything exept the messagebar */
#lock { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: 10; border-width: 0; }