.CircleGaugeGreen
{
  width: 24px;
  height: 24px;
  background: url(../../images/SubscriptionBar/greencircle.gif) no-repeat;
}

.CircleGaugeYellow
{
  width: 24px;
  height: 24px;
  background: url(../../images/SubscriptionBar/yellowcircle.gif) no-repeat;
}

.CircleGaugeRed
{
  width: 24px;
  height: 24px;
  background: url(../../images/SubscriptionBar/redcircle.gif) no-repeat;
}

.CircleGaugeBlue
{
  width: 24px;
  height: 24px;
  background: url(../../images/SubscriptionBar/bluecircle.gif) no-repeat;
}

.BarGauge
{
  background: url(../../images/SubscriptionBar/emptybar.gif);
  background-position: right;
  text-align: left;
}
.BarGaugeTiming
{
  background: url(../../images/SubscriptionBar/bluebar.gif);
  background-position: right;
  text-align: left;
}

.BarGaugeProgressGreen
{
  background: url(../../images/SubscriptionBar/greenbar.gif);
}

.BarGaugeProgressYellow
{
  background: url(../../images/SubscriptionBar/yellowbar.gif);
}

.BarGaugeProgressRed
{
  background: url(../../images/SubscriptionBar/redbar.gif);
}
.BarGaugeProgressBlue
{
  background: url(../../images/SubscriptionBar/bluebar.gif);
}

 .statusokcolor
    {
        color: #118811;
        font-weight: bold;
    }
    .statusrecurringcolor
    {
        color: #4070bf;
        font-weight: bold;
    }
    .statusexpiredcolor
    {
        color: #c80d0d;
        font-weight: bold;
    }
    .statusmarginalcolor
    {
        color: #ff8000;
        font-weight: bold;
    }
    .statuswarningcolor
    {
        color: #ff8000;
        font-weight: bold;
    }

.save_price
{
  color: #C80D0D;
  font-weight: bold;
}

table.subscription_date
{
}

table.subscription_date td.left
{
  background: url(  '../../images/SubscriptionBar/subscription_extension_date_bg_left.gif' ) no-repeat;
  width: 6px;
  height: 90px;
}
table.subscription_date td.middle
{
  background: url(  '../../images/SubscriptionBar/subscription_extension_date_bg_middle.gif' ) repeat-x;
  padding: 0px 10px 10px 10px;
}

table.subscription_date td.right
{
  background: url(  '../../images/SubscriptionBar/subscription_extension_date_bg_right.gif' ) no-repeat;
  width: 6px;
}
table.subscription_date .heading
{
  color: #5f5f5f;
  font-weight: bold;
  border-bottom: 1px solid #cfcfcf;
  text-align: center;
  margin: 3px auto 5px auto;
  padding: 5px;
  width: auto;
  font-size: 10px;
}
table.subscription_date p
{
  margin-bottom: 3px;
}

/***Subscription Extension Purchase Pane******/
.extension_purchase_pane .left
{
  background: url(../../images/SubscriptionBar/subscription_extension_purchase_pane_bg_left.gif);
  width: 5px;
  height: 106px;
}
.extension_purchase_pane .middle
{
  background: url(../../images/SubscriptionBar/subscription_extension_purchase_pane_bg_middle.gif);
  width: auto;
}
.extension_purchase_pane .right
{
  background: url(../../images/SubscriptionBar/subscription_extension_purchase_pane_bg_right.gif);
  width: 5px;
  height: 106px;
}
.extension_purchase_pane .top
{
  padding: 10px 10px 0px 10px;
  height: 52px;
}
.extension_purchase_pane .bottom
{
  padding: 5px 10px 5px 10px;
  height: 34px;
}
.extension_purchase_pane .top div
{
  margin-bottom: 8px;
}

.extension_purchase_pane .price
{
  float: left;
}
.extension_purchase_pane .product_price
{
  font-size: 13px;
  font-weight: bold;
  color: #bc2222;
}
.extension_purchase_pane .you_save
{
  font-size: 10px;
  color: #bc2222;
}
.extension_purchase_pane .regular_price
{
  display: block;
  color: #7f7f7f;
  font-size: 10px;
  margin-top: 2px;
}
.extension_purchase_pane label.checkbox
{
  margin-left: 0px;
  font-size: 10px;
}
/***End of Subscription Extension Purchase Pane******/


/******Subscription Renewing********/
table.subscription_renewing_date td.left
{
  background: url(  '../../images/SubscriptionBar/subscription_renewing_expired_bg_left.gif' ) no-repeat;
  width: 6px;
  height: 95px;
}
table.subscription_renewing_date td.middle
{
  background: url(  '../../images/SubscriptionBar/subscription_renewing_expired_bg_middle.gif' ) repeat-x;
  padding: 0px 10px 10px 10px;
}

table.subscription_renewing_date td.right
{
  background: url(  '../../images/SubscriptionBar/subscription_renewing_expired_bg_right.gif' ) no-repeat;
  width: 6px;
}
table.subscription_renewing_date .heading
{
  color: #664e4e;
  font-weight: bold;
  border-bottom: 1px solid #f6b9b9;
  text-align: center;
  margin: 3px auto 5px auto;
  padding: 5px;
  width: auto;
  font-size: 10px;
}

.current_subscription_expired
{
  font-weight: normal;
  color: #bc2222;
  margin-bottom: 5px;
}