@import url("reset.css");

/*
/		TYPOGRAPHY
/		all global typography styles
--------------------------------------------------------------------------------------------------------*/

body { font-family: verdana, sans-serif; font-size: 13px; line-height: 18px; color: #043a82; }
a { color: #0265ff ; text-decoration: underline; }
a:active { color: #666; }
a:visited { color: #5392f4; }
a:hover { color:#0b54c5; }
p { margin-bottom: 15px; }
sup { font-size: 40%; vertical-align: top; }
sub { font-size: 40%; vertical-align: bottom; }

h1, h1 a { 
	font-size: 30px;
	line-height: 35px;
	font-weight: normal;
	padding: 0 0 12px 0;
	margin: 0 0 15px 0;
	color: #043a82;
	border-bottom: 3px solid #CCC;
	text-decoration: none;
	}
	
h2, h2 a { 
	font-weight: bold;
	font-size: 22px;
	line-height: 25px;
	color: #043a82;
	margin: 0 0 15px 0;
	text-decoration: none;
	}
	
h3, h3 a { 
	font-size: 18px;
	line-height: 24px;
	color: #043a82;
	margin: 25px 0 15px 0;
	text-decoration: none;
	}
	
h4, h4 a { 
	font-size: 14px;
	line-height: 17px;
	color: #043a82;
	margin: 25px 0 15px 0;
	text-decoration: none;
	}

strong { font-weight: bold; }


/* 
/	Various Global Styles
------------------------------------------*/

.Button a {
	background-color: #9cba69;
	display: block;
	padding: 5px;
	float: right;
	border: 1px solid #516a27;
	color: #FFF !important;
	text-decoration: none;
	}

hr { 
	height: 1px;
	border: 0;
	border-bottom: 1px dashed #CCC;
	}

.FloatRight { float: right; }
.FloatLeft { float: left; }
img.FloatRight { margin-left: 20px; }
img.FloatLeft { margin-right: 20px; }

/*
/		NAVIGATION
--------------------------------------------------------------------------------------------------------*/

#SecNav {
	background: #013b81 url('../images/SecNav_bg.gif') no-repeat top left;
	float: left;
	width: 704px;
	height: 19px;
	margin: 15px 0 4px 0;
	line-height: 19px;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	}
	#SecNav ul li { float: right; }
	#SecNav ul li a { 
	margin: 0 13px; 
	color: #FFF; 
	font-style: italic;
	text-decoration: none;
	}
	#SecNav ul li a:hover { color: #c3ccdb; }
	#SecNav ul li.logout { background-color: #DDECC2; color: #013b81; margin: 0 0 0 30px; }
	#SecNav ul li.logout a { color: #013b81; font-style: normal; }
	#SecNav ul li.logout a:hover { color: #094eb0; }
	
#MainNav { 
	background: #f0f0f0 url('../images/MainNav_bg.gif') no-repeat top left;
	float: left;
	margin: 0 0 17px 14px;
	padding: 0 0 0 4px;
	}
#MainNav ul	 { 
	list-style: none;
	margin: 0;
	padding: 0;
	width: 686px;
	height:30px;
	float: left;
	}
#MainNav ul li	{ float: left; }
#MainNav ul li#JoinNow { float: right; }
#MainNav ul li a {
	display: block;
	float: left;
	height: 30px;
	padding-left: 20px;
	text-indent: -9999px;
	background-position: top right;
	background-repeat: no-repeat;
}

#MainNav ul li#How a { background-image: url('../images/nav_HowOverrideWorks.gif'); width: 175px; }
#MainNav ul li#Partners a { background-image: url('../images/nav_OurPartners.gif'); width: 123px; }
#MainNav ul li#Members a { background-image: url('../images/nav_MemberStories.gif'); width: 140px; }
#MainNav ul li#JoinNow a { background-image: url('../images/joinnow.gif'); width: 87px; float: left; }

#MainNav ul li a:hover { background-position: right -30px; }
#MainNav ul li.active a { background-position: bottom right; }
#MainNav ul li.active a:hover { background-position: bottom right }

#SponsorList { clear: both; float: right; margin: 20px 0 50px 0; }
#SponsorList ul li { float: left; padding: 0 15px 0 0; }
#Verisign { float: left; width: 100px; margin: 30px 0 50px 40px; display: inline; } 

