.rr-chatt{background-color:#f2f6f8;border:none;line-height:1.3em;margin:0px;padding:4px;position:relative;text-align:left;border-left:1px solid #bcd2ee;border-right:1px solid #bcd2ee;}.rr-chatt:after,.rr-chatt:before{right:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}.rr-chatt:after{border-color:transparent #f2f6f8 transparent transparent;border-style:solid;border-width:7px;position:absolute;top:5px;left:-12px;}.rr-chatt:before{border-color:transparent #bcd2ee transparent transparent;border-style:solid;border-width:7px;position:absolute;top:5px;left:-14px;}.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;}.chatt-up{background-color:#f2f6f8;border:1px solid #bcd2ee;line-height:1.3em;margin:4px;padding:5px;position:relative;text-align:left;border-radius:4px;}.chatt-up:after,.chatt-up:before{bottom:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}.chatt-up:after{border-color:transparent transparent #f2f6f8 transparent;border-style:solid;border-width:10px;height:0;width:0;position:absolute;top:-19px;left:10px;}.chatt-up:before{border-color:transparent transparent #bcd2ee transparent;border-style:solid;border-width:10px;height:0;width:0;position:absolute;top:-21px;left:10px;}.chatt-down{background-color:#f2f6f8;border:1px solid #bcd2ee;line-height:1.3em;margin:4px;padding:5px;position:relative;text-align:left;border-radius:4px;}.chatt-down:after,.chatt-down:before{top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}.chatt-down:after{border-color:#f2f6f8 transparent transparent transparent;border-style:solid;border-width:8px;height:0;width:0;position:absolute;bottom:-18px;left:20px;}.chatt-down:before{border-color:#bcd2ee transparent tr ansparent transparent;border-style:solid;border-width:10px;height:0;width:0;position:absolute;bottom:-17px;left:18px;} .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;} .c-up {background-color: #fff; border: 1px solid #bcd2ee; line-height: 1.3em; margin: 0px; padding: 5px; position: relative; text-align: left; border-radius: 4px;} .c-up:after,.c-up:before {bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .c-up:after {border-color: transparent transparent #fff transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -19px; right: 8px; } .c-up:before {border-color: transparent transparent #aaa transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -21px; right: 8px;} .unhidden { display: block; } .hidden { display: none; } rl {padding: 0px; list-style: none; margin: 0px; text-shadow:0 1px 0 rgba (255,255,255,0.5);} th,rl.dark{color: #468847;background-color: #DFF0D8;border-color: #D6E9C6; text-shadow:0 1px 0 rgba (255,255,255,0.5);margin-top: 1px; padding: 3px;} rl:nth-child(odd){color: #468847;background-color: #DFF0D8;border-color: #D6E9C6; text-shadow:0 1px 0 rgba (255,255,255,0.5);margin-top: 1px; padding: 3px;} rl:nth-child(even){align: right; color: #3A87AD; background-color: #D9EDF7;border-color: #BCE8F1; text-shadow:0 1px 0 rgba(255,255,255,0.5) ;margin-top: 1px; padding: 3px;}
<style type="text/css">.chatt-up {background-color: #f2f6f8; border: 1px solid #bcd2ee; line-height: 1.3em; margin: 4px; padding: 5px; position: relative; text-align: left; border-radius: 4px;} .chatt-up:after, .chatt-up:before {bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .chatt-up:after {border-color: transparent transparent #f2f6f8 transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -19px; left: 10px; } .chatt-up:before {border-color: transparent transparent #bcd2ee transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -21px; left: 10px;} .chatt-down {background-color: #f2f6f8; border: 1px solid #bcd2ee; line-height: 1.3em; margin: 4px; padding: 5px; position: relative; text-align: left; border-radius: 4px;} .chatt-down:after, .chatt-down:before {top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .chatt-down:after {border-color: #f2f6f8 transparent transparent transparent; border-style: solid; border-width: 8px; height: 0; width: 0; position: absolute; bottom: -18px; left: 20px; } .chatt-down:before {border-color: #bcd2ee transparent transparent transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; bottom: -17px; left: 18px; }.th {margin:0  3px 2px 0 !important;padding:2px !important;width:40px !important;height:45px !important;border:1px<br />solid #509b20 !important}</style>