/*
Colors used:

  #F2508A Pink - rgba(242, 80, 138, 1)
  
  #5e1f35 Plum

  #99B2B7 Teal: headers

  #F7F7F7 Light Gray 1: light gray background on buttons, etc.

  #D9D9D9 Light Gray 2: light gray borders on buttons, etc.

  #9E9E9E Mid Gray 1: link color

  #666666 Mid Gray 2: header background + link hover

  #3F3F3F Dark Gray: text
  
  #FEF5F1 Error message background (light red) (see system.messages.css).
*/


/**
 * html overflow-x needs to be set to hidden if we don't want long horizontal scroll bars
 * when using before and after pseudo elements trick to get section breaks to extend
 * accross full screen. 
 * See .waterfall-section-gradient on featured items pages.
 * See https://css-tricks.com/full-browser-width-bars/
 */
html {
  margin: 0;
}

body {
  background-color: white;
}

/**
body.below-navigation {
  background: url('../images/body-background-dark-with-pink.jpg') top repeat-x;
}
**/

body.admin-menu {
  background-position: 0px 20px;
}

#body-wrapper {
  background: url('../images/body-background-dark.jpg') top repeat-x;
}

#page {
  background-color: transparent;
  color: #3f3f3f;
  font-family: verdana, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

a {
  color: #9e9e9e;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
  color: #F2508A;
}

a.border {
  border-bottom: 1px dotted #9e9e9e;
}

a.border:hover {
  border-bottom: 1px solid #F2508A;
}

a.no-border {
  border: none !important;
}

.gray a {
  color: #666666;
}

.gray a:hover {
  color: #F2508A;
}

h1, h1.title, h2.big, h4.big {
  color: #5e1f35;
  font-size: 16px;
  font-weight: bold;
  text-transform: capitalize;
  margin: 16px 0 24px;
  line-height: 1;
} 

h2, h2.block-title, h4, h4.block-title  {
  color: #5e1f35;
  font-size: 12px;
  font-weight: bold;
  text-transform: capitalize;
  margin: 16px 0 8px;
  line-height: 1;
}

h2 a, h4 a {
  color: #5e1f35;
  text-decoration: none;
  font-style: italic;
}

h2.hr, h4.hr {
  margin-top: 24px;
  margin-bottom: 18px;
  border-bottom: 1px solid #5e1f35;
}

p {
  margin: 0 0 12px 0;
  word-break: hyphenate;
  word-wrap: break-word;
}

.view-header h1 {
  margin-bottom: 16px;
}

.view .view-empty {
  margin: 24px 0;
}


.item-list ul {
  margin: 0 0 12px 0;
  padding: 0 0 0 0;
  list-style-position: inside;
  list-style-type: circle;
  line-height: 1.7;
}

.item-list ul.plus {
  margin: 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
  list-style-image: url('../images/bullet-plus.png');
}

.item-list ul.checks {
  margin: 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
  list-style-image: url('../images/bullet-check.png');
}

.item-list .item-list {
  padding-left: 16px;
}

.file-extension {
  text-transform: uppercase;
}

.file-size-symbol {
  text-transform: uppercase;
}

.file-size-symbol:before {
  content: " ";
}

.small {
  font-size: 10px;
  line-height: 1.5;
}

.gray-bg {
  background: #F7F7F7;
}

.marker, .form-required {
  color: #f2508a;
}

.block {
  margin-bottom: 12px;
}

.green {
  color: green;
}

.red {
  color: red;
}

.pink {
  color: #f2508a;
}

.pink a {
  color: #f2508a;
}

a.pink {
  color: #f2508a !important;  
}

.pink a:hover {
  text-decoration: underline;
}

.line-through {
  text-decoration: line-through;
}

ul.links.inline {
  display: inline;
}

fieldset.filter-wrapper {
  border: 1px solid #D9D9D9;
}

form .info-box {
  font-size: 10px;
  border: 1px solid #D9D9D9;
  background: #F7F7F7;
  padding: 8px;
  margin-bottom: 12px;
}

form .info-box ul {
  list-style-position: outside;
}

.center {
  text-align: center;
}

form .info-box ul {
  margin: 0;
}

#content hr {
  margin: 24px 0;
}

.width-248 {
  width: 248px;
  margin-left: auto;
  margin-right: auto;
}

/** Cool throbber generator at http://www.ajaxload.info/ **/
/**
.ajax-progress .throbber {
  background: transparent url('../images/pink-throbber.gif') no-repeat;
  float: none;
  height: 15px;
  margin: 2px;
  width: 15px;
  display:inline-block;
}
**/

.transparent-50 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;  
}

.transparent-75 {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";

  /* IE 5-7 */
  filter: alpha(opacity=25);

  /* Netscape */
  -moz-opacity: 0.25;

  /* Safari 1.x */
  -khtml-opacity: 0.25;

  /* Good browsers */
  opacity: 0.25;
}

/**
 * Sumo me badge: hide by default, but show on admin pages.
 */
a[title="Sumo"] {
  visibility: hidden !important;
}

.powered-by-sumo {
  visibility: hidden !important;  
}

.visible {
  visibility: visible !important;
}

.display-block {
  display: block !important;
  visibility: visible !important;
}

.display-none {
  display: none;
}

div.table {
  display: table;
}

div.table .row {
  display: table-row;
}

div.table .row .cell {
  display: table-cell;
}

ul.checklist {
  list-style: none;
}

ul.checklist li.checkmark:before {
  content: '✔';
  padding-right: .5em;
}

ul.checklist li.xmark:before {
  content: '✖';
  padding-right: .5em;
}

div.half-height {
  line-height: 0.5;
}

div.half-opacity {
  opacity: 0.5;
}

table.views-table th,
table.views-table td {
  padding: 4px;
}

/*******************************
 * Book table
 *******************************/

.node-book .content th {
  padding: 8px;
}

.node-book .content td {
  padding: 8px;
}

/*******************************
 * Form Defaults
 *******************************/

input {
  color: #3f3f3f;
}

div.form-radios {
  line-height: 1.7;
}

.form-type-radio input {
  margin-bottom: 2px;
}

.form-type-radio label.option {
  vertical-align: middle;
}

.form-type-checkbox label.option {
  vertical-align: middle;
}

/*******************************
 * Pager
 *******************************/

.item-list .pager {
  margin-top: 24px;
}


.item-list .pager a {
  text-decoration: none;
  border: 1px solid #D9D9D9;
  background: #F7F7F7;
  font-weight: bold;
  padding: 5px 7px;
}

.item-list .pager a:hover {
  background: #3F3F3F;
  color: white !important;  
}

.item-list .pager li.pager-current {
  padding: 5px 7px;
  border: 1px solid #3F3F3F;
  background: #3F3F3F;
  color: white !important;
}

/*******************************
 * Front page
 *******************************/

.page-frontpage .sidebar .block {
  margin-bottom: 36px;
}

.page-frontpage h1.title {
  margin-bottom: 8px;
}
 
ul.pager--infinite-scroll {
  width: 43px;
  margin-left: auto;
  margin-right: auto;  
}

/*******************************
 * Banner
 *******************************/

#banner {
  display: block;
  /**width: 984px;**/
}

#banner .block {
  margin: 0;
}

#banner p {
  margin: 0;
}

#banner a {
  border: none !important;
}

/** 
#main.with-messages #banner {
  display: none;  /* Hide the banner if messages are present, so not to distract */
}
**/

/*******************************
 * Set the block height for different ad groups, so that the page doesn't jump
 * so much when an ajax ad loads. Would be better to set this directly on .adslist all the time,
 * (because that class is not ajax-loaded) but that won't work as long as we have different height ads.
 *******************************/

#banner .adslist {
  display: block;
  /**min-height: 56px;**/
}

#ad_groups_4170 .simplead-container {
  display: block;
  width: 984px;
  height: 175px;
}

#ad_groups_3044 .simplead-container {
  display: block;
  width: 984px;
  height: 56px;
}

.simplead-container {
  line-height: 0;
}

/*******************************
 * Header
 *******************************/

#header {
  height: 48px;
  color: white;
  position: relative;
  background-color: transparent;
}

#header a {
  color: white;
  border: none;
}

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

#header .block {
  margin-bottom: 0px;
}

#logo {
  margin-top: 0;
}


/*******************************
 * User Account Block (global header)
 *******************************/

#block-custom-helper-user-account {
  margin: 0;
}

#block-custom-helper-user-account .table {
  height: 48px;
  float: right;
  display: table;
  border-collapse:collapse;
  margin-right: 4px;
}

#block-custom-helper-user-account .row {
  display:table-row;
  height: 100%;
}

#block-custom-helper-user-account .cell {
  display:table-cell;
  vertical-align: middle;
  padding: 4px;
  height: 100%;
}

#block-custom-helper-user-account img {
  display: block;
}

#block-custom-helper-user-account a {
  text-decoration: none;
}


#block-custom-helper-user-account ul#nice-menu-user-menu ul {
  top: 24px;
}


#block-custom-helper-user-account ul#nice-menu-user-menu li.menuparent,
#block-custom-helper-user-account ul#nice-menu-user-menu li.menuparent:hover {
  background-color: transparent;
  border: none;
  background-image: url('../images/dropdown-triangle-white.png');
}

#block-custom-helper-user-account ul#nice-menu-user-menu li.menuparent a:hover {
  text-decoration: none;
}

#block-custom-helper-user-account ul#nice-menu-user-menu li.menuparent li a:hover {
  text-decoration: none;
  font-weight: bold;
}

#block-custom-helper-user-account ul#nice-menu-user-menu li,
#block-custom-helper-user-account ul#nice-menu-user-menu li:hover {
  background-color: #2D2D2D;
}

/*******************************
 * Download Credits Block
 *******************************/

#block-download-credits-download-credits {
  float: right;
  margin: 0;
  margin-right: 8px;
  font-weight: bold;
  cursor: help;
  height: 48px;
  position: relative;
}

#block-download-credits-download-credits .content {
  position: relative;
  top: 15px;
}

/*******************************
 * Page Headers (eg User Profile header, Kit header)
 *******************************/

#page-header .section {
  border: 0px solid red;
}

#page-header  {
  border: 0px solid red;
  margin: 0;
}

#page-header  img {
  float: left; 
}

#page-header  h2, #page-header  h4 {
  float: left;
  margin: 8px;
  margin-right: 12px;
}

#page-header  h2 a, #page-header  h4 a {
  color: #5e1f35;
  border: none;
}

#page-header  h2 a:hover, #page-header  h4 a:hover {
  text-decoration: underline;
}

#page-header  .disclaimer {
  margin: 8px;
  margin-left: 0;
  float: left;
  color: #F2508A;
}

#page-header  .disclaimer a {
  color: #F2508A;
}

#page-header  .upload-links {
  display: inline;
  line-height: 32px;
  margin-left: 8px;
  font-weight: bold;
}

#page-header  .upload-links a {
  padding-left: 8px;
}


/*******************************
 * User Profile
 *******************************/

.page-user .profile-picture {
  margin-bottom: 12px;
}

ul.nice-menu-pixel-scrapper {
  display: inline;
  font-size: 12px;
  font-weight: bold;
  margin-top: 1px;
  text-transform: capitalize;
}

ul.nice-menu-pixel-scrapper ul {
  left: -1px;
  top: 26px;
}

ul.nice-menu-pixel-scrapper li {
  background: #F7F7F7 !important;
  border: 1px solid #d9d9d9;  
  border-top: none;
  cursor: pointer;
}

ul.nice-menu-pixel-scrapper li:hover {
  background-color: #f0f0f0 !important;
}

ul.nice-menu-pixel-scrapper li.menuparent {
  white-space: nowrap;
  width: auto !important;
  border: 1px solid #d9d9d9;  
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding-right: 8px;
  background-image: none !important;
}

/**
ul#nice-menu-profile-menu li.menuparent:hover {
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
**/

ul.nice-menu-pixel-scrapper a {
  color: #9E9E9E;
  border: none;
}

ul.nice-menu-pixel-scrapper a.active {
  color: #666666;
}

ul.nice-menu-pixel-scrapper li.menuparent a {
  color: #666666;
  padding: 5px 10px;
  padding-right: 15px;
  text-decoration: none;
  background: url('../images/dropdown-triangle-gray.png') no-repeat right center;
}

ul.nice-menu-pixel-scrapper li.menuparent ul a {
  /*color: #9E9E9E;*/
  background-image: none;
}

ul.nice-menu-pixel-scrapper li.menuparent ul a.active {
  color: #666666;
  background: url('../images/selection-indicator-gray.png') no-repeat;
  background-position: 10px center;
  padding-left: 18px;
}

ul.nice-menu-pixel-scrapper li.menuparent ul a:hover {
  text-decoration: underline;
}

div.edit-profile-links {
  text-align: center;
}

div.edit-profile-links ul li {
  display: inline;
  font-size: 10px;
  color: #f2508a;
}

div.edit-profile-links a {
  color: #f2508a;
  border-color: #f2508a;
}


#nice-menu-kit-menu li {
  width: 180px;
}

#nice-menu-designer-tools li {
  width: 180px;
}

ul#nice-menu-profile-first.nice-menu ul li {
  width: 180px;
}

/*******************************
 * User Profile Left Sidebar
 *******************************/

#block-custom-helper-user-profile-first div {
  margin-bottom: 12px;
}

#block-custom-helper-user-profile-first .community-points {
  text-align: center;
}

#block-custom-helper-user-profile-first .profile-picture a {
  border: none;
}

#block-custom-helper-user-profile-first #nice-menu-profile-first {
  z-index: 99;
}

#block-custom-helper-user-profile-first #nice-menu-profile-first-surrogate-tools {
  margin-top: 12px;
}


/*******************************
 * My Hearts Page
 *******************************/

#views-exposed-form-my-hearts-page label {
  color: #5e1f35;
  font-size: 12px;
  font-weight: bold;
  text-transform: capitalize;
  margin: 0px 0 8px;
  line-height: 1;  
}

#views-exposed-form-my-hearts-page .views-widget label {
  color: #3F3F3F;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.5;
}

#views-exposed-form-my-hearts-page .views-exposed-widget {
  margin-bottom: 16px;
}

/*******************************
 * Wish List Page
 *******************************/

#views-exposed-form-wish-list-page label {
  color: #5e1f35;
  font-size: 12px;
  font-weight: bold;
  text-transform: capitalize;
  margin: 0px 0 8px;
  line-height: 1;  
}

#views-exposed-form-wish-list-page .views-widget label {
  color: #3F3F3F;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.5;
}

#views-exposed-form-wish-list-page .views-exposed-widget {
  margin-bottom: 16px;
}

/*******************************
 * Menu List
 *******************************/

ul.menu-list {
  font-size: 12px;
  color: #666666;
  background: #F7F7F7;
  font-weight: bold;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 1px solid #d9d9d9;
  list-style-type: none;
  line-height: 2;
  padding-left: 0;
  margin-bottom: 8px;
}

ul.menu-list li {
  padding: 0;
}

ul.menu-list li.last {
  border-bottom: none;
}

ul.menu-list li a {
  color: #666666;
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #d9d9d9;
  text-decoration: none;    
}

ul.menu-list li.first a {
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;  
}

ul.menu-list li.last a {
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;  
  border: none;
}

ul.menu-list li a.active {
  background-color: #f0f0f0;
  color: #666666;
  background: url('../images/selection-indicator-gray.png') no-repeat;
  background-position: 10px center;
  padding-left: 18px;  
}

ul.menu-list li a:hover {
  background-color: #f0f0f0;
  text-decoration: underline;
/*  background-color: #f2508a;
  color: white;*/
}

/**
ul.menu-list li a.edit-profile-link {
  color: #f680aa;
  border: 1px solid #f680aa;
}

ul.menu-list li a.edit-profile-link:hover {
  color: #f2508a;
  background-color: #fbe4f9;
}
**/

/*******************************
 * Messages
 *******************************/

div.messages {
  margin: 0px 8px;
}

div.messages a {
  color: #F2508A;
}

div.messages .error a {
  color: black;
}

/* Just a placeholder to replace with an ajax callback if necessary */
div.messages-placeholder {
  display: none;
}

/*******************************
 * Top Nav
 *******************************/

#navigation {
  background-color: white;
  height: 32px;
  padding-top: 0px;
  /**border-bottom: 1px solid #3F3F3F;**/
  text-transform: uppercase;
  color: #3F3F3F;
  font-weight: normal;
  font-size: 12px;
}

