body * {
    font-family: "Source Sans Pro", Arial, sans-serif;
}
#title h1.title {
    font-family: "UWA slab", Georgia, serif;
    font-size: 2em;
    color: #27348b;
}
html {
    font-size: 16px;
}
p {
    line-height: normal;
}
h2 {
    font-size: 40px;
    font-weight: 100;
    color: #27348b;
    padding-bottom: 10px;
    margin: 0;
}
h3 {
    font-size: 21px;
    font-weight: normal;
    color: #27348b;
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    margin: 40px 0 20px 0;
}
h4 {
    font-size: 18px;
    font-weight: normal;
    color: #262626;
}
h5 {
    font-size: 16px;
    font-weight: 600;
    color: #262626;
}
p, li, td {
    font-size: 1em;
}
hr {
    border-color: #ececec;
}
#body-title {
    border-bottom: 1px solid #27348b;
    margin-bottom: 1em;
}
#main {
    width: 100%;
}
#main #right-column p a {
    white-space: normal;
}
#right-column {
    border-top: 1px solid #27348b;
    padding-top: 1em;
}
.yellow {
    color: #e2b600;
}
.blue {
    color: #27348b;
}
.grey {
    color: #999;
}
.no-break {
    white-space: nowrap;
}
p.introduction {
    font-size: 1.1em;
    font-weight: bold;
}
.full {
    width: 100%;
    height: auto;
}
.narrow {
    max-width: 360px;
    margin-top: 10px;
    padding-bottom: 1px;
}
.narrow img {
    width: 100%;
}
.half {
    width: 50%;
}
.right.half {
    width: calc(50%-1em);
    margin-left: 1em;
}
.left.half {
    width: calc(50%-1em);
    margin-right: 1em;
}
.hidden {
    display: none !important;
}
.overline {
    border-top: 1px solid #ececec;
    padding-top: 20px;
}
.underline {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.no-underline {
    border-bottom: none;
    margin-bottom: 0;
}
.border {
    border: 1px solid #ececec;
    padding: 3px;
}
.highlight {
    clear: both;
    background-color: #ececec;
    padding: 1.5em 2em;
    margin-bottom: 1.25rem;
}
.highlight h3,
.highlight .underline,
.highlight .overline {
    border-color: #cccccc;
}
.highlight > :last-child {
    margin-bottom: 0;
}

/* Links */
a {
    text-decoration: none;
    color: #27348b;
    border-bottom: 1px solid #27348b;
}
a:hover, a:focus, a:active {
    outline: 0;
    border-bottom: none;
}
h3 a, h4 a {
    border-bottom: none;
}
h3 a:focus, h4 a:focus {
    background-color: #d7dbf4;
}
ul.linklist > li > a,
p.linklist > a,
p.arrow-link > a,
#footer a,
#header-container a,
.give-now-button a,
[role=menu] a,
#slideshow a,
.infomsg a {
    border-bottom: none;
}
ul.linklist > li > a:focus,
p.linklist > a:focus,
p.arrow-link > a:focus {
    border-bottom: 1px solid #27348b;
}
#footer a:focus {
    border-bottom: 1px solid white;
}

/* Link lists */
ul.linklist {
    list-style-type: none;
    margin: 0;
    margin-bottom: 1.25rem;
}
ul.linklist li {
    margin: 10px 0;
}
ul.linklist a:before,
p.linklist a:before,
p.arrow-link a:before {
    padding-right: 0.5em;
    content: "\f0da";
    font-family: "FontAwesome";
}

/* Fancy links */
a.link-block {
    display: table;
    width: 100%;
    height: 40px;
    padding: 0;
    margin-bottom: 1.25rem;
    border: none;
    font-size: 14px;
    line-height: 12px;
    text-transform: uppercase;
    text-align: right;
    background-color: #d7dbf4;
}
a.link-block .text {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0.5em;
}
a.link-block .icon {
    display: table-cell;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    font-family: "FontAwesome";
    font-size: 20px;
    color: white;
    background-color: #27348b;
    transition: background-color 400ms,
                color 400ms;
}
.hover a.link-block .icon,
.focus a.link-block .icon,
a.link-block:hover .icon {
    background-color: #e2b600;
}
a.link-block.arrow .icon:after {
    content: "\f0da";
}
a.link-block.query .icon:after {
    content: "\f044";
}
a.link-block.csv .icon:after,
a.link-block.excel .icon:after {
    content: "\f1c3";
}
a.link-block.word .icon:after,
a.link-block.text .icon:after {
    content: "\f0f6";
}
a.link-block.pdf .icon:after {
    content: "\f1c1";
}
a.link-block.no-icon {
    cursor: default;
}
a.link-block.no-icon .icon {
    display: none;
}
.stamp.blog a.link-block .icon:after {
    content: "\f1ea";
}
.stamp.sign-up .link-block .icon:after {
    content: "\f10c";
}
.stamp.sign-up.selected .link-block .icon:after {
    content: "\f05d";
}

/* Image placement */
p > img {
    width: 100%;
}
img.right {
    width: auto;
    max-width: 50%;
    margin: 0 0 0.5em 1em;
}
img.left {
    width: auto;
    max-width: 50%;
    margin: 0 1em 0.5em 0;
}
.caption {
    font-size: 0.85em;
    font-style: italic;
    padding: 0.5em;
    margin: 0;
}

/* Summary panels and other relational layouts */
.summary-panel {
    padding: 0 0.9375em 1em;
    margin: 0;
    font-size: 0.85em;
}
.summary-panel p {
    margin: 6px 0;
}
.summary-panel h3 {
    margin-top: 0.5em;
}

/* Stamps */
.stamp {
    position: relative;
    display: table;
    padding: 0.9375em;
    margin: 0;
    outline: none !important;
}
.stamp .overlay {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    outline: none !important;
    border-bottom: none !important;
    background: url(/image/blank.gif);
}
.stamp .image {
    display: table-cell;
    width: 40%;
    padding-bottom: 0;
    margin-bottom: 0;
    opacity: 0.9;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
    -ms-behavior: url(/file/ie-compatibility/backgroundsize.min.htc);
    transition: opacity 400ms;
}
.stamp.hover .image,
.stamp.selected .image {
    opacity: 1;
}
.stamp .content {
    display: table-cell;
    padding: 0 0.9375em;
}
.stamp .content .description {
    margin-bottom: 1.25rem;
}
.stamp .subheading {
    margin: 0;
}
.stamp .heading {
    margin: 0;
    border-bottom: none;
}
.stamp.heading-center .heading,
.stamp.heading-center .subheading {
    text-align: center;
}
.stamp .link-block {
    margin-bottom: 0;
}
.stamp .link-inside-stamp {
    position: relative;
    z-index: 1;
}

