/*
Theme Name: As You Sow

Contains style applicable to all the site

Description: Modified for WordPress and new site style from original As You Sow designer's work
Author: Sheila Tabuena
Version: 0.1

*/
/* Variables for standard colors, fonts, etc */
/* sitewide */
body {
  font: normal 14px "Open Sans", Arial, Helvetica, sans-serif;
  color: #385048;
  text-align: left;
  margin: 0px;
  padding: 0px;
  background-color: #318d5c;
}

a img {
	outline: none;
}

h1 {
  font: bold 26px "Open Sans", Arial, Helvetica, sans-serif;
  line-height: 24px;
  text-transform: uppercase;
  color: #00813c;
  margin-bottom: 10px;
  margin-top: 0px;
  padding-top: 14px; }

h2 {
  font: bold 20px "Open Sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #385048;
  margin-bottom: 10px; }

h1.widget-title, h2.widgettitle {
  font: bold 20px "Open Sans", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #385048;
  margin-bottom: 10px;
	margin-top: 0px;
  padding-top: 0px;
	text-align: center;
}

h3 {
  font: bold 16px "Open Sans", Arial, Helvetica, sans-serif;
  color: #385048;
  margin-bottom: 0px; }

a {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: #00813c;
  font-weight: bold;
  text-decoration: none; }

a h3 {
	color: #00813c;
}

a:visited {
  color: #20a15c; /*#53b046;*/ 
}

a:hover, a:active {
	color: #3781ba; /*#57a1da;*/
}

p, li {
  font: normal 14px "Open Sans", Arial, Helvetica, sans-serif;
  color: #385048;
  text-align: left;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px; }

p.indent {
  margin-left: 10px; }

p.indent2 {
  margin-left: 20px; }

p.noindent {
  margin-left: 0px;
  margin-right: 0px; }

ul, ol {
	overflow:hidden; /*this fixes left floated image problem.*/
}

.bottom-border {
	border-bottom: thin solid #000;
}

.img-size-100-px {
	width: 100px;
	height:100px;
}

.center-logo-div {
	display:table-cell;
	vertical-align:middle; 
	height: 100px;
	width: 150px;
	text-align:center;
	padding-right: 12px;
	padding-left: 12px;
}

.center-logo-div-matrix {
	display:table-cell;
	vertical-align:middle; 
	height: 100px;
	width: 150px;
	padding-right: 25px;
}

.alignleft {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}

.alignright {
	display: block;
	float: right;
	padding: 0 0 10px 10px;
}

.alignright-nopad {
	display: block;
	float: right;
	padding: 0;
	margin: 0 0 10px 10px;
}

.aligncenter {
	display: block;
	text-align:center;
	padding: 0 0 10px 0;
}

.wp-caption-text {
	font-size: smaller;
	font-style: italic;
}

input[type="submit"] {
	cursor: pointer;
}

/* Divs for major layout areas */
#top-holder {
  position: fixed;
  z-index:1000;
  top:0px;
  left:0px;
  width: 100%;
  border-bottom: 3px solid #57a1da; /*#f4864c;*/
  background-color: white;
  margin: 0px;
  min-height: 50px;
}

#header {
  position: relative;
  width: 1038px;
  background-color: white;
  margin: 0px auto;
  min-height: 50px;
}

#logo {
  position: absolute;
  top: 3px; }

#logo img {
  width: 225px;
}

#search-box-top {
  position: absolute;
  top: 13px;
  padding: 0px;
  left: 758px;
  width: 160px;
  height: 25px;
  background: transparent url("images/standardpage/search-bar.png") no-repeat top left; }

#donate-top {
  position: absolute;
  top: 13px;
  padding: 0px;
  left: 940px;
  width: 98px;
  height: 25px;
  background: transparent url("images/standardpage/donatesmall.png") no-repeat top left;
  -webkit-transition: all 0.75s ease;
     -moz-transition: all 0.75s ease;
       -o-transition: all 0.75s ease;
      -ms-transition: all 0.75s ease;
          transition: all 0.75s ease;
}

#donate-top:hover {
  opacity:0.8;  
}

.donate-download {
  /*position: absolute;*/
  /*top: 13px;*/
  padding: 0px;
  /*left: 940px;*/
  width: 98px;
  height: 25px;
  margin-left: auto;
  margin-right: auto;
  background: transparent url("images/standardpage/donatesmall.png") no-repeat top left;
  -webkit-transition: all 0.75s ease;
     -moz-transition: all 0.75s ease;
       -o-transition: all 0.75s ease;
      -ms-transition: all 0.75s ease;
          transition: all 0.75s ease;
}

