#user-message-panel {background: #F0F0F0; height: 100%; }
#user-message-panel .info-block {border: 1px solid #CCC; padding-top: 1px; padding-bottom: 1px; background: #FFF; margin-left: 5px; text-align: center; color: #999; padding-left: 5px; padding-right: 5px}
#user-message-panel .info-block a {color: #444}
#user-message-panel .submit-btn {border: 1px solid #999}

#chat-messages {padding: 0px; height: 100%}
#chat-layout {font-family: "Trebuchet MS"; font-size: 0.85em}


.user-block {clear: both}
.user-block .user-pic, .user-block .user-pic-big {margin-top: 3px; }
.user-block .user-pic-wrap {text-align: center; float: left; width: 40px; padding: 0px; margin-right: 5px; margin-left: 2px}
.user-block .user-pic {/*width: 40px; height: 40px; */background-repeat: no-repeat; cursor: pointer}
.user-block .user-pic-big {background-position: 0px 0px; /*width: 60px; height:  60px; */background-repeat: no-repeat; z-index: 100}
.user-block .user-title {padding: 0px; display: block; cursor: pointer; color: #444; text-decoration: none; margin-left: 42px}
.user-block .user-title a {color: #444}
.user-block .user-title.male {color: blue}
.user-block .user-title.female {color: #FF4040}
.user-block .user-title.male a {color: blue}
.user-block .user-title.female a {color: #FF4040}

.user-block .user-info {padding:0px; font-size: 0.8em; color: #999; margin-left: 42px}
.user-block .user-title:hover {background-color: #EEE}
.user-block .user-desc {font-size: 0.9em; color: #666; padding: 5px}
.user-block .user-controls {padding-left: 25px; font-size: 8pt; color: #999; display: none}

.user-symbol {margin-right: 3px; cursor: pointer; }


.chat-messages-wrapper {height: 100%; width: 100%}
.chat-messages {padding: 5px}

.message {display: block; clear:both; background: transparent}
.message .time {color: #999;}
.message.from-me {}
.message.system {border: 1px solid #BBB; background: #F0F0F0; text-align: center; padding: 5px; font-weight: normal; }

.message .fromNick, .message .toNick {color: #444444}
.message.Male .fromNick, .message .toNick.Male, #user-message-panel .info-block a.Male, a.fromNick.Male  {color: blue}
.message.Female .fromNick, .message .toNick.Female, #user-message-panel .info-block a.Female, a.fromNick.Female {color: #FF4040}

.message .message-to.to-me, .message .message-to .to-me {background-color: #AFA; }
/*.message.Male .message-to .to-me {background-color: #DDDDFF; }
.message.Female .message-to .to-me {background-color: #FFDDDD; }*/


.full-div {z-index: 100; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; border: 1px solid red}

.message .message-to {border: 1px solid #CCC; font-size: 8pt; padding: 0px 2px; background: #F0F0F0; padding-left: 16px; background-image: URL(/_common/cimg/icons/bullet_go.gif); background-repeat: no-repeat; background-position: left center; margin-left: 3px}

.x-user-menu ul li {float: left}
.x-user-menu ul li img {display: none}
.x-user-menu ul li a {padding-right: 3px; border-right: 1px solid #DDD}

.x-user-menu  .user-card  {white-space: nowrap}
.x-user-menu  .user-card  .usertitle, .x-user-menu  .user-card  .usertitle a {color: #444}
.x-user-menu  .user-card  .user-pic-wrap {height: 60px; width: 60px; overflow: hidden; }
.x-user-menu  .user-card  .user-pic-wrap img.user-pic {border-right: 1px solid #AAA; border-bottom: 1px solid #AAA}
.x-user-menu  .user-card.Male .usertitle, .x-user-menu  .user-card.Male .usertitle a {color: blue}
.x-user-menu  .user-card.Female .usertitle, .x-user-menu  .user-card.Female .usertitle a {color: #FF4040}