#chat-row-resizer{width: 100%;height: 3px;background-color:#f5eed9;border-top: 1px solid #fff;border-bottom: 1px solid #dfca9d;border-left: none;border-right: none;-moz-box-shadow: inset 0px -2px 2px #f5eed9; -webkit-box-shadow: inset 0px -2px 2px #f5eed9; box-shadow: inset 0px -2px 2px #f5eed9; cursor:row-resize;} #chat-col-resizer{position: absolute;top:0;height: 100%;width: 3px;background-color:#f6f7f4;border: 1px solid #dfca9d;border-bottom: none;border-top: none;-webkit-box-shadow: inset -2px 0px 2px #f5eed9; -moz-box-shadow: inset -2px 0px 2px #f5eed9; box-shadow: inset -2px 0px 2px #f5eed9; cursor:col-resize;} #chat-col-resizer-helper{position: absolute;top: -3px;left: 0;height: 100%;width: 2px;background-color:#3bf9f9;cursor:col-resize;z-index:9999;} #chat-row-resizer-helper{position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background-color:#3bf9f9;cursor:row-resize;z-index:9999;} #chat-layout-body #chat-wrapper {display: block; right: 0;} /* #chat-window * {overflow: hidden !ie7; outline: none !ie7; } */ #fix-webkit{display:none;height: 1px;} #chat-window { position: relative;height: auto;width:100%;min-width: 100%;max-width: 100%;background: url('../images/decor/chat-1-gradient.png') top left repeat-x #fff8e2;overflow: hidden;} #chat-window .top-menu{padding: 3px 6px 0 6px;height: 50px;} #chat-window .top-menu .select-wrapper{margin-right: 32px;} #chat-window .top-menu select{padding: 2px;border: 1px solid #75736e;border-bottom-color: #f1f0ee;border-right-color: #f1f0ee;font-weight: normal;width: 100%;} #chat-window .settings-icon, .mini-chat .settings-icon {width: 17px;height: 17px;display: inline-block;vertical-align: middle;background: url('../images/ico/chat-sprite.png') 0 0 no-repeat;cursor: pointer;position: absolute;top: 8px;right: 12px;z-index:9100;} .mini-chat .settings-icon {top: 0;right: 0;} #chat-window .settings-icon:hover, .mini-chat .settings-icon:hover {background-position: -17px 0;} .mini-chat .settings-wrapper { width: 27px; height: 23px; display: inline-block; position: absolute; top: 8px; right: 12px; z-index: 9100; } /* links-more*/ #chat-window #channels { text-align: center; height: 20px; padding-top: 4px; } #chat-window #channels .expand-icon {background-position: -220px -400px;width: 7px;height: 4px;font-size: 1px;display: inline-block;vertical-align: middle;margin: 0 0 0 3px;zoom: 1;} #chat-window #channels span.btn { cursor: pointer; line-height: 17px; vertical-align: center; float: left; display: block; padding: 0 6px 0 7px; margin: 0 3px 0 4px; color: #936d00; font-size: 11px; height: 18px; border: 1px solid #fff; border-right-color: #cebd88; border-bottom-color: #cebd88; background: #f5e8b8; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZThiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWQ0ODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5e8b8 0%, #eed489 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5e8b8), color-stop(100%,#eed489)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5e8b8 0%,#eed489 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5e8b8 0%,#eed489 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5e8b8 0%,#eed489 100%); /* IE10+ */ background: linear-gradient(to bottom, #f5e8b8 0%,#eed489 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5e8b8', endColorstr='#eed489',GradientType=0 ); /* IE6-8 */ -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #chat-window #channels .links-more { float: right !important; text-align: center; position:relative; margin-right:10px; } #chat-window #channels .links-more .label .expand-icon { background-position:-155px -400px; width:7px; height:4px; font-size:1px; display:inline-block; //display:inline; vertical-align:middle; margin:0 0 0 3px; zoom:1; } #chat-window .nano {height:360px;} .mini-chat .content, #chat-window .content {padding: 0 6px; outline: none;} .mini-chat .message, #chat-window .message {padding: 6px 0;width: 100%;border-bottom: 1px dotted #d9debb;position: relative;} .mini-chat .message img.userpic, #chat-window .message img.userpic {margin-right: 5px;height: 32px;width: 32px;cursor: pointer;-ms-interpolation-mode: bicubic;border-radius:3px; -webkit-border-radius:3px;-moz-border-radius:3px;} .mini-chat .message img.resident, #chat-window .message img.resident {background-color: #c8e881;} .mini-chat .message img.arrived, #chat-window .message img.arrived {background-color: #b6d7fc;} .mini-chat .message img.clan-icon, #chat-window .message img.clan-icon {float:none;} .mini-chat .message a, #chat-window .message a {text-decoration: underline; cursor: pointer; wont-weight: normal;} .mini-chat .message a:hover, #chat-window .message a:hover {text-decoration: none; } .mini-chat .message i.m, #chat-window .message i.m {float:right;color: #ddcbb3;font-style: normal;font-size: 9px;line-height: 1.3; cursor: pointer;} .mini-chat .message i.fraction, #chat-window .message i.fraction{display: none;} .mini-chat .message p i, #chat-window .message p i {float: none; cursor: default; } .mini-chat .message span.p, #chat-window .message span.p{margin: 2px 0 0 0;font-size: 11px;line-height: 1.2; display: block;} .mini-chat .message span.p img, #chat-window .message span.p img{cursor: pointer;} .mini-chat .message span.heading, #chat-window .message span.heading{font-size: 11px;color: #7e6957;margin: 0;} .mini-chat .message span.heading b, #chat-window .message span.heading b {cursor: pointer;} .mini-chat .message span.heading span.reply, #chat-window .message span.heading span.reply {cursor: pointer;} .mini-chat .message b.notice, #chat-window .message b.notice {position: absolute;left: -6px;height: 32px;width: 6px;top: 6px;} .mini-chat .message.me.private b.notice, #chat-window .message.me.private b.notice {background-color: #7fb8d5;} .mini-chat .message.me b.notice, #chat-window .message.me b.notice {background-color: #06917c;} .mini-chat .message.private span.heading, #chat-window .message.private span.heading {color: #136fa9;} .mini-chat .message.clan span.heading, #chat-window .message.clan span.heading {color: #428f19;} .mini-chat .message.level span.heading, #chat-window .message.level span.heading {color: #c9760b;} .mini-chat .message.all span.heading, #chat-window .message.all span.heading {color: #c9760b;} .mini-chat .message.fraction span.heading, #chat-window .message.fraction span.heading {color: #c9760b;} .mini-chat .message.battle span.heading, #chat-window .message.battle span.heading {color: #c9760b;} .mini-chat .message.system span.p, #chat-window .message.system span.p{color: #606257;font-style: italic;margin: 0;} .mini-chat .message.system span.p span.sys1, #chat-window .message.system span.p span.sys1 {color:#225ACF;font-style: normal} #chat-window #textarea-row-resizer {width:100%;height: 5px;margin: 0;cursor: row-resize;} .mini-chat .write-message, #chat-window .write-message {padding: 0 5px 4px 5px;} .mini-chat .write-message .wrapper, #chat-window .write-message .wrapper {height: 100%;} .mini-chat .messages.no-avatar .message img.userpic, #messages.no-avatar .message img.userpic {display: none;} .mini-chat .messages.no-time .message i, #messages.no-time .message i {display: none;} .mini-chat .messages.no-avatar b.notice, #messages.no-avatar b.notice {height: 12px;width: 3px;top: 8px;} .mini-chat .messages.no-avatar i.fraction, #messages.no-avatar i.fraction {display: inline-block; float: none;} .mini-chat .messages.no-avatar i.fraction, #messages.no-avatar i.fraction {float: left !ie7;} .mini-chat .messages.no-avatar.no-time .message span.p, #messages.no-avatar.no-time .message span.p {display: inline-block;} .mini-chat .messages.no-avatar.no-time .message span.heading, #messages.no-avatar.no-time .message span.heading {display: inline-block;} .mini-chat .messages.no-avatar.no-time .message span.p, #messages.no-avatar.no-time .message span.p {float: left !ie7; margin-left: 5px !ie7;} .mini-chat .messages.no-avatar.no-time .message span.heading, #messages.no-avatar.no-time .message span.heading {float: left !ie7;} .mini-chat .write-message .textarea-wrapper, #chat-window .write-message .textarea-wrapper {position: relative;width: 100%;height: 40px;border: 1px solid #75736e;border-bottom-color: #f2f0ee;border-right-color: #f2f0ee;border-bottom: none;-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;background-color: #fff;} .mini-chat .write-message textarea, #chat-window .write-message textarea {width: 100%;min-width: 100%;height: 100%;min-height: 100%;border: none;overflow: hidden;resize: none;outline: none;font-size: 11px;font-family: Arial, Tahoma, sans-serif;behavior: url("/i/behaviors/selection.htc");} .mini-chat .write-message textarea { width: 98%; min-width: 98%; } .mini-chat .write-message .textarea-buttons, #chat-window .write-message .textarea-buttons {height: 19px;width: 100%;border: 1px solid #75736e;border-bottom-color: #f2f0ee;border-right-color: #f2f0ee;border-top: none;-webkit-border-radius: 0 0 3px 3px;-moz-border-radius: 0 0 3px 3px;border-radius: 0 0 3px 3px;background-color: #fff;text-align: right;} .mini-chat .write-message .textarea-buttons .send-icon, #chat-window .write-message .textarea-buttons .send-icon {height: 13px;width: 13px;background: url('../images/ico/chat-sprite.png') -13px -17px no-repeat;display: block;position: absolute;left: 12px;bottom: 8px;cursor: pointer;} .mini-chat .write-message .textarea-buttons .send-icon:hover, #chat-window .write-message .textarea-buttons .send-icon:hover {background-position: -26px -17px;} .mini-chat .write-message .textarea-buttons .send-icon.disable, .mini-chat .write-message .textarea-buttons .send-icon.disable:hover {background-position: 0 -17px;cursor: default;} #chat-window .write-message .textarea-buttons .send-icon.disable, #chat-window .write-message .textarea-buttons .send-icon.disable:hover {background-position: 0 -17px;cursor: default;} .mini-chat .write-message .textarea-buttons .channels, .mini-chat .write-message .textarea-buttons .smiles {color: #d1c09c;font-style: normal;border-bottom: 1px dotted #d1c09c;font-size: 11px;font-family: Arial, Tahoma, sans-serif;height: 12px;cursor: pointer;z-index: 9995;position: absolute;right: 16px;bottom: 10px;} #chat-window .write-message .textarea-buttons .channels, #chat-window .write-message .textarea-buttons .smiles {color: #d1c09c;font-style: normal;border-bottom: 1px dotted #d1c09c;font-size: 11px;font-family: Arial, Tahoma, sans-serif;height: 12px;cursor: pointer;z-index: 9995;position: absolute;right: 16px;bottom: 10px;} .mini-chat .write-message .textarea-buttons .smiles, #chat-window .write-message .textarea-buttons .smiles {right: 13px; /*right: 64px;*/} .mini-chat .write-message .textarea-buttons .channels span, .mini-chat .write-message .textarea-buttons .smiles span {padding-top: 2px;} #chat-window .write-message .textarea-buttons .channels span, #chat-window .write-message .textarea-buttons .smiles span {padding-top: 2px;} #chat-members {background: url('../images/decor/chat-2-gradient.png') top repeat-x #fcedc1;position: relative;overflow: hidden;z-index:1000;outline: none;} #chat-members .lists ul {padding:4px 0 0 0;margin:0;list-style: none;list-style-image: none;} #chat-members .lists ul li {display: inline-block;color: #d9c081;font-size: 9px;padding: 3px 4px 2px 4px;margin: 0 3px;list-style: none;list-style-image: none;cursor: pointer;} #chat-members .lists li {float: left !ie7;display: inline !ie7;} #chat-members .lists li.cur {background: #fcecc2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding: 2px 3px 1px 3px;border: 1px solid #cabd9b;border-right-color: #f3f6ea;border-bottom-color: #f3f6ea;cursor: default;} #chat-members .lists li.cur b {border: none;} #chat-members .lists li b {color: #c5a75c;font-size: 11px;border-bottom: 1px dotted #c5a75c;} #chat-members .lists li b span {padding-top: 2px;} #chat-members .list {position: relative;border: none;display: none;} #chat-members .list.chat-players {display: block;} #chat-members .list div.input-wrapper {margin: 5px 8px 5px 5px;} #chat-members .list input.search {font-family: Arial; -webkit-border: 1px solid #d7c38e;-moz-border: 1px solid #d7c38e;border: 1px solid #d7c38e;background-color: #fcf0d0;color: #d7c38e;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;width: 100%;padding: 2px;font-style: italic;font-size: 11px;outline: none;} #chat-members .list ul {margin: 0;padding: 0;} #chat-members .list ul.offline, #chat-members .list ul.offline li span { zoom:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } #chat-members .list ul.offline li { zoom:1\0/; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"\0/; filter: alpha(opacity=50)\0/; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\0/; width: 100%\0/;} #chat-members .list ul {overflow: hidden !ie7;} #chat-members .list li {border: none;padding: 1px 5px;margin-bottom: 0;position: relative;list-style: none;list-style-image: none;height:16px;} #chat-members .list li {list-style: none !ie7;list-style-image: none !ie7;} #chat-members .list li span.player {margin:3px 0 0;color: #c64c02;position: absolute;left: 38px;font-size: 11px;line-height: 1;} #chat-members .list li span.player b {cursor: pointer;} #chat-members .list li span.player span.lvl {font-weight: normal;margin-left: 4px;cursor: default;} .mini-chat .menu, .chat-settings-menu, #chat-body .menu{background-color: #f6e5b6;border: 1px solid #c5a75c;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.15);-moz-box-shadow: 2px 2px 6px rgba(0,0,0,.15);box-shadow: 2px 2px 6px rgba(0,0,0,.15);z-index: 2000;} .mini-chat .menu .spacer, .chat-settings-menu .spacer, #chat-body .menu .spacer {height:0px;border-top: 1px solid #dfca9d;width:100%;border-bottom: 1px solid #f5eed9;} .mini-chat .menu span.heading, .chat-settings-menu span.heading, #chat-body .menu span.heading{color: #969b7d;font-size: 11px;font-weight: bold;margin: 0;} .mini-chat .menu .menu-block, .chat-settings-menu .menu-block, #chat-body .menu .menu-block { padding: 6px; } .mini-chat .menu .menu-block span.heading, .chat-settings-menu .menu-block span.heading, #chat-body .menu .menu-block span.heading { text-transform: uppercase; } .mini-chat .menu ul, .chat-settings-menu ul, #chat-body .menu ul {margin: 0;padding: 0;} .mini-chat .menu li, .chat-settings-menu li, #chat-body .menu li {font-size: 11px;line-height: 1.4;padding: 2px 0 0 0;list-style: none;list-style-image: none; text-align: left; font-style: normal; } .mini-chat .menu li input, .chat-settings-menu li input, #chat-body .menu li input { margin: 0 5px 0 0; } .mini-chat .menu li label, .chat-settings-menu li label, #chat-body .menu li label { vertical-align: middle; } .mini-chat .menu li .hint, .chat-settings-menu li .hint, #chat-body .menu li .hint { color: #c4b27f; } .mini-chat .menu .action, .chat-settings-menu .action, #chat-body .menu .action {color: #b07126;border-bottom: 1px dotted #b07126;text-decoration: none;} .mini-chat .menu .action, .chat-settings-menu .action { white-space: nowrap; } .mini-chat .menu .action:hover, .chat-settings-menu .action:hover, #chat-body .menu .action:hover { border-bottom: none; } .mini-chat .menu .header, .chat-settings-menu .header, #chat-body .menu .header { width: 100%; height: 20px;line-height: 20px;padding: 0;margin: 0;color: #b07126;text-shadow: 1px 1px 0px #f6e5b6;background-color: #eed091; -webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;} .mini-chat .menu .arrow, .mini-chat .menu .arrowB, .chat-settings-menu .arrow, .chat-settings-menu .arrowB, #chat-body .menu .arrow, #chat-body .menu .arrowB {border-left: 7px solid transparent;border-top: 7px solid;border-right: 7px solid transparent;height: 0;overflow: hidden;position: absolute;bottom: 0;right: 0;width: 1px;} .mini-chat .menu .arrow, .chat-settings-menu .arrow, #chat-body .menu .arrow {border-top-color: #c5a75c;bottom: -7px;} .mini-chat .menu .arrowB, .chat-settings-menu .arrowB, #chat-body .menu .arrowB {border-top-color: #F6E5B6;bottom: -6px;} #chat-body .menu.settings, .chat-settings-menu, .mini-chat .menu.settings {position: absolute;top: 38px;right: 4px;width: 220px;display: none;z-index: 9100;min-width: 133px;} .mini-chat .menu.settings { min-width: 140px; width: auto; top: 23px;right: -4px;} #chat-body .menu.channels {position: absolute;bottom: 100px;right: 4px;width: 220px;display: none;z-index: 9100;} #chat-body .menu.channels li { padding: 3px 0; } #chat-body .menu.channels .arrow, #chat-body .menu.channels .arrowB { right: 20px; } .chat-settings-menu { width: auto; white-space: nowrap; top: 20px; right: -6px; } .mini-chat .menu.smiles, #chat-body .menu.smiles {position: absolute;bottom: 30px;right: 4px;width: 220px;display: none;z-index: 9100;} .mini-chat .menu.smiles {width: 165px;} .mini-chat .menu.smiles .arrow, .mini-chat .menu.smiles .arrowB, #chat-body .menu.smiles .arrow, #chat-body .menu.smiles .arrowB { right: 27px; /* right: 75px; */ } .mini-chat .menu.smiles .spacer, #chat-body .menu.smiles .spacer { margin: 6px 0 2px 0; } .mini-chat .menu.smiles .m, #chat-body .menu.smiles .m { margin: 3px 2px 3px 2px; } .mini-chat .menu.smiles .content img, #chat-body .menu.smiles .content img { cursor: pointer; } #chat-player-menu, #chat-message-menu, #chat-clan-menu{display: none;border: 1px solid #C5A75C;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;position: absolute;color: #BD7148;font-weight: bold;font-size: 11px;z-index: 9999;background-color: #F6E5B6;margin: 0;-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.15);-moz-box-shadow: 2px 2px 6px rgba(0,0,0,.15);box-shadow: 2px 2px 6px rgba(0,0,0,.15);} #chat-player-menu ul, #chat-message-menu ul, #chat-clan-menu ul {margin: 0;padding: 0;} #chat-player-menu ul li, #chat-message-menu ul li, #chat-clan-menu ul li {padding: 4px 6px;list-style: none;list-style-image: none;} #chat-player-menu ul li a, #chat-message-menu ul li a, #chat-clan-menu ul li a {height: 100%; width: 100%; text-decoration: none; color: #BD7148; display: block;} #chat-player-menu ul li a:hover, #chat-message-menu ul li a:hover, #chat-clan-menu ul li a:hover {text-decoration: none; color: #BD7148;} #chat-player-menu ul li:hover, #chat-message-menu ul li:hover, #chat-clan-menu ul li:hover {cursor: pointer;background-color: #EED091;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #chat-overlay {position: fixed; z-index: 9000;height: 100%;width: 100%;display: none; top: 0; left: 0;} i.chat-loading-icon {background: url('../images/ico/chat-loading.gif'); display: inline-block; width: 16px; height: 11px; } #chat-mute-form{ display: block; width: 450px; position: absolute; top: 25%; left: 50%; margin-left: -225px; z-index: 10;} #filters { margin-top: 4px; font-size: 11px; /*color: #A2832F;*/ color:#975D17;} #filters .text {float: left;} #filters .select-wrapper {float: left; width: 130px; overflow: hidden;height: 17px;vertical-align: bottom; margin: 0 0 0 10px;} #filters .select-wrapper select {height: 17px; font-size: 11px;line-height: 11px;background: #F8E1AC;border: none;padding: 0;outline: none; width: 170px;margin-top: -1px;color: #A2832F; text-align: center; cursor: pointer; } #filters .select-wrapper select option {text-align: center} #chat-body .chat-filter { position:relative; z-index:1; padding:0px 0 8px 0; } #chat-body .chat-filter .label { position:relative; z-index:1; } #chat-body .chat-filter .label .dashedlink{ /*color:#A2832F; border-color:#A2832F;*/ } #chat-body .chat-filter .label .expand-icon { background-position:-245px -400px; width:7px; height:4px; margin:0 0 0 3px; } #chat-body .filters.menu { z-index: 9991; display:none; font-size:11px; position:absolute; top:53px; left:66px; line-height:10px; padding:3px 0 5px 0; margin:0; background:#fae4b2; border:1px solid #e4cb90; -moz-border-radius:5px; border-radius:5px; } #chat-body .filters.menu .option { display:block; padding:5px 10px; white-space:nowrap; } /** nanoScroller **/ .nano { position : relative; width : 100%; height : 100%; overflow : hidden; outline : none; } .nano .content { position : absolute; overflow : scroll; overflow : auto !ie7; overflow-x : hidden; top : 0; right : 0; bottom : 0; left : 0; } .ie7 .nano .content { padding: 0 20px 0 6px !important; } .nano .content:focus { outline: none !important; } .nano .content::-webkit-scrollbar { visibility: hidden; } .has-scrollbar .content::-webkit-scrollbar { visibility: visible; } .nano > .pane { visibility: hidden !ie7; background-color: transparent; background-color: rgba(0,0,0,0.15); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#15000000,endColorstr=#15000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#15000000,endColorstr=#15000000)"; position : absolute; width : 8px; right : 2px; top : 3px; bottom : 3px; visibility : hidden\9; /* Target only IE7 and IE8 with this hack */ opacity : .01; -webkit-transition : .2s; -moz-transition : .2s; -o-transition : .2s; transition : .2s; -moz-border-radius : 4px; -webkit-border-radius : 4px; border-radius : 4px; cursor: n-resize; } .nano > .pane > .slider { visibility: hidden !ie7; background-color: transparent; background-color: rgba(0,0,0,0.3); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000,endColorstr=#30000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000,endColorstr=#30000000)"; position : relative; margin : 0; -moz-border-radius : 4px; -webkit-border-radius : 4px; border-radius : 4px; } .nano > .pane:hover { visibility: hidden !ie7; width : 16px; -moz-border-radius : 8px; -webkit-border-radius : 8px; border-radius : 8px; } .nano > .pane > .slider { -moz-border-radius : 8px; -webkit-border-radius : 8px; border-radius : 8px; } .nano:hover > .pane, .pane.active, .pane.flashed { visibility : visible\9; /* Target only IE7 and IE8 with this hack */ visibility: hidden !ie7; opacity : 0.99; } /* mini-chat */ .mini-chat { position: absolute; top: 473px; left: 22px; z-index: 1000; padding-bottom: 75px; min-width: 175px; min-height: 100px; width: 175px; height: 170px; border: 1px solid #d39d5b; background: url('../images/decor/chat-1-gradient.png') 0 -27px repeat-x #fff8e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: left; } .mini-chat .top-menu { padding: 3px 6px 0 6px; height: 25px; } .mini-chat .top-menu h3 { text-align: center; font-size: 12px; font-weight: bold; padding-top: 3px; color: #975D17; } .mini-chat .messages { height: 100%; } .mini-chat .smiles .nano { height: 110px; } .mini-chat .write-message { position: absolute; left: 5px; bottom: 5px; right: 7px; width: auto; padding: 0; } .mini-chat .ui-icon { position: absolute; bottom: 0; right: 0; } .mini-chat.ui-resizable-resizing, .mini-chat.ui-draggable-dragging { opacity: 0.87; } .mini-chat .write-message .textarea-wrapper { height: 20px; } .mini-chat .write-message .textarea-wrapper textarea { min-height: 0; padding: 0 2px; } .mini-chat .write-message .textarea-buttons { height: 16px; } .mini-chat .write-message .textarea-buttons .send-icon { left: 7px; bottom: 4px; } .mini-chat .write-message .textarea-buttons .smiles { right: 10px; bottom: 6px; } .mini-chat .smiles .nano .content { height: 110px; } .mini-chat .smiles-helper-panel { height: 44px; width: 100%; } .mini-chat .smiles-panel { background: #fff8e2;margin: 0px -1px 0 -1px;padding: 6px;min-height: 3px !important;border: 1px solid #d39d5b;border-top: none;-webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; } .mini-chat .smiles-panel img { cursor: pointer; }