.donate-download:hover {
  opacity:0.8;  
}

.download-links p, .download-links a {
  text-align: center;
}

.searchinput {
  border: none;
  background: transparent; }

#access {
  position: relative;
  left: 220px;
  color: #00813c;
  padding: 0px;
  margin: 0px;
  width: 600px;
  background-color: transparent; }

/* main content area */
#panel-holder {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #318d5c;
  /* fallback flat color */
  background-image: linear-gradient(to bottom, #d0e7cd, #318d5c);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d0e7cd), to(#318d5c));
  /* for Chrome + Safari */
  background-image: -moz-linear-gradient(top, #d0e7cd, #318d5c);
  /* for Firefox */ 
  /*background: transparent url("images/homepage/homepage-V10-kw_02.jpg") top center no-repeat; khw*/
}

#center-panel {
  position: relative;
  top:55px;
  width: 100%;
  background: transparent url("images/standardpage/background-circles-everypage.png") center 38px no-repeat; }

#top-panel {
  clear: both;
  text-align: left;
  font-weight:bold;
  text-transform: uppercase;
  width: 1038px;
  height: 30px;
	padding-top:8px;
  margin: 0px auto;}

/* add the round corners here */
#container {
  width: 1038px;
	min-height: 838px;
  margin: 0px auto 0px;
  padding: 15px 0px 22px;
  text-align: left;
  background-color: #FFFFFF;
  /* box-shadow: h-shadow v-shadow blur spread color inset; */
  -moz-box-shadow: 4px 4px 12px 8px #638c7e;
  -webkit-box-shadow: 14px 4px 12px 8px #638c7e;
  box-shadow: 2px 2px 6px 4px #5b8e6e; }

#container.front {
  padding: 0px;
  height: 838px; }

#content {
  position: relative;
  width: 722px;
  margin: 0px 22px 22px;
  float: left;
  background: #FFFFFF; }

#left-sidebar {
  position: relative;
  margin: 0px 0px 0 22px;
  float: right;
  width: 207px;  /* 207px */
  background: white; }

  
.single-aysreport #left-sidebar {
	width: 260px;
}

#right-sidebar {
  position: relative;
  margin: 0px 0px 22px 22px;
  float: left;
  width: 250px;
  background: white; }

#clear-floats {
  clear: both; }

.clear-floats {
  clear: both; }

.clear-right {
	clear:right;
}

.margin-bottom {
	margin-bottom: 15px;
}

#footer {
  clear: both;
  padding-bottom: 50px; }

/* special purpose divs */
.page-template-company-php #company-parent {
	height: 90px;
	z-index:90;
}

.page-template-company-php #company-list {
	z-index: 100;
	position: relative;
	top:-80px;
	left: 20px;
}

#select-co-by-logo-link {
	position: relative;
	top: 8px;
}

.page-template-company-php select.chzn-select {
	width: 170px;
}

#sortTable thead th {
	padding-right: 2em;
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
}

#donate {
  position: relative;
  top: -125px;
  left: 229px;
  width: 500px; }

.widget-input {
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #999;
  padding: 3px;
  width: 220px; }

div.separator {
  margin-top: 40px;
  margin-bottom: 40px;
  clear: left;
  width: 722px;
  border-top: solid 1px #00813c; }

input {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.desaturate {
	transition-duration: 400ms; //and other prefixes
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%); -o-filter: grayscale(0%);
  filter: none;
  -webkit-filter: grayscale(0);
}

a:hover .desaturate {
	transition-duration: 400ms; //and other prefixes
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%); -o-filter: grayscale(100%);
	filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
	filter: gray; /* IE 6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
	opacity:0.8;
}

.rpt-border {
	border: thin solid #ccc;
}

.logo {
  float: left;
 }

.logo-sprite {
  height: 95px;
  width: 160px; }

.newsletter-masthead {
	float: left;
	width: 450px;
	padding-left:20px;
	margin-bottom:15px;
}

/* Search results */

.search-summary p {
	display:inline;
}

div.rounded_container {
  /* This background color should have the same background color as your text input */
  /* Changing this color will show you how the rounded input is laid out */
  background-color: #d0e7cd;
  /* This padding is between the text input and the rounded border on all sides */
  /* Decreasing the value may interfere with the rounded corners */
  padding: 4px; }

/* Border class */
div.rounded_border {
  /* This is the color of your rounded border */
  background: #00813c; }

div.rounded_input_border {
  /* This is the color of your rounded input border */
  background: #385048; }

input.rounded_input {
  border: 0; }

.borderCorner {
/*  border: solid 1px #00813c;
  padding: 5px;*/ }

.greenfield {
  background-color: #d0e7cd;
  border-color: #d0e7cd; }

#content-sitemap .col2 {
  float: left;
  border-top: 0px;
  border-left: solid 1px #00813c;
  margin-left: 20px;
  padding-left: 10px; }

#content-sitemap .col1 {
  float: left;
  border-left: 0px; }

#content-sitemap ul {
  margin-top: 0px;
  margin-bottom: 0px; }

#content-sitemap ul ul {
  margin-top: 0px;
  margin-bottom: 0px; }