.SubPartnerAnchor
{
	color: White;
}
.SubPartnerAnchor a
{
	color: White;
}
.SubPartnerAnchor a:hover
{
	color: White;
	font-weight: bold;
	background-color:#043a82;
}

#TertiaryNav { 
	border-bottom: 3px solid #CCC;
	height: 66px;
	margin: 0 0 20px 0;
	}
	#TertiaryNav p { text-align: right; }
	#TertiaryNav ul { float: right; margin: 7px 0 0 0; }	
	#TertiaryNav ul li { float: left; list-style: none; margin: 0; }
	#TertiaryNav ul li a {
	background: url('../images/TertiaryNav_bullet.jpg') no-repeat 0 4px;
	float: left;
	padding: 0 30px 0 17px;
	color: #043a82;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	}
	#TertiaryNav ul li.active a {
	background-image: url('../images/TertiaryNav_bullet_on.jpg');
	}
	#TertiaryNav ul li a:hover { color: #0c57b1; }
	#TertiaryNav h1 { border: 0; margin: 0; padding: 0; height: 38px; }

#MemberNav { 
	border-bottom: 3px solid #CCC;
	/*height: 80px;*/
	margin: 0 0 20px 0;
	}
	#MemberNav ul { float: right; margin: 17px 0 0 0; }	
	#MemberNav ul li 
	{
		 float: left; list-style: none; 
		 display: block;
		 height: 25px;
		background-color: #ededed;
		text-align: center;
		margin-bottom: 0px;
		margin-right: 2px;
	}
	#MemberNav ul li a 
	{
		padding: 6px 9px;
		margin: 0 0 0 1px;
		color: #666;
		text-decoration: none;
		font-weight: bold;
		font-size: 10px;
		line-height: 13px;
		display: block;
	}
	#MemberNav ul li#selected
	{
		background-color: #CCC; color: #000; 
	}
	#MemberNav ul li#selected a { background-color: #CCC; color: #000; }
	#MemberNav ul li a:hover { color: #0c57b1; }
	#MemberNav h1 { border: 0; margin: 0; padding: 0; height: 38px; }
	
	
/*
#TertiaryNav { 
	float: left;
	width: 200px;
	}
	#TertiaryNav ul { margin: 15px 0 15px 0; }
	#TertiaryNav ul ul { margin: 0 0 0 15px; }
	#TertiaryNav h2 {
	font-size: 14px;
	font-weight: bold;
	color: #F78F1E;
	}
*/

#footer {
	clear: both;
	height: 50px;
	margin: 0 30px 0 0;
	color: #999;
	font-size: 11px;
	}
	#footer ul { margin: 0; float: right; }
	#footer ul li { float: left; margin: 0 0 0 5px; list-style: none; }
	#footer ul li a { margin: 0 5px 0 0; color: #999;	font-style: italic; }
	#footer ul li a:hover { color: #666; }

/*
/		GLOBAL LAYOUT
--------------------------------------------------------------------------------------------------------*/

body { background: #FFF url('../images/background.gif') no-repeat; width: 949px; position: relative; }

#body-wrap { width: 949px; margin: 0 0 0 10px; }

#bannerfloater
{
    /* FORMERLY "#phone", keeping it in just in case anyone changes its mind... but it was controlling part of the site's
       alignment (the sidebar most notably), so we're going to have a similar element that's empty and floating left now to serve that purpose)
	display: block;
	/*background: url('../images/tollfreenumber.jpg') no-repeat;*/
	float: left;
	width: 50px;
	height: 40px;
	margin: 0 10px 2px 0;
	text-indent: -9999px;
	}
	
#PopOverButton 
{
	display: block;
	float: right;
	margin: 0px 15px 2px 0px;
	height: 40px;
	vertical-align: middle;
	text-align: right;
}

#logo a {
	background: url('../images/Override_logo.gif') no-repeat;
	display: block;
	float: left;
	width: 196px;
	height: 93px;
	margin: 17px 34px 15px 0;
	text-indent: -9999px;
	}
	
.Column1 {
	width: 196px;
	float: left;
	}

.Home .Content { background: none; left: 0; top: 0; }
.Content {
	background: url('../images/Content_top_bg.png') no-repeat;
	float: left;
	width: 753px;
	position: relative;
	left: -9px;
	top: -2px;
	}
	.ContentTop {
	background: url('../images/Content_bg.png') repeat-y;
	padding: 6px 39px 14px 45px;
	margin: 21px 0 0 0;
	float: left;
	width: 669px;
	}
	.ContentBottom {
	background: url('../images/Content_bottom_bg.png') no-repeat left bottom;
	float: left;
	height: 22px;
	width: 753px;
	}