#navigation a {
  color: #3F3F3F;
  font-weight: normal;
  font-size: 12px;
  border: none;
  text-decoration: none;
}

#navigation a.pink {
  color: #F2508A;
  font-weight: bold;
}

#navigation a:hover {
  text-decoration: underline;
 /* color: #F2508A; */
}

#navigation ul.links li {
  background-image: url('../images/navigation-pipe.png');
  background-position: right 9px;
  background-repeat: no-repeat;
  padding: 6px 12px 0px 12px;
}


#navigation ul.links li.last
{
  background-image: none;
}

#navigation ul.links li.first
{
  padding-left: 0px;
}

#main-menu {
  position: absolute;
  left: 8px;
  top: 1px;
}

#block-search-form {
  float: right;
  margin-top: 5px;
}

#block-search-form .form-type-textfield input {
  color: #9e9e9e;
  border: 1px solid #9e9e9e;
  font-size: 12px;
  line-height: 1;
  padding: 2px 3px;
  margin-right: 0;
  width: 165px;
}

#block-search-form .form-type-textfield input:focus {
  color: #666666;
  border: 1px solid #666666;
}

#block-search-form input.form-submit {
  display: none;
}

#block-search-form .hide-submit-text {
  display: none; /* We don't want to display the "processing..." text, since there is no submit button, and it throws of styling. */
}

/*******************************
 * Below navigation
 *******************************/

#block-download-credits-download-credits-banner {
  margin: 0;
}

#block-download-credits-download-credits-banner .content {
  background-color: #F2508A;
  color: white;
  padding: 8px;
  padding-top: 10px;
  padding-bottom: 11px;
  padding-left: 0;
  font-size: 14px;
  text-align: center;
  position: relative;
  height: 31px;
  line-height: 31px;  
}

#block-download-credits-download-credits-banner .content a {
  color: white;
  text-decoration: none;
}

#block-download-credits-download-credits-banner .content a:hover {
  text-decoration: underline;
}

#block-download-credits-download-credits-banner .content .downloads {
  font-weight: bold;
  border-bottom: 1px dashed white;
  text-transform: capitalize;
}

#block-download-credits-download-credits-banner .content .downloads:hover {
  border-bottom: 1px solid white;
  text-decoration: none;
}

#block-download-credits-download-credits-banner .content .dc {
  background-color: white;
  color: #F2508A;
  font-weight: bold;
  padding: 0px 4px;
  font-size: 18px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  margin: 0 2px;
}

#block-download-credits-download-credits-banner .content .upgrade-wrapper {
}

#block-download-credits-download-credits-banner .content a.upgrade  {
  background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f;
  border-bottom: 1px solid #5b992b;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  padding: 8px 10px 9px 10px;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  
  text-decoration: none;
  font-size: 12px;
  float: right;
  width: 236px;
  margin-right: 14px;
  
  
}

#block-download-credits-download-credits-banner .content a.upgrade:hover {
  background-color: #76b347;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
  background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
  background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
  background-image: linear-gradient(top, #76b347, #5e9e2e);
  -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
  box-shadow: inset 0 1px 0 0 #8dbf67;
  cursor: pointer;
    
  text-decoration: underline;
}

#block-download-credits-download-credits-banner .content a.upgrade:active {
  border: 1px solid #5b992b;
  border-bottom: 1px solid #538c27;
  -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
}

#block-download-credits-download-credits-banner .content a.hide-banner {
  font-size: 10px;
  position: absolute;
  top: -6px;
  right: 6px;
}

/*******************************
 * First Sidebar
 *******************************/

.region-sidebar-first {
  /*background-color: yellow;*/
 }

#block-system-main {
 /* background-color: green;*/
 }


/*******************************
 * Second Sidebar
 *******************************/

.region-sidebar-second {
  position: relative;
  /*background-color: red;*/
 }

.region-sidebar-second .line-divider {
  clear: both;
  border-top: 1px solid #d9d9d9;
  margin: 12px 0;
}

.region-sidebar-second img {
  max-width: 280px;
  max-height: 280px;
 }

/*******************************
 * Third Sidebar
 *******************************/

.region-sidebar-third {
 /* background-color: purple;*/
 }


/*******************************
 * Block: Creator Info
 *******************************/

.region-sidebar-first .profile-picture {
  position: relative;
  width: 184px;
  height: 184px;
}
 
.region-sidebar-first h2.created-by, .region-sidebar-first h4.created-by {
  font-size: 16px;
  margin-bottom: 24px;
}

.section-blog .region-sidebar-first h2.created-by, .section-blog .region-sidebar-first h4.created-by {
  font-size: 16px;
  margin-bottom: 29px;
}

.region-sidebar-first .created-by-name {
  text-transform: Capitalize;
  font-weight: bold;
  font-size: 12px;
  position: absolute;
  bottom: 0px;
  background: white;
  text-decoration: none;
  color: white;
  line-height: 2.5;
  padding-left: 8px;
  width: 176px; /* 184px minus padding */
  z-index: 500;

  background: rgb(0, 0, 0) transparent; /* default fallback */
  background: rgba(0, 0, 0, 0.6); /* nice browsers */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF); /* IE 6/7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; /* IE8 */
}

.region-sidebar-first .created-by-name a {
  text-decoration: none;
  color: white;
  display: inline-block;
  width: 100%;
}

.region-sidebar-first .created-by-name a:hover {
  text-decoration: underline;
}


/*******************************
 * Block: Product Details
 *******************************/

.product-details-block h2, .product-details-block h4 {
  margin: 12px 0 8px;
}

.product-details-block .form-item-license {
  display: inline-block;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.product-details-block #download-manager-choose-license {
}

.product-details-block #download-manager-choose-license .info-tip {
  vertical-align: top;
  margin-top: 16px;
  margin-left: 6px;
}


.product-details-block #download-manager-choose-file .form-radios {
  margin-bottom: 14px !important;
}

.product-details-block #download-manager-choose-license .form-radios {
  margin-bottom: 12px !important;
}

.product-details-block #download-manager-choose-license .form-radios .form-disabled {
  color: #D9D9D9;
}

.product-details-block #download-manager-choose-license .form-radios .form-disabled .info-tip {
  opacity: 0.5;
}

.product-details-block .download .discount-message {
  font-size: 11px;
  color: #F2508A;
  font-weight: bold;
  margin-bottom: 12px;
}

.product-details-block .download #dollar-price-message-cu {
  display: none;
}

.product-details-block .download .dollar-price-message {
  margin-bottom: 12px;
}

.product-details-block .download .dollar-price-message .sale-message {
  font-weight: bold;
  color: #F2508A;
  margin-bottom: 8px;
  border-top: 1px dashed #F2508A;
  border-bottom: 1px dashed #F2508A;
  padding: 4px 0;
}

.product-details-block .download .dollar-price-message .retail-price {
  text-decoration: none;
}

.product-details-block .download .dollar-price-message .retail-price .price {
  text-decoration: line-through;
}

.product-details-block .download .dollar-price-message .our-price {
  font-size: 16px;
  color: #F2508A;
  font-weight: bold;
}

.product-details-block .download .dollar-price-message .you-save {
  font-size: 14px;  
  color: green;
  font-weight: bold;
}

.product-details-block .download .download-message {
  font-size: 11px;
  font-style: italic;
  color: #F2508A;
  margin-bottom: 4px;
}

.product-details-block .download .download-message.license-message {
  font-size: 11px;
  font-style: italic;
  color: #F2508A;
  margin-bottom: 16px;
  margin-top: -4px;
  font-weight: bold;
}

.product-details-block .download .download-message a {
  color: #F2508A;
}

.product-details-block .download .download-message a:hover {
  text-decoration: underline;
}

.product-details-block .download input.button {
  background-color: #F2508A;
  border: 1px solid #F2508A;
  color: white;
  margin-top: 0px !important;
  margin-left: 0px !important;
  margin-bottom: 12px !important;
}

/* Button hover effect. */
/*
.product-details-block .download input.button:hover {
  border: 2px solid #F2508A !important;
  margin-top: -1px !important;
  margin-left: -1px !important;
  margin-bottom: 11px !important;
}
*/
.product-details-block .download input.button:hover {
  background-color: #FF5691;
}

/*
#download-manager-download-form-add-to-cart-button {
  background: none!important;
  border: none!important;
  padding: 2px!important;
  color: #069;
  text-decoration: underline;
  cursor: pointer;  
  margin: 0;
  box-shadow: none;
  text-transform: none;
  color: #F2508A;
  font-size: 14px;
  display: block;
}

#download-manager-download-form-add-to-cart-button:hover {
  text-decoration: none;
}
*/

.product-details-block .download input.add-to-cart-button {
  font-size: 12px;
  text-transform: none;
  margin-right: none!important;
  background-image: url('../images/icon-cart-white.png');
  background-repeat: no-repeat;
  background-position: 10px 7px;  
}

#download-manager-download-form-add-to-cart-button-cu {
  display: none;
}

.product-details-block .type {
  text-transform: capitalize;
}

.product-details-block .type ul {
  text-transform: none;
}

.product-details-block .massive-bundle-notice {
  font-weight: bold;
  color: green;
  border: 1px solid green;
  padding: 4px;
  position: absolute;
  top: 20px;
}

/*
 * Community Tags 
 */
 
#community-tags-form label {
  color: #5e1f35;
  font-size: 12px;
  font-weight: bold;
  text-transform: capitalize;
  margin: 16px 0 8px;
  line-height: 1;
}
 
#community-tags-form #edit-cloud li {
  margin: 0;
  padding: 0;
}
 
/** Dislpay community tag cloud as comma-separated text **/
#community-tags-form #edit-cloud li:after {
  content: ', ';
}

#community-tags-form #edit-cloud li.last:after {
  content: '' !important;
}

/*
 * Quickpage 
 */

.product-details-block .taxonomy-no-quickpage {
  margin-top: 63px;
}

.product-details-block .quickpage h2, .product-details-block .quickpage h4 {
  font-size: 16px;
  margin-bottom: 8px;  
}

.product-details-block .quickpage p {
  margin-bottom: 8px;  
}

.product-details-block img.quickpage {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: none;
  padding: 7px;
  border: 1px solid #d9d9d9;
}

/*
 * Quality control feedback 
 */
 
.quality-control-feedback a {
  text-decoration: none!important;
  padding: 4px;
  line-height: 2;
}

.flag-qc-no-problems a:hover {
  color: green!important;
} 
 
.flag-qc-no-problems a.unflag-action {
  color: green;
  background: #BE7;
}

.flag-qc-has-problems a:hover,
.report-qc-problem a:hover {
  color: red!important;
}

.flag-qc-has-problems a.unflag-action,
.report-qc-problem a.flagged {
  color: red;
  background: #f8e4dc;
}

.view-manage-quality-control .views-field-field-qc-problems ul {
  margin: 0;
}

/*
 * Stats 
 */

.product-details-block ul.stats {
  list-style: none;
  line-height: 2;
}

.product-details-block ul.stats li {
  padding-left: 20px;
}

.product-details-block .clock-icon {
  background-image: url('../images/icon-clock.png');
  background-repeat: no-repeat;
  background-position: 0 center;
}

.product-details-block .views-icon {
  background-image: url('../images/icon-view.png');
  background-repeat: no-repeat;
  background-position: 0 center;
}

.product-details-block .download-icon {
  background-image: url('../images/icon-download.png');
  background-repeat: no-repeat;
  background-position: 0 center;
}

.product-details-block .list-icon {
  background-image: url('../images/icon-list.png');
  background-repeat: no-repeat;
  background-position: 0 center;
}

.product-details-block .comment-icon {
  background-image: url('../images/icon-comment.png');
  background-repeat: no-repeat;
  background-position: 0 center;
}

.product-details-block .heart-icon {
  background-image: url('../images/icon-heart-pink.png');
  background-repeat: no-repeat;
  background-position: 0 center;
}

.product-details-block .star-icon {
  background-image: url('../images/icon-star-pink.png');
  background-repeat: no-repeat;
  background-position: 0 center;
}

/*******************************
 * Block: Template Reference
 *******************************/

#block-custom-helper-template-reference img {
  float: left;
  margin: 0;
  padding: 3px;
  border: 1px solid #d9d9d9;  
}

#block-custom-helper-template-reference li {
  margin-right: 8px;
  margin-bottom: 8px;
}

#block-custom-helper-template-reference li.right {
  margin-right: 0;
}

/*******************************
 * Product Nodes
 *******************************/

.node-type-asset h1,
.node-type-template h1,
.node-type-layout h1 {
  margin-bottom: 24px;
}

.type-date {
  text-transform: capitalize;
  margin-bottom: 8px;
}

.product-node #image-main {
  display: table-cell;
  vertical-align: middle;
  width: 472px;
  height: 184px; /* Equivalent to min-height, since this is a table-cell--but breaks IE7 */ /* Also breaks with lazyloader module. */
  border: 1px solid #d9d9d9;
}

.product-node #image-main img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: none;
  padding: 7px;
/*  
  background: url('../images/transparent_background.png');
  background-clip: inherit; 
*/
}

.node-type-layout #image-main a, .node-type-kit #image-main a, .node-type-bundle #image-main a {
  cursor: url('../images/magnifying-cursor.cur'), auto;
}

/*
 * Similar items
 */

.product-node div.similar-products {
  margin-top: 2em;
}

.product-node div.similar-products h2, .product-node div.similar-products h4 {
  display: inline-block;
}

.product-node div.similar-products .info-tip {
  margin-top: -2px;
}

.product-node div.similar-products .mlt-note {
  margin-left: 8px;
  font-style: italic;
  font-size: 11px;
  color: #9E9E9E;
}

.product-node .similar-products img {
  display: block;
  padding: 3px;
  border: 1px solid #D9D9D9;  
}

.product-node div.bundle-link {
  margin-top: 2em;
}

.product-node div.bundle-link h2, .product-node div.bundle-link h4 {
  display: inline-block;
}

.product-node .bundle-link img {
  display: inline-block;
  float: left;
  padding: 3px;
  border: 1px solid #D9D9D9;
  margin-right: 8px;
}

.product-node div.bundle-link p {
}

/*
 * Comments
 */

.product-node #comments,
.page-node #comments {
  margin-top: 3em;
}

.product-node .comment-form,
.page-node .comment-form {
  margin-bottom: 3em;
}

.product-node .comment-form .form-required,
.page-node .comment-form .form-required {
  display: none;
}

.product-node .comment-form .form-item,
.page-node .comment-form .form-item {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.product-node #edit-comment-body label,
.page-node #edit-comment-body label {
  color: #5e1f35;
  font-size: 12px;
  font-weight: bold;
  text-transform: capitalize;
  margin: 16px 0 8px;
  line-height: 1;
}

.product-node #comments h2.title,
.page-node #comments h2.title,
.product-node #comments h4.title,
.page-node #comments h4.title {
 /* margin-bottom: -4px; */
}

.product-node .comment img,
.page-node .comment img {
  padding: 0px;
  border: 0px solid #d9d9d9;
  float: left;
}

.product-node .comment,
.page-node .comment {
  margin: 16px 0px;
}

.product-node .comment-author,
.page-node .comment-author {
  font-size: 10px;
  float: left;
  margin-top: -4px;
  margin-left: 8px;
  width: 90%;
}

.product-node .comment-author a,
.page-node .comment-author a {
  font-size: 10px;
  font-weight: bold;
}

.product-node .comment-author p,
.page-node .comment-author p {
  margin-top: -7px;

}

.product-node .comment-body,
.page-node .comment-body {
  float: left;
  margin-left: 8px;
  margin-top: 0px;
  width: 432px;
}

.product-node .comment-body p,
.page-node .comment-body p {
  font-size: 11px;
  line-height: 1.5c;
}

.new /* "New" marker for comments that are new for the current user */ {
  color: #F2508A;
}

a#new {
  text-decoration: none;
}

.login-or-register {
  margin: 24px 0;
}

/*
 * Action buttons
 */

.product-node .action-buttons {
  margin: 16px 0 0 0;
}

.product-node .action-buttons ul {
  list-style-type: none;
}

.product-node .action-buttons ul li {
  display: inline;
  margin-right: 8px;
}

.product-node .action-buttons ul li.first {
  margin-right: 4px; /* Make up for throbber space on heart this button */
}

.product-node .action-buttons ul li.last {
  margin-right: 0px;
}

/*******************************
 * Site blog nodes
 *******************************/

.view-site-blog .views-row {
  padding-bottom: 24px;
  margin-bottom: 32px;
  border-bottom: 1px solid #D9D9D9;
}

