/*
    Document   : layout
    Created on : Nov 16, 2011, 3:25:55 PM
    Author     : Alexander
    Description:
        This contains layout and positioning of the page elements. For the look
        and feel of the elements check branding.css.
*/
html, body
{
	height: 100%;
	position: relative;
}

form {
	margin: 0px;
}

textarea {
    resize: none;
}

input[type="text"],
input[type="password"],
textarea,
select
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.584em 1em;
	position: relative;
}

select
{
	padding: 0.5em 0.3em 0.5em 0.8em;
}

.header
{
	margin: 0 0 5px 0;
}

.clear
{
	clear: both;
	float: none !important;
}

.clearLeft {
	clear: left;
}

.section
{
	width: 100%;
}

.container
{
	padding: 20px;
}

.list-view div.listHeader
{
	behavior: url(/css/PIE.htc);
	font-weight: bold;
	position: relative;
}

	.list-view div.listHeader .summary
	{
		float: left;
		margin: 0;
	}

	.list-view div.listHeader .pager
	{
		float: right;
		margin: 0;
	}

.pipeDelimeter
{
	padding: 0 5px;
}

div.notice,
.emptyWall
{
	padding: 25px;
	margin: 10px 0;
	position: relative;
	text-align: center;
}

.stickkContainer01,
.stickkContainer02,
.stickkContainer03,
.stickkContainer04,
.stickkContainer05
{
	position: relative;
}

div.mainContentContainer
{
	margin: 0 auto;
	position: relative;
	width: 980px;
}

div.membersMainContainer .sliderTabs.ui-tabs > ul
{
	display: inline-block;
	padding: 5px 0;
	padding: 0.1875rem 0;
	position: relative;
}

	.sliderTabs.ui-tabs .ui-helper-clearfix:after
	{
		content: none;
	}

	div.membersMainContainer .sliderTabs.ui-tabs > .ui-tabs-nav li
	{
		display: inline;
		float: none;
		margin: 0;
		padding: 0;
		top: 0;
	}

	div.membersMainContainer .sliderTabs.ui-tabs > .ui-tabs-nav li.ui-tabs-selected
	{
	}

		div.membersMainContainer .sliderTabs.ui-tabs > .ui-tabs-nav li a
		{
			float: none;
			padding: 6px 14px;
			padding: 0.375rem 0.875rem;
			position: relative;
		}

		div.membersMainContainer .sliderTabs.ui-tabs > .ui-tabs-nav li.ui-state-default a
		{
		}

		div.membersMainContainer .sliderTabs.ui-tabs > .ui-tabs-nav li.ui-state-active a
		{
		}

div.membersMainContainer .verticalTabs.ui-tabs > ul,
div.membersMainContainer .verticalTabs.ui-tabs > div
{
	float: left;
}

div.membersMainContainer .verticalTabs.ui-tabs > ul
{
	padding: 0;
}

div.membersMainContainer .verticalTabs.ui-tabs > div
{
	/*margin: 0 0 0 20px;*/
}

.verticalMenu
{
}

	.verticalMenu .menuItem,
	div.membersMainContainer .verticalTabs.ui-tabs > .ui-tabs-nav li
	{
		float: none;
		height: auto;
		line-height: inherit;
		margin: 0;
		position: relative;
		top: 0;
		white-space: normal;
	}

	.verticalMenu .menuItem.active,
	.verticalMenu .menuItem:hover
	{
	}

		.verticalMenu .menuItem a,
		div.membersMainContainer .verticalTabs.ui-tabs > .ui-tabs-nav li a
		{
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
			display: table;
			*display: inline-block;
			float: none;
			padding: 0;
			width: 100%;
			/*padding: 0.546em 1.091em 0.546em 2.182em;*/
			padding: 16px 14px 16px 54px;
			padding: 1rem 0.875rem 1rem 3.375rem;
		}

		.verticalMenu .menuItem.active a,
		.verticalMenu .menuItem:hover a
		{
		}

			.verticalMenu a > span
			{
				display: table-cell;
			}

			.verticalMenu .menuItem span.stickkCircle01, div.membersMainContainer .verticalTabs.ui-tabs > .ui-tabs-nav li span.stickkCircle01
			{
				display: inline-block;
				height: 20px;
			}

a.roundButton, input.roundButton
{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	display: inline-block;
	position: relative;
}

a.stickkButton01,
input.stickkButton01,
span.stickkButton01
{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	display: inline-block;
	padding: 0.567em 2.25em;
	position: relative;
}

a.stickkButton01.reportNow
{
	padding: 0.567em;
}

a.stickkButton02,
input.stickkButton02,
div.pendingFriendRequest
{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	display: inline-block;
	padding: 0.567em 2.25em;
	position: relative;
}

a.stickkButton03,
input.stickkButton03
{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
	display: inline-block;
	padding: 0.567em 2.25em;
	position: relative;
}

div.mediumAvatarContainer
{
    height: 144px;
    line-height: 144px;
	margin: 0 auto;
	overflow: hidden;
	padding: 3px;
	position: relative;
	text-align: center;
	width: 144px;
}

	div.mediumAvatarContainer a
	{
		display: inline-block;
		height: 100%;
		width: 100%;
	}
	div.mediumAvatarContainer img
	{
		display: block;
	}

	div.mediumAvatarContainer #changeAvatarLink
		{
			display: none;
			height: 15px;
			padding: 5px;
			position: absolute !important;
			right: 2px;
			top: 2px;
			background: none;
			padding-right: 10px;
			font-size: 10px;
		}

		div.mediumAvatarContainer a.stickkButton01 {
			padding: 0px;
			font-size: 10px;
		}

		div.mediumAvatarContainer:hover #changeAvatarLink
		{
			display: block;
		}

#logo
{
	vertical-align: middle;
}

#page,
#loggedInPage
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 100%;
	padding: 68px 0 386px;
	position: relative;
	width: 100%;
}

#loggedInHeaderSection
{
	height: 68px;
	position: absolute;
	top: 0;
	width: 100%;
}

	#headerContent
	{
		line-height: 0;
		margin: 0 auto;
		position: relative;
		width: 970px;
	}

		#topMenu
		{
			line-height: 66px;
			position: absolute;
			right: 0;
			top: 0;
		}

			#topMenu a
			{
				display: inline-block;
				line-height: 1.3;
				margin: 0 10px;
				max-width: 100px;
				text-align: center;
				vertical-align: middle;
			}

			span.topMenuDelimiter
			{
				display: inline-block;
				height: 30px;
				vertical-align: middle;
				width: 1px;
			}


			a#textLogin
			{
				margin: 0 0 0 20px;
				padding: 8px 15px;
				text-align: center;
			}

			a#signupButton
			{
				margin-left: 2px;
				margin-right: 0px;
				padding: 8px 15px;
			}

		#userTopMenu
		{
			bottom: 11px;
			font-size: 13px;
			position: absolute;
			right: 0;
		}

			#userTopMenu a, #userTopMenu span.topMenuDelimiter
			{
				margin: 0 0 0 5px;
			}

#mainSection
{
		position: relative;
		z-index: 0;
}

#footerSection
{
    bottom: 0;
    position: absolute;
}

#footerTopContent, #footerMiddleContent, #footerBottomContent
{
	margin: 0 auto;
	width: 984px;
}

#footerTopSection
{
	height: 8px;
}

#footerMiddleSection
{
	/*height: 164px;*/
	position: relative;
}

#footerMiddleSection.communitiesDisabled
{
	height: 52px;
}

	#footerMiddleContent
	{
		/*height: 110px;*/
	}

		#footerMiddleContent a:hover
		{
			text-decoration: none;
		}

		#communitiesBox
		{
			display: inline-block;
			padding: 20px 0;
		}

		#communitiesLinks
		{
			display: inline-block;
			margin-left: 50px;
		}

			#communitiesLinks td
			{
				padding: 1px 40px 1px 0;
			}

		#communitiesTitle
		{
			display: inline-block;
			float: left;
		}

			#communitiesTitle div
			{
				text-align: center;
			}

#footerBottomSection
{
	/*height: 96px;*/
}

	#footerBottomContent
	{
		line-height: 96px;
	}

	#footerBottomContent a, #footerBottomContent span
	{
		vertical-align: middle;
	}

	.footer_copyright
	{
		float: right;
		margin-left: auto;
		margin-right: auto;
	}

		.footer_copyright a
		{
			padding: 0 4px;
		}

#rightBannerContainer
{
	display: inline-block;
	float: right;
}

	span.rightBanner
	{
		display: inline-block;
	}

#alertEl {
	display: block;
	margin: 10px;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start AdminWidget
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#adminToolbarSection
{
	padding: 15px 10px 15px 20px;
}

	#adminToolbarSection a
	{
		margin: 5px 10px 5px 0;
	}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end AdminWidget
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start layout/loggedInMain
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
a.topMenuIcon, span.topMenuIcon
{
	display: inline-block;
	vertical-align: middle;
}

a.topMenuIconBig, span.topMenuIconBig
{
	display: inline-block;
	vertical-align: middle;
}

span.settingsIcon
{
	display: inline-block;
}

div.topSubMenu
{
	display: none;
	left: 0;
	line-height: 2;
	margin-top: 5px;
	position: absolute;
	top: 40px;
	z-index: 10;
}

	div.topSubMenu li
	{
		padding: 0 14px;
		position: relative;
		white-space: nowrap;
	}

	div.topSubMenu li:first-child
	{
		position: absolute;
	}

#accountSettingsContainer
{
    position: absolute;
    right: -8px;
    top: 6px;
}

	#accountSettingsContainer div.topSubMenu
	{
		left: auto;
		right: 0;
		top: 44px;
	}

#logoContainer,
#loggedInTopMenuContainer,
#poweredByStickkHeaderContainer
{
	float: left;
	line-height: 48px;
	/*margin-top: 3px;*/
}

#logoContainer
{
	margin-top: 3px;
}

	#membersShortcutMenu a.topMenuIcon
	{
		margin: 0 10px;
	}

	#shortcutTopMenu
	{
		float: left;
		position: relative;
		vertical-align: middle;
		z-index: 2;
	}

		#shortcutTopMenu > li
		{
			float: left;
			position: relative;
		}

		#shortcutTopMenu > li:first-child
		{
			margin-left: 20px;
		}

		#topMenuInboxMessageCount
		{
			position: absolute;
			top: 5px;
			right: 6px;
		}

