@charset "utf-8";
/* CSS Document */
/* Sidebar Messanger Starts */
#messenger-box { background:url(images/bg-messenger.gif) no-repeat top center; width:252px; height:155px; overflow:hidden; margin:15px 0; padding:8px;}
div.white-block { margin:0px 5px; padding:5px; background-color:#FFFFFF;}

#messenger{ clear:both; padding:5px 0px 0px 3px;  margin-left:5px;}
#messenger div.icons{background:url(images/icon-msgs.gif) no-repeat top left; width:43px; height:40px; line-height:45px; cursor:pointer;}
#messenger div.m11{background-position:-3px 0px;}
#messenger div.m22{background-position:-47px 0px;}
#messenger div.m33{background-position:-89px 0px;}
#messenger div.m44{background-position:-133px 0px;}
#messenger div.m55{background-position:-175px 0px;}
div.bg-sb-msg{  width:220px; height:39px; margin-left:5px; margin-top:5px;}
div.txts {line-height:14px; padding:10px; text-align:center; font-size:10px;}
.floatL {float:left;}
.floatR {float:right;}
.clear{clear:both; height: 1px;}

/* Chat Room */
.icon-chat {margin-top:10px; text-align:center;}
.icon-chat a { cursor:pointer;}

.icon-chat a.info{
position:relative;
z-index:100; /*this is the key*/
}

.icon-chat a.info span {display: none; }

.icon-chat a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:22px;
font-size:11px;
left:12px;
background: url(images/noudge.gif) no-repeat left top;
color:#333;
text-align: left;
padding-top:25px;
width:250px
}
/* Sidebar Messanger Ends */