/* 
/	HOME FLASH
------------------------------------------*/

#HomeFlash { margin: 0 0 11px 0; z-index: 1; position: relative; }


#ShawsBanner { padding-top: 4px; }

/* 
/	LOGIN / WELCOME Widget
------------------------------------------*/

#LoginWidget {
	background: url('../images/widgetBG.png') no-repeat;
	padding: 16px 21px 15px 26px;
	width: 134px;
	height: 310px;
	text-align: center;
	color: #FFF;
	line-height: 16px;
	font-size: 12px;
	}
	#LoginWidget span.WidgetTitle { 
	line-height: 14px;
	float: left;
	}
	#LoginWidget span.MemLink a { 
	color: #FFF;
	margin: 11px 0 0 0;
	line-height: 14px;
	float: left;
	}
	
	#LoginWidget ul li {  margin: 7px 0 0 0; float: left; }
	
	#LoginWidget ul li input {
	height: 13px;
	line-height: 13px;
	font-size: 11px;
	padding: 4px 2px;
	border: 1px solid #333;
	color: #666;
	}
	#LoginWidget ul li input.email {
	width: 126px;
	}
	#LoginWidget ul li input.password {
	float: left;
	width: 65px;
	margin: 0 5px 0 0;
	}
	#LoginWidget ul li input.submit {
	float: left;
	height: auto;
	width: auto;
	border: 0;
	padding: 0;
	}

#LoginWidget .forgotpass { 
	font-size: 10px;
	height: 10px;
	line-height: 14px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	}

#LoginWidget .promoInfoSidebarLink 
{
	text-decoration: none;
	color: #FFF;
}

#LoginWidget hr {
	border-bottom: 1px solid #FFF;
	clear: both;	
	}
#LoginWidget hr.dashed {
	border-bottom: 1px dashed #3770b5;
	}
	
#LoginWidget.LoggedIn {
	background: url('../images/WidgetBG_loggedinLG.png') no-repeat;
	font-size: 15px;
	height: 96px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	}
/* 	#LoginWidget.LoggedIn .Name { margin-top: 16px; display: block; } */
	#LoginWidget.LoggedIn .MyAcct img {
/* 	margin-top: 2px; */
	margin-top: 10px;
	}


.textLong 
{
    width: 200px;
}

/* 
/	Partner Locator
------------------------------------------*/

#PartnerLocator {
	padding: 15px 21px 15px 26px;	
	width: 131px;
	height: 230px;
	color: #FFF;
	font-size: 12px;
	}
	.Content #PartnerLocator { float: right; }
	#PartnerLocator ul { margin: 0; margin: 6px 0 0 0; }
	#PartnerLocator ul li { 
	list-style-type: none;
	height: 26px;
	clear: left;
	margin: 0;
	}
	#PartnerLocator ul li.submit { float: right; }
	#PartnerLocator ul li input {
	height: 12px;
	padding: 4px 2px;
	font-size: 10px;
	border: 1px solid #333;
	color: #666;
	}
	#PartnerLocator ul li select {
	color: #666;
	padding: 2px;
	border: 1px solid #333;
	font-size: 11px;
	}
	#PartnerLocator ul li input.city {
	width: 63px;
	margin: 0 5px 0 0;
	float: left;
	}
	#PartnerLocator ul li select.state { width: 56px; }
	#PartnerLocator ul li input.zip {
	width: 46px;
	}	
	#PartnerLocator ul li select.distance { width: 74px; }
	
	#PartnerLocator ul.checkboxes li { clear: left; margin: 0; height: 15px; }
	#PartnerLocator ul.checkboxes li input { float: left; border: 0; }
	#PartnerLocator ul.checkboxes li label { float: left; padding: 0 0 0 4px; }
	#PartnerLocator .PartnerSubmit {
	border: 0;
	float: right;
	width: 44px;
	height: 27px;
	}

#PartnerLocator .WidgetTitle {
	color: #FFF;
	font-weight: bold;
	line-height: 20px;
	}