#content-sitemap li {
  margin-top: 0px;
  margin-bottom: 0px; }

#content-sitemap a {
  font: normal normal 14px "Open Sans", Arial, Helvetica, sans-serif;
  color: #385048;
  text-decoration: none; }

#site-description {
  margin-top: 14px;
  font: normal 16px "Open Sans", Arial, Helvetica, sans-serif; }

/* navigation menus */
#front_access .sub-menu a:link,
#front_access .sub-menu a:visited {
  color: green;
  text-decoration: none; }

#front_access .sub-menu a:hover,
#front_access .sub-menu a:focus {
  color: green;
  text-decoration: none; }

/* Sortable table pages */
#sortable-table-search-form input[type="submit"] {
	width: 98px;
	height: 24px;
	border: none;
	background: url("images/standardpage/search.png") no-repeat;
    -webkit-transition: all 0.75s ease;
     -moz-transition: all 0.75s ease;
       -o-transition: all 0.75s ease;
      -ms-transition: all 0.75s ease;
          transition: all 0.75s ease;
}

#sortable-table-search-form select {
	width: 150px;
}

#sortable-table-search-form td.pad-left {
	padding-left: 4px;
}

#sortable-table-search-form td.pad-left-extra {
	padding-left: 12px;
}

#sortable-table-search-form #keyword {
	width: 150px;
	height: 18px;
	padding: 0 0 2px 7px;
	font-size: 14px;
	font-weight:bold;
	color: #444;
}

#sortTable ul {
	margin-top:0;
	margin-bottom: 0;
	padding-left: 20px;
}

#sortTable li {
	margin: 0 0 3px; 0;
	padding: 0;
	font-size: inherit;
}

/* Newsletter signup divs */
#expand1,
#expand2 {
  display: none; }

div.signup {
  color: #385048; }

.teaser img,
.featured-image img {
  position: relative;
  clear: both;
  float: left;
  margin: 0px 10px 10px 0px; }

.program-content {
  position: relative; }

/* Sidebars & Widgets */
.right-sidebar ul,
ul.right-sidebar {
  list-style: none;
  margin: 0px 0px 10px;
  padding: 0px; }

ul.sidebar-ul {
	list-style: disc;
	margin-left: 20px;
}

.widget-bg {
	background-color: #e5f3e2;
	padding: 7px;
	-webkit-box-shadow: 1px 1px 1px #aeaeae;
	box-shadow: 1px 1px 1px #aeaeae; 
}

.widget-border {
	border: 1px solid #83bfa3;
	padding: 7px;
}

.widget_aysreportdownload label {
	display: block;
	margin-top: 6px;
}

/* download reports */
.widget_aysreportdownload input[type="submit"] {
	width: 171px;
	height: 42px;
	margin-top: 15px;
	border: none;
	background: url("images/standardpage/download.png") no-repeat;
    -webkit-transition: all 0.75s ease;
     -moz-transition: all 0.75s ease;
       -o-transition: all 0.75s ease;
      -ms-transition: all 0.75s ease;
          transition: all 0.75s ease;
}

/* donate */
div#IATS_Payment_SecurityFormDiv {
	  background-color: #e5f3e2;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
	position:absolute;
	padding:10px;
	top: 200px;
}

/* about us > our team 
.page-id-163 img.alignleft {
	margin: 5px 10px 0 0;
}

.page-id-163 h3 + p + p {
	margin-top:25px;
}
*/

/* pages with tables */

#sortTable {
	margin-top: 20px;
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
}

#reportTable {
	margin-top: 45px;
}


