@charset "utf-8";
@import url("/common/font-awesome.min.css"); 



/*************************************************************************************************************
//////////////////////     Base Styles
*************************************************************************************************************/ 
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

@font-face {
    font-family: "StupidHeadBB";
    src: url("common/fonts/StupidHeadBB_Lt.eot");
}
@font-face {
    font-family: "StupidHeadBB";
    src: url("common/fonts/StupidHeadBB_Lt.ttf");
}
@font-face {
    font-family: 'expressway_cd_rg';
    src: url('common/fonts/expressway_cd_rg-webfont.woff2') format('woff2'),
         url('common/fonts/expressway_cd_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@-webkit-keyframes moveLogo {
0% {
-webkit-transform:rotate(0deg)
}
10% {
-webkit-transform:rotate(-2.5deg)
}
20% {
-webkit-transform:rotate(2deg)
}
30% {
-webkit-transform:rotate(-2deg)
}
40% {
-webkit-transform:rotate(1.5deg)
}
50% {
-webkit-transform:rotate(-1.5deg)
}
60% {
-webkit-transform:rotate(1deg)
}
70% {
-webkit-transform:rotate(-1deg)
}
80% {
-webkit-transform:rotate(.5deg)
}
90% {
-webkit-transform:rotate(-.5deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
@-moz-keyframes moveLogo {
0% {
-moz-transform:rotate(0deg)
}
10% {
-moz-transform:rotate(-2.5deg)
}
20% {
-moz-transform:rotate(2deg)
}
30% {
-moz-transform:rotate(-2deg)
}
40% {
-moz-transform:rotate(1.5deg)
}
50% {
-moz-transform:rotate(-1.5deg)
}
60% {
-moz-transform:rotate(1deg)
}
70% {
-moz-transform:rotate(-1deg)
}
80% {
-moz-transform:rotate(.5deg)
}
90% {
-moz-transform:rotate(-.5deg)
}
100% {
-moz-transform:rotate(0deg)
}
}
@-ms-keyframes moveLogo {
0% {
-ms-transform:rotate(0deg)
}
10% {
-ms-transform:rotate(-2.5deg)
}
20% {
-ms-transform:rotate(2deg)
}
30% {
-ms-transform:rotate(-2deg)
}
40% {
-ms-transform:rotate(1.5deg)
}
50% {
-ms-transform:rotate(-1.5deg)
}
60% {
-ms-transform:rotate(1deg)
}
70% {
-ms-transform:rotate(-1deg)
}
80% {
-ms-transform:rotate(.5deg)
}
90% {
-ms-transform:rotate(-.5deg)
}
100% {
-ms-transform:rotate(0deg)
}
}
html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    min-width: 640px;
}
html {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #000;
}
body {
    background: url("common/images/hero.jpg") no-repeat center center fixed;
    background-size: cover;
}
body.skin-customer {
	height: auto;
}
#erfworld-sitebar {
    font-size: 16px;
    line-height: normal;
}
#erf-header-wrapper, .erf-shell {
    max-width: 1220px;
    margin: 0 auto;
}
#erf-header-wrapper {
    padding: 5px;
}
a{color:#15c;}
h1,h2, h3, h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
}h1 {
    padding: 0 1%;
}

b {font-weight: bold;}


/*************************************************************************************************************
//////////////////////     Global Top Bar and Footer
*************************************************************************************************************/ 
.elgg-page-topbar, .erf-global, footer#erf-footer {
    font-size: 0.688em;
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    background: #2c2c2c;
    height: 2.1875em;
    line-height: 24px;
    height: 24px;
}
@media only screen and (max-width: 767px) {
    /* Hide the footer on mobile. */
    footer#erf-footer {
        display: none;
    }
}

.erf-global{
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 2000;
}

.elgg-page-topbar{
    right: 35%;
    background: none;
    float: right;
    position: fixed;
    border: none;
}

.elgg-page-topbar .elgg-inner {
    width: initial;
    margin: 0;
}

.elgg-menu-topbar-default {
    display: none;
}

/*footer {
    position: fixed;
    bottom: 0;
    transition: bottom 0.2s ease-in-out;
    width: 100%;
}*/

#page {
    margin-bottom: 28px !important;
}

footer#erf-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 0 10px;
    width: 100%;
    z-index: 1000;
    font-size: 11px;
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    background: #2c2c2c;
}
#erf-footer ul, #erf-footer li, #erf-footer div, #erf-footer li * {
    /* XCart 5 fix. */
    font-size: inherit;
    line-height: inherit;
    vertical-align: initial;
    box-sizing: content-box;
}

footer#erf-footer nav{
        padding: 0 10px 0 0;
}

footer#erf-footer div{
       width: auto;
        margin: 0 auto;
       max-width: 1220px;
}

#erf-footer ul {
    padding: 0;
}

.nav-down {
    bottom: -30px;
}
.clearFix:after{
    display:table;
    content:"";
    clear:both;
}
.padBottom{
    padding-bottom:10px;
}
@media only screen and (max-width: 1024px) {
    .erf-global, footer {
        font-size: 0.575em;
    }
}
.erf-global ul, .erf-global li, .erf-global div, .erf-global li * {
    /* XCart 5 fix. */
    font-size: inherit;
    line-height: inherit;
    vertical-align: initial;
    box-sizing: content-box;
}
.erf-global ul, footer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.erf-global li {
    display: block;
}

.elgg-page-topbar li a {
    margin: inherit;
    padding: 0 4px;
}

.elgg-page-topbar li a, .erf-global a, .erf-global a:link, .erf-global a:visited, footer a:visited, footer, footer a, footer a:link {
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
}
.erf-global a:hover, .erf-global ul#erf-login > li:first-child:hover > a, .erf-global ul#erf-admin > li:first-child:hover > a, footer a:hover {
    color: #d3c28b;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.erf-global ul#erf-login, .erf-global ul#erf-admin, footer nav {
    float: right;
    text-align: right;
    padding-right: 5px;
    padding-left: 10px;
}
.erf-global ul#erf-login > li:first-child, .erf-global ul#erf-admin > li:first-child {
    position: relative;
}
.erf-global ul#erf-login > li:first-child > a:after {
    font-family: 'FontAwesome';
    content: "\f013";
    padding-left: 5px;
}
.erf-global ul#erf-admin > li:first-child > a:after {
    font-family: 'FontAwesome';
    content: "\f0ad";
    padding-left: 5px;
}
.erf-global ul#erf-login ul, .erf-global ul#erf-admin ul {
    display: none;
    background: #2c2c2c;
    padding: 2px 10px;
    margin: -1px -9px 0 0;
    position: absolute;
    width: 90px;
    right: 0;
    top: 100%;
}

.erf-global ul#erf-login ul li, .erf-global ul#erf-admin ul li {
    z-index: 2000;
}

.erf-global ul#erf-login > li:first-child:hover ul, .erf-global ul#erf-admin > li:first-child:hover ul {
    display: block;
}
.erf-global nav li, footer nav li {
    display: inline-block;
    padding: 0 10px;
}
.erf-global nav li.active {
    background: url(common/images/hero.jpg) no-repeat center center fixed; 
    background-size: cover;
}
.erf-global nav li.active a {
    color: #ffd765 !important;
}
.erf-global nav li a.external:after {
    font-family: 'FontAwesome';
    content: "\f08e";
    padding-left: 5px;
}



/*************************************************************************************************************
//////////////////////     Header
*************************************************************************************************************/ 
#erf-header {
    margin-top: 24px;
}
#erf-header ul, #erf-header li, #erf-header div, #erf-header li * {
    /* XCart 5 fix. */
    /*font-size: inherit;*/
    line-height: inherit;
    vertical-align: initial;
    box-sizing: content-box;
}
#erf-header ul.erf-header-sections {
    padding: 0;
    margin: 0;
    display: table;
    table-layout: fixed;
    width: 100%;

    /* Create a new stacking context. Needed for our toolshed numbers. */
    /* If we do this on the whole header it breaks header scrolling with user. */
    position: relative;
    z-index: 0;
}
#erf-header ul.erf-header-sections li {
    display: table-cell;
    height: 130px;
    vertical-align: middle;
}
#erf-header ul.erf-header-sections li.erf-logo {
    width: 300px;
    vertical-align: middle;
    width: 32%;
}
#erf-header ul.erf-header-sections li.erf-logo img, header ul.erf-header-sections li.erf-toolshed img {
    max-width: 100%;
    width:100%;
}
header ul.erf-header-sections li.erf-toolshed img {
}
#erf-header ul.erf-header-sections li.erf-toolshed {
    padding: 0 1%;
    vertical-align: middle;
}

#erf-header ul.erf-header-sections li.erf-toolshed div {
	text-align: center;
    margin: 0 auto;
}

#erf-header ul.erf-header-sections li.erf-toolshed div img {
	max-width: 500px;
}

#erf-header ul.erf-header-sections li.erf-toolshed a {
    padding:0 ;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.658em;
    color: #FFF;
    text-decoration: none;
}
#erf-header ul.erf-header-sections li.erf-toolshed strong,header ul.erf-header-sections li.erf-badges strong {
    font-family: 'StupidHeadBB', sans-serif;
    font-size: 1.8275em;
    font-weight: bold;
    text-decoration: none;
    color: #f7e791;
    text-rendering: optimizeLegibility;
    letter-spacing: .05em;
    position: relative;
    background: -webkit-linear-gradient(#f9f0be, #e3c854 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 5px;
}
#erf-header ul.erf-header-sections li.erf-toolshed strong:after,header ul.erf-header-sections li.erf-badges strong:after {
    background: none;
    content: attr(data-text);
    right: 5px;
    position: absolute;
    text-shadow: 0 0 3px #422707,  -2px -2px 3px #422707,  2px -2px 3px #422707,  -2px 2px 3px #422707,  2px 2px 3px #422707;
    top: 0;
    z-index: -1;
}
#erf-header ul.erf-header-sections li.erf-logo img {
    max-width: 100%;
}
#erf-header ul.erf-header-sections li.erf-logo img:hover {
    -webkit-animation: moveLogo 2s ease-out normal, popLogo .2s ease-in-out;
    -moz-animation: moveLogo 2s ease-out normal, popLogo .2s ease-in-out;
    -ms-animation: moveLogo 2s ease-out normal, popLogo .2s ease-in-out;
    animation: moveLogo 2s ease-out normal, popLogo .2s ease-in-out
}
#erf-header ul.erf-header-sections li.erf-badges {
    width: 230px;
    vertical-align: middle;
}
#erf-header ul.erf-header-sections li.erf-badges a {
    text-decoration: none;

    /* XCart 5 Fixes */
    position: relative;
    z-index: 100;
}
#erf-header ul.erf-header-sections li.erf-badges div.erf-counts {
    width: 100px;
    display: inline;
}
#erf-header ul.erf-header-sections li.erf-badges div.erf-counts strong{
    font-size: 1.5em;
    line-height: 33px;
    height: 33px;
    display: inline;
    width: 100%;
    text-align: right;
    white-space: nowrap;

    /* XCart 5 Fixes */
    z-index: auto;
}
header ul.erf-header-sections li.erf-badges strong:after {
    background: none;
    content: attr(data-text);
    right: 5px;
    position: absolute;
    text-shadow: 0 0 1px #422707, -1px -1px 1px #422707, 1px -1px 1px #422707, -1px 1px 1px #422707, 1px 1px 1px #422707;
    top: 0;
    z-index: -1;
}

