/*
-----------------------------------------------
We Can Solve It
Author:   Cameron Corda
----------------------------------------------- 
green: #668a33
*/


/* BSD STYLING
----------------------------------------------- */
#bodyBSD #SKIN {}

#bodyBSD #SKIN #sectionheader {color: #555; border: none; font-size: 1.8em; line-height: 1em;}

#bodyBSD #contentBSD h2 {font-size: 1.8em; line-height: 1em; margin-bottom: .8em; letter-spacing: 0px;} /* make same size as h1 for form use */

#bodyBSD a {font-weight: normal;} /* reset all to non bold */

#bodyBSD input.text, #bodyBSD textarea, #bodyBSD select {font-size: 11px; background: #fff; border: 1px solid #ddd; padding: 3px; color: #555; font-family: arial;}
#bodyBSD select {padding: 2px;}



#bodyBSD #SKIN .main {border: none; margin: 10px 0; width:538px; padding-left: 0;}
#bodyBSD #SKIN .main p, #bodyBSD #SKIN .main h3, #bodyBSD #SKIN .main h4, #bodyBSD #SKIN .main .table_container {padding-left: 0;}
#bodyBSD #SKIN .main h2 {padding-left: 0; color: #555; border: none;}
#bodyBSD #SKIN .main p {font-size: 12px;}

#bodyBSD #SKIN .standard_form .form_field {margin-bottom: 15px;}
#bodyBSD #SKIN .standard_form .form_label {text-align: right; line-height: 1.3em;}
#bodyBSD #SKIN .standard_form .form_input {margin-left: 10px;}
#bodyBSD #SKIN .odd {background: #f0f0f0;}

#bodyBSD #SKIN p, 
#bodyBSD #SKIN li, 
#bodyBSD #SKIN td, 
#bodyBSD #SKIN th,
#bodyBSD #SKIN label,
#bodyBSD #SKIN div,
#bodyBSD #SKIN a {
	font-size: 12px;
}

/*
signup
*/
#bodyBSD #signup {width: 400px; margin-left: 0px;} /* 39px left will center on two column layout, and keep to the left on one column form so images can float to the right.  */

#bodyBSD #signup td {padding-top: 4px;}
#bodyBSD #signup label {font-weight: normal;}
#bodyBSD #signup .input_email {width: 377px;}
#bodyBSD #signup .input_firstname {width: 178px;}
#bodyBSD #signup .input_lastname {width: 178px;}
#bodyBSD #signup .input_addr1 {width: 377px;}
#bodyBSD #signup .input_addr2 {width: 377px;}
#bodyBSD #signup .input_city {width: 178px;}
#bodyBSD #signup .select_state_cd {width: 80px; margin-right: 5px;}
#bodyBSD #signup .input_zip {width: 85px; margin-right: 8px;}
#bodyBSD #signup .select_country {width: 186px; margin-right: 5px;}
#bodyBSD #signup .input_phone {width: 178px; margin-right: 8px;}
#bodyBSD #signup input.submit {margin-top: 10px;}
#bodyBSD #signup input.checkbox {margin-right: 4px; vertical-align: middle;}
#bodyBSD #signup input.radiobutton {margin-right: 4px; vertical-align: middle;}
#bodyBSD #signup textarea {width: 377px;}
#petitionDisclaimer {font-size: 80%; width: 400px; margin: 0 auto; line-height: 1.2em;}

/*
speakout
*/

#bodyBSD #speakout ul {margin-left: 0;}
#bodyBSD #speakout li {list-style-type: none;}
#bodyBSD #speakout .splash li {padding-left: 16px;}
#bodyBSD #speakout .tip-content li {padding-left: 16px;}

#bodyBSD #speakout form#participate table {background: #f1f1f1; border: 1px solid #ddd;}
#bodyBSD #speakout form#participate table td b {font-weight: normal;}
#bodyBSD #speakout form#participate table td input {border-color: #ddd;}

#bodyBSD #speakout form#speakout_form {background: #fff; border-color: #ddd;}
#bodyBSD #speakout form#speakout_form table.step tr.recipient-header th {}
#bodyBSD #speakout form#speakout_form table.step td.recipient-divider {background: #f1f1f1;}
#bodyBSD #speakout form#speakout_form table.step td.buffer {width: 2%;}