.view-site-blog .views-row-last {
  border-bottom: none;
  margin-bottom: 0;
}

.node-site-blog .type-date {
  text-transform: none;
  font-style: italic;
}

.node-site-blog .content img {
  margin-top: 12px;
  margin-bottom: 24px;
}

.node-site-blog .node-title {
  color: #5e1f35!important;
  font-size: 16px!important;
  font-weight: bold!important;
  text-transform: capitalize!important;
  margin: 16px 0 24px!important;
  line-height: 1!important;
  background-color: transparent!important;
  padding: 0!important;
  border: none!important;
}

.node-site-blog .node-title a {
  color: #5e1f35;
  text-decoration: none;
}

.node-site-blog .node-title a:hover {
  text-decoration: underline;
}

.node-site-blog .links {
  float: right;
}

/** Figures and Captions **/
.node-site-blog .figure {
  display: table;
  margin-bottom: 24px;
}

.node-site-blog .figure img {
  padding: 0;
  margin: 0;
}

.node-site-blog .figure a {
  padding: 0;
  margin: 0;
  line-height: 0;
  display: block;
}

.node-site-blog .figure .caption {
  background-color: #656565;
  margin-top: -36px;   /* Important: this value needs to be the same as the img margin-bottom AND p margin-bottom combined */
  margin: 0;
  padding: 16px;
  color: white;
  text-align: center;
}

.node-site-blog .figure .caption strong {
  color: white;
}

.node-site-blog .figure .caption a {
  display: inline;
  color: white;
  line-height: 1.5;
}

.node-site-blog .figure .caption a:hover {
  color: white;
}

/*******************************
 * Upload Aggregation Nodes
 *******************************/

.message-log {
  margin-bottom: 36px;
}

.message-log .author-info {
  margin-top: -2px;
  margin-bottom: 7px;
  line-height: 1;
}

.message-log .author-info a {
  font-weight: bold;
  border-bottom: none;
  text-decoration: none;
}

.message-log .author-info a.normal-text {
  font-weight: normal;
  border-bottom: none;
  text-decoration: none;
  color: #3F3F3F;
}

.message .author-info a:hover {
  text-decoration: underline;
}

.message-log .user-pic-col {
  display: table-cell;
  width: 64px;
  margin-bottom: 8px;
}

.message-log .user-pic-col a {
  border: none;
}

.message-log .user-pic-col img {
  margin-right: 8px;
}

.message-log .content-col {
  display: table-cell;
  vertical-align: top;
}

.message-log-creation .content-col img, .message-log-user-hearted .content-col img {
  display: block;
}

.message-log .timeago {
  line-height: 1;
  display: block;
  margin-top: 8px;
  font-size: 10px;
}

 .message-log-user-hearted, .message-log-user-hearted-forum {
  margin-top: 12px;
  margin-bottom: 24px;
}

.message-log-user-hearted .hearted, .message-log-user-hearted-forum .hearted {
  color: #F2508A;
  font-weight: bold;
  background-image: url('../images/icon-heart-pink.png');
  background-repeat: no-repeat;
  background-position: 0px -1px;
  padding-left: 18px;
  margin-left: 2px;
}

.message-log-wish-list .wish-listed {
  color: #F2508A;
  font-weight: bold;
  background-image: url('../images/icon-star-pink.png');
  background-repeat: no-repeat;
  background-position: 0px -1px;
  padding-left: 18px;
  margin-left: 2px;
}

.message-log-forum-titles li {
	margin-top: 10px;
	float: none !important;
}

.message-log-title-and-text-container div {
	display: inline-block;
	margin-bottom: 5px;
}

.message-log-title-and-text-container-forum-thread div {
  display: inline-block;
  margin-bottom: 5px;
}

.message-log-title-and-text {
	margin-left: 10px;
}

.message-log-title-container {
	display: inline-block;
	margin-bottom: 10px;
}

.message-log-title-and-text-container .image-wrapper-88 img {
	padding-top: 3px !important;
}


/*******************************
 * Buttons
 *******************************/

.product-node a.flag, a.download-button, input.download-button, a.ctools-modal-node-list-modal-style, a.button, input[type="submit"] {
  font-size: 12px;
  color: #666666;
  text-transform: capitalize;
  padding: 8px 12px;
  display: inline-block;
  background: #F7F7F7;
  border: none;
  cursor: pointer;
  font-weight: bold;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 1px solid #d9d9d9;
  text-decoration: none;
  -moz-box-shadow: 2px 2px #d9d9d9; 
  -webkit-box-shadow: 2px 2px #d9d9d9;  
  box-shadow: 2px 2px #d9d9d9;    
  margin-right: 8px;
  line-height: 1.3;
}

.product-node .flag-heart-this a.flag {
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left: 30px;
}

.product-node .flag-heart-this a.unflag-action {
  background-image: url('../images/icon-heart-pink.png');
}

.product-node .flag-heart-this a.flag-action {
  background-image: url('../images/icon-heart-white.png');
}

.product-node .flag-heart-this a.unflag-action {
  background-image: url('../images/icon-heart-pink.png');
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left: 30px;
}

.product-node .flag-wish-list a.flag {
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left: 30px;
}

.product-node .flag-wish-list a.unflag-action {
  background-image: url('../images/icon-star-pink.png');
}

.product-node .flag-wish-list a.flag-action {
  background-image: url('../images/icon-star-white.png');
}

.product-node .flag-wish-list a.unflag-action {
  background-image: url('../images/icon-star-pink.png');
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left: 30px;
}

a.download-button, input.download-button {
  background-image: url('../images/icon-download-white.png');
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left: 29px;
  
  background-color: #F2508A;
  border: 1px solid #F2508A;
  color: white;
}

a.ctools-modal-node-list-modal-style {
  background-image: url('../images/icon-list.png');
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left: 30px;
}

.product-node a.flag:hover, a.download-button:hover, input.download-button:hover, a.ctools-modal-node-list-modal-style:hover, a.button:hover, input[type="submit"]:hover {
  color: #3f3f3f;
  border: 1px solid #3f3f3f;
}

/**
.product-node a.flag:active, a.download-button:active, input.download-button:active, a.ctools-modal-node-list-modal-style:active, a.button:active, input[type="submit"]:active {
  -moz-box-shadow: none; 
  -webkit-box-shadow: none;  
  box-shadow: none;  
  position: relative;
  top: 2px;
  left: 2px;
}
**/

.flag-message {
  color: #f2508a;
  font-size: 0.8em;
  left: 0;
  line-height: normal;
  position: absolute;
  top: 24px;
  left: 20px;
  width: 300px;
}

a.comment-button {
  background-image: url('../images/icon-comment.png');
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left: 34px;
}

input#edit-cancel[value="Cancel account"] {
  color: #FF8C00;
  font-weight: bold;
  -webkit-appearance: none;
  border: 0;
  text-decoration: underline;
  background: none;
  box-shadow: none;
}

input#edit-cancel[value="Cancel account"]:hover {
  color: #FFA500;
  text-decoration: none;
}

/*******************************
 * Social Media Links
 *******************************/

.social-media-links ul {
  list-style-type: none;
  line-height: 2;
}

.social-media-links ul li {
  /*margin: 5px 0px; */
}

.social-media-links a {
  list-style-type: none;
  padding: 2px 0px 2px 20px;
  border: none;
  text-decoration: none;
}

.social-media-links a:hover {
  text-decoration: underline !important;
}

a.blog-link {
  background-image: url('../images/16-blog.png');
  background-repeat: no-repeat;
  background-position: 0;
}

a.blog-link:hover {
  background-image: url('../images/16-blog-on.png');
  background-repeat: no-repeat;
  background-position: 0;
}

a.facebook-link {
  background-image: url('../images/16-facebook.png');
  background-repeat: no-repeat;
  background-position: 0;
}

a.facebook-link:hover {
  background-image: url('../images/16-facebook-on.png');
  background-repeat: no-repeat;
  background-position: 0;
}

a.flickr-link {
  background-image: url('../images/16-flickr.png');
  background-repeat: no-repeat;
  background-position: 0;
}

a.flickr-link:hover {
  background-image: url('../images/16-flickr-on.png');
  background-repeat: no-repeat;
  background-position: 0;
}

a.pinterest-link {
  background-image: url('../images/16-pinterest.png');
  background-repeat: no-repeat;
  background-position: 0;
}

a.pinterest-link:hover {
  background-image: url('../images/16-pinterest-on.png');
  background-repeat: no-repeat;
  background-position: 0;
}

a.twitter-link {
  background-image: url('../images/16-twitter.png');
  background-repeat: no-repeat;
  background-position: 0;
}

a.twitter-link:hover {
  background-image: url('../images/16-twitter-on.png');
  background-repeat: no-repeat;
  background-position: 0;
}

a.youtube-link {
  background-image: url('../images/16-youtube.png');
  background-repeat: no-repeat;
  background-position: 0;
}

a.youtube-link:hover {
  background-image: url('../images/16-youtube-on.png');
  background-repeat: no-repeat;
  background-position: 0;
}

a.newsletter-link {
  background-image: url('../images/16-newsletter.png');
  background-repeat: no-repeat;
  background-position: 0;
}

a.newsletter-link:hover {
  background-image: url('../images/16-newsletter-on.png');
  background-repeat: no-repeat;
  background-position: 0;
}

a.rss-link {
  background-image: url('../images/16-rss.png');
  background-repeat: no-repeat;
  background-position: 0;
}

a.rss-link:hover {
  background-image: url('../images/16-rss-on.png');
  background-repeat: no-repeat;
  background-position: 0;
}

a.email-rss-link {
  background-image: url('../images/16-email-rss.png');
  background-repeat: no-repeat;
  background-position: 0;
}

a.email-rss-link:hover {
  background-image: url('../images/16-email-rss-on.png');
  background-repeat: no-repeat;
  background-position: 0;
}

a.store-link {
  background-image: url('../images/16-store.png');
  background-repeat: no-repeat;
  background-position: 0;
}

a.store-link:hover {
  background-image: url('../images/16-store-on.png');
  background-repeat: no-repeat;
  background-position: 0;
}

/*******************************
 * Item grids
 *******************************/

.item-grid ul, 
.item-grid ol {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.item-grid li {
  float: left;
}

.item-grid li {
  margin-right: 8px;
  margin-bottom: 8px;
}

.item-grid li.right {
  margin-right: 0;
}

.item-grid li.bottom {
  margin-bottom: 0;
}

/*******************************
 * Views grids image styles
 *******************************/

.views-view-grid {
  margin-top: 0;
  margin-bottom: 8px;
}

.views-view-grid td {
  padding: 0;
}

.views-view-grid .views-field {
  display: block;
  margin-right: 8px;
  margin-bottom: 8px;
}

.views-view-grid .col-last .views-field {
  margin-right: 0;
}

.views-view-grid .row-last .views-field {
  margin-bottom: 0;
}

.views-view-grid .commons-header {
  margin-right: 30px;
  display: block;
}

/*******************************
 * Image styles
 *******************************/

img.border-4px, .border-4px img {
  display: block;
  padding: 3px;
  border: 1px solid #D9D9D9;  
}

img.border-8px, .border-8px img {
  display: block;
  padding: 7px;
  border: 1px solid #D9D9D9;  
}

img.border-6px, .border-6px img {
  display: block;
  padding: 5px;
  border: 1px solid #D9D9D9;  
}

/*******************************
 * SOLR Search pages
 *******************************/

.block-apachesolr-search a {
  border: none;
  text-decoration: none;
}

.block-apachesolr-search a:hover {
  text-decoration: underline;
}

.block-facetapi a {
  border: none;
  text-decoration: none;
}

.block-facetapi a:hover {
  text-decoration: underline;
}

.page-search .search-form .form-type-textfield input {
  
}

.page-search .search-form .form-type-textfield label {
  display: none;
}

.page-search h1.title {
  margin-bottom: 4px;
}

.page-search .search-results-row-1 {
  margin-top: 16px;
}

.page-search .item-grid li.bottom {
    margin-bottom: 8px;
}

.page-search .search-form .form-type-textfield input {
  margin-left: 0;
  padding-left: 2px;
  border: 1px solid #666666;
}

.page-search .search-form .form-submit {
  margin-left: 1px;
}

.page-search .pagerer-slider,
.page-browse .pagerer-slider,
.page-taxonomy .pagerer-slider  {
  width: 35em!important;
  margin-top: 2px!important;
}

.page-search .pagerer-slider .ui-slider-handle,
.page-browse .pagerer-slider .ui-slider-handle,
.page-taxonomy .pagerer-slider .ui-slider-handle {
  margin-top: -4px;
}

ul.facetapi-facetapi-checkbox-links li {
  list-style: none;
  list-style-type: none;
  color: #3f3f3f;
}

#block-apachesolr-search-sort a.active {
  color: #3f3f3f;
}

.apachesolr_search-results li div {
  position: relative;
}

.apachesolr_search-results li.center {
  text-align: left;
}

.apachesolr_search-results img.patrons-only {
  /*opacity: 0.5 !important;*/
}

.apachesolr_search-results .watermark {
  background-color: rgb(255, 255, 255); /* Fallback for web browsers that don't support RGBa. */
  background-color: rgba(255, 255, 255, 0.6); /* RGBa to change background opacity, but not text. */  
  position: absolute;
  height: 50px;
  width: 176px;
  margin-top: 71px;
  line-height: 50px;
  margin-left: 6px;
  font-size: 18px;
  color: #cccccc;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  z-index: 10;
  visibility: hidden;
}

.apachesolr_search-results .watermark-patrons-only:after {
  content: "Patrons Only";
}

.apachesolr_search-results a.search-results-download-link  {
  position: absolute;
  bottom: 0px;
  padding: 8px;
  display: inline-block;
  background: rgba(0,0,0,0.6);
  color: white;
  line-height: 1;
  font-weight: bold;
  z-index: 9;
}

/*******************************
 * SOLR browse pages
 *******************************/

/** Hide the default 'relevancy' sort with css (only way it can be hidden).
/**
.page-browse #block-apachesolr-search-sort .item-list ul li.first,
.page-user #block-apachesolr-search-sort .item-list ul li.first,
.page-taxonomy #block-apachesolr-search-sort .item-list ul li.first {
  display: none;
}
**/

.already-downloaded:before {
  position: absolute;
  content: '\2713';
  color: #f2508a;
  background: rgba(255,255,255, .75);
  background-repeat: no-repeat;
  pointer-events: none;
  height: 20px;
  width: 20px;
  font-size: 1.75em;
  font-weight: bold;
  bottom: 5px;
  right: 5px;
  z-index: 1;
  text-align: -webkit-center;
  line-height: 1;
}

.already-downloaded-note-checkmark {
  color: #f2508a;
  font-size: 1.75em;
  font-weight: bold;
}


.page-browse .search-form .form-type-textfield label,
.page-taxonomy .search-form .form-type-textfield label {
  display: none;
}

.page-browse .search-results-row-1,
.page-taxonomy .search-results-row-1 {
  margin-top: 16px;
}

.page-browse .item-grid li.bottom,
.page-taxonomy .item-grid li.bottom {
  margin-bottom: 8px;
}

.page-browse .header-message,
.page-taxonomy .header-message {
  margin-bottom: 16px;
}

/*******************************
 * Info Tips / Beautytips
 *******************************/

.info-tip-default {
  cursor: help;  
}

.info-tip {
  display: inline-block;
  width: 12px;
  height: 12px;
  cursor: help;
  margin-left: 2px;
  border-radius: 50%;  
  background-color: #ccc;

  color: white;
  font-style: italic;
  text-align: center;  
  line-height: 12px;
  font-size: 10px;
  font-family: serif;
}

.info-tip:before {
  content: "i";
}

.info-tip:hover {
  background-color: #666666;
}

.bt-content {
  color: #3F3F3F;
}

.bt-content h2, .bt-content h4 {
  border-bottom: 1px solid #5e1f35;
  margin-top: 8px;
}

.bt-content a {
  color: #666666 !important;
  text-decoration: underline;
  /*border-bottom: 1px dotted #666666 !important;*/
}

.bt-content a.pink {
  color: #F2508A !important;
}

.bt-content a:hover {
  color: #F2508A !important;
  text-decoration: none !important;
  /*border-bottom: 1px solid #F2508A !important;
  text-decoration: none !important;*/
}


/*******************************
 * Modal forms
 *******************************/

