/* YUI - reset.css, version: 2.6.0 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/* YUI - base.css, version: 2.6.0 */
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


/*
+-----------------------------------------------------------------------+
| Main stylesheet for doGoodr                                           |
+-----------------------------------------------------------------------+
| Standard colors:
|     Black:      #000000
|     White:      #ffffff
|     Grey:       #dedcd2 or #b4b2aa
|     Red:        #ff0000
|     Green:      #188f08
|     Blue:       #0000cc or #3333e2
|     Light blue: #e6effd
|     Yellow:     #ffffdd
|     Orange:     #fde9a3
|     Purple:     #840cff
+-----------------------------------------------------------------------+ 
*/

/** Undo some styles from YUI base.css
-------------------------------------------------------- */

fieldset, table, pre { margin: 0px; border: 0px; }

ul li { list-style: none; }

th, td { border: none; }


/** Main page elements, used across entire site
-------------------------------------------------------- */

html, body {
	margin: 0px;
	padding: 0px;
}

body {
	color: #000000;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: auto;
	height: 100%;
}

h1, h2 {
	margin: 0px;
	margin-bottom: 10px;
}

h1 {
	color: #999999;
	font-size: 24px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 24px;
}

h2 {
	font-size: 18px;
	line-height: 18px;
	padding-top: 3px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
	margin: 10px 0px;
}

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

h6 {
	font-size: 14px;
	font-weight: normal;
}

a {
	color: #0000cc;
	text-decoration: none;
}

a:hover, a.hover {
	color: #ff0000;
	text-decoration: underline;
}

a.hover img {
	border: solid 1px #ff0000 !important;
}

ul {
	margin-left: 15px;
}


/** Forms 
-------------------------------------------------------- */

/* Basic form styles and simple modifiers */

fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

input, select, option, textarea {
	font-size: 12px;
	font-weight: normal;
}

input.textfield, textarea {
	border: solid 1px #7f9db9;
}

input.button, form.button-to input { 
	margin-left: 3px;
}

form.button-to, form.button-to div {
	display: inline;
}

input.placeholder, input.default_text {
  	color: #666666;
  	text-align: center;
}

select option.placeholder {
  	color: #666666;
}

input.button-hidden {
	position: absolute;
	top: -9000px;
	left: 0px;
}

li input {
	margin-right: 5px;
	vertical-align: middle;
}

/* Non-form elements that are only used with forms */

.inputrow {
	min-height: 1.0em;
	overflow: hidden;
}

div.inputrow {
	margin-top: 10px;
}

div.formwidget div.inputrow:first-child, 
div.form_section div.inputrow:first-child {
	margin-top: 0px;
}

body.search div.inputrow + div.inputrow,
body.my_account_edit_additional div.inputrow + div.inputrow,
body.my_account_organization_info div.inputrow + div.inputrow {
	margin-top: 6px;
}

body.search div.first_block div.inputrow + div.inputrow {
	margin-top: 10px;
}

body.post_steps_geography .inputrow + .inputrow {
	margin-top: 3px;
}

div.inputrow label, div.inputrow input, div.inputrow select, div.inputrow a {
	vertical-align: middle;
}

.inputrow label + input {
	margin-left: 15px;
}

div.step_buttons form, div.step_buttons div {
	display: inline;
}

label span.required_indicator {
	margin-left: 2px;
}

.input_note {
	font-size: 11px;
	padding-bottom: 5px;
}

/* Standard element sizes */

/* Reference: Default text field width is approximately 148px, 
   but setting it explicitly breaks rendering in IE6 */

input.textfield, input.button {
	padding: 2px 5px;
}

textarea {
	padding: 1px 2px;
}

input.textfield_short1, select.select_short1 {
	width: 120px !important;
}

input.textfield_short2, select.select_short2 {
	width: 60px !important;
}

input.textfield_long {
	width: 180px;
}

select.select_long {
	width: 192px;
}

input.textfield_long2 {
	width: 230px;
}

select.select_long2 {
	width: 242px;
}


/** Main structural classes
-------------------------------------------------------- */

/* div#wrapper1 wraps entire page, including header, footer, and sidebars */
#wrapper1 {
	width: 905px;
	margin: 0px auto;
}

/* div#wrapper2 wraps center content area */
#wrapper2 {
	clear: both;
}

/* div#content is the center column, containing primary content */
/* margins are sidebar width + 15px whitespace */

#content { 
	position: relative;
	min-height: 400px;
	border-left: solid 1px #ffffff;
	float: left;
}

body.one_column #content {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	float: none;
}

/* Margin/padding combinations here are sized to accomodate left border
   on some pages (immediately following these #content styles) */

body.two_column #content {
	width: 680px;
	padding-left: 24px;
}

body.three_column #content {
	width: 494px;
	padding-left: 24px;
	padding-right: 24px;
}

/* Some sections have a left border on the content area... */
body.help #content, 
body.search #content, 
body.post_steps #content,
body.my_account #content, 
body.about_how_it_works #content, 
body.my_page_posts #content, 
body.my_page_search #content,
body.my_page_matching_posts #content {
	border-left: solid 1px #dedcd2;
}

/* ... But some pages within those sections do not. */
body.help_search #content, 
body.help_tutorial #content, 
body.search_results #content, 
body.search_post_match #content, 
body.post_steps_index #content, 
body.post_steps_intro #content, 
body.post_steps_existing_posts #content, 
body.post_steps_republish #content, 
body.search_opportunities_match #content, 
body.post_steps_reregister_complete #content, 
body.my_account_organization_choose #content,
body.my_account_np_organization_choose #content,
body.my_account_fiscal_sponsor_choose #content {
	border-left: solid 1px #ffffff;
}

