/* ---------- START PAYMENT CSS --------- */ 
.payment{ 
  width: 100%;
  color: #333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  border-top: solid 1px #999999;
  border-left: solid 1px #999999;
  border-bottom: solid 1px #999999;
 }
  
.payment TH {text-align:left;padding:5px;padding-right:3px;font-size:13px;border-right:solid 1px #999999;}
.payment TD {vertical-align:top;text-align:center;font-size:11px;padding:3px;border-right:solid 1px #999999;}
.payment TH[header="y"] {border-bottom:solid 1px #999999;background-color:#D2E6BD;font-size:16px;color:White;}
.payment TH[footer="y"] {border-top:solid 1px #999999;background-color:#D2E6BD;}
.payment TR[alternate="y"] {background-color:#D2E6BD;}
.payment ul {text-align:left;margin-top:0px;display:inline-table;}
.payment li {padding-top:4px;margin-left:0px;}
.payment h6 {font-size:11px; letter-spacing:2px;line-height:13px;}
  
.InfoRow {background-color: #D2E6BD;padding: 3px;vertical-align: middle;}
.InfoRow[position="top"] {border-bottom: solid 1px #999999;}
.InfoRow[position="bottom"] {border-top: solid 1px #999999;}
.InfoRow a {color: red;text-decoration: none;}
.InfoRow a:hover {text-decoration: underline;}
  
.account_price TD {border-top: solid 1px #999999;height: 80px;padding-top: 5px;font-size: 14px;font-weight: bold;line-height: 18px;color: #FFB400;vertical-align: middle;}
 
.price {color: #CB1C01;font-size:20px;font-weight: bold;margin: 5px 0px 5px 0px;} 
.rate {color: #CB1C01;margin: 0px 0px 10px 0px;} 
.offer {color: #CB1C01;font-weight:bold;}
  
.button {float: left;width: 140px;margin: 5px;text-align: center;vertical-align: middle;font-weight: bold;} 

.PackageNotAvailable {color: red;background-color: whitesmoke;border: solid 1px gray;padding: 3px 3px 3px 3px;}
 
.PackageActive {color: green;background-color: whitesmoke;border: solid 1px gray;padding: 3px 5px 3px 3px;}
/* ---------- STOP PAYMENT CSS --------- */

.addon {background-color: Red;}