/* block vertical align */
.outerContainer {
    display: table;
    width: 100%; /* width of parent */
    height: 100%; /* height of parent */
    overflow: hidden;
}
.outerContainer .innerContainer {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.block .background-holder {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.block .background-holder img {
  min-width: 100%;
  min-height: 100%;
  height: auto;
  width: auto;
  display: block;
  border: 0;
}
.block .background-holder + .content {
  position: relative;
  padding: 0 0 0 40px;
}

a.popup-close {
  position: absolute;
  top: 20px;
  right: 27px;
  line-height: 0;
  text-indent: -9999px;
  background: url(../images/btn-popup-close.png) no-repeat 0 0;
  cursor: pointer;
  width: 23px;
  height: 25px;
  z-index: 499;
}
a.popup-close:hover {
  background-position: 0 -25px;
}

/* Screening block */
.block.screening-events {
  width: 100%;
  float: left;
  position: relative;
}
.block.screening-events .left-side {
  float: left;
  padding: 20px 0 0;
  margin: 0 105px 0 0;
  width: 555px;
  *display: inline;
  zoom: 1;
}
.block.screening-events .right-side {
  float: left;
  *display: inline;
  width: 300px;
  zoom: 1;
}
.block.screening-events .right-side .view-filters {
  filter: Alpha(Opacity=0);
  opacity: 0;
  z-index: -999;
  position: absolute;
}
.block.screening-events .body {
  font: 400 24px/28px "felt-tip-senior", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #242a30;
  -webkit-transform: rotate(-2deg);
     -moz-transform: rotate(-2deg);
       -o-transform: rotate(-2deg);
      -ms-transform: rotate(-2deg);
          transform: rotate(-2deg);
}
.block.screening-events .block-title {
  text-transform: uppercase;
  color: #0d6392;
  font-size: 70px;
  line-height: 74px;
  letter-spacing: 2px;
}
.block.screening-events .body p {
  margin: 0;
}
#map-filter-reset,
.block.screening-events .body a {
  color: #b23025;
  background: #fdf87d;
  padding: 0 5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
#map-filter-reset:hover,
.block.screening-events .body a:hover {
  color: #242a30;
  text-decoration: none;
}
#map-filter-reset {
  display: none;
  position: absolute;
  z-index: 20;
  bottom: 20px;
  left: 10px;
  font: 400 24px/28px "felt-tip-senior", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}
#usa-map-container {
  margin-top: 20px;
}
#usa-map {
  position: relative;
}
#usa-map #markers {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#usa-map #markers .marker {
  width: 12px;
  height: 14px;
  background: url(../images/ico-map-point.png) no-repeat;
  position: absolute;
  margin: -7px 0 0 -6px;
  text-indent: -9999px;
  line-height: 0;
  cursor: pointer;
}
#usa-map #markers .marker:hover,
#usa-map #markers .marker.active {
  background-position: 0 -14px;
}
.marker:hover .tooltip,
.marker.active .tooltip {
  display: block;
}
.marker .tooltip {
  display: none;
  text-align: center;
  position: absolute;
  width: 100px;
  bottom: 100%;
  left: -44px;
  text-indent: 0;
  font: 400 24px/24px "felt-tip-senior", Arial, Helvetica, sans-serif;
  color: #002d40;
  white-space: nowrap;
  -webkit-transform: rotate(-2deg);
     -moz-transform: rotate(-2deg);
       -o-transform: rotate(-2deg);
      -ms-transform: rotate(-2deg);
          transform: rotate(-2deg);
}
#usa-map-container circle {
  opacity: 0;
  filter: alpha(opacity=0);
}
.screening-events-holder .views-field-nothing {
  float: left;
  *display: inline;
  zoom: 1;
  margin-right: 20px;
  width: 70px;
}
.screening-events-holder .views-field-nothing-1 {
  overflow: hidden;
}
.screening-events-holder{
  color: #242a30;
  font-size: 14px;
  line-height: 18px;
}
.screening-events-holder .view-header {
  position: fixed;
  left: -9999px;
  top: -9999px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.screening-events-holder > .view-content{
  max-height: 490px;
  margin: 100px 0 50px;
  overflow: auto;
  width: 290px;
}
.screening-events-holder > .view-content .views-row{
  overflow: hidden;
  margin: 0 0 27px;
  position: relative;
}
.screening-events-holder .jspScrollable{
  float: right;
}
.screening-events-holder .jspScrollable,
.screening-events-holder .jspContainer {
  overflow: visible !important;
  outline: none;
}
.screening-events-holder .jspPane {
  outline: none;
}
.screening-events-holder .event-date {
  color: #2e363c;
}
.screening-events-holder .event-date > span {
  display: block;
  text-align: center;
}
.screening-events-holder .event-date .day {
  font-size: 14px;
  line-height: 20px;
}
.screening-events-holder .event-date .month {
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
  font-family: "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
}
.screening-events-holder .event-date .time {
  font-size: 14px;
  line-height: 18px;
  font-family: "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
}
.screening-events-holder .event-date .timestamp {
  position: absolute;
  z-index: -999;
  left: -9999px;
  top: -9999px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.screening-events-holder h3 {
  color: #b23025;
  font-size: 18px;
  line-height: 20px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 5px 0 0;
}
.screening-events-holder .views-field .links {
  overflow: hidden;
}
.screening-events-holder .views-field .links a {
  display: block;
}
.screening-events-holder .views-field .links a + .adopt-url {
  display: none;
}
.screening-events-holder .views-field a {
  color: #b23025;
}
.screening-events-holder .views-field a:hover {
  text-decoration: none;
  color: #242a30;
}
.screening-events-holder .passed,
.screening-events-holder .passed * {
  color: #827e81 !important;
}
.screening-events-holder .passed .links {
  display: none;
}
#block-views-events-block-1 {
  float: right;
  width: 338px;
}

/* Block promise club */
#block-ap-promise-club {
  overflow: hidden;
  width: 310px;
  float: right;
  margin: 20px 5px 5px;
}
#block-ap-promise-club h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 26px;
  margin: 0;
}
#block-ap-promise-club .content {
  color: #fff;
  font-size: 14px;
  line-height: 20px;
}
#block-ap-promise-club .content p {
  margin: 0;
}
#block-ap-promise-club .content .holder {
  margin: 20px 0 0;
  text-align: center;
}
#block-ap-promise-club .content a[class*="link"] {
  margin: 0 10px;
  color: #832119 !important;
  font: 400 24px/18px "felt-tip-senior", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none !important;
  width: 108px;
  height: 108px;
  padding: 8px;
  background: #fff;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  overflow: hidden;
  display: block;
  display: inline-block;
  vertical-align: top;
  zoom: 1; /* Fix for IE7 */
  *display: inline; /* Fix for IE7 */
}
#block-ap-promise-club .content a.start-link {
  color: #0D6392 !important;
}
#block-ap-promise-club .event {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    overflow: hidden;
    margin: 15px 0 0;
    padding: 8px 0;
}
#block-ap-promise-club .event a {
  color: #fff;
}
#block-ap-promise-club .event a:hover {
  text-decoration: none;
  color: #FDF87D;
}
#block-ap-promise-club .date {
    float: left;
    text-align: center;
    width: 100px;
}
#block-ap-promise-club .date > * {
  display: block;
}
#block-ap-promise-club .date .day {
    font-size: 14px;
    line-height: 18px;
}
#block-ap-promise-club .date .month {
    text-transform: uppercase;
    font: 24px/26px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
}
#block-ap-promise-club .date .time {
    font-size: 14px;
    line-height: 18px;
}
#block-ap-promise-club .event-content {
    overflow: hidden;
    line-height: 18px;
    font-size: 14px;
    margin: 5px 0 3px;
}
#block-ap-promise-club .event-content h3 {
    margin: 0;
    text-transform: uppercase;
    line-height: 20px;
    font-size: 18px;
}
/* ap blocks */
.block.ap-block > h2,
.block.ap-block .foreword {
  -webkit-transform: rotate(-2deg);
     -moz-transform: rotate(-2deg);
       -o-transform: rotate(-2deg);
      -ms-transform: rotate(-2deg);
          transform: rotate(-2deg);
}
.block.ap-block > h2 {
  margin: 30px 0 10px;
  text-transform: uppercase;
  color: #fdf87d;
  font: 400 70px/74px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
  position: relative;
  z-index: 1;
  letter-spacing: 2px;
}
.block.ap-block .content {
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  padding-bottom: 10px;
}
.block.ap-block p {
  margin: 0 0 10px;
}
.block.ap-block .left-side {
  width: 510px;
  position: relative;
  z-index: 1;
}
.block.ap-block .foreword {
  text-transform: uppercase;
  font: 400 24px/24px "felt-tip-senior", Arial, Helvetica, sans-serif;
  margin: 0 0 40px;
}
.block.ap-block .body {
  margin: 0 0 25px;
}
.block.ap-block .download {
  text-align: center;
  padding: 0 75px 0 0;
  display: block;
}
.block.ap-block .download a {
  margin: 0 7px;
  height: 51px;
  text-indent: -9999px;
  text-align: left;
  line-height: 0;
  display: inline-block;
  vertical-align: top;
  zoom: 1; /* Fix for IE7 */
  *display: inline; /* Fix for IE7 */
}
.block.ap-block .download a.ios {
  background: url(../images/btn-app-store.png) no-repeat;
  width: 164px;
}
.block.ap-block .download a.android {
  background: url(../images/btn-google-play.png) no-repeat;
  width: 153px;
}
.block.ap-block img.image {
  display: block;
  position: absolute;
  bottom: 30px;
  right: -15px;
}
.block.ap-block .preorder-link {
  text-decoration: none !important;
  text-transform: uppercase;
  font: 400 24px/26px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
  color: #fff;
  background: url(../images/bg-social.png) 50% 50%;
  height: 24px;
  padding: 12px 18px;
  z-index: 10;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  float: left;
  /*display: block;
  position: absolute;
  bottom: 50px;
  right: 15px;*/
}
#promise-tracker.section-wrapper .inner-wrapper,
#promise-tracker.section-wrapper .inner-wrapper .section,
#promise-tracker.section-wrapper .inner-wrapper .section .region,
#promise-tracker.section-wrapper .inner-wrapper .section .region .block {
  height: 100%;
}
/* block Buy book */
#block-ap-buy-book > h2 {
  margin: 40px 0 0px -7px;
}
#block-ap-buy-book .content {
  position: relative;
}
#block-ap-buy-book .left-side {
  width: 600px;
}
#block-ap-buy-book .foreword {
  margin: 0 0 20px;
}
#block-ap-buy-book div.image-holder {
  float: right;
  *display: inline;
  width: 340px;
  position: relative;
}
#block-ap-buy-book div.image-holder img {
  float: right;
  position: fixed;
  bottom: 30px;
  left: 50%;
  margin: 0 0 0 135px;
}
/* Resource section */
.resource-block > h2,
.resource-block .view-header .block {
  -webkit-transform: rotate(-2deg);
     -moz-transform: rotate(-2deg);
       -o-transform: rotate(-2deg);
      -ms-transform: rotate(-2deg);
          transform: rotate(-2deg);
}
.resource-block > h2 {
  color: #fff;
  margin: 30px 0 10px;
  text-transform: uppercase;
  font: 400 70px/74px "ff-meta-web-pro-condensed",Arial,Helvetica,sans-serif;
  position: relative;
  z-index: 1;
  letter-spacing: 2px;
}
.resource-block .content {
  color: #fff;
  margin: 15px 0 0;
}
.resource-block .content p {
  margin: 0 0 10px;
}
.resource-block .view-header {
  text-transform: uppercase;
  font: 400 24px/24px "felt-tip-senior", Arial, Helvetica, sans-serif;
  margin: 0 0 25px;
  padding: 0 260px 27px 0;
  background: url(../images/bg-line.png) no-repeat 0 100%;
  width: 610px;
}
.resource-block .view-content {
  width: 1011px;
  margin: 0 -15px;
  overflow: hidden;
}
.resource-block .view-content .views-row {
  float: left;
  *display: inline;
  width: 307px;
  margin: 0 15px 43px;
  text-align: center;
}
.resource-block .view-content .title {
  font: 400 36px/40px "ff-meta-web-pro-condensed",Arial,Helvetica,sans-serif;
  margin: 0 0 10px;
  text-transform: uppercase;
  padding: 0 0 20px;
  background: url(../images/ico-resouce-title.png) no-repeat 50% 100%;
  cursor: pointer;
  -webkit-transition: background-position 0.2s ease;
     -moz-transition: background-position 0.2s ease;
      -ms-transition: background-position 0.2s ease;
       -o-transition: background-position 0.2s ease;
          transition: background-position 0.2s ease;
  display: inline-block;
  vertical-align: top;
  zoom: 1; /* Fix for IE7 */
  *display: inline; /* Fix for IE7 */
}
.resource-block .view-content .active .title {
  background-position: 50% 150%;
}
.resource-block .view-content .views-row-2 .title {
  background-image: url(../images/ico-resouce-title-02.png);
}
.resource-block .view-content .views-row-3 .title {
  background-image: url(../images/ico-resouce-title-03.png);
}
.resource-block .view-content .views-field {
  position: relative;
}
/*.resource-block .view-content [class*="field-title"] {
  z-index: 1;
}*/
.resource-block .view-content [class*="field-resource-link"] {
  margin: -35px 0 0;
}
.resource-block .view-content div.links {
  display: none;
}
.resource-block .view-content ul,
.resource-block .view-content li {
  margin: 0;
  padding: 0;
  list-style: none outside none;
}
.resource-block .view-content ul {
  padding-bottom: 43px;
  background: url(../images/ico-resouce-ul.png) no-repeat 50% 100%;
}
.resource-block .view-content li {
  padding: 20px 0 0;
  background: url(../images/bg-resource-li-01.png) no-repeat 50% 0;
}
.resource-block .view-content li + li {
  background-image: url(../images/bg-resource-li-02.png);
}
.resource-block .view-content li + li + li {
  background-image: url(../images/bg-resource-li-03.png);
}
.resource-block .view-content li + li + li + li {
  background-image: url(../images/bg-resource-li-04.png);
}
.resource-block .view-content li + li + li + li + li {
  background-image: url(../images/bg-resource-li-05.png);
}
.resource-block .view-content li + li + li + li + li + li + li {
  background-image: url(../images/bg-resource-li-02.png);
}
.resource-block .view-content li + li + li + li + li + li + li + li {
  background-image: url(../images/bg-resource-li-03.png);
}
.resource-block .view-content li a {
  font: 400 30px/24px "felt-tip-senior", Arial, Helvetica, sans-serif;
  line-height: 32px\9;
  color: #fff;
  text-decoration: none !important;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  zoom: 1; /* Fix for IE7 */
  *display: inline; /* Fix for IE7 */
  padding: 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.resource-block .view-content li a.active,
.resource-block .view-content li a:hover {
  color: #002d40;
  background: #fdf87d;
}
/* Youth module */
.youth-module {
  margin: 147px 0 0;
}
.youth-module > h2 {
  font: 400 48px/48px "ff-meta-web-pro-condensed",Arial,Helvetica,sans-serif;
  margin: 0 auto 10px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  width: 660px;
  text-shadow: 0px 1px 10px #7f7f7f;
}
.youth-module p {
  margin: 0 0 10px;
}
.youth-module .node > h2 {
  display: none;
}
.youth-module .node .content {
  color: #fdf87d;
  font: 400 36px/36px "felt-tip-senior", Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto;
  width: 560px;
}
.youth-module .node .content ul,
.youth-module .node .content ul li {
  margin: 0;
  padding: 0;
  list-style: none outside none;
}
.youth-module .node .content ul li,
.youth-module .node .content ul li a {
  display: inline-block;
  vertical-align: top;
  zoom: 1; /* Fix for IE7 */
  *display: inline; /* Fix for IE7 */
}
.youth-module .node .content ul li {
  margin: 0 10px;
}
.youth-module .node .content ul li a {
  font-size: 24px;
  line-height: 24px;
  color: #b23025;
  text-decoration: none !important;
  background: #fdf87d;
  padding: 2px 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transform: rotate(-2deg);
     -moz-transform: rotate(-2deg);
       -o-transform: rotate(-2deg);
      -ms-transform: rotate(-2deg);
          transform: rotate(-2deg);
}
.youth-module .node .content ul li a:hover {
  color: #000;
}
.youth-module .node .content ul li a.guide {
  background: url(../images/ico-guide.png) no-repeat 50% 0;
  padding: 98px 0 0;
}
.youth-module .node .content ul li a.video {
  background: url(../images/ico-video.png) no-repeat 50% 0;
  padding: 98px 0 0;
}
.youth-module .node .content ul li a span {
  display: block;
  background: #fdf87d;
  padding: 2px 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#webform-component-site-url,
#webform-component-interested-in {
  display: none;
}