/*Style Sheet for the Nielsen Panel Site*/
/*-August 2007-updated August 2020*/
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700;800&display=swap');
@charset "ISO-8859-1";
/*Text Styles*/
body {
	font: 13px/1.2em Arial, Helvetica, sans-serif;
	background-color: #EBEEF2;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
p {
	margin: 0px 0px .6em;
	padding: 0px;
}
h1 {
    visibility: hidden;
}
h2 {
	margin: 0px 0px 12px;
	font: 800 18px 'Inter',Arial, Helvetica, sans-serif;
}
h3 {
	clear: both;
	margin: 20px 0px -6px;
	font: bold 14px Arial, Helvetica, sans-serif;
}
h4 {
	margin: -14px 0px 0px;
	font: bold 20px Arial, Helvetica, sans-serif;
}
h5 {
	margin: 0px 0px 3px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #0C5D9C;
}
h6 {
	font-size: 10px;
	line-height: 1em;
	margin: 0px 0px 10px 10px;
	color: #000000;
	font-weight: lighter;
}
h7 {
	font-size: 11px;
	line-height: 1.0em;
	color: #000000;
}

a:link {color: #003399; }
a:visited {color: #003399; }
a:hover {text-decoration: none; }

.emphasis{
    font-style: italic;
}
.alignright{
	text-align: right;
}
.small {
	font-size: 10px;
	line-height: 1.2em;
}
.eleven {
	font-size: 11px;
	line-height: 1.2em;
}

/*section colors*/
.bgdcolor1 {background-color: #50E6AA}
.brdcolor1 {border-color: #50E6AA;}
.bgdcolor2 {background-color: #FFA939}
.brdcolor2 {border-color: #FFA939;}
.bgdcolor3 {background-color: #64bef0}
.brdcolor3 {border-color: #64bef0}
.bgdcolor4 {background-color: #ddaaff}
.brdcolor4 {border-color: #ddaaff;background: #ebeef2;}
.bgdcolor5 {background-color: #aaf564}
.brdcolor5 {border-color: #AAF564}
.bgdcolor6 {background-color: #FFD500}
.brdcolor6 {border-color: #FFD500}
/*Main container*/
#divcenter {
	width: 768px;
	padding: 0px;
	/*margin: 0px 0px 0px -384px;*/
	margin: 0 auto;/*New*/
	/*position: absolute;*/
	/*left: 50%;*/
	/*top: 0px;*/
	background: #011968 url(../images/divcenter_bkgd.gif) repeat-y;
	/*z-index: 1;*/
	text-align: left;
}
/*Divs*/
#divcentertop {
	background-image: url(../images/divcenter_top.gif);
	background-repeat: no-repeat;
	width: 748px;
	margin: 0px;
	padding: 10px 10px 0px;
	position: relative;
	top: 0px;
	height: 103px;
	background-position: top;
	z-index: 1;
}
#divtitle {
	margin: 0px;
	padding: 0px;
	width: 748px;
	position: absolute;
	height: 111px;
	z-index: 3;
	left: 11px;
	top: 11px;
}
#divbanner {
	/*background-color: #011968;*/
	background-repeat: no-repeat;
	margin: -9px 0px 0px 0px;
	padding: 86px 20px 0px 0px;
	width: 728px;
	height: 27px;
	background-position: right top;
	font-size: 12px;
	color: #FFFFFF;
	text-align: right;
}

#divcenterbottom {
	margin: 0px;
	padding: 0px;
	width: 768px;
	height: 22px;
	z-index: 1;
	clear: both;
	overflow: hidden;
	background: url(../images/divcenter_bottom.gif) no-repeat 0px 10px;
	float: left;
	position: relative;
}
#divcenterfooter {
	background-color: #EBEEF2;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 766px;
	position: relative;
	bottom: 0px;
	height: 16px;
	font-size: 9px;
	text-align: left;
	color: #777777;
	z-index: 1;
	clear: both;
	/*float: left;*/
}
#divcenterfooter a {color: #777777; text-decoration: none; }
#divcenterfooter a:visited {color: #777777; }
#divcenterfooter a:hover {text-decoration: underline; }

/*Other menu styles in navcolor css files*/

#divphoto {
	float: left;
	height: 330px;
	width: 181px;
	/* background-color: #16b6d8;
	background-image: url(../images/photobkgd.gif);
	background-repeat: no-repeat; */
	margin: 0px 0px 0px 10px;
	/* padding: 0px 0px 0px 10px; */
	overflow: hidden;
	background-position: right bottom;
}
#divcontent {
	float: left;
	width: 335px;
	padding: 15px 13px 0px 14px;
}
#divcontentfull {
	width: 537px;
	margin: 24px 0px 0px 15px;
	float: left;
}
#divcontentfull p{
	padding: 0px 10px 0px 0px;
}
#divcontentfull ol {
	margin: -5px 0px 30px 26px;
	padding: 0px;
}
#divcontentfull ol li {
	margin: 5px 0px;
}

#divcontentwide {
	padding-left: 31px;
	width: 710px;
	clear: both;
	float: left;
}

#divcontentwide p{
	margin: 0px;
}
#divcontentwide img{
	margin: 15px 0px;
}
/* following one classadded in June 2009 to correct IE7 display issue on Change Contact page. */
#divcenter #divcontentfull form p {
    margin-top: 5px;
}

/* homepagelets */

.pagelettitle {
	font-weight: normal;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 1px 0px 3px 6px;
	margin: 20px 0px 0px;
	clear: both;
	font-size: 14px;
	border-left: 19px solid #50e6aa;
	/*height: 16px;*/
	background: #2765F0 url(../images/pageletround.gif) no-repeat right top;
}
.titlebarnote{
	font-size: 11px;
	font-weight: normal;
	padding: 1px 6px 0px 0px;
	vertical-align: text-bottom;
}
span.titlebarnote a, span.titlebarnote a:hover, span.titlebarnote a:visited{
color:#002041;
}
.pageletbody {
	border-right: 1px solid #2765f0;
	border-bottom: 1px solid #2765f0;
	border-left: 1px solid #2765f0;
	margin: 0px 0px -7px;
	padding: 15px 6px 10px 20px;
}
.autoscroll {
	height: 150px;
	overflow: auto;
}

.flushright{
	float: right;
}
.bkgdyellow{
	background: #EBEEF2;
}


/* My Points - p1 */

