/**
 * @mixin hfc-button
 * Pass a hex value and [optionally] a text color
 *
 * @param text-color
 * @param bg-color
 * @param darker-bg
 * @param hover-color
 */
/*
 * @mixin text-replace
 * Use the phark technique to hide text
 * and replace it with an image
 * $width and $height are required
 *
 */
body, table, td, tr, th, blockquote, img, ul, ol, li, h1, h2, h3, h4, h5, h6, p, address, #page button, form, fieldset, legend {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  border: none;
  font-weight: normal;
  font-style: normal;
}

table {
  border-collapse: inherit;
}

/*-- 2. Common or Base Tag Styles ---------------------------------------------*/
html {
  font-size: 14px;
  margin: 0;
  padding: 0;
}

body {
  font: 1em/1.6em Arial, Helvetica, sans-serif normal;
  min-width: 980px;
  margin: 0;
  padding: 0;
  background: transparent url("/media/kids/highlightskids/page-theme/fall-theme/images/content_bg.jpg") repeat scroll 0 0;
}

a,
a:link,
a:visited {
  color: #004694;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

button {
  cursor: pointer;
}

object {
  position: relative;
  z-index: 1;
}

sup {
  line-height: 0;
  font-size: 60%;
  position: relative;
}

h1 sup,
h2 sup {
  font-size: 11px;
  top: -4px;
}

.pageContent textarea {
  font: 13px/20px Arial, sans-serif;
  padding: 9px 13px;
}

.form-textarea-wrapper {
  width: 75%;
}

/*-- 3. Common or Global Style Classes ---------------------------------------------*/
.textReplace {
  display: block;
  overflow: hidden !important;
  text-align: left !important;
  text-indent: -9999em !important;
  background-repeat: no-repeat;
}

.primary {
  float: left;
}

img[align="left"] {
  margin: 0 20px 20px 0;
}

img[align="right"] {
  margin: 0 0 20px 20px;
}

.secondary {
  float: right;
}

html body a.phoneNumber {
  text-decoration: none;
  color: inherit;
  cursor: text;
}

p.first, ul.first {
  font-size: 14px;
  line-height: 20px;
}

.vag {
  font-family: "VAG Rounded W10", Arial, Helvetica, sans-serif;
}

.page-user .pageContent {
  padding: 50px 0 80px;
  background: #f6f7f7;
}

.page-user .pageContent-inner1 {
  padding: 0 30px;
}

.pageContent .tier {
  clear: both;
  position: relative;
  z-index: 2;
  background: url(../images/content_bg.png) repeat-y;
  margin: 0 0 90px;
  padding: 0;
}

.tier .tier-inner-top {
  background: url(../images/content_bg.png) no-repeat -1000px top;
  z-index: 5;
  position: absolute;
  width: 100%;
  height: 157px;
  top: -30px;
}

.tier .tier-inner-bottom {
  background: url(../images/content_bg.png) no-repeat -2000px bottom;
  position: absolute;
  bottom: -30px;
  height: 89px;
  width: 100%;
  z-index: 5;
}

.tier.spotlightOnHistory {
  background: url(../images/content_bg.png) repeat-y -3000px center;
  min-height: 271px;
  margin-top: 23px;
}

.tier.spotlightOnHistory .tier-inner-top {
  top: -57px;
}

.tier.spotlightOnHistory .tier-inner ul.banners {
  position: relative;
  top: -27px;
}

.tier.spotlightOnHistory .tier-inner-top {
  background: url(../images/tier2_spotlight-on-history_bg-top.png);
  height: 289px;
  z-index: 6;
}

.tier.spotlightOnHistory .tier-inner-bottom {
  background-position: -4000px top;
  height: 159px;
}

.tier .tier-inner {
  margin: 0 0 0 10px;
  z-index: 10;
  padding: 0 30px;
  position: relative;
  top: -4px;
}

.pageContent #tier1 {
  position: relative;
  padding-top: 14px;
}

#tier1 .tier-inner {
  padding-top: 40px;
}

.twoCol {
  width: 48%;
  margin-right: 2%;
  float: left;
}

.twoCol.first {
  clear: both;
}

.twoCol.last {
  margin-right: 0;
}

.threeCol {
  width: 32%;
  margin-right: 3%;
  float: left;
}

.threeCol.first {
  clear: both;
}

.threeCol.last {
  margin-right: 0;
  width: 30%;
  float: right;
}

.pageContent .threeCol.spanTwo {
  width: 60%;
}

.threeCol.spanTwo.last {
  width: 66%;
}

.pageContent .threeCol.only {
  margin-left: auto;
  margin-right: auto;
  clear: both;
  float: none;
}

.fourCol {
  width: 22%;
  margin-right: 3%;
}

.fourCol.first {
  clear: left;
}

.fourCol.last {
  margin-right: 0;
}

.fourCol.spanTwo {
  width: 46%;
}

.fourCol.spanThree {
  width: 68%;
}

.pageContent > .module {
  margin-left: 60px;
  margin-right: 60px;
  width: 860px;
}

.pageContent > .module.threeCol {
  width: 267px;
}

.pageContent > .module.threeCol.spanTwo {
  width: 551px;
}

.pageContent > .module.last {
  float: right;
  margin-left: 0;
  margin-right: 60px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "VAG Rounded W10", Arial, Helvetica, sans-serif;
  color: #083376;
  font-weight: bold;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
  text-decoration: none;
}

h1 {
  margin: 0 0 .2em;
  font-size: 2em;
  line-height: 1.2em;
}

.pageContent h1 + p {
  margin-top: 1em;
}

.pageContent h2 {
  margin: 0 0 .6em;
  font-size: 1.65em;
  line-height: 1.2em;
}

.pageContent h1 + h2 {
  margin-top: 0;
  font-weight: normal;
}

.pageContent #tier1 h2 {
  color: #000;
}

.pageContent h3 {
  margin: 1.2em 0 .3em;
  font-size: 1.4em;
  line-height: 1.2em;
}

.pageContent h4 {
  font-size: 1.2em;
  line-height: 1.2em;
  margin: 1.2em 0 .3em;
}

.pageContent h5, .pageContent h6 {
  font-size: 1em;
  line-height: 1em;
  margin: 1.2em 0 .3em;
}

.pageContent p {
  margin: 0 0 .9em;
}

.pageContent ul, .pageContent ul li,
.pageContent ol ul li {
  list-style: disc;
}

.pageContent ol, .pageContent ol li {
  list-style: decimal;
}

.pageContent ul, .pageContent ol {
  padding: 0 0 0 2em;
  margin: .5em 0 1.5em;
}

.pageContent p + ul {
  margin-top: -.5em;
}

.pageContent li {
  margin: 0 0 .55em;
}

.pageContent a {
  color: #004694;
}

.pageContent a:hover {
  text-decoration: none;
}

.pageContent address {
  margin: 0 0 .9em;
}

.pageContent address strong {
  font-size: 1.2em;
}

.pageContent address .jobTitle {
  text-transform: uppercase;
  font-size: .85em;
}

.pageContent blockquote {
  border: 1px solid #CCC;
  background: #EEE;
  padding: 20px;
}

.section {
  position: relative;
}

/*-- 4. PZ Kids Specific Styles ---------------------------------------------*/
#globalBar {
  background: rgba(255, 255, 255, 0.6);
  border-top: 1px solid #fff;
  border-bottom: 1px solid rgba(180, 180, 180, 0.8);
  height: 32px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  line-height: 32px;
  position: relative;
}

#globalBar ul.siteLinks {
  padding: 0 0 0 20px;
}

#globalBar ul.customerLinks {
  position: absolute;
  top: 0;
  right: 0;
  background: #d9eaee;
  border-left: 1px solid #cae1e8;
  padding: 0 0 0 15px;
}

#globalBar li {
  margin: 0 25px 0 0;
  float: left;
  list-style: none;
}

#globalBar li.highlightsLogo {
  background: url(../images/horizontal-sprites.png) no-repeat;
  width: 95px;
  height: 41px;
  position: relative;
  top: -1px;
  margin: 0 20px 0 24px;
}

#globalBar a {
  color: #000;
  text-decoration: none;
  display: block;
}

#globalBar a:hover {
  text-decoration: underline;
}

#globalBar .siteLinks .first a {
  color: #e31a05;
  font-weight: bold;
  background: url(../images/h-bug.png) no-repeat left center;
  padding: 0 0 0 25px;
}

#menuLeftCap {
  position: absolute;
  top: 47px;
  left: 239px;
  height: 53px;
  width: 26px;
  background: url(../images/menu_sprite.png) no-repeat 0 -150px;
  z-index: 481;
  display: none;
}

