header, #topNav,nav, article, footer { margin: auto; width: 100%; display: block; position: relative }
body, ul, li, dl, dt, dd, h3, h4, p, form, table, tr, td { margin: 0; padding: 0; }
body, input, textarea, select { font: 12px/1.5 Tahoma, Arial, Helvetica, Geneva, sans-serif; color: #333; }
ul { list-style: none; }
input, textarea, select { resize: none; }
table { width: 100%; font-size:12px;}
a { text-decoration: none; outline: none; blr:expression(this.onFocus=this.blur());
color: #3B5998; cursor: pointer }
a:hover { text-decoration: underline; }
img { border: none; vertical-align: middle; }
.cl:before, .cl:after { content: ""; display: table; }
.cl:after { clear: both; }
.cl { zoom: 1; }
/*box width*/
.w980 { width: 980px; }
.w970 { width: 970px; }
.w760 { width: 760px; }
.w210 { width: 210px; }
/*layout*/
.ma { margin: auto; }
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m20 { margin: 20px; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p20 { padding: 20px; }
/*text & font*/
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.fb { font-weight: bold; }
.red { color: #f00; }
.green { color: #0f0; }
.blue { color: #00f; }



















/*dialog all*/
body{word-wrap:normal;}
.wrapper { width: 550px; margin: 20px auto;}
.tr { text-align:right; }
.tc{text-align:center;}
/* */
a.close { display: block; text-indent: -999em; overflow: hidden; background: url(../images/invite/friendsltor-sps.png) no-repeat; }
h2.title { background: #f1f4fa; height: 40px; font-size: 14px; line-height: 40px; padding-left: 10px; position: relative; }
h2.title a.close { position: absolute; right: 10px; top: 13px; width: 12px; height: 12px; background-position: 0 0; /*-moz-transition: all 0.3s ease-in 0s;-webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s;*/}
h2.title a.close:hover { /*-moz-transform: rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);*/ }
.bg { background: url(../images/invite/layer_bg.png); padding: 2px; border-radius:8px; }
.bg .dialog { border-radius:8px; border:1px solid #adb6c9;}
.bg .title { border-radius:8px 8px 0 0; }
.dialog {background:#fff;}
.btn { padding:15px 0; margin:0 15px; }
.btn .ipt-submit { padding:0 18px;box-shadow:1px 1px 3px #ccc; border:1px solid #13538b; background:url(../images/invite/btn.png) repeat-x; font-size:14px; font-weight:bold; color:#fff!important; cursor:pointer;height:28px;line-height:28px;display:inline-block;}
.btn .unclickbtn,.btn .unclickbtn{background:#f7f7f7;border:1px solid #ddd;color:#ccc!important;cursor:default;}
.btn .ipt-submit:hover{background-position:0 -32px;}
.btn .ipt-submit:active {background-position:0 -61px;}
.bigbtn{padding:25px 0;}
.bigbtn .ipt-submit{padding-left:30px;padding-right:30px; vertical-align:bottom; vertical-align:baseline;}
a.ipt-submit:hover { text-decoration:none; }
/*授权*/
.graph { padding:15px 15px 0 15px; }
.appinfo { background:#f5f5f5; padding:10px; }
.appinfo dt { float:left; margin-right:10px; position:relative;width:75px;height:75px;}
.appinfo dt span.mask{position:absolute;left:0;top:0;width:75px;height:75px;background:url(../images/invite/mask75.png) no-repeat 0 0;}
.appinfo dd { overflow:hidden; *zoom:1; color:#333;}
.appinfo dd span.count { font-weight:normal; color:#999; }
.appinfo dd p.hd { padding:10px 0 10px 0; }
.appinfo dd p.hd a{margin-right:5px;}
.appinfo dd p.desc{line-height:1.5;}
ul.friend-list { clear:both; margin-top:15px; padding-left:10px; }
ul.friend-list li { float:left; margin-right:5px; width:30px; height:30px; overflow:hidden; }
p.play { border-bottom:1px solid #ebedf1; padding:8px 0 10px 10px; clear:both;height:15px;}
p.play strong { color:#336699; }
.lt-friendlist { clear:both; padding: 0 0 10px 0; border-bottom:1px solid #ebedf1; }
.lt-friendlist ul { float:left; }
.lt-friendlist .play { position:relative; top:15px; border-bottom:none; clear:none!important;float:left;}
.functions { padding:15px 10px 0 10px;}
.functions input{margin-right:5px;}
.functions h3 { font-size:12px; }
.functions li { float:left;width:230px; white-space:nowrap;height:25px;padding-top:8px;}
.functions li label { position:relative; }
.functions li.s { width:150px; }
.functions li.s div{right:-10px!important;}
.functions li.s span.cl{margin-right:13px;float:right;display:inline;}
.functions li.un * { color:#999; cursor:default; }
.functions li.h { clear:both; float:none; }
.functions li a { display:inline-block; width:14px; height:14px; background:url(../images/invite/tips-bg.png) no-repeat 0 -12px; position:relative; top:3px;  *top:0px;margin-left:3px; }
.functions li div { background:#fff; position:absolute; bottom:15px; *bottom:20px;_bottom:35px;}
.functions div span.b { border:1px solid #999; display:block; padding:5px 10px; border-radius:5px; }
.functions div span.cl { background: url(../images/invite/tips-bg.png) no-repeat 0 0; width:14px; height:10px; overflow:hidden; text-indent:-999em; display:block; margin:0 auto; position:relative; top:-1px; }
/*弹出邀请*/
.bar { padding: 20px 10px 0; border-bottom: 1px solid #adb6c9;}
.bar span{display:block;line-height:27px;}
.bar span, .bar ul li { float: left; }
.bar ul li{margin-right:4px;}
.bar ul { float: right;}
.bar ul li.current a { border: 1px solid #adb6c9;font-weight: bold; color: #333;border-bottom:1px solid #fff;position:relative;bottom:-1px;border-radius:3px 3px 0 0;}
.bar ul li.current a:hover { background: #fff; border: 1px solid #adb6c9;border-bottom:1px solid #fff; }
.bar ul li a{ padding: 0 12px; display: block; border: 1px solid #fff; height:25px; line-height:24px;float:left; }
.bar ul li a:hover { background: #e2e8f3; text-decoration: none; border: 1px solid #e2e8f3; }
.bar ul li a:focus,.slt-box .l dd a:focus{outline:none}
.slt-box{padding:15px 0 10px 0;}
.slt-box, .slted-box, .btn { clear: both; }
.slt-box .l{float:left;width:170px;}
.slt-box .l dl{height:270px;overflow-y:auto;}
.slt-box .r{overflow:hidden;background:#f7f7f7;border:1px solid #eaeaea;margin:0 10px 0 0px; *zoom:1;}
.slt-box .ie6Fix{_position:absolute;_left:170px;}
.slt-box .r li img{height:50px; width:50px;background:url(http://head.xiaonei.com/photos/0/0/men_tiny.gif) no-repeat;display:block;}
.slt-box .l dt{padding-bottom:10px;}
.slt-box .l dd a{color:#333;}
.slt-box .l dd a:hover{text-decoration:none;}
.slt-box .l dd,.slt-box .l dt{padding-left:20px;}
.slt-box .l dd{height:25px;line-height:25px;}
.slt-box .l dd:hover{background:#e2e8f3;}
.slt-box .l dd.current{background:#9eaabf;}
.slt-box .l dd.current a{color:#fff;font-weight:bold;}
.r ul.friend-list{margin:15px 0 0 0;height:320px;overflow-y:auto;position:relative;}
.r ul.friend-list li{text-align:center;height:70px;width:50px;margin:0 15px 15px 0;position: relative;overflow:hidden;}
.r ul.friend-list li a:hover{text-decoration:none;}
.r ul.friend-list li a:hover span{display:block;}
.r ul.friend-list li.current span{display:block;
background-image:url(../images/invite/selected.png)!important;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/invite/selected.png',sizingMethod='scale') !important;} 
.r ul.friend-list span{display:none; color:#fff;position:absolute;width:50px;height:50px;text-align:center;line-height:80px;overflow:hidden;
background-image:url(../images/invite/add.png)!important;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/invite/add.png',sizingMethod='scale') !important;}
.slted-box ul{height:60px;overflow-y:auto;position:relative;} 
.unselect{height:85px!important;width:274px;background:url(../images/invite/friendsltor-sps.png) no-repeat -22px 0;margin:0 auto;}
.slted-box{border-top:1px solid #e4e4e4;margin-left:15px;padding:10px 0;}
.slted-box p#tips{padding-bottom:10px;}
.slted-box li{float:left;margin:0 8px 8px 0px;width:85px;}
.slted-box a.close{background-position:0 -31px;width:12px;height:11px;display:inline-block;position:relative;top:4px;left:1px;}
.slted-box a.close:hover{background-position:0 -16px;}
.slted-box span{display:block;padding:0 5px;background:#e0e0e0;border-radius:2px;cursor:default;float:left;}
.slted-box em{float:left;width:5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px;line-height:20px;-o-text-overflow:ellipsis;}
.search-box{padding:0 0 20px 10px;}
.search-box input{background:url(../images/invite/searchInputBg.png) no-repeat;height:27px;line-height:27px;overflow:hidden;width:115px;border:none;
	padding-left:26px;
}
p#blocks{position:relative;top:-15px;text-align:left;margin-bottom:5px;}
p#blocks input{margin-right:.5em;}
#reset{margin-left:1em;}
.btnfixed .btn{position:fixed;bottom:0;background:#fff;width:100%;margin:0;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}
.btnfixed .btn .ipt-submit{margin-right:15px;}
.btnfixed .box{position:relative;overflow-y:auto;height:335px;}