#chatMainBox {position:relative}
#chatContainer {width:267px;height:292px;float:left;background:#393939;font-family:Arial, Helvetica, sans-serif;position:fixed;bottom:0;right:10px;display:none;z-index: 50}
#chatOpener {height:30px;border-bottom:1px solid #2c2c2c;background:#393939}
#chatContainerDown {float:left;width:267px;border-top:1px solid #767676;height:281px;overflow-y:hidden}
#chatContainerConv {width:40px;height:281px;float:left;background:#4a4a4a;overflow-y:hidden;position:relative;}
#chatContainerConvInner {float:left;width:40px;border-bottom-left-radius:10px;position: relative;}
#chatContConvTop {height:24px;width:40px;margin-top:6px;border-bottom:1px solid #2c2c2c;float:left;text-align:center;}
#chatConvCommands {float:right;margin-right:3px}
#chatConvCommands  span.reduceToBarStyle{cursor:pointer;float:left;background:url(/global/img/icon/sprite.png) no-repeat -1px -89px;width:15px;height:15px;margin:12px 4px 0px 0;}
#chatConvCommands span.maximizeToChatStyle {cursor:pointer;float:left;background:url(/global/img/icon/sprite.png) no-repeat -567px -46px;width:12px;height:12px;margin:11px 4px 8px 0;}
#chatConvCommands span.closeThis {background:url(/global/img/icon/sprite.png) no-repeat 0px -78px;width:12px;height:12px;float:left;cursor:pointer;position:absolute;right:10px;top:40px;z-index:50;}
#chatContConvNum {background-color:#d9d9d9;border-radius:5px;color:#3a3a3a;font-size:10px;font-family:Arial, Helvetica, sans-serif;height:auto;line-height:12px;text-align:center;padding:0px 9px;}
.chatLiveMsg {background:#08b2cb;}
.chatContConvOpen {outline-color:#08b2cb;cursor:pointer;border-top:1px solid #767676;border-bottom:1px solid #2c2c2c;height:38px;width:40px;float:left}
.convOpenActive {background:#2d2d2d;border-top:0}
.chatContConvOpen img {float:left;width:28px;height:28px;border:1px solid #7e7e7e;border-radius:10px;display:block;margin:4px 0 0 5px;}
.chatContConvOpen div.noPhoto_m {float:left;width:28px;height:28px;border:1px solid #7e7e7e;border-radius:10px;display:block;margin:4px 0 0 5px;background:url('/global/img/user/no_photo.jpg') -56px -130px;}
.chatContConvOpen div.noPhoto_f {float:left;width:28px;height:28px;border:1px solid #7e7e7e;border-radius:10px;display:block;margin:4px 0 0 5px;background:url('/global/img/user/no_photo.jpg') -113px -130px;}
.chatContWindowText {color:#333333;font-size:11px;line-height:14px;float:left;width:206px;background-color:#FFFFFF;border-radius: 7px;margin: 5px 7px 0 7px;padding:10px 0px 0px 7px;height:210px;position:relative;top:0px;right:0;display:none}
.chatContWindowText span.time {color:#aeaeae;font-size:9px;margin-right:3px;margin-left:3px;}
.chatContWindowTextInner {position:relative;float: left;width: 191px;bottom:0}
#chatContWindowMessageCont {position:absolute;height:26px;border-radius:6px;width:214px;background:#FFFFFF;float:left;margin:4px 7px 3px 7px;bottom:0;right:0;}
.chatContWindowInput {height:24px;float:left;width:173px;max-width:173px;border-radius:6px;outline:none;border:0;padding:3px 0 0 10px}
#chatContWindowSmileyIco {position:absolute;right:3px;background: url(/global/img/icon/sprite.png) no-repeat -551px 2px;height:26px;width:26px;float:left;display:block;}
#chatContWindowWebcamIco {position:absolute;right:0;background: url(/global/img/icon/sprite.png) no-repeat -527px 2px;height:26px;width:26px;float:left;display:none;}
#chatContWindowSmileyIco:hover{background-position:-115px -77px;}
#chatContWindowWebcamIco:hover{background-position:-139px -76px;}
.chatContWindowSenderMe {color:#08b2cb;} 
.chatContWindowSenderOther {color:#d03174;} 
.chatContWindowSender {width:196px;float:left;height:16px;position:relative;font-weight:bold;margin:0;margin-bottom:6px;}
.chatContWindowTime {float:right;padding:0 5px;font-size:10px; color:#e4e4e4;text-align:right !important;}
.chatContWindowSender span {background:none;position:relative;margin-bottom:0px;z-index:2;width:95px;overflow-x:hidden;text-align:left;float:left}
.chatContWindowSenderName {float:left;padding-right:5px;overflow-y:hidden;line-height:20px;}
.chatContWindowLine {width:191px; float:left;top:0; height:18px;position:absolute;left:0;}
.wrapScrollChat {width: 10px;height:200px;position:absolute;right:0;bottom:0}
.chatSlider {display:block;background-color:#FFFFFF;width:10px;border-radius:3px;}
#boxSmiley {z-index:5;width:111px;height:200px;border:1px solid #d4d3d2;float:left;display:none;background:#ffffff;position:absolute;top:55px;left:160px;border-radius: 6px;box-shadow: 0px 0px 8px #D4D3D2;}
.arrow_bianco_bottom:before{content: "";position: absolute;bottom:-14px;right:23px;width: 0; height: 0; 	border-top: 9px solid transparent;	border-bottom: 9px solid transparent; 	border-left: 9px solid #D3D3D3; transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.arrow_bianco_bottom:after{content: "";position: absolute;bottom:-13px;right:23px;width: 0; height: 0; 	border-top: 9px solid transparent;	border-bottom: 9px solid transparent; 	border-left: 9px solid #FFFFFF; transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);}
.ico_smiley {background:url('/global/img/icon/spritesmiley.png');width:25px;height:25px;margin-left:2px;border:0;}
.chatNick{color:#cbcbcb;font-size:11px;margin-left:6px;float:left;line-height:30px;font-weight:bold;}
.chatNick.linkNoHref{text-decoration:underline;cursor:pointer;}
.chatNick.linkNoHref:hover{text-decoration:none;cursor:pointer;}

.msg_me {float:right;width:186px;text-align:right;margin-right:5px;margin-left:5px;}
.msg_other {float:left;width:100%;text-align:left;margin-right:5px;}
#chatContainerConvArrDown {height:20px;width:40px;float:left;position:absolute;z-index:1;background:#4a4a4a;bottom:0;left:0;display:none;}
#chatContainerConvArrDown div{background:url(/global/img/icon/chatArrows.png) -0px -16px no-repeat;height:16px;width:40px;float:left;position:absolute;z-index:1;margin-bottom:2px;padding-top:2px;}
#chatContainerConvArrUp {height:19px;width:40px;float:left;position:absolute;z-index:1;background:#4a4a4a;top:0px;left:0;display:none;}
#chatContainerConvArrUp div {background:url(/global/img/icon/chatArrows.png) -0px -0px no-repeat;height:16px;width:40px;margin:2px 0;float:left;position:absolute;z-index:1;}
.text .ico_smiley {position:relative;top:1px;}


/*scrollbar*/
.wrapScrollChat .ui-slider, .wrapScrollBiggerChat .ui-slider { position: relative; text-align: left; }
.wrapScrollChat .ui-slider .ui-slider-handle, .wrapScrollBiggerChat .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 6px; height: 40px; cursor: default; }
.wrapScrollChat .ui-slider-vertical { width: 6px; height:155px; margin-top: 35px;}
.wrapScrollBiggerChat .ui-slider-vertical { width: 6px; height:299px; margin-top:30px}
.wrapScrollChat .ui-slider-vertical .ui-slider-handle, .wrapScrollBiggerChat .ui-slider-vertical .ui-slider-handle { margin-left: 0; margin-bottom: -.6em; background: #999999; border-radius: 3px; outline:none;}
.wrapScrollChat .ui-slider-vertical .ui-slider-handle:hover, .wrapScrollBiggerChat .ui-slider-vertical .ui-slider-handle:hover { border:1px solid #999999;}
.wrapScrollChat .ui-slider-vertical .ui-slider-range, .wrapScrollBiggerChat .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.wrapScrollChat .ui-slider-vertical .ui-slider-range-min, .wrapScrollBiggerChat .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.wrapScrollChat .ui-slider-vertical .ui-slider-range-max, .wrapScrollBiggerChat .ui-slider-vertical .ui-slider-range-max { top: 0; }
.wrapScrollChat .ui-widget-content {border:0;background:none;color:auto;margin-left:3px;}
.wrapScrollChat .ui-widget-header {border:0;background:none;color:auto;}