/* ... And popup windows never have a left border. */
body.popup.my_account #content {
	border-left: solid 1px #ffffff;
}

/* Basic sidebar structure; styling of sidebar content appears further down */

div.sidebar {
	width: 180px;
	position: relative;
}

#sidebar_left {
	min-height: 200px;
	float: left;
}

#sidebar_right {
	float: right;
}

div.fake_sidebar {
	width: 170px;
	float: right;
	clear: right;
}


/** Common element styles
-------------------------------------------------------- */

.usernote {
	color: #ff0000 !important;
	font-size: 12px;
}

p.usernote {
	margin: 1em 0px;
}

ul.usernote_list li {
	list-style-type: disc;
}

.usernote_box {
	background: #fde9a3;
	font-weight: bold;
	padding: 2px 5px;
	width: 460px;
	line-height: 16px;
}

div.popbox .usernote_box {
	width: 320px;
}

/* Headers and usernotes that appear immediately above formwidget boxes */
.above_element {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

h3 span.note, h3 span.usernote {
	font-size: 12px;
	font-weight: normal;
	margin-left: 5px;
}

a.context_help, a.editlink {
	font-size: 12px;
	font-weight: normal;
	margin-left: 5px;
}

h4 span.usernote, h4 .context_help, p .context_help {
	font-weight: normal;
	float: right;
}

a.context_help_icon img {
	vertical-align: middle;
}

h4 a.context_help_icon img {
	vertical-align: -2px;
}

h4 span.usernote, h4 .context_help {
	margin-top: 0.2em;
}

div.information_box, p.info {
	background: #fde9a3;
	padding: 5px;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
}

div.information_box {
	color: #ff0000;
	border: solid 1px #fde9a3;
	padding: 10px;
}

div.information_box ul {
	margin: 0px;
}

div.information_box ul li {
	margin-left: 20px;
	margin-bottom: 5px;
	list-style-type: disc;
}

p.page_numbers, p.view_options {
	height: 12px;
	margin: 0px;
	margin-bottom: 5px;
}

p.page_numbers a, p.view_options a {
	margin: auto 3px;
}

span.unblock_all_fieldset {
  margin-right: 10px;
}

/* Utility classes */

.current, .current:hover, 
.current a, .current a:hover, 
a.disabled, a.disabled:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}

.current, .current:hover, 
.current a, .current a:hover {
	color: #000000 !important;	
}

.indent {
	margin-left: 15px !important;
}

.noindent {
	margin-left: 0px !important;
}

.left {  
	float: left;
}

.right {  
	float: right;
}

.center {
	text-align: center;
	margin: auto;
}

.clear {
	clear: both;
}

.inline {
	display: inline;
}

.block {
	display: block;
}

.hidden {
	visibility: hidden;
}

.offer {
	color: #188f08;
}

a.offer {
	color: #0000cc;
}

a.offer:hover {
	color: #188f08;
}

.alert, .need {
	color: #ff0000;
}

.error {
	color: #ff0000; 
	font-weight: bold; 
}

.error_box, .error_box2 {
	color: #ff0000; 
	background: #ffff00;
	font-weight: bold; 
	padding: 3px;
	margin: 10px;	
}

.error_box2 {
	background: #fde9a3;
}

.clearfix {
	overflow: hidden;
}

.safe_clearfix {
	overflow: visible !important;
}

.safe_clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.underline {
	text-decoration: underline;
}

/* fieldWithErrors class is inserted by a standard Rails error helper */
div.fieldWithErrors {
	display: inline;
}

div.fieldWithErrors input, input.fieldWithErrors {
	color: #f91a00;
	background: #fdf8ad;
}

div.divider {
	height: 1px;
	border-bottom: solid 1px #dedcd2;
	margin: 3px 0px;
}

.has_icon img {
	vertical-align: middle;
}

.image_links a img, a.image_link img {
	border: solid 1px #0000cc;
}

.image_links a:hover img, a.image_link:hover img {
	border: solid 1px #ff0000;
}

span.box_title {
	float: left;
}

.show_hide_link {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
}

span.dogoodr_text, p.inline_alert_head {
	font-weight: bold;
}

img.dogoodr_logo {
	margin-bottom: -1px;
}

p.print {
	text-align: center;
	margin-top: 30px;
}

div.print_back {
	width: 200px;
	text-align: right;
	padding-top: 3px;
	float: right;
}

div.print_back a {
	margin-left: 10px;
}

div.back_button, div.back_button form, div.back_button div {
	display: inline;
}

ul.bulleted_list li {
	list-style-type: disc;
	line-height: 1.3em;
	margin: 10px 0px;
}

/** Header 
-------------------------------------------------------- */

#header {
	margin-top: 9px;
}

div.logo_primary_menu {
	margin-bottom: 5px;
}

div.logo_primary_menu ul {
	margin: 0px;
	margin-top: 2px;
	list-style-type: none;
	float: right;
}

div.logo_primary_menu li {
	display: inline;
	padding-left: 8px;
	margin-left: 8px;
	border-left: 1px solid;
	float: left;
}

div.logo_primary_menu li.first {
	border-left: none;
}

div.logo_primary_menu li.login_advice {
	color: #ff0000;
    border-color: #000000;
}

#header div.search_box {
    width: 270px;
	float: left;
}

#header div.search_links {
	font-size: 11px;
	line-height: 10px;
	margin-top: 3px;
	padding-left: 1px;
}

/** Tabbed navigation menus (header and posts pages subheader)
-------------------------------------------------------- */

