.forumtriblock {
    font-family: Verdana, sans-serif;
}
.standard.forumtriblock,
.personal.forumtriblock,
.bordered.forumtriblock,
.basic.forumtriblock {
    margin-bottom: 20px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.standard.forumtriblock,
.personal.forumtriblock,
.bordered.forumtriblock {
    background: url("../../images/head/site/bg-block-standard.png") repeat-x bottom left #fff;
    -webkit-box-shadow: 0 1px 3px 0 #868686;
    -moz-box-shadow: 0 1px 3px 0 #868686;
    box-shadow: 0 1px 3px 0 #868686;
}
.personal.forumtriblock {
    border: 3px solid #d0d0d0;
}
.standard.forumtriblock > h2,
.personal.forumtriblock > h2,
.bordered.forumtriblock > h2,
.standard.forumtriblock > .forumtriblock-content:first-child > h2:first-child,
.personal.forumtriblock > .forumtriblock-content:first-child > h2:first-child,
.bordered.forumtriblock > .forumtriblock-content:first-child > h2:first-child {
    margin: 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    padding: 10px 20px;
    font-size: 150%; /* Effective font-size: 18px. */
    font-weight: normal;
    color: #424447;
}

.standard.forumtriblock > .forumtriblock-content,
.personal.forumtriblock > .forumtriblock-content {
    padding: 10px;
}
.standard.forumtriblock > h2 + .forumtriblock-content,
.personal.forumtriblock > h2 + .forumtriblock-content {
    padding: 0 20px 20px 20px;
}
.overflowing.forumtriblock > .forumtriblock-content {
    overflow: visible;
}

/* Generic */
.forumtriblock-content {
    overflow: hidden;
    color: #505450;
}
/* Some resets */
.forumtriblock-content ol, 
.forumtriblock-content ul, 
.forumtriblock-content li, 
.forumtriblock-content h1, 
.forumtriblock-content h2, 
.forumtriblock-content h3, 
.forumtriblock-content h4, 
.forumtriblock-content h5, 
.forumtriblock-content h6, 
.forumtriblock-content p {
    margin: 0;
    padding: 0;
    list-style: none;
}

.forumtriblock-content h2, 
.forumtriblock-content h3, 
.forumtriblock-content h4, 
.forumtriblock-content h5, 
.forumtriblock-content h6 {
    font-size: 100%;
    font-weight: normal;
}
.forumtriblock-content h3 {
    font-weight: bold;
    line-height: 1.4;
}
.forumtriblock-content li,
.forumtriblock-content p {
    line-height: 1.4;
}
.forumtriblock-content .maintext + p,
.forumtriblock-content .richtext + p,
.forumtriblock-content p + p {
    margin-top: 13px;
}
.forumtriblock-content .maintext {
    font-size: 108.33%; /* Effective font-size: 13px. */
}
.forumtriblock-content h2 + .maintext,
.forumtriblock-content .maintext:first-child {
    margin-top: -2px; /* Offset for the baseline of the first line of .maintext content being 2px lower than it'd be for non-.maintext content. */
}
.forumtriblock-content .maintext h1,
.forumtriblock-content .maintext h2,
.forumtriblock-content .maintext h3,
.forumtriblock-content .maintext h4,
.forumtriblock-content .maintext h5,
.forumtriblock-content .maintext h6 {
    line-height: 1.4;
}
.forumtriblock-content .main-column h2 + .maintext > h3:first-child {
    margin-top: -4px; /* More baseline offset to keep the first line of text lined out correctly. */
    margin-bottom: 4px;
}
.forumtriblock-content .richtext ul,
.forumtriblock-content .richtext ol,
.forumtriblock-content .richtext object,
.forumtriblock-content .richtext object > p {
    margin-bottom: 12px;
}
.forumtriblock-content .richtext p + ul,
.forumtriblock-content .richtext p + ol,
.forumtriblock-content .richtext p + img,
.forumtriblock-content .richtext p + img + p,
.forumtriblock-content .richtext p + img + ul,
.forumtriblock-content .richtext p + img + ol,
.forumtriblock-content .richtext p + object,
.forumtriblock-content .richtext p + object > p, /* Fallback content. */
.forumtriblock-content .richtext p + h3,
.forumtriblock-content .richtext p + h4,
.forumtriblock-content .richtext p + h5,
.forumtriblock-content .richtext p + h6,
.forumtriblock-content .richtext h4 + object,
.forumtriblock-content .richtext h5 + object {
    margin-top: 13px;
}
.forumtriblock-content .richtext h3 + h4 {
    margin-top: 5px;
}
.forumtriblock-content .richtext li {
    margin: 0 0 0 17px;
    list-style: disc inside;
    text-indent: -1.5em;
    padding-left: 1em;
}
.forumtriblock-content .richtext ol {
    margin-left: 5px;
}
.forumtriblock-content .richtext ol > li,
.forumtriblock-content ol.richtext > li {
    list-style: decimal inside;
}
.forumtriblock-content a {
    color: #505450;
    text-decoration: underline;
}
.forumtriblock-content .tabs a,
.forumtriblock-content .link-list a,
.forumtriblock-content .metanav a {
    text-decoration: none;
}
.forumtriblock-content a img {
    border: none;
}
.forumtriblock-content a:hover,
.forumtriblock-content * a:hover {
    text-decoration: underline;
    color: #424447;
}
.forumtriblock-content .intro {
    font-weight: bold;
}
.forumtriblock-content ol > li > a:only-child,
.forumtriblock-content ul > li > a:only-child {
    display: block;
}

/* Page layout styling------------------------------------------------------------*/
/* Three column page styling, order: 2-1-3 */
.forumtriblock-content .main-column-wrapper {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}
.forumtriblock-content .all.main-column-wrapper .main-column {
    margin: 0 140px;
    padding-right: 20px;
}
.forumtriblock-content .nav-column {
    float: left;
    width: 265px;
    margin-left: -100%;
}
.forumtriblock-content .additional-column {
    float: right;
    width: 220px;
    margin-left: -220px;
}
.forumtriblock-content .nav-column .rich-items h3, 
.forumtriblock-content .additional-column .rich-items h3 {
    margin-top: 0;
}
/* Two column page styling, order: 2-1 */
.forumtriblock-content .nav.main-column-wrapper .main-column {
    margin: 0 0 0 275px;
}

/* Two column page styling, order: 1-2 */
.forumtriblock-content .additional.main-column-wrapper .main-column {
    margin: 0 240px 0 0;
    padding-right: 20px;
}

/* 
Progression of header sizes:
- nav-/additional-column: 15px, 12px bold
*/
.forumtriblock-content .main-column > h2 {
    margin-top: -6px; /* Cut away the effects of the high line-height. */
    margin-bottom: 7px; /* Creates an effective 15px gap to the next textual content. */
    font-size: 200%; /* Effective font-size: 24px. */ 
    color: #424447;
}
.forumtriblock-content .all.main-column-wrapper .main-column > h2 {
    font-size: 150%; /* Effective font-size: 18px. */ 
}
.forumtriblock-content .nav-column h2,
.forumtriblock-content .additional-column h2 {
    margin-top: 29px; /* Baseline on the same height as the content following the .main-column h2. */
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 125%; /* Effective font-size: 15px. */
}
.forumtriblock-content .all.main-column-wrapper + .nav-column h2,
.forumtriblock-content .all.main-column-wrapper + .additional-column h2 {
    margin-top: 21px; /* Baseline on the same height as the content following the .main-column h2. */
}
.forumtriblock-content .nav-column * + h2,
.forumtriblock-content .additional-column * + h2 {
    margin-top: 40px; 
}
.forumtriblock-content .nav-column * + h2:first-child,
.forumtriblock-content .additional-column * + h2:first-child {
    margin-top: 29px; /* Spacing for subsequent blocks. */
}


.forumtriblock-content .main-column h3 {
    font-weight: normal;
    font-size: 125%; /* Effective font-size: 15px. */
}
.forumtriblock-content .main-column .maintext h3 {
    font-size: 115.38%; /* Effective font-size: 15px. */
}
.forumtriblock-content .main-column .rich-items h3,
.forumtriblock-content .main-column .grid-items h3,
.forumtriblock-content .main-column h4 {
    font-weight: bold;
    font-size: 108.33%; /* Effective font-size: 13px. */
}
.forumtriblock-content .main-column .rich-items .maintext h3,
.forumtriblock-content .main-column .maintext .rich-items h3,
.forumtriblock-content .main-column .maintext .grid-items h3,
.forumtriblock-content .main-column .maintext h4 {
    font-size: 100%; /* Effective font-size: 13px. */
    color: #BB4FAA;
}
.forumtriblock-content .nav-column h3,
.forumtriblock-content .additional-column h3 {
    margin-top: 11px; /* Effective white-space: 15px. */
}
.forumtriblock-content .nav-column h3:first-child {
    margin-top: 0;
}

.forumtriblock-content .nav-column li {
    margin: 6px 0;
}
.forumtriblock-content .nav-column img.forumtri-image {
    max-width: 265px;
}
.forumtriblock-content .nav-column p {
    margin-bottom: 15px;
}
/* END Page Styling ------------------------------------------------------------*/


.forumtriblock-content .link-list {
    margin-top: 5px;
}
.forumtriblock-content .link-list > li {
    margin: 6px 0;
    padding-left: 10px;
    text-indent: -10px;
}
.forumtriblock-content .link-list > li > a {
    padding-left: 10px;
    background: url("../../images/head/site/link-item.png") no-repeat left 5px;
}
.forumtriblock-content .link-list > li > a:only-child {
    display: inline; /* In link-lists, links should just be inline even if they're :only-child. */
}
.forumtriblock-content .link-list > li > a:hover {
    background-image: url("../../images/head/site/link-item-hover.png");
}
.forumtriblock-content .nav-column .link-list,
.forumtriblock-content .additional-column .link-list {
    padding-bottom: 10px;
    background: url("../../images/head/site/bg-dotted.png") repeat-x left bottom;
}
.forumtriblock-content .nav-column .link-list:last-child,
.forumtriblock-content .additional-column .link-list:last-child {
    background: none;
}

.forumtriblock-content dl.meta {
    margin: 0;
    padding: 0;
}
.forumtriblock-content dl.meta dt,
.forumtriblock-content dl.meta dd {
    float: left;
    display: block;
}
.forumtriblock-content dl.meta dt {
    width: 20%;
    clear: left;
}
.forumtriblock-content dl.meta dd {
    width: 60%;
}
.forumtriblock-content dl.meta dt,
.forumtriblock-content dl.meta dd {
    margin: 6px 0;
    padding-left: 10px;
    text-indent: -10px;
}
.forumtriblock-content p.additional,
.forumtriblock-content span.additional {
    font-size: 91.67%; /* Effective font-size: 11px. */
    font-weight: normal;
    color: #868686;
}
.forumtriblock-content p.additional a,
.forumtriblock-content span.additional a {
    color: #868686;
}
.forumtriblock-content p.additional a:hover,
.forumtriblock-content span.additional a:hover {
    color: #424447;
}

/* library: tabs */
.forumtriblock-content .tabs {
    position: relative;
    overflow: visible;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #d0d0d0;
}
.forumtriblock-content .tabs:after { /* Extremely dirty hack to remove the the sideways box-shadows of the tabs which exist underneath the border-bottom. */
    position: absolute;
    bottom: -3px;
    display: block;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #fff;
}
.forumtriblock-content .tabs li {
    float: left;
    margin: 1px 2px 0 1px;
}
.forumtriblock-content .tabs li a {
    float: left;
    min-height: 17px;
    -moz-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0; /* Triggers an Opera bug with the background image being cut off. Reported to Opera via Anne. */
    padding: 5px 15px;
    font-size: 100%;
    line-height: 17px;
    color: #505450;
    background-color: #efefef;
    -moz-box-shadow:
            0 -4px 2px -2px #efefef inset, 
            0 -27px 12px -8px #fff inset,
            0 1px #d0d0d0,
            0 4px #fff,
            0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:
            0 -4px 2px -2px #efefef inset, 
            0 -27px 12px -8px #fff inset,
            0 1px #d0d0d0,
            0 4px #fff,
            0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow:
            0 -4px 2px -2px #efefef inset, 
            0 -27px 12px -8px #fff inset,
            0 1px #d0d0d0,
            0 4px #fff,
            0 1px 3px rgba(0, 0, 0, 0.5);
}
.forumtriblock-content .tabs li a:hover {
    text-decoration: none;
    color: #424447;
    background-color: #f8f8f8;
}
.forumtriblock-content .tabs li.current a {
    color: #424447;
    background-color: #fff;
    -moz-box-shadow:
            0 4px #fff,
            0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:
            0 4px #fff,
            0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow:
            0 4px #fff, /* hack to remove the box-shadow on the bottom. */
            0 1px 3px rgba(0, 0, 0, 0.5);
}
.forumtriblock-content .tabs li a:focus {
    color: #424447;
    outline: 0;
    -moz-box-shadow:
            0 -4px 2px -2px #efefef inset, 
            0 -27px 12px -8px #fff inset,
            0 1px #d0d0d0,
            0 4px #fff,
            0 -1px 3px #424447;
    -webkit-box-shadow:
            0 -4px 2px -2px #efefef inset, 
            0 -27px 12px -8px #fff inset,
            0 1px #d0d0d0,
            0 4px #fff,
            0 -1px 3px #424447;
    box-shadow:
            0 -4px 2px -2px #efefef inset, 
            0 -27px 12px -8px #fff inset,
            0 1px #d0d0d0,
            0 4px #fff,
            0 -1px 3px #424447;
}
.forumtriblock-content .tabs li.current a:focus {
    -moz-box-shadow:
            0 4px #fff,
            0 -1px 3px #424447;
    -webkit-box-shadow:
            0 4px #fff,
            0 -1px 3px #424447;
    box-shadow:
            0 4px #fff,
            0 -1px 3px #424447;
}
.forumtriblock-content .tabs.interactive + ul > li,
.forumtriblock-content .tabs.interactive + ol > li {
    display: none;
}
.forumtriblock-content .tabs.interactive + ul > li.current,
.forumtriblock-content .tabs.interactive + ol > li.current {
    display: block;
}
.forumtriblock-content .tabs.static {
    display: none;
}

/* library: rich-items and grid-items. */
.forumtriblock-content .rich-items,
.forumtriblock-content .grid-items {
    border-bottom: 1px solid #D0D0D0;
    margin-bottom: 10px;
}
.forumtriblock-content .additional-column .rich-items,
.forumtriblock-content .additional-column .grid-items {
    border-bottom: none;
} 

.forumtriblock-content .rich-items:last-child,
.forumtriblock-content .grid-items:last-child {
    margin-bottom: 0;
    border-bottom: 0; /* The solid line demarcates where the list ends and the next bit of content begins. If there's no next bit of content (within the block), remove the line. Note: this does mean that next content (if it exists) should always be a sibling; otherwise exceptions will need to be invented to restore the line. */
}
.forumtriblock-content .rich-items > li {
    clear: both;
    overflow: hidden;
    background: url("../../images/head/site/bg-dotted.png") repeat-x left top;
    padding: 10px 0;
}
.forumtriblock-content .rich-items > li:first-child,
.forumtriblock-content .rich-items.interactive[data-component="bw.ui.paginator"] > li:nth-child(3n+1) {
    padding-top: 0;
    background: none;
}
.forumtriblock-content .rich-items img {
    float: left;
    max-height: 120px;
    max-width: 60px;
    margin: 3px 10px 5px 0;
}
.forumtriblock-content .rich-items .content {
    margin-left: 70px; /* Default 10px margin next to a default 60px wide img.*/
    line-height: 1.2;
}
.forumtriblock-content .rich-items .content.full {
    margin-left: 200px; /* 20px margin next to a .cover.full */
}
.forumtriblock-content .rich-items .content.list-big {
    margin-left: 140px; /* 20px margin next to a .cover.list-big */
}
.forumtriblock-content .rich-items .content.etalage {
    margin-left: 100px; /* 20px margin next to a .cover.etalage */
}
.forumtriblock-content .rich-items .content.bookshelf {
    margin-left: 87px; /* 20px margin next to a .cover.bookshelf; XXX: bookshelf size will probably go away. */
}
.forumtriblock-content .rich-items .content.list {
    margin-left: 60px; /* 20px margin next to a .cover.list */
}

.forumtriblock-content .main-column .rich-items,
.forumtriblock-content .grid-items {
    margin-bottom: 20px;
}

.forumtriblock-content .main-column .rich-items > li {
    padding: 17px 0 12px 0;
}
.forumtriblock-content .main-column .rich-items > li:first-child {
    padding-top: 0;
}
.forumtriblock-content .main-column .rich-items img {
    max-width: 200px;
    max-height: 400px;
    margin: 3px 20px 10px 0;
}
.forumtriblock-content .main-column .rich-items .content {
    margin-left: 200px;
    padding-left: 20px;
}
.forumtriblock-content .main-column .wrapping.rich-items .content {
    margin-left: 0;
    padding-left: 0;
}
/* .accompanying on content following a h2 or h3 guarantees placement close to the header, with an appropriate amount of white-space to follow. */
.forumtriblock-content h3 + .accompanying {
    margin-bottom: 5px;
}
.forumtriblock-content .main-column h2 + .accompanying {
    margin-top: -6px;
    margin-bottom: 10px;
}
.forumtriblock-content .main-column h3 + .accompanying {
    margin-bottom: 10px;
}

.forumtriblock-content .grid-items {
    overflow: hidden;
    float: left;
}
.forumtriblock-content .grid-items > li {
    overflow: hidden;
    clear: none;
    float: left;
    width: 161px; /* This is a reasonable default uniform width, which in a 2-column page shows 4-5 items per row. Individual blocks have the freedom to pick other widths which work well for them. */
    height: 202px; /* This is a reasonable default uniform height, which allows for a .list-big.cover and a .caption, with spacing according to the styleguide. Individual blocks have the freedom to pick other heights which work well for them. */
    margin: 0 20px 20px 0;
    padding: 4.1em 0 0 0; /* The 4.1em is the maximum height of the caption, which scales along with font-size; this construction ensures that the li is always as high as the caption plus the linked image, and no higher. */
}
/* A link directly inside a .grid-items li signifies an image, all of which should align on baseline. Images are expected to fit in a 128 x 192 box. */ 
.forumtriblock-content .grid-items > li > a,
.forumtriblock-content .grid-items > li > span {
    position: relative;
    top: -4.1em; /* Move up by the amount of padding-top on the li. */
    display: block;
    height: 192px; /* Content higher than this will be cut off at the top. */
    padding: 0 2px; /* Provide a bit of space for the box-shadow of the covers. */
}
.forumtriblock-content .grid-items > li > * > img {
    position: absolute;
    bottom: 0;
    max-height: 192px;
    margin: 0;
}
.forumtriblock-content .grid-items > li > .caption {
    overflow: hidden;
    clear: left;
    max-height: 4.1em;
    margin: -4.1em 0 0 0; /* Move up by the amount of padding-top on the li (which is its own height). */
    padding-top: 10px;
}
.forumtriblock-content .grid-items > li > .caption > * {
/* Cut off each bit of .caption content after 2 lines. */
    overflow: hidden;
    max-height: 2.6em;
    line-height: 1.25;
}

.forumtriblock-content p.totalresults,
.forumtriblock-content .main-column .tools {
    margin-bottom: 20px;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 10px;
}
.forumtriblock-content .main-column .tools {
    float: left;
    width: 100%;
    margin-top: -9px;
}
.forumtriblock-content .main-column .tools > p.totalresults {
    float: left;
    margin-bottom: 0;
    border-bottom: 0;
    padding-top: 9px; /* align to baseline with tools */
    padding-bottom: 0;
}
.forumtriblock-content .main-column .tools + .categorized {
    clear: left;
}
.forumtriblock-content .main-column .categorized {	
    overflow: auto;
}
.forumtriblock-content .main-column .categorized h3 {
    margin-bottom: 20px;
}

/* ================================= 
Previous styling is unsupported 
================================= */

/* When JavaScript is enabled, only show the .current itemdetail. */
.forumtriblock-content ul.itemdetail.interactive > li,
.forumtriblock-content ol.itemdetail.interactive > li {
    display: none;
    padding: 0 0 10px 0; /* Remove the .rich-items padding. */
    background: none; /* Remove the .rich-items dotted line. */
}
.forumtriblock-content ul.itemdetail.interactive > li.current,
.forumtriblock-content ol.itemdetail.interactive > li.current {
    display: block;
}

/* Toggles. */
.forumtriblock-content .tools ul.toggle {
    float: right;
    width: auto;
    padding-right: 1px;
}
.forumtriblock-content .tools ul.toggle > li {
    float: left; /* float left inside float right, so visual order equals keyboard access (tab-through-links) order */
}
.forumtriblock-content .tools .toggle a {
    width: 23px;
    height: 18px;
    margin-left: 4px;
    border: 1px solid rgba(0, 0, 0, .18); /* Effective color probably #d0d0d0 */
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 1px 0;
    text-indent: -9999em;
    background-repeat: no-repeat;
    background-position: center center;
}

.forumtriblock-content .richtext,
.forumtriblock-content .richtext h3,
.forumtriblock-content .richtext h4, 
.forumtriblock-content .richtext h5 {
    clear: both;
}
.forumtriblock-content .richtext p.intro + h3,
.forumtriblock-content .richtext p.intro + h4,
.forumtriblock-content .richtext img.offset + p + h3,
.forumtriblock-content .richtext img.offset + p + h4, 
.forumtriblock-content .richtext img.offset + p + h5 {
    clear: left;
}
.forumtriblock-content .richtext p.intro + img,
.forumtriblock-content .richtext p.intro + img + p,
.forumtriblock-content .richtext p.intro + object,
.forumtriblock-content .richtext p.intro + object + p {
    clear: right;
}

.forumtriblock-content .rich-items > li.richtext,
.forumtriblock-content .rich-items > li.richtext h3,
.forumtriblock-content .rich-items > li.richtext h4, 
.forumtriblock-content .rich-items > li.richtext h5 {
    clear: none;
}
.forumtriblock-content .richtext img:not([draggable, infowindow]) {
    float: left;
    clear: left;
    max-width: 200px;
    max-height: 400px;
    margin: 3px 20px 10px 0;
}
.forumtriblock-content .intro img {
    max-width: 384px;
    max-height: 614px;
}
.forumtriblock-content .richtext img.standalone {
    float: none;
    clear: both;
    width: 100%;
    max-height: 1024px;
    max-width: 640px;
    margin-right: 0;
}
.forumtriblock-content .richtext img.offset {
    float: right;
    clear: right;
    margin-right: 0;
    margin-left: 20px;
}
.forumtriblock-content .maintext.richtext img {
    margin-top: 6px; /* Deal with the higher line-height. */
}
.forumtriblock-content .maintext.richtext p + img {
    margin-top: 19px; /* Maintain the white-space between paragraphs as well. */
}
.forumtriblock-content .richtext ol > li > a:only-child,
.forumtriblock-content .richtext ul > li > a:only-child {
    display: inline; /* Can't trust that this really is the only child, and doesn't offer any benefit to keep it display: block anyway. */
}

/* TODO: Check if this is generic enough for use in other places. */
/* ================================= 
Upcoming styling is unsupported 
================================= */
.forumtriblock-content .poweredby {
    margin-top: 6px; /* Create space for the offset h3, including its text-shadow. */
    border: 1px solid #d0d0d0;
    -moz-border-radius: 7px;
    border-radius: 7px;
    padding: 5px 20px 7px 20px;
    background-color: #fff;
}
.forumtriblock-content .poweredby h3 {
    margin-top: -14px;
    font-size: 91.67%; /* Effective font-size: 11px. */
    text-shadow: 0 0 4px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff; /* A single text-shadow isn't nearly visible enough. */
}
.forumtriblock-content .poweredby img {
    display: block;
    max-height: 40px;
    max-width: 160px;
}

.forumtriblock-content .pagestyling {
    position: absolute;
    z-index: -1;
    top: 1em;
    left: 50%;
    overflow: hidden;
    width: 1280px;
    height: 16em;
    margin-top: 98px;
    margin-left: -640px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding-top: 100px;
    background-position: center 40%;
    background-repeat: no-repeat;
}
.forumtriblock-content .pagestyling + .intro {
    overflow: hidden;
    margin: 0;
    padding: 0 0 20px 20px;
    font-weight: normal;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
}
.forumtriblock-content .pagestyling + .intro h2 {
    max-width: 40%;
    float: left;
    font-size: 250%; /* Effective font-size: 30px. */
    font-weight: bold;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.75);
    color: #fff; /* We require all background images to have enough contrast. */
}
.forumtriblock-content .pagestyling + .intro .poweredby {
    float: right;
    width: 200px;
}
.forumtriblock-content .pagestyling + .intro + * h3 {
    padding-bottom: 10px;
    font-size: 200%; /* Effective font-size: 24px. */
    font-weight: normal;
    color: #424447;
}
.forumtriblock-content .pagestyling + .intro + * h3 a {
    text-decoration: none;
    color: #424447;
}
.forumtriblock-content .pagestyling + .intro + * h3 a:hover {
    text-decoration: underline;
}
.forumtriblock-content .pagestyling + .intro + * h4 {
    font-size: 115.38%; /* Effective font-size: 15px. */
}
.forumtriblock-content .pagestyling + .intro + * h5 {
    font-weight: bold;
}
.forumtriblock-content .pagestyling + .intro + * .maincontent + h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 125%; /* Effective font-size: 15px. */
}
/* ================================= 
Previous styling is unsupported 
================================= */

