كود css لتطوير صندوق الدردشة لجعله اكثر احترافية

<li class="L0">#chatbox_main_options, #chatbox_main_options a, #chatbox_main_options span{</li><li class="L1">color: #9a9a9a;</li><li class="L2">text-shadow: 1px 1px 1px #ffffff;</li><li class="L3">text-decoration:none;</li><li class="L4">font-family: Arial Black;</li><li class="L5">text-transform: uppercase;</li><li class="L6">}</li><li class="L7">#chatbox_main_options a:hover{</li><li class="L8">color: grey;</li><li class="L9">text-shadow: 1px 1px 1px #b8b8b8;</li><li class="L0">text-decoration:none !important;</li><li class="L1">font-family: Arial Black;</li><li class="L2">text-transform: uppercase;</li><li class="L3">}</li><li class="L4"> </li><li class="L5">#chatbox_main_options {</li><li class="L6">background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl21.jpg) repeat-x;</li><li class="L7">float: right;</li><li class="L8">border: 1px solid #c9c9c9;</li><li class="L9">margin-right: 50px;</li><li class="L0">margin-top: -17px;</li><li class="L1">padding: 2px 3px 1px 5px;</li><li class="L2">border-radius: 0px 0px 5px 5px;</li><li class="L3">-moz-border-radius: 0px 0px 5px 5px;</li><li class="L4">-webkit-box-shadow: 0px 0px 4px #c6c6c6;</li><li class="L5">box-shadow: 0px 0px 4px #c6c6c6;</li><li class="L6">-moz-box-shadow: 0px 0px 4px #c6c6c6;</li><li class="L7">}</li><li class="L8">#chatbox_main_options:hover {</li><li class="L9">margin-top: -7px;</li><li class="L0">}</li><li class="L1">/*----------------Members----------------*/</li><li class="L2">#chatbox_members {</li><li class="L3">background: url(http://i25.servimg.com/u/f25/14/45/99/41/50347510.png);</li><li class="L4">margin-bottom: -30px;</li><li class="L5">border-right: 1px solid #c9c9c9;</li><li class="L6">background-color: #ffffff;</li><li class="L7">}</li><li class="L8">#chatbox_members:hover {</li><li class="L9">border-right: 1px solid #b7b7b7;</li><li class="L0">background-color: #fcfcfc;</li><li class="L1">}</li><li class="L2">h4.member-title{</li><li class="L3">background: url(http://i25.servimg.com/u/f25/14/45/99/41/untitl23.jpg) repeat-x !important;</li><li class="L4">font-family: Arial Black;</li><li class="L5">text-transform: uppercase;</li><li class="L6">color: #ffffff !important;</li><li class="L7">text-shadow: 0px 0px 3px black;</li><li class="L8">margin-top: -1px;</li><li class="L9">cursor: default;</li><li class="L0">letter-spacing: 0.5em;</li><li class="L1">}</li><li class="L2"> </li><li class="L3">#chatbox_members ul {</li><li class="L4">list-style: none;</li><li class="L5">margin: 0px;</li><li class="L6">}</li><li class="L7">#chatbox_members ul li {</li><li class="L8">background: url(http://i25.servimg.com/u/f25/14/45/99/41/115.png);</li><li class="L9">font-family: Arial Black;</li><li class="L0">font-weight: bold;</li><li class="L1">font-size: 14px;</li><li class="L2">color: #393939;</li><li class="L3">padding-left: 10px;</li><li class="L4">border-bottom: 1px solid #e2e2e2;</li><li class="L5">margin: 0px;</li><li class="L6">}</li><li class="L7"> </li><li class="L8">#chatbox_members ul li:hover {</li><li class="L9">background-color: #f4f4f4;</li><li class="L0">background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/114.png');</li><li class="L1">background-repeat: no-repeat;</li><li class="L2">background-position: center left;</li><li class="L3">}</li><li class="L4">#chatbox_members ul li:active {</li><li class="L5">background-image:url('http://i25.servimg.com/u/f25/14/45/99/41/213.png');</li><li class="L6">}</li><li class="L7">#chatbox_members ul li a {</li><li class="L8">text-shadow: 1px 1px 1px #ffffff;</li><li class="L9">font-size: 12px;</li><li class="L0">color: #909090;</li><li class="L1">text-decoration: none;</li><li class="L2">}</li><li class="L3">#chatbox_members ul li a:hover {</li><li class="L4">color: #393939;</li><li class="L5">text-decoration: none !important;</li><li class="L6">}</li><li class="L7"> </li><li class="L8"> </li><li class="L9"> </li><li class="L0"> </li><li class="L1"> </li><li class="L2"> </li><li class="L3"> </li><li class="L4"> </li><li class="L5"> </li><li class="L6"> </li><li class="L7"> </li><li class="L8"> </li><li class="L9"> </li><li class="L0"> </li><li class="L1"> </li><li class="L2"> </li><li class="L3"> </li><li class="L4"> </li><li class="L5"> </li><li class="L6"> </li><li class="L7"> </li><li class="L8"> </li><li class="L9"> </li><li class="L0"> </li><li class="L1"> </li><li class="L2"> </li><li class="L3"> </li><li class="L4">/*----------------Footer----------------*/</li><li class="L5">#chatbox_messenger .catBottom{</li><li class="L6">background: none !important;</li><li class="L7">}</li><li class="L8">#chatbox_messenger_form {</li><li class="L9">width: 550px;</li><li class="L0">background: none !important;</li><li class="L1">float: none !important;</li><li class="L2">bottom: 0px ;</li><li class="L3">position: fixed;</li><li class="L4">z-index: 999;</li><li class="L5">margin-left: auto;</li><li class="L6">margin-right: auto;</li><li class="L7">left: 0;</li><li class="L8">right: 0;</li><li class="L9">}</li><li class="L0">.chatfootertable {</li><li class="L1">-webkit-box-shadow: 0px 0px 4px #d4d4d4;</li><li class="L2">box-shadow: 0px -0px 4px #d4d4d4;</li><li class="L3">-moz-box-shadow: 0px 0px 4px #d4d4d4;</li><li class="L4">box-shadow: 0px 0px 4px #c6c6c6;</li><li class="L5">-moz-box-shadow: 0px 0px 4px #c6c6c6;</li><li class="L6">border-top: 1px solid #c9c9c9;</li><li class="L7">border-left: 1px solid #c9c9c9;</li><li class="L8">border-right: 1px solid #c9c9c9;</li><li class="L9">border-bottom: 0px;</li><li class="L0">height: 30px;</li><li class="L1">border-radius: 5px 5px 0px 0px;</li><li class="L2">-moz-border-radius: 5px 5px 0px 0px;</li><li class="L3">background-color: #ffffff;</li><li class="L4">background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));</li><li class="L5">background: -moz-linear-gradient(top, #ffffff, #e2e2e2);</li><li class="L6">}</li><li class="L7">.chatfootertable:hover {</li><li class="L8">border-top: 1px solid #a7a7a7;</li><li class="L9">border-left: 1px solid #a7a7a7;</li><li class="L0">border-right: 1px solid #a7a7a7;</li><li class="L1">}</li><li class="L2">.text-styles {</li><li class="L3">color: grey;</li><li class="L4">}</li><li class="L5">#divbold, #divitalic, #divunderline, #divstrike, #divcolor, #divsmilies {</li><li class="L6">background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;</li><li class="L7">border: 1px solid #c9c9c9;</li><li class="L8">background-color: #ffffff;</li><li class="L9">border-radius: 3px;</li><li class="L0">-moz-border-radius: 3px;</li><li class="L1">}</li><li class="L2">#divbold:hover, #divitalic:hover, #divunderline:hover, #divstrike:hover, #divcolor:hover, #divsmilies:hover {</li><li class="L3">background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;</li><li class="L4">border: 1px solid #a2a2a2;</li><li class="L5">}</li><li class="L6">#divbold:active, #divitalic:active, #divunderline:active, #divstrike:active, #divcolor:active, #divsmilies:active {</li><li class="L7">background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;</li><li class="L8">}</li><li class="L9">.gen label input#message {</li><li class="L0">height: 17px;</li><li class="L1">font-size: 12px;</li><li class="L2">border: 1px solid #c9c9c9;</li><li class="L3">background-color: #ffffff;</li><li class="L4">border-radius: 3px;</li><li class="L5">-moz-border-radius: 3px;</li><li class="L6">}</li><li class="L7">.gen label input#message:hover {</li><li class="L8">border: 1px solid #b2b2b2;</li><li class="L9">background-color: #f5f5f5;</li><li class="L0">}</li><li class="L1">.gen label input#message:focus {</li><li class="L2">border: 1px solid #a4a4a4;</li><li class="L3">background-color: #e0fdff;</li><li class="L4">}</li><li class="L5">.gen input#submit_button {</li><li class="L6">cursor: pointer;</li><li class="L7">color: #929292;</li><li class="L8">font-family: Arial Black;</li><li class="L9">text-transform: uppercase;</li><li class="L0">font-size: 12px;</li><li class="L1">padding-left: 2px;</li><li class="L2">padding-right: 2px;</li><li class="L3">background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x;</li><li class="L4">border: 1px solid #c9c9c9;</li><li class="L5">background-color: #ffffff;</li><li class="L6">border-radius: 3px;</li><li class="L7">-moz-border-radius: 3px;</li><li class="L8">}</li><li class="L9">.gen input#submit_button:hover {</li><li class="L0">color: #2c2c2c;</li><li class="L1">background: url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;</li><li class="L2">border: 1px solid #a2a2a2;</li><li class="L3">}</li><li class="L4">.gen input#submit_button:active {</li><li class="L5">background: url(http://i25.servimg.com/u/f25/14/45/99/41/active10.jpg) repeat-x;</li><li class="L6">}</li>