@Media Screen
{
	.MessageDisplay
	{
		color:Red;
	}
    .RegisterStepHoder,
    .RegisterHolder,
    .RegisterPanel,
    .RegisterRemarkPanel,
    .LoginPanel,
    .LoginRemarkPanel,
    .BasicInfoPanel, 
    .CompanyInfoPanel,
    .ProductInfoPanel,
    .PasswordMessagePanel
    {
        background-color:White;
    }
    
    .RegisterStepHolder
    {        
        height:100%;
    }
    
    .RegisterByMobileStep,
    .RegisterByEmalStep
    {        
        padding-top:10px;
    }

    .RegisterByEmalStep .StepName
    {
        background:transparent url('images/icon_2.gif') no-repeat 0 10px;
    }
    
    .RegisterByMobileStep .StepName
    {
        background:transparent url('images/icon_2.gif') no-repeat 0 -65px;        
    }    
    .RegisterStepHolder .StepName
    {        
        float:left;
        padding:20px 5px 0 35px;        
    }
        
    .BlueArrow,
    .GreenArrow
    {
        width:20px;
        height:40px;     
        float:left;   
    }
    
    .GreenArrow
    {
        background:transparent url('images/arrow_4.gif') no-repeat center center;
    }
    
    .BlueArrow
    {
        background:transparent url('images/arrow_5.gif') no-repeat center center;
    }
    
    /*Green Round Box Style - Start */
    .GreenRoundBox
    {
        width:15%;
        background-color:#f0feca;      
        text-align:center;
        float :left;
        border:1px solid #7bcf7b;
    }
    .GreenRoundBox div a
    {
    	color:#009900;        
        font-size :13px;
    }
    .GreenRoundBox .RBContent, .BlueRoundBox .RBContent
    {
        height:1.5em;
    }
    .GreenRoundBox .rbtop
    {
        background:transparent url('images/corn_8.gif') no-repeat top left;
    }
       
    .GreenRoundBox .rbtop div
    {
        background:transparent url('images/corn_9.gif') no-repeat top right;
    }
      
    .GreenRoundBox .rbbot
    {
        background:transparent url('images/corn_11.gif') no-repeat top left;
    }    
   
    .GreenRoundBox .rbbot div
    {
        background:transparent url('images/corn_10.gif') no-repeat top right;
    }
    
    
    /*Green Round Box Style - End */

    /*Blue Round Box Style - Start */
    .BlueRoundBox
    {
        width:15%;
        background-color:#e2f9fe;      
        text-align:center;
        float :left;
        border:1px solid #8ab0d6;
    }
    .BlueRoundBox div a
    {
    	color:#336699;        
        font-size :13px;
    }
   
    .BlueRoundBox .rbtop
    {
        background:transparent url('images/corn_12.gif') no-repeat top left;
    }
       
    .BlueRoundBox .rbtop div
    {
        background:transparent url('images/corn_13.gif') no-repeat top right;
    }
      
    .BlueRoundBox .rbbot
    {
        background:transparent url('images/corn_15.gif') no-repeat top left;
    }    
   
    .BlueRoundBox .rbbot div
    {
        background:transparent url('images/corn_14.gif') no-repeat top right;
    }
    
    .BlueRoundBox .rbtop, 
    .BlueRoundBox .rbtop div, 
    .BlueRoundBox .rbbot, 
    .BlueRoundBox .rbbot div,
    .GreenRoundBox .rbtop, 
    .GreenRoundBox .rbtop div, 
    .GreenRoundBox .rbbot, 
    .GreenRoundBox .rbbot div
    {
        height:10px;
    }
    
    
     .GreenRoundBox .rbtop, .BlueRoundBox .rbtop
    {
        position:relative ;
        top:-1px;
        left:-1px;
    }
       
    .GreenRoundBox .rbtop div, .BlueRoundBox .rbtop div, .GreenRoundBox .rbbot div, .BlueRoundBox .rbbot div
    {
        position:relative ;
        left:2px;
    }
    
    
    .GreenRoundBox .rbbot, .BlueRoundBox .rbbot
    {
        position:relative ;
        top:1px;
        left:-1px;
    }    
    
    
    /*Blue Round Box Style - End */
    
     /*Register Page Style - Start */
    
   .mustinputstar
   {
   		color :Red;
   		padding-right :5px;
   }
   
   .RegisterPanel, .LoginPanel
   {
   		padding:10px 40px;
        float:left;
        width:35%;
        line-height:1.6em;
   }
   .RegisterPanel p, .LoginPanel p
   {
        padding-top:10px;
   }
   .RegisterRemarkPanel, .LoginRemarkPanel
   {
   		padding:10px;  
        border-left:dotted 2px #7bcf7b;
        overflow:auto;  
        font-size:13px;    
        padding:10px 40px;  
   }
    .RegisterPanel, .RegisterRemarkPanel
    {    
        height:460px;
    }
    
    .LoginPanel, .LoginRemarkPanel
    {        
        height:390px;
    }
    
    h1.AddTop100Notes
    {
		color:#666666;	
    }
    h1.RRRCompanyList
    {
    	background: transparent url('images/icon_2.gif') no-repeat 0px -143px ;
    }
    
    
    h1.RRRProductExperienceShare
    {
    	background: transparent url('images/icon_2.gif') no-repeat 0px -211px ;
    }
    
    
     h1.RRRBusinessCalendar
    {
    	background: transparent url('images/icon_2.gif') no-repeat 0px -282px ;
    }
    
     h1.RRRKnowledge
    {
    	
    	background: transparent url('images/icon_2.gif') no-repeat 0px -350px ;
    }
    
     h1.RRRBusinessCalendar,  h1.RRRKnowledge, h1.RRRCompanyList, h1.RRRProductExperienceShare
    {
    	height:30px;
    	padding-left:35px;
    	margin-top:15px;
    }
    h1.RRPForgetPassword
    {
    	margin-top:15px;
    	margin-bottom:15px;
    }
    
    .RegisterRemarkPanel ul
    {
		line-height:20px;
    }
    
    .RegisterRemarkPanel h1 span,  .LoginRemarkPanel h1 span
    {
		color:#333333;
		font-size :13px;	
		padding-left:5px;
    	font-weight :normal ;
    }
     /*Register Page Style - End */
     
     
     /*Login Page Style - Start */
     .LoginStepHolder h1 span
     {
     	padding-left:5px;
     }
     
    .RoundBoxSinglePaddingTop
    {
    	padding-top:10px;
    }
    
    .LoginCmpDetailStep
    {
		margin-top:10px;	
    }
    /*Login Page Style - End */
    
    /*BasicInfo Page Style, CompanyInfo Page Style  - Start */
     
    .BasicInfoPanel h1, .CompanyInfoPanel h1,.PasswordMessagePanel h1, .ProductInfoPanel h1
    {
    	padding: 10px 40px;
    }
    
    .CompanyInfoPanel .BasicInfoPanel
    {
        height:98%;
    }
   
    .BIPItemNameArea, .CIPItemNameArea, .PIPItemNameArea, .CPWItemNameArea
    {
    	float:left;
    	width:20%;
    	text-align :right;
    	line-height :30px;
    }
   
    .BIPItemInputArea, .CIPItemInputArea, .PIPItemInputArea
    {
    	float:left;
    }
    
    .BIPItemInputArea, .CIPItemInputArea
    {
        width:80%;
    }
    
    .PIPItemInputArea
    {
        width:57%;
    }
    
    .CIPMessageBar
    {
    	width:400px;
    	height:30px;
    	position:relative ;
    	/*top:80px;*/
    	left:160px;
    }
    .BIPItemNameArea p, .BIPItemInputArea p,  .CIPItemNameArea p, .CIPItemInputArea p, .PIPItemInputArea p
    {
    	height:35px;
    }
    
    .BIPItemInputArea p.BIPDropDownList
    {
    	position :relative ;
		/*left:-450px;	*/
		*left:0px;
    }
    
    .BIPItemInputArea p input, .CIPItemInputArea p input, .PIPItemInputArea p input
    {
    	float:left;
    	padding-top:5px;
    }
    
        
    .BIPItemInputArea p span, .CIPItemInputArea p span
    {
    	display:block;
    	line-height :1.2em;
    	float:left;
		_line-height :1em;/*For IE6*/
		_padding-top:2px;/*For IE6*/
    }
    
    .BIPItemInputArea p span
    {
    	margin-left:10px;
    	width:300px;
    }
    .CIPItemInputArea p span.navigatorlink
    {
    	width:80px;
    	float:left;
    }
    
    .BIPItemInputArea p span.BIPGraphicDes, .CIPItemInputArea p span.CIPGraphicDes
    {
    	left:220px;
    }
    
    .BIPSubmitButtonArea, .CIPSubmitButtonArea
    {
		float:left;
    	width:50%;
    	padding-left:200px;
    }
    
    .CIPSubmitButtonArea, .BIPSubmitButtonArea
    {
    	margin-top:25px;/*For all browser*/
    	/**margin-top:80px;For IE6, IE7*/
    	_margin-top:10px;/*For IE6*/
    	margin-bottom:10px;
    }
    
    .NextStepBtnContent
    {
		width:	200px;
		margin-left:10px;
    }
    .BIPItemInputArea span.BIPPersonImage, .CIPItemInputArea span.CIPPersonImage
    {
        position:relative;    
    	width :160px;
    	height :120px;
    	float:right;
    	margin-right:5px;    	
    	margin-top:-25px;
    	left:0;
    	+top:0;
    }
    
    .BIPItemInputArea span.BIPPersonImage, .CIPItemInputArea span.CIPPersonImage
    {
    	background : transparent url('images/pic_member-b.gif') no-repeat 0px 0px ; 
    }
    
    .CIPItemInputArea span.CIPPersonImage
    {
    	background : transparent url('images/pic_company.gif') no-repeat 0px 0px ; 
    }
    
    /*BasicInfo Page Style, CompanyInfo Page Style  - End*/
    
    /*ProductInfo Page Style - Start*/
    
    .ProductInfoPanel
    {   
    	height:800px;
    }
    
    /*.Product001, .Product002, .Product003
    {
		width:100%;
		height:250px;
    }*/
    .Product
    {
		width:100%;
		height:250px;
    }
   
    .PIPSubmitButtonArea
    {
    	position:relative ;
    	top:-40px;
    	width:50%;
    	padding-left:350px;
    }
    .PIPProductImage
    {
    	background : transparent url('images/pic_product.gif') no-repeat 0px 0px ;
    	float:right;
    	margin-right:5px;
    }
    /*.PIPItemInputArea p span.PIPProductImage
    {
    	width:160px;
    	height :120px;
    	display :block;
    	position:relative ;
    	left:340px;
    	top:-60px;
    	background : transparent url('images/pic_product.gif') no-repeat 0px 0px ;
    	
    }*/
    /*ProductInfo Page Style - End*/
    
    
    /*ChangePassword Page Style, GetPassword Page Style, ResentVCode Page Style, ChangeCPhoneOK Page Style ,ProductInfo Page- Start*/
    .PasswordMessageHolder, .ProductInfoHolder,.BasicInfoHolder, .CompanyInfoHolder, .LoginHolder, .RegisterHolder
    {
    	border:solid 1px #7bcf7b;
        background-color:#daf6da;
        padding:5px;      
        height:100%;
        margin-top :10px;
        margin-bottom:10px;
        line-height:25px;
        margin-right:10px;
    }
   
    .PasswordMessagePanel
    {   
    	height:400px;
    }
   
   
    .PasswordMessagePanel p
    {
    	padding-left: 40px;
    }
    
    .PasswordMessagePanel p input
    {
    	margin-top:2px;
    	height :20px;
    	width:300px;
    }
    
    .CPWItemInputArea
    {
    	float:left;
    	width:70%;
		text-align :left;
    }
    
    .CPWItemNameArea p, .CPWItemInputArea p
    {
    	height:30px;
    }
    
    .CPWSubmitButtonArea
    {
    	position:relative ;
    	width:50%;
    	padding-left:380px;
    }
   
    .GPWSubmitButton
    {
    	height:30px;
    	width:100px;
    	position:relative ;
    	left:350px;
    	top:-28px;
    }
    
    .CPWItemInputArea p.AlignLeft
    {
    	padding-left:0px;
    }
    /*ChangePassword Page Style, GetPassword Page Style, ResentVCode Page Style, ChangeCPhoneOK Page Style- End*/
}