#message-popuncontainer { position:relative; float:right; font-size:12px; }
#message-popuncontainer a { text-decoration: none; border: 0;}
#message-popuncontainer a:hover {text-decoration: underline;}
#message-popuncontainer .open-menu a {text-decoration: none;}
#message-popuncontainer .open-menu a:hover {text-decoration: none;}

#messagePopupButton { display:inline-block;float:right;background: #000 url(../images/icons.gif) no-repeat 0 -412px;position:relative; width: 45px;height: 60px; }
#messagePopupButton span { 
	display: block; 
	border: 0px solid #fff;
	width: 10px; height: 10px;
	line-height: 10px;	
	position: relative; top: 15px; left: 25px; 
	color: #fff;
	border-radius: 10px;
	background: #ca4747;
	padding: 2px;
	text-align: center;
	font-size: 8px;
	font-family: tahoma;
}
#messagePopupButton:hover { border: 0;cursor: pointer; }
#messagePopupBox { position:absolute;top:60px; right:-1px; display:none;z-index:29;}
#messagePopupButton.active { background: #fff url(../images/icons.gif) no-repeat -45px -412px; }
#popup-container {width:400px; background:#fff; box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.25); padding:15px 15px 10px 15px; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }

/* ############################  фиды ############################### */

#feed-popuncontainer { position:relative;float:right; font-size:12px; }
#feed-popuncontainer a {text-decoration: none; border: 0;}
#feed-popuncontainer a:hover {text-decoration: underline;}
#feed-popuncontainer .open-menu a {text-decoration: none;}
#feed-popuncontainer .open-menu a:hover {text-decoration: none;}
#feedPopupButton { display:inline-block;float:right; background: #000 url(../images/icons.gif) no-repeat 0 -472px; position:relative;width: 45px;height: 60px; }

#feedPopupButton span { 
	display: block; 
	border: 0px solid #fff;
	width: 10px; height: 10px;
	line-height: 10px;	
	position: relative; top: 15px; left: 25px; 
	color: #fff;
	border-radius: 10px;
	background: #ca4747;
	padding: 2px;
	text-align: center;
	font-size: 8px;
	font-family: tahoma;
}
#feedPopupButton:hover { border: 0;cursor: pointer;}
#feedPopupBox {position:absolute;top:60px; right:-1px; display:none; z-index:29;}
  
#feedPopupButton.active {background: #fff url(../images/icons.gif) no-repeat -45px -472px;}
#feed-popup-container {width:400px; background:#fff; box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.25); padding:15px 15px 10px 15px; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}

/* ############################  заявки в друзья ############################### */

#friend-popuncontainer { position:relative;float:right; font-size:12px; }
#friend-popuncontainer a {text-decoration: none; border: 0;}
#friend-popuncontainer a:hover {text-decoration: underline;}
#friend-popuncontainer .open-menu a {text-decoration: none;}
#friend-popuncontainer .open-menu a:hover {text-decoration: none;}
#friendPopupButton { display: block;float:right; background: #000 url(../images/icons.gif) no-repeat 0px -532px; position:relative; width: 45px;height: 60px; }

#friendPopupButton span { 
	display: block; 
	border: 0px solid #fff;
	width: 10px; height: 10px;
	line-height: 10px;	
	position: relative; top: 15px; left: 25px; 
	color: #fff;
	border-radius: 10px;
	background: #ca4747;
	padding: 2px;
	text-align: center;
	font-size: 8px;
	font-family: tahoma;
}

#friendPopupButton:hover { border: 0;cursor: pointer; }
#friendPopupBox {position:absolute;top:60px; right:-1px; display:none; z-index:29;}
#friendPopupButton.active {background: #fff url(../images/icons.gif) no-repeat -45px -532px; }
#friend-popup-container {width:400px; background:#fff; box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.25); padding:15px 15px 10px 15px; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}

/* ############################  Окно профиля ############################### */

