/*
	Style for profile page
	
	1. Aside (sidebar)
	2. Content
	3. Popup profile
	4. Feeds page
	5. Friends + search friend page
	6. My channels, programs and videos pages
	7. Popup for create feeds
	8. Inbox pages
	
 */

/*START NEW PROFILE V2*/

/*aside start(sidebar)*/
.timeline_aside{
    width:190px;
    font-size:12px;
    overflow:visible
}

.timeline_aside img{
    max-width:100%;
}


.timeline_aside_profile_img{
    position:relative
}
.timeline_aside_profile_img > img{
    display:block;
    width:190px
}

.profile_image_options{
    position:absolute;
    width:180px;
    line-height:30px;
    background:rgba(46,46,46,0.9);
    bottom:0;
    left:0;
    padding-left:10px
}

.profile_image_options a{
    color:#fff;
    opacity:0.7;
    text-decoration:none;
    max-width:80px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

.profile_image_options a span{
    max-width:60px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    display:inline-block
}

.profile_image_options a:hover{
    opacity:1;
}
.profile_image_options a em{
    border-left:1px solid #838383;
    padding-left:7px;
    margin-left:7px
}
.profile_image_options a img{
    margin-right:5px;
    margin-bottom:-3px
}

.profile_info{
    background:#fff;
    border:1px solid #dfdfdf;
    border-top:0;

}
.profile_info_name{
    display:block;
    color:#333;
    font-size:14px;
    font-weight:bold;
    border-bottom:1px solid #dfdfdf;
    padding:10px 8px
}

.profile_button{
    text-align:center;
    border-bottom: 1px solid #dfdfdf;
    padding: 10px 0;
}
.profile_button_area{
    display:inline-block;
}

.profile_button_area span{
    width:30px;
    height:30px;
    display:inline-block;
    margin:0 5px;
    background:url("../../images/profile_button.png");
    cursor:pointer
}
.profile_button_area span.profile_block_user:hover{
    background-position:0 -30px
}
.profile_button_area span.profile_report_user{
    background-position:-30px 0
}
.profile_button_area span.profile_report_user:hover{
    background-position:-30px -30px
}
.profile_button_area span.profile_message_user{
    background-position:-60px 0
}
.profile_button_area span.profile_message_user:hover{
    background-position:-60px -30px
}
.profile_button_area span.profile_add_friend_user{
    background-position:-90px 0
}
.profile_button_area span.profile_add_friend_user:hover{
    background-position:-90px -30px
}
.profile_button_area span.profile_add_friend_user.passive{
    background-position:-90px -60px
}
.profile_button_area span.profile_add_friend_user.remove{
    background-position:-90px -90px
}

.profile_button_area span.disabled{
    opacity:0.5
}

.profile_info_detail{
    color:#333;
    font-weight:bold;
    padding:10px 8px;
    border-bottom:1px solid #dfdfdf;
    width:170px;
    overflow:hidden
}
.profile_info_detail span{
    color:#999;
}

.profile_info_friends {
    padding:9px

}
.profile_info_friends a{
    width:33px;
    display:inline-block;
    margin-right:-2px;
    margin-bottom:-2px;

}
.profile_info_friends a img{
    display:block
}

.profile_info_friend_link{
    color:#333;
    font-weight:bold;
    display:block;
    padding:0 10px 10px 8px
}

.propose_blok{
    margin:0 0 20px 0;
    background:#343434
}

.propose_blok img{
    display:block
}
.propose_title{
    color:#999;
    font-weight:bold;
    line-height:40px;
    font-size:14px;
    height:40px;
    padding:0 12px
}

.propose_miniblok{
    padding:12px;
    overflow:hidden;
    border-top:1px solid #42484c;
    position:relative;
    background:#343434;
    width:166px
}

.propose_transparent{
    position:absolute;
    width:100%;
    height:100%;
    background:#222;
    top:0;
    left:0;
    opacity:0.8;
}
.propose_photo{
    width:50px;
    height:50px
}
.propose_photo_channel{
    width:54px;
    height:30px;
    outline:1px solid #686868
}
.propose_photo_channel img{
    width:54px;
    height:30px
}
.propose_info{
    margin-left:5px;
    width:100px
}
.propose_info_channel{
    margin-left:5px;
    width:107px;
}
.propose_name{
    width:100px;
    white-space: nowrap;
    overflow:hidden
}
.propose_name a{
    color:#fff;
    font-size:12px;
    font-weight:bold
}

.propose_name_channel{
    width:167px;
    white-space: nowrap;
    overflow:hidden;
    margin:-5px 0 8px 0
}
.propose_name_channel a{
    color:#fff;
    font-size:12px;
    font-weight:bold
}
.propose_mutual_friends{
    color:#818385;
    font-size:11px
}
.propose_mutual_friends_channel{
    color:#818385;
    font-size:11px;
    margin-top:5px;
    width:72px;
    overflow:hidden;
    white-space:nowrap
}
.propose_mutual_friend_add{
    width:16px;
    height:16px;
    background: url(../../images/propose_mutual_friend_add.png);
    cursor:pointer;
    margin-top:5px
}
.propose_channel_add{
    width:16px;
    height:16px;
    background: url(../../images/propose_channel_add.png);
    cursor:pointer;
    margin-top:5px
}

.propose_channel_add:hover{
    background: url(../../images/propose_channel_add.png) 0 -16px;
}
.propose_more a{
    display:block;
    height:25px;
    line-height:25px;
    color:#fff;
    font-weight:bold;
    font-size:11px;
    padding:0 12px;
    border-top:1px solid #42484c
}
.propose_friends .propose_miniblok{
    overflow:visible !important;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    position:absolute;
    z-index:9
}

.propose_friends .pos_relative{
    height:59px
}
.propose_friends .propose_miniblok:hover{
    position:absolute !important;
    width:210px;
    left:0px;
    top:0;
    border-radius:0 4px 4px 0;
    background:#232323;
    box-shadow:inset 3px 3px 3px rgba(0,0,0,0.3)
}
.propose_friends .propose_miniblok:hover .propose_info_channel{
    width:100px;
}

.propose_friends .suggestion_channel_add{
    display:none
}

.propose_friends .propose_photo_channel img, .propose_friends .propose_photo_channel{
    width:33px;
    height:33px
}

.propose_friends .propose_info_channel{
    width:125px;
    overflow:hidden;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.propose_friends .propose_miniblok:hover .propose_info_channel{
    width:170px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.propose_friends  .propose_name_channel{
    margin:0 ;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:120px
}

.propose_friends .propose_miniblok:hover .propose_name_channel{
    width:150px;
}
.propose_friend_add{
    width:19px;
    position:absolute;
    right:10px;
    top:20px;
    display:none;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    cursor:pointer
}

.propose_friend_add.disabled img{
    opacity:0.1
}

.propose_friends .propose_miniblok:hover .propose_friend_add{
    display:block;
}
.propose_friends .propose_mutual_friends_channel{
    width:123px;
}

.propose_friends .propose_miniblok:hover .propose_mutual_friends_channel{
    width:143px;
}


.propose_channel_add_aside a{
    display:block;
    width:21px;
    height:21px;
    background:url("../../images/suggestion_channel_add.png") no-repeat;
    margin-top:3px
}

.propose_channel_add_aside a:hover{
    background:url("../../images/suggestion_channel_add.png") 0 -21px no-repeat;
}
.propose_channel_add_aside a:active{
    background:url("../../images/suggestion_channel_add.png") 0 -42px no-repeat;
}

.propose_channel_add_aside.disabled a{
    background:url("../../images/suggestion_channel_add.png") 0 -63px  !important;
}
/*aside end(sidebar)*/


.timeline_content{
    width:780px;
    margin-left:10px;
    color:#666
}
.timeline_content a{
    color:#4a6aad;
    font-weight:bold
}

.timeline_header_blok{
    width:192px;
    border-left:1px solid #c3c3c3
}
.timeline_header_blok:first-child{
    border-left:0
}
.timeline_icon{
    width:50px;
    text-align:center
}
.timeline_icon_info{
    width:140px;
    overflow:hidden
}
.timeline_icon_info span{
    display:block;
    line-height:12px
}
.timeline_icon_info span a{
    text-decoration:none;
    font-size:10px;
    color:#999;
}
.timeline_icon_info .timeline_icon_info_nm{
    margin-top:-3px;
    margin-bottom:-3px
}
.timeline_icon_info .timeline_icon_info_nm a{
    color:#333;
    font-weight:bold;
    font-size:24px;
    line-height:24px
}

.timeline_icon_add{
    color:#333 !important;
    margin-left:10px;
    font-weight:bold
}
.timeline_feeds_area{
    width:385px;
    font-size:12px
}

.timeline_feeds_area img{
    display:block;
    max-width:100%;

}

.timeline_feeds_area a{
    color:#4a6aad
}
.timeline_feeds_area a:hover{
    color:#db3f81;
    text-decoration:none
}
.timeline_section{
    background:#fff;
    border:1px solid #e8e8e8;
    width:383px;
    min-height:40px;
    margin-bottom:10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position:relative
}

.timeline_feed_delete{
    position:absolute;
    top:5px;
    right:5px;
    cursor:pointer
}
.timeline_section_area_title{
    padding:10px;
    min-height:33px
}
.timeline_title_prof_image{
    width:33px;
}
.timeline_title_prof_image img{
    width:33px;
    height:33px
}

.timeline_title{
    width:318px;
    margin-left:10px;
    overflow:hidden
}
.timeline_title a{
    font-weight:bold;
}

.timeline_title span{
    color: #999;
    display: inline-block;
    margin-left: 3px;
    font-size:11px;
    font-weight:normal
}

.timeline_desc{
    margin:10px 10px 0 0;
    color:#333;
    width:317px;
    overflow:hidden
}
.timeline_feed_separator{
    border-bottom:1px solid #dfdfdf;
    margin:0 10px 10px 10px;
}

.timeline_feed_reminder{
    color:#db3f81;
    font-size:18px
}
.timeline_feed_channel_reminder{
    margin-left:55px;
    width:318px;
    margin-bottom:10px;
    overflow:hidden
}

.timeline_feed_follow_area{
    margin:0 10px 10px 55px;
}
.timeline_channel_inf span{
    display:block;
    color:#333;
    font-weight:bold;
    margin-left:5px;
    white-space:nowrap;
    width:250px;
    overflow:hidden;
    text-overflow:ellipsis

}
.timleine_channel_img{
    width:54px
}

.timeline_video_container{
    width:363px;
    margin:0 10px 10px 10px;
    position:relative;
    cursor:pointer
}
.timeline_video_container img{
    width:363px;
    height:205px
}

.timeline_video_info{
    position:absolute;
    height:40px;
    width:353px;
    left:5px;
    bottom:5px;
}

.timeline_video_desc{
    background:#262626;
    background:rgba(38,38,38,0.9);
    border-radius:3px;
    width:288px;
    height:30px;
    padding:5px
}
.timeline_video_play{
    width:50px;
    height:40px;
    background:url("../../images/timeline_video_play.png")
}

.timeline_video_container:hover .timeline_video_play{
    background:url("../../images/timeline_video_play.png") 0 -40px
}
.timeline_video_container:active .timeline_video_play{
    background:url("../../images/timeline_video_play.png") 0 -80px
}

.timeline_video_title_time{
    width:190px;
}

.timeline_video_title_time span{
    display:block;
    width:190px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:11px;
    color:#666
}

.timeline_video_title_time span:first-child{
    color:#999 ;
    font-weight:bold;
    font-size:12px
}

.timeline_video_views span{
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width:90px;
    text-align:right
}

.timeline_video_views span:first-child{
    color:#999 ;
    font-weight:bold;
    font-size:14px
}
.timeline_feed_like_dis{
    margin:0 10px 10px 10px;
    line-height:13px
}
.timeline_feed_like{
    background:url("../../images/timeline_feed_like_dis.png") 0 0;
    width:25px;
    height:25px;
    cursor:pointer
}
.timeline_feed_like:hover{
    background-position: 0 -25px
}

.timeline_feed_like.disabled{
    opacity:0.5;
}


.timeline_feed_dis{
    background:url("../../images/timeline_feed_like_dis.png") -25px 0;
    width:25px;
    height:25px;
    cursor:pointer;
    margin-left:5px
}

.timeline_feed_like.active{
    background-position:-50px 0
}
.timeline_feed_like.active:hover{
    cursor:default
}

.timeline_feed_dis.active{
    background-position:-75px 0 !important
}
.timeline_feed_dis.active:hover{
    cursor:default
}

.timeline_feed_dis.disabled{
    opacity:0.5;
}


.timeline_feed_dis:hover{
    background-position: -25px -25px
}
.timeline_feed_users{
    font-size:11px;
    width:298px;
    overflow:hidden;
    margin-left:10px
}

.timeline_feed_users a{
    font-weight:bold
}

.timeline_comment_add_avatar{
    width:20px;
    height:20px
}
.timeline_video_comment_add {
    min-height:40px
}
.timeline_textarea_focus{
    box-shadow:0 0 7px rgba(108,123,153,0.39);
    background:#5272b6;
    width:383px;
    border-radius:0;
    padding-top:5px;
    margin-top:-5px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    min-height:60px
}
.timeline_comment_add{
    margin:0 10px 10px 10px;
    border:1px solid #d3d3d3;
    padding:5px;
    border-radius:3px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    /*position:absolute; */
    background:#fff;
}

.timeline_record_video_comment{
    display:none;
    max-width:250px;
    overflow:hidden;
    white-space:nowrap;
    padding-left:28px;
    margin-left:10px;
    position:absolute;
    top:35px;
    background:url("../../images/record_video_icon.png") no-repeat
}
.timeline_record_video_comment a{
    color:#fff !important;
    font-size:11px;
    font-weight:bold;
    text-shadow:1px 1px 1px rgba(0,0,0,0.35)
}

.timeline_textarea_focus .timeline_record_video_comment{
    display:block;
    top:43px
}

.timeline_comment_add_avatar img{
    width:20px;
    height:20px
}

.timeline_comment_add_input{
    width:330px;
}

.timeline_comment_add_input textarea{
    padding:0 3px 0 5px;
    margin:0;
    width:325px;
    height:20px;
    min-height:20px;
    max-height:70px;
    border:0;
    box-shadow:none !important;
    resize:none;
    font-size:11px !important;
    line-height:14px
}

.timeline_comments{
    background:#f5f5f5;
    padding:0 10px ;
}

.timeline_comment{
    border-top:1px solid #dfdfdf;
    padding:10px 0;
}

.timeline_comment:first-child{
    border-top:0;
}

.timeline_cooment_avatar{
    width:33px;
    height:33px
}

.timeline_cooment_avatar img{
    width:33px;
    height:33px
}
.timeline_comment_info{
    width:325px;
    margin-left:5px;
    font-size:11px;
    overflow:hidden
}
.timeline_comment_info a{
    font-weight:bold
}

.timeline_comment_info span{
    color:#999;
    display:inline-block;
    margin-left:3px
}

.timeline_comments_more{
    background: rgb(238,238,238);
    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(221,221,221,1)));
    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%);
    background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%);
    background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%);
    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
    height:17px;
    border:1px solid #fff;
    cursor:pointer;
    background-image:url("../../images/timeline_comments_more.png") no-repeat center center;
    background-repeat:no-repeat;
    background-position:center center
}
.timeline_comments_more:hover{
    background: rgb(238,238,238);
    background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(206,206,206,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(206,206,206,1)));
    background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(206,206,206,1) 100%);
    background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(206,206,206,1) 100%);
    background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(206,206,206,1) 100%);
    background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(206,206,206,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cecece',GradientType=0 );
}
.timeline_comments_more:active{
    background: rgb(209,209,209);
    background: -moz-linear-gradient(top,  rgba(209,209,209,1) 0%, rgba(206,206,206,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,209,209,1)), color-stop(100%,rgba(206,206,206,1)));
    background: -webkit-linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(206,206,206,1) 100%);
    background: -o-linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(206,206,206,1) 100%);
    background: -ms-linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(206,206,206,1) 100%);
    background: linear-gradient(to bottom,  rgba(209,209,209,1) 0%,rgba(206,206,206,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#cecece',GradientType=0 );
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);
}

