/* friend */
#friend_list {width: 771px; border-top: 1px solid #E1E1E1; overflow: hidden; }
#friend_list dl {width: 153px; height:100px; float: left; padding-top: 18px; }
#friend_list dt, #friend_list dd {text-align: center;}
#friend_list dd {padding: 8px;}
.friend_list {width: 100%; overflow: hidden;} /* account */
.friend_list dl {width: 96px; height:105px; float: left; margin-right: 57px; margin-top: 12px; }
.friend_list dt, .friend_list dd {text-align: center;}
.friend_list dd {padding: 7px 0; line-height:16px;}
.invitation {margin-top: 18px;}
.invitation dt {font-size: 14px; color: #D70D4B; font-weight: bold; padding-bottom: 7px;}
.invitation dd {line-height: 18px;}
.invitation_comment {font-weight: bold; margin-top: 17px; padding-bottom: 14px;}
#friend_relation {width:800px; height:670px;}
#friend_relation td {text-align: center; line-height: 19px; vertical-align:middle;}
#friend_relation .title {width: 135px; height: 50px; padding: 7px 7px 7px 14px; text-align: left; vertical-align: top; line-height: 16px; background: url(/images/friend/friend_tit.gif) no-repeat;}
#friend_relation .title02 {width: 135px; height: 50px; padding: 7px 7px 7px 14px; text-align: left; vertical-align: top; line-height: 16px; background: url(/images/friend/friend_tit02.gif) no-repeat;}
#friend_relation .title03 {width: 67px; height: 40px; padding: 8px 0 0 0px; vertical-align: middle; font-size: 14px; color: #D52477; font-weight: bold; background: url(/images/friend/friend_tit03.gif) no-repeat;}
#friend_relation .cbox_top {width: 155px; height: 10px; background: url(/images/friend/friend_coment_top.gif) no-repeat;}
#friend_relation .cbox_bg {width: 142px; padding: 0 7px 3px 7px; text-align: left; vertical-align: top; line-height: 16px; background: url(/images/friend/friend_coment_bg.gif) repeat-y;}
#friend_relation .cbox_bottom {width: 155px; height: 20px; margin-bottom:5px; background: url(/images/friend/friend_coment_bottom.gif) no-repeat;}
#friend_relation .cbox_bottom02 {width: 155px; height: 20px; margin-bottom:5px; background: url(/images/friend/friend_coment_bottom02.gif) no-repeat;}
.friend_box_top01 {height: 24px; background: url(/images/friend/friend_box_top01.gif) no-repeat;}
.friend_box_bg01 {padding:0 7px 0 7px; text-align:center; background: url(/images/friend/friend_box_bg01.gif) repeat-y;}
.friend_box_bg01 td , .friend_box_bg01 td {padding-bottom:13px;}
.friend_box_bottom01 {height: 10px; background: url(/images/friend/friend_box_bottom01.gif) no-repeat;}
.friend_box_top02 {height: 13px; background: url(/images/friend/friend_box_top02.gif) no-repeat;}
.friend_box_bg02 {padding:0 7px 0 7px; text-align:center; background: url(/images/friend/friend_box_bg02.gif) repeat-y;}
.friend_box_bottom02 {height: 13px; background: url(/images/friend/friend_box_bottom02.gif) no-repeat;}

/*********************** Friend Select Box ***************************/
#friendselect_box {position:absolute;width:450px; height:250px; border:3px #59c7ff solid; background:#FFFFFF; padding:25px;text-align:left;}
#friendselect_box h3 {float:left;padding-bottom:10px;font-size:14px;}
#friendselect_box h4 {font-size:12px; font-weight:normal;}
#friendselect_box a:hover, a:active {text-decoration:none;}
#friendselect_box .inbox {clear:both; width:420px; height:160px; margin:10px 0 0 0; border:1px #CCCCCC solid; overflow:scroll; overflow-x:hidden; padding:15px;}
#friendselect_box .inbox dl {margin-bottom:50px; clear:both;}
*html #friendselect_box .inbox dl {margin-bottom:25px;}
*:first-child+html #friendselect_box .inbox dl {margin-bottom:25px;}
#friendselect_box .inbox dd {margin:5px 5px 0px 15px; width:110px; float:left;}
*html #friendselect_box .inbox dd {margin:5px 5px 0px 8px;}

/**************  Friend Folder list ***************************/
#doc_folder_list .friendfolder_info {float:left; width:180px; position:relative; margin-top:10px;}
#doc_folder_list .friendfolder_img table {width:114px;}
#doc_folder_list .friendfolder_img td {width:67px; height:61px; text-align:center; margin:5px;}
#doc_folder_list .friendfolder_img img {margin:1px 0; border: 2px solid #D1D1D1;}
#doc_folder_list .friendfolder_img {background:transparent url(/images/common/friend_folder.gif) no-repeat scroll 0 0; height:125px; padding:7px 0px 2px 21px;}
#doc_folder_list div.friendfolder_delete {position: absolute; left:125px; top:119px;}
#doc_folder_list .friendfolder_text {width:140px; margin-top: 4px;}
#doc_folder_list .friendfolder_text div {width:100%; text-align:center;}
#doc_folder_list .friendfolder_text .text div {color:#424242; font-size:14px; line-height:17px;}
#doc_folder_list .friendfolder_text .num {color:#666666; padding-top:3px; }

#doc_folder_list .friendfolder_default_img {background:transparent url(/images/common/friend_default_folder.gif) no-repeat scroll 0 0; height:125px; padding:7px 0px 2px 21px;}
#doc_folder_list .friendfolder_default_img table {width:114px;}
#doc_folder_list .friendfolder_default_img td {width:67px; height:61px; text-align:center; margin:5px;}
#doc_folder_list .friendfolder_default_img img {margin:1px 0; border:1px solid #D1D1D1;}