/*------------------------------------------------------------------------
# Soapbox Engage -> Style CSS (v1.0.0)
# ------------------------------------------------------------------------
# Copyright (C) 2011 PICNet, Inc. All Rights Reserved.
# Author:  Ryan Belisle
# Website:   http: //www.picnet.net
-------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* !LAYOUT */
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/

/* ------------------------------------------------------------------------
/* !LAYOUT:  Basic Template */
/* ----------------------------------------------------------------------*/
body {
  color: #444;
  background: #ddd;
}

/* !Printable page & Mailto Page Popups */
body.contentpane {
  color: #444;
  background: #fff;
}

/* !Modal Pane Popups */
body.modalpane {
  color: #444;
  background-color: #fff;
}

#wrapper {
}

#main {
  background: #fff;
}

#main #content {
  padding: 30px;
}

#header {
  background: #555;
}

#logo {
  display: block;
  margin: 0;
}

#footer {
  color: #666;
  position: relative;
  text-align: center;
  padding: 10px 0;
  clear: both;
}
#headerinner {
  position: relative;
}
#header-left {
  text-align: center;
}
#header-right {
  position: absolute;
  top: 15px;
  right: 0px;
}
#sbxModLoginNav {
  position: relative;
}
#sbxModLoginNav ul.menu {
  position: absolute;
  z-index: 1;
  overflow: auto;
  width: 100%;
}
#sbxModLoginName ul.menu li {
  display: inline;
}

/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* !COMPONENT STYLES */
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/

/* !Component Heading */
h1.componentheading,
.item-header h1.title {
  color: #000;
  border-bottom: 1px solid #000;
}

/* !Article Heading */
.article-title {
}

.article-title h2.contentheading {
  color: #000;
}

.article-title h2.contentheading a {
}
.article-title h2.contentheading a:hover {
}

/* !Article Meta */
.article-meta-wrap,
div.metadata,
.dn-meta,
.item-meta {
  color: #888;
}

.article-meta-wrap,
div.metadata,
span.small {
}

.article-meta-content span strong,
div.metadata span.author-name,
span.title span.count,
span.small strong,
.item-meta strong {
  color: #888;
}

/* !Article Meta: Setup for just top portion and bottom */
.metaTop {
}

.metaBot {
}

/* !Article Content */
.article-content {
}

.article-content img {
}

/* !Separators */
span.article_separator {
}

span.afterdisplay_separator {
}

/* !Before and After Wrappers */
.article-beforecontent {
}

.article-aftercontent {
  border-color: #f2f2f2;
}

/* !Blog Table */
table.blog tr td div.contentpaneopen {
}

table.blog tr td.article_column {
}

table.blog tr td.column_separator {
}
table.blog span.article_separator {
}

table.blog h2.contentheading {
}
table.blog h2.contentheading a {
}
table.blog h2.contentheading a:hover {
}

table.blog .article-title {
}
table.blog .article-title .buttonheading {
}

table.blog .article-content {
}
table.blog .article-content p {
}
table.blog .article-content img {
}

/* !Blog More */
.compBlogMore-wrap {
  border-color: #f2f2f2;
}
.compBlogMore-content {
}

/* !Read On Button */
a.readon {
}
a.readon:hover {
}

/* !Results Table */
table.resultsTBL caption {
  color: #000;
  border-color: #ddd;
}

table.resultsTBL thead th {
  color: #fff;
  background: #3d3630;
}

table.resultsTBL thead th a {
  color: #fff;
}
table.resultsTBL thead th a:hover {
}

table.resultsTBL .row1 td,
table.resultsTBL .odd td {
  background: #f6f6f6;
  border-color: #ddd;
}
table.resultsTBL .row2 td,
table.resultsTBL .even td {
  background: #f6f6f6;
  border-color: #ddd;
}

table.resultsTBL tfoot td {
  background: #ddd;
}

.resultsTBL-foot {
  background: #f2f2f2;
  border-bottom: 2px solid #ddd;
}
.resultsTBL-foot .foot-total strong {
  color: #000;
}

table.resultsTBL tr.rowTitle1 td {
  background: #f6f6f6;
}
table.resultsTBL tr.rowTitle2 td {
  background: #f6f6f6;
}

/* !Section Containers */
.compSect-wrap {
}

.compSect-title {
}
.compSect-title a {
}
.compSect-title a:hover {
}

.compSect-title h3 {
}
.compSect-title h3 span {
}
.compSect-title h3 span.sub {
  color: #999;
  font-size: 0.8em;
}

.compSect-contentwrap {
}
.compSect-contentwrap fieldset {
}

.compSect-content {
}

/* !Section Containers Content & Forms */
.compSect-content label.desc {
}

