﻿
.form
{
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 10px;
}

.form .required
{
    color: #903c3c;
}

.form h2.paperApp
{
    background: transparent url(/app_images/user/HeadingSub_Form.gif) no-repeat 420px bottom;
    border-bottom: 2px solid #6198b6;
    padding-bottom: 2px;
    width: auto;
    margin-bottom: 20px;

}

.form h2.paperApp a
{
    display: block;
    background: transparent url(/app_images/user/icon_PDF_large.gif) no-repeat 0 center;
    font-size: 17px;
    font-weight: bold;
    color: #903c3c;
    padding-left: 60px;
    line-height: 62px;
}

.form h2.joinOnline
{
    background: transparent url(/app_images/user/Heading_Form_ProgressIndicator_Step01.gif) no-repeat;
    border-bottom: 1px solid #d9d9d9;
    font-size: 17px;
    color: #4b5869;
    height: 22px;
    padding-top: 6px;
}
.form h2.joinOnlineRenew
{
    padding-bottom: 28px;

    background: url(/app_images/user/Heading_Form__RenewProgressIndicator_Step01.gif) no-repeat 0 bottom;
}

.form h2.joinOnlineRenewPage03
{
    background-image: url(/app_images/user/Heading_Form__RenewProgressIndicator_Step03.gif);
}

.form h2.joinOnlineRenewPage02
{
    background-image: url(/app_images/user/Heading_Form__RenewProgressIndicator_Step02.gif);
}
.form h2.joinOnlinePage03
{
    background-image: url(/app_images/user/Heading_Form_ProgressIndicator_Step03.gif);
}

.form h2.joinOnlinePage02
{
    background-image: url(/app_images/user/Heading_Form_ProgressIndicator_Step02.gif);
}

.form div.authorizeIcon
{
    float: right;
    background-color: Transparent;
 margin-top: 17px;
   margin-right: 20px;
   margin-bottom: 0px;
    padding: 0px;
     width: 90px;
    height: 87px;
}
.form a.authorizeIcon img
{
    padding:0px;
    margin: 0px;
   
}

.form h2.formStep
{
    font-size: 17px;
    margin: 25px 0 35px;
}

.form h2.formStep01
{
   
    width: 435px;
  
}

.form h2 span.desc
{
    display: block;
    color: #4b5869;
    border-bottom: 1px solid #d9d9d9;
    margin-right: 180px;
    font-style: italic;
}

/* fieldset */

.form fieldset h2
{
    color: #4b5869;
    background: transparent url(/app_images/user/HeadingSub_Form.gif) no-repeat 420px bottom;
    border-bottom: 2px solid #6198b6;
    padding: 0px;
    padding-bottom: 2px;
    width: auto;
    margin-bottom: 10px;
   
}
fieldset.thankyou
{
    border: 1px solid #d9d9d9;
    text-align: center;
    color: #337ba0;
    margin-bottom: 10px;
    padding: 19px 10px 10px;
}

.form fieldset h3.subheading
{
background-color: #eee;
border: 1px solid #d9d9d9;
color: #903c3c;
padding: 2px 8px;
margin-top: 5px;
margin-bottom: 15px;
margin-left: -5px;
font-weight: bold;
}
.form fieldset table
{
    margin-bottom: 20px;
}

.form fieldset td
{
    padding: 3px;
}

.form fieldset td label
{
    display: block;
    width:150px;
    font-weight: bold;
}
.form fieldset table.rdBtn
{
    margin: 0 auto 10px;
}

.form fieldset table.rdBtn td label
{
    display: inline;
    padding-left: 20px;
    padding-right: 40px;
}
.form fieldset table.rdBtn td input
{
    display: inline;
    width: auto;
    border: none;
   
}

.form fieldset td.txtArea
{
    text-align: center;
}

.form fieldset td textarea
{
    border: 1px solid #9d9d9d;
    text-align: left;
   margin-left: 65px;
    color: #4b5869;
   
}

.form fieldset td.divide
{
    vertical-align: middle;
}

.form fieldset table td.divide label
{
    display: block;
    width: auto;
    height: 5px;
    margin: 0 10px 5px;
    border-bottom: 1px solid #d9d9d9;
}

.form fieldset td label .asterix
{
    color: #903c3c;
}

.form fieldset td label .note
{
    display: block;
    font-size: 10px;
}
.form fieldset input
{
    width: 195px;
    border: 1px solid #d9d9d9;
    color: #4b5869;
    padding: 1px 2px;
}

.form fieldset input.remove
{
    padding: 0px;
    border: 1px solid red;
    position: relative;
    margin: 0px;
    top: 4px;
    line-height: 19px;
}

