.subscription_status {
    width: 230px;
    padding: 0 5px;
	left: 10px;
    height: 100%;
    background: #f1f3f5;
    position: absolute;
    text-align: center;
}

.subscription_info {
	width: 395px;
	height: 100%;
	position: absolute;
    background: transparent url(../images/subscription/line_v.png) repeat-y left center;
	left: 250px;
	padding: 0 0 0 18px;
}

.extra_action:hover {
	color: #ff0000;
}

.extra_action:link {
	color: #0066cc;
}

.extra_action:visit {
	color: #0066cc;
}



/* @end */

/* @group Subscription information */

#subscription_status_description_box {
	margin: 10px 0 0;
}

.subs_desc, #subscription_status_description {
	margin: 10px auto 0px;
	width:220px;
	text-align:left;
}

.subscription_info_caption {
	text-align: center;
	font-size: 14px;
}

/* normal status cover image */

.normal_status #status_cover, .normal_status .status_cover {
	background: transparent url(../images/subscription/timer_cover.png) no-repeat center center;
	z-index: 3;	
}

/* expired status cover image */

.expired_status #status_cover {
	background: transparent url(../images/subscription/timer_expire.png) no-repeat center center;
	z-index: 3;
}

/* acquiring status cover image */

.acquiring_status #status_cover {
	background: transparent url(../images/subscription/timer_acquiring.png) no-repeat center center;
	z-index: 3;
}

/* no internet status cover image */

.no_internet_status #status_cover {
	background: transparent url(../images/subscription/timer_no_internet.png) no-repeat center center;
	z-index: 3;
}

/* don't display pie chart widget expect normal status */

.expired_status #subscription_status_bg, 
.expired_status #expires_pie, 
.expired_status #remaining_days, 
.acquiring_status #subscription_status_bg, 
.acquiring_status #expires_pie, 
.acquiring_status #remaining_days,
.no_internet_status #subscription_status_bg, 
.no_internet_status #expires_pie, 
.no_internet_status #remaining_days
{
	display: none;
}

.status_graphic {
	text-align: center;
	height: 130px;
	width: 118px;
	position: relative;
	margin: 10px auto 0px;
}

.status_cover, .status_bg
{
	width:118px;
	height:118px;
	position: absolute;
	top: 2px; /*5%*/
	left: 2px;
}

#subscription_status_bg, .status_bg {
	background: #ccc url(../images/subscription/timer_bg.png) no-repeat center center;
	z-index: 1;
}

.expires_pie, #expires_pie {
	z-index: 2;
	position: absolute;
	top: 2px; /*5%*/
	left: 2px;
}

.remaining_days, #remaining_days {
	position: absolute;
	top: 20%;
	left: 0;
	width: 100%;
	color: #000;
	z-index: 4;
}

.num_days, #num_days {
	font-size: 33px;
}

.days, #days {
	font-size: 20px;
	display: block;
}
.days_left, #days_left {
	font-size: 14px;
	display: block;
}

.warning {
	color: #cc0000;
}

.acquiring {
	font-style: italic;
}





/* @end */