/******************************************************************
	Welcome to the CSS document. I hope you enjoy your stay.
*******************************************************************/

/* CSS Reset, Thanks to Eric Myer */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
	/* remember to define focus styles! */
	:focus {outline: 0;}
	body {line-height: 1;color: black;background: white;}
	ol, ul {list-style: none;}
	/* tables still need 'cellspacing="0"' in the markup */
	table {	border-collapse: separate;border-spacing: 0;}
	caption, th, td {text-align: left;font-weight: normal;}
	blockquote:before, blockquote:after,q:before, q:after {content: "";}
	blockquote, q {quotes: "" "";}


/* Global Template Styles */

body {margin: 0; padding:0; font-family: Arial, Verdana, sans-serif; font-size: 62.5%; text-align: center; color: #333;	background: #BCBCBC url(/_img/bg_main.jpg) repeat-x top left;}

iframe {overflow:hidden; padding:0; margin:0; border:0; visibility:	hidden !important;}

a {cursor:pointer !important;}

.wrapper{width:961px; margin:0 auto; padding: 148px 0 0 0; position:relative; text-align:left;}
.logo {position:absolute; top:25px; left:0; width:442px; height:48px;}
	.logo a {position:relative;width:442px; height:48px;display:block;}
	.logo a span{position:absolute; top:0; left:0; width:442px; height:48px; background:url(/_img/screen-logo.gif) no-repeat top left;}
.accessibleNavigation {display:none;}

p {margin-bottom: 1em; line-height:1.5em;}
p.error {color:#ffffff; text-align:center; background:#ff0000; padding:2px; float:left; clear:left; width:98%;}
strong {font-weight:bold;}
em {font-style:italic;}
p.dagger{font-size:1em; color:#888888; clear:left;}

/* Main Navigation */
.mainNavigation{height:42px; width:100%; padding-top:5px; background: url(/_img/bg_mainNav.gif) repeat-x top left; position:absolute; left:0; top:90px;}
.mainNavigation ul{width:100%; height:30px;}
.mainNavigation li{height:30px;float:left;}
	.mainNavigation li a{position:relative; display:block; overflow:hidden; height:10px; padding:10px 0; background:#ed6807; color:#fff; font-weight:bold; text-transform:uppercase; text-align:center; text-decoration:none;}
		.mainNavigation li a:hover{color:#333;}
	.mainNavigation li a span{position:absolute; top:0; left:0; display:block; height:30px; background: url(/_img/main_navigation.gif) no-repeat 0 0; cursor:pointer;}
		
		li.home a{width:70px;}
			li.home a span{width:70px;}
			li.home a:hover span{background-position: 0 -30px;}
			#homepage li.home a span{background-position: 0 -60px;}
		li.companion a{width:130px;}
			li.companion a span{width:130px; background-position: -70px 0;}
			li.companion a:hover span{background-position: -70px -30px;}
			#companion li.companion a span,#quitcompanion li.companion a span{background-position: -70px -60px;}
		li.motivating a{width:147px;}
			li.motivating a span{width:147px; background-position: -200px 0;}
			li.motivating a:hover span{background-position: -200px -30px;}
			#motivating li.motivating a span{background-position: -200px -60px;}
		li.howToQuit a{width:111px;}
			li.howToQuit a span{width:111px; background-position: -347px 0;}
			li.howToQuit a:hover span{background-position: -347px -30px;}
			#howToQuit li.howToQuit a span{background-position: -347px -60px;}
		li.tobaccoFree a{width:169px;}
			li.tobaccoFree a span{width:169px; background-position: -458px 0;}
			li.tobaccoFree a:hover span{background-position: -458px -30px;}
			#tobaccoFree li.tobaccoFree a span{background-position: -458px -60px;}
		li.support a{width:169px;}
			li.support a span{width:169px; background-position: -627px 0;}
			li.support a:hover span{background-position: -627px -30px;}
			#support li.support a span{background-position: -627px -60px;}
		li.family a{width:165px;}
			li.family a span{width:165px; background-position: -796px 0;}
			li.family a:hover span{background-position: -796px -30px;}
			#family li.family a span{background-position: -796px -60px;}
			
/* Aux Navigation */
.auxNavigation{position:absolute; top:0; right:0; width:42em; background: #222222 url(/_img/auxNav_left.gif) no-repeat 0 0; }
	.loggedIn {width:40em;}
.auxNavigation ul {height:23px; background: url(/_img/auxNav_right.gif) no-repeat 100% 0; color:#fff; padding: 12px 0 0 55px;}
.auxNavigation li {float:left; padding:0 10px 0 7px; background: url(/_img/bullet_auxNav.gif) no-repeat 0 50%;}
	.auxNavigation li.langselect { background:none; margin-left: -5px !important; }
.auxNavigation a {color:#fff; text-decoration:none;}
	.auxNavigation a:hover {text-decoration:underline;}

/* Sub Navigation */
.subNavigation {width:202px; float:left; margin: 0 0 0 5px; border: 1px solid #dadada; border-width: 1px 0 0 0;}
		.subNavigation li a {display:block; padding:6px 5px 6px 15px; border-left:1px solid #dadada;border-bottom:1px solid #dadada; color:#666; font: 1em arial,helvetica,sans-serif; text-decoration:none;}
			.subNavigation li a:hover {color:#e14c01;}
			.subNavigation li.active a {font-weight:bold; color:#e14c01; background: url(/_img/nav_bg_1stOn.gif) no-repeat 95% .8em;}
			.subNavigation li.active a.withSub {background: url(/_img/nav_bg_1stOnWithSub.gif) no-repeat 95% .8em;}
		.subNavigation ul li.active ul li a {font-weight: normal; background:#f4f4f4 url(/_img/nav_bg_2ndOff.gif) no-repeat 15px .8em; color:#5b5b5b; padding-left:25px;border-left:0;border-right:1px solid #dadada;}
			.subNavigation ul li.active ul li a:hover {color:#1e95cc;}
			.subNavigation ul li.active ul li.active a {font-weight:bold; background:#f4f4f4 url(/_img/nav_bg_2ndOff.gif) no-repeat 15px .8em; color:#1e95cc; padding-left:25px;}
			.subNavigation ul li.active ul li.active a.withSub {font-weight:bold; background:#f4f4f4 url(/_img/nav_bg_2ndOnWithSub.gif) no-repeat 15px .8em; color:#1e95cc; padding-left:25px;}
		.subNavigation ul li.active ul li.active ul li a {font-weight: normal; font-style:italic; background:#e1e1e1; color:#5b5b5b; padding-left:35px;}
			.subNavigation ul li.active ul li.active ul li a:hover {color:#1e95cc;}
			.subNavigation ul li.active ul li.active ul li.active a {font-weight:bold; color:#1e95cc;background:#e1e1e1; background:#d6d6d6;}

/* Footer Navigation */
.footerNavigation {height:71px;margin:17px 0; background:url(/_img/bg_footer.gif) no-repeat 0 0; padding:0 35px; clear:both;}
.footerNavigation ul {}
.footerNavigation li {float:left; padding:0 10px;margin-top:12px; border-right:1px solid #555;}
	.footerNavigation li.privacy {padding:0 0 0 10px;margin-top:12px; border-right:0px}
	.footerNavigation li a, .footerNavigation p a {color:#555; text-decoration:none;}
		.footerNavigation li a:hover, .footerNavigation p a:hover {text-decoration:underline;}
.footerNavigation p {float:right; color:#555;margin:7px 0 0 0;}

/* Content */

.content {width:961px; margin-bottom:17px; float:left;}
	.mainContent {width:722px; float:left; margin: 0 12px 0 0; background:#fff url(/_img/bg_mainBodyFooter.gif) no-repeat 0 100%; color:#666; font-size: 1.1em; padding-bottom:20px;}
	.subContent {width:227px; float:right;}

#homepage .content {height:648px;}
	#homepage .mainContent {height:648px; width:717px; float:left; background:none;margin:0;}
		#homepage .mainFlash {width:717px; height:265px; margin:0 0 12px 0;}

		#homepage .freeNRTKits {width:353px; height:195px; overflow:hidden; position:relative; float:left;margin-bottom: 11px;}
			#homepage .freeNRTKits a span {width:353px; height:195px; position:absolute; top:0; left:0; background:url(/_img/NRT_module_V2.jpg) no-repeat 0 0; cursor:pointer;}
		
		#homepage .personalStory_Bestof {width:353px; height:195px; overflow:hidden; position:relative; float:left;margin-bottom: 11px;}
			#homepage .personalStory_Bestof a span {width:353px; height:195px; position:absolute; top:0; left:0; background:url(/_img/hp_personalStory_Bestof.jpg) no-repeat 0 0; cursor:pointer;}
		#homepage .personalStory {width:353px; height:195px; overflow:hidden; position:relative; float:left;margin-bottom: 11px;}
			#homepage .personalStory a span {width:353px; height:195px; position:absolute; top:0; left:0; background:url(/_img/hp_personalStoryNEW.jpg) no-repeat 0 0; cursor:pointer;}
		#homepage .distractions {width:354px; height:195px; overflow:hidden; position:relative; float:right;margin-bottom: 11px;}
			#homepage .distractions a span {width:354px; height:195px; position:absolute; top:0; left:0; background:url(/_img/hp_distraction.jpg) no-repeat 0 0; cursor:pointer;}
		#homepage .sayCheese {width:354px; height:195px; overflow:hidden; position:relative; float:right;margin-bottom: 11px;}
			#homepage .sayCheese a span {width:354px; height:195px; position:absolute; top:0; left:0; background:url(/_img/hp_sayCheese.jpg) no-repeat 0 0; cursor:pointer;}
		#homepage .vdayEcard {width:354px; height:195px; overflow:hidden; position:relative; float:right;margin-bottom: 11px;}
			#homepage .vdayEcard a span {width:354px; height:195px; position:absolute; top:0; left:0; background:url(/_img/hp_vdayEcard.jpg) no-repeat 0 0; cursor:pointer;}
		#homepage .vdayBlog {width:353px; height:195px; overflow:hidden; position:relative; float:left;margin-bottom: 11px;}
			#homepage .vdayBlog a span {width:353px; height:195px; position:absolute; top:0; left:0; background:url(/_img/hp_vdayBlog.jpg) no-repeat 0 0; cursor:pointer;}
		

		#homepage .hp_bottomCTAs {background: url(/_img/bg_hp_bottombar.gif) no-repeat 0 0; width: 717px; height: 165px; clear:both; }
			.hp_bottomCTAs .onewide{width:152px; height:141px; float:left; padding:24px 13px 0 13px; background:url(/_img/bg_hp_bottombar_divider.gif) no-repeat 100% 100%;}
			.hp_bottomCTAs .twowide{width:304px; height:141px; float:left; padding:24px 13px 0 13px; background:url(/_img/bg_hp_bottombar_divider.gif) no-repeat 100% 100%;}
				.hp_bottomCTAs .last{background:none;}
			.hp_bottomCTAs {color:#fff;}
			.hp_bottomCTAs h3 {width: 152px; height: 12px; font: bold 1.1em arial,helvetica,sans-serif; text-transform:uppercase; margin-bottom:.6em; position:relative; overflow:hidden;}
				.hp_bottomCTAs h3 span{width: 152px; height: 12px; position:absolute; top:0; left:0;}
					.hp_bottomCTAs h3.motivating span{background:url(/_img/head_hp_motivating.gif) no-repeat 0 0;}
					.hp_bottomCTAs h3.howToQuit span{background:url(/_img/head_hp_howToQuit.gif) no-repeat 0 0;}
					.hp_bottomCTAs h3.tobaccoFree span{background:url(/_img/head_hp_tobaccoFree.gif) no-repeat 0 0;}
					.hp_bottomCTAs h3.familyFriends span{background:url(/_img/head_hp_friends.gif) no-repeat 0 0;}
				.hp_bottomCTAs p {font: 1.0em/1.2em arial,helvetica,sans-serif;}
				.hp_bottomCTAs p a {color:#f76f11;}
					.hp_bottomCTAs p a:hover {color:#eaeaea;}

	#homepage .subContent {width:233px; height:648px; float:right; background: url(/_img/bg_hp_sidebar.gif) no-repeat 0 0;}
		#homepage .subContent h2{font:bold 13px arial,helvetica,sans-serif; color:#ef3f01; width: 131px; height: 15px; margin:13px 0 25px 50px; position:relative;overflow:hidden;}
			#homepage .subContent h2 span{background: url(/_img/head_sidebar_QC.gif) no-repeat 0 0; width: 131px;	height: 15px; position:absolute; top:0; left:0;}
		#homepage .subContent .login {padding:0 13px;}
			#homepage .subContent .login h3{color:#40b0e4; font: bold 1.1em arial,helvetica,sans-serif;width: 43px;height: 11px;position:relative;overflow:hidden;margin:0 0 3px 0;position:relative;}
				#homepage .subContent .login h3 span{width: 43px; height: 11px; position:absolute; top:0; left:0; background:url(/_img/head_sidebar_login.gif) no-repeat 0 0;}
				#homepage .subContent .login label {display:none;}
				#homepage .subContent .login p.txt {width:113px;}
					#homepage .subContent .login p.txt input {width:113px; color:#666; font: 1.1em arial,helvetica,sans-serif;}
				#homepage .subContent .login p.btn {width: 65px;height: 27px; float:right;margin: -33px 5px 0 0;}	
				#homepage .subContent .login a {color:#f76f11;}
					#homepage .subContent .login a:hover {color:#666;}
		#homepage .subContent .intro {width: 219px;height: 294px; margin: 30px 0 10px 7px; position:relative;}
			#homepage .subContent .intro a span {background: url(/_img/cta_hp_intro.gif) no-repeat 0 0; width: 219px; height: 294px; position:absolute; top:0; left:0; cursor:pointer;}
		#homepage .subContent .demo {width: 219px;height: 116px; margin:0 0 10px 7px; position:relative; }
			#homepage .subContent .demo a span {background: url(/_img/cta_sidebar_demo.gif) no-repeat 0 0; width: 219px; height: 116px; position:absolute; top:0; left:0; cursor:pointer;}
			#homepage .subContent .loggedIn {width:219px;}
				#homepage .subContent .lastlogin{width:194px; margin: 0 0 0 23px;}
					#homepage .subContent .lastlogin h3{font: 1.3em arial,helvetica,sans-serif; color:#7faabe;}
						#homepage .subContent .lastlogin h3 span{color:#ef3f01; font-weight:bold; display:block; margin-bottom:5px;}
						#homepage .subContent .lastlogin p{color:#666; line-height:1.2em;}

						#fieldEmail{background: #ffffff url(/_img/form_email.gif) no-repeat 2px 50%;}
						#fieldPass{background: #ffffff url(/_img/form_password.gif) no-repeat 2px 50%;}
					
					.myHPStats {width: 220px; padding-top:31px; margin: 0 0 10px 6px; background: url(/_img/bg_loggedin_mystats_top.gif) no-repeat 0 0;}
					.myHPStats h3 {display:none;}
					.myHPStats ul {width: 190px; padding:0 15px 10px 15px; background: url(/_img/bg_loggedin_mystats_bottom.gif) no-repeat 0 100%;}
						.myHPStats ul li {padding:2px 0 2px 18px; background: url(/_img/bullet_green.gif) no-repeat 0 .1em; font: 1.0em arial,helvetica,sans-serif; font-weight:bold; color:#666;}
					
					/* homepage stats - haven't quit yet */	
					.myHPStatsNoQuit {width: 220px; padding-top:31px; margin: 0 0 10px 6px; background: url(/_img/bg_loggedin_mystats_top.gif) no-repeat 0 0;}
					.myHPStatsNoQuit div.noQuitWrap { width: 190px; height: 100px; padding:0 15px 10px 15px; background: url(/_img/bg_loggedin_mystats_bottom.gif) no-repeat 0 100%; }
					.myHPStatsNoQuit h3 {display:none;}	
						.myHPStatsNoQuit p { }
		
#companion .content {width:961px; background: #fff url(/_img/bg_qc_mainTop.gif) no-repeat 0 0; float:left; margin-bottom:17px;}
	#companion .mainContent{background: #4C769E url(/_img/bg_qc_main_blueGradient.gif) repeat-x 0 0; width:953px; margin-left:4px; float:left;}
	#companion .contentFooter {background: url(/_img/bg_qc_main_blueGradient_bottom.gif) no-repeat 0 0; width: 961px; height: 14px; clear:both;}
	
	
.increaseHeight {height:450px;}
.mainBody {width:465px; padding:25px 17px 20px 28px; float:right; margin-right:5px; border-top:1px solid #dadada;}
	.mainBody a {color:#f76f11;}
	.mainBody a:hover {color:#333;}
	.mainBody ul, .mainBody ol {margin: 0 0 1.5em 1em;}
		.mainBody ul li {list-style:disc; line-height:1.5em; margin:0 0 .5em 1em; font-size:1em;}
			.mainBody ul li ul {margin-top: .5em; margin-bottom: .5em;}
			.mainBody ul.checkbox li {list-style:none; background:url(/_img/bg_checkbox.gif) no-repeat 0 .2em; margin:0 0 .5em .1em;padding-left:16px;}
				.mainBody ul.checkbox li ul {margin:.5em 0 1em 0;}
			.mainBody ol li ul li {list-style:disc;}
		.mainBody ol li {list-style:decimal; line-height:1.5em; margin:0 0 .5em 1em; font-size:1em;}
	.mainBody blockqoute {display:block; width:90%; margin:0 1.5em 1.5em 1.5em; font-style:italic; line-height:1.5em;}
	
	.mainBody table {width:100%; margin-bottom:1.5em;}
		.mainBody table thead tr th {background:#f76f11; color:#fff; padding:5px; font-weight:bold;}
		.mainBody table tbody tr th {background:#e1e1e1; color:#333; padding:5px; font-weight:bold;}
		.mainBody table tbody tr td {color:#666; padding:5px; line-height:1.1em;}
		.mainBody table tbody tr td ul li {list-style:disc; line-height:1.2em; margin:0 0 0 1em; font-size:1em;}
			.mainBody table.printTable tbody tr td {height:60px; border:1px solid #999;}
			.mainBody table.printTable tbody {border:1px solid #999;}

	.mainBody div.photo {margin:1em 0; float:left;}
		.mainBody div.photo img {float:left; margin-right:10px;}
		.mainBody div.photo div {width:300px; float:left;}
		
	.mainBody div.ltnresources { width: 175px; float: right; margin: 0.5em 0 0.75em 1.25em; padding: 1em; border: solid 1px #e7e7e7; }
	.mainBody div.ltnresources p { font-weight: bold; }	
	.mainBody div.ltnresources ul { margin-bottom: 0.25em; }
		
	
		/* Are You Ready Questions */
		.mainBody ol div.areYouReady { }
		.mainBody ol div.areYouReady p { font-weight:bold; margin: 5px 0 8px 15px}
		.mainBody ol div.areYouReady ul { width:465px; height: 70px; list-style-type: none; clear: both; background: url(/_img/areYouReadyRange.gif) 15px bottom no-repeat;}
		.mainBody ol div.areYouReady ul li { list-style-type: none; float: left; width: 37px; height: 30px; margin: 0 5px 0 0; text-indent: -5000px;}
		.mainBody ol div.areYouReady ul li a { width: 37px; height: 30px; display:block; background-image: url(/_img/areYouReady1to10.gif); background-repeat: no-repeat;}
		.mainBody ol div.areYouReady ul li.li1 a { background-position: 0 0; }
			.mainBody ol div.areYouReady ul li.li1 a:hover { background-position: 0 -30px; }
			.mainBody ol div.areYouReady ul li.li1.active a { background-position: 0 -60px; }
		.mainBody ol div.areYouReady ul li.li2 a { background-position: -40px 0; }
			.mainBody ol div.areYouReady ul li.li2 a:hover { background-position: -40px -30px; }
			.mainBody ol div.areYouReady ul li.li2.active a { background-position: -40px -60px; }
		.mainBody ol div.areYouReady ul li.li3 a { background-position: -80px 0; }
			.mainBody ol div.areYouReady ul li.li3 a:hover { background-position: -80px -30px; }
			.mainBody ol div.areYouReady ul li.li3.active a { background-position: -80px -60px; }
		.mainBody ol div.areYouReady ul li.li4 a { background-position: -120px 0; }
			.mainBody ol div.areYouReady ul li.li4 a:hover { background-position: -120px -30px; }
			.mainBody ol div.areYouReady ul li.li4.active a { background-position: -120px -60px; }
		.mainBody ol div.areYouReady ul li.li5 a { background-position: -160px 0; }
			.mainBody ol div.areYouReady ul li.li5 a:hover { background-position: -160px -30px; }
			.mainBody ol div.areYouReady ul li.li5.active a { background-position: -160px -60px; }
		.mainBody ol div.areYouReady ul li.li6 a { background-position: -200px 0; }
			.mainBody ol div.areYouReady ul li.li6 a:hover { background-position: -200px -30px; }
			.mainBody ol div.areYouReady ul li.li6.active a { background-position: -200px -60px; }
		.mainBody ol div.areYouReady ul li.li7 a { background-position: -237px 0; }
			.mainBody ol div.areYouReady ul li.li7 a:hover { background-position: -237px -30px; }
			.mainBody ol div.areYouReady ul li.li7.active a { background-position: -237px -60px; }
		.mainBody ol div.areYouReady ul li.li8 a { background-position: -274px 0; }
			.mainBody ol div.areYouReady ul li.li8 a:hover { background-position: -274px -30px; }
			.mainBody ol div.areYouReady ul li.li8.active a { background-position: -274px -60px; }
		.mainBody ol div.areYouReady ul li.li9 a { background-position: -312px 0; }
			.mainBody ol div.areYouReady ul li.li9 a:hover { background-position: -312px -30px; }
			.mainBody ol div.areYouReady ul li.li9.active a { background-position: -312px -60px; }
		.mainBody ol div.areYouReady ul li.li10 a { background-position: -348px 0; }
			.mainBody ol div.areYouReady ul li.li10 a:hover { background-position: -348px -30px; }
			.mainBody ol div.areYouReady ul li.li10.active a { background-position: -348px -60px; }
	
		
		/* Learn About QC */
		h2.head_startQuitting {width:396px; height:25px; position:relative; overflow:hidden;margin: 5px 0 15px 0 !important;}
			h2.head_startQuitting span {width:396px; height:25px; position:absolute; top:0; left:0; background: url(/_img/head_introQuitCompanion.gif) no-repeat 0 0;}

			.mainBody .step div h3 {position:relative; overflow:hidden; width:240px; }
			.mainBody .step div h3 span {position:absolute; top:0; left:0; width:240px;}

				h3.step1 {height:63px;}
				h3.step2 {height:63px;}
				h3.step3 {height:63px;}
				h3.step4 {height:43px;}
				h3.step5 {height:43px;}

				h3.step1 span{height:63px; background: url(/_img/head_step1.gif) no-repeat 0 0;}
				h3.step2 span{height:63px; background: url(/_img/head_step2.gif) no-repeat 0 0;}
				h3.step3 span{height:63px; background: url(/_img/head_step3.gif) no-repeat 0 0;}
				h3.step4 span{height:43px; background: url(/_img/head_step4.gif) no-repeat 0 0;}
				h3.step5 span{height:43px; background: url(/_img/head_step5.gif) no-repeat 0 0;}

		.mainBody .step {float:left; padding:20px 0; border-bottom:1px solid #eaeaea;}
			.mainBody .last{border:none;}
			.mainBody .step div{width:260px; float:left;}
			.mainBody .step img{float:right;}

			.mainBody a.btn_reg {width:238px; height:34px; overflow:hidden; position:relative;}
				.mainBody a.btn_reg span {width:238px; height:34px; position:absolute; top:0; left:0; background: url(/_img/btn_registerForQC.gif) no-repeat 0 0;}
		
.blogger {float:left; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dadada; width:100%; position:relative;}
	.blogger img {float:left; margin-right:15px;}
	.blogger div {width:260px; float:right;}
	.blogger div h3 {color:#e24f01;}
	.blogger div li {margin-bottom:.2em;}
	.blogger p.view a {width:118px; height:24px; position:absolute; overflow:hidden; bottom:-12px; right:20px;}
		.blogger p.view a span{width:118px; height:24px; position:absolute; top:0; left:0; background:url(/_img/btn_viewVideoBlog.gif) no-repeat 0 0;}


.mainHeading {width:722px;height: 127px;overflow:hidden; position:relative; margin-bottom:4px;}
	.mainHeading span{width:722px;height: 127px; position:absolute; top:0; left:0;}
		.mainHeading.motivating span{background: url(/_img/masthead-motivating.jpg) no-repeat 0 0;}
		.mainHeading.family span{background: url(/_img/masthead-family.jpg) no-repeat 0 0;}
		.mainHeading.howToQuit span{background: url(/_img/masthead-howToQuit.jpg) no-repeat 0 0;}
		.mainHeading.quitcompanion span{background: url(/_img/masthead-quitcompanion.jpg) no-repeat 0 0;}
		.mainHeading.staying span{background: url(/_img/masthead-staying.jpg) no-repeat 0 0;}
		.mainHeading.support span{background: url(/_img/masthead-support.jpg) no-repeat 0 0;}
		.mainHeading.util span{background: url(/_img/masthead-util.jpg) no-repeat 0 0;}

.genericMainHeading {width:722px;height: 95px;overflow:hidden; position:relative; margin-bottom:4px;}
	.genericMainHeading span{width:722px;height: 95px; position:absolute; top:0; left:0;}
		.genericMainHeading.sitemap span{background: url(/_img/masthead_sitemap.gif) no-repeat 0 0;}
		.genericMainHeading.faq span{background: url(/_img/masthead_faq.gif) no-repeat 0 0;}
		.genericMainHeading.contactUs span{background: url(/_img/masthead_contactUs.gif) no-repeat 0 0;}
		.genericMainHeading.aboutDTQ span{background: url(/_img/masthead_about.gif) no-repeat 0 0;}
		.genericMainHeading.privacyPolicy span{background: url(/_img/masthead_privacyPolicy.gif) no-repeat 0 0;}
		.genericMainHeading.pressRoom span{background: url(/_img/masthead_pressRoom.gif) no-repeat 0 0;}
		.genericMainHeading.error span{background: url(/_img/masthead_error.gif) no-repeat 0 0;}
		.genericMainHeading.feedback span{background: url(/_img/masthead_feedback.gif) no-repeat 0 0;}
		

		

.greetings {width:400px; height:35px; float:left; margin:35px 0 0 40px; }
	.greetings h2{font: 1.6em arial,helvetica,sans-serif; color:#7faabe; padding-left:20px; background:url(/_img/bg_x.gif) no-repeat 0 50%;}
		.greetings h2 span.name{color:#ef3f01; font-weight:bold;}
	.greetings p{margin-left:20px; color:#666;}
	.greetings p a {text-decoration: none;  color: #333; font-weight:bold;}
	.greetings p a:hover {color: #ef3f01;}

.myStats {float:right; width:448px; position:relative;  margin:12px 12px 0 0;}
	.myStats div {padding:11px 11px 0 11px; width:448px; float:left; background: url(/_img/bg_mystats_top.gif) no-repeat 0 0;}
	.myStats h3 {width: 7px; height: 45px; position:absolute; left:-12px; top:10px; text-indent:-5000px; background: url(/_img/head_mystats.gif) no-repeat 0 0 ;}
	.myStats div ul {width:200px; float:left; padding:8px 5px;}
		.myStats div ul li {padding:2px 0 2px 15px; background: url(/_img/bullet_green.gif) no-repeat 0 .1em; font: 1.0em arial,helvetica,sans-serif; font-weight:bold; color:#666;}
			.myStats div ul li a {text-decoration: none; color: #ef3f01;}
	.myStats div.statsFooter {height:11px; width:448px; float:left; background: url(/_img/bg_mystats_bottom.gif) no-repeat 0 0; }
	.myStats p { width:400px; float:left; padding:18px 0 10px 24px; background: url(/_img/bullet_green.gif) no-repeat 6px 18px; font: 1.0em arial,helvetica,sans-serif; font-weight:bold; color:#666; }
.noStats { float:right; width:448px; height: 80px; position:relative;  margin:12px 12px 0 0; }

.compNav {clear:both; height:43px; width:953px; margin: 0 0 0 4px; background: url(/_img/bg_qc_ul_bottom.gif) no-repeat 0 100%;}
	.compNav ul{height:31px; width:953px;}
		.compNav ul li {display:block; float:left;}
		 	.compNav ul li a {position:relative; overflow:hidden; display:block;}
			.compNav ul li a span {position:absolute; top:0; left:0;}
		
		ul.qc_home li a span {background: url(/_img/nav_qc_home.gif) no-repeat 0 0;}
			ul.qc_home li.home a {width: 305px; height: 31px;}
				ul.qc_home li.home a span{width: 305px; height: 31px; background-position: 0 0;}
					ul.qc_home li.home a:hover span{background-position: 0 0;}
					
			ul.qc_home li.progress a {width: 150px; height: 27px; margin-top:4px;}
				ul.qc_home li.progress a span{width: 150px; height: 27px; background-position: -305px -4px;}
						ul.qc_home li.progress a:hover span{background-position: -305px -35px;}
						
			ul.qc_home li.support a {width: 158px; height: 27px; margin-top:4px;}
				ul.qc_home li.support a span{width: 158px; height: 27px; background-position: -455px -4px;}
					ul.qc_home li.support a:hover span{background-position: -455px -35px;}
				
			ul.qc_home li.friends a {width: 148px; height: 27px; margin-top:4px;}
				ul.qc_home li.friends a span{width: 148px; height: 27px; background-position: -613px -4px;}
					ul.qc_home li.friends a:hover span{background-position: -613px -35px;}
				
			ul.qc_home li.profile a {width: 187px; height: 27px; margin-top:4px;}
				ul.qc_home li.profile a span{width: 187px; height: 27px; background-position: -761px -4px;}
					ul.qc_home li.profile a:hover span{background-position: -761px -35px;}


		ul.qc_progress li a span {background: url(/_img/nav_qc_progress.gif) no-repeat 0 0;}
			ul.qc_progress li.home a {width: 122px; height: 27px; margin-top:4px;}
				ul.qc_progress li.home a span{width: 122px; height: 27px; background-position: 0 -4px;}
					ul.qc_progress li.home a:hover span{background-position: 0 -35px;}

			ul.qc_progress li.progress a {width: 285px; height: 31px;}
				ul.qc_progress li.progress a span{width: 285px; height: 31px; background-position: -122px 0;}
						ul.qc_progress li.progress a:hover span{background-position: -122px 0;}

			ul.qc_progress li.support a {width: 181px; height: 27px; margin-top:4px;}
				ul.qc_progress li.support a span{width: 181px; height: 27px; background-position: -407px -4px;}
					ul.qc_progress li.support a:hover span{background-position: -407px -35px;}

			ul.qc_progress li.friends a {width: 165px; height: 27px; margin-top:4px;}
				ul.qc_progress li.friends a span{width: 165px; height: 27px; background-position: -588px -4px;}
					ul.qc_progress li.friends a:hover span{background-position: -588px -35px;}

			ul.qc_progress li.profile a {width: 195px; height: 27px; margin-top:4px;}
				ul.qc_progress li.profile a span{width: 195px; height: 27px; background-position: -753px -4px;}
					ul.qc_progress li.profile a:hover span{background-position: -753px -35px;}
			
			
		ul.qc_support li a span {background: url(/_img/nav_qc_support.gif) no-repeat 0 0;}
			ul.qc_support li.home a {width: 108px; height: 27px; margin-top:4px;}
				ul.qc_support li.home a span{width: 108px; height: 27px; background-position: 0 -4px;}
					ul.qc_support li.home a:hover span{background-position: 0 -35px;}

			ul.qc_support li.progress a {width: 179px; height: 31px; margin-top:4px;}
				ul.qc_support li.progress a span{width: 179px; height: 27px; background-position: -108px -4px;}
						ul.qc_support li.progress a:hover span{background-position: -108px -35px;}

			ul.qc_support li.support a {width: 292px; height: 31px;}
				ul.qc_support li.support a span{width: 292px; height: 31px; background-position: -287px 0;}
					ul.qc_support li.support a:hover span{background-position: -287px 0;}

			ul.qc_support li.friends a {width: 174px; height: 27px; margin-top:4px;}
				ul.qc_support li.friends a span{width: 174px; height: 27px; background-position: -579px -4px;}
					ul.qc_support li.friends a:hover span{background-position: -579px -35px;}

			ul.qc_support li.profile a {width: 195px; height: 27px; margin-top:4px;}
				ul.qc_support li.profile a span{width: 195px; height: 27px; background-position: -753px -4px;}
					ul.qc_support li.profile a:hover span{background-position: -753px -35px;}
					
					
			ul.qc_friends li a span {background: url(/_img/nav_qc_friends.gif) no-repeat 0 0;}
				ul.qc_friends li.home a {width: 108px; height: 27px; margin-top:4px;}
					ul.qc_friends li.home a span{width: 108px; height: 27px; background-position: 0 -4px;}
						ul.qc_friends li.home a:hover span{background-position: 0 -35px;}

				ul.qc_friends li.progress a {width: 160px; height: 31px; margin-top:4px;}
					ul.qc_friends li.progress a span{width: 160px; height: 27px; background-position: -108px -4px;}
							ul.qc_friends li.progress a:hover span{background-position: -108px -35px;}

				ul.qc_friends li.support a {width: 188px; height: 27px; margin-top:4px;}
					ul.qc_friends li.support a span{width: 188px; height: 27px; background-position: -268px -4px;}
						ul.qc_friends li.support a:hover span{background-position: -268px -35px;}

				ul.qc_friends li.friends a {width: 285px; height: 31px;}
					ul.qc_friends li.friends a span{width: 285px; height: 31px; background-position: -456px 0;}
						ul.qc_friends li.friends a:hover span{background-position: -456px 0;}

				ul.qc_friends li.profile a {width: 207px; height: 27px; margin-top:4px;}
					ul.qc_friends li.profile a span{width: 207px; height: 27px; background-position: -741px -4px;}
						ul.qc_friends li.profile a:hover span{background-position: -741px -35px;}
						

				ul.qc_profile li a span {background: url(/_img/nav_qc_profile.gif) no-repeat 0 0;}
					ul.qc_profile li.home a {width: 105px; height: 27px; margin-top:4px;}
						ul.qc_profile li.home a span{width: 105px; height: 27px; background-position: 0 -4px;}
							ul.qc_profile li.home a:hover span{background-position: 0 -35px;}

					ul.qc_profile li.progress a {width: 160px; height: 31px; margin-top:4px;}
						ul.qc_profile li.progress a span{width: 160px; height: 27px; background-position: -105px -4px;}
								ul.qc_profile li.progress a:hover span{background-position: -105px -35px;}

					ul.qc_profile li.support a {width: 175px; height: 27px; margin-top:4px;}
						ul.qc_profile li.support a span{width: 175px; height: 27px; background-position: -265px -4px;}
							ul.qc_profile li.support a:hover span{background-position: -265px -35px;}

					ul.qc_profile li.friends a {width: 174px; height: 27px; margin-top:4px;}
						ul.qc_profile li.friends a span{width: 174px; height: 27px; background-position: -440px -4px;}
							ul.qc_profile li.friends a:hover span{background-position: -440px -35px;}

					ul.qc_profile li.profile a {width: 334px; height: 31px;}
						ul.qc_profile li.profile a span{width: 334px; height: 31px; background-position: -614px 0;}
							ul.qc_profile li.profile a:hover span{background-position: -614px 0;}
					
div.messages {margin-left:20px; background: #122A4D url(/_img/bg_friendslist_leftCorner.gif) no-repeat 0 0; float:left; color:#fff;}
	div.messages span.friends {padding: 3px 0 3px 17px; background: url(/_img/icon_arrow.gif) no-repeat 0 .25em;}
	div.messages span.invitations {padding: 3px 0 3px 30px; background: url(/_img/icon_email.gif) no-repeat 9px 1px;}
	div.messages span.declines {padding: 3px 0 3px 30px; background: url(/_img/icon_declined.gif) no-repeat 9px 1px;}
	div.messages p {padding: 10px 10px 0px 10px; background: url(/_img/bg_friendslist_rightCorner.gif) no-repeat 100% 0;}
	div.messageDesc {width:650px; color:#fff; float:left;}
	
div.invite {float:left; width: 160px; height: 24px; margin: 4px 16px 11px 15px;}
	div.invite p a{position:relative; width: 160px; height: 20px;padding: 2px;}
		div.invite p a span{position:absolute; width: 160px; height: 24px; top:0; left:0; background: url(/_img/btn_inviteANewFriend.gif) no-repeat 0 0;}
		div.invite p a.cta2 span{background: url(/_img/btn_inviteANewFriend2.gif) no-repeat 0 0;}

div.create {width: 160px;height: 24px; float:left; margin:4px 16px 11px 15px; position:relative;}
	div.create p a span{width: 160px;height: 24px; position:absolute; top:0; left:0; background: url(/_img/btn_createAMessage.gif) no-repeat 0 0;}


div.help {width: 138px;height: 19px; float:right; margin:8px 25px 0 15px; position:relative;}
	div.help p a span{width: 138px;height: 19px; position:absolute; top:0; left:0; background: url(/_img/btn_howDoesThisWork.gif) no-repeat 0 0;}
	
.helpcopy {width:470px;}

.helptopics {width:400px; float:left; margin: 20px 20px 0 0;}
.helptopics h4{color:#E14C01; font-size:1.2em; font-weight:bold; margin-bottom:12px;}
.helptopics ol {margin:0 0 .5em 1em;}
	.helptopics ol li {list-style:decimal; line-height:1.3em; margin:0 0 .5em 1em; font-size:1em;}
	.helptopics a {text-decoration: none; color: #F76F11;}
	.helptopics a:hover {color: #333333;}
	
div.chartButtons {float:left; margin: 5px 15px 10px 15px;}
	.chartButtons .edit {position:relative; width: 118px; height: 14px; overflow:hidden; float:left; padding: 5px; margin-right:10px;}
		.chartButtons .edit span{background: url(/_img/btn_editChartInfo.gif) no-repeat 0 0; width: 128px; height: 24px; position:absolute; top:0; left:0;}
	.chartButtons .add {position:relative; width: 145px; height: 14px; overflow:hidden; float:left; padding: 5px;}
		.chartButtons .add span{background: url(/_img/btn_addNewChartInfo.gif) no-repeat 0 0; width: 155px; height: 24px; position:absolute; top:0; left:0;}
	.chartButtons .backToProgress {position:relative; width: 195px; height: 14px; overflow:hidden; float:left; padding: 5px; margin-right:10px;}
		.chartButtons .backToProgress span{background: url(/_img/btn_backToProgress.gif) no-repeat 0 0; width: 195px; height: 24px; position:absolute; top:0; left:0;}

div.block { background:#fff;}
	#createMessages {width:583px; float:left; clear:left; margin-left:15px;}
	div.createFooter {background: url(/_img/bg_footer_create.gif) no-repeat 0 0;	width: 583px; height: 13px; float:left;}
		#createMessages h2 {background: url(/_img/bg_createHead.jpg) no-repeat 0 0; color:#fff; font: bold 1.2em arial,helvetica,sans-serif; padding:20px 20px 10px 20px; }
	#selectMessages {width:325px; float:right; margin-right:15px;}
	div.selectFooter {background: url(/_img/bg_footer_select.gif) no-repeat 0 0;	width: 325px; height: 13px; float:left;}
		#selectMessages h2 {background: url(/_img/bg_selectHead.jpg) no-repeat 0 0; color:#fff; font: bold 1.2em arial,helvetica,sans-serif; padding:20px 20px 10px 20px;}
		
		#createMessages h2.mobilePref {background: url(/_img/bg_createHead_mobile.jpg) no-repeat 0 0; color:#fff; font: bold 1.2em arial,helvetica,sans-serif; padding:20px 20px 10px 20px; }
		
		.post {padding:12px; float:left;}
		#createMessages .post {width:545px; margin-left:7px;}
		#selectMessages .post {width:288px; margin-left:7px;}
		#createMessages .striped, #selectMessages .striped {background:#efefef url(/_img/bg_supportStripe.jpg) repeat-x 0 0; border-top:1px solid #d2d2d2; border-bottom:1px solid #e1e1e1;}

		.post p.edit a, .post p.delete a, .post p.select a, .post p.cancel a {float:left; margin-right:5px; position:relative; display:block; overflow:hidden;padding-left:2px;}
			.post p a span {position:absolute; top:0; left:0;}
				.post p.edit a {width: 116px; height: 24px;}
				.post p.edit a span{background: url(/_img/btn_editMessages.gif) no-repeat 0 0; width: 116px; height: 24px;}
				.post p.delete a {width: 129px; height: 24px;}
				.post p.delete a span{background: url(/_img/btn_deleteMessage.gif) no-repeat 0 0; width: 129px; height: 24px;}
				.post p.select a {width: 128px; height: 24px;}
				.post p.select a span{background: url(/_img/btn_selectToSend.gif) no-repeat 0 0; width: 128px; height: 24px;}
				.post p.cancel a {width: 128px; height: 24px;}
				.post p.cancel a span{background: url(/_img/btn_cancelMessage.gif) no-repeat 0 0; width: 128px; height: 24px;}
				
				p.statusSaved {color:#ee3e01; font-weight:bold;}
				p.statusActive {color:#5e920c; font-weight:bold;}
	
#companion .cta_Progress {width: 453px;	height: 209px; float: left; margin:0 14px 14px 15px; position:relative; cursor:pointer;}
	#companion .cta_Progress p.cta a {width: 453px;	height: 209px; position:absolute; top:0; left: 0;}
	#companion .cta_Progress p.cta a span{width: 453px;	height: 209px; position:absolute; top:0; left: 0; background: url(/_img/cta_progress.jpg) no-repeat 0 0;}
#companion .cta_Support {width: 453px; height: 209px; float: left; margin: 0 0 14px 0; position:relative; cursor:pointer;}
	#companion .cta_Support p.cta a {width: 453px;	height: 209px; position:absolute; top:0; left: 0;}
	#companion .cta_Support p.cta a span{width: 453px;	height: 209px; position:absolute; top:0; left: 0; background: url(/_img/cta_support.jpg) no-repeat 0 0;}
#companion .cta_Friends {width: 695px; height: 200px; float: left; margin: 0 14px 0 15px; position:relative; cursor:pointer;}
	#companion .cta_Friends p.cta a {width: 695px; height: 200px; position:absolute; top:0; left: 0;}
	#companion .cta_Friends p.cta a span{width: 695px; height: 200px; position:absolute; top:0; left: 0; background: url(/_img/cta_friends.jpg) no-repeat 0 0;}

#companion .cta_Profile {width: 212px; height: 200px; float: left; position:relative; font: 1.1em arial,helvetica,sans-serif; color:#666; cursor:pointer;}
	#companion .cta_Profile span{width: 212px; height: 200px; position:absolute; top:0; left:0; background: url(/_img/cta_profile.jpg) no-repeat 0 0;}
	
		p.cta_pref {margin: 0; width: 181px; height: 24px; position:relative; cursor:pointer;}
			p.cta_pref a{position:relative; width: 181px; height: 24px; overflow:hidden;}
			p.cta_pref a span{position:absolute; width: 181px; height: 24px; top:0; left:0; background: url(/_img/btn_updateMyInfo.gif) no-repeat 0 0;}

.table {background: #fff url(/_img/bg_qc_table_top.gif) no-repeat 0 0; width:910px; margin-left:15px; padding: 6px 6px 0 6px; clear:both;}
	.tableFooter {background: url(/_img/bg_qc_table_bottom.gif) no-repeat 0 0; width: 922px; height: 11px; margin: 0 0 10px 15px;}
	
	.table table{width:910px;}
		.table table thead {height:36px; position:relative;}
			.table table thead tr{height:36px; background: #e86106 url(/_img/bg_thead.gif) repeat-x 0 0; position:relative;}
			.table table thead td{color:#fff; padding:10px 0 10px 10px; font: 1.2em arial,helvetica,sans-serif; }
			.table table thead td.status {background:none;}
				.table table thead td.name {width:17%; background: url(/_img/bg_qc_table_topLeft.gif) no-repeat 0 0;}
				.table table thead td.email {width:26%;background:url(/_img/bg_thead_divide.gif) no-repeat 0 100%;}
				.table table thead td.message {width:70%; background: url(/_img/bg_qc_table_topLeft.gif) no-repeat 0 0;}
				.table table thead td.status {width:40%;background:url(/_img/bg_thead_divide.gif) no-repeat 0 100%;}
				.table table thead td.last {width:30%; text-align: right;}
				.table table thead td.lastAction {width:20%;}
			.table table thead td.last {background: url(/_img/bg_qc_table_topRight.gif) no-repeat 100% 0;}
			.table table thead td span {padding-right:13px; background: url(/_img/icon_sortOff.gif) no-repeat 100% 50%;}
			.table table thead td span.ascend {background: url(/_img/icon_sortAsc.gif) no-repeat 100% 40%;}
			.table table thead td span.descend {background: url(/_img/icon_sortDesc.gif) no-repeat 100% 70%;}

			
			
			

		.table table tbody td{padding:16px 0 12px 10px; font: 1.1em arial,helvetica,sans-serif; color:#666; vertical-align:top;}
		.table table tbody td.last {padding:10px 0 12px 10px;}
			.table table tbody tr.striped td {border-top:1px solid #d2d2d2; border-bottom:1px solid #e1e1e1;}
			.table table tbody tr.striped {background: url(/_img/bg_tbody_td_striped.gif) repeat-x 0 0;}
			.table table tbody td.name {font-weight:bold;}
			.table table tbody td.message {padding-left: 10px; padding-right: 20px;}
			.table table tbody tr.accepted td.name {color:#5e920c;}
			.table table tbody tr.pending td.name {color:#ef3f01;}
			.table table tbody tr.declined td.name {color:#888;text-decoration: line-through;}
			
			
			
				
	
	
		.table a {padding:0; margin:0;}
		.table a.edit{width: 93px; height: 16px; display: block; position:relative; float:left; overflow:hidden; padding: 5px; margin: 0 5px 0 0;}
			.table a.edit span{width: 103px; height: 26px; background: url(/_img/btn_editFriend.gif) no-repeat 0 0; position:absolute; top:0; left:0;}
		.table a.delete{width:105px; height: 16px; display:block; position:relative; float:left; overflow:hidden; padding: 5px; margin: 0 5px 0 0;}
			.table a.delete span{width: 115px; height: 26px;background: url(/_img/btn_deleteFriend.gif) no-repeat 0 0; position:absolute; top:0; left:0;}
		.table a.reinvite{width: 105px; height: 16px; display:block; position:relative; float:left; overflow:hidden; padding: 5px; margin: 0;}
			.table a.reinvite span{width: 105px; height: 26px;background: url(/_img/btn_reinvite.gif) no-repeat 0 0; position:absolute; top:0; left:0;}
			
		/* added styles to edit messages like we're editing friends */
		.table table tbody td.messageImage { width: 10%; overflow: hidden; }
			.table table tbody td.messageImage div.messageImagePreview { width: 70px; height: 50px; overflow: hidden; background: url(/_img/no_photo_small.gif) left top no-repeat;}
			.table table tbody td.messageImage div.messageImagePreview img { margin: auto; padding: 0; }
		
		.table table tbody td.messageContent { width: 60%;}
			.table table tbody td.messageContent p {height: 16px; margin-top: 10px;padding-left: 42px;font-size: 11px; background-image: url(/_img/bg_deliveryMethod.png); background-repeat: no-repeat;}
			.table table tbody td.messageContent p.text_email {background-position: left top;}
			.table table tbody td.messageContent p.text {background-position: left center;}
			.table table tbody td.messageContent p.email {background-position: left bottom;}
		
		.table a.editMessage{width: 120px; height: 24px; display: block; position:relative; float:left; overflow:hidden; padding: 2px; margin: 0 ;}
		.table a.editMessage span{width: 120px; height: 24px; background: url(/_img/btn_editMessages.gif) no-repeat 0 0; position:absolute; top:0; left:0;}
		.table a.deleteMessage {width:129px; height: 24px; display:block; position:relative; float:left; overflow:hidden; padding: 2px; margin: 0 ;}
		.table a.deleteMessage span{width: 129px; height: 24px;background: url(/_img/btn_deleteMessage.gif) no-repeat 0 0; position:absolute; top:0; left:0;}
		.table a.cancelMessage {width: 128px; height: 24px; display:block; position:relative; float:left; overflow:hidden; padding: 2px; margin: 0;}
		.table a.cancelMessage span{width: 128px; height: 24px;background: url(/_img/btn_cancelMessage.gif) no-repeat 0 0; position:absolute; top:0; left:0;}

/* added to accommodate set height for chart data */
div#chartBox { height: 500px; }
.chartArea {height: 400px;}	
.chartArea {background: #fff url(/_img/bg_qc_table_top.gif) no-repeat 0 0; width:910px; margin-left:15px; padding: 6px 6px 0 6px; clear:both; text-align:center; float:left;}
	.chartAreaFooter {background: url(/_img/bg_qc_table_bottom.gif) no-repeat 0 0; width: 922px; height: 11px; margin: 0 0 10px 15px; clear:left;}
	
	.chartArea .skipMenu {font-weight:bold; font-size:1.2em; margin: 15px auto; width:590px;height:20px;}
		.chartArea .skipMenu input{float:left; margin:0 0 10px 0; padding:0;}
		
		.chartArea .skipMenu .date {float:left; margin:8px 10px 0 10px;}
				.chartArea .skipMenu a.previous{position:relative; overflow:hidden; padding:5px; float:left; margin-left:150px;}
				.chartArea .skipMenu a.next{position:relative; overflow:hidden; padding:5px; float:left;}

	
	.dateSort {background: url(/_img/bg_chart_tabs.gif) no-repeat 100% 0; height:58px; float:left; padding-right:10px; margin:-10px 0 0 240px; width:494px; position:relative;}
		.dateSort p {color:#fff; font-size:1.2em; font-weight:bold; float:left; margin-right:30px; margin-top:10px;}
		.dateSort ul {width:325px; float:right; margin-right:0px;}
		.dateSort li {list-style:none;float:left;}
		.dateSort li.hour {left:23px; top:0; position:absolute;}
				
.fullArea {background: #fff url(/_img/bg_qc_table_top.gif) no-repeat 0 0; width:910px; margin-left:15px; padding: 6px 6px 0 6px; clear:both; float:left;}
	.fullAreaFooter {background: url(/_img/bg_qc_table_bottom.gif) no-repeat 0 0; width: 922px; height: 11px; margin: 0 0 10px 15px; clear:left;}
	
.addEditMain {margin:35px 0 0 60px; height: 340px;}
.addEditMain div.copy {width:450px; height:250px; float:left; padding-right:20px; margin-right:0px; border-right:1px solid #dadada;}
.addEditMain div.forms{width:300px; float:left; margin-top:35px; margin-left: 30px;}
.addEditMain fieldset.half {width:300px; float:left;}
.addEditMain label{width:85px; display:block; text-align:right; margin-right:5px;float:left; font-weight:bold;}
.addEditMain p.txtBox input, .addEditMain p.selBox select {width:150px; font-size:1.1em; color:#666;}
.addEditMain fieldset.submit {padding-top:0px; margin:0 0 0 105px;}

/* added styles for creating and editing messages from within the page */
.addEditExtended {margin:35px 0 0 60px;}
.addEditExtended form { width: 800px;margin: 20px 0;}
.addEditExtended form fieldset {margin: 5px 0 5px 0;}
	
	/* step 1 */
	.addEditExtended form fieldset.createMessage_step1 {margin-top: 10px; padding-top: 10px; padding-left: 40px; }
	.addEditExtended form fieldset.createMessage_step1 h1 {margin-left: -40px; margin-bottom: 10px; padding-left: 40px; height: 50px; line-height: 50px;  background: url(/_img/bg_createMessageSteps.gif) left top no-repeat; font-size: 1.4em; font-weight: bold;}
		/* step 1b || photo */
		.addEditExtended form fieldset.createMessage_step1b {margin-top: 10px; padding-top: 10px; padding-left: 40px;}
		.addEditExtended form fieldset.createMessage_step1b div.imageThumbnail { margin-top:-70px; height: 50px; width: 70px; background: url(/_img/no_photo_small.gif) center top no-repeat; position: relative; left: 288px; top: 0;}
			.addEditExtended form fieldset.createMessage_step1b div.imageThumbnail p.deletePhoto { height: 20px; width: 70px; overflow:hidden; text-align:center; font-weight:bold; }
				.addEditExtended form fieldset.createMessage_step1b div.imageThumbnail p.deletePhoto a { text-indent:-5000px; height: 20px; width: 70px; display:block; background: url(/_img/btn_deletePhoto.gif) 0 0 no-repeat;}
				.addEditExtended form fieldset.createMessage_step1b div.imageThumbnail p.deletePhoto a:hover { background: url(/_img/btn_deletePhoto.gif) 0 -20px no-repeat;}
				
	/* step 2 */
	.addEditExtended form fieldset.createMessage_step2 {margin-top: 40px; padding-top: 10px; border-top: solid 1px #e7e7e7; padding-left: 40px;}
	.addEditExtended form fieldset.createMessage_step2 h1 {margin-left: -40px; margin-bottom: 10px; padding-left: 40px; height: 50px; line-height: 50px;  background: url(/_img/bg_createMessageSteps.gif) left -50px no-repeat; font-size: 1.4em; font-weight: bold;}
	
	/* step 3 */
	.addEditExtended form fieldset.createMessage_step3 {margin-top: 40px; padding-top: 10px; border-top: solid 1px #e7e7e7; padding-left: 40px;}
	.addEditExtended form fieldset.createMessage_step3 h1 {margin-left: -40px; margin-bottom: 10px; padding-left: 40px; height: 50px; line-height: 50px;  background: url(/_img/bg_createMessageSteps.gif) left -100px no-repeat; font-size: 1.4em; font-weight: bold;}
	
	.addEditExtended form fieldset.createMessage_step1 p.radBox label,
	.addEditExtended form fieldset.createMessage_step2 p.radBox label,
	.addEditExtended form fieldset.createMessage_step3 p.radBox label { position: relative; left: 0; top: -3px; }
	
	.addEditExtended form fieldset p.frequency_example { margin-left: 25px; margin-top: -12px; padding: 0; font-style: italic;}
	
	.addEditExtended form div.helper {width: 325px; float: right;}
	.addEditExtended form div.helper a {text-decoration: none; color: #F76F11;}
	.addEditExtended form div.helper a:hover {color: #333333;}
	.addEditExtended form fieldset p.section {font-weight:bold;}
	.addEditExtended form p.tarBox textarea {padding: 3px;font-family: Arial, Verdana, sans-serif; font-size: 1em; color: #666; height: 40px; width: 350px;font-family:arial;}
	.addEditExtended form p.txtBox .file {width: 200px;}
	.addEditExtended form fieldset.onceOrMultiple {margin: 10px 0; height: 220px; width: 400px;background: url(/_img/bg_onceOrMultiple.gif) center top no-repeat;}
	.addEditExtended form fieldset.onceOrMultiple p.sendOnce {margin-top: 40px; width: 200px; height: 150px; float: left;}
		.addEditExtended form fieldset.onceOrMultiple p.sendOnce input {display: none; width: 140px; margin-left: 10px; }
	.addEditExtended form fieldset.onceOrMultiple p.sendDaily {margin-top: 40px;  width: 200px; height: 200px; float: right;}
		.addEditExtended form fieldset.onceOrMultiple p.sendDaily select {display: none;}
	
	.addEditExtended form div.scheduler { height: 300px; margin-top: 10px; width: 325px; float: right;}
		.addEditExtended form div.scheduler a { color: #444; text-decoration: none; }
		.addEditExtended form div.scheduler a:hover { color: #f76f11; text-decoration: none; }
		.addEditExtended form div.scheduler a.calendarNavLink {color: #FFFFFF;}
		.addEditExtended form div.scheduler .calendarToday { background: #34B0E6; font-weight:bold;}
		.addEditExtended form div.scheduler .calendarToday a { color: #ffffff;}
		.addEditExtended form div.scheduler div.datePicker { margin: 10px 0; }
			.addEditExtended form div.scheduler div.datePicker label.date { width: 50px; float: left; padding-top: 5px;}
			.addEditExtended form div.scheduler div.datePicker input.date { width: 240px; border: none; padding-top: 2px;}
		.addEditExtended form div.scheduler div.timePicker { margin: 10px 0; }
			.addEditExtended form div.scheduler div.timePicker label.time { width: 50px; float: left; padding-top: 5px;}
		.addEditExtended form div.scheduler div.dayNumPicker { margin: 10px 0; }
			.addEditExtended form div.scheduler div.dayNumPicker label.dayNum { width: 50px; float: left; padding-top: 5px; }
			.addEditExtended form div.scheduler div.dayNumPicker .selectDayNum { width: 156px; }

/* added new styles for charting usage data from one screen */
.addEditChart {margin:35px 0 0 60px;}
	.addEditChartFooter {height: 20px; clear: both;}

	/* ??? */
	.addEditChart form { width: 800px;margin: 20px 0;}
	.addEditChart form fieldset {margin: 5px 0 5px 0;}

	.addEditChart div.copy {width:450px; float:left; padding-right:20px; margin-right:0px; border-right:1px solid #dadada;}
	
	/* this is where we edit usage */
	.addEditChart div#enterUsage { width: 450px; }
		.addEditChart div#enterUsage table.usage { width: 440px;}
		.addEditChart div#enterUsage table.usage tr { }
		.addEditChart div#enterUsage table.usage tr.disabled { background: #fafafa;}
		.addEditChart div#enterUsage table.usage tr td { height: 24px; padding-top: 5px; vertical-align: middle;}
			.addEditChart div#enterUsage table.usage tr td.detail { width:350px; }
			.addEditChart div#enterUsage table.usage tr td.edit { width: 75px; height: 24px; text-align: center; }
				.addEditChart div#enterUsage table.usage tr td.edit a {text-indent: -5000px; width: 75px; height: 24px; display: block; background: url(/_img/btn_editUsage.gif) center top no-repeat;}
			.addEditChart div#enterUsage table.usage tr td.delete { width: 75px; height: 24px; text-align: center; }
			.addEditChart div#enterUsage table.usage tr td.delete a {text-indent: -5000px; width: 82px; height: 24px; display: block; background: url(/_img/btn_deleteUsage.gif) center top no-repeat;} 		
				.addEditChart div#enterUsage table.usage tr td.delete form { width: 75px; height: 24px; margin: 0; padding: 0; border: none;}

		.addEditChart div#enterUsage form { padding-bottom: 15px; width: 440px; border-bottom: solid 1px #dadada; }	
			.addEditChart div#enterUsage form fieldset.enterUsage {width: 440px;}
			.addEditChart div#enterUsage form fieldset.enterUsage img.decrease {float: left;}
			.addEditChart div#enterUsage form fieldset.enterUsage img.increase {float: left;}
			.addEditChart div#enterUsage form fieldset.enterUsage label {padding-top: 5px;float: left;}
			.addEditChart div#enterUsage form fieldset.enterUsage input,
			.addEditChart div#enterUsage form fieldset.enterUsage select {float: left;}
			.addEditChart div#enterUsage form fieldset.enterUsage label.enterSmoked {width: 50px;}
			.addEditChart div#enterUsage form fieldset.enterUsage label.enterVice {width: 70px; margin-left: 5px;}
			.addEditChart div#enterUsage form fieldset.enterUsage label.enterColon {margin-right: 5px;}
			.addEditChart div#enterUsage form fieldset.enterUsage input.howMany { margin:0 2px; width: 18px; }
			.addEditChart div#enterUsage form fieldset.enterUsage select.enterHour {margin-right: 5px; }
			.addEditChart div#enterUsage form fieldset.enterUsage select.enterMin {margin-right: 5px; }
			.addEditChart div#enterUsage form fieldset.enterUsage select.enterAmPm {margin-right: 5px; }
			
			.addEditChart div#enterUsage form fieldset.submit { float: right; margin-top: -29px; } 
	
	/* this is where we select the date */
	.addEditChart div#selectUsageDate {width:300px; float:left; margin-left: 30px;}
	.addEditChart div#selectUsageDate table.calendar { width: 320px; }
	.addEditChart div#selectUsageDate table.calendar tr td { height: 30px; }
	.addEditChart div#selectUsageDate table.calendar tr td.calendarToday { background-color: #34B0E6; border: 1px #D1D1D1 solid;}
	.addEditChart div#selectUsageDate table.calendar tr td.calendarToday a { height: 100%; width: 100%; display: block; line-height: 30px; color: #fff; text-decoration: none; }
	.addEditChart div#selectUsageDate table.calendar tr td.calendarToday a:hover { color: #555; background-color: #e7e7e7; }
	.addEditChart div#selectUsageDate table.calendar tr td.calendar a { height: 100%; width: 100%; display: block; line-height: 30px; color: #666; text-decoration: none; background-color: #ffffff; }
	.addEditChart div#selectUsageDate table.calendar tr td.calendar a:hover { color: #555; background-color: #e7e7e7; }
	
		



.profile div.messageDesc {width:650px; color:#fff; float:left; margin-left:30px;}

.profile .block {width:454px; float:left; margin-left:15px;}
.profile .blockFooter {background: url(/_img/bg_footer_block_half.gif) no-repeat 0 0;	width: 583px; height: 12px; float:left;}
.profile .block h2 {background: url(/_img/bg_block_head_half.gif) no-repeat 0 0; color:#fff; font: bold 1.2em arial,helvetica,sans-serif; padding:20px 20px 10px 20px; }




.profile form {padding: 0px 25px 15px 25px;}
	.profile p {padding: 15px 25px;}
	.profile form p {float:left; padding:0;}
	.profile form p.txtBox label, .profile form p.selBox label, .profile form p.radBox span {display:block; width: 100px; text-align:right; float:left; margin-right:5px; font-weight:bold; clear:left;}
	.profile p.txtBox input, .profile select {font-size:1.1em; color:#666; width:200px; float:left;}
	
	.profile .radBox span {font-weight:bold; width:100px; float:left; clear:left; text-align:right; margin-right:5px;}
		.profile .radBox label {margin-right:15px; display:inline; width:auto; vertical-align:top; margin-top:.3em;}
			.profile .radBox input{display:inline;}
			
	
	.profile fieldset.submit {text-align:right; margin-top:20px;}
	
	.profile fieldset.editMobile { margin-top: 20px; padding-top: 10px; border-top: solid 1px #dedede; }
		.profile fieldset.editMobile h3 {font: bold 1.2em arial,helvetica,sans-serif; color:#666666; margin-bottom:1em; clear:both;}
	.profile fieldset.resendMobileConfirmation { margin: 20px 0; }
	.profile fieldset.resendMobile { margin: 3px 0 0 0; padding-top: 10px; border-top: solid 1px #dedede;}
	
	.profile form a {color:#f76f11;}
	.profile form a:hover {color:#333;}
			
/* HEADINGS */

.mainBody h2 {font: bold 1.6em arial,helvetica,sans-serif; color:#f76f11; margin-bottom:.4em;}
.mainBody h3 {font: bold 1.2em arial,helvetica,sans-serif; color:#666666; margin-bottom:.4em; clear:both;}
.mainBody .photo h3 {font: bold 1.2em arial,helvetica,sans-serif; color:#1e95cc; margin-bottom:.4em;}

.mainBody h3.boxed {background: url(/_img/bg_boxed.gif) no-repeat 0 0; color:#ffffff; width:457px; height:15px; font-size:11px; clear:left; padding: 2px 0 0 10px; margin-bottom:20px;}
.mainBody h4.videoblog {color:#e14d01; font-size:1.2em; font-weight:bold;} 
.mainBody h5 {font-weight:bold;}

.chartArea h2 {color:#ef3f01; font-size:1.6em; font-weight:bold; margin: 15px 0;}

.fullArea h2 {color:#ef3f01; font-size:1.6em; font-weight:bold; }


/* SUB CONTENT CALLOUTS */

.smokingFact {background: url(/_img/bg_cta.gif) no-repeat 0 100%; padding-bottom:15px;}
	.smokingFact h2 {width:227px; height:56px; position:relative; overflow:hidden; margin: 0 0 10px 0;}
	.smokingFact h2 span {width:227px; height:56px; position:absolute; top:0; left:0; background:url(/_img/head_cta_smokingFact.gif) no-repeat 0 0; }
	.smokingFact p {padding:0 23px; color:#fff; font-size:1.1em; line-height:1.5em;}
	.smokingFact p sup a {font-size:.8em; vertical-align:top; color:#fff;}

.qc_callout_01 {width:227px; height:298px; overflow:hidden; position:relative;}
	.qc_callout_01 a span {width:227px; height:298px; position:absolute; top:0; left:0; background: url(/_img/callout_qc_01.gif) no-repeat 0 0;}
.qc_callout_02 {width:227px; height:298px; overflow:hidden; position:relative;}
	.qc_callout_02 a span {width:227px; height:298px; position:absolute; top:0; left:0; background: url(/_img/callout_qc_02.gif) no-repeat 0 0;}
.qc_callout_03 {width:227px; height:212px; overflow:hidden; position:relative;}
	.qc_callout_03 a span {width:227px; height:212px; position:absolute; top:0; left:0; background: url(/_img/callout_qc_03.gif) no-repeat 0 0;}
.qc_callout_04 {width:227px; height:212px; overflow:hidden; position:relative;}
	.qc_callout_04 a span {width:227px; height:212px; position:absolute; top:0; left:0; background: url(/_img/callout_qc_04.gif) no-repeat 0 0;}
.qc_callout_05 {width:227px; height:212px; overflow:hidden; position:relative;}
	.qc_callout_05 a span {width:227px; height:212px; position:absolute; top:0; left:0; background: url(/_img/callout_qc_05.gif) no-repeat 0 0;}
.qc_callout_06 {width:227px; height:240px; overflow:hidden; position:relative;}
	.qc_callout_06 a span {width:227px; height:240px; position:absolute; top:0; left:0; background: url(/_img/callout_qc_06.gif) no-repeat 0 0;}



/* Photo Section */

.photoSearch {border:1px solid #dddddd; border-width: 1px 0; padding: 15px 0; margin-bottom: 20px;}
	.photoSearch h4 {font-weight:bold; font-size:1.1em; color:#0f83b9; margin-bottom:5px;}
	.photoSearch p {margin:0;}
	.photoSearch select {width:275px; vertical-align:middle; margin-right:5px; font-size:1.1em; color:#666;}
	.photoSearch input {vertical-align:middle;}

.pagination {float:left;}
	.pagination p{float:left; padding:0 20px;}
		.pagination ul {float:left;}
			.pagination li {list-style:none !important; float:left;}
				.pagination li.previous a {display:block; width:4px; height:7px; overflow:hidden; position:relative; margin-top:.5em;}
					.pagination li.previous a span {position:absolute; width:4px; height:7px; top:0; left:0; background: #fff url(/_img/btn_photoPrev.jpg) no-repeat 0 0 ;}
				.pagination li.next a {display:block; width:4px; height:7px; overflow:hidden; position:relative; margin-top:.5em;}
					.pagination li.next a span {position:absolute; width:4px; height:7px; top:0; left:0; background: #fff url(/_img/btn_photoNext.jpg) no-repeat 0 0 ;}
				.pagination a.active {color:#666; text-decoration:none; background: url(/_img/bg_paginationActive.gif) no-repeat 0 0; padding:3px 6px 3px 6px; font-weight:bold;}

.photosDiv {clear:both; margin-bottom:20px; float:left;}
	.eventPhoto {width:150px; margin-right:4px; float:left;}
	p.photo {line-height:0; padding:0;}
	p.photo a {padding:3px; background:#efefef; border: 1px solid #dfdfdf; float:left; margin: 0 0 5px 0;}
		p.photo a:hover {background:#e3f0f7; border: 1px solid #84d4f9;}
	p.photo a img{padding:0;margin:0;border:0;}
	.eventPhoto h4 {line-height:1.5em; margin:0 0 0 10px;}
	p.date {line-height:1.3em; margin:0 0 0 10px;}
	p.num {font-weight:bold; line-height:1.3em; margin:0 0 5px 10px;}
	p.btn {width:118px; height:23px;}
		p.btn a {width:118px; height:23px; display:block; position:relative; overflow:hidden;}
		p.btn a span {width:118px; height:23px; position:absolute; background:#fff url(/_img/btn_viewPhotos.gif) no-repeat 0 0; top:0; left:0; }
		
.photosDivFull p a{margin-right:5px;}
	p.fulldate {line-height:1.3em; margin:-5px 0 0 0;}
	p.fullnum {font-weight:bold; line-height:1.3em; margin:0 0 5px 0;}

.backButton {clear:both; float:left; width:100%;}
	div.btnTop {border-bottom:1px solid #dadada; width:100%; margin-bottom:20px;}
	div.btnBottom {border-top:1px solid #dadada; width:100%; margin-top:20px; padding-top:10px;}
	.backButton p a {display:block; width:173px; height:24px; position:relative; overflow:hidden;}
	.backButton p a span{width:173px; height:24px; position:absolute; background: url(/_img/btn_backToPhotoGallery.gif) no-repeat 0 0; left:0; top:0;}

/* MAIN BODY CALLOUTS */
.bodyCallouts {margin-bottom:15px; float:left;}

.bodyCallouts .benefits {width:236px; height:144px; position:relative; float:left; overflow:hidden;}
	.bodyCallouts .benefits a span {width:236px; height:144px; position:absolute; top:0; left:0; background: url(/_img/temp/callout_benefits.gif) no-repeat 0 0;}
.bodyCallouts .questions {width: 229px;	height: 144px; position:relative; float:left; overflow:hidden;}
	.bodyCallouts .questions a span {width: 229px; height: 144px; position:absolute; top:0; left:0; background: url(/_img/temp/callout_questions.gif) no-repeat 0 0;}
.bodyCallouts .concerns {width: 465px; height: 157px; position:relative; float:left; overflow:hidden;}
	.bodyCallouts .concerns a span {width: 465px; height: 157px; position:absolute; top:0; left:0; background: url(/_img/temp/callouts_concerns.gif) no-repeat 0 0;}
 
/* FORMS */
.mainBody label {display:block; width: 200px;}
.mainBody .txt input {width:300px;}


.formMessages {background:#fff url(/_img/bg_ajaxForms.gif) no-repeat 0 0; width:411px;}


fieldset.fieldset_box {background:url(/_img/bg_fieldsetBoxBottom.gif) no-repeat 0 100%; width:385px; margin-bottom:5px; padding:13px; position:relative;}
fieldset.fieldset_box .topper {background:url(/_img/bg_fieldsetBoxTop.gif) no-repeat 0 0; width:411px; height:15px; display:block; position:absolute; top:-13px; left:-13px;}


/* Feedback Survey Form */
div.feedbackSurvey form fieldset { width: 465px; }
div.feedbackSurvey form fieldset p { margin: 5px 0; }
div.feedbackSurvey form fieldset p label { padding: 5px 0; width: 465px; font-weight: bold; }
div.feedbackSurvey form fieldset p input { margin: 4px 0 4px 6px; width: 200px;}
div.feedbackSurvey form fieldset p span { display: block; clear: both; margin: 4px 0 4px 10px; }
div.feedbackSurvey form fieldset.submit input { width: auto; }
	div.feedbackSurvey form fieldset p.surveySelBox select { margin: 4px 0 4px 6px; width: 370px; }
		div.feedbackSurvey form fieldset p.surveySelBox span { width: 400px; }
	div.feedbackSurvey form fieldset p.surveyRadBox { width:400px; }
	div.feedbackSurvey form fieldset p.surveyRadBox input { margin: 4px 0 4px 6px; width: 20px;}
		div.feedbackSurvey form fieldset p.surveyRadBox span input { margin: 4px 0 4px 6px; width: 200px;}
	div.feedbackSurvey form fieldset p.surveyChkBox { width: 400px; }
	div.feedbackSurvey form fieldset p.surveyChkBox input { margin: 4px 0 4px 6px; width: 20px;}
	div.feedbackSurvey form fieldset p.surveyTxtAreaBox textarea { margin: 4px 0 4px 6px; width: 400px; height: 60px;}


.ajaxForm fieldset{margin: 0 5px;}
	.ajaxForm p.copy {margin: 0 5px 1.5em 5px;}
	.ajaxForm label{display:block; color:#666; font-size: 1.1em; font-weight:bold;}
	.ajaxForm fieldset.submit {height: 25px;}
	.ajaxForm fieldset.submit p.link {float:left; width:100px; line-height:1.1em;}
		.ajaxForm fieldset.submit p.link a {color:#f76f11;}
	.ajaxForm fieldset.submit p.btn {float:right; width:100px; }
	.ajaxForm #emailaddress {width:225px;}
	
	.mainBody fieldset p {margin-bottom:5px; float:left;} 
	.mainBody input, .mainBody select {font-size:1.1em; color:#666666;}
	.mainBody fieldset.submit {border-top:1px solid #dadada; padding-top:10px; margin-top:10px;}	
	.mainBody form .txtBox label {font-weight:bold; width:145px; float:left; clear:left; text-align:right; margin-right:5px; vertical-align:bottom; margin-top:.2em;}
		.mainBody form .txtBox input {width: 200px; float:left;}
	.mainBody form .selBox label {font-weight:bold; width:145px; float:left; clear:left; text-align:right; margin-right:5px; vertical-align:bottom; margin-top:.2em;}
		.mainBody form .selBox select {width: 200px; float:left;}
	.mainBody form .radBox span {font-weight:bold; width:145px; float:left; clear:left; text-align:right; margin-right:5px;}
		.mainBody form .radBox label {margin-right:15px; display:inline; width:auto; vertical-align:top; margin-top:.3em;}
			.mainBody form .radBox input{display:inline;}
			
			form.log_in_qc fieldset label {width:75px !important;}
			form.log_in_qc p.subBox{margin: -20px 0 0 75px;}
			form.log_in_qc p.forgot{margin: 0 0 0 75px;}
			form.log_in_qc fieldset.submit{border-top:0; float:left; clear:left;}
			form.log_in_qc p.txtBox{float:left;}
			form.log_in_qc {margin-bottom:1em; float:left;}
		
		.mainBody form#regForm fieldset {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dddddd;}
			.mainBody form#regForm fieldset.last {padding-bottom:20px; margin-bottom:20px; border-bottom:none;}
			
		
		input.pushone, select.pushone {margin-top:1em;}
		input.pushtwo, select.pushtwo {margin-top:2em;}
					
			form#regForm p {padding:2px 0; float:left;}
			
			form#regForm h3 span {color:#f76f11;}
	
		form#sendMsgForm .tarBox label {display:block;}
			form#sendMsgForm fieldset { margin-bottom: 10px; padding-top: 10px; }
			form#sendMsgForm .tarBox textarea{width:350px; height:50px;}
			form#sendMsgForm .chkBox span {font-weight:bold; display:block;}
			form#sendMsgForm .chkBox label {display:inline; vertical-align:top; margin-top:.2em;}

/*CALENDAR*/
.calendarNav {font-weight: bold; color: #FFFFFF; background-color: #E65804; border-color: #E65804; height: 25px; text-align: center; vertical-align: middle; font-size: 1.1em;}
a.calendarNavLink {color: #FFFFFF;}
.calendarHeader {font-weight: bold; color: #FFFFFF; background-color: #E65804; border-color: #E65804; height: 25px; text-align: center; vertical-align: middle; font-size: 1.1em;}
.calendarHeaderDays {font-weight: bold; color: #FFFFFF; border-color: #E65804; height: 25px; text-align: center; vertical-align: middle; font-size: 1em; background-color: #424242;}
.calendarToday {background-color: #e7e7e7; border-color: #E65804; height: 25px; text-align: center; vertical-align: middle; font-size: 10px;}
.calendar {background-color: #FFFFFF; border: 3px #E65804 solid; width: 210px; height: 25px; text-align: center; vertical-align: middle; font-size: 10px; color: #D1D1D1;}
td.calendar {font-weight: bolder; background-color: #FFFFFF; border: 1px #D1D1D1 solid; width: 210px; height: 25px; text-align: center; vertical-align: middle;}

/* Calendar 2.0 */
div#selectDate {width:300px;}
div#selectDate table.calendar { width: 320px; }
div#selectDate table.calendar tr td { height: 30px; }
div#selectDate table.calendar tr td.calendarToday { background-color: #34B0E6; border: 1px #D1D1D1 solid;}
div#selectDate table.calendar tr td.calendarToday a { height: 100%; width: 100%; display: block; line-height: 30px; color: #fff; text-decoration: none; }
div#selectDate table.calendar tr td.calendarToday a:hover { color: #555; background-color: #e7e7e7; }
div#selectDate table.calendar tr td.calendar a { height: 100%; width: 100%; display: block; line-height: 30px; color: #666; text-decoration: none; background-color: #ffffff; }
div#selectDate table.calendar tr td.calendar a:hover { color: #555; background-color: #e7e7e7; }

/* Calendar for selecting quit date from registration */
div#imReady div#setQuitDate {width:400px;clear:both;}
div#setQuitDate table.calendar { margin: 5px auto 0 auto; width: 320px; }
div#setQuitDate table.calendar tr td { height: 30px; padding: 0; }
div#setQuitDate table.calendar tr td.calendarHeader { color: #ffffff;}
div#setQuitDate table.calendar tr td.calendarToday { background-color: #34B0E6; border: 1px #D1D1D1 solid;}
div#setQuitDate table.calendar tr td.calendarToday a { height: 100%; width: 100%; display: block; line-height: 30px; color: #fff; text-decoration: none; }
div#setQuitDate table.calendar tr td.calendarToday a:hover { color: #555; background-color: #e7e7e7; }
div#setQuitDate table.calendar tr td.calendar a { height: 100%; width: 100%; display: block; line-height: 30px; color: #666; text-decoration: none; background-color: #ffffff; }
div#setQuitDate table.calendar tr td.calendar a:hover { color: #555; background-color: #e7e7e7; }
.mainBody form#regForm fieldset p.quitDate { font-weight:bold; padding-left: 40px; clear: both;}
.mainBody form#regForm fieldset p.quitDate span#view_date_quit {color: #f76f11;}

/* Calendar for selecting quit date from profile editor */
div#selectQuitDate {width:400px;clear:both;}
div#selectQuitDate table.calendar { margin: 0 auto; width: 320px; }
div#selectQuitDate table.calendar tr td { height: 30px; }
div#selectQuitDate table.calendar tr td.calendarNav {font-weight: bold; color: #FFFFFF; background-color: #E65804; border-color: #E65804; height: 25px; text-align: center; vertical-align: middle; font-size: 1.1em;}
div#selectQuitDate table.calendar tr td.calendarNav a.calendarNavLink {color: #FFFFFF;}
div#selectQuitDate table.calendar tr td.calendarToday { background-color: #34B0E6; border: 1px #D1D1D1 solid;}
div#selectQuitDate table.calendar tr td.calendarToday a { height: 100%; width: 100%; display: block; line-height: 30px; color: #fff; text-decoration: none; }
div#selectQuitDate table.calendar tr td.calendarToday a:hover { color: #555; background-color: #e7e7e7; }
div#selectQuitDate table.calendar tr td.calendar a { height: 100%; width: 100%; display: block; line-height: 30px; color: #666; text-decoration: none; background-color: #ffffff; }
div#selectQuitDate table.calendar tr td.calendar a:hover { color: #555; background-color: #e7e7e7; }
.mainContent form#editQuitDate fieldset p.quitDate { font-weight:bold; padding-left: 40px;}
.mainContent form#editQuitDate fieldset p.quitDate span#view_date_quit {color: #f76f11;}


/* Edit Chart Data */		
		div.editforms{width:480px; float:left; margin:0 0 0 20px;}
		div.editforms h2{color:#333; font-size:1.2em; font-weight:bold;}
			.event{clear:both; margin:10px 0 0 0;}
				.event strong{color:#EF3F01; font-weight:bold;}
			
				.event p.detail {padding:3px 0 0 12px; width:190px; float:left;}

					.eventControls {float:right; text-align:right; background:url(/_img/line_gray.gif) repeat-x 0 10px; width:270px;}
						.eventControls .edit a {width:69px; height:24px; display:block; float:right; position:relative; overflow:hidden;}
							.eventControls .edit a span{width:69px; height:24px; position:absolute; top:0; left:0; background:url(/_img/btn_data_edit.gif) no-repeat 0 0;}
						.eventControls .delete {width:82px; height:24px; display:block; float:right; position:relative; overflow:hidden; margin-left:5px;}
					
							
				.event div{clear:both; margin:0 0 20px 20px; float:left;}
					.event div p {float:left; width:73px;}
					.event div p label {display:block; float:none; padding:0; margin:0; text-align:left; width:auto;}
					
					.eventDetail {float:right; text-align:right; width:160px; margin-top:12px;}
						.eventDetail .cancel a {width:76px; height:24px; display:block; float:right; position:relative; overflow:hidden; vertical-align:middle;}
							.eventDetail .cancel a span{width:76px; height:24px; position:absolute; top:0; left:0; background:url(/_img/btn_data_cancel.gif) no-repeat 0 0;}
						.eventDetail .submit {width:76px; height:24px; display:block; float:right; position:relative; overflow:hidden; margin-right:5px;vertical-align:middle;}


/* ECards */
	.card {border-bottom:1px solid #ccc;margin-bottom:30px; padding-bottom:10px;position:relative; float:left;}
		.card div {width:250px; float:left;}
		.card p.img {float:left; margin:0 10px 10px 0;}
		.card p.btn {position:absolute; width:118px; height:24px; bottom:-25px; right:15px;}
			.card p.btn a {width:118px; height:24px; position:relative; overflow:hidden;}
				.card p.btn a span {width:118px; height:24px; position:absolute; top:0; left:0; background:url(/_img/btn_sendEcard.gif) no-repeat 0 0;}


	#ecard_received .wrapper{width:722px; padding: 90px 0 0 0; margin:0 auto; overflow:hidden;}					
				.ecardContent {background:#fff url(/_img/bg_mainBodyFooter.gif) no-repeat 0 100%; margin-bottom:17px; float:left; padding-bottom:30px;}
				.ecardContent .mainContent {width:654px; margin:0 0 0 34px; background:none;}
					
					.ecardContent .mainContent img{margin-bottom:20px;}
					.ecardContent .mainContent p{width:600px; margin-left:6px; background:none;}
					.ecardContent .mainContent a{color:#f76f11;}
					.ecardContent .mainContent div {width:190px; float:left; margin: 10px 10px 0 6px;}
					.ecardContent .mainContent div ul li {list-style:disc; margin: 0 0 .4em 1.2em;}
					.ecardContent .mainContent div img {margin:0 0 3px 0;}
					.ecardContent .mainContent div p {margin:0;}