/* -------------------------------------------------------------- 
  
   OrangeSprocket Front-end Development Kit based on blueprint
   
-------------------------------------------------------------- */

@import "/resource/css/lib/reset.css";
@import "/resource/css/lib/typography.css";
@import "/resource/css/lib/forms.css";
@import "/resource/css/lib/superfish.css";
@import "/resource/css/lib/tooltips.css";

/* Site
-------------------------------------------------------------- */

#header {
	position: relative;
	display: block;
	width: 953px;
	height: 150px;
	margin: 0 auto;
	background: url(/resource/images/header_bg.png) no-repeat;
	z-index: 90; }
	
	
	/*** CISCO LOGO STYLES ***/
	#header a.cisco {
		position: absolute;
		top: 14px;
		left: 10px;
		display: block;
		width: 100px;
		height: 60px;
		text-indent: -9999px; }
	
	
	/*** HOME LOGO STYLES ***/
	#header a.home {
		position: absolute;
		top: 14px;
		left: 175px;
		display: block;
		width: 118px;
		height: 90px;
		text-indent: -9999px; }
	

	/*** TOPLINKS STYLES ***/
	#header p#topLinks {
		position: absolute;
		top: 5px;
		right: 185px; 
		margin: 0;
		font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
		text-align: right;
		color: #fff; }
		
		#header p#topLinks a:link,
		#header p#topLinks a:visited {
			display: inline-block;
			margin: 0 0 0 17px;
			font-weight: bold;
			text-decoration: none;
			color: #fff; }

	
	/*** SEARCHFORM STYLES ***/
	#header div#topSearch { 
		position: absolute;
		top: 4px;
		right: 37px; }
		
		#header div#topSearch input { 
			float: left;
			width: 99px;
			height: 19px;
			margin: 0;
			padding: 0 0 0 10px;
			font-family: Verdana, Geneva, Tahoma, sans-serif;
			font-size: 10.5px;
			line-height: 19px;
			color: #666;
			background: url(/resource/images/topSearch_input_bg.png) no-repeat; 
			border: none;
			-webkit-border-radius: 0 !important;
			-moz-border-radius: 0 !important;
			border-radius: 0 !important;
			outline: none; }
			
		#header div#topSearch button {
			float: left;
			width: 25px;
			height: 19px;
			margin: 0;
			padding: 0 !important;
			text-indent: -9999px; 
			background: url(/resource/images/topSearch_button.png) no-repeat;
			border: none;
			-webkit-border-radius: 0 !important;
			-moz-border-radius: 0 !important;
			border-radius: 0 !important; }
	
	
	/*** NAV STYLES ***/
	#header ul#nav {
		position: absolute;
		top: 28px;
		left: 340px;
		margin: 0;
		padding: 0;
		text-align: left;
		list-style: none;
		z-index: 99; }
		
		#header ul#nav li { 
			float: left; 
			margin: 0 7px 0 0; }
		
			#header ul#nav li a:link,
			#header ul#nav li a:visited { 
				display: block;
				height: 51px;
				text-indent: -9999px;
				background-position: top left;
				background-repeat: no-repeat;
				outline: none; }
				
			#header ul#nav li a.acts { width: 63px; background-image: url(/resource/images/nav_01_acts.jpg); }
			#header ul#nav li a.whyparticipate { width: 110px; background-image: url(/resource/images/nav_02_whyparticipate.jpg); }
			#header ul#nav li a.myprofile { width: 95px; background-image: url(/resource/images/nav_03_myprofile.jpg); }
			#header ul#nav li a.groupschallenges { width: 107px; background-image: url(/resource/images/nav_04_groups-challenges.jpg); }
			#header ul#nav li a.share { width: 65px; background-image: url(/resource/images/nav_05_share.jpg); }
			#header ul#nav li a.education { width: 94px; background-image: url(/resource/images/nav_06_education.jpg);   }
			
			#header ul#nav li.sfHover a,
			#header ul#nav li.active a,
			#header ul#nav li a:hover { background-position: bottom left; }
			
			
			/*** DROPDOWN STYLES ***/
			#header ul#nav ul {
				padding: 4px 2px 7px 2px; 
				background: #7f9c1a;
				-webkit-border-bottom-right-radius: 8px;
				-webkit-border-bottom-left-radius: 8px;
				-moz-border-radius-bottomright: 8px;
				-moz-border-radius-bottomleft: 8px;
				border-bottom-right-radius: 8px;
				border-bottom-left-radius: 8px; }
				
				#header ul#nav ul li { float: none; margin: 0; }
				
					#header ul#nav ul li a:link,
					#header ul#nav ul li a:visited {
						display: block;
						height: auto;
						padding: 8px 17px;
						font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
						text-indent: 0;
						text-decoration: none; 
						color: #fff; }
						
					#header ul#nav ul li.active a,
					#header ul#nav ul li a:hover { background: #a9cb39; }
			
	
	/*** TOPTOOLBAR STYLES ***/
	#header #topToolbar { 
		position: absolute;
		top: 79px;
		left: 336px;
		display: block;
		width: 583px;
		height: 48px;
		font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
		font-size: 10px;
		color: #333; }
		
		
		/*** TOTALACTS STYLES ***/
		#header #topToolbar p.totalActs { 
			float: left;
			display: block;
			height: 39px;
			margin: 0 0 0 16px;
			padding: 9px 0 0 70px;
			color: #2c6485;
			background: url(/resource/images/totalactsofgreen_bg.jpg) bottom left no-repeat; }
			
			#header #topToolbar p.totalActs strong.total { 
				margin: 0 7px 0 0;
				padding: 0 9px 0 0;
				font-size: 28.5px;
				font-weight: normal; 
				line-height: 22px;
				background: url(/resource/images/divider_totalActs.jpg) right 1px no-repeat; }
				
			#header #topToolbar p.totalActs strong.country { 
				position: relative;
				top: -4px;
				font-size: 16px; 
				font-weight: bold; 
				line-height: 22px; 
				color: #7ca001; }
		
		
		/*** USERINFO STYLES ***/
		#header #topToolbar div.userInfo {
			float: right;
			margin: 5px 17px 0 0;
			display: inline-block;
			font-size: 10px;
			text-align: right; }
		
			#header #topToolbar div.userInfo a.userPhoto { 
				float: right; 
				margin: 0 0 0 10px; }
			
			#header #topToolbar div.userInfo p { 
				width: 272px; 
				margin: 0 0 -2px 0; }

		/*** SAFARI FIXES ***/
		@media screen and (-webkit-min-device-pixel-ratio:0){
			
			#header #topToolbar div.userInfo { margin: 5px 17px 0 0; }
			
			#header #topToolbar div.userInfo a.userPhoto { margin: 3px 0 0 10px; }
			
		}
		
			#header #topToolbar div.userInfo a.signin,
			#header #topToolbar div.userInfo a.register { 
				position: absolute;
				top: 10px;
				display: block;
				width: 82px;
				height: 27px;
				text-decoration: none; }
			
			#header #topToolbar div.userInfo a.signin { right: 110px; background: url(/resource/images/btn_userInfo_signin.jpg) no-repeat; }
			#header #topToolbar div.userInfo a.register { right: 17px; background: url(/resource/images/btn_userInfo_register.jpg) no-repeat; }
			
		
		/*** TOPDASHBOARD STYLES ***/
		#header #topDashboard { 
			position: absolute;
			top: 127px;
			left: 352px; }
		
			#header #topDashboardDrawer {
				display: none;
				width: 551px;
				height: 283px;
				text-align: center;
				background: url(/resource/images/topDashboardDrawer_bg.jpg) top left no-repeat; }
			
				#header #topDashboardDrawer div.country,
				#header #topDashboardDrawer div.global { 
					float: left;
					width: 274px;
					margin: 0 1px 0 0;
					padding: 12px 0 0 0; }
			
				#header #topDashboardDrawer div.global { 
					width: 276px;
					margin: 0; }
					
					#header #topDashboardDrawer h3 { 
						margin: 0 0 8px 0;
						font-size: 24px;
						font-weight: bold;
						line-height: 1;
						color: #2c6485; }
					
					#header #topDashboardDrawer p.badge { 
						margin: 0 0 3px 0; 
						font-weight: bold; 
						color: #789c05; }
						
						#header #topDashboardDrawer p.badge span { 
							display: inline-block;
							padding: 1px 10px;
							font-size: 22px;
							font-weight: 400;
							line-height: 1;
							color: #fff;
							background: #8bb301; }
							
					#header #topDashboardDrawer label { 
						display: block;
						margin: 7px 0 2px 0;
						font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
						font-weight: bold;
						color: #2c6485; }
					
					#header #topDashboardDrawer ul { 
						margin: 0 25px;
						padding: 0;
						font-size: 11.5px;
						text-align: left;
						line-height: 14px;
						list-style: none;
						color: #777; }
						
						#header #topDashboardDrawer ul li { width: 150px; padding: 3px 0 3px 47px; }
						
						#header #topDashboardDrawer ul li.cars {
							background: url(/resource/icons/icon_dashboard_cars.png) center left no-repeat; }
						
						#header #topDashboardDrawer ul li.trees {
							line-height: 32px;
							background: url(/resource/icons/icon_dashboard_trees.png) center left no-repeat; }
							
						#header #topDashboardDrawer ul li.lightbulbs {
							padding: 9px 0 9px 47px;
							background: url(/resource/icons/icon_dashboard_lightbulbs.png) center left no-repeat; }
						
						#header #topDashboardDrawer ul li strong { color: #789c05; }
						
			
			/*** TOGGLEDASHBOARD LINK STYLES ***/
			#header #topDashboard a.toggleDashboard {
				display: block;
				width: 551px;
				height: 12px;
				padding: 0;
				line-height: 1;
				text-indent: -9999px;
				background: url(/resource/images/btn_topDashboardToggle.png) top left no-repeat;
				outline: none; }
	
			#header #topDashboard a.toggleDashboard.expanded { background-position: bottom left; }
			
		
