Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.
/* Recolor Red Links */
a.new{
   color: red
}

/* ToC Modifications
#toc, .toc{
    float: right;
    margin-left: 10px;
} */


/* Default */

body.page-Shadowrun_Wiki h1.firstHeading { display:none; }

.round {
   -moz-border-radius: .5em;
   -khtml-border-radius: .5em;
   -webkit-border-radius: .5em;
   border-radius: .5em;
}

/* Infobox template style */
.infobox {
	border: 1px solid #D8D8D8;
	float: right;
	margin-left: .5em;
	width: 270px;
}

.infobox table { 	
	background-color: #F0F0F0;	 	
	width: 100%;	
}

.infobox th.header {
	padding: 1.0em;
	font-size: 1.2em;
}

.infobox th {
	padding: 3px;
}

.infobox td {
	padding: 3px;
}

.infobox td.image {
	padding: 1em;
	text-align: center;
}

#sidebar .infobox {
    background: #121C29;
    border: 1px solid #161616;
    clear: right;
}
#sidebar .infobox h2 {
    padding-left: 10px;
}
#sidebar .infobox ul {
    line-height: 1.2em;
    list-style: none outside none;
    margin: 10px;
}
#sidebar .infobox ul li div {
    font-size: 85%;
}
#sidebar .infobox ul li + li {
    margin: 1.25em 0 0;
}

/* === Template:Ambox designs === */
 
/* Ambox design */
.ambox {
  width: 50%; 
  margin: 0 auto;
  border: 1px #111 solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #333;
}
 
/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff;       /* Blue (notice) */
}
.ambox-red {
  border-left: 10px solid #b22222;       /* Red (delete/serious) */
}
.ambox-orange {
  border-left: 10px solid #f28500;       /* Orange (content) */
}
.ambox-yellow {
  border-left: 10px solid #f4c430;       /* Yellow (style) */
}
.ambox-purple {
  border-left: 10px solid #9932cc;       /* Purple (merge) */
}
.ambox-gray {
  border-left: 10px solid #bba;          /* Gray (protection) */
}
.ambox-green {
  border-left: 10px solid #228b22;       /* Green */
}
 
/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top:0.5em;
  margin-left:0.8em;
}
 
/* Ambox image */
.ambox-image {                          /* The left image cell */
  width: 60px; 
  padding: 2px 0px 2px 0.5em;            /* 0.5em left, 0px right */
  text-align: center; 
}
 
@media print { .ambox { display: none; } } /* no ambox when printing */

/* ################################################## */
/* ### VICTORIA BOX ENGINE by Porter Engineering  ### */
/* ###    Adapted for General Deployment by       ### */
/* ###      Tagaziel and Dragen Industries        ### */
/* ################################################## */

.va-infobox-title,
.va-navbox-title {
   background-color: #000;
}

/* ################################################## */
/* ### VICTORIA INFOBOX (Template:Infobox)        ### */
/* ################################################## */
 
/* Outer table */
.va-infobox {
   border: 2px solid #ff9600;
   border-radius: 3px;

/* Commented out box-shadow, remove comments to turn back on
   box-shadow: 2px 2px 2px #AAA;
   -moz-box-shadow: 2px 2px 2px #AAA;
   -webkit-box-shadow: 2px 2px 2px #AAA;
*/

   clear: right;
   float: right;
   font-size: 11px;
   line-height: 16px;
   margin: 0 0 5px 10px;
}
 
/* INFOBOX COLORS */

.va-infobox-content,
.va-infobox-footer,
.va-infobox-image,
.va-infobox-mainimage {
   background: transparent;
   border: 0px solid #ff9600;
}
 
.va-infobox-header,
.va-infobox-icon,
.va-infobox-label {
   background: transparent;
   border: 1px solid #ff9600;
   font-weight: bold;
}

.va-infobox-title {
   /* Shared background; see top of page */
   border: 1px solid #ff9600;
   border-radius: 3px;
   color: #FFF;
   text-align: center;
   vertical-align: middle;
   width: 100%;
}