#bodyBSD #speakout form#speakout_form table.step td.field textarea {font-family: arial; line-height: 1.5em; border-color: #ddd;}

#bodyBSD #speakout form#speakout_form td.bottom-link a {display: none;}


/*
invitationpage
*/
#bodyBSD #invitationpage {width: 538px;}
#bodyBSD #invitationpage td {}
#bodyBSD #invitationpage input.text {width: 400px;}
#bodyBSD #invitationpage textarea {width: 400px;}
#bodyBSD #invitationpage #invite_table {padding: 0 !important; overflow: visible !important;} /* gets rid of horizontal scrollbar after import */

}

/* #bodyBSD #invitationpage #contact_importer_button { background: #668a33; color: #fff; text-align: center; border: none; font-size: 12px; text-align: center; padding: 5px 2px;} */
#bodyBSD #invitationpage #contact_importer_button {cursor: pointer; width: 408px; margin: 10px 0 10px 0px;  font-family: 'lucida grande', 'lucida sans unicode', verdana, helvetica, arial, sans-serif;}
#bodyBSD #invitationpage #contact_importer_button:hover {cursor: pointer; color: #000;}


/*
contribution
*/
#bodyBSD #contribution {margin-left: 20px;}
#bodyBSD #contribution .contribcolumn {padding-right: 20px;}
#bodyBSD #contribution .contribheader {border-bottom: 1px solid #ddd; font-weight: normal; font-size: 1.4em; padding-bottom: 2px; padding-top: 30px; display: block; margin-right: 20px;}
#bodyBSD #contribution .contribcolumn .contribheader {display: block; margin-right: 00px;}
#bodyBSD #contribution label.fieldlabel {font-weight: normal; display: block; margin-top: 10px;}


#bodyBSD #contribution .input_email {width: 327px;}
#bodyBSD #contribution .input_firstname {width: 148px; margin-right: 8px;}
#bodyBSD #contribution .input_lastname {width: 148px;}

#bodyBSD #contribution .input_addr1 {width: 327px;}
#bodyBSD #contribution .input_addr2 {width: 327px;}
#bodyBSD #contribution .input_city {width: 110px;}
#bodyBSD #contribution .select_state_cd {width: 60px}
#bodyBSD #contribution .input_zip {width: 75px;}
#bodyBSD #contribution .select_country {width: 218px; margin-right: 5px;}
#bodyBSD #contribution .input_phone {width: 148px; margin-right: 8px;}

#bodyBSD #contribution input.cc_type_cd {margin-left: 10px;}

#bodyBSD #contribution input.submit {margin-top: 10px;}

/*
my neighborhood
*/

/*
#bodyBSD #SKIN #control_set {background: #fff; padding: 0; width: 100%;}
#bodyBSD #SKIN #control_set h1 {font-weight: normal; color: #555; margin: 0;}
#bodyBSD #SKIN #widget_group_1 {background: #fff; width: 100%;}
#bodyBSD #SKIN #widget_mapped_events_groups_widget {padding: 0;}
*/


#bodyBSD #SKIN #widget_group_1 {background: #fff; width: 540px;} /* must decalre width for IE*/
#bodyBSD #SKIN #widget_mapped_events_groups_widget {padding: 0; width: 100%;}
#bodyBSD #SKIN #control_set {background: #fff; padding: 0; width: 100%;}
#bodyBSD #SKIN #control_set h1 {font-weight: normal; color: #555; margin: 0;}


#bodyBSD #SKIN #widget_mapped_events_groups_widget {background: #fff; width: 100%;}
#bodyBSD #SKIN #widget_mapped_events_groups_widget {padding: 0;}


#mapped_events_groups_widget_search {background: #f1f1f1; padding: 10px 20px;}
#mapped_events_groups_widget_search .form_header {font-size: 1.2em; margin-bottom: 20px;}
#mapped_events_groups_widget_search .form_field {float: left; margin-right: 20px;}

#mapped_events_groups_widget_search #search_zip {margin-left: 0px;}
#mapped_events_groups_widget_search #search_zip label {}
#mapped_events_groups_widget_search #search_zip input {width: 60px; margin-left: 5px;}