header ul.erf-header-sections li.erf-badges div.erf-counts strong:after {
	top: -4px;
}

#erf-header ul.erf-header-sections li.erf-badges div strong.erf-shmuckers:before{
    display:inline-block;
    width:28px;
    height:33px;
    content:"";
    background:url(common/images/shmucker.png) no-repeat; 
    vertical-align: bottom;
}
#erf-header ul.erf-header-sections li.erf-badges div span{
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.688em;
    color: #FFF;
    display:block;
    clear: both;
}
#erf-header ul.erf-header-sections li.erf-badges ul {
    width: 200px;
    height: 70px;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
	left: 5px;
}
#erf-header ul.erf-header-sections li.erf-badges ul li {
    position:absolute;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently not supported by any browser */
}
#erf-header ul.erf-header-sections li.erf-badges ul li a{
    text-decoration:none;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge {
    /* XCart 5 Fixes */
    font-weight: inherit;
    background-color: inherit;
    white-space: inherit;
    text-align: inherit;
    padding: inherit;
    min-width: initial;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_0 {
    top:0;
    left:18px;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_1 {
    top:0;
    left:53px;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_2 {
    top:0;
    left:88px;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_3 {
    top:0;
    left:123px;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_4 {
    top:0;
    left:158px;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_5 {
    top: 29px;
    left: 0px;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_6 {
    top: 29px;
    left: 35px;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_7 {
    top: 29px;
    left: 70px;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_8 {
    top: 29px;
    left: 105px;
}
#erf-header ul.erf-header-sections li.erf-badges ul li.badge_pos_9 {
    top: 39px;
    left: 145px;
    font-size: 0.875em;
}
#erf-header nav {
    background: url(common/images/nav_bg.png); 
    height: 36px;
    border: 2px solid #391b04;
    box-shadow: 0px 3px 12px rgba(0,0,0,.3);
    line-height: 32px;
    z-index: 1;
    max-width: 100%;
    box-sizing: border-box;
    padding:2px 0;
}
#erf-header nav > ul {
    padding: 0 5px;
    margin: 0;
    display: table;
    width: 100%;
}
#erf-header nav > ul.search {
    display: none;
}
#erf-header nav > ul > li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#erf-header nav > ul > li:last-child {
    width: 260px;
    text-align: right;
}
#erf-header nav > ul > li:last-child > a {
    padding-right: 30px;
}
#erf-header nav > ul > li > a, #erf-header nav ul.search li.search form input[type=submit] {
    font-family: 'StupidHeadBB', sans-serif;
    font-size: 1.525em;
    font-weight: bold;
    text-decoration: none;
    color: #f7e791;
    text-rendering: optimizeLegibility;
    letter-spacing: .15em;
    position: relative;
    cursor: pointer;
    text-shadow: 0 0 4px #422707,  -2px -2px 4px #422707,  2px -2px 4px #422707,  -2px 2px 4px #422707,  2px 2px 4px #422707;
}
#erf-header nav > ul > li > a:hover, #erf-header nav ul.search li.search form input[type=submit]:hover {
    color: #e3c854;
    text-shadow: 0 0 4px #000,  -2px -2px 4px #000,  2px -2px 4px #000,  -2px 2px 4px #000,  2px 2px 4px #000;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#erf-header nav > ul > li > a.search:before, #erf-header nav > ul > li > a.menuback:before {
    font-family: 'FontAwesome';
    content: "\f0c9";
    padding-right: 5px;
    font-size: 75%;
}
#erf-header nav li input {
    background-color: rgb(255, 255, 255);
    border: initial;
    width: inherit;
    font: inherit;
    color: inherit;
    text-shadow: inherit;
    display: inline-block;
    height: auto;
    border-radius: initial;
    padding: 0 10px;
        margin: 0;
        box-sizing: border-box;
}

#erf-header nav li input[type=submit] {
    background: none;
}

#erf-header nav li input::-webkit-input-placeholder,
#erf-header nav li input:-moz-placeholder,
#erf-header nav li input::-moz-placeholder,
#erf-header nav li input:-ms-input-placeholder {
    color: inherit;
    text-shadow: inherit;
}

#erf-header nav ul.search {
    height: 28px;
    line-height: 24px;
}
#erf-header nav ul.search > li:last-child {
    width: auto;
}
#erf-header nav ul.search > li > a.menuback {
    padding-left: 5px;
    top: 0.16em;
}
#erf-header nav ul.search li.search {
    width: 300px;
    text-align: inherit;
}
#erf-header nav ul.search li.search form {
    height: 100%;
    display: inline-block;
    font-size: 12px;
    padding-bottom: 0px;
}
#erf-header nav ul.search li.search form input {
    width: 180px;
    border: 2px solid black;
    border-radius: 2px;
    position: relative;
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    padding: 5px;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
}
#erf-header nav ul.search li.search form input[type=submit] {
    width: auto;
    border: none;
    top: 2px;
}
#erf-header li.filters {
    padding-right: 10px;
}
#erf-header li.filters > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#erf-header li.filters > ul > li {
    display: inline-block;
    margin-right: 5px;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 11px;
    padding: 0 3px;
    letter-spacing: .02em;
    text-transform: uppercase;
    line-height: 1.25em;
}
#erf-header li.filters > ul > li a {
    text-decoration: none !important;
    color: inherit !important;
}
#erf-header li.filters > ul > li:first-child {
    font-family: 'StupidHeadBB', sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #f7e791;
    text-rendering: optimizeLegibility;
    letter-spacing: .15em;
    position: relative;
    text-shadow: 0 0 4px #422707,  -2px -2px 4px #422707,  2px -2px 4px #422707,  -2px 2px 4px #422707,  2px 2px 4px #422707;
    top: 2px;
}

/* badge popup overlay */
.ui-front {
    z-index: 1000000;
}

@media only screen and (max-width: 1024px) {
    #erf-header nav > ul > li > a {
        font-size: 1.175em;
        letter-spacing: .05em;
    }
    header nav ul {}
}
@media only screen and (max-width: 900px) {
    #erf-header nav > ul > li:last-child {
        width: 190px;
    }
}

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

.erf-ephemeral-notifications {
	display: block !important;
	position: absolute;
	z-index: 1800;
	top: 25px;
	right: 0;
	list-style-type: none;
	font-size: 16px;
}
.erf-ephemeral-notification {
	width: 330px;
	margin: 1em;
	padding: 1em;
	border: 1px solid black;
	border-radius: 10px;
	background-color: white;
}
.erf-ephemeral-notification-title {
	float: left;
	width: 265px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.erf-ephemeral-notification-close-link {
	float: right;

	/* This is because we want touchable areas on mobile to be minimum of 32px for max usability.
	 * Apple UI guidelines suggest this, at least for apps. */
	width: 22px;
	height: 22px;
	padding: 5px;
	margin-top: -5px;
	margin-right: -5px;
	cursor: pointer;
}
.erf-ephemeral-notification-img-box {
	float: left;
	width: 90px;
	height: 90px;
}
.erf-ephemeral-notification-img {
	border: 1px solid black;
}
.erf-ephemeral-notification-img[src*='gem_icon'] {
	border: none;
	width: 80px;
	height: 80px;
	margin-left: 5px;
}
.erf-ephemeral-notification-img[src*='units/cards/icons'] {
	border: none;
	width: unset;
	height: 90px;
	margin-left: 10px;
}
.erf-ephemeral-notification-contents {
	float: right;
	width: 200px;
}
.erf-ephemeral-notification-clearfix {
	clear: both;
}

/*************************************************************************************************************
//////////////////////     Filters
*************************************************************************************************************/ 
#erf-stream-filters {
    padding: 10px 0;
}
#erf-stream-filters ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#erf-stream-filters div {
    float: right;
}
#erf-stream-filters li {
    display: inline-block;
}
#erf-stream-filters a {
    color: #FFF;
    padding: 2px 5px;
}
#erf-stream-filters li:first-child {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.688em;
    color: #FFF;
    text-shadow: 0 0 4px rgba(0,0,0,.75);
}
#erf-stream-filters span {
    background: #be8433;
    background: -moz-linear-gradient(top, #be8433 0%, #8e5b17 44%, #623c07 100%);
    background: -webkit-linear-gradient(top, #be8433 0%, #8e5b17 44%, #623c07 100%);
    background: linear-gradient(to bottom, #be8433 0%, #8e5b17 44%, #623c07 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be8433', endColorstr='#623c07', GradientType=0 );
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.688em;
    color: #FFF;
    padding: 0;
    text-shadow: 0 0 4px rgba(0,0,0,.75);
    box-shadow: inset 0px 1px 2px rgba(255,255,255,.5);
    border: 2px solid #391b04;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently not supported by any browser */
    cursor: pointer;
    margin-left: 5px;
}
#erf-stream-filters span.allOn.off,#erf-stream-filters span.allOff.off{
    padding: 0 5px;
}
#erf-stream-filters li.inactive span {
    background: #895000;
    background: -moz-linear-gradient(top, #895000   0%, #a4691a   45%, #bf8333   100%);
    background: -webkit-linear-gradient(top, #895000   0%, #a4691a   45%, #bf8333   100%);
    background: linear-gradient(to bottom, #895000   0%, #a4691a   45%, #bf8333   100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#895000', endColorstr='#bf8333', GradientType=0 );
    box-shadow: inset 0px -1px 2px rgba(255,255,255,.5);
}
#erf-stream-filters li.inactive span a{
    color: #e9c394   !important;
    text-decoration:none !important;
}
#erf-stream-filters div span {
    margin-left: 5px;
}
#erf-stream-filters span.off {
    background: #895000; /* Old browsers */
    background: -moz-linear-gradient(top, #895000 0%, #a4691a 45%, #bf8333 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #895000 0%, #a4691a 45%, #bf8333 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #895000 0%, #a4691a 45%, #bf8333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#895000', endColorstr='#bf8333', GradientType=0 ); /* IE6-9 */
    color: #e9c394;
    box-shadow: inset 0px -1px 2px rgba(255,255,255,.5);
}
#erf-stream-filters div span.allOff a {
    color: #FFF;
}
.arbitrary-pages-table-group-table, .arbitrary-pages-main-table {
    font-size: 12px;
}
.arbitrary-pages-main-table td, .arbitrary-pages-main-table th {
    padding: .5em 0.25em;
}
.arbitrary-pages-main-table .elgg-button {
    padding: .2rem 0.2rem;
    line-height: 1rem;
    height: 1.5rem;
}



