#page-wrap body { font: 12px "Lucida Grande", Sans-Serif; } #page-wrap h2 { color: #fa9f00; font: 20px Helvetica, Sans-Serif; margin: 0 0 2px 0; } #page-wrap { width: 90%; margin: 1% auto; position: relative; } #chat-wrap { border: 1px solid #eee; margin: 0 0 2% 0; } #chat-area { height: 300px; overflow: auto; border: 1px solid #666; padding: 20px; background: white; } #nick { color: white; background: #333; padding: 1px 8px; -margin: 0 5px 0 0; margin-right: 4px; } #time { font-size: 70%; padding: 1px 1px; margin: 10px 5px 0 -45px; float: left; font-weight: bold; } #date { font-size: 70%; padding: 1px 1px; margin: 0 5px 0 0; float: left; font-weight: bold; } #chat-area p { padding: 3px 0; border-bottom: 1px solid #ccc; margin: 1px 0px 1px 0px; } #name-area { position: absolute; top: 12px; right: 0; font: bold 12px "Lucida Grande", Sans-Serif; text-align: right; } #name-area span { color: #fa9f00; } #sendie { border: 3px solid #999; width: 100%; padding: 1%; font: 12px "Lucida Grande", Sans-Serif; } #sendie-overlay { border: 3px solid #999; width: 96%; padding: 1%; font: 12px "Lucida Grande", Sans-Serif; } #author-chat-pp { margin:0 auto; text-align:center; } .ui-dialog-titlebar-close span { /* margin: -8px !important;*/ } .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable { z-index: 10000 !important; } .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front{ z-index: 10001 !important; } .ui-widget-overlay { position: fixed !important; }