.timeline_comments_more span{
    background:url("../../images/timeline_comments_more.png") no-repeat center center;
    display:block;
    width:19px;
    height:16px;
    margin:1px auto
}
.timeline_feed_mutual_friends {
    margin:0 10px 10px 51px;
}

.timeline_feed_mutual_friends > div > a{
    width:20px;
    height:20px;
    margin:0;
    float:left;
    margin-right:2px
}

.timeline_mutual_all{
    line-height:20px;
    font-size:11px;
    margin-left:5px;
    width:207px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}

.timeline_feed_mutual_friends .timeline_mutual_all a{
    width:auto;
}

.timeline_play_loading{
    width: 100px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -50px;
}

.timeline_play_loading img{
    width: 100px;
    height: 15px;
}

.live_timeline_section{
    background: #fff;
    border:1px solid #e8e8e8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.live_timeline_section a{
    color:#27880a
}

.timeline_my_feed .timeline_desc{
    margin-top:5px
}

.timeline_my_feed  span{
    margin-left:0;
    margin-top:5px
}

.profile_welcome_message{
    background:#3f3f3f;
    padding:15px 18px;
    font-family:Tahoma !important;
    color:#999;
    font-size:12px
}

.profile_welcome_message_title{
    color:#fff;
    font-size:18px;
    margin-bottom:5px
}