/*************************************************************************************************************
//////////////////////     Main Content Area
*************************************************************************************************************/ 
#columns {
    padding: 0;
    margin: 5px 0 30px;
    display: table;
    table-layout: fixed;
    width: 100%;
}
#left, #right {
    display: table-cell;
    vertical-align: top;
}
html #right {
    width: 302px;
}
html #left {
    margin: 0 -302px 0 0;
}
html .elgg-left.elgg-tiled{
    margin-right:302px;
}
.erf-section {
    background: #FFFFFF;
    border: 1px solid #bfbfbf !important;
    box-shadow: 2px 2px 3px rgba(100,61,12,.3);
    margin-bottom: 5px;
    font-size: 0.813em;
    line-height: 1.5em;
}
#right .erf-section div.sidebarAd {
    padding: 0;
    margin: 0;
}
#right .erf-section .sidebarAd div {
    padding: 0;
    margin: 0;
}
#right .erf-section .sidebarAd600 {
    padding: 0;
    margin: 0;
}
#right .erf-section div.sidebarBestContentReportable {
    padding: 0;
    margin: 0;
}
#right .erf-section .sidebarBestContentReportable div {
    padding: 0;
    margin: 0;
}
#right .erf-section .sidebarBestContent600Reportable {
    padding: 0;
    margin: 0;
}
a.ad_report_button {
    padding: 5px;
    display: block;
}
a.tipback:before {
    font-family: 'FontAwesome';
    content: "\f00d";
    font-size: 18px;
}
.schmucker-tip a.tipback {
    position: relative;
    top: 2px;
}
.schmucker-tip a.tipback:before {
    padding-right: 2px;
}
.tip-feedback a.tipback:before {
    padding-right: 5px;
}
.erf-section> i,.erf-section> center {
    padding: 5px;
    display: block;
}
.erf-section h4 + div > div {
    padding: 5px;
}
#right .erf-section img {
    max-width: 100%;
    display: initial;
}
.erf-section h2 {
    padding: 0;
}
.erf-section h4 {
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top, #f4f4f4 0%, #f3f2ee 46%, #dfdcd5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #f3f2ee 46%, #dfdcd5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f4f4f4 0%, #f3f2ee 46%, #dfdcd5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dfdcd5', GradientType=0 ); /* IE6-9 */
    margin: 0;
    padding: 5px;
    font-size: 100%;
}
.erf-section img {
    display: block;
}
.erf-section p {
    margin: 5px;
}
.erf-section a:hover {
    text-decoration: none;
}
ul.tiles {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
}
ul.tiles > li {
    width: 32.82%;
    float: left;
    margin-right: .5%;
    box-sizing: border-box;
}
ul.tiles > li:hover {
    border-color: #000;
    background: #f4f4f4;
}
ul.tiles > li.tiled:hover .wrapper:after{
    background: -moz-linear-gradient(top, rgba(244,244,244,0) 0%, rgba(244,244,244,1) 100%);
    background: -webkit-linear-gradient(top, rgba(244,244,244,0) 0%,rgba(244,244,244,1) 100%);
    background: linear-gradient(to bottom, rgba(244,244,244,0) 0%,rgba(244,244,244,1) 100%);
    pointer-events: none;
}

/* IE10+ and Edge override hacks, needed for clickthrough. */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    ul.tiles > li.tiled:hover .wrapper:after{
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4f4f4', endColorstr='#f4f4f4',GradientType=0 );
        background: none !important;
    }
}
@supports (-ms-accelerator:true) {
    ul.tiles > li.tiled:hover .wrapper:after{
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4f4f4', endColorstr='#f4f4f4',GradientType=0 );
        background: none !important;
    }
}

ul.tiles > li.tiled .wrapper {
    padding: 15px;
    display: block;
    position: relative;
    color: #000;
    text-decoration: none;
    min-height: 250px;
}
ul.tiles > li.erf-section img.avatar {
    float: left;
    margin-right: 10px;
	height: 40px;
	width: 40px;
}
ul.tiles > li.erf-section img.thumbnail {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    box-sizing: border-box;
}
ul.tiles > li.erf-section img.avatar, ul.tiles li.erf-section img.thumbnail{
    border:1px solid #FFF;
}
ul.tiles > li.erf-section:hover img.avatar,#left ul.tiles li.erf-section:hover img.thumbnail{
    border-color: #f4f4f4;
}
ul.tiles > li.erf-section:hover img.avatar:hover,#left ul.tiles li.erf-section:hover img.thumbnail:hover{
    border-color: #15c;
}
ul.tiles > li.erf-section h2 {
    font-size: 1.3em;
    margin: 0;
}
ul.tiles > li.erf-section h2 a{
    text-decoration:none;
    color:#000;
}
ul.tiles > li.erf-section h2 a:hover{
    text-decoration:underline;
}
ul.tiles > li.erf-section h3 {
    font-size: 1em;
    margin: 5px 0 0;
}
ul.tiles > li.erf-section h3 span {
    text-decoration: underline;
}
ul.tiles > li.erf-section p {
    margin: 5px 0;
}
ul.tiles > li.erf-section .streams {
    position: absolute;
    left: 15px;
    bottom: 15px;
}
ul.tiles > li.erf-section .comments {
    position: absolute;
    right: 15px;
    bottom: 15px;
    color: #aaa;
}
ul.tiles > li.erf-section .comments:before {
    font-family: 'FontAwesome';
    content: "\f075";
    padding-right: 5px;
}
ul.tiles > li.erf-section.banner {
    width: 99.5%;
    background: #FFF !important;
    border-color: #bfbfbf !important;
    padding: 5px 0 0 5px;
    text-align: center;
    min-height: auto;
    margin-bottom: 5px;
    height: 102px;
    border-bottom-style: solid;
    position: relative;
}

.tiled .elgg-menu-item-entity-menu-toggle>.elgg-child-menu>li.elgg-menu-item-unlock .elgg-anchor-label {
	display: inline;
	color: white;
	padding-left: 5px;
}

.erf-artblog-prompt {
	background: white;
	border: solid 1px black;
	font-style: italic;
	width: 95%;
	padding: 2%;
	position: absolute;
	left: 2px;
	top: 168px;
	z-index: 1500;
}

.ad-tag-elgg_leaderboard{
  float: left;
  position: relative;
  top: 0px;
  z-index: 1;
}

a#twc_link{
        display: block;
    height: 100px;
    width: 302px;
        position: absolute;
    top: 0;
    right: 0;
}

#twc_overlay {
    height: 63px;
    width: 122px;
    overflow: hidden;
    position: relative;
    float: left;
    z-index: 200;
    left: 149px;
    bottom: 33px;
}

#twc_overlay img {
    margin: -46px 0px 0px -53px;
    position: absolute;
}

#erf_home_banner {
	position: relative;
	z-index: 1;
}

.solid {
    width:99.5%;
        background: #FFFFFF;
    border: 1px solid #bfbfbf;
    margin-right:.5%;
}
#left ul.archives {
        padding: .5%;
    margin: 0;
    width: 100%;
    list-style-type: none;
}
#left ul.archives li {
    width: 32%;
    float: left;
    margin: .5%;
    box-sizing: border-box;
}
#left ul.archives li.tiled .wrapper {
    padding: 15px;
    display: block;
    position: relative;
    color: #000;
    text-decoration: none;
    height: 176px;
}

#left ul.archives li.tiled .wrapper:after {
    height: 65px;
    width: 100%;
    content: "";
    display: block;
    left: 0;
    z-index: 1000;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    bottom: 1px;
}

#left ul.archives li.tiled:hover .wrapper:after {
	pointer-events: none;
}

#left ul.archives li:hover {
    border-color: #000;
    background: #f4f4f4;
}
#left ul.archives li.erf-section img.thumbnail {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
#left ul.archives li.erf-section img.thumbnail{
    border:1px solid #FFF;
}
#left ul.archives li.erf-section:hover img.thumbnail{
    border-color: #f4f4f4;
}
#left ul.archives li.erf-section:hover img.thumbnail:hover{
    border-color: #15c;
}
#left ul.archives li.erf-section {
    box-shadow: 0px 1px 3px rgba(100,61,12,.3);
	height: 206px;
	overflow-y: hidden;
}
#left ul.archives li.erf-section h2 a {
    text-decoration: none;
    color: #000;
}
#left ul.archives li.erf-section h2 a:hover {
    text-decoration: underline;
}
#left ul.archives li.erf-section h2 {
    font-size: 1.4em;
    margin: 0;
}

#left ul.archives li.erf-section h3 {
    font-size: 1.1em;
    margin: 10px 0 0;
	padding: 0;
	height: 40px;
	overflow: hidden;
}

h2.archives-excerpt {
	font-size: 1.3em;
	padding: 0 1%;
	margin: -10px 0 0;
}

#calendar_nav .ui-datepicker-inline {
	margin: 0 auto 10px;
}

