﻿/* Begin Common Styles */

	html
	{
		
	}

	body
	{
		margin: 0;
		padding: 0;
		display: block;
	}
	
	* html body
	{
		margin: 3px;
		margin-left: 8px;
	}
	
	div.AllContentContainer
	{
		position: relative;
		width: 100%;
	}
	
	a:hover
	{
		color: red;	
	}
	
	form
	{
		margin: 0;
		padding: 0;	
	}

	input
	{
		margin-top: 1px;
		margin-bottom: 1px;
		padding: 0;
		display: block;	
	}
	
	ol, ul
	{
		margin-top: 10px;
		margin-bottom: 5px;
	}
	
	li
	{
		margin-top: 0;	
	}
	
	* html input
	{
		margin-top: 0;
		margin-bottom: 0;
	}
	
	img
	{
		padding: 0;
		margin: 0;
		display: block;
	}
		
	* html .ImageInput
	{
		margin-top: 1px;
		margin-bottom: 1px;
	}

	* html .CheckboxInput
	{
		margin-top: -3px;
	}
	
	input[type=image]
	{
		border: 0;
	}
	
	input[type=checkbox]
	{
		border: 0;
	}
	
	textarea
	{
		 overflow: auto;
	}

	div
	{
		padding: 0;
		margin: 0;
		display: block;
	}

	.Asterisk
	{
		font-family: verdana, arial;
		font-size: 12px;
		font-weight: bold;
		color: #CC0000;
		padding: 10px 0 10px 0;
	}
	
	.RelativeLeft
	{
		position: relative;
		float: left; 	
	}

	.RelativeRight
	{
		position: relative;
		float: right; 	
	}

	.Center
	{
		text-align: center;
		vertical-align: middle;
	}

	.SiteCopy
	{
		font-family: arial, verdana;
		font-size: 12px;
		font-weight: normal;
		color: #000000;
		padding: 10px 0 10px 0;
	}

	.SiteCopyNoPad
	{
		font-family: arial, verdana;
		font-size: 12px;
		font-weight: normal;
		color: #000000;
		padding: 0;
	}

	.SiteCopySmall
	{
		font-family: arial, verdana;
		font-size: 10px;
		color: #000000;
		padding: 20px 0 10px 0;
	}
	
	.ErrorMessage
	{
		font-family: verdana, arial;
		font-size: 16px;
		font-weight: bold;
		color: #CC0000;
		padding: 10px 0 10px 0;
	}

	.ErrorMessageSmall
	{
		font-family: verdana, arial;
		font-size: 12px;
		font-weight: bold;
		color: #CC0000;
		padding: 10px 0 10px 0;
	}
	
	.ErrorMessageForms
	{
		font-family: verdana, arial;
		font-size: 12px;
		font-weight: bold;
		color: #FF0000;
		padding: 0 0 10px 15px;
	}
	
	.ErrorMessageForms li
	{
		padding-bottom: 2px;
	}
	
	.ErrorMessageFormsSmall
	{
		font-family: arial;
		font-size: 11px;
		font-weight: bold;
		color: #FF0000;
		padding: 5px 0 10px 15px;
		margin: 0;
	}
	
	.ErrorMessageFormsSmall li
	{
		margin: 0;
		padding: 0;
	}

	.Label
	{
		font-family: arial, verdana;
		font-weight: bold;
		font-size: 12px;
		color: #000000;
	}

	.Data
	{
		font-family: arial, verdana;
		font-size: 12px;
		color: #000000;
	}

	.LabelLeft
	{
		font-family: arial, verdana;
		font-weight: bold;
		font-size: 12px;
		color: #000000;
		text-align: right;
		padding-bottom: 3px;
	}

	.DataRight
	{
		font-family: arial, verdana;
		text-align: left;
		font-size: 12px;
		color: #000000;
		padding-left: 30px;
		padding-bottom: 3px;
	}
		
	.LabelLeftSpaced
	{
		font-family: arial, verdana;
		font-weight: bold;
		font-size: 12px;
		color: #000000;
		text-align: right;
		padding-bottom: 10px;
	}

	.DataRightSpaced
	{
		font-family: arial, verdana;
		text-align: left;
		font-size: 12px;
		color: #000000;
		padding-left: 30px;
		padding-bottom: 10px;
	}

	.LabelFinePrint
	{
		font-family: arial, verdana;
		font-weight: normal;
		font-size: 10px;
		color: #000000;	
	}

	.MainHeader
	{
		font-family: verdana, arial;
		font-size: 20px;
		font-weight: bold;
		padding: 10px 0 10px 0;
	}

	.SubHeader
	{
		font-family: verdana, arial;
		font-size: 16px;
		font-weight: bold;
		padding-top: 20px;
	}

	.SmallHeader
	{
		font-family: verdana, arial;
		font-size: 14px;
		font-weight: bold;
		padding-top: 5px;
	}
	
	
	.Note
	{
		font-family: verdana, arial;
		font-size: 12px;
		padding-top: 5px;
		font-weight:normal;
	}

	.Footer 
	{
		font-family: verdana, arial;
		font-size: 10px;
		text-decoration: none;
		text-align: center;
	}

	.BrandNavLabel
	{
		font: 11px arial, verdana;
		font-weight: bold;
	}

	a.Footer:hover
	{
		color: white;
	}

	a.BigLink, a.BigLink:visited
	{
		font-family: verdana, arial;
		font-size: 14px;
		color: #0000CC;
		font-weight: bold;
	}

	a.BrandBenefitImage, a.BrandBenefitImage:visited
	{
		position: relative;
		float: right;
		clear: right;
		width: 138px;
		height: 41px;
		cursor: pointer;
	}

	a.BrandServiceImage, a.BrandServiceImage:visited
	{
		position: relative;
		float: right;
		clear: right;
		width: 138px;
		height: 28px;
		cursor: pointer;
	}
	
	a.BrandNavLink, a.BrandNavLink:visited
	{
		font: 12px arial, verdana;
	}

	a:hover.BrandNavLink 
	{
		color: #000066;
		background-color: #FFFFFF;
	}

	div.LeftFooterBottom
	{
		 width: 150px;
		 height: 160px;
	}

	div.BrandNavLinkContainer
	{
		padding: 0 0 0 5px;
	}

	div.BrandNavHeader
	{
		font: 14px arial, verdana;
		font-weight: bold;
		padding-top: 20px;	
		padding-bottom: 10px;
	}

	div.BigLinkContainer
	{
		padding: 10px 0 10px 0;	
	}
	
	div.LeftNavContainer
	{
		padding: 5px 8px 0 8px;
		font: 12px arial, verdana;
	}
	
	div.Indent
	{
		margin: 0 8px 0 16px;	
		width: 620px;
	}
	
	.indentWidth
	{
		width:590px;
	}

	div.HorizontalRule
	{
		width: 100%;
		height: 2px;
		font-size: 1px;
		line-height: 0;
	}
	
	div.HorizontalRuleRed
	{
		width: 100%;
		height: 2px;
		font-size: 1px;
		line-height: 0;
		border-top: solid 1px #CC0000;
	}
	
	div.HorizontalRuleGreen
	{
		width: 100%;
		height: 2px;
		font-size: 1px;
		line-height: 0;
		border-top: solid 1px #077380;
	}
	
	div.PremiumStyles
	{
		font-family: arial;
		font-size: 11px;
	}
	
	.profile
	{
		height: 19px;
		padding-left: 2px;
		padding-top: 2px;
	}

	.claim
	{
		height: 19px;
		padding-left: 2px;
		padding-top: 2px;
	}

	select.claim
	{
		padding-top: 1px;
	}

	textarea.claim
	{
		height: 65px;
		width: 400px;
		margin-bottom: 5px;
	}
	
	.AlignRight
	{
		text-align: right;	
	}
	
	.AlignLeft
	{
		text-align: left;	
	}
	
	.SmallCopy
	{
		font-size: 10px;
	}
	
	li.WarningBullet
	{
		margin-left: 16px;
	}
	
    table.BorderedTable
    {
         border-bottom: solid 1px black;
         border-left: solid 1px black;
    }

    td.BorderedCell
    {
        border: solid 1px #666666;
        margin: 0;
        padding: 4px;
        border-color: #666666;
        border-width: 1px 1px 0 0;
     } 
     
	.MonthlyHeader
	{
		font-size: 18px;
		font-weight: bold;
		color: #334F9F;
		padding-top: 20px;
		font-family: arial;
	}
	
	.px10Top
	{
		padding-top: 10px;	
	}
	
	.px8Top
	{
		padding-top: 8px;	
	}
	
	.px5Top
	{
		padding-top: 5px;	
	}
	
	.px0Top
	{
		padding-top: 0px;	
	}
	
	.px10Left
	{
		padding-left: 10px;	
	}
	
	.px15Bottom
	{
		padding-bottom: 15px;
	}
	.px10Bottom
	{
		padding-bottom: 10px;
	}
	
	.px5Bottom
	{
		padding-bottom: 5px;
	}
	
	.px0Bottom
	{
		padding-bottom: 0px;
	}
	
	div.InnerPadding
	{
		padding: 8px;	
	}
	
	div.ModalBase
	{
		position: absolute; 
		top: 0; 
		left: 0; 
		font-family: Arial; 
		font-size: 12px; 	
	}
	
	.ExpiredCard
	{
		background: #C0C0C0;
		background-color: #C0C0C0;
	}

	          
	/* Cancel Module ============================================================================= */

    .CancelModuleMainContainer
	{
		clear: both;
		position: relative;
		float: left;
		width: 608px;
		margin-left:0px;
	}

	.CancelModContainer
	{
		position: relative;
		float: left;
		width: 608px;
		padding-top: 10px; 
		padding-bottom: 10px;
	}
    
    .CancelModSubHeader 
	{
		position: relative;
		font-family: arial; 
		font-size: 18px; 
		color: #000066;
		font-weight: bold;
		padding-top: 20px;
	}
	
	.SelectionContainer
	{
		position: relative;
		float: left;
		border: 0; 
		width: 608px; 
		height: 20px;
	}
	
	.BlueBarImg
	{
		position: relative;
		float: left;
		background-image: url(../Images/blue_bar.gif); 
		width: 231px; 
		height: 1px;
		margin-top: 8px;
	}
	
	.MidSelectionImg
	{
		position: relative;
		float: left;
		background-image: url(../Images/make_your_selection.gif); 
		width: 141px; 
		height: 16px;
	}
	
	.MidSelectionImgFR
	{
		position: relative;
		float: left;
		background-image: url(../Images/FR_votre_choix_button.gif); 
		width: 141px; 
		height: 16px;
	}
	
	.CancelOptionDiv
	{
		position: relative;
		float: left;
		border: 0; 
		width: 608px; 
		padding-bottom: 10px;
	}
	
	.bodyTextCancelMod 
	{
		font-family: arial;
		font-size: 12px; 
		color: #000066;
		font-weight: bold;
	}
	
	.CancelButtonsContainer
	{
		position: relative;
		float: left;
		border: 0; 
		width: 500px; 
		padding-top: 20px;
		padding-bottom: 10px;
		margin-left:70px;
	}
	
	.CancelButtonLeftImg
	{
		position: relative;
		float: left;
		border: 0; 
		width: 220px; 
		margin-left:5px;
		
	}
	.CancelButtonRightImg
	{
		position: relative;
		float: right;
		border: 0; 
		width: 210px; 
		margin-left:10px;
	}
	
	.NoticeImg
	{
		position: relative;
		float: left;
		border: 0; 
		background-image: url(../Images/NOTICE-YOU-MUST-CLICK-BELOW.gif); 
		border: 0; 
		width: 495px; 
		height: 50px;
	}
	
	.ProceedButton
	{
		position: relative;
		float: left;
		background-image: url(../Images/proceed-with-cancel-button.gif); 
		border: 0; 
		width: 144px; 
		height: 80px;
		cursor: pointer;
	}
	
	.FinalizeCancelButton
	{
		position: relative;
		float: left;
		background-image: url(../Images/comfirm-and-finalize-button.gif); 
		border: 0; 
		width: 144px; 
		height: 80px;
		cursor: pointer;
	}
	
	.FinalizeCancelButtonUK
	{
		position: relative;
		float: left;
		background-image: url(../Images/comfirm-and-finalize-button-uk.gif); 
		border: 0; 
		width: 144px; 
		height: 80px;
		cursor: pointer;
	}
	
	.KeepBenefitButton
	{
		position: relative;
		float: left;
		background-image: url(../Images/keep-my-benefits-button.gif); 
		border: 0; 
		width: 144px; 
		height: 80px;
		cursor: pointer;
	}
	
	/* Cancel Module End =============================================================================== */ 
      
/* End Common Styles */

