@charset "utf-8";
/* CSS Document */
body{
  background: none repeat scroll 0 0 #EEEEEE;
  color: #2d2d2d;
  position:relative;
}
.blueWrapper{
	height:420px;
	background:url(../images/blueBG.png) 0 bottom #3ebdd4 repeat-x;
	
} 
/*top part*/
.topWrapper{
	height:60px;
	background-color:#3ebdd4;
	
}
.topContainer{
	width:980px;
	margin:0 auto; 
}
a.logo{
	float:left;
	width:162px;
	height:41px;
	background:url(../images/logo.png) 0 0 no-repeat;
	margin-top:10px;
	cursor:pointer;
	text-decoration:none;
	display:block;
	margin-left:20px;
}
.loginWrapper{
	float:right;
}
a.signupButton{
	background:url(../images/signupHomeBTN.png) 0 0 no-repeat;
	width:77px;
	height:24px;
	float:right;
	margin:10px 10px 0 0;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	padding:8px 0 0 0;
	cursor:pointer;
	display:none;
	
}
a.loginButton{
	background-color:#fff;
	background-color:#c5ebf2\9;
	border:1px solid #1092aa;
	width:79px;
	height:21px;
	float:right;
	margin:10px 20px 0 0;
	text-align:center;
	color:#1092aa;
	font-weight:bold;
	font-size:14px;
	padding:4px 0 0 0;
	cursor:pointer;
	text-decoration:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	opacity:0.7;
}
a:hover.loginButton{
	opacity:1;
}
/*blue part*/
.blueWrapper{
	border-bottom:1px solid #3796a8;
	
}
.blueContainer{
	width:980px;
	margin:0 auto; 	
}
.devIntro{
	width:544px;
	height:370px;
	float:left;
	background:url(../images/DEVintroPic.png) 0 30px no-repeat;
	_background:url(../images/DEVintroPic_ie.png) 0 30px no-repeat;
}
.devCreatePane{
	padding-top:75px;
	float:left;
}
.mainIntro{
	width:418px;	
	font-size: 23px;
	font-family:微软雅黑,黑体;
	color:#fff;
	padding-left:18px;
}
.createCodeBTN{
	background:url(../images/grabButton.png) 0 0 no-repeat;
	_background:url(../images/grabButton_ie.png) 0 0 no-repeat;
	width:295px;
	height:55px;
	padding-left:18px;
	display:block;
	margin:18px 0 0 18px;
	cursor:pointer;
	float:left;
	_margin:18px 0 0 9px;
}
/*gray part*/
.grayEmptyWrapper{
	/*height:380px;*/
	background-color:#eeeeee;
	border-top:1px solid #fff;
}
/*bottom part*/
.bottomWrapper{
/*	position:absolute;*/
/*	bottom:0;*/
	width:100%;
	margin-top:-50px;
	/*background: url("../images/sucessBottom.png") no-repeat scroll center 66px transparent;*/
}
.bottomIntroContainer{
	width:980px;
	background-color:#4f4f4f;
	height:330px;
	margin:0 auto;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.bottomDetailWrapper{
	height:135px;
	background:url(../images/bottomTopLine.png) 0 0 #989898 repeat-x;
}
.bottomDetailContainer{
	width:980px;
	height:135px;
	margin:0 auto;
	background:url(../images/bottomShadow.png) 0 55px #707070 repeat-x;
	border-top:#999999 1px solid;
}
.bottomFeatureItem{
	width:202px;
	height:293px;
	padding:0 20px 0 20px;
	float:left;
}
.bottomFeatureSeperate{
	float:left;
	width:2px;
	height: 294px;
	background:url(../images/bottomFeatureSepLine.png) 0 0 no-repeat;
}
.bottomFeatureTitle{
	font-size:16px;	
	color:#fff;
	padding:15px 0 0 25px;
	font-family:微软雅黑,黑体;
}
#firstFeature{
	background:url(../images/devFeatureOne.png) 0 0 no-repeat;
}
#scecondFeature{
	background:url(../images/devFeatureTwo.png) 0 0 no-repeat;
}
#thirdFeature{
	background:url(../images/devFeatureThree.png) 0 0 no-repeat;
}
#fourthFeature{
	background:url(../images/devFeatureFour.png) 0 0 no-repeat;
}
.bottomItemPic{
	width:200px;
	height:134px;
	margin-top:10px;
}
.bottomFeatureIntroPane{
	font-size:14px;
	color:#fff;
	line-height:20px;
	padding:12px 3px 0 3px;
	font-family:微软雅黑,黑体;
}
.bottomFeatureIntroPane strong{
	line-height:30px;
}
.bottomLeftCopyright{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	padding: 17px 0 0 20px;
	float:left;
}
.bottomRightFunction{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding: 20px 0 0 20px;
	float:right;
	width:400px;
}
.bottomRightFunction a{
	color:#fff;	
	display:block;
	float:right;
	margin-right:20px;
	cursor:pointer;
}
.bottomRightFunction span{
	color:#fff;	
	display:block;
	float:right;
	margin-right:20px;
}
.stepOneTitle{
	font-size:18px;
	font-family:微软雅黑,黑体;
	color:#2d2d2d;
	text-shadow: 0 1px #fff;
	padding-top:20px;
}
#stepOneWrapper{
	height:500px;	
	border-bottom:1px solid #c9c9c9;
	border-top:1px solid #fff;
	display:none;
}
.stepOneContainer{
	width:980px;
	margin:0 auto;

	position:relative;
}
.stepTwoContainer{
	width:980px;
	margin:0 auto;
	padding:20px 0 0 0;
}
#selectURLpart{
	display:none;
}
.URLKeyUnchangedConfirm{
    /*background: url("../images/wellDone.png") no-repeat scroll 0 13px transparent;*/
    display: block;
    float: left;
    height: 30px;
    padding: 10px 0 0 10px;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    margin-right: 10px;
}
.URLKeyUnselectedConfirm{
    display: block;
    float: left;
    height: 30px;
    padding: 10px 0 0 20px;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    margin-right: 10px;
}
.createInputIntro{
	font-size:16px;
	color:#2d2d2d;
	padding: 24px 0 6px;
	text-shadow: 0 1px #fff;
}
.createInputIntro span{
	color:#0e774a;
}
#inputURL{
	border:none;
	margin:0;
	padding:0;	
	background:url(../images/inputPaneWrapper.png) 0 0 no-repeat;
	width:532px;
	height:38px;
	padding-left:10px;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:35px\9;
	float:left;
}
.inputURLS{
	border:none;
	margin:0;
	padding:0;	
	background:url(../images/inputPaneWrapperS.png) 0 0 no-repeat;
	width:331px;
	height:38px;
	padding-left:10px;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:35px\9;	
	float:left;
}
.createInputExample{
	font-size:12px;
	color:#0e774a;
	margin:2px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	
}
.inputURLWrapper{
		
}
#URLSubmit{
	width:91px;
	height:28px;
	text-align:center;
	margin:15px 0 0 0;
	background:url(../images/provideURLBTN.png) 0 0 no-repeat;
	padding:9px 0 0 0;
	color:#406a3b;
	text-shadow:#eaf8c6 0 1px;
	font-size:16px;
	cursor:pointer;
	display:block;
}
a.reinputURL{
	color:#005db3;
	font-size:12px;
	cursor:pointer;
}
.slectInputIntro{
	border-bottom:1px solid #c9c9c9;
	
}
.selectURLWrapper{
	height:44px;
	border-bottom:1px solid #c9c9c9;
	border-top:1px solid #fff;
}
.basicURLPart{
	font-size:	16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#171817;
	padding:10px 0 0 0;
	float:left;
	margin-right:5px;
}
.seperateURLPart{
	font-size:	16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#171817;
	padding:9px 6px 0 6px;	
	float:left;
	display:none;
}
a.URLKeySelector{
	float:left;
	background:url(../images/URLleft.png) left top no-repeat;
	height:40px;
	display:block;
	cursor:pointer;
	padding-left:9px;
	color:#005db3;
	
}
.URLKeySelectorMid{
	background:url(../images/URLMid.png) left top repeat-x;
	height:30px;
	float:left;
	padding:10px 11px 0 11px;
	font-family:Arial, Helvetica, sans-serif;

}
.URLChangeKey{
	height:30px;
	float:left;
	padding:10px 11px 0 11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
}
.URLKeySelectorRight{
	background:url(../images/URLRight.png) left top no-repeat;
	height:40px;
	float:left;
	width:9px;
}
a.URLSelectedTarget{	
	display:block;
	float:left;
	height:30px;
	padding: 10px 3px 0 0;
	width:17px;
	cursor:pointer;
	background:url(../images/wellDone.png) 0 13px no-repeat;
	
}
a:hover.URLSelectedTarget{
	background:url(../images/delDone.png) 0 13px no-repeat;	
}
.selectedItemWords{
	float:left;
	font-size:16px;
	color:d2d2d2;
	height:30px;
	padding: 10px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	padding: 10px 0 0 0;
	margin-right: 20px;
}
.URLSelctedTargetWrapper{
	float:left;
}
a.selectConfirmBTN{
	width:91px;
	height:28px;
	float:left;
	text-align:center;
	margin:10px 0 0 0;
	background:url(../images/provideURLBTN.png) 0 0 no-repeat;
	padding:9px 0 0 0;
	color:#406a3b;
	text-shadow:#eaf8c6 0 1px;
	font-size:16px;
	cursor:pointer;	
}
.selectConfirmWrapper{
	border-top:1px solid #fff;	
}
#stepTwoWrapper{
	display:none;
	/*min-height:670px;*/
	border-top:1px solid #fff;
}
.stepTwoTitle{
	color: #2D2D2D;
    font-family: 微软雅黑,黑体;
    font-size: 18px;
    margin-bottom: 20px;
    text-shadow: 0 1px #FFFFFF;
}
.designPaneWindow{
	float:left;
	width:618px;
	background:url(../images/designPaneBottom.png) left bottom no-repeat;
	padding-bottom: 8px;
}
.codePaneWindow{
	width:618px;
	background:url(../images/designPaneBottom.png) left bottom no-repeat;
	padding-bottom: 8px;
}
.designPaneTop{
	height:8px;
	width:618px;
	background:url(../images/designPaneTop.png) 0 0 no-repeat;	
	_margin-bottom:-10px;
}
.designPaneMid{
	width: 598px;
	background:url(../images/designPaneMid.png) 0 0 repeat-y;	
	padding: 5px 15px 5px 10px;
	position:relative;
	min-height:200px;
	_height:200px;
}
.designPaneMid div{
	position:relative;
	z-index:10000;
}
.designPaneEdit{
	float:left;
}
.designTemp{
	width:605px;
	height:463px;
	margin: 0 0 0 8px;
	background:url(../images/tempBG.png) 0 0 no-repeat;	
}
.editFrameTitle, .limitFrameTitle{
	font-size:14px;
	padding:2px 0 9px 0;
	font-weight:bold;
}
#pixelWidth, #limitNumber{
	background-color:#fff;
	border:1px solid #cccccc;
	width:51px;
	height:23px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	float:left;
	padding-left:5px;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	display:none;
	height:19px\9;
	margin-top:5px\9;
}
.introText, .limitIntroText{
	float:left;
	color:#9f9f9f;
	font-size:14px;
	margin:7px 0 0 6px;
	margin:12px 0 0 6px\9;
	display:none;
}
.editFramContainer{
	margin:0 0 15px 0;
	height:30px;
}
#selectItemAmount{
	background-color:#fff;
	border:1px solid #cccccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	width:160px;
	height:23px;
	font-size:15px;
	margin:0 0 15px 0;
	font-family:Arial, Helvetica, sans-serif;
}
#selectIputPosition{
	background-color:#fff;
	border:1px solid #cccccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	width:160px;
	height:23px;
	font-size:15px;
	margin-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;	
	border-bottom:1px solid #c9c9c9;
	display:none;
}
.introTrans{
	font-size:14px;
	margin-left:4px;
	float:left;
}
#transparentBox{
	margin:0;
	padding:0;
	float:left;
}
.transparentWrapper{
	border-top:1px solid #fff;
	border-bottom:1px solid #c9c9c9;
	padding:15px 0 15px 0;
	margin:0 0 0 0;
	margin-left:25px;
	display:none;
}
.editFirstArea{
	margin-left:25px;
	border-bottom:1px solid #c9c9c9;	
	width:290px;
}
.moreeditSupportWrapper{
	margin-left:25px;
	border-top:1px solid #fff;	
	width:290px;	
	padding-top:15px;
}
.editMoreIntro{
	font-size:14px;
}
.showCodeBTN{
	width:91px;
	height:28px;
	float:left;
	text-align:center;
	margin:10px 0 0 0;
	background:url(../images/provideURLBTN.png) 0 0 no-repeat;
	padding:9px 0 0 0;
	color:#406a3b;
	text-shadow:#eaf8c6 0 1px;
	font-size:16px;
	cursor:pointer;		
}
/*demo one*/
.UYTitle{
  font-size:14px;
  font-weight:bold;
  padding:1px 0 10px 0;
}
.UYInputWrapper{
  padding:0 0 12px 0;
  background-color:#fff;
}
.UYPhoto{
  width:48px;
  height:48px;
  background:url(../images/photoDefault.png) 0 0 no-repeat;
  float:left;
}
.UYInputAllPane{
  float:left;
  min-height:75px;
  position:relative;
}
.UYInputFrame{
  border:1px solid #cccccc;
  margin-left:15px;
  min-height:75px;
  position:relative;
}
.UYInputAllPane div.UYLeftArrow{
  width:10px;
  height:18px;
  position:absolute;
  left:6px;
  top:15px;
  background:url(../images/arrowLeft.png) 0 0 no-repeat;
}
#submitUY{
  font-size:14px;
  color:#555;
  border:none;
  width:510px;
  min-height:63px;
  padding:5px;
  font-family:SimSun;
  overflow:auto;
  position:relative;
  z-index:10000;
  background:transparent;
}
#UYLeftNumber{
  position:absolute;
  right:10px;
  bottom:2px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:24px;
  color:#d2d2d2;
  z-index:10;
}
.UYMoreFunctions{
  padding-left:16px;
  padding-top:7px;
}
#UYConnected a{
  display:block;
  float:left;
  width:20px;
  height:20px;
  margin-right:2px;
  cursor:pointer;
  position:relative;
  z-index:1000;
}
#UYConnected a:hover{
  opacity:0.8;	
}
.connectIntro{
  font-size:12px;
  color:#4b717d;
  line-height: 20px;
  margin-left:5px;
  display:block;
  float:left;
}
.RENRENSmall{
  background:url(../images/RENRENM.png) 0 0 no-repeat;
}
.SINASmall{
  background:url(../images/SINAM.png) 0 0 no-repeat;
}
.QZONESmall{
  background:url(../images/QZONEM.png) 0 0 no-repeat;
}
.EASYNETSmall{
  background:url(../images/EASYWEBM.png) 0 0 no-repeat;
}
.TMBSmall{
  background:url(../images/TENCENTM.png) 0 0 no-repeat;
}
.KAIXINSmall{
  background:url(../images/KAIXINM.png) 0 0 no-repeat;
}
.DOUBANSmall{
  background:url(../images/DOUBANM.png) 0 0 no-repeat;
}
.SOHUSmall{
  background:url(../images/SOHUM.png) 0 0 no-repeat;
}
.YYSmall{
  background:url(../images/YYM.png) 0 0 no-repeat;
}
.connectIntro{
  font-size:12px;
  color:#4b717d;
  line-height: 20px;
  margin-left:5px;
  display:block;
  float:left;
}
.UYinnerLine{
  float:left;	
  width:1px;
  height:16px;
  margin:3px 10px 0 5px;
  background-color:#CCC;
}
#UYUnConnected a{
  display:block;
  float:left;
  width:20px;
  height:20px;
  margin-right:2px;
  cursor:pointer;
  position:relative;
  z-index:1000;
}
#UYUnConnected a:hover{
  opacity:0.8;
}