/* Stamp accordions */
.stamp-accordion.row {
    position: relative;
    margin: 0 -0.9375em;
}
.stamp-accordion .stamp-accordion-stamp {
    transition: background-color 400ms,
                opacity 400ms;
}
.stamp-accordion .stamp-accordion-stamp.hover,
.stamp-accordion .stamp-accordion-stamp.focus {
    background-color: #d7dbf4;
}
.stamp-accordion.active .stamp-accordion-stamp {
    opacity: 0.75;
}
.stamp-accordion .stamp-accordion-stamp.active {
    background-color: #ececec;
    opacity: 1;
}
.stamp-accordion .stamp-accordion-stamp .heading {
    padding: 0;
}
.stamp-accordion .stamp-accordion-stamp .content .description {
    margin-bottom: 0;
}
.stamp-accordion .stamp-accordion-stamp .content .description p {
    margin: 10px 0 0;
}
.stamp-accordion .stamp-accordion-panel {
    position: absolute;
    width: 100%;
    padding: 0;
    z-index: 1;
}
.stamp-accordion .stamp-accordion-panel-inner {
    margin: 0.9375em;
    padding: 0 0.9375em;
    background-color: white;
}
.stamp-accordion .stamp-accordion-panel .panel-link {
    width: auto;
    height: auto;
    float: right;
    border: none;
    margin-bottom: 6px;
    margin-right: 0.9375em;
    background-color: transparent;
}
.stamp-accordion .stamp-accordion-panel .panel-link .icon {
    background-color: transparent;
    color: #27348b;
    width: 20px;
    height: 30px;
}
.stamp-accordion .stamp-accordion-panel .panel-link:focus .icon,
.stamp-accordion .stamp-accordion-panel .panel-link:hover .icon {
    color: #e2b600;
}
.DesignerPanePanelPart .stamp-accordion-stamp:before {
    content: "Accordion";
    position: absolute;
    top: 10px; left: 172px;
    font-size: 18px; font-weight: bold;
    color: white; text-shadow: 0 0 10px black;
}

/* Staff Profiles */

.stamp.staff-profile {
    display: table;
}
.stamp.staff-profile .image {
    display: table-cell;
    width: 220px;
    padding-bottom: 220px;
}
.stamp.staff-profile .content {
    display: table-cell;
    padding-left: 1em;
}
.stamp.staff-profile .description {
    min-height: 160px;
}
.stamp.staff-profile .subheading {
    font-weight: normal;
    font-style: italic;
}

/* Events */

.stamp.event .content {
    margin-left: 80px;
}
.stamp.event .date {
    position: absolute;
    left: 0.9375em;
    top: 0.9375em;
    width: 70px;
    height: 70px;
    padding: 10px;
    background-color: #27348b;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.stamp.event .date .month {
    font-size: 20px;
    line-height: 20px;
}
.stamp.event .date .day {
    font-size: 36px;
    line-height: 30px;
}

/* AlumniNews */
.stamp.wide.alumninews {
    display: table;
}
.stamp.wide.alumninews .image {
    display: table-cell;
    width: 25%;
    padding-bottom: 25%;
}
.stamp.wide.alumninews .content {
    display: table-cell;
    padding-left: 1em;
}
.stamp.wide.alumninews .subheading {
    font-weight: 400;
    font-style: italic;
}
.stamp.wide.alumninews .heading {
    font-size: 1.125em;
    margin: 0 0 0.2em;
    color: #27348b;
}
.stamp.wide.alumninews p {
    font-size: 0.8em;
    margin-bottom: 0 !important;
}
.stamp.wide.alumninews .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    border-bottom: none;
    outline: none !important;
}
.accordion .stamp.wide.alumninews .link-block {
    display: none;
}
.accordion .stamp.wide.alumninews .description {
    margin-bottom: 0;
    min-height: 0;
}
.accordion .stamp.wide.alumninews.focus,
.accordion .stamp.wide.alumninews.hover {
    background-color: #d7dbf4;
}
.stamp.wide.alumninews.featured {
    margin-bottom: 1em;
}
.stamp.wide.alumninews.featured .image {
    width: 220px;
    padding-bottom: 220px;
}
.stamp.wide.alumninews.featured .description {
    min-height: 160px;
}
.stamp.wide.alumninews.featured .heading {
    font-size: 1.8em;
}
.stamp.wide.alumninews.featured p {
    font-size: 1em;
    margin-bottom: 1em;
}
.DesignerPanePanelPart .stamp.alumninews:not(.featured) {
    display: none;
}

/* Books */
.stamp.book .image {
    background-position: center top;
    background-size: contain;
}

/* Links with FontAwesome icons */
.stamp.icon-link .description {
    margin-bottom: 0;
    padding-left: 30px;
}
.stamp.icon-link .fa {
    position: absolute;
    left: 12px;
    top: 16px;
}

/* Stamps in BBIS Editor */
.DesignerPanePanelPart .stamp {
    width: 25%;
    height: auto !important;
}
.DesignerPanePanelPart .stamp.wide {
    width: 50%;
}
.DesignerPanePanelPart .stamp.super-wide {
    width: 100%;
}

/* Forms */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
    border: 1px solid #0643ad;
}
*::-webkit-input-placeholder {
    font-size: 13px;
}
*:-moz-placeholder {
    font-size: 13px;
}
*::-moz-placeholder {
    font-size: 13px;
}
*:-ms-input-placeholder {
    font-size: 13px;
}
abbr.BBFormRequiredFieldMarker {
    padding-left: 3px;
    border-bottom: none;
}

/* Buttons */
.button, button {
    font-family: "Source Sans Pro", Arial, sans-serif;
    background-color: #27348b;
}
.button:hover, button:hover,
.button:focus, button:focus {
    background-color: #384bc7;
}
a.button:hover, a.button:focus {
    border-bottom: none;
}
.button:disabled, button:disabled {
    background-color: lightgrey !important;
    border-color: lightgrey !important;
}
p.button a {
    color: white;
}
p.give-now-button {
    padding: 8px 10px 6px;
    border: 1px dotted #27348b;
    border: 1px dotted rgba(39, 52, 139, 0.7);
    font-weight: bold;
    font-size: 16px;
    line-height: 27px;
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    white-space: nowrap;
}
p.give-now-button a {
    text-decoration: none;
    color: default;
}
div#right-column p img{
    padding: 1.75em 0 0 0;
}
a img {
    opacity: 0.9;
    transition: opacity 400ms;
}
a:hover img {
    opacity: 1;
}

/* Button navigation groups */
.button-navigation {
    margin-bottom: 20px;
    padding: 0px !important;
    width: 100%;
}
.button-navigation .button {
    display: block;
    vertical-align: middle;
    padding: 0.5em;
    margin: 0;
}
.button-navigation.large .button {
    font-size: 1.5em;
    padding: 1em;
}
.button-navigation .button.active {
    background-color: #384bc7;
}
.button-navigation .button:focus {
    outline: none;
}
.button-navigation.focus .button.active {
    text-decoration: underline;
}