nav.files {
    background: #f4f4f4;
    background: -moz-linear-gradient(top, #f4f4f4 0%, #f3f2ee 46%, #dfdcd5 100%);
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #f3f2ee 46%, #dfdcd5 100%);
    background: linear-gradient(to bottom, #f4f4f4 0%, #f3f2ee 46%, #dfdcd5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dfdcd5', GradientType=0 );
    margin: 0;
    padding: 0;
    height:32px;
    width:100%;
}
nav.files ul {
    list-style-type:none;
    padding:0;
    margin:0;
}
nav.files li {
    float:left;
    line-height:32px;
}
nav.files a {
    color: #000;
    display:block;
    padding:0 20px;
}
nav.files li.active a {
    text-decoration:none;
    background:#FFF !important;
    cursor:default;
}
nav.files a:hover {
    text-decoration:none;
    background:#dfdcd5;
}
.comic {
    width:98%;
    margin:0 1%;
}
.comic img {
    max-width:100%;
}
.comicNav {
    width:98%;
    margin:10px 1%;
}
.comicNav ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display:table;
    text-align: center;
    table-layout: fixed;
}
.comicNav li {
    display:table-cell;
    width: 17.5%;
}
.comicNav li.title {
    display: table-cell;
    width: 30%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.comicNav a {
    background:#e6e4dd;
    display: block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    position: relative;
    margin: 0; 
    font-size: 14px;
    text-decoration: none;
    color: #484848;
}
.comicNav a:hover{
    text-decoration:none;
    background:#dfdcd5;
}

.comicNav div{
    background:#fff;
    display: block;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    position: relative;
    margin: 0; 
    
    font-size: 14px;
    text-decoration: none;
    color: #ccc;
}
.comicNav div.clear{
    height: 0;
}
.comicNav a span:after,.comicNav div span:after {
    content:" Page";
}
.comicNav li.next a:hover:after {
    border-left-color:#dfdcd5;
}
.comicNav li.previous a:hover:before {
    border-right-color:#dfdcd5;
}
.comicNav li.previous a:before,.comicNav li.previous div:before {
    content: "";  
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #e6e4dd;
    position: absolute; left: -12px; top: 0;
}
.comicNav li.previous div:before,.comicNav li.next div:after {
    border-color:#FFF !important;
}
.comicNav li.first a:after,.comicNav li.first div:after {
    content: "";  
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 12px solid #FFF;
    position: absolute; right: 0; top: 0;
}
.comicNav li.next a:after,.comicNav li.next div:after {
    content: "";  
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #e6e4dd;
    position: absolute; right: -12px; top: 0;
}
.comicNav li.latest a:before,.comicNav li.latest div:before {
    content: "";  
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #FFF;
    position: absolute; left: 0; top: 0;
}
.comicNav li.previous a,.comicNav li.first a,.comicNav li.previous div,.comicNav li.first div{
    margin-right:10px;
}
.comicNav li.next a,.comicNav li.latest a,.comicNav li.next div,.comicNav li.latest div{
    margin-left:10px;
}
.comicNav li.previous i {
    float:left;
    padding:5px;
}
.comicNav li.first i {
    float:left;
    padding:5px 5px 5px 10px;
}
.comicNav li.next i {
    float:right;
    padding:5px;
}
.comicNav li.latest i {
    float:right;
    padding:5px 10px 5px 5px;
}

.comicNav.blogNav a span:after,.comicNav.blogNav div span:after{
	content: "";
}

.series_counter {
	text-align: center;
}

div.solid.banner {
    padding: .5%;
    text-align: center;
    min-height: auto;
    width: 98.5%;
    margin: .5% 0;
}
div.solid.banner img {
    margin: 0 auto;
    display: block;
}
#comments {
    width:98%;
    margin:1%;
}
.forums_post {
    background: #FFFFFF;
    border: 1px solid #bfbfbf;    
    box-shadow: 0px 1px 3px rgba(100,61,12,.3);
    margin-bottom: 5px;
    font-size: 0.813em;
    line-height: 1.5em;
}
.forums_post_title_row {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(252,251,250,1) 47%, rgba(233,231,227,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(252,251,250,1) 47%,rgba(233,231,227,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(252,251,250,1) 47%,rgba(233,231,227,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e7e3',GradientType=0 ); /* IE6-9 */
    height:32px;
    line-height:32px;
    width:97%;
    border-bottom: 1px solid #bfbfbf;  
    padding:0 1.5%; 
    overflow:hidden;
}
.forums_post_author a {
    font-weight:bold;
    color:#6a6961;
    text-decoration:none;
}
.forums_post_author a:hover {
    text-decoration:underline;
}
.forums_post_date {
    color:#a6a49f;
}
.forums_post_text {
    width:97%; 
    padding:1.5%; 
}
.forums_post_text a:hover {
    text-decoration:none;
}

.pc_comment {
	background: #F0F0F0;
	border: solid 1px #D0D0D0;
	padding: 5px;
}

.pc_comment_author {
	font-weight: bold;
	float: left;
}

.pc_comment_time {
	float: right;
}

.pc_comment_text {
	padding-top: 10px;
	clear: both;
}

#columns div#submit_form {
    width: 98%;
    margin: 1%;
}
.quotetitle {
    background: rgb(213,212,211); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(213,212,211,1) 0%, rgba(209,209,208,1) 53%, rgba(226,225,222,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(213,212,211,1) 0%,rgba(209,209,208,1) 53%,rgba(226,225,222,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(213,212,211,1) 0%,rgba(209,209,208,1) 53%,rgba(226,225,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d4d3', endColorstr='#e2e1de',GradientType=0 ); /* IE6-9 */
    border: 1px solid #bfbfbf;
    height:32px;
    line-height:32px;
    padding:0 1.5%; 
    width:97%;
    overflow:hidden;
}
.quotecontent {
    border: 1px solid #bfbfbf;
    border-top:none;
    width:97%; 
    padding:1.5%; 
    margin-bottom:.5%;
}
.topic_line {
    padding:10px 0;
}
.topic_line a:hover {
    text-decoration:none;
}

#erfworld-profile-content .erfworld-container-header h2 {
	display: inline-block;
}
#erfworld-profile-content .toggleable-section-header {
	cursor: pointer;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#erfworld-profile-content .erfworld-container-header a.erfworld-link-all {
	float: right;
}

#erfworld-profile-content .elgg-river-summary {
	padding-left: 5px;
}

#erfworld-profile-content #erfworld-forum-posts li {
	background: #FFFFFF;
    border: 1px solid #bfbfbf !important;
    box-shadow: 2px 2px 3px rgba(100,61,12,.3);
    margin-bottom: 5px;
    font-size: 0.813em;
    line-height: 1.5em;
	padding: 5px;
}

#erfworld-profile-content #erfworld-forum-posts .post-time {
	float: right;
}

#erfworld-profile-content > div:after {
    clear: both;
    display: table;
    content: "";
}
header#header {
    min-width: 640px;
}
#erf-login + nav div .toggle{
    display:none;
}

.erf-register-captcha-question {
        padding-top: 5px;       
        font-size: 16px;        
        padding-left: 3px;      
}

/*************************************************************************************************************
Mini Menu
*************************************************************************************************************/
#mini-menu {
    display:none;
}
@media only screen and (max-width: 1200px) {
    ul.tiles li.tiled .wrapper {
        min-height: 290px;
    }
    .comicNav a span:after {
        content:"";
    }
	
	ul.tiles > li.erf-section.banner {
		display: none;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
    ul.tiles > li {
        width: 49.48%;
    }
    ul.tiles li.bonus {
        display: none;
    }
    #left ul.archives li {    
        width: 48.5%;
    }
    #left ul.archives li.tiled .wrapper {
        min-height: 170px;
    }
    nav.files a{
        font-size:90%;
        padding:0 10px;
    }
    .comicNav li{
        width:25%;
    }
    .comicNav a span:after,.comicNav li.title{
        display:none;
    }
    .comicNav li.previous a{
        margin-right:0;
    }
}
@media only screen and (max-width: 767px) {
    ul.tiles > li {
        width: 99.48%;
    }
    #erf-header nav,#erf-header ul.erf-header-sections li.erf-badges,#erf-login + nav ul li.active{
        display: none;
    }
    header#header {
        min-width:640px;
        max-width:640px;
    }
    html, body {
        /*width:640px;*/
    }
    #erf-header {
        margin-top: 50px;
    }
    #erf-header ul.erf-header-sections li.erf-logo {
        width: 76%;
        padding: 2% 22% 0 2%;
        display: block;
        text-align: center;
        height: auto;
    }
    #erf-header ul.erf-header-sections li.erf-toolshed {
        width: 96%;
        padding: 2%;
        display: block;
        text-align: center;
        height: auto;
    }

    #erf-header ul.erf-header-sections li.erf-toolshed a span {
        font-size:.75em;
        display:block;
    }
    .erf-global nav div .toggle {
        display: inline-block;
        padding: 0 10px;
        color: #FFF !important;
        text-decoration: none;
        text-transform: uppercase;
        content:"Erfworld";
    }
    .erf-global nav div .toggle:before{ 
        font-family: 'FontAwesome';
        content: "\f063";
        padding-right: 5px;
        font-size: 75%;
    }
    .erf-global nav.open div .toggle:before {
        content: "\f062";
    }
    .erf-global nav div {
        position:relative;
        display: inline-block;
    }
    .erf-global nav ul {
        background: #2c2c2c;
        position:absolute;
        left:0;
        top:100%;
        display:none;
    }
    .erf-global nav.open ul {
        display:block;
        width: 300px;
        margin-top: -1px;
        padding: 10px;
    }
    .erf-global nav li {
        display:block;
        margin-bottom: 5px;
    }
    .erf-global, footer {
        font-size: 18px !Important;
    }
    .elgg-page-topbar, .erf-global, footer#erf-footer {
        font-size: 36px;
        line-height: 50px;
        height: 50px;
    }
    #mini-menu > span { 
        background: #7d4700;
        display: inline-block;
        border: 5px solid #452101;
        border-radius: 20px 0 0 20px;
        border-right: none;
    }
    #mini-menu {
        display: block;
        position: absolute;
        top: 70px;
        right: 0;
        text-align: right;
        z-index: 10;
    }
    #mini-menu:after,#mini-menu .mini-shell:after {
        clear: both;
        display: table;
        content: "";
    }
    #mini-menu .mini-shell{
        display:none;
    }
    #mini-menu > span:before {
        font-family: 'FontAwesome';
        content: "\f0c9";
        color: #FFF;
        padding: 15px 25px 15px 20px;
        display: block;
        font-size: 40px;
        text-shadow: -2px -2px 2px rgba(0,0,0,.8);
    }
    #mini-menu.open > span:before{
        content: "\f00d";
    }
    #erf-login + nav div .toggle {
        display:inline-block;
    }
    #mini-menu.open .mini-shell {
        background: #7d4700;
        display: block;
        border: 5px solid #452101;
        border-radius: 20px 0 0 20px;
        border-right: none;
        clear: both;
        margin-top: -1px;
        padding: 20px;
    }
    #mini-menu .mini-filters {    
        float: left;
        padding-right: 20px;
        margin-right: 20px;
        border-right: 5px solid #452101;
    }
    #mini-menu .mini-filters li {
        font-size: 20px;
        display: block;
        padding: 5px;
        text-align: center;
        margin-bottom: 15px;
    }
    #mini-menu .mini-filters li a {
        color: #000;
    }
    #mini-menu .mini-filters li.filter-erfworld a {
        color: #FFF;
    }
    #mini-menu .mini-filters ul li:first-child {
        background: none;
        border: none;
        color: #FFF;
        text-align: left;
        padding: 0;
    }
    #mini-menu .mini-nav {
        float: left;
        width: 300px;
        font-size: 32px;
        font-family: 'Montserrat', sans-serif;
        text-transform:uppercase;
        text-align:left;
    }
    #mini-menu .mini-nav a{
        color:#FFF;
        display:block;
        margin-bottom: 15px;
    }
}



