#Join{ width:780px; margin:50px auto 50px auto; }

#JoinComponent{  }
#JoinComponent .form{ width:100%;  }
#JoinComponent .form .inbox{ border:1px solid #7C7C7C; border-left:none; border-right:none; background-color:#F0F0F0; }
#JoinComponent .form .inbox label{ margin-right:10px; }
#JoinComponent .form .inbox .in{ margin:20px 0px 20px 20px; }

#JoinComponent .person .inbox .field{ width:90px; }
#JoinComponent .company{ margin:0px auto; }
#JoinComponent .company .inbox .in{ margin:20px auto; width:330px; }
#JoinComponent .company .inbox .field{ width:40px; }
#JoinComponent .company .inbox .field[name='COMPANY_NUMBER[0]']{ width:60px; }
#JoinComponent .company .inbox .field[name='COMPANY_NUMBER[1]']{ width:40px; }
#JoinComponent .company .inbox .field[name='COMPANY_NUMBER[2]']{ width:100px; }


#Exists .message{ width:100%; }
#Exists .inbox{ width:100%; border:1px solid #7C7C7C; border-left:none; border-right:none; background-color:#F0F0F0; }
#Exists .in{ margin:20px auto; width:350px; }
#Exists .column{}

#Agreement .step{ margin:50px 0px 50px 0px; }
#Agreement .scrollLayer{ text-align:left;border:1px solid #B3B3B3;width:100%;height:200px;overflow:auto; margin:10px 0px 10px 0px; }
#Agreement .checkarea{ margin-bottom:30px; }
#Agreement .checkarea input{ margin-left:10px; }
#Agreement .checkarea label{ margin-left:4px; vertical-align:top; }