/* Accordions */
.accordion {
    margin-bottom: 1.25rem;
}
.accordion .accordion-tab {
    margin: 0;
    cursor: pointer;
    color: inherit;
    font-size: 16px;
    line-height: 30px;
    padding: 0 10px 0 30px;
    position: relative;
    border-bottom: none;
    outline: none !important;
}
.accordion .accordion-tab.expanded {
    background-color: #ececec;
}
.accordion .accordion-tab:before {
    font-family: 'FontAwesome';
    background-color: inherit;
    color: inherit;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    content: '\f054';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
}
.accordion .accordion-tab:focus:before,
.accordion .accordion-tab:hover:before {
    color: #e2b600;
}
.accordion .accordion-tab.expanded:before {
    content: '\f078';
}
.accordion.column .accordion-tab {
    padding-right: 0.9375em;
    margin: 0 -0.9375em;
}
.accordion .accordion-panel {
    display: none;
    padding: 0 0.9375em 0.9375em;
    background-color: #ececec;
}
.accordion .accordion-panel.row > .column {
    background-color: white;
}
.accordion .accordion-panel p {
    margin-bottom: 0.875em;
}

/* Box-quotes */
div.box-quote {
    position: relative;
    padding: 0 30px;
}
div.box-quote:before,
div.box-quote:after {
    font-family: Century;
    position: absolute;
    z-index: -1;
    color: #d7dbf4;
    font-size: 200px;
    line-height: 100%;
}
div.box-quote:before {
    content: '\201c';
    top: -0.2em;
    left: 5px;
}
div.box-quote:after {
    content: '\201d';
    bottom: -0.65em;
    right: 5px;
}
.box-quote-author {
    font-weight: bold;
    padding: 0 30px;
    text-align: right;
}

/* Alumni profile summaries */
.alumni-profile {
    display: table;
    border-spacing: 0;
    margin-bottom: 10px;
}
.alumni-image-container,
.alumni-text-container {
    display: table-cell;
    vertical-align: middle;
}
.alumni-image-container {
    width: 200px;
    padding-right: 20px;
    border-bottom: none !important;
}
.alumni-profile img {
    border-radius: 50%;
    border: 2px solid;
    -ms-behavior: url(/file/ie-compatibility/PIE.htc);
}

/* Upcoming Events calendars */
.upcoming-events {
    list-style-type: none;
    margin-left: 0;
}
.upcoming-events .event {
    position: relative;
    padding-left: 70px;
    min-height: 60px;
}
.upcoming-events .event-date {
    position: absolute;
    left: 0;
    width: 60px;
    height: 60px;
    padding: 5px;
    background-color: #27348b;
    color: white;
    text-align: center;
}
.upcoming-events .event-month {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    line-height: 20px;
    display: block;
    margin: 0;
}
.upcoming-events .event-day {
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    margin: 0;
}

/* News Reader */
.NewsReaderFormTable {
    font-size: initial;
}
.NewsReaderItemLink,
.NewsReaderItemLink:visited {
    color: #27348b;
    text-decoration: none;
    line-height: normal;
}
.NewsReaderItemLink:focus,
.NewsReaderItemLink:hover {
    color: #384bc7;
    text-decoration: none;
}

/* Text-flow in columns */
div.text-col-2, ul.text-col-2 {
    -moz-columns: 2 300px;
    -webkit-columns: 2 300px;
    columns: 2 300px;
}
div.text-col-3, ul.text-col-3 {
    -moz-columns: 3 250px;
    -webkit-columns: 3 250px;
    columns: 3 250px;
}
div.text-col-4, ul.text-col-4 {
    -moz-columns: 4 200px;
    -webkit-columns: 4 200px;
    columns: 4 200px;
}

/* Popups */
#popup-container, #popup-overlay {
    position: fixed;
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: 1000;
}
#popup-overlay {
    background-color: black;
    z-index: 0;
}
#popup {
    position: relative;
    max-width: 72.9375em;
    overflow: hidden;
    background-color: white;
    padding: 0;
    margin: 0 auto;
}
#popup-title h3 {
    margin: 10px 0;
    padding: 5px 40px 5px 20px;
    border: none;
    line-height: 30px;
}
#popup-close {
    position: absolute;
    top: 10px; right: 10px;
    height: 40px;
    width: 40px;
    border-bottom: none;
    font-size: 26px;
    text-align: center;
}
#popup-content {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 20px;
}

/* Query display tables */
.query-table {
    width: 100%;
    margin-bottom: 1em;
}
.query-table thead,
.query-table tfoot {
    background-color: #d7dbf4;
}
.query-table thead tr td,
.query-table tfoot tr td {
    padding: 0.5em;
    font-size: initial;
    color: #3a3a3a;
}
.query-table thead tr td {
    cursor: pointer;
}
.query-table tbody tr td {
    padding: 0.15em 0.5em;
}
.query-table td.text,
.query-table td.category {
    text-align: left;
}
.query-table td.date {
    text-align: center;
}
.query-table td.number {
    text-align: right;
}
.query-table td.currency:before {
    content: "$";
    float: left;
}
.query-table thead td.currency:before {
    content: "";
}
.query-table thead .asc:after,
.query-table thead .desc:after {
    padding-left: 0.5em;
    font-family: "FontAwesome";
}
.query-table thead .asc:after {
    content: "\f0d8";
}
.query-table thead .desc:after {
    content: "\f0d7";
}
.query-table tbody tr.shaded {
    background-color: #f5f5f5;
}
.query-table-filters {
    display: block;
    margin: 0 0 1em;
}
.query-table-filters .filter-group {
    display: inline-block;
    padding-right: 1em;
}
.query-table-filters .button {
    margin: 0 2px;
    padding: 5px 10px;
    border-radius: 12px;
    background-color: #d7dbf4;
    color: #3a3a3a;
}
.query-table-filters .button.active {
    background-color: #27348b;
    color: white;
}
.query-table-filters .button:before {
    content: "\f096";
    font-family: "FontAwesome";
    display: inline-block;
    width: 16px;
    font-size: 13px;
    text-align: left;
}
.query-table-filters .button.active:before {
    content: "\f046";
}

/* Please Wait messages */
.please-wait {
    position: absolute;
}
.please-wait .background {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    opacity: 0.75;
    background-color: white;
}
.please-wait .message {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    display: table;
}
.please-wait .message .inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.please-wait .progress-bar {
    display: inline-block;
    position: relative;
    width: 150px;
    height: 15px;
    background-color: whitesmoke;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-image: linear-gradient(-45deg, transparent 33%, #ccc 33%, #ccc 66%, transparent 66%);
    background-size: 30px 15px;
    animation: progress-bar 1s linear infinite;
}
@keyframes progress-bar {
    100% { background-position: 30px 0px; }
}

/* BBIS + Foundation quirks */
.summary-panel > div > p:first-child {
    margin: 0;
    padding: 0;
}
#main .DesignerPanePanelPart div {
    float: none !important;
}
img[src='images/content.gif'] {
    width: auto;
}
#right-column .BBUpdatePanelDoNotBlock {
    width: 100%;
}
div[id$=_designPaneCloak] {
    display: none !important;
}

