/* Copyright (c), 2004-2010 SustainableCircles Corp. All rights reserved. */
#IMG_POP {
min-height: 100px;
min-width: 100px;
_XXXwidth: 200px;
}
.loading .img_pop_main{
background: #FFFFFF url("../../../img/progress.gif") no-repeat center center;
}
.loading #IMG_CONTAINER{
height: 160px;
width: 0px;
padding-left: 159px;
overflow: hidden;
}
#POP_IMG{
cursor: pointer;
}
#IMG_POP .img_pop_main{
padding: 1em;
border: 1px solid #888888;
position: relative;
}
#IMG_CONTAINER {
text-align: center;
padding-bottom: 0.5em;
}
#IMG_POP .close {
font-weight: bold;
line-height: 0.9;
padding: 0 0 2px 4px;
position: absolute;
border:1px solid #FFFFFF;
background-color: #FFFFFF;
background-color: #0E7299;
color: #FFFFFF;
right: 0;
top: 0;
_right:1px;
_top: 1px;
}
a.close span {
font-size: 20px;
position:relative;
top:2px;
}
#IMG_POP .close:hover {
background-color: #FFFFFF;
color: #0E7299;
text-decoration: none;
}
#hd{
background: none;
}
/**	background: #FFFFFF url(../../../img/v2/brands/tasks/Gray_Grid.gif) repeat scroll;**/
#hd .nav_area {
background: transparent url(../../../img/v2/brands/tasks/headers/Hopenhagen_Header_graphic_100609_6_2.jpg) no-repeat scroll 47% -2px;
}
#hd .tag_line,
#hd .top_nav a{
background-color: #FFFFFF;
}
.st_hope #hd {
background: none;
}
.st_hope #hd .logo{
background: transparent url(../../../img/v2/brands/tasks/headers/sustainlane_233px.gif) no-repeat scroll center 21%;
}
.st_child #hd .nav_area {
background: #000000 url(../../../img/v2/brands/tasks/headers/header_mission.jpg) no-repeat scroll -55px 0px;
height: 124px;
}
.st_child_l #hd .nav_area {
background: #000000 url(../../../img/v2/brands/tasks/headers/mission_98px_h.png) no-repeat scroll 0px 0px;
height: 98px;
}
.st_child_l #hd .logo{
float: right;
}
.st_forest_s #hd .nav_area {
background: #000000 url(../../../img/v2/brands/tasks/headers/forest98.jpg) no-repeat scroll 177px 0px;
height: 98px;
}
.st_forest_m #hd .nav_area {
background: #000000 url(../../../img/v2/brands/tasks/headers/forest150.jpg) no-repeat scroll -10px 0px;
height: 150px;
}
.st_forest_l #hd .nav_area {
background: #000000 url(../../../img/v2/brands/tasks/headers/forest950.jpg) no-repeat scroll -158px -28px;
height: 133px;
}
.st_forest_l #hd .logo{
float:none;
position:absolute;
right:10px;
top:10px;
}
.st_valley_l #hd .nav_area {
background: #000000 url(../../../img/v2/brands/tasks/headers/valley950.jpg) no-repeat scroll -158px -28px;
height: 133px;
}
.st_valley_m #hd .nav_area {
background: #000000 url(../../../img/v2/brands/tasks/headers/valley150.jpg) no-repeat scroll -10px 0px;
height: 150px;
}
.st_valley_l #hd .logo{
float:none;
position:absolute;
right:10px;
top:10px;
}
.st_hope #hd .separator,
.st_hope #hd .tag_line{
display: none;
}
.st_hope #hd .top_nav{color: #888888;}
.st_hope #hd .top_nav strong,
.st_hope #hd .top_nav a{
color: #FFFFFF;
background-color: transparent;
padding: 0.2em;
}
.hopenhagen_logo{
float: right;
}
.hov_container{
position: relative;
}
.hov_container .popup{
display: none;
position: absolute;
background-color: #FFFFFF;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.hov_container:hover .popup{
display: block;
border: 1px solid;
padding: 0.5em;
width: 20em;
z-index: 22;
}
.hopenhagen_logo a{
display: block;
background-image: url(../../../img/v2/brands/tasks/partnership_166px.gif);
width: 166px;
height: 57px;
margin-top: 0.5em;
}
.hopenhagen_logo .popup{
left: auto;
right: 3px;
top: 56px;
}
.sub_nav_bar{
background: #D0F8F4 url(../../../img/v2/boxes/bg_half_blue.gif) repeat-x scroll left center;
padding: 10px 2em;
color:#888888;
}
.sub_nav_bar h2{
display: inline;
font-family:georgia,serif;
font-size: 153.85%;
font-weight: normal;
line-height:1;
}
.sub_nav_bar a{
font-size: 107.7%;
font-weight: bold;
padding: 0 0.4em;
}
.sub_nav_bar a:hover{
color: #FFFFFF;
background-color: #0E6299;
text-decoration: none;
}
.sub_nav_bar {
XXXposition: relative;
}
.sub_nav_bar .manage{
position: absolute;
right: 0;
top: 400px;
line-height: 1;
border: 1px solid;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
width: 5em;
background-color: #fff;
z-index: 500;
}
.sub_nav_bar .manage a{
font-weight: normal;
font-size: 11px;
}
a.manage {
float: right;
}
.styled_box .box_head,
.tp_box .box_head,
#bd h1
{
font-family:arial,helvetica,clean,sans-serif;
font-weight: bold;
color: #62A02B;
font-size:161.531%;
}
.tp_box .box_head a{color: inherit;}
.styled_box .box_head a,
.tp_box .box_head a,
h1 a{
*color: #62A02B;
}
#bd h1{
font-size: 184.62%;
}
.styled_box .box_head a {text-decoration: none;}
.styled_box .sub_title{
font-family: arial,helvetica,clean,sans-serif;
}
.content .styled_box,
.tp_box{
border-color: #EAF9DC;
border-bottom-width: 9px;
border-top-width: 9px;
}
#side .styled_box .box_head,
#side .tp_box .box_head{
font-size: 123.077%;
XXXfont-size: 138.462%;
}
.simple_toolbar{
margin: 1em 0 2em;
border: 1px solid #CCCCCC;
background:#F4F4F4 url(../../../img/v2/boxes/box_bg_gradient_90.png) repeat-x scroll left top;
}
.simple_toolbar .box_head{
background-color: #76AF3A;
color: #FFFFFF;
text-align: center;
font-weight: bold;
text-transform: uppercase;
padding: 0.2em 0;
margin: 4px;
font-size: 107.693%;
}
.simple_toolbar .share_actions{
clear: both;
border-top: 1px solid #CCCCCC;
padding:4px 0;
*padding: 1px 0;
}
.simple_toolbar .tool{
background:transparent url(../../../img/v2/brands/tasks/task_dashboard.gif) no-repeat scroll left top;
display: block;
text-align: center;
padding-top: 51px;
height:18px;
line-height:1;
float: left;
color:#505050;
font-size:12px;
XXXtext-decoration:none;
width:88px;
margin: 4px 0 5px 4px;
}
.simple_toolbar .tool{
_margin-left: 3px;
*margin-bottom: 1px;
}
.simple_toolbar .friend{
background-position: -91px 0;
width: 117px;
}
.simple_toolbar .comment{
background-position: -211px 0;
width: 75px;
}
.simple_toolbar .sb_toolbar{
float: left;
margin: 0 1em;
}
.simple_toolbar .sb_pl{
float: left;
margin-top: 3px;
}
.simple_toolbar .email{
float: right;
margin-top: 3px;
margin-right: 8px;
font-weight: bold;
}
#bd .task_page h1{
margin: 0 0 0.5em;
padding-top: 1em;
XXXclear: both;
}
.task_page .instructional {
margin: 1em 0;
}
.task_page .description,
.task_instructional ol,
.task_instructional blockquote
{
background-color: #F9F9F9;
border: 1px solid #CCCCCC;
padding: 1em;
}
.task_instructional blockquote,
.task_instructional blockquote p{
margin: 0;
}
.article_page .article p{
margin: 0 0 0.5em;
}
.action_block {
margin: 2em 0 1em;
text-align: center;
}
/**
.hopenhagen_banner{
display: block;
background: #000000 url(http://hopenhagen.org/banners/Hopenhagen_q409_button_Blk_250x250_0.gif) no-repeat scroll center 50%;
height:200px;
margin-bottom: 1em;
}
**/
.task_page .top_sep{
clear:both;
padding-top:2em;
margin-top: 2em;
border-top-style: solid;
}
.tp_box{
margin-bottom: 1.5em;
}
.tp_box .box_head {
line-height:1.1;
margin-bottom:0.5em;
font-size:184.616%;
}
.tp_box .box_head h2{
font-size: 100%;
font-weight: inherit;
}
.tp_box .box_body{clear:both; }
.tp_box .more_bottom {
font-size:84.616%;
font-weight:bold;
margin-top:0.5em;
text-align:center;
}
.tp_box .more_bottom a {
color:#217008;
}
.action_shots .completed,
.action_shots .points{
float: right;
font-weight: bold;
}
.action_shots .completed{
font-size: 107.693%;
margin: 0.5em 0.5em 0 0;
}
.action_shots .points{
font-size: 200%;
}
.action_shots .item{
margin-bottom: 1em;
}
.action_shots .img_thumb_a{
float: left;
}
.action_shots .text{
margin-left: 165px;
}
.action_shots cite{
font-weight: bold;
font-style: italic;
}
.action_shots .article{
margin-top: 0.5em;
}
.action_gallery .item{
float: left;
margin: 0px 0px 10px 10px;
}
#bd .content{
margin: 0;
}
.header_search{
margin-bottom: 0;
}
.task_hub .top_copy{
margin: 2em 0;
}
#bd .task_hub h1{
margin-top: 0;
padding-top: 1em;
}
.sl-main .sl-b .search_page {
padding:0;
width:97%;
}
.search_page h1{
margin-bottom: 0.5em;
}
.task_search{
clear: both;
border: 1px solid #CCCCCC;
padding: 0em 1em;
margin-bottom: 1em;
}
.task_search .box_head{
font-size:123.077%;
margin: 0.5em 0 0;
display: block;
}
.task_search .box_body{
text-align: center;
}
.task_search .textfield{
width: 12em;
margin-right: 1em;
xvertical-align: super;
}
.task_search .box_body{
*margin-top: -1em;
*padding: 0 0 1em 1em;
}
.task_search .button_g{
position: relative;
*top: 0.9em;
}
.five_columns ul{
float: left;
width:20%;
*width:19.9%;
margin: 0;
}
.five_columns ul li{
list-style-type:none;
margin-bottom: 0.5em;
}
.task_instructional ol{margin: 1em 0}
.task_instructional ol li{list-style-position: inside;}
.task_instructional,
.five_columns p{
font-family: verdana,arial,helvetica,clean,sans-serif;
}
.announce_block p{
text-align: center;
margin: 0.5em 0;
}
.announce_block strong{
font-size:123.077%;
color:#62A02B;
line-height: 1.3125;
}
.outline_box,
.dark_box{
border: 1px solid #CCCCCC;
padding: 0.8em 0.8em;
margin-top: 1em;
}
.outline_box .more_bottom,
.dark_box .more_bottom{
XXXmargin-bottom: 1.5em;
}
.dark_box {
background: #F4F4F4  url("../../../img/v2/boxes/box_bg_gradient_90.png") repeat-x scroll left top;
}
.dark_box .item{
margin-top: 1em;
padding: 0;
}
.dark_box .i_0{
margin-top: 0;
}
.badge_item {
margin-bottom: 1em;
}
.badge_item .badge{
width: 200px;
float: left;
text-align: center;
}
.badge_item img{
margin: 0;
}
.badge_item .box_head,
.badge_item blockquote,
.badge_item p.desc
{
margin-left: 201px;
clear: right;
}
.badge_item blockquote{
background-color:#F9F9F9;
border:1px solid #CCCCCC;
padding:1em;
font-size: 84.616%;
}