#divpoints{
	position: absolute;
}
#divpointssm01{
	position: absolute;
	background: url(../images/mypoints-sm-base.gif) no-repeat;
	width: 307px;
	z-index: 1;
	height: 82px;
	font-size: 32px;
	font-weight: bold;
	margin-top: -5px;
	padding-top: 20px;
	color: #0033CC;
}
#divpointssm017{
	position: absolute;
	background: url(../images/mypoints-sm-base17.gif) no-repeat;
	width: 307px;
	z-index: 1;
	height: 82px;
	font-size: 32px;
	font-weight: bold;
	margin-top: -5px;
	padding-top: 20px;
	color: #0033CC;
}
#divpointssm02{
	position: absolute;
	margin: 42px 0px 0px 3px;
	z-index: 2;
	background-color: #0033CC;
	height: 18px;
}
#divpointssm05{
	position: absolute;
	margin: 42px 0px 0px 3px;
	z-index: 1;
	height: 18px;
	background: url(../images/mypoints-sm-overflow.gif) no-repeat 293px;
	width: 303px;
}
#divpointssm03{
	position: absolute;
	margin-top: -5px;
	background: url(../images/mypoints-sm-hashmarks.gif) no-repeat;
	width: 307px;
	z-index: 3;
	height: 82px;
}
#divpointssm04 {
	padding-top: 60px;
	position: relative;
	z-index: 3;
	top: 0px;
}

/* Household competition - pgs1 and 2*/

.hhcompperson{
	margin: 0px 0px 2px -20px;
	padding: 1px 0px 0px 0px;
	height: 17px;
	width: 327px;
	background: url(../images/personbars.gif) repeat-y 35px;
}
.hhcompname{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 95px;
	text-align: right;
}
.hhcompbar{
	float: left;
	margin: 1px 4px 0px 4px;
	padding: 0px;
	height: 16px;
	background-color: #0033CC;
}
.hhcompbarlead{	background-color: #3399FF;
}
.hhcompnumber{
	margin: 0px -10px 0px 0px;
	padding: 0px;
	float: left;
	width: 25px;
}
.hhcompkey{
	margin: 15px 0px 2px -20px;
	padding: 1px 0px 0px 0px;
	height: 17px;
	width: 327px;
}
.hhcompkeytext{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 204px;
}

.divsidebarhhcomp {
	padding: 0px;
	margin: 0px;
	border-width: 0px 1px 1px 1px;
	border-style: none solid solid solid;
}
#divhhpoints{
	margin: 0px -1px 0px 0px;
	padding: 0px 1px 0px 10px;
	float: left;
	width: 257px;
	border-width: 0px 1px 1px 0px;
	border-style: none solid solid none;
}
#divhhwinner{
	margin: 0px -1px 0px -0px;
	padding: 0px 0px 0px 10px;
	float: left;
	width: 256px;
	border-width: 0px 1px 1px 1px;
	border-style: none solid solid solid;
}
#divcontentfull h4 {
	font-size: 13px;
	line-height: 1em;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
}
#divhhpoints .hhcompperson, #divhhwinner .hhcompperson {
	margin: 0px 0px 2px -10px;
	padding: 1px 0px 0px 0px;
	height: 17px;
	width: 257px;
}
#divhhpoints .hhcompkeytext, #divhhwinner .hhcompkeytext  {
	margin: 0px -9px 2px 0px;
	padding: 1px 0px 0px 0px;
	height: 17px;
	width: 136px;
}
#divhhwinner .hhcompbarlead, table.prevmonths td.first{
	background-color: #00CC33;
}
#divhhpoints .hhcompkey, #divhhwinner .hhcompkey{
	width: 247px;
	margin: 15px 0px 2px -10px;
}

/* my points - pg2*/
#divpointslg01{
	position: relative;
	background: url(../images/mypoints-lg-base.gif) no-repeat;
	width: 509px;
	height: 81px;
	z-index: 1;
	font-size: 32px;
	font-weight: 800;
	font-family: 'Inter', Arial, Helvetica, sans-serif;
	line-height: 25px;
	top: 3px;
	padding-top: 0px;
	color: #0033CC;
}
#divpointslg017{
	position: relative;
	background: url(../images/mypoints-lg-base17.gif) no-repeat;
	width: 509px;
	height: 81px;
	z-index: 1;
	font-size: 32px;
	font-weight: 800;
	font-family: 'Inter', Arial, Helvetica, sans-serif;
	line-height: 25px;
	top: 3px;
	padding-top: 0px;
	color: #0033CC;
}

#divpointslg02{
	width: 509px;
	height: 29px;
	position: relative;
	margin-top: 0;
	margin: -40px 0px 0px 3px;
	z-index: 2;
	background-color: #0033CC;
}
#divpointslg03{
	width: 509px;
	height: 81px;
	position: relative;
	margin-top: -61px;
	background: url(../images/mypoints-lg-hashmarks.gif) no-repeat;
	z-index: 3;
}
#divpointslg04 {
	width: 509px;
	margin-top: 10px;
	position: relative;
	z-index: 4;
}
#divpointslg05 {
	width: 509px;
	height: 81px;
	position: relative;
	margin-top: -81px;
	background: url(../images/mypoints-lg-overflow.gif) no-repeat;
	z-index: 5;
}

#divpointslg06 {
	height: 84px;
	line-height: 1em;
	position: relative;
	margin-top: -90px;
	padding-left: 197px;
	z-index: 6;
}

#divpointslg067 {
	height: 84px;
	line-height: 1em;
	position: relative;
	margin-top: -90px;
	padding-left: 136px;
	z-index: 6;
}

#divpointslg06 a.bonusgreen, #divpointslg067 a.bonusgreen {
	color: #03AB03;
}

#divpointslg06 a.entryblue, #divpointslg067 a.entryblue {
	color: #3D5BFF;
}