/* XXX: It's uncertain if the following styles are truly generic. */
.forumtriblock-content .related-items {
    float: left;
    max-width: 200px;
}
.forumtriblock-content .related-items li {
    padding: 10px 0;
}
.forumtriblock-content .related-items li:first-child {
    padding-top: 0;
}
.forumtriblock-content .related-items img {
    display: block;
    max-height: 400px;
    max-width: 200px;
}
.forumtriblock-content .related-items p {
    padding-top: 7px;
}

/* Used in the siteheader and footer */
.forumtriblock-content ul.metanav {
    float: right;
    font-size: 108.33%; /* Effective font-size: 13px. */
}
.forumtriblock-content ul.metanav li {
    float: left;
    padding: 0 10px 2px 10px;
    border-left: 1px solid #496660;
    line-height: 11px;
}
.forumtriblock-content ul.metanav li:first-child {
    border-left: 0;
}

/* library: icons for page/article sharing */
.forumtriblock-content .share {
    clear: both;
    margin-top: 20px;
    border-top: 1px solid #d0d0d0;
    padding: 10px 0;
    text-align: right;
}
.forumtriblock-content .share h3,
.forumtriblock-content .share ul,
.forumtriblock-content .share ul > li,
.forumtriblock-content .share ul > li > a {
    display: inline;
}
.forumtriblock-content .share h3,
.forumtriblock-content .pagestyling + .intro + * .share h3 {
    padding-bottom: 5px;
    vertical-align: 3px;
    font-weight: bold;
    font-size: 100%; /* Effective font-size: 12px */
    color: inherit;	
}
.forumtriblock-content .share ul {
    padding-right: 2px;
}
.forumtriblock-content .share ul > li {
    padding-left: 4px;
}
.forumtriblock-content .share ul > li > a {
    padding: 1px;
}

