طلب تعديل علي كود كود علبة الدردشه مثل الفيس بوك

السلام عليكم

تحية طيبة إلي كامل فريق أحلي منتدي

طلب تعديل علي كود علبة الدردشه مثل الفيس بوك

الكود لدخول الى علبة الدردشه

الكود:: [list=linenums][*]<script type="text/javascript" src="[url=http://a7la-7ekaya.googlecode.com/files/a7lacat.js]http://a7la-7ekaya.googlecode.com/files/a7lacat.js[/url]"></script><div id="FMChatBase" class="chatbase" onclick="openClose()"><span style="font-weight: bold; line-height: 2em; font-size: 11px;">ChatBox</span></div><div id="chat" style="display: none;"><iframe id="<b style="color:#aa0000" class="coloradmin">FMChat</b>" name="<b style="color:#aa0000" class="coloradmin">FMChat</b>" onload="FMChatLoad();" style="border: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;" src="/chatbox" height="100%" width="100%"></iframe></div> [/list]

كود CSS

الكود:: /*<b style="color:#aa0000" class="coloradmin">FMChat</b> Design*/ .chatbase { /*This can be edited to your liking - (the button)*/ position: fixed; bottom: 2px; right: 15px; background: #56A0D3; border: 2px solid #7BB92B; width: 75px; height: 20px; border-radius: 5px; text-align: center !important; cursor: pointer; color: #ffffff; } .chatbase:hover { /*This can be edited to your liking - (hovering over the button)*/ border-color: #D30C3F; color: #000000; } #chat { /*This can be edited to your liking - (box surrounding the chatbox)*/ border: 2px solid #7BB92B; width: 65%; position: fixed; right: 15px; bottom: 27px; height: 50%; border-radius: 5px; z-index: 1000; }

كود CSS به مشكلة

عند وضع الكود في ورقة CSS

يعطي هذا الخطء

طلب تعديل علي كود CSS

وشكرا لكم

تفضل كود css

الكود:: .chatbase { /*This can be edited to your liking - (the button)*/ position: fixed; bottom: 2px; right: 15px; background: #56A0D3; border: 2px solid #7BB92B; width: 75px; height: 20px; border-radius: 5px; text-align: center !important; cursor: pointer; color: #ffffff; } .chatbase:hover { /*This can be edited to your liking - (hovering over the button)*/ border-color: #D30C3F; color: #000000; } #chat { /*This can be edited to your liking - (box surrounding the chatbox)*/ border: 2px solid #7BB92B; width: 65%; position: fixed; right: 15px; bottom: 27px; height: 50%; border-radius: 5px; z-index: 999; }