.va-infobox-header .mw-collapsible-toggle a {
   color: #FFF;
}
 
.va-infobox-divider-float {
   border-color: transparent;
   border-style: solid;
   border-width: 0 0 1px 1px;
   clear: right;
   float: right;
   margin: -1px 0 0 2px;
   min-width: 18px;
   padding: 0 0 0 2px;
   text-align: center;
}

/* Tooltips */

.va-infobox-tooltip {
   border-color: #AAA transparent transparent #AAA;
   border-style: solid;
   border-width: 3px;
   float: left;
   height: 0;
   left: -2px;
   margin-bottom: -100%;
   margin-right: -100%;
   position: absolute;
   top: -1px;
   width: 0;
}

/* Links */
.va-infobox-title a:link,
.va-infobox-title a:visited { 
   color: #BD6F00 !important;
}

.va-infobox-title a:hover,
.va-infobox-title a:active { 
   color: #FFF !important;
}

.va-infobox-title a.new {
   color: #F11 !important;
}

/* Inner tables */
.va-infobox-cont,
.va-infobox-group {
   margin: 0;
   width: 100%;
}
 
.va-infobox-mainimage-table {
   margin: 0 auto;
}
 
.va-infobox-mainimage-table + .va-infobox-mainimage-table {
   margin-top: 2px;
}
 
/* Cellspacing */
.va-infobox,
.va-infobox-cont,
.va-infobox-group,
.va-infobox-mainimage-table,
.va-infobox-spacing-h,
.va-infobox-spacing-v {
   background: transparent;
}
 
.va-infobox-spacing-h {
   border-right: 1px solid transparent;
   width: 0%;
}
 
.va-infobox-spacing-v {
   font-size: 1px;
   height: 1px;
   line-height: 0;
}
 
.va-infobox-columns + .va-infobox-spacing {
   display: none !important;
}
 
/* Widths */
.va-infobox-columns-1 .va-infobox-col1 {
   width: 100%;
}
 
.va-infobox-columns-2 .va-infobox-col1,
.va-infobox-columns-3 .va-infobox-col1,
.va-infobox-columns-4 .va-infobox-col1 {
   width: 28%;
}
 
.va-infobox-columns-2 .va-infobox-col2 {
   width: 72%;
}
 
.va-infobox-columns-3 .va-infobox-col2,
.va-infobox-columns-3 .va-infobox-col3 {
   width: 36%;
}
 
.va-infobox-columns-4 .va-infobox-col2,
.va-infobox-columns-4 .va-infobox-col3,
.va-infobox-columns-4 .va-infobox-col4 {
   width: 24%;
}
 
/* Cell styles */
.va-infobox-content,
.va-infobox-footer,
.va-infobox-header,
.va-infobox-image,
.va-infobox-label,
.va-infobox-title {
   padding: 1px 2px;
}
 
 
.va-infobox-image,
.va-infobox-footer,
.va-infobox-header,
.va-infobox-icon,
.va-infobox-mainimage,
.va-infobox-mainimage-cont,
.va-infobox-mainimage-image {
   text-align: center;
   vertical-align: middle;
}
 
.va-infobox-content {
   text-align: left;
   vertical-align: top;
}
 
.va-infobox-label {
   cursor: default;
   text-align: right;
   vertical-align: top;
}
 
.va-infobox-icon-cont {
   margin: 0;
   padding: 0;
   position: relative;
}
 
.va-infobox-icon-table {
   margin: 0 auto;
}
 
.va-infobox-mainimage-cont + .va-infobox-icon-table {
   position: absolute;
   right: 3px;
   top: 1px;
}
 
/* FIXME: Find better method to prevent column width oddities in IE8/Webkit */
.va-infobox-image {
   max-width: 0;
}
 
.va-infobox-image-cont {
   margin-right: -100%;
   margin-right: 0 !ie;
   text-align: center;
   width: 100%;
}
 
.va-infobox-image-desc {
   font-size: 10px;
   line-height: 15px;
   padding: 1px 1px 0;
}
 
