/* resets */ 
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 0; } 
#wrapper {position:relative; margin: 20px auto; padding:0; } 

/* facebook messenger */ 
body {background:url(http://i.imgur.com/aYQ1Ew5.png);}

#main, #messages li {background-image:url(http://i.imgur.com/E2Zbw3g.png); background-color:#ffffff; background-repeat: no-repeat; } 
#main {position: relative; width:1024px; height:560px; margin:0 auto; overflow: hidden; font-family: 'Arimo', sans-serif; font-size: 14px; line-height: 1.28; text-shadow: 0 0 1px rgba(130, 130, 130, 0.45); } 
#chat, #current {margin-top: 49px; } 
#topmenu {position:absolute; width:767px; height:49px; top:0; right:0; text-align: center; } 
#topmenu span {line-height: 40px; letter-spacing: 0.5px; font-size: 14px; opacity: 0.85; } 
#messages {float: left; width: 256px; height: 100%; } 
#messages ul {list-style: none; padding:0; margin: 104px 0 0; background:white; } 
#messages li {width: 100%; height: 65px; } 
#message1 {background-position: 0px -104px; } 
#message2 {background-position: 0px -169px; } 
#message3 {background-position: 0px -234px; } 
#messages li.operative:hover {background-color:#f2f2f2; cursor:pointer; } 
#messages li.open {background-color:#f2f2f2; } 
#message1 {margin-top:0; } 
#chat {float: left; width: 510px; height: 430px; padding:15px; overflow-y: scroll; } 

.chatlog > div {position: relative; margin-bottom: 15px; overflow: hidden; } 
.chatlog p {position: relative; word-wrap: break-word; box-sizing: border-box; max-width: 90%; margin: 1px 0; padding: 6px 12px; border-radius: 1.3em; } 
p.receive {clear: left; float: left; text-align: left; background-color: #f1f0f0; color: rgba(0, 0, 0, 1); } 
p.send {clear: right; float: right; text-align: right; background-color: #0084ff; color: #fff; } 
p.receive.top {border-bottom-left-radius: 4px; } 
p.receive.bottom {border-top-left-radius: 4px; } 
p.receive.middle {border-top-left-radius: 4px; border-bottom-left-radius: 4px; } 
p.send.top {border-bottom-right-radius: 4px; } 
p.send.bottom {border-top-right-radius: 4px; } 
p.send.middle {border-top-right-radius: 4px; border-bottom-right-radius: 4px; } 
.chatlogdate {width:100%; margin: 5px 0; text-transform: uppercase; color: rgba(0, 0, 0, .40); font-size: 12px; font-weight: bold; text-align: center; } 

#current {float:right; width:257px; height:82px; } 
.current2 {background:url(http://i.imgur.com/KO3LxE7.png); } 
.current3 {background:url(http://i.imgur.com/OAw0l3L.png); } 

::-webkit-scrollbar {width: 4px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0px #989898;background-color:#d4d4d4;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 1px 1px 1px #989898;border-radius:0px;background-color:#616161;}