.compSect-content label.descLrg {
}

ul.compList label.choice,
ul.compList li div label,
ul.compList li span label,
.compSect-content label.choice,
.compSect-content li div label,
.compSect-content li span label {
  color: #666;
}

.compSect-content li.section,
.compSect-content li.sectionInstruct,
.compSect-content li.border-top,
.section-content li.border-top {
  color: #666;
  border-color: #ccc;
}

/* !Tool Bar */
.compToolBar-wrap {
  border-color: #000;
}

.compToolBar-content ul li a {
  background: #555;
  border-color: #555;
  color: #fff;
}
.compToolBar-content ul li a:hover {
  background: #333;
  border-color: #333;
  color: #fff;
}

.compToolBar-content ul li.active a {
  background: #000;
  border-color: #000;
  color: #fff;
}
.compToolBar-content ul li.disabled a {
  text-decoration: none;
  background: #f6f6f6;
  border-color: #f6f6f6;
  color: #ddd;
}

/* !Nav Bar */
.compNavBar-wrap {
  border-color: #ddd;
}

.compNavBar-content ul li.active a {
  color: #000;
  text-decoration: underline;
}
.compNavBar-content ul li.disabled a {
  color: #ddd;
  text-decoration: none;
}

.compNavBar-content ul li a {
  border-color: #ddd;
}

/* !Sort Bar */
.compSortBar {
  border-color: #ddd;
}

/* !Title Bar */
.compTitleBar-wrap {
}

.compTitleBar-content ul li.active a {
  color: #000;
  text-decoration: underline;
}
.compTitleBar-content ul li.disabled a {
  color: #ddd;
  text-decoration: none;
}

.compTitleBar-content ul li a {
  border-color: #ddd;
}

.compTitleBar-content ul li.left {
}

.compTitleBar-content ul li.right {
}

/* !Stats Box */
.compBox-wrap {
  border-color: #ddd;
}

/* !Captcha */
.compCaptcha-wrap {
  border-color: #ddd;
  background: #f6f6f6;
}

/* !Results Page Display Filter */
.compResPDFilter-wrap {
  color: #fff;
  background: #ddd;
}

.compResPDFilter-content label.desc {
  color: #fff;
}

/* !Content Rating */
.compConRating-wrap {
  color: #888;
  background: #f6f6f6;
}

/* !Form:  Fields */
input.field.text,
div.field.text,
textarea.field,
.inputbox,
.input-text,
td.paramlist_value select {
  color: #000;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  border-color: #7c7c7c #c3c3c3 #ddd;
}