/* styles for mobile landscape hamburger menu */
@media only screen and (max-width: 767px) and (orientation: landscape) {
    #mini-menu {
        top: 55px; 
    }
    #mini-menu > span:before {
        font-size: 20px; 
    }
    #mini-menu.open .mini-shell {
        display: -ms-flexbox;
        display: flex;
        width: calc(100vw - 36px);
        font-size: 15px;
        height: 13.5em;
        padding: 1em 1em 1em 0.7em;
        overflow: hidden;
    }
    #mini-menu .mini-filters {
        width: 50%;
        height: 100%; 
        padding-right: 1.33em;
        margin-right: 1.33em;
        border-right: 0.33em solid #452101;        
    }
    #mini-menu .mini-filters > ul {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%;
        padding-top: 28px; 
    }
    #mini-menu .mini-filters li {
        width: 5em;
        margin-right: 0.66em;
        margin-bottom: 0.8em;
        font-size: 1em;
    }
    .mini-filters ul li:first-child {
        position: absolute;
        top: -3px; 
    }
    #mini-menu .mini-nav {
        width: 50%;
        height: 100%;
        font-size: 1.1em; 
    }
    .mini-nav ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%; 
    }
    .mini-nav li {
        margin: 0.35em 1.47em 0.35em 0; 
    }
    #mini-menu .mini-nav li a {
        margin: 0; 
    } 
}
/* end of styles for mobile landscape hamburger menu */

/*************************************************************************************************************
Tile Style
*************************************************************************************************************/

ul.tiles > li.erf-section h2 a {
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 36px;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.elgg-tiled .elgg-tags {
    display: none;
}
.elgg-tags {
    margin: 5px 0 0 47px;
}
ul.tiles > li.tiled .wrapper {
    min-height: 235px;
}
ul.tiles > li.tiled .wrapper:after {
    height: 30px;
    width: 100%;
    content: "";
    display: block;
    left: 0;
    z-index: 1000;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    bottom: 35px;
}

/*
@media only screen and (max-width: 767px) {
    html #header,html, body{
        min-width:1px;
    }
    ul.tiles > li {
    width: 99.48%;
}
#erf-header ul.erf-header-sections li.erf-logo,#erf-header ul.erf-header-sections li.erf-toolshed,#erf-header ul.erf-header-sections li.erf-badges{
    display: block;
    width: 96%;
    padding: 2%;
    height: auto;
}
#erf-header nav li:last-child {
    width: auto;
}
#erf-header nav li:last-child a {
    padding-right: 20px;
}
}*/

.elgg-list-entity {
    display: inline-block;
}

.elgg-list-entity a {
	text-decoration: none;
}

.elgg-list-entity .elgg-item {
/*    display: inline-block;
    width: 273px;
    height: 142px;
    margin-left: 18px;
    margin-bottom: 20px;
    background-color:rgba(238, 238, 238, 1);
    border: 1px solid rgb(128, 128, 128);
	position:relative;*/
}
.elgg-list-entity .elgg-image-block {
    height: 100%;
    padding: 0;
}
.elgg-list-entity .elgg-item .elgg-menu-entity {
    position: absolute;
    right: 0px;
    top: 0px;
    float: none;
    height: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.elgg-list-entity .elgg-item .elgg-menu-entity li {
    margin-right: 5px;
    margin-left: 10px;
}
.elgg-list-entity .elgg-item .elgg-menu-entity {
    background-color:rgba(85, 85, 85, 0.75);
}
.elgg-list-entity .elgg-menu-item-access {
    display: none;
}
.elgg-list-entity .elgg-subtext {
    display: none;
}
.tile-overflow-limiter {
    height: 100%;
    overflow: hidden;
    max-height: 178px;
}

.see-also .tile-overflow-limiter {
	max-height: 210px;
}

.elgg-list-entity .elgg-content {
    padding-left: 10px;
    font-size: 12px;
    line-height: 13px;
    margin-top: 0px;
    margin-left: 0px;
    font-weight: bold;
}

.elgg-list-entity .elgg-form-schmucker-tipping-tip {
    position: absolute;
    bottom: 0px;
    left: 0px;
    line-height:34px;
    width: 100%;
    padding-top: 3px;
    text-align: center;
    background-color: #808080;
    box-sizing: border-box;
    z-index: 1001;
}
.elgg-list-entity .elgg-form-schmucker-tipping-tip fieldset {
    height: 100%;
}
.elgg-list-entity .elgg-form-schmucker-tipping-tip fieldset .tip-feedback {
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    padding-top: 5px;
}
.elgg-list-entity .elgg-form-schmucker-tipping-tip .anonymousTip,
.elgg-list-entity .elgg-form-schmucker-tipping-tip .anonymousTipMsg {
    display: none;
}
.elgg-form-schmucker-tipping-tip a.tipback {
    display: none;
}
.elgg-list-entity .elgg-form-schmucker-tipping-tip a.tipback {
    display: inline;
}
.tipjar-count {
    display: block;
    position: absolute;
    right: 2px;
    top: 0;
    font-size: 8px;
    width: 10px;
    text-align: center;
    line-height: 13px;
}
.elgg-list-entity .tipjar-count {
    color: #FFF;
}
.tipjar-count-only {
    display: block;
    position: absolute;
    right: 2px;
    top: 5px;
    font-size: 10px;
    width: 22px;
    text-align: center;
    font-weight: bold;
}
.elgg-list-entity .tipjar-count-only {
    color: #FFF;
}
.elgg-list-entity .schmucker-tipped-total {
    position: absolute;
    top: 142px;
    left: 0px;
    width: 273px;
    font-size: 15px;
    font-style: normal;
    text-align: center;
}

.elgg-list-entity .elgg-item .elgg-menu-entity {
    top: auto !important;
    bottom: 0;
}
.elgg-list-entity .elgg-menu-item-tip-login-words {
    display: none;
}
.elgg-list-entity .elgg-menu-item-tip-words {
    display: none;
}

.elgg-left.elgg-tiled.elgg-archives {
	margin-right: 0;
	margin-left: 5px;
}

.tool-size ul.tiles > li.tiled .wrapper {
	min-height: 240px;
}

.tool-size .elgg-list-entity .elgg-item .elgg-image-block .elgg-body {
	max-height: 213px;
}

.elgg-archives .elgg-menu-container {
	display: none;
}


@media only screen and (max-width: 1239px){
    html #page{
    width:auto;
    max-width:1240px;
    }
}

#right .erf-section div.amazon {
    padding: 0;
    margin:0;
}

@media only screen and (max-width: 1200px){
    ul.tiles > li.tiled .wrapper {
        min-height: 250px;
    }
    #left .elgg-list-entity .elgg-item .elgg-image-block .elgg-body {
        max-height: 225px;
    }
	
	.elgg-archives ul.elgg-list.tiles.elgg-list-entity > li:nth-child(2){
		display:none;
	}
	
	.tool-size ul.tiles > li.tiled .wrapper {
		min-height: 290px;
	}

	.tool-size .elgg-list-entity .elgg-item .elgg-image-block .elgg-body {
		max-height: 265px;
	}
}
@media only screen and (max-width: 767px) {
    ul.tiles > li.tiled .wrapper {
    min-height: 265px;
    }
    #left .elgg-list-entity .elgg-item .elgg-image-block .elgg-body {
        max-height: 240px;
    }
	
	.elgg-archives ul.elgg-list.tiles.elgg-list-entity > li:nth-child(3){
		display:none;
	}
	
	.tool-size ul.tiles > li.tiled .wrapper {
		min-height: 315px;
	}

	.tool-size .elgg-list-entity .elgg-item .elgg-image-block .elgg-body {
		max-height: 290px;
	}
}

/*************************************************************************************************************
General Popups
*************************************************************************************************************/
.no-close .ui-dialog-titlebar-close {
	display: none;
}

/*************************************************************************************************************
BADGE POPUPS
*************************************************************************************************************/
#badge_full_image {
        float: left;
}

#badge_long_description {
        float: right;
}

#badge_trophy_hall_link {
        color: #656565;
        margin-top: 1em;
        text-align: center;
        font-weight: bold;
}

/*************************************************************************************************************
COMMENTS
*************************************************************************************************************/
#blog-comments{
    padding-left:0;
}
#blog-comments > ul > li {
    background: #FFFFFF;
    border: 1px solid #bfbfbf;
    box-shadow: 0px 1px 3px rgba(100,61,12,.3);
    margin-bottom: 5px;
    font-size: 0.813em;
    line-height: 1.5em;
}
#blog-comments ul li .comment-header {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,251,250,1) 47%, rgba(233,231,227,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(252,251,250,1) 47%,rgba(233,231,227,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(252,251,250,1) 47%,rgba(233,231,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e7e3',GradientType=0 );
    height: 32px;
    line-height: 32px;
    width: 97%;
    border-bottom: 1px solid #bfbfbf;
    padding: 0 1.5%;
    overflow: hidden;
}
#blog-comments ul li .elgg-output {
    margin: 0;
    width: 97%;
    padding: 1.5%;
}
#blog-comments ul liment-tip {
    margin-top: 3px;
}