#poweredByStickkHeaderContainer
{
	margin-left: 30px;
}

#poweredByStickkFooterContainer
{
	float: right;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end layout/loggedInMain
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start members/tabs
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#tabSection
{
	height: 3px;
	position: relative;
	text-align: center;
	z-index: 1;
}

	#tabContentContainer
	{
		margin: 0 auto;
		position: relative;
		width: 980px;
	}
        #returnToCommitmentsButton
        {
            bottom: 46px;
            display: none;
        }

		#tabMakeCommitmentButton
		{
			bottom: -65px;
			left: 50%;
			margin-left: 267px;
			padding: 0.5em 2em;
			position: absolute;
			text-decoration: none;
		}

		#tabContainer
		{
			bottom: 0px;
			display: none;
			position: absolute;
			right: 30px;
		}

			span.tab
			{
				display: inline-block;
				height: 36px;
				position: relative;
				z-index: 9;
			}

			span.tab.selected, span.tab:hover
			{
			}

				span.tab a
				{
					display: inline-block;
					height: 37px;
					line-height: 37px;
					padding: 3px 20px 0;
					position: relative;
				}

				span.tab.selected a, span.tab:hover a
				{
				}

		.returnToProfile {
			margin-top: -45px;
		}
		.returnToProfile a {
			/*left: -360px;*/
		}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end members/tabs
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start /site/index
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#homeBanner
{
	height: 542px;
	left: -210px;
	position: relative;
	width: 1400px;
	z-index: 2;
}

#homeBannerCreateCommitment,
#homeBannerTabs
{
	position: absolute;
	width: 980px;
}

#homeBannerCreateCommitment
{
	left: 208px;
}

#homeBanner #iCommitToContainer
{
	padding: 13px 15px;
}

#homeBannerTabs
{
	bottom: 6px;
	height: 93px;
	left: 210px;
	width: 980px;
}

	#homeBannerTabs ul
	{
		height: 100%;
		width: 100%;
	}

		#homeBannerTabs li
		{
			float: left;
			height: 93px;
			width: 245px;
		}

#homeWidgetContainer
{
	margin-top: 30px;
}

#homeWidgetContainer.loggedIn
{
	margin-top: 20px;
}

	li.homeStickkBlogListItem
	{
		margin-top: 10px;
		padding: 15px;
	}

		li.homeStickkBlogListItem div.content
		{
			margin-top: 10px;
		}

			li.homeStickkBlogListItem a.avatarContainer,
			#carrotsAndSticksContainer img
			{
				float: left;
				margin-right: 10px;
			}

			li.homeStickkBlogListItem div.blogText
			{
				text-align: left;
				vertical-align: top;
			}

			li.homeStickkBlogListItem a.stickkButton01,
			#carrotsAndSticksContainer a.stickkButton01
			{
				margin-top: 10px;
			}

	#carrotsAndSticksContainer
	{
		padding: 15px;
	}

	#homeWidgetContainer > div
	{
		float: left;
	}

		#homeWidgetLeftContainer > div,
		#homeWidgetRightContainer > div,
		#homeWidgetLeftLeftContainer > div,
		#homeWidgetLeftRightContainer > div
		{
			margin-top: 20px;
		}

		#homeWidgetLeftContainer > div:first-child,
		#homeWidgetRightContainer > div:first-child,
		#homeWidgetLeftLeftContainer > div:first-child,
		#homeWidgetLeftRightContainer > div:first-child
		{
			margin-top: 0px;
		}

		#homeWidgetLeftContainer
		{
			float: left;
			padding-right: 18px;
			width: 642px;
		}

			#homeWidgetLeftLeftContainer
			{
				float: left;
				width: 350px;
			}

			#homeWidgetLeftRightContainer
			{
				float: left;
				margin-left: 20px;
				width: 271px;
			}

				#homeSuccessStoryAndTestimonialContainer
				{
					padding: 5px;
				}

					#homeSuccessStoryAndTestimonialContainer .stickkContainer02
					{
						padding: 8px;
					}

					#homeTestimonialContainer
					{
						margin-top: 20px;
					}

				#inTheNews, #corporateSolutions
				{
					margin-top: 10px;
				}

		#homeWidgetRightContainer
		{
			margin-left: 19px;
			width: 261px;
		}

			#homeHomeFacebookLikeContainer
			{
				padding: 8px 0 10px 0;
			}

			#homeTheNumbersContainer
			{
				padding-bottom: 20px;
			}

				#homeTheNumbersContainer div.theNumbersRow
				{
					margin-top: 20px
				}

					#homeTheNumbersContainer span.theNumbersIcon,
					#homeTheNumbersContainer div.theNumbersStats
					{
						float: left;
					}

					#homeTheNumbersContainer div.theNumbersStats
					{
						margin-left: 20px;
					}

			#homeExpertWordBlogContainer h1
			{
				font-size: 18px;
				font-weight: bold;
			}

				#homeExpertWordBlogContainer .expertBlogs_articleTitle
				{
					font-size: 12px;
					font-weight: bold;
				}

				#homeExpertWordBlogContainer .expertBlogs_articleTitle a
				{
					text-decoration: none;
				}

			#homeSearchContainer > div
			{
				padding: 15px 0;
			}

				#homeSearchContainer form
				{
					margin-top: 10px;
				}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end site/index
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start /site/changePassword and /site/unsubscribe
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#changePasswordContainer,
#unsubscribeContainer
{
	padding: 40px;
}

	#changePasswordHeader,
	#unsubscribeHeader
	{
	}

		#changePasswordHeader span.orange,
		#unsubscribeHeader span.orange
		{
		}

	#changePasswordInstructions,
	#unsubscribeInstructions
	{
		margin: 35px 0 0 0;
		padding: 0 0 10px 0;
		width: 595px;
	}

	#changePasswordFormContainer,
	#unsubscribeFormContainer
	{
		margin: 35px 0 0 0;
		width: 400px;
	}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end /site/changePassword and /site/unsubscribe
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start /site/tour
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#tourContainer
{
	margin: 0 auto;
	width: 924px;
}

	#tourLeftColumn, #tourRightColumn
	{
		height: 400px;
	}

		#tourLeftColumn
		{
			float: left;
			margin-right: 10px;
			position: relative;
			width: 781px;
		}

			#tourHeaderContainer
			{
				padding: 10px;
			}

			#tourTextContainer
			{
				height: 293px;
				line-height: 1.1em;
				position: relative;
			}

				#tourTextContainer .container
				{
					min-height: 357px;
				}

				#tourTextContainer > div
				{
					height: 100%;
				}

					#tourTextContainer h1
					{
						padding: 0 0 20px 0;
					}

					#tourTextContainer h2
					{
						line-height: 1.1;
						padding: 10px 0;
					}

					#tourTextContainer p, #tourTextContainer .container div
					{
						line-height: 1.5;
						margin-top: 10px;
						width: 490px;
					}

					#tourTextContainer p:first-child
					{
						margin: 0;
					}

					#tourTextContainer a
					{
					}

					#tourTextContainer ul
					{
						margin-top: 10px;
					}

						#tourTextContainer li
						{
							list-style-type: disc;
							margin-left: 15px;
						}

				#tourContainer.slide1 #tourTextContainer div
				{
				}

				#tourContainer.slide2 #tourTextContainer div
				{
				}

				#tourContainer.slide3 #tourTextContainer div
				{
				}

				#tourContainer.slide4 #tourTextContainer div
				{
				}

					#tourContainer.slide4 #tourTextContainer p
					{
						width: 210px;
					}

				#tourContainer.slide5 #tourTextContainer div
				{
				}

					#tourContainer.slide5 #tourTextContainer p
					{
						width: 320px;
					}

				#tourContainer.slide6 #tourTextContainer div
				{
				}

					#tourContainer.slide6 #tourTextContainer p
					{
						width: 225px;
					}

				#tourContainer.slide7 #tourTextContainer div
				{
				}

					#tourContainer.slide7 #tourTextContainer p
					{
						width: 220px;
					}

				#tourContainer.slide8 #tourTextContainer div
				{
				}

					#tourContainer.slide8 #tourTextContainer p
					{
						width: 220px;
					}

				#tourContainer.slide9 #tourTextContainer div
				{
				}

				#tourContainer.slide10 #tourTextContainer div
				{
				}

		#tourRightColumn
		{
			float: left;
			position: relative;
			text-align: center;
			width: 117px;
		}

			#tourSlideIndexContainer
			{
				margin-top: 30px;
			}

			#tourArrowContainer
			{
				margin-top: 10px;
			}

				a.tourArrow, span.tourArrow
				{
					display: inline-block;
					height: 31px;
					width: 35px;
				}

				a.tourArrow.left
				{
				}

				span.tourArrow.left.disabled
				{
				}

				a.tourArrow.right
				{
					margin-left: 10px;
				}

				span.tourArrow.right.disabled
				{
					margin-left: 10px;
				}

			#tourLeftColumnBottomContainer
			{
				bottom: 0;
				left: 0;
				position: absolute;
			}

				#tourRegistrationText
				{
					padding: 10px;
				}

				#tourRegistrationButton
				{
				}

				#tourRegistrationButton.es
				{
				}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end /site/tour
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start login
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#loginMainContent
{
	padding: 75px 25px 75px;
}

	#loginMainContent a.stickkButton01, #loginMainContent input.stickkButton01
	{
		border: 0 none;
		min-width: 105px;
	}

	#registrationContainer, #loginContainer
	{
		width: 380px;
		width: 23.75rem;
	}

	#registrationContainer
	{
		float: left;
		margin: 0 0 0 32px;
		padding: 10px;
	}

		#loginItsFreeIcon
		{
			bottom: -34px;
			left: -18px;
			position: absolute;
		}

	#loginContainer
	{
		float: right;
		margin: 0 32px 0 0;
		padding: 10px;
	}

		#registrationContent,
		#loginContent
		{
			height: 240px;
			height: 15rem;
			width: 100%;
		}

		#loginDescription
		{
			padding: 10px 70px 0 5px;
		}

		#registrationDescription
		{
			padding: 10px 70px 0 20px;
		}

		#registrationButton, #loginButton
		{
			float: right;
		}

		#loginContainer input[type=text],
		#loginContainer input[type=password]
		{
			width: 210px;
		}

		#placeholder-table-getpassword div
		{
			margin: 10px;
		}

		#placeholder-table-getpassword label
		{
			margin: 10px;
			display: block;
			float: left;
		}

		#placeholder-table-getpassword input
		{
			width: 250px;
			margin: 10px;
		}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end login
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start /blogs
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#blogsContainer
{
	padding: 40px;
}

	#blogsLeftContainer
	{
		float: left;
		width: 640px;
	}

		#blogsHeading
		{
			margin-top: 10px;
			padding: 10px 20px;
			position: relative;
		}

		#blogsTopNav
		{
			padding: 10px 20px;
		}

	#blogsRightContainer
	{
		float: left;
		margin-left: 20px;
		width: 240px;
	}

		#blogsRightContainer .stickkButton03
		{
			margin-top: 25px;
			padding: 0.283em 1.125em;
		}

		#blogsRightContainer .blogs_box2_pale
		{
			margin-top: 10px;
		}

			.blogs_box2_pale h2
			{
				height: 27px;
				line-height: 27px;
				padding-left: 10px;
				position: relative;
			}

			.blog_communitiesMenu
			{
				padding: 3px;
			}

			.blog_communitiesMenu:hover,
			.blog_communitiesMenu_active
			{
				padding: 3px;
			}

#blogCommentsListView
{
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	margin-top: 20px;
}

#blog-article-comment-form
{
	margin-top: 20px;
}

#blog-article-comment-form textarea
{
	width: 100%;
}

#blog-article-comment-form div.row.buttons
{
	margin-top: 10px;
	text-align: right;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end /blogs
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start common css when the user is logged in
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
div.membersMainContainer
{
	padding-top: 30px;
	position: relative;
}

	div.membersMainContainer > div
	{
		position: relative;
		float: left;
		margin: 0 0 0 20px;
	}

	div.membersMainContainer > div:first-child, div.membersMainContainer div.middleColumn
	{
		margin: 0;
	}

		div.leftColumn,
		div.membersMainContainer .verticalTabs.ui-tabs > ul
		{
			width: 178px;
		}

		div.middleColumn,
		#commitmentListContainerOut > div
		{
			width: 530px;
		}

			div.middleColumn > div,
			#commitmentListContainerOut div.middleColumn > div
			{
				padding: 0 0 0 20px;
			}


			#commitmentListContainerOut div.middleColumn > div
			{
				min-height: 215px
			}

		div.middleColumnStore
		{
		width: 480px;
		}

		div.middleColumn.fill,
		#commitmentListContainerOut > div.fill
		{
			width: 760px;
		}

		div.singleColumn
		{
			float: none;
			width: auto;
		}

		div.membersMainContainer div.singleColumn
		{
			float: none;
			margin: 0 auto;
			width: 744px;
		}

		div.membersMainContainer .ui-widget
		{
		}

			div.membersMainContainer .ui-widget-content
			{
				padding: 0;
			}

				div.membersMainContainer .ui-tabs .ui-tabs-nav
				{
					padding: 0 10px;
				}

					div.membersMainContainer .ui-tabs .ui-tabs-nav li
					{
						margin: 0 10px 0 0;
						height: 20px;
						line-height: 20px;
					}

						div.membersMainContainer .ui-tabs .ui-tabs-nav li a
						{
							padding: 0 10px;
						}

		div.membersSidebarContainer
		{
			padding: 10px;
			position: relative;
		}

			div.membersSidebarSubContainer
			{
				padding: 10px;
				position: relative;
			}

		div.friendsContainer {
		}

		div.inviteFriends {

		}
		div.inviteFriends label {
			display: block;
			margin: 10px 0px;
		}
		div.inviteFriends div.note {
			margin: 10px 0px;
		}

		div.sidebarTitle
		{
			display: table;
			width: 100%;
		}

			div.sidebarTitle span
			{
				/*display: table-cell;*/
				display: inline-block;
				padding: 18px 0 18px 70px;
			}

			div.sidebarTitle span.buttons
			{
				text-align: right;
			}

				div.sidebarSection a.stickkButton01,
				div.sidebarTitle a.stickkButton01
				{
					margin-left: 10px;
					padding: 0.567em 1.75em
				}

		.sidebarSection
		{
			margin: 10px 0 0 0;
			padding: 10px 5px 0 5px;
		}

    #othersProfileSideContainer
    {
        margin-right: 20px;
        width: 158px;
    }

        #othersProfileSideContainer > div
        {
            padding: 3px;
            text-align: center;
        }
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end common css when the user is logged in
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start /friends/search
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#friendSearchBoxContainer
{
	margin-top: 5px;
}

	#friend_search #iptSearch
	{
		height: 29px;
	}

	#iptSearch.wide
	{
		width: 250px;
	}

	#friend_search a.searchButton
	{
		margin: 0 0 0 10px;
	}

.title_search
{
	margin-top: 10px;
	padding: 10px 0px;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end /friends/search
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start /members
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#iCommitToContainer
{
	float: left;
	height: 60px;
	position: relative;
	width: 650px;
}

.es #iCommitToContainer
{
	width: 800px;
}

	#iCommitToBox
	{
		height: 60px;
		position: relative;
	}

		#iCommitToBox > div
		{
			float: left;
		}

		#iCommitToText
		{
			color: #FFFFFF;
			font-size: 33px;
			font-weight: bold;
			margin: 8px 0 0 0;
		}

		/*.es #iCommitToText {
			font-size: 20px;
			margin-top: 30px;
		}*/

		#iCommitToTypeContainer
		{

			margin: 0 0 0 8px;
		}

			#iCommitToTypeChoice
			{
				font-weight: bold;
			}

				#iCommitToTypeChoice span
				{
					color: #4C4C4C;
				}

				#iCommitToTypeChoice span.selected
				{
					color: #F07620;
				}

				#createYourOwnChoice
				{
					border-left: 1px solid #7F7F7F;
					margin: 0 0 0 10px;
					padding: 0 0 0 10px;
				}

					#iCommitToTypeChoice span.selected span.arrow
					{
						border-color: transparent;
						border-left-color: #F07620;
						border-style: solid;
						border-width: 4px;
						display: inline-block;
						height: 0;
						margin: 0 4px 0 8px;
						width: 0;
					}

				#iCommitToChoiceInput
				{
					height: 55px;
					line-height: 55px;
					margin: 0 5px;
					padding: 0 15px;
					position: relative;
					width: 355px;
				}

				#iCommitToChoiceInput select, #iCommitToChoiceInput input
				{
					border: 0;
					padding: 0;
					vertical-align: middle;
					width: 365px;
				}

				#predefinedGoalSelectContainer
				{
					overflow: hidden;
					width: 345px;
				}

		#iCommitToSubmit
		{
			margin: 0 0 0 8px;
		}

			#iCommitToGoButton
			{
				display: inline-block;
				height: 30px;
				padding: 12px 18px;
			}

	#iCommitToArrow
	{
		background: url("/images/members/element_i_commit_to_arrow.png") repeat scroll 0 0 transparent;
		bottom: -22px;
		display: none;
		height: 22px;
		left: 14px;
		position: absolute;
		width: 42px;
	}

#homeProfileContainer
{
	font-size: 11px;
	text-align: left;
	width: 150px;
}

	#homeProfileContainer a
	{
	}

	#homeProfileContainer span.label
	{
		display: inline-block;
		width: 100px;
	}

	#homeProfileMainContainer div
	{
		overflow: hidden;
	}

	#myProfileButtonContainer
	{
		text-align: center;
	}

		#myProfileButton
		{
			margin: 10px auto 0;
			text-align: center;
			width: 120px;
		}

	#homeProfileStatsContainer
	{
		margin: 10px 0 0;
	}

		#homeProfileStatsContainer div
		{
			padding: 0 0 3px;
			margin: 0 0 3px;
		}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end /members
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start profile common css
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
td.profileHeader,
div.profileHeader
{
	padding: 20px 0 10px 0;
}

#header01 td.profileHeader,
#header01 div.profileHeader
{
	padding: 0 0 10px 0;
}

#profileContent
{
}

	#profileContent div.messages
	{
		margin-bottom: 10px;
	}

	#profileForm td.profileLabel, #profileForm td.inputContainer
	{
		padding: 5px 0 0 0;
	}

	td.profileLabel
	{
		line-height: 1.8em;
	}

	#submitFormButton
	{
		margin: 0 0 0 10px;
	}

#profileLinkContainer
{
	position: relative;
	width: 530px;
}

	#profileLinkContainer a.stickkButton01
	{
		float: right;
	}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end profile common css
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start profile/picture
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#avatarUploadForm input, #avatarUploadForm label, #avatarUploadForm span
{
	vertical-align: middle;
}

#avatarUploadForm label
{
}

#avatarUploadForm td.avatarUploadNotice
{
	display: none;
	padding: 0 0 20px 0;
	text-align: center;
}

#avatarUploadArrow
{
	display: inline-block;
	height: 0;
	margin: 0 15px;
	position: relative;
	top: -5px;
	width: 0;
}

#avatarUploadDescription
{
	padding: 0 0 10px 0;
	text-align: justify;
}

#avatarFileInputContainer, #avatarTermsContainer, #avatarSubmitContainer
{
	padding: 10px 0 0 0;
	/*text-align: right;*/
}

#avatarTermsContainer
{
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end profile/picture
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start /addresses
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#addAddressLink
{
}

div.addressContainer
{
	padding: 15px 0 0 0;
}

#primaryAddressContainer div:first-child
{
}
	tr.addressRow td
	{
		vertical-align: top;
		width: 50%;
	}

		div.addressContainer div
		{
			padding: 0 15px 0 0;
		}

		tr.addressRow td:first-child > div.addressContainer
		{
			padding: 15px 0 0 20px;
		}

		tr.addressRow td:first-child > div.addressesActionLinks
		{
			padding: 0 0 0 20px;
		}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end /addresses
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
start /paymentOptions/_creditCard
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
table.creditCardListItem
{
	margin: 10px 0 0 0;
	width: 100%;
}

	table.creditCardListItem tr
	{
		vertical-align: top;
	}

		table.creditCardListItem td
		{
			padding: 0 0 5px 0;
		}

		table.creditCardDetails td
		{
			padding: 0 0 5px 10px;
		}

		table.creditCardDetails td:first-child
		{
			padding: 0 0 5px 20px;
		}

		table.creditCardDetails td.label
		{
			white-space: nowrap;
		}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end /paymentOptions/_creditCard
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
start /paymentOptions and /paymentOptions/contractCard
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#paymentOptionsSubtitle
{
	margin: 10px 0 0 0;
}

#addCreditCardButton
{
	margin: 20px 0 0 0;
}

#currentPaymentOption
{
	margin: 10px 0 0 0;
}

#paymentOptionList div.associatedContract
{
	margin: 0 0 5px 0;
}

div.paymentOptionListItemContainer
{
	margin: 10px 0 0 0;
	padding-bottom: 10px;
}

	#currentPaymentOption div.title, div.paymentOptionListItemContainer div.title
	{
	}

	a.changeContractPaymentOptionLink
	{
		margin: 0 0 0 10px;
	}

	a.selectPaymentOptionLink
	{
		margin: 0 0 0 20px;
	}

	#backToPaymentOptionsLink
	{
		margin: 10px 0 0 0;
	}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end /paymentOptions and /paymentOptions/contractCard
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start /paymentOptions/create and /paymentOptions/update
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#creditCardFrm
{
	margin: 20px 0 0 0;
}

	#creditCardFrm label
	{
	}

	#creditCardFrm table.creditCard td
	{
		padding-bottom: 5px;
	}

	#creditCardFrm table.creditCard td.label
	{
		padding-right: 5px;
		text-align: right;
	}

	#choose_address div.title
	{
		padding: 10px 0;
	}

	#choose_address table.option, div.new_address table.option
	{
		border-collapse: separate;
		margin: 0 auto;
		padding: 10px 0;
		width: 90%;
	}

		#choose_address td.msg_container, div.new_address td.msg_container
		{
			padding-right: 5px;
			text-align: right;
			width: 190px;
		}

		#choose_address td.field_container, div.new_address td.field_container
		{
			width: 30px;
		}

			#choose_address td.field_container input, div.new_address td.field_container input
			{
				vertical-align: middle;
			}

	#creditCardFrm div.new_address
	{
		padding: 0 0 10px;
	}

	#creditCardFrm table.addressEdit
	{
		margin: 0 auto;
	}

		#creditCardFrm table.addressEdit #Country
		{
			width: 175px;
		}

	#creditCardFrm td.buttons
	{
		padding-top: 10px;
	}

		#creditCardFrm td.buttons table
		{
			margin: 0 auto;
		}

			#creditCardFrm td.buttons a
			{
				margin: 0 0 0 10px;
			}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end /paymentOptions/create and /paymentOptions/update
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
start /commitments
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
div.mainContentContainer.commitmentsMainContainer
{
	min-height: 0;
}

#commitmentmyCommitmentsMenuTab a,
#commitmentrefereeingMenuTab a,
#commitmentarbitrajeMenuTab a,
#commitmentsupportingMenuTab a,
#commitmentapoyoMenuTab a,
#commitmentwatchingMenuTab a,
#commitmentmirandoMenuTab a,
#commitmentrecipientMenuTab a
{
	display: inline-block;
}

#commitmentListContainerOut #refereeingMenuTab div.membersCommitmentsList,
#commitmentListContainerOut #arbitrajeMenuTab div.membersCommitmentsList,
#commitmentListContainerOut #supportingMenuTab div.membersCommitmentsList,
#commitmentListContainerOut #apoyoMenuTab div.membersCommitmentsList,
#commitmentListContainerOut #watchingMenuTab div.membersCommitmentsList,
#commitmentListContainerOut #mirandoMenuTab div.membersCommitmentsList,
#commitmentListContainerOut #recipientMenuTab div.membersCommitmentsList
{
	padding-top: 32px;
}

#membersCommitmentsMiddleContainer
{
	width: 708px;
}

#membersCommitmentsMiddleContainer.notOwner
{
	margin: 0;
}

	#commitmentListContainerOut > div
	{
	}

	#commitmentListContainerOut div.spacer {
		width: 1px;
		height: 1px;
	}

	#commitmentListContainerOut #commitmentListContainer > div {
		border: 0px;
	}

	#membersCommitmentsMiddleContainer div.greenSquareContainer
	{
		width: 100%;
	}

		#commitmentNoticeContainer
		{
			margin: 0 0 20px;
			width: 100%;
		}

			#commitmentNoticeContainer div.notice
			{
				margin: 0;
			}

		#commitmentListContainer
		{
		}

		#commitmentListContainer.notOwner
		{
			margin: 0;
            min-height: 480px;
            padding-left: 20px;
			width: /*100%*/739px;
		}

			div.membersCommitmentsList
			{
			}

			div.commitmentRow
			{
				margin: 10px 0;
				/*padding: 1px;*/
				position: relative;
			}

            div.othersCommitmentRow
            {
                margin: 0;
            }

				div.commitmentRow .container
				{
					padding: 15px 20px;
				}

				div.commitmentRow table.commitmentRowContent
				{
					position: relative;
					width: 100%;
				}

					div.commitmentRow td.commitmentInfo
					{
						min-width: 168px;
						padding: 15px 0 15px 20px;
					}

					div.commitmentRow td.commitmentNextReport
					{
						width: 27%;
					}

					div.commitmentRow td.commitmentNextReport,
					#commitmentSummaryContainer td.commitmentDetails
					{
						position: relative;
						text-align: left;
						vertical-align: top;
					}

						#commitmentSummaryContainer td.commitmentDetails div.progressBarContainer,
						#commitmentSummaryContainer td.commitmentDetails div.iCommitTo,
						#commitmentSummaryContainer div.nextReportDueDate,
						#commitmentSummaryContainer td.commitmentDetails .failedPeriods
						{
							margin: 5px 0;
						}

                            #commitmentSummaryICommitToText
                            {
                                max-width: 301px;
                                word-wrap: break-word;
                            }

					div.commitmentRow div.commitmentPortalLogo
					{
						margin: 0 0 0 10px;
						width: 110px;
					}

					div.commitmentRow td.commitmentActions
					{
						text-align: center;
						width: 70px;
					}

					div.commitmentRow td.commitmentActions div.avatar
					{
						text-align: center;
						width: 70px;
					}

					div.commitmentRow td.commitmentDetails
					{
						text-align: center;
						width: 200px;
					}

					#commitmentSummaryContainer td.commitmentDetails
					{
                        padding-right: 0;
						width: auto;
					}

					div.commitmentRow td.commitmentReportingForm
					{
						padding: 40px;
						text-align: left;
					}

					div.commitmentRow td.commitmentAvatar {
						width: 150px;
					}

                    div.commitmentRow td.commitmentAvatar #othersProfileWidgetImage
                    {
                        height: 144px;
                        line-height: 144px;
                    }

					div.commitmentRow td.commitmentAvatar > div.avatar
					{
                        line-height: 144px;
						text-align: center;
					}

                    div.commitmentRow td.commitmentAvatar > div.avatar > img
                    {
                        max-height: 144px;
                        vertical-align: middle;
                        text-align: center;
                    }

					div.commitmentRow td.commitmentAvatar > div > div
					{
						display: block;
						width: 144px;
						height: 144px;
						background-position: center center;
						background-repeat: no-repeat;
					}

					#othersProfileBasicInfoContainer > div
					{
						height: auto;
						width: auto;
					}

                    div.commitmentRow td.commitmentAvatar .label, #othersProfileSideContainer .label
                    {
                        margin-top: 5px;
                    }

					div.commitmentRow div.progressbar {
						border: 1px solid;
						height: 30px;
						position: relative;
						width: 386px;
					}

					#commitmentSummaryContainer div.progressbar
					{
						width: 100%;
					}

					div.commitmentRow div.progressbar div.progress {
						background-color: black;
						border: none;
						position: relative;
					}

					#commitmentSummaryContainer .commitmentSubContainer
					{
						display: inline-block;
						float: left;
					}

					#commitmentICommitToContainer
					{
						width: /*60%*/57%;
					}

					#commitmentReportingContainer
					{
						margin-left: 5%;
						margin-top: 9px;
						width: /*35%*/ 38%;
					}

					div.commitmentRow #i_MessageData
					{
						width: 138px;
					}

                    div.items .avatarAndUsernameBox
                    {
                        top: 10px;
                        left: 20px;
                        position: relative;
                        z-index: 1;
                    }

                    div.items .othersCommitmentUsername
                    {
                        display: inline-block;
                        margin: 25px 0 0 5px;
                        vertical-align: top;
                    }

	#stickkerNotesContainer {
		margin-top: 10px;
	}

	#wall-post-form {
	}

	#wall-post-form textarea
	{
		width: 100%;
		height: 77px;
	}

	.userBox
	{
		width: 50px;
		height: 50px;
		position: relative;
		display: inline-block;
		background-repeat: no-repeat;
	}

	#friendsListView li,
	.commitmentPage div.waitingSup li,
	#supporterList li
	{
		margin-top: 10px;
		padding: 1px;

	}

	#supporterList li:first-child
	{
		margin-top: 0;
	}

    .supportRequestIcon
    {
        border: 0 none;
        vertical-align: middle;
    }

    .supportRequestIcon img
    {
        padding: 6px 3px;
    }

	#supportRequestButton,
	#stopSupportingButton,
	#pendingSupportRequestButton
	{
		margin-top: 10px;
	}

	.supporterColumn #supportRequestButton
    {
        display: inline-block;
        height: 32px;
        margin-top: 0;
        vertical-align: middle;
        width: 80px;
    }

	#friendsListView li > div,
	div.supporterColumn li > div,
	.commitmentPage div.waitingSup li > div
	{
		overflow: hidden;
		padding: 10px;
		position: relative;
		white-space: nowrap;
	}

	#friendsListView .userBox,
	div.supporterColumn .userBox,
	.commitmentPage div.waitingSup .userBox
	{
		margin-right: 5px;
		vertical-align: middle;
	}

	.userBox:hover {
		border: 1px solid black;
	}

	.friends-list .pager {
		clear: both;
		margin-top: 10px;
		text-align: center;
	}

	.friends-list .userBox {
		margin-right: 7px;
	}

	.moneyLost .stickkButton01 {
		font-size: 12px;
		padding: 2px;
		float: right;
	}

	.financialColumn .stakeRecipient
	{
		border-bottom: 0 none;
	}

	.financialColumn .financialDetails
	{
		padding-bottom: 20px;
	}

