.dialog { width: 300px; border: 1px solid #444;  position: absolute; top: 0px; background-color: #fff; }
.dialog .dialogtitle { color: #fff; font-size: 18px; padding: 5px; background-color: #444; font-weight: bold;}
.dialog .dialogbody { color: #444; padding: 10px; font-size: 12px; font-family: Expletus Sans Italic; }
.dialog .buttoncancel { float: right; background-color: #00356A; color: #fff; font-size: 12px; padding: 4px; margin: 0px -1px 0px 0px; cursor: pointer; }
.dialog .buttonok { float: right; background-color: #00356A; color: #fff; font-size: 12px; padding: 4px; margin: 0px 5px 0px 0px; cursor: pointer;}

.tipbox { min-width: 130px; max-width: 200px; border: 1px solid #444; margin: 0px; padding: 0px; position: absolute; }
.tipbox .tipboxtitle { background-color: #444; color: #fff; font-family: Tahoma; padding: 3px; font-size: 14px; font-weight: bold; }
.tipbox .tipboxbody { color: #00356A; font-family: Tahoma; padding: 6px; font-size: 12px; background-color: #fff;}