/* Daily Points Scoreboard p2*/
#divscoreboard {
	position: relative;
	top: 0px;
	width: 500px;
}
#divscoreboard table {
	width: 496px;
	float: left;
	clear: left;
	margin-left: 10px;
	border: 0px none;
}
#divscoreboard table td {
	width: 50px;
	height: 23px;
	background: #FFFFFF;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	text-align: center;
}
#divscoreboard table td.name {
	padding-top: 2px;
	padding-right: 5px;
	width: 65px;
	border: 0px none;
	text-align: right;
}
#divscoreboard table td.last {
	border: 0px none;
}
#divscoreboard table td.blueabove {
	margin-top: -1px;
	border-width: 2px 0px 0px 0px;
	border-color: #0033CC;
	border-style: solid;
}
#divscoreboard table td.bluebelow {
	margin-top: -1px;
	border-width: 0px 0px 2px 0px;
	border-color: #0033CC;
	border-style: solid;
	font-size: 10px;
	line-height: .9em;
}
#divscoreboard table td.head {
	margin-top: -1px;
	border-width: 0px 0px 1px 0px;
	border-color: #CCCCCC;
	border-style: solid;
	font-size: 10px;
	line-height: .9em;
}
#divscoreboard table td.sat {
	border-left: 2px solid #0033CC;
}
#divscoreboard table td.sun {
	border-left: 2px solid #0033CC;
	border-right: 2px solid #0033CC;
}
#divscoreboard table td.leader {
	background: #33CCFF;
}
#divscoreboard table td.key {
	text-align: left;
	width: 150px;
	background: url(../images/dailyleader.gif) no-repeat 0px 2px;
	padding-left: 20px;
	vertical-align: top;
}
#divscoreboard table td div.leadersquare {
	text-align: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	height: 15px;
	width: 15px;
	background: #33CCFF;
	border: 1px solid #CCCCCC;
	float: left;
}
#divscoreboard table td.pointsnote {
	color: #0033CC;
	vertical-align: top;
	width: 200px;
}
p.prevpointlink{
	margin-left: 65px;
	clear: left;
}


/* Previous Months History */

.prevmonths {
	position: relative;
	top: 10px;
	width: 510px;
}

table.prevmonths {
	width: 496px;
	float: left;
	clear: left;
	margin-left: 10px;
	border: 0px none;
}
table.prevmonths td {
	width: 40px;
	height: 25px;
	background: #FFFFFF;
	margin: 0px;
	padding: 1px 0px 0px 0px;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	text-align: center;
	line-height: .9em;
}
table.prevmonths td.head {
	margin-top: -1px;
	border-width: 0px 0px 1px 0px;
	border-color: #CCCCCC;
	border-style: solid;
	font-size: 10px;
	line-height: .9em;
	vertical-align: bottom;
}
table.prevmonths td.last {
	border: 0px none;
}
table.prevmonths td.cap {
	border-right: 1px solid #CCCCCC;
}
table.prevmonths td.name {
	padding-top: 1px;
	padding-right: 5px;
	width: 65px;
	border: 0px none;
	text-align: right;
}
table.prevmonths td.key {
	text-align: left;
	background: url(../images/prevmonthsfirst.gif) no-repeat 0px 2px;
	padding-left: 18px;
	vertical-align: baseline;
	width: 120px;
	}



/* Weekly Bonuses */

#bonuses{
	width: 429px;
	margin-top: 10px;
	padding: 0px 10px 0px 50px;
}
#bonuses table{
	width: 419px;
}
#bonuses td{
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	height: 21px;
	background: #FFF;
	text-align: right;
	width: 44px;
	padding-right: 15px;
	padding-top: 3px;
}
#bonuses td.checked{
	background: url(../images/bonuscheck.gif);
}
#bonuses td.head{
	padding: 0px 0px 2px 0px;
	border: 0px none;
	font-size: 10px;
	line-height: .9em;
	text-align: center;
	vertical-align: bottom;
	background: #FFFFFF;
}
#bonuses td.months{
	text-align: right;
	padding-right: 6px;
	width: 118px;
	border-left: 1px solid #CCCCCC;
	background: #FFF;
}
#bonuses td.bottom{
	width: 409px;
	background: #FFFFFF;
	border-right: 0px none;
	text-align: right;
	margin: 0px;
	padding: 12px 0px 0px 0px;
}



/* Wearing My Meter */

#stream{
	width: 680px;
	margin-top: 10px;
	padding: 0px;
}
#stream table{
	width: 680px;
	margin: 0px;
	padding: 0px;
}
#stream td{
	border: 0px;
	height: 21px;
	width: 456px;
	padding-top: 1px;
	vertical-align: middle;
}
#stream td div.bar{
	padding: 0px;
	margin:  0px;
	background: #000000;
	height: 16px;
	width: 456px;
	position: relative;
	overflow: hidden;
}

#stream td div.bar img{
	border: 0px;
	height: 16px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	float: left;
	position: absolute;
}

#stream td.months{
	text-align: right;
	padding-right: 6px;
	width: 90px;
	background: #FFFFFF;
}	
#stream td.times{
	height: 36px;
	background: url(../images/streamtimes.gif);
}	
#stream td.streamkey{
	font-size: 10px;
	vertical-align: bottom;
}	
#stream td.streamkey img{
	width: 13px;
	height: 13px;
	margin: 2px 3px 4px 0px;
	padding: 0px;
	vertical-align: middle;
}	
/* Chart explanation stuff */

.explanation{
	background: #FFFFDD;
	padding: 5px 8px;
	margin-right: 7px;
	border-width: 1px;
	border-style: solid;
}
.explanation h5 {
	font-size: 12px;
}
#explain01 .explanation p, #explain02 .explanation p, #explain03 .explanation p, #explain04 .explanation p, #explain05 .explanation p, #explain05a .explanation p, #explain06 .explanation p , #explain06fourWeekPnthide .explanation p{     
   font-size: 11px;
   margin: 0px 0px 3px;
}
/*revised for payment section*/#explain01, #explain02, #explain03, #explain04, #explain05, #explain05a, #explain05a_new, #explain06 ,#explain06fourWeekPnthide, #explain07achvBnshide{ background: url(../images/explainballoon.gif) no-repeat right top;
}
#explain01, #explain01show{
	margin-top: -5px;
}
#explain01 a, #explain01show a, #explain06 a, #explain06show a {
	font-size: 11px;
}
#explain04, #explain04show ,#explain06fourWeekPnthide ,  #explain06fourWeekPntshow {
	clear: both;
	padding-left: 10px;
}
#explain05, #explain05show, #explain05a, #explain05showa {
	clear: both;
	padding-right: 0px;
}
#explain05 div.explanation, #explain05a div.explanation {
	margin: 7px 0px 0px;
}
#explain06 div.explanation {
	margin: -5px 0px 0px;
}

/* tips */
.h3tips {
	margin-bottom: 0px;
	padding: 0px;
	font-size: None;
	color: #2765F0;
}

.author {
	margin: -.3em 0em .6em  1.5em;
	padding: 0px;
	font-size: None;
	color: #2765F0;
	font-style: italic;
}

