/*!
 * CSS for Eco-Heroes
 * http://ecoheroes.me
 *
 * Created by Bobby Borszich
 * http://evilbobby.com
 *
 * Includes Meyer Web Reset v1.0 | 20080212
 * http://meyerweb.com/eric/tools/css/reset/
 *
 * Date: Tue Apr 13 12:52:00 2010 -0700
 */ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/*   Common CSS   */
body { 
	background:#4B6181 url(../images/elements/background_main.jpg) top center repeat-x scroll; 
	line-height:1; 
	margin:0; 
	font-family:helvetica;	}

.none{display:none;}
.clear{clear:both;} 
.hide{visibility:hidden;}
.b{font-weight:bold;}
.left{float:left}
.right{float:right}
a {
  font-weight:bold;
  color:#115ea4;
  text-decoration:none;
}
a:hover {text-decoration:underline;}

.index_logo_text {
	background:transparent url(../images/nav/title_black_sprite.png) no-repeat 0px 0px;
	float:left;
	height:39px;
	left:47px;
	position:relative;
	top:-55px;
	width:310px;
}
.index_logo_text a { width: 100%; height: 100%; display: block; }
.index_logo_text a h1 { display: none; }


.logo_text {
	background:transparent url(../images/nav/pages_logo_text.png) no-repeat 0px 0px;
	float:left;
	height:39px;
	left:50px;
	position:relative;
	top:-55px;
	width:311px;
}
.logo_text a { width: 100%; height: 100%; display: block; }
.logo_text a h1 { display: none; }

.badge_eco_hero {
	background:transparent url(../images/badges/med_eco_hero.png) no-repeat scroll 0 0;
	width:153px;
	height:151px;
	margin:0 auto;
	position:relative;
	top:-70px;
	left: 0px;
}

div.box_small { margin:0 auto; width:400px; }

.box_small .boxbody.small{ height:655px; width:400px; }

.layout {
	background:transparent url(../images/elements/layout_sprite.png) no-repeat scroll 0 0;
	float:left;
	position:relative;
}

.boxhead {
	background-position:0 0;
	height:14px;
	width:100%;
}

.boxbody {
	background:transparent url(../images/elements/layout_sprite_vertical.png) repeat-y scroll 0 0;
	float:left;
}

.boxfooter {
	background-position:0 -15px;
	height:15px;
	width:100%;
}

.box_ribbon_left {
	background-position:-9px -250px;
	height:77px;
	left:-22px;
	top:-37px;
	width:25px;
}
 
.box_ribbon_center {
	background:transparent url(../images/elements/layout_sprite_horizontal.png) repeat-x scroll 0 0;
	float:left;
	height:66px;
	left:2px;
	position:relative;
	top:-114px;
	width:100%;
}

.box_ribbon_right{
	background-position:-34px -250px;
	height:77px;
	left:394px;
	top:-180px;
	width:25px;
}

.box_ribbon_text{
	background:transparent url(../images/nav/ribbon_text_sprite.png) repeat-x scroll 0 0;
	float:left;
	height:25px;
	left:20px;
	position:relative;
	top:-240px;
	width:100%;
}

.leaf{
	background-position:-279px -248px;
	position: relative;
	top:-350px;
	left:200px;
	height:103px;
	width:72px;
}

.leaf_success {
	background-position:-279px -248px;
	position: relative;
	top:-180px;
	left:50px;
	height:103px;
	width:72px;
}
  

.signup_text{ 
	color:#222222;
	font-family:helvetica;
	font-size:24px;
	line-height:48px;
	margin:0 auto;
	position:relative;
	top:-200px;
	width:310px;
}