#menuRightCap {
  position: absolute;
  top: 47px;
  right: 15px;
  height: 70px;
  width: 20px;
  background: url(../images/menu_sprite.png) no-repeat right -300px;
  z-index: 480;
}

#page,
#page-ie {
  width: 980px;
  margin: 0 auto;
  position: relative;
  top: -19px;
}

#header {
  position: relative;
  z-index: 480;
  height: 100px;
}

#header .section {
  margin: 0;
}

#logo {
  width: 254px;
  height: 126px;
  position: absolute;
  top: 19px;
  left: 2px;
  z-index: 499;
}

#search-block-form {
  float: right;
  margin: 12px 10px 0 0;
}

#search-block-form div {
  float: left;
  background: url(../images/horizontal-sprites.png) no-repeat 0 -100px;
}

#search-block-form .form-type-textfield {
  background: url(../images/horizontal-sprites.png) no-repeat 0 -100px;
  margin: 0;
  padding: 0;
  position: relative;
}

#search-block-form .inner1 {
  position: relative;
}

#search-block-form .inner1 {
  width: 172px;
  height: 35px;
}

.js #search-block-form.blank .form-type-textfield {
  background-position: 0 -50px;
}

#search-block-form .form-text {
  background: none;
  border: 0;
  width: 160px;
  font-size: 15px;
  line-height: 18px;
  position: absolute;
  top: 7px;
  left: 12px;
}

#search-block-form #edit-actions {
  margin: 0;
  padding: 0;
}

#search-block-form button {
  width: 32px;
  height: 35px;
  background: url(../images/horizontal-sprites.png) no-repeat -100px 0;
  display: block;
}

#header li {
  float: left;
  list-style: none;
}

#primaryNavigation {
  z-index: 480;
  position: absolute;
  top: 47px;
  background: url(../images/menu_sprite.png) repeat-x;
  margin: 0 15px;
  width: 910px;
  left: 20px;
}

#primaryNavigation a,
#primaryNavigation a:hover {
  text-decoration: none;
}

#primaryNavigation li.first {
  margin: 0 0 0 223px;
}

#primaryNavigation a {
  display: block;
  padding: 0 15px;
  line-height: 53px;
}

#primaryNavigation #playIt .inner1 {
  background: url(../images/menu_sprite.png) no-repeat 0 -450px;
  width: 136px;
}

#primaryNavigation #readIt .inner1 {
  background: url(../images/menu_sprite.png) no-repeat 0 -600px;
  width: 134px;
}

#primaryNavigation #makeIt .inner1 {
  background: url(../images/menu_sprite.png) no-repeat 0 -750px;
  width: 141px;
}

#primaryNavigation #shareIt .inner1 {
  background: url(../images/menu_sprite.png) no-repeat 0 -900px;
  width: 149px;
}

#primaryNavigation li div.expandedNav {
  position: absolute;
  top: 52px;
  background-color: #db2f35;
}

#primaryNavigation .expandedNav div,
#primaryNavigation .expandedNav ul {
  z-index: 4;
  display: none;
  opacity: 0;
}

#primaryNavigation .tab {
  z-index: 5;
  cursor: pointer;
  opacity: 1;
  display: none;
}

#primaryNavigation .expandedNav .topLeft {
  background: url(../images/nav/navExpanded-cornerTopL.png) no-repeat;
  width: 2px;
  height: 5px;
  position: absolute;
  top: -4px;
  left: -1px;
}

#primaryNavigation .expandedNav .top {
  background: url(../images/nav/navExpanded-borderTop.png) repeat-x;
  width: 100%;
  height: 5px;
  position: absolute;
  top: -4px;
}

#primaryNavigation .expandedNav .navClose {
  position: absolute;
  right: -91px;
  top: -4px;
  z-index: 5;
}

#primaryNavigation .expandedNav .navClose a.textReplace {
  width: 62px;
  height: 65px;
  background: url(../images/nav/navExpanded-closeButton.png) no-repeat;
}

#primaryNavigation .expandedNav .left {
  background: url(../images/nav/navExpanded-borderLR.png) repeat-y;
  width: 2px;
  height: 100%;
  position: absolute;
  left: -1px;
  opacity: 1;
}

#primaryNavigation .expandedNav .right {
  background: url(../images/nav/navExpanded-borderLR.png) repeat-y;
  width: 2px;
  height: 100%;
  position: absolute;
  right: -1px;
  opacity: 1;
}

#primaryNavigation .expandedNav .botLeft {
  background: url(../images/nav/navExpanded-cornerBotL.png) no-repeat;
  position: absolute;
  bottom: -5px;
  left: -1px;
  width: 4px;
  height: 5px;
}

#primaryNavigation .expandedNav .botRight {
  background: url(../images/nav/navExpanded-cornerBotR.png) no-repeat;
  position: absolute;
  bottom: -5px;
  right: -1px;
  width: 4px;
  height: 5px;
}

#primaryNavigation .expandedNav .bottom {
  background: url(../images/nav/navExpanded-borderBot.png) repeat-x;
  position: absolute;
  bottom: -5px;
  width: 100%;
  height: 5px;
}

#primaryNavigation #playIt_menu .expandedNav {
  left: 243px;
}

#primaryNavigation #playIt_menu .tab {
  width: 153px;
  height: 76px;
  background: url(../images/menu_sprite.png) no-repeat 0 -1041px;
  position: absolute;
  top: -5px;
  left: 238px;
}

#primaryNavigation #readIt_menu .expandedNav {
  left: 276px;
}

#primaryNavigation #readIt_menu .tab {
  width: 153px;
  height: 76px;
  background: url(../images/menu_sprite.png) no-repeat 0 -1191px;
  position: absolute;
  top: -5px;
  left: 403px;
}

#primaryNavigation #makeIt_menu .expandedNav {
  right: 45px;
}

#primaryNavigation #makeIt_menu .tab {
  width: 160px;
  height: 76px;
  background: url(../images/menu_sprite.png) no-repeat 0 -1341px;
  position: absolute;
  top: -5px;
  left: 567px;
}

#primaryNavigation #shareIt_menu .expandedNav {
  right: 7px;
}

#primaryNavigation #shareIt_menu .tab {
  width: 160px;
  height: 76px;
  background: url(../images/menu_sprite.png) no-repeat 0 -1491px;
  position: absolute;
  top: -5px;
  right: 7px;
}

#primaryNavigation .expandedNav ul {
  margin: 20px 0 0px 0;
  padding: 0;
}

#primaryNavigation .expandedNav ul.threeRow {
  width: 580px;
  height: 300px;
}

#primaryNavigation .expandedNav ul.twoRow {
  width: 580px;
  height: 200px;
}

#primaryNavigation .expandedNav ul li {
  background: none;
  float: none;
  clear: both;
  margin: 0px -35px 0px 5px;
  height: auto;
  display: inline-block;
}

#primaryNavigation .expandedNav ul li a.navItem {
  width: 278px;
  height: 90px;
  overflow: hidden;
  position: relative;
}

#primaryNavigation .expandedNav ul li a.navItem img {
  top: 3px;
  left: 153px;
  position: absolute;
  z-index: 5;
}

#primaryNavigation .expandedNav ul li a.navItem div {
  display: block;
  opacity: 1;
}

#primaryNavigation .expandedNav ul li a.navItem div.navItemName {
  background: url(../images/nav/subNavItem-overlay.png) no-repeat;
  color: #EC4141;
  width: 282px;
  height: 94px;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 10;
}

#primaryNavigation .expandedNav ul li a.navItem div.navItemName-inner1 {
  color: #0e7ba8;
  font-size: 22px;
  line-height: 27px;
  font-weight: bold;
  margin: 15px 0 0 20px;
  width: 141px;
}

.navOverlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 400;
  background-color: #214b68;
}

#header ul.menu {
  float: right;
  line-height: 30px;
  margin: 13px 50px 0 0;
}

#header ul.menu li {
  margin: 0 40px 0 0;
  padding: 0;
}

#header ul.menu li.last {
  margin-right: 0;
}

#header ul.menu a,
#footer ul.menu a {
  text-decoration: none;
  text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.7);
}

#header ul.menu a {
  font-weight: bold;
}

#header ul.menu a:hover,
#footer ul.menu a:hover {
  text-decoration: underline;
}

.pageContent {
  margin: 0px 35px 0 25px;
  width: 920px;
  z-index: 10;
}

.custom .pageContent-inner2 {
  padding: 0px 0 50px;
}