input.text,
input.field,
div.field.text,
input.input-text,
input.textarea,
.btn,
.btn-primary {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

div.text {
  height: 1.7em;
}
div.expiration {
  width: 70px;
}
div.cc-code {
  width: 60%;
}

div.field.text {
  background: #fff url(../images/fieldbg.gif) repeat-x center top;
}
div.field.text {
  font-size: 1em; /*background: #fff url(../images/fieldbg.gif) repeat-x center top; :: Can't have BG if we want Drop Downs to show up right on Mobile */
  border-style: solid;
  border-width: 1px;
  border-color: #7c7c7c #c3c3c3 #ddd;
}

input.checkbox,
input.radio {
  color: #ddd;
}

/* !Form:  Main Button */
button.button {
  color: #ccc;
  background: #333 url(../images/button-bg.gif) repeat-x top;
  border: 1px solid #333;
  font-size: 0.9em;
  text-transform: uppercase;
  padding: 3px 5px;
  line-height: normal;
  margin-right: 5px;
  cursor: pointer;
  overflow: visible;
  width: auto;
}

button.button:hover,
button.button:focus {
  background: #333 url(none);
}

a.buttonLink {
}

/* !Big Link and Options */
a.bigLink {
  text-decoration: none !important;
}

/* !Item Actions */
a.ia-link {
  color: #fff;
  background-color: #555;
  text-decoration: none;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
a.ia-link:hover {
  color: #fff;
  background-color: #333;
  text-decoration: none;
}
a.ia-link.active {
  background-color: #333;
  color: #ccc;
}

/* !Modal Popups */
.modal-hdr {
  background-color: #92744c;
}

/* !Calendar Monthly Layout */
.cal-monthTBL th.cal-wdHead {
  color: #fff;
  border-color: #444;
  background: #444;
}

.cal-monthTBL tr.cal-weekHead,
.cal-monthTBL tr.cal-weekRow {
}

.cal-monthTBL td.cal-wd,
.cal-monthTBL td.cal-wdEmpty {
  border-color: #ddd;
  height: 110px;
}

.cal-monthTBL td.cal-wd {
  color: #444;
  background-color: #f6f6f6;
}

.cal-monthTBL td.cal-wdEmpty {
  color: #ddd;
  background-color: #f6f6f6;
}

.cal-monthTBL td.cal-wd .cal-wdNum,
.cal-monthTBL td.cal-wdEmpty .cal-wdEmptyName {
}

.cal-monthTBL td.cal-wdEvent {
  background-color: #f7f0f7 !important;
}

.cal-monthTBL .cal-wdNum a {
  color: #444;
}
.cal-monthTBL .cal-wdNum a:hover {
  color: #444;
}

.cal-monthTBL .cal-today {
  background-color: #fff !important;
}

.cal-monthTBL .cal-wdPopup {
  border-color: #ddd;
  background-color: #fff;
}
.cal-monthTBL .cal-wdPopup .cal-num {
}

.cal-monthTBL .cal-closeBtn {
}

.cal-monthTBL .cal-event {
}

.cal-monthTBL .cal-eventSingle {
}

.cal-monthTBL .cal-eventTitle {
}

.cal-monthTBL .cal-eventDate {
  color: #999;
}

.cal-monthTBL .meta-line {
  color: #444;
}

.cal-monthTBL .cal-eventMultiStart,
.cal-monthTBL .cal-eventMultiMiddle,
.cal-monthTBL .cal-eventMultiEnd {
}

.cal-monthTBL .cal-eventMultiStart .cal-eventInfo,
.cal-monthTBL .cal-eventMultiMiddle .cal-eventInfo,
.cal-monthTBL .cal-eventMultiEnd .cal-eventInfo {
  background-color: #f6f6f6;
}

.cal-monthTBL .cal-eventMultiStart {
}

.cal-monthTBL .cal-eventMultiEnd {
}

/* !Calendar Monthly Navigation */
.compCalMonthNav-wrap {
  border-color: #ccc;
}

.compCalMonthNav-content {
}

.cal-monthNavTBL {
}

.cal-monthNavTBL .cal-year,
.cal-monthNavTBL .cal-month {
}

.cal-monthNavTBL em.arrow {
}

.cal-monthNavTBL a {
  text-decoration: none !important;
}

.cal-monthNavTBL td {
}
.cal-monthNavTBL td.cal-navmonthPrev {
}
.cal-monthNavTBL td.cal-navmonthNext {
}
.cal-monthNavTBL td.cal-navthismonth {
}

.cal-monthNavTBL .cal-prevyear,
.cal-monthNavTBL .cal-prevmonth {
}

.cal-monthNavTBL .cal-nextyear,
.cal-monthNavTBL .cal-nextmonth {
}

.cal-monthNavTBL .cal-thismonth {
}

/* !Calendar Module */
.calMod-monthTBL th.cal-wdHead {
  color: #fff;
  border-color: #444;
  background: #444;
}

.calMod-monthTBL td.cal-wd,
.calMod-monthTBL td.cal-wdEmpty {
  border-color: #ddd;
}

.calMod-monthTBL td.cal-wd {
  color: #444;
  background-color: #f6f6f6;
}

.calMod-monthTBL td.cal-wdEmpty {
  color: #ddd;
  background-color: #f6f6f6;
}

.calMod-monthTBL td.cal-wd .cal-wdNum,
.calMod-monthTBL td.cal-wdEmpty .cal-wdEmptyName {
  height: 30px;
}

.calMod-monthTBL .cal-today {
  background-color: #eaeef4 !important;
}

.calMod-monthTBL a.cal-wdNumEvent {
}
.calMod-monthTBL a.cal-wdNumEvent:hover {
  background: #fbf7fc;
}

.calMod-monthNavTBL a {
  text-decoration: none !important;
}

.calMod-monthTBL .cal-wdPopup {
  border-color: #ddd;
  background-color: #fff;
}

.calMod-monthTBL .cal-eventDate {
  color: #999;
}

.calMod-monthTBL .meta-line {
  color: #444;
}

.calMod-monthTBL .cal-wdPopNum a {
  color: #444;
}

/* !Sections */
.section {
  color: inherit;
}

.section-title {
  font-size: 1.4em;
  line-height: 1.1em;
  font-weight: bold;
  text-transform: none;
}

/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* ------------------------------------------------------------------------
/* !PAGES, COMPONENTS, FORMS, VIEWS & PIECES */
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/

/* ------------------------------------------------------------------------
/* !COMPONENT: SBX Actions */
/* ----------------------------------------------------------------------*/

.section-action-letter {
  border-left-color: #444;
  background: #f6f6f6;
  -webkit-box-shadow: 0px 0px 10px #ddd;
  -moz-box-shadow: 0px 0px 10px #ddd;
  box-shadow: 0px 0px 10px #ddd;
}

/* ------------------------------------------------------------------------
/* !COMPONENT: SBX Donations */
/* ----------------------------------------------------------------------*/
#section-campaign-header.section-campaign-header-full-width {
  margin-top: -50px !important;
}

/* ------------------------------------------------------------------------
/* !COMPONENT: SBX Petitions */
/* ----------------------------------------------------------------------*/
.petition-prognum {
  color: #000;
}

.petition-proglabel {
  color: #333;
}

.section-petition-letter {
  border-left-color: #444;
  background: #f6f6f6;
  -webkit-box-shadow: 0px 0px 10px #ddd;
  -moz-box-shadow: 0px 0px 10px #ddd;
  box-shadow: 0px 0px 10px #ddd;
}

.petition-letter {
  font-size: 14px;
  line-height: 1.5em;
}

.petition-letter-title {
  font-size: 1.6em;
  text-transform: uppercase;
}

.supporter-item {
  font-size: inherit;
  line-height: 1.4em;
  border-top-color: #ddd;
}

.supporter-name {
  font-size: 12px;
  color: inherit;
}

.supporter-location,
.supporter-time {
  color: #888;
  font-size: 11px;
}

.supporter-message {
  font-size: 14px;
  line-height: 1.5;
}

.section-socialshare {
  border-top-color: #ddd;
  border-bottom-color: #ddd;
  background-color: #f6f6f6;
  padding-left: 10px;
  padding-right: 10px;
}

.share-title {
  color: #a68860;
}

.stickybar {
  background: #333;
}

.z-accordion.white.z-bordered,
.z-accordion.white.z-bordered > section > h3,
.z-accordion.white.z-bordered > section > h3 > .z-title,
.z-accordion.white.z-bordered > section > .z-content {
  border-color: #ccc;
}

.z-accordion.white.vertical > section > h3 {
  color: #444;
}

/* ------------------------------------------------------------------------
/* !COMPONENT: SBX Shop */
/* ----------------------------------------------------------------------*/
.section-accordion {
  border: none;
  background: #fbf8f4;
}

.section-accordion .section-header {
  background: #3d3630;
  border-color: #fff;
}

.section-accordion .section-header h3 {
  color: #fff;
}

.section h4.subtitle {
  color: #4c3607;
}

.section p.desc {
  color: inherit;
}

.shop .label {
  font-size: 10px;
  background-color: #c4a67e;
}

.shop .help-block,
.shop .help-inline {
  color: #666;
}

.shop .table th,
.shop .table td {
  border-color: #f2f2f2;
  background-color: #fff;
}

.shop .cart-table thead th a {
  text-decoration: none !important;
}

.shop .shop-table h4.title {
  color: #2d5798;
}

.shop .shop-table p.desc {
  font-size: 0.9em;
  line-height: 1.4em;
}

.shop .shop-table td.item-product,
.shop .shop-table p.desc {
  color: inherit;
}

.shop .cart-table th.item-total,
.shop .cart-table td.item-total {
  width: 70px;
}

.shop .cart-total,
.shop .order-total {
  border-color: #f2f2f2;
}

.shop .order-table td.item-thumb {
  width: 70px;
}

.shop .order-table.table-striped td {
  background-color: transparent;
}

.order-table td.item-qty,
.order-table td.item-times {
  color: #c4a67e;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav > li {
  position: relative;
  display: block;
  list-style: none;
  padding-left: 0;
  background: none;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li.disabled > a {
  color: #999999;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #428bca;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #dddddd;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  padding: 0px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  text-decoration: none;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  text-decoration: none;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified > li {
  float: none;
}

.nav-tabs.nav-justified > li > a {
  text-align: center;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
}

.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-bottom: 1px solid #dddddd;
}

.nav-tabs.nav-justified > .active > a {
  border-bottom-color: #ffffff;
}

/* ------------------------------------------------------------------------
/* System Msg */
/* ----------------------------------------------------------------------*/
#system-messageDetail dd.message {
  background: transparent;
  box-shadow: none;
  text-align: left !important;
}
#system-messageDetail dd.message ul {
  background: transparent;
  border: none;
  padding: 0;
}

#section-campaign-header.section-campaign-header-full-width {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-top: -33px;
  transform: translateX(-50%);
}

.item-list {
  border-top: 1px solid #f2f2f2;
  margin: 1em 0;
}
.item-list .item {
  border-bottom: 1px solid #f2f2f2;
  color: #444;
  padding: 8px 5px 7px 8px;
}
.item-list .item-name {
  color: #000;
  font-size: 1.2em;
  font-weight: bold;
}
.item-list .item-price {
  font-weight: bold;
}
@media only screen and (max-width: 480px) {
  .item-thumb-wrapper {
    width: 60px;
  }
}