#mapped_events_groups_widget_search #search_radius {width: 150px;}
#mapped_events_groups_widget_search #search_radius input {width: 30px; margin-left: 5px; margin-right: 2px;}
#mapped_events_groups_widget_search #search_radius span#event_radius_unit_max {font-style: italic; display: block;}

#mapped_events_groups_widget_search #search_submit {margin-right: 0;}
#mapped_events_groups_widget_search #search_submit input {padding-left: 5px; padding-right: 5px;}

/* #bodyBSD #mapped_events_groups_widget_search #search_submit {width: 100px; } */

#bodyBSD .mapped_events_groups_widget_section {border: 1px solid #ddd;}
#bodyBSD #mapped_events_groups_widget_section_events  {margin: 10px 0; padding-bottom: 5px;}
#bodyBSD #mapped_events_groups_widget_section_groups  {padding-bottom: 5px;}
#bodyBSD .mapped_events_groups_widget_section h3 {font-size: 1.8em; font-family: georgia; margin-bottom: 0; padding-bottom: 0;}
#bodyBSD .mapped_events_groups_widget_section .entity_list_title {}
#bodyBSD .mapped_events_groups_widget_section .entity_list_subheading {border-bottom: 1px solid #ddd; padding-bottom: 10px;}
#bodyBSD .mapped_events_groups_widget_section .entity_list_title a {font-size: 1.4em; font-family: georgia;}
#bodyBSD .mapped_events_groups_widget_section .entity_list_subheading {font-size: 1.1em;}
#bodyBSD .mapped_events_groups_widget_section .entity_list_subheading span {line-height: 1.2em;}
#bodyBSD .mapped_events_groups_widget_section .entity_list_subheading .form_label {float: left; clear: both; margin: 0 3px 2px 0;}
#bodyBSD .mapped_events_groups_widget_section .entity_list_subheading .form_value {float: left;}

#bodyBSD .mapped_events_groups_widget_section #circle_group_1 {width: 100%;}
#bodyBSD .mapped_events_groups_widget_section #circle_group_2 {width: 100%;}

#bodyBSD .mapped_events_groups_widget_section .divider {margin-left: 5px; margin-right: 5px; font-size: 1.3em;}


/*
EVENTS
*/

#bodyBSD #SKIN #eventdetail {padding: 0;}
#bodyBSD #SKIN #eventdetail .title {font-weight: normal; font-size: 16px;}
#bodyBSD #SKIN #eventdetail .description {font-size: 12px;}
#bodyBSD #SKIN #eventdetail #detailtable {background: #fff; border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#bodyBSD #SKIN #eventdetail #detailtable td {padding: 5px;}

/*
DASHBOARD NAV (BLUE_HAT)
*/

/*
#bodyBSD #SKIN #blue_hat {display: none;}
*/

#bodyBSD #SKIN {position: relative;}
#bodyBSD #SKIN #blue_hat {background-image: none; display: block; position: absolute; right: 0px; top: -5px; z-index: 100;}
#bodyBSD #SKIN #blue_hat ul {padding: 0; margin: 0;}
#bodyBSD #SKIN #blue_hat li {padding: 0; margin: 0; float: left; border: none; margin-left: 6px;}
#bodyBSD #SKIN #blue_hat a {float: none; border-bottom: 2px solid #fff; background: #7FBA00; padding: 3px 5px; color: #fff; font-weight: normal; font-size: 11px; font-family: arial, helvetica, sans-serif; border: none; text-transform: uppercase;}
#bodyBSD #SKIN #blue_hat a:hover {background: #668a33; cursor: pointer;}
#bodyBSD #SKIN #blue_hat li.blue_hat_active a {background: #fff; color: #555; border: 1px solid #ddd;}

#bodyBSD #SKIN #control_set {margin-top: 15px;} /* move down to make way for*/


/*
dashboard
*/

/* base styles (to be reused) */

#bodyBSD .dashboard #SKIN #widget_group_1 {background: #fff;}
#bodyBSD .dashboard #SKIN #widget_group_1 .widget_container {padding: 0; background-image: none;}

#bodyBSD .dashboard #SKIN #widget_group_2 {background: #fff;}
#bodyBSD .dashboard #SKIN #widget_group_2 .widget_container {padding: 0; background-image: none;}

/* customization */

