/* // !!! Move this? */
@import url(images-attached.css);

.desktop-boxes .box
{
	background: url(../images/desktop/box-bg.png) repeat-y top left;
	clear: both;
	margin-bottom: 30px;
	width: 586px;
}

	.desktop-boxes .box .category-header .completed
	{
		font-size: 11px;
		font-weight: bold;
		float: right;
		padding-right: 5px;
	}

	.desktop-boxes .box h3
	{
		background: url(../images/desktop/box-header.png) no-repeat top left;
		padding: 0;
		width: 586px;
	}

		.desktop-boxes .box .visibility-me
		{
			position: absolute;
			left: 14px;
			top: 22px;
		}

		.desktop-boxes .box .visibility-shared
		{
			position: absolute;
			left: 14px;
			top: 22px;
		}

		.desktop-boxes .box .visibility-friends
		{
			position: absolute;
			left: 14px;
			top: 22px;
		}

		.desktop-boxes .box .visibility-everyone
		{
			position: absolute;
			left: 8px;
			top: 22px;
		}

		.desktop-boxes .box .item-open h3
		{
			width: auto;
		}

		.desktop-boxes .box h3 .inside
		{
			border-bottom: 1px solid #b2b2b2;
			display: block;
			margin: 0 10px;
			padding-bottom: 10px;
			padding-top: 15px;
		}

		.desktop-boxes .box-habit-chart h3
		{
			background-image: url(../images/desktop/habit-chart/box-header.png);
		}

		.desktop-boxes .box-chore-chart h3
		{
			background-image: url(../images/desktop/chore-chart/box-header.png);
		}

		.desktop-boxes .box-todos h3
		{
			background-image: url(../images/desktop/todos/box-header.png);
		}

		.desktop-boxes .box-goals h3
		{
			background-image: url(../images/desktop/goals/box-header.png);
		}

	.desktop-boxes .box .content
	{
		background: url(../images/desktop/box-bottom.png) no-repeat bottom left;
		padding: 7px;
		position: relative;
	}

	.desktop-boxes .item-list,
	.desktop-boxes .item-list li
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}

		.desktop-boxes .item-list
		{
			background: white;
		}

		.desktop-boxes .item-list li
		{
			background: url(../images/desktop/item-bg.png) repeat-y top left;
			position: relative;
		}

			.desktop-boxes .item-short a,
			.desktop-boxes .item-more a
			{
				color: #707070;
				display: block;
				text-decoration: none;
				width: 528px;
			}

				.desktop-boxes .item-short a:hover,
				.desktop-boxes .item-more a:hover
				{
					color: #ffffff !important;
				}

			.desktop-boxes .item-list li .item-top
			{
				background: url(../images/desktop/item-top.png) no-repeat top left;
			}

			.desktop-boxes .item-list li .item-bottom
			{
				background: url(../images/desktop/item-bottom.png) no-repeat bottom left;
				font-size: 14px;
				line-height: 18px;
				padding: 15px 30px;
				padding-left: 28px;
				width: 528px;
			}

			.desktop-boxes .box-goals .item-list li.hover
			{
				background-image: url(../images/desktop/goals/item-bg-over.png);
				color: #ffffff;
			}

				.desktop-boxes .box-goals .item-list li.hover .item-top
				{
					background-image: url(../images/desktop/goals/item-top-over.png);
				}

				.desktop-boxes .box-goals .item-list li.hover .item-bottom
				{
					background-image: url(../images/desktop/goals/item-bottom-over.png);
				}

			.desktop-boxes .box-todos .item-list li.hover
			{
				background-image: url(../images/desktop/todos/item-bg-over.png);
				color: #ffffff;
			}

				.desktop-boxes .box-todos .item-list li.hover .item-top
				{
					background-image: url(../images/desktop/todos/item-top-over.png);
				}

				.desktop-boxes .box-todos .item-list li.hover .item-bottom
				{
					background-image: url(../images/desktop/todos/item-bottom-over.png);
				}

			.desktop-boxes .box-goals .item-list .item-open
			{
				background-image: url(../images/desktop/goals/open-bg.png) !important;
				color: #707070 !important;
			}

				.desktop-boxes .box-goals .item-list .item-open .item-top
				{
					background-image: url(../images/desktop/goals/open-top.png) !important;
				}

				.desktop-boxes .box-goals .item-list .item-open .item-bottom
				{
					background-image: url(../images/desktop/goals/open-bottom.png) !important;
					padding: 7px;
					width: auto;
				}

			.desktop-boxes .box-todos .item-open
			{
				background-image: url(../images/desktop/todos/open-bg.png) !important;
				color: #707070 !important;
			}

				.desktop-boxes .box-todos .item-open .item-top
				{
					background-image: url(../images/desktop/todos/open-top.png) !important;
				}

				.desktop-boxes .box-todos .item-open .item-bottom
				{
					background-image: url(../images/desktop/todos/open-bottom.png) !important;
					padding: 7px;
					width: auto;
				}

			.desktop-boxes .box .item-list .item-open-single
			{
				background-image: url(../images/desktop/item-single-bg.png) !important;
			}
				.desktop-boxes .box .item-list .item-open-single .item-top
				{
					background-image: url(../images/desktop/item-single-top.png) !important;
				}

				.desktop-boxes .box .item-list .item-open-single .item-bottom
				{
					background-image: url(../images/desktop/item-single-bottom.png) !important;
				}

	.desktop-boxes .chart-list,
	.desktop-boxes .chart-list li
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}

		.desktop-boxes .chart-list li
		{
			padding-left: 27px;
			margin-right: 6px;
			margin-top: 6px;
			margin-bottom: 32px;
			position: relative;
		}

			.desktop-boxes .chart-list li.last
			{
				margin-bottom: 8px;
			}

			.desktop-boxes .chart-list li .title
			{
				font-weight: bold;
			}

			.desktop-boxes .chart-list li .perfect-days
			{
				color: #353535;
				font-size: 11px;
				font-weight: bold;
				line-height: 13px;
				margin-top: 10px;
			}

			.desktop-boxes .chart-list li .status
			{
				color: #a9a9a9;
				font-size: 11px;
				margin-top: 10px;
			}

		.desktop-boxes .options-closed
		{
			background: url(../images/desktop/options/open-icon.png) no-repeat 100% 4px;
			bottom: 0;
			color: #707070;
			display: block;
			font-size: 11px;
			line-height: 15px;
			padding-right: 15px;
			position: absolute;
			right: 0;
			text-decoration: none;
		}

			.desktop-boxes .options-closed span
			{
				background: url(../images/desktop/options/gear-off.png) no-repeat 0 0;
				display: block;
				padding-left: 19px;
			}

				.desktop-boxes .options-closed:hover span
				{
					background: url(../images/desktop/options/gear-on.png) no-repeat 0 0;
					text-decoration: underline;
				}

		.desktop-boxes .options-open
		{
			background: url(../images/desktop/options/options-bottom.png) no-repeat bottom right;
			bottom: -6px;
			font-size: 11px;
			position: absolute;
			right: -7px;
			width: 162px;
			z-index: 3;
		}

			.desktop-boxes .options-open ul,
			.desktop-boxes .options-open li,
			.desktop-boxes .cheers-open ul,
			.desktop-boxes .cheers-open li,
			.desktop-boxes .share-open ul,
			.desktop-boxes .share-open li
			{
				display: block;
				list-style: none;
				margin: 0;
				padding: 0;
			}

			.desktop-boxes .options-open ul,
			.desktop-boxes .cheers-open ul,
			.desktop-boxes .share-open ul
			{
				background: url(../images/desktop/options/top.png) no-repeat top right;
				padding-top: 4px;
				margin-bottom: -1px;
			}

			.desktop-boxes .options-open li
			{
				background: url(../images/desktop/options/bg.png) repeat-y bottom right;
				border-bottom: 1px solid #c4c4c4;
				line-height: 25px;
				width: 162px;
			}

				.desktop-boxes .options-open li a,
				.desktop-boxes .cheers-open li a,
				.desktop-boxes .share-open li a
				{
					color: #4d4d4c;
					display: block;
					padding: 0 11px;
				}

					.desktop-boxes .options-open li a:hover,
					.desktop-boxes .cheers-open li a:hover,
					.desktop-boxes .share-open li a:hover
					{
						background: url(../images/desktop/options/bg-over.png) repeat-y bottom right;
						color: #353535;
						text-decoration: none;
					}

				.desktop-boxes .options-open li label,
				.desktop-boxes .cheers-open li label,
				.desktop-boxes .share-open li label
				{
					color: #353535;
				}

				.desktop-boxes .options-open .reminder-list
				{
					padding-left: 11px;
					width: 151px;
				}

					.desktop-boxes .options-open .reminder-list label
					{
						float: left;
						margin-left: -4px;
						width: 76px;
					}

					.desktop-boxes .options-open .reminder-list label.alt
					{
						float: left;
						margin-left: 0;
						width: 68px;
					}

				.desktop-boxes .options-open li.last,
				.desktop-boxes .cheers-open li.last,
				.desktop-boxes .share-open li.last
				{
					border: none;
					margin: 0;
				}

			.desktop-boxes .options-open .bottom
			{
				background: url(../images/desktop/options/close-icon.png) no-repeat 100% 13px;
				color: #353535;
				display: block;
				float: right;
				line-height: 27px;
				margin-right: 7px;
				padding-top: 2px;
				padding-right: 15px;
				text-decoration: none;
			}

				.desktop-boxes .options-open .bottom span
				{
					background: url(../images/desktop/options/gear-on.png) no-repeat 0 6px;
					display: block;
					padding-left: 19px;
				}

		.desktop-boxes .share-closed
		{
			background: url(../images/desktop/options/share-off.png) no-repeat;
			bottom: 0;
			color: #707070;
			display: block;
			font-size: 11px;
			padding-left: 20px;
			position: absolute;
			right: 98px;
			text-decoration: none;
		}

			.desktop-boxes .share-open ul
			{
				background: url(../images/desktop/options/top-wide.png) no-repeat top right;
			}

			.desktop-boxes .share-closed span
			{
				background: url(../images/desktop/options/open-icon.png) no-repeat 100% 4px;
				padding-right: 15px;
			}

			.desktop-boxes .share-closed:hover span
			{
				text-decoration: underline;
			}

			.desktop-boxes .share-no-open span
			{
				background: none;
				padding-right: 0;
			}

			.desktop-boxes .share-visibility-me
			{
				background: url(../images/desktop/privacy/me-off.png) no-repeat;
			}

			.desktop-boxes .share-visibility-me:hover
			{
				background: url(../images/desktop/privacy/me-over.png) no-repeat;
			}

			.desktop-boxes .share-visibility-friends
			{
				background: url(../images/desktop/privacy/friends-off.png) no-repeat;
			}

			.desktop-boxes .share-visibility-friends:hover
			{
				background: url(../images/desktop/privacy/friends-over.png) no-repeat;
			}

			.desktop-boxes .share-visibility-shared
			{
				background: url(../images/desktop/privacy/shared-off.png) no-repeat;
			}

			.desktop-boxes .share-visibility-shared:hover
			{
				background: url(../images/desktop/privacy/shared-over.png) no-repeat;
			}

			.desktop-boxes .share-visibility-everyone
			{
				background: url(../images/desktop/privacy/everyone-off.png) no-repeat;
			}

			.desktop-boxes .share-visibility-everyone:hover
			{
				background: url(../images/desktop/privacy/everyone-over.png) no-repeat;
			}

		.desktop-boxes .cheers-closed
		{
			background: url(../images/desktop/options/open-icon.png) no-repeat 100% 4px;
			bottom: 0;
			color: #707070;
			display: block;
			font-size: 11px;
			padding-right: 15px;
			position: absolute;
			right: 174px;
			text-decoration: none;
		}

			.desktop-boxes .cheers-closed span
			{
				background: url(../images/desktop/options/cheers-off.png) no-repeat 0 0;
				display: block;
				padding-left: 16px;
				white-space: nowrap;
			}

			.desktop-boxes .cheers-closed:hover span
			{
				background: url(../images/desktop/options/cheers-on.png) no-repeat 0 0;
				text-decoration: underline;
			}

		.desktop-boxes .cheers-some span
		{
			background: url(../images/desktop/options/cheers-on.png) no-repeat 0 0;
		}

		.desktop-boxes .cheers-open
		{
			background: url(../images/desktop/options/cheers-bottom.png) no-repeat bottom right;
			bottom: -7px;
			font-size: 11px;
			position: absolute;
			right: 102px;
			width: 162px;
			z-index: 3;
		}

			.desktop-boxes .cheers-open li
			{
				background: url(../images/desktop/options/bg.png) repeat-y bottom right;
				border-bottom: 1px solid #c4c4c4;
				line-height: 25px;
			}

				.desktop-boxes .cheers-open li.member
				{
					padding-left: 4px;
					padding-right: 4px;
					width: 154px;
				}

					.desktop-boxes .cheers-open li.member .frame
					{
						background: url(../images/desktop/options/frame.png) no-repeat;
						display: block;
						float: left;
						height: 36px;
						padding: 3px 6px;
						width: 31px;
					}

					.desktop-boxes .cheers-open li.member .info
					{
						float: left;
						font-size: 9px;
						line-height: 14px;
						padding-top: 4px;
						padding-left: 3px;
						width: 107px;
					}

						.desktop-boxes .cheers-open li.member .info a
						{
							background: none;
							color: #47971c;
							font-size: 12px;
							padding: 0;
						}

			.desktop-boxes .cheers-open .bottom,
			.desktop-boxes .share-open .bottom
			{
				background: url(../images/desktop/options/close-icon.png) no-repeat 100% 13px;
				clear: both;
				color: #353535;
				display: block;
				float: left;
				line-height: 27px;
				margin-left: 7px;
				padding-top: 2px;
				padding-right: 15px;
				text-decoration: none;
			}

				.desktop-boxes .cheers-open .bottom span
				{
					background: url(../images/desktop/options/cheers-on.png) no-repeat 0 7px;
					display: block;
					padding-left: 16px;
				}


		.desktop-boxes .share-open
		{
			background: url(../images/desktop/options/share-bottom.png) no-repeat bottom right;
			bottom: -7px;
			font-size: 11px;
			position: absolute;
			right: -16px;
			width: 198px;
			z-index: 3;
		}
			.desktop-boxes .share-open li
			{
				background: url(../images/desktop/options/bg-wide.png) repeat-y bottom right;
				border-bottom: 1px solid #c4c4c4;
				line-height: 25px;
			}

			.desktop-boxes .share-open .bottom span
			{
				background: url(../images/desktop/privacy/me-over.png) no-repeat 0 7px;
				display: block;
				padding-left: 20px;
			}

	.desktop-boxes .box-closed .content,
	.desktop-boxes .box-closed .item-list
	{
		display: none;
	}

	.desktop-boxes .box h3.simple .inside
	{
		background: none;
		padding-bottom: 10px;
	}

	.desktop-boxes .box-todos h3 .inside,
	.desktop-boxes .box-goals h3 .inside
	{
		border-bottom-width: 0;
		margin: 0;
		padding-left: 10px;
		padding-right: 10px;
	}

	.desktop-boxes .box-todos h3.simple .inside,
	.desktop-boxes .box-goals h3.simple .inside
	{
		border-bottom-width: 1px;
		margin: 0 10px;
		padding-left: 0;
		padding-right: 0;
	}

	.desktop-boxes .box-closed h3 .inside,
	.desktop-boxes .box-closed h3.simple .inside
	{
		background: url(../images/desktop/box-bottom.png) no-repeat bottom left;
		border-bottom: none;
		margin: 0;
		padding-left: 10px;
		padding-right: 10px;
	}

	.desktop-boxes .box h3 select
	{
		vertical-align: top;
	}

	.desktop-boxes .box h3.simple .new-button,
	.desktop-boxes .box-closed h3 select,
	.desktop-boxes .box h3.simple select
	{
		display: none;
	}

