/*--- general ---*/
a { color:#0177c9}
a:hover { color:#f13a09}

.status { color:#777}

.nBtn { display:inline-block; vertical-align:middle; text-align:center; background:url(images/GlobalButton_02.png) 0 0 no-repeat}
.nBtn a, .nBtn input { padding:0 12px; text-decoration:none; color:#fff; border:0; background:url(images/GlobalButton_02.png) right -80px no-repeat}
.nBtn a { display:block}
.nBtn a:hover { text-decoration:none; color:#fff}
.nBtn input { cursor:pointer; height:20px; padding-top:2px}
.nBtn01 { background-position:0 0}
.nBtn05 { background-position:0 -60px}
.nBtn05 a, .nBtn05 input { background-position:right -120px}
.nBtn07 { background-position:0 -170px}
.nBtn07 a, .nBtn07 input { color:#333; background-position:right -190px}

.profilepages { padding:8px 3px; text-align:right}
.profilepages a { padding:0 5px}
.profilepages .pageselect { padding:0 4px; color:#fff; background:#da3a13}

#showGroupsTopicsAuthorNameBox { position:absolute; z-index:1; visibility:hidden; padding:0 4px; line-height:19px; border:1px solid #f4ad49; -moz-border-radius:4px; background:#fff}

#alertBox { display:none}
.alertBox { font-size:14px}
.alertBox dl { padding:20px 25px 0}
.alertBox dt { float:left; width:30px; height:30px; background:url(images/GlobalIcon_alert.png) no-repeat}
.alertBox dt.s1 { background-position:0 0}
.alertBox dt.s2 { background-position:0 -40px}
.alertBox dt.s3 { background-position:0 -80px}
.alertBox dd { float:left; width:230px; padding-left:10px}
.alertBox dd p.s1 { font-size:12px}
.alertBox dd .func { padding-top:12px; font-size:12px}
.alertBox dd .func span.nBtn { margin-right:8px}

.TBB_addInterestItem dl { padding:8px 0}
.TBB_addInterestItem dt { float:left; width:60px; font-weight:bold}
.TBB_addInterestItem dd { float:left; width:554px}
.TBB_addInterestItem dd span { float:left; overflow:hidden; width:110px; height:20px; padding-bottom:4px}
.TBB_addInterestItem .func { padding:12px 60px 32px; font-size:12px}
.TBB_addInterestItem .func span.nBtn { margin-right:8px}
.TBB_addInterestItem .func em { color:#e62713}

#TBB_cancelOrderFormReason { display:none}
.TBB_cancelOrderFormReason { padding:8px 12px 0}
.TBB_cancelOrderFormReason li { padding:2px 0; font-size:12px}
.TBB_cancelOrderFormReason li.s1 input.txtinput { display:none; width:180px; margin-left:8px}
.TBB_cancelOrderFormReason .func { padding-top:8px}
.TBB_cancelOrderFormReason .func span.nBtn { margin-right:8px}
.TBB_cancelOrderFormReason .func span.nBtn input { width:72px}
.TBB_cancelOrderFormReason .func em { color:#e62713}

.TBB_newPassforOnlineInstitution { padding:8px 12px 0}
.TBB_newPassforOnlineInstitution .func span.nBtn { margin-left:4px}

#TBB_friendIvitationRules { display:none}
.TBB_friendIvitationRules { padding-top:4px}
.TBB_friendIvitationRules em { color:#e62713}
.TBB_friendIvitationRules .func { padding-top:8px; text-align:center}

#TBB_importMSNContacter { display:none}
.TBB_importMSNContacter { padding-top:16px; text-align:center}
.TBB_importMSNContacter big { display:inline-block; width:200px; height:10px; padding:1px; text-align:left; vertical-align:middle; border:1px solid #bbb}
.TBB_importMSNContacter big small { display:block; overflow:hidden; height:10px; line-height:10px; font-size:0; background:#41a5ea}
.TBB_importMSNContacter span { display:inline-block; padding-left:8px; vertical-align:middle}


/*--- layout ---*/
#wrap_myProfile { width:978px; margin:6px auto; border:1px solid #f4dab8; background:#fff}
.area01 { float:left; width:179px; padding:12px 0}
.area02 { float:left; width:775px; padding:12px 12px 40px}
.area03 { float:left; width:525px}
.area04 { float:left; width:240px; padding-left:10px}
.area05 { float:left; width:706px; padding:20px}
.area06 { float:left; width:206px; padding:20px 12px; border:1px solid #fff; background:#fff2d9}


/*--- parent ---*/
.parent01 { margin-bottom:20px}
.parent02 { margin-bottom:12px}
.parent03 { margin-bottom:10px}


/*--- block ---*/
.blk01 .ttl { overflow:hidden; height:23px; padding:0 10px 0 4px; border-bottom:2px solid #cd2a00}
.blk01 .ttl ul { float:left}
.blk01 .ttl li { float:left; margin-right:3px; padding-left:3px; background:url(images/bg_myProfile_v0.png) 0 -200px no-repeat}
.blk01 .ttl li a { display:block; padding:3px 20px 0 17px; color:#922003; background:url(images/bg_myProfile_v0.png) right -200px no-repeat}
.blk01 .ttl li.s1 { color:#fff; background-position:0 -170px}
.blk01 .ttl li.s1 h2 { padding:3px 20px 0 17px; font-size:12px; background:url(images/bg_myProfile_v0.png) right -170px no-repeat}
.blk01 .ttl li a:hover { color:#f13a09}
.blk01 .ttl span { float:right}
.blk01 .ttl span .toggle { cursor:pointer; width:9px; height:10px; margin-top:12px; padding-left:10px; background:url(images/bg_myProfile_v0.png) 10px -290px no-repeat}
.blk01 .ttl span .toggle.toggle01 { background-position:10px -330px}

.blk02 .ttl { overflow:hidden; height:26px; padding:0 10px 0 25px; background:url(images/bg_myProfile_v0.png) 0 -60px no-repeat}
.blk02 .ttl h2 { padding:4px 0 2px; font-size:12px; color:#fff}
.blk02 .ttl span { float:right; padding:4px 0 2px}
.blk02 .ttl span a { color:#777}
.blk02 .ttl span a:hover { color:#f13a09}

.blk03 .ttl { overflow:hidden; height:26px; background:url(images/bg_myProfile_v0.png) 0 -100px no-repeat}
.blk03 .ttl h2 { float:left; padding:4px 12px 2px; font-size:12px}
.blk03 .ttl span { float:right; padding:4px 8px 2px; color:#418b2d; background:url(images/bg_myProfile_v0.png) right -100px no-repeat}
.blk03 .ttl span a { color:#777}
.blk03 .ttl span a:hover { color:#f13a09}
.blk03 .ttl ul { float:right}
.blk03 .ttl li { float:left; padding:4px 17px 2px}
.blk03 .ttl li.s1 { padding:3px 16px 2px; border:1px solid #ffc36e; border-bottom:0; background:url(images/bg_myProfile_v0.png) 0 -139px repeat-x #fff}


/*--- special ---*/
.ad01 { overflow:hidden; width:240px; height:200px}
.ad01 img { width:100%; height:100%; vertical-align:top}

.profileSiderbar { width:178px; border-top:1px solid #f4dab8; border-right:1px solid #f4dab8}
.profileSiderbar h3 { overflow:hidden; cursor:pointer; height:20px; padding:3px 0 4px 24px; font-size:12px; color:#922003; background:url(images/bg_myProfile_v0.png) no-repeat}
.profileSiderbar h3.s1 { background-position:0 -30px}
.profileSiderbar ul { width:170px; padding:4px; border-bottom:1px solid #f4dab8}
.profileSiderbar li { float:left; overflow:hidden; width:160px; height:20px; padding:2px 5px}
.profileSiderbar li a { display:block; padding-left:15px; color:#333; background:url(images/bg_myProfile_v0.png) 10000px 10000px no-repeat}
.profileSiderbar li a:hover { color:#333; background-position:-200px -30px}
.profileSiderbar li.s1 a, .profileSiderbar li.s1 a:hover { color:#fff; background-position:-200px 0}
.profileSiderbar li span { margin-left:8px; text-indent:1000px; background:url(images/bg_myProfile_v0.png) -80px -250px no-repeat}
.profileSiderbar li span.s1 { background-position:-80px -250px}
.profileSiderbar li span.s2 { background-position:-80px -290px}
.profileSiderbar li a:hover span { text-decoration:none}
.profileSiderbar li.s1 span { display:none}

.in_profileBox { padding:12px 12px 0; background:url(images/bg_myProfile_v0.png) 0 -380px repeat-x}
.in_profileBox .pic { float:left; width:80px}
.in_profileBox .pic img { width:80px; height:80px}
.in_profileBox .info { float:left; width:659px; padding-left:12px}
.in_profileBox .info h2 { padding-top:6px; font:bold 22px/24px Arial, Simsun}
.in_profileBox .info h2 small { padding-left:8px; font-weight:normal}
.in_profileBox .info p { padding-top:4px}
.in_profileBox .info em { padding-right:20px; color:#e62713}
.in_profileBox .info em a { color:#e62713}
.in_profileBox .info big { padding-right:20px}
.in_profileBox .info small { padding-right:20px; color:#777}
.in_profileBox .info small q { color:#e62713}

.in_latestForm { padding:4px 8px; border:1px solid #f4dab8; border-top:0; background:#fff}
.in_latestForm table { width:100%}
.in_latestForm .pay-style { width:160px}
.in_latestForm .order-status { width:80px; text-align:center}
.in_latestForm .order-status .nBtn05 input { width:48px}
.in_latestForm .active { width:60px; text-align:center}

.in_waitforReview { padding:4px; border:1px solid #f4dab8; border-top:0; background:#fff}
.in_waitforReview ul { overflow:hidden; width:100%}
.in_waitforReview li { float:left; width:507px; margin-top:-1px; padding:5px 4px 4px; background:url(images/GlobalLine_03.gif) left top repeat-x}
.in_waitforReview li:hover { background-color:#f3f3f3}
.in_waitforReview li h5 { float:left; width:100%; font-size:12px; font-weight:normal;}
.in_waitforReview li h5 small { padding-left:4px; color:#777}
.in_waitforReview li span { float:left; width:200px}
.in_waitforReview li q { float:right; width:100px; text-align:right}

.in_myFavourite { padding:4px; border:1px solid #f4dab8; border-top:0; background:#fff}
.in_myFavourite div { display:none}
.in_myFavourite div div { display:block}
.in_myFavourite li { overflow:hidden; width:507px; height:28px; padding:0 4px; line-height:28px; background:url(images/GlobalLine_03.gif) left 27px repeat-x}
.in_myFavourite li:hover { background-color:#f3f3f3}
.in_myFavourite li a.s1 { padding-right:4px}
.in_myFavourite li em { float:right; width:70px; padding-left:12px; color:#e62713}
.in_myFavourite li small { float:right; width:100px; text-align:right; color:#777}
.in_myFavourite li small a { color:#777}
.in_myFavourite li small a:hover { color:#f13a09}
.in_myFavourite p { clear:both; padding:2px 4px 0; text-align:right}

.in_hotCourse { padding:4px; border:1px solid #f4dab8; border-top:0; background:#fff}
.in_hotCourse ul { overflow:hidden; width:100%}
.in_hotCourse li { height:40px; margin-top:-1px; padding:6px 4px 5px; color:#666; background:url(images/GlobalLine_03.gif) left top repeat-x}
.in_hotCourse li:hover { background-color:#f3f3f3}
.in_hotCourse span { float:right; text-align:right; font-family:Arial}
.in_hotCourse span a { color:#666}
.in_hotCourse span a:hover { color:#f13a09}
.in_hotCourse p { float:left}
.in_hotCourse strong { display:block; overflow:hidden; width:100%; height:20px; font-weight:normal}
.in_hotCourse strong a {color:#0177c9}
.in_hotCourse strong a:hover { color:#f13a09}
.in_hotCourse strong a.s1 { padding-right:4px}
.in_hotCourse em { color:#e62713}
.in_hotCourse q { padding-left:8px}
.in_hotCourse small { padding-left:8px; font-family:Arial}

.in_rewardsList { padding:6px 5px; border:1px solid #f4dab8; border-top:0; background:#fff}
.in_rewardsList ul li { float:left; width:64px; padding:6px; text-align:center}
.in_rewardsList ul li:hover { background-color:#f3f3f3}
.in_rewardsList ul li .pic { overflow:hidden; width:60px; height:60px; padding:1px; border:1px solid #dfdfdf}
.in_rewardsList ul li .pic img { display:block; width:100%; height:100%}
.in_rewardsList ul li .pic:hover { border-color:#f13a09}
.in_rewardsList ul li p { padding-top:4px; line-height:18px}
.in_rewardsList ul li p.name { overflow:hidden; height:36px}
.in_rewardsList ul li p.point { color:#e62713}

.in_hotGroup { padding:4px; border:1px solid #f4dab8; border-top:0; background:#fff}
.in_hotGroup li { float:left; padding:4px}
.in_hotGroup li:hover { background-color:#f3f3f3}
.in_hotGroup li .pic { float:left; width:72px; height:48px; padding:1px; border:1px solid #dfdfdf}
.in_hotGroup li .pic img { width:100%; height:100%}
.in_hotGroup li div { float:left; width:140px; padding:2px 0 0 6px; line-height:18px}
.in_hotGroup li div p { color:#777}
.in_hotGroup li div p small { padding-left:4px; font-size:11px}

.in_groupFeature { padding:4px; border:1px solid #f4dab8; border-top:0; background:#fff}
.in_groupFeature ul.s1 { padding-bottom:4px}
.in_groupFeature ul.s1 li { overflow:hidden; width:507px; height:28px; padding:0 4px; line-height:28px; color:#777; background:#fff}
.in_groupFeature ul.s1 li:hover { background-color:#f3f3f3}
.in_groupFeature ul.s1 li small { float:right; width:80px; text-align:right; font-size:11px}
.in_groupFeature ul.s1 li span { padding:0 4px}
.in_groupFeature h3 { overflow:hidden; height:20px; padding:5px 4px 3px; font-size:12px; background:url(images/GlobalLine_03.gif) repeat-x}
.in_groupFeature h3 span { float:right; font-weight:normal}
.in_groupFeature h3 span a { color:#777}
.in_groupFeature h3 span a:hover { color:#f13a09}
.in_groupFeature ul.s2 { padding-top:4px}
.in_groupFeature ul.s2 li { float:left; width:102px; padding-bottom:8px; text-align:center}
.in_groupFeature ul.s2 li a.pic { display:block; width:72px; height:48px; margin:0 auto; padding:1px; border:1px solid #dfdfdf}
.in_groupFeature ul.s2 li a.pic img { width:100%; height:100%; vertical-align:top}
.in_groupFeature ul.s2 li a.pic:hover { border-color:#f13a09}
.in_groupFeature ul.s2 li p { overflow:hidden; height:auto; padding:2px 4px 0; line-height:18px}
.in_groupFeature ul.s2 li p small { padding-left:4px; font-size:11px; color:#777}
.in_groupFeature .status { padding:20px 0}

.tableLists table { width:100%; line-height:20px; color:#777}
.tableLists tr:hover td { background-color:#f3f3f3}
.tableLists th { padding:2px 2px 1px 6px; border-bottom:1px solid #ccc}
.tableLists td { padding:7px 2px 6px 6px; line-height:18px; vertical-align:top; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.tableLists td p.ol span { padding-right:17px; background:url(images/GlobalIcon_01.gif) 0 -400px no-repeat}
.tableLists .tips .profilepages { float:right}
.tableLists .tips p { float:left; padding:8px; color:#777}
.tableLists .tips .more { padding:8px; text-align:right}
.tableLists .status { background:url(images/GlobalLine_03.gif) left bottom repeat-x}

.orderForm .order-num { width:140px}
.orderForm .price { width:64px; text-align:right}
.orderForm .pay-style { width:72px; text-align:center}
.orderForm .order-status { width:60px; text-align:center}
.orderForm .order-status .nBtn05 input { width:48px}
.orderForm .active { width:50px}
.orderForm .see { width:54px}
.orderForm td.price, .orderForm td.pay-style, .orderForm td.order-status { color:#333}
.orderForm td .addpic { padding:4px 0}
.orderForm td .addpic img { width:10px; height:10px; background:url(images/bg_myProfile_v0.png) 0 -250px no-repeat}

.olCourse .school { width:100px}
.olCourse .account { width:120px}
.olCourse .pass { width:100px}
.olCourse .see { width:180px}

.olCourseWatchStep { padding:8px 16px 8px 12px; border:1px solid #ffd4a5; background:#fff9e5}
.olCourseWatchStep span { margin-right:8px; padding-right:12px; background:url(images/GlobalIcon_01.gif) 0 -280px no-repeat}
.olCourseWatchStep a { margin-left:20px; padding-left:16px; background:url(images/GlobalIcon_01.gif) 0 -319px no-repeat}

.eMoney .emoney-value { width:80px}
.eMoney .emoney-style, .eMoney .emoney-use, .eMoney .time { width:100px}
.eMoney .emoney-status-unused, .eMoney .emoney-status-used, .eMoney .emoney-status-over { width:80px}
.eMoney td.emoney-num, .eMoney td.emoney-value, .eMoney td.emoney-style, .eMoney td.emoney-use { color:#333}
.eMoney td.emoney-status-unused { color:#418b2d}
.eMoney td.emoney-status-used { color:#333}
.eMoney td.emoney-status-over { color:#e62713}

.oleMoney td { color:#333}
.oleMoney .olemoney-balance { width:300px}
.oleMoney .olemoney-balance, .oleMoney .olemoney-accumulate { text-align:center}
.oleMoney .time, .oleMoney .olemoney-value { width:200px}

.pointsDetail td { color:#333}
.pointsDetail .points-balance { width:300px}
.pointsDetail .points-balance, .pointsDetail .points-accumulate { text-align:center}
.pointsDetail .time { width:120px}
.pointsDetail .points-num { width:140px}
.pointsDetail .points-value { width:100px}

.rewardsList ul { padding:12px 0 0 16px}
.rewardsList ul li { float:left; width:124px; padding:0 18px 0 0; text-align:center}
.rewardsList ul li .pic { overflow:hidden; width:120px; height:120px; padding:1px; border:1px solid #dfdfdf}
.rewardsList ul li .pic img { display:block; width:100%; height:100%}
.rewardsList ul li p { padding-top:4px; line-height:18px}
.rewardsList ul li p.name { overflow:hidden; height:36px}
.rewardsList ul li p.point { color:#e62713}
.rewardsList ul li.func { padding-top:40px}
.rewardsList ul li.func div { padding-bottom:8px}

.rewardForm td { color:#333}
.rewardForm .reward-num { width:120px}
.rewardForm .time { width:80px}
.rewardForm .reward-amount, .rewardForm .reward-sum, .rewardForm .reward-status, .rewardForm .see { width:60px}

.reviewCourse .review-num { width:140px}
.reviewCourse .time { width:110px}
.reviewCourse .review-status, .reviewCourse .point { width:60px}

.referCourse .product { width:140px}
.referCourse .time { width:110px}
.referCourse .refer-status { width:60px}
.referCourse td.refer-status { color:#e62713}
.referCourse tr.answer { display:none}
.referCourse tr.answer td { background-color:#f3f3f3}
.referCourse tr.answer .product { text-align:right; font-weight:bold}

.favouriteCourse .slct { width:20px}
.favouriteCourse .school { width:84px}
.favouriteCourse .time { width:80px}
.favouriteCourse .price { width:64px; text-align:right}
.favouriteCourse .active { width:140px; text-align:center}

.favouriteArticle .slct { width:20px}
.favouriteArticle .article-catrgory { width:100px}
.favouriteArticle .time { width:80px}
.favouriteArticle .active { width:80px}

.favouriteGroupTopic .slct { width:20px}
.favouriteGroupTopic .group-name { width:80px}
.favouriteGroupTopic .sum { width:100px}
.favouriteGroupTopic .author { width:80px}
.favouriteGroupTopic .time { width:80px}
.favouriteGroupTopic .active { width:54px}

.examTest .test-category { width:90px}
.examTest .date { width:86px}
.examTest .time { width:70px}
.examTest .score { width:50px}
.examTest .total { width:50px}
.examTest .see { width:80px}
.examTest td.score { color:#418b2d}
.examTest td.score em { color:#e62713}

.EDMCurrent { overflow:hidden; padding:20px}
.EDMCurrent table { margin:0 auto}

.EDMHistory { padding:8px 7px 8px 8px}
.EDMHistory li { float:left; overflow:hidden; width:370px; height:20px; padding:2px 0 2px 10px; background:url(images/GlobalIcon_02.gif) 0 10px no-repeat}
.EDMHistory li small { float:right; padding:0 20px 0 8px; font-size:11px; color:#777}

.myGroupsJoined ul { padding-top:12px}
.myGroupsJoined li { float:left; width:96px; padding-bottom:8px; text-align:center}
.myGroupsJoined li a.pic { display:block; width:72px; height:48px; margin:0 auto; padding:1px; border:1px solid #dfdfdf}
.myGroupsJoined li a.pic img { width:100%; height:100%; vertical-align:top}
.myGroupsJoined li p { overflow:hidden; height:54px; padding:2px 4px 0; line-height:18px}
.myGroupsJoined li p small { padding-left:4px; font-size:11px; color:#777}
.myGroupsJoined_s1 li p { height:auto}

.myGroupsTopics td { line-height:20px; vertical-align:middle}
.myGroupsTopics .gp { width:100px}
.myGroupsTopics .sum { width:84px; font-size:11px}
.myGroupsTopics .author { width:100px}
.myGroupsTopics .author img { float:left; width:24px; height:24px; margin-right:4px}
.myGroupsTopics .author span { float:left; overflow:hidden; width:72px; line-height:24px; white-space:nowrap; text-overflow:ellipsis}
.myGroupsTopics .time { width:90px; padding-right:8px; text-align:right; font-size:11px}
.myGroupsTopics th.sum, .myGroupsTopics th.time { font-size:12px}

.myGroupsTopicstoMe { padding-top:10px}
.myGroupsTopicstoMe .list { padding:8px 12px 4px; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.myGroupsTopicstoMe .list .pic { float:left; width:48px; padding:2px 12px 0 0; text-align:right}
.myGroupsTopicstoMe .list .pic img { width:48px; height:48px}
.myGroupsTopicstoMe .list .ctn { float:left; width:676px}
.myGroupsTopicstoMe .list .ctn .info { height:20px; padding-bottom:10px; color:#777}
.myGroupsTopicstoMe .list .ctn .info small { float:right}
.myGroupsTopicstoMe .list .ctn .txt-quote { padding:4px 8px; color:#777; background:#f1f1f1}
.myGroupsTopicstoMe .list .ctn .txt { overflow:hidden; width:672px}
.myGroupsTopicstoMe .list .ctn .txt p { padding-bottom:10px}
.myGroupsTopicstoMe .list .operate { clear:both; overflow:hidden; height:20px; padding:0 19px 0 60px}
.myGroupsTopicstoMe .list .operate p { float:right; color:#777}
.myGroupsTopicstoMe .list .operate div { display:none}
.myGroupsTopicstoMe .list .operate div a { margin-right:12px; color:#777}
.myGroupsTopicstoMe .list .operate div a:hover { color:#f13a09}
.myGroupsTopicstoMe .status { background:url(images/GlobalLine_03.gif) left bottom repeat-x}

.myGroupFeeds { clear:both; width:100%}
.myGroupFeeds ul { padding:4px 0 2px}
.myGroupFeeds li { float:left; padding:5px 8px; color:#777}
.myGroupFeeds li:hover { background-color:#f3f3f3}
.myGroupFeeds li .pic { float:left; width:24px}
.myGroupFeeds li .pic img { width:24px; height:24px}
.myGroupFeeds li div { float:left; width:610px; padding-left:8px}
.myGroupFeeds li div span { padding:0 4px}
.myGroupFeeds li small { float:right; width:106px; text-align:right; font-size:11px}
.myGroupFeeds li.s1 a { color:#2e82bd}
.myGroupFeeds li.s2 a { color:#b04462}
.myGroupFeeds li.s3 a { color:#b97100}
.myGroupFeeds li.s4 a { color:#588a0a}
.myGroupFeeds li.s5 a { color:#895993}
.myGroupFeeds li.s6 a { color:#069f96}
.myGroupFeeds li.s7 a { color:#336195}
.myGroupFeeds li.s8 a { color:#77a40c}
.myGroupFeeds li.s9 a { color:#a63c2e}
.myGroupFeeds li.s10 a { color:#549a4d}
.myGroupFeeds li.s1 a:hover, .myGroupFeeds li.s2 a:hover, .myGroupFeeds li.s3 a:hover, .myGroupFeeds li.s4 a:hover, .myGroupFeeds li.s5 a:hover, .myGroupFeeds li.s6 a:hover, .myGroupFeeds li.s7 a:hover, .myGroupFeeds li.s8 a:hover, .myGroupFeeds li.s9 a:hover, .myGroupFeeds li.s10 a:hover { color:#f13a09}

.myFriendsList ul { padding-top:12px}
.myFriendsList li { float:left; width:90px; padding-bottom:8px; text-align:center}
.myFriendsList li a.pic { display:block; width:48px; height:48px; margin:0 auto}
.myFriendsList li a.pic img { width:100%; height:100%; vertical-align:top}
.myFriendsList li p { overflow:hidden; height:54px; padding:2px 2px 0; line-height:18px}
.myFriendsList li p a.del img { display:block; width:14px; height:14px; margin:2px auto 0; background:url(images/GlobalIcon_01.gif) 0 -520px no-repeat}

.hp_profileBox .pic { float:left; width:80px}
.hp_profileBox .pic img { width:80px; height:80px}
.hp_profileBox .info { float:left; width:610px; padding-left:16px}
.hp_profileBox .info h2 { padding:6px 0 4px; font:25px/28px Microsoft Yahei, Simhei}
.hp_profileBox .info h2 small { padding-left:8px; font-weight:normal}
.hp_profileBox .info p { color:#777}
.hp_profileBox .info span { padding-right:20px}

.hp_groupsJoined ul { padding-top:12px}
.hp_groupsJoined li { float:left; width:96px; padding-bottom:8px; text-align:center}
.hp_groupsJoined li a.pic { display:block; width:72px; height:48px; margin:0 auto; padding:1px; border:1px solid #dfdfdf}
.hp_groupsJoined li a.pic img { width:100%; height:100%; vertical-align:top}
.hp_groupsJoined li p { padding:2px 4px 0; line-height:18px}
.hp_groupsJoined li p a { display:block; overflow:hidden; height:18px}
.hp_groupsJoined li p small { font-size:11px; color:#777}

.hp_groupsTopics td { line-height:20px; vertical-align:middle}
.hp_groupsTopics .gp { width:100px}
.hp_groupsTopics .sum { width:84px; font-size:11px}
.hp_groupsTopics .author { width:24px}
.hp_groupsTopics .author a { display:block; width:24px}
.hp_groupsTopics .author img { width:24px; height:24px}
.hp_groupsTopics .time { width:90px; padding-right:8px; text-align:right; font-size:11px}
.hp_groupsTopics th.sum, .hp_groupsTopics th.time { font-size:12px}

.hp_aboutMe h2 { padding-bottom:8px; font-size:12px; color:#922003}
.hp_aboutMe dl { padding-bottom:4px}
.hp_aboutMe dt { float:left; width:60px; text-align:right}
.hp_aboutMe dd { float:left; width:146px}
.hp_aboutMe div { padding-top:4px}
.hp_aboutMe div p { margin-bottom:4px; border-top:1px solid #f4ad49; border-bottom:1px solid #fff}

.friendIvitation { padding-bottom:20px}
.friendIvitation h2 { padding:20px 20px 16px; font-size:14px; color:#922003}
.friendIvitation h3 { padding-bottom:12px; font-size:12px; color:#922003}
.friendIvitation h6 { padding:20px 40px 8px; font-size:12px}
.friendIvitation h6 strong { padding:0 4px; color:#e62713}
.friendIvitation h6 small { font-weight:normal; color:#777}
.friendIvitation .notice { margin:0 20px; padding:8px 16px}
.friendIvitation .hr { height:5px; margin:0 20px; line-height:0; font-size:0; background:url(images/GlobalLine_03.gif) left center repeat-x}
.friendIvitation .invitestyle { padding:12px 20px}
.friendIvitation .invitestyle p { padding-bottom:8px; color:#777}
.friendIvitation .invitestyle em { color:#e62713}
.friendIvitation .invitestyle input.txtinput { width:420px; margin-right:4px; padding:1px 3px; font-family:Tahoma}
.friendIvitation .invitestyle dl { padding:6px 0}
.friendIvitation .invitestyle dt { float:left; width:80px; padding-right:20px; text-align:right}
.friendIvitation .invitestyle dd { float:left; width:600px}
.friendIvitation .invitestyle dd input.txtinput { width:200px; margin-right:4px}
.friendIvitation .invitestyle input.txtinput, .friendIvitation .invitestyle select { font-family:Tahoma; color:#333}
.friendIvitation .invitestyle dd textarea { float:left; width:320px; height:90px; margin-right:4px; vertical-align:top}
.friendIvitation .invitestyle dd small { color:#777}
.friendIvitation .invitestyle dd q { padding:0 12px}
.friendIvitation .invitestyle .share-sns a { margin-right:12px; color:#333}
.friendIvitation .invitestyle .share-sns img { width:16px; height:16px; margin-right:4px; vertical-align:middle; background:url(images/bg_myProfile_v0.png) no-repeat}
.friendIvitation .invitestyle .share-sns img.s1 { background-position:-240px -250px}
.friendIvitation .invitestyle .share-sns img.s2 { background-position:-240px -280px}
.friendIvitation .invitestyle .share-sns img.s3 { background-position:-240px -310px}
.friendIvitation .invitestyle .share-sns img.s4 { background-position:-240px -340px}
.friendIvitation .invitestyle .share-sns img.s5 { background-position:-320px -250px}
.friendIvitation .reg-old { width:540px; padding:0 40px}
.friendIvitation .reg-old ul { overflow:auto; height:254px; padding:4px 8px; border:1px solid #ccc}
.friendIvitation .reg-old li { verflow:hidden; height:40px; padding:6px 8px; color:#777; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.friendIvitation .reg-old li img { float:left; margin-right:8px}
.friendIvitation .reg-old li strong { display:block}
.friendIvitation .reg-old li a { color:#333}
.friendIvitation .reg-old li a:hover { color:#f13a09}
.friendIvitation .func { padding:20px 40px}
.friendIvitation .func q { padding:0 12px}
.friendIvitation .func input { width:84px}
.friendIvitation .invitelist { width:540px; padding:0 40px}
.friendIvitation .invitelist p { padding:4px 16px; border:1px solid #ccc; border-bottom:0; background:#f1f1f1}
.friendIvitation .invitelist ul { overflow:auto; height:248px; padding:4px 8px; border:1px solid #ccc}
.friendIvitation .invitelist li { overflow:hidden; height:20px; padding:6px 8px; color:#777; background:url(images/GlobalLine_03.gif) left 31px repeat-x}
.friendIvitation .invitelist li strong { float:left; width:200px; font-weight:normal; color:#333}
.friendIvitation .invitelist li span { float:left; padding-left:20px}
.friendIvitation .success { width:600px; margin:30px 40px 0; padding:12px 20px 8px; font-size:14px; font-weight:bold; border:1px solid #ffd4a5; background:#fff9e5}
.friendIvitation .success img { float:left; width:26px; height:21px; margin-right:20px; vertical-align:middle; background:url(images/bg_myProfile_v0.png) -320px -340px no-repeat}

.friendIvitationOver .sum { padding:12px 6px}
.friendIvitationOver .sum span { float:right}
.friendIvitationOver .sum span img { width:28px; height:18px; margin:0 12px; vertical-align:middle; background:url(images/bg_myProfile_v0.png) -80px -330px no-repeat}
.friendIvitationOver .sum em { font-weight:bold}
.friendIvitationOver .sum em strong { padding:0 4px; color:#e62713}
.friendIvitationOver .tableLists th { border-top:1px solid #ccc}
.friendIvitationOver .tableLists td { color:#333}
.friendIvitationOver .time { width:220px}
.friendIvitationOver .step { width:150px}
.friendIvitationOver .see { width:40px}
.friendIvitationOver .see a { display:block; width:20px; height:20px; background:url(images/bg_myProfile_v0.png) -314px -274px no-repeat}
.friendIvitationOver .see a:hover { background-position:-314px -304px}
.friendIvitationOver a.step-icon { padding-left:20px; color:#333; background:url(images/bg_myProfile_v0.png) no-repeat}
.friendIvitationOver a.step-icon-1 { background-position:-160px -250px}
.friendIvitationOver a.step-icon-2 { background-position:-160px -280px}
.friendIvitationOver a.step-icon-3 { background-position:-160px -310px}
.friendIvitationOver a.step-icon-4 { background-position:-160px -340px}
.friendIvitationOver a.step-icon:hover { color:#333; text-decoration:none}
.friendIvitationOver .step blockquote { display:none; position:absolute; z-index:1; left:0; top:20px; width:160px; filter:alpha(opacity=90); opacity:0.9; border-right:1px solid #ddd; -moz-border-radius:5px; border-bottom:1px solid #ddd; background:#fff}
.friendIvitationOver .step blockquote p { padding:10px 12px; word-wrap:break-word; word-break:break-all; border:1px solid #bbb; -moz-border-radius:5px}

/*--- mod ---*/
.mod01 { padding:12px 20px}
.mod01 .ctn { padding-top:8px}
.mod01 .ctn dl { width:100%}
.mod01 .ctn dt { float:left; width:156px; text-align:right; padding-bottom:8px}
.mod01 .ctn dd { float:left; width:570px; padding-left:4px; padding-bottom:8px}
.mod01 .ctn dd input.txtinput { width:200px}
.mod01 .ctn dd input.s1 { width:76px}
.mod01 .ctn dd textarea { width:203px; height:45px}
.mod01 .ctn dd label { padding-right:5px}
.mod01 .ctn dd small { padding-left:8px; color:#777}
.mod01 .ctn dd span.nBtn { margin-left:8px}
.mod01 .ctn dd.item-interest li { padding-bottom:4px}
.mod01 .ctn dd.item-interest li small { padding-left:4px}
.mod01 .ctn dd.avatar p { float:left; width:80px; margin-right:20px; text-align:center}
.mod01 .ctn dd.avatar p span { display:block}
.mod01 .ctn dd.avatar p small { display:block; padding:0}
.mod01 .ctn dd.avatar p.s1 { padding-top:40px}
.mod01 .ctn dd.avatar p.s1 span { width:40px; margin:0 auto}
.mod01 .ctn dd.avatar img { width:80px; height:80px}
.mod01 .ctn dd.avatar p.s1 img { width:40px; height:40px}
.mod01 .ctn dd.security-code input.txtinput { width:90px; vertical-align:middle}
.mod01 .ctn dd.security-code img { cursor:pointer; margin-left:4px; vertical-align:middle}
.mod01 .ctn dd.upload-pic input.txtinput { width:160px; background:#e7e7e7}
.mod01 .ctn dd.upload-pic span.nBtn { margin-left:4px}
.mod01 .func { padding:4px 0 0 160px}
.mod01 .notice { padding:8px 16px}

.mod02 { padding:15px 0}
.mod02 table { width:100%; border-bottom:1px solid #ccc; background:#fff}
.mod02 th, .mod02 td { padding:3px 5px; border-top:1px solid #e4e4e4}
.mod02 td { border-left:1px solid #e4e4e4}
.mod02 th, .mod02 td.tright { width:80px; text-align:right; color:#777}
.mod02 th.hd { width:auto; padding-left:10px; text-align:left; font-weight:bold; color:#333; background:#f1f1f1}
.mod02 tr.s1 td, .mod02 tr.s1 th, .mod02 th.hd { border-top-color:#ccc}
.mod02 tr td.num { padding:3px 40px; text-align:right; font-weight:bold; border-left:0}
.mod02 tr td.num2 { padding:3px 40px; text-align:right; border-left:0}
.mod02 td strong { font-weight:bold}
.mod02 em { font-weight:bold; color:#e62713}
.mod02 td q { padding-right:10px; font-weight:bold; color:#e62713}
.mod02 td.prinfo { border-left:0}
.mod02 td.prinfo dl { padding:1px 0}
.mod02 td.prinfo dl dt { float:left; width:164px; padding-left:14px; background:url(images/GlobalIcon_01.gif) 3px 8px no-repeat}
.mod02 td.prinfo dl dd { float:left; width:585px}
.mod02 td.prinfo dl dd span { display:inline-block; padding-left:12px}
.mod02 td.cancelpackageinfo { padding:3px 10px; color:#E63D14; border-left:0}
.mod02 .tips p { padding:4px 10px}
.mod02 .tips p em { padding:0 4px; font-weight:bold; color:#e62713}
.mod02 .func { padding:20px 0; text-align:center}
.mod02 .func a { margin-right:20px; background:url(images/GlobalIcon_01.gif) no-repeat}
.mod02 .func a.cancel { padding-left:17px; background-position:0 -519px}
.mod02 .func a.print { padding-left:20px; background-position:0 -360px}
.mod02 .func a.edit { padding-left:18px; background-position:0 -560px}

.mod03 { padding:12px 20px}
.mod03 .success { padding:20px; font-size:14px; font-weight:bold}
.mod03 .success img { width:30px; height:30px; margin-right:8px; vertical-align:middle; background:url(images/GlobalIcon_alert.png) 0 -40px no-repeat}
.mod03 .success strong { color:#e62713}
.mod03 ul.s1 { padding:0 58px}
.mod03 ul.s1 li { padding-bottom:4px}