.pageContent h1 {
  /*margin-left:25px;*/
  margin-right: 25px;
  font-size: 40px;
}

.interactive_timbertoes h1 {
  font-size: 28px;
}

.pageContent .region-content {
  margin: 0 25px;
}

#footer {
  padding: 0 35px;
  background: rgba(255, 255, 255, 0.6);
  border-top: 1px solid rgba(180, 180, 180, 0.8);
  height: 32px;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
  height: 40px;
}

#footer .block-menu h2 {
  display: none;
}

#footer ul {
  margin: 0;
  padding: 0;
  float: left;
}

#footer li {
  list-style: none;
  margin: 0 0 0 20px;
  padding: 0;
  float: left;
}

#footer li a {
  line-height: 40px;
  height: 40px;
}

#footer p.copyright {
  line-height: 40px;
  height: 40px;
  margin: 0;
  float: right;
}

/*------8.3 Form Errors ------------------*/
.pageContent .form-item input.error,
.pageContent .form-item textarea.error,
.pageContent .form-item select.error {
  border: 1px solid #e53239;
  -moz-border-shadow: 0 0 25px rgba(180, 10, 33, 0.4);
  -webkit-box-shadow: 0 0 25px rgba(180, 10, 33, 0.4);
  box-shadow: 0 0 21px rgba(159, 27, 33, 0.5);
}

.js .jsError {
  display: none;
}

/*-- 9 View List for the Banner Display on Games and Engine Nodes ------------------*/
.dynamicBanners.tier .tier-inner {
  padding: 0 30px;
}

.view-id-6_random_banners {
  padding: 0;
}

.view-content ul, .view-content ul li {
  list-style: disc outside none;
}

ul.banner-list, ul.banner-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.banner-list li {
  float: left;
  margin: 0 20px 20px 0;
  width: 270px;
}

ul.banner-list li.views-row-3,
ul.banner-list li.views-row-6,
ul.banner-list li.views-row-9,
ul.banner-list li.views-row-12,
ul.banner-list li.views-row-15,
ul.banner-list li.views-row-18,
ul.banner-list li.views-row-21,
ul.banner-list li.views-row-24,
ul.banner-list li.views-row-27,
ul.banner-list li.views-row-30,
ul.banner-list li.views-row-33,
ul.banner-list li.views-row-36,
ul.banner-list li.views-row-39 {
  margin-right: 0;
}

ul.banner-list li.last {
  float: right;
  margin-right: 0%;
}

ul.banner-list a img {
  display: block;
}

ul.banner-list li a.bannerMedium {
  background: url(../images/horizontal-sprites.png) no-repeat -2px -2700px;
  display: block;
  height: 119px;
  margin: 0 auto;
  text-decoration: none;
  width: 236px;
}

ul.banner-list a h6 {
  top: 90px;
  position: relative;
  font-size: 0.8em;
}

.view-fun-finder li {
  width: 270px;
  height: 109px;
}

/*- Tier1 Headline Styles ----------------------------------------------------*/
.headlineBG {
  position: relative;
  top: 0;
  left: -30px;
  top: -49px;
  width: 910px;
  background: url(../images/tier1_headline-defaults_bg-sprite.jpg) no-repeat bottom left;
  padding: 0 0 10px;
  margin-bottom: -17px;
}

#tier1 .headlineBG h1,
#tier1 .headlineBG h2 {
  padding: 46px 182px 0 30px;
  margin: 0;
  font-size: 40px;
  color: #29834f;
}

#tier1 .headlineBG h4 {
  padding: 10px 182px 0 30px;
  margin: 0;
  color: #29834f;
}

#tier1 .headlineBG h1 span,
#tier1 .headlineBG h2 span {
  font-weight: normal;
}

#tier1 .headlineBG a {
  color: inherit;
}

#tier1 .headlineBG .sandwichedTitle h2 {
  font-size: 25px;
  font-weight: normal;
}

#tier1 .headlineBG .sandwichedTitle h2 + h1 {
  padding-top: 5px;
}

/* Generic Red Headline Styles ----*/
/* Generic Teal Headline Styles ----*/
.headlineBG.teal {
  background-position: -1000px bottom;
}

#tier1 .headlineBG.teal h1,
#tier1 .headlineBG.teal h2 {
  color: #28817d;
}

/* Generic Orange Headline Styles ----*/
.headlineBG.orange {
  background-position: -2000px bottom;
}

#tier1 .headlineBG.orange h1,
#tier1 .headlineBG.orange h2,
#tier1 .headlineBG.orange h4 {
  color: #df8a1f;
}

/* Generic Purple Headline Styles ----*/
.headlineBG.purple {
  background-position: -3000px bottom;
}

#tier1 .headlineBG.purple h1,
#tier1 .headlineBG.purple h2,
#tier1 .headlineBG.purple h4 {
  color: #745076;
}

/* Arizona Headline Styles ----*/
.node-ask-arizona-story .headlineBG,
.headlineBG.arizonaZone {
  background: url(../images/tier1_headline-custom_bg-sprite.jpg) no-repeat bottom left;
}

.node-ask-arizona-story .subtitle,
.headlineBG.arizonaZone .subtitle {
  font-weight: normal;
  margin: 0 0 20px;
  font-size: 16px;
  /* for credits - STH 8/31/12 */
}

.storyPlayer {
  margin: 0 0 25px;
}

.storyPlayer h3 {
  color: #888;
  font-weight: normal;
  font-size: 15px;
}

.node-ask-arizona-story #tier1 .headlineBG h1,
.node-ask-arizona-story #tier1 .headlineBG h2 {
  color: #df8a1f;
}

/* Crafts Headline Styles ----*/
.node-crafts .headlineBG, .headlineBG.crafts {
  background: url(../images/tier1_headline-defaults_bg-sprite.jpg) no-repeat -1000px bottom;
}

.node-crafts #tier1 .headlineBG h2, #tier1 .headlineBG.crafts h2,
.node-crafts #tier1 .headlineBG h1, #tier1 .headlineBG.crafts h1 {
  color: #28817d;
}

/* Timbertoes Headline Styles ----*/
.pageContent .headlineBG.timbertoes {
  background-image: url(../images/tier1_headline-custom_bg-sprite.jpg);
  background-position: -1000px bottom;
}

/* Your Own Pages Headline Styles ----*/
.your-own-pages #yopTitle {
  background: url(/media/kids/highlightskids/your-own-pages/YOP-tier1.jpg) no-repeat 0 -186px;
}

#yopTitle .view-footer {
  top: 48px;
}

/*- Default Banner Styles ----------------------------------------------------*/
a.bannerLarge,
a.bannerMedium,
a.bannerSmall {
  display: block;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

a.bannerLarge {
  width: 560px;
  height: 275px;
}

a.bannerMedium {
  width: 274px;
  height: 274px;
}

a.bannerMedium .banner-inner {
  background: url(../images/medium-banner-sprite.png) no-repeat;
  width: 274px;
  height: 274px;
  position: absolute;
  top: 0;
  left: 0;
}

a.bannerMedium:hover {
  position: relative;
  top: -1px;
  left: -1px;
}

a.bannerMedium:hover .banner-inner {
  background-position: -300px 0;
}

a.bannerMedium img {
  margin: 71px 0 0 1px;
}

a.bannerSmall {
  width: 270px;
  height: 109px;
  position: relative;
  overflow: hidden;
}

a.bannerSmall .banner-inner {
  /*background:url(../images/small-banner-sprite.png) no-repeat*/
  background: url(../images/small-banner-sprite.png) no-repeat -29px 0;
  width: 270px;
  height: 109px;
  position: absolute;
  top: 0;
  z-index: 3;
  overflow: hidden;
}

a.bannerSmall:hover .banner-inner {
  /*background-position:-300px 0;*/
  background-position: -29px 0;
}

a.bannerSmall:hover {
  top: -1px;
  left: -1px;
}

a.bannerLarge .gameName {
  background: url(../images/title-sprite.png) repeat-x 0 -26px;
}

a.bannerLarge .gameName,
a.bannerMedium .gameName {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  font-size: 25px;
  line-height: 45px;
  color: #103d3f;
  text-shadow: 1px 1px 0 #fff;
}

a.bannerSmall .gameName {
  color: #ec4141;
  z-index: 5;
  position: relative;
  padding: 35px 124px 0 14px;
  font-size: 14px;
  line-height: 20px;
}

a.bannerSmall .credits {
  font-size: 11px;
  line-height: 16px;
  color: #156879;
  display: block;
}

a.ask_arizona_story .credits {
  display: none;
}

a.bannerLarge .credits {
  font-size: 12px;
  display: block;
  color: #156879;
  line-height: 22px;
}

a.bannerLarge .gameName.hasCredits {
  line-height: 25px;
}

a.bannerSmall .leftCap {
  height: 66px;
}

a.bannerSmall:hover .gameName {
  background-position: 0 -198px;
}

a.bannerSmall .gameName-inner1 {
  padding: 11px 120px 0 14px;
}

a.bannerLarge .gameName .leftCap {
  background: url(../images/title-sprite.png) no-repeat 0 -176px;
  height: 50px;
  color: #E81C24;
}

a.bannerLarge .gameName .rightCap {
  background: url(../images/title-sprite.png) no-repeat right bottom;
  width: 40px;
  position: absolute;
  right: -40px;
  bottom: 0;
  height: 50px;
}

a.bannerMedium .gameName {
  height: 72px;
  display: table;
}

a.bannerMedium .gameName,
a.bannerMedium .gameName .leftCap {
  font-size: 15px;
  line-height: 20px;
  z-index: 5;
}

a.bannerMedium .gameName .leftCap {
  padding: 28px 42px 0 18px;
}

a.bannerMedium.textLong .leftCap {
  padding: 20px 42px 0 18px;
}

#page a.bannerMedium .gameName .leftCap:first-of-type {
  padding-top: 0;
  padding-bottom: 0;
  display: table-cell;
  vertical-align: middle;
}

