/* ManhTienpt: =============== news channel and user's menu */
.top-channel-box {
    background:url(../../images/new_version/bg-transparent60.png);
    display:none;
    padding:6px;
    position:absolute;
    top:39px;
    left:-642px;
    text-align:left;
}
.top-channel-box.active{display: block}
.top-channel-box-inner {border:1px solid #000;width:760px;position:relative;font-size:11px;font-weight:normal; background: #ccc;}
.user-menu-top {
    float: right;
    background: #e5e5e5;
    border-left: 1px #fff solid;
    padding-left: 1px;
    margin-left: 1px;
    height: 384px;
    width: 190px;
}
.user-menu-top ul {
    margin: 0;
    padding: 0;
}
.user-menu-top ul li {
    display: block;
    background: #e5e5e5;
    border-top:1px #fff solid;
    border-bottom: 1px #cbcbcb solid;
}
.user-menu-top ul li:hover, .user-menu-top ul li.active {
    background: #d9d9d9;
}
.user-menu-top ul li.line {
    border-top:1px #fff solid;
    border-bottom: none;
    padding: 0;
}
.user-menu-top ul li a {
    font-size: 13px;
    font-family: tahoma;
    color: #333333;
    padding: 10px;
    display: block;
}
.user-menu-top ul li a:hover {
    color: #CD0607;
}
.user-menu-top ul li a img {
    margin-right: 10px;
    vertical-align: middle;
}
.user-channel-top {
    float: left;
    width: 543px;
    height: 360px;
    background: #fff;
    padding: 12px;
    position: relative;
}
.user-channel-top .head-menu {
    display: block;
    padding-bottom: 17px;
    background: transparent url('../../images/new_version/bg_border_bottom_cbox.gif') repeat-x scroll left bottom;
}
.user-channel-top .head-menu .channel-link {
    float: left;
    color: #999;
    font-size: 14px;
    padding-top: 3px;
}
.user-channel-top .head-menu .channel-link a {
    color: #808080;
    padding:0 5px;
    font-weight: bold;
}
.user-channel-top .head-menu .channel-link a:hover, .user-channel-top .head-menu .channel-link a.active {
    color:#cd0607;
}
.user-channel-top .head-menu .channel-search {
    float: right;
}
.user-channel-top .head-menu .channel-search .channel-search-input {
    border: 1px solid #999;
    border-right: 0px;
    border-radius: 2px 0 0 2px;
    color: #999;
    float: left;
    height: 20px;
    padding: 3px 5px;
    width: 178px;
}
.user-channel-top .head-menu .channel-search .channel-search-btn {
    -moz-user-select: none;
    background: url("../../images/bg-search.png") repeat-x scroll 0 100% transparent;
    border: 1px solid #999999;
    border-radius: 0 2px 2px 0;
    color: #898989;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 26px;
    padding: 0 5px 0 2px;
}
.user-channel-top .head-menu .channel-search .channel-search-btn img{
    margin: 7px 10px 0 12px;
    vertical-align: -2px;
}
#channel_list_sytem, #channel_list_follow, #channel_list_search {
    max-height:308px;
    margin-top:10px;
    margin-bottom: 10px;
}
.loading-channel {
   background: transparent url('../../images/loading/fb_loader.gif') repeat-x scroll left bottom; 
   width: 16px;
   height: 11px;
   position: absolute;
   bottom: 10px;
   right: 30px;
   z-index: 9991;
   display: none;
}
.user-channel-top .list_sytem {
    display: block;
}
.user-channel-top .list_follow {
    display: block;
}
.user-channel-top .channel-title {
    background: transparent url('../../images/new_version/bg_border_bottom_cmenu.gif') repeat-x scroll left center;
    padding-left: 14px;
    display: block;
}
.user-channel-top .channel-title span {
    padding: 0 12px;
    background: #fff;
    color: #999999;
    font-size: 14px;
    font-weight: bold;
}
.user-channel-top ul {
    margin: 0;
    padding: 0;
}
.user-channel-top ul li {
    width: 240px;
    padding:8px;
    float: left;
    display: block;
    margin-top: 2px;
    margin-bottom: 2px;
    height: 36px;
}
.user-channel-top ul li:hover {
    background: #f0f0f0;
}
.user-channel-top ul li.l {
    margin-right: 18px;
}
.user-channel-top ul li .thumb {
    margin-right: 10px;
    float: left;
}
.user-channel-top ul li .thumb img {
    width: 35px;
    height: 35px;
    overflow: hidden;
}
.user-channel-top ul li .title {
    font-size: 11px;
    display: block;
    color: #999999;
    line-height: 14px;
}
.user-channel-top ul li .title a {
    color: #333333;
    font-size: 12px;
    font-weight:bold;
}
.user-channel-top ul li a:hover {
    color: #CC0000 !important;
}
.user-channel-top .list_sytem ul li .title {
    margin-top: 10px;
}
.user-channel-top ul li .unread {
    color: #6d84b4;
}
/* ManhTienpt: /=============== news channel and user's menu */


	.top-channel-box-inner {border:1px solid #000;width:760px;position:relative;font-size:11px;font-weight:normal}
	.top-channel-box .arrow-up-grp {position:absolute;top:-16px;right:22px}
	.top-channel-box .top-channel-content {background:url(../../images/new_version/bg-top-channel.png)  0 0 repeat-y #fff;}
/*anhlexuan*/
.lst-channel li {border-bottom:1px solid #dadada; font-weight: bold;}
		.lst-channel a {color:#333;display:block;padding:10px 11px;position:relative}
		.lst-channel a:hover,.lst-channel li.active a {color:#fff;background:#a5a5a5}
			.lst-channel .iarrow-black-left {display:none;position:absolute;top:15px;right:0}
			.lst-channel a:hover .iarrow-black-left,.lst-channel li.active .iarrow-black-left {display:block}
	.top-channel-box .channel-load-more {padding: 10px; font-weight: bold; color: #454545;cursor: pointer}
/*.top-channel-box .channel-load-more:hover {background: #e9e9e9}*/
/*end*/
.top-channel-box .top-channel-data {
/*    border-left:1px solid #e6e6e6;border-right:1px solid #ccc;*/
    box-shadow:1px 0 0 #e5e5e5
}
.top-channel-data{ 
    max-height: 510px
}
/* anhlexuan */
#channel-create-message , #create_channel_friendly_url_message{
/*    padding-left: 10px;*/
}
.top-channel-data .lst-top-channel-data { width: 100%}
			.lst-top-channel-data li {border-bottom:1px solid #e9e9e9;display:block;padding:10px}
			.lst-top-channel-data .channel-title {font-size:14px;margin-top:-3px;margin-bottom:2px}
				.lst-top-channel-data  .title-no-thumb {font-size:12px}
			.lst-top-nothumb .channel-title,.lst-top-nothumb .channel-about {padding-right:90px}
			.lst-top-nothumb li {position:relative;}
/*.lst-top-nothumb .channel-action {position:absolute;right:10px;bottom:12px}*/
.lst-top-nothumb .channel-action {}
.channel-title .number-follow {color:#999;font-size:11px;font-weight:normal}
.lst-top-channel-data .channel-about {color:#999;margin-bottom:2px; line-height: 14px; width: 95%}
.lst-top-channel-data .channel-user-follow {margin-bottom:5px}
.lst-top-channel-data .channel-action {}
.channel-action .channel-action-item {color:#6d84b4;cursor:pointer;padding-left: 5px}
.channel-action .channel-action-item i {
    background: url("../../images/new_version/linkhay-sprites.png") no-repeat scroll 0px -64px transparent;
    display: block;
    height: 8px;
    outline: medium none;
    overflow: hidden;
    width: 8px;
    float: left;
    margin-top: 9px;
}
.top-channel-data .top-channel-more {font-weight:bold;padding:10px}
.top-channel-more .btn-more-link {color:#444;cursor:pointer}
/* anhlee */
.channel-title a:hover {
    color: #CD0607;
}
/* end */
	 .top-channel-box .channel-suggest-box {padding:10px; line-height: 1.5}
		.top-channel-box .channel-suggest-box > .title {border-bottom:1px solid #e9e9e9;font-size:12px;padding-bottom:7px;margin-bottom:7px}
		.channel-suggest-box .channel-title {font-size:14px;margin-top:-4px;margin-bottom:11px}
			.channel-suggest-box .channel-title .number-follow {font-size:12px}
			.channel-suggest-box .close-grp {cursor:pointer;display:none;position:absolute;right:-3px;top:-3px;padding:3px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5}
				.channel-suggest-box .close-grp:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
			.channel-suggest-box:hover .close-grp {display:block}
				.channel-suggest-box .channel-action {margin-left:-3px}
				.channel-suggest-box .btn-like {margin-left:3px}
				.ichannel-like {vertical-align:-4px;margin-right:4px}
				.channel-suggest-box .ichannel-gioithieu {vertical-align:-2px;margin-right:4px}

		.channel-detail-box {margin:10px 0 3px 0}
		.channel-detail-box .channel-name{color: #cc0000}
		.top-channel-box .channel-detail-box .channel-name{color: #000}
		.channel-suggest-box .channel-about-box {margin-bottom:2px}
			.channel-about-box .about-arrow-grp {padding-left:30px}
				.channel-about-box .channel-about-data {background:#f1f1f1;padding:7px 10px;}
			.lst-user-followed .inew {vertical-align:-2px;margin-right:2px}
			.lst-user-followed li {padding:5px 0; border-bottom:1px solid #e9e9e9}
			.lst-user-followed li:last-child {border-bottom:0}
			.lst-user-followed .userfollow-item-box {position:relative;padding-bottom:5px;padding-left:20px; margin-bottom: 5px; border-bottom: 1px solid #E9E9E9}
				.userfollow-item-box .iquote-left {position:absolute;top:5px;left:0}
				.userfollow-item-box .user-post {color:#999;}
                                .userfollow-item-box .user-post a{ color: #CC0000}
                                .userfollow-item-box .user-post a:hover{ color: #333}
					
/*Header link anhlexuan*/
#channel-manage-header .channel-top-detail-links li{ float: left;list-style:none;border-bottom: none;padding-bottom: 0px;padding-left: 5px;padding-top: -14px;padding-right: 0px;margin-top: -10px} 
#channel-manage-header .channel-top-detail-links li a {color: #6d84b4;}
#channel-manage-header .channel-top-detail-links .channel-action-item {color: #6d84b4;}
#channel-manage-header {margin-top: 2px;margin-bottom: 5px;}

/* Css by Le Xuan Anh 02-05-2012*/

.channel-action-edit .btn-like.btn-gray2 {
    background: url("../../images/new_version/bg-channel-edit.jpg") no-repeat #7F7F7F !important;
    border: none !important;
    width: 90px;
    height: 27px;
    margin-right: 5px;
}

.channel-action-edit .button-edit-boqua, .channel-action-new .button-edit-boqua {
    background: url("../../images/new_version/button-bo-qua-channel.jpg") no-repeat #7F7F7F !important;
    border: none !important;
    width: 59px;
    height: 27px;
}

.channel-action-edit .btnbig {
    height: 27px !important;
}

#add-channel-header .manager-page-center {
    padding-top: 15px;padding-left: 12px;
}

.channel-form-grp .cuteform .txtinput-grp{
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 5px;
}

.description p.add-channel-des {
    line-height: 16px;
}

.channel-form-grp .frm80 > .c-right{
    width: 86% !important;
}

.channel-form-grp .cuteform {
    margin-bottom: 0px !important;
}

#add-channel-header .manager-page-box {
    margin: -12px 0 0px 20px;
}

.channel-open-close-button input {
    margin-right: 2px;
    vertical-align: -1px;
}

.channel-form-grp .channel-form-lbl {
    font-weight: bold;
}

.channel-action-new .btn-like.btnbig {
    margin-right: 4px !important;
    height: 26px !important;
}

.channel-action-new .btn-like.btn-gray2 {
    background: url("../../images/new_version/bg-channel-new.jpg") no-repeat #7F7F7F !important;
    border: none !important;
    width: 104px;
    height: 26px;
}

#channel-tab-content-addchannel {
/*        height: 500px;*/
}

#add-channel-header .channel-form-box {width: 432px;}
#right-addchannel .channel-logo {padding-top: 50px;padding-left: 66px;}
#right-addchannel p a{color: #105CB6;padding-left: 24px;}
#right-addchannel img {border: 1px solid #DFDFDF;}

#logo-channel-edit-form-menu {position: absolute;left: 350px;top: 70px;z-index: 999999;}
#upload_area{z-index: 999999;}

/*anhlexuan*/
#channel-create .page-title {
  margin-left: 3px;padding-left: 22px;
}

#add-channel-header .manager-page-box {
    margin: -12px 0 0 20px;
}

.channel-choice-hot {padding:10px 19px 10px 185px;position:relative}
.channel-choice-hot .channel-choice-hot-lbl {position:absolute;left:0;top:9px;font-weight:bold}
.channel-type-hot{margin-top:3px}
.channel-type-hot .channel-hot-level-desc {
    padding-top:8px;font-size:11px;color: #808080; line-height: 17px;
    line-height: 16px;
    line-height: 15px;
}
.channel-form-box .channel-edit-lbl {margin-bottom:10px}
.manager-page-box .channel-action {padding:20px 0 0 25px}
.manager-page-box .channel-action-edit {padding:40px 0 0 25px !important}
#add-channel-header .channel-form-box {width: 415px;}
.upload-logo-channel-header {padding-left: 63px;padding-top: 63px;}
#a-upload-image-header {color: #cd0607;padding-left: 85px;}
#a-upload-image-header:hover {color: #333333;}
.manager-page-center .page-title {font-size:16px;padding-bottom:14px;line-height:1;
/*            box-shadow:0 1px 0 #efefef*/
}
/*end*/

/* xuananh - 06/2012 */
.channel-data-mostfollow {
/*    margin: 22px 25px 10px 15px;*/
}
/* end */