.epresto.bartersite .form
{       
    }

.epresto.bartersite .form section
{

    
    }
    



.epresto.bartersite .form section.picUps
{
    display: flex;
    display: -webkit-flex; 
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: stretch;
    -webkit-align-items: stretch;
    
    }

.epresto.bartersite .form section.picUps header
{               
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
    }
  
.epresto.bartersite .form section header
{    
    
    color: #ff6b00;
    font-weight: bold;
    margin-bottom: 1em;
    }    

    
.epresto.bartersite .form section label
{
    font-size: 0.9em;
    display: block; 
    color: #999999;  
    }
    
.epresto.bartersite .form section label.hasAppendix
{       
    display:inline;
    }     
    
.epresto.bartersite .form section input, .epresto.bartersite .form section textarea, .epresto.bartersite .form section select
{
    display:block;
    
    border: 1px solid #b1b0b0;
    border-radius: 3px;
    
    width: 100%;
    max-width: 400px;        
    
    padding: 0.8em;
    
    margin-bottom: 10px;
    
    -webkit-appearance: none;                
    }

/*
.epresto.bartersite .form section input:focus, .epresto.bartersite .form section textarea:focus {
    outline: 0px;
    background-color: #eeeeee;
        
}
*/

.epresto.bartersite .form section select:focus
{
     outline: 0px;  
    }        

 .epresto.bartersite .form section select
 {
     background-color: #b0b0b0;
     color: #ffffff;
          
     background-image: url(../Pix/SelectBoxIcon.png);
     background-repeat:no-repeat;
     background-position: calc(100% - 10px) center; 
     background-size:31px 17px;
     
     appearance:none;
     -webkit-appearance:none;
     -moz-appearance:none;     
     
     }
            
 .epresto.bartersite .form section select::-ms-expand {
    display: none;
}


.epresto.bartersite .form section select option {
    background-color: #b0b0b0;
}

.epresto.bartersite .form section input.error, .epresto.bartersite .form section textarea.error, .epresto.bartersite .form section select.error, .epresto.bartersite .form section input[type='checkbox']  + label.error
{    
    border: 2px solid #e50041;
}

.epresto.bartersite .form section input.hidden, .epresto.bartersite .form section label.hidden {
    display: none;
}

.epresto.bartersite .form section textarea.hasCharacterCounter
{
    border-radius: 3px 3px 0px 0px;
    border-bottom: 0px;
    margin-bottom: 0px;
    }
    
.epresto.bartersite .form section textarea.hasCharacterCounter + div
{
    border: 1px solid #b1b0b0;
    border-top: 0px;
    border-radius: 0px 0px 3px 3px;
    margin-bottom: 10px;
    width: 100%;
    max-width: 400px; 
    text-align: right;
    
    color: #999999;
    
    font-size: 0.8em;
    padding-right: 1em;
    padding-bottom: 0.6em;
    }

.epresto.bartersite .form section textarea.hasCharacterCounter:focus + div {
    background-color: #eeeeee;
}


    
.epresto.bartersite .form section textarea.hasCharacterCounter.error + div
{
    
    border: 2px solid #e50041;   
    border-top: 0px;
    }         
      
.epresto.bartersite .form section input[type='checkbox']
{
    position: absolute;
    z-index: -9999;   
    }
    

.epresto.bartersite .form section input[type='checkbox'] + label
{
    display: inline-block;
    width: 25px;
    height: 25px;
    
    margin-right: 10px;        
    
    background-color: #7f8080;
    border-radius: 5px;
    
    float: left;
               
    }
    
.epresto.bartersite .form section input[type='checkbox']:checked + label
{            
    background-color: #7f8080;
    background-image:url(../Pix/Icons.png);
    background-repeat: no-repeat;
    background-position: -663px center;  
    background-size:1000px 50px;
            
    } 
          
.epresto.bartersite .form section input[type='checkbox'] + label + span
{
    vertical-align: middle;    
    
    }
 
.epresto.bartersite .form section input[type='checkbox'] + label + span + p
{
    clear: left;
    margin-bottom: 10px;
    }
    
.epresto.bartersite .form section .longLetteredCheckboxContainer
 {
     display: flex;
     display: -webkit-flex; 
     margin-bottom: 5px;         
     }

.epresto.bartersite .form section .longLetteredCheckboxContainer:last-child
 {     
     margin-bottom: 0px;
}
     
.epresto.bartersite .form section .longLetteredCheckboxContainer input[type='checkbox'] + label
{         
    min-width: 25px;    
 }



.epresto.bartersite section.formButtonBar {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    display: flex;
    display: -webkit-flex;
    direction: rtl;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}    
    
.epresto.bartersite section.formButtonBar button
{   
    border-radius: 3px;    
    background-color: #ff6b00;
    color: #ffffff;
    
    padding: 5px;
    padding-left: 10px;    
    padding-right: 10px;
    min-width: 80px;
    max-width: 200px;
    
    cursor: pointer;
    
    }
    
.epresto.bartersite section.formButtonBar button:focus
{
    outline: 0px;
    }
    
@media screen and (max-width: 585px) 
{
    .epresto.bartersite section.formButtonBar button{
        font-size: 0.8em;
        padding-left: 5px;
        padding-right: 5px;
        min-width: 50px;
    }
}    
    
.epresto.bartersite section div.captchaElementsContainer 
{                              
    }
    
   
.epresto.bartersite .form section div.captchaElementsContainer input
{      
    
    display: inline;
    float: left;
    min-height: 38px;                  
}

.epresto.bartersite .form section div.captchaElementsContainer img
{      
    width: 90px;
    height: 30px;
    float: left;
    
    margin-top: 0.25em;
    margin-left: -94px;
                       
}   

.epresto.bartersite .form section div.captchaElementsContainer img + p
{
    clear: left;    
    }

.epresto.bartersite .form section input[type='checkbox'] + label:focus {
    background-color: green;
}