/* Sidebars */

#divsidebars {float: left;
	width: 192px;
	padding: 15px 0px 0px 0px;
}
#divsidebarfull {
	width: 716px;
	margin: 24px 0px 0px 25px;
	padding: 0px;
	float: left;
	background: #FFCC99;
}
.divsidebartitle {
	font-weight: normal;
	font-family: 'Oswald', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #002041;
	padding: 1px 0px 3px 6px;
	margin: 15px 0px 0px 0px;
	clear: both;
	font-size: 14px;
}

.divsidebartitle p {
	padding: 0px;
	margin: 0px;
}

.divsidebarcontent {
	padding: 2px 2px 4px 10px;
	border-width: 0px 1px 1px 1px;
	border-style: none solid solid solid;
}
.divsidebarcontent ul {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 13px;
}
.divsidebarcontent li {
	list-style-type: none;
	margin: 5px 0px;
}
.divsidebarcontent li a {
	color: #336699;
}
.divsidebarcontent li a:hover { decoration: none;
}
.divsidebarcontent p {
	margin: 5px 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 13px;
	clear: both;
}
#divsidebars a {
	color: #336699;
}
.divsidebarcontent input {
	vertical-align: text-bottom;
}

.sidebartips01 {
	width: 192px;
	background: #2222EE;
	margin: 0px 0px 2px 8px;
	padding: 0px;
	float: right;
}
.sidebartips02 {
	border: 1px solid #00DDDD;
	margin: 0px;
	padding: 0px;
}
.sidebartips03 {
	margin: 0px;
	padding: 6px 6px 6px 10px;
	background: #EBEEF2;
}

#tiptext {
	width: 503px;
	height: 120px;
	border: 1px solid #99CCFF;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 3px 3px 0px 5px;
	overflow: auto;
	color: #222299;
}
.tipinfo1 {
	width: 80px;
	float: left;
	margin-left: 5px;
	padding: 0px;
	line-height: .9em;
}
.tipinfo2 {
	width: 140px;
	float: left;
	padding: 0px;
	margin-right: 10px;
	line-height: .9em;
}
.tipinfoborder {	
	padding-left: 10px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.tipinfo4 {
	width: 503px;
	float: left;
	padding: 0px;
	line-height: .9em;
	clear: left;
	position: relative;
	text-align: right;
}

#tipconfirm{
	background: #FFFFEE url(../images/confrimbgd.gif);
	padding: 40px 20px 10px 30px;
	width: 445px;
	margin: -300px 0px 136px 20px;
	border: 2px solid #0099FF;
	position: relative;
	z-index: 5;
	visibility: visible;
}
#tipconfirm p {
	line-height: 1.5em;
	margin-bottom: .6em;
	}
input.button {
	width: 85px;
	cursor: pointer;
}
.moveup{
	margin-top: 0px;
	position: relative;
	width: 500px;
	overflow: hidden;
}

/*My Profile*/

.contactinfo{
	margin: 0px;
	padding: 4px 0px;
	border-bottom: 1px solid #CCCCCC;
	height: 14px;
}
.contactchange{
	margin: 0px;
	padding: 4px 0px;
	border-bottom: 0px;
	height: 14px;
    	clear: both;
}

.contactlabel, .metername{
	text-align: right;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 110px;
	float: left;
	color: #666666;
}
.contactentry, .meternumber{
	margin: 0px;
	width: 390px;
	padding: 0px;
	float: left;
}
.metername{
	text-align: left;
	color: #000000;
}
.headcolor {
	color: #2244CC;
}


/*Contact Arbitron*/

.sendcomment {
	width: 514px;
	padding: 0px;
	position: relative;
	text-align: right;
}
.calendar01 {
	border: solid 1px #B68100;
 	margin: 0px;
	padding: 10px 20px;
	/*added by Bob Coe on 7/15/09*/
	overflow:hidden; 
	display:inline-block; 
	width:495px;
}
.calendar02 {
	width: 220px;
	margin: 0px;
	padding: 0px;
	float: left;
}
.calendar03 {
	margin: 0px;
	border: 1px solid #1122CC;
	width: 220px;
	height: 19px;
	padding: 3px 0px 0px 0px;
	background: #F7BF00;
	text-align: center;
	font-weight: bold;
}
.calendar04 {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: 480px;
	/*added by Bob Coe on 7/15/09*/
	float:left;
}
.tripinfo {
margin-top:-5px;
	width: 478px;
	height: 60px;
	border: 1px solid #224499;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 3px 3px 0px 5px;
	overflow: auto;
	color: #222299;
}
.tripinfo2 {
	width: 488px;
	padding: 0px;
	position: relative;
	text-align: right;
}
.emailrow{
	margin: 0px;
	padding: 4px 0px;
	height: 16px;
}
.emaillabel{
	text-align: right;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 110px;
	float: left;
	color: #000000;
}
.emailfield{
	margin: 0px;
	width: 390px;
	padding: 0px;
	float: left;
}
.emailfield2{
	margin: 0px;
	width: 390px;
	height: 16px;
	padding: 1px 0px 0px 0px;
	border: solid 1px #CCCCCC;
	font: 12px Arial, Helvetica, sans-serif;
}
.emailsubmit  {
	width: 512px;
	padding-top: 10px;
	position: relative;
	text-align: right;
}


/*Cool Stuff starts*/

#divcoolstuff {
	border: 3px solid #0099CC;
	margin: 20px 0px 0px 0px;
	position: relative;
}

.divcooltitle {
	color: #002041;
	background-color: #50E6AA;
	margin: -2px 0px 0px 0px;
	padding: 1px 0px 3px 6px;
}
.divcoolcontent {
	margin: -4px 0px 0px -10px;
	padding: 5px 2px 6px 10px;
}
#divcoolstuff .divsidebartitle {
	margin: -3px -5px 0px -3px;
	padding: 0px 2px 4px 0px;
	/*background-color: #0099CC;
	border: 3px dashed #33FF00;*/
	position: relative;
}
#divcoolstuff .divsidebarcontent {
	margin: -3px;
	padding: 0px 0px 0px 10px;
	/*border-width: 0px 3px 3px 3px;
	border-style: none dashed dashed dashed;*/
	border-color: #50E6AA;
	position: relative;
}

/*What do you think? quiz*/