ul.tab_menu {
	padding: 0px;
	margin: 0px;
	margin-left: 0px !important;
}

ul.tab_menu li.tab {
	background: #e6effd;
	text-align: center;
	list-style-type: none;
	position: relative;
	z-index: 0;
}

ul.tab_menu li.dynamic_tab {
	border: solid 1px #e6effd;
}

ul.tab_menu li.current, ul.tab_menu li.inactive_current {
	background-color: #ffffff;
	font-weight: bold;
}

ul.tab_menu li.current,
ul.tab_menu li.dynamic_tab:hover {
	z-index: 10;
}

ul.tab_menu li.inactive_current {
	z-index: 0;
}

ul.tab_menu li.current a {
	color: #000000 !important;
}

ul.tab_menu li.current a:hover {
	text-decoration: none !important;
}

#header ul.tab_menu {
    height: 35px;
	overflow: visible;
	float: right;
}

#header ul.tab_menu li.tab, 
#header ul.tab_menu li.tab div.post_need_offer_button {
	font-size: 13px;
	height: 34px;
	line-height: 34px;
}

#header ul.tab_menu li.tab {
	width: 83px;
	float: left;
	margin-left: 4px;
}

#header ul.tab_menu li.dynamic_tab {
    border-bottom: solid 1px #b5b3aa;
}

#header ul.tab_menu li.current, 
#header ul.tab_menu li.dynamic_tab:hover {
	background: #ffffff;
	border: solid 1px #b5b3aa;
	border-bottom: solid 1px #ffffff;
}

#header ul.tab_menu li.tab div.post_need_offer_button {
    width: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}

#header ul.tab_menu li.dynamic_tab a {
	display: block;
}

#header ul.tab_menu li.last {
	width: 210px;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #fde9a3;
}

div.post_need_offer_button {
	background: #fde9a3;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	text-align: center;
	width: 220px;
	height: 36px;
	line-height: 36px;
	margin: 15px auto;
	white-space: nowrap;
}

#header ul.tab_menu li.current a {
	cursor: pointer;
}

/* Header search box */

#header fieldset {
	height: 18px;
	overflow: visible;
}

#header input {
	vertical-align: middle;
}

#header input.textfield {
	width: 187px;
	height: 14px;
	padding: 1px 3px;
}

#header input.button {
	padding: 1px 3px;
}

/** Subheaders (similar tabs seen on posts pages) */

#subheader {
	margin-top: 20px;
}

body.posts_index #subheader {
    margin-top: 0px;
}

#subheader ul.tab_menu {
    height: 35px;
	overflow: visible;
}

#subheader ul.tab_menu li.tab {
	width: 131px;
	height: 34px;
	font-size: 14px;
	line-height: 34px;
	float: left;
}

#subheader ul.tab_menu li.current, 
#subheader ul.tab_menu li.dynamic_tab:hover {
    background: #ffffff;
    border: solid 1px #7a7973;
    border-bottom: solid 1px #ffffff;
}

#subheader ul.tab_menu li.spacer_tab {
    background: #ffffff;
    width: 228px;
}

div.header_underline {
	clear: both;
}

div.header_underline, div.subheader_underline {
	height: 1px;
	max-height: 1px;
	position: relative;
	z-index: 5;
}

div.header_underline p, div.subheader_underline p {
	line-height: 0px;
	display: inline; 
}

div.header_underline {
    background: #b5b3aa;
}

div.subheader_underline {
    background: #7a7973;
}

/*
div.tab_menu_active {
    background: #b5b3aa !important;
}
*/

div.sub_menu {
	height: 30px;
	margin: -5px 0px 9px 0px;
	padding-top: 7px;
	border-bottom: solid 1px #dedcd2;
}

/* Some sections don't have a bottom border on sub_menu... */
/*
body.welcome div.sub_menu, 
body.sign_up div.sub_menu, 
body.help div.sub_menu, 
body.posts div.sub_menu, 
body.login div.sub_menu, 
body.donate div.sub_menu, 
body.search div.sub_menu,
body.post_steps div.sub_menu,
body.my_account div.sub_menu {
    border-bottom-color: #ffffff;
}
*/

/* ... But some pages within the above sections do have one */
/*
body.posts_index div.sub_menu, 
body.my_account_index div.sub_menu {
    border-bottom: solid 1px #dedcd2;
}
*/

/* Positioning of this element allows the submenu to seamlessly meet the 
   tabs above, overlapping the horizontal header_underline element. */
div.sub_menu div {
	padding-top: 10px;
	position: relative;
	top: -10px;
}

div.sub_menu ul {
	width: 565px;
	height: 30px;
	padding: 0px;
	margin: 0px;
	float: right;
}

div.sub_menu li { 
	text-align: center;
	width: 85px;
	margin-left: 4px;
	float: left;
}

div.sub_menu li.first {
	margin-left: 0px;
}

div.sub_menu li.last2 {
	width: 101px;
}

#intro div.intro_content {
    width: 490px;
    margin: auto;
}

#intro div.intro_content h2 {
	font-size: 20px;
    text-align: center;
    margin-bottom: 15px;
}

#intro div.intro_content p {
	font-size: 13px;
	text-align: center;
    margin: 0px;
    margin-left: 8px;
}

#intro div.left, #intro div.right {
    width: 180px;
    padding-top: 0px;
}

#intro div.left {
    margin-top: -4px;
}

#intro div.right {
    margin-top: 0px;
}

#intro div.medallion a {
    line-height: 12px;
}

#money_box, #people_box, #things_box {
    color: #000000;
    width: auto;
    z-index: 20;
}