.banner-inner-topRight,
.banner-inner-topLeft,
.banner-inner-bottomRight,
.banner-inner-bottomLeft {
  background: url(../images/corner-sprite.png);
  height: 11px;
  width: 10px;
  position: absolute;
}

.banner-inner-bottomLeft {
  background-position: right top;
  bottom: 0;
  left: 0;
}

.banner-inner-bottomRight {
  /*	background-position:left top;
  	bottom:0;
  	right:0;
  */
  display: none;
}

.banner-inner-topLeft {
  background-position: right bottom;
  top: 0;
  left: 0;
}

.banner-inner-topRight {
  background-position: left bottom;
  top: 0;
  right: 0;
  z-index: 6;
}

.bannerLarge .banner-inner-bottomRight,
.bannerLarge .banner-inner-bottomLeft {
  bottom: 32px;
}

.callToAction {
  background: url(../images/call-to-action-sprites.png) repeat-x 0 0;
  color: #1b6b19;
  height: 41px;
  font-size: 15px;
  line-height: 41px;
}

.bannerSmall .category {
  background: url(../images/small-banner-sprite.png) no-repeat -29px 0;
  width: 240px;
  height: 24px;
}

.bannerSmall img {
  position: absolute;
  top: 25px;
  right: 3px;
  z-index: 1;
}

.callToAction .callToAction-inner1 {
  background: url(../images/call-to-action-sprites.png) no-repeat 0 -50px;
  padding-left: 15px;
  height: 41px;
}

.bannerMedium .callToAction .callToAction-inner2 {
  background: url(../images/call-to-action-sprites.png) no-repeat right -250px;
  text-align: right;
  padding-right: 26px;
}

a.bannerMedium .category {
  background: url(../images/medium-banner-sprite.png) 1px 2px;
  position: relative;
  top: -2px;
  left: -1px;
  width: 233px;
  height: 72px;
}

.bannerSmall.crafts .category {
  /*background-position:-600px 0px;*/
}

.bannerSmall.ask_arizona_story .category {
  /*background-position:-600px -30px;*/
  background-position: -330px -30px;
}

a.bannerSmall.game_code_crackers .category,
a.bannerSmall.engine_code_crackers .category {
  /*background-position:-900px -30px;*/
  background-position: -630px -30px;
}

a.bannerSmall.game_double_check .category,
a.bannerSmall.engine_double_check .category {
  /*background-position:-600px -90px;*/
  background-position: -330px -90px;
}

a.bannerSmall.game_hpi .category,
a.bannerSmall.engine_hpi .category,
a.hidden_pictures_answers .category {
  /*background-position:-900px -60px;*/
  /*background-position:-630px -60px;*/
}

a.bannerSmall.interactive_timbertoes .category {
  /*background-position:-1500px 0px;*/
  background-position: -1230px 0px;
}

a.bannerSmall.poetry_player_poems .category {
  /*background-position:-1500px -30px;*/
  background-position: -1230px -30px;
}

a.bannerSmall.science_experiments .category {
  /*background-position:-1500px -90px;*/
  background-position: -1230px -90px;
}

a.bannerSmall.science_questions .category {
  /*background-position:-1800px -60px;*/
  background-position: -1530px -60px;
}

a.bannerSmall.science_stories .category {
  /*background-position:-1800px -90px;*/
  background-position: -1530px -90px;
}

a.bannerSmall.stories .category {
  /*background-position:-1800px -30px;*/
  background-position: -1530px -30px;
}

a.bannerSmall.engine_picture_sudoku .category,
a.bannerSmall.game_picture_sudoku .category {
  /*background-position:-1200px 0;*/
  background-position: -930px 0;
}

a.bannerSmall.engine_square_off .category,
a.bannerSmall.game_square_off .category {
  /*background-position:-1200px -30px;*/
  background-position: -930px -30px;
}

a.bannerSmall.engine_tic_tac_row .category,
a.bannerSmall.game_tic_tac_row .category {
  /*background-position:-1200px -60px;*/
  background-position: -930px -60px;
}

a.bannerSmall.engine_whats_wrong .category,
a.bannerSmall.game_whats_wrong .category {
  /*background-position:-1200px -90px;*/
  background-position: -930px -90px;
}

a.bannerSmall.engine_whats_wrong .category,
a.bannerSmall.game_whats_wrong .category {
  /*background-position:-1200px -90px;*/
  background-position: -930px -90px;
}

a.bannerSmall.engine_wyatts_story .category,
a.bannerSmall.game_wyatts_story .category {
  background-position: -1830px -90px;
}

a.bannerSmall.matching .category {
  background-position: -2130px 0;
}

.view-6-random-banners a.bannerSmall .category,
.puzzle-games a.bannerSmall.flash .category,
.matching-games a.bannerSmall.flash .category,
.games-for-beginners a.bannerSmall.flash .category,
.art-activities a.bannerSmall.flash .category {
  display: none;
}

a.bannerSmall.page_main_page .category,
a.bannerSmall.flash .category {
  background-position: -2130px -90px;
}

.art-activities a.bannerSmall .category,
.games-for-beginners a.bannerSmall .category,
.see-all-of-our-games a.bannerSmall .category,
.games a.bannerSmall .category {
  background-position: -29px 0;
}

a .leftCap {
  cursor: pointer;
}

a.bannerMedium.ask_arizona_story .category {
  background-position: -600px -99px;
}

a.bannerMedium.game_code_crackers .category,
a.bannerMedium.engine_code_crackers .category {
  background-position: -900px -199px;
}

a.bannerMedium.game_double_check .category,
a.bannerMedium.engine_double_check .category {
  background-position: -900px 0;
}

a.bannerMedium.crafts .category {
  /*background-position:-600px 0;*/
  background-position: -330px 0;
}

a.bannerMedium.game_hpi .category,
a.bannerMedium.engine_hpi .category,
a.bannerMedium.hidden_pictures_answers .category {
  background-position: -1200px 0;
}

a.bannerMedium.interactive_timbertoes .category {
  background-position: -1800px 0;
}

a.bannerMedium.poetry_player_poems .category {
  background-position: -1800px -100px;
}

a.bannerMedium.science_experiments .category {
  background-position: -2109px 0px;
}

a.bannerMedium.science_questions .category {
  background-position: -2109px -100px;
}

a.bannerMedium.science_stories .category {
  background-position: -2109px -200px;
}

a.bannerMedium.stories .category {
  background-position: -2411px -100px;
}

.hideGameTypes a.bannerMedium .category,
.hideGameTypes a.bannerSmall .category {
  display: none;
}

.pageContent .hideGameTypes a.bannerMedium .gameName .leftCap {
  padding-left: 18px;
}

a.bannerMedium.science_questions .leftCap {
  padding-left: 45px;
}

a.bannerMedium.science_experiments .leftCap {
  padding-left: 53px;
}

a.bannerMedium.crafts .gameName .leftCap,
a.bannerMedium.game_code_crackers .leftCap,
a.bannerMedium.engine_code_crackers .leftCap,
a.bannerMedium.game_double_check .leftCap,
a.bannerMedium.engine_double_check .leftCap,
a.bannerMedium.game_hpi .leftCap,
a.bannerMedium.engine_hpi .leftCap,
a.bannerMedium.hidden_pictures_answers .leftCap {
  padding-left: 58px;
}