#quiz {
	width: 169px;
	margin: 0px;
	padding: 12px 0px 0px 22px;
	float:left;
}
#answer{
	margin: 3px 0px 0px;
	padding: 0px;
}
#answer p{
	margin: 0px 0px 3px;
	padding: 0px;
	font-style: italic;
	color: #0C5D9C;
	font-size: 11px;
	line-height: 1.2em;
}

/*questions*/
#divcontentfull ol li {
	list-style: decimal outside;
	color: #9F00FF;
	margin: 12px 0px;
}
.normaltype {
	font: normal 13px/1.2em;
	color: #000000;
}


/*one, two and three are for floating columns on various pages*/
#one {
    width: 165px;
    float: left;
    padding: 0px 0px 18px 0px;
}
.one {
    width: 165px;
    float: left;
    padding: 0px 0px 18px 0px;
    margin: 10px 0px 0px 0px;
}
#two {
    width: 260px;
    float: left;
    padding: 0px 0px 18px 0px;
}
#two ul {
    padding: 0px 10px;
    margin: 0px;

}
#two li {
	padding: 0px;
	margin: 0px 0px 7px 0px;
	font-size: 11px;
}
#two li a {
	font-size: 13px;
}
#three {
	width: 230px;
	float: left;
	margin: 10px 5px 0px 0px;
	padding: 0px;
	font-size: 11px;
	text-align: left;
}
#three input {
	vertical-align: text-bottom;
	margin-top: 25px;
}
#three p {
	clear: both;
}
#three #label {
	margin-top: 5px;
}
#three img {
	margin: 0px;
	padding: 0px 6px 20px 0px;
}
/*for back-to-top links*/
#up {
	text-align: right;
	padding-right: 10px;
	clear: both;
}
#up2 {
	text-align: right;
	padding-right: 10px;
	margin-top: -15px;
	clear: both;
}
/*for yellow box on contact page*/
#divyellowbox {
	background-color: #ebeef2;
	padding: 0px 5px 0px 10px;
	border: 1px solid #CC9900;
}
#divyellowbox p {
	padding: 0px;
	margin: 6px 0px;
}
/*for textarea form item on contact page*/
textarea {
	height: 60px;
	width: 490px;
	padding: 5px 5px;
	margin: 5px 0px;
	border: 1px solid #003399;
}
/*for image used on index page*/
img.wrap {
	border-style: none;
	float: left;
	margin: 4px 10px 0px 0px;
}
/*for index page*/
p.leadingsmall{
	padding: 0px;
	margin: 0px 0px 8px 0px;
}
h2.leadingsmall{
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
}
#popup {
	text-decoration: none;
	z-index: 2;
	position: absolute;
	visibility: hidden;
	width: 270px;
	left: 264px;
	top: 235px;
	background-color: #FFFFFF;
	padding: 0px 13px 10px 12px;
	border: 2px solid #336699;
}
#popup a {
	font-size: 10px;
	color: #003399;
}

#four {
    width: 520px;
    float: left;
    padding: 0px 0px 18px 0px;
}

/* link for concierge service */
#divsidebars a.boldblue {
   color: #0601e0;
}
.divsidebarcontent li a.boldblue {
   color: #0601E0;
   font-weight: bold;
}

/* new div style*/
#leftcolumn {
	padding-bottom:20px;
	float:left;
	width:191px;
}

/* text alert button */
#textalertbutton{
	width: 169px;
	margin: 0px 0px 25px -2px;
}

/* texting opt-in */
#textalertcontainer {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#textalertcontainer #top h1 {
	font-size: 16px;
}
#textalertcontainer #tintedarea {
	padding: 18px 18px 6px;
	background-color: #eaeaea;
	margin-bottom: 12px;
}
#textalertcontainer #agreearea {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#textalertcontainer #agreearea #cellnumbers table {
	margin-bottom: 12px;
}
#textalertcontainer #agreearea #cellnumbers table tr td {
	padding: 3px;
}
#textalertcontainer .firstcolumn {
	width: 250px;
}
#textalertcontainer .threedigits, .fourdigits {
	width: 40px;
	height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
}
#textalertcontainer .fourdigits {
	width: 50px;
}
#textalertcontainer .acceptbutton {
	margin: 0px;
	padding: 0px;
	height: 23px;
	width: 114px;
	background: url(../images/yellow_button.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12px;
}

#textalertcontainer .error{
	color: #FF3300;
	font-size: 12px;
	font-weight: bold;
	padding-left: 25px;
}

/* iboard */
.margintop20 {
	margin-top: 20px;
}
#iboard_general_info_area, #iboard_sweeps_area, #iboard_fun_facts {
	padding-bottom: 10px;
}
#iboard_general_info_area p {
	margin-bottom: 10px;
}