#PartnerLocator a:hover 
{
	color: #fff;
}
#PartnerLocator a:active { color: #ddd; }
#PartnerLocator a:visited { color: #ddd; }
#PartnerLocator a  
{
	color: #fff; 	
	font-weight: bold;
	line-height: 20px;
}


/*
/	Our members saved
------------------------------------------*/
#SavingsWidget {
	background: url('../images/MemberSavings.png') no-repeat;
	width: 179px;
	height: 126px;
	}
	#SavingsWidget .SavingsTotal {
	font-size: 38px;
	line-height: 45px;
	font-family: Arial;
	font-weight: bold;
	padding: 44px 0 0 39px;
	letter-spacing: 12px;
	}



/* 
/	TEXTBOX w/ drop shadow
------------------------------------------*/

.TextBoxWrap {
	float: left;
	width: 748px;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: #444444;
	position: relative;
	left: -8px;
	}
	.TextBoxWrap .TextBoxTop { 
	height: 10px;
	}
	.TextBoxWrap .TextBox {
	width: 205px;
	padding: 0 14px 23px 14px;
	float: left;
	display: inline;
	margin: 0 0 20px 19px;
	height: 225px;
	}
	.TextBoxWrap .TextBox.first {
	margin-left: 8px;
	}
	.TextBoxWrap .TextBox.RightBar 
	{
		width: 202px;
		border-right: solid 2px gray;
	}
	.TextBoxWrap .TextBox h2 {
	font-size: 17px;
	margin: 0;
	}
	.TextBoxWrap .TextBox p {
	margin: 0 0 4px 0; 
	}
	
	.TextBoxLinkWhite { color: #ccc; }
	.TextBoxLinkWhite:active { color: #ccc; }
	.TextBoxLinkWhite:visited { color: #ddd; }
	.TextBoxLinkWhite:hover { color:#fff; }

	


/* 
/	NEWS
------------------------------------------*/

.LatestNews h2 a { font-size: 20px; line-height: 23px; margin: 0; }
.LatestNews h3 { font-size: 14px; margin: 0; }
.LatestNews p.more { text-align: right; }

.OtherMedia {
	background: #edf5e0;
	width: 250px;
	float: right;
	padding: 20px;
	margin: 0 0 0 50px;
	font-size: 12px;
	}
	.OtherMedia h2 { 
	font-size: 18px;
	}
	.Content .OtherMedia ul { margin: 0 0 0 15px; }
	.Content .OtherMedia ul li { list-style: none; }

.PressReleases h2 { margin: 34px 0 15px 0; }
.Content .PressReleases ul { margin: 0; }
.Content .PressReleases ul li { list-style: none; } 
.BackToNews { float: right; }

/* 
/	FAQs page
------------------------------------------*/
.FAQs p { margin: 0 20px 15px 20px; }
.FAQs h1 { margin-bottom: 30px; }
.FAQs h2 { 
	padding: 10px; 
	background-color: #edf5e0; 
	color: #043a82; 
	font-size: 18px;
	}
.FAQs h3 { font-size: 12px; }

.FAQs a.topAnchor {
    display: block;
    margin: 75px 0 5px 0;
    text-align:right;
    } 

.FAQs ul.FAQsNav { 
	width: 250px;
	float: left;
	display: inline;
	margin: 0 0 50px 20px;
	}
    .FAQs ul.FAQsNav li {
	margin: 0;
	list-style-type: square;
	font-size: 12px;
	}
    .FAQs ul.FAQsNav ul {
	margin: 0 0 0 30px;
	}
	
.FAQs ul.mathList { float:left; }
.FAQs ul.mathList li {
    display: block;
    float:left;
    width: 90px;
    text-align: center;
    list-style-type: none;
    }
    .FAQs ul.mathList li img { display:block; margin: 0 auto; }
    .FAQs ul.mathList li.operator { width: 10px; line-height: 44px; }
    .FAQs ul.mathList li.solution { 
        width: 140px;
        height: 34px;
        margin-top: 10px;
        font-weight: bold;
        }

.FAQs table tr td { width: 50%; _width: 49%; }

.FAQs div.imageFloat {
    width:180px;
    float:left;
    margin: 0 20px 20px 20px;
    text-align: center;
    }
    .FAQs div.imageFloat label { font-weight:bold; }

/* 
/	JOIN
------------------------------------------*/

.JoinBreadCrumb { margin: 20px 0 20px 0; float:left; }
    .JoinBreadCrumb img { display: block; float:left; margin-right: 4px; }
    .JoinBreadCrumb span { 
    float:left;
    font-size: 18px;
    margin: 0;
    line-height: 45px;
    margin-right: 25px;
    }
    
.headerContent h1 { border: none; margin: 0; }
.headerContent p { margin-bottom: 15px; }
.headerContent {
	float: left;
	border-bottom: 3px solid #CCC;
    }



/* 
/	HOW OVERRIDE WORKS
------------------------------------------*/

.bullet1 {
	background: url('../images/bullet1.jpg') no-repeat;
	padding: 10px 0 14px 55px;
	margin: 10px 0 5px 0;
	}

.bullet2 {
	background: url('../images/bullet2.jpg') no-repeat;
	padding: 10px 0 14px 55px;
	margin: 10px 0 5px 0;
	}

.bullet3 {
	background: url('../images/bullet3.jpg') no-repeat;
	padding: 10px 0 14px 55px;
	margin: 10px 0 5px 0;
	}

.bullet4 {
	background: url('../images/bullet4.jpg') no-repeat;
	padding: 10px 0 14px 55px;
	margin: 10px 0 5px 0;
	}

.OverrideTip {
	background: url('../images/OverrideTip_image.jpg') no-repeat;
	padding: 30px 0 0 45px;
	margin: 20px 50px;
	color: #989a98;
	font-style: italic;
	}
	.OverrideTip span { display: none; }

.Indent { margin: 0 0 0 50px; }
.italic { font-size: 12px; font-style: italic; }



/* 
/	OUR PARTNERS
------------------------------------------*/

.Content .OurPartnersList { margin: 0 0 0 30px; }
.Content .OurPartnersList li { margin: 0 0 20px 0; list-style: none; }
.Content .OurPartnersList li img {
	float: left;
	margin: 0 20px 0 0;
	}

.ProgramOverview { 
	background-color: #edf5e0;
	float: right;
	width: 280px;
	margin: 0 0 20px 20px;
	padding: 20px;
	font-size: 12px;
	}
	.ProgramOverview h2 { font-size: 17px; }

.CalloutBlock { 
	background-color: #edf5e0;
	float: right;
	width: 280px;
	margin: 0 0 20px 20px;
	padding: 20px;
	font-size: 12px;
	}
	.CalloutBlock h2 { font-size: 17px; }

/* 
/	MEMBER STORIES
------------------------------------------*/

.StoryForm {
	background: #edf5e0;
	width: 198px;
	padding: 20px;
	margin: 0 0 0 10px;
	float: right;
	}
	.StoryForm h2 { font-size: 18px; }
	.Content .StoryForm ul { margin: 0; }
	.Content .StoryForm ul li { list-style: none; }
	.Content .StoryForm ul li input,
	.Content .StoryForm ul li textarea { border: 1px solid #333; }
	.Content .StoryForm ul li.submit input { margin: 0 0 0 95px; }

.Story { 
	border: 2px solid #edf5e0; 
	width: 342px; 
	float: left; 
	clear: left; 
	padding: 5px;
	margin: 0 0 50px 0;
	}
.Story .StoryMug { 
	float: left; 
	width: 72px;
	
	}
.Story .StoryText { 
	float: left; 
	width: 250px;
	padding: 0 10px;
	}

.Story .author {
	display: block;
	text-align: right;
	font-style: italic;
	}


/*
/		MEMBERS
--------------------------------------------------------------------------------------------------------*/

/* 
/	Account Details
------------------------------------------*/

.accountDetails .box {
	background-color: #d5e4bd;
	width: 250px;
	float: left;
	padding: 20px;
	text-align: center;
	margin: 0 0 20px 20px;
	color: #000;
}


/* 
/	PARTNER CARD
------------------------------------------*/

.PartnerCard { 
	width: 41px;
	height: 26px;
	float: left;
	}
	.OverrideCard { background: url('../images/partners/Override_card_small.jpg') no-repeat; }
	.ShawsCard { background: url('../images/partners/Shaws_card_small.jpg') no-repeat; }
	.DunkinDonutsCard { background: url('../images/partners/Dunkin_card_small.jpg') no-repeat; }
	.LLBeanCard { background: url('../images/partners/LLbean_card_small.gif') no-repeat; }

/* 
/	REGISTER PARTNER CARD
------------------------------------------*/

#regCardFormContainer {
    width: 390px;
    padding-right: 0px;
    float: left;
}

#cardImageContainer {
	border: 1px solid #043a82;
	background-color: White;
	width: 180px;
	padding: 13px;
	float: right;
	text-align: center;
}

#cardUsageDescription 
{
	text-align: left;
	font-size: 8pt;
}

.btnContainer {
    margin: 30px 0px 0px 187px;
}

/* 
/	SUMMARY
------------------------------------------*/

.SummaryCol { float: left; width: 300px; }
.SummaryLinksCol { float: left; width: 350px; }
.Content ul.SummaryList { margin: 0 0 0 25px; }
.Content ul.SummaryList li { list-style: none; }
.Content ul.SummaryList li .title { display: block; width: 100px; float: left; clear: left; }

.SavingsAvail {
	background: url('../images/SavingsAvail_bg.gif') no-repeat;
	padding: 19px 41px;
	width: 128px;
	height: 68px;
	line-height: 25px;
	}
	.SavingsAvail big { 
	font-size: 23px;
	
	}
	
	
.Content ul.SummaryNav { margin: 36px 0 0 0; }
.Content ul.SummaryNav li {
	list-style: none;
	margin-bottom: 10px;
	}
	.Content ul.SummaryNav li img {
	position: relative;
	top: 7px;
	margin-right: 10px;
	}
	.Content ul.SummaryNav li a,
	.Content ul.SummaryNav li a:visited {
	color: #043a82;
	text-decoration: none;
	font-size: 14px;
	}







/*
/		FORMS
--------------------------------------------------------------------------------------------------------*/

.FormWrap {
	background-color: #edf5e0;
	padding: 20px;
	float: left;
	width: 623px;
	}
	.FormWrap h2 { margin: 0 0 20px 0; }

.reqinfo { text-align: right; font-style: italic; font-size: 11px; }

.Content ul.form { 
	margin: 0;
	padding: 0;
	}
.Content ul.form li { 
	clear: left;
	margin: 0 0 10px 0; 
	height: 20px; 
	line-height: 13px; 
	list-style: none;
	}
.Content ul.form li.textarea {
	height: auto;
	}

ul.form label { 
	float: left; 
	width: 190px; 
	clear: left;
	text-align: right;
	margin: 0 10px 0 0;
	}
ul.form input { 
	float: left;
	height: 13px;
	width: 150px;
	font-size: 11px;
	padding: 3px;
	border: 1px solid #999;
	}

ul.form select {
	float: left;
	display: block;
	font-size: 11px;
	padding: 2px;
	border: 1px solid #999;
	}
	ul.form li div.selectbox { }
	
ul.form textarea {
    float: left;
}


ul.form li.noHeight { height: auto; }
ul.form li.FormSpacer { height: 15px; }

span.req { font-weight: bold; color: red; font-size: 10px; }

/* 
/	CHECKBOX FORMS
------------------------------------------*/

ul.form li.checkbox .checkbox
{
    margin-top: 0px; 
}

.Content ul.CheckboxList { margin: 0 0 0 38px; clear: left; }
.Content ul.CheckboxList li { 
	list-style-type: none;
	float: left;
	width: 183px;
	}
.Content ul.CheckboxList li input { float: left; }
.Content ul.CheckboxList li label { float: left; margin: 0 5px 0 0; }
ul.CheckboxList input.textbox { 
	float: left;
	height: 13px;
	width: 100px;
	font-size: 11px;
	padding: 3px;
	border: 1px solid #999;
	}
.Content ul.CheckboxList li.Desc {
	width: auto;
	float: none;
	}

/*--OTHER CHECKBOX LIST--*/
ul.form li.checkbox { padding: 10px; }
ul.form li.checkbox input { /* width: auto; */ height: auto; border: 0; }
ul.form li.checkbox label { width: 555px; clear: none; text-align: left; float: right; }
ul.form li input.checkbox { width: auto !important; height: auto !important; float: left; }

ul.form label.req { font-weight: bold; }
ul.form span.req { font-weight: bold; color: red; font-size: 10px; }
ul.form span.moreinfo { font-size: 10px; font-style: italic; color: #666; }

.FormWrap input.FormSubmit { clear: both; border: 0; padding: 0; }
.FormWrap input.FormSubmitFloat { float: left; border: 0; }

/*--Selectbox List--*/
ul.form li.Select select { }


/* 
/	FORM INFO BOXES
------------------------------------------*/

.InfoBoxContainer { 
	background:  url('/Content/images/infoBox_arrow.gif') no-repeat 5px 7px;
	position: relative;
	width: 10px;
	height: 15px;
	float: left;
	z-index: 9;
	
	}
.InfoBox {
	background: #DDECC2 url('/Content/images/InfoBox_icon.gif') no-repeat 7px 7px;
	border: 1px solid #9fcf67;
	position: absolute;
	left: 10px;
	width: 200px;
	padding: 5px 5px 5px 30px;
	font-size: 11px;
	line-height: 14px;
	z-index: 10;
	}
	
.InfoBoxWide {
	background: #DDECC2 url('/Content/images/InfoBox_icon.gif') no-repeat 7px;
	background-position: 8px 12px;
	border: 1px solid #9fcf67;
	width: 500px;
	padding: 10px 10px 10px 30px;
	font-size: 11px;
	line-height: 14px;
	z-index: 10;
	}
	.InfoBox.PasswordInfo { top: -17px; }
	.InfoBox.PasswordInfoLong { top: -60px; }

/* 
/	FORM ERROR HANDLINGS
------------------------------------------*/

/* NOTE: The following sibling selector ensures that selectbox is properly rendering (and removing) the "X" box next to it
         when validation occurs.  It does not work on IE6, however, who never implemented sibling selectors... wtf were they thinking. */
.selectbox .error + .errorContainer 
{
    background: url('../images/error_x_greenbg.gif') no-repeat 3px 3px;
	width: 17px;
	height: 16px;
}

.WideErrorBox .selectbox .errorContainer .error {
	background: #f6f6d5 url('../images/error.gif') no-repeat 11px 11px;
	margin: 0 0 0 7px;
	padding: 10px 7px 13px 40px;
	width: 250px;
	border: 1px solid #333;
	color: #333;
	position: absolute;
	top:0;
	left: 14px;
	text-align: left;
	z-index: 100;
	}

ul.form li .errorContainer { position: relative; float: left; z-index: 99; }

ul.form li textarea.error,
ul.form li input.error { 
	background: #FFF url('../images/error_x.gif') no-repeat right 2px;
	border-color: #cc1d1d;
	padding-right: 20px;
	}
ul.form li input.error { width: 133px;}

ul.form li label.error {
	background: #f6f6d5 url('../images/error.gif') no-repeat 11px center;
	margin: 0 0 0 7px;
	padding: 10px 7px 13px 40px;
	width: 150px;
	border: 1px solid #333;
	color: #333;
	position: absolute;
	top:0;
	left: 14px;
	text-align: left;
	z-index: 100;
	}

ul.form li label.error span { 
	background: url('../images/error_callout.gif') no-repeat;
	position: absolute;
	width: 18px;
	height: 17px;
	left: -18px;
	}

/*--Checkbox Errors--*/
ul.form li.checkbox input.error {
	background: none !important;
	}
	
ul.form li.checkbox .errorContainer {
	background: url('../images/error_x_greenbg.gif') no-repeat;
	width: 17px;
	height: 16px;
	}

	
/* Hide old-style errors.  Clientside script can make them visible if necessary */
div.field-validation-error {
    display: none;
}

/* 
	This is just temporary 
	The BR tags should be removed 
	from the error messages as soon as possible. -DA
	WHEN ALL <BR> TAGS HAVE BEEN REMOVED
	FROM ERROR MESSAGES THIS CAN BE DELTED
*/ ul.form li label.error br { display: none; } /**/


/* List-independent ERROR HANDLING
/----------------------------------------------*/

.errorContainer { position: relative; height: 0; float: left; z-index: 99; }

textarea.error,
input.error { 
	background: #FFF url('../images/error_x.gif') no-repeat right 2px;
	border-color: #cc1d1d;
	padding-right: 20px;
	}
input.error { width: 133px;}

label.error {
	background: #f6f6d5 url('../images/error.gif') no-repeat 11px center;
	margin: 0 0 0 7px;
	padding: 10px 7px 13px 40px;
	width: 150px;
	border: 1px solid #333;
	color: #333;
	position: absolute;
	top:0;
	left: 14px;
	text-align: left;
	z-index: 100;
	}

label.error span { 
	background: url('../images/error_callout.gif') no-repeat;
	position: absolute;
	width: 18px;
	height: 17px;
	left: -18px;
	}

/*--Checkbox Errors--*/
checkbox input.error {
	background: none !important;
	}
	
checkbox .errorContainer {
	background: url('../images/error_x_greenbg.gif') no-repeat;
	width: 17px;
	height: 16px;
	}

.fileBrowser + .errorContainer 
{
    clear: both;
}

/* Hide old-style errors.  Clientside script can make them visible if necessary */
div.field-validation-error {
    display: none;
}

/* 
	This is just temporary 
	The BR tags should be removed 
	from the error messages as soon as possible. -DA
	WHEN ALL <BR> TAGS HAVE BEEN REMOVED
	FROM ERROR MESSAGES THIS CAN BE DELTED
*/ label.error br { display: none; } /**/


/* 
/	RESULTS
------------------------------------------*/

.result { 
	background: #DDECC2 url('../images/result_success.gif') no-repeat 7px center;
	border: 1px solid #9fcf67;
	padding: 20px 20px 20px 30px;
	margin: 0 0 20px 0;
	font-size: 11px;
	line-height: 14px;
	z-index: 10;
	display: block;
	}

.errorresult,
.errorResult  {
	background: #f6f6d5 url('../images/error.gif') no-repeat 11px center;
	border: 1px solid #8F8F59;
	padding: 20px 20px 20px 39px;
	margin: 0 0 20px 0;
	font-size: 11px;
	line-height: 14px;
	z-index: 10;
	display: block;
	color: #333;
}

/* 
/	FORM BUTTONS
/	input="image" needs height and width 
/	for IE6 bug
------------------------------------------*/

.Submit7733 { width: 77px !important; height: 33px !important; }
.Submit8334 { width: 83px !important; height: 34px !important; }
.Submit9046 { width: 90px !important; height: 46px !important; }
.SubmitLogin { width: 54px !important; height: 26px !important; }
.SubmitUpdate { width: 90px !important; height: 46px !important; }
.SubmitCardExtract { width: 200px !important; height: 34px !important; }
.SubmitContact { width: 154px !important; height: 33px !important; }
.SubmitAddPrtner { width: 100px !important; height: 33px !important; }
.SubmitMyAcct { width: 150px !important; height: 33px !important; }
.SubmitMailCard { width: 150px !important; height: 34px !important; }
.SubmitClear { width: 52px !important; height: 33px !important; }



/*
/		LISTS
--------------------------------------------------------------------------------------------------------*/

.Content ul { margin: 0 0 20px 50px; }
.Content ul li { list-style-type: disc; margin: 0 0 8px 0; }

.Content ol { margin: 0 0 0 50px; }
.Content ol li { list-style-type: decimal; margin: 0 0 8px 0; }

.field-validation-error ul li {
    color: #ff0000;
    list-style-type: none;
}

/*
/       TABLES
--------------------------------------------------------------------------------------------------------*/

table p { margin: 0; }
table.table { width: 100%; margin: 10px 0; }
table.table tr.green td { background-color: #edf5e0; }
table.table tr th { text-align: left; }

table.table tr td { padding: 4px 6px; border: 2px solid #FFF; }

.PromoBox { }

.PromoBoxHeader
{
	width: 20%; border: solid 1px black; padding: 5px; background-color: #9FCF67; font-weight: bold;
}

.PromoBoxRow
{
	padding: 5px; border: solid 1px black;
}


#CardAssociationPopover
{
	background-color: Gray;
	border: solid 1px black;
	position: absolute;
	width: 40%;
	left: 30%;
	top: 30%;
	padding: 30px;
	z-index: 100;
}


.LinkPartnerBox
{
	float:left;
	width:100%;
}

.TextBoxShawsPromo
{
	margin-top: -8px;
	background-color: #123E7D;
	padding-bottom: 9px;
	padding-left: 7px;
	padding-right: 21px;
	width: 205px;
	padding-top: 0px;
	float: left;
	display: inline;
	margin-left: 19px;
}


.EventBalloon
{
    float: left; 
    margin-top: -9px; 
    margin-left: -14px; 
    width: 77px;
}

.EventBalloonText
{
    float: right;
    width: 95px;
    margin-top: 9px;
}

.formDialog
{
    overflow: visible;
}