.people-list2, .people-list2 li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

	.people-list2 li
	{
		float: left;
		padding-left: 20px;
		width: 120px;
	}

	.people-list2 .picture-frame-box
	{
		background: url(../images/elements/frames/people.png) no-repeat top left;
		height: 140px;
		margin-top: 13px;
		margin-bottom: 1px;
		padding: 0;
		padding-right: 1px;
		width: 119px;
	}

		.people-list2 .picture-frame-box img
		{
			display: block;
			margin: 7px auto;
			margin-bottom: 17px;
		}

		.people-list2 .picture-frame-box span
		{
			font-size: 12px;
			width: auto;
		}

			.people-list2 .picture-frame-box a
			{
				color: #47971c;
			}

			.people-list2 .picture-frame-box:hover a,
			.people-list2 .picture-frame-box a:hover
			{
				text-decoration: underline;
			}

			.people-list2 .friends-buttons a
			{
				display: block;
				float: left;
				height: 18px;
				text-decoration: none;
				width: 18px;
			}
			
			.people-list2 .remove-friend-button
			{
				background: url(../images/profile/remove-friend.png) no-repeat;
			}
			.people-list2 .remove-friend-button:hover
			{
				background-image: url(../images/profile/remove-friend-hover.png);
			}
			
			.people-list2 .send-message-button
			{
				background: url(../images/profile/message.png) no-repeat;
				padding-right: 10px;
			}
			.people-list2 .send-message-button:hover
			{
				background-image: url(../images/profile/message-hover.png);
			}