/*
Colors used:

  #F2508A Pink
  
  #5e1f35 Plum

  #99B2B7 Teal: headers

  #F7F7F7 Light Gray 1: light gray background on buttons, etc.

  #D9D9D9 Light Gray 2: light gray borders on buttons, etc.

  #9E9E9E Mid Gray 1: link color

  #666666 Mid Gray 2: header background + link hover

  #3F3F3F Dark Gray: text
*/

div.ctools-modal-content .modal-content {
  padding: 14px;
}

#user-register-form {
  position: relative;
}

/**
#user-register-form #edit-account {
  background: #666666;
  padding: 1px 8px 0px 8px;
  width: 218px;
  color: white;
}
**/

div.modal-forms-modal-content div.messages {
    background-position: 8px 8px;
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 6px 0;
    padding: 10px 10px 10px 50px;
}

div.modal-forms-modal-content {
  color: #3f3f3f;
  font-family: verdana, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

div.modal-forms-modal-content .modal-header {
  margin-top: 10px;
  margin-bottom: 10px;
}

div.modal-forms-modal-content .modal-title {
  /*color: #5e1f35;*/
  color: #3f3f3f;  
  font-weight: bold;
  font-size: 16px;
  margin: 16px 0 8px;
  line-height: 1;
}

div.user-register-form-wrapper {
  padding-top: 122px;
  z-index: 900;
}

div.registration-incentive-top {
  width: 350px;
  height: 143px;
  position: absolute;
  font-size: 12px;
}

div.registration-incentive-top .free-kit {
  color: #F2508A;
  font-weight: bold;
  font-size: 12px;
  text-shadow: 1px 1px #D9D9D9;
  position: absolute;
  top: 82px;
  left: 0;
  background: url('../images/pink-arrow-right.png') 210px 25px no-repeat;
  width: 350px;
  height: 50px;
}

div.registration-incentive-top .free-kit div {
  color: #F2508A;
  font-weight: normal;
  font-size: 11px;
  text-shadow: none;
}

div.registration-incentive-top ul {
  list-style-position: outside;
  margin: 0;
  padding-left: 14px;
}

div.registration-incentive-right {
  width: 241px;
  height: 251px;
  position: absolute;
  left: 320px;
  top: 20px;
  background: url('../images/free-kits.jpg') 0px 0px no-repeat;
}


div.ctools-modal-content .form-item-name {
  margin-top: 8px;
  margin-bottom: 0.4em;
}

div.ctools-modal-content .form-item-mail {
  margin-top: 0;
}

/*
div.ctools-modal-content .form-item .password-suggestions {
  display: none!important;
}
*/

div.user-register-form-wrapper .password-suggestions {
  display: none!important;
}

div.user-register-form-wrapper .password-strength {
  display: none!important;
}

div.user-register-form-wrapper div.password-confirm {
  display: none!important;
}

/* This is a honeypot field for spambots, so don't display it.
 * We have to hide it like this because of a bug in the honeypot module having to do with modal forms.
 * see https://www.drupal.org/node/1355374
 */
div.user-register-form-wrapper div.email-textfield {
  display: none!important;
}

/*
 * Quality control feedback modal content. 
 */
 
.qc-feedback-modal-content .report-no-problem-link {
  margin: 12px;
  margin-top: 24px;
}
 
.qc-feedback-modal-content .report-no-problem-link a {
  font-size: 14px;
  font-weight: bold;
  color: green; 
  text-decoration: none;
  padding: 8px;
}

.qc-feedback-modal-content .report-no-problem-link a:hover {
  background: #BE7;    
}

.qc-feedback-modal-content .report-has-problem-link {
  margin: 12px;
  margin-bottom: 24px;  
}
 
.qc-feedback-modal-content .report-has-problem-link a {
  font-size: 14px;
  font-weight: bold;  
  color: red;
  text-decoration: none;
  padding: 8px;  
}

.qc-feedback-modal-content .report-has-problem-link a:hover {
  background: #f8e4dc;  
}

/*
 * Submit quality control problem modal.
 */

.node-quality_control_issue-form .qc-issue-container {
  color: #8c2e0b;
  background-color: #fef5f1;
  padding: 8px;
  padding-bottom: 0;
  border: 1px solid #8c2e0b;
  margin-bottom: 10px; 
}

.node-quality_control_issue-form .qc-issue-container a {
  color: black;
}

.node-quality_control_issue-form .qc-issue-container .form-type-checkbox {
  margin-bottom: 8px;
}
 
#modal-content #report-qc-problem-form #edit-field-template-reference-und-0-target-id {
  width: 100%;
} 
 

/*
.already-have-account {
  background: #d9d9d9;
  margin-left: -11px;
}
*/

/*
.mailchimp-newsletter-wrapper label {
  color: #f2508a;
}
*/


/*******************************
 * Forum
 *******************************/

/*******************************
 * Author Pane
 *******************************/

.author-contact .contact-link {
  background: url('../images/contact.gif') 0px center no-repeat;
  padding: 0px 20px;
  font-weight: bold;
  color: #666666;
}

ol.supporter-year-badges li {
  margin-bottom: 0;
}

ol.supporter-year-badges li.last {
  margin-right: 0;
}

/**
.supporter-year-badges-container {
  display: block;
  width: 88px;
  height: 24px;
  overflow: visible;
}
**/

.supporter-year-badges-background {
  position: absolute;
  display: none;
  background: #F5F5F5;
  padding: 8px;
  margin-top: -8px;
  margin-left: -8px;
}

.author-badges:hover .supporter-year-badges-background {
  display: block;
}

.author-badges:hover .placeholder-year-badges {
  display: none;
}


.placeholder-year-badges {
  display: block;
}

.placeholder-year-badge {
  display: inline-block;
  width: 8px;
  height: 24px;
  background: #F2508A;
  margin-right: 2px;
}

/**
.author-pane-contact .contact-link span {
  background: url('../images/contact.gif') 0px 0px no-repeat;
}
**/

/*******************************
 * Remove tabs
 *******************************/

.node-type-forum .tabs {
  display: none;
}

/*******************************
 * Front page news
 *******************************/

.view-id-news {
  position: relative;
}

.view-id-news table {
  width: 100%;
  border: 0px solid #D9D9D9;
  margin-top: 0px;
  margin-bottom: 36px;
  font-weight: bold;
}

.view-id-news table img {
  display: block;
}

.view-id-news .view-display-id-first_row_attachment table {
  margin-top: 16px;
  margin-bottom: 0;
  border: 0;
}

.view-id-news .view-display-id-first_row_attachment table tr.views-row-first {
  border-bottom: 1px solid #D9D9D9;
}

.view-id-news .view-display-id-first_row_attachment table td.views-field-title {
  height: 56px;
}

.view-id-news .view-display-id-first_row_attachment table td.views-field-title a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1.7;
  border: none;
  text-decoration: none;
}

.view-id-news .view-display-id-first_row_attachment table td.views-field-title a:hover {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1.7;
  border: none;
  text-decoration: underline;
}

.view-id-news .view-display-id-first_row_attachment table td.views-field-title .wrapper {
  padding-top: 18px;
}

.view-id-news .view-display-id-first_row_attachment table td.views-field-title .body {
  font-weight: normal;
}

.view-id-news table tr {
  background-color: white;
}

.view-id-news table td {
  padding: 0;
}

.view-id-news table td.views-field-title a {
  line-height: 3;
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  text-decoration: none;
}

.view-id-news table td.views-field-title a.sticky {
  color: #F2508A;
}

.view-id-news table td.views-field-title a:hover {
  line-height: 3;
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  text-decoration: underline;
}

.view-id-news table td.views-field-created {
  width: 56px;
  text-align: right;
  font-weight: normal;
  padding: 8px;
  padding-left: 0;
}

.view-id-news table td.views-field-picture {
  width: 56px;
  padding: 8px;
  padding-left: 0;
}

/* Pager */

.view-id-news .pager {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: -20px;
  right: 0;
}

.view-id-news .pager .pager-current {
  display: none;
}

.view-id-news .pager li {
  padding: 0;
}

.view-id-news .pager a {
  padding: 1px 4px;
}



/*******************************
 * Book Nodes
 *******************************/

.node-type-book #page-title {
  margin-bottom: 24px;
}

.node-book h2, .node-book h4 {
  margin-top: 36px;
  padding-bottom: 3px;
  border-bottom: 1px solid #5e1f35;
}

.book-navigation {
  margin-top: 36px;
}

.node-book .book-navigation a{
  color: #9e9e9e!important;
}

.node-book .content {
  margin-bottom: 12px;
}

.node-book ul.links a {
  color: #9e9e9e!important;
}

/*******************************
 * Maintenance Page
 *******************************/

.maintenance-page #main-wrapper {
  margin-top: 40px;
}

.maintenance-page .clearfix:after {
  display: none;
}

/*******************************
 * Book Navigation
 *******************************/

#block-custom-helper-support-navigation-expanded {
  margin-top: 26px;
}

#block-custom-helper-support-navigation-expanded ul {
  padding-left: 0;
}

#block-custom-helper-support-navigation-expanded ul li {
  list-style: none;
  margin-bottom: 24px;
}

#block-custom-helper-support-navigation-expanded ul li a {
  color: #5e1f35;
  font-size: 12px;
  font-weight: bold;
  text-transform: capitalize;
  margin: 16px 0 24px;
  line-height: 1;
  border: none !important;
  text-decoration: none;
}

#block-custom-helper-support-navigation-expanded ul li a:hover {
  text-decoration: underline;
}

#block-custom-helper-support-navigation-expanded ul li ul {
  padding-left: 0;
  padding-top: 21px;
}

#block-custom-helper-support-navigation-expanded ul li ul li {
  list-style-type: circle;
  line-height: 1.7;
  color: #9E9E9E;
  margin: 0;
  padding: 0;
}

#block-custom-helper-support-navigation-expanded ul li ul li a {
  color: #9E9E9E;
  font-size: 11px;
  font-weight: normal;
  text-transform: none;
  border: none !important;
  text-decoration: none;
}

#block-custom-helper-support-navigation-expanded ul li ul li a.active {
  color: #F2508A;
}

#block-custom-helper-support-navigation-expanded ul li ul li a:hover {
  color: #F2508A;
  text-decoration: underline;
}

/*******************************
 * Node Creation
 *******************************/

.vertical-tabs ul.vertical-tabs-list li a {
  border: none !important;
}

.vertical-tabs ul.vertical-tabs-list li a:hover {
  color: black;
}

#node_layout_form_group_title_and_description .filter-wrapper,
#node_asset_form_group_title_and_description .filter-wrapper,
#node_template_form_group_title_and_description .filter-wrapper {
  display: none;
}

.fieldset-wrapper {
  padding-bottom: 12px;
}

.fieldset-wrapper .messages {
    margin: 0;
    margin-top: 12px;
}

.form-item .description {
  font-size: 10px;
  padding-top: 4px;
}

.vertical-tabs .field-type-number-integer .form-type-textfield input {
  width: auto;
}

.vertical-tabs input#edit-field-sku-und-0-value {
  width: auto !important;
}

.fieldset-description {
  margin-top: 1.5em;
}

/* Hide "trimmed" version from preview */
.preview h3, .preview .node-teaser {
  display: none
}

/* Hide legacy license and pricing field */
.group-license-and-pricing {
  display: none;
}

.vertical-tabs input[type="submit"] {
  width: auto !important;
}

/* Hide image/attachment title and description fields
 * (we set these automatically during node creation, 
 * and ideally we should hide them at the php/form level, but can't figure out
 * how. See _custom_helper_add_file_format_terms()
 */
.image-widget-data div[class*="-description"],
.image-widget-data div[class*="-title"] {
  display: none!important;
}

.file-widget div[class*="-description"],
.file-widget div[class*="-title"]  {
  display: none!important;
}

.vertical-tabs table {
  width: 100%;
}


/* Field attachment styling. */

.page-node-edit .tabledrag-toggle-weight-wrapper {
  display: none!important;
}

.form-field-name-field-attachment table .form-submit {
  margin: 4px 0;
  margin-right: 4px;
}

.form-field-name-field-attachment table th {
  width: 100%;
}

.form-field-name-field-attachment fieldset {
  border: 0;
}

.form-field-name-field-attachment fieldset legend {
  display: none!important;
}

.form-field-name-field-attachment .form-type-managed-file label {
  display: none;
}

.form-field-name-field-attachment .form-type-plupload label {
  display: block;
}


/*******************************
 * BUEditor Smiley button
 *******************************/

.bue-smiley-wrapper {
  width: 182px !important;
}
.bue-smiley-wrapper a {
  display: inline-block;
  margin: 2px !important;
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ccc;
  background-color: #eee;
  text-decoration: none;
}
.bue-smiley-wrapper a:hover {
  background-color: #fff;
}
.bue-smiley-wrapper a:after {/*Make vertical align of images work*/
  content: "|";
  visibility: hidden;
  letter-spacing: -1em;
}
.bue-smiley-wrapper a img {
  vertical-align: middle;
}



/**
.view-template-reference-selector .views-row {
  vertical-align: middle;
background-color: blue;
} **/

/*
.views-row {
  vertical-align: middle;
background-color: blue;
}
*/

/*******************************
 * Donation page
 *******************************/

.page-donate .hide-submit-text {
  display: none; /* We don't want to display the "processing..." text after button press, since it throws of styling. */
}

.donation-button {
  border: 3px dashed #D9D9D9;
  float: left;
  margin-top: 24px;
  margin-bottom: 60px;
  margin-right: 24px;
  text-align: center;
  width: 306px;
  padding: 0 0 20px 0;
}

.donation-button input[type="submit"] {
  background: #F2508A;
  color: white;
  border: 1px solid #F2508A;
  margin-top: 14px;
  margin-bottom: 14px;
}

.donation-button input[type="submit"]:hover {
  border: 1px solid #F2508A;
  margin-top: 12px !important;
  margin-bottom: 11px !important;
  font-size: 16px;
}

.donation-button .rewards {
  filter:alpha(opacity=50); /* For IE8 and earlier */
}

.donation-button .big {
  margin-top: 12px;
  font-size: 20px;
  color: #F2508A;
}

.donation-button .small {
  font-size: 14px;
}

.donation-button em {
  font-style: italic;
  text-decoration: underline;
}

.donation-button.last {
  margin-right: 0;
}

.donation-button:hover {
  border: 3px dashed #666666;
}

.donation-button:hover .rewards,
.donation-button:hover .half-opacity {
  opacity: 1!important;
  filter:alpha(opacity=100)!important; /* For IE8 and earlier */
}

.donation-button .title {
  font-weight: bold;
  color: white;
  font-size: 24px;
  display: block;
  padding: 10px 0;
  position: relative; 
  margin-bottom: 16px;
}

.donation-button .title.bronze {
  background: #995d3d;
}

.donation-button .title.silver {
  background: #999999;
}

.donation-button .title.gold {
  background: #c2a41f;
}

/*******************************
 * Subscription page
 *******************************/
.page-subscribe .logos-top {
  position: relative;
  width: 59px;
  height: 67px;  
}

.page-subscribe .secure-payment-icon {
  position: absolute;
  top: -40px;
  right: 0px;
  z-index: 100;
}

.page-subscribe .paypal-small-container {
  position: relative;
  height: 20px;
}

.page-subscribe img.credit-cards {
  position: absolute;
  top: -46px;
  right: 180px;
}

.page-subscribe table.paypal-small {
  position: absolute;
  top: -75px;
  right: 0;
}

.page-subscribe table.paypal-small a {
  text-decoration: none;
}

.page-subscribe .first-p {
  position: relative;
}

.page-subscribe .first-p .siteseal {
  position: absolute;
  top: -15px;
  right: 80px;
}

.page-subscribe .first-p .siteseal img {
  cursor: pointer!important;
}


.page-subscribe .gift-options {
  background-image: url('../images/gift.png');
  background-repeat: no-repeat;
  background-position: 0 0;  
  padding-left: 24px;
}

.page-subscribe .secure-paypal-button {
  float: left;
}

.page-subscribe .siteseal-bottom {
  float: left;
  margin-top: 67px;
}

.page-subscribe h2.faq, .page-subscribe h4.faq {
  margin-top: 24px;
  margin-bottom: 18px;
  border-bottom: 1px solid #5e1f35;
}

.page-subscribe .button-container {
  width: 100%;
  text-align: center;
}

.page-subscribe .subscribe-button .price {
  font-weight: bold;
  color: white;
  font-size: 24px;
  display: block;
  background: #5e1f35;
  padding: 10px 0;
  position: relative;
}