/*************************************************************************************************************
Toolshed
*************************************************************************************************************/
#toolbox #page {
    max-width: 1220px;
    box-shadow: none;
    background: #FFFFFF;
    border: 1px solid #bfbfbf;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    margin-bottom: 50px;
}
#toolbox #subscriber_total {
    margin: 45px 0px 35px;
    font-family: 'StupidHeadBB', sans-serif;
    font-size: 134px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    text-rendering: optimizeLegibility;
    letter-spacing: 3px;
    position: relative;
    cursor: pointer;
    text-shadow: 0 0 4px #f7e791, -2px -2px 4px #f7e791, 2px -2px 4px #f7e791, -2px 2px 4px #f7e791, 2px 2px 4px #f7e791;
}
#toolbox #pledge_total_dollar {
    font-size: 60px;
    font-family: 'StupidHeadBB', sans-serif;
    text-rendering: optimizeLegibility;
    font-weight: bold;
}
#toolbox #pledge_total_cent {
    font-size: 20pt;
    text-decoration: underline;
    vertical-align: top;
    position: relative;
    top: -10px;
    font-family: 'StupidHeadBB', sans-serif;
    text-rendering: optimizeLegibility;
    font-weight: bold;
}
.toolshed-login-link {
    display: block;
    text-align: center;
}


/*************************************************************************************************************
Video
*************************************************************************************************************/
.videoembed_video {
    margin: 20px 0;
}
html .elgg-left {
    margin-top: 0;
}



/*************************************************************************************************************
Blog Post
*************************************************************************************************************/
#left .elgg-left > .elgg-head + .elgg-content .elgg-body img.avatar {
    float: left;
    margin-right: 10px;
	max-width: 200px;
}
#left .elgg-left > .elgg-head + .elgg-content .elgg-body h3 abbr:after {
    content: "";
    display: table;
}
#left .elgg-left > .elgg-head + .elgg-content .elgg-body h3 {
    font-size: 16px;
}
.streams li {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: 11px;
    padding: 0 3px;
    letter-spacing: .02em;
    border: 2px solid #7694b4;
    background: #466368;
    text-transform: uppercase;
    background: -webkit-linear-gradient(#beccdc, #97aac1);
    background: -moz-linear-gradient(#beccdc, #97aac1);
    background: linear-gradient(#beccdc, #97aac1);
    display: inline-block;
    line-height: 1.25em;
    margin-right:5px;
}
.streams li > a {
    color: inherit;
}
.streams li > a:hover {
    text-decoration: underline;
}
.streamlabel-erfworld,.filter-erfworld {
    color: white;
    background: linear-gradient(#555, #000) !important;
    border: 2px solid #888 !important;
}
.streamlabel-news,.filter-news {
    color: black;
    background: linear-gradient(#fff, #ddd) !important;
    border: 2px solid #888 !important;
}
.streamlabel-toolbox,.filter-toolbox {
    color: white;
    background: linear-gradient(#755927, #886930, #978344, #ffffc2, #a08d52, #a08d52, #6b5722, #a17c35, #a17c35, #d8b967, #958143) !important;
    border: 2px solid #6b5722 !important;
}
.streamlabel-artblog,.filter-artblog {
    color: black;
    background: linear-gradient(to right, #fe91ff, #ff9191, #ffd291, #fffe91, #91ff91, #91fffe, #9194ff, #fe91ff) !important;
    border: 2px solid #555 !important;
}
.streamlabel-fanart,.filter-fanart {
    color: black;
    background: linear-gradient(#f6b5b4, #e37b79) !important;
    border: 2px solid #cd6361 !important;
}
.streamlabel-fancomic,.filter-fancomic {
    color: black;
    background: linear-gradient(#f0e880, #e6da55) !important;
    border: 2px solid #d1c757 !important;
}
.streamlabel-fanfic,.filter-fanfic {
    color: black;
    background: linear-gradient(#fecc8b, #ed9e41) !important;
    border: 2px solid #db8219 !important;
}
.streamlabel-gaming,.filter-gaming {
    color: black;
    background: linear-gradient(#9ef39d, #78e577) !important;
    border: 2px solid #48c347 !important;
}
.streamlabel-music,.filter-music {
    color: black;
    background: linear-gradient(#f1a5f7, #dd77e5) !important;
    border: 2px solid #c754d0 !important;
}
.streamlabel-video,.filter-video {
    color: black;
    background: linear-gradient(#9be2f5, #66c8e2) !important;
    border: 2px solid #37a6c3 !important;
}
.streamlabel-other,.filter-other {
    color: black;
    background: linear-gradient(#d79951, #c78639) !important;
    border: 2px solid #895000 !important;
}
#left .elgg-breadcrumbs,#left .elgg-head, #left .elgg-content, #left .elgg-comments {
    padding-left: 0;
}



/*************************************************************************************************************
Elgg Search
*************************************************************************************************************/

div#elgg-search input#q {
    width:74%;
}

div#elgg-search input#submit {
    width:24%;
}

#searchPopup{display:none;}

/*************************************************************************************************************
Voting
*************************************************************************************************************/

#voting {
    margin: 0 auto;
    text-align: center;
}

#voting > div {
    width: 48%;
    vertical-align: top;
}

#voting div {
    display:inline-block;
}

#voting .label {
    position: relative;
    top: -8px;
}

#voting .small {
    font-size: .75em;
    top: -12px;
}

#voting .skip {
    font-size: .9em;
    color: #888888;
    cursor: pointer;
}

#voting .flag {
	font-size: 26px;
	color: #888888;
	cursor: pointer;
	top: -10px;
	left: 3px;	
}

#voting .flagged {
	color: red;
}

#voting .flag-count {
	color: #888888;
	font-size: .9em;
	top: -14px;
	left: 1px;
}

.voting_grid {
	float: right;
	position: relative;
	right: 15px;
	bottom: 18px;
}

.voting_grid .vote_list {
	width: 60px !important;
}

.voting_grid .vote_none {
	cursor: pointer !important;
}

#vote_current, .vote_list {
    margin: 0 auto;
    color: orange;
}

.vote {
    font-size: 1.8em;
    width: 135px !important;
}

.vote_none {
    color: #AAAAAA;
}

#vote_user {
    margin: 0 auto;
    color: green;
}

/*************************************************************************************************************
Unit Collection
*************************************************************************************************************/

.top-right-links {
	float: right;
	text-align: right;
	font-weight: bold;
}

.top-right-links a {
	text-decoration: none;
}

#unit-popup .unit-popup-content {
	width: 250px;
	margin: 0 auto;
}

#unit-popup .unit-popup-image {
	float: left;
	margin-right: 20px;
}

#unit-popup .unit-popup-text {
	font-size: 1.5em;
	text-transform: uppercase;
}

#unit-popup .unit-popup-buttons {
	margin-top: 20px;
	text-align: center;
}

#unit-popup .unit-popup-accept {
	margin-bottom: 10px;
}

#unit-popup .unit-popup-optout {
	font-size: .7em;
	margin-top: -5px;
}
.unit-button-form {
	display: inline-block;
}
#unit-hidden-sale-form {
	display: none;
}
.pop-button {
	width: 100px;
	text-align: center;
	padding: 5px;
	border: 3px solid black;
	border-radius: 5px;
	text-decoration: none;
	font: inherit;
	cursor: pointer;
}
.pop-button#pop-sell-open {
	background: yellow;
	width: 160px;
	border-color: #999900;
}
.pop-button#pop-untradeable {
	background: lightgrey;
	width: 160px;
	border-color: darkgrey;
}
.pop-button#pop-sell-confirm {
	background: yellow;
	width: 160px;
	border-color: #999900;
}
.pop-button#pop-buy {
	background: yellow;
	border-color: #999900;
}
.pop-button#pop-cancel {
	background: pink;
	border-color: #996666;
	width: 70px;
}
.pop-button#pop-disband {
	color: white;
	background: red;
	border-color: #990000;
}
.pop-sell-small-help-text {
	font-size: 12px;
	line-height: 130%;
}
#pop-sell-sale-price {
	margin-bottom: 0.75em;
}
#pop-sell-private {
	margin-bottom: 1em;
}

.pop-form .pop-button#pop-disband {
	float: left;
}

.pop-button#pop-accept {
	color: white;
	background: green;
	border-color: #006600;
}

.pop-form .pop-button#pop-accept {
	float: right;
}