/*** HOMEPAGE SLOGAN STYLES ***/
h1.slogan { 
	display: block;
	width: 966px;
	height: 32px;
	margin: 6px auto 0 auto;
	text-indent: -9999px;
	background: url(/resource/images/title_homepage_slogan.jpg) top left no-repeat; }
			

/*** WRAPPER STYLES ***/		
#wrapper {
	width: 970px;
	margin: 0 auto;
	z-index: 1; }

	#wrapper #leftCol, #wrapper #rightCol { float: left; }


	/*** HOMEPAGE LEFTCOLUMN STYLES ***/
	#wrapper.homepage #leftCol { 
		width: 560px; 
		margin: 27px 10px 0 0; }
		
		
		/*** HOMEPAGE SLIDESHOW STYLES ***/
		#wrapper.homepage #leftCol #slideshowWrapper { 
			position: relative;
			display: block;
			width: 489px;
			height: 221px;
			margin: 0 0 12px 50px;
			padding: 8px 8px 7px 8px;
			background: url(/resource/images/homepage_slideshow_bg.jpg) no-repeat; }
			
			
			/*** GSA SLIDESHOW STYLES ***/
		.gsa_wrapper #leftCol #slideshowWrapper { 
			position: relative;
			display: block;
			width: 489px;
			height: 182px;
			margin: 0 0 12px 50px;
			border: 5px solid white; 
			-webkit-border-radius: 5px;
		    -moz-border-radius: 5px;
		    border-radius: 5px;
		    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
		    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
			}
			
			.gsa_wrapper .nivo-controlNav {
			left: -37px; 
			top: 3px;}

		.nivoSlider img {
			position:absolute;
			top: 0;
			left: 0;
			display: none; }
			
		/* If an image is wrapped in a link */
		.nivoSlider a.nivo-imageLink {
			position: absolute;
			display: none;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
			border: 0;
			z-index: 60; }
			
		/* The slices in the Slider */
		.nivo-slice {
			position: absolute;
			display: block;
			height: 100%;
			z-index: 50; }
			
		/* Caption styles */
		.nivo-caption { display: none; }
			
		/* Direction nav styles (e.g. Next & Prev) */
		.nivo-directionNav { display: none; }
		
		/* Control nav styles (e.g. 1,2,3...) */
		.nivo-controlNav {
			position: absolute;
			top: 46px;
			left: -40px;
			text-align: left; }
		
		.nivo-controlNav a {
			position: relative;
			display: block;
			width: 18px;
			height: 35px;
			padding: 0 0 0 14px;
			font-size: 16px;
			line-height: 33px;
			color: #2d6481;
			background: url(/resource/images/homepage_slideshow_control_bg.png) center left no-repeat;
			z-index: 99;
			cursor: pointer; }
			
		.nivo-controlNav a.active { width: 33px; left: -15px; }


		/*** TOGETHERWEREMAKINGADIFFERENCE BUTTON STYLES ***/
		#wrapper.homepage #leftCol a.togetherweremakingadifference { 
			display: block;
			width: 545px;
			height: 129px;
			margin: 0 0 6px 15px;
			text-indent: -9999px;
			background: url(/resource/images/omaog_cisco_together.png) no-repeat; }
	
		
		/*** CISCO BUTTON STYLES ***/
		#wrapper.homepage #leftCol a.cisco {
			display: block;
			width: 450px;
			height: 118px;
			margin: 0 0 0 110px;
			text-indent: -9999px;
			background: url(/resource/images/btn_homepage_cisco.jpg) no-repeat; }	
		
		
	
	/*** HOMEPAGE RIGHTCOLUMN STYLES ***/
	#wrapper.homepage #rightCol { 
		width: 400px; 
		margin: 9px 0 0 0; }

		
		/*** TABS STYLES ***/
		#wrapper.homepage #rightCol #tabs { 
			width: 390px; 
			margin: 0 0 0 5px; }


	/*** UI-TABS STYLES ***/
	.ui-tabs ul.ui-tabs-nav { 
		height: 22px;
		margin: 0 10px;
		padding: 0;
		list-style: none; }
		
		.ui-tabs ul.ui-tabs-nav li { 
			float: left; 
			display: block;
			height: 22px; 
			margin: 0 4px 0 0; }
		
			.ui-tabs ul.ui-tabs-nav li a:link,
			.ui-tabs ul.ui-tabs-nav li a:visited { 
				float: left;
				display: block;
				height: 18px;
				padding: 2px 9px;
				font-size: 12px;
				font-weight: 500;
				line-height: 20px;
				text-decoration: none;
				color: #585757;
				background: url(/resource/images/tab_inactive_bg.jpg) top left repeat-x #beb9b9;
				-webkit-border-top-left-radius: 6px;
				-webkit-border-top-right-radius: 6px;
				-moz-border-radius-topleft: 6px;
				-moz-border-radius-topright: 6px;
				border-top-left-radius: 6px;
				border-top-right-radius: 6px;
				outline: none; }
	
			.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a:link,
			.ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a:visited {
				height: 18px !important;
				padding: 0 7px !important;
				color: #2c6380;
				background: url(/resource/images/tab_active_bg.jpg) top left repeat-x #fff;
				border: 2px solid #fff; }
			
		
	/*** UT-TABS PANEL STYLES ***/
	.ui-tabs .ui-tabs-panel div.tabPanelContent {
		padding: 15px 15px 0 15px;
		text-align: left;
		background: url(/resource/images/tab_bg.jpg) top left repeat-x #fff;
		border: 4px solid #fff;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
			-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
			zoom: 1; }
		
	
	/*** ACTPROFILES STYLES ***/
	ul.actProfiles {
		margin: 0;
		padding: 0;
		list-style: none; }
		
		ul.actProfiles li { 
			margin: 0 0 15px 0;
			padding: 0 8px;
			border-bottom: 1px solid #999; }
		
		ul.actProfiles.three li { 
			float: left; 
			margin: 0 15px 15px 0; 
			padding: 0 23px 0 8px; 
			border-bottom: none; 
			border-right: 1px solid #cdcdcd; }
		
		ul.actProfiles li.last { margin: 0; padding: 0 8px; border: none; }
			
			
			/*** PHOTO STYLES ***/
			ul.actProfiles li div.photo { 
				float: left;
				width: 96px;
				margin: 0 20px 0 0;
				text-align: center; }
						
				ul.actProfiles li div.photo img { width: 96px; }
				
				ul.actProfiles li div.photo p { 
					margin: 10px 0 0 0;
					font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
					font-size: 13.5px;
					line-height: 18px;
					color: #2c6380; }
					
					ul.actProfiles li div.photo p strong { 
						font-size: 16px; 
						font-weight: 600; }
				
			
			/*** PROFILE STYLES ***/
			ul.actProfiles li div.profile { 
				float: left; 
				width: 220px;
				font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
				font-size: 11px;
				line-height: 14px;
				text-align: left;
				color: #333; }
				
			ul.actProfiles.three li div.profile { width: 150px; }	
			
				ul.actProfiles li div.profile h5 {
					margin: 0;
					font-size: 15px;
					font-weight: normal;
					line-height: 17px; 
					color: #7b9e04; }
				
				ul.actProfiles li div.profile h4 {
					margin: 0 0 6px 0;
					font-size: 19px;
					line-height: 19px;
					color: #2e5d00; }
					
				ul.actProfiles li div.profile p { margin: 0 0 10px 0; }

		

	/*** WIDGET STYLES ***/
	div.widget {
		margin: 0 5px;
		padding: 15px; 
		text-align: left;
		background: url(/resource/images/content_bg.jpg) top left repeat-x #fff;
		border: 4px solid #fff;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
		zoom: 1; }	

	
	/*** ACTSOFGREEN STYLES ***/
	#leftCol #actsOfGreen { 
		display: block;
		width: 272px;
		height: 175px;
		margin: -14px 0 0 0;
		padding: 89px 24px 0 24px;
		line-height: 14px; 
		color: #666;
		background: url(/resource/images/btn_acts_actsofgreen.png) no-repeat; }

		#leftCol #actsOfGreen h4 { 
			margin: 0 0 12px 0; 
			font-size: 28px; 
			font-weight: 100; 
			line-height: 1; }
			
			#leftCol #actsOfGreen h4 strong { font-weight: 100; color: #2e5d00; }
		
		#leftCol #actsOfGreen div.content { padding: 0 0 0 92px; }
		
		#leftCol #actsOfGreen p { margin: 0 0 14px 0; }
		
	
	/*** RECENTACTOFGREEN STYLES ***/	
	#leftCol #recentActOfGreen { 
		width: 272px;
		height: 154px; }
	
	#leftCol #recentActOfGreen h4 { 
		margin: 0 0 12px 0; 
		font-size: 18px; 
		font-weight: 100; 
		line-height: 1; }
	
		#leftCol #recentActOfGreen h4 strong { font-weight: 100; color: #2e5d00; }
	
	#leftCol #recentActOfGreen ul.actProfiles li { margin: 0; padding: 0; }
	
	#leftCol #recentActOfGreen ul.actProfiles li div.photo { margin: 0 20px 0 0; }
	
	#leftCol #recentActOfGreen ul.actProfiles li div.profile { width: 150px; }

	
	/*** CONTENT STYLES ***/
	#content {
		position: relative; 
		padding: 20px; 
		text-align: left;
		background: url(/resource/images/content_bg.jpg) top left repeat-x #fff;
		border: 4px solid #fff;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
		zoom: 1; }	


#articlesWrapper {
		position: relative; 
		padding: 20px; 
		text-align: left;
		background: url(/resource/images/content_bg.jpg) top left repeat-x #fff;
		border: 4px solid #fff;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.4);
		zoom: 1; }

	#content.light, #articlesWrapper { background-image: url(/resource/images/content_light_bg.jpg) !important; }

		
		/*** WRAPBUTTONS STYLES ***/
		div.wrapButton {
			position: absolute;
			top: 10px;
			left: -13px;
			display: block;
			height: 28px;
			padding: 0 0 0 13px;
			background: url(/resource/images/wrapButton_left_bg.png) center left no-repeat; }
			
			div.wrapButton a { 
				display: block;
				height: 28px;
				padding: 0 13px 0 13px;
				line-height: 28px;
				text-decoration: none;
				color: #fff;
				background: url(/resource/images/wrapButton_right_bg.png) center right no-repeat; }
		
		
		/*** SIGNIN FORM STYLES ***/
		div#signin {}
		
			div#signin fieldset { 
				float: left; 
				padding: 0 60px 0 0; 
				background: url(/resource/images/divider_form_signin.jpg) top right no-repeat; }
			
			div#signin fieldset.facebookConnect { 
				width: 200px;
				padding: 0 0 0 30px;
				font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
				line-height: 14px;
				color: #333333;
				background: none; }
				
				div#signin input { width: 180px; }
		
		
		/*** REGISTER FORM STYLES ***/
		div#register { }
		
	
	
	/*** ACTSTOOL STYLES ***/
	#actsTool {
		position: relative;
		display: block;
		width: 660px;
		height: 542px;
		text-align: center;
		background: url(/resource/images/actsTool_bg.png) no-repeat; }	
		
		#actsTool h1 {
			margin: 0;
			padding: 14px 0 0 0; 
			font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
			font-size: 24px;
			font-weight: 100;
			line-height: 1;
			color: #2e5d00; }
			
			#actsTool h1 strong { font-weight: 400; }

		/*** CONTROLS STYLES ***/
		#actsTool a.prev,
		#actsTool a.next { 
			position: absolute;
			top: 105px;
			display: block;
			width: 55px;
			height: 44px;
			text-indent: -9999px;
			outline: none;
			z-index: 9; }
			
		#actsTool a.prev { left: 22px; background: url(/resource/images/slider_arrow_left.png) no-repeat; }
		#actsTool a.next { right: 22px; background: url(/resource/images/slider_arrow_right.png) no-repeat; }
	
		
		/*** CATEGORYLIST STYLES ***/
		#actsTool #categoryList { 
			display: block;
			width: 612px;
			margin: 18px 0 0 48px; }
			
			#actsTool #categoryList ul { 
				width: 562px;
				margin: 0;
				padding: 0;
				list-style: none;
				z-index: 1; }
				
				#actsTool #categoryList ul li { 
					float: left; 
					width: 90px;
					height: 110px;
					margin: 0 11px;
					padding-top: 10px;
					text-align: center;
					line-height: 13px; }
				
				#actsTool #categoryList ul li.active {
					position: relative;
					top: -5px;
					height: 120px; 
					padding-top: 0; }
				
					#actsTool #categoryList ul li a { 
						font-weight: bold;
						text-decoration: none;
						color: #2c6480; }
						
						#actsTool #categoryList ul li a img { margin-bottom: -2px; }
						
						#actsTool #categoryList ul li.active a img { width: 80px; height: 80px; }
						
		
		/*** CATEGORYSUMMARY STYLES ***/
		#actsTool p#categorySummary { 
			position: absolute;
			top: 173px;
			left: 0;
			width: 312px;
			margin: 0 0 0 175px; 
			font-size: 13px;
			text-align: center;
			color: #fff; }
		
		
		/*** PLEDGES STYLES ***/
		#actsTool #pledges {
			position: absolute;
			top: 200px;
			left: 0;
			display: block;
			height: 310px;
			margin: 10px 50px 0 50px;
			font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
			font-size: 12px;
			line-height: 14.5px;
			overflow-y: scroll;
			overflow-x: hidden; }
		
			#actsTool #pledges table { margin: 0; padding: 0; border-collapse: collapse; }
			
				#actsTool #pledges table tr { }
				
					#actsTool #pledges tr td { padding: 6px 10px; }
					
					#actsTool #pledges tr.even td { 
						background: #f4f3f3;
						border: 1px solid #ccd5c2;
						border-width: 1px 0; }
					
					#actsTool #pledges tr td.description { width: 400px; }
					
						#actsTool #pledges tr td p { margin: 0; }
						
						#actsTool #pledges tr td a { font-weight: bold; }
						
						#actsTool #pledges tr td span { 
							display: block;
							width: 60px;
							padding: 5px 0 5px 40px;
							font-weight: bold; 
							color: #2e5d00;
							background: url(/resource/images/table_checkbox_odd_bg.jpg) center left no-repeat;
							cursor: pointer; }
						
						#actsTool #pledges tr.even td span { background-image: url(/resource/images/table_checkbox_even_bg.jpg); }
						
						#actsTool #pledges tr.odd td span.pledged,
						#actsTool #pledges tr.odd td span.completed { background-image: url(/resource/images/table_complete_odd_bg.jpg); }
						
						#actsTool #pledges tr.even td span.pledged,
						#actsTool #pledges tr.even td span.completed { background-image: url(/resource/images/table_complete_even_bg.jpg); }
						