#intro div.popbox ul {
    margin-left: 0px;
    padding-left: 0px;
}

/* View Posts page popboxes */

#tagline_box {
	top: 115px;
	left: 575px;
	width: 190px;
}

#money_box {
    top: 110px;
    left: 370px;
}

#people_box {
    top: 110px;
    left: 410px;
}

#things_box {
    top: 110px;
    left: 490px;
}


/** Footer 
-------------------------------------------------------- */

#footer {
	font-size: 11px;
	border-top: solid 1px #dedcd2;
	clear: both;
	margin-top: 30px;
	padding: 10px 0px;
}

#footer div.column {
	width: 122px;
	float: left;
}

#footer div.column1, #footer div.column7 {
	width: 101px;
}

#footer div.column3, #footer div.column4, #footer div.column5 {
	width: 135px;
}

#footer div.column7 {
	float: right;
}

#footer ul {
	margin: 0px;
}

#footer li {
	list-style: none;
}

#footer p.copyright {
	text-align: center;
	margin-top: 20px;
}

/** All sidebars 
-------------------------------------------------------- */

div.sidebar_images {
	padding-top: 20px;
}

body.search_people div.sidebar_images {
	padding-top: 7px;
}

div.sidebar_images a img {
	display: block;
	margin: 0px auto 25px auto;
}

div.sidebar img.medallion, div.fake_sidebar img.medallion {
	display: block;
	margin: auto;
}

div.sidebar div.donate {
    font-size: 13px;
    text-align: center;
    width: 125px;
    margin: 0px auto 15px auto;
}

div.sidebar div.donate img.dogoodr_fund {
    margin-bottom: 5px;
}

div.sidebar div.donate input.button {
	color: #ff0000;
	font-weight: bold;
}

div.sidebar div.donate_text {
	color: #444444;
	font-size: 11px;
	width: 135px;
	margin: 0px auto;
}

body.posts_index div.sidebar div.donate {
	margin-top: 40px;
	margin-bottom: 5px;
    margin-left: 25px;
}

/* Medallion links */

a.text_image_link, 
div.sidebar_images a.medallion_link {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 100px;
	height: 80px;
	display: block;
}
a.text_image_link:hover, 
div.sidebar_images a.medallion_link:hover {
	background-position: -100px 0px;
}

div.sidebar_images #suggests_link {
	background: url('/images/med-link-suggests.png');
}

div.sidebar_images #suggests_link:hover {
	background-position: -100px 0px;
}

div.sidebar_images #about_me_link {
	background: url('/images/about-me-link.png');
	width: 150px;
	height: 160px;
}

div.sidebar_images #about_me_link:hover {
	background-position: -150px 0px;
}

div.sidebar_images #learn_link {
	background-image: url('/images/welcome-link-learn.png');
	width: 135px;
	height: 135px;
}
div.sidebar_images #learn_link:hover {
	background-position: -135px 0px;
}

#suggests_link {
	background-image: url('/images/link-suggests.png');
}

#grants_link {
	background-image: url('/images/link-grants.png');
}

/* New and improved sidebar medallion image/links */

div.medallion a {
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

div.medallion img {
	display: block;
	margin: 0px auto !important;
}


/** Left sidebar
-------------------------------------------------------- */

#sidebar_left h2 {
	margin-left: 16px;
}

#sidebar_left h3 {
	padding-left: 5px;
}

body.posts_index #sidebar_left h3 {
    padding-left: 0px;
}

#sidebar_left h3 span {
    float: right;
    font-weight: normal;
}

#sidebar_left div.selections {
    padding-top: 15px;
}

#sidebar_left div.selections select {
    font-size: 11px;
    height: 19px;
    width: 180px;
}

#sidebar_left h3.open {
	background-position: 0px 0px;
}

#sidebar_left h3.closed {
	background-position: 0px -50px;
}

div.sidebar h3 {
	font-size: 13px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin-bottom: 0px;
}

#sidebar_left ul {
	margin-left: 15px;
}

div.sidebar ul, div.sidebar p {
	font-size: 12px;
}

div.sidebar ul {
	margin: 0px;
}

div.sidebar ul ul {
	font-size: 11px;
	margin-left: 5px;
}

div.sidebar li {
	list-style: none;
	line-height: 11px;
	margin: 6px 0px;
}

div.sidebar ul.highlight_list {
	margin: 10px 0px !important;
}

div.sidebar ul.highlight_list_small {
	margin: 0px !important;
}

div.sidebar ul.highlight_list li {
	font-size: 13px;
	line-height: 1.4em;
}

div.sidebar ul.highlight_list_small li {
	font-size: 12px;
	line-height: 1.0em;
	padding-left: 1px;
}

div.sidebar ul.highlight_list a {
	display: block;
	padding-left: 16px;
}

div.sidebar ul.highlight_list_small a {
	padding-left: 15px;
}

div.sidebar ul.highlight_list li.current {
	background: url('/images/dot-red.png') 0px 0px no-repeat;
	margin-left: -12px;
	padding-left: 12px;
}

div.sidebar ul.highlight_list li.current {
	margin-left: 2px;
	padding-left: 0px;
}

div.sidebar ul.highlight_list a.current {
	background: url('/images/dot-red.png') no-repeat 0px center;
}

div.sidebar ul.highlight_list a.done {
	background: url('/images/dot-green.png') no-repeat 0px center;
}

div.sidebar ul.highlight_list a.faded, 
div.sidebar ul.highlight_list a.disabled {
	color: #9ba2e8;
	text-decoration: none;
}