.comment-holder
{
	padding-bottom: 18px;
	width: 529px;
}

	.comment-holder .picture-frame-box a
	{
		color:#47971C;
		font-size:11px;
		
	}
	.comment-holder .picture-frame-box
	{
		height: 100px;
		padding-right: 8px;
	}

	.comment-holder .flag
	{
		background: url(../images/elements/icons/flag.png) no-repeat;
		color: #707070;
		display: block;
		float: right;
		margin-top: 3px;
		padding-left: 20px;
	}

	.comment-holder .delete
	{
		color: #a9a9a9;
		display: block;
		float: right;
		margin-top: 3px;
	}

		.comment-holder .delete:hover
		{
			color: #ff0000;
		}

	.comment-holder .bubble
	{
		background: url(../images/elements/bubbles/comment-bottom.png) no-repeat bottom center;
		float: left;
		padding-bottom: 6px;
		width: 448px;
	}

		.comment-holder .bubble .bubble-inside
		{
			background: url(../images/elements/bubbles/comment-top.png) no-repeat top center;
			padding-top: 6px;
		}

			.comment-holder .bubble .bubble-inside .bubble-inside
			{
				background: url(../images/elements/bubbles/comment-bg.png) repeat-y top center;
				padding: 0;
			}

				.comment-holder .bubble .bubble-inside .bubble-inside .bubble-inside
				{
					background: url(../images/elements/bubbles/comment-top-bg.png) no-repeat top center;
					line-height: 18px;
					overflow-x: hidden;
					padding-left: 22px;
					padding-right: 8px;
					padding-top: 3px;
					padding-bottom: 5px;
					width: 418px;
				}

					.comment-holder .bubble-inside .status
					{
						color: #959595;
						font-size: 10px;
						line-height: normal;
						padding-top: 5px;
					}