.page-subscribe .subscribe-button .price .small {
  font-size: 10px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  margin-left: 10px;
}

.page-subscribe .subscribe-button .price .line-through {
  color: white;
  font-size: 18px;
}

.page-subscribe .special-offer,
.page-donate .special-offer {
  font-weight: bold;
  color: white;
  padding: 10px;
  margin-top: 20px;
  /**background-image: url('../images/snowflakes_bg.jpg');**/
  background: #5E1F35;
  background-repeat: no-repeat;
  background-position: 0 0;  
}

.page-subscribe .special-offer strong,
.page-donate .special-offer strong {
  color: yellow;
  /**text-shadow: 1px 1px 0px #F2508A;**/
}

.page-donate .special-offer a {
  color: yellow;
  /**text-shadow: 1px 1px 0px #F2508A;**/
}

.page-subscribe .subscribe-button .price strong {
  color: yellow;
}


.page-subscribe .subscribe-button .price-cu .small {
  right: 150px;
}

.page-subscribe .subscribe-button h2.big, .page-subscribe .subscribe-button h4.big {
  color: #5e1f35;
}

.page-subscribe .subscribe-button h2 em, .page-subscribe .subscribe-button h4 em {
  font-style: italic;
}

.page-subscribe .subscribe-button {
  border: 3px dashed #D9D9D9;
  display: inline-block;
  vertical-align: top;
  margin-top: 24px;
  margin-bottom: 24px;
  margin-right: 24px;
  text-align: center;
  width: 450px;
  padding: 20px 0;
}

.page-subscribe .subscribe-button a.button {
  background: #F2508A;
  color: white;
  border: 1px solid #F2508A;
  margin-top: 18px;
  margin-bottom: 14px;
  font-size: 16px;
}

.page-subscribe .subscribe-button a.button:hover {
  border: 1px solid #F2508A;
  margin-top: 16px !important;
  margin-bottom: 13px !important;
  font-size: 18px;
}

.page-subscribe .subscribe-button .rewards {
  opacity: 0.5;
  filter:alpha(opacity=50); /* For IE8 and earlier */
}

.page-subscribe .subscribe-button .big {
  margin-top: 12px;
  font-size: 20px;
  color: #5e1f35;
}

.page-subscribe .subscribe-button .small {
  font-size: 14px;
  text-align: left;
  padding: 0 20px;
}

.page-subscribe .subscribe-button em {
  font-style: italic;
  text-decoration: underline;
}

.page-subscribe .subscribe-button.last {
  margin-right: 0;
}

.page-subscribe .subscribe-button:hover {
  border: 3px dashed #666666;
}

.page-subscribe .subscribe-button:hover .rewards {
  opacity: 1;
  filter:alpha(opacity=100); /* For IE8 and earlier */
}

/** Choose subscription period **/

#payment-helper-subscribe-checkout-form .form-type-radios {
  margin-top: 0;
  margin-bottom: 24px;
}

#payment-helper-subscribe-checkout-form .description ul {
  margin-top: 0;
}

#payment-helper-subscribe-checkout-form #edit-membership-plan {
  margin-top: 12px;
}

#payment-helper-subscribe-checkout-form .form-type-radio label {
  color: #F2508A;
  font-weight: bold;
}

#payment-helper-subscribe-checkout-form input.form-submit {
  background: #F2508A;
  color: white;
  border: 1px solid #F2508A;
}

#payment-helper-subscribe-checkout-form .form-type-radio label .best-value {
  color: green;
  font-style: italic;
}

/** Subscription checkout **/

.page-ms-checkout .ms_order_items {
  width: 100%;
}

.page-ms-checkout .ms_order_items td {
  padding: 10px;
}

.page-ms-checkout tr.ms_subtotal {
  display: none;
}

.ms_adjustment_display {
  font-weight: bold;
  color: green;
}

/**
.page-ms-checkout tr.ms_total {
  display: none;
}
**/

.page-ms-checkout #edit-gateway .form-item {
  margin-top: 12px;
}

.page-ms-checkout .ms_core_gateway_includes {
  display: none;
}

.page-ms-checkout label {
  position: relative;
}

.page-ms-checkout label[for=edit-gateway] {
  margin-bottom: 24px;
}

.page-ms-checkout label[for=edit-gateway-ms-stripe] img {
  position: absolute;
  top: -12px;
  left: 120px;
}

.page-ms-checkout label[for=edit-gateway-ms-paypal-wps] img {
  position: absolute;
  top: -12px;
  left: 100px;
}

.page-ms-checkout label img.bill-me-later {
  position: absolute;
  top: -222px;
  left: 720px;
  visibility: hidden;
}

.page-ms-checkout label:hover img.bill-me-later {
  visibility: visible;
}

.page-ms-checkout label ul {
  margin: 0;
  margin-top: 8px;
  margin-left: 24px;
}

.page-ms-checkout input[type=submit] {
  background-color: #F2508A;
  border: 1px solid #F2508A;
  color: white;
}

.page-ms-checkout input[type=submit]:hover {
  text-decoration: underline;
}

.page-ms-checkout input#edit-apply-coupon {
  background-color: #F7F7F7;
  color: #666666;
  border: 1px solid #D9D9D9;
}

/**
.page-ms-checkout label[for=edit-gateway-ms-stripe]:after {
  content: url('../images/credit-cards.png');
  position: absolute;
  top: -10px;
  right: -338px;
}

.page-ms-checkout label[for=edit-gateway-ms-paypal-wps]:after {
  content: url('../images/paypal.png');
  position: absolute;
  top: -10px;
  right: -63px;
}
**/

/*******************************
 * Image Styles
 *******************************/


.image-wrapper {
  display: table-cell;
  border: 1px solid #D9D9D9;
  vertical-align: middle;
  border-spacing: 0px;
  text-align: center;
}

/** Fade to background effect **/
/**
.image-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  background: -webkit-linear-gradient(transparent, #FFF) left repeat;
  background: linear-gradient(transparent, #FFF) left repeat; 
}
**/

.image-wrapper a {
  display: block;
  line-height: 0;
}

.image-wrapper img {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
  border: none !important;
  padding: 0 !important;
}

.image-wrapper-88 {
  width: 86px;
  height: 86px;
}

.image-wrapper-116 {
  width: 116px;
  height: 116px;
}

.image-wrapper-120 {
  width: 118px;
  height: 118px;
}

.image-wrapper-184 {
  width: 182px;
  height: 182px;
}

.image-wrapper-240 {
  width: 240px;
  height: 240px;
}

.image-wrapper-312 {
  width: 310px;
  height: 310px;
}

.image-wrapper-470 {
  width: 470px;
  height: 470px;  
}

.image-wrapper-488 {
  width: 488px;
  height: 488px;
}


.image-wrapper-fullpage-header {
  width: 984px;
  height: 488px;
}

/*******************************
 * Advanced polls
 *******************************/

.poll .bar .foreground {
  background-color: #F2508A;
}

.poll .choice-image {
  padding-right: 4px;
}

.poll .choice-image a {
  cursor: url('../images/magnifying-cursor.cur'), auto;
}

.forum-post-panel-main div.form-type-checkbox,
.forum-post-panel-main div.form-type-radio {
  margin: 0;
}

.forum-post-panel-main .poll {
  margin-top: 32px;
}

.poll #message {
  font-weight: bold;
  color: #F2508A;
}

.poll .form-item-write-in {
  padding-top: 12px;
}


/**
.node-type-advpoll .form-item {
  display: table;
}


.node-type-advpoll label {
  display: table-cell;
}

.node-type-advpoll .form-item .choice-image {
}
*/

/*******************************
 * Guiders
 *******************************/

.guiders_content h1 {
  color: #F2508A;
}

.guiders_content a {
  color: #F2508A;
}

.guiders_content strong {
}

.guiders_content .guiders_description {
  line-height: 1.5;
}

.guiders_content .guiders_button {
  background: #F2508A;
  color: white!important;
  border: 1px solid #F2508A;;
}

.guiders_content .guiders_button:hover {
  color: white;
  border: 1px solid #F2508A;
  text-decoration: underline;
}


/*******************************
 * Page Style
 *******************************/

.page-style {
  line-height: 1.5;
  font-size: 11px!important;
  color: #3f3f3f;
}

.page-style p {
  line-height: 1.5;
  font-size: 11px!important;
  color: #3f3f3f; 
}

.page-style strong {
  font-size: 11px!important;
  color: #3f3f3f;
  font-weight: bold;
}

.page-style h2, .page-style h4 {
  margin-top: 36px;
  padding-bottom: 3px;
  border-bottom: 1px solid #5e1f35;
  margin-bottom: 16px;
/*
  background-color: #5e1f35;
  color: white;
  padding: 8px;
  */
}
.page-style .comment-wrapper h2.title, .page-style .comment-wrapper h4.title {
  border: none;
  padding-bottom: 0;
}

.page-style h3 {
  margin-top: 24px;
  padding-bottom: 3px;
  border-bottom: none;
  margin-bottom: 0px;
  font-size: 12px;
  color: #5e1f35; 
}

.page-style a {
  color: #F2508A;  
}

.page-style .comment-author a {
  color: #9E9E9E;
}

.page-style img {
}

.page-style table.weekly-review {
  padding: 0;
}

.page-style table.weekly-review td {
  padding-right: 12px;
  padding-bottom: 12px;
}

.page-style table.weekly-review img {
  padding: 0;
  margin: 0;
}

/*******************************
 * Help page / FAQ
 *******************************/

/**

.view-help-accordion h2, .view-help-accordion h4 {
  margin-top: 36px;
  padding-bottom: 3px;
  border-bottom: 1px solid #5e1f35;  
}

.view-help-accordion .ui-widget-content {
  front-size: 11px;
  color: #3f3f3f;
}

.view-help-accordion strong {
  font-size: 11px;
}

.view-help-accordion .field-content a {
  color: #F2508A;
}

**/

#marisa-help-picture {
  margin-bottom: 24px;
  width: 320px;
  height: 181px;
}

#marisa-welcome-picture {
  width: 320px;
  height: 240px;
}

h3.views-accordion-help_accordion-default-header {
  color: #5e1f35;
  font-size: 16px;
  font-weight: bold;
  text-transform: capitalize;
  margin: 32px 0 16px;
  line-height: 1;
}

.views-accordion-header.ui-state-active {
  background: #5e1f35;
}

.views-accordion-header.ui-state-active a {
  color: white;
  font-weight: bold;
  font-size: 16px;
}

.ui-state-active .ui-icon {
  background-image: url('../images/ui-icons_454545_256x240_white.png')/*{iconsActive}*/;
}

.view-help-accordion .ui-accordion-content {
  padding: 24px;
}

.view-help-accordion #edit-filter-help-wrapper {
}

.view-help-accordion input#edit-filter-help {
  background: rgba(255,255,255,0.75);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 32px;
  border: none;
  border-radius: 6px;
  -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2), 0 2px 0 rgba(255,255,255,0.25), 0 0 0 1px rgba(0,0,0,0.35);
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2), 0 2px 0 rgba(255,255,255,0.25), 0 0 0 1px rgba(0,0,0,0.35);
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.2), 0 2px 0 rgba(255,255,255,0.25), 0 0 0 1px rgba(0,0,0,0.35);
  padding: 5px;
  width: 814px; /* Full page width (984px) minus padding and buttons */
  color: #666666;
  resize: none;
  font-size: 16px;
}

.view-help-accordion input#edit-filter-help {
  outline: none;
  background: rgba(255,255,255,1);
}

.view-help-accordion .form-submit {
  margin: 0 !important;
  line-height: 28px;
  margin-top: -2px!important;
}

.view-help-accordion .views-reset-button {
  padding-right: 0;
}

.view-help-accordion .views-row {
  margin-bottom: 8px;
}

.view-help-accordion .view-footer {
  padding: 12px;
  font-weight: bold;
  margin-top: 24px;
  border: 2px solid #F2508A;
  color: #666666;
}

.view-help-accordion .view-footer a {
  color: #F2508A;
}

.view-help-accordion .view-footer a:hover {
  color: #F2508A;
}

.view-help-accordion .view-empty {
  padding: 16px;
  margin-top: 24px;
  border: 2px solid #F2508A;
}

.view-help-accordion .view-empty a {
  color: #F2508A;
}

.view-help-accordion .view-empty a:hover {
  color: #F2508A;
}

/*******************************
 * Flash - CSS3 trick
 *******************************/

.flash{

  -moz-animation: flash 2s ease-out;
  -moz-animation-iteration-count: 1;

  -webkit-animation: flash 2s ease-out;
  -webkit-animation-iteration-count: 1;

  -ms-animation: flash 2s ease-out;
  -ms-animation-iteration-count: 1;

}

@-webkit-keyframes flash {
    0% { background-color:none;}
    50% { background-color:#fbf8b2;}        
    100% {background-color:none;}
}

@-moz-keyframes flash {
    0% { background-color:none;}
    50% { background-color:#fbf8b2;}        
    100% {background-color:none;}
}

@-ms-keyframes flash {
    0% { background-color:none;}
    50% { background-color:#fbf8b2;}        
    100% {background-color:none;}
}

/*******************************
 * My Designs (Manage designs)
 *******************************/

.page-user-manage table {
  width: 100%;
}

.page-user-manage th {
  padding: 8px;
}

.page-user-manage td {
  padding: 8px;
}

.page-user-manage tr.odd {
  background: #F7F7F7;
}

.page-user-manage tr.odd td.active {
  background: #eeeeee;
}

.page-user-manage tr.even {
  background: white;
}

.page-user-manage tr.even td.active {
  background: #F7F7F7;
}

.page-user-manage td.views-field-comment-count a {
  color: #F2508A;
}

.page-user-manage .form-submit {
  margin-top: 10px !important;
}

.page-user-manage .views-exposed-form .form-type-checkbox {
  margin-top: 17px !important;
}

.page-user-manage a.publish-on {
  background-image: url('../images/icon-clock.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 18px;
  padding-bottom: 2px;
}

.page-user-manage .views-field-field-image {
  width: 88px;
}

.page-user-manage input[type="text"] {
  padding: 0;
}

/**
.page-user-manage #edit-field-kit-id-term-reference-tid-wrapper {
  width: 100px;
}

.page-user-manage .views-exposed-widget {
  width: 100%;
}
**/

/*******************************
 * Manage memberships page
 *******************************/

table#ms-user-purchases-table {
  width: 100%;
}

table#ms-user-purchases-table th {
  padding: 8px;
}

table#ms-user-purchases-table td {
  padding: 8px;
}

table#ms-user-purchases-table tr.odd {
  background: #F7F7F7;
}

table#ms-user-purchases-table tr.odd td.active {
  background: #eeeeee;
}

table#ms-user-purchases-table tr.even {
  background: white;
}

table#ms-user-purchases-table tr.even td.active {
  background: #F7F7F7;
}

.page-gift-membership .form-item-mpid .special-offer
{ 
  color: green;
  font-weight: bold;
  font-style: italic;
}

/*******************************
 * Redeem Membership form
 *******************************/

#ms-gift-membership-redeem-gift-form #edit-submit {
  margin-top: 24px;
}

/*******************************
 * Password form
 *******************************/

/** Password Hustle module (LEGACY) 
#password-hustle-user-pass-reset .form-item-pass-pass1 {
  margin-top: 20px;
}
**/

/*******************************
 * Manifesto
 *******************************/

.page-node-19794 p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 24px;
  margin-left: 100px;
  margin-right: 100px;
}

.page-node-19794 blockquote p {
  margin: 0;
}

.page-node-19794 #page-title {
  margin-top: 80px;
  text-align: center;
  font-size: 24px;
}

.page-node-19794 .subtitle {
  text-align: center;
  font-size: 16px;
  margin-bottom: 80px;
}

.page-node-19794 h2, .page-node-19794 h4 {
  text-transform: none;
  text-align: center;
  font-size: 18px;
  margin: 48px 0;
}

.page-node-19794 .point-image {
  display: block;
  width: 200px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 96px;
}

.page-node-19794 blockquote {
  border: 3px dashed gray;
  margin: 48px 0;
  padding: 24px 48px;
  font-size: 14px;
  position: relative;
  font-size: 16px;
}

.page-node-19794 blockquote .startquote {
  position: absolute;
  top: -28px;
  left: -60px;
}

.page-node-19794 blockquote .endquote {
  position: absolute;
  bottom: 0;
  right: -60px;
}

.page-node-19794 blockquote .attribution {
  display: block;
  padding-left: 24px;
}