.va-infobox-image-upload {
   padding: 15px 3px;
}
 
.va-infobox-mainimage {
   padding: 2px 0;
}
 
.va-infobox-mainimage-cont {
   margin: 0;
   width: 100%;
}
 
.va-infobox-mainimage-image {
   background: transparent;
   padding: 0 1px;
}
 
.va-infobox-mainimage-minheight {
   width: 0%;
}
 
.va-infobox-mainimage-minheight div {
   height: 120px;
   margin: 0;
   padding: 0;
   width: 1px;
}
 
.va-infobox-title-main {
   font-size: 15px;
   font-weight: bold;
   line-height: 20px;
}
 
.va-infobox-title-sub {
   font-size: 12px;
   line-height: 15px;
}
 
.va-infobox-title-super {
   font-size: 10px;
   line-height: 12px;
}
 
.va-infobox-tooltip-cell {
   cursor: help;
}
 
.va-infobox-tooltip-cont {
   height: 0;
   position: relative;
   width: 0;
}
 
/* Collapse buttons */
.va-infobox-group-collapsible .va-infobox-header {
   padding-left: 40px;
   padding-right: 40px;
}
 
.va-infobox-header .mw-collapsible-toggle {
   left: 40px;
   margin-left: -100%;
   position: relative;
}
 
/* Adapting lists & paragraphs */
.va-infobox ul,
.va-infobox ol,
.va-infobox p {
   line-height: 16px;
   margin-bottom: 0;
}
 
.va-infobox ul,
.va-infobox ol {
   margin-left: 20px;
   margin-top: 0;
}
 
.va-infobox p,
.va-infobox * + ul,
.va-infobox * + ol {
   margin-top: 3px;
}
 
.va-infobox ul li,
.va-infobox ol li {
   margin-bottom: 0;
}
 
/* Auxiliary template: Template:Infobox/divider */
 
.va-infobox-divider-vert {
   width: 100%;
}
 
.va-infobox-divider-left,
.va-infobox-divider-right {
   vertical-align: top;
   width: 50%;
}
 
.va-infobox-divider-left {
   border-right: 1px solid #AAA;
   padding: 0 2px 0 0;
}
 
.va-infobox-divider-right {
   padding: 0 0 0 2px;
}
 
.va-infobox-divider-section-start,
.va-infobox-divider-section-end {
   display: none;
}
 
.va-infobox-divider-section-end + .va-infobox-divider-section-start {
   border-top: 1px solid #AAA;
   clear: both;
   display: block;
   margin: 1px 0;
}


/* ################################################## */
/* ### NAVBOXES (Template:Navbox)                 ### */
/* ################################################## */
 
/* NAVBOX COLORS */
/* Outer table - border */
.va-navbox-border {
   border: 2px solid #ff9600; 
   border-radius: 3px;

/* box-shadow commented out
   box-shadow: 2px 2px 2px #AAA;
   -moz-box-shadow: 2px 2px 2px #AAA;
   -webkit-box-shadow: 2px 2px 2px #AAA;
*/

}
 
/* Cell styles and widths */
/* Remember to update the column width calculations when changing widths */
.va-navbox-title {
   /* Shared background; see top of page */
   border: 1px solid #ff9600;
   border-radius: 3px;
   color: #FFF;
   font-weight: normal;
   padding: 1px 2px;
}


.va-navbox-footer,
.va-navbox-group,
.va-navbox-header {
   background: transparent;
   border: 1px solid #ff9600;
}
 
.va-navbox-columncont .va-navbox-spacing-h {
   border-right: 1px solid transparent;
   width: 0%;
}

.va-navbox-colgroup,
.va-navbox-subgroup {
   background: transparent;
   border: 1px solid #ff9600;
}
 
.va-navbox-cell,
.va-navbox-column,
.va-navbox-image {
   background: #transparent;
   border: 1px solid transparent;
}

.va-navbox-nested .va-navbox-title {
   background: #C9D0AC;
   border: 1px solid #AAA;
   color: #000;
}
 
