@import url(elements.css);

html, body
{
	min-height: 100%;
	margin: 0;
	padding: 0;
}

img
{
	border: none;
}

form
{
	margin: 0;
}

body, td, th
{
	font-family: Verdana, sans-serif;
	font-size: 12px;
}

body
{
	background: url(../images/layout/bg-outside-gradient.png) repeat-x center top;
	background-image: -moz-linear-gradient(top, #fafaf4, #fff 859px);
	background-image: -ms-linear-gradient(top, #fafaf4, #fff 859px);
	background-image: -webkit-linear-gradient(top, #fafaf4, #fff 859px);
	background-image: linear-gradient(top, #fafaf4, #fff 859px);
	background-color: white;
	color: #555555;
}

body.printed
{
	background: #ffffff;
	width: 600px;
}

a
{
	color: #47971c;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

#outside-container
{
	height: 100%;
	margin: auto;
	position: relative;
	width: 974px;
}

	#background-container
	{
		background: #fff;
		-moz-border-radius: 6px 6px 0 0;
		-webkit-border-radius: 6px 6px 0 0;
		border-radius: 6px 6px 0 0;
		-moz-box-shadow: 0 6px 4px 3px #cecdc9;
		-webkit-box-shadow: 0 6px 4px #cecdc9;
		-webkit-box-shadow: 0 6px 4px 3px #cecdc9;
		box-shadow: 0 6px 4px 3px #cecdc9;
		bottom: 0;
		left: 32px;
		position: absolute;
		right: 32px;
		top: 71px;
		width: 910px;
	}

#site-container
{
	height: 100%;
	margin: 0 32px;
	position: relative;
	width: 910px;
}

#site-header
{
	color: black;
	height: 71px;
}

	#site-logo
	{
		float: left;
		height: 55px;
		padding-top: 16px;
	}

	#site-login-register-buttons
	{
		float: right;
		padding-top: 24px;
	}

		#site-login-register-buttons a
		{
			display: inline-block;
			height: 26px;
			overflow: hidden;
			position: relative;
			text-align: center;
			width: 89px;
		}

		#site-login-register-buttons .sign-up span
		{
			background-position: -335px -102px;
		}

		#site-login-register-buttons .sign-in span
		{
			background-position: -246px -102px;
		}

	#site-logged-in-header
	{
		color: #353535;
		float: right;
		line-height: 18px;
		padding-top: 12px;
		padding-right: 48px;
		position: relative;
		text-align: right;
		white-space: nowrap;
	}

		#site-logged-in-thumb
		{
			background: url(../images/layout/user-thumb-frame.png) no-repeat;
			right: -4px;
			height: 32px;
			padding: 5px 8px;
			padding-bottom: 10px;
			position: absolute;
			top: 9px;
			width: 32px;
		}

	#site-share-box
	{
		background: url(../images/layout/sprites.png) 0 -128px no-repeat;
		color: #707070;
		font-size: 9.5px;
		height: 26px;
		padding: 5px;
		padding-bottom: 5px;
		padding-left: 7px;
		padding-right: 1px;
		position: absolute;
		left: 309px;
		text-align: right;
		top: 16px;
		width: 238px;
	}

		#site-share-box ul,
		#site-share-box li
		{
			list-style: none;
			margin: 0;
			padding: 0;
		}

		#site-share-box ul
		{
			float: right;
			margin-left: 5px;
		}

		#site-share-box li
		{
			float: left;
			height: 26px;
			overflow: hidden;
			padding-right: 5px;
			position: relative;
			width: 26px;
		}

			#site-share-box a
			{
				display: block;
				height: 26px;
				overflow: hidden;
				width: 26px;
			}

			#site-share-box span
			{
				width: 26px;
			}

			#site-share-box li.facebook span
			{
				background-position: 0 -102px;
			}

			#site-share-box li.twitter span
			{
				background-position: -26px -102px;
			}

			#site-share-box li.delicious span
			{
				background-position: -52px -102px;
			}

			#site-share-box li.stumbleupon span
			{
				background-position: -78px -102px;
			}

			#site-share-box li.digg span
			{
				background-position: -104px -102px;
			}

			#site-share-box li.email span
			{
				background-position: -130px -102px;
			}

.span-sprites span
{
	background: url(../images/layout/sprites.png) no-repeat;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#site-primary-nav-holder
{
	background: #eb683d url(../images/layout/primary-nav/bg.png) repeat-x;
	color: white;
	height: 34px;
	line-height: 34px;
}

	#site-primary-nav-inside
	{
		background: url(../images/layout/primary-nav/right-bg.png) no-repeat top right;
		height: 34px;
	}

	#site-primary-nav
	{
		background: url(../images/layout/primary-nav/left-bg.png) no-repeat top left;
	}

	#site-primary-nav-holder, #site-primary-nav-inside, #site-primary-nav
	{
		background-image: -moz-linear-gradient(top, #f7941d, #f7921e 10px, #f38428 15px, #f07a30 18px, #eb673e 25px);
		background-image: -ms-linear-gradient(top, #f7941d, #f7921e 10px, #f38428 15px, #f07a30 18px, #eb673e 25px);
		background-image: -webkit-linear-gradient(top, #f7941d, #f7921e 10px, #f38428 15px, #f07a30 18px, #eb673e 25px);
		background-image: linear-gradient(top, #f7941d, #f7921e 10px, #f38428 15px, #f07a30 18px, #eb673e 25px);
		-moz-border-radius: 6px 6px 0 0;
		-webkit-border-radius: 6px 6px 0 0;
		border-radius: 6px 6px 0 0;
	}

	#site-primary-nav, #site-primary-nav li
	{
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#site-primary-nav li
	{
		border-right: 1px solid #f7a961;
		height: 34px;
		overflow: hidden;
		padding: 0;
		position: relative;
		text-align: center;
		white-space: nowrap;
	}

		#site-primary-nav li.home
		{
			width: 39px;
		}

			#site-primary-nav li.home span
			{
				background-position: 0 0;
			}

			#site-primary-nav li.home .on span
			{
				background-position: 0 -34px;
			}

			#site-primary-nav li.home a:hover span
			{
				background-position: 0 -68px !important;
			}

		#site-primary-nav li.goal-setting
		{
			width: 105px;
		}

			#site-primary-nav li.goal-setting span
			{
				background-position: -39px 0;
			}

			#site-primary-nav li.goal-setting .on span
			{
				background-position: -39px -34px;
			}

			#site-primary-nav li.goal-setting a:hover span
			{
				background-position: -39px -68px !important;
			}

		#site-primary-nav li.chore-chart
		{
			width: 109px;
		}

			#site-primary-nav li.chore-chart span
			{
				background-position: -144px 0;
			}

			#site-primary-nav li.chore-chart .on span
			{
				background-position: -144px -34px;
			}

			#site-primary-nav li.chore-chart a:hover span
			{
				background-position: -144px -68px !important;
			}

		#site-primary-nav li.behavior-charts
		{
			width: 128px;
		}

			#site-primary-nav li.behavior-charts span
			{
				background-position: -253px 0;
			}

			#site-primary-nav li.behavior-charts .on span
			{
				background-position: -253px -34px;
			}

			#site-primary-nav li.behavior-charts a:hover span
			{
				background-position: -253px -68px !important;
			}

		#site-primary-nav li.to-do-list
		{
			width: 88px;
		}

			#site-primary-nav li.to-do-list span
			{
				background-position: -381px 0;
			}

			#site-primary-nav li.to-do-list .on span
			{
				background-position: -381px -34px;
			}

			#site-primary-nav li.to-do-list a:hover span
			{
				background-position: -381px -68px !important;
			}

		#site-primary-nav li.browse
		{
			width: 74px;
		}

			#site-primary-nav li.browse span
			{
				background-position: -469px 0;
			}

			#site-primary-nav li.browse .on span
			{
				background-position: -469px -34px;
			}

			#site-primary-nav li.browse a:hover span
			{
				background-position: -469px -68px !important;
			}

		#site-primary-nav li.tips-help
		{
			width: 97px;
		}

			#site-primary-nav li.tips-help span
			{
				background-position: -543px 0;
			}

			#site-primary-nav li.tips-help .on span
			{
				background-position: -543px -34px;
			}

			#site-primary-nav li.tips-help a:hover span
			{
				background-position: -543px -68px !important;
			}

		#site-primary-nav li.about-us
		{
			width: 84px;
		}

			#site-primary-nav li.about-us span
			{
				background-position: -640px 0;
			}

			#site-primary-nav li.about-us .on span
			{
				background-position: -640px -34px;
			}

			#site-primary-nav li.about-us a:hover span
			{
				background-position: -640px -68px !important;
			}

	#site-primary-nav a
	{
		color: white;
	}

#site-content
{
	padding: 20px 12px;
	padding-bottom: 45px;
}

	.site-left-content
	{
		clear: both;
		float: left;
		overflow: hidden;
		padding-right: 11px;
		width: 586px;
	}

	.site-right-content
	{
		float: left;
		width: 289px;
	}

		.login-box
		{
			background: url(../images/layout/login-box-bg.png) no-repeat;
			color: #353535;
			height: 146px;
			margin-bottom: 12px;
			padding-left: 12px;
			padding-top: 10px;
		}

			.login-box form
			{
				padding-bottom: 8px;
			}

				.login-box h3
				{
					color: #47971c;
					padding-bottom: 12px;
				}

				.login-box label
				{
					display: block;
					padding-bottom: 0.4em;
				}

				.login-box .username-box,
				.login-box .password-box
				{
					float: left;
					padding-right: 7px;
					width: 105px;
				}

					.login-box .username-box input,
					.login-box .password-box input
					{
						width: 101px;
					}

				.login-box .submit-box
				{
					padding-top: 1.6em;
				}

			.login-box .join-box
			{
				padding-top: 8px;
			}

		.user-box
		{
			background: url(../images/layout/user-box-bg.png) no-repeat;
			height: 132px;
			margin-bottom: 12px;
			position: relative;
		}

			.user-box-large
			{
				background: url(../images/layout/user-box-large-bg.png) no-repeat;
				height: 368px;
			}

			.user-box .user-box-info
			{
				height: 64px;
				overflow: hidden;
				padding-left: 21px;
				padding-right: 14px;
			}

				.user-box-large .user-box-info
				{
					height: 331px;
				}

			.user-box .user-box-avatar
			{
				float: left;
				height: 39px;
				margin-right: 16px;
				margin-top: 12px;
				width: 39px;
			}

				.user-box-large .user-box-avatar
				{
					float: none;
					height: 198px;
					left: 45px;
					margin: 0;
					position: absolute;
					top: 52px;
					width: 198px;
				}

			.user-box .user-box-welcome
			{
				color: #464646;
				font-size: 14px;
				font-weight: normal;
				line-height: 18px;
				margin: 0;
				overflow: hidden;
				padding-top: 13px;
				padding-bottom: 0;
				white-space: nowrap;
				width: 199px;
			}

			.user-box .user-box-nav,
			.user-box .user-box-nav li
			{
				list-style-type: none;
				margin: 0;
				padding: 0;
			}

			.user-box .user-box-nav
			{
				font-size: 12px;
				line-height: 12px;
				overflow: hidden;
				padding-top: 6px;
				padding-bottom: 1px;
				white-space: nowrap;
				width: 199px;
			}

				.user-box .user-box-nav li
				{
					display: inline;
					border-right: 1px solid #909090;
					padding-left: 7px;
					padding-right: 7px;
				}

				.user-box .user-box-nav li.logout
				{
					border-right: none;
					padding-left: 0;
					padding-right: 0;
				}

				.user-box .user-box-nav a
				{
					color: #707070;
				}

			.user-box .user-box-bio
			{
				font-size: 11px;
				line-height: 17px;
				margin: 0;
				margin-top: 245px;
				padding: 0;
			}

				.user-box .user-box-bio dt
				{
					clear: both;
					display: inline;
					float: left;
					margin: 0;
					padding: 0;
					padding-right: 1ex;
				}

				.user-box .user-box-bio dd
				{
					color: #353535;
					display: inline;
					margin: 0;
					padding: 0;
					height: 17px;
				}

			#user-box-links,
			#user-box-links li
			{
				list-style: none;
				margin: 0;
				padding: 0;
			}

			#user-box-links
			{
				font-size: 11px;
				margin-top: 8px;
				margin-left: 27px;
			}

			#user-box-links li
			{
				float: left;
				height: 23px;
				line-height: 24px;
				padding-bottom: 5px;
				width: 130px;
			}

				#user-box-links a
				{
					color: #707070;
					display: block;
					float: left;
					padding-left: 32px;
				}

					#user-box-links a:hover
					{
						color: #47971c;
						text-decoration: none;
					}

				#user-box-links .home
				{
					background: url(../images/layout/user-icons/home.png) no-repeat 0 0;
				}

				#user-box-links .profile
				{
					background: url(../images/layout/user-icons/profile.png) no-repeat 0 0;
				}

				#user-box-links .profile-edit
				{
					background: url(../images/layout/user-icons/profile-edit.png) no-repeat 0 0;
				}

				#user-box-links .invite
				{
					background: url(../images/layout/user-icons/invite.png) no-repeat 0 0;
				}

				#user-box-links .add-friend
				{
					background: url(../images/profile/add-friend-hover.png) no-repeat 10px 4px;
				}

				#user-box-links .newsfeed
				{
					background: url(../images/profile/newsfeed-hover.png) no-repeat 10px 4px;
				}

				#user-box-links .message
				{
					background: url(../images/profile/message-hover.png) no-repeat 10px 4px;
				}

			.user-box-large #user-box-links
			{
				margin-left: 4px;
			}

				.user-box-large #user-box-links li
				{
					width: 112px;
				}

				.user-box-large #user-box-links li.medium
				{
					width: 122px;
				}

				.user-box-large #user-box-links li.long
				{
					width: 162px;
				}

				.user-box-large #user-box-links a
				{
					color: #353535;
				}

					.user-box-large #user-box-links a:hover
					{
						color: #353535;
						text-decoration: underline;
					}

	h1
	{
		color: #464646;
		font-size: 17px;
		font-weight: bold;
		margin: 0;
		margin-bottom: 10px;
	}

	h2
	{
		color: #464646;
		font-size: 17px;
		font-weight: bold;
		margin: 0;
		margin-bottom: 10px;
	}

	h3
	{
		color: #353535;
		font-size: 18px;
		font-weight: normal;
		margin: 0;
		padding-bottom: 9px;
	}

#site-footer-spacing
{
	clear: both;
	padding-bottom: 118px;
}

#site-footer
{
	bottom: 18px;
	font-size: 10px;
	line-height: 18px;
	padding-left: 16px;
	padding-right: 24px;
	position: absolute;
	text-align: center;
	width: 870px;
}

	#site-footer a
	{
		color: #707070;
	}

	#site-footer .selected
	{
		font-weight: bold;
	}

	#site-footer-nav, #site-footer-nav li
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#site-footer-nav
	{
		margin: auto;
	}

		#site-footer-nav li.pipe
		{
			padding: 0 3px;
		}

		#site-footer-nav li
		{
			display: inline;
		}

#site-overlay-container
{
	left: 0;
	position: absolute;
	top: 0;
	width: 910px;
	z-index: 101;
}

#site-overlay-background
{
	background: #ffffff;
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 90;
	opacity: 0.7;
}

#site-overlay-background.dark
{
	background: #000000;
	opacity: 0.45;
}

.landing-panel
{
	margin: 0 13px;
}

	.landing-panel h1
	{
		color: #353535;
		font-size: 18px;
		font-weight: normal;
	}

	.landing-panel .left-side
	{
		float: left;
		padding-right: 20px;
		padding-left: 13px;
		width: 430px;
	}

	.landing-panel .right-side
	{
		float: right;
		padding-left: 20px;
		width: 430px;
	}

	.landing-panel .action
	{
		font-size: 12px;
		line-height: 26px;
		padding-left: 20px;
	}

		.landing-panel .action a
		{
			display: inline-block;
			height: 26px;
			margin-right: 2px;
			overflow: hidden;
			position: relative;
			vertical-align: top;
			width: 89px;
		}

		.landing-panel .action span
		{
			background-position: -335px -102px;
		}

.landing-video
{
	height: 280px;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 12px;
	width: 367px;
}

.landing-testimonials
{
	background: url(../images/home/landing-testimonials.png) repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1));
	background-image: -moz-linear-gradient(top, #fff, #f1f1f1);
	background-image: -ms-linear-gradient(top, #fff, #f1f1f1);
	background-image: -webkit-linear-gradient(top, #fff, #f1f1f1);
	background-image: linear-gradient(top, #fff, #f1f1f1);
	border: 1px solid #c0c0c0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #353535;
	font-size: 11px;
	height: 47px;
	line-height: 16px;
	list-style: none;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	overflow: hidden;
	width: 365px;
}

	.landing-testimonials li
	{
		height: 35px;
		list-style: none;
		margin: 0;
		padding: 7px 10px;
	}

	.landing-testimonial q
	{
		font-style: italic;
	}

.landing-copy
{
	font-size: 12px;
	line-height: 16px;
}

	.landing-copy ul
	{
		padding-left: 0;
		margin-left: 0;
	}

	.landing-copy li
	{
		color: #353535;
		background: url(../images/home/landing-bullet.png) no-repeat 0 5px;
		list-style: none;
		margin: 0;
		padding-bottom: 15px;
		padding-left: 21px;
	}

h2.landing-heading
{
	background: url(../images/home/landing-heading-bg.png) repeat-x;
	background-image: -moz-linear-gradient(top, #fff, #fff 9px, #fbfbfb 15px, #f4f4f4 21px, #e0e0e0);
	background-image: -ms-linear-gradient(top, #fff, #fff 9px, #fbfbfb 15px, #f4f4f4 21px, #e0e0e0);
	background-image: -webkit-linear-gradient(top, #fff, #fff 9px, #fbfbfb 15px, #f4f4f4 21px, #e0e0e0);
	background-image: linear-gradient(top, #fff, #fff 9px, #fbfbfb 15px, #f4f4f4 21px, #e0e0e0);
	border-top: 1px solid #ececec;
	color: #353535;
	font-size: 14px;
	font-weight: bold;
	height: 34px;
	line-height: 33px;
	margin-top: 26px;
	margin-left: -12px;
	margin-right: -12px;
	padding: 0 25px;
}

.login-popup-box
{
	background: white;
	margin: auto;
	padding: 8px 8px;
	padding-bottom: 30px;
	width: 740px;
}

.login-popup-box h2
{
	margin-bottom: 30px !important;
	padding-left: 12px;
	padding-top: 12px;
}

.login-popup-box h3
{
	color: #000000;
	font-size: 16px;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 15px;
}

.login-popup-box .inside-content
{
	margin: auto;
	width: 691px;
}

.login-popup-box .left-panel, .login-popup-box .right-panel
{
	float: left;
	font-size: 12px;
	padding: 0 50px;
	width: 245px;
}

.login-popup-box .left-panel
{
	border-right: 1px solid #d8d7d7;
}

.login-popup-box .field
{
	margin-bottom: 10px;
}

.journal-post
{
	background: url(../images/tracking/message-bg.png) repeat-x;
	border-top: 1px solid #d6d6d6;
	padding-top: 12px;
}

	.journal-post .comments-link
	{
		background: url(../images/tracking/comments-icon.png) no-repeat 0 2px;
		color: #333333;
		padding-left: 20px;
	}

.activity-list
{
	overflow: visible;
}

	.activity-list .icon
	{
		float: left;
		padding-top: 12px;
		width: 27px;
	}

	.activity-list .text
	{
		float: left;
		overflow: hidden;
		padding-top: 12px;
		width: 218px;
	}