/* Fejléc messenger */

#mainHeader div.headerMessenger {
 position: relative;
 width: 390px;
 height: 40px;
 float: left;
}

#mainHeader div.headerMessenger #icon-message, #mainHeader div.headerMessenger #icon-notify {
 position: absolute;
 top: 12px;
 width: 16px;
 height: 16px;
 font-weight: bold;
 font-size: 10px;
 cursor: pointer;
}

#mainHeader div.headerMessenger #icon-message {
 left: 0px;
 background: url(../images/messenger/messenger-icon-message.gif) no-repeat 0 0;  
}

#mainHeader div.headerMessenger #icon-notify {
 left: 30px;
 background: url(../images/messenger/messenger-icon-notify.gif) no-repeat 0 0;  
}

#icon-message-content, #icon-notify-content {
 position: relative;
 top: 10px;
 left: 12px;
 display: block;
 width: 14px;
 background: #f00;
 color: #fff;
 text-align: center;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px; 
}

#messengerWindow {
 position: absolute;
 left: 15px;
 top: 40px;
 width: 200px;
 padding: 5px;
 background: #fafafa;
 border: 1px solid #fff;
 z-index: 1000;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;  
 -moz-box-shadow:    3px 3px 5px 6px #ccc;
 -webkit-box-shadow: 3px 3px 5px 6px #ccc;
 box-shadow:         3px 3px 5px 6px #ccc; 
}

#messengerWindow div.messageItem {

}

#messengerWindow div.messageItem span.sender {
 display: block;
 margin: 0;
 font-weight: bold;
 color: #000; 
}

#messengerWindow div.messageItem span.message {
 display: block;
 margin: 0;
 color: #777;
 font-size: 11px; 
}

#messengerWindow div.messageItem span.date {
 display: block;
 margin: 0;
 color: #777;
 font-size: 11px;
}

#messengerWindow div.messageItem a {
 padding-top: 3px;
 padding-bottom: 3px;
 display: block;
 border-bottom: 1px solid #eee;
 cursor: pointer;
}

#messengerWindow div.messageItem a:hover {
 background: #fff;
 border-bottom: 1px solid #aaa; 
}

#messageWindows {
 position: absolute;
 right: 0;
 top: 0;
 width: 600px;
 z-index: 1000;
}

#messageWindow1 {

}

.messageWindow {
 position: absolute;
 right: 10px;
 top: 10px;
 width: 300px;
 background: #fff;
 border: 1px solid #fff;
 z-index: 1000;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;  
 -moz-box-shadow:    3px 3px 5px 6px #ccc;
 -webkit-box-shadow: 3px 3px 5px 6px #ccc;
 box-shadow:         3px 3px 5px 6px #ccc; 
}

.messageWindow a.closer {
 position: absolute;
 right: 5px;
 top: 4px;
 cursor: pointer;
 font-weight: bold;
 color: #fff;
 font-family: sans-serif;
 font-size: 14px; 
}

.messageWindow div.messageItem {
 padding-top: 3px;
 padding-bottom: 3px;
 border-bottom: 1px solid #eee; 
}

.messageWindow div.messageItem span.sender {
 display: block;
 margin: 0;
 font-weight: bold;
 color: #000; 
}

.messageWindow div.messageItem span.message {
 display: block;
 margin: 0;
 color: #777;
 font-size: 11px; 
}

.messageWindow div.messageItem span.date {
 display: block;
 margin: 0;
 color: #777;
 font-size: 11px;
}

.messageWindow .windowHeader {
 padding: 5px;
 background: #777;
 font-weight: bold;
 color: #fff;
}

.messageWindow .chatContent {
 padding: 5px;
}

.messageOfMe {
 text-align: right;
 background: #f6f6f6;
}

.messageOfPartner {
 text-align: left;
}

.messageWindow form {
 padding: 5px 5px 3px 5px;
}

.messageWindow input {
 width: 282px;
 padding: 3px;
 background: #fff;
 font-size: 11px;
 font-family: arial; 
}

span.readed {
 color: #777;
 font-weight: bold;
}



/* On-line felhasználók */

.messengerUsers {
 margin: 15px 0 5px 0;
 padding: 5px;
 background: #eee;
 /* background: #eee url(../images/fun/chat-spiderani.gif) no-repeat center top; */
 /* background: #eee url(../images/fun/chat-pedobear.jpg) no-repeat center top; */
 /* background: #eee url(../images/fun/chat-apple.jpg) no-repeat center top; */
 /* background: #eee url(../images/fun/chat-misi.jpg) no-repeat center top; */
 /* background: #eee url(../images/fun/chat-misi-oldschool.jpg) no-repeat center top; */
 /* background: #eee url(../images/fun/chat-pentek13.jpg) no-repeat center top; */       
 border: 1px solid #fff;
}

#messengerUserList {

}

#messengerUserList .userItem {
 margin-bottom: 3px;
}

#messengerUserList .online span.icon, #messengerUserList .idle span.icon, #messengerUserList .offline span.icon {
 display: block;
 width: 8px;
 height: 8px;
 margin: 3px 3px 0 0;
 background: #0f0;
 border: 1px solid #fff;
 float: left;
}

#messengerUserList span.name {
 display: block;
 width: 100px;
 float: left;
}

#messengerUserList .online span.icon {
 background: #0f0;
 border: 1px solid #0c0;
}

#messengerUserList .idle span.icon {
 background: #ffa800;
 border: 1px solid #de9302;
}

#messengerUserList .offline span.icon {
 background: #bbb;
 border: 1px solid #999;
}

#messengerUserList .offline span.name {
 color: #999;
}

#messengerUserList .userItem a {
 color: #000;
 cursor: pointer;
}



#notifyWindow {
 position: absolute;
 left: 55px;
 top: 40px;
 width: 200px;
 padding: 5px;
 background: #fafafa;
 border: 1px solid #fff;
 z-index: 1000;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;  
 -moz-box-shadow:    3px 3px 5px 6px #ccc;
 -webkit-box-shadow: 3px 3px 5px 6px #ccc;
 box-shadow:         3px 3px 5px 6px #ccc; 
}

#notifyWindow div.messageItem {

}

#notifyWindow div.messageItem span.sender {
 display: block;
 margin: 0;
 font-weight: bold;
 color: #000; 
}

#notifyWindow div.messageItem span.message {
 display: block;
 margin: 0;
 color: #777;
 font-size: 11px; 
}

#notifyWindow div.messageItem span.date {
 display: block;
 margin: 0;
 color: #777;
 font-size: 11px;
}

#notifyWindow div.messageItem a {
 padding-top: 3px;
 padding-bottom: 3px;
 display: block;
 border-bottom: 1px solid #eee;
 cursor: pointer;
}

#notifyWindow div.messageItem a:hover {
 background: #fff;
 border-bottom: 1px solid #aaa; 
}