/*my paments table styles*/
#myPayments {
	position:relative;
}
#myPayments .mypaymenttotal {
	float:left;
	background-image: url(../images/mypaments_graytriangle.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	/*width:70px;*/
	height:30px;
	padding:0 10px 0 0;
	text-align:right;
}
#myPayments .mypaymenttotal p {
	font-weight:bold;
	color:#003399;
	font-size:30px;
	margin:0;
	padding:0;
	line-height:29px;
}
#myPayments #mypaymentsheading {
	clear:both;
	margin-bottom:9px;
	height:46px;
}
#myPayments #mypaymentsheading .paymenttitle {
	float: left;
	/*width: 428px;*/
	margin-left: 6px;
	padding: 0px;
	margin-top: 1px;
	clear:right;
	vertical-align:top
}
#myPayments #mypaymentsheading table {
	clear:both;
	margin-bottom:9px;
	height:46px;
	float:left;
	width:100%
}
#myPayments td.mypaymenttotal {
	float:left;
	float:none;
	background-image: url(../images/mypaments_graytriangle.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	/*width:70px;
	width:auto;*/
	height:30px;
	padding:0 10px 0 0;
	text-align:right;
	vertical-align: top;
}
#myPayments #mypaymentsheading td.paymenttitle {
	float: left;
	float:none;
	/*width: 428px;
	width: ;*/
	margin-left: 6px;
	padding: 0 12px 0 4px;
	margin-top: 1px;
	margin:0;
	clear:right;
}
#myPayments #mypaymentsheading .paymenttitle p {
	margin:0;
	padding:0;
}
#paymentstable {
	width: 440px;
	margin: 10px auto 0px auto;
	padding: 0px;
	/*float:left;*/
	clear:both;
}
#paymentstable table {
	border-collapse:collapse;
	width: 100%;
}
#paymentstable table th {
	font-size:10px;
	font-weight:normal;
	line-height:11px;
	text-align:center;
	vertical-align:bottom;
	padding:2px 4px;
}
#paymentstable table th:first-child {
	text-align:right;
}
#paymentstable table td:first-child {
	text-align:right;
	font-weight:bold;
}
#paymentstable table td {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	padding:2px 4px;
	/*text-align:center;*/
}
#paymentstable table td a {
	font-weight:normal;
}
.paymenttotalcell {
	background-color:#FFFFED;
	font-weight:bold;
	text-align:right;
	padding-right:4px;
}
.weeklybonuscell {
	background-color:#E1EDFF;
	text-align:center;
}
.weeklybonuscell_checked {
	background-color:#E1EDFF;
	text-align:center;
	background-image: url(../images/bonuscheck_onblue.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.paymenttablefootnote {
	text-align:right;
	padding:12px 0 0 0;
}
.paymenttablefootnote p {
	text-align:right;
	margin:0 0 12px 0;
	padding-right:0 !important;
}

.paymentdetails, .paymentperioddetails {
	background-color: #FFF;
	border: 1px solid #FF7000;
	display: block;
	padding:12px;
	width:240px;
	position: absolute;
	z-index: 10;
	left: 140px;
	top: 150px;
	display:none;
	/**position:relative;*/
}
.paymentdetails2 {
	/*position:relative;*/
}
.detailstitle p {
	color: #0C5D9C;
	font-weight: bold;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}
.paymentdetails table, .paymentperioddetails table {
	border-collapse:collapse;
	margin:6px 0 2px 0;
	width:100%;
}
.paymentdetails table td {
	border-top: 1px solid #CCC;
	padding:1px 5px;
}
.paymentperioddetails table td {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding:1px 0;
}
.checknum_cash p {
	font-size:10px;
	margin:0;
	padding:0;
}
.payment_col_1 {
	text-align:left;
	width:146px;
}
.payment_col_2 {
	text-align:right;
	width:60px;
}
.payment_total {
	font-weight:bold;
}
.paymentdetails_close_button {
	position: absolute;
	z-index: 15;
	height: 24px;
	width: 24px;
	left: 224px;
	top: 6px;
	cursor:pointer;
}
.paymentdetails_close_button img {
	border:0;
}
.displayblock {
	display:block;
}
td.datecell {
	text-align:right;
	font-weight:bold;
}
th.datecell {
	text-align:right!important;
}

.explainbullets ul {
	margin:auto;
	margin-left:20px;
}
.explainbullets ul li {
	list-style-type: disc;
	margin:auto;
}
/*styles to control link display only on pc site not on mobile*/
/*same styles exists on both mobile (mobile.css) and pc (main.css) version*/
.commonquestionpc {
	display: inline;
}
.commonquestionmobile {
	display: none;
}

/* styles for common question category description */
.questioncategorydesc {
	margin: 12px 0px 17px 8px;
	font-style:italic;
}
.questioncategorydesc ul {
	margin: 0px 0px 0px 30px;
}
.questioncategorydesc ul li {
	list-style-type: disc
}

/*new spring 2013*/
#hoursOfOperationBox {
	background-color:#EBEEF2;
	padding:6px 0 6px 8px;
	float:right;
	border:solid 1px #00AEEF;
	/*position:absolute;
	left: 315px;
	top:0;*/
}
#divcenter #divcontentfull #hoursOfOperationBox p {
	margin:0;
}
.contactFirstPara {
	width:290px;
}
#divcenter #divcontentfull .contactMethods p {
	margin:0 0 4px 0;
}
.hhMemberAwayList {
	margin-bottom:12px;
}
.errorMessages {
	margin-bottom:20px;
}
.errorMessages p {
	color:#9f1200;
}
.prevSubTravelPlans h3 {
	color:#9f1200;
	font-weight:normal;
	font-size:13px;
	margin:0 0 2px 0;
}
#divcenter #divcontentfull .prevSubTravelPlans p {
	margin:0 0 2px 0;
}
#divcenter #divcontentfull .prevSubTravelPlans p.prevSubTravelPlansLast {
	margin:6px 0 12px 0;
}
.singleHH p {
	margin-bottom:16px;
}
.contactUs h2 {
	color:#003399;
}
.submitButton  {
	width: 512px;
	padding-top: 10px;
	position: relative;
	text-align: right;
}
.commentSubmitted {
	margin-bottom:24px;
	font-style:italic;
}
.contactInfoTable table tr td {
	padding:4px 0 4px 4px;
}
.contactInfoTable table.namePhoneEmail tr td:first-child {
	width:106px;
	text-align:right;
	color:#666666;
}
.tableRowBorder1px td {
	border-bottom:1px solid #CCCCCC;
}
.tableRowBorderTop1px {
	border-top:1px solid #CCCCCC;
}
.tableRowBorder2px td {
	border-bottom:2px solid #CCCCCC;
}
.tableRowBorder3px td {
	border-bottom:3px solid #CCCCCC;
	padding-bottom:12px !important;
}
.contactInfoTable table tr.changeProfileTableLastRow td {
	  line-height:2px;
	  padding:0;
}
.indentTD {
	margin-left:3px;
}
/*.panelAddresses td:first-child {
	width:106px;
	text-align:right;
	color:#666666;
}*/
/*.panelAddresses tr:first-child td {
	text-align:left;
}*/
.tdGrayText {
	color:#666666;
}
.whatsThis {
	font-size:11px;
	text-align:right !important;
	position:relative; 
	width:100px;
	float:right;
}
#whatsThisMailing, #whatsThisShipping {
	font-size:11px;
	text-align:right !important;
	/*text-decoration:underline;
	cursor:pointer;
	color:#039;*/
	position:relative;
}
#whatsThisMailingExp, #whatsThisShippingExp {
	background-color: #FFFEE1;
	padding: 6px 10px 4px 10px;
	border: 1px solid #2FB6D8;
	font-size:12px;
	width:300px;
	text-align:left;
	position:absolute;
	top: -58px;
	right: 0px;
	z-index: 200;
}
#whatsThisMailingExp p, #whatsThisShippingExp p {
	margin:0;
	padding:0;
}
#whatsThisMailingExp a, #whatsThisShippingExp a {
	text-align:right;
	font-size:10px;
	float:right;
}
.contactInfoTable {
	margin-bottom:18px;
}
#profileChangesPending {
	background-color: #FFFEE1;
	padding: 10px;
	border: 1px solid #2FB6D8;
	margin-bottom:18px;
}
#profileChangesPending p {
	color:#9f1200;
}
.profileChangesPendingTables table tr td {
	padding:4px 0 4px 4px;
}
#divcontentfull .textAlertPara p {
	background-image: url(../images/rightTriangeBlue.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:14px;
	margin-bottom:18px;
}
.backtomymeterandme {
	text-align:right;
}
#dailyPointScorecardSingle table {
	border-collapse:collapse;
}
#dailyPointScorecardSingle table th {
	font-weight:normal;
	font-size:10px;
	line-height:90%;
	text-align:center;
	padding-bottom:3px;
}
#dailyPointScorecardSingle table td {
	border: 1px solid #CCC;
	text-align:center;
	width:14%;
	height:22px;
}
#dailyPointScorecardSingle table td.blueborder {
	border-color:#0033CC !important;
}
#dailyPointScorecardSingle table td.blueborder_right {
	border-right-color:#0033CC;
}
.sweepsExplanation {
	color:#0033CC;
	text-align:right;
	font-size:11px;
	line-height:normal;
	margin-bottom:14px;
}
.dailyPointsTable {
	background-image: url(../images/dailyPointsTableTriangles.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom:26px;
}
#divcontentfull h2 {
	color: #002041;
}
.pointsFromPrevWeeks table {
	width: 390px;
	border-collapse:collapse;
}
.pointsFromPrevWeeks table td, .pointsFromPrevWeeks table th {
	text-align:center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}