#UYSubmitInputBTN{
  width:81px;
  height:23px;
  float:right;
  margin:4px 3px 0 0;
  background:url(../images/commentBTN.png)  0 0 no-repeat;
  cursor:pointer;
}
#UYUnConnected{
  float:left;
  padding-right:10px;
  margin-top:8px;
}	
#UYConnected{
  border-right: 1px solid #CCCCCC;
  display: none;
  float: left;
  margin-right: 8px;
  margin-top: 8px;
  padding-right: 8px;
}
.UYLiteProfile{
  background: url("../images/dotLine.png") repeat-x scroll 0 0 transparent;
  height:35px;
  padding:5px 0 5px 65px;
}
.UYBasicProfileWrapper{
  width:160px;
  float:left;
}
a.UYProfileName{
  color:#0099b9;
  font-size:15px;
  font-weight:bold;
  font-family:微软雅黑,黑体;
  cursor:pointer;
  float:left;
  display:block;
  margin-right:5px;
}
a:hover.UYProfileName{
  text-decoration:underline;
}
a#UYBindAccount{
  float:left;
  font-size:12px;
  display:block;
  cursor:pointer;
  padding-left:13px;
  background:url(../images/bindIcon.png) 0 0 no-repeat;
  color:#0099b9;
  padding-top:2px;
  display:none;
}
.UYProfileAction{
  position:relative;	
}
a.UYProfileActionItem{
  font-size:12px;
  color:#004276;
  text-decoration:none;
  cursor:pointer;
  float:left;
}
.UYProfileActionLine{
  width:1px;
  background-color:#f0d0ac;
  float:left;
  height:10px;
  margin:3px 8px 0 8px;
}
a.UYProfileActionItem{
  font-size:12px;
  color:#004276;
  text-decoration:none;
  cursor:pointer;
  float:left;
}
.UYProfileActionLine{
  width:1px;
  background-color:#f0d0ac;
  float:left;
  height:10px;
  margin:3px 8px 0 8px;
}
.UYCommentsAmount{
  border-left:1px solid #e5e5e5;
  height:30px;
  float:left;	
  padding-left:15px;
  margin-top:3px;
  padding-right: 15px;
}