body.help #sidebar_left, 
body.search #sidebar_left, 
body.my_account_organization_info #sidebar_left, 
body.my_account_organization_choose #sidebar_left, 
body.my_account_np_organization_info #sidebar_left, 
body.my_account_np_organization_choose #sidebar_left, 
body.my_account_fiscal_sponsor_choose #sidebar_left, 
body.post_steps #sidebar_left {
	margin-top: 35px;
}

body.post_steps_success #sidebar_left {
	margin-top: 0px;
}

div.twitter img {
    display: block;
}


/** Right sidebar
-------------------------------------------------------- */

/* AdSense positions on various pages */

/* Default top margin */
#sidebar_right div.adsense {
    margin-top: 20px;
}

a.why_ads {
    display: block;
    margin-bottom: 10px;
}

body.posts_index #sidebar_right div.adsense {
    margin-top: 43px;
}

body.posts_view #sidebar_right div.adsense {
    margin-top: 80px;
}

body.my_page_favorites #sidebar_right div.adsense {
    margin-top: 55px;
}

body.search_results #sidebar_right div.adsense {
    margin-top: 100px;
}

body.search_post_match #sidebar_right div.adsense {
    margin-top: 70px;
}

body.search_opportunities_match #sidebar_right div.adsense {
    margin-top: 30px;
}


/** Box-type elements (floating, positioned, and static boxes)
-------------------------------------------------------- */

div.highlight_box {
	background: #fde9a3;
	font-size: 13px;
	width: 80%;
	padding: 10px 10px 2px 10px;
}

div.has_popbox {
	position: relative;
	overflow: visible !important;
}

a.has_popbox {
	/* Intentionally left empty. No CSS needed for these.
	   Class name used for JavaScript handlers only. */
}

/* This should only be used when a popbox needs to be positioned 
   relavite to content that may move depending on page length */
div.popbox_anchor {
	position: relative;
	overflow: visible;
	/* Height fixes display problem in IE7 */
	height: 1px; 
}

div.popbox, div.instruction_box {
	background-color: #ffffff;
	font-style: italic;
	text-align: left;
	border: 1px solid #840cff;
	z-index: 10;
}

div.colored_popbox {
    background: #ffffdd;	
}

div#rate_this_post_login_box, 
div#report_abuse_login_box, 
div#contact_member_login_box {
  font-style: normal;
}

div.popbox {
	color: #444444;
	font-size: 13px;
	line-height: 1.0em;
	width: 150px; 
	position: absolute;
}

div.instruction_box {
	color: #000000;
	font-size: 11px;
	width: 160px; 
	position: relative;
	top: -30px;
	left: 0px;
}

/* overrides and specific styles for the "forgot_box" type of popup
   (used on login page, e.g. forgot password) */
div.forgot_box {
	font-style: normal;
	text-decoration: none;
	width: auto;
	top: 24px;
}

div.forgot_box div.box_content {
	padding: 0px 15px 15px 15px;
}

div.forgot_box a.close_button {
	font-size: 12px;
}

div.forgot_box form {
	margin: 16px 0px 8px 0px;
}

div.forgot_box div.usernote_box {
	width: auto;
	padding: 0px 0px;
}

/* Clearfix needed for certain elements where we can't use
   'overflow: hidden' due to needing visible overflow  */
div.formwidget:after, div.form_section:after, 
div.instruction_box:after {
	content: ".";
	display: block;
	height: 0px;
	clear: left;
	visibility: hidden;
}

div.popbox h6 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

div.popbox p {
	margin: 0.5em 0em;
}

div.popbox strong, div.instruction_box strong {
	font-style: italic;
}

div.popbox strong {
	color: #000000;
}

/* Drop shadow on instruction and pop-up boxes */
div.box_content {
	background: url('/images/shadow.png') no-repeat bottom right;
	position: relative;
	right: -7px;
	bottom: -7px;
	float: left;
}

div.popbox div.box_content {
	padding: 0px 15px 10px 5px;
	margin: -3px 0px 0px -3px;
}

div.instruction_box div.box_content {
	padding: 0px 20px 10px 0px;
}

/* No shadows on post icon popups, so add some padding here */
div.post_icon_popbox {
	padding: 3px 8px;
}

div.instructions_link {
	padding-top: 10px;
}

div#instructions_link_off {
	font-weight: bold;
}

div.instruction_box h5 {
	color: #000000;
	font-size: 12px;
	font-style: normal;
	margin-top: 7px;
	margin-left: 8px;
}

.close_button {
	font-weight: normal;
	font-size: 11px;
	margin-top: 1px;
	float: right;
}

.close_button img {
	vertical-align: middle;
}

.close_note {
	font-size: 11px;
	margin-top: 20px;
}

body.tools_links span.close_button, 
div.upload_box span.close_button {
	font-size: 12px;
}

div.instruction_box li {
	line-height: 1.0em;
	list-style: disc;
	margin-top: 15px;
	margin-left: 0px;
}

.formwidget {
	background: #feffd9;
	padding: 10px;
	margin-bottom: 5px;
	border: 1px solid #bbbbbb;
}

div.formwidget ul {
	margin: 0px;
}

.formwidget li {
	font-size: 12px;
}

div.form_section {
	width: 400px;
	margin-bottom: 0.5em;
}

body.tools_links div.form_section {
	width: 520px;
}

body.post_steps div.form_section {
    width: 500px;
}

div.form_section h4 {
	margin-bottom: 5px;
}

