@charset "utf-8";
.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:8px 0; line-height:20px; font-weight: bold; font-size: 14px;}
.login-form p.top {margin:0;padding:0;}
.login-form label { display:block; color:#808080; font-weight:bold; line-height:20px;}
.login-form .labelCheckbox { font-weight:normal; color:#333;}
.login-form .labelCheckbox input { margin-right:5px;}
.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{/*background:url(../../imgpro/login/loginreg.png) no-repeat left top;width:91px; height:26px; display:block; margin:0 auto;*/ 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(../../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;}

/* for system home  begin*/
.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;}
.login-form{padding:8px 18px;background:#eaffb5;border:1px solid #9dd120;border-width:0 1px;}
.login-form label {color:#333333;display:block;font-weight:normal;line-height:20px;}
#syshome .page-wrapper .sidebar .portal {background:transparent url(../../images/beancurd.png) no-repeat scroll left top;color:#808080;display:block;height:44px;margin:10px 2px 10px 0;padding:10px 0 0 30px;position:relative;width:190px;}
#syshome .page-wrapper .sidebar .portal strong {background:transparent url(../../images/style_triangle1.gif) no-repeat scroll 0 5px;color:#000;display:block;font-size:14px;line-height:1.2;margin-left:-12px;padding-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{color:#000}
.updates p {margin-bottom:11px;}
.updates p strong{color:#000;font-size:13px;letter-spacing:1px;}
.updates dl {margin-bottom:10px;}
.updates dl dt {color:#7a8686;float:left;font-size:12px;font-weight:normal;line-height:13px;width:70px;}
.updates dl dd {background:transparent none repeat scroll 0 0;float:left;line-height:12px;*line-height:14px;text-indent:0;width:315px;}
.updates .advice a{display:block;background:url(../../imgpro/login/pen.gif) no-repeat 0 14px;border-top:1px dashed #d5d5d5;padding:14px 0 10px 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.png) 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 .sidebar .innerbottom {_background-position:2px -5px;}
#syshome .page-wrapper .widebar {_width:660px;}
.widebar .tvbox .fourpic {_margin-left:164px;}
/* for system home  end*/

#login{background:url(../../images/btn-confirm.png) no-repeat;border:none;height:28px;width:91px;font-size:13px;font-weight:bold;}
 .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;}











.login-form .username { width:156px;border:1px solid #9dd120;}
.login-form .password { width:156px;border:1px solid #9dd120;}



.username{
    background-image:url(../../img/username.gif);
	background-position: 1px 1px;
	background-repeat:no-repeat;
	padding-left:20px;
	height:16px;
}
.password{
    background-image:url(../../img/password.gif);
	background-position: 1px 1px;
	background-repeat:no-repeat;
	padding-left:20px;
	height:16px;
}