#membersCommitmentsRightContainer
{
	width: 212px;
}

	#membersCommitmentsRightContainer > div
	{
		margin-top: 15px;
	}

	#membersCommitmentsRightContainer > div:first-child
	{
		margin-top: 0;
	}

.memberTabs {
	width:980px;
	margin: 0px auto;
	behavior: url(/css/PIE.htc);
	-pie-lazy-init: true;
	background: white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 6px -2px #656565;
	-webkit-box-shadow: 0 0 6px -2px #656565;
	box-shadow: 0 0 6px -2px #656565;
	padding-top: 5px;
	margin-bottom: 10px;
}
.memberTabs div:first-child {
	margin-left: 5px;
}
.memberTabs div {
	float: left;
	height: 15px;
	font-size: 18px;
}

	tr#row_SupporterInvite + tr a.stickkButton01  {
		margin-top: 5px;
	}

	tr#row_SupporterInvite + tr #submitFormButton {
		margin: 0px !important;
	}

	#changeRefDialog {
		display: block;
	}

	#addRefDialog > div,
	#addRefDialog > form > div,
	#changeRefDialog > div,
	#changeRefDialog > form > div
	{
		margin: 10px 0;
	}

	#placeholder-table-changeRefereeForm #submitFormButton a {
		margin-left: 10px;
	}

	#wall-post-form {
		border-bottom: 1px dotted #808080;
		padding-bottom: 10px;
	}
	.wall-posts .summary {
		margin: 10px;
	}

	#twitterCheckbox + img {
		margin-left: 5px;

	}