div.form_section h4.above_element {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.success_notice {
	background: #e6effd;
    font-weight: bold;
	padding: 5px 6px;
}

div.contact_thanks {
	font-size: 14px;
	font-weight: normal;
	margin-top: 20px;
	padding: 20px 10px;
}

#email_success_message {
	top: 0px;
	left: 0px;
}

#email_success_message div.popbox {
    width: 235px;
}

/** Google Maps */
div.gmap_container {
	background: #ffffff;
	width: 365px; 
	height: 481px;
	border: 1px solid #840cff;
	position: absolute;
	z-index: 10;
}

body.post_steps_geography #gmap_container,
body.post_steps_geography #gmap_container_blank, 
body.post_steps_geography #gmap_container_post_steps_geography {
	top: -240px;
	left: 270px;
}

#gmap_container_contact_card {
	top: 100px;
	left: 300px;
}

body.posts_view #gmap_container_blank, 
body.posts_view #gmap_container_geographic_areas {
	top: -300px;
	left: 300px;
}

div.gmap_container_anchor {
	position: relative;
	float: left;
}

div.gmap_container div.box_content {
	padding: 0px 7px 6px 0px;
	margin: -6px 0px 0px -7px
}

div.gmap_container div.map_header {
	margin: 0px 5px;
}

div.gmap_container div.map_header a {
	float: right;
}

div.gmap_container div.gmap {
	width: 365px;
	height: 465px;
	overflow: hidden;
}
/** End Google Maps */

div.contact_info {
	background: #ffffdc;
	border: solid 1px #b3b1aa;
	padding: 9px 7px;
	margin-bottom: 15px;
}

ul.sortable_list div.contact_info {
	margin: 5px 0px 5px 20px;
}

div.contact_info h4 {
	color: #ff0000;
	text-align: center;
	text-transform: uppercase;
	margin-top: 0px;
}

div.contact_info a.close_button {
	margin-top: -5px;
	margin-right: -5px;
}

div.contact_info div.contact_now {
	font-size: 14px;
	margin-bottom: 5px;
}

div.contact_info div.fn, div.contact_info div.name, div.contact_info div.org {
	font-size: 14px;
}

div.contact_info div.name strong {
    display: block;
}

div.profile_info div.profile_section {
	margin-top: 10px;
}

div.profile_section div.label {
	font-weight: bold;
	width: 15%;
	float: left;
}

div.profile_section div.value {
	width: 80%;
	float: right;
}

div.profile_section div.usernote {
	margin-bottom: 5px;
}

div.profile_section div.link a {
	display: block;
	width: 200px;
	float: left;
}

div.document li {
	margin-bottom: 10px;
}

div.document ul li {
	list-style: disc;
}

/* FAQs */

h3.qa_heading {
	margin-top: 1.4em;
	margin-bottom: 0.6em;
}

h6.qa_question {
	margin-bottom: 5px;
}

div.qa_answer {
	background: #ffffdc;
	font-size: 13px;
	border: solid 1px #bbbbbb;
	padding: 10px 15px;
	margin-bottom: 15px;
}

#copyright_notice_anchor {
	height: 10px;
}

#copyright_notice_link {
	position: relative;
	top: 10px;
}

#copyright_notice_box {
	top: -50px;
	left: 30px;
	width: 220px;
}


/** Misc. styles used around the site
-------------------------------------------------------- */

div.step_buttons, div.step_links {
	float: right;
	text-align: right;
	margin-top: 5px;
}

div.step_links a {
	margin-left: 20px;
}

div.step_links a.first {
	margin-left: 0px;
}

p.browser_note {
	width: 420px;
}

.toggle {
	cursor: pointer;
}

.open .show, .closed .hide {
	display: none;
}

span.required, span.required_indicator {
	color: #ff0000;
}

span.inactive_link {
	color: #888888;
}

ul.dynamic_list, ul.links_list {
	margin: 5px 0px;
	padding: 5px;
}

ul.dynamic_list li, ul.links_list li {
	vertical-align: middle;
	margin-bottom: 5px !important;
	clear: left;
}

ul.dynamic_list li.team_member {
  height: 25px;
}

ul.dynamic_list li {
	font-size: 11px;
}

ul.links_list li {
	padding-left: 10px;
	height: auto;
}

ul.sortable_list li {
	cursor: move;
}

ul.dynamic_list li img {
	vertical-align: middle;
}

ul.dynamic_list li div.name, ul.links_list li div.name {
	width: 200px;
	float: left;
}

ul.sortable_list li div.name {
	text-indent: -2px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-right: 5px;
}

ul.sortable_list li div.name img {
	margin: 0px;
	margin-left: -20px;
}

ul.dynamic_list li div.type, ul.links_list li div.type {
	float: left;
	width: 135px;
}

ul.dynamic_list li div.controls, ul.links_list li div.controls {
	overflow: hidden;
}

ul.dynamic_list li div.controls *, ul.links_list li div.controls * {
	float: right;
	margin-left: 10px;
}


/** Legacy styles that have to be kept due to their
    being hard-coded in the database
-------------------------------------------------------- */

.selectListBold {
	font-weight: bold;
}

.selectListBoldRed {
	color: #ff0000;
	font-weight: bold;
}

.selectListBoldGreen {
	color: #188f08;
	font-weight: bold;
}

/* pop button style */

a.pop-icon {
	width: 14px;
	height: 14px;
	display: block;
	margin-bottom: 7px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	font-size: 1px;
}

a.pop-icon:hover {
	background-position: 0px -14px;
}

.add-favorite {
	background-image: url('/images/popicon-add.png');
}

.remove-favorite {
	background-image: url('/images/popicon-subtract.png');
}