a.bannerMedium.ask_arizona_story .gameName .leftCap,
a.bannerMedium.interactive_timbertoes .gameName .leftCap,
a.bannerMedium.poetry_player_poems .gameName .leftCap,
a.bannerMedium.science_stories .gameName .leftCap,
a.bannerMedium.stories .gameName .leftCap {
  padding-left: 63px;
}

#tier1 .last .item-list ul,
#tier1 .last .item-list li,
#tier1 .node-promotion-custom-banner .item-list ul,
#tier1 .node-promotion-custom-banner .item-list li,
#tier2 .node-promotion-custom-banner .item-list ul,
#tier2 .node-promotion-custom-banner .item-list li,
.node-promotion-custom-banner .item-list ul,
.node-promotion-custom-banner .item-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}

.node-promotion-custom-banner .item-list {
  background: url(../images/call-to-action-sprites.png) repeat-x;
  height: 41px;
  line-height: 41px;
  position: absolute;
  top: 243px;
  left: 0;
}

.node-promotion-custom-banner .item-list ul {
  background: url(../images/call-to-action-sprites.png) no-repeat 0 -50px;
}

.node-promotion-custom-banner .item-list li {
  background: url(../images/call-to-action-sprites.png) no-repeat right -100px;
}

.node-promotion-custom-banner .item-list a {
  padding: 0 10px;
  color: #1b6b19;
  font-weight: bold;
  text-decoration: none;
  padding: 0 30px 0 15px;
  display: block;
  font-size: 14px;
}

.field-collection-container {
  border: 0;
  margin: 0;
}

.node-promotion-custom-banner .item-list li.first {
  margin: 0 0 0 8px;
}

.node-promotion-custom-banner .item-list li.first a {
  padding: 0 28px 0 20px;
}

.node-promotion-custom-banner .item-list li.last {
  background-position: right -150px;
}

.node {
  position: relative;
}

/*-- 10 Games & Engine Template Code ------------------*/
.engine .pageContent-inner2,
.game .pageContent-inner2 {
  padding-top: 0;
}

#tier1 .engine h1 {
  font-size: 40px;
  line-height: 40px;
  color: #0D587C;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  width: 412px;
}

.game h1 {
  margin: 0 120px 0 0;
  padding: 0;
  font-size: 35px;
  line-height: 40px;
  color: #0D587C;
  font-weight: bold;
}

.game h3 {
  margin: 5px 120px 0 0;
  padding: 0;
  font-size: 26px;
  line-height: 35px;
  color: #0D587C;
  font-weight: bold;
}

.engine .field-name-field-multiline-credits,
.game .field-name-field-multiline-credits {
  margin-right: 120px;
}

.engine .content,
.game .content {
  position: relative;
  padding-bottom: 12px;
}

.engine .field-name-field-instructions,
.game .field-name-field-instructions {
  font-size: 15px;
  margin: 10px 0 20px;
}

.engine .gameWrapper,
.game .gameWrapper {
  margin: 25px 0 0;
  position: relative;
  left: -30px;
  width: 910px;
}

.game .gameWrapper {
  margin: 20px 0 0;
}

.engine .gameWrapper-inner1,
.game .gameWrapper-inner1 {
  margin: 0 auto;
}

.poetry_player_poems .audioPlayer {
  margin-bottom: 10px;
}

#hpiWrapper {
  width: 870px;
  height: 558px;
  position: relative;
}

.hpiPrint {
  position: absolute;
  right: 0;
  top: 92px;
}

.hpiPrint h3 {
  margin-top: 0;
}

.hpiPrint a {
  padding-left: 30px;
  background: url("/media/kids/highlightskids/engines/hidden-pictures-interactive/images/printer-sprite.png") no-repeat left;
}

/*-- 11 No Flash styles, revised on 10/22/15 --*/
.noFlash {
  background-color: #fef8e0;
}

.noFlash div.mainMsg {
  padding: 30px 30px 0;
}

.devices {
  padding: 30px 0;
}

.playGames {
  font-size: 19px;
  padding: 10px 0;
  text-align: center;
}

.noFlashImg {
  max-width: 180px;
  padding: 20px 30px;
  float: left;
}

.warning {
  color: #e8111a !important;
  font-weight: bold;
}

/*-- 12 prettyPhoto styles (overrides default PP stylesheet) ---*/
a.pp_previous {
  background: url(../images/galleryUI/back.png) center left no-repeat;
  margin-left: -86px;
}

div.light_square .pp_previous:hover {
  background: url(../images/galleryUI/back.png) center left no-repeat;
  cursor: pointer;
}

a.pp_next {
  background: url(../images/galleryUI/forward.png) center right no-repeat;
  margin-right: -86px;
}

div.light_square .pp_next:hover {
  background: url(../images/galleryUI/forward.png) center right no-repeat;
  cursor: pointer;
}

div.light_square .pp_content_container .pp_details {
  margin-top: 0;
  position: absolute;
  right: 0;
  top: -60px;
}

div.light_square .pp_close {
  background: url(../images/galleryUI/x.png) no-repeat scroll top right transparent;
  width: 84px;
  height: 53px;
}

a.pp_expand, a.pp_contract {
  width: 50px;
  height: 44px;
  position: absolute;
  left: 0;
  top: -64px;
}

div.light_square .pp_expand {
  background: url(../images/galleryUI/magnify-sprite.png) no-repeat scroll 0px bottom transparent;
}

div.light_square .pp_expand:hover {
  background: url(../images/galleryUI/magnify-sprite.png) no-repeat scroll -200px bottom transparent;
}

div.light_square .pp_contract {
  background: url(../images/galleryUI/magnify-sprite.png) no-repeat scroll -400px bottom transparent;
}

div.light_square .pp_contract:hover {
  background: url(../images/galleryUI/magnify-sprite.png) no-repeat scroll -600px bottom transparent;
}

.pp_top, .pp_bottom {
  height: 10px;
  position: relative;
}

.pp_top .pp_left, .pp_bottom .pp_left {
  height: 10px;
  left: 0;
  position: absolute;
  width: 10px;
}

.pp_top .pp_middle, .pp_bottom .pp_middle {
  height: 10px;
  left: 10px;
  position: absolute;
  right: 10px;
}

.pp_top .pp_right, .pp_bottom .pp_right {
  height: 10px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
}

.pp_content_container .pp_left {
  padding-left: 10px;
}

.pp_content_container .pp_right {
  padding-right: 10px;
}

div.pp_overlay {
  background-color: #214B68;
}

.pp_gallery {
  display: block;
  margin-top: 5px;
  margin-left: 0;
  width: 500px;
}

.pp_gallery ul {
  width: 100%;
}

/*---------------------------------
13. Crafts Styles
---------------------------------*/
.node-crafts #content_left,
.node-crafts #content_right {
  width: 48%;
  float: left;
}

.node-crafts #content_right {
  float: right;
}

.node-crafts h2 {
  clear: both;
}

.node-joke .field-name-body {
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 10px;
  color: #036789;
  text-shadow: 1px 1px 0 #fff;
}

.node-joke.node-teaser .field-name-body {
  font-size: 15px;
  line-height: 18px;
  padding-top: 20px;
}

.node-joke .punchline {
  font-size: 18px;
}

.node-joke.node-teaser .punchline {
  font-size: 12px;
}

.node-joke .citation {
  font-size: 15px;
  line-height: 24px;
  margin-top: 20px;
}

.node-joke.node-teaser .citation {
  font-size: 12px;
  line-height: 17px;
  margin-top: 10px;
}

.node-joke .citation .name {
  font-size: 18px;
  display: block;
}

/*---------------------------------
14. Promotion Area Styles
---------------------------------*/
.promoBanners .tier-inner {
  margin: 0;
  padding-bottom: 0;
}

.promoBanners.color {
  margin: 10px 0px 158px;
}

.promoBanners.color .colorFill {
  background: url("../images/content_bg.png") no-repeat scroll -1000px 0;
  position: absolute;
  width: 100%;
  height: 100px;
  top: -25px;
  left: 0px;
}

.promoBanners.color .tier-inner-top {
  top: -25px;
  background: url("../images/tier2-static-headline-bg.png") no-repeat scroll 0 0;
  height: 71px;
  width: 910px;
  margin-left: 10px;
  z-index: 10;
}

.promoBanners.green .tier-inner-top {
  background-position: 0 0;
  border-bottom: 1px solid #29834f;
}