.UYNUM{
  color:#0099b9;
  font-size:13px;
  font-weight:bold;
  line-height: 16px;
  font-family:'Helvetica Neue',Helvetica,Arial,Sans-serif;
}
.UYNUMIntro{
  color:#3c3940;
  font-size:12px;
}
a.UYInfoLink{
  color:#2854bb;
  text-decoration:none;
}
.UYInfo{
  font-size:14px;
  color:#303030;
  line-height:18px;
  min-height: 26px;
}

.UYInfoWrapper{
  float:left;
  padding-left:15px;
  width:525px;

}
.itemWrapper{
  padding:15px 0;
  background:url(../images/dotLine.png) 0 0 repeat-x #fff;
}
.UYInfoAction{
  padding:6px 0 0 0;
}
.UYSendTime{
  padding:0px 10px 0px 0;
  font-size:12px;
  color:#acacd0;
  float:left;
}
#SINAType{
  background:url(../images/sinaTiny.png) 0 0 no-repeat;
  width:50px;
  color:#a9a9a9;
  font-size:12px;
  float:left;
  padding-left:20px;
  height:16px;
}
a.UYReply{
  padding:0px 4px 0 0;
  font-size:12px;
  color:#5f88ce;
  float:right;
  display:block;
  cursor:pointer;
}
a:hover.UYReply{
  text-decoration:underline;

}
a.UYReplyIcon{
  float:right;
  width:13px;
  height:13px;
  margin-right:4px;
  background:url(../images/reply.png)  0 0 no-repeat;
  display:block;
  cursor:pointer;	
}
a:hover.UYReplyIcon{
  background:url(../images/replyHover.png)  0 0 no-repeat;
}
.UYUpIconColor{
  float:right;
  width:13px;
  height:13px;
  margin-right:4px;
  background:url(../images/upColor.png)  0 0 no-repeat;
  cursor:pointer;
  display:block;
}
a.UYUpIcon{
  float:right;
  width:13px;
  height:13px;
  margin-right:4px;
  background:url(../images/up.png)  0 0 no-repeat;
  cursor:pointer;
  display:block;
}
a:hover.UYUpIcon{
  background:url(../images/upHover.png)  0 0 no-repeat;
}
.UYdownAmount{
  color:#5F88CE;	
}
.UYupAmount{
  color:#5F88CE;	
}
a.UYDownInfo{
  padding:0px 14px 0 0;
  border-right:1px solid #e2d4e2;
  font-size:12px;
  color:#5f88ce;
  float:right;
  display:block;
  cursor:pointer;
  margin-right: 10px;
}
a:hover.UYDownInfo{
  text-decoration:underline;
}
.UYDownInfo span{
  padding-left:3px;
}
a.UYUpInfo{
  padding:0px 14px 0 0;
  border-right:1px solid #e2d4e2;
  font-size:12px;
  color:#5f88ce;
  float:right;
  display:block;
  cursor:pointer;
  margin-right:13px;
}
a:hover.UYUpInfo{
  text-decoration:underline;
}
.UYUpInfo span{
  padding-left:3px;
}
.UYDownIconColor{
  float:right;
  width:13px;
  height:13px;
  margin-right:4px;
  background:url(../images/downColor.png)  0 0 no-repeat;
  display:block;
  cursor:pointer;
}
a.UYDownIcon{
  float:right;
  width:13px;
  height:13px;
  margin-right:4px;
  background:url(../images/down.png)  0 0 no-repeat;
  display:block;
  cursor:pointer;
}
a:hover.UYDownIcon{
  background:url(../images/downHover.png)  0 0 no-repeat;
}
/*long side*/
.longWrapper{
  padding:15px 0;
  background:url(../images/dotLine.png) 0 0 repeat-x #fff;	
}
.UYEmptyBox{
  padding:38px 0;
  background:url(../images/dotLine.png) 0 0 repeat-x;	
}
.UYEmtypBoxBottom{
	height:1px;
	background:url(../images/dotLine.png) 0 0 repeat-x;	
}
.UYEmtypWord{
	background: url("../images/emptyComment.png") no-repeat scroll left top transparent;
    color: #979797;
    font-size: 12px;
    height: 18px;
    margin: 0 auto;
    padding-left: 30px;
    padding-top: 3px;
    width: 110px;
}
.pageWrapper{
	padding-top:10px;
	padding-bottom:10px;
	background-color:#fff;
}
.pageWrapper a{
	float:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #aaaaaa;
	color:#333333;
	text-align:center;
	padding:4px 6px 5px 6px;
	font-size:12px;
	margin-right:3px;
	cursor:pointer;
}
.powerUY{
	font-size:12px;
	color:#a9a9a9;
	float:right;
	display:none;
}
.pageWrapper a.pagerNumCurrent{
	border:1px solid #003f7e;
	color:#cc0000;	
	font-weight:bold;
}
#amountControl{
	font-weight:bold;	
}
.designPaneMid div.bottomstyle{
	position:absolute;
	right:20px;
	bottom:10px;
	width:178px;
	height:151px;
	background:url(../images/transparentTest.png) 0 0 no-repeat;
	z-index:3;
}
.UYLiteProfileWrapper{
	background-color:#fff;	
}
/*demo one end*/
.generateWrapper{
	height:82px;
	padding-bottom:100px;
}
.getCodePane{
	width:600px;
	min-height:210px;
	overflow:auto;
	border:none;
	border-color:#fff;
	font-size:11px;
	position:relative;
}
.designPaneMid div.designPaneCodeArrow{
	background:url(../images/arrowDownTop.png) 220px 0 no-repeat;	
	position:absolute;
	top:-10px;
	left:300px;
	width:86px;
	height:38px;
	z-index:3000000;
}
.copyIntro{
	font-size:12px;
	color:#484848;
	padding:23px 360px 0 0;
	float:right;	
}

