/* Note that all url references must be absolute! */

body { 
	padding: 0; margin: 0;
	font-family: Lucida Grande, Verdana, sans-serif; 
	background: #eae9e9; 
	text-align: left;  
	}

* html  body { 
	padding: 0; margin: 0;
	font-family: Lucida Grande, Verdana, sans-serif; 
	background: #eae9e9; 
	text-align: center; /*added this - hack to center page in ie6*/ 
	}
	
span.cloaked {display:none;}

a { color: #125AA7; outline: none; text-decoration: none;  }
a:hover { color: #333; text-decoration: underline; }
a[disabled] {color: #888;}
a:hover[disabled] { text-decoration:none;}

a img { border: 0; }
p img { margin: 0;}

a.secondary { color: #666;}
a.secondary:hover { color: #333;}

p, ul, ol, form { font-size: 12px; line-height: 18px; margin: 0 0 16px; }

h1 { font-size: 1.5em; color: #8DC63E; }
h3 { margin: 0 0 5px; color: #77b228; font: bold 15px Arial, sans-serif; }

div.hr { padding: 1px 0 0; background: #EEE; /*border-top: 1px solid #CCC;*/ border-bottom: 1px solid #DDD; margin: 16px 0; clear: both; }
div.hr hr { display: none; }

input.text, textarea { border: 1px solid #C3C3C3; border-top-color: #7C7C7C; border-bottom-color: #DDD; background: #FFF url(/images/dot.gif) repeat-x; padding: 2px; margin: 0; font-family: Lucida Grande, Verdana, sans-serif !important; }
select { font-family: Lucida Grande, Verdana, sans-serif !important; }

div.box ul { list-style-type: square; color: #999; padding-left: 16px; }
div.box ul li { color: #999; margin: 0; padding: 0; }

div.loading {text-align:center; width:100%;}
div.loading img {margin:10px 10px 0 10px;}

/* mapstyle */
div#map {font-size: 9pt; margin-bottom: 15px;}

/* pagination */
div.pagination { text-align: center; padding: 6px 0 12px 0;}
div.pagination a, div.pagination span { border: 1px solid #bbb; padding: 3px 6px 3px 6px;}
div.pagination a:link,
div.pagination a:visited {color: #125AA7;}
div.pagination a:hover,
div.pagination a:active { border: 1px solid #880000; color: #880000;}
div.pagination span {color: #222;}

/* Layout */

div#wrapper { 
	width: 960px; padding: 0 10px; margin: 0 auto; 
	background: #FFF url(/images/body_bg_small.gif) repeat-y center; 
	}
	
* html div#wrapper { 
	width: 980px;  /*was 960px*/
	padding: 0 10px; 
	margin: 0 auto; 
	background: #FFF url(/images/body_bg_small.gif) repeat-y center;
} /*<IE6 hack*/
div#content, div.main { width: 636px; float: left; display: inline; margin: 16px 0 0 16px; min-height: 700px;}
div#sidebar { width: 266px; float: left; display: inline; margin: 16px 0 0 16px; border-left: 1px solid #EEE; padding-left: 16px; }

div#nonprofits, div.main { float: left; display: inline; margin: 16px 0 0 16px;}

div#sidebar div#map { width:258px; height:200px; clear:right; background: #ddd; border:1px solid #999999; }

div#footer { background: #eae9e9 url(/images/footer_bg.gif) no-repeat top center; margin: 0pt -17px; position: relative; clear: both; width: 100%; text-align:left; }
div#footer p { margin: 0; padding: 35px 26px; font-size: 9px; font-weight: bold; color: #CCC; letter-spacing: 3px; line-height: 20px; }
div#footer p span.text, div#footer p a { font-size: 12px; letter-spacing: 0; font-weight: normal; }
div#footer p span.text { color: #555; }
div#footer p small span.text, div#footer p small a { font-size: 11px !important; }
div#footer p a.pos { display: block; width: 190px; height: 30px; position: absolute; top: 30px; right: 10px; }
div#footer p a.pos span { display: none; }

a.dummylink:hover { color: red; text-decoration: none; }

ul.actions { margin: 12px 0 12px 0; padding: 0; clear:both;}
ul.actions li { display: inline; }
ul.actions li div { display: inline; }
ul.actions li a { padding: 0px 8px 8px 16px; background: url(/images/icons/email.gif) no-repeat 0px 2px;}
ul.actions li.comment  a { background: url(/images/icons/add_comment.gif) no-repeat;}
ul.actions li.facebook a { background: url(/images/icons/facebook.gif) no-repeat;}
ul.actions li.calendar a { background: url(/images/icons/cal.gif) no-repeat 0px 1px;}
ul.actions li.edit     a { background: url(/images/icons/edit.gif) no-repeat;}
ul.actions li.dashboard a {background: url(/images/icons/clipboard_plain.gif) no-repeat 0px 1px;}
ul.actions li.delete   a { background: url(/images/icons/close.gif) no-repeat 0px 1px;}
ul.actions li.favorite a { background: url(/images/icons/add_file.gif) no-repeat;}
ul.actions li.external a { background: url(/images/icons/fastforward.gif) no-repeat 2px 3px;}
ul.actions li.feature  a { background: url(/images/icons/check.gif) no-repeat 0px 1px;}

div.ui-tabs-hide {display:none;}
div.tabs-selected {display:block;}

/* Page Specific */

/* Welcome Page */
form#bigsearch { background: url(/images/search_bg.jpg) no-repeat top left; padding: 86px 6px 14px 46px; width: 510px; margin: 32px auto; }
form#bigsearch input.text { font-size: 19px; width: 380px; margin-right: 10px; }
form#bigsearch input { float: left; }
form#bigsearch h3 { clear: both; padding-top: 16px; }
form#bigsearch h3 span { font: italic 11px Lucida Grande, Verdana, sans-serif; color: #888; }

div#featured { background: #ffffea; border: 1px solid #FFC; padding: 10px 12px; overflow: auto; width: 400px; float: left; display: inline; }
div#featured img { background: #EEE; padding: 2px; border: 1px solid #FFF; margin: 0 16px 16px 0; float: left; display: inline; }
div#featured h2 { font-size: 14px; margin: 0 0 5px; }

div#browse-causes { float: left; display: inline; padding: 0 0 0 28px; }

div#recently-added ul { margin: 0 0 10px; } 

div#flash_error span{background: url(/images/login/info.gif) no-repeat 0 3px;display:block;padding-left: 15px}
.flash_error span{background: url(/images/login/info.gif) no-repeat 0 3px;display:block;padding-left: 15px}
div#flash_error span.question_mark_class{background: url(/images/login/info_blank.gif) no-repeat 0 3px;display:block;padding-left: 15px}

div#flash_header div { font-size: 11px;  margin-left: 0px; padding-left: 0px; }
div#flash_header p { margin:0;}
div#flash_header div#flash_notice { color: #443377;}
div#flash_header div#flashError { color: #76232B;}
div#flash_header div#flashError span{background: url(/images/login/info.gif) no-repeat 0 3px;display:block;padding-left: 15px}


.error-label{color: #76232B;}
/*
div#featured { background: #ffffea; border: 1px solid #FFC; padding: 10px 12px; overflow: auto; width: 611px; margin-bottom: 16px; float: left; display: inline; }
div#featured img { background: #EEE; padding: 2px; border: 1px solid #FFF; margin: 0 16px 16px 0; float: left; display: inline; }
div#featured h2 { font-size: 14px; margin: 0 0 5px; }

div#browse-causes { float: left; display: inline; padding: 0 0 0 28px; }

div#recently-added ul { margin: 0 0 10px; } 
*/

div#our-partners { text-align:center;}
div#our-partners img { margin:5px;}

/* Nonprofit Page */
div#npo-profile { background: url(/images/login/content_bg.jpg) no-repeat top left; padding: 16px; }
div#npo-profile img.npo-logo { float: right; margin: 0 0 16px 16px; }
div#npo-profile h2 { margin: 0 0 8px; padding: 0; font: bold 18px Arial, sans-serif; }
div#npo-profile h3 { margin-top: 8px;}
div#npo-profile .header_description { max-height:280px; padding-right:6px; overflow:auto;}

/* TODO: convert action icons to sprites once they're stable */
p.social a.plus { background: url(/images/icons.gif) no-repeat 0 2px; padding: 0 16px 0 16px; }
p.social a.fb { background: url(/images/icons.gif) no-repeat 0 -12px; padding: 0 16px 0 15px; }
p.social a.mail { background: url(/images/icons.gif) no-repeat 0 -27px; padding: 0 16px 0 14px }
p.social a.arrow { background: url(/images/icons.gif) no-repeat 0 -41px; padding: 0 16px 0 13px }

ul.tabs { float:left; clear:left; margin: 8px 0; padding: 0 0 0 5px; list-style: none outside; background: url(/images/dot.gif) repeat-x bottom; overflow: auto; width: 100%;}
ul.tabs li { margin: 0; padding: 0 2px; list-style: none outside; float: left; }
ul.tabs li a { display: block; border: 1px solid #acd450; padding: 2px 8px; background: #d0e7b1; font-size: 11px; font-weight: bold; color: #333; }
ul.tabs li.ui-tabs-selected a { border: 1px solid #CCC; border-bottom: 1px solid #FFF; background: #FFF; }
div.tabby { clear: both; padding: 16px 0 0 16px; }
div#npo-info { font-size: 12px; }
div#npo-info h3 { color: #333; }
div#npo-info address { font-style: normal; padding-bottom: 5px; }

div#sponsorships {margin: 16px 0;}
div#sponsorships img {margin:0 10px 10px 0;}

/* Login Page */
p#header { background: white url(/images/header_bg.gif) repeat-x top left;text-align:left; }

.newHeader{height: 35px;margin-bottom: 0}
p#header a { display: block; padding: 60px 40px 0; }
div#npwelcome { width: 715px; margin: 0 auto; display: block; background: url(/images/login/login_bg.jpg) no-repeat top left; }
div#npwelcome div#npo-prof-wrap { background: url(/images/login/content_bg.gif) no-repeat bottom left; padding: 9px; overflow: auto; }
* html div#npwelcome div#npo-prof-wrap { background: url(/images/login/content_bg.gif) no-repeat bottom left; padding: 9px; overflow: auto; text-align: left; } /*<IE6 hack*/
div#npwelcome form#formLogin { padding: 16px 40px 0 40px; width: 325px;float: left; }
div#npwelcome form#formLogin ol { margin: 0; padding: 0; list-style: none outside; }
div#npwelcome form#formLogin ol li { margin: 0; padding: 0; list-style: none outside;clear:both; padding: 6px 0px 0px 0; text-align: left; width:390px}
* html div#npwelcome form#formLogin ol li { margin: 0; padding: 0; list-style: none outside; clear: both; padding: 5px 8px 5px 0; text-align: left; width:350px; } /*<IE6 hack*/
div#npwelcome form#formLogin #divloginbut{width:150px;}
div#npwelcome form#formLogin ol li label { width: 160px; float: left; text-align: right; padding: 2px 10px 0 0; font-weight: bold; font-size: 11px; cursor: pointer; }
div#npwelcome form#formLogin ol .butt{text-align: left;padding-left: 165px; width:auto;}
* html div#npwelcome form#formLogin ol .butt{text-align: left;padding-left: 160px; width:300px;}
* html div#npwelcome form#formLogin ol li label { width: 165px; float: left; text-align: right; padding: 2px 10px 0 0; font-weight: bold; font-size: 11px; cursor: pointer; } /*<IE6 Hack*/
div#npwelcome form#formLogin #pwdbuttons {width:290px; border:0px solid;} /*added this*/
div#npwelcome form#formLogin ol li input.text { font-size: 13px; float: left; width: 170px; }
div#npwelcome form#formLogin #oldPassword, #newPassword, #reNewPassword { font-size: 13px; float: left; width: 170px; }
div#npwelcome form#formLogin #divloginbut {margin-left:165px;}
div#npwelcome form#formLogin #forgotpw {width:150px;margin-left:165px;}
div#npwelcome form#formLogin ol li#forgotpw { padding: 0; }
div#npwelcome form#formLogin ol li#forgotpw a { font-size: 11px; background: url(/images/login/info.gif) no-repeat 0 1px; padding-left: 16px; }
div#npwelcome form#formLogin ol li div#flash_notice  { font-size: 11px; background: url(/images/login/info.gif) no-repeat 0 1px; padding-left: 16px; }
div#npwelcome div#form-signup { float: left; width: 245px; padding: 16px 0 0 20px; text-align: left;}
* html div#npwelcome div#form-signup { float: right; width: 270px; padding: 16px 0 0 20px; } /*<IE6 Hack*/
div#npwelcome div#form-signup p strong { display: block; padding-top: 10px; color: #77b228; }

div#npwelcome form#formForgotPassword { padding: 16px 40px 0 40px; width: 600px;float: left; }
div#npwelcome.forgot { background: url(/images/forgot_bg.jpg) no-repeat top left; }

/* Signup */
div#signup { 
	width: 650px;  /*was 500px*/
	margin: 0 auto; 
	display: block;
	padding: 10px;
	text-align: left;
	margin-left:130px;/*was80px*/
	_margin-left:0px; /*for IE*/
}

div.referrers { display: none;}
div#signup p.teaser{ font-size: 1.4em; line-height: 1.2em;
	color: #555;
}

div#signup p.wronguser {
	text-align: right;
	margin-right: 333px;
}
div#signup p.thanks{
	font-size: 17px;
	color: #3f3f3f;
}
div#signup .fieldWithErrors input, 
div#signup .fieldWithErrors textarea { background: #ffe4e1;}
div#signup .form_error_message {color: #76232B; margin-left: 2px;}

div#signup .signupform {
	float: left;
	background-color: #f2fee1;
	padding: 12px;
	width:auto;
}
* html div#signup .signupform {
	margin-left:0px;	
}



div#signup .enticement {
	float: left;
	color: #999;
	margin-top: 0;
	margin-left: 20px;
	width: 225px; /*was 284px*/
}
* html div#signup .enticement{
	width:220px; /*was 200px*/
	margin-top: 0;
	margin-left: 10px;
	float: left;
	text-align:left;
	}

div#signup .enticement .larger p {
  font-size: 80%;
  color: #111;
}

div#signup form.admin {
	width: 380px;
}
* html div#signup form.admin {
	width: 360px;
	float:left;
	text-align:left;
}

div#signup p,
div#signup h4{
	margin-top: 15px;
}
div#signup label {
	clear:left;
	font-size: 11px;
	padding-right:10px;
	text-align: right;
	vertical-align: middle;
	width:135px;
	font-weight: normal;
	font-style: normal;
	padding-top: 4px;
	white-space: nowrap;
}
div#signup label.checkbox{
	width: 304px;
	text-align: right;
	padding-top: 0;
	margin-top: 0px;
}
div#signup input{
	padding: 3px;
	margin-bottom: 5px;
	width:190px;
}
* html div#signup input{
	padding: 3px;
	margin-bottom: 5px;
	width:190px;
}