.profile_add_friend_message{
    background: #fff;
    border: 1px solid #e8e8e8;
    min-height: 40px;
    padding:12px 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.profile_add_friend_message_title{
    color:#333;
    font-size:16px;
    font-weight:bold;
    border-bottom:1px solid #e5e5e5;
    padding-bottom:10px
}

.profile_add_friend_message_content{
    width:550px;
    font-size:12px;
    color:#999
}

.profile_add_friend_message_button{
    width:190px;
}
.profile_add_friend_mutual a {
    line-height:30px !important;
    height:30px;
    display:inline-block;
    vertical-align:top;
    color:#999;
    font-size:14px
}
.profile_add_friend_mutual a:last-child {
    margin-left:5px
}
.profile_add_friend_mutual span {
    line-height:30px !important;
    height:30px;
    display:inline-block;
    vertical-align:top;
    color:#999;
    font-size:14px;
    margin-left:5px
}
.profile_add_friend_mutual a img{
    width:30px;
    height:30px
}

.profile_report_user_message{
    background: #fff;
    border: 1px solid #d44e8c;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
    min-height: 40px;
    padding:12px 15px;
}

.profile_report_user_message_title{
    color:#333;
    font-size:16px;
    font-weight:bold;
    border-bottom:1px solid #e5e5e5;
    padding-bottom:10px
}

.profile_report_user_message_title span{
    display:inline-block;
    max-width:350px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:23px
}

.profile_report_confidential{
    border-left:1px solid #e5e5e5;
    padding-left:10px;
    margin-left:10px;
    color:#666;
    font-size:12px;
}

.profile_report_user_img{
    width:110px;
    border-right:1px solid #e5e5e5;
    overflow:hidden
}

.profile_report_user_img a{
    color:#999;
    font-size:11px
}

.profile_report_user_img img{
    width:30px;
    height:30px;
    display:block
}

.profile_report_user_radio{
    padding:0 15px;
    margin:0 10px 0 -1px;
    border:1px solid #e5e5e5;
    border-top:0;
    border-bottom:0;
    min-height:50px
}

.profile_report_user_radio input[type="radio"]{
    vertical-align:top;
    margin-top:2px
}

.profile_report_user_radio label.radio{
    max-width:300px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#999
}

.profile_block_user_message .profile_report_user_img{
    width:150px
}


.profile_block_user_message .profile_report_user_radio{
    min-height:30px;
    color:#666;
    font-weight:bold;
    font-size:12px;
    max-width:350px;
    overflow:hidden
}

.profile_block_user_name{
    width:110px;
    overflow:hidden;
    line-height:13px;
    margin-left:5px
}



/*END NEW PROFILE V2*/









/*Start popup profile*/

.profile_popup {
    width: 988px;
    background: #343434;
    box-shadow:0 2px 5px 1px rgba(0,0,0,0.7);
    font-size:12px;
}

.profile_close_popup{ /*  pentru popup cu iphone (pin pe 31 mai 2013)*/
    position:absolute;
    top:-25px;
    right:-25px;
    cursor:pointer;
}

.profile_close_popup_2{
    position:absolute;
    top:-7px;
    right:5px;
    cursor:pointer;
}

.profile_popup_previous{
    width:50px;
    height:75px;
    background: url(../../images/profile_popup_previous.png);
    position:fixed;
    left:-5px;
    top:45%;
    cursor:pointer;
    z-index:2;
    box-shadow:0 0 7px rgba(0,0,0,0.4)
}
.profile_popup_next{
    width:50px;
    height:75px;
    background: url(../../images/profile_popup_next.png);
    position:fixed;
    right:17px;
    top:45%;
    cursor:pointer;
    z-index:2;
    box-shadow:0 0 7px rgba(0,0,0,0.4)
}
.profile_popup_left_content{
    width:640px;
    padding:10px 20px
}
.profile_popup_right_content{
    width:308px;
    background:#212121 url(../../images/profile_popup_right_content_bg.png) repeat-y;
    min-height:100px
}
.profile_popup_right_content_title{
    color:#999;
    font-size:18px;
    line-height:50px;
    margin:0 15px;
    width:260px
}
.profile_popup_videos_area{
    height:360px;
    max-height:360px;
    overflow:auto;
}
.profile_popup_video_item{
    width:308px;
    border-top:1px solid #1b1b1b;
    padding:15px
}

.profile_popup_video_item_img{
    width:110px;
    height:63px
}

.profile_popup_video_item_img img{
    width:110px;
    height:63px
}

.profile_popup_video_item_info{
    margin-left:10px;
    width:150px;
    height:63px;
}
.profile_popup_video_item_title{
    height:30px;
    overflow:hidden
}

.profile_popup_video_item_user{
    width:150px;
    margin-top:6px
}

.profile_popup_video_item_user a{
    color:#999;
    font-weight:bold;
    font-size:11px
}

.profile_popup_video_item_views{
    color:#999;
    font-weight:bold;
    font-size:11px;
    width:150px;
}

.profile_popup_video_item_title a{
    font-size:12px;
    color:#fff;
    font-weight:bold;
    line-height:15px;

}

.profile_popup_video_bottom{
    height:50px;
    background: rgb(23,23,23);
    background: -moz-linear-gradient(top,  rgba(23,23,23,1) 0%, rgba(16,16,16,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(23,23,23,1)), color-stop(100%,rgba(16,16,16,1)));
    background: -webkit-linear-gradient(top,  rgba(23,23,23,1) 0%,rgba(16,16,16,1) 100%);
    background: -o-linear-gradient(top,  rgba(23,23,23,1) 0%,rgba(16,16,16,1) 100%);
    background: -ms-linear-gradient(top,  rgba(23,23,23,1) 0%,rgba(16,16,16,1) 100%);
    background: linear-gradient(to bottom,  rgba(23,23,23,1) 0%,rgba(16,16,16,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171717', endColorstr='#101010',GradientType=0 );
    box-shadow: 0 -3px 10px rgba(0,0,0,0.25);
    line-height:47px;
    padding:0 15px
}

.profile_popup_video_follows{
    width:140px;
    color:#8e8e8e;
    font-weight:bold;
}

.profile_popup_video_follows span{
    font-size:22px;
    margin-right:5px
}

.profile_popup_video_follow_button{
    width:120px;

}

.profile_popup_title{
    color:#999;
    width:400px;
    font-size:20px
}
.profile_popup_channel_info{
    width:230px;
    overflow:hidden
}
.profile_popup_channel_img img{
    width:54px;
    height:30px;
    margin-left:10px;
}
.profile_popup_channel_info .inline_block{
    vertical-align:top;

}
.profile_popup_channel_info span{
    display:block;
    line-height:14px;
    color:#999;
    font-weight:bold;
    font-size:11px;
    max-width:150px;
}
.profile_popup_channel_info span a{
    color:#fff;
    font-weight:bold
}

.profile_popup_video_container{
    width:640px;
    height:360px;
    position:relative
}
.profile_popup_no_video_area{
    position:absolute;
    top:50%;
    left:50%;
    margin:-100px 0 0 -162px;
    text-align:center;
    width:325px;
    height:200px
}
.profile_popup_no_video_area span{
    color:#555;
    display:block;
    margin-top:20px;
    font-size:14px
}

.profile_popup_feed_users{
    width:220px;
    overflow:hidden;
    height:26px;
    margin-left:10px;
    font-size:11px;
    color:#999;
    line-height:13px
}

.profile_popup_feed_users a{
    color:#fff
}

.profile_popup_share{
    position:relative;
    display:block;
    background:#d7d7d7;
    border-radius:2px;
    color:#666;
    cursor:pointer;
    text-shadow:1px 1px 1px rgba(255,255,255,0.5);
    margin-left:10px
}
.profile_popup_share.open{
    border-radius:2px 2px 0 0
}
.profile_popup_share img{
    margin-left:5px;
    padding-right:10px
}

.profile_popup_share span{
    padding-left:5px;
    line-height:25px;
    display:inline-block
}
.profile_popup_share_block{
    display:none;
    position:absolute;
    left:0;
    top:25px;
    background:#d7d7d7;
    margin:0;
    padding:10px 10px 3px 10px;
    min-width:133px;
    border-radius:0 2px 2px 2px

}
.profile_popup_share_block  li {
    display:inline-block;
    margin:0;
    padding:0;
}

.profile_popup_share_block  li a img{
    width:24px;
    height:24px;
    display:block;
    padding:0;
    margin:0;
    margin-top:3px
}
.profile_popup_share.open .profile_popup_share_block{
    display:block;

}

.profile_popup_views{
    max-width:250px;
    color:#999
}
.profile_popup_views span{
    margin-right:7px;
    font-size:22px;
    font-weight:bold
}




.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; }
.arcticmodal-container_i2 { padding: 24px; margin: 0; border: 0; vertical-align: middle; }
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #000; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background: #000 url(loading.gif) no-repeat 50% 50%; }


/*End popup profile*/




/********* Feeds page start ***************/

.feeds_area_profile{
    background:#fff;
    border:1px solid #dfdfdf
}

.feeds_title{
    line-height:45px;
    border-bottom:1px solid #cccccc;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 64%, rgba(224,224,224,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(64%,rgba(255,255,255,1)), color-stop(100%,rgba(224,224,224,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 64%,rgba(224,224,224,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 64%,rgba(224,224,224,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 64%,rgba(224,224,224,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 64%,rgba(224,224,224,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
    color:#333;
    font-size:18px;
    padding-left:20px;
}

.feeds_content{
    padding:0 20px 40px 20px;
}
.feeds_day_title{
    color:#999;
    font-size:18px;
    line-height:40px;
    margin-top:15px
}

.feeds_item{
    font-size:11px;
    border-bottom:1px solid #dfdfdf;
    padding:7px 0
}

.feeds_item span{
    color:#999;
    margin-left:5px
}

/********* Feeds page end ***************/




/********* Friends + search friend page start ***************/

.profile_friend_request_message{
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
    min-height: 36px;
    padding: 12px 15px;
}
.friend_requeest_info{
    max-width:500px
}
.friend_requeest_info a{
    vertical-align:middle;
    display:inline-block;
}
.friend_requeest_info span{
    line-height:33px;
    vertical-align:middle;
    display:inline-block;
    font-size:12px;
    margin-left:5px
}
.friend_requeest_info img{
    width:33px;
    height:33px;
    margin-bottom:-6px
}


.profile_right_block_area{
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
    min-height: 36px;
}

.profile_right_block_title_area{
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 58%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(58%,#ffffff), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 58%,#e2e2e2 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 58%,#e2e2e2 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 58%,#e2e2e2 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 58%,#e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );
    height:45px;
    line-height:45px;
    padding:0 15px;
    color:#333;
    font-size:18px
}
.profile_right_block_subtitle_area{
    background:url("../../images/profile_right_area_bg_subtitle.png");
    height:35px;
    border-bottom:1px solid #000;
    border-top:1px solid #000;
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.5)
}

.profile_right_block_subtitle{
    color:#999;
    font-size:14px;
    line-height:35px;
    margin-left:15px;
    max-width:250px;
}

.profile_right_block_subtitle span{
    color:#fff;
    font-size:18px;
    font-weight:bold
}

.profile_search_friends{
    margin-right:5px;
    line-height:35px
}
.profile_search_friends input[type="text"]{
    height:17px;
    box-shadow:none !important;
    background:#1e1e1e;
    border-radius:2px;
    border:0;
    font-size:11px;
    color:#8f8f8f;
    border-top:1px solid rgba(0,0,0,0.5);
    border-left:1px solid rgba(0,0,0,0.5);
    border-right:1px solid rgba(255,255,255,0.2);
    border-bottom:1px solid rgba(255,255,255,0.2);
    margin:0;
    width:205px
}
.profile_right_blok_content{
    padding:15px 20px;
}
.profile_friends_area{
    margin-left:-20px;
    margin-bottom:-20px
}

.profile_friends_area_item{
    width:327px;
    height:70px;
    border:1px solid #e5e5e5;
    border-bottom:1px solid #b3b3b3;
    box-shadow:0 1px 1px rgba(0,0,0,0.1);
    margin-left:20px;
    margin-bottom:20px;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
    padding:15px
}
.profile_friends_area_info{
    width:240px;
    margin-left:15px;
    height:70px;
    overflow:hidden
}

.profile_friends_area_name{
    width:240px
}

.profile_friends_area_name a{
    color:#333;
    font-size:14px;
    text-decoration:none;
    line-height:16px;
}

.profile_friends_area_channels{
    font-size:11px;
    margin-top:5px;
    width:240px;
}
.profile_friends_area_channels a{
    font-weight:normal
}

.profile_friends_area_allchannels{
    font-size:11px;
    width:240px
}

.profile_friends_area_mutual {
    line-height:11px;
    width:240px;
    margin-top:5px
}

.profile_friends_area_mutual a{
    color:#999;
    font-size:11px;
    font-weight:normal
}

.profile_friends_area_mutual span a{
    color:#4a6aad;
    font-size:11px;
    padding:0 5px;
}

.profile_friends_area_mutual span{
    border-left:1px solid #a7a7a7;
    padding-left:5px;
    margin-left:10px
}

/* no friend */

.profile_no_friend_title{
    margin:10px 0 30px 0;
    color:#838383;
    font-size:14px
}

.profile_friends_messages{
    width:450px;
    border-right:1px solid #e7e7e7;
}
.profile_friends_other_search{
    width:262px;
    padding-left:25px
}

.profile_friends_messages textarea{
    width:405px;
    resize:vertical;
    height:70px
}
.profile_friends_messages label{
    font-weight:bold;
    font-size:12px;
    color:#333;
}

.profile_friends_messages span.help-block{
    font-size:11px;
    color:#838383
}

.profile_friends_other_search_title{
    font-weight:bold;
    font-size:12px;
    color:#333;
}

.profile_friends_other_search_help{
    font-size:11px;
    color:#838383;
    margin-top:5px
}

.profile_friends_other_search a{
    display:block;
    margin:15px 0;
    border-bottom:1px solid #e7e7e7;
    padding:15px 0;
    width:257px
}

.profile_people_you_may_know_title{
    font-weight:bold;
    font-size:12px;
    color:#333;
}

.profile_people_you_may_know_help{
    font-size:11px;
    color:#838383;
    margin-top:5px
}

.profile_people_you_may_know_area{
    background:#efefef;
    padding:15px
}
.profile_people_you_may_know_cont{
    margin:0 0 -20px -20px
}
.profile_people_you_may_know_item{
    width:222px;
    margin-left:20px;
    margin-bottom:20px;

    height:70px
}
.profile_people_you_may_know_info{
    width:137px;
    overflow:hidden;
    margin-left:15px;
}

.profile_people_name a{
    color:#333;
    font-size:12px;
    font-weight:bold;
    line-height:14px;
}
.profile_people_mutual_link {
    line-height:12px;
    display:block;
    margin-top:-2px !important
}
.profile_people_mutual_link a{
    color:#999;
    font-size:11px;
}

.profile_people_add_friend a{
    display:inline-block;
    font-size:11px;
    margin-top:7px;

}
/********* Friends + search friend page end ***************/



/********* My channels, programs and videos pages start ***************/
.profile_right_block_title_area .right{
    margin-right:-10px;
    line-height:40px
}
.profile_channels_filter{
    position:relative;
    margin-left:10px
}
.profile_channels_filter.open ul.dropdown-menu{
    display:block
}
a.profile_channels_filter_dropdown{
    color:#8f8f8f;
    outline:0;
    font-size:11px;
    font-weight:normal;
    text-decoration:none;
    display:block;
    line-height:25px;
    padding:0 20px 0 10px;
    border-radius: 2px;
    border-top: 1px solid rgba(0,0,0,0.5);
    border-left: 1px solid rgba(0,0,0,0.5);
    border-right: 1px solid rgba(255,255,255,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.2);
    margin-top:4px;
    background:#1e1e1e url("../../images/profile_channels_filter_dropdown_link.png") no-repeat center right;

}
a.profile_channels_filter_dropdown:hover{
    color:#fff;
}


.profile_channels_filter.open a.profile_channels_filter_dropdown{
    color:#fff;
}

.profile_channels_filter.open a.profile_channels_filter_dropdown{
    border-bottom:1px solid #1e1e1e;
    border-radius:2px 2px 0 0
}

.profile_channels_filter ul.dropdown-menu{
    left:0;
    top:31px;
    min-width:130px;
    width:130px;
    margin:0;
    padding:0 10px;
    background:#1e1e1e;
    border-radius:0 0 2px 2px;
    box-shadow:none;
    border:1px solid #0f0f0f;
    border-top:0;
    padding-top:10px
}
.profile_channels_filter ul.dropdown-menu li {
    margin:0;
    padding:0;
}

.profile_channels_filter ul.dropdown-menu li a{
    display:block;
    border-top:1px solid #323232;
    color:#8f8f8f;
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
    overflow:hidden;
    line-height:13px;
    padding:10px 0
}

.profile_channels_filter ul.dropdown-menu li a:hover{
    color:#fff
}

.profile_channels_filter ul.dropdown-menu li.profile_channels_filter_title{
    font-size:11px ;
    font-weight:bold;
    color:#ccc;
    display:block;
    overflow:hidden;
    line-height:15px;
    padding:20px 0  3px 0;
    margin-left:-3px;
}

.profile_channels_filter ul.dropdown-menu li.profile_channels_filter_title:first-child{
    padding:0px 0  3px 0
}

.profile_no_channel_title{
    color:#838383;
    font-size:14px;
    text-align:center;
}

.profile_no_channel_instruction{
    color:#838383;
    font-size:18px;
    text-align:center;
}

.profile_add_media_item{
    text-align:center;
    margin:20px 0 30px 0
}

.profile_media_items_area{
    margin:10px 0 0 -18px
}

.profile_media_item{
    width:170px;
    height:216px;
    margin-left:17px;
    position:relative;
    margin-top:-10px;

}


.profile_media_subitem{
    border:1px solid #e5e5e5;
    border-bottom:1px solid #b3b3b3;
    width:170px;
    height:183px;
    -webkit-transition: height 0.3s ease, background 0.2s ease;
    -moz-transition: height 0.3s ease , background 0.2s ease;
    -ms-transition: height 0.3s ease, background 0.2s ease;
    -o-transition: height 0.3s ease , background 0.2s ease;
    transition: height 0.3s ease, background 0.2s ease;
    overflow:hidden;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 64%, #f8f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(64%,#ffffff), color-stop(100%,#f8f8f8));
    background: -webkit-linear-gradient(top,  #ffffff 64%,#f8f8f8 100%);
    background: -o-linear-gradient(top,  #ffffff 64%,#f8f8f8 100%);
    background: -ms-linear-gradient(top,  #ffffff 64%,#f8f8f8 100%);
    background: linear-gradient(to bottom,  #ffffff 64%,#f8f8f8 100%);
    box-shadow:0 1px 1px rgba(0,0,0,0.2)

}

.profile_media_subitem:hover{
    border:1px solid #373737;
    height:216px;
    background:#373737;
    -webkit-transition: height 0.5s ease, background 200ms ease;
    -moz-transition: height 0.5s ease, background 200ms ease;
    -ms-transition: height 0.5s ease, background 200ms ease;
    -o-transition: height 0.5s ease, background 200ms ease;
    transition: height 0.5s ease, background 200ms ease;
    box-shadow:none
}

.profile_metia_item_tmb{
    display:block;
    margin:15px 15px 0 15px
}

a.profile_metia_item_title{
    width:140px;
    margin:0 15px 0 15px;
    color:#333;
    font-size:12px;
    display:block;
    text-decoration:none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.profile_media_subitem:hover a.profile_metia_item_title{
    color:#fff;
}

.profile_media_item_separator{
    border-bottom:1px solid #e5e5e5;
    margin:7px 0 6px 0;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;

}

.profile_media_subitem:hover .profile_media_item_separator{
    border-bottom:1px solid #2e2e2e;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.profile_media_item_info{
    margin:7px 15px;
    font-size:11px;
    color:#999;
    font-weight:bold
}

.profile_media_item_info div{
    width:45px;
    padding-left:17px;
    background:url("../../images/profile_media_item_users.png") left center no-repeat;
    margin-left:7px
}

.profile_media_item_info.profile_media_item_videos div{
    background:url("../../images/profile_media_item_heart.png") left center no-repeat ;
}

.profile_media_item_info div:first-child{
    border-right:1px solid #dfdfdf;
    padding-left:17px;
    width:52px;
    background:url("../../images/profile_media_item_views.png") left center no-repeat;
    margin-left:0;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
}

.profile_media_subitem:hover .profile_media_item_info div:first-child{
    border-right:1px solid #2e2e2e;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.profile_media_day_ago{
    color:#999;
    font-size:11px;
    margin:-3px 15px 5px 18px
}

.profile_media_edit_area{
    font-size:11px;
    display:none;
    border-top:1px solid #1b1b1b;
    background:#262626;
}
.profile_media_subitem:hover .profile_media_edit_area{
    display:table;
    width:100%;
}

.profile_media_edit_area div{
    display:table-cell;
    text-align:center;
}

.profile_media_edit_area div a{
    max-width:60px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    display:block;
    color:#fff;
    padding:10px 0;
    outline:1px
}

.profile_movie_item_live{
    position:absolute;
    width:45px;
    height:45px;
    background:url("../../images/profile_movie_item_live.png");
    top:0;
    right:-2px
}

.profile_media_name{
    height:13px;
    line-height:13px;
    font-size:11px;
    color:#333;
    margin: 0 15px 5px 18px;
    font-weight:bold;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.profile_media_name a{
    font-size:11px;
    color:#333;
    text-decoration:none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.profile_media_subitem:hover .profile_media_name a{
    color:#fff ;
}
.profile_media_subitem:hover .profile_media_name {
    color:#fff ;
}

.profile_media_item_add{
    width:170px;
    height:216px;
    margin-left:17px;
    position:relative;
    margin-top:-10px;
}

.profile_media_item_add_btn{
    width:164px;
    height:164px;
    border:3px dashed #ccc;
    margin-top:8px
}

.profile_media_item_add_btn a{
    display:block;
    width:164px;
    height:164px;
    background:url("../../images/profile_media_item_add.png")
}

.profile_media_item_add_btn:hover{
    border:3px dashed #959595;
}

.profile_media_item_add_btn:hover a{
    background:url("../../images/profile_media_item_add.png") right
}



/********* My channels, programs and videos pages end ***************/



/********* Popup for create feeds start ***************/

.create_feeds_popup{
    border:5px solid #1db0e6;
    background:#f4f4f4;
    padding:10px;
    width:600px;
    font-size:12px;
    position:relative;
}

.create_feeds_close_popup{
    position:absolute;
    top:-20px;
    right:-20px;
    cursor:pointer;
}

ul.create_feeds_popup_nav{
    text-align:right;
    width:auto;
    margin:0;
    border:0;
    margin-left:10px;
    padding-left:0
}

.create_feeds_popup_nav li {
    /*float:none;
    display:inline-block;
    position:relative*/
    position:relative;
    z-index:2
}

.create_feeds_popup_nav li  a{
    min-width:60px;
    max-width:130px;
    text-align:left;
    color:#999;
    font-size:11px;
    font-weight:bold;
    padding:7px 5px;
    overflow:hidden;
}

.create_feeds_popup_nav li  a img{
    display:inline-block;
    opacity:0.6
}

.create_feeds_popup_nav li.active a  {
    color:#333
}

.create_feeds_popup_nav li.active a img {
    opacity:1 !important
}

.create_feeds_popup_nav li  a span{
    min-width:65px;
    max-width:70px;
    display:inline-block;
    line-height:14px;
    margin-left:5px
}

.tab-pane-content{
    background:#fff;
    border: 1px solid #ddd;
    padding:10px;
    border-radius:3px;
    margin-bottom:10px;
}

.tab-pane-buttons{
    text-align:right;
}

.create_text_input{
    width:568px
}

.create_feeds_input_error{
    background:#ffe0e0;
    display:inline-block;
    padding:5px 10px;
    color:#d65353;
    margin-top:5px;
    border:1px solid #f5b1b1;
    position:relative;
    font-size:12px
}
.create_feeds_input_error:before{
    content:"";
    width:8px;
    height:5px;
    background:url("../../images/create_feeds_error_arrow.png");
    position:absolute;
    top:-5px;
}

.create_feeds_video_area{
    width:250px
}
.create_feeds_video_options{
    margin-left:20px;
    width:307px;
}

.create_feeds_video_options select{
    width:250px;
    margin-top:10px
}
.create_feeds_video_options select:first-child{
    margin-top:0
}
.create_feeds_title{
    color:#333;
    font-weight:bold;
    font-size:14px
}
.create_feeds_video_thumbnail {
    margin:10px 0
}
.create_feeds_video_thumbnail div{
    float:left;
    width:104px;
    height:59px;
    margin-left:10px;
    cursor:pointer
}

.create_feeds_video_thumbnail .selected{
    outline: 2px solid #1db0e6;
    cursor:default
}

.create_feeds_upload_video_forms div.left{
    width:270px;
    padding:5px;
}
.create_feeds_upload_video_forms .control-group{
    margin-bottom:10px
}
.create_feeds_upload_video_forms .control-label{
    width:95px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.create_feeds_upload_video_forms .controls{
    margin-left:105px
}

.create_feeds_upload_video_forms .controls select{
    width:159px;
    margin-left:2px
}

.create_feeds_upload_video_forms .controls textarea{
    width:170px;
    height:70px;
    resize:none
}

.create_feeds_browse_video{
    border:1px solid #a0a0a0;
    padding:3px;
    text-align:right
}

.create_feeds_browse_video_title{
    width:450px;
    text-align:left;
    line-height:25px
}

.create_feeds_popup .progress{
    height:15px;
    background:#f0f0f0;
    border-radius:3px;
    margin:0
}
.create_feeds_popup .bar{
    border-radius:3px
}

.create_feeds_progress_interest{
    text-align:center;
    color:#999;
    margin-top:7px
}

.create_feeds_progress_interest span{
    font-weight:bold;
    color:#333;
    margin-left:5px
}

.schedule_input_title{
    width:350px;
}

.schedule_input_title input{
    width:340px;
}

.schedule_input_channel{
    width:218px;
    margin-left:10px
}
.schedule_input_channel select{
    width:218px;
}
.schedule_month span{
    float:left;
    display:block
}
.schedule_month_prev{
    width:13px;
    height:20px;
    background:url("../../images/schedule_month_prev.png");
    cursor:pointer
}
.schedule_month_next{
    width:13px;
    height:20px;
    background:url("../../images/schedule_month_next.png");
    cursor:pointer
}

.schedule_month_name{
    line-height:20px;
    height:20px;
    color:#333;
    font-size:14px;
    font-weight:bold;
    margin:0 10px
}

.schedule_time span{
    line-height:20px;
    height:20px;
    color:#333;
    font-size:14px;
    font-weight:bold;
}

.schedule_time select{
    margin-top:-10px;
    margin-bottom:-7px;
    line-height:20px;
    height:30px
}

.schedule_time_error{
    background: #ffe0e0;
    display: inline-block;
    padding: 5px 10px;
    color: #d65353;
    border: 1px solid #f5b1b1;
    position: relative;
    max-width:150px;
    margin-top:-5px;
    margin-left:5px
}

.schedule_time_error:before{
    content: "";
    width: 5px;
    height: 8px;
    background: url("../../images/create_feeds_error_arrow_left.png");
    position: absolute;
    top: 7px;
    left:-5px
}

.schedule_month_table{
    margin-top:15px;

}
.schedule_month_table table{
    border-radius:0;
    margin-bottom:10px
}

.schedule_month_table table td{
    text-align:center;
    padding:3px;
    line-height:14px;
    font-weight:bold;
    color:#666;
}

.schedule_month_table table thead td{
    font-weight:normal;
    color:#999999;
}

.schedule_month_table table td.inactive{
    color:#c9c9c9;
    cursor:default;
}
.schedule_month_table table td.inactive:hover{
    cursor:default;
    background:none;
    color:#c9c9c9;
}
.schedule_month_table table tbody td:hover{
    cursor:pointer;
    background: #656565;
    background: -moz-linear-gradient(top,  #656565 0%, #353535 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(100%,#353535));
    background: -webkit-linear-gradient(top,  #656565 0%,#353535 100%);
    background: -o-linear-gradient(top,  #656565 0%,#353535 100%);
    background: -ms-linear-gradient(top,  #656565 0%,#353535 100%);
    background: linear-gradient(to bottom,  #656565 0%,#353535 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#353535',GradientType=0 );
    color:#fff
}

.schedule_month_table table tbody td.selected{
    cursor:default;
    background: #656565;
    background: -moz-linear-gradient(top,  #656565 0%, #353535 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(100%,#353535));
    background: -webkit-linear-gradient(top,  #656565 0%,#353535 100%);
    background: -o-linear-gradient(top,  #656565 0%,#353535 100%);
    background: -ms-linear-gradient(top,  #656565 0%,#353535 100%);
    background: linear-gradient(to bottom,  #656565 0%,#353535 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#353535',GradientType=0 );
    color:#fff
}

.schedule_notify{
    margin-top:px;
    color:#333;
    font-size:12px
}

.iframe_upload_video{
    width:600px;
    border:0;
    height:283px
}

.iframe_upload_video_content{
    width:600px
}

.create_feed_succes{
    line-height:26px;
    background: #27ca27; /* Old browsers */
    background: -moz-linear-gradient(top,  #27ca27 0%, #189b1e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27ca27), color-stop(100%,#189b1e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #27ca27 0%,#189b1e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #27ca27 0%,#189b1e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #27ca27 0%,#189b1e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #27ca27 0%,#189b1e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27ca27', endColorstr='#189b1e',GradientType=0 ); /* IE6-9 */
    padding:0 10px;
    border-radius:3px;
    color:#fff;
    display:inline-block
}

.create_feed_succes span{
    display:inline-block;
    width:13px;
    height:13px;
    background:url("../../images/create_feed_succes.png");
    margin:0 0 -2px 7px;
}
.create_feeds_inline{
    background:#e9e9e9;
    border-top:1px solid #ccc;
    padding-top:5px
}

.create_feeds_inline .tab-pane-buttons .normal{
    line-height:28px
}
.create_feeds_inline input[type="text"]{
    width:660px
}


/********* Popup for create feeds end ***************/




/********* Inbox pages start ***************/


/******* inbox siddeabr *******/

.inbox_no_message_sidebar{
    text-align: center;
    font-size: 12px;
    color: #999;
    margin-top: 100px
}
.inbox_sidebar_menu{
    margin:0;
    padding:0;
    border-radius:3px;
    overflow:hidden
}

.inbox_sidebar_menu li{
    margin:0;
    padding:0
}

.inbox_sidebar_menu li a{
    display:block;
    background:#343434;
    line-height:35px;
    padding:0 10px;
    color:#fff;
    border-bottom:1px solid #494949
}
.inbox_sidebar_menu li:last-child a{
    border-bottom:none
}
.inbox_sidebar_menu li a:hover{
    background:#2a2a2a;
    text-decoration:none
}

.inbox_sidebar_menu li.current a{
    background:#232323;
}
.inbox_sidebar_menu li.current a{
    background:#232323;
    border-bottom:1px solid #212121;
    box-shadow:inset 1px 1px 3px rgba(0,0,0,0.5)
}

.inbox_sidebar_menu li a span{
    display:block
}

.inbox_menu_link{
    float:left;
    width:135px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}

.inbox_menu_sum{
    float:right;
    background:#e65d56;
    padding:1px 3px;
    line-height:13px;
    margin-top:9px;
    border-radius:3px;
    font-weight:bold;
    font-size:10px;
    text-shadow:1px -1px 0px #d4342f;

}

/****** inbox no content (full page) ******/
.inbox_full_area{
    background:#fff;
    border:1px solid #dfdfdf
}

.inbox_full_area_title{
    line-height:45px;
    border-bottom:1px solid #cccccc;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 64%, rgba(224,224,224,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(64%,rgba(255,255,255,1)), color-stop(100%,rgba(224,224,224,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 64%,rgba(224,224,224,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 64%,rgba(224,224,224,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 64%,rgba(224,224,224,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 64%,rgba(224,224,224,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
    color:#333;
    font-size:18px;
    padding: 0 20px;
}

.inbox_full_area_title .right{
    font-size:14px;
    color:#666
}

.inbox_no_content{
    margin:100px auto;
    text-align:center
}
.inbox_no_content span{
    display:block;
    font-size:20px;
    color:#999;
    margin-top:10px
}

.inbox_messages_full_text {
    width:450px;
    background:#fff;
    border:1px solid #dfdfdf;
    margin-top:10px
}

.inbox_messages_full_text_head {
    line-height:45px;
    border-bottom:1px solid #cccccc;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 64%, rgba(224,224,224,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(64%,rgba(255,255,255,1)), color-stop(100%,rgba(224,224,224,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 64%,rgba(224,224,224,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 64%,rgba(224,224,224,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 64%,rgba(224,224,224,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 64%,rgba(224,224,224,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
    color:#999;
    font-size:14px;
    padding: 0 20px;
    vertical-align:top
}

.inbox_messages_full_text_head span{
    color:#333;
    font-size:18px;
    margin-right:10px;
    max-width:260px;
    display:inline-block;
    vertical-align:top
}

.inbox_messages_list{
    max-height:365px;
    overflow:auto;
    padding:18px 0 18px 18px;
}


.inbox_messages_list_day_item{
    margin-bottom:15px;
    margin-right:19px
}

.inbox_messages_period{
    background:#dfdfdf;
    display:inline-block;
    padding:3px 7px;
    color:#999;
    font-size:11px;
    border-radius:3px
}

.inbox_messages_friend_item{
    margin-top:10px;
    min-height:33px
}

.inbox_messages_friend_item_text{
    width:380px;
    color:#666;
    font-size:12px
}

.inbox_messages_friend_item_text div{
    margin-left:10px;
    overflow:hidden
}

.inbox_messages_friend_item_text.tright div{
    margin-right:10px;
}

.inbox_messages_friend_item_text span{
    display:block;
    font-size:11px;
    color:#999;
    margin:5px 0 0 10px
}

.inbox_messages_friend_item_text.tright span{
    margin:5px 10px 0 0
}

.inbox_write_message{
    background:#5272b6;
    padding:7px;
    position:relative
}

.inbox_write_message_text_area{
    background:#fff;
    border:1px solid #2b4f9d;
    border-radius:3px;
    padding:5px;
    height:auto !important
}

.inbox_write_message_text_area textarea{
    width:389px;
    border:0 !important;
    box-shadow:none !important;
    margin-left:5px;
    resize:vertical;
    font-size:11px !important;
    line-height:13px;
    height:20px;
    min-height:20px;
    max-height:120px;
}

.messages_record_video_comment{
    max-width:250px;
    overflow:hidden;
    white-space:nowrap;
    padding-left:28px;
    margin-left:2px;
    background:url("../../images/record_video_icon.png") no-repeat;
    margin-top:7px;
    cursor:pointer
}
.messages_record_video_comment span{
    color:#fff !important;
    font-size:11px;
    font-weight:bold;
    text-shadow:1px 1px 1px rgba(0,0,0,0.35)
}

.inbox_record_video{
    height:225px;
    width:450px;
    position:absolute;
    top:-225px;
    background:#23407c;
    left:0;
    overflow:hidden
}

.inbox_close_record_video{
    display:block;
    position:absolute;
    height:30px;
    width:30px;
    top:1px;
    right:-1px;
    cursor:pointer
}

.inbox_close_record_video img{
    max-width:100%
}


.inbox_messages_list_day_item hr{
    color: #9b9b9b;
    background-color:#9b9b9b;
    height:1px;
    border: none;
}

.inbox_messages_full_list{
    width:327px;
    background:#fff;
    margin-top:10px;
    border:1px solid #dfdfdf;
    border-left:0
}

.inbox_messages_full_top{
    line-height: 45px;
    border-bottom: 1px solid #cccccc;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 64%, rgba(224,224,224,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(64%,rgba(255,255,255,1)), color-stop(100%,rgba(224,224,224,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 64%,rgba(224,224,224,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 64%,rgba(224,224,224,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 64%,rgba(224,224,224,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 64%,rgba(224,224,224,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
    color: #999;
    font-size: 14px;
    padding: 0 10px 0 20px;
    vertical-align: top
}

.inbox_messages_full_top span{
    color: #333;
    font-size: 18px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}

.inbox_actions_message{
    background:url("../../images/inbox_actions_message_bg.png");
    height:39px;
    line-height:39px;
    padding:0 16px 0 10px;
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.75);
    border-bottom:1px solid #000
}

.inbox_actions_message_button div{
    display:inline-block;
    line-height:26px;
    background: #2f2f2f; /* Old browsers */
    background: -moz-linear-gradient(top,  #2f2f2f 0%, #191919 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f2f2f), color-stop(100%,#191919)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #2f2f2f 0%,#191919 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #2f2f2f 0%,#191919 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #2f2f2f 0%,#191919 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #2f2f2f 0%,#191919 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2f2f', endColorstr='#191919',GradientType=0 ); /* IE6-9 */
    font-size:11px;
    font-weight:bold;
    color:#a2a2a2;
    cursor:pointer;
    padding:0 10px;
    border-radius:2px;
    box-shadow:inset 0 1px 1px rgba(0,0,0,0.5), 0 1px 1px rgba(255,255,255,0.1)
}

.inbox_actions_message_button div:hover{
    background: #232323; /* Old browsers */
    background: -moz-linear-gradient(top,  #232323 0%, #141414 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232323), color-stop(100%,#141414)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #232323 0%,#141414 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #232323 0%,#141414 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #232323 0%,#141414 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #232323 0%,#141414 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#141414',GradientType=0 ); /* IE6-9 */
    color:#fff
}

.inbox_message_list_sidebar{
    height:406px
}

.inbox_message_preview{
    padding:10px 16px 10px 10px;
    border-bottom:1px solid #b8b8b8
}

.inbox_message_preview img{
    display:block
}

.inbox_message_preview_info div {
    width:197px;
    margin-left:10px;
    color:#808080;
    font-size:11px
}

.inbox_message_preview_info div a{
    font-weight:bold;
    color:#333;
    font-size:12px
}
.inbox_message_sidebar_time input[type="checkbox"]{
    margin-top:-4px
}
.inbox_message_sidebar_time div{
    font-size:10px;
    color:#999;
    margin-top:-3px;
    max-width:65px
}

.inbox_seacrh_area{
    height:26px;
    box-shadow:inset 0 2px 2px rgba(0,0,0,0.1);
    padding:7px 10px
}

.inbox_seacrh_area input{
    display:inline-block;
    vertical-align:middle
}

.inbox_seacrh_area input[type="submit"]{
    background: url(../../images/search_header.png) no-repeat;
    width: 17px;
    height: 17px;
    border: 0;
    margin-left: 3px;
    margin-top: 3px;
    line-height: 29px;
    max-width: 17px;
}

.inbox_seacrh_area input[type="text"]{
    width:270px;
    box-shadow:none !important;
    border:none !important
}

.inbox_search_friend{
    height:40px;
    position:fixed;
    border-bottom:1px solid #b8b8b8;
    background:#fff
}



.inbox_messages_list_no_messages{
    max-height:365px;
    overflow:visible;
    overflow-y:auto;
    padding:0 !Important
}

.inbox_search_friend input[type="text"]{
    width:420px;
    box-shadow:none !important;
    border:0 !important;
    padding:10px 15px
}

.inbox_no_message_to_show{
    text-align:center;
    font-size:12px;
    color:#999;
    margin-top:100px
}

.inbox_no_message_to_show a{
    display:block;
    margin-top:5px
}

.inbox_suggested_friend{
    position:absolute;
    width:450px;
    top:40px;
    background:#999;
    z-index:2
}

.inbox_suggested_friend_item{
    background:#343434;
    padding:7px 10px;
    border-bottom:1px solid #484848
}

.inbox_suggested_friend_item img{
    display:block
}

.inbox_name_suggested{
    line-height:33px;
    color:#fff;
    font-size:12px;
    margin-left:10px;
    max-width:320px
}

.inbox_add_friend_to_list{
    width:21px;
    height:21px;
    background:url("../../images/suggestion_channel_add.png");
    cursor:pointer;
    margin-top:5px;
}

.inbox_selected_friends{
    padding:10px;
    margin-top:40px;
    margin-bottom:10px
}

.inbox_selected_friend_item{
    background:#dfdfdf;
    border-radius:3px;
    line-height:26px;
    display:inline-block;
    font-size:11px;
    padding:3px
}

.inbox_selected_friend_item img{
    display:block
}

.inbox_selected_name{
    line-height:20px;
    margin:0 5px;
    color:#666;
    font-weight:bold;
    max-width:150px
}

.inbox_selected_close{
    width:6px;
    height:6px;
    background:url("../../images/inbox_selected_close.png");
    margin:7px 5px 0 5px;
    cursor:pointer
}
.inbox_message_video_right{
    width:230px
}





/********* Inbox pages end ***************/



