/* General Form Styles */
label {
    color: inherit;
}
.BBFormTable {
    border: none;
}
.BBFormTextArea {
    font-size: 0.875rem;
}
.BBFieldControlCell input[type="text"],
.BBFieldControlCell input[type="password"],
.BBFieldControlCell input[type="date"],
.BBFieldControlCell input[type="datetime"],
.BBFieldControlCell input[type="datetime-local"],
.BBFieldControlCell input[type="month"],
.BBFieldControlCell input[type="week"],
.BBFieldControlCell input[type="email"],
.BBFieldControlCell input[type="number"],
.BBFieldControlCell input[type="search"],
.BBFieldControlCell input[type="tel"],
.BBFieldControlCell input[type="time"],
.BBFieldControlCell input[type="url"],
.BBFieldControlCell input[type="color"],
.BBFieldControlCell textarea,
.BBFieldControlCell select {
    margin: 0 !important;
    height: 2.5em;
    width: 100%;
    border-color: #cccccc;
}
td.BBFieldCaption + td select {  /* Fix for missing class */
    margin: 0;
    height: 2.5em;
    width: 100%;
    border-color: #cccccc;
}
.BBFieldCaption > span {  /* Fix for spans in place of labels */
    display: block;
    padding: 0.5em 0;
    font-size: 0.875em;
    line-height: 1.5;
}
.BBFieldControlCell input[type=radio],
.BBFieldControlCell input[type=checkbox] {
    float: none !important;
    width: 18px !important;
    margin: 0 0 1px;
    vertical-align: middle;
}
select,
.BBFormSelectList {
    margin: 0;
    width: 100%;
    height: auto;
    padding-right: 1.5em;
    font-size: 0.875em;
}
select::-ms-expand {
    display: none;
}
.BBFormChecklistContainer {
    padding: 6px;
    border: 1px solid #cccccc;
}
.BBFormChecklist {
    border: none;
}
.BBFormChecklist td {
    vertical-align: middle;
}
.BBFormChecklist input {
    vertical-align: middle;
    margin: 0 0 1px;
}
.BBFormTable abbr.BBFormRequiredFieldMarker {
    color: red;
    padding-left: 3px;
    border-bottom: none;
    line-height: 0;
}
.BBFormTable td.BBFormRequiredFieldMarker {
    display: none;
}
.BBFormTable tr td {
    float: left;
    width: 100%;
}
.BBFormValidatorSummary {
    font-size: small;
    background: #DDB10A;
    color: #fff;
    padding: 1em;
    border-radius: 1em;
    margin: 10px 0;
}
.BBFormValidatorSummary > ul {
    margin-top: 1em;
    margin-bottom: 0;
}
#content div.BBFormValidatorSummary ul li:before {
    color: #fff;
}
.BBFormTitle,
.BBListingHeading,
.LoginSectionHeader,
.EventSectionHeader {
    background: none;
    border: none;
    height: auto;
    padding: 0;
}
.BBFieldCaption {
    text-align: left;
    background: none;
    height: auto;
}
.BBFieldControlCell,
.BBFormReadonlyValue {
    padding: 0 0 0.75em;
}
td.BBFieldCaption + td {  /* Fix broken class assignment in some forms */
    padding: 0 0 0.75em;
}
.BBFormButtonCell {
    padding: 1em 0;
}
input.BBFormSubmitButton,
.BBFormTable input[type="button"],
.BBFormTable input[type="submit"],
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0.75em;
    font-size: 1.25em;
    color: white;
    background-color: #004896;
    border: 1px solid #004896;
    border-radius: 0.5em;
    cursor: pointer;
    transition: all 200ms;
}
input.BBFormSubmitButton:hover, .BBSequenceMapNavigationContainer input:hover {
    background-color: #deb407;
    border: 1px solid #deb407;
}
input[type="button"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled {
    background-color: lightgrey !important;
    border-color: lightgrey !important;
}
.BBFormButtonRow {
    background: none;
}
a[id$=EditLink],
a[id$=CancelLink] {
    font-size: 0.875em;
    border-bottom: none;
}
a[id$=EditLink]:before,
a[id$=CancelLink]:before {
    font-family: FontAwesome;
    padding-right: 3px;
}
a[id$=EditLink]:before {
    content: "\f044";
    font-size: 0.9em;
}
a[id$=CancelLink]:before {
    content: "\f00d";
}

/* Login Form styles */
.LoginLink {
    font-family: inherit;
    font-size: inherit;
    line-height: 1.8em;
    font-weight: inherit;
    text-decoration: none;
    border-bottom: none;
}
.LoginFormTable {
    width: auto;
    margin: 0 auto;
}
.BBFormTable .LoginFormTable .LoginFormTitle {
    display: none;
}
.BBFormTable .LoginFormTable .BBFieldCaption,
.BBFormTable .LoginFormTable .BBFieldControlCell {
    float: left;
    width: 100%;
}
.BBFormTable .LoginFormTable .LoginFieldCaption,
[id$=_tbdForgotPWDUserName] .BBFieldCaption {
    text-align: left;
}
.BBFormTable .LoginFormTable .BBFieldCaption,
[id$=_tbdForgotPWDUserName] .BBFieldCaption {
    padding-bottom: 0;
    min-width: 240px;
}
.BBFormTable .LoginFormTable .BBFieldControlCell,
[id$=_tbdForgotPWDUserName] .BBFieldControlCell {
    padding: 0 0 0.75em;
}
.BBFormTable .LoginFormTable .BBFieldCaption + .BBFieldControlCell
[id$=_tbdForgotPWDUserName] .BBFieldCaption + .BBFieldControlCell {
    padding-top: 0;
}
.LoginFieldMessage {
    font-size: 0.75rem;
    text-align: right;
    margin-bottom: 20px;
    color: inherit;
    font-family: inherit;
}
[id$=_trRegistrationRequest] [id$=_tbdRegRequestSection1] .BBFieldControlCell {
    margin-left: 0 !important;
}
.LoginFormTable input[type="submit"] {
    margin: 0 auto !important;
}

/* Formbuilder Forms (Communications Preferences, Profile Update) */
.bbformbuilder-form-part .header {
    font-weight: bold;
}
.bbformbuilder-form-part .item,
.bbformbuilder-form-part .header {
    text-align: right;
    clear: left;
}
.bbformbuilder-form-part .item  > div,
.bbformbuilder-form-part .header  > div {
    float: left;
}
.bbformbuilder-form-part .item > div:last-child,
.bbformbuilder-form-part .header > div:last-child {
    float: none;
}
.bbformbuilder-form-part .item input[type=checkbox] {
    margin: 0.875em 0;
}
.bbformbuilder-form-part .item label {
    padding: 0.5em;
}

/* Profile form */
div#S3__0_0_0_9_Container,
div#S3__0_0_0_8_Container,
div#S2__0_0_0_1_Container {
  width: 100%!important;
}