.va-navbox-nested .va-navbox-footer, 
.va-navbox-nested .va-navbox-group,
.va-navbox-nested .va-navbox-header {
   background: #D6DBC1;
}
 
.va-navbox-nested .va-navbox-colgroup, 
.va-navbox-nested .va-navbox-subgroup {
   background: #DDE1CB;
}

/* Outer table - widths, floats */
.va-navbox {
   font-size: 11px; 
   line-height: 16px;
   width: 100%;
}
 
.va-navbox-bottom {
   clear: both; 
   margin: 5px auto 0;
   width: 100%;
}
 
.va-navbox-left {
   clear: left;
   float: left;
   margin: 0 1.5em 0.5em 0;
   width: 240px;
}
 
.va-navbox-right {
   clear: right;
   float: right;
   margin: 0 0 0.5em 1.5em;
   width: 240px;
}
 
.va-navbox-bottom + .va-navbox-bottom {
   margin-top: 2px;
}
 
/* Inner tables */
.va-navbox-brick {
   margin: 0;
   width: 100%;
}
 
/* Cellspacing */
.va-navbox,
.va-navbox-border,
.va-navbox-brickcont,
.va-navbox-padding,
.va-navbox-spacing-h,
.va-navbox-spacing-v {
   background: transparent;
}
 
.va-navbox-padding {
   padding: 1px;
}
 
.va-navbox-spacing-h {
   width: 1px;
}
 
.va-navbox-spacing-v {
   font-size: 1pt;
   height: 1px;
   line-height: 0em;
}
 
.va-navbox-headertext,
.va-navbox-titletext {
   font-weight: bold;
   padding-left: 40px;
   padding-right: 40px;
}
 
.va-navbox-maintitle .va-navbox-titletext {
   font-size: 118%;
}
 
/* v/d/e and collapse button */
.va-navbox-editlink {
   float: left;
   margin-right: -100%;
   text-align: left;
   width: 40px;
}
 
.va-navbox .mw-collapsible-toggle {
   margin-left: -100%;
}
 
.va-navbox-cell,
.va-navbox-colgroup,
.va-navbox-column,
.va-navbox-footer,
.va-navbox-group,
.va-navbox-header,
.va-navbox-image,
.va-navbox-subgroup {
   padding: 1px 2px;
}
 
.va-navbox-colgroup,
.va-navbox-group,
.va-navbox-subgroup {
   font-weight: bold;
}
 
.va-navbox-group,
.va-navbox-subgroup {
   text-align: center;
   width: 15%;
}
 
.va-navbox-cell-nogroups,
.va-navbox-column,
.va-navbox-colgroup,
.va-navbox-footer,
.va-navbox-image {
   text-align: center;
}
 
.va-navbox-cell-withgroups {
   text-align: left;
}
 
.va-navbox-column {
   vertical-align: top;
}
 
.va-navbox-image {
   width: 8%;
}
 
/* Lists in column rows */
.va-navbox-formatlist ul,
.va-navbox-formatlist li {
   list-style-image: none;
   list-style-type: none;
   line-height: 16px;
   margin: 0.6em 0;
   padding: 0;
}
 
.va-navbox-formatlist li li {
   font-size: 90%;
}
 
.va-navbox-formatlist li ul {
   margin-bottom: 0.5em;
   margin-top: -0.1em;
}
 
.va-navbox-formatlist li ul li {
   margin: 0em;
}
 
/* Nested */
.va-navbox .va-navbox-nested {
   font-size: 100%;
}
 
/* Links */
.va-navbox-editlink .va-navbar-item {
   color: #FFF !important;
}
 
.va-navbox-nowraplinks .va-navbox-cell a,
.va-navbox-nowraplinks .va-navbox-column a {
   white-space: nowrap;
}
 
.va-navbox-maintitle a:link,
.va-navbox-maintitle a:visited {
   color: #BD6F00 !important;
}
 
.va-navbox-maintitle a:hover,
.va-navbox-maintitle a:active {
   color: #FFF;
}
 
