/*
 *
 * ============================================================================================
 *
 *                                A r m o r e d  I n f o   W e b
 *
 *                                     Copyright(c) 2012 By
 *
 *                                       Armored Info LLC
 *
 *                             A L L   R I G H T S   R E S E R V E D
 *
 *  ============================================================================================
 * /
 */




#creditCardDiv1
{
  display:inline-block;
  width: 48%;
  padding-right: 10px;
}

#creditCardDiv2
{
  display:inline-block;
  width: 48%;
  vertical-align: top;
}

#creditCardDiv1 input
{
 display:block;
}

#creditCardDiv2 #acctSettingsPaymentCreditCardImageContainer
{
  display:block;
  margin-top: 0.3em;
}

#i18n_acctSettingsPaymentExpiration
{
  margin-right: 4em;
}
#creditCardDiv2Divider
{
  width: 100%;
  display: block;
  margin: 0.5em auto 0.3em;
  height: 1px;
  background-color: white;
}

.AiBillingCountryList
{
  width:28em;
}

#creditCardForm
{
  font-size:92%;
  width: 100%;
  position: relative;
}


#acctSettingsBillingHomeBox
{
   width:42em;
   height:12em;
   border: 2px solid #5d9ec8;
   margin:0 auto;
}

#acctSettingsBillingHomeButtons
{
  position: relative;
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin: 1em auto;
}

#acctSettingsBillingEditDeleteBtn
{
  overflow: auto;
  margin: 0px auto;
  display: table;
  border-collapse: collapse;
  width: 18.5em;
}

#acctSettingsBillingHomeSubscribeBtn
{
   background: #5d9ec8;
   height: 3em;
   width: 50%;
   display: table-cell;
   box-sizing: border-box;
   border: 1px solid black;
   text-align: center;
   vertical-align: middle;
   line-height: 3em;
   font-size:100%;
}

#acctSettingsBillingHomeCancelSubscriptionBtn
{
   background: red;
   height: 3em;
   width: 50%;
   display: table-cell;
   box-sizing: border-box;
   border: 1px solid black;
   text-align: center;
   vertical-align: middle;
   line-height: 3em;
   font-size:100%;
}


#acctSettingsBillingHomeSubscribeBtn:hover
{
    cursor: pointer;
}

#acctSettingsBillingHomeCancelSubscriptionBtn:hover
{
    cursor: pointer;
}

#billingHomeButtonText
{
    text-align: center;
    color:black;
    font-size:105%;
    display: inline-block;
    vertical-align: middle;
}

#acctSettingsBillingHomeIconBox
{
    height:11em;
    background: #5d9ec8;
    width:7em;
    color:black;
    float:left;
    text-align: center;
    padding-top: 1em;

}
#acctSettingsBillingHomeIconBox span
{
    font-size: 1.5em;
    position: relative;
    top: -.4em;
}

#subscriptionImage
{
    width: 65%;
}

#currentSubscriptionBox
{
  width:13em;
  height:5em;
  margin-left:12em;
  margin-top:3em;
  text-align:center;
}

#currentSubscription
{
    color:white;
    font-size:350%;
    margin-top:1em;
    text-align:center;
}



#currentPrice
{
    color:grey;
    margin-left:0;
    font-size: 160%;
}

#storageCircle
{
    width: 7em;
    height: 7em;
    border: 3px solid #5d9ec8;
    background: black;
    border-radius: 5em;
    color:#5d9ec8;
    float:right;
    margin-top:2em;
    margin-right:2em;
    text-align: center;

}


#currentStorage
{
    font-size: 3.5em;
    vertical-align: middle;
    text-align: center;
    align-content: center;
    margin-top: 0.3em;
}

#currentStorageUnits
{
    font-size: 105%;
    vertical-align: middle;
    text-align: center;
    align-content: center;
    margin-top:.4em;
}

#acctSettingsCancellationDate
{
    color: red;
    font-size: 100%;
    margin-left: 5em;
    margin-top: 1em;
    padding-left: 4em;
}

.AcctSettingsBillingHomeHorizontalLine
{
    height: 0em;
    width: 100%;
    border-top:1px solid grey;
    clear:both;
}

@media (max-width: 1280px)
{
  .AcctSettingsBillingHomeHorizontalLine
  {
    width:97%;
  }
}

#acctSettingsBillingConfirmCancelText
{
    color:grey;
    font-size: 150%;
    margin-top:1em;
    margin-left:1em;
}