.form fieldset td select
{
    
    border: 1px solid #d9d9d9;
    color: #4b5869;
    margin-right: 5px;
    padding: 1px 2px;
}
 .form fieldset td .chkbx input
 {
     border: 0px;
     width: auto;
    display: inline;
 }
 
 .form fieldset td input.inputAux01
 {
     width: 100px;
 }
 
 /* Log-in Form */
 
 .form fieldset table.logIn 
 {
     width: 360px;
     margin: 0 auto;
 }
 
 .form fieldset table.logIn label
 {
     display: inline;
     padding-right: 65px;
   
 }
  .form fieldset table.logIn input
  {
      margin: 0px;
  }
  .form fieldset table.logIn label.remember
  {
      padding-left: 18px;
    padding-right: 40px;
  }

 /* Special */
 
 #ColumnMain .nextPg
 {
     background-color: #d7e2e8;
     height: 26px;
 }
 
#ColumnMain .nextPg a 
 {
     display: block;
     float: right;
     background: transparent url(/app_Images/user/Button_Form_Next.gif) no-repeat;
     line-height: 26px;
     width: 116px;
     color: #fff;
     text-align: center;
 }
 
 /* Membership Grade */
 #ColumnMain .membershipGrade h2
 { 
background-color: #eee;
border: 1px solid #d9d9d9;
color: #903c3c;
padding: 2px 8px;
margin-top: 5px;
margin-bottom: 15px;
margin-left: -5px;
font-weight: bold;
}
#ColumnMain .renewMember h2{margin-bottom:5px;}
 #ColumnMain .membershipGrade 
 {
     font-size: 11px;
 }
 
  #ColumnMain .membershipGrade .renewPrices
  { margin: 0px 0px 15px; margin-left: -5px;  border: 1px solid #d9d9d9; padding: 8px 8px;}
  
 #ColumnMain .membershipGrade label
 {
     color: #903c3c;    
 }
 
 #ColumnMain .membershipGradeSelect
 {
     margin-top: -8px;
     width: 433px;
     height: 37px;
 
     background: transparent url(/App_Images/user/Form_DropdownSpecial.gif) no-repeat;
 }
 
 #ColumnMain .membershipGradeSelect th label
 {
     color: #fff;
     padding-left: 15px;
     font-weight: bold;
 }
 
 /* Member Renew */
 
 #ColumnMain .memberRenew
 {
     border-bottom: 1px solid #d9d9d9;
    
 }
 
  #ColumnMain .memberRenew th
  {
      height: 37px;
      vertical-align: middle;
  }
  
 #ColumnMain .memberRenew th label
 {
     font-size: 15px;
     padding-right: 20px;
     margin: 0px;
 }
 
 #ColumnMain .memberRenew th label .note
 {
     font-size: 12px;
 }
  #ColumnMain .memberRenew th input
  {
      width: 170px;
      margin-left: 0px;
      background-color: #fff;
      border: 1px solid #d9d9d9;
  }
  
   #ColumnMain .memberRenew th input.btn
   {
       width: 80px;
       margin-left: 5px;
       padding: 0px;
   color: #fff;
   background-color: #5d9ebc;
   border: 1px solid #d2d1d7;
   display: inline;
   }
   
   #ColumnMain .memberRenew td span
   {
       font-size: 14px;
       display: block;
       font-weight: bold;
       color: #4b5869;
       padding-left: 10px;
   }
   #ColumnMain .memberRenewOrder
   {
       width: 100%;
   }
   
   
    #ColumnMain .memberRenewOrder th label
    {
        font-size: 12px;
      
    }
    #ColumnMain .memberRenewOrder td span.name
    {
        font-weight: bold;
    }
    
   #ColumnMain .memberRenewOrder td span
   {
       font-weight: normal;
       font-size: 12px;
   }
   
    #ColumnMain .memberRenew td span.memberid
    {
        display: block;
        color: #337ba0;
        font-size: 11px;
    }
    #ColumnMain .memberRenew td.member
    {
        width: 190px;
       
    }
    #ColumnMain .memberRenew td a
    {
        position: relative;
        top: 5px;
    }
    
    #ColumnMain .memberRenew td img
    {
      padding: 0px;
    border: 0;
    margin-left: 0;
    margin-bottom: 0;
     float: none;
    }
    
     #ColumnMain .memberRenew td.total
     {
         text-align: right;
         
     }
    
    #ColumnMain .memberRenew tr.total td
    {
        padding-bottom: 10px;
    }

    
 /* Submit Buttons */
 
 p.submit
 {
     text-align:center;
     padding: 18px 0px;
     margin-top: -8px;
     background-color: #d6e2e7;
 }
 
 p.submit input
 {
     color: #fff;
     border: 1px solid #545454;
     margin-left: 5px;
     padding: 2px 5px;
    background-color: #6098b5;
 }
 
  p.submit input.cancel
  {
      background-color: #4b5869;
  }