.promoBanners.blue .tier-inner-top {
  background-position: -1000px 0;
  border-bottom: 1px solid #2b7f7f;
}

.promoBanners.orange .tier-inner-top {
  background-position: -2000px 0;
  border-bottom: 1px solid #df8a1f;
}

.promoBanners.white .tier-inner-top {
  background-position: -3000px 0;
  border-bottom: 1px solid #745076;
}

.promoBanners.color .node-promotion-static-banner-area h4 {
  margin-bottom: 35px;
  font-size: 30px;
}

.promoBanners.green .node-promotion-static-banner-area h4 {
  color: #29834F;
}

.promoBanners.orange .node-promotion-static-banner-area h4 {
  color: #df8a1f;
}

.promoBanners.white .node-promotion-static-banner-area h4 {
  color: #745076;
}

.promoBanners.blue .node-promotion-static-banner-area h4 {
  color: #29834F;
}

.pageContent .node-promotion-static-banner-area h4 {
  font-size: 25px;
  margin: 0 8px 20px;
  padding: 0;
  font-weight: normal;
}

.pageContent .node-promotion-static-banner-area ul,
.pageContent .node-promotion-static-banner-area li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.node-promotion-static-banner-area li.embeddedNode {
  float: left;
  margin: 0 20px 0 0;
  width: 270px;
}

.node-promotion-static-banner-area li.embeddedNode.last {
  margin: 0;
}

#page .pageContent .spotlightOnHistory .medium li.first.embeddedNode {
  margin: 0 10px 0 0;
}

.node-promotion-static-banner-area .medium li.last {
  float: right;
}

.pageContent .node-promotion-static-banner-area .small li {
  margin: 0 13px 10px 0;
  height: 109px;
}

.poll .bar,
.poll .bar .foreground {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.poll .bar {
  border: 1px solid #ccc;
  background: #dedede;
}

.poll .bar .foreground {
  background: #f98e30;
  border: 1px solid #d75611;
  position: relative;
  top: -1px;
  left: -1px;
}

.node-teaser .poll .bar,
.node-teaser .poll .bar .foreground {
  height: 10px;
}

.node-teaser .percent {
  font-size: 11px;
  color: #888;
}

.node-teaser.node-poll,
.node-promotion-static-banner-area .entity-pollim,
.node-teaser.node-spotlight-2 {
  width: 270px;
  height: 241px;
  background: #fff;
}

.node-promotion-static-banner-area .entity-pollim {
  background: none;
}

.spotlightOnHistory #whatsNewToday h3 {
  padding: 0;
  margin: 0;
  width: 170px;
  height: 75px;
  background: url(/media/kids/highlightskids/homepage/images/headline_whats-new-today.png);
  position: absolute;
  top: -26px;
  z-index: 3;
}

.spotlightOnHistory #whatsNewToday .content {
  margin: 45px 0 0;
  z-index: 5;
  position: relative;
}

.tier.spotlightOnHistory .tier-inner {
  padding: 0;
  margin: 0 0 0 10px;
}

.pageContent .spotlightOnHistory li.first.embeddedNode,
.spotlightOnHistory #whatsNewToday {
  width: 170px;
}

#page .pageContent .spotlightOnHistory .medium li.first.spotlightEmbed {
  margin: 0 12px 0 0;
}

#page .pageContent .spotlightOnHistory .medium li.last.embeddedNode {
  margin: 27px 25px 0 0;
}

#page .pageContent .spotlightOnHistory .medium li.embeddedNode {
  position: relative;
  margin: 27px 0 0 20px;
}

.spotlightOnHistory .field-name-field-entity-embed {
  padding: 44px 0 10px;
}

.spotlightOnHistory li.embeddedNode,
.spotlightOnHistory .node-teaser.node-poll,
.spotlightOnHistory .entity-pollim,
.spotlightOnHistory .node-teaser.node-spotlight-2,
.spotlightOnHistory .node-joke.node-teaser {
  width: 215px;
  height: auto;
}

.spotlightOnHistory a.bannerMedium {
  width: 215px;
}

.spotlightOnHistory a.bannerMedium img {
  position: relative;
  left: -26px;
}

.spotlightOnHistory .node-poll.node-teaser,
.spotlightOnHistory .entity-pollim,
.spotlightOnHistory .node-spotlight-2.node-teaser {
  background: transparent;
  border: none;
}

.pollEmbed h4.textReplace,
.entity-pollim h4.textReplace,
.node-spotlight-2 h4.textReplace,
.node-joke h4.textReplace {
  margin: 0;
  padding: 0;
  width: 220px;
  height: 33px;
  background: url(/media/kids/highlightskids/homepage/images/spotlight-special-tier-headlines.png) no-repeat;
  position: absolute;
  top: -1px;
  left: -4px;
}

.pollEmbed h4.textReplace {
  background-position: -300px 0;
  left: -4px;
}

.node-joke h4.textReplace {
  background-position: -1800px 0;
  left: -4px;
}

.node-joke h4.joke {
  background-position: -1200px 0;
  left: -4px;
}

.node-joke h4.tongueTwister {
  background-position: -1500px 0;
  left: -4px;
}

.node-book-club .node-poll,
.node-book-club .entity-pollim {
  width: 510px;
  height: auto;
  margin: 30px 0 0 20px;
}

.node-book-club .node-poll.node-teaser h3,
.node-book-club .entity-pollim h3 {
  font-size: 18px;
  font-weight: bold;
}

.node-poll.node-teaser,
.node-spotlight-2.node-teaser {
  border: 1px solid #ccc;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.node-teaser.node-poll h3,
.entity-pollim h3,
.node-teaser.node-spotlight-2 h3 {
  color: #E81C24;
  font-size: 15px;
  font-weight: normal;
  margin-top: 0;
  padding-top: 16px;
}

.node-teaser.node-spotlight-2 h3 {
  color: #036789;
  font-size: 25px;
  line-height: 30px;
}

.node-teaser.node-spotlight-2 {
  font-size: 15px;
  line-height: 21px;
}

.node-poll .poll .choices {
  margin: 0;
}

.node-teaser.node-poll .content,
.node-teaser.node-spotlight-2 .content,
.node-teaser.node-joke .content,
.node-promotion-static-banner-area .entity-pollim .content {
  padding: 0 20px 0;
}

.spotlightOnHistory .node-teaser.node-poll .content,
.spotlightOnHistory .node-teaser.node-spotlight-2 .content,
.spotlightOnHistory .node-teaser.node-joke .content {
  padding: 30px 20px 10px;
}

#edit-actions input {
  margin-right: 0.6em;
}

input.form-submit,
a.button {
  background: #cbf86e;
  border: 1px solid;
  border-bottom-width: 2px;
  border-color: #86ca84 #86ca84 #4b9f3a;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  color: #2a7528;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  padding: 8px 15px;
  text-align: center;
  text-shadow: -1px -1px 1px #fff;
  text-decoration: none;
}

input.form-submit:hover,
a.button:hover {
  background: #d7f88e;
  border-bottom-width: 3px;
  position: relative;
  top: -1px;
}

.node-book-club .field-name-field-primary-image {
  float: right;
  margin: 0 0 20px 20px;
}

.dateCard {
  width: 106px;
  margin: 0 0 0 30px;
}

.spotlightOnHistory .date {
  text-align: center;
  padding: 10px;
  font-size: 18px;
}

.textReplace.month {
  width: 106px;
  height: 40px;
}

.textReplace.day {
  width: 106px;
  height: 88px;
}

.textReplace.monthJanuary {
  background: url(../images/date-sprite.png) no-repeat 0 0;
}

.textReplace.monthFebruary {
  background: url(../images/date-sprite.png) no-repeat -147px 0;
}

.textReplace.monthMarch {
  background: url(../images/date-sprite.png) no-repeat -294px 0;
}

.textReplace.monthApril {
  background: url(../images/date-sprite.png) no-repeat -441px 0;
}

.textReplace.monthMay {
  background: url(../images/date-sprite.png) no-repeat 0 -60px;
}

.textReplace.monthJune {
  background: url(../images/date-sprite.png) no-repeat -147px -60px;
}

.textReplace.monthJuly {
  background: url(../images/date-sprite.png) no-repeat -294px -60px;
}

.textReplace.monthAugust {
  background: url(../images/date-sprite.png) no-repeat -441px -60px;
}

.textReplace.monthSeptember {
  background: url(../images/date-sprite.png) no-repeat 0 -120px;
}

.textReplace.monthOctober {
  background: url(../images/date-sprite.png) no-repeat -147px -120px;
}