div#signup #btnnposignup{
	width:auto;
	margin-right:140px;
	}
* html div#signup #btnnposignup{margin-right:58px;}

div#signup input.checkbox{
	width: 40px;
	float: right;
}

div#signup #subscribe{
	width:15px; /*added this*/	
	padding:0px;
}

div#signup #user_terms_of_service{
	width:15px; /*added this*/	
	padding:0px;
}

* html div#signup #termstext{
	padding-right:10px;	
}/*<IE6 hack*/

div#signup input, div#signup label { 
	display: block;
	float: left;
	width:160px; 
}
div#signup input.button{
	width: auto;
	clear: both;
	float: right;
}
div#signup hr{
	margin-top: 10px;
}
div#signup .formError{
color: #76232B; margin-left: 2px;
	font-size: 10px;
}
div#signup .terms{
	float: left;
	max-width: 360px;
	padding:0px;
}
* html div#signup .terms{
	float: left;
	width:370px;
	padding:0px;
}
div#signup .terms #checkbox{width:20px;}

* html div#signup .terms #checkbox{width:20px;margin-left:80px;}

div#signup h2 {
  margin-top: 1em;
}
/* Results */
div#col-filter { float: left; width: 180px; padding: 16px;
}
div#col-filter h3 { font-size: 12px; font-family: Lucida Grande, Verdana, sans-serif; padding: 0 0 0 10px; }
div#col-filter div.filter-box h3 { border-top: 2px solid #DDD; border-bottom: 1px solid #DDD; padding: 5px 0 5px 10px; }
div#col-filter div.filter-box ul { font-size: 11px; margin: 0; padding: 0 0 0 10px; list-style: none outside; padding-bottom: 10px; }
div#col-filter div.filter-box ul li { margin: 0; padding: 0; list-style: none outside; zoom: 1; }
div#col-filter div.filter-box ul li a { display: block; }
div#col-filter div.filter-box ul li.active a { color: #333; font-weight: bold; background: url(/images/arrow.gif) no-repeat 100% -300%; }
div#col-filter div.filter-box ul li a:hover { background: url(/images/arrow.gif) no-repeat 100% 400%; }
div#col-results { float: left; width: 440px; }
/* div#col-results form#searchtitle { margin-bottom: -20px; } */
div#col-results form#searchtitle h2 { color: #77b228; font-size: 18px; font-family: Arial, sans-serif; font-weight: bold; margin: 16px 0; }
div#col-results form p, div#col-results div.paging { clear: both; text-align: right; font-size: 11px; border: 1px solid #DDD; border-width: 1px 0; padding: 5px 0; }
div#col-results form#searchtitle p#searchtitle-input { background: url(/images/search_bg.jpg) no-repeat top center; text-align: center; overflow: auto; padding: 20px 0 0 45px; border: 0; }
div#col-results form#searchtitle p#searchtitle-input input { float: left; }
div#col-results form#searchtitle p#searchtitle-input input.text { font-size: 19px; width: 260px; margin-right: 5px; }