#bodyBSD .dashboard #SKIN #control_set {background: #fff; padding: 0; margin-bottom: 20px; margin-top: 20px;}
#bodyBSD .dashboard #SKIN #control_set h1 {font-weight: normal; color: #555; margin: 0;}

#bodyBSD .dashboard #SKIN #widget_group_1 {float: left; width: 420px; }
#bodyBSD .dashboard #SKIN #widget_group_2 {float: right; width: 420px;}

#bodyBSD .dashboard #SKIN .widget_container {border: 1px solid #ddd; margin-bottom: 20px}

#bodyBSD .dashboard #SKIN .widget_header {background: #f1f1f1;}
#bodyBSD .dashboard #SKIN .widget_actions {height: 20px; line-height: 20px; margin-top: 5px;}
#bodyBSD .dashboard #SKIN .widget_action_submit {background: url(/page/-/wrapper/img/go.png) no-repeat; height: 18px; margin-left: 2px; margin-top: 2px;}
#bodyBSD .dashboard #SKIN .widget_action_submit:hover {cursor: pointer;}

#bodyBSD .dashboard #SKIN h2.widget_title {padding: 10px 0 0 5px; margin: 0; line-height: 1em; color: #555; margin-bottom: .8em; font-size: 1.4em; font-family: 'lucida grande', 'lucida sans unicode', verdana, helvetica, arial, sans-serif;}


/*
profile
*/

#bodyBSD #SKIN #profiledetail {border: none; margin: 0; padding: 0;}
#bodyBSD #SKIN #profiledetail p {font-size: 1.2em;}
#bodyBSD #SKIN #profiledetail a {font-size: 1.1em;}

#bodyBSD #SKIN #profiledetail form#edit {border: 1px solid #ddd; width: 500px; padding: 20px;}
#bodyBSD #SKIN #profiledetail form#edit h2 {display: none} /* hide name */
#bodyBSD #SKIN #profiledetail form#edit .controlblock {font-size: 1.1em;}


/* 
groups
*/

/* /page/group/ */

#bodyBSD #SKIN #widget_circle_search_groups_by_keyword {margin-top: 6em; border-right: none; margin-left: 50px;}
#bodyBSD #SKIN #widget_circle_search_groups_by_zip {border-right: none; margin-left: 50px;}
#bodyBSD #SKIN #widget_circle_search_groups_by_state {border-right: none; margin-left: 50px;}
#bodyBSD #SKIN #search_other_options {left: 0; margin-top: 20px; margin-left: 50px; width: 200px;}
#bodyBSD #SKIN #search_other_options #search_example_values {padding-top: 0; padding-left: 20px; width: 200px;}

#bodyBSD #SKIN table.group_results tr td {padding-bottom: 20px;}

/* /page/group_create/ */
#bodyBSD .module_circle_circle_edit {}
#bodyBSD .module_circle_circle_edit .disclaimer {font-size: 1.2em;}


/*
blogs
*/

/* /community/login/ */



/* /community/post/ */

#bodyBSD .communityadminonly {}
#bodyBSD .communityheader {border-bottom: none; margin: 0 auto 20px auto;}
#bodyBSD .communityheader table {width: 100%;}
#bodyBSD .communityheader .headertitle {font-size: 1.8em; color: #555; vertical-align: bottom;} /* page title */
#bodyBSD .communityheader .headertitle a {color: #555;}
#bodyBSD .communityheader .headerlinks {text-align: right; vertical-align: bottom;}
#bodyBSD .communityheader .headerlinks a {font-size: 1em; font-weight: normal;}

/* /community/blog/ */

#bodyBSD #community {margin: 10px auto;}

#bodyBSD #community .journaltitle {font-size: 1.4em; color: #555; font-weight: normal; margin-bottom: 10px; border: none;}
#bodyBSD #community .journaltitle a {color: #777; font-weight: normal;} /* not used? */

#bodyBSD #community #profileteasercontainer {width: 100%; margin: 0; padding: 0;}
#bodyBSD #community .profileteaser {width: auto; background: transparent; margin: 0; padding: 10px; float: none; border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#bodyBSD #community .profileteaser .viewmore {font-size: 1.1em;}
#bodyBSD #community .profileteaser .title {border: none; color: #555; font-size: 1.3em;} /* about the author */

