/* CSS Document */
a.icon_4x8{
		background:url(../images/icon/icon_4x8.jpg) no-repeat left center;
		height:4px;
		padding-left:10px;
}
.loginForm{
		margin:0;
		display:block;
		height:171px;
		overflow:hidden;
		background:url(../images/icon/login_bottom.jpg) no-repeat left bottom;
}
.loginForm i{
		background:url(../images/icon/login_title.jpg) no-repeat left top;
		height:30px;
		margin:0;
		display:block;
}

a.home{
		background:url(../images/icon/home_icons.jpg) no-repeat left 0;
		padding-left:16px;
		line-height:22px;
}
a.ctrl{
		background:url(../images/icon/home_icons.jpg) no-repeat left 0;
		padding-left:16px;
		line-height:22px;
}

.loginForm b{
		color:#f60;
}
.loginForm dt tt{
		color:#6BB934;
		font-size:12px;
		font-weight:bold;
		font-family:Verdana, Arial, Helvetica, sans-serif;
}
.loginForm .p{
		text-align:right;
		margin:14px 10px 0 0;
}
.loginForm .p i{
		background:url(../images/icon/home_icons.jpg) no-repeat 68% 0;
		line-height:17px;
		padding-left:10px;
		font-style:normal;
		margin-top:10px;
}


.loginForm dl{
		margin:0;
		background:url(../images/icon/login_body.jpg) repeat-y;
		height:121px;
		padding:14px 16px 0 16px;
}
.loginForm dl dt{
		margin:4px 0;
}

.loginForm dl dd{
		margin:0;
}
dt input.UsNaLogin,dt input.PsWdLogin{
		position:relative;
		border:1px solid #D0D0D0;
		height:16px;
		width:123px;
}
.loginForm hr{
		border:1px dashed #D0D0D0;
		height:1px;
}

input#save{
		margin-right:0px;
		margin-top:5px;
}
input#imageLoginSubmit{
		margin-top:0px;
		margin-bottom:-5px;
}
ul.approach{
	margin:6px 0 0 0;
	list-style:none;
	padding:0;/*firefox hack*/
}

ul.approach li{
		background:url(../images/icon/approach.jpg) no-repeat;
		text-align:center;
		margin:5px 0;
		font:bold 14px/32px arial;
}
ul.approach #default,ul.approach #default a{
		background:url(../images/icon/default.jpg) no-repeat;
		color:#f60;
}
ul.approach li a{
		color:#000;
		display:block;
}
ul.approach li a:hover{
		background:url(../images/icon/default.jpg) no-repeat;
		color:#f60;
}


#section{
		width:562px;
		overflow:hidden;
		margin-top:-2px;
		position:relative;
}
div>#section{
		width:562px;
		overflow:hidden;
		margin-top:0px;
}


/*coalition section*/
.clsEnterCoalition{
		margin-top:	6px;
}
.clsEnterCoalition ol,ul{
		margin:0;
		padding:0;
}
.clsEnterCoalition i{
		height:22px;
		border:3px solid #E5E5E5;
		display:block;
}
i#fiveProcessImg{
		background:url(../images/icon/insert_pplive.jpg) no-repeat left top;
}
i#fiveExcuseImg{
		/**/
		background:url(../images/icon/excuse_insert_pplive.jpg) no-repeat left top;
}
i#ppliveAllianceImg{
		background:url(../images/icon/net_insert_pplive.jpg) no-repeat left top;
}