.AcctSettingsBillingConfirm
{
  color:antiquewhite;
  font-size: 150%;
  margin-top:1em;
  margin-left:1em;
}

#acctSettingsChangePayPalIssueMessage
{
    color:antiquewhite;
    font-size: 150%;
    margin-top:1em;
    margin-left:1em;
}

#acctSettingsCancelSubscriptionSuccess
{
    width:100%;
}

#acctSettingsCancelSubscriptionFailure
{
    width:100%;
}


#acctSettingsCancelSubscriptionSuccessText
{
     text-align: center;
     color:antiquewhite;
     margin-top:1em;
     font-size: 120%;
}

#acctSettingsCancelSubscriptionFailureText
{
     text-align: center;
     color:antiquewhite;
     margin-top:1em;
     font-size: 120%;
}


#acctSettingsCancelSubscriptionSuccessIcon
{
    margin: 2em auto;
}

#acctSettingsCancelSubscriptionFailureIcon
{
    margin: 2em auto;
}


#acctSettingsBillingCreditCardContainer
{
  width: 100%;
  margin: 0 auto;
  position: relative;
}

#acctSettingsBillingCreditCard
{
  margin: 1em auto;
  background: black;
  height: 8em;
  border: 1px solid #5d9ec8;
  position: relative;
  width: 18.5em;
}


#acctSettingsBillingCreditCard img
{
    margin-top:.5em;
    margin-left:.5em;
    height:1.5em;
    width:2.5em;
}


#acctSettingsBillingCardNumber
{
  color:grey;
  font-size:120%;
  margin-top:.2em;
  text-align:center;

}

#acctSettingsBillingCardExpiration
{
  color:red;
  float:right;
  margin-right:.7em;
  margin-top:.2em;
}
#acctSettingsBillingCardHolder
{
  margin-left:.5em;
  margin-top:.2em;
  color:#5d9ec8;
  font-size:140%;
  float:left;
}

#acctSettingsBottomButton
{
    color:black;
    margin:auto;
    border:solid;
    width:4.5em;
    height:2em;
    text-align:center;
    background:grey;
    font-size:110%;
    vertical-align: middle;
    line-height: 2em;


}
#acctSettingsBottomButton a
{
    color:black;
    text-decoration: none;
}

#acctSettingsBillingEditCreditCardBtn
{
  background: grey;
  height: 2em;
  width: 50%;
  border: 1px solid black;
  border-collapse: collapse;
  display: table-cell;
  box-sizing:border-box;
  text-align: center;
  vertical-align: middle;
  line-height: 2em;
  font-size: 130%;
}

#acctSettingsBillingEditCreditCardBtn:hover
{
    cursor: pointer;
}



#acctSettingsBillingDeleteCreditCardBtn
{
  background: red;
  height: 2em;
  width: 50%;
  border: 1px solid black;
  border-collapse: collapse;
  display: table-cell;
  box-sizing:border-box;
  text-align: center;
  vertical-align: middle;
  line-height: 2em;
  font-size: 130%;
}

#acctSettingsBillingDeleteCreditCardBtn:hover
{
    cursor: hand;
    cursor: pointer;
}

#acctSettingsBillingHistoryBtn
{
    background: grey;
    margin: 0.6em auto 0;
    height: 3em;
    width: 85%;
    border: 1px solid black;
    text-align: center;
    vertical-align: middle;
    line-height: 2.5em;
    font-size: 110%;
}

#acctSettingsBillingHistoryBtn:hover
{
    cursor: pointer;
}


.AcctSettingsBillingCreditCardComboBtn
{
  text-align: left;
  font-size: 150%;
  background-color: grey;
  color: black;
  margin: 0 auto;
  border: 1px solid #5d9ec8;
}


.AcctSettingsBillingCreditCardComboBtn   img
{
  height: .7em;
  width: .7em;
}



.AcctSettingsBillingCreditCardListDropDown
{
    overflow:hidden;
    border: 1px solid #404040;
    border-radius: 3px;
    box-shadow: 3px 3px 2px #404040;
    background-color: grey;
    font-size:100%;
    width:15em;
    color:black;

}

.AcctSettingsBillingCreditCardListDropDown img
{
  height:20px;
  width:20px;
}



#acctSettingsBillingPaypalLogo
{
  width: 2em;
  vertical-align: top;
}

.AcctSettingsBillingHomeLeft
{
  width:50%;
  position: relative;
  top: 0.5em;
  float:left;
}