.copyIntro a{
	color:#0082cd;
}
#copyAlert{
	float:left;
	padding:13px 0 0 10px;
	color:#F90;
	font-size:13px;
	width: 240px;
}
#seperateLineCreate{
	width:100%;
	height:0;
	font-size:0;
	border-top:1px solid #c9c9c9;
	border-bottom:1px solid #fff;
	margin:35px 0 25px 0;
	display:none;
}
#showCodePane{
	display:none;	
}
.introductionTitle{
	font-size:14px;
	color:#434242;
	font-weight:bold;
	margin-bottom:4px;
}
.introductionCode{
	width:980px;
	margin:0 auto;
	display:none;
	padding-bottom:100px;
}
.relevantTitle{
	margin:30px 0 10px 0;	
}
.relevantTitleRD{
	margin:45px 0 10px 0;	
}
.introductionHelp{
	margin:14px 0 0 0;	
}
.doneBasicWrapper{
	margin:15px 0 0 0;
}
.doneBasic{
	width:58px;
	height:22px;
	background:url(../images/wellDone.png) 0 0 no-repeat;
	padding-left:22px;
	color:#406a3b;
	float:left;
	font-size:14px;
}
a.redoBasic{
	float:left;	
	color:#005db3;
	font-size:14px;
	cursor:pointer;
}
.afterCreate{
    display: block;
    height: 55px;
    margin: 18px 0 0 18px;
    padding-left: 44px;
	padding-top: 6px;
    width: 313px;
	color:#fff;
	font-size:18px;
	font-family:微软雅黑,黑体;
	background:url(../images/arrowClickDown.png) 0 0 no-repeat;
	_background:url(../images/arrowClickDown_ie.png) 0 0 no-repeat;
}
.introLogoPane{
	font-family:微软雅黑,黑体;
	font-size:15px;
	padding-left:20px;
	/*background:url(../images/span.png) 0 0 no-repeat;*/
	color:#fff;
	float:left;
	margin: 19px 0 0 10px;
}
#widthRadio{
	float:left;
	margin:8px 0 0 0;
}
.introTextRadio{
	float:left;
	font-size:14px;
	margin:6px 5px 0 2px;
	margin:10px 5px 0 2px\9;
}