/* Andrew Montes */

#report-page-title {
	font-style: italic;	
	text-align: left;
	width: 400px;
}

.tagcloud-title {
  text-align: center;
}

#tagcloud {
	padding: 10px;
	text-align: center;
	margin: 10px;
}

#tagcloud a {
  padding: 5px;
}

#tagcloud a:hover {
  background-color: white;
  border-top-left-radius: 5px; 
  border-top-right-radius: 5px; 
  border-bottom-left-radius: 5px; 
  border-bottom-right-radius: 5px;

}

.widget_aysnewsletter, .widget_aysreportdownload, .widget_aysreports, .widget_aysshare  {
 width:248px;
}

.greenbox {
  text-align: center;
  width:auto;
  background-color: #e5f3e2;
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
    -webkit-box-shadow: 1px 1px 1px #aeaeae;
          box-shadow: 1px 1px 1px #aeaeae; 
}

.newsletterbox {
  text-align: center;
  width:auto;
  background-color: #d8eff0;
  padding: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
    -webkit-box-shadow: 1px 1px 1px #aeaeae;
          box-shadow: 1px 1px 1px #aeaeae; 
}

img {
  border-top-left-radius: 5px; 
  border-top-right-radius: 5px; 
  border-bottom-left-radius: 5px; 
  border-bottom-right-radius: 5px;
}

.grow {
  vertical-align:middle;
  border-radius: 10%;
  opacity:1;
   border: 2px solid #fff;

   
 
  -webkit-transition: all 0.75s ease;
     -moz-transition: all 0.75s ease;
       -o-transition: all 0.75s ease;
      -ms-transition: all 0.75s ease;
          transition: all 0.75s ease;
}
 
.grow:hover {
  border-radius: 20%;
  border: 2px solid #57a1da;
  opacity:0.8;  
}

.grow-rsn {
  overflow: hidden;
  margin-top:2px;
   
 
  -webkit-transition: all 0.75s ease;
     -moz-transition: all 0.75s ease;
       -o-transition: all 0.75s ease;
      -ms-transition: all 0.75s ease;
          transition: all 0.75s ease;
}
 
.grow-rsn:hover {
  width: 310px;
  height: 83px;
  margin-top:0px;
}

#sortable-table-search-form {
	float:left;
	width:490px;
	margin-top:10px;
	margin-bottom:25px;
}

.widget-container {
	margin-top:15px;
}

#share-buttons-box {
  padding-bottom:4px;
}

.share-icon {
	margin: 0 20px 0 20px;
}

.menu-corner {
  margin-left:230px;
}

.hoverbox {
  -webkit-transition: all 0.75s ease;
     -moz-transition: all 0.75s ease;
       -o-transition: all 0.75s ease;
      -ms-transition: all 0.75s ease;
          transition: all 0.75s ease;
}

.hoverbox:hover {
  background-color: #d8eff0;
}

#vote-result {
  text-transform:uppercase;margin-left:15px;}

.press_title {
	margin: 5px 5px 5px 5px;
	font-size: 14px;
}

.press_date {
	font-size: 13px;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 20px;
}

.press_logo {
	text-align: left;
	margin: 0 0 0 10px;
}

.press_logo img {
	border-top-left-radius: 0px; 
  border-top-right-radius: 0px; 
  border-bottom-left-radius: 0px; 
  border-bottom-right-radius: 0px;
}



.press-logo {
  border-top-left-radius: 0px; 
  border-top-right-radius: 0px; 
  border-bottom-left-radius: 0px; 
  border-bottom-right-radius: 0px;
  vertical-align: middle;
}


.more_press {
	margin-bottom: 0px;
	margin-top: 0px;
  clear:right;
}

.press-release-list-item {
	margin-bottom: 20px;
}

#clear-button {
	margin-right: -25px;
}

#clear-button img {
	margin-top: 3px;
}

#squeeze-sidebar {
  position: relative;
  margin: 0px 0px 0 22px;
  float: right;
  width: 190px;  /* 207px */
  background: white; }
  
#report-sidebar {
  position: relative;
  margin: 0px 0px 0 22px;
  float: right;
  width: 207px;  /* 207px, 346px */
  background: white; }
  
  
  #newsletter-subscribe {
	position: relative;
	top:0;
	left:33px;
	width: 171px;
	height: 42px;
	margin: 7px 0;
	background: url("images/standardpage/submit.png") no-repeat;
	border: 0;
    -webkit-transition: all 0.75s ease;
     -moz-transition: all 0.75s ease;
       -o-transition: all 0.75s ease;
      -ms-transition: all 0.75s ease;
          transition: all 0.75s ease;
}