.page-node-19794 blockquote.quote-1 {
  background-color: #ff7473;
}

.page-node-19794 blockquote.quote-2 {
  background-color: #A6E0F4;
}

.page-node-19794 blockquote.quote-3 {
  background-color: #F87F74;
}

.page-node-19794 blockquote.quote-4 {
  background-color: #E7EC20;
}

.page-node-19794 blockquote.quote-5 {
  background-color: #42cdc8;
}

.page-node-19794 blockquote.quote-6 {
  background-color: #E7EC20;
}

.page-node-19794 .version {
  margin-top: 96px;
  text-align: right;
}

.page-node-19794 .affirm {
  border-top: 1px solid #D9D9D9;
  padding-top: 12px;
}

.page-node-19794 .affirm p {
  font-size: 11px;
  margin-left: 0px;
  margin-right: 0px;
}

.page-node-19794 .comment p {
  margin-left: 0px;
  margin-right: 0px;
}

.page-node-19794 .links {
  margin: 48px 0;
}

a.doc-icon {
  background-image: url('../images/manifesto/doc-icon.png');
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 24px;
}

a.pdf-icon {
  background-image: url('../images/manifesto/pdf-icon.png');
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 24px;
}

.sign-manifesto-button {
  text-align: center;
  margin-top: 48px;
}

.sign-manifesto-button .unflag-disabled {
  background-image: url('../images/message-24-ok.png');
  background-repeat: no-repeat;
  background-position: 0 center;
  padding: 24px 32px;
}

.sign-manifesto-button a {
  margin-right: auto;
  margin-left: auto;
  background: #37cc41;
  background-image: -webkit-linear-gradient(top, #37cc41, #30a63a);
  background-image: -moz-linear-gradient(top, #37cc41, #30a63a);
  background-image: -ms-linear-gradient(top, #37cc41, #30a63a);
  background-image: -o-linear-gradient(top, #37cc41, #30a63a);
  background-image: linear-gradient(to bottom, #37cc41, #30a63a);
  -webkit-border-radius: 48;
  -moz-border-radius: 48;
  border-radius: 48px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 20px 40px 20px 40px;
  text-decoration: none;
}

.sign-manifesto-button a:hover {
  background: #36d941;
  background-image: -webkit-linear-gradient(top, #36d941, #42c22e);
  background-image: -moz-linear-gradient(top, #36d941, #42c22e);
  background-image: -ms-linear-gradient(top, #36d941, #42c22e);
  background-image: -o-linear-gradient(top, #36d941, #42c22e);
  background-image: linear-gradient(to bottom, #36d941, #42c22e);
  text-decoration: none;
}

.sign-manifesto-button .flag-message {
  display: none!important;
  color: green;
  margin-top: 24px;
  font-size: 12px;
}

.sign-manifesto-button .button-description {
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  margin-top: 24px;
}

.page-node-19794 .views-view-grid .views-field {
    margin-right: 10px;
    margin-bottom: 10px;
}

/*******************************
 * Team page
 *******************************/

.page-node-36705 #page-title {
margin-top: 80px;
text-align: center;
font-size: 24px;
}

.page-node-36705 h2, .page-node-36705 h4 {
  text-transform: none;
  text-align: left;
  font-size: 18px;
  margin: 48px 0;
}

.page-node-36705 p.shorty {
  width: 381px;
}

.page-node-36705 p.final {
  margin: 48px 0;
}

.page-node-36705 .item-grid li {
  margin-right: 13px;
  margin-bottom: 13px;
}

.page-node-36705 .item-grid li.right {
  margin-right: 0;
}

.picture-name-container {
  position: relative;
  width: 184px;
  height: 184px;  
}

.picture-name-container .name {
  text-align: left;
  text-transform: Capitalize;
  font-weight: bold;
  font-size: 12px;
  position: absolute;
  bottom: 0px;
  background: white;
  text-decoration: none;
  color: white;
  line-height: 2.5;
  padding-left: 8px;
  width: 176px; /* 184px minus padding */
  margin: 0!important;
  z-index: 500;

  background: rgb(0, 0, 0) transparent; /* default fallback */
  background: rgba(0, 0, 0, 0.6); /* nice browsers */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF); /* IE 6/7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; /* IE8 */
}

.picture-name-container .name a {
  text-decoration: none;
  color: white;
  display: inline-block;
  width: 100%;
}

.picture-name-container .name a:hover {
  text-decoration: underline;
}


/*******************************
 * Casengo chat widget
 *******************************/

.section-help .casengo-vipbtn, /* help */
.section-support .casengo-vipbtn,
.section-subscribe .casengo-vipbtn
 {
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: 3; /* Can set to 'infinite' */

    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 3; /* Can set to 'infinite' */
}

@-moz-keyframes blinker {  /* Decimal not necessary, 0 and 1 is enough */
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

/*******************************
 * Notification Messages
 *******************************/

.view-mnc .view-empty {
  font-size: 16px;
  text-align: center;
  padding: 16px;
  font-style: italic;
  line-height: 1.5;
}

.message-notification {
  line-height: 1.5;
  border-bottom: 1px dashed #D9D9D9;
  padding: 4px 0px;
}

.message-notification table {
  margin: 0;
}

.message-notification td {
  vertical-align: top;
}

.message-notification td.first {
}

.message-notification td.second {
  width: 100%;
}

.message-notification td.third {
}

.message-notification:hover {
  background-color: #F7F7F7;
}

.message-notification a {
  text-decoration: none;
}

.message-notification a.notification-link {
  display: none;
}

.message-notification .user-image {
  height: 56px;
  width: 56px;
  margin-bottom: 16px;
}

.message-notification .user-name a {
  font-weight: bold;
  text-decoration: none;
  color: #3F3F3F;
}

.message-notification .content {
  padding: 0px 4px;
  margin-bottom: 16px;
}

.message-notification .node-image {
  width: 88px;
  height: 88px;
}

.message-notification .created {
  color: #9e9e9e;
  margin-top: 2px;
}

.message-notification .timeago {
  cursor: pointer;
  border-bottom: none;
}

.message-notification .hearted {
  color: #F2508A;
  font-weight: bold;
  background-image: url('../images/icon-heart-pink.png');
  background-repeat: no-repeat;
  background-position: 0px -1px;
  padding-left: 18px;
  margin-left: 2px;
}

.message-notification .content .node-title {
  border-bottom: 1px dotted #3F3F3F;
}

.message-notification .content .other-users {
  font-weight: bold;
}

/*******************************
 * qTip (message notification center)
 *******************************/

/** qTip **/


/** For tips on theming the throbber see https://drupal.org/node/1059674 **/
.qtip .message-view .ajax-progress .throbber {
  position: relative;
  left: 209px; /** center on 450px-width dropdown **/
  background: url('../images/ajax-throbber-big.gif') no-repeat;
  height: 32px;
  width: 32px;
  margin: 16px 0;
}


.qtip {
  max-width: 450px;
  min-width: 450px;
  margin-top: 2px;
}

.qtip-content {
  padding: 0;
}

.qtip .controls-top {
  font-size: 10px;
  padding: 8px;
  border-bottom: 1px solid #D9D9D9;
}

.qtip .controls-top .title {
  font-weight: bold;
}

.qtip .controls-top .links {
  float: right;
  padding-right: 8px;
}

.qtip .controls-bottom {
  text-align: center;
  padding: 12px;
  font-weight: bold;
  border-top: 1px solid #D9D9D9;
}

.qtip-view .view-mnc {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 300px;
}

.qtip-view .view-mnc {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 300px;
}

.qtip-view .message-notification {
  padding: 4px 4px;
}

/** Block **/

#block-mnc-mnc {
  float: right;
  height: 48px;
  position: relative;
  margin: 0;
  margin-right: 16px;
  margin-left: 16px;
}

#block-mnc-mnc .ajax-progress-throbber {
  position: absolute;
  top: 3px;
  left: 3px;
}

#block-mnc-mnc .content {
  position: relative;
  top: 12px;
}

#block-mnc-mnc .mnc-container .icon {
  display: inline-block;
  width: 29px;
  height: 25px;
  background: url('../images/notifications-off.png') no-repeat;  
}

#block-mnc-mnc .mnc-container.has-unread-messages .icon {
  background: url('../images/notifications-on.png') no-repeat;
}

#block-mnc-mnc .mnc-container .badge {
  position: absolute;
  top: -4px;
  right: -3px;
  display: inline-block;
  padding: 0px 3px;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  background-color: #F2508A;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-font-smoothing: antialiased;
  color: white;
  border: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .7);
  font-family: "Helvetica Neue", Helvetica, Arial, "segoe ui",tahoma,sans-serif;
}

#block-mnc-mnc .mnc-container.no-unread-messages .badge {
  display: none;
}

/** View **/


/*******************************
 * Misc
 *******************************/

.timeago {
  cursor: help;
  border-bottom: none;
}

.more-link {
  line-height: 2;
}

.breadcrumb {
  color: #9E9E9E;
}

.bue-text-button {
  line-height: 0;
}

.confirm-parent, .password-parent {
  width: 420px;
}


#block-block-6 {
  display: none;
  position: absolute;
  left: 280px;
  top: 15px;
}

#block-block-6 a {
  border-bottom: 1px dotted white;
  text-decoration: none;
}

#block-block-6 a:hover {
  border-bottom: 1px solid white;
  text-decoration: none;
}

.views-field-picture a {
  border: none;
}

img.smiley {
  margin-bottom: -1px;
}

.facetapi-slider-min {
  display: inline-block;
  margin-bottom: 4px;
}

.facetapi-slider-max {
  display: inline-block;
  margin-bottom: 4px;
}

#block-facetapi-dsi1z4jcuyohejhhhfuiv5sus1ptsaef .content {
  width: 168px;
  padding-left: 8px;
}

.hide-submit-text {
  color: #F2508A;
  font-style: italic;
}


.region-bottom {
  position: relative;
}

.vertical-tabs-panes .chosen-container {
  width: 100% !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  min-width: 150px !important;
  min-height: 25px;
}

#block-views-d36f70bf6780e397420a4e8fc23bf140 .block-title {
  margin-left: 0px;
  margin-bottom: 15px;
}

.highlight {
  background-image: linear-gradient(-100deg, rgba(255, 255, 255, 0), yellow 60%, rgba(255, 255, 255, 0));
}

.pink-highlight {
  background-color: Pink;
}

#edit-keys {
  width: 75% !important;
}

/*******************************
 * Front page footer.
 *******************************/

#block-block-24 {
  font-size: 10px;
  color: #9E9E9E;
  position: absolute;
  bottom: -24px;
  padding: 4px;
  text-align: center;
  width: 984px;
  background: white;
  margin: 0;
  margin-left: 0px;
}

#block-block-24 a {
  text-decoration: none;
}

/*******************************
 * Vacation Notice.
 *******************************/

#block-block-25 {
  background: #F8FFF0;
  border: 1px solid #BBEE77;
  color: #234600;
  padding: 8px;
}

/*******************************
 * Bounce Conver Modal/Popup
 *******************************/

.bounce-convert-custom-modal {
}

.bounce-convert-custom-modal .modal-header{
    min-height: 0!important;
    padding: 0!important;
}

.bounce-convert-custom-modal .modal-title {
    display: none!important;
}

.bounce-convert-custom-modal .modal-content div.error {
    background: #fff;
    color: #ee504d;
    font-size: 40px;
    margin: -15px 0 0 235px;
    position: absolute;
    text-align: center;
    width: 300px;
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15) !important;
    -moz-box-shadow: 5px 5px 8px 0px rgba(255,255,255,0.46);
    box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.15) !important;
    box-sizing:border-box !important;
    font-family:Helvetica Nueue,Helvetica,Arial,Times,sans-serif !important;
    -webkit-transition : border 2000ms ease-out; 
    -moz-transition : border 2000ms ease-out;
    -o-transition : border 2000ms ease-out;
    border: 1px solid #e0e0e0 !important;
    border-radius: 0 0 5px 5px;
    opacity: 0.85;
    padding: 5px;
    /*-webkit-transition:0.8s all ease-in-out;*/
}

.bounce-convert-custom-modal .modal-content form {
    background: url("../images/bounce-convert/free-newsletter-kit.jpg") no-repeat 348px 0;
}

.bounce-convert-custom-modal .bounce-convert-success-message {
    color: #f2508a;
    font-size: 14px;
    padding-top: 295px;
    text-align: center;
    line-height: 20px;
}
.bounce-convert-custom-modal .bounce-convert-success-message a {
    color: #f2508a;
    text-decoration: underline;
}
.bounce-convert-custom-modal .bounce-convert-success-message a:hover {
    text-decoration: none;
}

.bounce-convert-custom-modal {
    border:10px solid #f2508a;
    text-align: center;
    border-radius: 0px!important;
}

.bounce-convert-custom-modal .popups-close {
    background: url("../images/bounce-convert/close-button.png") no-repeat scroll 0px -2px rgba(0, 0, 0, 0) !important;
    height: 42px !important;
    position: absolute !important;
    width: 52px !important;
    right: -26px;
    top: -18px;
}

.bounce-convert-custom-modal input[type="submit"]:hover { 
    color: #fff;
    border: 1px solid #fff;
}
.bounce-convert-custom-modal input[type="submit"] { 
    position: relative;
    color: white;
    text-decoration: none;
    background: #f2508a!important;
    font-size: 24px;
    font-weight: bold;
    width: 280px;
    height: 56px;
    display: block;
    /*padding: 13px 0;*/
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 3px 3px 6px #b0acad;
    -moz-box-shadow: 3px 3px 6px #b0acad;
    -o-box-shadow: 3px 3px 6px #b0acad;
    box-shadow: 3px 3px 6px #b0acad;
    text-align: center;
    cursor: pointer;
    font-family: Verdana, Helvetica Nueue, Helvetica, Arial, Times, sans-serif;
    float: left;
    margin-top: 0px;
    border: none!important;
}

.bounce-convert-custom-modal .ajax-progress-throbber {
    margin: 5px 0 0 -10px;
    position: absolute;
}

.bounce-convert-custom-modal .modal-header {
    min-height:0!important;
    padding: 0!important;
}

.bounce-convert-custom-modal input[type="text"] {
    width: 399px!important;
    height: 38px!important;
    /*margin-top: 350px;*/
    margin-right: 13px;

    display: block;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
    padding: 6px 15px;
    font-size: 18px;
    color: #333;
    font-weight: 100;
    border: 3px solid #ccc;
    float: left;
}

/** Message **/
.bounce-convert-custom-modal .webform-component--message {
  text-align: center;
  width: 380px;
  color: #F2508A;
  font-weight: bold;
  margin-left: 26px;
  padding-bottom: 96px;
  margin-top: 36px;
}

.bounce-convert-custom-modal .webform-component--message .wait {
  font-size: 80px;
}

.bounce-convert-custom-modal .webform-component--message .subscribe-message {
  font-size: 24px;
}

/** Thank you message / Confirmation **/
.bounce-convert-custom-modal .webform-confirmation {
  text-align: center;
  color: #F2508A;
  font-weight: bold;
}

.bounce-convert-custom-modal .webform-confirmation .thank-you {
  margin-top: 48px;
  font-weight: bold;
  font-size: 64px;
}

.bounce-convert-custom-modal .webform-confirmation .message {
  font-weight: bold;
  font-size: 24px;
  width: 480px;
  margin: 48px auto;
}

.bounce-convert-custom-modal a[title=Close] {
  text-align: center;
  margin: 0 auto;
  display: block;
  color: #F2508A!important;
}

/*******************************
 * Beautytips
 *******************************/

.hovertip {
  display: none;
}

/*******************************
 * Adsense
 *******************************/

.product-node .adsense-banner {
  margin: 12px 0;
}

.product-details-block .adsense-half-banner {
  margin-top: 12px;
  margin-bottom: 4px;
}

.node-type-forum .adsense-leaderboard-large {
  margin: 24px 0;
}

.page-browse .adsense-leaderboard {
  margin: 24px 0;
}

.page-search .adsense-leaderboard {
  margin: 24px 0;
}

.page-taxonomy .adsense-leaderboard {
  margin: 24px 0;
}

.node-type-site-blog .adsense-leaderboard {
  margin: 24px 0;
  margin-bottom: 0;
}

/*******************************
 * Recurly
 *******************************/

.recurly .contact_info {
  margin-bottom: 36px;
}

.recurly .contact_info .title {
  margin-bottom: 0;
}

.recurly .contact_info .email {
  display: none;
}

.recurly .expires .form-item {
  margin-top: 0;
}