#commitmentDetailsDialog span.label
{
	display: inline-block;
	line-height: 1.5;
	min-width: 180px;
	vertical-align: top;
}

#commitmentDetailsDialog span.cell2
{
	display: inline-block;
    width: 285px;
}

#changeChallengerDialog
{
	display: none;
}

	#changeChallengerDialog form,
	#changeChallengerDialog div.inputs,
	#changeChallengerDialog div.buttons
	{
		margin-top: 1rem;
	}

	#changeChallengerDialog label
	{
		float: left;
		line-height: 2rem;
	}

	#changeChallengerDialog input
	{
		float: right;
		width: 19rem;
	}

	#changeChallengerDialog div.buttons
	{
		text-align: right;
	}

	#changeChallengerDialog div.buttons a:first-child
	{
		margin-right: 0.5rem;
	}

	#changeChallengerDialog div.buttons a
	{

	}

#welcomeAcceptTermsText
{
	margin-top: 20px;
}

#welcomeAcceptTermsForm
{
	margin-top: 40px;
}

#welcomeAcceptTermsForm > span
{
	float: left;
}

#welcomeAcceptTermsForm
{
	vertical-align: middle;
}

#welcomeAcceptTermsForm > a
{
	float: right;
	margin: -8px 49px 0 0;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end /commitments
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
start /commitments/details
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
	#commitmentSummaryContainer
	{
		margin-top: 0;
	}

	div.commitmentPage
	{
	}

	.commitmentPage .stickkContainer01
	{
		padding: 5px;
		*margin-bottom: 20px; /* IE7 only */
	}

	.commitmentPage .stickkContainer01 .titleContainer
	{
		padding: 6px;
	}

		.commitmentPage .stickkContainer01 .titleContainer .stickkButton01
		{
			margin-left: 20px;
		}


	.commitmentPage .stickkContainer01 .content
	{
		margin-top: 10px;
		padding: 6px;
		*padding-top: 20px !important; /* IE7 only */
	}

	.commitmentPage .stickkContainer01 .content > div
	{
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.commitmentPage .floatRight
	{
		float: right;
	}

	.commitmentPage .floatLeft
	{
		float: left;
	}

	.commitmentPage .stickkContainer01 label
	{
		float: left;
		width: 35%;
	}

	.commitmentPage .clearBoth
	{
		clear: both;
	}

	.commitmentPage .clearLeft
	{
		clear: left;
	}

	.commitmentPage .clearRight
	{
		clear: right;
	}

	.commitmentPage .withings
	{
		padding: 10px;
	}

	.commitmentPage .withings img
	{
		float: left;
		margin-right: 10px;
	}

	.commitmentPage a.btn
	{
		display: block;
	}

	.commitmentPage div.refereeContainer
	{
		text-align: center;
		width: 150px;
		*padding-top: 5px; /* ie7- */
	}

	.commitmentPage div.supportersContainer
	{
		float: right;
		width: 350px;
	}

		.commitmentPage div.supportersContainer .userBox
		{
			margin-right: 5px;
		}

	.commitmentPage div.awaitingRefResponeText,
	.commitmentPage div.noSupporterText,
	.commitmentPage div.waitingSupporters
	{
		margin-top: 10px;
		padding: 0 5px 10px;
	}

	.commitmentPage div.refereeContainer .userBox .username
	{
		display: block;
		margin-top: 10px;
	}

	.commitmentPage div.commitmentDetails,
	.commitmentPage div.supporters,
	.commitmentPage div.periods,
	.commitmentPage div.journal
	{
		margin-top: 15px !important;
	}

	.commitmentPage .ie7shim
	{
		/* This shim is an IE7- workaround */
		height: 10px;
		display: none;
		*display: block;
	}

	.dropMenu
	{
	}

		/* submenu, it's hidden by default */
		.dropMenu ul
		{
			display: none;
			left: 0;
			margin: 0 0 0 -1px;
			padding: 0;
			position: absolute;
			z-index: 500;
		}

		.dropMenu ul li
		{
			width: 150px;
			float: left;
		}

    /* display block will make the link fill the whole area of LI */
    .dropMenu ul a
	{
        display: block;
        height: 15px;
        padding: 8px 5px;
    }

	.sns_connect_container
	{
		height: 44px;
		margin: 30px 40px;
		padding: 16px;
		width: 200px;
	}

	.sns_connect_container div
	{
		float: left;
	}

	.sns_connect_container .label
	{
		margin-left: 13px;
		margin-top: 3px;
		width: 135px;
	}

	#i_vfFriendInvite, #inviteMessage
	{
		padding-left: 5px;
		padding-top: 3px;
	}

	#inputBoxContainer
	{
		 min-height: 200px;
	}

	#supportTable
	{
		width: 625px;
		margin-left: 20px;
		overflow-x: hidden;
	}

	#commitment-form #supportTable #inputBoxContainer .label
	{
		float: left;
		width: 180px;
	}

	#commitment-form #supportTable #inputBoxContainer .input
	{
		float:left;
		width:310px;
	}

	#inviteSupportersForm
	{
		margin-top: 20px;
	}

	#supportTable .title
	{
		margin-bottom: 20px;
		padding-bottom: 0;
	}

	.reportingPeriods .period
	{
		padding: 10px;
		margin: 10px 10px 20px 10px;
		position: relative;
	}

	.reportingPeriodPost
	{
		/*padding: 5px;*/
        margin-top: 10px;
        padding: 1.0625rem 0;
        position: relative;
		/*margin: 5px;*/
	}

    .reportingPeriodPost .headerText
    {
        display: inline-block;
        vertical-align: top;
    }

	.reportingPeriodPost .userBox
	{
		/*float: right;*/
        margin-right: 10px;
	}

	.reportingPeriodPost span
	{
		display: block;
		padding: 10px;
	}

	#reportPostConfirmContainer form
	{
		position: relative;
	}

	#reportPostConfirmContainer form > table
	{
		width: 100%;
	}

	#reportPostConfirmContainer #journalMessage
	{
		height: 50px;
		width: 100%;
	}

	#socialNetworkPostContainer #snsIcons
	{
		height: 16px;
		padding: 5px;
		vertical-align: center;
		width: 330px;
	}

	div.supporterColumn div.supportersTitle
	{
		margin-top: 30px;
	}

	div.supporterColumn .sidebarSection
	{
		padding: 0 0 10px 0;
	}

#commitmentSummaryContainer td
{
	vertical-align: top;
}

#commitmentSummaryContainer #commitmentTitleHolder
{
    display: inline-block;
    vertical-align: top;
    width: 428px;
    margin-right: 10px;
}

#commitmentSummaryContainer #commitmentWatchButtonContainer
{
    display: inline-block;
    line-height: 1;
    text-align: center;
    vertical-align: bottom;
    width: 80px;
}

    #commitmentWatchButtonContainer a
    {
        display: inline-block;
        width: 80px;
    }

    #commitmentWatchButtonContainer .watchButton, #commitmentWatchButtonContainer .watchButtonEnabled
    {
        padding-top: 40px;
    }

#commitmentSummaryContainer td.commitmentAvatar,
#commitmentSummaryContainer td.commitmentDetails,
#commitmentSummaryContainer td.commitmentReportingForm
{
	padding-bottom: 70px;
}

	#commitmentReportingForm
	{
		padding: 40px;
	}

		#reportingInfoContainer
		{
			min-height: 150px;
			padding: 10px 20px;
		}

			#reportingInfoContainer #submitFormButton
			{
				margin: 10px 0 0 0;
			}

			#reportingInfoContainer > div
			{
				margin-top: 10px;
				padding-top: 10px;
			}

			#reportingInfoContainer > div:first-child
			{
				margin-top: 0;
				padding-top: 0;
			}

			#reportingInfoContainer div.reportingForm > div
			{
				margin-top: 10px;
			}

			#reportingInfoContainer div.reportingForm > div:first-child
			{
				margin-top: 0;
			}

			#reportingInfoContainer div.reportingFormInput .fl,
			#reportingInfoContainer div.reportingFormInput .rep_fl_lp
			{
				padding-top: 7px;
				text-align: left;
			}
			
			#reportingInfoContainer .customContractResponseContainer select
			{
				width: 100%;
			}

			div.reportingInfoStyle02 .date
			{
				margin: 10px 0;
			}

#commitmentJournalContainer
{
	position: relative;
	margin-top: -50px !important;
}

	#commitmentJournalHeader
	{
	}

	#commitmentJournalHeader span
	{
		padding: 20px 25px 15px 75px;
	}

	#commitmentJournalMiddle
	{
		padding: 20px 18px 10px 18px;
		position: relative;
	}

	#commitmentJournalMiddle.cantPost
	{
		padding-top: 10px;
	}

		#commitmentJournalFormContainer
		{
			position: relative;
			z-index: 2;
		}

			#commitmentJournalFormContainer textarea
			{
				height: 110px;
				margin-top: 10px;
				padding: 10px;
				width: 100%;
			}

			#commitmentJournalFormContainer div.post_form_div_buttons
			{
				padding-top: 10px;
			}

            #postOnText
            {
                margin-top: 3px;
            }

            #FacebookLogin_journal
            {
                margin-top: 5px;
            }

				#facebookCHK_journal
				{
					position: relative;
					padding: 0;
					margin: 7px 0 0 0;
					_top: -4px;
					_left: -4px;
					display: none;
					float: left;
				}

                #twitterCheckbox
                {
                    position: relative;
                    padding: 0;
                    margin: 7px 0 0 0;
                    _top: -4px;
                    _left: -4px;
                    float: left;
                }

				#lengthTD
				{
					/*margin-top: 3px;*/
                    bottom: 9px;
                    display: inline-block;
                    position: relative;
				}

		#wallContainer
		{
			position: relative;
			z-index: 1;
		}


			div.wallPosts div.mediaContainer
			{
				/*overflow: hidden;*/
				/*white-space: nowrap;*/
				/*width: 420px;*/
				margin-top: 0.5rem;
			}

			div.wallPosts div.mediaContainer > ul
			{
				list-style: none;
			}
			div.wallPosts div.mediaContainer > ul > li
			{
			/*	box-sizing: border-box;
				-moz-box-sizing: border-box;*/
				display: inline-block;
				height: 130px;
				margin: 9px 9px 0 0;
				position: relative;
				width: 130px;
			}

			div.wallPosts div.mediaContainer > ul > li img
			{
				display: inline-block;
				height: 100%;
				width: 100%;
			}

			div.wallPosts div.mediaContainer > ul > li:nth-child(4n+0)
			{
				margin-right: 0;
			}

			#journalPreviewUploads
			{
				display: none;
				list-style: none;
				margin: 10px 0 5px;
			}

			#journalPreviewUploads li.addImage:hover
			{
				border-color: #666666;
				color: #666666;
			}

			#journalPreviewUploads li.addImage
			{
				background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
				border: 2px dashed #BBBBBB;
				color: #BBBBBB;
				cursor: pointer;
				font-size: 50px;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

			#journalPreviewUploads li
			{
				background-color: black;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				display: inline-block;
				height: 100px;
				line-height: 100px;
				margin: 0 5px 5px 0;
				position: relative;
				text-align: center;
				vertical-align: text-top;
				width: 100px;
			}

			#journalPreviewUploads li:hover div.removeButton
			{
				display: block;
			}

			#journalPreviewUploads li div.removeButton
			{
				color: #FFFFFF;
				display: none;
				font-family: cursive;
				font-size: 15px;
				font-weight: bold;
				height: 10px;
				line-height: 10px;
				cursor: pointer;
				position: absolute;
				right: 5px;
				text-shadow: 0 0 3px #000000;
				top: 5px;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				width: 10px;
			}

			#journalPreviewUploads li progress.active
			{
				display: block;
			}

			#journalPreviewUploads li progress
			{
				display: none;
				height: 12px;
				left: 20%;
				margin-top: -6px;
				position: absolute;
				top: 50%;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				width: 60%;
			}

			#journalPreviewUploads img
			{
				vertical-align: middle;
			}

			#journalPostMenu
			{
				float: right;
				/*margin-right: 15px;*/
			}

			#journalPostMenu img.selected
			{
				border-color: #777777;
			}

			#journalPostMenu img
			{
				border: 1px dotted transparent;
				cursor: pointer;
				margin-right: 5px;
				padding: 2px;
			}

				#journalPickFilesButton
				{
					padding-left: 4.5em;
					padding-right: 1.5em;
				}

				#journalPostMessageButton
				{
					padding-left: 1.5em;
					padding-right: 1.5em;
				}

			#wallPostsListView div.wallItem.deleting
			{
				-webkit-animation: pulsate 1s linear infinite;
				animation: pulsate 1s linear infinite;
				opacity: 1;
			}

	#commitmentJournalFooter
	{
		height: 55px;
	}

    .albumUploadContainer img
    {
        position: relative;
        z-index: 10;
    }

#albumContainer
{
}

#albumContainer div.date
{
	margin-top: 0.25rem;
}

#albumContainer ul.items > li:nth-child(4n+1)
{
	margin-left: 1.5rem;
}

#albumContainer ul.items > li:nth-child(4n+4)
{
	margin-right: 0;
}

#albumContainer ul.items > li:nth-child(4n+5)
{
	clear: both;
}

#albumContainer ul.items > li:hover,
#wallPostsListView div.mediaContainer li:hover
{
	z-index: 2;
}

#albumContainer ul.items > li,
#wallPostsListView div.mediaContainer > ul > li
{
	float: left;
	margin-top: 1rem;
	margin-right: 1.5rem;
	position: relative;
	z-index: 1;
}

#albumContainer ul.items h2
{
	font-size: 1rem;
}

#albumContainer ul.items div.thumbnail,
#wallPostsListView div.mediaContainer a.thumbnail
{
	position: relative;
	z-index: 2;
}

#albumContainer ul.items > li.deleted,
#wallPostsListView div.mediaContainer li.deleted
{
	-webkit-animation: pulsate 1s linear infinite;
	animation: pulsate 1s linear infinite;
	opacity: 1;
}


#albumContainer ul.items > li:hover div.albumItemMenu,
#wallPostsListView div.mediaContainer li:hover div.albumItemMenu
{
	-webkit-animation: fadeIn 400ms ease;
	animation: fadeIn 400ms ease;
	display: block;
	opacity: 1;
}

#albumContainer ul.items > li:hover div.date
{
	color: #bbbbbb;
}

#albumContainer ul.items div.albumItemMenu,
#wallPostsListView div.albumItemMenu
{
	-webkit-animation: fadeOut 400ms ease;
	animation: fadeOut 400ms ease;
	background: rgba(47, 47, 47, 0.98);
	display: none;
	left: -0.625rem;
	opacity: 0;
	padding: 10.5rem 0.625rem 0.625rem;
	position: absolute;
	top: -0.625rem;
	width: 8.125rem;
	z-index: 1;
}

#wallPostsListView div.albumItemMenu
{
	padding-top: 9.5rem;
}

#albumContainer ul.items img
{
	display: block;
	width: 8.125rem;
}

#albumContainer div.pager
{
	margin-top: 0.5rem;
}

.ui-dialog .ui-dialog-content
{
	padding: 0.9375rem;
}

div.captionDialog textarea
{
	height: 8rem;
	margin-top: 0.5rem;
	width: 25rem;
}

div.captionDialog input[type="submit"],
div.dateDialog input[type="submit"],
div.changeAlbumDialog input[type="submit"]
{
	float: right;
	margin-top: 1rem;
}

div.dateDialog input[type="text"],
div.changeAlbumDialog select
{
	margin-top: 0.5rem;
	width: 100%;
}

div.financialColumn div.stakeRecipient a.stickkButton01
{
	display: block;
}

div.financialColumn  div.financialDetails span.label
{
	float: left;
}

div.financialColumn  div.financialDetails span.value
{
	float: right;
}

div.financialColumn div.paymentActions
{
	text-align: center;
}

	div.financialColumn div.paymentActions a
	{
		display: block;
		margin-top: 10px;
        padding-bottom: 20px;
	}

	div.financialColumn div.paymentActions a:first-child
	{
		margin-top: 0;
	}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end /commitments/details
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
start /contract/stakes
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#newContract02  #choose_address, #newContract02 div.new_address
{
	margin: 0 auto;
}

	#newContract02 div.new_address td
	{
		padding: 0 0 5px 0;
	}

	#newContract02 div.new_address td.label
	{
		padding: 0 5px 0 0;
		text-align: right;
	}

	#newContract02 #choose_address div.title
	{
	}

	#newContract02 #choose_address table.option
	{
		height: 184px;
		height: 11.5rem;
	}

	#newContract02 #choose_address table.option,
	#newContract02 div.new_address table.option
	{
		float: left;
		padding: 16px 16px 16px 0;
		padding: 1rem 1rem 1rem 0;
		width: auto;
	}

	#newContract02 div.new_address table.option
	{
		float: none;
	}

		#newContract02 #choose_address td.msg_container
		{
			height: 19px;
			height: 1.1875rem;
			padding: 0 0 0 30px;
			padding: 0 0 0 1.875rem;
			text-decoration: underline;
			width: auto;
		}

		#newContract02 div.new_address td.msg_container
		{
			padding: 0 18px 0 0;
			padding: 0 1.125rem 0 0;
			text-align: left;
		}

		#newContract02 #choose_address td.address_container
		{
			vertical-align: top;
		}

	#newContract02 div.new_address table.addressEdit
	{
		margin: 0 auto;
	}

	#country-charity-type > td {
		padding: 0px;
	}
	#country-charity-type > td > table {
	}
	#country-charity-type > td > table > tbody > tr > td {
		padding: 0px;
		padding-left: 5px;
	}
	#country-charity-type > td > table > tbody > tr > td input {
		height: 12px;
		margin-left: 3px;
	}
	#country-charity-type > td > table > tbody > tr > td label {
	}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end /contract/stakes
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
start /points/stores
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
div.membersMainContainer #stickkCartContainer
{
	margin-top: 20px;
}