.unit-collection-summary-stats-block {
	width: 100%;
	display: table;
	background-color: #EEE;
	text-align: center;
}
.unit-type-stats-block {
	width: 33%;
	display: table-cell;
	background-color: #EFE;
	box-sizing: border-box;
	padding: 10px;
}
.unit-type-stats-block-main {
	display: block;
	font-size: 150%;
}
.unit-type-stats-remaining-link {
	display: block;
}
.unit-upkeep-stats-block {
	width: 33%;
	display: table-cell;
	box-sizing: border-box;
	padding: 10px;
	background-color: #FFE;
}
.unit-upkeep-stats-block-main {
	display: block;
	font-size: 150%;
}
.unit-income-stats-block {
	display: table-cell;
	box-sizing: border-box;
	padding: 10px;
}
.unit-income-stats-block-surplus {
	background-color: #EEF;
}
.unit-income-stats-block-deficit {
	background-color: #FEE;
}
.unit-income-stats-block-main {
	display: block;
	font-size: 150%;
}
.unit-income-stats-block-surplus-msg {
	display: block;
}
.unit-collection-summary-stats-block .strong-box {
    position: relative;
    z-index: 100;
    display: inline-block;
    font-size: 24px;
}
.unit-collection-summary-stats-block strong {
    line-height: 33px;
    height: 33px;
    display: inline-block;
    color: #f7e791;
    font-family: 'StupidHeadBB', sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    letter-spacing: .05em;
    background: -webkit-linear-gradient(#f9f0be, #e3c854 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.unit-collection-summary-stats-block strong:after {
    background: none;
    content: attr(data-text);
    right: 0px;
    position: absolute;
    text-shadow: 0 0 1px #422707, -1px -1px 1px #422707, 1px -1px 1px #422707, -1px 1px 1px #422707, 1px 1px 1px #422707;
    top: 0;
    z-index: -1;
}
.unit-collection-summary-stats-block strong.erf-shmuckers:before{
    display:inline-block;
    width:28px;
    height:33px;
    content:"";
    background:url(common/images/shmucker.png) no-repeat; 
    vertical-align: bottom;
}
.unit-income-stats-deficit-bold {
	font-weight: bold;
	color: red;
}
.unit-table-row {
	/*cursor: pointer;*/
}
.unit-table-cell, .unit-table-row td {
	height: 44px;
	padding: 0 !important;
	vertical-align: middle;
}

.unit-table-cell a, .unit-table-row td a {
	color: inherit;
	display: block;
	padding: 4px;
	text-decoration: none;
}

.unit-table-cell a:before, .unit-table-row td a:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.unit-table-cell a:hover, .unit-table-row td a:hover {
	text-decoration: none;
}

.unit-table-cell .unit_image, .unit-table-row td .unit_image {
	height: 42px;
	border: 1px solid black;
}
.collectible-marketplace td {
	text-align: right;
}
.collectible-marketplace td:first-child {
	text-align: left;
}

img.unit_image {
	max-height: 90px;
	vertical-align: middle;
	border: solid 1px black;
}

.sketchfab-embed-wrapper {
	text-align: center;
}
.unit-block {
	width: 300px;
	margin: 5px;
	padding: 10px;
	color: black;
	border: solid 1px black;
	text-decoration: none;
	background: #efefef;
	display: inline-block;
}

.unit-block .unit-image {
	float: left;
	margin-right: 10px;
}

.unit-block .unit-name {
	font-weight: bold;
}

.unit-profile {
	margin: 0 auto;
	width: 100%;
	max-width: 480px;
	position: relative;
	top: -8px;
}

.unit-profile .unit-image {
	padding-right: 60px !important;
}

.unit-profile .label {
	text-align: right;
	vertical-align: top;
	padding-right: 10px;
	font-style: italic;
}

.unit-profile .label.mid {
	vertical-align: middle;
}

.unit-profile .name {
	font-weight: bold;
}

.unit-reminder-text a, .unit-profile a {
	text-decoration: none;
}

.unit-reminder {
	text-align: center;
	text-decoration: none;
}

.unit-reminder-text {
	text-align: left;
	display: inline-block;
	margin-left: 15px;
}
.playset-scrollview-instruction-line, .mine4erf-playset-instruction-line {
	pointer-events: none;
	position: absolute;
	top: 80px;
	left: 25px;
	font-size: 20px;
	font-family: expressway_cd_rg;
}
.playset-scrollview-instruction-line {
	text-align: right;
}
#collection_canvas_wrapper {
	position: relative;
}
#collection_canvas_wrapper #collection_scrollview_overlay {
	position: absolute;
	top: 5px;
	left: 5px;
}
#collection_canvas_wrapper #collection_scrollview_overlay #collection_overlay_collapse {
	display: block;
	width: 17px;
	padding: 0 5px;
	font-size: 18px;

	cursor: pointer;
    	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
    	-moz-user-select: none;      /* Firefox */
    	-ms-user-select: none;       /* IE/Edge */
 	user-select: none;           /* non-prefixed version, currently not supported by any browser */

	text-align: center;
	color: #333;
	background: #dde4d7;
	background: -moz-linear-gradient(top, #eaf1e3 0%, #dde4d7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf1e3), color-stop(100%,#dde4d7));
	background: -webkit-linear-gradient(top, #eaf1e3 0%,#dde4d7 100%);
	background: -o-linear-gradient(top, #eaf1e3 0%,#dde4d7 100%);
	background: -ms-linear-gradient(top, #eaf1e3 0%,#dde4d7 100%);
	background: linear-gradient(to bottom, #eaf1e3 0%,#dde4d7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf1e3', endColorstr='#dde4d7',GradientType=0 );

}
#collection_canvas_wrapper #collection_scrollview_overlay button {
	display: block;
	margin-top: 1px;
	min-width: 200px;

	font-family: 'Montserrat', sans-serif;                                                                              
	text-decoration: none;                                                                                              
	font-size: 12px;                                                                                                    
	color: #000;                                                                                                        
	text-shadow: 1px 1px 0 rgba(255,255,255,.5);                                                                        
	background: #e4efc0;                                                                                                
	background: -moz-linear-gradient(top, #e4efc0 0%, #abbd73 100%);                                                    
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4efc0), color-stop(100%,#abbd73));      
	background: -webkit-linear-gradient(top, #e4efc0 0%,#abbd73 100%);                                                  
	background: -o-linear-gradient(top, #e4efc0 0%,#abbd73 100%);                                                       
	background: -ms-linear-gradient(top, #e4efc0 0%,#abbd73 100%);                                                      
	background: linear-gradient(to bottom, #e4efc0 0%,#abbd73 100%);                                                    
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efc0', endColorstr='#abbd73',GradientType=0 );
	text-indent: 15px;                                                                                                  
	border: 1px solid #abbd73;                                                                                          
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.5);                                                                   
	padding: 2px 5px;                                                                                                     
}
#collection_canvas_wrapper #collection_scrollview_overlay button.selected {
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.5);                                                                   
}
.mine4erf-playset-color-picker {
	position: absolute;
}
.mine4erf-playset-color-picker-color {
	height: 38px;
	display: inline-block;
}
.mine4erf-playset-color-picker-custom-button {
	position: absolute;
	right: 0;
	top: 0;
	width: 32px;
	height: 38px;
	padding: 0;
	font-size: 32px;
	line-height: 1em;
}
#ce-fullscreen-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, 0.5);
}
#ce-fullscreen-exit-msg {
	background-color: #ccc;
	color: #000;
	padding: 0.2em 1em;
}
#mine4erf-scene-description {
	/*
	position: absolute;
	top: 517px;
	right: 350px;
	*/
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	font-size: 19px;
	font-family: expressway_cd_rg;
}

#mine4erf-user-points {
	float: right;
	font-family: StupidHeadBB;
	font-size: 30px;
	font-weight: bold;
	vertical-align: middle;
}

.mine4erf-spinner {
	display: none;
	position: absolute;
	left: 5px;
	top: 20px;
	padding: 40px;
	width: 800px;
	height: 500px;
	background-image: url(/images/mine4erf/Spinner_window_background_flat.jpg);
	z-index: 1;
}
.mine4erf-spin-list {
	box-sizing: border-box;
	width: 330px;
	border: 3px solid black;
	overflow-y: scroll;
	height: 500px;
	padding: 3px;
	display: inline-block;
}
.mine4erf-spin {
    position: relative;
    background-color: black;
    margin-top: 2px;
    border: 1px solid black;
    cursor: pointer;
    color: rgb(255, 255, 192);
    font-size: 17px;
    height: 45px;
}
.mine4erf-spin-shares {
    display: inline-block;
    min-width: 64px;
    height: 37px;
    line-height: 37px;
    text-align: right;
    font-size: 40px;
    padding: 2px;
    margin-right: 5px;
    margin-left: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-family: "StupidHeadBB";
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/images/mine4erf/Wheel_icon_60px.png);
    -webkit-text-stroke: 2px black;
}
.mine4erf-spin-datetime {
	vertical-align: text-bottom;
	font-family: expressway_cd_rg;
	line-height: 37px;
	white-space: nowrap;
	font-size: 19px;
}
.mine4erf-spin-check {
	position: absolute;
	right: 10px;
	top: 4px;
}
#mine4erf-spin-instructions {
	display: inline-block;
	box-sizing: border-box;
	width: 500px;
	position: absolute;
	top: 50px;
	left: 390px;
	font-size: 36px;
	line-height: 1.2em;
	text-align: left;
	color: rgb(183, 161, 94);
	font-family: "StupidHeadBB";
}
.mine4erf-spin-instructions-earnedline {
	font-size: 72px;
}
.mine4erf-spin-instructions-countline {
	font-size: 120px;
	line-height: 0.9em;
	-webkit-text-stroke: 3px rgb(183, 161, 94);
	color: red;
}
.mine4erf-spinner-button {
	background-color: transparent;
	border: 5px solid black;
	cursor: pointer;
	font-size: 36px;
	font-family: "StupidHeadBB";
	padding: 20px;
	color: rgb(183, 161, 94);
	border-radius: 20px;
}
.mine4erf-spin-all-button {
	position: absolute;
	right: 166px;
	bottom: 40px;
	width: 324px;
	text-align: center;
}
.mine4erf-spin-merge-button {
	position: absolute;
	right: 248px;
	bottom: 140px;
	width: 242px;
	text-align: center;
}
#mine4erf-spinner-open-button {
	margin-left: 20px;
	background-color: white;
	border: 3px solid black;
	font-weight: bold;
	cursor: pointer;
	font-size: 30px;
	font-family: "StupidHeadBB";
	vertical-align: middle;
}
#mine4erf-spinner-help-button {
	position: absolute;
	right: 42px;
	bottom: 40px;
	width: 100px;
}
#mine4erf-spinner-close-button {
	color: rgb(56, 70, 50);
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	font-size: 30px;
	border: 2px solid rgb(56, 70, 50);
	background: none;
	cursor: pointer;
}
#mine4erf-spinner-dialog {
	z-index: 3000;
        position: fixed;
        width: 1028px;
        height: 507px;
        left: calc(50vw - 517px);
        top: calc(50vh - 256px);
	border: 3px solid red;
	display: none;
	background-color: rgba(0, 0, 0, 0.9);
	cursor: pointer;
}
.mine4erf-spinner-dialog-desc {
	height: 32px;
	white-space: nowrap;
    	color: rgb(255, 255, 192);
	padding-left: 10px;
	padding-right: 10px;
	font-size: 20px;
	font-family: expressway_cd_rg;
}
#mine4erf-spinner-dialog-desc-left {
	position: absolute;
	top: 0;
	left: 0;
}
#mine4erf-spinner-dialog-desc-right {
	position: absolute;
	top: 0;
	right: 0;
}
#mine4erf-spinner-box {
	position: absolute;
	left: calc(50% - 160px);
	top: 32px;
	width: 320px;
	height: 320px;
}
.mine4erf-spinner-slot {
	width: 10px;
	height: 10px;
	background-color: rgb(125, 92, 69);
	border-radius: 5px;
}
.mine4erf-spinner-slot.mine4erf-spinner-slot-trail {
	background-color: rgb(145, 116, 97);
}
#mine4erf-spinner-box .mine4erf-spinner-gem-slot {
	background-color: rgb(0, 128, 0);
}

#mine4erf-spinner-box .mine4erf-spinner-badge-slot {
	background-color: rgb(255, 215, 0);
}

#mine4erf-spinner-box .mine4erf-spinner-gem-slot.mine4erf-spinner-slot-trail {
	background-color: rgb(38, 147, 38);
}

#mine4erf-spinner-box .mine4erf-spinner-badge-slot.mine4erf-spinner-slot-trail {
	background-color: rgb(255, 240, 25);
}