.textReplace.monthNovember {
  background: url(../images/date-sprite.png) no-repeat -294px -120px;
}

.textReplace.monthDecember {
  background: url(../images/date-sprite.png) no-repeat -441px -120px;
}

.textReplace.day01 {
  background: url(../images/date-sprite.png) no-repeat 0 -198px;
}

.textReplace.day02 {
  background: url(../images/date-sprite.png) no-repeat -147px -198px;
}

.textReplace.day03 {
  background: url(../images/date-sprite.png) no-repeat -294px -198px;
}

.textReplace.day04 {
  background: url(../images/date-sprite.png) no-repeat -441px -198px;
}

.textReplace.day05 {
  background: url(../images/date-sprite.png) no-repeat 0 -298px;
}

.textReplace.day06 {
  background: url(../images/date-sprite.png) no-repeat -147px -298px;
}

.textReplace.day07 {
  background: url(../images/date-sprite.png) no-repeat -294px -298px;
}

.textReplace.day08 {
  background: url(../images/date-sprite.png) no-repeat -441px -298px;
}

.textReplace.day09 {
  background: url(../images/date-sprite.png) no-repeat 0 -398px;
}

.textReplace.day10 {
  background: url(../images/date-sprite.png) no-repeat -147px -398px;
}

.textReplace.day11 {
  background: url(../images/date-sprite.png) no-repeat -294px -398px;
}

.textReplace.day12 {
  background: url(../images/date-sprite.png) no-repeat -441px -398px;
}

.textReplace.day13 {
  background: url(../images/date-sprite.png) no-repeat 0 -498px;
}

.textReplace.day14 {
  background: url(../images/date-sprite.png) no-repeat -147px -498px;
}

.textReplace.day15 {
  background: url(../images/date-sprite.png) no-repeat -294px -498px;
}

.textReplace.day16 {
  background: url(../images/date-sprite.png) no-repeat -441px -498px;
}

.textReplace.day17 {
  background: url(../images/date-sprite.png) no-repeat 0 -598px;
}

.textReplace.day18 {
  background: url(../images/date-sprite.png) no-repeat -147px -598px;
}

.textReplace.day19 {
  background: url(../images/date-sprite.png) no-repeat -294px -598px;
}

.textReplace.day20 {
  background: url(../images/date-sprite.png) no-repeat -441px -598px;
}

.textReplace.day21 {
  background: url(../images/date-sprite.png) no-repeat 0 -698px;
}

.textReplace.day22 {
  background: url(../images/date-sprite.png) no-repeat -147px -698px;
}

.textReplace.day23 {
  background: url(../images/date-sprite.png) no-repeat -294px -698px;
}

.textReplace.day24 {
  background: url(../images/date-sprite.png) no-repeat -441px -698px;
}

.textReplace.day25 {
  background: url(../images/date-sprite.png) no-repeat 0 -798px;
}

.textReplace.day26 {
  background: url(../images/date-sprite.png) no-repeat -147px -798px;
}

.textReplace.day27 {
  background: url(../images/date-sprite.png) no-repeat -294px -798px;
}

.textReplace.day28 {
  background: url(../images/date-sprite.png) no-repeat -441px -798px;
}

.textReplace.day29 {
  background: url(../images/date-sprite.png) no-repeat 0 -898px;
}

.textReplace.day30 {
  background: url(../images/date-sprite.png) no-repeat -147px -898px;
}

.textReplace.day31 {
  background: url(../images/date-sprite.png) no-repeat -294px -898px;
}

.node-page-main-page #tier1 .threeCol.first {
  width: 560px;
  margin: 0;
}

.node-page-main-page #tier1 .threeCol.last {
  width: 270px;
  float: right;
  margin: 0;
}

.node-page-main-page #tier1 .bannerSmall {
  margin: 0 0 5px;
}

.node-ask-arizona-story .field-name-body {
  font-size: 18px;
  line-height: 24px;
  background: #f3f3f3;
  border: 1px solid #ccc;
  padding: 20px 30px;
  -moz-border-radius: 15px 15px 0 15px;
  -webkit-border-radius: 15px 15px 0 15px;
  border-radius: 15px 15px 0 15px;
}

.page-ask-arizona-podcast #block-system-main {
  position: relative;
  z-index: 1;
}

.page-ask-arizona-podcast #tier1 .tier-inner {
  padding-top: 105px;
}

.page-ask-arizona-podcast .view-content ul,
.page-ask-arizona-podcast .view-content li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-ask-arizona-podcast .view-content li.views-row {
  float: left;
  margin: 0 0 40px;
  width: 390px;
}

.page-ask-arizona-podcast .view-content li.views-row-odd {
  clear: both;
  margin-right: 20px;
}

.node-ask-arizona-story #tier1 {
  z-index: 3;
}

.node-ask-arizona-story .threeCol {
  margin-top: 20px;
}

#feedback_form {
  position: relative;
  top: 24px;
  clear: both;
}

.flash-engine #feedback_form,
.flash-game #feedback_form {
  top: -5px;
  margin-top: 25px;
}

#feedback_form .block h2 {
  font-size: 15px;
  line-height: 40px;
  margin: 0;
  text-decoration: none !important;
  background: #e9e9e9;
  -moz-border-radius: 15px 15px 0 0;
  -webkit-border-radius: 15px 15px 0 0;
  border-radius: 15px 15px 0 0;
  border: 1px solid #ccc;
  float: right;
  padding: 0 15px;
  cursor: pointer;
  border-bottom: 0;
}

#feedback_form .block .content {
  clear: both;
  background: #e9e9e9;
  -moz-border-radius: 15px 0 15px 15px;
  -webkit-border-radius: 15px 0 15px 15px;
  border-radius: 15px 0 15px 15px;
  border: 1px solid #ccc;
  padding: 13px 30px;
  margin: 0 0 30px;
}

#feedback_form textarea,
#feedback_form .webform-component-textfield input {
  border: 1px solid #ccc;
  padding: 5px;
  font-family: Arial, sans-serif;
  font-size: 15px;
  line-height: 24px;
}

.node-crafts .field-name-body {
  font-size: 15px;
  line-height: 21px;
}

.field-type-choices .choice-item {
  height: auto;
  margin: 0 0 10px;
}

.field-type-choices .choice-data {
  border: 0;
}

.voted .field-type-choices .choice-percentage-bar {
  display: block;
}

.voted input.choice {
  display: none;
}

.field-name-field-poll-question {
  font-size: 15px;
  line-height: 20px;
  padding-bottom: 5px;
  color: #E81C24;
}

.field-type-choices .choice-data label {
  font-weight: normal;
  font-size: 13px;
  line-height: 21px;
  width: auto;
}

.choice-percentage-bar-wrapper,
.field-type-choices .choice-percentage-bar {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  height: 10px;
}

.choice-percentage-bar-wrapper {
  margin: 0 20px;
  border: 1px solid #ccc;
  background: #dedede;
}

.choice-item .percentage,
.choice-percentage-bar-wrapper {
  display: none;
}

.voted .choice-item .percentage,
.voted .choice-percentage-bar-wrapper {
  display: block;
}

.field-type-choices .choice-percentage-bar {
  clear: left;
  background: #f98e30;
  border: 1px solid #d75611;
  position: relative;
  top: -1px;
  left: -1px;
}

.choice-item .percentage {
  position: absolute;
  top: 0;
  right: 25px;
  color: #888;
  font-size: 11px;
}

.entity-pollim .choices-total-vote-count {
  padding: 0 25px;
}

.field-name-field-entity-embed p.message,
.entity-pollim p.message {
  display: none;
}

.node-interactive-timbertoes div.even,
.node-interactive-timbertoes div.odd {
  width: 250px;
  margin: 0 55px 40px 0;
  float: left;
}

.node-interactive-timbertoes div.even {
  clear: both;
}

.node-interactive-timbertoes img {
  display: block;
  margin: 0 auto 10px;
  border: 1px solid #ddd;
  border-bottom-width: 2px;
  border-right-width: 2px;
}

.node-interactive-timbertoes textarea {
  height: 50px;
  width: 230px;
  display: block;
  margin: 0 auto;
  border: 1px solid #ccc;
  border-bottom-width: 2px;
  border-right-width: 2px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  font: 13px/18px Arial, sans-serif normal;
  padding: 10px;
}

.page-dear-highlights .view-header {
  height: 70px;
}

.page-dear-highlights .item-list {
  width: 20%;
  margin-right: 5%;
  float: left;
}

.page-dear-highlights .item-list ul,
.page-dear-highlights .item-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-dear-highlights .item-list li {
  margin: 0 0 8px;
  font-size: 14px;
}