/*** PROFILEWRAPPER STYLES ***/
#profileWrapper {
	width: 998px; 
	margin: 30px auto 0 auto;
	z-index: 1; }
					

	/*** PROFILE LEFTCOL STYLES ***/
	#profileWrapper #leftCol { 
		float: left;
		display: block;
		width: 190px;
		height: 508px;
		padding: 17px 0 0 50px;
		font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
		background: url(/resource/images/myprofile_leftCol_bg.png) no-repeat; }					
	
		
		/*** PROFILEPHOTO STYLES ***/
		#leftCol #profilePhoto { 
			margin: 0 0 30px 23px;
			font-size: 14.5px;
			color: #2e5d00;  }
			
			#leftCol #profilePhoto p { margin: 0; line-height: 1; }
			#leftCol #profilePhoto h3 { margin: 0 0 3px 0; font-size: 20px; line-height: 1; color: #2e5d00; }	
			#leftCol #profilePhoto a { font-size: 12px; }
			
			#leftCol #profilePhoto img { margin: 10px 0 0 0; }
			
	
		/*** PROFILENAVIGATION STYLES ***/
		#leftCol ul#profileNavigation { 
			position: relative;
			display: inline;
			margin: 0;
			padding: 0;
			list-style: none;
			font-weight: bold;
			color: #333; }
			
			#leftCol ul#profileNavigation li { 
				margin: 0 0 8px 0;
				padding: 4px 0 4px 35px; }
			
			#leftCol ul#profileNavigation li.profile { background: url(/resource/icons/icon_profile_navigation_01_myprofile.png) 8px center no-repeat; }
			#leftCol ul#profileNavigation li.actsOfGreen { background: url(/resource/icons/icon_profile_navigation_02_myactsofgreen.png) 8px center no-repeat; }
			#leftCol ul#profileNavigation li.friends { background: url(/resource/icons/icon_profile_navigation_03_myfriends.png) 8px center no-repeat; }
			#leftCol ul#profileNavigation li.challenges { background: url(/resource/icons/icon_profile_navigation_04_mychallenges.png) center left no-repeat; }
			#leftCol ul#profileNavigation li.greenThoughts { background: url(/resource/icons/icon_profile_navigation_05_mygreenthoughts.png) 8px center no-repeat; }
			#leftCol ul#profileNavigation li.projects { background: url(/resource/icons/icon_profile_navigation_06_myprojects.png) 8px center no-repeat; }
			#leftCol ul#profileNavigation li.groups { background: url(/resource/icons/icon_profile_navigation_07_mygroups.png) center left no-repeat; }
			#leftCol ul#profileNavigation li.inviteFriends { background: url(/resource/icons/icon_profile_navigation_08_invitefriends.png) 8px center no-repeat; }
			#leftCol ul#profileNavigation li.footprint { background: url(/resource/icons/footprint.png) 2px center no-repeat; }
			
				#leftCol ul#profileNavigation li a:link,
				#leftCol ul#profileNavigation li a:visited { 	
					font-weight: normal;
					color: #4a8b0b; }
		
		
	
	/*** PROFILE MIDDLECOL STYLES ***/		
	#profileWrapper #middleCol { 
		float: left; 
		width: 469px;
		margin: 0 20px; }
		
		
		/*** PROFILE YOURIMPACT STYLES ***/
		#middleCol #yourImpact {
			position: relative;
			display: block;
			width: 469px;
			height: 95px;
			margin: 0 0 7px 0;
			color: #2e5d00;
			background: url(/resource/images/myprofile_impact_bg.png) no-repeat; }
		
			#middleCol #yourImpact p { 
				position: absolute;
				left: 275px;
				margin: 0; }
			
			#middleCol #yourImpact p span { font-weight: bold; color: #2c6380; }
			
			#middleCol #yourImpact p.impact { 
				top: 36px;
				left: 80px;
				font-size: 27.5px; }
			
			#middleCol #yourImpact p.cars { top: 10px; }
			
			#middleCol #yourImpact p.trees { top: 34px; }
			
			#middleCol #yourImpact p.bulbs { top: 60px; }
			
		
		
		/*** PROFILE GREENTHOUGHTS STYLES ***/
		#middleCol #greenThoughts { 
			display: block;
			width: 419px;
			height: 124px;
			margin: 0 0 7px 0;
			padding: 20px 25px;
			background: url(/resource/images/myprofile_greenthoughts_bg.png) no-repeat; }
			
			#middleCol #greenThoughts h4 { 
				margin: 0 0 7px 0; 
				font-size: 14.5px; 
				line-height: 1;
				color: #2e5d00; }
			
			#middleCol #greenThoughts p { margin: 0; }
			
			#middleCol #greenThoughts textarea { 
				display: block;
				width: 396px;
				height: 54px;
				margin: 0 0 8px 0;
				padding: 10px;
				background: url(/resource/images/form_textarea_thoughts_bg.jpg) no-repeat;
				border: none;
				-webkit-border-radius: 0 !important;
				-moz-border-radius: 0 !important;
				border-radius: 0 !important; }
				
			#middleCol #greenThoughts label { 
				float: left;
				width: 85px;
				color: #777;
				line-height: 1; }
			
			#middleCol #greenThoughts div span { 
				position: relative;
				float: left; 
				display: block;
				width: 113px;
				height: 25px;
				margin: 0 5px 0 0; }
				
			#middleCol #greenThoughts div span.facebook { background: url(/resource/images/form_input_checkbox_facebook_bg.jpg) no-repeat; }
			#middleCol #greenThoughts div span.twitter { background: url(/resource/images/form_input_checkbox_twitter_bg.jpg) no-repeat; }
			
				#middleCol #greenThoughts div span input { position: absolute; top: 2px; }
			
			#middleCol #greenThoughts button { 
				float: left; 
				display: block;
				width: 64px;
				height: 25px;
				margin: 0 0 0 20px;
				text-indent: -9999px;
				background: url(/resource/images/form_button_submit.jpg) no-repeat;
				border: none; }
	
		
		/*** TAB STYLES ***/
		#middleCol .ui-tabs-panel div.tabPanelContent { 
			height: 203px; 
			background: url(/resource/images/content_light_bg.jpg) top left repeat-x #fff; }
			
			
			/*** WHATSNEW STYLES ***/
			#middleCol #whatsnew ul { 
				position: relative;
				display: inline;
				margin: 0;
				padding: 0;
				list-style: none; }
				
				#middleCol #whatsnew ul li { 
					clear: both;
					margin: 0 0 10px 0;
					/*padding: 0 0 0 22px;*/ }
				
				#middleCol #whatsnew ul li.news { /*background: url(/resource/icons/icon_whatsnew_news.png) 0 2px no-repeat;*/ }
				#middleCol #whatsnew ul li.blog { background: url(/resource/icons/icon_whatsnew_blog.png) 0 2px no-repeat; }
				#middleCol #whatsnew ul li.pledge { background: url(/resource/icons/icon_whatsnew_pledge.png) 0 2px no-repeat; }
					
					#middleCol #whatsnew ul li span.date { float: right; color: #2e5d00; }
			
			#middleCol #whatsnew a.viewall { float: right; font-weight: bold; }
			
			
			/*** WHATSPOPULAR STYLES ***/
			#middleCol #whatspopular h4 {
				margin: 0 0 5px 0;
				font-size: 14.5px;
				font-weight: bold;
				color: #2e5d00; }
			
			#middleCol #whatspopular ul {
				margin: 0;
				padding: 0;
				list-style: none; }
				
				#middleCol #whatspopular ul li { 
					margin: 0 0 5px 0;
					line-height: 15px; }
			
			#middleCol #whatspopular a.viewall { font-weight: bold; }
			
			
			/*** LATESTBLOGS STYLES ***/
			#middleCol #latestblogs ul { 
				margin: 0;
				padding: 0;
				list-style: none; }
				
				#middleCol #latestblogs ul li { 
					clear: both;
					margin: 0 0 13px 0;
					font-size: 10px;
					line-height: 15px; }
				
					#middleCol #latestblogs ul li img { float: left; margin: 0 10px 0 0; }
					
					#middleCol #latestblogs ul li strong { font-size: 12px; font-weight: normal; }
					
			
			#middleCol #latestblogs a.viewall { float: right; font-weight: bold; }
			
			
	/*** PROFILE RIGHTCOL STYLES ***/
	#profileWrapper #rightCol { 
		float: left;
		width: 249px;
		font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; }
	
		#profileWrapper #rightCol h4 { 
			margin: 0 0 10px 0;
			font-size: 14.5px;
			font-weight: bold;
			line-height: 1;
			color: #2e5d00; }
		
		
		/*** PROFILESUMMARY STYLES ***/
		#profileWrapper #rightCol #profileSummary { 
			height: 255px;
			margin: 0 5px 13px 5px; 
			padding-bottom: 0; }
			
			#profileWrapper #rightCol #profileSummary ul { 
				margin: 0 0 0 14px;
				padding: 0; }
		
		
		/*** PROFILEFRIENDS STYLES ***/
		#profileWrapper #rightCol #profileFriends { 
			height: 207px; 
			margin: 0 5px;
			padding-bottom: 0; }
		
			#profileWrapper #rightCol #profileFriends ul { 
				margin: 0 0 10px 0;
				padding: 0;
				list-style: none; }
				
				#profileWrapper #rightCol #profileFriends ul li { clear: both; }
				
				#profileWrapper #rightCol #profileFriends ul li img { float: left; margin: 0 10px 5px 0; }
				
				#profileWrapper #rightCol #profileFriends ul li a { 
					display: inline-block; 
					height: 25px;
					line-height: 25px; }
					
				#profileWrapper #rightCol #profileFriends a.viewall { float: right; font-weight: bold; }
		