#profile-popuncontainer { position:relative;float:right; font-size:12px; }
#profile-popuncontainer a {text-decoration: none; border: 0;}
#profile-popuncontainer a:hover {text-decoration: underline;}
#profile-popuncontainer .open-menu a {text-decoration: none;}
#profile-popuncontainer .open-menu a:hover {text-decoration: none;}

#profilePopupButton { display:inline-block;float:right; background: #000; position:relative; height: 60px; width: 200px;padding: 0 10px 0 10px;line-height: 60px;}
#profilePopupButton span {color: #b7b7b7; font-size: 18px;cursor: pointer;}
#profilePopupButton:hover { background: #000;border: 0;}

#profilePopupBox {position:absolute;top:60px; right:-1px; z-index:29; display: none;}

#profilePopupButton.active {background: #fff;}
#profilePopupButton.active span {color: #000;}
/* popup container */
#profile-popup-container { width:220px; min-height: 130px; background:#fff; box-shadow: 0px 2px 5px rgba(50, 50, 50, 0.25); border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; _padding: 0 10px 10px 10px; padding-bottom: 10px; }
#profile-popup-container .inner {overflow:hidden; border-top: 1px solid #e1e1e1; text-align: right;padding-top: 10px;}
#profile-popup-container .inner li { font-size: 14px; font-weight: bold; }
#profile-popup-container .inner li a {display: block;padding: 7px 43px 7px 0; text-decoration: none; }
#profile-popup-container .inner li a:hover { color: #486e92; text-decoration: none;padding: 7px 43px 7px 0;}
#profile-popup-container .inner li.border {border-top: 1px solid #e1e1e1; padding-top: 5px;margin-top: 5px;}
#profile-popup-container .inner li a.profile-link {background: url(../images/userbar-user.gif) no-repeat 190px;}
#profile-popup-container .inner li a.profile-link:hover { background: #f2f5f8 url(../images/userbar-user-hover.gif) no-repeat 190px;}
#profile-popup-container .inner li a.favourites-link {background: url(../images/userbar-favs.gif) no-repeat 189px 8px;}
#profile-popup-container .inner li a.favourites-link:hover { background: #f2f5f8 url(../images/userbar-favs-hover.gif) no-repeat 189px 8px;}
#profile-popup-container .inner li a.settings-link {background: url(../images/userbar-set.gif) no-repeat 187px 9px;}
#profile-popup-container .inner li a.settings-link:hover { background: #f2f5f8 url(../images/userbar-set.gif) no-repeat 187px 9px;}
#profile-popup-container .inner li a.mail-link {background: url(../images/userbar-mail.gif) no-repeat 189px 10px;}
#profile-popup-container .inner li a.mail-link:hover { background: #f2f5f8 url(../images/userbar-mail.gif) no-repeat 189px 10px;}
#profile-popup-container .inner li a.stream-link{background: url(../images/userbar-stream.gif) no-repeat 187px 10px;}
#profile-popup-container .inner li a.stream-link:hover { background: #f2f5f8 url(../images/userbar-stream.gif) no-repeat 187px 10px;}
#profile-popup-container .inner li a.exit-link{background: url(../images/userbar-exit.gif) no-repeat 188px 9px;}
#profile-popup-container .inner li a.exit-link:hover { background: #f2f5f8 url(../images/userbar-exit-hover.gif) no-repeat 188px 9px;}
#profile-popup-container .inner li a.my-link{background: url(../images/userbar-my.gif) no-repeat 190px 8px; }
#profile-popup-container .inner li a.my-link:hover { background: #f2f5f8 url(../images/userbar-my.gif) no-repeat 190px 8px;}

/* ############################  Окно почты ############################### */
/* Login Container (default to float:right) */
#popuncontainer4 { position:relative;float:right; font-size:12px; }
#popuncontainer4 a {text-decoration: none; border: 0;}
#popuncontainer4 a:hover {text-decoration: underline;}
#popuncontainer4 .open-menu a {text-decoration: none;}
#popuncontainer4 .open-menu a:hover {text-decoration: none;}
/* Login Button */
#messagePopupButton4 { display:inline-block;float:right; background: #000; position:relative;}

