.login .login-page {width:840px;margin:0 auto;}
.login .side-column {float:left;width:172px;}
.login .main-column {float:right;width:658px;}
.login .login-center{ margin:50px auto 100px 90px; width:840px;}

.login .side-column .errors_div {padding:0;margin:0;background:none;border:0;font-weight:bold;text-align:left;color:red;}

.welcome {padding: 20px 30px 15px;border-top: 1px solid #ccc;}
.welcome p {margin-top: 15px;}
.welcome dt {font-size: 14px;font-weight: bold;margin-bottom: 10px;}
.welcome dd {background: url(/img/style_square.gif) no-repeat 5px 50%;text-indent: 1.5em;line-height: 1.5em;}
.welcome .sign-up {float: right;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;background: #f7f7f7;text-align: center;padding: 12px 0;width: 240px;text-decoration: none;}
.welcome .sign-up strong {font-size: 16px;color: #000;display: block;}
.welcome .sign-up em {color: #808080;display:block;margin: 0.5em;}
.welcome .sign-up a {background: url(/imgpro/reg/now.gif) no-repeat;display: block;width: 86px;height: 25px;margin: 0 auto;cursor: hand;text-indent: -999em;outline:0;}
.welcome .open-search label {font-size:14px;color:#333;float:left;margin-top:2px;}

.welcome .open-search {padding-top:15px;}
.welcome .open-search .search-input {float:left;}
.welcome .open-search .search-submit {float:left;width:21px;}
.welcome .open-search .search-input #friendname {background:url(/imgpro/theme/xn/search_shadow.gif) no-repeat;border-color:#657fac;border-right:0px;float:left;margin:0px;width:120px;}
.welcome .open-search .search-submit a {background:#6d84b4 url(/imgpro/theme/xn/search_input_gloss.gif) top center repeat-x;border:1px solid #657fac;display:block;font-size:11px;margin:0px;padding:0px;text-decoration:none;width:19px;}
.welcome .open-search .search-submit a span {background:url(/imgpro/theme/xn/search_glass.gif) 0% 70% no-repeat;display:block;margin:0px;padding:3px 0px;}
.welcome .open-search .search-submit a:active {background:#5b75ab;border:1px solid #3b5998;border:1px solid #315091;}
.welcome .open-search .search-submit a:active span {background:url(/imgpro/theme/xn/search_glass.gif) 100% 70% no-repeat;}
.welcome .open-search .description {padding:1px 0 0 6px;float:left;}
.welcome .open-search .description .find-friends {padding-right:10px;font-size:14px;background:url(/imgpro/arrow/right_blue.gif) no-repeat right center;}



/* Login Panel */

.login-panel {border:1px solid #b7b7b7;}
.login-panel .inner {border:1px solid #f7f7f7;padding:10px 10px 0;background:#f0f0f0;}
.login-panel h3 {display:none;}

.login-form p { margin:15px 0; line-height:20px;}
.login-form p.top {margin:0;padding:0;}
.login-form label { display:block; color:#808080; font-weight:bold; line-height:20px; margin-bottom:6px;}
.login-form .labelCheckbox { font-weight:normal; color:#333;}
.login-form .labelCheckbox input { margin-right:5px;}
.login-form .input-text { width:173px;border:1px solid #9dd120;}

.extra-guide .portal { position:relative; display:block; margin:10px 2px 10px 0; padding:5px 0 5px 18px; border:1px solid #ccc; border-width:1px 0; background:#f7f7f7 url(/img/style_triangle.gif) 8px 10px no-repeat; color:#666;}
.extra-guide .portal:hover { border-color:#3B5888; background-color:#d8dfea; color:#333; text-decoration:none;}
.extra-guide .portal strong { display:block; color:#333;}
.extra-guide .portal:hover strong { color:#000;}


/* First - reg */

.login .reg-holder {padding:40px 0px 10px 50px;border:1px solid #ccc;border-bottom:1px solid #3b5888;position:relative;}
.login .reg-holder p.description {margin:10px 0;}
.login .search-friends {margin:0 48px 10px 0;border-bottom:1px solid #ccc;padding-bottom:10px;}
.login .search-friends .go {float:left;padding-right:10px;background:url(/imgpro/arrow/right_blue.gif) no-repeat right center;}
.login .search-friends .go .find-friends{display:block;background:url(/imgpro/icons/findfriend.gif) no-repeat left center;padding:2px 0 2px 20px;font-weight:bold;}
.login .search-friends .search-form {float:right;}

/* Full login page */
.full-login {float:left;width:344px;*padding-top:10px;}
.full-login .login-panel .inner {padding:20px 15px; }
.full-login .login-panel h2 {margin-bottom:15px;}
.full-login .login-panel label {color:#333;font-weight:normal;}
.full-login .login-panel p {margin:10px 0;}
.full-login .login-panel p.clearfix label {width:70px;float:left;text-align:right;margin-top:4px;font-size:14px}
.full-login .login-panel p .input-text {width:220px;font-size:14px;}
.full-login .login-panel p.right {margin-left:70px;}
.full-login .login-panel .separator {height:0px;overflow:hidden;height:38px;}
.full-login .login-panel p.no-account {font-size:14px;text-align:center;}
.full-login .login-panel p.no-account a {width:86px;height: 25px;margin:10px auto 0;outline:0;}

.xn-show {background:transparent url(../../images/newshow_bg.jpg) no-repeat scroll 0 0;float:right;height:380px;width:450px;}
.xn-show h1{ margin:10px 0 0 20px; font-size:0px;color:#fff;}
.xn-show h1 span{font-size:0px;color:#fff;}
.xn-show dt {font-size: 16px;margin-bottom: 10px;}
.xn-show dd {text-indent: 3em;line-height: 2em;}
.full-login .messages_div {line-height:45px;padding:0;margin:13px 0 0 0;border:0;height:60px;background:url(../../images/logintip.png) no-repeat;font-size:12px;color:#f60;}
.full-login .errors_div {line-height:3em;padding:0;margin:0;border:0;height:60px;background:url(../../images/logintip.png) no-repeat;font-size:12px;margin-top:-8px;color:#ff6600;}

.gangting {width:960px;margin:0 auto;position:relative;top:-30px;}

#navigation.navigation-nologin{ background-position:0 0; height:40px; height:41px;}
.login button#login{background:transparent url(../../images/loginbtn.png) no-repeat scroll center center;border:0 none #FFFFFF;cursor:pointer;display:block;height:26px;overflow:hidden;text-indent:-999em;width:91px;}
.login .desinf{color:#333; padding-left:8px; text-align:center;font-size:12px;}
.login .join{font-weight:bold; display:block; text-align:center; padding-top:1px}
.login .join #regbtn{ font-size:14px}
.login .shadow{ border:none 0 #fff;}
.login .login-panel{border: none 0 #fff;}
.login .login-panel .inner{background:transparent url(../../images/login_newbox.png) no-repeat scroll 0 0;border:0 none #FFFFFF;padding-left:21px;padding-right:11px;padding-top:21px}
.xn-show ul{padding:0 10px}
.xn-show ul li{background:url(/imgpro/login/loginlist.png) no-repeat left center; padding-left:16px; margin-bottom:12px; font-size:12px; color:#333}

.single-column .cancel-email{
  background:url(http://img.hi.mop.com/imgpro/bg/countermandbg.gif) no-repeat;
height:416px;
width:725px;
padding:40px 50px 0;
}
.single-column .cancel-email h2{
     color:#f8981d;
     font-size: 16px;
}
.single-column .cancel-email p {
     width:514px;
     font-size:14px;
}
.mtb30{margin:30px 0;}
.float-r {float: right;}
.input-submit { background:url(../../images/nav_bg.png) no-repeat 0 -248px ; color:#fff; cursor:pointer; font-size:12px; width:60px;text-align:center;border:none;padding:3px 0 4px 0;}
*html .input-submit { background:url(../../images/nav_bg.png) no-repeat 0 -248px ; color:#fff; cursor:pointer; font-size:12px; width:60px;text-align:center;border:none;padding:3px 0 4px 0;}
*+html .input-submit { background:url(../../images/nav_bg.png) no-repeat 0 -248px ; color:#fff; cursor:pointer; font-size:12px; width:60px;text-align:center;border:none;height:24px;line-height:20px;}
.full-pages{margin:10px auto;width:960px;}

#syshome .page-wrapper .sidebar{float:left;width:220px;}
#syshome .page-wrapper .sidebar .innertop{background:url(../../images/innerconer.png) no-repeat 0 0;height:7px;}
#syshome .page-wrapper .sidebar .innerbottom{background:url(../../images/innerconer.png) no-repeat 0 -7px;height:7px;}
.new_login{background:#eaffb5;border:1px solid #9dd120;border-width:0 1px;}
.login-form{padding:20px 18px 8px;}
.login-form label {color:#333333;display:block;font-weight:normal;line-height:20px;}
#syshome .page-wrapper .sidebar .portal {color:#808080;display:inline-block;height:97px;margin:10px 0 ;position:relative;width:180px;padding-bottom:46px; padding-left:26px;}
*html #syshome .page-wrapper .sidebar .portal{padding-bottom:43px; }
*+html #syshome .page-wrapper .sidebar .portal{padding-bottom:40px; }
#syshome .page-wrapper .sidebar .portal strong {background:url(../../images/style_triangle1.gif) no-repeat scroll 0 3px;font-size:12px;line-height:1.2;margin-left:-12px;padding-left:12px; font-weight:normal;color:#666;display:inline-block;}
#syshome .page-wrapper .sidebar .portal strong:link{ color:#666}
#syshome .page-wrapper .sidebar .portal strong:visited{color:#666}
#syshome .page-wrapper .sidebar .portal strong:hover{color:#666}
#syshome .page-wrapper .sidebar .portal .portal_input{ width:182px; height:43px; background:url(../../images/confirm.gif) no-repeat 0 0; margin-top:20px;display:block;margin-left:-12px;}

#syshome .page-wrapper{margin:10px auto;width:900px;}
#syshome .page-wrapper .widebar{float:right;width:660px;}
#syshome .page-wrapper .widebar .tvbox{background:url(../../images/bg-tvbox2.png) no-repeat;width:660px;height:305px;}
#syshome .page-wrapper .widebar .infobox{margin-top:10px;display:block;}
#syshome .page-wrapper .widebar .infobox .updata-advice{float:left;width:400px;}
#syshome .page-wrapper .widebar .infobox .updata-advice .updates {margin:10px 0 0 10px;float:left;}
.updates{width:640px; height:90px;display:block; border-top:#f1f1f1 1px solid;padding:15px 10px; }
.updates p {margin-bottom:6px;}
.updates p strong{color:#333333;font-size:12px;letter-spacing:1px;}
.updates dl dt {color:#666666;float:left;font-size:12px;font-weight:normal;line-height:18px;width:36px;}
.updates dl dd {float:left;line-height:12px;text-indent:0;width:580px;color:#666666;margin-bottom:6px; line-height:18px;}
.updates .advice a{display:block;width:168px; border-top:#d5d5d5 1px dashed; background:url(../../imgpro/login/pen.gif) no-repeat scroll 0 8px; padding:10px 0 4px 22px;font-weight:bold;font-size:12px;}
.updates .advice a:hover{font-size:12px;}
.sign-up {background:transparent url(../../images/sign-upbg.png) no-repeat scroll center 0;float:right;text-decoration:none;width:240px;height:218px;padding:10px 0;}
.sign-up a.regbutton {background:transparent url(../../images/newregbutton2.png) no-repeat scroll center center;cursor:pointer;display:block;height:31px;margin-bottom:20px;text-indent:-999em;}
.sign-up .ucando {padding:0 15px;}
.infobox dt{font-size:12px;font-weight:bold;margin-bottom:6px;}
.infobox dd {/*background:transparent url(../../images/style_circlered.gif) no-repeat scroll 5px 50%;*/text-indent:21px;margin-bottom:10px;color:#666;}
.widebar .tvbox .fourpic{float:left;margin:0 0 0 344px;_width:318px;}
.widebar .tvbox .fourpic ul li{float:left;margin:14px 0 0 16px;width:135px}
.widebar .tvbox .fourpic ul li a.pic{width:135px;height:108px;display:block;}
.widebar .tvbox .fourpic ul li a.pic:hover{text-decoration:none;}
/* only for IE6 */
.login-form {_margin-top:-10px;}

#syshome .page-wrapper .widebar {_width:660px;}
.widebar .tvbox .fourpic {_margin-left:164px;}
#login{background:url(../../imgpro/xzh/btn-confirm.gif) no-repeat scroll 0 0;border:medium none;font-size:13px;font-weight:bold;height:28px;width:74px}
 .infobox  .ucando dd{margin-bottom:15px;*margin-bottom:15px;}
  .infobox  .ucando dt{padding-left:4px}
.sign-up a.regbutton:hover{text-decoration:none;}
#syshome .sign-up a.regbutton{text-indent:0;width:112px;margin:0 auto;margin-bottom:20px;}

/*2009 0512*/
.page-wrapper .join_hi{ width:830px; margin:0 auto 20px;border:#ecc950 1px solid; background:#fffeec; padding:20px 0px 0px 18px; height:150px}
.page-wrapper .join_hi .join_hi_left{width:280px; float:left}
.page-wrapper .join_hi .join_hi_left h1{width:280px; font-size:14px; color:#000; margin-bottom:20px; float:left}
.page-wrapper .join_hi .join_hi_left p{width:280px; height:26px; float:left; margin-bottom:6px;}
.page-wrapper .join_hi .join_hi_left p img{margin-right:6px;}
.page-wrapper .join_hi .join_hi_right{width:550px; height:140px; float:left}
.page-wrapper .join_hi .join_hi_right h2{width:400px; float:left; font-size:12px; color:#000; margin-bottom:30px;}
.page-wrapper .join_hi .join_hi_right span{width:550px; float:left; }
.page-wrapper .join_hi .join_hi_right span img{ float:left}
.page-wrapper .join_hi .join_hi_right .add_favion{ padding-top:48px; float:left}
*+html .page-wrapper .join_hi .join_hi_right .add_favion{ padding-top:50px; float:left}
.new_user{width:560px;  float:left; margin-left:70px; display:inline}
.new_user_content{ width:540px; border-left:#dfe5ec 1px solid;border-right:#dfe5ec 1px solid; background:#f7f8fa; float:left; padding:20px 0 20px 18px}
.new_user .kaixin_reg_info{ margin-left:0}
.new_user .reg_layout{ padding-left:0;margin-top:0px;}

.new_hi_login{width:710px; margin:0 auto}
.new_hi_login_top{width:668px; border:#fbef7f 1px solid; background:#ffffcc; padding:10px 15px 12px; float:left; margin-bottom:20px;}
.new_hi_login_top h2{width:668px; float:left; font-size:14px; color:#666666; padding-bottom:12px;}
.new_hi_login_fill{width:668px; float:left;}
.new_hi_login_fill_data{width:150px; height:19px; float:left; color:#669c01; padding-left:2px;}
.new_hi_login_fill_img{ width:478px; background:url(../../imgpro/login/data01.gif) no-repeat 0 0; height:10px; overflow:hidden; float:left}
.new_hi_login_up_photo{ width:600px; float:left}
.new_hi_login_up_photo h3{ width:502px; background:url(../../imgpro/login/data02.gif) no-repeat 4px 4px; padding-left:28px; float:left; border-bottom:#e8e8e8 1px solid; padding-bottom:6px; font-size:14px; color:#000; line-height:25px; margin-bottom:20px;}
.new_hi_login_up_photo .rbs1 {border:1px solid #ceec9e;float:left;}
.new_hi_login_up_photo .input-submit{background:#b8e56b;border-color:#fff #7fbb1e #7fbb1e #fff;border-style:solid;border-width:1px;color:#FFFFFF;cursor:pointer;font-size:12px;padding:2px 15px;text-align:center; height:25px;float:left; width:auto}
#picturenow {color:#666666;float:left;margin:0 20px 0 16px; display:inline;width:116px;}
.inv-pro .tip-copyok {background:#EAFFB5 none repeat scroll 0 0;border-color:#9DD120;border-style:solid;border-width:0 1px 1px;margin-left:15px;
margin-top:18px;padding:5px;width:238px;}
.inv-pro .tip-copyok .alt-triangle-left{background:transparent url(../../img/alt_triangle_2.gif) no-repeat scroll 0 0;
height:12px;margin:-17px 0 0 -6px;position:absolute;width:250px;}
*html .inv-pro .tip-copyok .alt-triangle-left{height:12px;margin:-19px 0 0 -6px;}
.form-profile p {padding:0.4em 0; overflow:hidden; width:350px;}
.form-profile p label{color:#666666;float:left;height:1.8em;line-height:1.8em;margin-right:10px;text-align:left;width:54px;font-weight:normal}
.new_hi_login_head{ padding:5px 6px; background:url(../../imgpro/login/top.gif) no-repeat 0 0; width:100px; height:100px;float:left; margin-bottom:6px;}
.new_hi_login_out{ width:600px; background:url(../../imgpro/login/out.gif) no-repeat 0 0; padding-top:10px; padding-left:34px; float:left; margin-bottom:10px;}

#new_login{ width:630px; float:left}
#new_login .reg_layout{padding-left:40px; margin-top:0; width:auto}
#new_login .reg_layout fieldset{ padding-top:10px}
#new_login .inputholder{ width:620px}
#new_login .reg_layout #reg_sub {background:transparent url(../../imgpro/login/reg_00.gif) no-repeat scroll center center;border:medium none;font-size:14px;font-weight:bold;height:40px;letter-spacing:5px;width:210px;}
#new_login .reg_layout .colspan{padding:5px 0 0 89px;}
*html #new_login .reg_layout .colspan{padding:5px 0 0 118px;}
*+html #new_login .reg_layout .colspan{padding:5px 0 0 118px;}
#new_login .reg_layout fieldset{ border-bottom:none}
.new_hi_login_find{ width:498px; background:url(../../imgpro/login/find.gif) no-repeat 0 0;padding-left:134px; float:left; margin-bottom:10px; border-bottom:#ebebeb 1px solid; height:21px; padding-top:12px;}
.new_hi_login_find_pic{ width:212px;float:left; margin-right:10px; margin-bottom:10px; position:relative;}
.new_hi_login_find_pic .input-submit {background:#d8ecb5 none repeat scroll 0 0;border-color:#FFFFFF #7FBB1E #7FBB1E #FFFFFF;border-style:solid;border-width:1px;color:#000;cursor:pointer;float:left;font-size:12px;height:17px;padding:2px 10px;text-align:center;width:40px; margin-bottom:6px;}
.new_hi_login_find_pic .input-submit-bg{ background:#b8e56b}
.new_hi_login_find_top{ width:632px; font-weight:bold; float:left; margin-bottom:10px; border-bottom:#ebebeb 1px solid; height:21px; padding-top:12px; font-size:14px;color:#000000}
.please_login{position:absolute;width:77px; height:35px; background:url(../../imgpro/login/data03.gif) no-repeat 0 0; padding-left:20px; padding-top:14px; left:182px;top:-4px;z-index:99999;}
.new_hi_friend{width:710px; background-image:url(../../imgpro/guide/guide_bg.png)!important;background-repeat:no-repeat; background-position:0 0; float:left; height:290px;background-image: none;filter: none!important;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../imgpro/guide/guide_bg.png', sizingMethod='scale');}

/*20090904*/
#syshome .new_login_top{background:url(http://img.hi.mop.com/images/mopkuang.png) no-repeat;width:220px;height:35px;line-height:30px; color:#666;text-align:center; margin-bottom:4px;}
.home_search{ width:642px; background:url(../../images/home_search.gif) no-repeat 0 0; height:80px; margin-bottom:20px; padding:10px 0 0 18px;}
.home_search .home_friend{ width:642px; float:left; height:28px; margin-bottom:22px;}
.home_search .home_friend span{ float:left}
.home_search .home_friend span label{ margin-right:12px; margin-top:7px; float:left; display:inline font-weight:normal}
.home_search .home_friend span label input{ margin-right:4px;; width:13px; height:13px;}
.home_search .home_friend .home_age { display:inline-block;margin-top:7px; padding-left:6px; padding-right:6px; }
.home_search .home_friend .home_area{ width:270px}
.home_search .home_friend .home_age input{ margin-right:4px;}

.home_search p{ width:642px; float:left; height:28px; font-size:14px}
.home_search p a{ margin-right:11px; display:inline;float:left}
#syshome .page-wrapper .widebar .infobox .new_xzh{float:left;width:272px;padding-left:16px;}
#syshome .page-wrapper .widebar .infobox .new_xzh h2{ font-size:12px; color:#000;float:left;width:272px; margin-bottom:10px;}
#syshome .page-wrapper .widebar .infobox .new_xzh ul li{float:left;width:262px; background:url(../../images/invite01.gif) no-repeat 0 8px; padding-left:10px; line-height:22px;}
#syshome .page-wrapper .widebar .infobox .just_login{float:left;width:346px;padding-left:24px;}
#syshome .page-wrapper .widebar .infobox .just_login h2{ font-size:12px; color:#000;float:left;width:272px; margin-bottom:10px; padding-left:12px;}
#syshome .page-wrapper .widebar .infobox .just_login_header{float:left;width:340px;}
.vaflist {float:left;height:112px;margin-top:-2px;text-align:center;width:85px;display:inline}
.vaflist .olname { width:60px; overflow:hidden;height:16px; text-align:left;float:left; margin-left:10px;display:inline}
.l50_s_list{height:63px; margin:0 5px -5px 13px; overflow:hidden; padding-top:6px; text-align:center;display:inline }
.vafpop {height:0;position:absolute;width:0;}
.vafbox {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;padding:5px;position:relative;width:110px;z-index:100;}
.p010{padding:0 10px;}
sl2, a.sl2 {color:#336699;font-family:Arial;text-decoration:none;}
.l1_h {background:url(../../imgpro/bg/l1_h.gif) repeat-x scroll center center;line-height:11px; height:11px; width:100%}
.vafbox_pic{line-height:19px;text-align:left;word-wrap:break-word; }
.userpicImage_users{position:relative;height:50px;width:50px; overflow:hidden; float:left; margin-left:10px;display:inline; margin-bottom:6px;}
.userpicImage_Corners {background:transparent none repeat scroll 0 0;display:block;height:100%;left:0;position:absolute;top:0;width:100%;}
.userpicImage_Image {background:transparent none repeat scroll 0 0 !important;display:block;left:0;overflow:hidden;position:absolute;top:0;vertical-align:middle;}
.vafarea{ width:16px; float:left;}
.cp {cursor:pointer;}
.backnone{ background:none}

/*20090903*/
.xzh .page-wrapper{ width:960px;}
.xzh .inner h2{ font-size:12px; color:#000; margin-bottom:4px}
.xzh  .xzh_widebar{width:700px; float:right}
.xzh .xzh_login{width:680px; height:44px; background:url(../../imgpro/xzh/xzh01.gif) no-repeat 0 0; padding-left:20px; padding-top:16px; margin-bottom:18px;float:left}
.xzh .xzh_content{ width:700px; float:left}
.xzh .xzh_read{ width:660px;background:#fff; border-left:#e4e4e4 1px solid; border-right:#e4e4e4 1px solid; border-bottom:#e4e4e4 1px solid; padding:10px 20px 10px 18px;}
.xzh .xzh_read h2{ font-size:18px; font-family:"微乳雅黑"; width:660px; float:left; line-height:22px; text-align:center; color:#000}
.xzh .xzh_read span{ width:660px; float:left; line-height:24px; margin:10px 0 26px; text-align:center;}
.xzh .xzh_read span img{ margin:0 8px 0 4px }
.xzh .xzh_read p{ line-height:24px; float:left; margin-bottom:16px;width:660px; font-size:14px; color:#4e4e4e}
.xzh .xzh_read_foot{ width:680px; height:43px; background:url(../../imgpro/xzh/xzh04.gif) no-repeat 0 0;padding-left:20px; padding-top:16px;}

.game_login{width:164px;height:64px;float:left; margin-top:10px; margin-right:1px; display:inline}
.game_login h2{ width:100px; float:left; margin-left:6px; display:inline; color:#000; font-size:12px; font-weight:normal; padding-top:2px;}
.game_login span{ width:100px; float:left; margin-left:6px; display:inline; line-height:18px; color:#bbbbbb}
.game_flash{width:660px; height:300px; overflow:hidden; background:url(../../imgpro/login/login.jpg) no-repeat 0 0; padding-top:5px;}
.xzh .login-form{ border-color:#9DD120;border-style:solid;border-width:0 1px;background:#EAFFB5 none repeat scroll 0 0}