.samplyWindows1{
		margin-top:3px;
		border:3px solid #E5E5E5;
		padding:8px;
}
.samplyWindows1 ul li{
		line-height:22px;
		list-style:none;
		padding:0 10px 0 0;
}
a{color:#555;text-decoration:none;}
a:hover{color:#f60;text-decoration:underline;}

#fiveProcessDIV li{
		background:url(../images/icon/insert_ic.jpg) no-repeat left 4px;
		padding-left:18px;
}
#fiveProcessDIV li b{
		color:#f00;
}
#fiveExcuseDIV li{
		background:url(../images/icon/yes_icon1.jpg) no-repeat left 4px;
		padding-left:18px;
}
#newsEnterImg{
		background:url(../images/icon/news_insert_pplive.jpg) no-repeat left top;
}
#newsEnterDIV li{
		background:url(../images/icon/block_icon1.jpg) no-repeat left 4px;
		padding-left:18px;
}
#ppliveAllianceSectionBox-1,
#ppliveAllianceSectionBox-3,
#ppliveAllianceSectionBox-5,
#ppliveAllianceSectionBox-7,
#ppliveAllianceSectionBox-9,
 #ppliveAllianceSectionBox-11{
		margin-right:10px;
}
.ppliveAllianceSection{
		width:96%;
		overflow:hidden;
}
.ppliveAllianceSection li{
		width:74px;
		float:left;
		padding:0 2px;
		overflow:hidden; 
		text-overflow:ellipsis;
		white-space:nowrap;
}
.ppliveAllianceSection h1{
		font-size:12px;
		color:#2DA846;
		display:block;
		background:url(../images/icon/point_icon1.jpg) no-repeat left center;
		margin:2px 0 6px 0;
		padding-left:20px;
}
.clsEnterCoalition h1 a{color:#2DA846;display:block;}
a.more{
		background:url(../images/icon/more_icon.jpg) no-repeat right center;
		line-height:11px;
		float:right;
		display:block;
		width:34px;
}
a.more:hover{
		text-decoration:none;
}

.ppliveAllianceSection ul li a,
#movieZoneDIV ul li a,
#movieZoneDIV ul li a:hover,
.ppliveAllianceSection ul li a:hover{display:block;}

#movieZoneImg{
		background:url(../images/icon/net_movie_zone.jpg) no-repeat left top;
		line-height:22px;
		text-align:right;
		padding-right:16px;
}
#movieZoneImg a{color:#fff;font-style:normal;}
#movieZoneDIV ul{
	width:100%;
}
#movieZoneDIV ul li{
	width:80px;
	float:left;
}

body{
		margin:0;
		font-size:12px;
}
html{
		min-width:778px;
}
img{
		border:none;
}
#main{
		width:778px;
		margin:0 auto;
		overflow:hidden;
		color:#505050;
		font-family:verdana;
}
#header{/**/}
.RegTitle{
		margin:5px 0 0 0;
		border-bottom:3px solid #E5E5E5;
		height:28px;
		font:bold 14px/26px arial;
		padding-left:24px;
}
.bg1{
		background:url(../images/icon/icons.jpg) no-repeat left 4px;
}
.bg2{
		background:url(../images/icon/modif_icons.jpg) no-repeat left 4px;
}

.RegTitle span{
		color:#f60;
}

.TextItem{
		margin:12px;
		line-height:22px;
}
.TextItem em{
		font:normal 12px/20px verdana;
		padding-left:24px;
}
.TextItem ol{
		margin:2px;
		padding:10px 0 0 10px;
}
.TextItem ol li{
		padding:5px 0 ;
}

.TextItem p{
		margin:6px 0;
}
form#RegAgreementSubmit{
		text-align:center;
		margin:16px;
}

/**/
.typeImageButton{
		text-align:center;
}

.TextItem big{
		display:none;
}
.TextItem big.on{
		display:inline;
}

.TextItem tt{
		display:none;
}
.TextItem tt.on{
		display:inline;
}

.TextItem i{	
		display:none;
}
.TextItem i.on{
		display:inline;
}

.TextItem p big{
		background:#F4FEF3  url(../images/icon/d.jpg) no-repeat 5px 3px;
		border:1px solid #A7E694;
		color:#3A9900;
		text-indent:10px;
		position:absolute;
		padding:0 10px;
		line-height:18px;
		font-style:normal;
		font-weight:normal;
		margin-left: 10px !important;
		margin-top: 0px !important;
		margin-top:1px;
		margin-left:6px;		
		font-size:12px;
}
.TextItem p tt{
		background:#F3F9FE;
		border:1px solid #94BEE6;
		color:#3384C5;
		position:absolute;
		padding:0 10px;
		line-height:18px;
		font-style:normal;
		font-weight:normal;
		margin-left: 10px !important;
		margin-top: 0px !important;
		margin-top:1px;
		margin-left:6px;		
		font-size:12px;
}
.TextItem p i{
		background:#FEF3F3 url(../images/icon/x.jpg) no-repeat 5px 3px;
		border:1px solid #FFB4B4;
		color:#f00;
		text-indent:10px;
		position:absolute;
		padding:0 10px;
		line-height:18px;
		font-style:normal;
		font-weight:normal;
		margin-left: 10px !important;
		margin-top: 0px !important;
		margin-top:1px;
		margin-left:6px;		
		font-size:12px;
}