div.bbformbuilder-element-row,
div.bbformbuilder-validator-boundry,
div.Profile-Form-container{
    width: 700px;
}
.Profile-Form-container h4{
    margin: 30px 0 10px;
}
.bbformbuilder-float-lalign {
    float: left;
    text-align: left;
    padding: 3px 5px 3px 5px;
    width: 278px !important;
}
.BBSequenceMapContentContainer {
    clear: left;
    margin-top: 2%;
    font-family: 'century gothic','Muli',"futura-pt",helvetica,sans-serif;
}
.ext-strict .x-form-text {
    height: auto !important;
    width: 100% !important;
}
.bbformbuilder-text h2 {
    margin-top: 20px!important;
    color: #058095;
    border-top: 1px solid #F3F2F1;
    padding: 20px 0;
}
.x-form-field {
    background-image: none !important;
}
.BBFormAddressManagementNewAddressContainer,
.BBFormPhoneManagementNewPhoneContainer,
.BBFormEmailManagementNewEmailContainer {
    background-color: rgba(0, 77, 141, 0.05);
    border: 1px solid #CCC;
    display: block;
    padding: 45px 5px;
    width: auto;
    margin: 1% 0 3% 0;
}
.BBFormAddressManagementNewAddressLabel {
    width: 16%;
    display: block;
    float: left;
    text-align: right;
    margin: 1% 0 0 0;
}
div.BBFormAddressManagementNewAddressRow textarea, 
div.BBFormAddressManagementNewAddressRow input, 
div.BBFormAddressManagementNewAddressRow select, 
div.BBFormPhoneManagementNewPhoneRow textarea, 
div.BBFormPhoneManagementNewPhoneRow input, 
div.BBFormPhoneManagementNewPhoneRow select, 
div.BBFormRow  textarea, 
div.BBFormRow input, 
div.BBFormRow  select{
    float: left;
    width: 60% !important;
    margin: 0 1% 3% 3%;
}
div.BBFormRow  a:link{
    background: #DEB407;
    padding: 3px 10px;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    float: left;
    border-radius: 4px;
    white-space: inherit;
    border: 1px solid #DEB407;
    margin-left: 1%;
}
div.BBFormRow a:hover {
    color: #DEB407;
    background: #fff;
    border: 1px solid #DEB407;
    transition: 400ms;
}
#S4_ORGANIZATIONADDRESSCOMPOSIT_pnAddressLines ul li:before {
    content: "";
}
#S4_ORGANIZATIONADDRESSCOMPOSIT_pnAddressLines ul{
    margin: 0;
}

div.bbformbuilder-element-row,
div.bbformbuilder-validator-boundry,
div.Profile-Form-container,
.bbformbuilder-float-none select,
.bbformbuilder-float-none,
.bbformbuilder-section-column1,
#S4_ORGANIZATIONADDRESSCOMPOSIT_Container {
    width: 100% !important;
}
.bbformbuilder-float-lalign,
.bbformbuilder-input-containe,
.bbformbuilder-inputandmsg-container {
    width: 100% !important;
    float: none;
}
.bbformbuilder-form-part > div {
    max-width:  100%;
}
.BBFormAddressManagementNewAddressLabel,
.BBFormPhoneManagementNewPhoneLabel,
.BBFormEmailManagementNewEmailLabel {
    width: 23%;
    float: left;
    text-align: left;
}
select#S4_ORGANIZATIONADDRESSCOMPOSIT_ddCountry,
select#S4_ORGANIZATIONADDRESSCOMPOSIT_ddState {
    max-width: 100% !important;
}
.BBSequenceMapNavigationContainer {
    float: none;
    margin: 0 0 1em;
    width: 100%;
}

/* Event registration forms */
.EventTable {
    width: 100%;
}
.EventProgressCell,
.EventProgressCellFuture,
.EventProgressCellPast {
    border: 2px solid white;
    font-weight: normal;
    padding: 1em 0;
}
.EventProgressCell:first-child,
.EventProgressCellPast:first-child {
    border-left-width: 0;
}
.EventProgressCell:last-child,
.EventProgressCellFuture:last-child {
    border-right-width: 0;
}
.EventProgressCell {
    background-color: #094e96;
    color: white;
}
.EventProgressCellFuture {
    background-color: #f0f0f0;
}
.EventProgressCellPast {
    background-color: #4D4D4D;
    color: white;
}
.EventSectionHeader,
.EventTitleRow,
.GuestAddressField {
    display: none !important;
}
.EventTable input.BBFormSubmitButton {
    width: 150px;
    margin: 1em 6px;
}
.EventTable input.BBFormSubmitButton[value="Previous"] {
    margin: 1em;
}
.EventItemsSelectionGrid {
    border: none;
}
.EventItemsTable {
    display: none;
}
.EventItemTitleName,
.SummaryGridEventTitle span {
    display: block;
    font-size: 1.786em;
    font-weight: normal;
    line-height: 40px;
    margin: 0.25em 0;
    text-align: left;
    text-transform: uppercase;
}
.EventItemTitleDescription,
.EventItemTitleTime {
    display: block;
    margin: 0.25em 0;
    font-size: initial;
    text-align: left;
}
.EventItemTitleTime {
    font-weight: bold;
}
.EventItemRegistrationsHeader {
    display: none;
}
.EventItemRegistrationsTable {
    width: 100%;
    margin: 0.5em 0;
}
.EventItemRegistrationsTable .EventItemRegistrationControlCellQuantity {
    width: 60px !important;
    margin: 0.3em 0 0;
    padding: 0;
    position: absolute;
}
.EventItemRegistrationsTable .EventItemRegistrationControlCellQuantity select {
    width: 100% !important;
}
.EventItemRegistrationControlCellDescription,
.EventItemRegistrationControlCellNumParticipants,
.EventItemRegistrationControlCellPrice {
    margin-left: 70px;
    padding: 0;
}
.EventItemRegistrationControlCellDescription label {
    font-weight: bold;
}
.EventItemRegistrationControlCellNumParticipants {
    display: none !important;
}
.EventItemRegistrationControlCellPrice {
    text-align: left;
}
.EventAttendeesGrid {
    font-size: initial;
    margin: 0.5em 0 0;
    padding: 0;
    color: initial;
    background: none;
    border: none;
}
.EventAttendeesCurrent,
.EventAttendeesComplete {
    background: none;
    font-size: 1em;
    color: inherit;
}
.SummaryGridEventTitle {
    display: table-cell;
    font-size: 14px;
}
.BBConvertedCurrencyLabel {
    display: none;
}
.EventTicketsHeaderCell {
    font-size: 0.75em;
    font-weight: bold;
    color: inherit;
}
.EventTicketsBodyCell {
    font-size: 1em;
    padding: 0.5em 0;
    color: inherit;
}
.TicketQty {
    text-align: left;
}
.TicketPrice,
.TicketTotal {
    text-align: right;
}
.TicketAttendees {
    display: none;
}
.EventAttendeesOverallTotal {
    font-weight: bold;
    background: none;
    font-size: 1em;
    padding: 0.5em 0;
    border: solid #ccc;
    border-width: 1px 0;
}
.EventAttendeesOverallTotal span {
    white-space: pre;
}
.EventAttendeesOverallTotal hr {
    display: none;
}
.EventItemRegistrantsEventName {
    display: none !important;
}
.EventItemRegistrantsHeader {
    padding: 0.5em;
    padding-left: 0;
    border: none;
    color: inherit;
}
.EventItemRegistrantControlCellName,
.EventTable td.BBFieldCaption {
    padding-bottom: 0.75em;
    vertical-align: top;
}
.EventItemRegistrantControlCellName label,
.EventTable td.BBFieldCaption label {
    padding: 0.5em 0;
}
.EventTable .BBListOddRowStyle {
    background: none;
}
.PaymentPartLastAction {
    display: none;
}
.PaymentPartGrid {
    width: 100%;
    border: white;
    text-align: left;
}
.PaymentPartGrid tr:last-child {
    font-weight: bold;
}
.DonationCaptureFieldControlCell .BBLinkHelpIcon {
    display: none;
}
.EventTable img[id*=dgAttendeesSummary] {
    display: none;
}
.DonationCaptureListingHeading h2 {
    font-size: 21px;
    font-weight: normal;
    margin-top: 1em;
}
.donation-container .donation-amount,
.donation-container .donation-currency,
.donation-container .donation-message {
    font-size: 1rem;
    margin: 0;
    padding: 3px;
    height: auto;
    display: inline-block;
}
.donation-container .donation-amount {
    text-align: right;
    border-color: #cccccc;
}
.donation-container .donation-message:after {
    content: " of";
}
.donation-container.disabled .donation-message:after {
    content: "";
}
.donation-container.disabled .donation-currency,
.donation-container.disabled .donation-amount {
    display: none;
}