.desktop-boxes .step
{
	left: -20px;
	margin-bottom: 13px;
	padding-left: 20px;
	position: relative;
	width: 528px;
}

	.desktop-boxes .step .step-box
	{
		background: #ffffff;
		border: 1px solid #ffffff;
		float: left;
	}

	.desktop-boxes .step .checkmark
	{
		background: url(../images/desktop/goals/checkmark-off.png) no-repeat 4px 2px;
		float: left;
		height: 26px;
		visibility: hidden;
		width: 30px;
	}

	.desktop-boxes .step .field-textbox
	{
		background: #ffffff;
		border: 1px solid #ffffff;
		color: #212020;
		float: left;
		font-size: 14px;
		height: 1.2em;
		overflow: hidden;
		margin: 0;
		outline: none !important;
	}

	.desktop-boxes .step .field-textbox:focus
	{
		cursor: text;
	}

	.desktop-boxes .step .trash
	{
		display: block;
		float: left;
		padding: 6px 0;
		text-align: center;
		visibility: hidden;
		width: 30px;
	}

	.desktop-boxes .step .progress
	{
		float: left;
		padding-top: 5px;
		position: relative;
		text-align: right;
		width: 76px;
	}

	.desktop-boxes .step .dragger
	{
		background: url(../images/desktop/drag.png) no-repeat;
		cursor: pointer;
		cursor: -moz-grab;
		cursor: grab;
		display: none;
		left: 2px;
		height: 28px;
		position: absolute;
		width: 15px;
	}

	.desktop-boxes .new-step-prompt
	{
		font-size: 10pt;
		line-height: 24px;
		margin: 2px 0;
		padding: 0 5px;
	}

		.desktop-boxes .box-todos .new-step-prompt
		{
			color: #33aed2;
		}

		.desktop-boxes .box-goals .new-step-prompt
		{
			color: #47971c;
		}

	.desktop-boxes .new-step
	{
		background: white url(../images/layout/textbox-bg.png) no-repeat;
		border-color: #A2A2A2;
		color: black;
		cursor: auto;
		text-decoration: none;
	}

	.desktop-boxes .box-todos .step .progress
	{
		display: none;
	}

	.desktop-boxes .step-completed .checkmark
	{
		visibility: visible;
	}

	.desktop-boxes .box-goals .step-hover .checkmark,
	.desktop-boxes .box-goals .step .checkmark:hover
	{
		background-image: url(../images/desktop/goals/checkmark-on.png);
	}

	.desktop-boxes .box-todos .step-hover .checkmark,
	.desktop-boxes .box-todos .step .checkmark:hover
	{
		background-image: url(../images/desktop/todos/checkmark-on.png);
	}

	.desktop-boxes .step-completed .field-textbox
	{
		color: #707070;
	}

	.desktop-boxes .step-completed .progress,
	.desktop-boxes .step-goal-completed .progress,
	.desktop-boxes .step-goal-completed .trash,
	.desktop-boxes .step-completed .dragger
	{
		display: none;
	}

	.desktop-boxes .step-completed .trash
	{
		visibility: hidden;
	}

	.desktop-boxes .box-goals .step-box
	{
		width: 450px;
	}

		.desktop-boxes .box-goals .step-box .field-textbox
		{
			width: 380px;
		}

	.desktop-boxes .box-todos .step-box
	{
		width: 527px;
	}

		.desktop-boxes .box-todos .step-box .field-textbox
		{
			width: 437px;
		}

	.desktop-boxes .step-goal-completed .step-box
	{
		width: 454px;
	}

		.desktop-boxes .step-goal-completed .step-box .field-textbox
		{
			width: 380px;
		}

	.desktop-boxes .box-goals .step-hover .field-textbox
	{
		border-left-color: #ffaf48;
		border-right-color: #ffaf48;
	}

	.desktop-boxes .box-goals .step-hover .step-box,
	.desktop-boxes .box-goals .step-hover .checkmark,
	.desktop-boxes .box-goals .step-hover .trash
	{
		border-color: #ffaf48;
		visibility: visible;
	}

	.desktop-boxes .box-todos .step-hover .field-textbox
	{
		border-left-color: #8fe5ff;
		border-right-color: #8fe5ff;
	}

	.desktop-boxes .box-todos .step-hover .step-box,
	.desktop-boxes .box-todos .step-hover .checkmark,
	.desktop-boxes .box-todos .step-hover .trash
	{
		border-color: #8fe5ff;
		visibility: visible;
	}

	.desktop-boxes .step-hover .dragger
	{
		display: block;
	}

		.desktop-boxes .box-todos .step-hover .dragger:hover
		{
			background: url(../images/desktop/todos/drag.png) no-repeat;
		}

		.desktop-boxes .box-goals .step-hover .dragger:hover
		{
			background: url(../images/desktop/goals/drag.png) no-repeat;
		}

