/* layout */
#content.columns { width:720px;
	padding:20px 0 0 225px;
	background:#f2f2ef; }

	.request { width:924px;
		float: left;
		text-align: center;
		margin: 0 0 15px 0;
		background: #fff;
		box-shadow: 0px 0px 4px rgba(10, 10, 10, 0.200);
		border-radius: 5px;
		padding: 10px; }

	.request h2 { font:bold 22px/18px Arial,sans-serif; color: #464646; display: inline-block; }
	.request .request-buttons { margin: 20px; }
	.request .button { display: inline-block; margin-right: 10px; }

	.userbar { width:924px;
		height: 195px;
        float: left;
        margin: 0 0 15px 0;
        background: #fff;
        box-shadow: 0px 0px 4px rgba(10, 10, 10, 0.200);
        border-radius: 5px;
        padding: 10px; }

		.userpic { position:relative;
			max-width:195px;
			max-height:195px;
			background:white;
			float: left; }
			
		.usermenu { position:relative;
			width:195px;
			padding:15px;
			background:white;
			margin-bottom: 21px; }
	
	/* filter */
	#content .filter { width:942px;
        margin:0px 15px 20px 0px;
        float: left;
        background: #fff;
        border-radius: 5px;
        box-shadow: 0px 0px 2px rgba(10, 10, 10, 0.200);
        padding-top: 12px;
        height: 30px;
        border: 1px solid #dadada;
	}
        
    #content .filter-vk { width: 465px; }
		
		#content .filter ul { list-style:none; }
		
			#content .filter ul li { display:inline;
				/*margin-right:10px;*/
				font:normal 18px/18px Arial,sans-serif;
				padding: 10px 40px 11px 40px;
				border-right: 1px solid #e5e5e5;
				position: relative;
			}
			
				/*#content .filter ul li:last-child { border: 0; }*/
				#content .filter ul li a { color: #898989; min-width: 120px; display: inline-block; text-align: center; }
				
				#content .filter ul li.active:after { content: ""; display: block; width: 30px; height: 12px; background: url("/img/sprites/popup-arrow-white.png") no-repeat;
					background-position: -27px 0;
					position: absolute; left: 50%; bottom: -12px; margin-left: -15px;}
				
				#content .filter ul li.right { float:right; }
				
				#content .filter ul li.right a {
					width: 151px; height: 22px;
					background:url("/img/sprites/invite-button.png") 0 0 no-repeat;
					padding-top: 7px;
					text-align: center;
					display: block;
					text-shadow: #2f5f5f 1px 1px 1px;
					font:normal 12px/16px Arial, sans-serif;
					color: #fff;
					margin-top: -10px;
				}
				
				#content .filter ul li.right a:hover { background-position: 0 -30px; text-decoration: none; }
				#content .filter ul li.right a:active { background-position: 0 -60px; text-decoration: none; }
				
				
				#content .filter ul li.active a { color:#444; /*color:#63AEAE;*/
					text-decoration: none; }
					
					#content .filter ul li.right.active a { color:#fff;
						font-weight:normal;
						text-decoration: none; }
				
				#content .filter ul li a:hover { text-decoration: underline; }
				#content .filter ul li.active a:hover { text-decoration: none; }

		/* notifications */
		.messages.notify.filter h2 i { background-position:-33px top; }