.va-navbox-maintitle a.new {
   color: #F11 !important;
}
 
.va-navbox-maintitle .mw-collapsible-toggle a {
   color: #FFF !important;
}

/* ################################################## */
/* ### TEMPLATE DOCUMENTATION                     ### */
/* ### (Template:Docparam/Template:Documentation) ### */
/* ################################################## */
 
/* Template:Docparam */
.va-docparam {
   background: transparent;
   border: 1px dotted #ff9600;
   margin-bottom: 3px;
   overflow: auto;
   padding: 0 2px 0 20px;
   text-indent: -20px;
}
 
.va-docparam-icon {
   float: left;
   margin: 0;
   padding: 0;
   width: 20px;
}
 
.va-docparam-default {
   float: right;
   font-size: 10px;
}
 
.va-docparam-params {
   font-family: monospace;
}
 
.va-docparam-desc {
   margin: 0;
   padding: 0 0 5px 20px;
}
 
/* Template:Documentation */
.va-documentation,
.va-documentation-bar-top,
.va-documentation-bar-bottom {
   border-color: #AAA;
   border-style: solid;
   clear: both;
}
 
.va-documentation {
   border-width: 1px;
   margin: 10px 0;
}
 
.va-documentation-bar-top,
.va-documentation-bar-bottom {
   background: #black;
   color: #fff;
   margin: 0;
   padding: 5px;
}
 
.va-documentation-bar-top {
   border-width: 0 0 1px 0;
}
 
.va-documentation-bar-bottom {
   border-width: 1px 0 0 0;
   text-align: right;
}
 
.va-documentation-links {
   float: right;
   text-align: right;
}
 
.va-documentation-content {
   margin: 0;
   padding: 10px;
}
 
.va-documentation-small {
   font-size: 10px;
}

/* ################################################## */
/* ### ICONS (Template:Icon)                      ### */
/* ################################################## */
 
.va-icon-sortkey {
   display: none;
}

/* ################################################## */
/* ### PORTALS                                    ### */
/* ################################################## */
 
/* Columns */
.va-portal-columns-body-left {
   float: left;
   margin-right: -323px;
   position: relative;
   width: 100%;
}
 
.va-portal-columns-body-left-inner {
   margin-right: 323px;
}
 
.va-portal-columns-body-right {
   clear: right;
   float: right;
   position: relative;
   width: 313px;
}
 
.va-portal-columns-body-below,
.va-portal-columns-body-left-below {
   clear: both;
}
 
.va-portal-columns-body-left-double .va-portal-columns-body-left-columns {
   padding-right: 10px;
}
 
.va-portal-columns-body-left-double .va-portal-columns-left {
   float: left;
   width: 50%;
}
 
.va-portal-columns-body-left-double .va-portal-columns-middle {
   float: right;
   margin-right: -10px;
   width: 50%;
}
 
.va-portal-columns-left,
.va-portal-columns-middle,
.va-portal-columns-right {
   position: relative;
}
 
/* Content boxes */
.va-portal-section {
   background: transparent; 
   border: 1px solid #AAA;
   box-shadow: 2px 2px 2px #AAA;
   -moz-box-shadow: 2px 2px 2px #AAA;
   -webkit-box-shadow: 2px 2px 2px #AAA;
   margin-bottom: 5px; 
   margin-top: 0px; 
}
 
.va-portal-section-body {
   border: 1px solid #AAA; 

   margin: 1px;
   padding: 3px 5px;
}
 
.va-portal-section-header {
   /* Shared background; see top of page */
   border: 0px solid #000; 
   color: #ff9600;
   margin: 1px 1px 0;
   padding: 3px 5px; 
   text-align: center;
   border: none;
   font-size: 20px; 
   font-weight: bold;
   margin-top: 0em;
   padding: 0;
}
 
.va-portal-section-header a:link,
.va-portal-section-header a:visited,
.va-portal-section-header a:hover,
.va-portal-section-header a:active {
   color: #FFF !important;
}
 