#diyWidth{
	float:left;
	margin:8px 0 0 0;
}
#introTextRadio{
	float:left;
	font-size:14px;
	margin:0 5px 0 2px;	
}
.downloadLink{
	color: #0082CD;
	text-decoration: none;
	font-size: 14px;
	margin: 10px 0 ;
	display: block;	
}
.UYalertPane{
  background:url(../images/alertRightBar.png) right top no-repeat;
  height:21px;
  padding-right: 3px;
  width:435px;
  margin-top:6px;
}
.UYleftAlBar{
  background:url(../images/alertLeftBar.png) left top no-repeat;
  height:18px;
  width:3px;
  float:left;
  padding-top:3px
}
.UYmidAlContent{
  background:url(../images/alertMid.png) 0 0 repeat-x;
  height:21px;
}
.UYalertImage{
  width:14px;
  height:12px;
  background:url(../images/alertIcon.png) 0 0 repeat-x;
  float:left;
  margin:5px 0 0 5px;
}
.UYalertInfo{
  color:#6b4620;
  font-size:12px;		
  margin-left:4px;
  float:left;
  padding-top:3px;
}
.introCodeWrapper{
	font-size:12px;
	border:1px solid #85aec1;
	background-color:#fff;
	line-height:17px;
	padding:5px;
	color:#242424;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 17px;
    margin-top: 10px;
	display:block;
	position:relative;
	height:68px;
}
.inlineCode{
	padding:0 13px;	
}
.overCodeTop{
	padding:2px 8px;
	background-color:#848484;
	border:1px solid #3d3d3d;
	color:#fff;
	width:245px;
	margin-bottom:-1px;
	font-family:Simsun;
}
.overCodeIntro{
	position:absolute;
	left:405px;
	top:3px;
}
a.mailLink{
	color:#0082CD;
}
.lineL{
	margin-top:5px;	
}
.lineF{
	margin-bottom:5px;	
}
.inputUpTag{
	font-size:16px;
	padding:10px 0 5px 0;
}
.psAlert{
	font-size:13px;	
}
.errorInput{
	width:17px;
	height:17px;
	background:url(../images/delDone.png) 0 0 no-repeat;
	margin-left:10px;
	float:left;
	margin-top:9px;
}
.correctInput{
	width:17px;
	height:17px;
	background:url(../images/wellDone.png) 0 0 no-repeat;
	margin-left:10px;
	float:left;
	margin-top:9px;	
}
.spreadLine{
	height:1px;
	font-size:1px;
	border-top:1px solid #c9c9c9;
	background-color:#fff;
	margin:15px 0 0 0;
}
.lgoinPane{
	position:absolute;
	top:285px;
	left:415px;
	font-size:12px;
	color:#545454;

}
a.alAccount{
	color:#256b94;
	text-decoration:none;
	cursor:pointer;
}
.accountWrapper{
	font-size:22px;
	font-family:微软雅黑,黑体,Arial, Helvetica, sans-serif;
	padding:16px 0 3px 0;
	margin:0 auto;
	width:980px;
}
#loginPane{
	width:415px;
	height:192px;
	position:relative;
	display:none;
}
.loginTitlePane{
	height:29px;
	background-color:#e3eef2;
	border-bottom:1px solid #c9c9c9;
	color:#393939;
	font-family:微软雅黑,黑体;
	padding-left:36px;
	padding-top:15px;
	font-size:15px;
	margin-bottom:1px;
	font-weight:bold;
}
.loginItemTitle{
	font-size:13px;
	color:#3e3e3e;
	width:97px;
	padding-right:15px;
	text-align:right;
	float:left;
	padding-top:8px;
	font-family:Arial, Helvetica, sans-serif;
}
.inputStyle{
	border:1px solid #80a1c1;
	width:234px;
	height:25px;	
	color:#687793;
	padding:2px 8px;
	float:left;
	line-height:26px\9;
}
.loginItemWrapper{
	padding:15px 0 0 0;
	*padding:7px 0 0 0;
}
.bottomLoginWrapper{
	padding: 10px 50px 0 112px;	
}
.loginBTNPane{
	padding:5px 20px 2px 20px;
	color:#fff;
	background-color:#8bad50;
	border:1px solid #799e3c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:13px;
	text-align:center;
	display:block;
	float:right;
	cursor:pointer;
	text-decoration:none;
}
#checkReme{
	margin:7px 0 0 0;
	padding:0;
	display:block;
	float:left;
	border:1px solid #80a1c1;
}
.checkRemeIntro{
	float:left;
	font-size:12px;
	margin-left:4px;
	margin-top:7px;
	color:#3e3e3e;
}
#closediag{
	position:absolute;
	top:-15px;
	right:-15px;
	_top:0;
	_right:0;
	background:url(../images/closeDialog.png) 0 0 no-repeat;
	_background:url(../images/closeDialogIE.png) 0 0 no-repeat;
	width:31px;
	height:31px;
	display:block;
	z-index: 100000;
}
.loggedinWrapper{
	background:url(../images/topNaviRight.png) top right no-repeat;
	padding-right:5px;
	height:41px;
	width:360px;
	float:right;
}
.loggedinLeft{
	width:5px;
	height:41px;
	float:left;
	background:url(../images/topNaviLeft.png) top right no-repeat;
}
.loggedinMid{
	float:left;
	height:41px;
	background:url(../images/topNaviMid.png) 0 0 repeat-x;
	width:355px;
}
a.topNaviItem{
	text-align:center;
	font-family:微软雅黑,黑体;
	width:115px;
	height:30px;
	display:block;
	float:left;
	font-size:14px;
	padding-top:8px;
	cursor:pointer;
	text-decoration:none;
	color:#fff;

}
a:hover.topNaviItem{
	background-color:#636363;
	
}
a.topNaviName{
	text-align:center;
	font-family:微软雅黑,黑体;
	width:125px;
	height:38px;
	display:block;
	float:left;
	font-size:14px;
	padding-top:8px;
	cursor:default;
	text-decoration:none;
	color:#ccc;	
}
#alertLogin{
	margin-left:15px;
	font-size:13px;
	font-weight:normal;
}
.jumpManageBTN{
	background:url(../images/goToManageBTN.png) 0 0 no-repeat;
	width:181px;
	height:28px;
	float:left;
	text-align:center;
	font-size:16px;
	font-family:Simsun;
	padding-top:9px;
	color:#523b20;
	text-decoration:none;
	text-shadow: 0 1px #fbeabe;	
	margin-top:30px;
}
.alertSignup{
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 微软雅黑;
    font-size: 13px;
    margin-left: 10px;
    margin-top: 53px;
	cursor:pointer;
}
.selectHomeTab{
	background:url(../images/selectedHomeTab.png) 0 0 no-repeat;
	width:110px;
	height:24px;
	float:left;
	margin-bottom:-2px;
	text-align:center;
	font-size:14px;
	color:#353535;
	padding-top:9px;
	margin-right:6px;
	cursor:default;
}
.WPselectHomeTab{
	background:url(../images/WPselectedHomeTab.png) 0 0 no-repeat;
	width:100px;
	height:24px;
	float:left;
	margin-bottom:-2px;
	text-align:center;
	font-size:14px;
	color:#353535;
	padding-top:9px;
	margin-right:6px;
	cursor:default;
	padding-left:10px;
}