/*** ARTICLES STYLES ***/
		/*** FEATURED ARTICLE STYLES ***/
		#featuredArticle {
			font-size: 12px; }
		
			.title {
				height: 25px;
				background: #2c6284;
				margin: 0 0 0 -20px;
				text-transform: uppercase;
				color: #fff;
				line-height: 25px;
				margin: 0 0 0 -20px;
				padding: 5px 0 0 10px; }
				
				#featuredArticle h4.title {
					position: relative;
					width: 145px;
					top: 0px;
					left: 0px;
					padding-left: 75px; }
				
				img.headline {
					position: relative;
					top: -37px;
					left: -10px; }
					
			#featuredArticle h2 {
				color: #85a41d;
				margin: -30px 0 0 0; }
				
				div.meta {
					margin: 0 0 10px 0; }
					
		/*** RECENT ARTICLES STYLES ***/
		#recentArticles {}
			
			#recentArticles h4.title {
				width: 140px; }
					
			#recentArticles h2 {
				color: #85a41d;
				margin: -5px 0 0 0; }
				
				div.recentArticle {
					margin: 10px 0 0 0;
					width: 660px; }
				
				img.recentImage {
					width: 96px;
					position: relative;
					top: 0;
					left: 0; float: left;}
					
				div.recentContent { 
					margin: 0 0 0 15px;
					width: 545px; float: left;}
		
		/*** ALL ARTICLES STYLES ***/
		div.rss {
			position: relative;
			top: -53px;
			left: -10px;
			height: 66px;
			width: 67px; }
			
			#allArticles {
				margin: -40px 0 0 0; }
				
				#allArticles h4.title {
					width: 105px;
					margin-bottom: 10px; }
					
				#allArticles ul { 
					list-style: none;
					margin: 0 0 0 -40px; }
				
				#allArticles ul li {
					padding: 0 0 0 10px;
					margin: 0 0 5px 0;
					background: url(/resource/images/icon_allArticles.jpg) left no-repeat; }



						