.va-portal-section-header a.new {
   color: #F11 !important;
}
 
/*
.va-portal-section-header h2 {
   border: none;
   color: #FFF;
   font-size: 14px; 
   font-weight: bold;
   margin-top: 0em;
   padding: 0;
}
*/
 
.va-portal-section-header-cleft,
.va-portal-section-header-cright {
   display: none;
}
 
.va-portal-section-header-links {
   float: right;
   font-size: 10px;
   margin-top: 6px;
   margin-left: -75px;
   font-weight: normal;
}
 
.va-portal-section-footer {
   border-top: 1px solid #AAA;
   clear: both;
   margin-top: 10px;
   padding-top: 1px;
   text-align: right;
}
 
.va-portal-section-clear {
   clear: both;
}
 
/* Welcome */
.va-portal-welcome {
   padding: 2px 0 3px;
   text-align: center;
}
 
.va-portal-welcome .va-wikiinothermedia {
   margin: 8px 0 0;
}
 
.va-portal-welcome-title {
   font-size: 14px;
   margin: 0;
}
 
.va-portal-welcome-subtitle {
   font-size: 11px;
   line-height: 16px;
   margin: 0;
}
 
.va-portal-welcome-slogan {
   margin: 3px 0 0;
}
 
/* TOC */
.va-portal-toc {
   border-collapse: collapse;
   font-size: 95%;
   width: 100%;
}
 
.va-portal-toc td {
   padding: 0 5px;
   vertical-align: top;
}
 
.va-portal-toc p {
   border-bottom: 1px solid #AAA;
   font-weight: bold;
}
 
/* Intro - image buttons */
.va-portal-buttons {
   border-collapse: collapse;
   font-size: 95%;
   margin: 0 auto;
   text-align: center;
}
 
.va-portal-buttons th,
.va-portal-buttons td {
   width: 25%;
}
 
.va-portal-buttons th {
   font-weight: normal;
   padding-top: 3px;
   vertical-align: middle;
}
 
.va-portal-buttons td {
   padding-bottom: 3px;
   vertical-align: top;
   white-space: nowrap;
}
 
/* Footer */
.va-portal-footer {
   margin: 10px auto; 
   padding: 0; 
   text-align: center; 
   width: 800px; 
}
 
.va-portal-footer-section {
   border-collapse: collapse;
   margin: 5px auto 0;
}
 
.va-portal-footer-section-header {
   padding: 0 5px;
}
 
.va-portal-footer-section-body {
   border-top: 1px solid #AAA;
   display: inline-block;
   font-size: 0.85em;
   max-width: 100%;
   padding: 0 5px;
}
 
/* Did you know */
.va-portal-dyk p {
   margin: 0;
}
 
.va-portal-dyk-item {
   padding: 0 0 0 15px;
   position: relative;
}
 
.va-portal-dyk .va-portal-dyk-dots {
   float: left;
   margin-left: -15px;
   width: 15px;
}
 
/* News items */
.va-portal-news-item + .va-portal-news-item {
   border-top: 1px solid #AAA;
   margin-top: 10px;
   padding-top: 10px;
}
 
.va-portal-news-item .va-portal-news-item-comments,
.va-portal-news-item .va-portal-news-item-details,
.va-portal-news-item .va-portal-news-item-more {
   font-size: 10px;
   line-height: 15px;
}
 
.va-portal-news-item .va-portal-news-item-comments {
   float: right;
}
 
.va-portal-news-item .va-portal-news-item-details {
   margin-left: 10px;
}
 
.va-portal-news-item .va-portal-news-item-footer {
   line-height: 10px;
   margin-top: 0.5em;
}
 
.va-portal-news-item .va-portal-news-item-summary > *,
.va-portal-news-item .va-portal-news-item-summary > p:first-child + p {
   display: none;
}
 
.va-portal-news-item .va-portal-news-item-summary > p:first-child,
.va-portal-news-item .va-portal-news-item-summary > *:first-child + p {
   display: block;
}
 