div.error { font-size: 12px; color: #b82516; margin: 0px; padding: 0px; line-height: 16px; }

.form_signup p{
	text-shadow:0 1px 1px #FFFFFF;
}
 
.input_text {
	background:#D6D6D6 url(../images/elements/layout_sprite_horizontal.png) repeat-x scroll 0 -125px;	 
	border-style:none;	 
	color:#222222;
	font-family:helvetica;
	font-size:21px; 
	position:relative;
	top:1px;
	width:185px;
	padding: 8px 6px 0px 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	 
}

/* the focus class is needed for IE7, other browsers use the psuedo-class */
.input_text:focus, .input_text.focus{ 	background-color:#EFEDB2;}


/* TODO: remove top & bottom from this class */
input.button {
	background:transparent url(../images/nav/buttons_sprite.png) no-repeat scroll 0 0;
	border:0 none;
	bottom:230px;
	color:transparent;
	cursor:pointer;
	float:left;
	font-size:0;
	height:37px;
	left:270px;
	line-height:0;
	position:relative;
	text-indent:-9999em;
	width:110px;
}
input.form_button {
	background:transparent url(../images/nav/buttons_sprite.png) no-repeat scroll 0 0;
	border:0 none;
	color:transparent;
	cursor:pointer;
	font-size:0;
	height:37px;
	line-height:0;
	text-indent:-9999em;
}

input.button.join 		 { background-position:0 0; width:90px; }
input.button.join:hover  { background-position:0 -36px; }
input.button.join:active { background-position:0 -72px; }
 
.form_signup a {
	background:transparent url(../images/elements/layout_sprite.png) no-repeat scroll 0 0;
	display:block;
	float:left;
	margin-top:14px;
	overflow:hidden;
	text-indent:-9999em;
}

.form_signup a.fb_connect {
	background-position:-420px -250px;
	height:27px;
	left:54px;
	position:relative;
	top:-150px;
	width:110px;
}

.form_signup a.fb_connect:hover{
	background-position:-420px -278px;
}

.form_signup a.twitter_oauth{
	background-position:-539px -250px;
	height:27px;
	left:56px;
	position:relative;
	top:-149px;
	width:110px;
}

.form_signup a.twitter_oauth:hover {
	background-position:-539px -278px;
}

/* Stage 2 Mods */
.box_ribbon_text { 
	background:transparent url(../images/nav/ribbon_text_sprite.png) no-repeat scroll 0 0;
	clear:both;
	float:left;
	height:25px;
	left:20px;
	position:relative;
	top:-240px;
	width:365px;
}

.sitewrappper_stage2{
	height:700px;
	margin:0 auto;
	width:955px;
}

div.box_small {
	float:left;
	margin:0 30px 0 0;
	width:400px;
}

div.box_medium {
	float:left;
	width:525px;
}

div.box_large{
	float:left;
	margin:30px 0;
	width:965px;
}

.boxhead_large{
	background-position:0 -68px;
	height:14px;
	width:100%;
}
.box_large .boxbody.large{
	background-position:-924px -7px;
	height:100%;
	padding-bottom:20px;
	width:958px;
}

.box_large .boxbody.large_2_col {
	background-position:-3403px -7px;
	height:100%;
	padding-bottom:20px;
	width:958px;
}

.layout.boxfooter_large{
	background-position:0 -83px;
	height:15px;
	width:100%;
}

.box_medium .boxbody.medium{ 
	background-position:-400px 11px;
	height:655px;
	width:525px; 
}

.box_ribbon_left_thin {
	background-position:-113px -247px;
	height:61px;
	left:-32px;
	top:30px;
	width:24px;
}

.box_ribbon_center_thin_right_cap {
	background-position:-193px -247px;
	height:61px;
	left:-32px;
	top:30px;
	width:23px;
}

.box_ribbon_text_time_to_get { 
	background:transparent url(../images/nav/ribbon_text_sprite.png) no-repeat scroll -364px -9px;
	float:left;
	height:17px;
	left:19px;
	position:relative;
	top:-17px;
	width:235px;
}

.box_ribbon_center_thin { 
	background:transparent url(../images/elements/layout_sprite_horizontal.png) repeat-x scroll 0 -73px;
	float:left;
	height:48px;
	left:-32px;
	position:relative;
	top:32px;
	width:200px; 
}

.login_title { 
	background:transparent url(../images/nav/title_black_sprite.png) no-repeat scroll 0 -51px;
	float:left;
	height:38px;
	left:23px;
	position:relative;
	top:22px;
	width:101px;
}

input.button.back {
	background-position:-202px 0;
	clear:both;
	left:384px;
	top:-18px;
	width:90px;
}

input.button.back:hover { background-position:-202px  -36px; width:90px; }
input.button.back:active { background-position:-202px  -72px; width:90px; }

.boxhead_medium {
	background-position:0 -33px;
	height:14px;
	width:100%;
}

.login_text { 
	color:#222222;
	float:left;
	font-family:helvetica;
	font-size:24px;
	line-height:67px;
	margin:-15px 0 0 25px;
	padding:0;
	text-align:left;
	width:447px;
}

.boxfooter_medium {
	background-position:0 -48px;
	height:15px;
	width:100%;
}

.divrule{
	background-image:url(../images/elements/layout_sprite_horizontal.png);
	background-position:0 -121px;
	background-repeat:repeat-x;
	height:2px; 
}

.divrule.login_upper{
margin-top:10px;
}
.divrule.login_lower{
	clear:both;
	position:relative;
	top:121px;
	width:100%;
}

.login_hr {
 
	margin-left:-15px;
	width:483px;
}

.login_hr.lower { margin-left:0;}
.login_hr.lower.right { 
	margin-left:14px;
	margin-top:0;
	width:472px;
}

input.button.login { 
	background-position:-91px 0;
	left:-200px;
	top:90px;
	width:111px;
}

input.button.login:hover, input.button.login.upper:hover  {background-position:-91px  -36px;}
input.button.login:active , input.button.login.upper:active {background-position:-91px  -72px;}

.footer_logos_wrapper{
	margin:30px auto;
	width:1030px;
}

.login_text p{
	clear:both;
}

.login_text input{  
	float:left;
}

.rightbox_footer { 
	color:#222222;
	font-family:helvetica;
	font-size:23px;
	line-height:48px;
	margin:0 0 0 10px;
	text-align:center;
	text-shadow:1px 1px 1px #FFFFFF;
	width:500px;
}

.footer_logos{ background:transparent url(../images/elements/layout_sprite.png) no-repeat scroll 0 0;}

.footer_logos.sponsored{
	background-position:-663px -250px;
	height:13px;
	left:66px;
	position:relative;
	top:2px;
	width:105px;
}

.footer_logos.sony{
	background-position:-420px -340px;
	height:54px;
	left:216px;
	position:relative;
	top:-26px;
	width:203px;
}

.footer_logos.brocade{
	background-position:-630px -339px;
	height:57px;
	left:558px;
	position:relative;
	top:-81px;
	width:136px;
}

.footer_logos.under{
	background-position:-775px -340px;
	height:48px;
	left:836px;
	position:relative;
	top:-126px;
	width:113px;
}

/* Badge Feed styles */
div.item {border-bottom:1px solid #999999;clear:both;font-size:14px;padding:5px 0;}
div.fd_avtr {float:left;margin-left:5px;margin-right:10px;padding-top:5px;width:51px;}
div.fd_body {float:left;padding-top:5px;width:310px;}
div.fd_bdg {float:left;margin:4px 0px 0px 10px;width:57px;}

.item a{text-decoration:none;color:#115ea4;font-weight:bold;}
.item a:hover{text-decoration:underline;}

a.badge_small{
	background:transparent url(../images/badges/small_sprite.jpg) no-repeat scroll 0 0;
	display:block;
	height:58px;
	margin:2px 0;
	width:58px;
}

a.badge_small.eco_greenling{background-position: 0px 0px;}
a.badge_small.eco_greenster{background-position: -58px 0px;}
a.badge_small.eco_sasquatch{background-position: -116px 0px;}
a.badge_small.eco_yeti{background-position: -174px 0px;}

a.badge_small.eco_samurai{background-position: 0px -58px;}
a.badge_small.eco_eco_star{background-position: -58px -58px;}
a.badge_small.eco_zephrus{background-position: -116px -58px;}
a.badge_small.eco_thor{background-position:-174px -75px;}

a.badge_small.eco_selkie{background-position: 0px -116px;}
a.badge_small.eco_nereid{background-position: -58px -116px;}
a.badge_small.eco_nautilus{background-position: -116px -116px;}
a.badge_small.eco_poseidon{background-position:-174px -116px;}

a.badge_small.eco_ninja{background-position: 0px -174px;}
a.badge_small.eco_dryad{background-position: -58px -174px;}
a.badge_small.eco_explorer{background-position: -116px -174px;}
a.badge_small.eco_green_sheriff{background-position:-174px -174px;}

a.badge_small.eco_zen_master{background-position: 0px -232px;}
a.badge_small.eco_inventor{background-position: -58px -232px;}
a.badge_small.eco_green_king{background-position: -116px -232px;}
a.badge_small.eco_hero{background-position:-174px -232px;}

a.badge_small.eco_torch{background-position: 0px -290px;}
a.badge_small.eco_sun{background-position: -58px -290px;}
a.badge_small.eco_vulcan{background-position: -116px -290px;}
a.badge_small.eco_phoenix{background-position:-174px -290px;}

span.status_points{position:relative; right:0px; display: block; float: right; color:#882A21;font-size:40px;font-weight:bold;:0px;}

/* Stage 3 Mods */
.box_ribbon_center_thin_small { 
	background:transparent url(../images/elements/layout_sprite_horizontal.png) repeat-x scroll 0 -73px;
	float:left;
	height:48px;
	left:-22px;
	position:relative;
	top:32px;
	width:200px;
}

.recent_deeds_header {
	color:#222222;
	float:left;
	font-family:helvetica;
	font-size:16px;
	margin:-15px 0 0 240px;
	text-shadow:1px 1px 1px #FFFFFF;
}

input.button.login.upper {
	background-position:-91px 0;
	margin-left:25px;
	margin-top:-25px;
	position:static;
	width:111px;
}

.recent_spacer{ height:30px;}

.recent_list{  
	border-top:1px solid #999999;
	height:360px;
	margin-left:25px;
	width:450px;
	}
 
.box_ribbon_text_recent_deeds {
	float:left;
	left:-223px;
	position:relative;
	top:43px;
}

a.recent_deeds{
	background:transparent url(../images/nav/ribbon_text_sprite.png) no-repeat scroll 0 -62px;
	display:block;
	height:16px;
	width:174px;
}

a.recent_deeds:hover{background-position:0 -81px;}

div.rightbox_ribbon_nav li{float:left;padding:0 30px 0 0;}
div.rightbox_ribbon_nav a{
	background:transparent url(../images/nav/ribbon_text_sprite.png);
	display:block;
	height:18px; 
}

.box_ribbon_center_thin_ll_cap {
	background-position:-162px -247px;
	clear:left;
	height:61px;
	left:-10px;
	top:0;
	width:23px;
}
.box_ribbon_center_thin_small.lower {
	left:-10px;
	top:2px;
	width:485px;
}
.box_ribbon_right_lower_edge_thin {
	background-position:-138px -247px;
	height:61px;
	left:-10px;
	top:0;
	width:24px;
}

div.rightbox_ribbon_nav { 
	margin-top:12px;
}

div.rightbox_ribbon_nav a.local_greensters{background-position:-180px -62px;width:144px;}
div.rightbox_ribbon_nav a.local_greensters:hover{background-position:-180px -81px;}

div.rightbox_ribbon_nav a.daily_heroes{background-position:-330px -62px;width:109px;}
div.rightbox_ribbon_nav a.daily_heroes:hover{background-position:-330px -81px;}

div.rightbox_ribbon_nav a.rules{background-position:-447px -62px;width:47px;}
div.rightbox_ribbon_nav a.rules:hover{background-position:-447px -81px;}

div.rightbox_ribbon_nav a.about{background-position:-501px -62px;width:56px;}
div.rightbox_ribbon_nav a.about:hover{background-position:-501px -81px;}

div.rightbox_ribbon_nav h3, site_nav h3 {display:none;}

.sitenav_wrapper_holder{margin:0 auto;width:955px;}

.sitenav_wrapper {
	background:transparent url(../images/elements/layout_sprite.png) repeat scroll 0 0;
	height:16px;
	width:955px;
}

.sitenav_wrapper.upper {background-position:0 -66px;}
.sitenav_wrapper.lower {background-position:0 -83px;}
div.site_nav {background:transparent url(../images/elements/layout_sprite_vertical.png) repeat-y scroll -924px 0; height:16px;}  
div.site_nav li{float:left;margin-left:50px;}

div.site_nav a{
	color:#882A21;
	float:left;
	font-family:helvetica;
	font-size:14px;
	font-weight:bold;
	height:16px;
	text-decoration:none;
}

div.site_nav a:hover{ text-decoration: underline; }


/*  Right Box Place Holders*/
#UpperWrapper{  
	height:80px;
	margin-left:10px;
	width:500px;
}

#CenterWrapper{  
	height:472px;
	margin-left:10px;
	width:500px;
}

#RightLowerNav{
	height:62px;
	margin-left:10px;
	margin-top:20px;
	width:535px;
}

#LoginWrapper{  
	height:400px;
	width:500px;
}

/* Stage 4 Styles */
 
.sitewrapper{
	height:100%;
	margin:80px auto 0;
	width:955px;
}

.title {
	background:transparent url(../images/nav/title_black_sprite.png) no-repeat scroll 0 0;
}

.title.lowerheader{
	background-position:0 -102px;
	height:30px;
	margin:10px auto 15px;
	width:865px;
}

.large_box_left_wrap{ 
	float:left;
	margin:0 0 0 10px;
	padding:0 10px;
	width:490px;
}

.large_box_right_wrap{ 
	float:left;
	margin:0;
	width:420px;
}
 
.eco_amb_current_title_ribbon {
	left:0;
	position:absolute;
	top:204px;
}

.eco_amb_paging_wrap {  
	height:30px;
	position:relative;
	top:70px;
	width:300px;
	overflow:hidden;
}

.home_slider_wrap{ 
	height:430px;
	margin:10px;
}

#eco_amb_wrap {   
	height:430px; 
	position:relative;
	width:470px;
}