/** Use js to show this field where desired. See recurly_helper.js **/
.recurly .coupon {
  display: block;
  margin: 24px 0;
}

/** Hide the coupon input field -- we apply coupons automatically via recurly_helper_element_info_alter() **/
.recurly .coupon .form-item {
  margin: 6px 0;
}

.recurly .coupon .check {
  display: none;
}

/** Use js to show this field where desired. See recurly_helper.js **/
.recurly .due_now {
  display: block;
}

.recurly .paypal_message {
  padding: 24px 0;
}

.recurly .field.last_name {
  margin-left: 4px;
}

.recurly .field.cvv {
  margin-left: 1px;
}

.recurly .field.cvv input[type=text] {
  width: 51px;
}

.recurly .field.expires .month {
  width: 140px;
  margin-left: 4px;
  margin-right: 8px;
}

.recurly .field.expires .year {
  width: 64px;
}

.recurly .field .error {
  left: 156px;
}

.recurly .field.cvv .error {
  left: 79px;
}

.recurly .due_now .title {
  left: 650px;
  padding-top: 2px;
}

/**
.recurly-form-wrapper label[for="edit-payment-method-paypal"] {
  background: url('../images/paypal.png') no-repeat left;
  padding: 15px 55px;
  line-height: 35px;
  color: transparent;
}
**/

.recurly-form-wrapper #paypal-button {
  background: url('../images/checkout_with_paypal.png') no-repeat center center;  
  width: 228px;
  height: 44px;
  cursor: pointer;
  border: none;
  color: transparent;
}

#recurlyjs-update-billing-form #paypal-update-link {
  margin-top: 2em!important;
}

/*******************************
 * Recurly - Manage Subscription pages
 *******************************/

/** Hide cancel subscription button by default - show via jQuery **/
#recurly-subscription-cancel-confirm #cancel-subscription-container {
  display: none;
}

#recurly-subscription-cancel-confirm #show-cancel-button-container {
  padding: 2em 0;
}

.page-user-subscription .subscription-summary td {
  padding: 4px 8px;
}

.page-user-subscription-invoices .invoice-list {
  width: 100%;
}

.page-user-subscription-invoices .invoice-list td {
  padding: 4px;
}

.page-user-subscription-invoices .invoice th, .page-user-subscription-invoices .invoice td {
  padding: 4px 8px;
}

/*******************************
 * Weekly Sale page
 *******************************/

/**
#sale-helper-api-payment-form .form-submit {
  float: right;
  font-size: 24px;
  color: white;
  padding: 8px 12px;
  display: inline-block;
  background: #F2508A;
  border: none;
  cursor: pointer;
  font-weight: bold;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none;
  -moz-box-shadow: 2px 2px #d9d9d9; 
  -webkit-box-shadow: 2px 2px #d9d9d9;  
  box-shadow: 2px 2px #d9d9d9;    
  line-height: 1.3;  
}
**/

.node-type-sale #sale-helper-api-payment-form  {
  margin-top: -8px;
}

.node-type-sale #sale-helper-api-payment-form .form-submit {
  text-align: center;
}

.node-type-sale .kit-images {
  margin-top: 24px;
  margin-bottom: 48px;
}


.node-type-sale .item-grid li {
  margin-right: 24px;
  margin-bottom: 24px;
}

.node-type-sale .item-grid li.right {
  margin-right: 0;
}

.node-type-sale .item-grid li.bottom {
  margin-bottom: 0;
}

.node-type-sale .layout-images {
  margin-bottom: 24px;
}

.node-type-sale .layout-images .item-grid li {
  margin-right: 12px;
  margin-bottom: 12px;
}

.node-type-sale .layout-images .item-grid li.right {
  margin-right: 0;
}

.node-type-sale .layout-images .item-grid li.bottom {
  margin-bottom: 0;
}

.node-type-sale .features {
  padding-top: 12px;
  font-size: 12px;
}

.node-type-sale .features strong {
  padding-top: 12px;
  font-size: 12px;
  border-bottom: 1px dashed #3F3F3F;
}

.node-type-sale .primary-features ul {
  list-style-type: circle;
}

.node-type-sale .primary-features li {
  display: inline;
  font-size: 16px;
  font-weight: bold;
  padding: 8px;
}

.node-type-sale h2, .node-type-sale h4 {
  margin-top: 24px;
  margin-bottom: 18px;
  border-bottom: 1px solid #5e1f35;
}

.node-type-sale .faq .question {
  font-weight: bold;
}

.node-type-sale .faq .answer {
  margin: 0 0 12px 0;  
}

.node-type-sale #sale-helper-api-payment-form {
  float: right;
}

.node-type-sale #sale-helper-api-payment-form .form-item-os0 {
  margin-top: 0;
  margin-bottom: 0;
}

.node-type-sale #sale-helper-api-payment-form .info-tip-sale-gifting {
  display: inline-block;
}

.node-type-sale #sale-helper-api-payment-form .form-item-os1 {
  margin: 10px 0 4px;
}

.node-type-sale #sale-helper-api-payment-form .form-item-quantity {
  margin: 0;
  margin-bottom: 12px;
  margin-left: 24px;
}

.node-type-sale #sale-helper-api-payment-form .form-item-quantity label {
  font-size: 11px;
}

.node-type-sale .paypal-verified-logo {
  float: right;
  margin-right: 24px;
}

.node-type-sale .siteseal {
  float: right;
  margin-right: 24px;
}

.node-type-sale .seals-bottom {
  margin-top: 48px;
}

.node-type-sale .seals-bottom .siteseal, 
.node-type-sale .seals-bottom .paypal-verified-logo {
  float: left;
}

.node-type-sale .seals-bottom .siteseal {
  margin-top: 48px;
}

.node-type-sale .hide-submit-processing {
  background-image: url('../images/ajax-throbber-big.gif');  
  background-position: right 9px;
  background-repeat: no-repeat;
  padding: 16px;
  padding-top: 8px;
  padding-right: 24px;
  width: 160px;  
}

.node-type-sale .kit-images a {
  cursor: url('../images/magnifying-cursor.cur'), auto;  
}

.node-type-sale .layout-images a {
  cursor: url('../images/magnifying-cursor.cur'), auto;  
}

.node-type-sale div.banner {
  font-size: 16px;
  background: #F2508A;
  color: white;
  padding: 16px;
  font-weight: bold;
  display: inline-block;
  border: 2px dashed white;
  margin: 24px 0 16px;
  display: block;
}

.node-type-sale div.banner em {
  font-style: normal;
  text-decoration: none;
  border-bottom: 1px solid white;
}

.node-type-sale .price {
  background: white;
  color: #5e1f35;
  padding: 4px;
  border-radius: 8px;
  font-weight: bold;
  margin-right: 4px;
}

.node-type-sale .countdown {
  background: white;
  color: #5e1f35;
  padding: 4px 8px;
  border-radius: 8px;
  font-weight: bold;
  margin-right: 4px;
}

.node-type-sale .admin-stats {
  clear: both;
  margin: 24px;
  padding-top: 24px; 
}

/** Sale gift link redemption page **/

.page-sale-gift-redeem .bundle-image {
  float: right;
}

.page-sale-gift-redeem p {
  width: 50%;
}

/**
 * Mailchimp subscribe form on Marisa's blog posts.
 */

/* MailChimp Form Embed Code - Classic - 08/17/2011 */
/* From http://cdn-images.mailchimp.com/embedcode/classic-081711.css */
#mc_embed_signup form {display:block; position:relative; text-align:left;}
#mc_embed_signup input#mce-EMAIL {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}
#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}
#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:0}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

.blog-email-subscribe {
  background: #F7F7F7;
  padding: 12px 12px 24px 12px;
  border: 1px solid #999;
  margin-top: 3em;
}

.blog-email-subscribe table {
  width: 100%;
}

.blog-email-subscribe td {
  width: 50%;
}

#mc_embed_signup .mc-field-group label {
  font-size: 11px;
  font-weight: normal;
}

.blog-email-subscribe h2, .blog-email-subscribe h4 {
  font-size: 12px!important;
  font-weight: bold!important;
  margin-top: 0;
}

.blog-email-subscribe form tbody {
  border: 0;
}


.blog-email-subscribe label[for=mce-EMAIL],
.sale-email-subscribe label[for=mce-EMAIL] {
  display: none !important;
}

#mc_embed_signup .mc-field-group.input-group ul {
  padding: 0;
  margin: 0;
}

#mc_embed_signup .mc-field-group.input-group ul li {
  padding: 0;
  margin: 0;
}

#mc_embed_signup .mc-field-group input#mce-EMAIL {
  margin-top: 4px;
}

#mc_embed_signup .mc-field-group.input-group label {
  padding-bottom: 0
}

.sale-email-subscribe {
  width: 60%;
  background: #F7F7F7;
  padding: 8px 16px 16px 16px;
  border: 1px solid #999;
  margin-top: 3em;  
}

.sale-email-subscribe h2 em, .sale-email-subscribe h4 em {
  border-bottom: 1px solid #5e1f35;
  font-style: normal;
}


.sale-email-subscribe input#mce-EMAIL {
  width: 73%;
  padding: 0.5em;
  margin: 12px 0;
}

/**
 * Simplenews confirm remove subscription page/form.
 */

.button-simple-link input[type="submit"] {
  font-size: 12px !important;
  color: #9E9E9E !important;
  text-transform: None !important;
  padding: 0 !important;
  display: inline-block !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  font-weight: normal !important;
  border: 0 !important;
  text-decoration: underline !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin-right: 0 !important;
  line-height: 1.3 !important;  
}

.button-simple-link input[type="submit"]:hover {
  text-decoration: none!important;
}

/*******************************
 * jCarousel (See jcarousel-default.css in module directory)
 *******************************/
/**
.jcarousel-skin-default {
  text-align: center;
}

.jcarousel-skin-default .jcarousel-container-horizontal {
  width: 984px;
  height: 240px;
  padding: 0;
  margin: 0;
}

.jcarousel-skin-default .jcarousel-clip-horizontal {
  width: 984px;
  overflow: hidden;
}

.jcarousel-skin-default .jcarousel-item {
  padding: 0;
  width: 240px;
  height: 240px;
  overflow: hidden;
  border: 0px solid red;
  list-style: none;
  background: #fff none;
}

.jcarousel-skin-default .jcarousel-item-horizontal {
  margin: 0 0;
  padding: 0;
}

.jcarousel-skin-default .jcarousel-item-vertical {
  margin: 0 0;
  padding: 0;
}

.jcarousel-skin-default .jcarousel-item-placeholder {
  background: #fff url(throbber.gif) no-repeat center center;
  color: #000;
}


.jcarousel-skin-default img {
  display: block;
}

**/

/*******************************
 * Slick Carousel
 *******************************/

/**
 * Avoid flash of unstyled content while sliders are initializing.
 * See https://github.com/kenwheeler/slick/issues/1741
 * TODO: better to show one slide, rather than hiding completely,
 * for people without javascript.
 *
 * 30px padding is so that navigation dots below don't get cut off with overflow: hidden. 
 * (See .slick.fullpage .slick__slider);
 */
.slick__slider { 
  visibility: hidden; 
}

.slick__slider.slick-initialized { 
  visibility: visible!important; 
}

.slick__slider.slick-dotted { 
  padding-bottom: 30px;
  margin-bottom: 0;
}

.no-slick-dots .slick__slider {
  margin-bottom: 30px!important;
  padding-bottom: 0!important;  
}

/**
.slick__slider:after { 
  visibility: visible; 
  content: "Loading...";
}

.slick__slider.slick-initialized:after { 
  visibility: hidden; 
  content: none;
}
**/

/**
 * Styling for fullpage carousels.
 *
 * .slicklist needs to be set wider than the actual page, in order for the
 * carousel to properly extend all the way accross the page without margin 
 * on right side. 
 * 
 * overflow: hidden in .slick__slider is so that .slick-list doesn't appear to be 
 * hanging off the right-hand side of the screen when scrolling.
 *
 */
.slick.fullpage .slick__slider {
  width: 984px;
  overflow: hidden;
}

.slick.fullpage .slick-list {
  width: 992px; 
}

/** Only show scroll arrows if screen is wide enough (otherwise people can use navigation dots) **/
@media only screen and (max-width:1120px) {
  .slick.fullpage .slick__arrow {
    display: none;
  }
}

/**
 * Arrow styling: put the arrows to the side of the carousel, full-height, and
 * show on hover.
 *
 * -15px margin-top is to counter the 30px padding-bottom on .slick__slider,
 * so that arrows remain vertically centered on carousel. 
 */
.slick .slick__arrow {
  height: 100%;
  margin-top: -15px;
  top: 0;
}

.no-slick-dots .slick .slick__arrow {
  margin-top: 0;
}

.slick .slick-arrow {
  opacity: 0;
  height: 100%;
  width: 54px;
  top: 50%;
}

.slick .slick-arrow:hover {
  opacity: 1;
}

.slick:hover .slick-arrow {
  opacity: 1;
}

.slick .slick-prev {
  position: absolute;
  left: -47px;
}

.slick .slick-next {
  position: absolute;
  right: -47px;
}

/** Colors **/
.slick-arrow::before {
    color: #9E9E9E;
}

.slick-arrow:hover::before {
    color: #F2508A;
}

/**
 * Navigation dots: place below carousel, show only on hover.
 */
.slick .slick-dotted .slick-dots {
  position: absolute;
  bottom: 0;
  visibility: hidden;
}

.slick:hover .slick-dotted .slick-dots {
  visibility: visible;
}

/** Colors **/
.slick-dots li.slick-active button::before {
    color: #F2508A;
}

.slick-dots li button:hover::before {
    color: #F2508A;
}

.no-slick-dots .slick-dots {
  display: none!important;
}

/**
 * 3D Carousels
 */
.slick--skin--3d-back .slick-initialized {
  overflow: visible;
}

.slick--skin--3d-back .slick-initialized .slick-list {
  padding: 20px 0;
  margin: 0!important;
}

.slick--skin--3d-back .slick-initialized .slide {
  overflow: visible;
}

.slick--skin--3d-back .slick-initialized .slide .slide__content {
  -webkit-perspective: 500px;
  -ms-perspective: 500px;
  perspective: 500px;
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.slick--skin--3d-back .slick-initialized .slide .slide__media {
  margin: 0;
  outline: 1px solid transparent;  
  -ms-transform: rotateY(25deg) scaleX(0.75);
  -webkit-transform: rotateY(25deg) scaleX(0.75);
  transform: rotateY(25deg) scaleX(0.75);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 1s ease 0s, -webkit-transform 1s;
  transition: opacity 1s ease 0s, transform 1s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  border: 2px solid gray;
}

.slick--skin--3d-back .slick-initialized .slick-current ~ .slide .slide__media {
  -ms-transform: rotateY(-25deg) scaleX(0.75);
  -webkit-transform: rotateY(-25deg) scaleX(0.75);
  transform: rotateY(-25deg) scaleX(0.75);
}

.slick--skin--3d-back .slick-initialized .slick-current.slide .slide__media {
  -ms-transform: rotateY(0deg) scaleX(1) scaleY(1);
  -webkit-transform: rotateY(0deg) scaleX(1);
  transform: rotateY(0deg) scaleX(1);
}

/**
 * Default margin for slide content.
 */
.slick .slide__content {
  margin-bottom: 6px;
}

/**
 * Lazy loading spinner style.
 */
.media--loading::before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  max-width: 30px;
  background: #F7F7F7;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -15px;
  font-size: 0;
  z-index: 22;
  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
  animation: rotateplane 1.2s infinite ease-in-out;
}

/*******************************
 * Landing Pages / Featured Items Pages (Created via Panels)
 *******************************/

.page-landing #content .content {
  
}

.page-landing h1.title {
  display: none;
}

.page-landing .slick img {
  border-radius: 5px;
  border: 1px solid #E1E3DF;
  border-bottom-color: #CBCCC9;
  margin-left: auto;
  margin-right: auto;
  background-color: white; 
  box-sizing: content-box!important;
}

.page-landing #content h1 {
  font-family: 'Helvetica Neue', sans-serif;
  text-align: center;
  color: #3F3F3F;
  text-shadow: #D9D9D9 1px 1px;
  font-size: 48px;
  margin: 60px 0;
}

.page-landing #content h2, .page-landing #content h4 {
  font-family: 'Helvetica Neue', sans-serif;
  text-align: center;
  color: #3F3F3F;
  text-shadow: #D9D9D9 1px 1px;
  font-size: 48px;
  margin: 60px 0;  
}

