/*CARD SPRITE DIV*/

.CardModalFade {
  background-color: rgba(128, 128, 128, 0.65);
  left:0px;
    top:0px;
    /*opacity: 0.7;*/
    width:100%;
    height:100%;
    bottom:0px;
    position:fixed;
    
    z-index:300;
  


}


.ModalFadeMain {
  background-color: rgba(128, 128, 128, 0.65);
  left:0px;
    top:0px;
    /*opacity: 0.7;*/
    width:100%;
    height:100%;
    bottom:0px;
    position:fixed;
    
    z-index:200;
  

}




.CardFade {
  background-color: rgba(128, 128, 128, 0.65);
  left:0px;
    top:0px;
    /*opacity: 0.7;*/
    width:100%;
    height:100%;
    bottom:0px;
    position:fixed;
    
    z-index:320;
  


}

#divCreditCardModal
{
    
 position:fixed;
 width:100%;
 margin: auto;
 z-index:310;
 top:0;
 padding-top:20px;

}

#divCreditCardModalInner
{
    padding:10px;
    width: 100%;
    border: 1px solid green;
    max-width: 450px;
    margin: auto;
    background-color: white;
    opacity: 1;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
   

   
    
}

.CardModalInner
{
     position:absolute;
     border: 1px solid green;
    max-width: 500px;
    margin: 10px;
    width: 100%;
    margin: auto;
    background-color: white;
 
    padding: 30px;
    opacity: 1;
    -moz-border-radius: 8px;
    border-radius: 8px;
        overflow-y:scroll;
}

.CardFadeInner {
    border: 1px solid red;
    max-width: 400px;
    margin: 10px;
    width: 100%;
    margin: auto;
    background-color: white;
    color: red;
    padding: 30px;
    opacity: 1;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.CardFadeInnerLoading {
    border: 1px solid gray;
    max-width: 400px;
    width: 100%;
    margin: auto;
    background-color: white;
    color: black;
    padding: 30px;
    opacity: 1;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


.CardModalHolderMobile
{
    
    background-color: white;
    left:0px;
    top:0px;
    /*opacity: 0.7;*/
    width:100%;
    height:100%;
    bottom:0px;
    position:fixed;
    z-index:200;


    
}
.CardModalHolderMobileInner
{
    

    width: 100%;
    background-color: white;
    padding: 10px;
    opacity: 1;
    padding:12px;
  
}





#divCreditCardContent
{

    min-height: 100%;
    height:100%;
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    width: 100%;

    display:none;

}





#divCardContent .systemErrorMess
{

    color: #a94442;
      border-bottom: 2px solid #a94442;
}