ul.ui_tab_nav{ 
	height:26px;
	left:340px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	top:224px;
	width:120px;
	z-index:400;
}
 
ul.ui_tab_nav li{
	background-color:#AA2727;
	float:left;
	line-height:15px;
	margin:0 5px;
	padding:2px;
}

ul.ui_tab_nav li a{ 
	color:#FFFFFF;
	display:block;
	font-size:18px;
	font-weight:bold;
	padding:2px 8px;
	text-decoration:none;
}
 
#eco_amb_wrap ui_tab_panel{ 
	height:350px;
	position:relative;
	width:400px;
}

.eco_amb_info{
	margin:25px 0;
}

.box_ribbon_left_thin.eco_amb{
	left:-52px;
	position:absolute;
	top:0;
}

.box_ribbon_center_thin.eco_amb{
	left:-28px;
	position:absolute;
	top:2px;
	width:266px;
}

.box_ribbon_center_thin_right_cap.eco_amb{
	left:238px;
	position:absolute;
	top:0;
}

.box_ribbon_text_eco_amb { 
	background:transparent url(../images/nav/ribbon_text_sprite.png) no-repeat scroll 0 -29px;
	float:left;
	height:15px;
	left:5px;
	position:absolute;
	top:15px;
	width:225px;
}

.eco_amb_name_roz{
	background:transparent url(../images/nav/title_black_sprite.png) no-repeat scroll -413px -52px;
	height:36px;
	width:200px;
}
.eco_amb_name_roz.subtitle{
	background-position:0 -136px;
	height:16px;
	width:120px;
}
.eco_amb_info_text{ 
	font-size:14px;
	line-height:25px;
	margin-top:20px;
	padding:0 2px 0 0;
}

.eco_amb_current_title_ribbon {
	left:0;
	position:absolute;
	top:204px;
}

.large_box_right_innerwrap{ 
	position:relative; 
}

.ribbon_compete{
	left:0;
	position:absolute;
	top:7px;
}
 
.box_ribbon_center_thin_ll_cap.compete{
	background-position:-164px -247px;
	left:0;
	position:absolute;
	top:0;
}

.box_ribbon_center_thin_small.compete{
	left:23px;
	position:absolute;
	top:2px;
	width:409px;
}

.box_ribbon_right_lower_edge_thin.compete{
	left:432px;
	position:absolute;
	top:0;
}

.box_ribbon_text_compete { 
	background:transparent url(../images/nav/ribbon_text_sprite.png) no-repeat scroll -230px -29px;
	height:15px;
	left:36px;
	position:absolute;
	top:14px;
	width:256px;
}

.ribbon_schwag{
	left:0;
	position:absolute;
	top:300px;
}

.box_ribbon_text_schwag{ 
	background:transparent url(../images/nav/ribbon_text_sprite.png) no-repeat scroll -487px -29px;
	height:20px;
	left:36px;
	position:absolute;
	top:14px;
	width:268px;
}

.compete_wrapper{ 
	height:200px;
	left:0;
	position:absolute;
	top:90px;
	width:420px;
}

.schwag_wrapper{ 
	left:0;
	position:absolute;
	text-align:center;
	top:367px;
	width:420px;
}

.titles{
	background:transparent url(../images/nav/title_black_sprite.png) no-repeat;
}
.titles.ecohero{
	background-position:-317px 0;
	height:52px;
	margin:0 0 5px 45px;
	width:294px;
}

.compete_text{
	float:left;
	font-size:20px;
	line-height:37px;
	margin:10px 0 0 45px;
	text-shadow:0 1px 1px #FFFFFF;
	width:165px;
}
 
.badge_eco_hero_lower_home_holder{
	float:left;
	margin:10px;
}

.shadow{
	text-shadow:0 1px 1px #FFFFFF;
}


/* user action in progress */


div.box_large.user_action {
	margin-top:-2px;
}

.action_page_left_outerwrap {
	background-position:-1989px 0;
	float:left;
	margin:0 0 0 10px;
	min-height:550px;
	padding:30px 10px 0;
	position:relative;
	top:-12px;
	width:612px;
}

.action_page_left_innerwrap{
	background-position:-1995px 0;
	padding-top:30px;
	position:relative;
	top:-12px;
	width:490px;
}

.action_page_footer_sep{
	background-position:-1882px 0;
	height:39px;
	position:relative;
	top:-35px;
	width:601px;
}

.big_header{ 
	height:50px;
}

.user_action_logo{
	left:40px;
	position:absolute;
	top:0;
}

.logo_text.user_action{
	height:32px;
	left:134px;
	position:absolute;
	top:14px;
	width:226px;
}
.logo_text.user_action a{
	width: 100%;
	height: 100%;
	display: block;
}

.logo_text_wrapper{
	position:relative;
}

.boxhead_large.user_action { 
	z-index:-1;
}

div.box_medium.user_action {
	left:59px;
	position:absolute;
	top:5px;
}

.box_medium .boxbody.medium.user_action {
	height:43px;
}

.user_action_nav_wrapper{
	margin-left:375px;
	position:relative;
}

.layout.user_action_curve{
	background-position:-532px -1px;
	height:57px;
	left:-24px;
	position:absolute;
	top:5px;
	width:98px;
}

.user_action_nav{ 
	left:77px;
	position:absolute;
	top:21px;
}

div.user_action_nav li {
	float:left;
	padding:0 0 0 26px;
}

div.user_action_nav li a {
	color:#666666;
	font-size:16px;
	font-weight:normal;
	text-decoration:none;
	font-family:helvetica;
	text-shadow:1px 1px 1px #FFFFFF;	
}

div.user_action_nav li a:hover {
	text-decoration:underline;
}

.divrule.user_action_upper{
	left:-4px;
	position:relative;
	top:49px;
}
.sitewrapper.user_action{
	margin-top:25px;
}

.variable_content{ 
	margin:10px 20px 0 0;
}

.action_profile{ 
	height:75px;
	width:310px;
}

.action_profile_text{ 
	background-position:-2599px 0;
	color:#333333;
	height:75px;
	margin-left:5px;
	padding-left:20px;
	width:195px;
}

.action_profile_text a{
	color:#333333;
	font-size:22px;
	font-weight:bold;
	text-decoration:none;
}

.action_page_right_outerwrap {
	float:left;
	margin: 7px 0px 0px 0px;
}