/*** WRAPPER STYLES ***/
#wrapper.w972 {
	width: 972px;
	margin: 30px auto 0 auto;
	z-index: 1; }

#wrapper.w979 {
	width: 979px;
	margin: 30px auto 0 auto;
	z-index: 1; }

#wrapper.w999 {
	width: 999px;
	margin: 30px auto 0 auto;
	z-index: 1; }

	/*** LEFTCOLUMN STYLES ***/
	#wrapper #leftCol.w560 { 
		width: 560px; 
		margin: 0 19px 0 0; }
	
	#wrapper #leftCol.w320 {
		width: 320px;
		margin: 0; }
	

	/*** RIGHT COLUMN STYLES ***/
	#wrapper #rightCol.w400 { 
		width: 400px; 
		margin: 0 0 0 0; }
		
	#wrapper #rightCol.w660 { 
		width: 660px;
		margin: 9px 0 0 0; }

#wrapper #leftCol.w610 { 
		width: 610px; 
		margin: 0 19px 0 0; }

#wrapper #rightCol.w350 { 
		width: 350px; 
		margin: -10px 0 0 0; }
		
/*** FOOTER STYLES ***/
#footer {
	margin: 10px auto 0 auto;
	padding: 0 0 10px 0;
	text-align: center;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #fff; }

	#footer a:link,
	#footer a:visited { color: #fff; }