.desktop-boxes .step-dragging
{
	color: #353535;
	position: absolute;
	z-index: 2;
}

	.desktop-boxes .step-dragging .field-textbox
	{
		cursor: move;
	}

.desktop-boxes .drag-marker
{
	border-bottom: 2px solid #ffffff;
	font-size: 6px;
	height: 6px;
	line-height: 6px;
	margin-bottom: 28px;
	padding-top: 5px;
}

#desktop-todos-new-title
{
	color: #353535;
	font-size: 16px;
	width: 400px;
}

#desktop-share-public-category select
{
	height: 180px;
	width: 242px;
}

#desktop-share-public-category label
{
	color: #353535;
	display: block;
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 5px;
}

#desktop-share-public-category .transfer-arrows
{
	float: left;
	padding-top: 12px;
	text-align: center;
	width: 44px;
}

#desktop-share-public-category #category-current-selection
{
	color: #353535;
	font-weight: bold;
}

#desktop-progress-months,
#desktop-progress-months li
{
	list-style: none;
	margin: 0;
	overflow: auto;
	padding: 0;
}

	#desktop-progress-months li
	{
		font-size: 11.85px;
		height: 64px;
		letter-spacing: -0.05ex;
		margin-bottom: 9px;
		padding: 4px;
		padding-top: 3px;
		padding-left: 5px;
		text-align: center;
		width: 72px;
	}
		#desktop-progress-months li.selected
		{
			background: url(../images/desktop/progress/mini-calendar-bg-selected.png) no-repeat;
		}

		#desktop-progress-months li.hover
		{
			background: url(../images/desktop/progress/mini-calendar-bg-over.png) no-repeat;
		}


		#desktop-progress-months li a
		{
			background: url(../images/desktop/progress/mini-calendar-off.png) no-repeat;
			color: #353535;
			display: block;
			height: 62px;
			padding-top: 2px;
			text-decoration: none;
		}

		#desktop-progress-months li.active a
		{
			background: url(../images/desktop/progress/mini-calendar-on.png) no-repeat;
			color: #ffffff;
		}

	#desktop-progress-calendar
	{
		background: url(../images/desktop/progress/calendar-bg-off.png) no-repeat;
		height: 453px;
		padding: 0 3px;
		width: 549px;
	}

		#desktop-progress-calendar.big
		{
			background: url(../images/desktop/progress/calendar-big-bg-off.png) no-repeat;
			height: 532px;
		}

		#desktop-progress-calendar.big-active
		{
			background: url(../images/desktop/progress/calendar-big-bg-on.png) no-repeat;
			height: 532px;
		}

		#desktop-progress-calendar.active
		{
			background: url(../images/desktop/progress/calendar-bg-on.png) no-repeat;
		}

		#desktop-progress-calendar .header
		{
			color: #353535;
			font-weight: bold;
			line-height: 20px;
			margin-bottom: 22px;
			padding: 5px;
			text-align: center;
		}

			#desktop-progress-calendar.active .header,
			#desktop-progress-calendar.big-active .header
			{
				color: #ffffff;
			}

		#desktop-progress-calendar .day
		{
			float: left;
			height: 71px;
			padding: 4px;
			width: 70px;
		}

			#desktop-progress-calendar .day .number
			{
				color: #353535;
				padding-bottom: 3px;
			}

	#desktop-progress-list
	{
		background: url(../images/desktop/progress/list-bottom-bg.png) no-repeat bottom left;
		height: 472px;
		margin-left: 25px;
		padding-bottom: 10px;
		width: 555px;
	}

		#desktop-progress-list .header
		{
			background: url(../images/desktop/progress/list-top-bg.png) no-repeat top left;
			height: 30px;
		}

		#desktop-progress-list ul,
		#desktop-progress-list li
		{
			list-style: none;
			margin: 0;
			padding: 0;
		}

		#desktop-progress-list ul
		{
			background: url(../images/desktop/progress/list-bg.png) repeat-y top left;
			height: 442px;
			margin-right: 3px;
			overflow: auto;
			position: relative;
		}

			#desktop-progress-list li
			{
				background-position: 7px 6px;
				background-repeat: no-repeat;
				border-bottom: 1px solid #c1c1c1;
				line-height: 19px;
				margin-left: 5px;
				padding-top: 8px;
				padding-bottom: 8px;
				padding-left: 40px;
			}

.calendar-detail-overlay
{
	background: url(../images/desktop/progress/detail-bg-bottom.png) no-repeat bottom left;
	padding-bottom: 17px;
	position: absolute;
	width: 318px;
	z-index: 200;
}

	.calendar-detail-overlay .top
	{
		background: url(../images/desktop/progress/detail-bg-top.png) no-repeat top left;
		padding-top: 1px;
	}

	.calendar-detail-overlay .inside
	{
		background: url(../images/desktop/progress/detail-bg.png) repeat-y top left;
		font-size: 11px;
	}

	.calendar-detail-overlay .posted
	{
		border-bottom: 1px solid #caccca;
		margin: 10px;
		margin-top: 0;
		padding-top: 10px;
		padding-bottom: 7px;
	}

	.calendar-detail-overlay .more
	{
		border-top: 1px solid #caccca;
		font-size: 10px;
		margin: 0 10px;
		padding: 7px 0;
	}

	.calendar-detail-overlay .item
	{
		background-repeat: no-repeat;
		line-height: 18px;
		margin: 0 5px;
		margin-top: 12px;
		margin-bottom: 10px;
		padding-left: 28px;
	}