.pointsFromPrevWeeks table tr.dateRow td:first-child {
	text-align:right;
	padding-right:3px;
	font-size:11px;
	font-weight:bold;
}
.pointsFromPrevWeeks table th {
	text-align:center;
	background-color:#E6E6E6;
	font-size:10px;
}
.pointsFromPrevWeeks table th:first-child {
	background-color:transparent;
	border-top:none;
}
.pointsFromPrevWeeks tr.dateRow td {
	font-size:11px;
}
.pointsFromPrevWeeks tr.weeklyPoints td {
	font-size:14px;
	padding:4px 0;
}
.bonusWinnerGreen {
	background-color:#4FC16B;
}
.pointsGreenSquare {
	border:solid 1px #CCC;
	height:12px;
	width:12px;
	margin-right:4px;
	float:left;
}

.displaynone{
	display:none;
}
.contactInfoTable table tr.changeProfileTableLastRow td {
	 line-height:2px;
	 padding:0;
}
.errorColor {
	background-color:#FF6;
}

/* meter finder button */
#meterFinderButton{
	width: 169px;
	margin: 0px 0px 15px -2px;
}
.buttonArea {
	margin:48px 0 12px 0;
	text-align:right;
}
.buttonArea img {
	margin-left:12px;
}
#multiMemberSelection {
	margin:16px 0;
}
#multiMemberSelection input {
	margin-right: 6px;
}
#nameNotHere {
}
#helpFindMeterButton img {
	margin-bottom:12px;
}
#multiMemberSelection p {
	margin:0;
}
#multiMemberSelection p:first-child {
	margin-bottom:6px;
}

#finderError{
	color:red;
	display:none;
}

.bonus-link {
	text-align: center;
	width: 100px;
	padding-top: 1em;
	float: left;
}

.sweeps-link {
	text-align: center;
	width: 144px;
	float: left;
}

#WeeklySweepsQ {
	border-collapse: collapse;
	width: 80%;
	font-style: normal;
	margin: 1em 0 2em 9%;
}

#WeeklySweepsQ tfoot td {
	border: 0;
	padding: 0;
	background-color: #FFFFDD;
	text-align: left;
	font-style: italic;
}

#WeeklySweepsQ td, th {
	border: 1px solid #777;
	background-color: #FFF;
	padding: 6px;
	text-align: center;
}

#WeeklySweepsQ th {
	font-weight: 600;
	color: #FFF;
	border-color: #666;
	background-color: #999;
}

#WeeklySweepsQ tbody td:first-child, thead th:first-child {
	font-weight: 600;
	text-align: left;
	padding: 6px 6px 6px 18px;
}

.divfourWeekcontent {
	padding: 2px 0px 4px 0px;
	border-width: 0px 1px 1px 1px;
	border-style: none solid solid solid;
}

#divfourWeekcontentboard {
	position: relative;
	top: -6px;
	width: 500px;
}

#divfourWeekcontentboard table {
	width: 496px;
	float: left;
	clear: left;
	margin-left: 20px;
	border: 0px none;
}

#divfourWeekcontentboard table td {
	width: 50px;
	height: 23px;
	background: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border-top: 0px none;
	border-right: 0px none;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	text-align: center;
}

#divfourWeekcontentboard table td.last {
	border: 0px none;
	width: 5px;
	height: 15px;
}

#divfourWeekcontentboard table td.head {
	margin-top: -1px;
	border-width: 0px 0px 1px 0px;
	border-color: #CCCCCC;
	border-style: solid;
	font-size: 10px;
	line-height:1.1em;
}

#divfourWeekcontentboard table td.dateRange {
	padding-right: 5px;
	width: 90px;
	border: 0px none;
	text-align: right;
}

#divfourWeekcontentboard table td.divLink {
	padding-top: 2px;
	border: 0px none;
	font-size: 12px;
}

#divfourWeekcontentboard table td.Satstar {
	text-align: left;
	background: url(../images/star_saturday.png) no-repeat -2px 0px;
	padding-left: 15px;
}

#divfourWeekcontentboard table td.Sunstar {
	text-align: left;
	background: url(../images/star_sunday.png) no-repeat -2px 0px;
	padding-left: 15px;
}

#divfourWeekcontentboard table td.MonSunstar {
	text-align: left;
	background: url(../images/star_mon-sun.png) no-repeat -2px 0px;
	padding-left: 15px;
}

#divfourWeekcontentboard table td.total {
	border-left: 2px solid #ff7000;
	border-right: 2px solid #ff7000;
}

#divfourWeekcontentboard table td.starTotal {
	background: url(../images/star_mon-sun.png) no-repeat 33px 0px;
	border-left: 2px solid #ff7000;
	border-right: 2px solid #ff7000;
	text-align: center;
}

#divfourWeekcontentboard table td.starSatRight {
	background: url(../images/star_saturday.png) no-repeat 33px 0px;
}