.page-landing #content h3,
.page-landing #content .pane-content h2.pane-title,
.page-landing #content .pane-content h4.pane-title {
  font-family: 'Helvetica Neue', sans-serif;
  text-align: center;
  color: #3F3F3F;
  text-shadow: #D9D9D9 1px 1px;
  font-size: 24px;  
  margin: 32px 0;
}

.page-landing #content .view-footer a {
  text-transform: capitalize;
  text-decoration: none;
  border-bottom: 1px solid #9E9E9E;
}

.page-landing #content .view-footer a:hover {
  border-bottom: 1px solid #F2508A;
}

.page-landing #content .table {
  border-collapse: collapse;
  width: 100%;
}

.page-landing #content .slick__slider {
  padding-bottom: 20px;
  margin-bottom: 0!important;
}

.page-landing #content .slick .slick__arrow {
  margin-top: -10px; /** Should be half of whatever .slick__slider padding-bottom is **/
}

.page-landing .pane-content .view-footer {
  text-align: center;
  font-size: 14px;  
}

.page-landing .pane-content {
  margin-bottom: 60px;
}

.page-landing .waterfall-section {
  position: relative;
}

.page-landing .waterfall-section-gradient {
  position: relative;
  background-color: #fafafa;
  border-top: 1px solid #D9D9D9;
  background: #fafafa;
  background: -moz-linear-gradient(top,  #fafafa 0%, #ffffff 100%); 
  background: -webkit-linear-gradient(top,  #fafafa 0%,#ffffff 100%); 
  background: linear-gradient(to bottom,  #fafafa 0%,#ffffff 100%);
}

/** What's New Messages in slick carousel **/

.page-landing .view-whats-new .slick-dots {
  bottom: 4px;
}

.page-landing .view-whats-new .view-footer {
  margin-top: -8px;
}

.page-landing .slick .message-log-creation {
  margin-bottom: 0;
}

.page-landing .slick .message-log-creation .author-info {
  line-height: 1.25;
  min-height: 26px;
}

.page-landing .slick .message-log-creation .content-col {
  width: 160px;
}

.page-landing .slick .message-log-creation .user-pic-col img {
  margin-right: 8px!important;
}

.page-landing .slick .message-log-creation .image-wrapper {
  border: none;
}

.page-landing .slick .message-log-creation .image-wrapper-184 {
  width: auto;
  height: auto;
}

.page-landing .slick .message-log-creation .image-wrapper img {
  border-radius: 5px;
  border: 1px solid #E1E3DF!important;
  border-bottom-color: #CBCCC9!important;
  background-color: white; 
  box-sizing: content-box!important;
}

.page-landing .slick .message-log-creation .image-wrapper a {
  border: none!important;
}

/**
 * Use before and after pseudo elements trick to get section breaks to extend
 * accross full screen. 
 * See https://css-tricks.com/full-browser-width-bars/
 * (body overflow-x needs to be set to hidden if we don't want long horizontal scroll bars).
 */
body.page-landing {
  overflow-x: hidden;  
}

.waterfall-section-gradient:before, .waterfall-section-gradient:after {
  content: "";
  position: absolute;
  /* fill vertically */
  top: -1px;
  bottom: 0;
  width: 9600px;
  right: 100%;
  border-top: 1px solid #D9D9D9;
  background: #fafafa;
  background: -moz-linear-gradient(top,  #fafafa 0%, #ffffff 100%); 
  background: -webkit-linear-gradient(top,  #fafafa 0%,#ffffff 100%); 
  background: linear-gradient(to bottom,  #fafafa 0%,#ffffff 100%);  
  left: -50%;
  z-index: -1;
}

.waterfall-section-gradient:after { 
  width: 100%;
  left: 100%;  
}

/*******************************
 * Landing pages search form blocks
 *******************************/

.panel-pane #search-form:before, .panel-pane #search-form:after{
  content:"";
  display:table;
}

.panel-pane #search-form:after{
  clear:both;
}

.panel-pane #search-form {
  zoom:1;
}

.panel-pane #search-form .hide-submit-text {
  display: none; /* We don't want to display the "processing..." text, since there is no submit button, and it throws of styling. */
}

.panel-pane #search-form label{
  display: none;
}

.panel-pane #search-form {
    padding: 15px;
    background: #444;
    background: rgba(0,0,0,.1);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1) inset, 0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1) inset, 0 1px 0 rgba(255,255,255,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.1) inset, 0 1px 0 rgba(255,255,255,.2);  
}

.panel-pane #search-form input {
    width: 824px;
    height: 20px;
    padding: 10px 10px;
    float: left;    
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #fafafa;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;      
}

.panel-pane #search-form input:focus {
    outline: 0;
    background: #fff;
    -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}

.panel-pane #search-form .form-submit {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    height: 40px;
    width: 110px;
    font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #F2508A;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;      
    box-shadow: none;
}   

.panel-pane #search-form .form-submit:hover {
    background-color: #ff5490;
}   

.panel-pane #search-form .form-submit:focus {
    background-color: #e54c82;
}   
    
/**
.panel-pane #search-form #edit-actions:before {
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c transparent;
    top: 26px;
    right: 135px;
}    
**/

/*******************************
 * Designer Dashboard
 *******************************/
.page-user-dashboard .pane-title {
  margin-top: 0;
}

#block-designer-helper-commons-progress ul {
  list-style-position: outside!important;
}

#block-designer-helper-commons-progress ul li {
  margin-left: 2em;
}

#block-designer-helper-commons-progress ul.checklist {
  max-width: 400px;
}

#block-designer-helper-commons-progress ul.checklist li {
  margin-left: 0.8em;
}

#block-designer-helper-commons-progress ul.checklist .your-stats {
  float: right;
}

#block-designer-helper-commons-progress ul.checklist li.checkmark:before {
  color: green;
  font-weight: bold;
  padding-right: 0.8em;
}

#block-designer-helper-commons-progress ul.checklist li.checkmark .your-stats {
  color: green;
}

#block-designer-helper-commons-progress ul.checklist li.xmark:before {
  color: red;
  font-weight: bold;  
  padding-right: 0.8em;  
}

#block-designer-helper-commons-progress ul.checklist li.xmark .your-stats {
  color: red;
}

#block-designer-helper-commons-progress .required-for-next-level {
  max-width: 400px;  
  position: relative;
  vertical-align: middle;
  background: rgba(25, 25, 25, .5);
}

#block-designer-helper-commons-progress .required-for-next-level .not-enough-data {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  font-weight: bold;
  color: white;
  padding-top: 20px;
}

/*******************************
 * Quizzes
 *******************************/

#quiz_score_possible {
  font-size: 16px;
}

#quiz_score_percent {
  font-size: 16px;
}

#quiz-summary .q-wrong,
#quiz-summary .q-correct {
  font-size: 16px;
  border: 1px solid gray;
  padding: 1em;
}

.node-type-quiz table th,
.node-type-quiz table td {
  padding: 4px;
}

.entity-quiz-result-answer table th,
.entity-quiz-result-answer table td {
  padding: 4px;
}

.quiz-question-multichoice table td {
  padding: 4px;
}

.quiz-score-icon {
  text-align: center;
}

.node-quiz a.quiz-start-link {
  font-size: 12px;
  color: #666666;
  text-transform: capitalize;
  padding: 8px 12px;
  display: inline-block;
  background: #F7F7F7;
  border: none;
  cursor: pointer;
  font-weight: bold;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 1px solid #d9d9d9;
  text-decoration: none;
  -moz-box-shadow: 2px 2px #d9d9d9; 
  -webkit-box-shadow: 2px 2px #d9d9d9;  
  box-shadow: 2px 2px #d9d9d9;    
  margin-right: 8px;
  line-height: 1.3;
}

.node-quiz a.quiz-start-link:hover {
  color: #3f3f3f;
  border: 1px solid #3f3f3f;
}

/*******************************
 * Monthly Income
 *******************************/

.node-monthly-income .designer-activity-level-0,.node-monthly-income .designer-activity-level-0 a {
  color: orange!important;
}

.node-monthly-income .designer-activity-level-1,.node-monthly-income .designer-activity-level-1 a {
  color: blue!important;
}

.node-monthly-income .designer-activity-level-2,.node-monthly-income .designer-activity-level-2 a {
  color: green!important;
}

.node-monthly-income .designer-activity-level-retired,.node-monthly-income .designer-activity-level-retired a {
  color: red!important;
}

/*******************************
 * Cloudflare Apps
 *******************************/

/** EU Cookie and GDPR Consent. Want to make sure this shows above uservoice bubble. **/
cloudflare-app[app="tibrr-cookie-consent"] {
  z-index: 999999 !important;
}

/*******************************
 * Activity Stream
 *******************************/

.activity-hidden {
  display: none;
}

.activity-click {
  cursor: pointer;
}

/*******************************
 * Streak Tracker Widget block
 *******************************/

#block-streak-tracker-streak-tracker-streak {
  position: relative;
  margin-top: 16px;
}

.streak-tracker-day-container {
  max-width: 984px;
  margin-top: 6px;
  display: grid;
  grid-gap: 6px 8px;
  grid-template-columns: repeat(auto-fit, minmax(24px, 1fr));
}

.streak-tracker-day {
  width: 22px;
  height: 22px;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
  color: green;
  text-align: center;
}

.streak-tracker-day.past {
  border: 2px solid green!important;
}

.streak-tracker-day.current-day {
  border: 2px solid green!important;
}

.streak-tracker-day.future {
  border: 2px solid lightgray!important;
}

.streak-tracker-day.extra {
  margin: 1px;
  border: 1px dashed lightgray!important;
}

.streak-tracker-day.flagged:before {
  content: "✔";
}

.block-streak-tracker a.hide-streak-tracker {
  font-size: 10px;
  position: absolute;
  top: -6px;
  right: 6px;
}

a.hide-streak-tracker {
  text-decoration: none;
}

#block-streak-tracker-streak-tracker-streak .date {
  font-weight: bold;
  color: green;
}

#block-streak-tracker-streak-tracker-streak .active-challenge-title {
  text-decoration: underline dotted;
  cursor: help;
}

/*******************************
 * Streak Tracker Challenge node form
 *******************************/
/* Clean up the date field a little bit */
.node-streak_tracker_challenge-form .form-type-date-popup label {
  display: none;
}

.form-item-field-streak-tracker-chll-end-und-0-value-date .description {
  display: none;
}

/* Hide all additional settings (comment settings, author info, etc.) 
 * It's probably better to do this in hook_form_alter(), but one problem
 * is that ends up weirdly impacting the actual node values. For example, 
 * $node->status will be set to 0 every time the node saves, because of not
 * having access to those values. 
 * See https://drupal.stackexchange.com/questions/5020/how-to-hide-a-fieldset
 */
.node-streak_tracker_challenge-form .vertical-tabs {
  display: none;
}

.node-streak_tracker_challenge-form fieldset {
  display: none;
}

/*******************************
 * Publift Fuse Ads
 *******************************/
.advertisement {
  width: 100%;
  text-align: center;
  padding: 0;
  outline: 0px solid green;
}

.mobile-ad {
  display: none;  /* Show mobile ads via @media queries in MT files */
}

.mobile-only {
  display: none;
}

.remove-ads-message {
  color: #9e9e9e;
  text-align: center;
  font-size: 10px;
}

.remove-ads-message a {
  color: #9e9e9e;
}

.remove-ads-message a:hover {
  color: #F2508A;
}

/** Sticky ad width and height need to be set explicitly per block **/
#block-publift-helper-publift-helper-sidebar-right .sticky-ad {
  width: 300px;
  height: 600px;
  margin-bottom: 30px;
}

/** Placeholder block styling - when no live ads **/
.advertisement .placeholder {
  font-size: 12px;
  color: black;
  padding-top: 16px;
  min-width: 90px;  
  min-height: 90px;
  font-weight: bold;
  box-sizing: border-box;
  border: 1px solid orange;
  background-color: orange;
  line-height: 1;  
  margin: 0 auto; /* Center ad in block */   
}

.nonmobile-ad .placeholder {
  background-color: yellow;
}

.mobile-ad .placeholder {
  background-color: IndianRed;
}

.mobile-sticky-ad .placeholder {
  width: 320px;
  height: 50px;
}

#block-publift-helper-publift-helper-header .placeholder {
  height: 250px;
}

#block-publift-helper-publift-helper-footer .placeholder {
  height: 250px;
}

#block-publift-helper-publift-helper-sidebar-left .placeholder {
  width: 160px;
  height: 600px;
}

#block-publift-helper-publift-helper-sidebar-right .placeholder {
  width: 300px;
  height: 600px;
}

#block-publift-helper-publift-helper-mob-sticky-footer .placeholder {
  min-height: 50px;
}

#shemedia-badge-placeholder {
  display: block;
  width: 225px;
  height: 64px;
  background-color: orange;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 64px;
  padding: 0;
}

/* Hide close button on she media mobile sicky ad */
/* Otherwise it's just too busy with also have hte user voice widget there */
#skm-ad-bottom_close {
  display: none!important;
}

#block-publift-helper-publift-helper-margin-left {
  position: absolute;
  width: 300px;   /* Defaults to half-page width, then adjusts based on browser width. See MT-allpages.css */
  top: 72px;      /* Add 48 to get offset relative to body. Body offset needs to be at least equal to whatever value we want to use for offset_top in publift_helper.js or sticky ads malfunction. */
  left: -300px;   /* Horizontal offset needs to be equal to -width */
  box-sizing: border-box;
}

#block-publift-helper-publift-helper-margin-right {
  position: absolute;
  width: 300px;   /* Defaults to half-page width, then adjusts based on browser width. See MT-allpages.css */
  top: 72px;      /* Add 48 to get offset relative to body. Body offset needs to be at least equal to whatever value we want to use for offset_top in publift_helper.js or sticky ads malfunction. */
  right: -300px;   /* Horizontal offset needs to be equal to -width */
  box-sizing: border-box;
}

#block-publift-helper-publift-helper-margin-left .placeholder {
  text-align: center;   
  /*float: right;*/
  width: 160px;
  height: 600px;
}

#block-publift-helper-publift-helper-margin-right .placeholder {
  text-align: center;  
  /*float: left;*/
  width: 160px;
  height: 600px;
}

/*******************************
 * Popup on load.
 *******************************/
#cboxOverlay {
  background-color: #202020;
}

.popup_onload {
  background-color: white;
  text-align: center;
}

.popup_onload h2, .popup_onload h4 {
  font-size: 1.5em;
}

.popup_onload .message {
  font-size: 1.2em;
  margin: 1.5em 0;
  text-align: left;
}

.popup_onload .button, .popup_onload .button:hover {
  background-color: #F2508A;
  border: 1px solid #F2508A;
  color: white;
  font-size: 1.1em;
}

.popup_onload .button:hover {
  border: 2px solid #F2508A;
  margin-left: -1px;
  margin-top: -1px;
}


.popup_onload #cboxContent {
  padding: 20px;
}

/*******************************
 * SEO Landing Pages
 *******************************/

h2.seo-landing-page-first {
  margin-top: 40px;
  margin-bottom: 15px;
}

h2.seo-landing-page {
  margin-top: 15px;
  margin-bottom: 15px;
}

h2.article-heading, h4.article-heading {
  font-size: 14px;
}

.article-img-container, .article-video-container {
  max-width: 97vw;
  text-align: justify;
}

.article-img-embed, .article-video-embed {
  display: inline-block;
  text-align: center;
}

.invisible-img {
  width: 100%;
}

.article-li {
  margin-bottom: 7px;
}

/*******************************
 * Nice Menus Main Menu Header
 *******************************/

ul.nice-menu-main-menu li {
  font-size: 1.2em;
  border: none;
  background-color: transparent;
  text-transform: uppercase;
  margin-right: -20px;
}

ul.nice-menu-main-menu li.first {
  margin-left: 15px;
}

.nice-menu-main-menu li.menu-9415 {
  width: 170px;
  margin-left: 10px;
}

.nice-menu-main-menu li.menu-9416
 {
  width: 150px;
  margin-left: 12px;
}

ul.nice-menu-main-menu li a {
  text-decoration: none;
  word-wrap: normal !important;
  height: 40px;
  padding-right: 3%;
  padding-left: 3%;
  text-align: center;
}

ul.nice-menu-main-menu li a {
  color: white !important;
}

ul.nice-menu-main-menu li.active-trail a {
  color: #3f3f3f !important;
  background: white;
}