.AcctSettingsBillingHomeRight
{
  width:50%;
  position: relative;
  top: 0.5em;
  float:right;
}


.AcctSettingsBillingSuccessIcon
{
    width: 6em;
  height: 6em;

    background:#5d9ec8 ;

    -webkit-border-radius: 3em;
    -moz-border-radius: 3em;
    border-radius: 3em;
    color:#5d9ec8;


    text-align: center;
    color:black;
    vertical-align: middle;
    line-height: 6em;
}

.AcctSettingsBillingSuccessIcon:after
{
  content: "\2713\0020";
  font-size:350%;

}

.AcctSettingsBillingFailureIcon
{
    width: 6em;
    height: 6em;

    background:red ;

    -webkit-border-radius: 3em;
    -moz-border-radius: 3em;
    border-radius: 3em;
    color:#5d9ec8;


    text-align: center;
    color:black;
    vertical-align: middle;
    line-height: 6em;
}

.AcctSettingsBillingFailureIcon:after
{
  content: "X";
  font-size:350%;
}



/* END BILLING HOME PAGE */








/*
 *
 *  BEGIN CHANGE SUBSCRIPTION PAGE
 */
#acctSettingsBillingChangeSubscriptionBox
{
  width:100%;
  height:39em;
  border: 2px solid #5d9ec8;
  border-radius: 1em;
  background-color:black;
}


.SubscriptionBar
{
  width:95%;
  border: 1px solid;
  height:2.5em;
  color:black;
  border-radius: .5em;
  text-align:center;
  vertical-align:middle;
  line-height: 2.5em;
  margin: .3em auto;
}

