@charset "utf-8";



/*** Resets ***/

/* Framework */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
img,fieldset,abbr,acronym{border:0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700;}
input,button,textarea,select{font-size:inherit;*font-size:100%;font-family:inherit;}
address,cite,dfn,em,code,var,caption,th{font-style:normal;font-weight:normal;}
q:before,q:after{content:'';}

/* Canvas */
.canvas h1,
.canvas h2,
.canvas h3{margin:1em 0;}
.canvas h1{font-size:16px;}
.canvas h2{font-size:14px;}
.canvas h3{font-size:12px;}
.canvas abbr,
.canvas acronym{border-bottom:1px dotted #000;_border:0;cursor:help;} 
.canvas em{font-style:italic;}
.canvas ul,
.canvas ol{margin:.5em 0 .5em 2.5em;}
.canvas ul{list-style:disc outside;}
.canvas ol{list-style:decimal outside;}
.canvas dd{margin-left:1em;}
.canvas blockquote{margin:.5em;}
.canvas p,
.canvas fieldset,
.canvas table{margin-bottom:.5em;}
.canvas caption{margin-bottom:.5em;text-align:center;}
.canvas th,
.canvas td{border:1px solid #999;padding:.3em .8em;}
.canvas th{font-weight:bold;text-align:center;}


/*** Basic Classes ***/

/* HTML Style */
body{background:#fff;color:#666;font:12px/20px Arial,Helvetica,sans-serif,'宋体';}
hr{clear:both;height:1px;margin:7px 0;*margin:0;padding:0;border:0;border-bottom:1px dotted #c0d6df;line-height:1px;}
*::selection{background:#669bb7;color:#fff;}
*::-moz-selection{background:#669bb7;color:#fff;}

/* Link */
a{color:#447d9d;text-decoration:none;}
a:hover{text-decoration:underline;}

/* font & color */
.hot,
.hot a,
a.hot{color:#f06 !important;}
.hot a:hover,
a:hover.hot{color:#36c !important;}
.meta{color:#999;font-weight:normal !important;}
.pipe{padding:0 5px;font-weight:normal !important;}
.more a,
a.more{text-decoration:none;}
.more a:hover,
a:hover.more{text-decoration:underline;}
div.more{clear:both;padding:5px 10px 0;text-align:right;font-family:SimSun,'宋体',sans-serif;}

/* display & position */
.hide{display:none;}
.left{float:left !important;}
.right{float:right !important;}
a span{cursor:pointer;}
.on,
.on a,
a.on,
.current,
.current a,
a.current{cursor:default;}

/* Form */
fieldset legend{font-weight:700;}
input,
button,
select{vertical-align:middle;}
input,
button,
textarea,
select{color:#666;font-family:'lucida grande',Tahoma,Verdana,Arial,Helvetica,sans-serif;}
	/*input*/
input.blank,
input.password,
input.text{height:16px;padding:3px;border:1px solid #999;line-height:16px;}
input.blank{color:#ccc;}
textarea.text{overflow:auto;padding:2px;border:1px solid #999;}
textarea.blank{color:#ccc;}
input.radio,
input.checkbox{margin-right:6px;*margin-right:3px;vertical-align:middle;_vertical-align:text-bottom;}
input.file{height:24px;}
	/*select*/
select.select{height:24px;padding:2px;border:1px solid #999;}
select.year,
select.month,
select.day,
select.province,
select.city,
select.county{width:80px;}
	/*button*/
span.button{display:-moz-inline-stack;display:inline-block;_display:inline;margin:0 2px;padding:0 10px 0 0;background:url(i/button.gif) 100% 0 no-repeat;vertical-align:middle;zoom:1;}
span.button:hover{background-position:100% -50px;}
span.button,span.button:-moz-any-link{padding:0 3px 0 0;}
span.button,span.button:default{padding:0 10px 0 0;}
	span.button span{display:block;padding:0 0 0 10px;background:url(i/button.gif) 0 0 no-repeat;}
	span.button:hover span{background-position:0 -50px;}
		span.button a,
		span.button a:hover,
		span.button button{display:block;overflow:visible;width:auto;_width:0;height:24px;margin:0 -10px;padding:0 10px;border:0 none;background:none;color:#fff;text-decoration:none;line-height:24px;vertical-align:middle;white-space:nowrap;cursor:pointer;}
		span.button a:-moz-any-link,
		span.button button,span.button button:-moz-any-link{margin:0 0 0 -10px;padding:0 7px 0 10px;}
		span.button a,
		span.button button,span.button button:default{margin:0 -10px !important;padding:0 10px !important;}

span.button-main{background:url(i/button-main.gif) 100% 0 no-repeat;}
span.button-main:hover{background-position:100% -50px;}
	span.button-main span{background:url(i/button-main.gif) 0 0 no-repeat;}
	span.button-main:hover span{background-position:0 -50px;}

span.button-sub{background:url(i/button-main.gif) 100% -100px no-repeat;}
span.button-sub:hover{background-position:100% -150px;}
	span.button-sub span{background:url(i/button-main.gif) 0 -100px no-repeat;}
	span.button-sub:hover span{background-position:0 -150px;}
		span.button-sub a,
		span.button-sub a:hover,
		span.button-sub button{color:#666;}

span.button-disabled,
span.button-disabled:hover{background-position:100% -100px;cursor:default;}
	span.button-disabled span,
	span.button-disabled:hover span{background-position:0 -100px;}
		span.button-disabled a,
		span.button-disabled a:hover,
		span.button-disabled button{color:#a3a3a3;cursor:default;}

span.button-large{background:url(i/button-large.gif) 100% 0 no-repeat;}
span.button-large:hover{background-position:100% -50px;}
	span.button-large span{background:url(i/button-large.gif) 0 0 no-repeat;}
	span.button-large:hover span{background-position:0 -50px;}
		span.button-large a,
		span.button-large a:hover,
		span.button-large button{height:33px;font:bold 14px/33px '宋体';}

span.button-large-disabled,
span.button-large-disabled:hover{background:url(i/button-large.gif) 100% -100px no-repeat;cursor:default;}
	span.button-large-disabled span,
	span.button-large-disabled:hover span{background:url(i/button-large.gif) 0 -100px no-repeat;}
		span.button-large-disabled a,
		span.button-large-disabled a:hover,
		span.button-large-disabled button{height:33px;color:#8f8f8f;font:bold 14px/33px '宋体';cursor:default;}

	/* forms */
.buttons .button{margin:3px;}
.radios,
.checkboxes{/*fixed*/}
	.radios label,
	.checkboxes label{/*display:-moz-inline-stack;*/display:inline-block;*display:inline;padding:0 3px 0 0;cursor:pointer;zoom:1;}
	.radios input,
	.checkboxes input{margin-right:6px;*margin-right:3px;vertical-align:middle;_vertical-align:text-bottom;}
ul.radios,
ul.checkboxes{margin:0;list-style:none;}
	ul.radios li,
	ul.checkboxes li{_display:inline;overflow:hidden;float:left;width:64px;height:20px;margin:2px 0;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap\9;}

/* mask select */
.draging select,
.masking select,
.hide-select select{_visibility:hidden;}
iframe.maskIframe{display:none;_display:block;position:absolute;width:100%;height:100%;border:0;filter:mask();}


/*** Layouts Classes ***/

/* clearboth & clearfix */
.clearboth{clear:both;}
.clearfix:after{content:'.';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}

/* fix, a simple method of clearfix */
.fix{zoom:1;}
.fix:after{content:'\0020';display:block;clear:both;height:0;}

/* Columns */
.lay{/*fixed*/margin:0 -5px;}
	.lay .layInt,
	.lay .lay .layInt{/*fixed*/padding:0;}
	.lay .colMain,
	.lay .colExtra,
	.lay .colSub{_display:inline;_overflow-x:hidden;}	
	.lay .colInt{margin:0 5px;zoom:1;}	
	.lay .lay .colMain,
	.lay .lay .colExtra,
	.lay .lay .colSub{margin:0;}
	
	/* 100% */
	.lay-100{}
		.lay-100 .colMain,
		.lay-100 .colExtra,
		.lay-100 .colSub,
		.colInt .lay-100 .colMain,
		.colInt .lay-100 .colExtra,
		.colInt .lay-100 .colSub{width:100%;}

	/* m:50% | s:50% */
	.lay-m50p-s50p{}
		.lay-m50p-s50p .colMain,
		.colInt .lay-m50p-s50p .colMain{float:left;width:49.99%;}
		.lay-m50p-s50p .colSub,
		.colInt .lay-m50p-s50p .colSub{float:right;width:49.99%;}

	/* s:50% | m:50% */
	.lay-s50p-m50p{}
		.lay-s50p-m50p .colMain,
		.colInt .lay-s50p-m50p .colMain{float:right;width:49.99%;}
		.lay-s50p-m50p .colSub,
		.colInt .lay-s50p-m50p .colSub{float:left;width:49.99%;}

	/* m:66% | s:33% */
	.lay-m66p-s33p{}
		.lay-m66p-s33p .colMain,
		.colInt .lay-m66p-s33p .colMain{float:left;width:66.49%;}
		.lay-m66p-s33p .colSub,
		.colInt .lay-m66p-s33p .colSub{float:right;width:33.49%;}

	/* s:66% | m:33% */
	.lay-s66p-m33p{}
		.lay-s66p-m33p .colMain,
		.colInt .lay-s66p-m33p .colMain{float:right;width:33.49%;}
		.lay-s66p-m33p .colSub,
		.colInt .lay-s66p-m33p .colSub{float:left;width:66.49%;}

	/* m:33% | s:66% */
	.lay-m33p-s66p{}
		.lay-m33p-s66p .colMain,
		.colInt .lay-m33p-s66p .colMain{float:left;width:33.49%;}
		.lay-m33p-s66p .colSub,
		.colInt .lay-m33p-s66p .colSub{float:right;width:66.49%;}

	/* s:33% | m:66% */
	.lay-s33p-m66p{}
		.lay-s33p-m66p .colMain,
		.colInt .lay-s33p-m66p .colMain{float:right;width:66.49%;}
		.lay-s33p-m66p .colSub,
		.colInt .lay-s33p-m66p .colSub{float:left;width:33.49%;}

	/* m:200px | s:auto */
	.lay-m200-sAuto{}
		.lay-m200-sAuto .layInt,
		.layInt .lay-m200-sAuto .layInt{padding-left:200px;}
			.lay-m200-sAuto .colMain,
			.colInt .lay-m200-sAuto .colMain{float:left;width:200px;margin:0 0 0 -200px;}
			.lay-m200-sAuto .colSub,
			.colInt .lay-m200-sAuto .colSub{float:right;width:100%;}

	/* s:200px | m:auto */
	.lay-s200-mAuto{}
		.lay-s200-mAuto .layInt,
		.layInt .lay-s200-mAuto .layInt{padding-left:200px;}
			.lay-s200-mAuto .colMain,
			.colInt .lay-s200-mAuto .colMain{float:right;width:100%;}
			.lay-s200-mAuto .colSub,
			.colInt .lay-s200-mAuto .colSub{float:left;width:200px;margin:0 0 0 -200px;}

	/* m:auto | s:200px */
	.lay-mAuto-s200{}
		.lay-mAuto-s200 .layInt,
		.layInt .lay-mAuto-s200 .layInt{padding-right:200px;}
			.lay-mAuto-s200 .colMain,
			.colInt .lay-mAuto-s200 .colMain{float:left;width:100%;}
			.lay-mAuto-s200 .colSub,
			.colInt .lay-mAuto-s200 .colSub{float:right;width:200px;margin:0 -200px 0 0;}

	/* s:auto | m:200px */
	.lay-sAuto-m200{}
		.lay-sAuto-m200 .layInt,
		.layInt .lay-sAuto-m200 .layInt{padding-right:200px;}
			.lay-sAuto-m200 .colMain,
			.colInt .lay-sAuto-m200 .colMain{float:right;width:200px;margin:0 -200px 0 0;}
			.lay-sAuto-m200 .colSub,
			.colInt .lay-sAuto-m200 .colSub{float:left;width:100%;}

	/* m:33% | s:33% | e:33% */
	.lay-m33p-s33p-e33p{}
		.lay-m33p-s33p-e33p .colMain{float:left;width:33.33%;}
		.lay-m33p-s33p-e33p .colSub{float:left;width:33.33%;}
		.lay-m33p-s33p-e33p .colExtra{float:right;width:33.33%;}

	/* e:25% | m:50% | s:25% */
	.lay-e25p-m50p-s25p{}
		.lay-e25p-m50p-s25p .colMain{float:left;width:49.99%;margin:0 0 0 25%;}
		.lay-e25p-m50p-s25p .colSub{float:right;width:24.99%;}
		.lay-e25p-m50p-s25p .colExtra{float:left;width:25%;margin:0 0 0 -75%;}

	/* m:25% | s:50% | e:25% */
	.lay-m25p-s50p-e25p{}
		.lay-m25p-s50p-e25p .colMain{float:left;width:24.99%;}
		.lay-m25p-s50p-e25p .colSub{float:left;width:49.99%;}
		.lay-m25p-s50p-e25p .colExtra{float:right;width:24.99%;}

	/* m:25% | e:50% | s:25% */
	.lay-m25p-e50p-s25p{}
		.lay-m25p-e50p-s25p .colMain{float:left;width:24.99%;}
		.lay-m25p-e50p-s25p .colSub{float:right;width:24.99%;}
		.lay-m25p-e50p-s25p .colExtra{float:left;width:49.99%;}

	/* s:25% | e:50% | m:25% */
	.lay-s25p-e50p-m25p{}
		.lay-s25p-e50p-m25p .colMain{float:right;width:24.99%;}
		.lay-s25p-e50p-m25p .colSub{float:left;width:24.99%;}
		.lay-s25p-e50p-m25p .colExtra{float:left;width:49.99%;}

	/* e:25% | s:50% | m:25% */
	.lay-e25p-s50p-m25p{}
		.lay-e25p-s50p-m25p .colMain{float:right;width:24.99%;}
		.lay-e25p-s50p-m25p .colSub{float:right;width:49.99%;}
		.lay-e25p-s50p-m25p .colExtra{float:left;width:24.99%;}

/* ul.square (remove) */
ul.square{margin:0;list-style:none;}
ul.square li{margin:3px 0;padding:0 0 0 16px;background:url(i/li-square.gif) no-repeat -2px 2px;font:400 12px/20px Arial,sans-serif;}

/* ul.doubly */
ul.doubly{margin:0;list-style:none;}
	ul.doubly li{/*fixed*/}
	ul.doubly li .title{float:left;}
	ul.doubly li .info{float:right;}


/*** Fix Classes ***/
.canvas,
.lay,
.lay .layInt,
dl.fieldset,
ul.doubly li,
.checkboxes,
.radios,
.appHead,
.appBody{zoom:1;}
.canvas:after,
.lay:after,
.lay .layInt:after,
dl.fieldset:after,
ul.doubly li:after,
.checkboxes:after,
.radios:after,
.appHead:after,
.appBody:after{content:'\0020';display:block;clear:both;height:0;}


/*** Framework ***/

/** Core Layout **/
html{overflow:-moz-scrollbars-vertical;overflow-x:auto;height:100%;}
body{display:block;height:100%;}
#navbar{position:absolute;top:0;left:25px;z-index:2100;width:950px;height:31px;}
#page{position:relative;top:0;left:25px;z-index:0;width:950px;padding:51px 0 0;zoom:1;}
#dropWrap{position:absolute;top:0;left:0;z-index:1000;}


/** Common Layout & Visual **/

/* navbar */
#navbar{background:url(i/navbar.gif) no-repeat;}
	#navbar iframe.maskIframe{height:31px;z-index:1;zoom:1;}
	#navbarMid{position:relative;z-index:2;}
		#navbarInt{zoom:1;}
			#navbarInt:after{content:'\0020';display:block;clear:both;height:0;}
			#navbar a{color:#fff;outline:none;text-decoration:none;}
			#navbar a:hover{text-decoration:underline;}
			#navbarLogo{position:relative;z-index:2;float:left;padding:0 0 0 10px;}
				#navbarLogo h1 span{display:none;}
			#navbarMain{position:relative;z-index:2;float:left;padding:0 0 0 10px;font:14px/20px Verdana,Geneva,sans-serif,'宋体';}
				#navbarMain ul{}
					#navbarMain .navItem{position:relative;float:left;}
						#navbarMain .navTitle{position:relative;z-index:0;float:left;margin:0 auto;}
							#navbarMain .navTitle a{padding:0 6px 0 0;cursor:pointer;}
							#navbarMain .navTitle span{display:-moz-inline-stack;display:inline-block;_display:inline;float:left;height:20px;padding:5px 10px 5px 26px;background-image:none;background-repeat:no-repeat;white-space:nowrap;zoom:1;}
							#navbarMain .navTitle a:hover{text-decoration:none;}
							#navbarMain .navTitle a:hover span{background-color:#7bb9d9;background-image:url(i/navbar-icon.png);_background-image:none;}
						#navbarMain .navBubble{display:none;position:absolute;right:-4px;top:0;z-index:1;padding:0 7px 0 0;background:url(i/bubble.png) 100% 0 no-repeat;_background-image:url(i/bubble.gif);}
							#navbarMain .navBubble span{display:block;_display:inline;height:18px;padding:1px 0 0 4px;*padding:0 0 0 4px;background:url(i/bubble.png) 0 0 no-repeat;_background-image:url(i/bubble.gif);color:#fff;font:9px/12px Tahoma,Arial,Helvetica,sans-serif;zoom:1;}
						#navbarMain .navContent{display:none;}
					
					#navbarMain .navItem-drop{}
						#navbarMain .navItem-drop .navTitle{z-index:2;}
						#navbarMain .navItem-drop .navContent{display:block;}
						#navbarMain .navContent{position:absolute;top:30px;left:0;z-index:0;margin:0;padding:5px;background:#9fcbe2;font:12px/20px Arial,Helvetica,sans-serif;zoom:1;}
						#navbarMain .navContent,
						#navbarMain .navContent:-moz-any-link{top:29px;}
						#navbarMain .navContent,
						#navbarMain .navContent:default{top:30px;}
							#navbarMain .navContentBd{overflow-x:hidden;overflow-y:auto;width:270px;padding:3px;background:#fff;color:#666;}
								#navbarMain .navContentBd a{color:#c30;}
								#navbarMain .navContentBd .listEmpty{color:#8cb0c6;}
								#navbarMain .navContentBd .meta{color:#999;}
							#navbarMain .navContentFt{text-align:right;}
								#navbarMain .navContentFt a{color:#216487;white-space:nowrap;}
					
					#navbarMain .navItem-drop .navTitle span,
					#navbarMain .navItem-on .navTitle span{padding-bottom:6px;background-color:#9fcbe2 !important;background-image:url(i/navbar-icon.png);_background-image:url(i/navbar-icon.gif) !important;}
					
					#navbar-home .navTitle span{background-position:5px 0;}
					#navbar-profile .navTitle span{background-position:5px -50px;}
					#navbar-friend .navTitle span{background-position:5px -100px;}
					#navbar-inbox .navTitle span{background-position:5px -150px;}
					#navbar-notice .navTitle span{background-position:5px -200px;}
						#navbarMain .noticeList{display:block;list-style:none;}
							#navbarMain .noticeItem{width:auto;*margin:0 0 -3px;padding:3px 5px 3px 30px;zoom:1;}
							#navbarMain .noticeItem:after{content:"\0020";display:block;visibility:hidden;clear:both;height:0;}
								#navbarMain .noticeIcon{_display:inline;float:left;width:20px;margin:1px 5px 3px -25px;}
								#navbarMain .noticeContent{float:left;_overflow-x:hidden;width:100%;padding:0 0 6px;padding:2px 0 6px \9;_padding:4px 0 6px;border-bottom:1px solid #c2d6e0;line-height:16px;}
			
			#navbarExtra{_display:inline;overflow:hidden;position:relative;z-index:2;float:right;margin:5px 5px 0;white-space:nowrap;}
				#navbarExtra a,
				#navbarExtra a:hover{color:#eee;}
				#navbarExtra li{_display:inline;float:left;margin:0 -1px 0 1px;background:url(i/navbar-pipe.gif) no-repeat 100% 50%;}
					#navbarExtra li a{display:block;float:left;padding:0 10px;}
			#navbarSearch{position:relative;z-index:2;float:right;padding:2px 10px 0;}
				#navbarSearch input{width:80px;height:16px;padding:3px;border:1px solid #4d8fb2;color:#999;}
				#navbarSearch button{overflow:hidden;width:24px;height:24px;padding:0;border:0;background:url(i/navbar-searchBtn.gif) 0 0 no-repeat;text-indent:-9999px;cursor:pointer;}
				/*#navbarSearch button:hover{background-position:0 -50px;}*/
			#navbarDrop{position:absolute;top:25px;left:0;z-index:1;width:100%;height:0;zoom:1;}

/* page */
#page{}
	#pageMid{}
		#pageInt{}
		
			#pageHd{}
				#pageHdInt{}
					#pageHdPlayer{height:22px;}
			
			#pageBd{clear:both;padding:10px 0 0;background:url(i/pageBd.gif) 0 0 no-repeat;zoom:1;}
				#pageBdMid{padding:0 0 10px;background:url(i/pageBd.gif) -2000px 100% no-repeat;}
					#pageBdInt{min-height:400px;_height:400px;background:url(i/pageBd.gif) -1000px 0 repeat-y;zoom:1;}
					#pageBdInt:after{content:'\0020';display:block;clear:both;height:0;}
					
						#appbar{overflow:hidden;position:relative;float:left;width:125px;margin:-10px 0 0;padding:15px 0 0;background:url(i/appbar.gif) no-repeat;}
							#appbarMid{padding:0 0 15px;background:url(i/appbar.gif) -300px 100% no-repeat;}
								#appbarInt{_height:350px;min-height:350px;padding:0 20px 0 10px;background:url(i/appbar.gif) -150px 0 repeat-y;}
									#appbarApps{margin:0 0 0 -10px;}
										#appbarApps a{outline:none;}
										#appbarApps ul{overflow:hidden;margin:0;}
											#appbarApps li{_display:inline;padding:5px 0 5px 10px;zoom:1;}
												#appbarApps a.appName{display:block;height:16px;padding:2px 0 2px 16px;padding:4px 0 0 16px\9;background:url(i/appName.gif) 0 0 no-repeat;color:#376B88; font:700 12px/16px Verdana,Geneva,sans-serif;}
												#appbarApps a:hover{text-decoration:none;}
												#appbarApps li ul{display:none;padding:5px 0 0;}
													#appbarApps li li{padding:0;}
														#appbarApps li li a{display:block;height:20px;padding:4px 5px 4px 16px;padding:5px 5px 3px 16px\9;background:url(i/appbar-item.gif) -999px -999px no-repeat;color:#748E9C;}
														#appbarApps li li a:hover{background:url(i/appbar-item.gif) 50% 50% no-repeat;}
											#appbarApps li.on{}
												#appbarApps li.on a.appName{background-position:0 -120px;}
												#appbarApps li.on a.noSub{background-position:0 -80px;}
												#appbarApps li.on ul{display:block;}
													#appbarApps li.on li a{cursor:pointer;}
													#appbarApps li li.on{background:url(i/appbar-item.gif) 50% 50% no-repeat;}
													#appbarApps li li.on a{cursor:default;}
											
						
						#canvas{_overflow-x:hidden;float:right;width:825px;}
							#canvasInt{padding:0 10px;}
				
			#pageFt{clear:both;padding:10px 0 10px;color:#666;text-align:center;}
				#pageFtInt{}
					#pageFt a{color:#666;}
					#pageFt .powered{padding:10px;}
					#pageFt .contact{}
					#pageFt .copyright{}

/** Canvas Layout **/
.whiteBox{}
	.whiteBoxHd{display:block;padding:0 10px 0 0;background:url(i/whiteBox.gif) 100% 0;}
		.whiteBoxHd span{display:block;overflow:hidden;height:10px;padding:0 0 0 10px;background:url(i/whiteBox.gif) 0 0;font:0/0 sans-serif;}
	.whiteBoxBd{min-height:400px;_height:400px;padding:1px 10px;background:#fff;}
	.whiteBoxFt{display:block;padding:0 10px 0 0;background:url(i/whiteBox.gif) 100% 100%;}
		.whiteBoxFt span{display:block;overflow:hidden;height:10px;padding:0 0 0 10px;background:url(i/whiteBox.gif) 0 100%;font:0/0 sans-serif;}

.appHead{padding:0 5px 10px;}
	.appHead h2{float:left;_height:20px;margin:0;padding:5px 0 0;font:bold 14px/20px Verdana,Arial,Helvetica,sans-serif;white-space:nowrap;}
		.appHead h2 .icon{width:24px;height:24px;margin:-2px 10px 0 0;*margin-top:0;_margin-top:-3px;vertical-align:middle;}
	.appHead .user{float:left;}
		.appHead .user img.avatar-48{float:left;width:48px;height:48px;margin:0 7px 0 0;}
		.appHead .user strong{display:block;padding:5px 0;}
		.appHead .user span{display:block;font:normal 12px/20px Verdana,Geneva,sans-serif;}
		.appHead .user span.pipe{display:inline;}
	.appHead .crumbs{float:left;}
	.appHead .option{float:right;padding:5px 0 0;}

.appBody{min-height:400px;_height:400px;padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;background:#fff;}
	.appTabs{}
	.appFilters{}
	.appActions{margin:-5px 12px;text-align:right;}
	.appCrumbs{margin:0 12px;}
	.appContent{margin:15px 12px 10px;}
		.appEmpty{padding:60px;text-align:center;color:#999;font:14px/24px Verdana,Geneva,sans-serif;}

.appFoot{padding:2px 5px 0;border-top:2px solid #ccc;color:#aaa;}
	.appFoot a{color:#aaa;text-decoration:underline;}



/* layout */
#page-help{}

.helpItem{margin:10px 0;}
	.helpTitle{padding:7px 12px;background:#f6f9fb;zoom:1;}
	.helpTitle:after{content:'\0020';display:block;clear:both;height:0;}
		.helpTitle h2{float:left;margin:0;color:#376b88;font:700 14px/20px Verdana,Geneva,sans-serif;}
		.helpTitle .option{float:right;color:#8ea6b6;}
			.helpTitle .option a{color:#8ea6b6;}
	.helpContent{padding:10px 12px;}

.guideBox{margin:0 0 0 4px;background:url(i/guideBox-b.png) 100% 0;}
	.guideBoxBd{padding:0 10px 0 0;background:url(i/guideBox-h.png) 100% 0 no-repeat;}
		.guideBoxBdMid{background:url(i/guideBox-b.png) 0 0;}
			.guideBoxBdInt{min-height:160px;_height:160px;padding:10px 0 0 10px;background:url(i/guideBox-h.png) 0 0 no-repeat;zoom:1;}
				.guideBox table{margin:0;}
				.guideBox td{padding:0 5px 0 15px;border:1px solid #dfe9ee;border-width:0 1px 0 0;vertical-align:top;}
				.guideBox td.end{border:0;}
				.guideBox h2{margin:0.8em 0;}
				.guideBox li{margin:8px 0 !important;}
	.guideBoxFt{display:block;padding:0 10px 0 0;background:url(i/guideBox-f.png) 100% 100%;}
		.guideBoxFtInt{overflow:hidden;height:10px;padding:0 0 0 10px;background:url(i/guideBox-f.png) 0 100%;font:0/0 sans-serif;}