/* Multi-level Events */
.MultiLevelEvent .EventItemsTable {
    display: initial;
}
.MultiLevelEvent .EventItemTitleName {
    position: relative;
    font-size: 1.5em;
    line-height: 1.5em;
    padding-left: 18px;
    text-transform: none;
}
.MultiLevelEvent .EventItemCheckbox {
    margin: 0;
    position: absolute;
    top: 12px;
    left: 0;
}
.MultiLevelEvent .EventItemTitlePrice {
    float: right;
}
.MultiLevelEvent .EventItemTitleDescription, .MultiLevelEvent .EventItemTitleTime {
    padding-left: 18px;
}
.MultiLevelEvent .SummaryGridEventPrice {
    text-align: right;
}

/* Transaction Manager */
.TransactionManagerHelpTextDiv {
    padding: 0;
}
.TransactionManagerTabsContainer {
    background: #004896;
    border: none;
    border-radius: 0.5em 0.5em 0 0;
}
.TransactionManagerTab {
    float: left;
    margin: 0 0 0 0.5em;
    padding: 0.5em;
}
.TransactionManagerTabLink {
    color: white;
    font-size: 1em;
    font-weight: bold;
}
.TransactionManagerTabLink:hover {
    color: white;
}
.TransactionManagerCurrentTab {
    background-color: #ddb10a;
    border: none;
}
.TransactionManagerTabContent {
    border: 1px solid #ddd;
    border-radius: 0 0 0.5em 0.5em;
    border-top-width: 0;
}
.TransactionManagerContentWrapper {
    margin: 1em;
}
.TransactionManagerFilterContainer {
    width: 100%;
    margin-bottom: 1em;
    padding: 1em;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
}
.TransactionManagerFilterItem {
    margin: 0;
}
.TransactionManagerFieldContainer {
    display: inline-block;
    padding: 0 0 1em;
    width: 100%;
}
.TransactionManagerSpecificDateDivSelected {
    margin: 0;
    white-space: nowrap;
    padding-top: 0.5em;
}
.TransactionManagerSpecificDateDivSelected .TransactionManagerFieldContainer {
    width: auto;
    padding-bottom: 0;
}
.TransactionManagerSpecificDateDivSelected input {
    position: relative;
    top: -0.5em;
    width: 8em;
    float: left;
    margin: 0;
}
.TransactionManagerSpecificDateDivSelected .ui-datepicker-trigger {
    vertical-align: text-bottom;
}
.TransactionManagerFilterActions {
    margin: 0.5em 0 0;
}
.TransactionManagerInformationGrid, .TransactionManagerSummaryContainer  {
    width: 100%;
    overflow: auto;
}
.TransactionManagerGrid {
    width: 100%;
}
.TransactionManagerGridHeaderCell,
.TransactionManagerSummaryHeaderRow {
    background-color: #666;
    color: white;
    padding: 0.5em;
    font-weight: normal;
}
.TransactionManagerGridHeaderCellSortedAscending,
.TransactionManagerGridHeaderCellSortedDescending {
    background-image: none;
}
.TransactionManagerGridHeaderCellSortedAscending:after,
.TransactionManagerGridHeaderCellSortedDescending:after {
    font-family: "FontAwesome";
    padding-left: 0.5em;
}
.TransactionManagerGridHeaderCellSortedAscending:after {
    content: "\f0d8";
}
.TransactionManagerGridHeaderCellSortedDescending:after {
    content: "\f0d7";
}
.TransactionManagerGridHeaderCell0,
.TransactionManagerGridCell.TransactionManagerGridCell0{
    display: none;
}
.TransactionManagerGridCell,
.TransactionManagerGridNotificationCell {
    float: none !important;
}
.TransactionManagerSummaryDetailValue {
    text-align: left;
}
.TransactionManagerExportContainer {
    background: none;
    border: none;
    position: relative;
}
.TransactionManagerExportOptionsContainer {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    border-radius: 0.5em;
    padding: 0.5em;
    position: absolute;
    right: 1em;
}
.Pager {
    border: 1px solid #ccc;
    float: right;
    margin: 0;
}
.PagerInfo {
    background: none;
    margin: 0;
    padding: 0 0.5em;
    color: #666;
    font-weight: normal;
}
.TransactionManagerOddRow,
.TransactionManagerEvenRow {
    font-size: small;
}