/* Forum activity */
.va-portal-forumactivity ul li {
   font-size: 0.781em;
   line-height: 1.5em;
}
 
.va-portal-forumactivity ul li a:first-child {
   display: block;
   font-size: 1.28em;
   line-height: 1.5em;
}

/* Redacting */

.redacted {
    color: black;
    background-color: black;
    white-space:nowrap;
}

/* MP contents */

/* MP styles */
/* this CSS governs the responsive 3 column main page layout */
.fpmain {
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

.fpbanner {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid #C08F2E;
    color: #B3B4B7;
    margin: 0 5px 5px 5px;
    padding: 5px;
    min-height: 80px;
}

.fpbannertable {
    display: table;
    border: none;
    background: transparent;
    width: 100%; 
    min-height: 75px;
    margin: 0;
    padding: 5px;
}

.fpbannercell {
    display: table-cell; 
    text-align: center; 
    vertical-align: middle;
}

.fpbannerblock {
    border: none;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.75);
    font-size: 132%;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
}

.fpmidsections {
    float: left;
    width: 100%;
    overflow: hidden;
}

.fpbox {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid #ff9600;
    margin: 5px;
    padding: 5px;
    overflow: auto;
}

.fpbox .mainheading {
    border: none;
    border-bottom: 1px solid #505050;
    font-size: 150%;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    overflow: auto;
}

.fpbox .heading {
    border: none;
    border-bottom: 1px solid #505050;
    text-align: center;
    font-size: 132%;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    overflow: auto;
}

.fpmain .columns .leftcol {
    width: 100%;
    margin: 0;
    padding: 0;
}

.fpmain .columns .rightcol {
    width: 100%;
    margin: 0;
    padding: 0;
}

.fpsection1, .fpsection2, .fpsection3, .fpsection4 {
    float: left;
    clear: both; 
    width: 100%;
}

div.fp2columnonly, div.fp3columnonly {
    display: none; 
}

@media (min-width: 790px) {
  .fpsection1 {
    float: left;
    clear: none;
    width: 50%;
  }

  .fpmidsections {
    clear: none;
    float: right;
    width: 50%;
  }

  .fpsection4 {
    float: left;
    clear: none;
    width: 50%;
  }

  div.fp2columnonly {
    display: block; 
  }
}

@media (min-width: 990px) {
  .fpmain .columns .leftcol {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
  }

  .fpmain .columns .rightcol {
    float: right;
    width: 50%;
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 1390px) {
  .fpmidsections {
    clear: none;
    float: right;
    width: 66.667%;
  }

  .fpsection1 {
    clear: none;
    width: 33.333%;
  }

  .fpsection2 {
    clear: none;
    width: 50%;
  }

  .fpsection3 {
    clear: none;
    width: 50%;
  }
 
  .fpsection4 {
    clear: left;
    width: 33.333%;
  }

  div.fp2columnonly {
    display: none; 
  }

  div.fp3columnonly {
    display: block; 
  }
}

.fpbox.plain {
    background: transparent;
    border: none;
    box-shadow: none;
}

.fpimagelist ul {
    list-style-type: none;
    list-style-image: none;
}

.fpvideos {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.fpvideo {
    display: inline-block;
    margin: 0 5px;
}

/* Front Page Styling */
@media (min-width: 1350px) {
  .fpcontent { 
    padding-right: 520px; 
    width: auto; 
  }

  #fptopsection { 
    float: left; 
    width: 100%; 
  }

  #fpflexsection { 
    float: right;
    width: 520px;
    margin-right: -520px 
  }

  #fpbottomsection { 
    float: left; 
    width: 100%; 
    margin-top: -5px; 
  }
}

/* This governs the sections on the Community portal */
.cpbox {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.cpbox #admins {
    box-sizing: border-box;
    width: calc(33% - 10px);
    margin: 5px;
    flex-grow: 1;
    min-width: 300px;
}

.cpbox #help {
    box-sizing: border-box;
    width: calc(67% - 10px);
    margin: 5px;
    flex-grow: 1;
}