.Bronze
{
    border-color:#f3e2c7;
    background: linear-gradient(to bottom,  #f3e2c7 0%,#c19e67 50%,#b68d4c 51%,#e9d4b3 100%); /* W3C */
}
.Gold
{
    border-color:#fceabb;
    background: linear-gradient(to bottom,  #fceabb 0%,#f8b500 50%,#fccd4d 50%,#fbdf93 100%); /* W3C */
}

.Silver
{
    border-color:#f6f8f9;
    background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */
}

.Elite
{
    border-color: #b3dced;
    background: linear-gradient(to bottom,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%); /* W3C */
}


.SubscriptionListItem
{
  margin: .4em auto;
  width:95%;
  height:3em;
  vertical-align:middle;
  line-height: 3em;
  color:#5d9ec8;
}



.SubscriptionListItem.selected
{
  border: 2px solid #5d9ec8;
}

.SubscriptionListItemStorage
{

  margin-left:0%;
  font-size:250%;
  width:3em;
  text-align: right;
  float:left;
  border-color:#5d9ec8;
}

.SubscriptionListItemStorageUnits
{

  margin-left:1%;
  font-size:200%;
  width:1em;
  text-align: left;
  float:left;
  border-color:#5d9ec8;
}


.SubscriptionListItemPrice
{
  width: 3.5em;
  font-size: 200%;
  border-color: #5d9ec8;
  margin-left: 8%;
  float: left;
  text-align: right;
  color: grey;
}

.SubscriptionListItemPriceMonth
{
  font-size:180%;
  width:3.5em;
  margin-left:0%;
  border-color:#5d9ec8;
  margin-left:0%;
  float:left;
  color:grey;
}


.SubscriptionListItemButton
{
    color:black;
    border: 1px solid #5d9ec8;
    width:4em;
    height:1.5em;
    background:grey;
    font-size:120%;
    text-align: center;
    vertical-align: middle;
    line-height: 1.5em;
    float:left;
    margin-top:1%;
    margin-left:15%;
}

.SubscriptionListItemButton.cancel
{
    background-color: red;
    border-color: red;
}

.SubscriptionListItemButton.selected
{
    width: 1.5em;
    height: 1.5em;
    border: 1px solid #5d9ec8;
    border-radius: 1.5em;
    text-align: center;
    margin-left:20%;
    background:#5d9ec8;
    color:black;

}
.SubscriptionListItemButton.selected:after
{
  line-height: 1em;
  margin-top:0%;
  vertical-align: middle;
  font-size:170%;
  content:"\2713";
}

.SubscriptionListItemButton a
{
    color:black;
    text-decoration: none;
}
/* END CHANGE SUBSCRIPTION PAGE */


/*
 *
 *     PAYMENT PAGES
 */
#acctSettingsPaymentMethod
{
    width:95%;
    margin-top:1em;
    margin-left:1em;
    height: 3em;
}

#acctSettingsPaymentQuestion
{
    font-size:100%;
    color:grey;
    float:left;
    margin-top:.5em;
    margin-right:1em;
}

.AcctSettingsPaymentMethodBtn
{    margin-top:0;
     height:2em;
     width:7em;
     border: 1px solid grey;
     float:right;
     font-size: 95%;
     color:#5d9ec8;
     vertical-align: middle;
     line-height: 2em;
     text-align: center;
  cursor: pointer;
}


.AcctSettingsPaymentMethodBtn.selected
{
    border-color:#5d9ec8;
    float:right;
    color:#5d9ec8;
}

#acctSettingsPaymentCreditCard
{
  width: 100%;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}

#acctSettingsPaymentCreditCardForm
{
    width:100%;
    height:16em;
    clear:both;
    visibility: visible;
}



#acctSettingsPaymentCreditCardForm.selected
{
    visibility: visible;
}


.AcctSettingsPaymentFormHeader
{
  margin: 0 auto;
  font-size: 150%;
  color: #5d9ec8;
  position: relative;
  width: 100%;
  text-align: center;
}

.AcctSettingsPaymentCreditCardImage
{
    margin-left:.5em;
    height:1.5em;
    width:2.5em;
    display:inline-block;
}



#creditCardCountryCode
{
  display: inline-block;
  width: 50%;
}
#creditCardCountryCode span
{
  font-size:100%;
  margin-left:5px;
  color:black;
}

.PaymentInput
{
  background-color: #f5f5f5;
  height:2.2em;
  margin-top: .3em;
  width: 100%;
  box-sizing: border-box;
}

.PaymentInput.CountryList
{
    text-align:left;
    font-size:95%;
    background-color:#d3d3d3;
    overflow:hidden;
    text-overflow: ellipsis;

}


.PaymentInput.StateList
{
    text-align:left;
    font-size:100%;
    background-color:#d3d3d3;
    width: 257px;


}


.PaymentInput.Postal
{
    width:15em;
}



.PaymentInput.Expiration
{
    width:3em;
    margin-right:1em;

}
.PaymentInput.CID
{
  width:5em;
  margin-right: 1em;
}

#acctSettingsPaymentCreditCardForm span.formHeader
{
    color:grey;
    font-size: 120%;
    margin-left:0em;
    vertical-align: middle;
}

#acctSettingsPaymentCreditCardForm div.slash
{
  color:white;
  font-size: 200%;
  vertical-align: middle;
  display: inline-block;
  padding-right: 0.3em;
}


#acctSettingsPaymentCreditCardForm img
{
     margin-left:.4em;
    vertical-align: middle;
}

#acctSettingsPaymentCreditCardForm img.tooltip span
{
    font-size: 10px;
    position:absolute;
    z-index: 999;
    white-space:nowrap;
    bottom:9999px;
    left: 50%;
    background:#000;
    color:#e0e0e0;
    padding:0px 7px;
    line-height: 24px;
    height: 24px;
    opacity: 0;
    transition:opacity 0.4s ease-out;
    }


#acctSettingsPaymentCreditCardForm img.tooltip span::before
{
    content: "";
    display: block;
    border-left: 6px solid #000000;
    border-top: 6px solid transparent;
    position: absolute;
    top: -6px;
    left: 0px;
    }

#acctSettingsPaymentCreditCardForm img.tooltip:hover span
{
    opacity: 1;
    bottom:-35px;
}

#acctSettingsPaymentPayPalSubscribeMessage
{
    color: antiquewhite;
    margin-left: 5%;
    font-size: 150%;
    margin-top: 15%;
    margin-bottom: 10%;
}

#acctSettingsPaymentPayPalForm
{
    margin: 0 auto;
}

#acctSettingsPaymentPayPalFormDiv
{
  text-align: center;
}


#acctSettingsChangePayPal
{
    float:left;
    width:15em;
    color:white;
    margin-left:2em;
    margin-top:1em;
    font-size:115%;
    display: none;
}

#acctSettingsChangePayPalText
{
  display: inline-block;
  width: 12em;
  margin-left: .2em;
}
#switchPaymentTypeHeader
{
  color: lightgrey;
  font-size: 85%;
  text-decoration: underline;
  position: relative;
  text-align: center;
}


#switchPaymentTypeBody
{
  color: lightgrey;
  margin: 0 auto;
  font-size: 90%;
  text-align: left;
  width: 80%;
}


.AccountSettingsBillingConfirm
{
    color:#f5f5f5;
    margin:5%;
    font-size: 150%;
}

#acctSettingsPaymentSuccess
{
    width:100%;
}

#acctSettingsPaymentFailure
{
    width:100%;
}

#paymentQuestionMark
{
  width:2em;
}

#acctSettingsPaymentSuccessText
{
     text-align: center;
     color:white;
     margin-top:1em;
     font-size: 120%;
}

#acctSettingsPaymentFailureText
{
     text-align: center;
     color:antiquewhite;
     margin-top:1em;
     font-size: 120%;
}

#acctSettingsPaymentSuccessIcon
{
    margin: 2em auto;
}

#acctSettingsPaymentFailureIcon
{
    margin: 2em auto;
}

#acctSettingsPaymentCreditCardStatement
{
    color:grey;
    margin-top: 0.3em;
    margin-left: .8em;
    font-family: Helvetica;
    position: relative;
    top: 3em;
}

#acctSettingsPaymentSalesTaxStatement
{
  color: grey;
  margin: 1em;
  width: 67%;
  text-align: center;
  position: absolute;
  bottom: 5em;
}






/*
 *
 *     BILLING HISTORY
 */
#acctSettingsBillingHistoryContainer
{
  width:40em;
  height:41em;
  margin: 0 auto;
}

.AcctSettingsBillingHistoryGridRow
{
  background-color: white;
  color:black;
  border-color: black;
  height:2em;
  vertical-align: middle;
  line-height: 2em;
}

.AcctSettingsBillingHistoryGridCol
{
  background-color:white;
  color:black;
  border-color: black;
  box-sizing: border-box;
}

.AcctSettingsBillingHistoryGridArrow
{
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
}

.AcctSettingsBillingHistoryGridHdr
{
  width:100%;
  white-space:nowrap;
  background: black;
}

.AcctSettingsBillingHistoryGridStdHdrCol
{
  height:2em;
  line-height:2em;
  text-align:center;
  vertical-align: middle;
  overflow:hidden;
  color: #5c9ec8;
  display:inline-block;
  white-space:nowrap;
}


.AcctSettingsBillingHistoryGridHdrText
{
  font-size:120%;

}


#vwSelItemTxt_acctSettingsBillingCreditCardCombo
{
  font-size:80%;
}


@media screen and (max-width:767px)
{
  #currentSubscriptionBox
  {
      width: 8em;
      height: 5em;
      margin-left: 9em;
      margin-top: 3em;
      text-align: center;
  }

  #currentSubscription
  {
      color: white;
      font-size: 210%;
      margin-top: 1em;
      text-align: center;
  }

  #currentPrice
  {
      color: grey;
      margin-left: 0;
      font-size: 130%;
      margin-top: .6em;
  }


  #currentStorageUnits
  {
      font-size: 105%;
      vertical-align: middle;
      text-align: center;
      align-content: center;
      margin-top: -.3em;
  }

  #acctSettingsBillingHomeIconBox
  {
      height: 11em;
      background: #5d9ec8;
      width: 7em;
      color: black;
      float: left;
      text-align: center;
      padding-top: 1em;
      font-weight: 900;
      color: #444;
  }

  .SubscriptionBar
  {
    font-size:140%;
  }

  .AcctSettingsBillingHistoryDownloadIcon
  {
    width:1em;
    height:1em;
  }
  .AcctSettingsBillingHistoryDownloadIcon img
  {
    width:1em;
    height:1em;
  }

  .AcctSettingsBillingHistoryDownloadIcon:hover  img
   {
     cursor:pointer;
   }

  #acctSettingsBillingChangeSubscriptionBox
  {
      width: 97%;
      margin-bottom: 1em;
      height: 56em;
      margin-top: 7em;
      border: 2px solid #5d9ec8;
      font-size: 77%;
      border-radius: 1em;
      background-color: black;
  }

  .SubscriptionListItem
  {
  margin: .4em auto;
  width: 95%;
  height: 5em;
  vertical-align: middle;
  line-height: 3em;
  color: #5d9ec8;
  }


  #acctSettingsBillingCardHolder
  {
    margin-top: 1em;
  }

}




@media (max-width:1280px)
{
  @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media
  {
      .PaymentInput
      {
        width: 23em;
      }
  }}
}




input::-ms-clear
{
  display: none;
}