.init-title-prog-page {
	font-size:18px;
}

.press-table-title {
	font-size:12px;
}

.proxyseasonupdates-masthead {
  width: 480px;
}

.proxyseasonupdates-author {
  float: right;
  margin: 0 5px 5px 15px;
}

.proxyseasonupdates-company {
  width: 150px;
  float: left;
  margin: 0 15px 15px 5px;
}

.spacer {
  height: 25px;
  width: 1px;
}

.reso-quote p {
  font-size: 10px;
  padding-left: 10px;
}

.leftcleardiv {
  clear:left;
  width:1px;
  height:1px;
}

.rightimage {
  float: right;
  margin: 0 5px 10px 15px;
}

div.press_separator {
  margin: 10px auto 10px auto;
  clear: both;
  width: 70px;
  border-top: solid 1px #00813c; }

.full_width_center {
	width: 100%; 
	float: none; 
	clear: both; 
	text-align: center;
}

.widget_aysresources img, 
.widget_aysdonate img, 
#votes-button img, 
#front-page-box-2 img, 
#newsletter-subscribe,
.widget_aysreportdownload input[type="submit"],
#sortable-table-search-form input[type="submit"],
#sortable-table-search-form img,
.ssba_facebook_share,
.ssba_twitter_share,
.ssba_linkedin_share
  {
  -webkit-transition: all 0.75s ease;
     -moz-transition: all 0.75s ease;
       -o-transition: all 0.75s ease;
      -ms-transition: all 0.75s ease;
          transition: all 0.75s ease;
}

.widget_aysresources img:hover, 
.widget_aysdonate img:hover, 
#votes-button img:hover, 
#front-page-box-2 img:hover, 
#newsletter-subscribe:hover,
.widget_aysreportdownload input[type="submit"]:hover,
#sortable-table-search-form input[type="submit"]:hover,
#sortable-table-search-form img:hover,
.ssba_facebook_share:hover,
.ssba_twitter_share:hover,
.ssba_linkedin_share:hover {
  opacity:0.8;  
}


#search-box-top input[type="text"].hint {
	color: #ccc;
	font-style:italic;
}


blockquote {
	background-color: #eee;
	padding: 20px;
}

blockquote p {
	border-left: 2px solid #ccc;
	padding: 0 0 00 15px;
	margin: 0 0 10px 0;
	font-size: 16px;
	/* font-weight: 700; */
}

blockquote p.cite  {
	font-weight: 400;
	font-style: italic;
	font-size: 14px;
	border-left: 0;
	text-align: right;
	margin: 0;
}

.execcompfaqs h3 {
	border-left: 2px solid #777;
	padding-left: 20px;
	margin-top: 26px;
}

.faqcartoon {
  margin-top: 15px;
  border: 2px solid #ddd;
}

a.anchor{
	display: block; 
	position: relative; 
	top: -60px; 
	visibility: hidden;
}
a.newsletter-anchor{
	display: block; 
	position: relative; 
	top: -140px; 
	visibility: hidden;
}

.accordion blockquote {
  margin-left: 0;
  margin-right: 0;
}

.accordion blockquote p {
  font-size: 14px;
}

.accordion a {
  color: #00813d;
}

.accordion .ui-state-hover, .accordion .ui-state-focus {
  border-color: #00813d;
  background-color: #E5F3E2;
  color: #00813d;
}

.accordion .ui-state-active { 
  border-color: #00813d;
  color: #00813d;
}

.img-report-larger {
  float: right;
  margin: 0 0 10px 20px;
}


table.chocolate-table th, table.chocolate-table td{
	vertical-align: middle !important;
	text-align: center;
	font-weight: 700 !important;
}


table.chocolate-table thead {
	text-align:center;
}

table.chocolate-table thead th:first-child {
width: 130px !important;
}


table.chocolate-table tbody td:last-child {
	font-size: 12px;
	color: #fff;
	text-align: center;	
}

table.warning-table tbody td:last-child  {
	background-color: #AA261F !important;
}
table.no-warning-table tbody td:last-child  {
	background-color: #22B04B !important;
}

.chocolate-logo {
	display: block;
	max-height: 40px;
	margin: 0 auto;
}

.wpvl_auto_thumb_box {
margin: 15px auto;
}

	