#divfourWeekcontentboard table td.starSunRight {
	background: url(../images/star_sunday.png) no-repeat 33px 0px;
}

#divfourWeekcontentboard table td.totalBg {
	color: #ffffff;
	border-left: 2px solid #ff7000;
	border-right: 2px solid #ff7000;
	background: #ff7000;
	font-size: 10px;
	line-height:1.1em;
}

#divfourWeekcontentboard table td.totalabove {
	margin-top: -1px;
	border-width: 2px 0px 0px 0px;
	border-color: #ff7000;
	border-style: solid;
	height: 15px;
}

#divfourWeekcontentboard table td.befpntlast {
	border: 0px none;
	width: 5px;
	height: 8px;
}

.divAchvBnstitle {
	font-weight: bold;
	color: #FFFFFF;
	padding: 1px 0px 2px 10px;
	margin: 15px 0px 0px 0px;
	clear: both;
	font-size: 14px;
}

.divAchvBnstitle p {
	padding: 0px;
	margin: 0px;
}

.divAchvBnsContent {
	padding: 2px 2px 4px 10px;
	border-width: 0px 1px 1px 1px;
	border-style: none solid solid solid;
}


#explain07achvBnshide {
	margin-left: 8px;
}

#explain07achvBnshide .explanation {
	font-size: 11px;
}

#divachvbns07 {
	width: 509px;
    margin-top: 10px;
	position: relative;
}

#divachvbnslg01{
	position: relative;
	background: url(../images/achievement-base_509x81.gif) no-repeat;
	width: 509px;
	height: 81px;
	z-index: 1;
	font-size: 32px;
	font-weight: bold;
	line-height: 25px;
	top: 3px;
	padding-top: 0px;
	color: #0033CC;
}

#divachvbnslg02{
	width: 509px;
	height: 29px;
	position: relative;
	margin-top: 0;
	margin: -45px 0px 0px 3px;
	z-index: 2;
	background-color: #0033CC;
}

#divachvbnslg03{
	width: 509px;
	height: 81px;
	position: relative;
	margin-top: -61px;
	background: url(../images/achievement-hashmarks_509x81.gif) no-repeat;
	z-index: 3;
}

#divachvbnslg05 {
	width: 509px;
	height: 81px;
	position: relative;
	margin-top: -81px;
	background: url(../images/mypoints-lg-overflow.gif) no-repeat;
	z-index: 4;
}

#divachvbns06 {
	width: 509px;
	height: 29px;
	position: relative;
	margin-top: -46px;
	z-index: 5;
}

.imgachvbns01 {
	width: 24px;
	height: 24px;
	position: absolute;
}

#divachvbns08 {
	width: 586px;
	height: 25px;
	position: relative;
    margin-left: -46px;
    margin-top: 3px;
}

#tableachvbns01 {
	text-align: center;
    table-layout: fixed;
    width: 100%;        
}
#achvbnsBadges {
	width: 520px;
   	/* padding-left: 23px; */
}

#achvbnsBadges table {
	width: 510px;
	padding-left: 5px;
	padding-right: 5px;
	
}

#achvbnsBadges table tr{
	
}

.achvbnsBadgesCell {
	width: 79px;
	height: 79px;
	padding: 3px 5px 5px 5px;
	text-align: center;
}

/*background */
.popUp {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 6; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/*background */
.popUp {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 6; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Content */
.popUpContent {
    background-color: #323232;
	color: #ffffff;
    margin: auto;
    width: 425px;
    height: 550px;
}

/* The Close Button */
.close {
    color: #cccccc;
    float: right;
    font-size: 28px;
    font-weight: bold;
    padding: 10px;
}

.close:hover,
.close:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

#popUpTitle{
	display:inline-flex;
	padding: 10px 10px 0px;
}

/* sign up */
#signupcol1{
	display: block;
	margin: 18px 10px 60px 0px;
	padding: 0px;
	float: left;
	width: 300px;
	position: relative;
	left: 127px;
}
#signupcol2 {
	display: block;
	margin: 57px 0px 60px;
	padding: 0px;
	float: left;
	width: 300px;
	position: relative;
	left: 117px;
}
#signuperror{
	margin: 0;
    padding: 0 0 10px 0;
    width: 200px;
}
#signupbottom{
	margin: 0 0 0 127px;
    padding: 0;
    float:left;
}
p.signuperror{
	color: #FF3300;
	font-size: 11px;
}
p.signuperror a:link{
	color: #FF3300;
}
.signuperror a:link{
	color: #FF3300;
}
.signupphone3 {
	font: 12px/1.2em Arial, Helvetica, sans-serif;
    height: 16px;
    width: 30px;
    padding-top: 2px;
    padding-left: 4px;
    border: 1px solid #3BD901;
    margin: 0px 0px 12px;
}
.signupphone4 {
	font: 12px/1.2em Arial, Helvetica, sans-serif;
    height: 16px;
    width: 40px;
    padding-top: 2px;
    padding-left: 4px;
    border: 1px solid #3BD901;
    margin: 0px 0px 12px;
}

.signupemail {
	font: 12px/1.2em Arial, Helvetica, sans-serif;
    height: 16px;
    width: 200px;
    padding-top: 2px;
    padding-left: 4px;
    border: 1px solid #3BD901;
    margin: 0;
}
#verificationcode{
    display: block;
    margin: 18px 10px 10px 0px;
    padding: 0px 0px 20px 0;
    float: left;
    width: 600px;
    position: relative;
    left: 127px;
    border-bottom: 1px solid #16b6d8!important;	
}

#resetpassword{
    display: block;
    margin: 0;
    padding: 0px 10px 20px 0;
    float: left;
    width: 600px;
    position: relative;
    left: 127px;
}
#signupleft{
	display: block;
	margin: 0;
    padding: 0px;
    float: left;
    width: 250px;
    position: relative;
}
#signupright{
    display: block;
    margin: 0;
    padding: 20px 0 0 0;
    float: left;
    width: 350px;
    position: relative;
}
#passwordpolicy ul{
	list-style: none;
}
#passwordpolicy ul li::before{
	content: "\2022";
	color: #16b6d8;
  	font-weight: bold;
  	display: inline-block; 
  	width: 1em;
  	margin-left: -1em;
}
.psmtc_Mf0E{
    bottom: -18% !important;
    right: 15% !important;
    position: unset !important;
}

.psmtc_l35Q {
    position: unset !important;
}