.chatt-up {background-color:#fff;border:1px solid #bcd2ee;line-height:1.3em;margin:4px;padding:5px;position:relative;text-align:left;border-radius:4px;}.chat-up:after,.chat-up:before{bottom:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.chat-up {background-color: #fff; border: 1px solid #bcd2ee; line-height: 1.3em; margin: 4px; padding: 5px; position: relative; text-align: left; border-radius: 4px;}
.chat-up:after, .chat-up:before {bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.chat-up:after {border-color: transparent transparent #fff transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -19px; left: 10px; } .chat-up:before {border-color: transparent transparent #bcd2ee transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -21px; left: 10px;}
.chat-down {background-color: #fff; border: 1px solid #bcd2ee; line-height: 1.3em; margin: 4px; padding: 5px; position: relative; text-align: left; border-radius: 4px;} .chat-down:after, .chat-down:before {top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.chat-down:after {border-color: #fff transparent transparent transparent; border-style: solid; border-width: 8px; height: 0; width: 0; position: absolute; bottom: -18px; left: 20px; }
.chat-down:before {border-color: #bcd2ee transparent transparent transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; bottom: -17px; left: 18px; }
.dir:before {content: url(/tools/img/dir.gif)} 
.dir:hover, .x a:hover, .x a:focus {color:black}