.loading {
	background: transparent url('/images/busy.gif') no-repeat scroll 2px 2px;
	font-size: 9px;
	line-height: 16px;
	padding-left: 21px;
}

#login_info_form span.loading {
	background-position: 5px 0px;
	height: 16px;
}


/** Popup forms
-------------------------------------------------------- */

div.popup_form {
	width: 450px;
	margin: auto;
	padding-top: 5px;
}

div.popup_form div.inputrow {
	margin-bottom: 15px;
}

div.popup_form div.label {
	font-size: 14px;
	text-indent: 0px;
	width: 120px;
}

div.popup_form textarea {
	width: 95%;
	height: 120px;
}

div.popup_form input.button {
	display: block;
	margin: auto;
}


/* Thumbnail browser (used on about and search pages)
-------------------------------------------------------- */

div.thumbnail_browser {
	margin-bottom: 18px;
	position: relative;
}

div.thumbnail_browser div.thumbnail {
	float: left;
	position: relative;
}

div.thumbnail_browser div.thumbnail a {
	text-align: center;
	text-decoration: none;
	display: block;
}

body.help_tutorial div.thumbnail_browser div.thumbnail a {
	width: 68px;
}

body.help_tutorial div.thumbnail_browser div.first {
	left: -9px;
}

body.help_tutorial div.thumbnail_browser div.thumb6 {
	left: 2px;
}

body.help_tutorial div.thumbnail_browser div.first,
body.help_tutorial div.thumbnail_browser div.last {
	width: 60px;
}


body.help_search div.thumbnail_browser div.thumbnail a {
	width: 82px;
}

div.thumbnail_browser div.thumbnail a:hover span.caption {
	text-decoration: underline;
}

div.thumbnail_browser_instructions {
	font-size: 14px;
	margin-top: 28px;
}

body.help_tutorial div.thumbnail_browser_instructions {
	height: 360px;
}

body.help_search div.thumbnail_browser_instructions {
	height: 430px;
}

div.instructions_content {
	margin-left: 284px;
}

div.thumbnail_browser_instructions img.screenshot {
	margin-right: 28px;
	border: solid 1px #000000;
	float: left;
}

div.thumbnail_browser_instructions h3 {
	margin-top: 0px;
}

div.thumbnail_browser_instructions ul {
	margin-left: 0px;
}

div.thumbnail_browser_instructions ul li {
	font-weight: bold;
	margin-bottom: 10px;
}

/* Front page rotating images */

div.rotating_image {
	width: 103px; 
	height: 77px; 
	background-color: #ffffff; 
	margin-bottom: 4px; 
	border: 1px solid #0000cc;
}

div.rotating_image:hover {
	border: solid 1px #ff0000;
}

div.rotating_image img:hover {
	border: solid 0px !important;
}

div.rotating_image img {
	border: solid 0px !important;
}

/** Login and signup page forms
-------------------------------------------------------- */

#login_info_form, #signup_info_form {
	width: 100%;
}

#signup_info_form input.checkbox { 
	margin-left: 0px;
}

#login_info_form div.label, #signup_info_form div.label {
	font-size: 14px;
	text-indent: 0px;
	width: 180px;
}

#login_info_form div.value, #signup_info_form div.value {
	width: 200px;
}

#signup_info_form div.checkboxes div.label {
	width: 90px;
}

#signup_info_form div.checkboxes div.value {
	width: 400px;
}

#login_info_form div.label {
	font-family: Verdana;
	width: 120px;
}

#login_info_form div.value input.button {
	margin-left: 50px;
}

#login_info_form span.busy img {
	margin-left: 5px;
	vertical-align: middle;
}

div.remember_me {
	margin: 15px 0px;
}

p.forgot, p.need_help {
	font-size: 13px;
	margin: 5px 0px;
}

p.forgot a {
	margin: 0px 3px;
}

div.remember_me, p.forgot, p.need_help {
	padding-left: 80px;
}

div.signup_invitation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; 
	width: 400px;
	margin-top: 30px;
	margin-left: 50px;
	vertical-align: middle;
}

div.signup_invitation form, div.signup_invitation div {
	display: inline;
}

#login_page_box {
	font-style: normal;
	width: 330px;
	min-height: 260px;
	padding: 10px;
	position: absolute;
	top: 190px;
	left: 75px;
}

/* popup */
#crop_popup {
	/*background-color: #feffda;*/
	width: 405px;
	height: 495px;
	padding: 5px;
	top: 10px;
	left: 90px;
	z-index: 5;
	overflow: visible;
}

#crop_popup div.box_content {
	height: 478px;
	padding: 0px 17px 26px 0px;
	margin: -4px 0px 0px -7px;
}

#crop_popup h2 {
	font-style: normal;
}


/** Donate
-------------------------------------------------------- */

body.donate_index #content {
	font-size: 14px;
	text-align: center;
}

div.donate_top {
	text-align: left;
	padding: 0px 55px 10px 55px;
	border-bottom: solid 1px #bdbcd2;
}

div.donate_top h2 {
	font-size: 22px;
	margin: 5px 0px 20px 0px;
}

div.donate_top div.medallion {
    width: 75px;
    margin-right: 20px;
	padding-top: 0px;
	float: left;
}

p.pitch {
	margin: 0.5em auto;
}

div.donate_options {
	background: #ffffdd;
	padding: 10px;
	border: solid 1px #b3b1aa;
}

div.donate_options h3 {
	font-size: 20px;
	margin: 0px auto;
}

div.donate_options p.usernote,
span.advanced_search p.usernote {
	font-size: 14px;
	margin-top: 5px;
}