/* userbar */
.userbar .userpic { position: relative; }

	.userbar .userpic .img { margin-bottom: 0px; position: relative; z-index: 90; }
	
	/*
	.userbar .userpic .imgwrap:after { content: "ban!"; background: red; padding: 5px; color: #fff; display: block; cursor: pointer; position: absolute; bottom: 10px; left: 0; z-index: 1000; width: 50px; }
	*/
	
	.userpic .corners { background: url("/img/bg/avatar-corners.png") no-repeat;
		width: 195px; height: 195px; cursor: pointer;
		position: absolute; z-index: 201; left: 0; top: 0; }
	
	/* ribbon */
	.userbar .userpic .imgwrap { position: relative; z-index: 200; }
	.userbar .userpic .imgwrap .ribbon { position: absolute;
		left: -7px; bottom: 12px;
		background: url("/img/sprites/avatar-ribbon.png?2") no-repeat;
		width: 120px; height: 32px;
		text-align: left;
		color: #eee;
		padding: 4px 5px 0 10px;
		font:normal 16px/16px Arial,sans-serif;
		z-index: 2000; }
			.userbar .userpic .imgwrap .ribbon a { color: #eee; }
			.userbar .userpic .imgwrap .ribbon a:hover { color: #bbb; }

	.userbar .userinfo p { color:black;
		font:normal 18px/24px Arial,sans-serif; }
		
		.userbar .userinfo p span.homepage { padding-left: 18px;
			background: url("/img/sprites/profile.png") no-repeat;
			background-position: 0px -186px;
		} 
		.userbar .userinfo p span.homepage a { color: #0B5977;
			font:bold 12px/24px Arial,sans-serif;
		}
			.userbar .userinfo p span.homepage a:hover { text-decoration: underline; }

		.userbar .userinfo p.link {  }

		.userbar .userinfo a.edit { padding-left: 18px;
			background: url("/img/sprites/baloon-icons.png") no-repeat;
			background-position: 0px -165px;
			height: 15px;
			font-size: 11px;
			color: #444;
			text-decoration: none;
		} 
			.userbar .userinfo a.edit:hover { text-decoration: underline; }

	.userbar .userpic p.from { color:#616161;
		font-size:14px; }
		
	/* edit avatar */
	.userbar .userpic .edit-avatar {
		display: block;
		overflow: hidden;
		position: relative;
		top: -10px;
		left: -10px;
	}
	
	#change-avatar {
		display: block;
		overflow: hidden;
		position: absolute;
		top: 20px;
		right: 10px;
		height:21px;
		z-index: 205;
		width:28px;
		opacity:0.6;
		background: black;
		text-align: center;
		padding-top: 5px;
		margin-top: -10px;
		margin-bottom: 10px;
		border-radius: 5px;
		cursor: pointer;
	}
	
	#change-avatar:hover {opacity:0.8;}
	#loading-avatar {display:inline-block;}

	#change-avatar a { color: white; font-weight: bold; cursor: pointer; }
	
		#change-avatar .icon { width: 16px; height: 16px; background: url("/img/sprites/avatar-edit.png") no-repeat; float: left; margin-left: 5px; cursor: pointer; }
		
		#change-avatar .text { display: none; }
		
		#change-avatar.hover { width:150px; }
		#change-avatar.hover .text { display: block; width:150px; }
		
		/* new avatar */
		.userbar .userpic .file-wrapper {
			/*margin-right: 10px;
			float: left;
			width: 32px;
			height: 32px;
			background: url(/img/add.png) 0 0 no-repeat;
			display: block;
			overflow: hidden;*/
		}
		
		/* edit thumbnails */
		.userbar .userpic .edit-thumbnails {
			margin-right: 10px;
			float:left;
			width: 32px;
			height: 32px;
			background: url(/img/edit.png) 0 0 no-repeat;
			display: block;
			overflow: hidden;
		}
		
		/* social avatar */
		.userbar .userpic .get-social-avatar {
			margin-right: 10px;
			float: left;
			width: 32px;
			height: 32px;
		}
		
			.userbar .userpic .get-social-avatar.vkontakte {background: url(/img/32x32_vkontakte.png) 0 0 no-repeat}
			.userbar .userpic .get-social-avatar.facebook {background: url(/img/32x32_facebook.png) 0 0 no-repeat}
	
		.userbar .userpic .file-wrapper input.file
		{
			font-size: 48px;
			cursor: pointer;
			position: absolute;
			opacity: 0;
			top:0;
			right:0;
		}
	
	/* USER INFO */
	.userbar .userinfo { width: 340px; height: 170px; height: auto; float: left; margin: 5px 10px 0 20px;  }

		.userbar .userinfo div { margin-bottom: 3px; }
		.userbar .userinfo h2 { font:bold 22px/18px Arial,sans-serif; color: #464646; display: inline-block; }
		.userbar .userinfo h3 { display: inline-block; }
		.userbar .userinfo a h3 { font:normal 16px/18px Arial,sans-serif; color: #a5a2a2; text-decoration: none; }
			.userbar .userinfo a:hover h3 { color: #777; text-decoration: none; }
		.userbar .userinfo h4 { font:normal 12px/18px Arial,sans-serif; color: #a5a2a2; text-decoration: none; }

        .userbar .userinfo .bio { margin: 5px 0 5px 0; }

		.userbar .userinfo .userbuttons { margin-top: 15px; }
		
			.userbar .userinfo .userbuttons .button { float: left; margin-right: 10px; position: relative; }
		
			/* GREY BUTTON */
			.userbar .userinfo .userbuttons .button a {
				background-color: #efefef;
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dfe0e2', GradientType=0 );   
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #efefef), color-stop(100%, #dfe0e2));
				background-image: -webkit-linear-gradient(top, #efefef 0%, #dfe0e2 100%);
				background-image: -moz-linear-gradient(top, #efefef 0%, #dfe0e2 100%);
				background-image: -o-linear-gradient(top, #efefef 0%, #dfe0e2 100%);
				background-image: -ms-linear-gradient(top, #efefef 0%, #dfe0e2 100%);
				background-image: linear-gradient(top, #efefef 0%, #dfe0e2 100%);
				border: 1px solid #d5d5d5;
				color: #444;
				text-shadow: 0px 1px 1px #fff;
				border-radius: 5px;
				padding: 8px 15px 8px 15px;
				font-size: 12px;
				font-weight: 700;
			}
			.userbar .userinfo .userbuttons .button a:active {
				background-color: #dfe0e2;
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe0e2', endColorstr='#efefef', GradientType=0 );   
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #dfe0e2), color-stop(100%, #efefef));
				background-image: -webkit-linear-gradient(top, #dfe0e2 0%, #efefef 100%);
				background-image: -moz-linear-gradient(top, #dfe0e2 0%, #efefef 100%);
				background-image: -o-linear-gradient(top, #dfe0e2 0%, #efefef 100%);
				background-image: -ms-linear-gradient(top, #dfe0e2 0%, #efefef 100%);
				background-image: linear-gradient(top, #dfe0e2 0%, #efefef 100%);
				border: 1px solid #d5d5d5;
				color: #444;
				text-shadow: 0px 1px 1px #fff;
			}
		
				.userbar .userinfo .userbuttons .button div.icon { display: block; width: 30px; height: 19px; background: url("/img/sprites/profile-message.png") no-repeat;
					position: absolute; left: 8px; top: -2px; }
		
			/* FOLLOW */
			.userbar .userinfo .userbuttons .button.follow a, .request .button.request-reject a {
				background-color: #3c89b3;
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c89b3', endColorstr='#dfe0e2', GradientType=0 );   
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #3c89b3), color-stop(100%, #367495));
				background-image: -webkit-linear-gradient(top, #3c89b3 0%, #367495 100%);
				background-image: -moz-linear-gradient(top, #3c89b3 0%, #367495 100%);
				background-image: -o-linear-gradient(top, #3c89b3 0%, #367495 100%);
				background-image: -ms-linear-gradient(top, #3c89b3 0%, #367495 100%);
				background-image: linear-gradient(top, #3c89b3 0%, #367495 100%);
				border: 0;
				color: #fff;
				text-shadow: 0px 1px 1px #224a60;
				border-radius: 5px;
				padding: 8px 15px 8px 15px;
				font-size: 12px;
				font-weight: 700;
				box-shadow: inset 0px 0px 5px rgba(10, 10, 10, 0.400);
			}
			.userbar .userinfo .userbuttons .button.follow a:active, .request .button.request-reject a:active {
				background-color: #367495;
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#367495', endColorstr='#3c89b3', GradientType=0 );   
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #367495), color-stop(100%, #3c89b3));
				background-image: -webkit-linear-gradient(top, #367495 0%, #3c89b3 100%);
				background-image: -moz-linear-gradient(top, #367495 0%, #3c89b3 100%);
				background-image: -o-linear-gradient(top, #367495 0%, #3c89b3 100%);
				background-image: -ms-linear-gradient(top, #367495 0%, #3c89b3 100%);
				background-image: linear-gradient(top, #367495 0%, #3c89b3 100%);
				border: 0;
				color: #fff;
				text-shadow: 0px 1px 1px #224a60;
				box-shadow: inset 0px 0px 5px rgba(10, 10, 10, 0.400);
			}
			
			/* UNFOLLOW */
			.userbar .userinfo .userbuttons .button.follow.followed a, .request .button.request-accept a {
				background-color: #34b24b;
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34b24b', endColorstr='#199731', GradientType=0 );   
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #34b24b), color-stop(100%, #199731));
				background-image: -webkit-linear-gradient(top, #34b24b 0%, #199731 100%);
				background-image: -moz-linear-gradient(top, #34b24b 0%, #199731 100%);
				background-image: -o-linear-gradient(top, #34b24b 0%, #199731 100%);
				background-image: -ms-linear-gradient(top, #34b24b 0%, #199731 100%);
				background-image: linear-gradient(top, #34b24b 0%, #199731 100%);
				border: 0;
				color: #fff;
				text-shadow: 0px 1px 1px #224a60;
				border-radius: 5px;
				padding: 8px 15px 8px 15px;
				font-size: 12px;
				font-weight: 700;
				box-shadow: inset 0px 0px 5px rgba(10, 10, 10, 0.400);
			}
			.userbar .userinfo .userbuttons .button.follow.followed a:active, .request .button.request-accept a:active {
				background-color: #199731;
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#199731', endColorstr='#34b24b', GradientType=0 );   
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #199731), color-stop(100%, #34b24b));
				background-image: -webkit-linear-gradient(top, #199731 0%, #34b24b 100%);
				background-image: -moz-linear-gradient(top, #199731 0%, #34b24b 100%);
				background-image: -o-linear-gradient(top, #199731 0%, #34b24b 100%);
				background-image: -ms-linear-gradient(top, #199731 0%, #34b24b 100%);
				background-image: linear-gradient(top, #199731 0%, #34b24b 100%);
				border: 0;
				color: #fff;
				text-shadow: 0px 1px 1px #224a60;
				box-shadow: inset 0px 0px 5px rgba(10, 10, 10, 0.400);
			}
	
			.userbar .userinfo .userbuttons .button.icon a { padding-left: 45px; }
	
	/* COUNTERS */
	.userbar .usercounters { width: 320px; height: 100px; float: right; margin: 35px 10px 0 20px;
		background-color: #f4f4f4;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e9e9e9', GradientType=0 );   
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #e9e9e9));
		background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #e9e9e9 100%);
		background-image: -moz-linear-gradient(top, #f4f4f4 0%, #e9e9e9 100%);
		background-image: -o-linear-gradient(top, #f4f4f4 0%, #e9e9e9 100%);
		background-image: -ms-linear-gradient(top, #f4f4f4 0%, #e9e9e9 100%);
		background-image: linear-gradient(top, #f4f4f4 0%, #e9e9e9 100%);
		border-radius: 10px;
		border: 1px solid #d5d5d5;
	 }
	 	.userbar .usercounters ul { list-style: none; }
	 	.userbar .usercounters ul li { float: left; font-size: 14px; width: 105px; margin: 0; height: 65px; text-align: center; padding-top: 35px;
	 		text-shadow: 0px 1px 1px #fff; color: #6e6e6e; }
	 	.userbar .usercounters ul li b { font-size: 26px; display: block; margin-bottom: 8px; color: #111; }
	 	
	 	.userbar .usercounters ul li { border-right: 1px solid #d8d8d8; }
	 	.userbar .usercounters ul li:first-child { border-left: 0; }
	 	.userbar .usercounters ul li:last-child { border-right: 0; }
	 	.userbar .usercounters ul li { border-left: 1px solid #fefefe; }
	
	/*  */
	.userbar .lastaccess { position: absolute; right: 0; bottom: 0; width: 250px; height: 20px; font-size: 12px; }
	
	/* BLOCK & REPORT */
	
	.userbar .userblock { position: absolute; right: 10px; top: 10px; width: 30px; height: 14px; }
	
		.userbar .userblock div { display: inline-block; margin-left: 5px;}
		.userbar .userblock .block a { background: url("/img/sprites/user-blocks.png"); background-position: -22px 0; width: 14px; height: 14px; display: block; opacity: 0.3; }
			.userbar .userblock .block.blocked a { opacity: 1.0; }
		.userbar .userblock .report a { background: url("/img/sprites/user-blocks.png"); width: 17px; height: 14px; display: block; opacity: 0.3; }
		.userbar .userblock div a:hover { opacity: 1.0; }
	
	/* lists */
	.userbar .userpic ul { list-style:none; }
	
		.userbar .userpic ul li { display:inline-block; }
	
	 /* activity */
	.userbar .userpic ul.activity { overflow:hidden;
		text-align:center; } 

		.userbar .userpic ul.activity li { width:60px;
			margin:-1px -3px 9px 0;
			padding:8px 6px 0 0;
			border-top:1px solid #ededed;
			color:#353535;
			font:normal 11px/16px Arial,sans-serif;
			text-align:center; }
			
			.userbar .userpic ul.activity li span,
			.userbar .userpic ul.activity li a { display:block;
				padding-top:2px;
				font:bold 14px/18px Arial,sans-serif;
				text-align:center; }
				 
				.userbar .userpic ul.activity li a { color:#0b5977; } 
		
	/* ul actions */	
	.userbar .userpic ul.actions { margin:20px -7px 0 -3px; }
		
		.userbar .userpic ul.actions li {
			margin-right:-3px; display: block; margin-bottom: 8px;
		}
			
			.userbar .userpic ul.actions li a { width: 135px; height: 25px;
				display: block;
				padding-top: 7px; padding-left: 68px;
				text-shadow: white 1px 1px 1px;
				font:normal 12px/16px Arial, sans-serif;
				background:url("/img/sprites/follow-buttons.png") no-repeat;
				background-position: 0 0;
			}
			
			.userbar .userpic ul.actions li.message a {
				background:url("/img/sprites/message-buttons.png") no-repeat;
				width: 146px;
				padding-left: 55px;
			}
				
				.userbar .userpic ul.actions li.followed a { background-position: 0 -121px; color: #fff; text-shadow: #2f5f5f 1px 1px 1px; }
				.userbar .userpic ul.actions li.followed a:hover { background-position: 0 -162px; color: #fff; text-shadow: #8a1821 1px 1px 1px; }
			
				.userbar .userpic ul.actions li a:hover { background-position: 0 -40px; }
				.userbar .userpic ul.actions li a:active { background-position: 0 -81px; }
				
				.userbar .userpic ul.actions li a:hover { background-position: 0 -40px; }
				.userbar .userpic ul.actions li a:active { background-position: 0 -81px; }
			
			/*
				.userbar .userpic ul.actions li a i { display:block;
					width:40px; height:30px;
					margin:0 auto;
					background:url("/img/sprites/profile-actions.png") no-repeat; }
				
					.userbar .userpic ul.actions li.adv a i { background-position:-40px top; }
					.userbar .userpic ul.actions li.write a i { background-position:-80px top; }
			*/
	
	/* usermenu */	
	#content .userbar .usermenu ul { list-style:none; } 
	
		#content .userbar .usermenu ul li a { color:#0b5977; }

/* units */
.unit.empty { background:white; }
	
	.unit.empty .empty { position:relative;
		min-height:220px;
		padding:20px; }
		
		.unit.empty .empty > p { position:absolute;
			left:20px; bottom:20px; }
			
	/* background images */
	.unit.empty.blue .empty { background:url("/img/profile/samples/create.jpg") center no-repeat; }
	.unit.empty.green .empty { background:url("/img/profile/samples/know.jpg") center no-repeat; }
	
	.unit.empty.red ul { background:url("/img/bg/empty.png") repeat; }
		.unit.empty.red ul li { background:url("/img/bg/dot.png") left top repeat-y; }
			
			.unit.empty.red ul li:first-child { background:none; }
			
			.unit.empty.red ul li a.add { display:block;
				width:100%; height:100%;
				background:url("/img/sprites/vote-empty.png") center no-repeat; }
				
				.unit.empty.red ul li a.add span { display:none; }
				
	.unit.empty.share .empty a { display:block;
		width:100%; height:180px;
		background:url("/img/profile/samples/share.jpg") center no-repeat;
		text-indent:-9999px; }
			
			
.flow { position:relative; }

/* message pages */

.date { color:#777;
	font:normal 11px/14px Arial,sans-serif; }

	span.date { margin-left:5px; }

#tagbrand {  position: absolute; bottom: 0; top: 0; padding-bottom: 2px; }
#content.grid { height: 100%; margin: 0 auto; padding-bottom: 0; }

.messages-container { width: 350px; min-height: 500px; padding-right: 5px; border: 1px solid #ddd; border-bottom: 0; float: left; height: 100%; position: relative; }

	/* filters */
	.messages-container .top-filter { padding: 10px 10px 20px 10px; height: 20px; border-bottom: 1px solid #ddd; background: #f1f1f1; display: block; width: 335px; }
	.messages-container .top-filter ul { list-style: none; margin: 0; padding: 0; }
		.messages-container .top-filter ul li { margin-right: 10px; padding: 0; float: left; }
		.messages-container .top-filter ul li a { font-size: 14px; text-decoration: none; }
		.messages-container .top-filter ul li.active a { font-weight: bold; }
		.messages-container .top-filter ul li a:hover { color: #0B5977; }

			.messages.top-filter ul li i { position:relative;
				display:inline-block;
				width:30px; height:22px;
				background:url("/img/sprites/info.png") -33px -33px no-repeat; }

	.messages-container .dialogs { width: 355px; overflow-y: hidden; overflow-x: hidden; border-bottom: 1px solid #DDD; position: absolute; bottom: 0; top: 51px; }

	.mCSB_container > p { padding: 10px; font-size: 14px; }
	.mCSB_container { margin-right: 0; }
	.mCustomScrollBox .mCSB_scrollTools { width: 6px; }

	.messages-container ul.messages { list-style: none; }

	.messages-container ul.messages .last-load { padding: 5px; margin: 3px; background-color: #E2EEF2; cursor: pointer; text-align: center; font-weight: 900; }

	.messages-container ul.messages li { padding: 10px; min-height: 50px; clear: both; border-bottom: 1px solid #ddd; position: relative; }
	.messages-container ul.messages li:last-child { border-bottom:0; margin-bottom: 50px; }
	.messages-container ul.messages li.active, .messages-container ul.messages li.active:hover { background: #d7dff4; }
	.messages-container ul.messages li:hover { background: #ECF2F4; cursor: pointer; }
		.messages-container ul.messages li:hover .delete-dialog {
			background: url("/img/sprites/baloon-icons.png") no-repeat 0 -148px;
			height: 15px;
			width: 10px;
			position: absolute;
			right: 10px; top: 8px;
		}
	
		.messages-container ul.messages li { background: none; line-height: 0; }
		.messages-container ul.messages li.unread { background: #E2EEF2; }
	
		.messages-container ul.messages li .message { height: 50px; font: normal 12px/14px Arial,sans-serif; }
	
		.messages-container ul.messages li .message > .img.avatar,
		.messages-container ul.messages li .message > .img.avatar img { padding: 0; margin: 0; }
	
	.messages-container ul.messages li .message .i { float: left; margin-left: 10px; width: 250px; }
		.messages-container ul.messages li .message .i .user-info { display: block; width: 250px; height: 20px; }
			.messages-container ul.messages li .message .i .user-info p.author { float: left; }
			.messages-container ul.messages li .message .i .user-info p.author a { font-weight: bold; color: #0B5977; }
			.messages-container ul.messages li .message .i .user-info p span.date { float: right; }


	.messages-container ul.messages li .message .i .message-info { padding: 5px 5px 5px 0; background: none; }
		.messages-container ul.messages li .message .i .message-info.unread { padding-left: 5px; background: #E2EEF2; }
		.messages-container ul.messages li.active .message .i .message-info.unread { padding-left: 5px; background: none; }
			/*.messages-container ul.messages li .message .i .message-info .message-reply { background: url("/img/reply.png"); width: 10px; height: 9px; float: left; }*/

.dialog-container { width: 585px; min-height: 500px; float: left; background: #fff; position: relative; height: 100%; }

	.dialog-container div.corner { position: absolute; left: -1px; top: 78px; background: url("/img/sprites/message-corners.png"); width: 14px; height: 26px; }

	.dialog-container .empty-dialog { padding-top: 200px; display: block; text-align: center; }
		.dialog-container .empty-dialog h2 { font-size: 18px; font-weight: normal; margin-bottom: 10px; }

		/* MESSAGE HISTORY */
		.dialog-container .message-history-wrapper {
			background: #fff;
			border-right: 1px solid #ddd;
			border-top: 1px solid #ddd;
			position: absolute;
			top: 0; bottom: 160px; right: 0; left: 0;
		}
			.dialog-container .message-history {
				overflow-y: auto;
				background: #fff;
				position: absolute;
				top: 0; bottom: 0; right: 0; left: 0;
			}
				.dialog-container .message-history .one {
					clear: both;
					padding-left: 20px;
				}

				.dialog-container .message-history .one:hover .delete-message {
					background: url("/img/sprites/baloon-icons.png") no-repeat 0 -148px;
					height: 15px;
					width: 10px;
					position: absolute;
					cursor: pointer;
					right: 10px; top: 3px;
				}
					.dialog-container .message-history .one .avatar { float: left; margin-bottom: 15px; }
						.dialog-container .message-history .one .avatar img { width: 32px; height: 32px; }
					.dialog-container .message-history .one .text { float: left;
						margin-left: 15px;
						width: 380px;
						margin-bottom: 10px;
						position: relative;
					}

						.dialog-container .message-history .one.unread .text { background: #ECF2F4; padding: 5px; }
						
						.dialog-container .message-history .one .text a { text-decoration: none; color: #0B5977; }
						.dialog-container .message-history .one .text a:hover { text-decoration: underline; color: #0B5977; }
						
					.dialog-container .message-history .one .date { float: right;
						margin-right: 5px;
						width: 110px;
					}
				
				.dialog-container .message-history .one.load-more {
					margin: 0 20px 20px 20px;
					padding: 5px;
					text-align: center;
					background: #E2EEF2;
					cursor: pointer;
				}
					/*.dialog-container .message-history .one.load-more a {
						text-align: center;
						display: block;
						padding: 5px;
						background: #E2EEF2;
						font-size: 11px;
						color: #777;
					}
					.dialog-container .message-history .one.load-more a:hover {
						background: #E2EEF2;
					}
						.dialog-container .message-history .one.load-more a div {
							display: block;
							width: 100%;
							background-position: 50% 0%;
							margin: 2px 0 2px 0;
						}*/

	/* write panel */
	.dialog-container .message-write {
		background: #F7F7F7;
		border-top: 1px solid #ddd;
		padding-left: 15px; padding-top: 10px;
		position: absolute; bottom: 0; right: 0; left: 0;
		height: 149px;
	}
	.dialog-container .message-write > p { font-size: 14px; }
		
	/* comments form */
	.dialog-container .message-write form { }
	
		/* form elements */
		.dialog-container .message-write form input.text,
		.dialog-container .message-write form select,
		.dialog-container .message-write form textarea { vertical-align:top;
			padding:3px;
			border:1px solid #dcdcdc;
			background:white;
			font:normal 12px/14px Arial,sans-serif; }
		
		.dialog-container .message-write form .form-line .img.avatar { position:relative;
			margin:0px -1px 0 0;
			padding:0 13px 0 0;
			background:url("/img/bg/say.png") right 13px no-repeat; }
	
		/* form elements */
		.dialog-container .message-write form .form-line textarea { width:432px; height:42px; }
		
		.dialog-container .message-write form .form-line .dialog-user-avatar { float: right; margin-left: 15px;}
		
		/* form buttons */
		.dialog-container .message-write .form-line.buttons { margin-top:5px;
			padding-left:62px; }
		
		.dialog-container .message-write .form-line.buttons-padding { margin-top:5px;
			padding-left:62px; }
	
			.dialog-container .message-write form .form-line.buttons input { padding:6px 8px;
				border:none;
				color:black; background:#e3e3e3;
				font:normal 14px/12px Arial,sans-serif; }
				
			.dialog-container .message-write form .form-line.buttons a { margin-left:5px; }

.new-avatar {overflow:hidden; float:left; margin-right:20px;}
.new-avatar.avatar-100 {width:100px;height:100px;}
.new-avatar.avatar-50 {width:50px;height:50px;}


/* notify tabs */
.notify-tabs {
    clear: both;
    height: 30px;
    border-bottom: 1px solid #ccc;
}
    .notify-tabs ul { list-style: none; }
        .notify-tabs ul li { float: left;
            padding: 5px;
        }
        .notify-tabs ul li a {
            color: #4a545e;
            font-size: 14px;
            margin-right: 10px;
        }
        .notify-tabs ul li.active a {
            font-weight: bold;
        }

/* notifies pages */
.date { color:#777;
	font:normal 11px/14px Arial,sans-serif; }

	span.date { margin-left:5px; }

.notifies { padding-top: 15px; width: 740px; margin: 0 auto; }

.notifies h2 { font-weight: normal; font-size: 18px; }

	ul.notifies { list-style:none;
        width:705px; }

		ul.notifies > li { overflow:hidden;
			margin-top:10px;
			padding:2px 5px 5px 80px; }

			ul.notifies > li:first-child { margin-top:0; }

		/* hover */
		ul.notifies > li:hover .message { background:white; }
			ul.notifies > li:hover .message { box-shadow: 0 1px 1px rgba(34, 25, 25, 0.200); }

			ul.notifies > li:hover .message .actions { display:block; }

		ul.notifies > li:hover .img { position:relative; z-index:200;
			background-position:-80px -80px; }

			ul.notifies > li:hover .img .shadow { display:block; }

		/* message inner */
		ul.notifies > li .message { position:relative;
			float:right;
			width:100%;
			color:#353535; background:#fafafa;
			font:normal 12px/16px Arial,sans-serif;
			/*cursor: pointer; */
		}
		
		ul.notifies > li .message.unread { background: #ECF2F4; }
			
			ul.notifies > li .message span.date { margin-left:0; }

			ul.notifies > li .message span.notify-text { display: block; }
			
			ul.notifies > li .message .unvoted { opacity: 0.3; }

			ul.notifies > li .message .shadow { display:none; }

			ul.notifies > li .message .comment-text { color: #7E7E7E }

				ul.notifies > li .message .user-info { float: left;
					width: 150px; height: 70px;
				}
				ul.notifies > li .message .message-info { float: left;
					width: 400px; margin-top: 0; padding-top: 10px; padding-left: 10px; height: 50px;
				}
				ul.notifies > li .message .message-info.unread { background: #ECF2F4;
				}
				
					ul.notifies > li .message .message-info .avatar {
						margin-right: 10px;
						float: left;
					}
						ul.notifies > li .message .message-info .avatar > img {
							width: 32px; height: 32px;
						}

			ul.notifies > li .message .i { position:relative;
				min-height:60px;
				padding:8px 0px 8px 10px; }

			/* message inner */
			ul.notifies > li .message a { color:#0b5977; }

			ul.notifies > li .message p.author { margin-bottom:4px; }

				ul.notifies > li .message p.author a,
				ul.notifies > li .message a.author { font-weight:bold; }

			ul.notifies > li .message ul.actions { position:absolute; display: none;
				display:none;
				right:0px; top:16px; }

				ul.notifies > li .message ul.actions li { float:left;
					width:33px; height:33px;
                    list-style: none outside none; }

					ul.notifies > li .message ul.actions li a { display:block;
						width:100%; height:100%;
						background:url("/img/sprites/info.png") no-repeat;
						display: none;
						text-indent:-9999px; }

						ul.notifies > li .message ul.actions li.reply a { background-position:-198px top; }
						ul.notifies > li .message ul.actions li.delete a { background-position:-165px top; }

					ul.notifies > li .message ul.actions li a:hover { }

						ul.notifies > li .message ul.actions li.reply a:hover { background-position:-198px -33px; }
						ul.notifies > li .message ul.actions li.delete a:hover { background-position:-165px -33px; }

			ul.notifies > li .message .image { float:right;
				margin-right:10px; }

			ul.notifies > li .message ul.confirm { margin-top:10px;
				font:normal 14px/18px Arial,sans-serif; }

				ul.notifies > li .message ul.confirm li { display:inline;
					margin-left:6px; }

					ul.notifies > li .message ul.confirm li:first-child { margin-left:0; }

				ul.notifies > li .message ul.confirm li a { color:#353535;
					text-decoration:underline; }

		ul.notifies > li .img { float:left;
			width:70px;
			margin: 0 0 0 -80px;
			padding:5px 0 3px 10px;
			background:url("/img/sprites/messages.png") left top no-repeat; }

			ul.notifies > li .img .shadowed { width:50px; height:50px; }

				ul.notifies > li .img .shadow { display:none; }

			ul.notifies > li .img img { float:none;
				display:block;
				margin:0; }

/*@media (min-width: 1264px) {*/
	/*.userbar {*/
		/*width:1164px;*/
	/*}*/
/*}*/

/*@media (min-width: 1504px) {*/
	/*.userbar {*/
		/*width:1404px;*/
	/*}*/
/*}*/