.ribbon_log_deed {
	left:0;
	position:absolute;
	top:90px;
}

.box_ribbon_center_thin_l_cap {
	background-position:-164px -247px;
	height:61px;
	position:absolute;
	width:23px;
}

.box_ribbon_center_thin_small.user_action {
	left:23px;
	position:absolute;
	top:2px;
	width:287px;
}

.box_ribbon_r_wedge_thin {  
	background-position:-138px -247px;
	float:left;
	height:61px;
	position:absolute;
	width:24px;
}

.box_ribbon_r_wedge_thin.user_action {
	left:310px; 
	top:0;
}

/* //TODO: convert ribbon text to this */
.ribbon_text { 
background:transparent url(../images/nav/ribbon_text_sprite.png) no-repeat scroll 0 0;
height:19px;
position:absolute;
}

.ribbon_add_deed {
	left:0;
	position:absolute;
	top:150px;
}

.a_log_deed{
	position:absolute;
	left:20px;
	top:15px;
}

.a_log_deed a{
	background:transparent url(../images/nav/ribbon_text_sprite.png) no-repeat scroll -666px -62px;
	display:block;
	height:19px;
	width:156px;
}

.a_log_deed a:hover{ 
	background-position: -666px -81px;
}

.a_add_deed{
	position:absolute;
	left:20px;
	top:15px;
}

.a_add_deed a{
	background:transparent url(../images/nav/ribbon_text_sprite.png) no-repeat scroll -828px -62px;
	display:block;
	height:19px;
	width:187px;
}

.a_add_deed a:hover{ 
	background-position: -828px -81px;
}

a h3{
	display:none;
}
 
.sidebar_wrapper{ 
	margin:155px 0px 0px 5px;
}

.collapsible{
	margin-top:35px;
}

h2.sidebar_title{  
	cursor:pointer;
	float:none;
	margin:0 0 10px;
	padding:1px;
	position:static;
	width:285px;
}

.sidebar_wrapper hr{
	height:1px;
	margin:2px 0;
	padding:0;
}

.title_black{
	background:transparent url(../images/nav/title_black_sprite.png) no-repeat  0 0;
}

span.title_black{ 
	display:block;
	height:32px;
}

.title_black.stats{ 
	background-position:-885px -101px;
	width:138px;
}

.title_black.medals{  
	background-position:-1035px -101px;
	width:170px;
}

.title_black.high_scores{  
	background-position:-1217px -101px;
	width:223px;
}
.title_black.follow_us{
	background-position: -1548px -101px; 
	width:200px;
}

.divrule.sidebar {
	margin-top:3px;
	width:285px;
}

.ui_is_open{ 
	background-position:-62px -403px;
}

.ui_is_closed{ 
	background-position:-62px -438px;
}

#stats_block{
	background-color:#D6D6D6;
	color:#333333;
	font-weight:bold;
	width:100%;
}

#stats_block tr{
	height:25px;
}

#stats_block td{
	padding-left:5px;
}

.collapsible div.ui_col_wrap{
	padding:5px 10px 5px 0;
}

#stats_block span{
	background:transparent url(../images/nav/title_black_sprite.png) no-repeat scroll 0 0;
	display:block;
	height:15px;
	width:48px;
}

#stats_block span.stat_points{background-position:-2px -157px; }
#stats_block span.stat_deeds{background-position:-57px -157px; }
#stats_block span.stat_week{background-position:-110px -157px; }
#stats_block span.stat_total{background-position:-158px -157px;}

ul.hi_score_list  li .divrule.sidebar{
	margin-bottom:10px;
	margin-top:3px;
}

.hi_score_avatar{
	float:left;
}

.hi_score_user{
	float:left;
	font-size:15px;
	font-weight:bold;
	margin-left:10px;
}

.hi_score_user a{
	color:#115EA4;
	text-decoration:none;
}
.hi_score_user a:hover{ text-decoration:underline;}

.hi_score_user span{
	color:#A32E2E;
	display:block;
	font-size:21px;
	margin-top:5px;
}

.sidebar_content{
	padding-top:5px;
	width:285px;
}

.hi_score_user_points{
	color:#333333;
	float:right;
	font-size:13px;
	font-weight:bold;
}
 
.ribbon_add_deed_title{
	left:20px;
	position:absolute;
	top:57px;
}

.ribbon_text_add_deed_title {
	background:transparent url(../images/nav/ribbon_text_sprite.png) no-repeat scroll -608px -1px;
	float:left;
	height:27px;
	left:18px;
	position:absolute;
	top:15px;
	width:357px;
}

.box_ribbon_l_wedge_lg {
	background-position:-9px -248px;
	height:79px;
	width:24px;
}

.box_ribbon_l_wedge_lg.deed_add{
	left:-52px;
	top:0;
}

.box_ribbon_center_thin.eco_amb {
	left:-28px;
	position:absolute;
	top:2px;
	width:266px;
}
 
.box_ribbon_center_large{
	background:transparent url(../images/elements/layout_sprite_horizontal.png) repeat-x scroll 0 0;
	float:left;
	height:63px;
	position:relative;
	width:100px;
}

.box_ribbon_center_large.deed_add{
	left:-52px;
	top:2px;
	width:528px;
}

.box_ribbon_right_cap_lg.deed_add {
	left:500px;
	position:absolute;
	top:2px;
} 

.box_ribbon_right_cap_lg {
	background-position:-84px -250px;
	height:65px;
	width:25px;
}

#character_count{ 
	float:right;
	font-size:18px;
	font-weight:bold;
	margin-right:30px;
	margin-top:3px;
}

.add_deed_wrapper{
	color:#666666;
	margin:120px 0 0 27px;
}

.add_deed_wrapper .title_black{
	height:21px;
	margin:20px 0 10px;
}

.title_black.tell_us_deed {
	background-position:-1px -181px;
	float:left;
	height:26px;
	margin-top:0;
	width:390px;
}

.title_black.is_your_deed_new {
	background-position:-1088px -181px;
	float:left;
	height:26px;
	margin:0px 0px 40px 0px;
	width:420px;
}
.title_black.deed_is_new {
	background-position:-1517px -181px;
	float:left;
	height:26px;
	margin:10px 0px 0px 0px;
	width:310px;
}
  

.txt_add_deed { 
	border:2px solid #C3C3C3;
	font-size:14px;
	line-height:18px;
	padding:6px;
	width:520px;
}
 
.title_black.pick_element {
	background-position:0px -207px;
	width:157px;
}

.title_black.pick_category_sub {
	background-position: -1624px -209px;
	width:150px;
}

.title_black.how_often {
	background-position: 0px -239px;
	width:290px;
}

.title_black.make_pretty {
	background-position:-164px -209px; 
	width:136px;
}

.title_black.need_more {
	background-position:-307px -209px; 
	width:204px;
}
 
ul.deed_elements {
	margin: 10px 0px 0px 0px;
} 
ul.deed_elements li {
	float:left;
}

ul.deed_elements li a {
	background:transparent url(../images/elements/elements_sprite_text.jpg) no-repeat scroll 0 0;
	display:block;
	height:64px;
	margin-right:15px;
	text-decoration:none;
	width:45px;
}
 
.deed_elements .deed_earth{background-position:0 -150px;}
.deed_elements .deed_earth:hover,.deed_elements .deed_earth.sel{background-position:0 -215px;}

.deed_elements .deed_life{background-position:-75px -150px;}
.deed_elements .deed_life:hover,.deed_elements .deed_life.sel{background-position:-75px -215px;}

.deed_elements .deed_water{background-position:-150px -150px;}
.deed_elements .deed_water:hover,.deed_elements .deed_water.sel{background-position:-150px -215px;}

.deed_elements .deed_air{background-position:-225px -150px;}
.deed_elements .deed_air:hover,.deed_elements .deed_air.sel{background-position:-225px -215px;}
 
.deed_elements .deed_fire{background-position:-300px -150px;}
.deed_elements .deed_fire:hover,.deed_elements .deed_fire.sel{background-position:-300px -215px;}