div.donate_options div.donate_amount {
	width: 100px;
	float: left;
	margin: 10px 15px 0px 0px;
	padding-top: 1px;
}

div.donate_options div.donate_amount_more {
	width: 115px;
	margin-left: 5px;
	margin-right: 0px;
}

div.donate_options div.dollar_amount {
	font-size: 24px;
}

div.donate_amount div.dollar_amount {
	text-indent: -13px;
}

div.donate_amount_more div.dollar_amount {
	text-indent: -15px;
}

div.donate_options div.dollar_amount a {
	background: #ffffff;
	text-decoration: none;
	padding: 0px 10px;
	margin-left: 2px;
	border: solid 1px #666666;
}

div.donate_options #dollar_amount_10 a {
	padding: 0px 5px;
}

div.donate_options div.donate_amount label {
	font-size: 15px;
	font-weight: bold;
	width: 90px;
	margin: auto;
	padding: 5px 0px;
	display: block;
	cursor: pointer;
}

div.donate_options div.donate_amount_more label {
	width: 100%;
}

div.donate_options div.donate_amount input.radio {
	visibility: hidden;
}

div.donate_options input.image_submit {
	display: block;
	margin: auto;
	clear: both;
}

div.fine_print, p.fine_print {
	color: #666666;
	font-size: 12px;
	line-height: 1.4em;
}

#donate_pitch_box {
	top: 70px;
	left: 165px;
	width: 220px;
}


/** Commonly-used form containers
-----------------------------------------------*/

div.info_form {
	width: 460px;
	margin-bottom: 30px;
}

div.info_form div.label, div.info_form div.value {
	float: left;
	overflow: hidden;
}

div.info_form div.label {
	text-indent: 15px;
	width: 180px;
}

div.info_form div.longlabel {
	text-indent: 0;
	font-size: 14px;
	width: 450px;
}

div.info_form div.page_heading div.label, 
div.info_form div.section_heading div.label {
	font-size: 14px;
	text-indent: 0px;
}

div.info_form div.value {
	width: 280px;
}

div.info_form input.button {
	margin-top: 5px;
}

div.info_form input.radio {
	margin-right: 5px;
}

div.nav_buttons {
	margin: 10px 0px 20px 0px;
}

div.nav_buttons input.button {
	width: 24%;
	margin-left: 0px;
	margin-right: 6px;
	float: left;
}

div.nav_buttons input.last {
	margin-right: 0px !important;
}

input.publish, input.unpublish, input.preview {
	color: #ff0000;
	font-weight: bold;
}

.formwidget .inputrow input, .formwidget .inputrow select {
	margin-left: 5px;
	margin-right: 5px;
}

/** Lists with checkboxes, radio buttons, and other input fields */

ul.checkbox_list .usernote {
	margin-top: 5px;
	margin-bottom: 0px;
}

ul.checkbox_list li .show_hide_link {
	vertical-align: 10%;
}

ul.checkbox_list {
	margin-top: 3px;
	margin-bottom: 5px;
}

ul.checkbox_list ul.checkbox_list {
	margin-bottom: 8px;
}

ul.checkbox_list li {
	margin-bottom: 2px;
}

ul.checkbox_list li * {
	vertical-align: middle;
}

ul.checkbox_list li div.popbox, 
ul.checkbox_list li div.popbox * {
	vertical-align: bottom;
}

ul.checkbox_list li.any_all {
	margin-bottom: 11px;
}

ul.checkbox_list li input.checkbox {
	margin-right: 3px;
}

ul.checkbox_list ul.checkbox_list {
	margin-left: 20px;
	padding-right: 0px !important;
}

ul.checkbox_list ul.checkbox_list ul.checkbox_list li {
	margin-left: -5px;
}

ul.checkbox_list li.descriptive_text {
	margin-left: 20px;
}

ul.checkbox_list li.descriptive_text input.textfield {
	width: 205px;
}

ul.checkbox_list li.descriptive_text select {
	width: 217px;
}

ul.priority_list li input.priority_selection {
	float: right;
	margin-right: 65px;
}

/* notes below text fields next to "Other: " checkbox items */

li.other_field input.textfield {
	width: 170px;
	margin-left: 3px;
}

ul ul li div.input_note {
	margin-left: 75px;
}

ul ul li div.category_tag_box div.input_note {
	margin-left: 0;
}

ul ul ul li div.input_note {
	margin-left: 72px;
}
ul ul ul li div.category_tag_box div.input_note {
	margin-left: 0;
}

div.formwidget div.first {
	width: 195px;
	float: left;
}

body.tools_links div.formwidget input.button,
body.post_steps_link div.formwidget input.button,
body.post_steps_publish div.formwidget input.button, 
body.my_page_links div.formwidget input.button {
	float: right;
}

body.tools_links div.formwidget div.first select, 
body.post_steps_link div.formwidget div.first select, 
body.my_page_links div.formwidget div.first select {
	width: 185px;
}

body.tools_links div.formwidget div.first input,
body.post_steps_link div.formwidget div.first input,
body.my_page_links div.formwidget div.first input {
	width: 172px; 
}

/** Auto-complete for "Other" text boxes (i.e., Tags)
-----------------------------------------------*/

div.autocomplete {
	background: #ffffff;
	width: 350px;
	z-index: 999;	
}

div.autocomplete ul {
	border: 1px solid #888888;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.autocomplete ul li {
	margin: 0px;
	padding: 3px;
}

div.autocomplete ul li.selected {
	background-color: #ffffbb;
}

div.autocomplete ul strong.highlight {
	color: #880000;
	margin: 0px;
	padding: 0px;
}