#divAuthorizeNetPopupScreen {
  position:fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background-color: #808080;
  opacity: 0.5;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
  filter: alpha(opacity=50);
}

#divAuthorizeNetPopup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: visible;
  z-index: 30000;
}

.AuthorizeNetPopupOuter
{
  left: 16px;
  top: 16px;
  right: 16px; 
  bottom: 16px;
  position: absolute;
  background-color: #dddddd;
  border-width: 1px;
  border-style: solid;
  border-color: #a0a0a0 #909090 #909090 #a0a0a0;
  
}

.AuthorizeNetPopupTop
{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 30px;
  
}

.AuthorizeNetPopupBottom
{
  position:absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 40px;
  
}

.AuthorizeNetPopupInner
{
  position: absolute;
  left: 2px;
  right: 2px;
  top: 30px;
  bottom: 40px;
}

#iframeAuthorizeNet
{
  width: 100%;
  height: 100%;
}

.AuthorizeNetPopupLogo
{
  width: 100px;
  height: 30px;
  margin-bottom: -10px;
  background-image: url('/images/anet-logo.svg'); 
  display: inline-block;
}

@media screen and (min-width : 800px)
{
  .AuthorizeNetPopupOuter
  {
    left: 48px;
    top: 48px;
    right: 48px; 
    bottom: 48px;
  }
}