/**
 * Created by vuquyettam (TT97IT)
 * User: vuquyettam
 * Date: 14/10/2011
 * Time: 12:01
 */
/*xuananh css */

.iarrow-gray-down { 
    background: url("../../images/new_version/menu-icon.png") no-repeat;
    width: 19px;
    height: 15px;
    margin-top: 6px;
}

.icon-load-fb {
    margin-left: 10px;
}

.isearch-focus {
    background-position: -64px 0 !important;
    height: 13px;
    width: 13px;
}

.searchsubmit .isearch-focus,.search-btn .isearch-focus {
    margin: 7px 2px 0;
    vertical-align: -2px;
}
#friend-like .info:hover {
    color: #444 !important;
}

.friend-like-details {display: none;}

#friend-like:hover .friend-channel-qtk {
    color: #cd0607 !important;
}

.friend-channel-qtk {
    color: #6D84B4 !important;
}

#friend-like ul li:hover a{
    color: #cd0607 !important;
}
#friend-like:hover .friend-like-details {
    background: url('../../images/new_version/icon-channel-ten.png') no-repeat;
    display: block;
    width: 9px;
    height: 6px;
    margin-left: 8px;
    position: absolute;
    z-index: 9999;
    margin-top: 2px;
}
/*end*/
.imanager-muted {background-position:-16px -256px !important;width:16px;height:16px}
.addchannel-icon {background-position:-42px -302px !important;width:22px;height:18px;margin-right:5px;vertical-align:sub}
/*clear*/
.cf:before,.cf:after,.cutebox:before,.cutebox:after,.cuteform:before,.cuteform:after {content:"";display:table}.cf:after,.cutebox:after,.cuteform:after{clear:both}.cf,.cutebox,.cuteform {zoom:1}
/*class reset tag*/
.rs {margin:0;padding:0}
h1.rs,h2.rs,h3.rs,h4.rs {font-size:100%}
.baseline{display:inline}
ul.rs{list-style:none}
li.last {border-bottom:none !important}
li.first {border-top:none !important}
/*font-size*/
.fo-bo{font-weight:bold}.fo-no{font-weight:normal}.fo-si{font-style:italic}.fo-sn{font-style:normal}
.space-dot {padding:0 2px;font-size:9px;color:#888}
/*display*/
.dis-i{display:inline}
.dis-b{display:block}
.hide,.dis-n {display:none !important}
/*postion*/
.pos-r {position:relative;}
.pos-a {position:absolute;}
.pos-f {position:fixed;}
/*cusor*/
.pointer {cursor:pointer}
/*color text*/
a.tc-red,.tc-red{color:#cd0607}
a.tc-gray0,.tc-gray0{color:#999}
a.tc-gray,.tc-gray,a.tc-gray1,.tc-gray1{color:#808080}
a.tc-black,.tc-black{color:#333}
a.tc-green,.tc-green{color:green}
a.tc-blackdeep{color:#000},.tc-blackdeep{color:#000}
/*notify for all*/
.smallpop-notify {background:url("../../images/new_version/bg-notify-bottom.png") no-repeat 100% -17px;display:none;padding-right:2px;position:absolute;right:-7px;top:-9px;z-index:10}
	.smallpop-notify.active{display: block}
	.smallpop-notify span {color:#fff;background:url(../../images/new_version/bg-notify-bottom.png)  no-repeat 0 0;padding:1px 4px 5px 6px;line-height:11px;display:block;font-size:11px}
/*Cutebox extension created by TT97IT*/
.cutebox,.cuteform { letter-spacing:-0.31em; *letter-spacing:normal; word-spacing:-0.43em; display:block }
	.addcute, .c-left, .c-right, .c-center { vertical-align:top; display:inline-block; letter-spacing:normal; word-spacing:normal; zoom:1; *display:inline; position:relative }
	.cutebox  .c-thumb { border:none; padding:0 }
	.c-border .c-thumb { border:1px solid #e5ecf3 }	/*if img border*/
	.c-borpad .c-thumb { border:1px solid #e5ecf3; background:#fff; padding:1px }/*if img border and padding*/
	.c-noborder .c-thumb { border:none; padding:0 }
	.cutebox .c-data {word-wrap:break-word}

.cw24 {padding-left:24px }
	.cw24 > .c-left .c-thumb {width:24px;margin-top:2px}
	.cw24 > .c-left {margin-left:-24px; width:24px }
	.cw24 > .c-right {margin-right:0; width:100%}
	.cw24 > .c-right > .c-data {padding-left:9px}
.cw24.c-borpad {padding-left:28px}
	.cw24.c-borpad > .c-left {margin-left:-28px;width:28px}

.cw48 { padding-left:48px }
	.cw48 > .c-left .c-thumb {width:48px}
	.cw48 > .c-left {margin-left:-48px; width:48px }
	.cw48 > .c-right {margin-right:0; width:100%}
	.cw48 > .c-right > .c-data {padding-left:9px}
.cw48.c-borpad {padding-left:52px}
	.cw48.c-borpad > .c-left {margin-left:-52px; width:52px}

.cw50 { padding-left:50px }
	.cw50 > .c-left .c-thumb {width:50px}
	.cw50 > .c-left {margin-left:-50px; width:50px }
	.cw50 > .c-right {margin-right:0; width:100%}
	.cw50 > .c-right > .c-data {padding-left:9px}
.cw50.c-borpad { padding-left:54px }
	.cw50.c-borpad > .c-left { margin-left:-54px; width:54px }

.cw60 { padding-left:60px }
	.cw60 > .c-left .c-thumb {width:75px}
	.cw60 > .c-left {margin-left:-60px; width:75px }
	.cw60 > .c-right {margin-right:0; width:95%}
	.cw60 > .c-right > .c-data {padding-left:10px}
.cw60.c-borpad { padding-left:60px }
	.cw60.c-borpad > .c-left {margin-left:-60px; width:60px }
	
.cw86 { padding-left:86px }
	.cw86 > .c-left .c-thumb {width:50px}
	.cw86 > .c-left {margin-left:-86px; width:86px }
	.cw86 > .c-right {margin-right:0; width:100%}
	.cw86 > .c-right > .c-data {padding-left:9px}

.cw151_253{padding-left:151px;padding-right:253px}
	.cw151_253 > .c-left {margin-left:-151px;width:151px}
	.cw151_253 > .c-right {margin-right:-253px;width:253px}
	.cw151_253 > .c-center {width:100%}

/*ico sprite*/
.cute-ico {background:url("../../images/new_version/linkhay-sprites.png") no-repeat;}
.lst-notify-group .item .cute-ico{margin-top: 5px}
	/*r0*/
        .imessage-head{background-position:-240px -255px;width:13px;height:13px;display:inline-block; vertical-align: -2px; margin: 0 5px 0 0}
	
	.ipencil{background-position:-109px -32px;width:10px;height:10px;display:inline-block; margin: 0 5px 0 0}
	.ipm-stream-direction{background:url("../../images/ico_sprites.png") no-repeat -126px -256px;width:9px;height:9px;display:inline-block}
	/*special sprite*/
	.imakefriend {background-position:0 0;width:13px;height:12px}
	.imessage {background-position:-16px 0;width:16px;height:15px}
	.inotify {background-position:-32px 0;width:15px;height:16px}
	a:hover .inotify {background-position:-48px 0}
	/*end special sprite*/
.isearch {background-position:-80px -16px;width:13px;height:13px}
	.imanager-chanel {background-position:-80px 0;width:16px;height:14px}
	.isetting-info {background-position:-96px 0;width:16px;height:16px}
	.imanager-world {background-position:-112px 0;width:16px;height:16px}
	.imanager-filter {background-position:-128px 0;width:16px;height:14px}
	.imanager-friend {background-position:-144px 0;width:16px;height:16px}
	.gbtn {background-position:-192px 0;width:10px;height:11px; cursor:pointer;}
	.gbtn:hover {background-position:-208px 0;width:10px;height:11px; cursor:pointer;}
	.gbtn.active {background-position:-224px 0;width:10px;height:11px; cursor:default;}
	/*r16*/
	.ilogout {background-position:0 -16px;width:15px;height:15px}
	.iplus {background-position:-16px -16px;width:8px;height:8px;margin-right:5px}
	.isuccess {background-position:-32px -16px;width:9px;height:7px;margin-right:5px}
	.iclose-white {background-position:-80px -16px;width:7px;height:7px}
	.iarrow-red-up {background-position:-96px -16px;width:10px;height:5px}
	.iarrow-black-left {background-position:-112px -16px;width:5px;height:9px}
	.iclose-gray-elip {background-position:-128px -16px;width:7px;height:8px}
	.iclose-black {background-position:-144px -16px;width:7px;height:7px}

	.igback {background-position:-16px -336px;width:15px;height:25px}
	.igback:hover {background-position:-32px -336px;width:15px;height:25px}
	.igback.disabled {background-position:left -336px;width:15px;height:25px}
	.igbnext {background-position:-16px -368px;width:15px;height:25px}
	.igbnext:hover {background-position:-32px -368px;width:15px;height:25px}
	.igbnext.disabled {background-position:left -368px;width:15px;height:25px}
	/*r32*/
	.ichannel-like {background-position:0 -32px;width:18px;height:15px}
.ichannel-gioithieu {background-position:-32px -32px;width:13px;height:13px;margin-right:4px}
	.inew {background-position:-48px -32px;width:13px;height:13px}
	.iarrow-lefttop-gray{background-position:-64px -32px;width:16px;height:8px}
	.iquote-left{background-position:-80px -32px;width:16px;height:8px}
	.iarrow-black-right {background-position:-96px -32px;width:5px;height:9px}
	.isetting-person {background-position:-112px -32px;width:16px;height:16px}
	.icheck {background-position:-128px -32px;width:8px;height:8px}
	/*r48*/
	.imedal-violet {background-position:0 -48px;width:8px;height:8px}
	.imedal-blue{background-position:-16px -48px;width:8px;height:8px}
	.imedal-green{background-position:-32px -48px;width:8px;height:8px}
	.imedal-gray{background-position:-48px -48px;width:8px;height:8px}
	.imedal-yellow{background-position:-64px -48px;width:8px;height:8px}
	.iarrow-gray-left{background-position:-96px -48px;width:5px;height:9px}
	.iarrow-black-top{background-position:-112px -48px;width:7px;height:4px}
	/*r64*/
	.iminus {background-position:0 -64px;width:8px;height:8px;margin-right:5px}
	.isubcriber,.ireshared{background-position:-16px -64px;width:15px;height:15px;margin-right:5px;vertical-align:-3px}
	.ideny {background-position:-32px -64px;width:10px;height:9px; margin-right:2px}
	.imedal-gray-bottom {background-position:-48px -64px;width:9px;height:5px;margin-left: 6px;vertical-align: 2px}
	.isetting-gray {background-position:-63px -64px;width:16px;height:16px}
	.comment-plus {background-position:-80px -64px;width:15px;height:14px;vertical-align:middle;margin-right:7px}
/*.iarrow-gray-down {background-position:-96px -64px;width:7px;height:4px}*/
	/*r80*/
	.ilike-mini {background-position:-48px -80px;width:9px;height:10px}
	.itwitter {background-position:-80px -80px;width:16px;height:16px}
	.ifacebook {background-position:-96px -80px;width:16px;height:16px}
	.iyahoo {background-position:-112px -80px;width:16px;height:16px}
	.igoogle {background-position:-128px -80px;width:16px;height:16px}
	.iskype{background-position:-114px -80px;width:16px;height:16px}
	/*r96*/
	.itumblr {background-position:-80px -96px;width:16px;height:16px}
	.iblogger {background-position:-96px -96px;width:16px;height:16px}
	.iblogrss {background-position:-112px -96px;width:16px;height:16px}
	.ilivespace {background-position:-128px -96px;width:16px;height:16px}
	.iopera {background-position:-144px -96px;width:16px;height:16px}
	/*r112*/
	.iwordpress {background-position:-80px -112px;width:16px;height:16px}
	.idelicious {background-position:-96px -112px;width:16px;height:16px}
	.y360plus {background-position:-112px -112px;width:16px;height:16px}
	.yume {background-position:-128px -112px;width:16px;height:16px}
	.imultiply {background-position:-144px -112px;width:16px;height:16px}
	/*r176*/
	.ifacebook48 {background-position:0 -176px;width:48px;height:48px}
	.itwitter48{background-position:-48px -176px;width:48px;height:48px}
	.igoogle48 {background-position:-96px -176px;width:48px;height:48px}
	.iyahoo48 {background-position:-144px -176px;width:48px;height:48px}
	/*r224*/
	.ibiglike {background-position:0 -224px;width:16px;height:18px}
	.itumblr-arrow{background-position:-16px -224px;width:7px;height:10px}
	.inext-arrow{background-position:-32px -224px;width:9px;height:13px}
	.iprev-arrow{background-position:-48px -224px;width:9px;height:13px}
	.inext-double{background-position:-64px -224px;width:8px;height:9px}
	.iadd-user{background-position:-80px -224px;width:13px;height:12px}
	.ipreview-gray{background-position:-112px -224px;width:14px;height:10px}
	.iadd-img{background-position:-128px -224px;width:16px;height:14px}
	.iclose-tran{background-position:-144px -224px;width:7px;height:7px}
	.iback-tran{background-position:-160px -224px;width:10px;height:9px; margin-right:7px}
	.icn-toggle-up{background-position:-176px -224px;width:9px;height:5px}
	.icn-toggle-down{background-position:-192px -224px;width:9px;height:5px}
	.icn-deny{background-position:-208px -224px;width:7px;height:7px}
        .imakeinvite {background-position:-240px -224px;width:16px;height:16px}
	
	/*r240*/
	.iarrow-down{background-position:-16px -240px;width:6px;height:5px}
	.icn-down {background-position:-128px -240px;width:16px;height:16px}
	.icn-member {background-position:-144px -240px;width:16px;height:16px}
	.icn-comment {background-position:-160px -240px;width:16px;height:16px}
	.icn-memmgr {background-position:-176px -240px;width:16px;height:16px}
	.icn-next {background-position:-192px -240px;width:5px;height:9px}
	.icn-check {background-position:-208px -240px;width:12px;height:10px}
	.icn-new {background-position:-224px -240px;width:9px;height:9px}
        /*r256*/
        .icon-muted {background-position:-16px -256px; width:16px; height:14px;}
        /*r272*/
        .icon-mute {background-position:-16px -272px; width:16px; height:14px;}
        .icon-mute-none {background-position:-16px -305px; width:16px; height:14px;}
        
        /*r288*/
        .icopoplink {background-position:-224px -288px; width:10px; height:10px;}
        
/*button*/
.btn-like,.btn-graynew,.btn-boxreshare {color:#444;cursor:pointer;background:url(../../images/new_version/bg-like-button.png) 0 0 repeat-x #e4e4e3;border:1px solid #aaa;display:inline-block;font-size:11px;font-weight:bold;padding:1px 8px;height:20px;line-height:20px;box-shadow:0 1px 0 #eddde0;-moz-user-select:none;-webkit-user-select:none;vertical-align:text-top}
.btn-like.btn-gray2 {
    background: url("../../images/bg-btn-gray_new.png") no-repeat scroll right top transparent;
    border: 1px solid #484848;
    color:#fff;
    margin-top: 6px;
}

.btn-like.btnbig{line-height:22px;height:22px}
.btn-like.btn{font-family: "lucida grande",tahoma,verdana,arial,sans-serif;border-radius:0 0;}
.btn-like:hover,.btn-graynew:hover {
/*    background: url("../../images/bg-btn-gray_new.png") no-repeat scroll right top transparent;
    border: 1px solid #484848;*/
}
.btn-like:active,.btn-graynew:active {
    background: url("../../images/bg-btn-gray_new.png") no-repeat scroll right top transparent;
    border: 1px solid #484848;
}
.btn-like.success {background:none;border-color:transparent;padding:0}
.btn-like.success:hover,.btn-like.success:active {background-position:0 0;box-shadow:none}
.btn-like .iclose-black {margin-right:5px;vertical-align:1px}

.btn-graydeep,.btn-graywhite {letter-spacing: 0; font-family: tahoma; margin-left: 10px;cursor:pointer;color:#fff;border:1px solid #535353;padding:0 15px;font-weight:bold;display:inline-block;height:23px;line-height:23px;-moz-user-select:none;-webkit-user-select:none}
.btn-graydeep {background:url(../../images/bg-btn-gray_new.png) no-repeat right top}
.btn-graywhite {color:#252525;background:url(../../images/new_version/bg-btn-graywhite.png) repeat-x 0 0;border-color:#999;padding:0 11px; font-size: 12px;}
/*form*/
.txtbig-grp {background:#fff;border:1px solid #cacaca;padding:3px;position:relative}
.txtfocus .txtbig {color:#888}
.txtbig-grp .txtbig {color:#888;background:#fff;border:none;border-width:0;height:22px;width:100%;resize:none;outline:none;overflow:hidden;padding:0}
.txtbig-grp .txtbig:focus,.active .txtbig {color:#333}
.txtbig-grp.disable  .txtbig{color:#aeaeae}


.cuteform {margin-bottom:6px}
.cuteform .lbl {margin-right:11px;line-height:22px;height:22px}
.cuteform .txtinput-grp {border:1px solid #9e9e9e;padding:1px 2px;margin-right:10px;box-shadow:0 1px 0 #cecece}
.txtinput-grp .txtinput {color:#444;border:none;font-size:12px;line-height:20px;height:20px;outline:none;width:100%;border-width:0;font-family:"lucida grande",tahoma,verdana,arial,sans-serif}
	.cuteform textarea.txtinput {resize:none;padding:0;height:65px;overflow:hidden;line-height:normal;padding-top:2px}
	.frm-right > .c-left {text-align:right}
.frm108 {padding-left:108px}
	.frm108 > .c-left {margin-left:-108px; width:108px }
	.frm108 > .c-right {width:100%}

.frm162 {padding-left:162px}
	.frm162 > .c-left {margin-left:-156px; width:162px }
	.frm162 > .c-right {width:100%}

.frm80 {padding-left:80px}
	.frm80 > .c-left {margin-left:-80px; width:80px }
	.frm80 > .c-right {width:100%}


/*body*/
body.fixtop{padding-top:70px}
	.cuteform .attachment {clear: both; letter-spacing: normal; word-spacing: normal; margin: 10px 0 0; float: left;}
	.cuteform .attachment .action .attachment_img {width: 14px; height: 14px; display: inline-block; vertical-align: -2px; margin: 0 0 0 10px; overflow: hidden;}
	.cuteform .attachment .file-list {list-style-type: none; padding: 0; margin: 0; font-size: 11px;}
	.cuteform .attachment .file-list li {background: url(../../images/icons/image.png) 0 7px no-repeat; padding: 3px 0 3px 17px; margin: 0}
	.cuteform .attachment .file-list .remove {background: url(../../images/new_version/linkhay-sprites.png) 0 -51px no-repeat; display: inline-block; margin: 0 5px; width: 15px; height: 15px; vertical-align: -2px; cursor: pointer}
	.cuteform .attachment .file-list .remove:hover {background: url(../../images/new_version/linkhay-sprites.png) 0 -67px no-repeat}
.pm-attachment-list {list-style-type: none; margin: 10px 0; padding: 0}
.pm-attachment-list li {padding: 3px 0; border: 0}
.pm-attachment-list li.img {background: url(../../images/icons/image.png) 0 7px no-repeat; padding: 3px 0 3px 17px}
.pm-attachment-list li .thumb {margin: 5px 0 0; display: block; width: 100px; border: 1px solid #bababa; padding: 3px; background: #ffffff}

.pm-stream-head .user {color: #333; font-family: arial; font-size: 15px; padding: 0 3px;}
.mini-loader {background:url(../../images/loading/loader-fb.gif) no-repeat right center;padding-right: 15px}
	
/*Page*/
.page-box {padding:10px 0;text-align:right}
	.page-box .page-item {color:#007195;border:1px solid #007195;display:inline-block;font-size:11px;padding:0 4px;margin-left:4px}
	.page-box .page-item:hover{background:#eee}
	.page-box .page-item.disable {color:#ccc;border-color:#ccc}
	.page-box .page-item.disable:hover{background:none}
/*Truong Thai Son 28-11-11*/
.mrk-intro{ cursor: pointer;}
.adv-topbanner{ margin: auto; padding: 10px 5px; width: 992px; background: #fff; margin-bottom: 5px}
.scrolltop{display: none; width: 46px; height: 46px; position: fixed; background: url(../../images/new_version/toTop.png) 0 0 no-repeat; cursor: pointer; top: 50%; right: 10px; -ms-filter:"alpha(opacity=50)";filter:alpha(opacity=20);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5; z-index: 999}
.scrolltop:hover{-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1}
.scrolltop span{display: none}
/*HotBox*/
.hot-count { display: block; float: left; width: 58px; height: 63px; background: #fff url('../../images/new_version/linkhay-sprites.png') no-repeat 0 -112px; text-align: center; }
.hot-count:hover { background-position:-192px -112px; }
.hot-count.deactive { background-position:-192px -48px; }
.hot-count.deactive:hover { background-position:-192px -48px; }
.hot-count .count { display: block; clear: both; font-family: Tahoma; font-size: 22px; color: #cd0607; padding: 8px 0 9px 0; text-decoration:none; }
.hot-count .count:hover { color: #c00607; }
.hot-count .hot { display: inline-block; width: 46px; height: 21px; line-height: 21px; text-align: center; background: #000; background: url('../../images/new_version/linkhay-sprites.png') repeat-x 0 -80px; font-family: Tahoma; font-size: 11px; color: #146e02; font-weight: bold; text-transform: uppercase; overflow: hidden; }
.hot-count .hot:hover { color: #c00607; background-position:-64px -128px; }
.hot-count.deactive .hot { color: #999; cursor:default; }
.hot-count.deactive .hot:hover { background-position:0 -80px; } 
.hot-count.deactive .hot img.ilike-mini { background-position:-64px -80px; cursor:default; }
.hot-count .hot .cute-ico { margin-right: 3px; }

.fix-vert-4 {vertical-align: -4px !important}
.fix-vert-2 {vertical-align: -2px !important}
.fix-vert-1 {vertical-align: -1px !important}
.err-swrap {color: #c00000; font-size: 11px; margin: 3px 0; display: none}
.dis-sel {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}

/*#friend-like {float: left;}*/
#friend-like .info{
  position: relative;
  text-decoration: none;
  cursor: pointer;
}


#friend-like .image-top {margin-top: 0px;}
#friend-like ul li{border-bottom: none;}
#friend-like .details{
  display: none;
}
#friend-like:hover .details{
  display: block;
  margin-top: 7px;
  position: absolute;
  text-align: left;
  background-color: #FCFDEB;
  padding-left: 7px;
  padding-bottom: 7px;
  width: 90px;
  padding-top: 5px;
  z-index: 999;
    /*  margin-left: 12px;*/
  border: 1px solid #B4B4B4;
}
#off_notification{
    background: url("../images/mute_notifi.png") no-repeat scroll 0 -1px transparent;
    border: medium none;
    color: #808080;
    cursor: pointer;
    font-family: tahoma;
    font-size: 12px;
    margin-left: 7px;
    margin-top: 4px;
    padding-left: 20px;
}
#off_notification:hover{
    color:#CD0607;
}
#on_notification{
   background: url("../images/notifi.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #808080;
    cursor: pointer;
    font-family: tahoma;
    font-size: 12px;
    margin-left: 7px;
    margin-top: 4px;
    padding-left: 20px;
}
#on_notification:hover{
    color:#CD0607;
}
.hidden {
	display: none;
}
.tumblr-form-content #photo-post-submit{
    margin-top: 14px;
}