.chatboxmain { position: fixed; width: 225px; z-index: 9000; bottom: 0px; right: 20px; display: block; } .chatboxheadmain { padding: 5px; color: #333333; color: #ffffff; border-right:1px solid #222; border-left:1px solid #222; background-color: #222; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222)); background-image: -moz-linear-gradient(top, #333333, #222222); background-image: -ms-linear-gradient(top, #333333, #222222); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222)); background-image: -webkit-linear-gradient(top, #333333, #222222); background-image: -o-linear-gradient(top, #333333, #222222); background-image: linear-gradient(top, #333333, #222222); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); min-height: 34px; } #chatboxtitlemain { font-weight: normal; float: left; font-size: 12px; padding-top: 2px; cursor:pointer; } .user_status_main { width:18px; display:inline; float:left; padding: 0px 4px 0px 4px; } .chatbox { position: fixed; position:expression("absolute"); width: 225px; display:none; z-index: 9000; } .user_status { width:8px; display:inline-block; margin-right: 5px; } .chatimage{ display: inline-block; margin-right: 5px; } .chatboxtitle { font-weight: normal; display: inline-block; font-size: 10px; width: 100px; cursor:pointer; overflow: hidden; padding-left: 2px; text-overflow: ellipsis; white-space: nowrap; line-height: 10px; } .chatboxhead { /* background-color: #222; */ padding: 5px; color: #ffffff; border-right:1px solid #222; border-left:1px solid #222; background-color: #222; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222)); background-image: -moz-linear-gradient(top, #333333, #222222); background-image: -ms-linear-gradient(top, #333333, #222222); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222)); background-image: -webkit-linear-gradient(top, #333333, #222222); background-image: -o-linear-gradient(top, #333333, #222222); background-image: linear-gradient(top, #333333, #222222); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); } .chatboxblink { background-color: #FF921F; border-right:1px solid #EF7A00; border-left:1px solid #EF7A00; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#FF921F), to(#FF921F)); background-image: -moz-linear-gradient(top, #FF921F, #FFAC55); background-image: -ms-linear-gradient(top, #FF921F, #FF921F); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF921F), color-stop(100%, #FF921F)); background-image: -webkit-linear-gradient(top, #FF921F, #FF921F); background-image: -o-linear-gradient(top, #FF921F, #FF921F); background-image: linear-gradient(top, #FF921F, #FF921F); } .chatboxcontent { font-family: arial,sans-serif; font-size: 13px; color: #333333; height:200px; width:225px; overflow-y:auto; overflow-x:auto; padding:7px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #eeeeee; background-color: #ffffff; line-height: 1.3em; } .chatboxinput { padding: 5px; background-color: #ffffff; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; } .chatboxtextarea { width: 206px; height:44px; padding:3px 0pt 3px 3px; border: 1px solid #eeeeee; margin: 1px; overflow:hidden; } .chatboxtextareaselected { border: 2px solid #f99d39; margin:0; } .chatboxmessage { margin-left:1em; } .chatboxinfo { margin-left:-1em; color:#666666; } .chatboxmessagefrom { margin-left:-1em; font-weight: bold; } .chatboxmessagecontent { } .chatboxoptions { float: right; } .chatboxoptions a { text-decoration: none; color: white; font-weight:bold; font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif; } .chatboxoptions a:hover { background-color: #aaa; }