#welcome-container{
		margin:6px 0; 
}
div>#welcome-container{
		margin:8px 0; 
}
#welcome-container #leftBox{
		width:207px;
		float:left;
}
/*======content wrapper=====*/
#wrapper{
		margin:0 0 10px 213px;/**/ 
		/* 
		width:563px;
		margin-left:5px;
		*/
}
div>#wrapper{
		margin:0 0 10px 216px;/*Firefox/*/
}

.wrapper-content{
		border:3px solid #E5E5E5;
		padding:10px;
		line-height:22px;
}
.wrapper-content ol{
		padding:20px 14px;
		margin:0;
		list-style:none;
		color:#888;
}
#footer {clear: both; font-size: 12px; border-top: solid 1px #ccc;text-align:center;}
#footer a.noborder{border-left: none;}
#footer ul { padding: 10px 0px; margin: 0px; }
#footer li { display:inline; padding: 0px; margin: 0px; list-style-type: none; }
#footer li A { padding: 0px 4px 0px 6px; margin: 0px; border-left: solid 1px #CCC; }
#footer p{margin:10px 0;font-size: 10px;}


/* */

form#catch_process {
		margin:10px 3px;
		padding:0;
}
#catch_process em#default{
		color:#f60;
}
#catch_process em{
		font:bold 12px/22px arial;
		color:#787878;
		padding-left:24px;
}
em.no1{
		background:url(../images/icon/process_icon1_02.jpg) no-repeat 5px center;
}
em.no2{
		background:url(../images/icon/process_icon2.jpg) no-repeat 5px center;
}
em.no3{
		background:url(../images/icon/process_icon3.jpg) no-repeat 5px center;
}
em.no4{
		background:url(../images/icon/process_icon4.jpg) no-repeat 5px center;
}
em.no5{
		background:url(../images/icon/process_icon5.jpg) no-repeat 5px center;
}
em.no1_on{
		background:url(../images/icon/process_icon1.jpg) no-repeat 5px center;
}
em.no2_on{
		background:url(../images/icon/process_icon2_02.jpg) no-repeat 5px center;
}
em.no3_on{
		background:url(../images/icon/process_icon3_02.jpg) no-repeat 5px center;
}
em.no4_on{
		background:url(../images/icon/process_icon4_02.jpg) no-repeat 5px center;
}
em.no5_on{
		background:url(../images/icon/process_icon5_02.jpg) no-repeat 5px center;
}


input.TypeImageButtonPosition{
		margin:0 10px 0 30px;
		border:0;
}
#catch_process #mediaL,#catch_process #mediaW{
		width:40px;
		height:18px;
		border:1px solid #D1D1D1;
		padding:2px 4px;
}
#catch_process b.green,.auditiong b{
		color:#337B00;
		text-decoration:underline;
}
.submitWebsite p{
		margin:10px 0;
}
.windowsContent{
		margin:15px 0;
}
.windowsContent cite{
	font:bold 14px arial;
	color:#66B400;
	display:block;
}
.windowsContent cite img.position{
	margin:0 5px -3px 0;
}
.windowsContent p{
	margin:10px 0;
}
#windows-box-1{
		width:80%;
}
#windows-box-2{
		width:48%;
		float:left;
}
#windows-box-3{
		width:48%;
		float:right;
}
.width_X{
		width:100%;
}

.circleWindows{
		margin:10px 0;
		width:90%;
		display:block;
}
div.im{		
		width:100%;
		height:7px;
		text-align:center;
		position:relative;
		margin-bottom:-1px;
}
div[class="im"]{		
		margin-bottom:0;
}