#bodyBSD #community .posts {width: auto;}
#bodyBSD #community .communitypostinlist {margin-bottom: 30px; border-bottom: 1px solid #ddd; padding: 0 10px 10px 10px;}
#bodyBSD #community .pagination {}
#bodyBSD #community .title {font-size: 1.4em;}
#bodyBSD #community .byline {font-size: 1em;}
#bodyBSD #community .body {margin-bottom: 10px;}
#bodyBSD #community .postactions {}


/*
constituent login
*/

#bodyBSD #constituent {}
#bodyBSD #constituent #loginform { width: 280px; padding: 20px;float: right; border: 1px solid #ddd; background: #f1f1f1; margin-right: 50px;}
#bodyBSD #constituent #loginform form {margin: 0; padding: 0;}
#bodyBSD #constituent #loginform table {width: 100%}
#bodyBSD #constituent .logintitle {width: 100%; color: #555; font-size: 1em; margin-bottom: 10px;}
#bodyBSD #constituent .logintitle strong {display: block; font-size: 1.4em; font-weight: normal;}
#bodyBSD #constituent #loginform table {background: transparent; border: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
#bodyBSD #constituent .logindesc {display: none;}
#bodyBSD #constituent #loginform table th {font-size: 1em; padding-right: 10px; padding-top: 10px; width: 70px; vertical-align: top;}
#bodyBSD #constituent #loginform table td {padding-top: 10px;}
#bodyBSD #constituent #loginform input.text {width: 150px; display: block;}
#bodyBSD #constituent #loginform input.checkbox {margin: 8px 5px 5px -5px; vertical-align: middle;}
#bodyBSD #constituent #loginform label {vertical-align: middle;}
#bodyBSD #constituent #loginform input.button {width: 83px; margin: 0; display: block; margin-left: 80px;}
#bodyBSD #constituent #loginform .loginforgotlink {color: #668a33; font-size: .95em; text-decoration: none;}
#bodyBSD #constituent #loginform .loginforgotlink:hover {text-decoration: underline;}

#bodyBSD #constituent #signupform {width: 330px; margin: -18px 450px 0 50px; padding: 0;}
#bodyBSD #constituent #signupform form {padding: 0; margin: 0;}
#bodyBSD #constituent #signupform table {width: 100%; margin-left: 0;}
#bodyBSD #constituent .signuptitle {width: 100%; color: #555; font-size: 1em; margin-bottom: 10px; border-bottom: 1px solid #ddd;}
#bodyBSD #constituent .signuptitle strong {display: block; font-size: 1.4em; font-weight: normal;}
#bodyBSD #constituent #signupform table {background: transparent; border: none;}
#bodyBSD #constituent .signupdesc {display: none;}
#bodyBSD #constituent #signupform table th {font-size: 1em; padding-right: 10px; padding-top: 10px; width: 140px;}
#bodyBSD #constituent #signupform table td {padding-top: 10px;}
#bodyBSD #constituent #signupform input.text {width: 150px;}
#bodyBSD #constituent #signupform input.input_zip {width: 75px;}
#bodyBSD #constituent #signupform input.button {width: 83px; margin-left: 150px; display: block;}


/*
forgot password
*/

#bodyBSD #forgotpw .header {font-size: 1.8em !important; color: #555 !important; border-bottom: none !important;} /* needs !important to overwrite embedded styles */
#bodyBSD #forgotpw .instructions {text-align: left !important;}
#bodyBSD #forgotpw  #forgotpwform table {background-color: #fff !important; border: none !important; width: 400px !important; margin-left: 0 !important;}
#bodyBSD #forgotpw input.text {margin-left: 10px;}
#bodyBSD #forgotpw input.submit {display: block; margin-left: 114px;}

/*
Clearfix
*/

#mapped_events_groups_widget_search:after, 
#bodyBSD .mapped_events_groups_widget_section .entity_list_subheading:after,
#bodyBSD #constituent:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#mapped_events_groups_widget_search, 
#bodyBSD .mapped_events_groups_widget_section .entity_list_subheading,
#bodyBSD #constituent
{
display:inline-block;
}

/* Hide from IE Mac \*/
#mapped_events_groups_widget_search, 
#bodyBSD .mapped_events_groups_widget_section .entity_list_subheading,
#bodyBSD #constituent
{
display:block;
}
/* End hide from IE Mac */