.page-dear-highlights .item-list a {
  text-decoration: none;
}

.node-stories img {
  padding: 10px;
  margin: 20px;
}

.node-stories img[align="left"] {
  margin: 0 30px 20px 0;
}

.node-stories img[align="right"] {
  margin: 0 0 20px 30px;
}

.puzzlemania .sectionBrandingLink {
  background: url(/media/kids/highlightskids/images/page-header/play-more-puzzlemania.png) no-repeat;
  width: 370px;
  height: 116px;
  display: block;
  position: absolute;
  bottom: -30px;
  right: -12px;
}

.field-name-field-credits,
.field-name-field-multiline-credits,
.field-name-field-multiline-credits em {
  font-size: 16px;
  font-style: normal;
  margin-bottom: 10px;
}

.node-hidden-pictures-answers .field-name-body img {
  display: block;
  margin: 0 auto;
  border: 2px solid #cd272d;
}

.node-promotion-static-banner-area .field-collection-container a,
a.archive {
  display: block;
  clear: both;
  float: right;
  background: #d6f6f8;
  padding: 7px 13px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  border: 1px solid #73d6dc;
  border-bottom-width: 2px;
  text-decoration: none;
  margin-right: 21px;
  margin-bottom: 1px;
  position: relative;
}

.node-promotion-static-banner-area .field-collection-container a:hover,
a.archive:hover {
  border-bottom-width: 3px;
  border-right-width: 2px;
}

.node-promotion-static-banner-area .field-collection-container a:hover {
  bottom: 1px;
  margin-bottom: 0px;
}

.spotlightOnHistory .node-promotion-static-banner-area .field-collection-container a {
  position: absolute;
  display: block;
  width: 187px;
  text-align: center;
  bottom: -3px;
  right: 4px;
  -moz-border-radius: 9px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-radius: 9px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-radius: 9px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.spotlightOnHistory .node-promotion-static-banner-area .field-collection-container a:hover {
  position: absolute;
  bottom: -2px;
}

.node-promotion-static-banner-area #tier1 ul.banners {
  width: 875px;
  position: relative;
  left: -3px;
}

.node-audio-story .contentImage img {
  display: block;
  margin: 20px auto;
}

.node-audio-story .storytext,
.node-audio-story .storytext p {
  font-size: 18px;
  line-height: 25px;
}

.node-audio-story .contentImage.primary {
  display: block;
  float: none;
  margin: 10px 0;
}

.node-audio-story .contentImage.secondary {
  float: left;
  margin-right: 20px;
}

.node-audio-story .contentImage.tertiary {
  float: right;
  margin-left: 20px;
}

/*-- Audio Stories ---------------------------------------------*/
.readhighlight {
  color: black;
  background: #f8f19f;
}

.storytext {
  font-family: serif;
}

.storytext .intro {
  display: none;
}

h3.controlsTitle {
  background: url(../images/audio-story-player-control_sprite.png) no-repeat 0 -5px;
  width: 191px;
  height: 50px;
  float: left;
  margin: 5px 0 0;
  padding: 0;
  position: relative;
  left: -10px;
}

#controls {
  position: relative;
  left: -5px;
}

#controls div {
  background: url(../images/audio-story-player-control_sprite.png) no-repeat;
  width: 55px;
  height: 55px;
  cursor: pointer;
  float: left;
}

#controls #play {
  background-position: 0 -100px;
}

#controls #play:hover {
  background-position: -100px -100px;
}

#controls #pause {
  background-position: 0 -200px;
}

#controls #pause:hover {
  background-position: -100px -200px;
}

#controls #stop {
  background-position: 0 -300px;
  width: 65px;
  height: 40px;
  margin: 5px 0 0;
}

#controls #stop:hover {
  background-position: -100px -300px;
  width: 65px;
  height: 40px;
  margin: 5px 0 0;
}

.controlsOuter {
  position: relative;
  left: -20px;
  display: none;
}

#controls .hide {
  display: none;
}

.storytext {
  color: #000;
}

.storytext p {
  margin: 10px 0 0;
  font-family: serif;
  font-size: 1em;
  line-height: 1.2em;
}

.storytext .headerText {
  margin: 0;
  font-family: sans-serif;
  font-size: 16px;
  font-weight: bold;
}

/**
 * HPI Print Buttons
 */
#hp_print {
  position: absolute;
  right: 20px;
  top: 60px;
}

.hpButton {
  background: url(../images/answer-print-sprite.png) no-repeat;
  display: inline-block;
  margin-left: 10px;
  width: 133px;
  height: 34px;
}

.hpAnswers {
  background-position: 0 -100px;
}

.hpAnswers:hover {
  background-position: 0 bottom;
}

.hpAnswers:active {
  background-position: 0 -100px;
}

.hpPrintables:hover {
  background-position: 0 -236px;
}

.hpPrintables:active {
  background-position: 0 0;
}

.hpTeacherPrint,
.node-promotion-static-banner-area .field-collection-container a.hpTeacherPrint {
  background: url("../images/Teacher-printable.jpg") no-repeat;
  text-indent: -999px;
  position: absolute;
  left: 5px;
  bottom: 10px;
  border: 0;
  width: 277px;
  height: 16px;
  padding: 0;
}

/**
 * Games are butting up against Feedback form.
 * This selector appears in each games' stylesheet, but doesn't specify
 * any margin. Setting it here.
 */
.node-flash #feedback_form,
.flash-engine #feedback-form {
  margin-top: 25px;
}

/**
 * Unplushed Banner Nodes
 */
.bannerSmall.unpublished,
.bannerMedium.unpublished,
.bannerLarge.unpublished {
  opacity: 0.5;
  position: relative;
}

.bannerSmall.unpublished::after,
.bannerMedium.unpublished::after,
.bannerLarge.unpublished::after {
  content: 'UNPUBLISHED';
  text-align: center;
  position: absolute;
  top: 50px;
  z-index: 100;
  width: 100%;
  font-weight: bold;
  color: red;
  text-shadow: 1px 1px 1px red;
}

.bannerSmall.hidden,
.bannerMedium.hidden,
.bannerLarge.hidden {
  display: none;
}

.node-stories, .node-ask-arizona-story {
  font: 18px/30px serif;
}

/**
 * Image captions (jcaption)
 */
div.jcaption {
  padding: 10px;
  background-color: #ecece7;
  margin: 20px 0;
  border: 1px solid #adb9b9;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.node-audio-story .contentImage.primary div.jcaption {
  margin: 0 auto;
}

div.jcaption.right {
  float: right;
  margin-left: 20px;
}

div.jcaption.left {
  float: left;
  margin-right: 20px;
}

div.jcaption img,
img.jcaption,
.node-audio-story .contentImage div.jcaption img {
  margin: 0;
  padding: 0;
  background-color: white;
}

div.jcaption p,
.node-audio-story .storytext div.jcaption p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
}

div.jcaption.caption-left p,
.node-audio-story .storytext .caption-left div.jcaption p {
  text-align: left;
}

div.jcaption.caption-center p,
.node-audio-story .storytext .caption-center div.jcaption p {
  text-align: center;
}

div.jcaption.caption-right p,
.node-audio-story .storytext .caption-right div.jcaption p {
  text-align: right;
}

/* Homepage style fix - moved out of block - 9-4 */
#node-313 {
  margin-top: 110px;
}

/* Block 22 Fixes */
.node-ask-arizona-story #tier1 .headlineBG h1,
.node-ask-arizona-story #tier1 .headlineBG h2 {
  color: #df8a1f;
}

.node-crafts .headlineBG, .headlineBG.crafts {
  background: url(/sites/highlightskids.com/themes/highlightskids/images/tier1_headline-defaults_bg-sprite.jpg) no-repeat -1000px bottom;
}

.node-crafts #tier1 .headlineBG h2, #tier1 .headlineBG.crafts h2,
.node-crafts #tier1 .headlineBG h1, #tier1 .headlineBG.crafts h1 {
  color: #28817d;
}

.flash-engine #feedback_form,
.flash-game #feedback_form {
  top: -30px;
}

.your-own-pages #yopTitle {
  background: url(/media/kids/highlightskids/your-own-pages/YOP-tier1.jpg) no-repeat 0 -186px;
}

#yopTitle .view-footer {
  top: 48px;
}

.node-type-game-hpi .dynamicBanners,
.node-type-engine-hpi .dynamicBanners {
  display: none;
}

#tier1 a.bannerSmall .category {
  background-position: -29px 0;
}

#footer .menu .first {
  font-weight: bold;
}