.circleWindows .top b,.circleWindows .bottom b{
		widht:10px;
		height:8px;
		display:block;
}
.circleWindows p.top,.circleWindows p.bottom{
		height:8px;
		display:block;
		overflow:hidden;
		margin:0;
}
.circleWindows .top i,.circleWindows .bottom i{
		height:8px;
		display:block;
}
.circleWindows .top b{
		background: url(../images/icon/cir_top_l.jpg) no-repeat left top;
}
.circleWindows p.top{
		background:url(../images/icon/cir_top_c.jpg) repeat-x center top;
}
.circleWindows .top i{
		background:url(../images/icon/cir_top_r.jpg) no-repeat top right;
}
.circleWindows .bottom b{
		background: url(../images/icon/cir_bottom_l.jpg) no-repeat left top;
}
.circleWindows p.bottom{
		background:url(../images/icon/cir_bottom_c.jpg) repeat-x center top;
}
.circleWindows .bottom i{
		background:url(../images/icon/cir_bottom_r.jpg) no-repeat top right;
}
.circleWindows p.content{
		margin:0;
		border-left:1px solid #ccc;
		display:block;
		font-style:normal;
		padding:10px;
		background:url(../images/icon/cir_center_r.jpg) repeat-y top right;
}
input,textarea,select{font-size:12px;}
form.clsReg cite{
		color:#f60;
		font:normal 12px/20px verdana;
}

form.clsReg cite span{
		font-size:14px;
}
form.clsReg label{
		width:90px;
		display:block;
		float:left;
}
form.clsReg p{
		margin:6px 0;
}
form.clsReg p input,.submitWebsite p input{
		border:1px solid #D0D0D0;
		height:16px;
		width:200px;
		font-size:12px;
}
textarea{
		border:1px solid #D0D0D0;
}
form.clsReg hr{
		height:1px;
		border:1px dashed #CFCFCF;
		margin:10px 0;
		padding:0;
}
form.clsReg input#webDn,form.clsReg input#logo,form.clsReg textarea#introduction,#code{
		width:270px;
		padding:2px;
}
cite.play_icon1{
		background:url(../images/icon/play_icon1.jpg) no-repeat left -1px;
		padding-left:20px;
		height:19px;
}cite.play_icon2{
		background:url(../images/icon/play_icon2.jpg) no-repeat left -1px;
		padding-left:20px;
		height:19px;
}
cite.play_icon3{
		background:url(../images/icon/play_icon3.jpg) no-repeat left -1px;
		padding-left:20px;
		height:19px;
}
p.icon_help{
		background:url(../images/icon/help_icon1.jpg) no-repeat left 5px;
		display:block;
		padding-left:14px;
}
.labelTag{
		display:block;
		margin:10px 0;
		width:99%;
}
.labelTag label{
	display:block;
	width:260px;
	float:left;
	white-space: nowrap;
}


	.pageCode{clear:left;margin:6px 10px 0px 0;float:right;}
	  .pageCode a{border:1px solid #58CB64;background:#DDF1D8;padding:1px 5px;float:left;margin:0 2px;color:#036F03;font-size:12px;}
	  .pageCode a.activeX{border:1px solid #fff;background:#fff;color:#f60;font-weight:bold;}
	  .pageCode a.back{background:#DDF1D8 url(../images/page.gif) no-repeat 4px -56px;padding-left:10px;}
	  .pageCode a.next{background:#DDF1D8 url(../images/page.gif) no-repeat 43px -86px;padding-right:10px;}


	  
	#NewStep_2 {width:96%;margin-top:8px;}
	#NewStep_2 dl.flt_style{float:left;width:162px;}
	#NewStep_2 ul.text{padding:4em 0 0 5em;_padding:3em 0 0 5em;list-style:none;}
	#NewStep_2 ul.text b{color:#f00;}
	#NewStep_2 h2{float:left;font-size:12px;width:150px;position:absolute;margin-top:30px;font-weight:normal;right:200px;}
	#NewStep_2 dl h1{font:normal 12px/22px "";color:#690;margin:0; padding:0;}
	#NewStep_2 dl dd{margin:0 4px 0 0 ;border:1px solid #74A567;padding:6px 10px;background:#F1FEEE;height:290px;overflow:auto;}
	#NewStep_2 dl dd a{display:block;padding-left:5px;color:#000;border:1px solid #F1FEEE;}
	#NewStep_2 dl dd a.checked{border:1px solid #9c6;background:#cfc;color:#690;font-weight:bold;padding-left:5px;}
	#NewStep_2 dl dd a:hover{border:1px solid #9c6;background:#cfc;color:#690;}
	
	#NewStep_3{margin-bottom:10em;_margin-bottom:4em;}
	#NewStep_3 p{margin:5px 0;}
	#NewStep_3 p b{color:#f00;}
	.green{color:#390;}
	#NewStep_3 label{width:160px;float:left;line-height:22px;display:block;}