/*******************************************************
FRAME CONTAINERS
*******************************************************/
.portalFrameContainer .billingFrameContainer
{
	margin: 27px auto;
	width: 930px;
	position: relative;
	top:0px;
}
.portalFrameContainer .largeFrame
{
	margin: 27px auto;
	width: 621px;
	position: relative;
	top:0px;
}

.largeFrame .billingFrameContainer
{
	width: 621px;
}
.portalFrameContainer .moreDetailsFrame
{
	margin: 90px auto;
	position: relative;
	top:0px;
	width: 627px;
}
.billingFrameContainer
{
	margin: 27px auto;
	width: 930px;
	position: relative;
	top: -65px;
}
.billingFrameContent
{
	background: #f5e5ab url("../img/account/IE/bg_00.png") repeat-x scroll 0 0;
	background-image: -moz-linear-gradient(top, #faf6e5, #f5e5ab 50%);
	background-image: -webkit-gradient(linear, center top, center top, from(#faf6e5), color-stop(50%, #f5e5ab));
}
.billingFrameContainerTopLeft, .billingFrameContainerTopRight
{
	height: 4px;
	width: 4px;
}

.billingFrameContainerBottomLeft, .billingFrameContainerBottomRight
{
	height: 4px;
	width: 4px;
}

.billingFrameContainerTop, .billingFrameContainerBottom
{
	background-repeat: repeat-x;
	height: 4px;
}

.billingFrameContainerMiddleLeft, .billingFrameContainerMiddleRight
{
	background-repeat: repeat-y;
	width: 4px;
}

.billingFrameContainerTopLeft
{
	background-image: url('../img/frame/border_top_left_billing.gif');
}

.billingFrameContainerTop
{
	background-image: url('../img/frame/border_top_center_billing.gif');
}

.billingFrameContainerTopRight
{
	background-image: url('../img/frame/border_top_right_billing.gif');
}

.billingFrameContainerMiddleLeft
{
	background-image: url('../img/frame/border_left_billing.gif');
}

.billingFrameContainerMiddleRight
{
	background-image: url('../img/frame/border_right_billing.gif');
}

.billingFrameContainerBottomLeft
{
	background-image: url('../img/frame/border_bottom_left_billing.gif');
}

.billingFrameContainerBottom
{
	background-image: url('../img/frame/border_bottom_billing.gif');
}

.billingFrameContainerBottomRight
{
	background-image: url('../img/frame/border_bottom_right_billing.gif');
}

/*******************************************************
HEADER
*******************************************************/
.accountTitleContainer
{
	height:39px;
	margin: 9px 17px;
}
.accountTitle
{
	font-family: 'Times New Roman', "PingFang SC", "Microsoft YaHei", serif;
	font-size:30px;
	background:url(../img/store/storeIcons.png) no-repeat 0px -127px  transparent;
	height:39px;
	min-width: 125px;
}
.accountTitleLeft
{
	display:inline-block;
	background:url(../img/store/storeIcons.png) no-repeat -76px -22px  transparent;
	height:39px;
	width:45px;
	float:left;
}
.accountTitleRight
{
	display:inline-block;
	background:url(../img/store/storeIcons.png) no-repeat -125px -22px  transparent;
	height:40px;
	width:20px;
	float:left;
}
/*******************************************************
TAB CONTENT
*******************************************************/
.billingFrameContent .tabContentOwner
{
	margin:0 22px 22px;
}
.accountTabTitle
{
	cursor:pointer;
	float:left;
	width:160px;
	height:14px;
	padding:2px 0;
	color: #FFF;
	font-size:11px;
	text-align:center;
	font-weight:bold;
	background:url(../img/store/storeIcons.png) no-repeat 0px -107px  transparent;
	color:white;
}
.accountTabTitle.active, .accountTabTitle.active:hover
{
	background:url(../img/store/storeIcons.png) no-repeat 0px -88px transparent;
	color:#5b300e;
}
.accountTabTitle:hover
{
	background:url(../img/store/storeIcons.png) no-repeat -304px -107px transparent;
	color:#FFFFFF;
}
.billingFrameContent .tabContent
{
	background:#f5ede9 url(../img/account/TabContainerBg00.jpg) no-repeat;
	border : #ee9c1b 1px solid;
	width: 802px;
	height: 421px;
	padding: 30px 37px 32px;
	margin:0px auto;
}
/*******************************************************
ACCOUNT TAB CONTENT
*******************************************************/
.accountSealsContainer, .accountManagementContainer
{
	width: 315px;
	height: 420px;
	border-right: #bd9c87 1px solid;
	margin: 0 20px 0 0;
}
.accountBillingFrameHeader .currencyBillingContainer
{
	float: left;
}
.accountSealsContainer .currencyBillingContainer
{
	clear: both;
}
.ingame .accountSealsContainer .currencyBillingContainer
{
	clear: both;
	position: relative;
	top:-175px;
}
.accountSealsContainer .productCurrencyCOINS
{
	background:url(../img/store/storeIcons.png) no-repeat -36px -20px transparent;
	width:38px;
	height:38px;
	margin: 0 0 5px 0;
}
.accountSealsContainer .productCurrencyBILLS
{
	background:url(../img/store/storeIcons.png) no-repeat 0px -20px transparent;
	width:38px;
	height:38px;
}
.currencyBillingAmount
{
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #50332b;
	margin: 5px 30px 0 5px;
}
.accountSealsContainer .currencyBillingAmount
{
	margin: 10px 0 0 10px;
}
.accountSealsBillingImage
{
	background:url(../img/account/pushSealsPlaceHolder_00.png) no-repeat 0 0 transparent;
	width:307px;
	height:161px;
	margin: 0 0 5px 0;
	position: relative;
	top: 90px;
}
.accountManageBtnLeft, .accountStoreBtnLeft
{
	background:url(../img/store/storeIcons.png) no-repeat -146px -18px transparent;
	width:13px;
	height:55px;
}
.accountManageBtnRight, .accountStoreBtnRight
{
	background:url(../img/store/storeIcons.png) no-repeat -159px -18px transparent;
	width:13px;
	height:55px;
}
.accountStoreBtnCenter
{
	background:url(../img/store/storeIcons.png) no-repeat 0 -240px transparent;
	height:21px;
	padding: 16px 0;
	vertical-align: top;
	width: 170px;
}
.accountManageBtnCenter
{
	background:url(../img/store/storeIcons.png) no-repeat 0 -240px transparent;
	height:46px;
	padding: 9px 0;
	vertical-align: top;
	width: 170px;
	line-height: 19px;
}
.accountStoreButton
{
	bottom: 45px;
	left : 100px;
}
.accountManageButton
{
	bottom: 45px;
	right: 195px;
}
.accountManagementBillingModelMoreDetail{
	position:absolute;
	font-weight:bold;
	right:126px;
	top:115px;
}
.accountManagementBillingModelDescription{
	width:740px;
}
/*******************************************************
SUBS PACKS
*******************************************************/
.subscriptionOffer1Month, .subscriptionOffer1MonthUpgrade, .subscriptionOffer1MonthBack, .subscriptionOffer1MonthPromo
{
	background-image: url('../img/frame/userAccount/Pack1.jpg');
	width: 202px;
	height: 268px;
}
.subscriptionOffer1Month, .subscriptionOffer2Months, .subscriptionOffer3Months{
	display: inline-block;
	margin:10px;
	vertical-align:top;
}
.accountManagementBillingModelContentList .subscriptionOffer1Month,.accountManagementBillingModelContentList .subscriptionOffer2Months,.accountManagementBillingModelContentList .subscriptionOffer3Months{
	float:left;
}
.accountManagementBillingModelContentList .subscriptionOffer1Month{
	margin-left:72px;
}
.subscriptionBlock .subscriptionOffer1Month, .subscriptionBlock .subscriptionOffer2Months, .subscriptionBlock .subscriptionOffer3Months{
	height:65px;
	margin:10px 0px;
	background-image: url('../img/frame/userAccount/Packmini.jpg');

}
.subscriptionAbstractBillingDataSeparator
{
	margin: 20px 0px;
	height:1px;
	background: #bb9a85;
}
.subscriptionAbstractBillingFreePeriod
{
	padding: 5px;
	background: #368ffd;
	width: 210px;
}
.subscriptionAbstractBillingRenewDate
{
	padding: 5px 5px 0;
	background: #844819;
}
.subscriptionAbstractBillingDetail
{
	padding: 0px 5px 5px;
	background: #844819;
}
/*******************************************************
OLD?
*******************************************************/

.titleBarBilling
{
	height: 21px;
	line-height: 15px;
	background-image: url('../img/frame/titleHeaderBackgroundBilling.gif');
}

.leftContent
{
	width: 232px;
}

.billingFrameSeparator
{
	background-color: #f2ac10;
	font-size: 0px;
	height: 2px;
}

.pitchTradeBackground
{
	background: url('../img/frame/userAccount/pitchTradeBg.jpg') no-repeat center top ;
	width: 613px;
	height: 487px;
}
.pitchTradeBackgroundText
{
	width:260px;
}
.pitchTradeContainer
{
	background-image: url('../img/frame/userAccount/pitchTradeContainer.jpg');
	width: 454px;
	height: 381px;
	top: 25px;
	left: 85px;
}
.pitchTradeOptionsContainer
{
	background-image: url('../img/frame/userAccount/pitchTradeOptionsContainer.gif');
	width: 620px;
	height: 336px;
	top: 44px;
}
.pitchTradePromoMessage
{
	background: transparent url('../img/frame/userAccount/userAccountPitch_PromoBanner.jpg') no-repeat center left;
	height:48px;
	color: #232d3b;
	width: 399px;
	margin: 49px 0 0 26px;
}
.pitchTradePaymentMethods
{
	top: 364px;
	right: 26px;
}
.pitchTradePaymentMethods img
{
	margin-left: 4px;
}
.moreInfoBackground
{
	background-image: url('../img/frame/userAccount/moreInfoBg.jpg');
	width: 620px;
	height: 487px;
}
.moreDetailsBillingPitch
{
	width: 299px;
	height: 400px;
}
.summaryLine
{
	background-color: #d5c4b2;
	height: 1px;
	width: 70%;
}
.moreDetailsBillingSubscribeButton
{
	margin-left: 208px;
	min-width: 230px;
}
.billingFrameSubscribeButton
{
	top: 331px;
	left: 213px;
}

.billingFramePitchOptionsText
{
	width: 253px;
}
/*.optionBilling
{
	width: 289px;
}*/
.optionText
{
	height: 19px;
}
.billingOptionText
{
	width: 310px;
}
.decoTitleImageLeft
{
	background-image: url('../img/frame/userAccount/decoTitleLeft.gif');
	width: 55px;
	height: 22px;
}

.confirmationBillingCancelButton
{
	background-image: url('../img/frame/userAccount/cancel_congrat.gif');
	width: 19px;
	height: 17px;
}


/********** merchant pack billing ************/
.merchantPackBillingBg
{
	background-image: url('../img/billingOptions/merchant/teaserBg.jpg');
	width: 618px;
	height: 477px;
	padding: 10px 0 0 0;
}
.titleRibbon
{
	background-image: url('../img/billingOptions/merchant/titleRibbon.gif');
	width: 359px;
	height: 73px;
	margin: 0 auto;
	padding: 6px 0 0 0;
}
.merchantPackBillingArtefactTeasingBg
{
	height: 156px;
	width: 380px;
	background-image: url('../img/billingOptions/merchant/artefactBg.gif');
	margin: 7px 0 0 28px;
}
.merchantPackBillingRessourcesTeasingBg
{
	height: 129px;
	width: 440px;
	background-image: url('../img/billingOptions/merchant/ressourcesBg.gif');
	position: absolute;
	top: 82px;
	right: 17px;
}
.merchantPackBillingArtefactText
{
	line-height: 24px;
	padding: 49px 0 0 116px;
	width: 350px;
}
.merchantPackBillingRessourcesText
{
	line-height: 24px;
	width: 300px;
	float: right;
	margin: 64px 176px 0 0;
}
.merchantPackBillingDiscount
{
	background: transparent url('../img/frame/userAccount/promoIcon.png') no-repeat scroll right top;
	height: 76px;
	width: 69px;
}
.merchantPackBillingDiscountPosition
{
	top: 80px;
	left: 245px;
}
.merchantPackBillingMoreInfoBg
{
	background: transparent url('../img/billingOptions/merchant/detailOptionMerchantBg.jpg') no-repeat scroll center top;
	height: 477px;
	width: 620px;
	padding: 10px 0 0 0;
}
.merchantPackBillingMoreInfoPitch
{
	width: 280px;
}
.merchantPackBillingMoreInfoPitch .optionBilling
{
	height: 30px;
	line-height: 30px;
}
.merchantPackBillingMoreInfoPitch .optionBillingSelected
{
	background: transparent url('../img/billingOptions/merchant/chooseMerchantOptionOver.png') no-repeat scroll right top;
	height: 30px;
	width: 270px;
	padding-right: 40px;
	line-height: 30px;
	color: #c53401;
	margin-left: 10px;
}
.merchantPackBillingMoreInfoBg .moreDetailsBillingSubscribeButton
{
	margin-left: 208px;
	width: 230px;
	bottom: 8px;
}
/*.chooseMerchantOptionSeparator
{
	background: transparent url('../img/billingOptions/merchant/chooseMerchantOptionSeparator.png') no-repeat scroll right top;
	height: 1px;
	width: 237px;
}*/
.merchantPackBillingMoreInfoDecoLeft
{
	background-image: url('../img/billingOptions/merchant/decoLeft.gif');
	width: 56px;
	height: 22px;
}
.merchantPackBillingMoreInfoDecoRight
{
	background-image: url('../img/billingOptions/merchant/decoRight.gif');
	width: 56px;
	height: 22px;
}
.merchantPackBillingMoreInfoOptionTitle
{
	width: 203px;

}
.congratDecoTitleImageLeft
{
	background-image: url('../img/frame/userAccount/congratDecoTitleLeft.gif');
	width: 59px;
	height: 26px;
}
.congratDecoTitleImageRight
{
	background-image: url('../img/frame/userAccount/congratDecoTitleRight.gif');
	width: 59px;
	height: 26px;
}
.merchantPackBillingMoreInfoDetails
{
	width: 330px;
}

/* options list images */
.caravanOption
{
	margin: 16px 0 0 0;
}
.artefactAuctionOption
{
	margin: 20px 0 0 0;
}
.extandAuctionHouseOption
{
	margin: 32px 0 0 0;
}
.stockIncomeOption
{
	margin: 16px 0 0 56px;
}
.congratDecoTitle
{
	width: 130px;
	height: 31px;
}
.congratBackground
{
	background-image: url('../img/frame/userAccount/congratBg.jpg');
	width: 572px;
	height: 315px;
	top: 44px;
	left: 24px;
}

.congratBackgroundContent
{
	width: 306px;
}
.redirectionBackground
{
	background-image: url('../img/frame/userAccount/redirectionBg.gif');
	width: 572px;
	height: 315px;
	top: 44px;
	left: 24px;
}

.redirectionBillingPitch
{
	margin-top:39px;
	color:#8e6048;
}

.redirectionBillingTransactionContainer
{
	width:172px;
}
.packSealsRedirecBg .redirectionBillingTransactionDetail{
	left: 102px;
	top: 28px;
}
.redirectionBillingTransactionDetail
{
	left: 10px;
	top: 5px;
	width: 77px;
}

.redirectionBillingTransactionDetailText
{
	bottom: 5px;
}
.detailCostColor
{
	color: #ffd400;
}

.redirectionBillingImage
{
	height: 100px;
	width: 312px;
	top: 39px;
}

.redirectionBillingImagePosition
{
	left: 85px;
}

.RedirectionBillingLink
{
	color: #a88d79;
	text-decoration: none;
}
.monthRedirecBg
{
	background-image: url('../img/frame/userAccount/monthRedirecBg.jpg');
	width: 172px;
	height: 171px;
}
.packSealsRedirecBg
{
	background-image: url('../img/frame/userAccount/sealsPackBg.png');
	width: 174px;
	height: 173px;
}
.fileImg
{
	background-image: url('../img/frame/userAccount/file_icon.gif');
	width: 24px;
	height: 29px;
}

.hommkImg
{
	background-image: url('../img/frame/userAccount/HerosLogo.gif');
	width: 124px;
	height: 54px;
}

/*utilisé plus tard*/
/*.BillingAccountBtn
{
	background-image: url('../img/frame/userAccount/billingAccount.gif');
	height: 35px;
	width: 35px;

}*/

.decoTitleImageRight
{
	background-image: url('../img/frame/userAccount/decoTitleRight.gif');
	width: 55px;
	height: 22px;
}
.billingOptionTitle
{
	width: 168px;
}
.optionText:hover
{
	background-color: #fee6ba;
	height: 19px;
	color: #0e86c2;
}

.optionBillingSelected
{
	background-image: url('../img/frame/userAccount/optionsRollOver.gif');
	height: 19px;
	color: #0e86c2;
	width: 285px;
	padding-left:5px;
}
.optionBilling
{
	height: 19px;
	width: 285px;
	padding-left:5px;
}
.billingSubscriptionBuyButton
{
	top: 152px;
}

.billingPreviousButton
{
	left: 29px;
	top: 0px;
}
.billingNextButton
{
	left: 258px;
	top: 0px;
}

/*classes img more infos dans locales*/
.settleTownsImage
{
	margin-top: 40px;
	margin-left: 20px;
}
.moreVestigesImage
{
	margin: 10px 0 0 0;
}
.recruitHeroesImage
{
	margin-top: 10px;
	margin-left: -10px;
}
.quickUnbindImage
{
	margin-top: 29px;
	margin-left:10px;
}
.mailboxImage
{
	margin-top: 29px;
	margin-left:47px;
}
.calculatorImage
{
	margin-top: 75px;
	margin-left:9px;
}
.permConnectImage
{
	margin-top: 43px;
	margin-left:10px;
}

.trainingModeImage
{
	margin-top: 90px;
	margin-left: 45px;
}


/** subscription pack **/
.subscriptionPackContainer
{
	background-image: url('../img/frame/userAccount/subscriptionPackContainer.jpg');
	width: 586px;
	height: 403px;
	top: 33px;
	left: 17px;
}
.subscriptionPackBg
{
	background-image: url('../img/frame/userAccount/subscriptionPackBg.gif');
	width: 556px;
	height: 256px;
	top: 19px;
	left: 15px;
}

.subscriptionOffer1MonthPromotion
{
	background-image: url('../img/frame/userAccount/Pack1_promotion.jpg');
	width: 175px;
	height: 257px;
	top: -132px;
}
.subscriptionOffer1MonthPromotion .subscriptionOfferBillingDuration
{
	color: #FFF !important;
}
.subscriptionOffer2Months
{
	background-image: url('../img/frame/userAccount/Pack2.jpg');
	width: 202px;
	height: 268px;
	top: -132px;
}
.subscriptionOffer3Months
{
	background-image: url('../img/frame/userAccount/Pack3.jpg');
	width: 201px;
	height: 268px;
	top: -132px;
}
.subscriptionBackButton
{
	top: 10px;
	right: 20px;
}

.subscriptionOfferBillingDuration
{
	width: 58px;
}
.redirectionBillingTransactionContainer .subscriptionOfferBillingCost
{
		width: 52px;
		height: 48px;
		top: 2px;
		right: -4px;
		background-position:left top;
}
.subscriptionOfferBillingCost
{
		width: 109px;
		height: 74px;
		top: -57px;
		right: -64px;
}
.subscriptionPriceContainerNoDiscount
{
	height: 48px;
	line-height:1em;
	padding-top: 15px;
	padding-left: 17px;
	padding-right:10px;
	text-align:right;
}
.accountManagementContainer .subscriptionPriceContainerDiscount{
	height:46px;
}
.subscriptionPriceContainerDiscount
{
	background: transparent url('../img/frame/userAccount/promoIcon.png') no-repeat scroll right top;
	height: 48px;
	line-height:1em;
	padding-top: 15px;
	padding-left: 17px;
	padding-right:10px;
	text-align:right;
}
.subscriptionPriceContainerNoDiscount .price{
	font-size:13px;
}
.portalSubscriptionOfferBillingDuration
{
	width: 65px;
}
/** summary frame **/
.accountBillingSummaryBackground
{
	background-image: url('../img/frame/userAccount/BgSummary.jpg');
	border: solid 1px #f2ac10;
	width: 620px;
	height: 442px;
}

.profilAccountBillingSummaryBackground
{
	background-image: url('../img/frame/userAccount/BgSummary.jpg');
	border: solid 1px #f2ac10;
	width: 620px;
	height: 355px;
}

.accountBillingFrameTab
{
	height: 42px;
	top: 2px;
}
.accountBillingMainSummaryBgSubscriptionOffer1Month, .accountBillingMainSummaryBgSubscriptionOffer1MonthUpgrade, .accountBillingMainSummaryBgSubscriptionOffer1MonthBack
{
	background-image: url('../img/frame/userAccount/MainSummaryOneMonth.jpg');
	background-repeat: no-repeat;
	background-color : #ffdc9a;
	width: 567px;
	top: 13px;
	left: 27px;
}
.accountBillingMainSummaryBgSubscriptionOffer2Months
{
	background-image: url('../img/frame/userAccount/MainSummaryTwoMonth.jpg');
	background-repeat: no-repeat;
	background-color: #ffdc9a;
	width: 567px;
	top: 13px;
	left: 27px;
}
.accountBillingMainSummaryBgSubscriptionOffer3Months
{
	background: url('../img/frame/userAccount/MainSummaryThreeMonth.jpg');
	background-repeat: no-repeat;
	background-color: #ffdc9a;
	width: 567px;
	top: 13px;
	left: 27px;
}
.accountBillingMainSummaryBgSubscriptionOfferFree
{
	background: url('../img/frame/userAccount/MainSummaryFree.jpg');
	background-repeat: no-repeat;
	background-color: #ffdc9a;
	width: 567px;
	padding-bottom: 33px;
	top: 13px;
	left: 27px;
}
.accountBillingMainSummaryBgSubscriptionOffer
{
	background-color : #ffdc99;
	width: 567px;
	height: 47px;
}
.accountBillingMainSummaryBgSubscriptionOfferBottom
{
	width: 561px;
	height: 44px;
}

.accountBillingSubscriptionFeatures
{
	width: 375px;
	top: 5px;
	left: 172px;
}
.accountBillingBeigeSeparator
{
	background-color: #fffefd;
	width: 365px;
	height: 1px;
}

.accountBillingNextPaymentBg
{
	background-color: #ffeec7;
	width: 365px;
	/*height: 16px;*/
}
.accountBillingRenewalBg
{
	background-color: #ffeec7;
	width: 365px;
	height: 66px;
}
.accountBillingCommonButton
{
	margin-left: 240px;
}
.accountBillingSubscribeButton
{
	/*top: -10px;*/
}
.accountBillingManageSubscribeButton
{
	top: -84px;
	left: 230px;
}

.accountBillingUnsubPackStatus
{
	height: 127px;
	width: 620px;
}
.accountBillingpitchTradeBackground
{
	background-image: url('../img/frame/userAccount/accountBillingPitchTradeBg.jpg');
	width: 620px;
	height: 443px;
	top: -17px;
}
.accountBillingPitchTradeContainer
{
	width: 323px;
	height: 291px;
	left: 147px;
}
.accountBillingPitchSubscribeButton
{
	top: 5px;
	left: 70px;
}

.accountBillingFreePeriodShift
{
	color: #FFF;
	width: 356px;
	padding-left: 7px;
	background-color: #0e86c2;
	border: 1px solid #193d77;
}

.accountBillingSubscriptionFreeIndicator
{
	color: #FFF;
	font-weight: bold;
	background-color: #0e86c2;
	width: 363px;
	border: 1px solid #193d77;
}

.accountEndFreeSubscription
{
	width: 130px;
}

.accountPromoIcon
{
	width: 76px;
	height: 76px;
	left: 10px;
	bottom: 15px;
	background-image: url('../img/frame/userAccount/promoIcon.png');
}

.accountBillingSubscriptionPrice
{
	width: 90px;
	color: #FFF;
}

.unsubscriptionBillingConfirmationBg
{
	width: 402px;
	height: 196px;
	background-image: url('../img/frame/userAccount/BgConfirmation.jpg');
}
.surveyBg
{
	background-image: url('../img/frame/userAccount/BgSurvey.gif');
	width: 572px;
	height: 315px;
	top: 45px;
	left: 24px;
}
.unsubscriptionBillingSurveyIntro
{
	width: 255px;
	height: 300px;
}
.unsubscriptionBillingSurveyQuestion
{
	width: 260px;
	height: 300px;
}

.UnsubscriptionConfirmationBillingCancelButton
{
	bottom: 5px;
}

.inputRadio
{
	background-image: url('../img/frame/userAccount/inputRadio.gif');
	width: 10px;
	height: 10px;
}

/** frame tab ***/

.billingTabTitle
{
	width: 102px;
	height: 26px;
	background-image: url('../img/frame/userAccount/tab_billing.gif');
}
.billingTab, billingTabTitleSelected
{
	background-color: #fffefd;
	line-height: 32px;
}

/***********************
*** User Account ***
***********************/

/*** frame ***/
.userAccountFrameSummaryView
{
	height: 100px;
}
.userAccountFrameSubscriptionButton
{
	margin-top: 140px;
}
.userAccountFrameSubscriptionButtonImage
{
	margin-top: -7px;
}
.userAccountFramePortalProfileButtonImage
{
	margin-top: -7px;
}
.userAccountFrameTabsContainerInformationsZone
{
	height: 359px;
}
.userAccountFrameSubscriptionOfferBillingPointsBackground
{
	background-color: #b19b7f;
	height: 30px;
}

._inactiveItem .userAccountFrameRegion
{
	background-color: #808080;
}

._inactiveItem .userAccountFrameHero
{
	background-color: #808080;
}
/*************************
***  Manage Kingdom    ***
*************************/

.chooseItemsBg
{
		background: url('../img/frame/userAccount/BgSummary.jpg') bottom;
		width: 620px;
		height: 515px;
}

.chooseItemsPitchContainer
{
		background: url('../img/frame/userAccount/bgManage.jpg');
		width: 579px;
		height: 186px;
}

.manageKingdomRegion
{
		width: 120px;
		border-right: 1px solid gray;
}

.chooseItemsButtonImage
{
	bottom: 5px;
	left: 2px;
}

.chooseItemsSubscriptionTitle
{
		width:  341px;
}

.chooseItemsContainer
{
		border: 1px solid #e75700;
		height: 210px;
		width:570px;
}

.chooseItemsButtonZone
{
		background-color: #fdc45c;
		width: 569px;
		height: 20px;
		bottom: 25px;
		margin-left: 29px;
}

.chooseItemsTextZone
{
		background-color: #fdb637;
		height: 18px;
		width: 569px;
}

.chooseItemsPitch
{
	width: 400px;
}

.chooseItemsRegionsList
{
	height: 167px !important;
	width: 550px;
	border: 1px solid #808080;
}

.chooseItemsButtonContainer
{
	left: 250px;
}

.chooseItemsButtonContainer:hover
{
	color: #FFFFFF;
}

.chooseItemsAcceptButton
{
	margin: 20px auto 0px;
	width: 80px;
}

.chooseItemsRegionsListSlider
{
	height: 169px;
}

._inactiveItem.heroBilling
{
	border: none;
}

._inactiveItem, ._inactiveItem .heroCapturedView, ._inactiveItem .regionCity
{
	background: url('../img/background/inactiveItem.jpg') repeat-y bottom left;
}

._inactiveItem .beigeBg
{
	background-color: transparent;
}

/*************************
*** Subscription offer ***
*************************/

.subscriptionOffer
{
	height: 51px;
	line-height: 39px;
}
.subscriptionOffer.odd
{
	background-color: #e8dbc1;
}

.subscriptionOffer.even
{
	background-color: #fef8e8;
}

.subscriptionOfferDuration
{
	width: 270px;
	height: 53px;
	line-height: 41px;
	border-right: 1px solid #99958D;
}
.subscriptionOfferCost
{
	width: 143px;
	height: 50px;
	line-height: 41px;
}
.subscriptionOfferButton
{
	height: 50px;
	line-height: 28px;
	margin-top: 3px;
}

.subscriptionOfferListContainer
{
	width: 586px;
	height: 250px;
	background: url('../img/frame/userAccount/fd_subscription_empty.gif') repeat-y;
}

/*************************
*** Manage kingdom ******
*************************/

.userAccountFrameManageKingdom
{
	height: 231px;
}
.manageKingdomFrameRegionCheckBox
{
	margin-top: 96px;
}
.manageKingdomFrameHeroCheckBox
{
	margin-top: 55px;
}
.userAccountFrameRegion
{
	width: 	150px;
}
.userAccountFrameRegionHeroList
{
	width: 	453px;
}

/*************************
** History Subscription **
*************************/
.historySubscriptionListContainer
{
	width: 588px;
	height: 331px;
	margin-left: 16px;
	top: 15px;
	background: url('../img/frame/userAccount/fd_history_subscription_empty.gif') repeat-y;
}

.historySubscriptionList
{
}

.historySubscription
{
	height: 39px;
	line-height: 39px;
}
.historySubscription.odd
{
	background-color: #e8dbc1;
}

.historySubscription.even
{
	background-color: #fef8e8;
}
.historySubscriptionStartDateTitle
{
	width: 123px;
}
.historySubscriptionDurationTitle
{
	width: 321px;
}
.historySubscriptionEndDateTitle
{
	width: 124px;
}
.historySubscriptionStartDateTitle,
.historySubscriptionDurationTitle,
.historySubscriptionEndDateTitle
{
	height: 15px;
	border-right: 1px solid #99958D;
}
.historySubscriptionStartDate
{
	width: 113px;
	height: 39px;
}
.historySubscriptionDuration
{
	width: 311px;
	height: 39px;
}
.historySubscriptionEndDate
{
	width: 105px;
	height: 39px;
}
.historySubscriptionStartDate,
.historySubscriptionDuration
{
	border-right: 1px solid #99958D;
}


.accountBillingHistoryContent
{
	width: 575px;
	height: 369px;
	border: 1px solid #e75700;
	margin-top: 13px;
	margin-left: 23px;
	background-color: #ffdc99;
}
.accountBillingHistoryHeader
{
	background-image: url('../img/frame/userAccount/accountBillingHeader.gif');
	width: 575px;
	height: 33px;
	line-height: 21px;
	margin: 0 auto;
}
.accountBillingHistoryList
{
	width: 558px;
	line-height: 30px;
	margin-left: 114px;
}

.accountBillingStartDate
{
	width: 114px;
}

.accountBillingSubscription
{
	width: 323px;
}

.accountBillingCurrentSubscription
{
	font-weight: bold;
}

.accountBillingFreeSubscription
{
	color: #FFF;
	background-color: #0e86c2;
	background-image: none !important; /* TMP UNTIL GFX INTEGRATION */
}

.accountBillingEndDate
{
	width: 114px;
}

.accountBillingHistoryList .odd
{
	background-image: url('../img/frame/userAccount/accountBillingHistoryListOdd.gif');
	height: 30px;
	width: 558px;
}

.accountBillingHistoryList .even
{
	height: 30px;
	width: 558px;
	background-image: url('../img/frame/userAccount/accountBillingHistoryListEven.gif');
}
.billingPointPackBackground
{
	background-image: url('../img/frame/userAccount/bgBilling.jpg');
	width: 620px;
	height: 487px;
}
.billingPointPackList{
	margin: 0px auto;
	width: 399px;
}
.billingPointPackContainer{
	background-image: url('../img/frame/userAccount/pointPack.png');
	width:379px;
	height:65px;
}
.billingPointPackContainer.discount{
	background-image: url('../img/frame/userAccount/pointPackDiscount.png');
}
.billingPointPackContainer.discount .billingPackOfferInfos{
	color:#feecc9;
}
.billingPointPackPrice{
	margin:10px 10px 0px 0px;
	width:100px;
}
.billingPointPackContainer.discount .billingPointPackPrice{
	color:#c6201b;
}
.billingPackOfferInfos{
	width:219px;
	margin-left:50px;
	margin-top:13px;
}
.billingPointPackBuyButton{
	width:100px;
	position:absolute;
	right:10px;
	bottom:13px;
}
.billingPointPackBackButton{
	width:100px;
	text-align:center;
	margin:0px auto;
}
.accountAbstractBillingModelContent{
	width:460px;
}
.accountSpecialOffer{
	width:465px;
}
.accountManagementBtn{
	width:165px;
	text-align:center;
}
.accountManagementBtnTxt{
	vertical-align:middle;
	display:table-cell;
	height:38px;
	line-height:1.2em;
}