a.unCurrentHomeTab{
	background:url(../images/unSelectedHomeTab.png) 0 0 no-repeat;	
	cursor:pointer;
	color:#406a3b;
}
a.WPunCurrentHomeTab{
	background:url(../images/WPunSelectedHomeTab.png) 0 0 no-repeat;	
	cursor:pointer;
	color:#406a3b;
}
.navigationSelectTab{
	padding-left:10px;
	border-bottom:1px solid #c9c9c9;
}
.designPaneWrapper{
	padding-top:15px;
	border-top:1px solid #fff;
}
#pluginPane{
	display:none;
	padding-top:13px;
}

.stepTwoIntro{
	font-size:13px;
	padding-left:10px;
}
a.pluginSelected{
	font-size:13px;
	background-color:#d2d2d2;
	border:1px solid #afafaf;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	display:block;
	width:122px;
	height:23px;
	padding:2px 0 0 10px;
	font-family:微软雅黑,黑体;
	color:#252525;
}
.pluginLeftPane{
	padding:5px 5px 0 0 ;	
	border-right:1px solid #c9c9c9;
	margin-right:-1px;
	float:left;	
	width:140px;
}
.pluginRightPane{
	border-left:1px solid #c9c9c9;
	margin-bottom:50px;
	min-height:600px;
	float:left;
	width:800px;
	padding:5px 0 0 20px;
}
#wordpressPlugin h2{
	font-size:22px;
	font-family:微软雅黑,黑体;
	padding-bottom:10px;
}
#wordpressPlugin h3{
	font-size:15px;
	color:#f04745;
	font-family:微软雅黑,黑体;
	font-weight:normal;
	padding-bottom:5px;
}
#wordpressPlugin p{
	font-size:14px;
	padding-bottom:20px;
	line-height:17px;
}
.pluginDowload{
	color:#005DB3;
}

.selectStylePane{
	padding-bottom:10px;
}
.selectStyleItem{
	float:left;
	margin-right:16px;
	width:164px;
	height:22px;
	padding-top:90px;
}
.simpleStyle{
	background:url(../images/selectStyle3.png) 0 0 no-repeat;	
}
.standardStyle{
	background:url(../images/selectStyle4.png) 0 0 no-repeat;	
}
.selectStyleAction{
	font-size:12px;
	color:#333;
	padding-left:35px;
}
.selectStyleRadio{
	float:left;
	margin:0;
	padding:0;
	margin:2px 5px 0 0;
	display:block;
}
.selectStyleRadioIntro{
	float:left;
	*margin-top:5px;
}