div.store_partners_box h1
{
	width: 128px;
	padding-bottom: 10px;
}

div.stickkContainer01Menu
{
	padding: 10px;
}

div.store_partners_boxcontent div.menuItem
{
	padding: 0.5em	1em;
}

#shopProductListContainer
{
	margin-left: 20px;
}

table.storeItemPanel td
{
	padding: 10px 5px 0px 5px;
}

td.storeItemLogo
{
	padding: 0px 5px 0px 5px;
	width: 200px;
	text-align: center;
}

div.storeItemLogo
{
	padding: 0px;
	margin: 0px;
	width: 200px;
}

div.storeItemLogo table
{
	width: 200px;
	padding: 2px;
}

a.orangeButton
{
	padding: 2px 10px;
}

span.storeAdd
{
	margin-left: 10px;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end /points/stores
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
start /preregister
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
div.preregister div.row:first-child
{
	margin-top: 20px;
}

div.preregister div.row
{
	margin-top: 10px;
	overflow: auto;
}

div.preregister div.row > div
{
	float: left;
}

div.preregister div.row div.labelContainer
{
	margin: 7px 10px 0 0;
	width: 200px;
}

div.preregister div.row label:after
{
	content: ":";
}

div.preregister div.errorMessage
{
	font-size: 12px;
	margin: 0 0 0 5px;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end /preregister
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
Begin Wall
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.floatRight {
	float: right;
}

.wallPostsList .userBox,
div.wallItem .userBox
{
	margin-right: 10px;
	vertical-align: middle;
}

div.wall-posts div.pager
{
	float: right;
	margin: 20px 5px 5px;
}

.wallPostsList div.items + div.pager {
	float: right;
}

div.wallItem tr.header
{
	color: #555555;
	font-size: inherit;
	font-weight: inherit;
}

div.wallItem tr.header td
{
	padding-bottom: 0.5rem;
}

div.wallItem div.headerText
{
	display: inline-block;
	vertical-align: middle;
}

div.wallItem div.username
{

}

div.wallItem div.postTime, .reportingPeriodPost div.postTime
{
	margin-top: 0.25rem;
}

div.wallItem td.text
{
	padding-top: 1.0625rem;
}

.post_form_div_buttons {
	margin-top: 5px;
	margin-bottom: 5px;
}

.wallItem
{
	/*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
	margin-top: 10px;
	padding: 1.0625rem 0;
	position: relative;
}

tr.wallItem
{
	position: inherit;
}

tr.wallItem > td
{
	padding: 1.0625rem 10px 1.0625rem 0;
}

.wallItemTime {
	margin-top: 0.25rem;
}

.wallItem table
{
    width: 100%;
}

.wallItem table > tr:first-child td:first-child,
.wallItem tbody > tr:first-child td:first-child
{
    width: 65px;
}

#messageContent .wallItem td.actions
{
	padding-left: 10px;
	padding-left: 0.625rem;
	width: 1px;
}

#messageContent td.avatar
{
	vertical-align: top;
}

#wallPostsListView .wallItem table td:first-child
{
    width: auto;
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
End wall
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start WhosStickkingWidget
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#communitiesWhosStickkingList
{
	overflow: hidden;
	position: relative;
	width: 239px;
}

#homeWhosStickkingContainer .jcarousel-clip
{
	overflow: hidden;
	position: relative;
	height: 435px;
	width: 350px;
}

	#homeWhosStickkingContainer p
	{
		margin: 1rem 0;
	}

	#homeWhosStickkingList li,
	#communitiesWhosStickkingList li
	{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		height: 75px;
		height: 4.6875rem;
		margin: 10px 0 0;
		margin: 0.625rem 0 0;
		padding: 0 1px 1px 1px;
		position: relative;
		width: 348px;
		width: 21.75rem;
	}

	#communitiesWhosStickkingList li
	{
		width: 237px;
	}

	#homeWhosStickkingList li:hover,
	#communitiesWhosStickkingList li:hover
	{
		position: relative;
	}

		#homeWhosStickkingList li > div,
		#communitiesWhosStickkingList li > div
		{
			padding: 5px 10px 10px;
			padding: 0.3125rem 0.625rem 0.625rem;
			position: relative;
		}

			#homeWhosStickkingList a.avatarContainer,
			#communitiesWhosStickkingList a.avatarContainer
			{
				float: left;
				margin-right: 20px;
			}

				#homeWhosStickkingList img,
				#communitiesWhosStickkingList img
				{
					height: 50px;
					width: 50px;
				}

			#homeWhosStickkingList a.username,
			#communitiesWhosStickkingList a.username
			{
				display: block;
			}

			#homeWhosStickkingList a.goalName,
			#communitiesWhosStickkingList a.goalName
			{
				display: block;
				height: 38px;
				height: 2.375rem;
				position: relative;
				overflow: hidden;
				text-overflow: ellipsis;
				width: 250px;
				width: 15.625rem;
				word-wrap: break-word;
			}

			#homeWhosStickkingList a.goalName span,
			#communitiesWhosStickkingList a.goalName span
			{
				display: block;
			}

			#homeWhosStickkingList a.goalName:before,
			#communitiesWhosStickkingList a.goalName:before
			{
				content: '';
				float: left;
				height: 38px;
				height: 2.375rem;
				width: 5px;
				width: 0.3125rem;
			}

			#homeWhosStickkingList a.goalName > *:first-child,
			#communitiesWhosStickkingList a.goalName > *:first-child
			{
				float: right;
				width: 100%;
				margin-left: -5px;
				margin-left: -0.3125rem;
			}

			#homeWhosStickkingList a.goalName:after,
			#communitiesWhosStickkingList a.goalName:after
			{
				background: white;
				background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
				background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
				background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
				background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
				background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
				box-sizing: content-box;
				-webkit-box-sizing: content-box;
				-moz-box-sizing: content-box;
				box-sizing: content-box;
				content: "\02026";
				float: right;
				left: 100%;
				margin-left: -40px;
				margin-left: -2.5rem;
				padding-right: 5px;
				padding-right: 0.3125rem;
				position: relative;
				text-align: right;
				top: -19px;
				top: -1.1875rem;
				width: 40px;
				width: 2.5rem;
			}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end WhosStickkingWidget
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start SuccessStoriesWidget
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
div.homeSuccessStoryItem
{
	padding: 0px 5px;
}

	div.homeSuccessStoryItem div.title
	{
		display: block;
		margin-top: 10px;
	}

	div.homeSuccessStoryItem div.content
	{
		margin-top: 10px;
	}

		div.homeSuccessStoryItem div.avatarContainer,
		div.homeSuccessStoryItem .userBox
		{
			float: left;
			margin-right: 10px;
		}


		div.homeSuccessStoryItem a.stickkButton01
		{
			margin-top: 10px;
		}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end SuccessStoriesWidget
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start TestimonialsWidget
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#homeTestimonialContainer div.homeTestimonialItem
{
	margin: 10px 0 20px;
	padding: 15px 7px 15px 15px;
	position: relative;
}

	div.homeTestimonialItem a
	{
		float: right;
		margin-top: 10px;
		padding: 6px 27px 8px 28px;
	}

	div.homeTestimonialItem span.arrow
	{
		bottom: -10px;
		display: inline-block;
		height: 0;
		left: 30px;
		position: absolute;
		width: 0;
	}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end TestimonialsWidget
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start User Profile Widget
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#userProfileWidgetContainer
{
	display: none;
	margin: 0 20px 12px 0;
	margin: 0 1.25rem 0.75rem 0;
}

.commitmentAvatar #userProfileWidgetContainer
{
	display: block;
	margin-right: 0;
}

	#userProfileWidgetContainer div
	{
		position: relative;
		white-space: nowrap;
	}

		#userProfileWidgetImage
		{
			display: inline-block;
            max-height: 144px;
			vertical-align: middle;
		}

		#userProfileWidgetChangeAvatarLink
		{
			display: none;
			height: 15px;
			padding: 5px;
			position: absolute !important;
			right: 2px;
			top: 2px;
			background: none;
			padding-right: 10px;
			font-size: 10px;
		}

		#userProfileWidgetAvatarContainer
		{
			line-height: 0;
		}

		#userProfileWidgetChangeAvatarLink a
		{
			line-height: 1em;
		}

		#userProfileWidgetAvatarContainer:hover #userProfileWidgetChangeAvatarLink
		{
			display: block;
		}

		#userProfileWidgetAvatarContainer a
		{
			padding: 0;
		}

	#userProfileWidgetContainer div.membersSidebarSubContainer
	{
		padding: 10px 0;
	}

		#editProfileButton
		{
			text-align: center;
			width: 116px;
		}

		#userProfileWidgetContainer div.label
		{
			margin: 5px 0 0 0;
			overflow: hidden;
			text-align: center;
			text-overflow: ellipsis;
		}

        #userProfileWidgetContainer #userProfileWidgetFullName
        {
            margin: 2px 0 0 0;
        }

	div.friendWallItem td.friendActions
	{
		white-space: nowrap;
		width: 1px;
	}

		div.friendWallItem td.friendActions a
		{
			margin-left: 20px;
		}

    a.pendingFriendLink
    {
      margin-left: 20px;
      height: 26px;
      width: 42px;
      display: inline-block;
      vertical-align: middle;
      text-decoration: none ;
      color:gray ;
      pointer: none ;
    }


#topProfileContainer
{
	float: right;
	position: relative;
	text-align: left;
}

	#topProfileAvatarOuterContainer
	{
		float: right;
		margin-right: 20px;
		position: relative;
		text-align: center;
		width: 58px;
	}

		#topProfileAvatarInnerContainer
		{
			height: 50px;
			line-height: 0;
			margin: 5px 4px 3px;
			position: relative;
			width: 50px;
		}

	#topProfileNameContainer
	{
		position: absolute;
		right: 36px;
		text-align: right;
		top: 76px;
	}

	#topProfileFirstName, #topProfileLastName
	{
		white-space: nowrap;
	}

	#topProfileMenuContainer
	{
		float: right;
		line-height: 48px;
		margin-top: 3px;
	}

		#topProfileMenu > li
		{
			float: right;
			margin-left: 15px;
			position: relative;
		}

		#topProfileMenuUsername
		{
			display: inline-block;
			margin-right: 15px;
			max-width: 140px;
			overflow: hidden;
			white-space: nowrap;
		}

#othersProfileContainer
{
	margin: 0 0 20px 0;
	position: relative;
	width: 888px;
}

	#othersProfileContainer table
	{
		height: 100%;
		width: 100%;
	}

		#othersProfileAvatarContainer
		{
			padding-right: 20px;
			vertical-align: middle;
			width: 144px;
		}

			#othersProfileWidgetImage
			{
                border: 0;
				height: 144px;
				line-height: 144px;
				overflow: hidden;
                padding: 3px;
				text-align: center;
				width: 144px;
			}

                #othersProfileWidgetImage a
                {
                    display: inline-block;
                    width: 100%;
                }

				#othersProfileWidgetImage img
				{
                    max-height: 144px;
					vertical-align: middle;
				}

		#othersProfileInfoContainer
		{
			border: 0 none;
		}

		#othersProfileInfoContainer > div
		{
			height: auto;
			/*min-height: 146px;*/
			/*padding: 6px;*/
			position: relative;
		}

			#othersProfileInfoContainer td:first-child
			{
			}

			#othersProfileInfoContainer td
			{
				padding: 0 10px;
				vertical-align: top;
			}

			#othersProfileActionContainer
			{
				/*padding: 0 0 0 20px;*/
				margin-top: 10px;
				vertical-align: middle !important;
			}

			#othersProfileInfo
			{
				white-space: nowrap;
			}

			.othersProfileInfo,
			#othersProfileActionContainer
			{
				-moz-border-radius: 0;
                -webkit-border-radius: 0;
                -o-border-radius: 0;
                border-radius: 0;
                text-align: center;
			}

				#othersProfileInfo div,
				#othersProfileActionContainer a
				{
					white-space: nowrap;
				}


					#othersProfileInfoContainer div.label:first-child
					{
						margin-top: 0;
					}

					#othersProfileInfoContainer div.label,
					#othersProfileInfoContainer #othersProfileInterestsContainer div.label,
					#othersProfileInfoContainer #othersProfileMessageContainer div.label
					{
						margin-top: 10px;
					}

				#othersProfileActionContainer a,
				#othersProfileActionContainer div
				{
					margin-top: 20px;
					text-align: left;
					width: 165px;
				}
				
				#othersProfileActionContainer div.pendingFriendRequest
				{
					padding: 5px;
					text-align: center;
					width: auto;
				}

				#othersProfileActionContainer a:first-child
				{
					margin-right: 10px;
					margin-top: 0px;
				}

					#othersProfileActionContainer span.friendActionIcon
					{
						margin-right: 10px;
					}

			#othersProfileLongTextContainer
			{
				padding: 0px !important;
			}

				#othersProfileLongTextContainer table
				{
					table-layout: fixed;
				}

					#othersProfileLongTextContainer td
					{
						min-height: 146px;
						word-wrap: break-word;
					}

div.commitmentRow td.commitmentAvatar #othersProfileLocationLabel,
#othersProfileSideContainer #othersProfileLocationLabel
{
	border-top: 1px dashed #E1E1E1;
	padding-top: 15px;
}

div.commitmentRow td.commitmentAvatar #othersProfileMessageContainer,
#othersProfileSideContainer #othersProfileMessageContainer
{
	border-bottom: 1px dashed #E1E1E1;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

div.commitmentRow td.commitmentAvatar #othersProfileInterestsContainer > div,
div.commitmentRow td.commitmentAvatar #othersProfileMessageContainer > div
{
	height: auto;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end User Profile Widget
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start User Profile Widget
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#pointWidgetContainer
{
	position: relative;
	width: 212px;
}

	#pointWidgetContainer div.container
	{
		padding: 17px 0 25px 60px;
	}

		#pointWidgetBalanceContainer
		{
			line-height: 1;
			position: relative;
		}

			#pointWidgetBalanceText
			{
				margin-top: 8px;
			}

			#pointWidgetBalanceIcon
			{
				display: inline-block;
				position: absolute;
				right: -25px;
				top: -35px;
			}

		#pointWidgetButtonContainer
		{
			padding: 5px 0;
			/*text-align: center;*/
		}

			#pointWidgetButtonContainer a
			{
				display: inline-block;
				margin-top: 5px;
				padding: 0.567em 1em;
				width: 125px;
			}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end PointsWidget
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
start CampaignWidget
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#campaignWidgetContainer
{
	width: 100%;
}

	#campaignWidget
	{
		margin-top: 10px;
		overflow: hidden;
		/*padding: 5px;*/
	}

		#campaignWidget > div
		{
			/*padding: 5px;*/
		}

			#campaignWidget > div > table
			{
				height: 500px;
				width: 100%;
			}

				#campaignWidgetMenuContainer
				{
					width: 200px;
				}

					li.campaignWidgetMenuItem
					{
						margin-top: 5px;
						position: relative;
					}

					li.campaignWidgetMenuItem:first-child
					{
						margin-top: 0;
					}

						div.campaignWidgetMenuItemName
						{
							position: relative;
							width: 170px;
							z-index: 2;
						}

						li.campaignWidgetMenuItem span.bump
						{
							display: inline-block;
							height: 38px;
							line-height: 38px;
							margin-top: -19px;
							position: absolute;
							right: -10000px;
							text-align: right;
							top: 50%;
							width: 38px;
							z-index: 1;
						}

						li.campaignWidgetMenuItem.active span.bump
						{
							display: none;
							right: -13px;
						}

						li.campaignWidgetMenuItem span.arrow
						{
							display: inline-block;
							height: 0;
							width: 0;
						}

				#campaignWidgetCommitmentListContainer > div
				{
					margin-left: 27px;
				}

					li.campaignWidgetCommitmentListItem
					{
						margin-top: 10px;
						padding-top: 10px;
					}

					li.campaignWidgetCommitmentListItem:first-child
					{
						border-top: 0;
						margin-top: 0;
						padding-top: 0;
					}

						div.campaignWidgetCommitmentListItemHeader input
						{
							vertical-align: middle;
						}

						span.campaignWidgetCommitmentName
						{
							vertical-align: middle;
						}

						div.campaignWidgetCommitmentListItemDetails
						{
							padding: 0 10px 0 17px;
						}

							div.campaignWidgetCommitmentListItemDetails > div
							{
								margin-top: 10px;
							}

							div.pointRewardContainer
							{
								padding: 2px;
							}

								div.pointRewardContainer > div
								{
									padding: 10px;
								}

								div.pointRewardContainer table
								{
									width: 100%;
								}

									div.pointRewardContainer tr.header
									{
										font-weight: bold;
									}

									div.pointRewardContainer td
									{
										padding: 3px 0;
									}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end CampaignWidget
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
start terms and conditions
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

div.tac
{
	background: white;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:#666666;
	font-size: 11px;
	height: 100%;
	padding-bottom: 10px;
}

div.tac > div {
	margin-right: 20px;
	padding-left: 20px;
}

.tac .home_top_head
{
	display: block;
	margin-bottom: 10px;
	font-family: Arial,Arial;
	font-size: 15px;
	color: #737373;
	font-weight: bold;
}

.tac h1
{
	color: #ee5d00;
	font-weight: bold;
	margin-bottom: 15px !important;
	margin-top: 15px !important;
	font-size: 14px !important;
	display: block;
}

.tac h2
{
	font-size: 1em;
	font-weight: bold;
}

.tac h1 label
{
	margin-right: 20px;
}

.tac div
{
	text-align:left;
	display: block;
	padding: 10px 0 10px 50px;
}

.tac div > label
{
	font-size: 11px !important;
	font-weight: bold;
	color: #ee5d00;
	margin-left: -30px;
	display: block;
	float: left;
}

.stickk-ie.tac div label
{
	display: inline-block;
	margin-left: -30px !important;
}

.tac u
{
	font-size: 12px !important;
	font-weight: bold;
	color: #ee5d00;
}


.tac ul
{
	margin:35px;
	list-style: square inside;
}

.tac ol
{
	list-style: lower-roman outside none;
	margin: 10px 0 10px 24px;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end terms and conditions
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/


/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
begin site/about and site/contact and /site/testimonials
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.about .home_top_head,
#contactUsContainer .home_top_head,
#testimonialContainer .home_top_head
{
	font-family: Arial,Arial;
	font-size: 15px;
	color: #737373;
	font-weight: bold;
}

div.testimonialSubmitter
{
	font-size:10px;
	font-style: italic;
	width: 595px;
}

.about .orange,
#contactUsContainer .orange,
div.testimonialSubmitter
{
	color: #F06401 !important;
}

#testimonialContainer
{
	font-size: 11px;
}

.about .txt12
{
	font-size: 12px !important;
}

.about b,
.about strong
{
	font-weight: bolder;
}

div.about section.first
{
	margin-top: 20px;
}

div.about section.active > div
{
	display: block;
}

div.about section > div
{
	display: none;
	margin: 15px 0 15px 15px;
}

div.about section h2 a
{
	position: relative;
	top: -34px;
}

#contactUsContainer,
#testimonialContainer
{
	padding: 40px;
}

.about a,
#contactUsContainer a
{
	text-decoration: underline;
}

.about .tblbsr,
#contactUsContainer .tblbsr,
#testimonialContainer .tblbsr
{
	border-bottom: 1px dotted #727272;
	padding-top: 10px;
	padding-bottom: 10px;
}

.about .dorange,
.about .DORANGE,
#contactUsContainer .dorange,
#contactUsContainer .DORANGE
{
	color: #EE5D00;
}

.about .mainTd {
}

div.aboutUsBioContainer
{
	margin: 15px 0 0 15px;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end site/about and site/contact and /site/testimonials
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
begin contact
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#contactUsContainer .ar
{
	text-align: right;
}

#contactUsContainer .comm_fl
{
	color: #5A5A5A;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 5px 10px;
}

#contactUsContainer .comm_ff
{
	color: #5A5A5A;
	font-size: 11px;
	padding: 5px 5px 10px;
}
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
end contact
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

@media only screen and (max-width: 980px)
{
	html, body
	{
		width: 980px;
	}
	#loggedInHeaderSection
	{
		width: 980px;
	}

	#tabSection, .section
	{
		width: 980px;
	}

	#footerSection, #fixedBottomLinks
	{
		width: 980px;
	}

	#homeBanner
	{
		left: 0;
		width: 980px;
		overflow:hidden;
	}

	#homeBannerTabs
	{
		left: 0;
	}

	input[type="text"], input[type="password"], textarea, select
	{
		padding-left: 2px;
		padding-right: 2px;
	}
}