/* Donation Forms */
.DonationListingHeading {
    display: none !important;
}
.BBFormTable td[id$=CaptionAmount] {
    display: none !important;
}
.BBFormTable table[id$=tblAmount],
.BBFormTable table[id$=tblAmount] > tbody {
    display: block;
    margin: 0 auto;
    width: auto;
    text-align: center;
}
.BBFormTable table[id$=tblAmount] > tbody > tr {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.BBFormTable table[id$=tblAmount] > tbody > tr > td {
    display: block;
    min-width: 60px;
    float: none;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 1;
}
.BBFormTable table[id$=tblAmount] .BBFieldControlCell.vaBottom {
    display: none;
}
.BBFormTable table[id$=tblAmount] .BBFieldControlCell > span {
    display: table;
    height: 60px;
    width: 100%;
    border-spacing: 0;
    margin: 0;
}
.BBFormTable table[id$=tblAmount] .BBFieldControlCell > span > input[type=radio] {
    position: absolute;
    left: -9999px;
}
.BBFormTable table[id$=tblAmount] .BBFieldControlCell > span > label {
    display: table-cell;
    vertical-align: middle;
    font-size: 17px;
    color: white;
    padding: 0 8px;
}
.BBFormTable table[id$=tblAmount] > tbody > tr {
    position: relative;
    margin: 2px;
    background-color: #003399;
    color: white;
    border-radius: 5px;
    border: 1px solid #003399;
    background: linear-gradient(#003399 35%, #3366cc 100%);
    overflow: hidden;
}
.BBFormTable table[id$=tblAmount] > tbody > tr > td {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 92%, rgba(0,0,0,0.7) 100%), linear-gradient(to bottom, rgba(255,255,255,0.6) 0, rgba(255,255,255,0) 8%);
    box-shadow: inset 0 0 10px 0 rgba(255,255,255,0.2);
}
.BBFormTable table[id$=tblAmount] > tbody > tr.active {
    background-color: #deb407;
    border: 1px solid #9c7205;
    background: linear-gradient(#bc9205 35%, #deb407 100%);
}
.BBFormTable table[id$=tblAmount] > tbody > tr.active > td {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 92%, rgba(0,0,0,0.3) 100%), linear-gradient(to bottom, rgba(255,255,255,0.9) 0, rgba(255,255,255,0) 8%);
}
.BBFormTable table[id$=tblAmount] > tbody > tr[id$=trOther] > td {
    display: inline-block;
    width: auto;
}
.BBFormTable table[id$=tblAmount] > tbody > tr[id$=trOther].active > td {
    box-shadow: none;
}
.BBFormTable table[id$=tblAmount] > tbody > tr[id$=trOther] > td.DonationFieldControlCell > table td {
    float: none;
    width: auto;
}
.BBFormTable table[id$=tblAmount] > tbody > tr[id$=trOther] > td.wsNowrap > table {
    margin-left: 0 !important;
    padding-right: 0.25em;
    border-spacing: 0;
    margin: 9px 0;
}
.BBFormTable table[id$=tblAmount] > tbody > tr[id$=trOther] input[id$=txtAmount] {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 17px;
}
.BBFormTable table[id$=tblAmount] > tbody > tr[id$=trOther] > td.wsNowrap {
    display: none;
    width: 100px;
    height: 60px;
    box-shadow: none;
}
.BBFormTable table[id$=tblAmount] > tbody > tr[id$=trOther].active > td.wsNowrap {
    display: inline-block;
}
.DonationFormTable_DonationPanel_SymbolLabel {
    padding-right: 3px;
}
.BBFormTable .BBFormRequiredFieldMarker {
    padding-left: 3px;
}
.BBFormTable tr[id$=trGiftType] .DonationFieldCaption,
.BBFormTable label[id$=lblFrequencyCaption] {
    padding-top: 0.875em;
}
.BBFormTable table[id$=rdoGiftType] {
    margin-top: 0.5em;
}
.BBFormTable table[id$=rdoGiftType] tr {
    float: left;
    padding-right: 2em;
}
.BBFormTable div[id$=Recurrence_divFrequency] table {
    border-spacing: 0;
    margin-top: 0.5em;
}
.BBFormTable div[id$=Recurrence_divFrequency] td {
    font-size: 0;
    width: auto !important;
    float: left;
}
.BBFormTable div[id$=Recurrence_divFrequency] td select,
.BBFormTable div[id$=Recurrence_divFrequency] td input {
    margin-bottom: 0.5em;
}
.BBFormTable div[id$=Recurrence_divFrequency] td label {
    text-align: left;
}
.BBFormTable div[id$=Recurrence_divFrequency] [id$=trRange] td {
    font-size: inherit;
}
.BBFormTable div[id$=Recurrence_divFrequency] input {
    display: inline;
    margin-right: 5px;
}
.BBFormTable [id$=Recurrence_tdFrequency] input[id$=rdoDay] {
    display: none;
}
.BBFormTable [id$=Recurrence_tdFrequency] label[for$=Recurrence_rdoDay] {
    margin: 0;
    padding: 0.5em;
}
.BBFormTable [id$=Recurrence_tdFrequency] label[id$=Recurrence_lblTxtOnMonthlyQuarterly] {
    padding-left: 0;
}
.BBFormTable [id$=Recurrence_tdFrequency] tr[id$=Recurrence_trMonthlyQuarterly] td.wsNowrap select.recurring-dates {
    width: auto;
    margin-right: 0.5em;
}
.BBFormTable [id$=Recurrence_tdFrequency] label[id$=Recurrence_lblDay] {
    display: inline;
}
.BBFormTable [id$=Recurrence_tdFrequency] tr[id$=Recurrence_trAnnually] select {
    width: auto;
}
.BBFormTable [id$=trAnonymous] td.BBFieldCaption,
.BBFormTable [id$=trCorporate] td.BBFieldCaption {
    display: none;
}
.BBFormTable [id$=trAnonymous] td.BBFieldControlCell,
.BBFormTable [id$=trCorporate] td.BBFieldControlCell {
    text-align: center;
}
.BBFormTable .DonationArea {
    padding: 0.5em 0.5em 0;
    display: inline-block;
    text-align: left;
}
.BBFormTable .DonationAreaContainer {
    text-align: center;
}
.BBFormTable textarea[id$=txtComments] {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
}

/* Indicator for editor sections that should not be used */
.DoNotUse {
    position: relative;
}
.DoNotUse:before {
    content: "";
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: repeating-linear-gradient(-20deg, #f00, #f00 5px, #fff 5px, #fff 15px);
    opacity: 0.25;
}

/* Responsive elements */
@media only screen and (min-width: 40.063em) {
    .narrow {
        max-width: none;
    }
    .narrow-medium {
        max-width: 360px;
    }
    .stamp-header {
        text-align: left;
        padding-bottom: 0;
    }
    .button-navigation {
        display: table;
        border-spacing: 0;
    }
    .button-navigation .button {
        display: table-cell;
        border-right: 2px solid white;
    }
    .button-navigation .button:last-child {
        border-right: none;
    }
    .stamp {
        display: block;
    }
    .stamp .image {
        display: block;
        width: 100%;
        padding-bottom: 50%;
        margin-bottom: 12px;
    }
    .stamp .content {
        display: block;
        padding: 0;
    }
    .stamp .link-block {
        float: none;
    }
    .stamp.wide {
        display: table;
    }
    .stamp.wide .image {
        display: table-cell;
        width: 200px;
        padding-bottom: 220px;
    }
    .stamp.wide .content {
        display: table-cell;
        vertical-align: top;
    }
    .stamp.wide .image + .content {
        padding-left: 1em;
    }
    .stamp.wide .image + .content .description {
        min-height: 160px;
    }
   
    /* Forms */
    .BBFormTable tr td {
        float: none;
        display: table-cell;
        width: auto;
    }
    .BBFieldCaption {
        text-align: right;
    }
    .BBFieldControlCell,
    td.BBFormReadonlyValue {
        padding: 0 0 0.75em 0.75em;
    }
    td.BBFieldCaption + td {  /* Fix broken class assignment */
        padding: 0 0 0.75em 0.75em;
    }
    td.BBFormReadonlyValue td.BBFormReadonlyValue {
        padding: 0;
    }
    select,
    .BBFormSelectList {
        width: auto;
    }
    input.BBFormSubmitButton,
    .BBFormTable input[type="button"],
    .BBFormTable input[type="submit"],
    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        width: 150px;
        margin-right: 0;
    }
    
    /* Login Form */
    .LoginFormTable tr td {
        float: left;
        width: 100%;
    }
    .LoginFormTable .BBFieldCaption {
        text-align: left;
    }
    .LoginFormTable .BBFieldControlCell {
        padding: 0 0 0.75em 0;
    }
    
    /* Event registration forms */
    .EventItemRegistrationsTable .BBFieldControlCell {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        position: static;
    }
    .EventItemRegistrationControlCellQuantity {
        margin: 0;
    }
    .EventItemRegistrationControlCellDescription label,
    .EventItemRegistrationControlCellNumParticipants span,
    .EventItemRegistrationControlCellPrice span {
        padding: 0.5em 0;
    }
    .EventItemRegistrationControlCellPrice {
        text-align: right;
    }
    .EventItemRegistrantControlCellName {
        padding: 0 0.375em 0.75em;
    }

    /* Formbuilder Forms */
    .BBSequenceMapNavigationContainer {
        margin-top: 1em;
    }

    /* Transaction Manager */
    .TransactionManagerFilterActions {
        margin: 0;
    }
    .TransactionManagerFilterActions input {
        width: 100px;
        padding: 0.25em;
        border-radius: 0.25em;
        font-size: 15px;
        margin-right: 0;
    }
    .TransactionManagerFieldContainer .BBFieldCaption {
        padding: 0.5em 0.5em 0.5em 0;
        width: 7em;
    }
    
    /* Donation Panels */
    .donation-panel {
        float: left;
        width: 33%;
        padding-bottom: 16.5%;
    }
    .donation-panel.featured {
        width: 66%;
        padding-bottom: 33%;
    }
    .donation-panel.featured h3 {
        font-size: 1.8em;
    }
}

@media only screen and (min-width: 64.063em) {
    #right-column {
        border-top: none;
        padding-top: 0;
    }
    
    /* Profile form */
    .bbformbuilder-section-column1{
        width: 100% !important;
    }
    div.bbformbuilder-label-container{
        width: 278px!important; 
    }
    .bbformbuilder-float-lalign, .bbformbuilder-input-containe, .bbformbuilder-inputandmsg-container, .bbformbuilder-input-container select {
        width: 51%!important;
        float: left;
    }
    .BBFormAddressManagementNewAddressContainer, .BBFormPhoneManagementNewPhoneContainer, .BBFormEmailManagementNewEmailContainer{
        background-color: rgba(0,77,141,0.05);
        border: 1px solid #CCC;
        display: block;
        padding: 45px 15px;
        width: 750px;
        margin: 1% 0 3% 0;
    }
    .BBFormAddressManagementNewAddressLabel, .BBFormPhoneManagementNewPhoneLabel, .BBFormEmailManagementNewEmailLabel {
        width: 33%;
        float: left;
        text-align: left;
    }
    #S4_ORGANIZATIONADDRESSCOMPOSIT_Container{
        width: 750px !important;
    }
    span#S4_ORGANIZATIONADDRESSCOMPOSIT_lblCountryCaption, div#S4_ORGANIZATIONADDRESSCOMPOSIT_pnlState, #S4_ORGANIZATIONADDRESSCOMPOSIT_pnAddressLines input, span#S4_ORGANIZATIONADDRESSCOMPOSIT_lblAddr1Caption, span#S4_ORGANIZATIONADDRESSCOMPOSIT_lblAddr2Caption, span#S4_ORGANIZATIONADDRESSCOMPOSIT_lblCityCaption, span#S4_ORGANIZATIONADDRESSCOMPOSIT_lblStateCaption, span#S4_ORGANIZATIONADDRESSCOMPOSIT_lblZipCaption {
        float: left;
    min-width: 278px;
    }
    #S4_ORGANIZATIONADDRESSCOMPOSIT_pnAddressLines input, input#S4_ORGANIZATIONADDRESSCOMPOSIT_txtCity, select#S4_ORGANIZATIONADDRESSCOMPOSIT_ddState, input#S4_ORGANIZATIONADDRESSCOMPOSIT_txtZip {
        float: left;
        width: 431px !important;
    }
    select#S4_ORGANIZATIONADDRESSCOMPOSIT_ddCountry,  select#S4_ORGANIZATIONADDRESSCOMPOSIT_ddState {
        max-width: 220px !important;
    }

    /* Reset Password form */
    td.LoginFieldMessage {
        font-size: 1rem;
        text-align: left !important;
        margin-bottom: 20px;
        padding-left: 247px;
    }
    td.BBFieldCaption.ProfileFieldCaptionDisabled {
        width: 247px;
    }

    td.LoginFieldMessage {
        font-size: 1.1rem;
    }
    td.BBFieldCaption.ProfileFieldCaption, td.BBFieldCaption.ProfileFieldCaptionDisabled, td.BBFieldControlCell.ProfileFieldControlCell {
        float: none;
        width: 247px;
    }

}

@media print {
    #header-container, #right-column, #footer {
        display: none !important;
    }
    #left-column {
        width: 100% !important;
    }
    .no-print {
        display: none !important;
    }
}