#mine4erf-spinner-slot-selector {
	background-color: rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 5px;
}
#mine4erf-spinner-canvas {
	position: absolute;
	left: 0;
	top: 32px;
}
#mine4erf-spinner-marker-canvas {
	position: absolute;
	left: -1;
	top: 32px;
}
#mine4erf-spinner-result {
	position: absolute;
	top: 352px;
	left: 0;
	width: 1028px;
	height: 155px;
	line-height: 155px;
	white-space: nowrap;
	text-align: center;
	color: white;
	font-size: 40px;
}
.mine4erf-spinner-result-img {
	width: 1028px;
	height: 155px;
}
#mine4erf-gem-popup {
	z-index: 3100;
        position: fixed;
        width: 480px;
        height: 420px;
        left: calc(50vw - 243px);
        top: calc(50vh - 213px);
	border: 3px solid red;
	display: none;
	background-color: rgba(0, 0, 0, 0.9);
}
#mine4erf-found-gem-canvas {
	position: absolute;
	top: 50px;
	left: 0;
	width: 480px;
	height: 320px;
}
#mine4erf-found-gem-title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	white-space: nowrap;
	text-align: center;
	color: white;
	font-size: 24px;
}
#mine4erf-found-gem-message {
	position: absolute;
	top: 370px;
	left: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	white-space: nowrap;
	text-align: center;
	color: white;
	font-size: 24px;
	cursor: pointer;
}

.card_icon {
	height: 44px;
	width: 44px;
	text-align: center;
	background-color: #000000;
	display: inline-block;
}

.card_icon.Red {
	background-color: #981C1E;
}

.card_icon.Blue {
	background-color: #023D65;
}

.card_icon img {
	height: 42px;
	margin-top: 1px;
}

/*************************************************************************************************************
ErfStore - XCart 5
*************************************************************************************************************/

@media (min-width: 1200px){
	.no-sidebars .block-featured-products ul.products-grid.grid-list li.product-cell{
		width: 33.33%;
	}
	
	body.skin-customer .sidebar {
		width: 15%;
	}
	
	.two-sidebars.sidebar-first-empty #content, .two-sidebars.sidebar-second-empty #content{
		width: 85%;
	}
}

body.skin-customer .sidebar {
	padding-right: 5px;
}

/**************/

/* styles for mobile archive */
@media only screen and (max-width: 767px) {
    /* fix for image bug*/
    #book-list .book-img {
        height: auto;
    }    
} 

/* styles for mobile blog posts */
@media only screen and (max-width: 767px) {
    #left .elgg-left > .elgg-content .elgg-body .elgg-menu-entity {
        top: 5px;
    }
    
    .elgg-menu.elgg-breadcrumbs {
        max-width: 100%;
        margin-top: 23px;
        margin-bottom: 5px;
    }

    .elgg-body > h3 > a:after {
        content:"\A"; 
        white-space:pre; 
    }

    .elgg-body > .streams {
        margin-top: 2px;
    }

    .elgg-left > .elgg-head {
        max-width: 100%;
        margin-bottom: 5px;
    }

    #left .elgg-left > .elgg-head + .elgg-content .elgg-body img.avatar {
        margin-bottom: 37px;
    }    

    .elgg-tags {
        position: relative;
        margin-right: 0px;
        padding-left: 30px
    }

    .elgg-tags li:first-child {
        position: absolute;
        top: 4px;
        left: 0px;
    }
}

/* styles for mobile archives table of contents */
@media only screen and (max-width: 767px) {
    .solid h1 {
        margin-bottom: 0.3em;
        margin-top: 1.2em;
        padding-left: 0.75em;
        padding-right: 0.75em; 
    }

    #left ul.archives li {
        width: 98%; 
    }

    #left ul.archives li.tiled .wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        box-sizing: border-box;
        padding: 10px;
        min-height: 0; 
    }

    #left ul.archives li .wrapper > a {
        display: inline-block;
        width: 45%; 
    }

    #left ul.archives li.erf-section img.thumbnail {
        margin: 0; 
    }

    #left ul.archives li .wrapper > h2 {
        display: inline-block;
        width: 45%; 
    }
}

/* styles for mobile comic viewing page */
@media only screen and (max-width: 767px) {
    .comicNav span {
        display: none;
    }

    .comicNav li.title {
        display: none;
    }

    .comic_content .page_content {
        padding: 0;
    }
    
    .comic_content .page_content div {
        padding: 0;
    }
    
    .comic_content .page_content img {
        margin: 0;
        width: 100%;
    }

    .post nav.files li {
        width: 33%;
        text-align: center;
    }

    #comments .topic_line {
        padding-left: 1em;
    } 
}

/* styles for mobile profile viewing page */
@media only screen and (max-width: 767px) {
    #erfworld-profile-username {
        width: 100%;
        overflow: hidden;
    }

    #erfworld-profile-toolbar {
        width: 100%;
        text-align: left;
    }

    #erfworld-profile-toolbar ul {
        display: block;
        width: 100%;
    }

    #erfworld-profile-toolbar li {
        display: block;
        width: 100%;
        margin-left: 0.35em;
    }


    #erfworld-profile-sidebar.elgg-col-1of3 {
        width: 100%;
    }

    #erfworld-profile-content {
        width: 100%;
    }
}

/* styles for mobile login */
@media only screen and (max-width: 767px) {
    form#login {
        width: 95%;
    }

    form#login #username, form#login #password {
        width: 100%;
        box-sizing: border-box;
    }

    .news #login label {
        display: inline;
    }

    #remember {
        vertical-align: baseline;
        margin-left: 14px;
    }

    #login div input[type="submit"], #login #recaptcha-register {
        margin-top: 22px;
    }
}

/* styles for mobile register */
@media only screen and (max-width: 767px) {
    form#login #repeatPassword, form#login #email, form#login #repeatEmail {
        width: 100%;
        box-sizing: border-box;
    }

    .g-recaptcha {
        transform: scale(0.96);
        margin-left: -8px;
    }
}

/* styles for mobile forums */
@media only screen and (max-width: 767px) {
    #page.index, #page.viewforum, #page.viewtopic {
        width: 95%;
        margin-left: 0;
        margin-right: 0;
        overflow: hidden;       
    }

    #page.index #topBannerAd, #page.viewforum #topBannerAd, #page.viewtopic #topBannerAd {
        width: 100%;
    }

    #page.index .forum-buttons, #page.viewforum .forum-buttons, #page.viewtopic .forum-buttons {
        height: auto;
        padding-top: 4px;
        padding-bottom: 4px;
    }

     #page.index .tablebg, #page.viewforum .tablebg, #page.viewtopic .tablebg {
        table-layout: fixed;
        width: 100%;
    }

	#page.index .pagenum,
	#page.viewforum .pagenum,
	#page.viewtopic .pagenum,
	#page.index .postcount,
	#page.viewforum .postcount,
	#page.viewtopic .postcount {
		display: none;
	}

    /* index */
    #page.index .tablebg tbody tr:nth-of-type(1) th:nth-of-type(1){
        width: 9%;
    }

    #page.index .tablebg tbody tr:nth-of-type(1) th:nth-of-type(2){
        width: 44%;
    }

    #page.index .tablebg tbody tr:nth-of-type(1) th:nth-of-type(3){
        width: 12%;
    }

    #page.index .tablebg tbody tr:nth-of-type(1) th:nth-of-type(4){
        width: 12%;
    }

    #page.index .tablebg tbody tr:nth-of-type(1) th:nth-of-type(5){
        width: 23%;
    }

    #page.index .row1 > img {
        display: none;
    }

    #page.index .genmed {
        font-size: 1em;
    }

    #page.index td .imageset.forum_read {
        padding-left: 37px;
    }

    #page.index td p.topicdetails {
        white-space: normal;
    }


    /* viewforum */
    #page.viewforum #pagecontent > div:nth-of-type(1) > .tablebg tbody tr:nth-of-type(1) {
        display: none;
    }

    #page.viewforum #pagecontent > div:nth-of-type(1) > .tablebg tbody tr:nth-of-type(2) th:nth-of-type(1){
        width: 5%;
    }

    #page.viewforum #pagecontent > div:nth-of-type(1) > .tablebg tbody tr:nth-of-type(2) th:nth-of-type(4){
        width: 13%;
    }

    #page.viewforum #pagecontent > div:nth-of-type(1) > .tablebg tbody tr:nth-of-type(2) th:nth-of-type(5){
        width: 12%;
    }

    #page.viewforum .topicdetails {
        white-space: normal !important;
    }

    #page.viewforum #pagecontent > table:nth-of-type(3) > tbody > tr > td:nth-of-type(2) {
        display: none;
    }

    #page.viewforum #pagecontent > table:nth-of-type(3) > tbody > tr > td:nth-of-type(1) td:nth-child(3),
    #page.viewforum #pagecontent > table:nth-of-type(3) > tbody > tr > td:nth-of-type(1) td:nth-child(6){
        display: none;
    }

    #page.viewforum #pagecontent > table:nth-of-type(3) > tbody > tr > td:nth-of-type(1) td {
        word-break: break-word;
    }


    /* viewtopic */        
    #page.viewtopic .tablebg tbody tr:nth-of-type(1) th:nth-of-type(1) {
        width: 25%;
    }

    #page.viewtopic .tablebg .row-post-body img {
        max-width: 100%;
        height: auto;
    }

    #page.viewtopic .postdetails {
        word-break: break-word;
    }

    #page.viewtopic .row-post-top .gensmall > div {
        float: none !important;
    }

    #page.viewtopic .anonymousTip {
        margin-top: 1em;
    }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
    #page.index td a.forumlink {
        font-size: 1em; 
        word-break: break-word;
    }

    #page.index td p.forumdesc {
        margin-top: 0.2em;
        font-size: 0.9em;
    }
}

/* styles for mobile wiki */
@media only screen and (max-width: 767px) {
    #mw-navigation #left-navigation{
        margin-left: 25px;
    }
    #mw-navigation #p-cactions-label {
        width: auto !important;
    }
    #mw-navigation #mw-panel {
        top: 90px;
    }
    #mp-topbanner, #mp-topbanner > tbody,
    #mp-topbanner > tbody > tr, #mp-topbanner > tbody > tr > td {
        display: block;
    }
    #mp-topbanner > tbody > tr > td:nth-of-type(1)  {
        width: 100% !important;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;        
    }
    #mp-topbanner > tbody > tr > td:nth-of-type(n+2)  {
        width: auto !important;
        display: inline-block;
    }
    #mp-upper, #mp-upper > tbody, #mp-upper > tbody > tr, #mp-upper > tbody > tr > td {
        display: block;
        width: 100% !important;
    }
    #mp-upper > tbody > tr > td:nth-of-type(2) {
        height: 1em;
    }
    #mp-tfa > p {
        display: none;
    }
    #mp-dyk-h2 {
        margin-top: 1em !important;
    }
    #mw-content-text > div:nth-of-type(2) {
        min-width: 0 !important;
    }
    #mw-content-text img {
        max-width: 100%;
        height: auto;
	}
}