.forumtriblock-content .backgroundoverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: #505450;
    opacity: 0.70;
    filter: alpha(opacity=70);
}

.forumtriblock-content .modalwindow-container {
    position: fixed;
    z-index: 101;
}

.forumtriblock-content .modalwindow {
    position: relative;
    padding: 20px;
    border: 1px solid #7f827f;
    border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #ffffff;
}

/* styles copied from h2 */
.forumtriblock-content .modalwindow h2 {
    padding: 0 16px .5em 0; /* padding-right for the close button */
    margin: 0;
    font-size: 150%; /* Effective font-size: 18px. */
    font-weight: normal;
    color: #424447;
}

.forumtriblock-content .modalwindow-content {
    overflow: auto;
}
.forumtriblock-content .modalwindow-content.closepadding {
    padding-right: 16px;
}

.forumtriblock-content .bw-ajax-busy {
    min-width: 32px;
    min-height: 32px;
    background: url("../../images/0.00bnl/cursors/busy.gif") no-repeat center center;
}


.press-articles-list {
    padding-top: 20px;
}
.press-articles-list .embed-pdf .press-article-label {
    padding:10px;
    margin:10px;
}
.press-articles-list ul.mobile-pdf-list {
    counter-reset: foo;
    display: table;
    padding-left:1em;
}

.press-articles-list ul.mobile-pdf-list > li {
    counter-increment: foo;
    display: table-row;
}

.press-articles-list ul.mobile-pdf-list div {
    text-indent: 0.5em;
}

.press-articles-list ul.mobile-pdf-list > li::before {
    content: counter(foo) ".";
    display: table-cell; /* aha! */
    text-align: right;
}