#messagePopupButton4 span { height: 60px; line-height: 60px;font-size: 18px;padding: 0 10px 0 10px;display:block}

#messagePopupButton4:hover { background: #000;border: 0;cursor: pointer;}

/* Login Box */
#messagePopupBox4 {position:absolute;top:60px; right:0; display:none; z-index:29;}

/* If the Login Button has been clicked */    
#messagePopupButton4.active {background: #fff ;}

/* popup container */
#popup-container4 {width:200px; background:#fff;box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75); padding:10px;}

/* ОБЩИЕ СТИЛИ ДЛЯ ВСЕХ ОКОН */
.popup-inner { color: #000; font-family: arial, sans-serif; }
.popup-inner .header { font-size: 14px; font-weight: bold; border-bottom: 1px solid #b0b0b0; text-align: left; padding-bottom: 10px; }
.popup-inner .header .create-link a { float: right; font-size: 13px; font-weight: normal; }

.popup-inner .content {}
.popup-inner .content .row {padding: 10px 0 10px 34px;clear: both; border-top: 1px solid #e1e1e1;position: relative;min-height: 30px;text-align: left;}  /* это класс для ячейки, в которой будет содержаться вся информация о новом сообщении */
.popup-inner .content .row:first-child { border: none;}
.popup-inner .content .row .avatar {position: absolute; left: 0; top: 12px;width: 24px; height: 24px; border: 1px solid #000;}
.popup-inner .content .row .info-top { margin-bottom: 5px; font-family: tahoma; font-size: 11px; color: #999; border: 0px solid #000; }
.popup-inner .content .row .info-top a { color: #829aae; text-decoration: none; }
.popup-inner .content .row .info-top a:hover { color: #486e92; text-decoration: underline; }
.popup-inner .content .row .info-top a.username { font-weight: bold; text-decoration: none; }
.popup-inner .content .row .info-top a.username:hover { text-decoration: underline; }
.popup-inner .content .row .info-top a.blog-title { font-weight: bold; text-decoration: none; }
.popup-inner .content .row .info-top a.blog-title:hover { text-decoration: underline; }
.popup-inner .content .row .info-top .date {float: right;font-family: tahoma; font-size: 10px; font-weight: normal;color: #b0b0b0; position: relative; top: 0px;}
.popup-inner .content .row div.date { font-family: tahoma; font-size: 10px; font-weight: normal;color: #b0b0b0; margin-top: 5px;}
.popup-inner .content .row .topic-title { line-height: 21px;}
.popup-inner .content .row .topic-title a.title { font-size: 16px; text-decoration: none; border-bottom: 1px solid #c8d2db!important; }
.popup-inner .content .row .topic-title a.title:hover { text-decoration: none!important; border: 0px!important; }
.popup-inner .content .row .topic-title a.comments-link { background: url("../images/icons.gif") no-repeat -45px -189px; margin-left: 10px; font-family: tahoma; font-size: 10px; padding-left: 10px; color: #97AAC1; text-decoration: none; border: none; }
.popup-inner .content .row .text {font-size: 12px; line-height: 18px;margin-top: 2px;}
.popup-inner .content .row .text a {color: #000; text-decoration: none;}
.popup-inner .content .row .text a:hover {text-decoration: underline; color: #000;}
.popup-inner .content .row .info {margin-top: 3px;font-size: 11px;font-family: tahoma;color: #b0b0b0;padding-left: 1px;}
.popup-inner .content .row .info a{ text-decoration: none;}
.popup-inner .content .row .info a.more {color: #8ca839; text-decoration: none;}
.popup-inner .content .row .info a.more:hover {text-decoration: underline;}

.popup-inner .content .nomessage { text-align: center; color: #000; font-size: 11px; height: 45px; line-height: 45px;}
.popup-inner .request {background: url("../images/loader.gif") no-repeat 50%; height: 45px; width: 100%;}
.popup-inner .bottom { text-align: center; border-top: 1px solid #b0b0b0; padding-top: 10px;}
.popup-inner .bottom a {color: #000;}