/*
	units:
		red (choice)
		blue (brand-in)
		green (question)
		
		hint
		masked
		helper
			helper.expert
		invite
		facebook
		adv
		brand
		friends
		
		shadows		
*/

.fl-l { float: left; }
.d-ib { display: inline-block; }

/* avatars */
.img.avatar,
img.avatar {
	float:left;
	margin:4px 10px 0 0;
}

	.img.avatar { overflow:hidden; }

	/* sizes */
	.img.avatar-25 { width:25px; height:25px; }
	.img.avatar-25 img { max-width:25px; }
	
	.img.avatar-30 { width:30px; height:30px; }
	.img.avatar-30 img { max-width:30px; }
	
	.img.avatar-35 { width:35px; height:35px; }
	.img.avatar-35 img { max-width:35px; }

	.img.avatar-50 { width:50px; height:50px; }
	.img.avatar-50 img { max-width:50px; }

	.img.avatar-100 { width:100px; height:100px; }
	.img.avatar-100 img { max-width:100px; }


/* grid */
.grid-unit { border-radius: 5px; }

	.grid-unit .unit { margin:0 0 30px 15px; }
		.grid-unit .unit:first-child { margin-left:0; }

/* units */
.unit {
	position:relative;
	float:left;
	margin:0 15px 15px 0;
}

	/* sizes */
	.unit.single { width:145px; }
		.unit.single-half { width:225px; }
	.unit.double { width:305px; }
	.unit.triple { width:465px; }
	
	/* unit images */
	.unit div.img { position:relative; line-height: 0px; cursor: pointer;}

		.unit.single div.img { 
			overflow:hidden;
			width:145px; 
		}

    .unit div.img .play-video { position:absolute; line-height: 0px; cursor: pointer;
        width: 60px; height: 60px;
        left: 82px; top: 35%;
        background:url("/img/sprites/feed-play-video-small.png?3") no-repeat;
        opacity: 0.9; }
        .unit div.img .play-video:hover { opacity: 1.0; }

	.unit .img .iphone,
	.photo .iphone {position: absolute; bottom: 8px; right: 8px; opacity: 0.5; }
	.unit .img .iphone:hover,
	.photo .iphone:hover { opacity: 1.0; }

	/* unit content */
	.unit .caption {
		position:absolute; z-index:100;
		left:10px; top:0;
		display: none;
	}
	
		.unit .caption i {
			position:absolute;
			left:-20px; top:-10px;
			width:41px; height:41px;
			background:url("/img/sprites/actions-all.png") no-repeat;
		}
			
			/* icon types */
			.unit.blue .caption i{ background-position:-41px top; }
			.unit.red .caption i { background-position:-41px -82px; }
			.unit.green .caption i { background-position:-41px -41px; }
		
		.unit .caption p {
			height:15px;
			padding:2px 15px 3px 30px;
			color:white; background:url("/img/sprites/ribbon.png") right top no-repeat;
			font:italic 11px/14px Arial, sans-serif;
			font-weight:bold;
			vertical-align:middle;
			max-width: 150px;
			white-space: nowrap;
			overflow: hidden;
		}
		
	/* message */
	.unit .message { 
		position:relative; z-index:10;
		margin-top:-12px;
		padding-top:12px;
		background:url("/img/bg/shade.png") repeat-x;
	}
	
		.unit .message .i { float:left;
			width:100%;
			padding-bottom:0px; padding-top:2px;
			background:white;
            border-radius: 5px; }
			
			.unit .message .i.no-padding { padding-bottom: 0px; }
	
		.unit .message .i > p:first-child { 
			position:relative;
			top:-12px;
			margin-bottom:-12px;
			padding-top:17px; 
			background:url("/img/bg/unit-message.png") 25px top no-repeat;
		}
	
		/* message content */
		.unit .message p {
			padding:6px 10px;
			font:normal 12px/16px Arial,sans-serif;
			min-height: 30px;
			overflow: hidden;
		}
		
			.unit .message p.comment { width: 175px;
				margin-left: 35px;
				word-wrap: break-word;
				overflow: hidden; }
				
				.unit .message p.comment input { margin-top: 4px; margin-bottom: 5px; }

		.unit .message p.undertext {
			float:left;
			padding:0px;
			margin-top:-6px;
		}
		
			.unit .message p a {
				font:normal 12px Arial,sans-serif;
				color: #000;
				text-decoration: none;
			}
			
			.unit .message p a:hover { text-decoration: underline; }

			.unit .message p a.mention { color:#0b5977; text-decoration: none; }
			.unit .message p a.mention:hover { text-decoration: underline; }
		
		.unit .message .link-panel {
			background:#fff;
			clear: both;
			padding-bottom: 10px;
			position: relative;
			height: 33px;
		}
			.unit .message .link-panel .panel {
				background:#55849a;
				position: absolute;
				width: 236px;
				left: -5px;
				height: 33px;
				color: #cce3ed;
				font-size: 11px;
			}
				.unit .message .link-panel.star .panel { background: #edd780; }

				.unit .message .link-panel .panel .cleft { background: url("/img/sprites/blogger-panel.png") no-repeat; position: absolute;
					width: 5px; height: 4px; left: 0px; top: -4px; }
				.unit .message .link-panel .panel .cright { background: url("/img/sprites/blogger-panel.png") no-repeat; position: absolute;
					background-position: 0 -6px;
					width: 5px; height: 4px; right: 0px; top: -4px; }
					
				.unit .message .link-panel .panel .link { background: url("/img/sprites/blogger-panel.png") no-repeat; background-position: 0 -12px;
					width: 11px; height: 16px; margin-left: 10px; margin-top: 9px; margin-right: 7px; float: left; }
				.unit .message .link-panel .panel .text { float: left; line-height: 13px; padding-top: 4px; }
				.unit .message .link-panel .panel .text a { color: #fff; text-decoration: none; }
				.unit .message .link-panel .panel .text a:hover { color: #fff; text-decoration: underline; }
				
				.unit .message .link-panel.star .panel .link { background: url("/img/sprites/blogger-panel.png") no-repeat; background-position: 0 -30px; width: 16px; }
				.unit .message .link-panel.star .panel .text,
				.unit .message .link-panel.star .panel .text a { color: #56420d; }
				
		
		.unit .message .info {
			background:#f7f7f7;
			clear: both;
			margin-top: 0px;
            border-radius: 5px;
		}
		
		.unit .message img.avatar { margin-top: 0; }
		
			.unit .message .aux .info { margin-top: 6px; }
		
		.unit .message .info .line {
			background:url("/img/bg/unit-message-line.png") top left no-repeat;
			padding: 7px; padding-left: 9px;
		}
			.unit .message .info .line.center { text-align: center; }
		
			.unit .message .info .line p { padding: 0px; min-height: 25px; }
			.unit .message .info .line p.comment { width: 175px;
				margin-left: 35px;
				word-wrap: break-word;
				overflow: hidden; }
				
				.unit .message .info .line p.comment.long { width: 400px; }
				
			.unit .message .info .line a.gray-link { color: #524D4D; text-decoration: none; font-size: 11px; }
			.unit .message .info .line a:hover.gray-link { text-decoration: underline; }
		
			.unit .message .info div .brand-in {
				background: url('/img/sprites/brandin-icon.png') no-repeat;
				padding-left: 17px;
				font:normal 11px/18px Arial,sans-serif;
				margin-bottom: 8px;
			}
			
				.unit .message .info div > .brand-in:last-child { margin-bottom: 0px; }
			
				.unit .message .info div .brand-in a { color: #000; text-decoration: none; font-weight: normal; }
				.unit .message .info div .brand-in a:hover { text-decoration: underline; }
                .unit .message .info div .brand-in a b { font-weight: bold; }
		
		/* STORE */
		.unit .message .info .brandin-store {
			background: url("/img/bg/brandin-store-bg.png?2") repeat-x;
			padding: 5px;
			position: relative;
		}
		
		.unit .message .info .brandin-store .product-info {
			width: auto;
            height: 25px;
			font-size: 11px;
		}
		
		.unit .message .info .brandin-store .buy-button { float: left; }
        .unit .message .info .brandin-store .price { float: left; font-weight: bold; color: #318FBB; margin-top: 5px; }
        .unit .message .info .brandin-store .more { float: right; margin-top: 5px; }

            .unit .message .info .brandin-store .more a { padding:4px 8px 4px 8px;
                color:black; background:#efefef;
                font:normal 11px Arial,sans-serif;
                background-color: #dfe0e2;
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#d6d7d9', GradientType=0 );
                background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #ebebeb), color-stop(100%, #d6d7d9));
                background-image: -webkit-linear-gradient(top, #ebebeb 0%, #d6d7d9 100%);
                background-image: -moz-linear-gradient(top, #ebebeb 0%, #d6d7d9 100%);
                background-image: -o-linear-gradient(top, #ebebeb 0%, #d6d7d9 100%);
                background-image: -ms-linear-gradient(top, #ebebeb 0%, #d6d7d9 100%);
                background-image: linear-gradient(top, #ebebeb 0%, #d6d7d9 100%);
                border: 1px solid #cacaca;
                border-radius: 3px;
                outline-width:0;
                outline:none;
                text-decoration: none;
            }

            .unit .message .info .brandin-store .more a:hover {
                box-shadow: 0px 0px 5px rgba(64, 194, 255, 0.500);
                border-color: #90C9E7;
                outline-width:0;
                outline:none;
                text-decoration: none;
            }

            .unit .message .info .brandin-store .more a:active { padding:4px 8px 4px 8px;
                color:black; background:#dfe0e2;
                background-color: #dfe0e2;
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d7d9', endColorstr='#ebebeb', GradientType=0 );
                background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #d6d7d9), color-stop(100%, #ebebeb));
                background-image: -webkit-linear-gradient(top, #d6d7d9 0%, #ebebeb 100%);
                background-image: -moz-linear-gradient(top, #d6d7d9 0%, #ebebeb 100%);
                background-image: -o-linear-gradient(top, #d6d7d9 0%, #ebebeb 100%);
                background-image: -ms-linear-gradient(top, #d6d7d9 0%, #ebebeb 100%);
                background-image: linear-gradient(top, #d6d7d9 0%, #ebebeb 100%);
                border: 1px solid #cacaca;
                border-radius: 3px;
                outline-width:0;
                outline:0;
            }
		
		.unit .message .info .brandin-store .buy-button a {
			font: normal 12px Arial;
			text-decoration: none;
			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%); 
			color: #FFFFFF;
			display: block;
			padding-top: 5px;
			padding-bottom: 5px;
			border-radius: 5px;
			float: right;
			height: 20px;
			text-align: center;
			text-shadow: #2F5F5F 1px 1px 1px;
			width: 80px;
			box-shadow: inset -1px -1px 1px 0px rgba(0, 0, 0, 0.298);
			-moz-box-shadow: inset -1px -1px 1px 0px rgba(0, 0, 0, 0.298);
		    -webkit-box-shadow: inset -1px -1px 1px 0px rgba(0, 0, 0, 0.298);
		}
		.unit .message .info .brandin-store .buy-button a:hover {
			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%); 
		}
		.unit .message .info .brandin-store .buy-button a:active {
			
			-moz-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.5);
		    -webkit-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.5); 
		}
			.unit .message .info .brandin-store .buy-button a i {
				height: 21px;
				background: url("/img/sprites/store-tag-icon.png") no-repeat;
				display: inline-block;
				font-style: normal;
				padding-left: 25px;
				padding-top: 2px;
			}
		
		/* aux */
		.unit .message .aux {
			position:relative;
			float:left;
			width:100%;
			padding-bottom:0px;
			border: 0px solid;
		}
		
			.unit .message .aux .time {
				float:left;
				height:20px;
				margin:0 0 10px -6px;
				background:url("/img/sprites/ribbon.png") right -265px no-repeat;
				position: relative;
				margin-right: 5px;
			}
				
				.unit .message .aux i.corner {
					position: absolute;
					float:left;
					width: 5px; height:4px;
					top: -4px; left: 0;
					background:url("/img/sprites/ribbon.png") left -286px no-repeat;
				}

				.unit .message .aux .time p {
					font:normal 11px/16px Arial,sans-serif;
					padding:2px 8px 5px 28px;
					background:url("/img/bg/clock.png") 10px 3px no-repeat;
					color:white;
				}
					
		.unit .message .aux ul.counters {
			float:right;
			padding-top:2px;
			list-style:none;
		}	

			.unit .message .aux ul.counters li { 
				float:left; 
				margin-right:8px;
			}
			
				.unit .message .aux ul.counters li a { 
					padding-left:16px;
					background:url("/img/sprites/counters.png") no-repeat;
					color:#747474;
					text-decoration:none;
				} 
			
					.unit .message .aux ul.counters li.like a { background-position:left top; }
					.unit .message .aux ul.counters li.comments a { background-position:left -26px; }
			
				.unit .message .aux ul.counters li a:hover { text-decoration:underline; }
		
		.unit .message .aux .iphone {
			position: absolute;
			right: 10px;
			top: 0;
		}
			.unit .message .aux .iphone a {
				font:normal 10px/14px Arial, sans-serif;
				color: #aeaeae;
			}
			.unit .message .aux .iphone a .icon,
			.unit .img .iphone a .icon,
			.photo .iphone a .icon {
				float: left;
				background:url("/img/sprites/mobile.png") no-repeat;
				background-position: left top;
				width: 12px;
				height: 20px;
			}
				.unit .img .iphone a .icon,
				.photo .iphone a .icon {
					background-position: -12px 0;
				}
			.unit .message .aux .iphone a .text {
				float: left;
				margin-left: 5px; margin-top: -3px;
				width: 50px;
			}
			
		/* photo like */
		.unit .message .like {
			position: absolute;
			bottom: -18px;
			right: 5px; }
		
		.unit .message .like a.icon i {
				float: left;
				background:url("/img/sprites/photo-like2.png?2") no-repeat;
				background-position: left top;
				width: 36px;
				height: 31px;
				text-align: center;
				padding-top: 6px;
				font:bold 12px/11px Arial, sans-serif;
				color: #fff;
			}
			
			.unit .message .like:hover a.icon i,
			.unit .message .like a.icon.voted i { background-position: -36px 0px; }
			
			.unit .message .like a.icon span {
				position: absolute;
				left: 0; top: 0;
				width: 36px;
				height: 31px;
				text-align: center;
				padding-top: 9px;
                font:bold 11px/11px Arial, sans-serif;
                text-shadow: #6f6f6f 1px 0px 0px;
				color: #fff;
				text-decoration: none;
			}
            .unit .message .like:hover a.icon span,
            .unit .message .like a.icon.voted span { text-shadow: #9e2c44 1px 0px 0px; }
			

/* red CHOICE units */
.unit.red { }
	
	.unit.red .photos { position:relative; }
		
	.unit.red .photos ul {
		overflow:hidden; 
		list-style:none;
	}
	
		.unit.red .photos ul li { 
			position:relative;
			float:left;
			width:155px; height:200px;
		}
		
			.unit.red.single .photos ul li { height:auto; }
			.unit.red.double .photos ul li { width:153px; }
				.unit.red.double .photos ul li:first-child { width:152px; }

				.unit.red .photos ul li .img { 
					overflow:hidden;
					width:100%; height:100%; 
				}
			
			/* triple twins */
			.unit.red .photos.twins ul li { width:233px; }
				.unit.red .photos.twins ul li:first-child { width:232px; }
			
		.unit.red .photos ul li:after { 
			content:"";
			display:block;
			position:absolute; 
			left:-15px; top:85px;
			width:31px; height:31px;
			background:url("/img/sprites/vote.png") -46px top no-repeat; }
			
			.unit.red .photos ul.en li:after { background-position: -79px 0; }
		
			.unit.red .photos ul li:first-child:after { display:none; }
		
		/* vote */
		.unit.red .photos ul li .img > a { display:none; }
		
		.unit.red .photos ul li:hover img + a { 
			display:block;
			position:absolute; 
			left:0; top:0;
			width:100%; height:100%;
			background:url("/img/bg/overlay.png") repeat;
		}
		
			.unit.red.single .photos ul li a { display:block; }
			
			.unit.red .photos ul li:hover a span {
				position:absolute;
				left:50%; top:50%;
				width:46px; height:46px;
				margin:-23px 0 0 -23px;
				background:url("/img/sprites/vote.png") left top no-repeat;
				text-indent:-9999px;
			}
			
		.unit.red .photos .vote-against { display:none;
			position:absolute; z-index:11;
			left:0; bottom:0;
			width:100%;
			text-align:center; }
			
			.unit.red .photos .vote-against span { display:inline-block;
				padding-left:5px;
				background:url("/img/sprites/ribbon.png") left -40px no-repeat;
				font:bold 14px/18px Arial,sans-serif; }
			
				.unit.red .photos .vote-against a { display:inline-block;
					height:21px;
					padding:4px 25px 0 20px;
					background:url("/img/sprites/ribbon.png") right -65px no-repeat;
					color:white; }
			
		.unit.red .photos:hover .vote-against { display:block; }

/* blue brand-in units */
.unit.blue { }

	.unit:hover { z-index:100; }

	.pin { position:absolute; margin:-38px 0 0 -18px; opacity:0.5; }
	
	.img:hover .pin, 
	.photo:hover .pin,
	.img .pin.close, 
	.photo .pin.close,
	.popup .pin { opacity:1; }
	
	.popup .img.no-questions .pin.green,
	.popup .img.no-brandins .pin.blue { display:none; }
	
		/* overlaying */
		.unit .pin:hover,
		.unit .pin.close { z-index:510; }
		.unit .pin:hover i,
		.unit .pin.close i { z-index:120; }
		.unit .pin:hover .baloon,
		.unit .pin.close .baloon { z-index:115; } 
		
		/* popup overlaying */
		.popup .pin:hover,
		.popup .pin.close { z-index:2510; }
		.popup .pin:hover i,
		.popup .pin.close i { z-index:2120; }
		.popup .pin:hover .baloon,
		.popup .pin.close .baloon { z-index:2115; } 
		
	/* pin icons */
	.pin > i
	{
		position:relative;
		display:block;
		width:36px; height:39px;
		background:url("/img/sprites/pin.png") left top no-repeat;
		cursor:pointer; 
	}
		
		.unit .pin > i { z-index:100; }
		.timeline-item .pin > i { z-index:100; }
		.popup .pin > i { z-index:2100; }

		.green .pin > i,
		.pin.green > i { background-position:-36px top; }
	
		.red .pin > i,
		.pin.red > i { background-position:-72px top; }
		
		.gold .pin > i,
		.pin.gold > i { background-position:-107px top; }
	
	.pin:hover > i {
		height:39px;
		background-position:left -43px;
	} 
	
		.unit.green .pin:hover > i,
		.pin.green:hover > i { background-position:-36px -43px; }

		.unit.red .pin:hover > i,
		.pin.red:hover > i { background-position:-72px -43px; }
		
		.unit.gold .pin:hover > i,
		.pin.gold:hover > i { background-position:-107px -43px; }
	
	.pin.close > i {
		height:39px;
		background-position:left -79px; 
	}
	
		.unit.green .pin.close > i,
		.pin.green.close > i { background-position:-36px -79px; }
		
		.unit.red .pin.close > i,
		.pin.red.close > i { background-position:-72px -79px; }
		
		.unit.gold .pin.close > i,
		.pin.gold.close > i { background-position:-107px -79px; }

    /* NEW BALLON !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!111 */

    .pin .balloon {
        display: none;
        background: white; color: black;
        border-radius: 5px;
        box-shadow: 0 1px 2px rgba(25, 25, 25, 0.4);
        min-width: 100px;
        padding: 7px;
        position:absolute; z-index:90;
        right:18px; bottom:18px;
        cursor: default;
		font: normal 14px Arial, sans-serif;
    }

        .pin:hover .balloon,
        .pin.close .balloon { display:block; }

		.pin .balloon .info {
			white-space: nowrap;
			padding: 3px;
		 }
		.pin .balloon .info .brandin-like {
			padding: 2px 5px;
			margin-left: 10px;
			-webkit-border-radius: 5px;
			-khtml-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			display: inline-block;
			cursor: pointer;
		}

		.pin .balloon .info .remove-tag {
			position: relative;
			left: 5px;
			top: 2px;
			display: inline-block;
			width: 16px;
			height: 16px;
			background: url("/img/sprites/baloon-icons.png") no-repeat 0 -148px;
		}

		.pin .balloon .info p.search {
			margin-bottom:0;
			font:normal 14px/16px Arial,sans-serif;
			text-transform:uppercase;
			color:black;
			display: inline-block;
		}

		.pin .balloon .info .brandin-like:hover {
			background-color: aliceblue;
		}
			.pin .balloon .info .brandin-like i.brandin-like-image {
				height: 13px;
				width: 17px;
				margin: 0 0 -1px 0;
				display: inline-block;
				background:url("/img/sprites/brandin-like.png") no-repeat 0 -13px;
			}

			.pin .balloon .info .brandin-like.voted i.brandin-like-image {
				background-position: 0 0;
			}

            .pin .balloon .info a {
                font: normal 14px Arial, sans-serif;
                color: black;
                text-decoration: none;
            }
            .pin .balloon .info a:hover {
                text-decoration: underline;
			}
                .pin .balloon .info a b {
                    font-weight: bold;
                }
		
	/* brandin list baloon */
	.brandin-lists {
		position: relative;
		display: inline-block;
		width: 1px;
		padding: 1px;
		margin: 0;
	}
	.brandin-lists .content {
		position: absolute;
		min-width: 150px; min-height: 20px;
		background: #fff;
		right: 0px; top: -20px;
		z-index: 2300;
		display: none;
		float:left;
		padding: 8px 12px 12px 12px;
		font:normal 12px/12px Arial,sans-serif;
	}
	.brandin-lists .content .header {
		display: block;
		position: relative;
		padding-bottom: 6px;
		border-bottom: 1px solid #dedcd4;
		text-transform: uppercase;
	}
	.brandin-lists .content .header a.close {
		cursor: pointer;
		position: absolute;
		top: -2px; right: 0;
		padding-left: 16px; padding-top: 16px;
		background:url("/img/sprites/close-round.png") no-repeat;
	}
	.brandin-lists .content .list { margin-top: 2px; }
	.brandin-lists .content .list .set {
		padding-top: 4px;
		display: block;
	}
	.brandin-lists .content .list .set input[type=checkbox] {
		/*border: 1px solid #dedcd4;*/
	}
	.brandin-lists .content .new { margin-top: 8px; }
	.brandin-lists .content .new a {
		border-bottom: 1px dotted;
		font:normal 12px/12px Arial,sans-serif;
		text-decoration: none;
	}
	.brandin-lists .content .new a:hover {
		border-bottom: 0px dotted;
		text-decoration: none;
	}
	
	.brandin-lists .content .createlist {
		margin-top: 8px;
		display: none;
	}
	
	.brandin-lists .content .createlist .new-list-name {
		border: 1px solid #3ba6ba;
		width: 120px;
		float: left;
	}
	.brandin-lists .content .createlist .new-list-save {
		background: #3ba6ba;
		border: 1px solid #3ba6ba;
		color: #fff;
		width: 25px;
	}


	.unit .poll-votes a {
		display: block;
		height: 19px;
		padding-left: 17px;
		padding-right: 2px;
		background: url("/img/sprites/baloon-icons.png") no-repeat left -113px;
		color: #3C3C3C;
		text-shadow: #FFF 1px 1px 1px;
		font: normal 11px/17px Arial, sans-serif;
		text-decoration: none;
	}
	.unit .poll-votes.voted a {
		background-position: left -130px;
	}
		.unit .poll-votes a div.counter {
			font: bold 11px/15px Arial, sans-serif;
			padding-top: 2px;
			padding-bottom: 2px;
			background: url("/img/sprites/baloon-buttons.png") no-repeat;
			display: block;
			position: relative;
		}
			.unit .poll-votes a div.counter span {
				padding-left: 8px; padding-right: 4px;
			}
			.unit .poll-votes a div.counter i {
				background: red;
				position: absolute;
				top: 0; right: -2px;
				width: 2px; height: 18px;
				background:url("/img/sprites/baloon-buttons.png") no-repeat;
				background-position:left -19px;
			}
			
/* green units */
.unit.green { }

	.unit.green > .user { 
		position:absolute; z-index:10;
		bottom:-18px; left:0;
		width:100%;
		text-align:center;
	}
	
		.unit.green > .user .i {
			display:inline-block;
			padding:7px 10px 7px 7px;
			background:white;
		}
		
			.unit.green > .user a { 
				float:left;
				padding-top:3px;
				font-weight:bold; 
			}
				
				.unit.green > .user a img.avatar { 
					margin:-3px 10px 0 0;
				}

/* hint units */
.unit.hint {
    cursor:pointer;
	padding:20px 0;
	background:none;
	font:normal 14px/18px Arial,sans-serif;
	}
	
	.unit.hint h2 { 
		margin-bottom:20px;
		font:italic 30px/36px Arial,sans-serif; 
		text-transform:uppercase;
	} 
	
		.unit.hint h2 span { 
			display:inline-block;
			padding-right:42px;
			background:url("/img/sprites/hint.png") right top no-repeat;
		}
		
			.unit.hint.green h2 span { background-position:right -42px; }
			.unit.hint.blue h2 span { background-position:right -84px; }
	
/* unit effects */
.unit.masked { }

	.unit.masked .mask { 
		position:absolute; z-index:11;
		left:0; top:10px; bottom:10px;
		width:7px;
		background:url("/img/bg/mask.png") repeat-y;
	} 

/* helpers */
.unit.helper { text-align:center; }

	.unit.helper .photo { 
		position:relative; z-index:10;
		padding-top:30px;
		width:100%;
	}
	
		.unit.helper .photo span { 
			overflow:hidden;
			display:block;
			width:100%; height:134px; 
		}
	
		.unit.helper .photo a.mask { 
			position:relative; z-index:11;
			display:block;
			width:100%;
			margin-top:-134px;
			padding:150px 0 4px 0;
			background:url("/img/bg/mask-helper.png") no-repeat;
			font:bold 16px/18px Arial,sans-serif;
			text-align:center;
		}
	
	.unit.helper span.role { 
		position:absolute; z-index:12;
		left:0; top:158px;
		width:100%;
		text-align:center;
		font:bold italic 12px/15px Arial,sans-serif;
	}
	
		.unit.helper span.role span { 
			display:inline-block;
			height:17px;
			padding-left:3px;
			background:url("/img/sprites/ribbon.png") left -90px;
		}
		
			.unit.helper span.role span span {
				height:16px;
				padding:1px 10px 0 7px;
				background-position:right -107px;
			}

/* expert */
.unit.helper.expert .photo span { height:95px; }

	.unit.helper.expert .photo a.mask { 
		margin-top:-95px;
		padding-top:110px;
		background:url("/img/bg/mask-expert.png") no-repeat;
	}

.unit.helper.expert span.role { top:118px; }
	.unit.helper.expert span.role span { background:url("/img/sprites/ribbon.png") left -124px; }
		.unit.helper.expert span.role span span { background-position:right -141px; }

/* invite */
.invite {
	width:143px; height:143px;
	background:url("/img/bg/invite.png") no-repeat;
	text-transform:uppercase; text-align:center;
    margin:0 41px;
    cursor:pointer;
}

	.invite p {
		padding:35px 5px 10px 5px;
		font:normal 14px/26px Arial, sans-serif;
		color:white;
	}
	
		.invite p strong { font-weight:normal; font-size:24px; }
		
	.invite ul {
		overflow:hidden;
		margin-left:32px;
		list-style:none;
	}	

		.invite ul li { 
			float:left;
			margin:0 5px; 
		}
		
			.invite ul li a {
				display:block;
				width:17px; height:17px;
				background:url("/img/sprites/tfv.png") no-repeat;
				text-indent:-9999px;
			}
			
				.invite ul li a.tw {
					background-position:left top;
				}
				
				.invite ul li a.fb {
					background-position:-17px top;
				}
				
				.invite ul li a.vk{
					background-position:-34px top;
				}

/* facebook */			
.unit.facebook {
	width:110px;
	margin-bottom:30px;
	padding:40px 20px 40px 15px;
	background:#376098; color:white;
	font:normal 18px Arial, sans-serif;
	text-transform:uppercase; letter-spacing:0.2em;
}	
	
	.unit.facebook span {
		position:absolute;
		left:0; bottom:-20px;
		width:145px; height:40px;
		background:url("/img/bg/facebook.png") no-repeat;
		text-indent:-9999px;
	}

/* avertisment */
.unit.adv { }	

	/* iphone banner */
	.unit.adv.iphone-banner { 
		width:225px; height:204px;
        margin: 0 auto 30px;
		border-radius: 5px;
		border: 1px solid #d4d3d3;
		box-shadow: 0px 0px 10px rgba(28, 143, 197, 0.35);
		background: #fff;
	}
		.unit.adv.iphone-banner.ru { background: url('/img/bg/iphone-feedblock-ru.png') no-repeat; }
		.unit.adv.iphone-banner.en { background: url('/img/bg/iphone-feedblock-en.png') no-repeat; }
		
		.unit.adv.iphone-banner a { display: block; width:225px; height:204px; }

	/* iphone */
	.unit.adv.iphone .img { 
		width:136px; height:266px;
        margin:0 auto -30px;
		padding:1px 3px 45px 2px;
		background:url("/img/bg/iphone.png") no-repeat;
	}

	.unit.adv.iphone p {
		position:absolute;
		left:34px; top:22px;
		width:68px;
		padding:4px 8px 4px 8px;
		color:white; background:#00c5dc;
		font:bold 14px/18px Arial, sans-serif;
	}

/* popular brands */
.unit.brand {
	padding:25px 5px 5px 5px;
	background:white;
	font:bold 12px/18px Arial, sans-serif;
	text-align:center;
}	

	.unit.brand.single { width:135px; }

	.unit.brand p.heading {
		position:absolute; z-index:10;
		left:-4px; top:0;
		width:100%;
	}
	
		.unit.brand.single p.heading { width:153px; }

		.unit.brand p.heading span { 
			display:block;
			padding-left:3px;
			background:url("/img/sprites/ribbon.png") left -158px no-repeat;
			font:bold italic 12px/18px Arial,sans-serif; 
		}
		
			.unit.brand p.heading span span { 
				display:block;
				height:19px;
				padding:2px 13px 0 10px;
				background:url("/img/sprites/ribbon.png") right -181px no-repeat;
				color:white; 
			}
	
	.unit.brand a { 
		position:relative; z-index:10;
		display:block; 
		padding-bottom:10px;
		background:url("/img/bg/brand.png") center bottom no-repeat;
	}
	
		
/* friends */
.unit.friends {
	padding:10px;
	background:white;
	font:normal 14px/20px Arial,sans-serif;
}	
	
	.unit.friends.double { width:285px; }
	
	.unit.friends h2 {
		margin-bottom:10px;
		font:italic 18px Arial,sans-serif;
		text-transform:uppercase;
	}
	
	.unit.friends ul { list-style:none; }
		
		.unit.friends ul li { 
			overflow:hidden;
			margin-top:4px;
			padding-right:90px;
		}
		
			.unit.friends ul li:first-child { margin-top:0; }
		
		.unit.friends ul li a.user { text-decoration:none; }

			.unit.friends ul li a.user span { text-decoration:underline; }
		
			.unit.friends ul li a.user img.avatar { 
				float:none;
				vertical-align:middle; 
			}
		
		.friends ul li a.follow { 
			float:right; 
			margin-right:-90px;
		}
		
/* unit info */
.unit.info-unit {
	width: 225px;
	float: left;
	background: #fff;
	height: 440px;
	position: relative;
}
	.unit.info-unit .message p { padding-bottom: 0; margin-bottom: 0; text-align: center; }

	.unit.info-unit .message .content {
		width: 205px;
		font:12px/18px Arial,sans-serif;
		text-align: center;
		margin-left: 11px;
	}
		.unit.info-unit .message .gray-button.photo-camera a { padding-left: 30px; }
		.unit.info-unit .message .gray-button.photo-camera a b {
			background: url("/img/sprites/photo-camera.png") no-repeat;
			width: 21px; height: 18px;
			display: block;
			position: absolute;
			left: 45px;
			top: 6px;
		}

		
/* shadows */
.shadowed { position:relative; z-index:1; box-shadow: 0px 1px 2px rgba(25, 25, 25, 0.4); }

	.shadowed > span.shadow { 
		display:block;
		height:0; font-size:0; line-height:0;
	}
	
	.shadowed span.shadow b,
	.shadowed span.shadow i,
	.shadowed span.shadow s,
	.shadowed span.shadow u { 
		position:absolute; z-index:3;
	}
	
	.shadowed span.shadow b {
		left:-1px; right:0; top:-1px;
		height:1px;
		background:url("/img/bg/shadows/horizontal.png") left top no-repeat;
	}
	
		.dropdown .i.shadowed b { left:32px; }
	
	.shadowed span.shadow i {
		right:-3px; top:-1px; bottom:0;
		width:3px; height:auto !important;
		background:url("/img/bg/shadows/vertical.png") right top no-repeat !important;
	}
	
	.shadowed span.shadow s { 
		left:1px; right:-3px; bottom:-3px;
		height:3px;
		background:url("/img/bg/shadows/horizontal.png") right bottom no-repeat;
	}
	
	.shadowed span.shadow u { 
		left:-1px; top:0; bottom:-3px;
		width:1px;
		background:url("/img/bg/shadows/vertical.png") left bottom no-repeat;
	}
	
		.masked.shadowed span.shadow u { display:none; }

/* choice create */
.choice-create { overflow:hidden;
	margin:0 -5px 0px 0;
	padding-bottom:5px; }

	.choice-create form { float:left;
		width:465px;
		margin-right:15px;
		padding-top:20px; }
		
		.choice-create form .form-line { margin-top:10px; }
		
			.choice-create form label:first-child { display:block;
				margin-bottom:4px;
				font-size:14px; }
		
			.choice-create form input.text { padding:6px;
				font-size:14px; }
				
					.choice-create form input.text.size-date { width:136px; }
				.choice-create form .form-line input.choice-name { width:451px; }
					
		/* create line */
		.choice-create form .form-line.create {  }
			
			.choice-create form .form-line.create .date { position:relative;
				float:left;
				width:150px;
				margin-right:10px; }
				
				.choice-create form .form-line.create .date a.select { position:absolute;
					right:0; top:0;
					width:30px; height:30px;
					background:url("/img/sprites/choice-date-btn.png") center no-repeat;
					text-indent:-9999px; }
				
			.choice-create form .form-line.create .private { position:relative;
				float:left;
				/*width:130px;*/
				margin-right:10px;
				/*padding-left:30px;*/
				color:#353535; }
				
			/*	.choice-create form .form-line.create .private input { position:absolute;
					left:5px; top:5px; }*/
					
			.choice-create form .form-line.create input.button.create { float:right;
				color:white; background:#f36961; border: 0; padding: 5px 20px 5px 20px; }
		
	.choice-create .choice-photos { float:left; 
		width:465px;
		background:white; }
		
		.choice-create .choice-photos ul { position:relative; z-index:100;
			overflow:hidden;
			margin-left:-10px;
			padding:20px 0 20px 30px;
			background:url("/img/sprites/choice-arrow.png") left center no-repeat;
			list-style:none; } 
			
			.choice-create .choice-photos ul li { position:relative; overflow:hidden;
				float:left;
				width:128px; height:92px;
				margin-right:20px; }
			
				.choice-create .choice-photos ul li img { display:block;
					border:1px solid #ccc; 
					max-width: 128px; }
			
					.choice-create .choice-photos ul li img + a { display:none; }

				.choice-create .choice-photos ul li a { position:absolute;
					left:0; top:0;
					width:126px; height:90px;
					border:1px dotted black; }
					
					.choice-create .choice-photos ul li a span { position:absolute;
						left:50%; top:50%;
						width:29px; height:34px;
						margin:-17px 0 0 -14px;
						background:url("/img/sprites/choice-buttons.png") no-repeat;
						text-indent:-9999px; }
						
					.choice-create .choice-photos ul li	a.remove span { background-position:-29px top; }
					
				.choice-create .choice-photos ul li:hover a.remove { display:block;
					width:128px; height:92px;
					border:none; }

.choice-menu { overflow:hidden;
	margin:20px 0; }
	
	.choice-menu ul { width:500px; }
	
	.choice-menu form { float:right;
		padding-top:6px; }
		
		.choice-menu form input.file,
		.choice-menu form input.button { margin-left:10px; }

.choice-album { margin-top:20px; }
	
	.choice-album.grid { width:960px; } 
	
.pin ul.choice-actions { list-style:none; }  
	
	.pin ul.choice-actions li { font-size:14px; }
	
		.pin ul.choice-actions a { color:#353535; 
			text-decoration:none; }
			
			.pin ul.choice-actions a:hover { color:#f36961; }
			

/* SETS */
	.grid-unit .unit { margin:0 0 30px 15px; }
		.grid-unit .unit:first-child { margin-left:0; }
		
.set-unit {
	position:relative;
	float:left;
	margin:0 15px 30px 0;
	background: #fff;
	width: 220px;
	/*border: 1px dashed #545353;*/
	border: 1px solid #ccc;
	box-shadow: 0px 0px 2px rgba(10, 10, 10, 0.200);
	border-radius: 5px;
}

	.set-unit h3 { padding-top: 10px;
		padding-left: 10px;
		text-transform: uppercase;
		font:normal 14px/18px Arial,sans-serif;
		margin: 0;
		overflow: hidden;
		margin-right: 10px;
	}
	
	.set-unit .editinput { 
		margin-top: 6px; margin-left: 10px;
		width: 200px;
		background: #fff;
		z-index: 1000;
		display: none;
	}
	
	.set-unit .editinput input { width: 155px;
	}
	
	.grid-unit .edit-panel { display: none;
		background: white;
		width: 20px;
		height: 25px;
		position: absolute;
		right: 0; top: 0;
		opacity: 0.8;
	}
	
		.grid-unit:hover .edit-panel .delete { background:url("/img/sprites/baloon-icons.png") no-repeat;
			background-position: 0% -148px;
			height: 15px; width: 10px;
			position: absolute;
			right: 5px; top: 5px;
			cursor: pointer;
		}

	.set-unit .edit-panel { display: none;
		width: 45px;
		height: 34px;
	}
	
	.grid-unit:hover .edit-panel {
		display: block;
	}

		.set-unit:hover .edit-panel .delete {
			right: 9px; top: 10px;
		}
		
		.set-unit:hover .edit-panel .edit { background:url("/img/sprites/baloon-icons.png") no-repeat;
			background-position: 0% -164px;
			height: 15px; width: 10px;
			position: absolute;
			right: 27px; top: 10px;
			cursor: pointer;
		}

	.set-unit .content {
		min-height: 100px;
		cursor: pointer;
		position: relative;
	}
	
		.set-unit .content .images { padding: 6px; }
		
			.set-unit .content .images .pic { line-height: 0px;
				width: 64px; height: 64px;
				overflow: hidden;
				float: left;
				margin-left: 4px; margin-bottom: 4px;
				background: url('/img/bg/set-pic-empty.png') no-repeat;
			}
			
			.set-unit .content .images .break { clear: both; }
		
		.set-unit .content .images .bottom {
			margin: 3px 0 0 3px;
			min-height: 20px;
		}
		
		.set-unit .content .images .bottom span {
			background: url('/img/sprites/brandin-icon.png') no-repeat;
			height: 15px;
			padding-left: 15px; padding-top: 2px;
			font:normal 11px/18px Arial,sans-serif;
		}
		
	/* NEW SET */
	.set-unit .new-set {
		padding: 10px;
	}
		.set-unit .new-set .form { margin-top: 10px; }
		.set-unit .new-set .form .text { width: 180px; margin-bottom: 10px; }
		.set-unit .new-set .form .button { width: 200px; }
	

/* set shadows */
.set-shadowed { position:relative; z-index:1; }

	.set-shadowed  > span.shadow { 
		display:block;
		height:0; font-size:0; line-height:0;
	}
	
	.set-shadowed span.shadow b,
	.set-shadowed span.shadow i,
	.set-shadowed span.shadow s,
	.set-shadowed span.shadow u { 
		position:absolute; z-index:3;
	}
	
	.set-shadowed span.shadow b {
		left:-1px; right:0; top:-1px;
		height:1px;
		background:url("/img/bg/shadows/horizontal.png") left top no-repeat;
	}
	
	.set-shadowed span.shadow i {
		right:-4px; top:1px; bottom:-3px;
		width:4px; height:auto !important;
		/*background:url("/img/bg/shadows/vertical.png") right top no-repeat !important;*/
		background: #727272;
	}
	
	.set-shadowed span.shadow s { 
		left:1px; right:-3px; bottom:-3px;
		height:3px;
		background:url("/img/bg/shadows/horizontal.png") right bottom no-repeat;
		background: #727272;
	}
	
	.set-shadowed span.shadow u { 
		left:-1px; top:0; bottom:-3px;
		width:1px;
		background:url("/img/bg/shadows/vertical.png") left bottom no-repeat;
		background: none;
	}
	
/* set inside */
.set-bar { background: #fff; padding: 11px; width: 924px; box-shadow: 0 1px 2px rgba(25, 25, 25, 0.4); margin-bottom: 20px; height: 25px;  }

	.set-bar .avatar img { width: 24px; height: 24px; float: left; margin-right: 10px; }
	
	.set-bar .name { float: left; margin-right: 30px; }
		
		.set-bar .name a { font:bold 14px/25px Arial,sans-serif; text-decoration: none; }
		.set-bar .name a:hover { text-decoration: underline; }
	
		.set-bar .sets {
			margin-right: 5px; margin-top: 5px;
			float: left;
		}
	
		.set-bar .arrow {
				display:inline-block;
				padding-left: 11px;
				background:url("/img/sprites/arrow.png") left -109px no-repeat;
				cursor:pointer;
			}

	.set-bar .setname {
		font:bold 18px/23px Arial,sans-serif;
		color: #dc4c48;
		margin-right: 20px;
		float: left;
	}
	
	.set-bar .setname.arrow {
		background-position: left -103px;
		color: #dc4c48;
	}
	
	.set-bar .icon {
		background: url('/img/sprites/brandin-icon.png') no-repeat;
		height: 15px;
		padding-left: 15px;
		margin-top: 4px;
		font:normal 11px/18px Arial,sans-serif;
		float: left;
	}
	
/* nice gray buttons */
li.gray-button a,
div.gray-button a { background:url("/img/sprites/gray-button.png") no-repeat;
	background-position:left 0px;
	padding: 7px 2px 0px 10px;
	position: relative;
	font:normal 12px/17px Arial, sans-serif;
	color: #000;
	text-decoration: none;
	display: block;
	height: 32px;
}
	li.gray-button a:hover, div.gray-button a:hover { background-position:0px -40px; }
	li.gray-button a:active, div.gray-button a:active { background-position:0px -81px; }
	li.gray-button.active a, div.gray-button.active a { background-position:0px -81px; }

	li.gray-button a i,
	div.gray-button a i { background:url("/img/sprites/gray-button.png") no-repeat;
		height: 32px; width: 6px;
		margin-left: 2px;
		float: right;
		background-position: -196px 0px;
		position: absolute;
		top: 0; right: -6px; }
	
	li.gray-button a:hover i, div.gray-button a:hover i { background-position:-196px -40px; }
	li.gray-button a:active i, div.gray-button a:active i { background-position:-196px -81px; }
	li.gray-button.active a i, div.gray-button.active a i { background-position:-196px -81px; }

/* iPhone banner */
#iphone-banner { 
	position: fixed;
	right: 0px; top: 195px;	
	z-index: 5000px;
	display: none;
}
	#iphone-banner a {
		background: url(/img/iphone/right-banner.png);
		width: 194px; height: 93px;
		display: block;
		font-size: 0;
		position: relative;
	}
		#iphone-banner a div {
			font:bold 14px "Arial", sans-serif;
			color: #fff;
			position: absolute;
			bottom: 25px;
			left: 53px;
		}
		#iphone-banner.en a div { left: 57px; }
		
/* App friends */
.app-friends-header {text-transform:uppercase;margin:10px 0 0;color:#353535;}

.app-friends .one-friend {padding:10px 0 10px 0; border-bottom: 1px solid #A0A0A0; width: 225px; height: 50px;}
.app-friends .one-friend .img {float:left;margin-right: 10px;}
.app-friends .one-friend .name {font-weight: bold;color:#0B5977;}
.app-friends .one-friend .location {color: #999;}
.app-friends .one-friend ul {list-style: none;}

/* email alert */
.email-alert-bg { height: 120px; display: none; }
.email-alert-bg.login {  }
.email-alert-bg .wrap { width: 944px; }
.email-alert-bg.stuck .wrap { width: 920px; }
.email-alert-bg.stuck { /*position: fixed; left: 0px; top: 42px; width: 100%; z-index: 900;*/ }
.email-alert-bg.stuck .content { height: 97px; border-radius: 5px; box-shadow: 0px 1px 5px rgba(34, 25, 25, 0.298); }
.email-alert-bg.login.stuck .content { height: 112px; }

.email-alert { margin: 5px 0 15px 0; }
.email-alert.login { }
.email-alert.stuck { /*display: none; position: fixed; left: 0px; top: 42px; width: 100%; z-index: 900;*/ }

	.email-alert .content { border: 1px solid #f1e997;
		border-radius: 5px;
		background: #fff3c5;
		background: #fff;
		box-shadow: 0px 1px 2px rgba(34, 25, 25, 0.298);
		border: 0;
		padding: 10px;
		padding-top: 0px;
		font-size: 12px;
		line-height: 22px;
		font-weight: normal;
		color: #a77f38;
		color: #000;
		text-align: center;
		min-height: 55px;
        margin-left: 14px;
        width: 926px;
    }
		
		.email-alert .content #caption { padding-right: 5px; padding-top: 7px; padding-left: 5px;
			float: left; width: 400px; height: 28px;
			text-align: left; }
			
			.email-alert .content #caption.long { width: 800px;  }
			
			.email-alert .content h2 { padding-top: 10px; }
			
			.email-alert .content i {
				display: inline-block; width: 35px; height: 28px; float: left; margin-left: 20px; margin-top: 3px;
				background: url("/img/sprites/profile-actions.png") no-repeat;
				background-position: -40px -30px;
				text-align: left; }
			
			.email-alert .content #caption span { color: #f36961; }
			
		.email-alert .content #caption b { color: #588cc7; }
		.email-alert .content a.manager { color: #588cc7; }
		
		.email-alert.login .content {
			position: relative;
			background: url("/img/bg/auth-banner.png") no-repeat;
			/*
            background-color: #fafafa;
			background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
			background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
			background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
			background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
			background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
			background-repeat: repeat-x;
			*/
		}
		
		.email-alert .content a { color: #333;
			font-size: 12px;
			font-weight: 700;
			text-shadow: #fff 1px 1px 1px;
			margin-left: 10px; }
				
				.email-alert .content .instagram a,
				.email-alert .content .facebook a,
				.email-alert .content .twitter a,
				.email-alert .content .vkontakte a,
				.email-alert .content .email-reg a { margin-left: 0; }

		.email-alert .content .inputs { padding-top: 15px; display: block; }
		.email-alert .content .inputs .text { padding: 5px; width: 200px; }

		.email-alert.login .content .email-reg { font-size: 12px; font-weight: normal; clear: both; }
		.email-alert.login .content .email-reg a { font: bold 12px Arial; text-shadow: none; color: #41869f; }
		.email-alert.login .content .email-reg a:hover { text-decoration: underline; }

		.email-alert .content h2 { font-size: 22px; margin-bottom: 10px; color: #2c2c2c; text-shadow: #fff 1px 1px 1px; }

.email-alert .content ul { list-style: none;
	position: relative;
	width: 780px;
	margin: 0 auto;
	top: 5px;
	height: 50px; }

.email-alert .content ul.short { width: 630px; }

	
	.email-alert .content ul li {
		float: left;
		background: url("/img/sprites/social-login-buttons-small.png") no-repeat;
		padding-left: 53px; padding-top: 11px;
		width: 91px; height: 31px;
		text-align: left;
		margin-bottom: 15px;
		cursor: pointer;
		margin-right: 12px; }
	
	.email-alert .content ul li.instagram { background-position: 0px 0px; }
	.email-alert .content ul li.instagram:hover { background-position: -144px 0px; }
	.email-alert .content ul li.facebook { background-position: 0 -42px; }
	.email-alert .content ul li.facebook:hover { background-position: -144px -42px; }
	.email-alert .content ul li.vkontakte { background-position: 0 -84px; }
	.email-alert .content ul li.vkontakte:hover { background-position: -144px -84px; }
	.email-alert .content ul li.twitter { background-position: 0 -126px; }
	.email-alert .content ul li.twitter:hover { background-position: -144px -126px; }
    .email-alert .content ul li.google { background-position: 0 -168px; }
    .email-alert .content ul li.google:hover { background-position: -144px -168px; }
		
		.email-alert .content li a { display: block;
			font:bold 14px/18px Arial,sans-serif;
			color: #fff;
			width: 100%; }
		
			.email-alert .content li.instagram a { text-shadow: #000 1px 1px 1px; }
			.email-alert .content li.facebook a { text-shadow: #283b62 1px 1px 1px; }
			.email-alert .content li.vkontakte a { text-shadow: #324458 1px 1px 1px; }
			.email-alert .content li.twitter a { text-shadow: #3b658a 1px 1px 1px; margin-right: 0; }
            .email-alert .content li.google a { text-shadow: #942C2C 1px 1px 1px; margin-right: 0; }
			
			
/* create section */
.create-box { position: relative; }

.create-box-footer { clear: both; height: 50px; display: block; }
	
.create-box h1 {
	color: #000;
	font:normal 20px "Arial", sans-serif;
	padding-bottom: 4px;
	margin-bottom: 8px;
	margin-top: 10px;
	border-bottom: 1px solid #777; }

.create-box h2 {
	color: #7d7d7d;
	font:normal 11px "Arial", sans-serif;
}

.create-box .content {
	margin-top: 20px;
}

.create-box .hint-box { font-size: 12px; border-radius: 5px; background: #f1f1f1; color: #888; padding: 5px; margin-top: 5px; margin-bottom: 5px; }

	/* POLL */
	.create-box .top { 
		width: 940px;
		min-height: 105px;
		background: #fff;
		box-shadow: 0px 0px 3px rgba(34, 25, 25, 0.298);
		margin-bottom: 25px;
		padding: 10px;
		position: relative;
	}
		.create-box .top .caption {
			float: left;
			width: 465px;
			height: 85px;
			margin: 10px 0 0 20px;
			position: relative;
		}
			.create-box .top .caption h3 { margin-bottom: 5px; }
			.create-box .top .caption .text { padding: 5px; font-size: 14px; width: 450px; }
			/* publish */
			.create-box .top .caption .publish {
				position: absolute;
				right: 0px; bottom: 0px;
			}
			.create-box .top .caption .publish .loading {
				float: left;
				height: 24px;
				width: 110px;
			}
			.create-box .top .caption .publish .loading div {
				padding-left: 20px;
			}

			.create-box .top .caption .publish .button,
			.create-box .right .publish .button,
            .create-video .top .button,
            .create-video .select-video .button { padding:8px 10px;
				border:none;
				color:black; background:#efefef;
				font:normal 14px/12px Arial,sans-serif;
				background-color: #dfe0e2;
				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;
				border-radius: 3px;
			}
			
			.create-box .top .caption .publish .button:hover,
			.create-box .right .publish .button:hover,
            .create-video .top .button:hover,
            .create-video .select-video .button:hover {
				box-shadow: 0px 0px 5px rgba(64, 194, 255, 0.500);
				border-color: #90C9E7;
			}
			
			.create-box .top .caption .publish .button:active,
			.create-box .right .publish .button:active,
            .create-video .top .button:active,
            .create-video .select-video .button:active { padding:8px 10px;
				border:none;
				color:black; background:#dfe0e2;
				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 #ddd;
				border-radius: 3px;
			}
			
		.create-box .top .photos {
			float: right;
			width: 420px;
			height: 105px;
		}
			.create-box .top .photos ul { list-style: none; margin-top: 7px; }
			.create-box .top .photos ul li { float: left;
				height: 92px;
				margin-right: 10px;
				position: relative;
				width: 128px; }
				
				.create-box .top .photos ul li .crop { overflow: hidden;
					height: 92px;
					width: 128px; }
				
				/* OR */
				.create-box .top .photos ul li:after { 
					content:"";
					display:block;
					position:absolute; 
					left:-20px; top:30px;
					width:31px; height:31px;
					background:url("/img/sprites/vote.png") -46px top no-repeat; }
					.create-box .top .photos ul.en li:after { background-position: -79px 0; }
					.create-box .top .photos ul li:first-child:after { display:none; }
					
					.create-box .top .photos ul li.add-photo:after { display: none; }

				.create-box .top .photos ul li img { display:block;
					border:1px solid #ccc; 
					max-width: 128px; }
			
					.create-box .top .photos ul li img + a { display:none; }
				
				.create-box .top .photos li a { border: 1px dotted #000000;
					height: 90px;
					left: 0px;
					position: absolute;
					top: 0px;
					width: 126px; }
					
					.create-box .top .photos li a span { height: 34px;
						background: url("/img/sprites/choice-buttons.png") no-repeat transparent;
						left: 50%;
						margin: -17px 0px 0px -14px;
						position: absolute;
						text-indent: -9999px;
						top: 50%;
						width: 29px; }
							.create-box .top .photos ul li.add-photo a span {
								background: none;
								text-indent: 0px;
								text-align: center;
								width: 70px;
								left: 44px; top: 47px; 
							 }
							 .create-box .top .photos ul li a.add span { background: none; }
							 .create-box .top .photos ul li.add-photo:hover a span { text-decoration: underline; }
						
						.create-box .top .photos ul li	a.remove span { background-position:-29px top; }
						.create-box .top .photos ul li:hover a.remove { display:block;
							width:128px; height:92px;
							border:none; }
							.create-box .top .photos ul li.add-photo:hover a.remove { display: none; }						
	
	/* Photo blocks */
	.create-box .left { 
		width: 600px;
		min-height: 500px;
		background: #fff;
		box-shadow: 0px 0px 3px rgba(34, 25, 25, 0.298);
		float: left;
		margin-right: 20px;
		padding: 10px;
		position: relative;
	}
		.create-box .upload-photo {
			position: absolute;
			width: 480px;
			left: 13%; top: 25%;
			text-align: center;
		}
			.create-box .upload-photo h1 {
				color: #000;
				font:normal 24px/16px Arial, sans-serif;
				border: 0;
				margin-bottom: 2px;
			}
			.create-box .upload-photo h3 {
				color: #a7a7a7;
				font:normal 12px/16px Arial, sans-serif;
				border: 0;
			}
			.create-box .upload-photo p {
				color: #7d7d7d;
				font:normal 14px/16px Arial, sans-serif;
				margin-bottom: 20px;
			}
			.create-box .upload-photo ul { list-style: none;
				padding: 0;
				margin:0 auto;
				margin-top: 20px;
				width: 280px;
				padding-left: 0px;
			}
				.create-box .upload-photo ul li { padding: 0;
					display: block;
					width: 265px;
					height: 29px;
					background: url("/img/sprites/social-login-buttons.png") no-repeat;
					font:bold 12px/16px Arial, sans-serif;
					cursor: pointer;
					padding-top: 13px;
					padding-left: 60px;
					margin-right: 20px;
					margin-bottom: 10px;
					text-align: left;
				}
				.create-box .upload-photo ul li.fb { background-position: 0px -88px; }
				.create-box .upload-photo ul li.in { background-position: 0px -264px; }
				.create-box .upload-photo ul li.vk { background-position: 0 0; }
				.create-box .upload-photo ul li.up { background-position: 0px -352px; margin-right: 0; }
				
				.create-box .upload-photo ul li:hover { opacity: 0.9; }
				.create-box .upload-photo ul li a { color: #fff; white-space: normal; }
			
			.create-box .upload-photo ul li.up .file_upload { position: relative; top: -30px; left: -20px; height: 40px; width: 260px; opacity: 0; }
			
		.create-box .photo {
			min-height: 500px;
			text-align: center;
			display: none;
		}
			.create-box .photo {
				min-height: 500px;
				text-align: center;
			}
			.create-box .photo > .img { 
				display: inline-block;
				position: relative;
			}
			.create-box .photo .img .new-brandin-hint { padding: 10px; background: #000; display: none; color: #fff; opacity: 0.85; border-radius: 5px; width: 280px; position: absolute; z-index: 5000; }
			
			/* upload messages */
			.create-box #loading-photos {
				width: 470px; height: 55px;
				list-style: none;
				display: none;
				font:normal 24px/20px "HattoriHanzoLightItalic", "Arial", sans-serif;
			}
			.create-box #loading-photos div { margin-right: 5px; }
			.create-box #loading-errors {
				width: 340px;
				margin-left: -25px;
				padding: 5px;
				list-style: none;
				z-index:10000;
			}
			.create-box #loading-errors-label {
				margin-left: -25px;
				width: 340px;
				color: red;
				display: none;
			}			
			
		.create-box .photo .pin,
		.create-box .photo .pin.close { opacity: 1; }
		.create-box .photo .pin i { z-index: 1120; }
		.create-box .photo .pin:hover i { z-index: 3120; }
		.create-box .photo .pin.close i { z-index: 2120; }
		
		.create-box .photo .pin .baloon { opacity: 1; z-index: 1110; }
		.create-box .photo .pin:hover .baloon { z-index: 3110; }
		.create-box .photo .pin.close .baloon { z-index: 2110; }

        .create-box .photo .pin .baloon-new-brandin,
        .create-box .photo .pin .baloon-new-question{
			position: absolute;
            padding: 10px;
            background: #fff;
            top: 18px;
            left: 18px;
			min-width: 180px;
        }

		.create-box .photo .pin.hide-balloon .baloon-new-brandin,
		.create-box .photo .pin.hide-balloon .baloon-new-question{
			display: none;
		}

	/* right */
	.create-box .right { 
		width: 270px;
		min-height: 300px;
		background: #fff;
		box-shadow: 0px 0px 3px rgba(34, 25, 25, 0.298);
		float: right;
		padding: 15px;
		position: relative;
		padding-bottom: 55px;
	}
	
		/* add brand-in */
		.create-box .right .add-brandin,
		.create-box .right .add-question { margin: 15px 0 0 10px; width: 160px; }
		.create-box .right .add-question { margin-top: 5px; }
		.create-box .right .add-brandin a,
		.create-box .right .add-question a { padding-left: 40px; }
		.create-box .right .add-brandin a b,
		.create-box .right .add-question a b { 
			background: url("/img/sprites/actions-all.png") -96px -11px transparent;
			display: block;
			height: 22px;
			left: 10px;
			position: absolute;
			top: 5px;
			width: 23px;
		}
		
		.create-box .right .add-question a b { background-position: -95px -51px; }
	
		/* user message */
		.create-box .right .user { clear: both; padding-top: 15px; }
		.create-box .right .user .message {
			width: 300px; height: 50px; margin-top: 5px; margin-bottom: 20px; }
		.create-box .right .user .message textarea { border: 1px solid #DCDCDC; padding: 2px; width: 265px; height: 50px; }

        .create-box .right .user .videourl {
            width: 270px; margin-top: 5px; margin-bottom: 20px; }
        .create-box .right .user .videourl input { border: 1px solid #DCDCDC; padding: 5px; width: 255px; }

		/* publish */
		.create-box .right .publish {
			position: absolute;
			right: 15px; bottom: 15px;
		}
			.create-box .right .publish .loading { display: none; }
			.create-box .right .publish .loading div { float: left; }
			.create-box .right .publish .loading .text { padding-top: 10px; padding-left: 10px; }

		.create-box .right .clear { clear: both; }
	
	/* brand-ins */
	.create-box .right .brand-ins ul li { position:relative; 
			overflow:hidden;
			display:block;
			padding:14px 15px; }
	
			.create-box .right .brand-ins ul li.active { background:#e1e1e1; }
	
			/* brand ins list content */
			.create-box .right .brand-ins ul li .text { }
			
				.create-box .sidebar .brand-ins ul li .text p.price { color:#757575;
					font-size:12px; }

				.create-box .right .brand-ins ul li .text .comment { float:right;
					width:85px; height:35px;
					background:url("/img/popup/sprites/buy.png") left top no-repeat;
					text-align:center;
					margin-top: -2px; }
					
					.create-box .right .brand-ins ul li .text .comment:hover {
						margin-top: -1px;
					}
					
					.create-box .right .brand-ins ul li .text .comment a { display: block;
						padding: 9px 0 0 30px;
						color: #fff;
						font:normal 12px/14px Arial,sans-serif;
						text-decoration: none;
						text-shadow: #157320 1px 1px 1px;
					}

			.create-box .right .brand-ins ul li .img { float:left;
				min-width:30px;
				margin-right:15px;
				text-align:center; }
	
	.create-box .right .heading { text-transform: uppercase; font-size: 14px; }

    /* VIDEO */
    .create-video h1 {
        color: #000;
        font:normal 30px "PT Sans Narrow", sans-serif;
        padding-bottom: 4px;
        margin-bottom: 10px;
        margin-top: 10px;
        text-align: center;

    }

    .create-video .top {
        width: 700px;
        height: 100px;
        background: #fff;
        box-shadow: 0px 0px 3px rgba(34, 25, 25, 0.298);
        margin-bottom: 25px;
        padding: 10px;
        position: relative;
        margin: 0 auto;
    }
        .create-video .top .caption {
            height: 80px;
            margin: 10px 20px 0 20px;
            position: relative;
        }
        .create-video .top .caption .text { padding: 7px;
            font-size: 14px;
            width: 640px;
            margin-bottom: 10px;
        }

        /* publish */
        .create-video .top .caption .publish {
            float: right;
        }
        .create-video .top .caption .publish .loading {
            float: left;
            height: 24px;
            width: 110px;
        }
        .create-video .top .caption .publish .loading div {
            padding-left: 20px;
        }

    .create-video .bottom {
         width: 700px;
         min-height: 300px;
         background: #fff;
         box-shadow: 0px 0px 3px rgba(34, 25, 25, 0.298);
         margin: 0 auto;
         margin-top: 25px;
         padding: 10px;
         position: relative;
    }
        .create-video .select-video {
            width: 300px;
            height: 200px;
            margin: 0 auto;
            margin-top: 50px;
        }
            .create-video .select-video .icon {
                width: 110px;
                height: 61px;
                margin: 0 auto;
                background: url('/img/sprites/select-video-icon-youtube.png');
            }
            .create-video .select-video h2 { font:normal 22px "PT Sans Narrow", sans-serif;
                text-align: center;
                margin-top: 10px;
                color: #494949;
            }

            .create-video .select-video .button-wrapper { width: 300px;
                text-align: center;
                margin-top: 10px;
            }
                .create-video .select-video #loading-photos { display: none; }

    .create-video #load-video-container { text-align: center; padding-top: 100px; display: none; }
    .create-video .img { text-align: center; display: inline-block; }
        .create-video .photo { text-align: center; display: none; }
            .create-video .photo h3 { font:normal 18px "PT Sans Narrow", sans-serif; margin-bottom: 10px; }

/* share */
.share-block {
	text-align: center;
	padding-top: 10px; }
.share-block h2 {
	color: #111;
	font:normal 18px/14px Arial,sans-serif;
	margin-bottom: 10px; }

.share-block .links {
	margin-bottom: 20px;
}
	.share-block .links a {
		color: #425A90;
		font: 12px/16px "Arial", sans-serif;
		margin-right: 10px;
	}

.share-block .share-buttons ul {
	list-style: none;
	display: inline-block;
	height: 80px;
}
	.share-block .share-buttons ul li {
		float: left;
		margin-right: 10px;
	}
		.share-block .share-buttons ul li a {
			width: 67px; height: 67px;
			display: block;
			font-size: 0;
			background: url("/img/sprites/share-buttons-big.png") no-repeat;
			content: '';
		}
		.share-block .share-buttons ul li a.vk { background-position: 0 0; }
		.share-block .share-buttons ul li a.fb { background-position: -68px 0; }
		.share-block .share-buttons ul li a.pn { background-position: -136px 0; }
		.share-block .share-buttons ul li a.tw { background-position: -204px 0; }
		
		.share-block .share-buttons ul li:hover a { margin-top: 1px; }

.share-block .image {
	background: #fff;
	padding: 15px;
	box-shadow: 0px 0px 3px rgba(34, 25, 25, 0.298);
	display: inline-block;
}

.share-block .image img {
	max-width: 900px;
}
	.share-block .image.unit.blue { float: none; margin: 0; }

	.share-block .image .pin,
	.share-block .image .pin.close { opacity: 1; }
	.share-block .image .pin i { z-index: 1120; }
	.share-block .image .pin:hover i { z-index: 3120; }
	.share-block .image .pin.close i { z-index: 2120; }
	
	.share-block .image .pin .baloon { opacity: 1; z-index: 1110; }
	.share-block .image .pin:hover .baloon { z-index: 3110; }
	.share-block .image .pin.close .baloon { z-index: 2110; }


/* PROFILE POPUP */
.profile-popup-container { background: #fff;
	padding: 8px 10px 8px 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 5px rgba(34, 25, 25, 0.4);
	position: relative;
	min-width: 175px;
	display: none; }

	.profile-popup-container .avatar { margin: 0 10px 0 5px; }
	.profile-popup-container .actions { list-style: none; margin: 0; margin-top: 5px; padding: 0; }
		.profile-popup-container .actions li a,
		.profile-popup-container a { color: #0B5977; text-decoration: none; font-size: 11px; }
		.profile-popup-container .actions li a:hover,
		.profile-popup-container a:hover { color: #0B5977; text-decoration: underline; }

.profile-popup-container .arrow {
	background: url("/img/sprites/popup-arrow-white.png") no-repeat;
	background-position: -26px 0;
	width: 26px; height: 12px;
	position: absolute;
	left: 44%; bottom: -12px;
}

/* PROFILE MANAGER */
.profile-manager h1 {
	color: #000000;
	font: normal 20px "Arial", sans-serif;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.profile-manager h2 {
	color: #000000;
	font: normal 18px "Arial", sans-serif;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

.profile-manager p.descr {
	color: #7D7D7D;
	font: 12px "Arial", sans-serif;
	margin: 20px 0;
}

.profile-manager .error-message {
	background: #F7E0E0;
	border: 1px solid #ddd;
	padding: 5px;
	display: inline-block;
	margin-bottom: 5px;
}

.profile-manager .settings input { padding: 5px; }

.profile-manager .settings .line { display: block; min-height: 45px; padding-bottom: 5px; }
	.profile-manager .settings .line .label { float: left; width: 120px; min-height: 30px; margin-right: 25px; }
	.profile-manager .settings .line .label.small { width: 150px; }
	.profile-manager .settings .line .value { float: left; width: 400px; }
		.profile-manager .settings .line .value a.action { text-decoration: none; color: blue; }
		.profile-manager .settings .line .value a.action:hover { text-decoration: underline; color: blue; }
	.profile-manager .settings .line .value input[type=text],
	.profile-manager .settings .line .value input[type=password] { width: 250px; }
		.profile-manager .settings .line .value .chzn-container-single .chzn-single { padding: 3px; }
		.profile-manager .settings .line .value .chzn-container-single .chzn-single span { padding-left: 5px; }
		.profile-manager .settings .line .value .chzn-container-single .chzn-single div b { background-position: -2px 3px; }
		.profile-manager .settings .line .value .chzn-container { width: 265px; }
	.profile-manager .settings .line .value p { color: #999999; font-size: 10px; }
	.profile-manager .settings .clear { clear: both; height: 15px; display: block; }

.profile-manager .snetwork { 
	background: url("/img/sprites/social-login-buttons.png") no-repeat;
	cursor: pointer;
	height: 31px;
	margin-bottom: 15px;
	padding-left: 62px;
	padding-top: 12px;
	text-align: left;
	width: 210px;
}

	.profile-manager .snetwork.facebook { background-position: 0 -88px; }
	.profile-manager .snetwork.facebook:hover { background-position: 0px -132px; }
	.profile-manager .snetwork.vkontakte { background-position: 0 0px; }
	.profile-manager .snetwork.vkontakte:hover { background-position: 0px -43px; }
	.profile-manager .snetwork.twitter { background-position: 0 -176px; }
	.profile-manager .snetwork.twitter:hover { background-position: 0px -220px; }
	.profile-manager .snetwork.instagram { background-position: 0 -264px; }
    .profile-manager .snetwork.instagram:hover { background-position: 0px -308px; }
    .profile-manager .snetwork.google { background-position: 0 -440px; }
    .profile-manager .snetwork.google:hover { background-position: 0px -484px; }
	
	.profile-manager .snetwork span { display: block;
		font:bold 14px/18px Arial,sans-serif;
		color: #fff;
		width: 100%;
	}
			.profile-manager .snetwork.facebook span { text-shadow: #283b62 1px 1px 1px; }
			.profile-manager .snetwork.vkontakte span { text-shadow: #324458 1px 1px 1px; }
			.profile-manager .snetwork.twitter span { text-shadow: #3b658a 1px 1px 1px; }

.profile-manager .delete-profile {
	color: #BDBDBD;
	font-size: 10px;
}

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

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