@charset "utf-8";
/* CSS Document */

/********************************Feedback****************************/

.feedbackBoxVote{ display:inline}

.showAllFB{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal}

.showAllFB a:link, .showAllFB a:visited{font-size:18px; color:#1a2791; text-decoration:none}

.showAllFB a:hover{color:#F60}

.btn_write_fb{ color:#ce0000;font-family:"Times New Roman", Times, serif; font-size:21px; font-weight:normal; cursor:pointer;
 background: url("images/icon_comment.gif") no-repeat left center;padding-left: 32px;}

.btn_write_fb_hover{color:#0066CC;font-family:"Times New Roman", Times, serif; font-size:21px; font-weight:normal; cursor:pointer; background: url("images/icon_comment.gif") no-repeat left center;padding-left: 32px;}

.link_add_show{font-weight:bold}

.all_add_link{padding-left:10px; margin-top:10px; border-left:1px solid #006699}

.link_detail{font-weight:bold}

.link_detail a{color:#333333}

.link_detail a:hover{color:#F60}

.feedbackAddLink{margin:0 0 0 15px; padding-bottom:10px; display:none}

.btnFeedback{background:url(images/btn_feedback.gif) no-repeat;width:94px;height:23px;margin:-25px 10px 0 0;float:right}

.btnFeedbackOver{background:url(images/btn_feedback.gif) no-repeat left -23px;width:94px;height:23px;margin:-25px 10px 0 0;cursor:pointer;float:right}

.btnFeedback1{background:url(images/btn_feedback.gif) no-repeat;width:94px;height:23px;margin:-25px 10px 0 0;*margin:-35px 10px 0 0;float:right}

.btnFeedbackOver1{background:url(images/btn_feedback.gif) no-repeat left -23px;width:94px;height:23px;margin:-25px 10px 0 0;*margin:-35px 10px 0 0;cursor:pointer;float:right}

.btnQuo{background:url(images/btn_quo.gif) no-repeat;width:71px;height:18px;float:left;display:inline}

.btnQuoOver{background:url(images/btn_quo.gif) no-repeat left -18px;width:71px;height:18px;cursor:pointer;float:left;display:inline}

.btnBad{background:url(images/btn_bad.gif) no-repeat;width:115px;height:18px;float:left}

.btnBadOver{background:url(images/btn_bad.gif) no-repeat left -18px;width:115px;height:18px;cursor:pointer;float:left}

.btnVote{background:url(images/btn_vote.gif) no-repeat;width:34px;height:16px}

.btnVoteOver{background:url(images/btn_vote.gif) no-repeat left -16px;width:34px;height:16px;cursor:pointer}

.btnVoteReply{background:url(images/btn_vote_reply.gif) no-repeat;width:74px;height:23px; margin-top:2px; margin-right:10px}

.btnVoteReplyOver{background:url(images/btn_vote_reply.gif) no-repeat left -23px;width:74px;height:23px;cursor:pointer; margin-top:2px; margin-right:10px}

.borderBottomTabFeedback{background:#d8dfea; width:100%; height:25px;}

.tabReplyNewOver{/*background:#EAF1FA;*/padding:0 10px;height:15px;float:left; cursor:pointer; display:inline; font-weight:bold; color:#333333; text-align:center; line-height:15px}

.tabReplyNew{background:#d8dfea;padding:0 10px;height:27px;float:left; cursor:pointer; display:inline; font-weight:bold; color:#3b5999; text-align:center; line-height:27px}

.tabPmNewOver{background:#EAF1FA;padding:0 10px;height:27px;float:left; cursor:pointer; display:block; font-weight:bold; color:#000; text-align:center; line-height:27px}

.tabPmNew{background:#d8dfea;padding:0 10px;height:27px;float:left; cursor:pointer; display:block; font-weight:bold; color:#3b5999; text-align:center; line-height:27px}

.contentFeedback{margin:2px 9px 0 5px;  color:#999;line-height: 14px}

/*.topFeedback a:link, .topFeedback a:visited, .guest_name{color:#3b5998; font-family:Tahoma; font-size:11px; font-weight:bold}*/

.topFeedback a:hover{text-decoration:none;color:#F60}

/*.topFeedbackSelf a:link, .topFeedbackSelf a:visited{color:#F60; font-family:Tahoma; font-size:11px; font-weight:bold}*/

.topFeedbackSelf a:hover{text-decoration:none;color:#333333}

.guest_name { color: #252525;
    font-size: 17px;
    font-weight: bold;}

.fb_time { font: bold 10px Verdana; color:#999999; margin-left:25px;}
.total_fb{height:22px; color:#86889d;  padding-bottom:5px}
.number_fb{ margin-top:-24px;}
.send_fb a:link, .send_fb a:visited { color:#A5A5A5}

.del_fb a:link, .del_fb a:visited{width:78px; float:left; padding-top:2px}

.send_pm_fb a:link, .send_fb a:link, .send_pm_fb a:visited, .send_fb a:visited, .del_fb a:link, .del_fb a:visited{font-size:11px; font-family:Tahoma; font-weight:normal; color:#A5A5A5}

.send_pm_fb a:hover, .send_fb a:hover, .del_fb a:hover {color:#F60}

.send_pm_fb a:link, .send_pm_fb a:visited {}

.send_pm_fb a:hover {}

.detailFeedback{padding:5px 0 0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#525252;text-align: justify;}

.feedback{width:629px}

.feedback .link{float:right;color:#898989;margin-top:-17px}

.feedback .link a:link, .feedback .link a:visited{color:#898989}

.feedback .link a:hover{color:#F60}

.profileLink{color:#898989;display:block;width:290px;text-align:right}

.profileLink a:link, .profileLink a:visited{color:#898989}

.profileLink a:hover{color:#F60}

.feedbackAvatar{width:50px}
.feedbackAvatar img,.feedbackAvatarSub img{width:40px;height: 40px;padding: 1px;border: 1px solid #e8e8e8;}

.feedbackAvatarSub {
    max-height: 40px;
    min-height: 30px;
    background-color: #FFFFFF;
    padding: 1px;
}

.commentAva a img{
    width: 40px;
    height: 40px;
    padding: 1px;
    border: 1px solid #e8e8e8;
    display: block;
}
.radius3 {
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.subComment{/*background-color:#f9f9f9; border:#d8d8d8 1px solid;*/ margin-left:50px}
.fast_reply_link:link,.fast_reply_link:visited{ color:#444; /*text-decoration:underline*/}
.fast_reply_link:hover{color:#FF6600; text-decoration:underline}

#feedbackBox {}

.btn_fast_reply {
    height: 17px;
    font-size: 15px;
    color: #4dc0f0;
    font-weight: normal;
    cursor: pointer;
    text-align: right;
}
/*.btn_fast_reply_hover, .btn_fast_reply_current{ height:17px; width:48px;margin-top:-17px; color:#FF8B00; font-weight:normal;text-decoration: underline; cursor:pointer; text-align:right}*/
/*
.btn_fast_reply{background:url(images/btn_fast_reply.gif) top no-repeat; height:17px; width:48px; margin-top:-17px}
.btn_fast_reply_hover, .btn_fast_reply_current{background:url(images/btn_fast_reply.gif) bottom no-repeat; height:17px; width:48px;margin-top:-17px}


.btn_fast_reply{background:url(images/icon_reply.gif) no-repeat; height:16px; width:16px; margin-top:-16px}
.btn_fast_reply_hover, .btn_fast_reply_current{background:url(images/icon_reply.gif) no-repeat; height:16px; width:16px;margin-top:-16px}*/


.btnAllNewFeedbackHover{background:#da9100 url(images/left_right_btn_feedback.gif)  no-repeat left bottom}

.btnAllNewFeedback{background:#5d5d5d url(images/left_right_btn_feedback.gif)  no-repeat left top}


.btnAllNewFeedbackHover .btnRightAllFeedback, .btnAllNewFeedback .btnRightAllFeedback{background:url(images/left_right_btn_feedback.gif)  no-repeat right top;height:20px;cursor:pointer; text-align:center; line-height:19px;color:#fff; font-family:Tahoma, arial, sans-serif; font-size:12px; width:80px;}
.btnAllNewFeedbackHover .btnRightAllFeedback{background:url(images/left_right_btn_feedback.gif)  no-repeat right bottom;}


.profileFeedbackSubject{margin:0px 0 5px 15px; height:29px; line-height:23px; background:#fff;width:575px; border:1px solid #e4e4e4;  color:#3668ae}

.profileFeedbackSubject strong{font-size:12px; color:#000000}

.profileFeedbackSubject a{color:#000}

.profileFeedbackSubject input{margin:5px 0 5px 15px;padding:2px 0 0 5px;width:200px;height:16px;border:1px solid #e4e4e4;  font-size:13px}

.afHoz{background:url(images/bg_hoz.gif) repeat-x; height:29px; width:100%; margin-top:10px}

.afHozCenter {height:23px; padding-top:6px; width:590px}

.afHoz strong{color:#ed1c24; margin-right:5px}

.afHoz b{color:#acacac; }

.feedbackSubject{margin:0 0 0 15px}

.feedbackSubject input{width:96%;height:16px;border:1px solid #e4e4e4; padding:4px 0 0 5px; font-weight:bold}

.feedbackSubjectFastReply{margin:0px 0 0 15px}

.feedbackSubjectFastReply input{width:497px;height:16px;border:1px solid #e4e4e4; padding:4px 0 0 5px;}

#feedbackBox .midbg, #profileFeedbackBox .midbg{border-top:#3b5999 2px solid;text-align:left;width:100%;background:#EAF1FA;}

.textAreReply{width:95%;margin:0 15px;border:1px solid #e4e4e4; /*height:60px;*/ overflow:hidden}

.btnSendReply{background-color:#525a73; padding:3px 10px 3px 10px; display:block; text-align:center; font-weight:bold; color:#FFF }

.btnSendReply a, .btnSendReply a:visited{color:#FFF; }

/********************************MINI profile *******************************/
.popup {
    width: 335px;
    *width: 357px;
    position: absolute;
    display: none;
    z-index: 2;
}

.contentPop {
    width: 313px;
    background: #fff;
    border: 1px solid #ccc;
    color: #000;
    padding: 2px;
    margin-left: 22px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.popupName{padding-bottom:3px;margin:0 0 0 5px;color:#828a8f}
.popupName a, .popupName a:link, .popupName a:hover{font-size:18px;color:#5c7b9c;text-decoration:none; font-family:Arial, Helvetica, sans-serif}
.miniLineHeight{line-height:18px; margin-left:5px}
.popupName a:hover{color:#F60}
.miniIcon{margin:5px 0 0 0; padding-bottom:2px}
.miniIcon a, .miniIcon a:visited{color:#666666;text-decoration:none}
.miniIcon a:hover{color:#F60;text-decoration:none}
.miniIcon img{}
.miniTopList{background:url(images/miniToplist.gif) repeat-x; height:18px; border:1px solid #f08300; font-weight:bold; color:#FFF; line-height:15px; padding-left:5px}
.mini_user_infor{}
.miniListBullet img {display:inline; margin:0 10px 3px 0}
.miniNews{margin-top:10px;background:url(images/bullet7.gif) left 4px no-repeat; padding-left:15px; margin-left:5px}
.miniNews a, .miniNews a:visited{color:#4c4c4c;text-decoration:none}
.miniNews a:hover{color:#F60}
.miniNews:first-letter{text-transform:uppercase}
/*.miniNews a:first-letter{text-transform:uppercase}*/
.mysiteCommentAva{position: absolute}
.mysiteCommentAvaImg{background: no-repeat 50% 50%;overflow: hidden}
.commentAvaResize{}
.hide {display: none}
.bubbleInfo {position: relative}
.feedbackVote{background:url(images/btn_vote_feedback.gif) no-repeat left top;width:40px;height:18px;border:0; margin-top:10px; margin-bottom:10px}
.feedbackVoteHover{background:url(images/btn_vote_feedback.gif) no-repeat left -18px;width:40px;height:18px;border:0;cursor:pointer; margin-top:10px; margin-bottom:10px}

.onlineBoundout{ width: 664px; background-color:#efefef; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
.onlineBoundicon{margin-left:8px; width:100px; background-color:#FFFFFF; font-weight:bold; color:#0058c8; height:27px; line-height:27px;}
.onlineBoundicon img { margin-top:-2px; *margin:0;}

.online_bound_content{width: 664px; background-color:#FFFFFF; margin-top:0px;}
.online_content1{ margin-left:20px;}
.online_total{color:#0058c8; font-weight:bold; font-size:20px}

.btnSendFeedback{background:url(images/btn_send_comment.gif) top no-repeat;height:17px;width:81px;cursor:pointer}

.btnSendFeedbackHover{background:url(images/btn_send_comment.gif) bottom no-repeat;height:17px; width:81px;cursor:pointer}

.bottom_verified, .bottom_verified:link, .bottom_verified:visited{ color:#0066CC; font-size:13px; font-weight:bold}

.bottom_verified:hover {color:#FF6600}

.bottom_verified_2, .bottom_verified_2:link, .bottom_verified_2:visited{ color:#FF6600; font-size:13px; font-weight:bold}

.bottom_verified_2:hover {color:#0066CC}

.del_comment_aj { font-size:11px; font-weight:normal;color:#FF0000; cursor:pointer}
.del_comment_aj_hover {font-size:11px; font-weight:normal; color:#0066CC; cursor:pointer}
.tabReplyOver{background:url(images/tab_reply.gif) no-repeat left -39px;width:147px;height:39px;float:left; cursor:pointer}

.tabReply{background:url(images/tab_reply.gif) no-repeat;width:147px;height:39px;cursor:pointer;float:left}

.tabReplyOver1{background:url(images/tab_reply1.gif) no-repeat left -39px;width:147px;height:39px;float:left; cursor:pointer}

.tabReply1{background:url(images/tab_reply1.gif) no-repeat;width:147px;height:39px;cursor:pointer;float:left}

.tabWriteOver{background:url(images/tab_write.gif) no-repeat left -39px;width:147px;height:39px;float:left; cursor:pointer}

.tabWrite{background:url(images/tab_write.gif) no-repeat;width:147px;height:39px;cursor:pointer;float:left}

.tabEmailOver{background:url(images/tab_email.gif) no-repeat left -39px;width:91px;height:39px;float:left; cursor:pointer}

.tabEmail{background:url(images/tab_email.gif) no-repeat;width:91px;height:39px;cursor:pointer;float:left}

.tabPmOver{background:url(images/tab_pm.gif) no-repeat left -39px;width:91px;height:39px;float:left; cursor:pointer}

.tabPm{background:url(images/tab_pm.gif) no-repeat;width:91px;height:39px;cursor:pointer;float:left}

.fast_reply_class { background-color:#fff; border:1px solid #eee; padding:5px; margin-top:5px;}

.mess_success {padding:5px;background-color:#FFFFCC; color:#0066CC; border:#FFCC00 solid 1px}
#list_comment tr.border_top td{border-top: 1px solid #eee;  padding-bottom: 7px;}




/*làm lại toàn bộ mới từ ngày 31.10.2011 by ngannv*/

#commentItemContainer{
    /*border-left: 1px dotted #ccc;*/
    background: url("images2011/line_comment_v.png") right 0 repeat-y;
    border: 1px solid blue;
}
.commentList{
    padding: 0 18px 0 0px;
    margin: 0;
    /*background: url("images2011/line_comment_v.png") 0 0 repeat-y;*/
}
#commentListItem{
    max-height: 500px;
    border: 1px solid red;
}

#comment_list_all {
    /*background: url("images2011/line_comment_v.png") top left repeat-y;*/
}

#commentContainer {}
.commentList li{
    min-height: 50px;
    background: url("images2011/line_comment_dub.png") 0 -2px repeat-x;
    display: block;
    overflow: hidden;
    clear: both;
    padding: 20px 5px 20px 0;
}

a.imgBg,a.cmtAva{
    /*background: url("images2011/img_bg.png") no-repeat;*/
}
.cmtAva{
    width: 40px;
    height: 40px;
    display: block;;
    float: left;
    border: 1px solid #e4e4e4;
    /*padding: 2px;*/
    text-align: center;
}
img.cmtAvatar{
    display: block;
    width: 40px;
    height: 40px;

}

.cmtContent,.cmtContentSub {
    text-align: justify;
    color: #333;
    font-size: 12px;
    width: 582px;
    padding: 0 5px 0 10px;
    float: left;
}
.cmtContentSub img,.cmtContent img{
    /*position: absolute;*/
}
.cmtTitle {
    padding-bottom: 10px;
}

.cmtContent .cmtTitle span {
    display: inline-block;
}

.cmtSender {
    font-size: 14px;
    font-weight: 700;

}

.cmtSender a {
    color: #000;
}

.cmtSender a:hover {
    color: #ff4500;
}

.replyBtn {
    float: right;
    color: #007abc;
    font-size: 12px;
    display: inline-block;
}

.cmtTimeSend {
    color: #999;
    padding-left: 10px;
    font-size: 11px;
    font-weight: 700;
}
ul.cmtSub{
    clear: both;
    padding: 0 5px 0 5px;
    margin: 10px 0 0 40px;
    background: #fff;
}
ul.cmtSub li{
    border: 0;
    background: url("images2011/line_comment.png") 0 0 repeat-x;
   padding: 15px 0 10px 0;
 /*   padding: 3px 0 3px 3px;
    background: #EDEFF4;
    border-bottom: 1px solid #D2D9E7;
    margin-top: 1px;*/
}
ul.cmtSub li.subFirst{
    /*background: none;*/
}
.cmtContentSub{
    width: 535px;
}
ul.cmtSub li .cmtSender a{
    color: #007abc;
}
#commentPagging{
    background: url("images2011/line_comment_dub.png") 0 0 repeat-x;
    padding: 10px 2px;
    text-align: right;
}
#commentPagging a{
    line-height: 24px;
    display: inline-block;
    padding: 0 8px 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/*#list_comment_item tr td{
    background: url("images2011/line_comment.png") 0 bottom repeat-x;
    padding: 3px 0;
}*/
#list_comment_item tr.subCommentContainer td{
    background: none;
}
#list_comment_item table tr.subCommentLast td{
    background: none;
}
.commentAva img{
    max-height: 40px;
}
.commentSender ,a.commentSender{
    color: #252525;font-size: 17px;
    font-weight: bold;
}
a.commentSender:hover{
    color: #ff4500;
}
#comment_list_all{ max-height:400px; overflow:auto;}
/*Tinyscrollbar comment when view popup*/
/* Examples - Tiny Scrollbar */
#scrollbar1 { width: 670px; margin: 5px 0 10px; }
#scrollbar1 .viewport { width: 655px; height:490px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0;width: 100%; }
#scrollbar1 .scrollbar{ background: transparent url(ItemDetail/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; display:none; }
#scrollbar1:hover .scrollbar{ display:block;position: absolute;right: 0}
#scrollbar1 .track { background: transparent url(ItemDetail/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:15px; position: relative; }
#scrollbar1 .thumb { background: transparent url(ItemDetail/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(ItemDetail/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none;opacity: 1;pointer-events:auto; }