﻿body {
}
    
    .sectionHeader { padding: 8px; font-style: italic; display: block; font-weight: bold; color: #002C63;}
    div.referralForm { position: relative; width: auto; margin: 1px; display: block; min-height: 250px; }
    div.friendsInfo { border-right: 1px solid #EEEEEE; }
    div.referrerInfo { margin-bottom: 10px; }
    div.referrerInfo, div.friendsInfo { display: block; float: left; width: 45%; padding-top: 8px; }
    input.inputError, select.inputError { box-shadow: 0 0 1.5px 1px #FF0000; }
   .referralForm .errorDescrip, .errorDescrip
   {
    color: #FF0000;
    display: block;
    margin: 4px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
   }   
    .form-input-container input.txtbox  
    {
    display: block;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BBBBBB;
    height: 25px;
    margin: 0 auto 10px;
    padding: 0 0 0 4px;
    width: 202px;
    }
    select option:first-child{
        color: gray;
    }
    .ddlPartner 
    {
        border: 1px solid #BBBBBB;
        height: 25px;
        margin: 0 auto 10px;
        padding: 0 0 0 4px;
        width: 202px;
        display: block;
    }
     .referralForm input.referralSubmit,  .OptIn input.btnOptIn  
    {
        display: block; 
        margin: 0 auto; 
     }

    input.referralSubmit:hover
    {
        box-shadow: 0 0 7px #000000 inset;
        border: none;
    }
    span.referralErrorMsg { color: Red; display: block; }
    
      .referralForm .nowLoading
   {
       z-index: 2; 
       position: absolute; 
       width: 100%; 
       height: 168px; 
       background: url('/static/img/loading-bar.gif') no-repeat 50% 50% rgba(238, 238, 238, 0.81); 
       display: none; 
       font-size:11px; 
       text-transform:uppercase; 
       letter-spacing:1px; 
       text-align:center;
   }       
   
   .referralForm .nowLoading .pleaseWait
   {
    display: block; 
    font-weight: bold;
    margin: 32px 0 0 14px;
   }
   .referralThankYou
   {
       padding: 3px 0;
       font-style: italic;
       font-weight: bold;
       text-align: center;
       display: block;
       width: 100%;
       margin-bottom: 10px;
   }
   .referralThankYou p { background-color: #FFC500; }
   .referralThankYou .errorDescrip
   {
       float: none;
   }
   div#referralOptIn, div#referralOptIn .txtbox 
   {
       display: block;
       margin: 5px auto;
   }
   .referralDisclaimer {
       font-style: italic; font-size: 10px; margin: 5% auto;
   }