div#col-results h3 { padding-top: 0; }
div#col-results h3 a { background: url(/images/leaf.gif) no-repeat top left; padding-left: 20px; }
div#col-results p small { font-size: 11px; }

div.entry div.metadata, div.entry div.attributes { font-size: 12px; }
div.entry div.attributes strong.name { color: #666; }
div.entry div.attributes span.value { color: #999; margin-left: 5px; }
div.entry div.attributes span.value span.separator { margin: 0 5px; }
.entry { margin-top: 10px; margin-bottom: 20px; display: block; }
.entry h3 { display: inline; }
.entry span.type { padding-left: 4px; }
.entry .type { font-size: 11px; color: #999; }
.entry .metadata { color: #999; margin-top: 2px; }
.entry .metadata .npo { font-weight: bold; }
.entry p { margin-top: 2px; margin-bottom: 2px; }

/* Email To Friend */
div.email_a_friend { padding: 5px; }
div.email_a_friend .dc_logo, div.email_a_friend .sponsor_logo { position: absolute; top: 15px; margin: 10px; }
div.email_a_friend .sponsor_logo { right: 10px;}
div.email_a_friend .formbody { position: relative; top: 20px; left: 20px; }
div.email_a_friend .tos_and_froms {float: left; width: 375px; margin-right: 15px; }
div.email_a_friend .tos_and_froms label { font-size: 1.3em; float: left; display: block; width: 100px; clear: left; line-height: 1em; }
div.email_a_friend .tos_and_froms label small { display:block; color: #999; font-weight: normal; }
div.email_a_friend .tos_and_froms label.to { margin-top: 10px; }
div.email_a_friend .tos_and_froms input { float: right; border: 0; border-bottom: 2px dashed #ababab; width: 275px; }
div.email_a_friend textarea { width: 330px; height: 200px;}
div.email_a_friend .footer { clear: both; color: #999; text-align: center; }
div.email_a_friend p.submit { text-align: center; margin-top: 25px; }
div.email_a_friend p.submit input {  text-align: center; float: none; display: inline; }
div.email_a_friend textarea {border: 1px solid #919DBC; width: 450px; padding: 1px 2px 1px 2px; font-size: 9pt; }

div.email_a_friend .send { }
div.email_a_friend .cancel { }

/* Hacks */

div#sidebar div.ad { text-align: center; }

/* IE Retardatation */
form#bigsearch h3, form#bigsearch p, div#footer p, ul.tabs, div#col-results form#searchtitle p#searchtitle-input, div#npo-prof-wrap { zoom: 1; }
* html select, *:first-child+html select { zoom: 1; font-size: 9px !important; }


TABLE.t-data-grid THEAD TR {
    color: #555555;
    background: #CCE7A7 none repeat scroll 0%;
}

TABLE.t-data-grid THEAD TR TH {
    text-align: left;
    padding: 3px;
    white-space: nowrap;
    border-right: 0px solid silver;
    border-bottom: 0px solid silver;
}

TABLE.t-data-grid {
    border-collapse: collapse;
    border-left: 0px solid silver;
}

TABLE.t-data-grid TBODY TR TD {
    border-right: 0px solid silver;
    border-bottom: 0px solid silver;
    padding: 2px;
}

DIV.t-data-grid {
    font-family: inherit;
}

DIV.t-data-grid-pager {
    margin: 8px 0px;
}

DIV.t-data-grid-pager A, DIV.t-data-grid-pager SPAN.current {
    text-decoration: none;
    color: black;
    padding: 2px 5px;
    font-size: medium;
    border: 1px solid silver;
    margin-right: 5px;
}

DIV.t-data-grid-pager A:hover {
    border: 1px solid black;
}

DIV.t-data-grid-pager SPAN.current {
    color: #555555;
    background-color: #CCE7A7;
}

TABLE.t-data-grid TR TH A {
    color: #555555;
    text-decoration:none;
    cursor:default;
}

.t-sort-icon{
    display:none;
}

DIV.t-error LI {
	margin-left: -20px;.margin-left: 20px;
}
.signUpMessage{
    color:#999999;
    display:block;
    float:left;
    width:250px;
}

#wrapper #logo {
 display:block;
 padding:20px 40px 20px 40px;
 text-align:left;
}

div#npwelcome form#formLogin #info #info_info {
	width: 300px;
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(/images/login/info_mark.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0px 1px 3px 28px
}

div#npwelcome form#formLogin #info #info_info2 {
	width: 300px;
	background-attachment:scroll;
	background-color:transparent;
	background-image:url(/images/login/info_blank.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0px 1px 3px 28px
}

.margin_class {
margin-left: 317px;
}
div#footer p.brone{margin: 0;padding: 0;height: 0}

#divresendemail {
	width:330px;
}
#divresendemail #spanEmail {
	margin-left:30px;
	
}
#divresendpassword #password {
	margin-left:20px;
	float:left;	
}
#divresendbuttons{
	width:330px;
	margin-top:-20px;
	float: left;
	margin-left: 10px
}

#signupIn ol{padding-left: 30px}