/* Deed sub categories pikcer done by Brennan */
ul.deed_category_sub {
	width: 560px;
	margin: 20px 0px 0px 2px;
	list-style: none;
}
ul.deed_category_sub li {
	float:left;
}
ul.deed_category_sub li a {
	display:block;
	height:20px;
	margin: 0px 30px 5px 0px;
	text-decoration:none;
	color: #959595;
	font-size: 13px;
	font-weight: normal;
  	text-shadow:1px 1px 1px #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;  	
}
 
.deed_category_sub .sub_clothing{ padding: 10px 12px 4px 12px; }
.deed_category_sub .sub_clothing:hover,.deed_category_sub .sub_clothing.sub_sel{
	padding: 6px 8px 0px 8px;
	background: url(../images/elements/layout_sprite_horizontal.png) 0px -176px repeat-x #e6e6e6; 
	border: 4px solid #999; 
	color: #858585;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.deed_category_sub .sub_transportation{  padding: 10px 12px 4px 12px; color: #959595; }
.deed_category_sub .sub_transportation:hover,.deed_category_sub .sub_transportation.sub_sel{
	padding: 6px 8px 0px 8px;
	background: url(../images/elements/layout_sprite_horizontal.png) 0px -176px repeat-x #e6e6e6; 
	border: 4px solid #9a9b9b;
	color: #858585;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.deed_category_sub .sub_food{  padding: 10px 12px 4px 12px; color: #959595; }
.deed_category_sub .sub_food:hover,.deed_category_sub .sub_food.sub_sel{
	padding: 6px 8px 0px 8px;
	background: url(../images/elements/layout_sprite_horizontal.png) 0px -176px repeat-x #e6e6e6; 
	border: 4px solid #9a9b9b;
	color: #858585;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.deed_category_sub .sub_communication{  padding: 10px 12px 4px 12px; color: #959595; }
.deed_category_sub .sub_communication:hover,.deed_category_sub .sub_communication.sub_sel{
	padding: 6px 8px 0px 8px;
	background: url(../images/elements/layout_sprite_horizontal.png) 0px -176px repeat-x #e6e6e6; 
	border: 4px solid #9a9b9b;
	color: #858585;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.deed_category_sub .sub_energy{ padding: 10px 12px 4px 12px; }
.deed_category_sub .sub_energy:hover,.deed_category_sub .sub_energy.sub_sel{
	padding: 6px 8px 0px 8px;
	background: url(../images/elements/layout_sprite_horizontal.png) 0px -176px repeat-x #e6e6e6; 
	border: 4px solid #9a9b9b;
	color: #858585;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.deed_category_sub .sub_household{ padding: 10px 12px 4px 12px; }
.deed_category_sub .sub_household:hover,.deed_category_sub .sub_household.sub_sel{
	padding: 6px 8px 0px 8px;
	background: url(../images/elements/layout_sprite_horizontal.png) 0px -176px repeat-x #e6e6e6; 
	border: 4px solid #9a9b9b;
	color: #858585;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.deed_category_sub .sub_legislative{ padding: 10px 12px 4px 12px; }
.deed_category_sub .sub_legislative:hover,.deed_category_sub .sub_legislative.sub_sel{
	padding: 6px 8px 0px 8px;
	background: url(../images/elements/layout_sprite_horizontal.png) 0px -176px repeat-x #e6e6e6; 
	border: 4px solid #9a9b9b; 
	color: #858585;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.deed_category_sub .sub_art{ padding: 10px 12px 4px 12px; }
.deed_category_sub .sub_art:hover,.deed_category_sub .sub_art.sub_sel{
	padding: 6px 8px 0px 8px;
	background: url(../images/elements/layout_sprite_horizontal.png) 0px -176px repeat-x #e6e6e6; 
	border: 4px solid #9a9b9b;
	color: #858585;		 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.deed_category_sub .sub_personal{ padding: 10px 12px 4px 12px; }
.deed_category_sub .sub_personal:hover,.deed_category_sub .sub_personal.sub_sel{
	padding: 6px 8px 0px 8px;
	background: url(../images/elements/layout_sprite_horizontal.png) 0px -176px repeat-x #e6e6e6; 
	border: 4px solid #9a9b9b;
	color: #858585;		 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.deed_category_sub .sub_business{ padding: 10px 12px 4px 12px; }
.deed_category_sub .sub_business:hover,.deed_category_sub .sub_business.sub_sel{
	padding: 6px 8px 0px 8px;
	background: url(../images/elements/layout_sprite_horizontal.png) 0px -176px repeat-x #e6e6e6; 
	border: 4px solid #9a9b9b; 
	color: #858585;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.add_deed_picvid {
	float:left;
	line-height:40px;
	margin:0 25px 0 0;
}

.button.btn_add_deed	{ background-position:-988px 0; clear:left; margin-top:35px; position:static; width:110px; }
.btn_add_deed:hover  	{ background-position:-988px -36px;}
.btn_add_deed:active 	{ background-position:-988px -72px;}

.button.btn_finish	{ background-position:-1840px 0; clear:left; margin-top:35px; position:static; width:98px; }
.btn_finish:hover  	{ background-position:-1840px -36px;}
.btn_finish:active 	{ background-position:-1840px -72px;}

.form_button.btn_send 	{ background-position:-1661px 0px; width:84px; }
.btn_send:hover 		{ background-position:-1661px -36px; }
.btn_send:active		{ background-position:-1661px -72px; }

.add_deed_wrapper .divrule{
	margin:15px 0 0;
	width:520px;
}

.ribbon_text.log_deed_title {
	background-position:-975px 0;
	height:34px;
	left:18px;
	top:15px;
	width:276px;
}

.log_deed_content_wrapper{
	margin:140px 0 0 20px;
	width:560px;
  text-shadow:1px 1px 1px #FFFFFF;
}

.box_ribbon_center_large.log_deed {
	left:-52px;
	top:2px;
	width:335px;
}

.box_ribbon_right_cap_lg.log_deed {
	left:307px;
	position:absolute;
	top:2px;
}

.log_deed_content_wrapper.divrule{
	width:500px;
}

.title_black.browse_by { 
	background-position:-397px -181px;
	float:left;
	height:26px;
	margin:0px 0px 40px 0px;
	width:355px;
}
 
.element_dropdown{
	float:left;
	margin:3px 0 0 15px;
}

.deed_timeline li.status { 
	margin:0;
	padding:15px 0 0;
	position:relative;
}
 
.status_thumbnail{
	background:transparent url(../images/elements/elements_sprite_text.jpg) no-repeat scroll 0 0;
	display:block;
	height:75px;
	width:75px;
}

.status_thumbnail.earth{background-position: 0 0 ;}
.status_thumbnail.earth:hover{background-position:0 -75px;}

.status_thumbnail.life{background-position: -75px 0 ;}
.status_thumbnail.life:hover{background-position:-75px -75px;}

.status_thumbnail.water{background-position: -150px 0 ;}
.status_thumbnail.water:hover{background-position:-150px -75px;}

.status_thumbnail.air{background-position: -225px 0 ;}
.status_thumbnail.air:hover{background-position:-225px -75px;}

.status_thumbnail.fire{background-position: -300px 0 ;}
.status_thumbnail.fire:hover{background-position:-300px -75px;}
 
#infoMessage {
	color:#FF0000;
	margin:20px 0 10px;
	text-align:left;
}
 
.status_text { 
	line-height:21px;
	margin:0 0 0 15px;
	min-height:75px;
	width:320px;
}

.status_meta {
	color:#A3A3A3;
	font-size:12px;
	margin:10px 0 10px 15px;
}

.status_meta a, .log_deed_extras a{
	color:#A3A3A3;
	font-weight:bold;
	text-decoration:none;
}

.status_meta a:hover, .log_deed_extras a:hover{
	color:#555555; 
}

ul.point_actions {
	float:right;
	margin:35px 10px 0 0;
}

ul.point_actions li {
	float: left;
	padding: 0px;
	margin: 0px;	
}

ol.deed_timeline{
	margin-bottom: 10px;
}

/* remove this if only used on profile/deeds.php page */
ol.deed_timeline li:hover div.status_actions {visibility:visible; margin:0px 0px 0px 5px} 


ol.deed_timeline li:hover {background-color: #E3E3E3;} 
ol.deed_timeline li:hover .status_thumbnail.earth{background-position:0 -75px;}
ol.deed_timeline li:hover .status_thumbnail.life{background-position:-75px -75px;}
ol.deed_timeline li:hover .status_thumbnail.water{background-position:-150px -75px;}
ol.deed_timeline li:hover .status_thumbnail.air{background-position:-225px -75px;}
ol.deed_timeline li:hover .status_thumbnail.fire{background-position:-300px -75px;}

ul.point_actions  a{
	font-size:12px;
	height:20px;
	margin-left:12px;
	width:19px;
}
 
.point_actions span.points {
	font-size:12px;
	font-weight:bold;
}
 
ul.point_actions .layout.up{
	background-position:-282px -353px;
}

ul.point_actions .down{
	background-position:-311px -353px;
}

a.point_actions.delete {
	position: relative;
	right: 0px;
	bottom: 0px;
}

.status_pic{
	float:left;
	margin:0 0 0 15px;
	width:80px;
} 

/* remove if only used in profile/deeds.php page */
.status_text_wrapper{
	float:left;
}

.status_actions{
	float:left;
	margin:0 0 0 5px;
	visibility:hidden;
}

a.btn{
	background:transparent url(../images/nav/buttons_sprite.png) no-repeat scroll 0 0;
	display:block;
	height:37px;
	text-decoration:none;
}

a.btn.log_deed{
	background-position: -878px 0;
	width:111px;
}

a.btn.log_deed:hover{background-position: -878px -36px;}
a.btn.log_deed:active{background-position: -878px -72px;}

a.btn.see_more{
	background-position:-1098px 0;
	float:left;
	width:130px;
}

a.btn.see_more:hover{background-position: -1098px -36px;}
a.btn.see_more:active{background-position: -1098px -72px;}

.title_black.dont_see_it{
	background-position:-758px -181px;
	float:right;
	height:22px;
	margin:7px 19px 0 0;
	width:140px;
}

a.btn.add_deed			{ background-position:-988px 0; float:right; width:110px; }
a.btn.add_deed:hover 	{ background-position: -988px -36px; }
a.btn.add_deed:active 	{ background-position: -988px -72px; }


a.btn.browse			{ background-position:-1744px 0; width:97px; }
a.btn.browse:hover 	{ background-position: -1744px -36px; }
a.btn.browse:active 	{ background-position: -1744px -72px; }


.log_deed_pic_wrapper { 
	float:left;
	width: 175px;
	height: 175px;
	overflow:hidden;
}

.element_bigger_earth 	{ background: url(../images/elements/elements_sprite_large.jpg) 0px 0px no-repeat; }
.element_bigger_life	{ background: url(../images/elements/elements_sprite_large.jpg) -175px 0px no-repeat; }
.element_bigger_water	{ background: url(../images/elements/elements_sprite_large.jpg) -350px 0px no-repeat; }
.element_bigger_air 	{ background: url(../images/elements/elements_sprite_large.jpg) -524px 0px no-repeat; }
.element_bigger_fire	{ background: url(../images/elements/elements_sprite_large.jpg) -700px 0px no-repeat; }

.log_deed_text_wrapper { 
	float:left;
	margin-bottom:10px;
}

.log_deed_text_inner { 
	color:#222222;
	font-size:20px;
	line-height: 30px;
	margin:0 0 0 15px;
	min-height:175px;
	width:345px;
}

.log_deed_text_wrapper .status_meta{
	float:none;
	margin-left:15px;
  width:345px;
  height:1em;
  margin-top:-2em;
}

.log_deed_extras { 
	font-size:12px;
	margin:10px 0;
}

.log_deed_extras a {
	display:block;
	float:none;
	height:15px;
	margin:0 0 2px;
	padding:6px 0 0 30px;
	width:78px;
}
.log_deed_rewards {
  margin-top:1em;
  font-size:inherit;
  line-height:1.5;
  color:inherit;
}
.log_deed_rewards p {
  margin:1em 0;
}
.log_deed_rewards_table {
  line-height:36px;
  margin: 0px 0px 20px 0px;
}
.log_deed_rewards_table tr h3 {
  border-bottom:1px solid #a3a3a3;
}
tr.log_deed_rewards_total {
  border-top:1px solid #a3a3a3;
}
.rewards_add_deed_text {
	display: block;
	margin: 0px 0px 0px 52px;
}

.add_deed_limit {
  margin:0px 0px 0px 0px;
  font-size:inherit;
  line-height:1.5;
  color:inherit;
}
.add_deed_limit p {
  margin:1em 0;
  color:#222222;
}

.layout.video{
	background-position:-367px -408px;
}

.layout.url{ 
	background-position:-366px -442px;
}

.log_actions_wrapper{
	position:relative;
	top:-41px;
}

.log_actions{
	background-color:#ACABD7;
}

.log_actions  .layout.checked{
	background-position:-344px -341px;
	float:right;
	height:34px;
	width:39px;
}

.log_actions .point_actions{
	clear:right;
	margin:5px 0 0;
}

.title_black.shout { 
	background-position:-905px -181px;
	float:left;
	height:23px;
	width:74px;
}

.log_deed_content_wrapper #character_count{
	margin-right:0;
}

.form_log_deed{
	color:#666666;
	margin-top:20px;
}

 #log_comment{ 
	border:2px solid #C3C3C3;
	font-size:14px;
	line-height:18px;
	margin:15px 0 20px;
	padding:6px;
	width:545px;
}

.button.btn_log_deed {
	background-position:-878px 0;
	float:none;
	margin-top:20px;
	position:static;
	width:110px;
}

.button.btn_log_deed:hover {background-position:-878px -36px; }
.button.btn_log_deed:active {background-position:-878px -72px; }

 .ribbon_text.login {
	background-position:-1262px 0;
	height:34px;
	left:18px;
	top:15px;
	width:88px;
}

.title_black.please_login {
	background-position:-519px -209px;
	float:left;
	height:22px;
	width:482px;
}

.login_form{
color:#666666;
line-height:40px;
}

.login_form_text{ 
	float:left;
	width:116px;
}

.forgot_password{
	color:#666666;
	text-decoration:none;
}
.forgot_password:hover{ text-decoration:underline;}

.button.login.login_page{
	float:none;
	left:0;
	top:0;
}

.layout.twitter{  
	background-position:-540px -250px;
	display:block;
	float:none;
	height:24px;
	margin:10px 0 0 9px;
	width:91px;
}

.layout.twitter:hover{ background-position:-540px -250px;}

/*  these need to be refactored */
.ribbon_public_right1 { 
position:absolute;
top:10px;
}
.ribbon_public_right2 { 
position:absolute;
top:70px;
}
 


/*  TODO: combine with other similar rollovers*/
.a_login, .a_signup {
	left:20px;
	position:absolute;
	top:15px;
}

.a_login a { 
	background:transparent url(../images/nav/ribbon_text_sprite.png?) no-repeat scroll -1020px -62px;
	display:block;
	height:19px;
	width:51px;
}
.a_login a:hover { background-position:-1020px -81px;}

.a_signup a { 
	background:transparent url(../images/nav/ribbon_text_sprite.png?) no-repeat scroll -1076px -62px;
	display:block;
	height:19px;
	width:70px;
}
.a_signup a:hover { background-position:-1076px -81px;}

.sidebar_spacer_public {
	margin: 140px 0px 0px 0px;
}

.sidebar_wrapper_public {
	margin:25px 0 0 5px;
}

.ribbon_text.signup {
	background-position:-1354px 0;
	height:34px;
	left:18px;
	top:15px;
	width:116px;
}

.title_black.please_enter { 
	background-position:-1002px -209px;
	float:left;
	height:22px;
	width:295px;
}

.tbl_signup{
	color:#666666;
	margin-bottom:10px;
}

.tbl_signup td{
	height:35px;
	margin-top:10px;
	padding-right:10px;
}

.button.signup{ 
	background-position:-1228px 0;
	float:none;
	left:0;
	margin-left:3px;
	top:0;
	width:98px;
}
.button.signup:hover{background-position:-1228px -36px; }
.button.signup:active{background-position:-1228px -72px; }

.ribbon_text.forgot_pword { 
	background-position:-1482px 0;
	height:34px;
	left:18px;
	top:15px;
	width:253px;
}

.form_retrieve{
	color:#666666;
	line-height:30px;
}

input.button.retrieve { 
	background-position:-1326px 0;
	float:none;
	margin-top:15px;
	position:static;
	width:117px;
}
.button.retrieve:hover{background-position:-1326px -36px; }
.button.retrieve:active{background-position:-1326px -72px; }

 
/* logged in homepage */
#timeline li.status { margin:0; padding:15px 20px 0 0; }

#timeline .status_user 			{ float:left; margin:0 0 0 10px; min-height:75px; width:370px; }
#timeline .status_user a 		{ color:#115EA4; font-weight:bold; text-decoration:none; }
#timeline .status_user a:hover	{ text-decoration:underline; }
#timeline .status_thumbnail 	{ margin:0 0 10px 0; } 

.status_medal_earned { float:right; margin:0 0 0 10px; }

.logged_in_home_wrapper { margin:85px 0 0 20px; width:560px; }

.ribbon_text.recent_activity {
	background-position:-1745px 0;
	height:34px;
	left:18px;
	top:15px;
	width:228px;
}
 
.title_black.whos_greenest {
	background-position:-1304px -205px;
	float:left;
	height:26px;
	margin:30px 0 25px 0;
	width:315px;
}

/* Settings page changes */

.ribbon_text.your_settings {
	background-position:-1982px 0;
	height:34px;
	left:8px;
	top:15px;
	width:201px;
}

.your_settings_wrapper{
	margin:130px 0 0 20px;
	width:560px;
}

.settings_nav { margin:0 0 0 10px; }
.settings_nav li{ float:left; padding:20px 40px 20px 0; }
.settings_nav a		 	{ color:#666666; font-weight:normal; text-decoration:none; }
.settings_nav a:hover	{ text-decoration:underline;}
.settings_nav a.settings_active { color:#115ea4; }
.settings_nav a.settings_active:hover { text-decoration:none; cursor:default; }

.profile_settings, h3.profile_settings {
	color:#A3A3A3;
	margin-left:10px;
}
h3.profile_settings {
	height:40px;
	font-weight: normal;
	text-shadow:0 1px 1px #FFFFFF;
}
.profile_settings tr {}
.profile_settings td { padding:15px 0 0 25px; vertical-align:top; }

.button.btn_save		{ background-position:-383px 0; clear:left; margin-top:35px; position:static; width:93px; }
.button.btn_save:hover	{ background-position:-383px -36px;}
.button.btn_save:active	{ background-position:-383px -72px;}

.profile_settings textarea, .profile_settings input[type=text]{ overflow:hidden; width:265px; }


/* Profile Sidebar */
.ribbon_text.user_profile {
	background-position:-762px -28px;
	height:18px;
	left:20px;
	top:14px;
	width:97px;
}

 .ribbon_user_profile {
	left:0;
	position:absolute;
	top:10px;
}

.sidebar_wrapper.user_profile {
	margin:80px 0 0 5px;
}

.title_black.profile_stats	{ background-position:-954px -101px; width:71px; }
.title_black.profile_medals { background-position:-1104px -101px; width:102px; }
.title_black.profile_deeds	{ background-position:-1450px -101px; width:87px; }

.profile_deed_feed li 			{ color:#222222; padding:5px 0 0; }
.profile_deed_feed .avatar		{ float:left; height:45px; width:45px; }
.profile_deed_feed .status_text { float:left; font-size:14px; margin:0 0 5px 15px; min-height:45px; width:190px; }
.profile_deed_feed .log_link 	{ float:right; padding:27px 0 0; text-align:right; }

.avatar a {
	background:transparent url(../images/elements/elements_sprite_text.jpg) no-repeat scroll 0 0;
	display:block;
	height:49px;
	margin-right:15px;
	text-decoration:none;
	width:45px;
}

.avatar .deed_earth {background-position:0 -152px;}
.profile_deed_feed li:hover .avatar .deed_earth {background-position:0 -217px;}
.avatar .deed_life {background-position:-75px -152px;}
.profile_deed_feed li:hover .avatar .deed_life {background-position:-75px -217px;}
.avatar .deed_water {background-position:-150px -152px;}
.profile_deed_feed li:hover .avatar .deed_water  {background-position:-150px -217px;}
.avatar .deed_air {background-position:-225px -152px;}
.profile_deed_feed li:hover .avatar .deed_air  {background-position:-225px -217px;}
.avatar .deed_fire {background-position:-300px -152px;}
.profile_deed_feed li:hover .avatar .deed_fire  {background-position:-300px -217px;}


.log_link a {
	color:#115EA4;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.log_link a:hover{text-decoration:underline;}

.divrule.lower_profile_deed_feed{
	position:relative;
	top:-7px;
	width:285px;
}

/* Profile  Page */
.profile_info_wrapper{
	margin:35px 0 0 20px;
	width:535px;
}

.avatar_large{ 
	float:left;
	height:175px; 
	width:175px;
}

.profile_header_info{ 
	color:#222222;
	float:left;
	font-size:14px;
	height:175px;
	margin:0 0 0 20px;
}
.profile_header_info h1{
	font-size:25px;
	margin:0 0 10px;
}

.button.btn_unfollow {
	background-position:-1443px 0;
	clear:left;
	margin-top:15px;
	position:static;
	width:121px;
}
.button.btn_unfollow:hover{background-position:-1443px -36px;}
.button.btn_unfollow:active{background-position:-1443px -72px;}

.title_black.profile_updates {
	background-position:-987px -180px;
	height:27px;
	margin:40px 0 20px;
	width:95px;
}

.profile_updates li {
	padding-top:10px;
}

.update_pic { 
	float:left;
	height:75px;
	width:75px;
}

.update_text{ 
	float:left;
	margin:0 0 10px 20px;
	min-height:75px;
	width:430px;
}

.status_points.update_feed{
	float:none;
	padding-top:15px;
}

.update_text a { 
	color:#115EA4;
	font-weight:bold;
	text-decoration:none;
} 
.update_text a:hover{text-decoration:underline;}

ul.profile_info {
	width: 280px;
}
ul.profile_info li {
	font-size: 14px;
	margin: 0px 5px;
	line-height: 21px;
}

a.badge_normal { 
	background:transparent url(../images/badges/med_sprite.jpg) no-repeat scroll 0 0;
	display:block;
	height:75px;
	width:75px;
}
 
a.badge_normal.eco_greenling{background-position: 0px 0px;}
a.badge_normal.eco_greenster{background-position: -75px 0px;}
a.badge_normal.eco_sasquatch{background-position: -150px 0px;}
a.badge_normal.eco_yeti{background-position: -225px 0px;}

a.badge_normal.eco_samurai{background-position: 0px -75px;}
a.badge_normal.eco_star{background-position: -75px -75px;}
a.badge_normal.eco_zephrus{background-position: -150px -75px;}
a.badge_normal.eco_thor{background-position:-225px -75px;}

a.badge_normal.eco_selkie{background-position: 0px -150px;}
a.badge_normal.eco_nereid{background-position: -75px -150px;}
a.badge_normal.eco_nautilus{background-position: -150px -150px;}
a.badge_normal.eco_poseidon{background-position:-225px -150px;}

a.badge_normal.eco_ninja{background-position: 0px -225px;}
a.badge_normal.eco_dryad{background-position: -75px -225px;}
a.badge_normal.eco_explorer{background-position: -150px -225px;}
a.badge_normal.eco_green_sheriff{background-position:-225px -225px;}

a.badge_normal.eco_torch{background-position: 0px -300px;}
a.badge_normal.eco_sun{background-position: -75px -300px;}
a.badge_normal.eco_vulcan{background-position: -150px -300px;}
a.badge_normal.eco_phoenix{background-position:-225px -300px;}

a.badge_normal.eco_zen_master{background-position: 0px -375px;}
a.badge_normal.eco_inventor{background-position: -75px -375px;}
a.badge_normal.eco_green_king{background-position: -150px -375px;}
a.badge_normal.eco_hero{background-position:-225px -375px;}

.ribbon_text.oops 			{ background-position:-2194px 0; height:34px; left:18px; top:15px; width:104px; }
.ribbon_text.logged 		{ background-position:-2309px 0; height:34px; left:18px; top:15px; width:117px; }
.ribbon_text.added 			{ background-position:-2436px 0; height:34px; left:18px; top:15px; width:103px;}
.ribbon_text.local_greensters { background-position:-2551px 0; height:34px; left:18px; top:15px; width:251px; }
.ribbon_text.daily_heroes 	{ background-position:-2816px 0; height:34px; left:18px; top:15px; width:190px; }
.ribbon_text.rules 			{ background-position:-3019px 0; height:34px; left:18px; top:15px; width:84px; }
.ribbon_text.about 			{ background-position:-3115px 0; height:34px; left:18px; top:15px; width:97px; }
.ribbon_text.contact_us 	{ background-position:-3223px 0; height:34px; left:18px; top:15px; width:169px; }
.ribbon_text.deed 			{ background-position:-3406px 0; height:34px; left:18px; top:15px; width:80px; }

.two_column_left_wrapper{ margin:120px 20px 0 10px; }

/*  fixing feeds */
.status_medal_earned_home_feed {
	float:right;
	margin-right:15px;
	width:75px;
}

#timeline .status_user_home_feed {
	float:left;
	line-height:20px;
	margin:0 0 0 10px;
	min-height:75px;
	width:345px;
}

#timeline .status_user_home_feed a {
	color:#115EA4;
	font-weight:bold;
	text-decoration:none;
}
#timeline .status_user_home_feed a:hover {text-decoration:underline; }
 

 div.fd_bdg_home_feed {
	width:75px;
}
 
.update_pic_profile_feed span.status_points {
	float:none;
}

.update_pic_profile_feed {
	float:left;
	height:75px;
	margin:0 0 0 15px;
	width:75px;
}

.update_text_profile_feed {
	float:left;
	margin:0 0 10px 15px;
	min-height:75px;
	width:415px;
} 
 
.update_text_profile_feed  a{
	color:#115EA4;
	font-weight:bold;
	text-decoration:none;
}
.update_text_profile_feed a:hover {text-decoration:underline; }


/* Brennan Code */
.site_pages_content		{ margin: 130px 10px 0px 35px; }
.site_pages_content h3	{ margin: 30px 0px 10px 0px; font-size: 24px; text-shadow:0px 1px 1px #FFFFFF; }
.site_pages_content p	{ margin: 15px 0px 30px 0px; color:#222222; text-shadow:1px 1px 1px #FFFFFF; line-height: 21px; }
.site_pages_content blockquote { margin: 25px 0px 25px 25px; font-weight: bold; }

.content_indented 			{ margin: 0px 0px 30px 25px; }
.content_rules_points 		{ display: block; float: left; color:#882A21;font-size:40px;font-weight:bold;:0px; margin: 0px 25px 0px 0px;}
.content_rules_medal_greenling 	{ display: block; float: left; background:transparent url(../images/badges/small_sprite.jpg) no-repeat scroll 0px 0px; height:58px; margin:2px 15px 0px 0px; width:58px; }
.content_rules_medal_eco_hero 	{ display: block; float: left; background:transparent url(../images/badges/small_sprite.jpg) no-repeat scroll -174px -232px; height:58px; margin:2px 15px 0px 0px; width:58px; }

.the_fine_print	{  font-size: 12px; color: #A3A3A3; float: right; margin: 2px 20px 0px 0px;  }

ol.daily_hi_score_timeline{ margin-bottom:10px; margin-top:3px; }
ol.daily_hi_score_timeline li { margin-bottom:10px; margin-top:10px; }

.daily_hi_score_avatar		{ float:left; margin: 0px 0px 10px 0px; }
.daily_hi_score_user		{ float:left; font-size:18px; font-weight:bold; margin-left:10px; text-shadow:0px 1px 1px #FFFFFF; }
.daily_hi_score_user span	{ color:#A32E2E; display:block; font-size:30px; margin-top:5px; }
.daily_hi_score_user_points	{ font-size: 18px; font-weight: bold; float: right; text-shadow:0px 1px 1px #FFFFFF; }

.status_user_comment { font-size: 12px; color:#A3A3A3; margin: 4px 0px 0px 0px; padding: 2px 8px 8px 0px; line-height: 18px; }

.content_text	{ font-size: 16px; margin: 15px 0px 15px 20px; line-height: 21px; text-shadow:0px 1px 1px #FFFFFF; }

.deed_detail	{ margin:-10px 0px 0px 0px; display: block;	}

.add_deed_similar_text { width: 420px; color:#A3A3A3; font-size: 16px; line-height: 24px; margin: -10px 0px 30px 15px }

.user_profile_content_left { margin: 35px 0px 0px 20px;  } 

.user_profile_name	{ font-size: 21px; margin: 0px 0px 25px 0px; display: block; }
.user_profile_image { margin: 0px 0px 0px 0px; display: block; }
	
.user_profile_medal_earned 	{ width: 550px; height: 350px; }
.user_profile_medal 		{ float:left; width: 295px; height: 295px; }
.user_profile_medal_text 	{ float: left; width: 240px; height: 300px; margin: 0px 0px 0px 15px; line-height: 30px; text-shadow:0px 1px 1px #FFFFFF;	}
.user_profile_medal_text h2 { margin: 15px 0px; font-size: 48px; text-shadow:0px 1px 1px #FFFFFF; }
.user_profile_medal_deed 	{ width: 240px; margin: 20px 0px 0px 0px; font-size: 14px; color: #A3A3A3; line-height: 18px; }
.user_profile_medal_deed_text { width: 180px; margin: 0px 0px 0px 10px; float:left; }
.user_profile_medals_all 	{ margin: 13px 0px 0px 0px; }

.sidebar_see_more { margin: 15px 0px 10px 13px; display:block; }
.sidebar_follow_icons a img { margin: 15px 15px 0px 0px; }
 
.recent_list .fd_bdg .status_thumbnail{ background:transparent url(../images/elements/elements_sprite_text.jpg) no-repeat scroll 0 0; display:block; height:45px; width:45px; }

.element_small		{ background:transparent url(../images/elements/elements_sprite_text.jpg) no-repeat scroll 0 0; display:block; height:45px; width:45px; }
.earth_small		{ background-position: 0 -152px;}
.earth_small:hover	{ background-position:0 -217px;}

.life_small			{ background-position: -75px -152px;}
.life_small:hover	{ background-position:-75px -217px;}

.water_small		{ background-position: -150px -152px ;}
.water_small:hover	{ background-position:-150px -217px;}

.air_small			{ background-position: -225px -152px;}
.air_small:hover	{ background-position:-225px -217px;}

.fire_small			{ background-position: -300px -152px ;}
.fire_small:hover	{ background-position:-300px -217px;}

.element_normal		{ background:transparent url(../images/elements/elements_sprite_text.jpg) no-repeat scroll 0 0; display:block; height:75px; width:75px; }
 
.earth_normal		{ background-position: 0 0 ;}
.earth_normal:hover	{ background-position:0 -75px;}
.life_normal		{ background-position: -75px 0 ;}
.life_normal:hover	{ background-position:-75px -75px;}
.water_normal		{ background-position: -150px 0 ;}
.water_normal:hover	{ background-position:-150px -75px;}
.air_normal			{ background-position: -225px 0;}
.air_normal:hover	{ background-position:-225px -75px;}
.fire_normal		{ background-position: -300px 0 ;}
.fire_normal:hover	{ background-position:-300px -75px;}

.site_footer { text-align: center; margin: 0px auto; }

a.main_logo	{ display:block; position:relative; z-index:10000; }

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

a.twitter_connect_index { position: relative; top: -175px; left: -135px; margin:0px 0px 0px 20px; }

.status_actions_deed_list { left:450px; position:absolute; visibility:hidden; }

.completed_share_options { width: 60px; float: right; margin: -32px 10px 0px 0px; text-align: right; }

ol.deed_timeline li:hover div.status_actions_deed_list { visibility:visible; }

/* keep at the bottom so they override*/
.go_green {color:green;}
.go_red {color:red;}