@font-face {
  font-family: 'Slabo 27px';
  font-weight: normal;
  font-style: normal;
  src: url("/skin/font/slabo27/slabo27px-108.eot");
  src: /*local('Slabo 27px'),
		*/ url("/skin/font/slabo27/slabo27px-108.eot?#iefix") format('embedded-opentype'), url("/skin/font/slabo27/slabo27px-108.woff2") format('woff2'), url("/skin/font/slabo27/slabo27px-108.woff") format('woff'), url("/skin/font/slabo27/slabo27px-108.ttf") format('truetype');
}
@font-face {
  font-family: 'Slabo 13px';
  font-weight: normal;
  font-style: normal;
  src: url("/skin/font/slabo13/slabo13px.eot");
  src: /*local('Slabo 13px'),
		*/ url("/skin/font/slabo13/slabo13px.eot?#iefix") format('embedded-opentype'), url("/skin/font/slabo13/slabo13px.woff2") format('woff2'), url("/skin/font/slabo13/slabo13px.woff") format('woff'), url("/skin/font/slabo13/slabo13px.ttf") format('truetype');
}
@font-face {
  font-family: 'CustomOpenSans';
  font-style: normal;
  font-weight: 300;
  src: url("/skin/font/opensans-r1/OpenSans-Light-r1.eot");
  src: /*local('Open Sans Light'),
		local('OpenSans-Light'),
		*/ url("/skin/font/opensans-r1/OpenSans-Light-r1.eot?#iefix") format('embedded-opentype'), url("/skin/font/opensans-r1/OpenSans-Light-r1.woff2") format('woff2'), url("/skin/font/opensans-r1/OpenSans-Light-r1.woff") format('woff'), url("/skin/font/opensans-r1/OpenSans-Light-r1.ttf") format('truetype');
}
@font-face {
  font-family: 'CustomOpenSans';
  font-style: Italic;
  font-weight: 300;
  src: url("/skin/font/opensans-r1/OpenSans-LightItalic-r1.eot");
  src: /*local('Open Sans Light Italic'),
		local('OpenSansLight-Italic'),
		local('OpenSans-LightItalic'),
		*/ url("/skin/font/opensans-r1/OpenSans-LightItalic-r1.eot?#iefix") format('embedded-opentype'), url("/skin/font/opensans-r1/OpenSans-LightItalic-r1.woff2") format('woff2'), url("/skin/font/opensans-r1/OpenSans-LightItalic-r1.woff") format('woff'), url("/skin/font/opensans-r1/OpenSans-LightItalic-r1.ttf") format('truetype');
}
@font-face {
  font-family: 'CustomOpenSans';
  font-style: normal;
  font-weight: 400;
  src: url("/skin/font/opensans-r1/OpenSans-Regular-r1.eot");
  src: /*local('CustomOpenSans'),
		local('OpenSans'),
		*/ url("/skin/font/opensans-r1/OpenSans-Regular-r1.eot?#iefix") format('embedded-opentype'), url("/skin/font/opensans-r1/OpenSans-Regular-r1.woff2") format('woff2'), url("/skin/font/opensans-r1/OpenSans-Regular-r1.woff") format('woff'), url("/skin/font/opensans-r1/OpenSans-Regular-r1.ttf") format('truetype');
}
@font-face {
  font-family: 'CustomOpenSans';
  font-style: Italic;
  font-weight: 400;
  src: url("/skin/font/opensans-r1/OpenSans-Italic-r1.eot");
  src: /*local('Open Sans Italic'),
		local('OpenSans-Italic'),
		*/ url("/skin/font/opensans-r1/OpenSans-Italic-r1.eot?#iefix") format('embedded-opentype'), url("/skin/font/opensans-r1/OpenSans-Italic-r1.woff2") format('woff2'), url("/skin/font/opensans-r1/OpenSans-Italic-r1.woff") format('woff'), url("/skin/font/opensans-r1/OpenSans-Italic-r1.ttf") format('truetype');
}
@font-face {
  font-family: 'CustomOpenSans';
  font-style: normal;
  font-weight: 600;
  src: url("/skin/font/opensans-r1/OpenSans-Semibold-r1.eot");
  src: /*local('Open Sans Semibold'),
		local('OpenSans-Semibold'),
		*/ url("/skin/font/opensans-r1/OpenSans-Semibold-r1.eot?#iefix") format('embedded-opentype'), url("/skin/font/opensans-r1/OpenSans-Semibold-r1.woff2") format('woff2'), url("/skin/font/opensans-r1/OpenSans-Semibold-r1.woff") format('woff'), url("/skin/font/opensans-r1/OpenSans-Semibold-r1.ttf") format('truetype');
}
@font-face {
  font-family: 'CustomOpenSans';
  font-style: Italic;
  font-weight: 600;
  src: url("/skin/font/opensans-r1/OpenSans-SemiboldItalic-r1.eot");
  src: /*local('Open Sans Semibold Italic'),
		local('OpenSans-SemiboldItalic'),
		*/ url("/skin/font/opensans-r1/OpenSans-SemiboldItalic-r1.eot?#iefix") format('embedded-opentype'), url("/skin/font/opensans-r1/OpenSans-SemiboldItalic-r1.woff2") format('woff2'), url("/skin/font/opensans-r1/OpenSans-SemiboldItalic-r1.woff") format('woff'), url("/skin/font/opensans-r1/OpenSans-SemiboldItalic-r1.ttf") format('truetype');
}
@font-face {
  font-family: 'CustomOpenSans';
  font-style: normal;
  font-weight: 700;
  src: url("/skin/font/opensans-r1/OpenSans-Bold-r1.eot");
  src: /*local('Open Sans Bold'),
		local('OpenSans-Bold'),
		*/ url("/skin/font/opensans-r1/OpenSans-Bold-r1.eot?#iefix") format('embedded-opentype'), url("/skin/font/opensans-r1/OpenSans-Bold-r1.woff2") format('woff2'), url("/skin/font/opensans-r1/OpenSans-Bold-r1.woff") format('woff'), url("/skin/font/opensans-r1/OpenSans-Bold-r1.ttf") format('truetype');
}
@font-face {
  font-family: 'CustomOpenSans';
  font-style: Italic;
  font-weight: 700;
  src: url("/skin/font/opensans-r1/OpenSans-BoldItalic-r1.eot");
  src: /*local('Open Sans Bold Italic'),
		local('OpenSans-BoldItalic'),
		*/ url("/skin/font/opensans-r1/OpenSans-BoldItalic-r1.eot?#iefix") format('embedded-opentype'), url("/skin/font/opensans-r1/OpenSans-BoldItalic-r1.woff2") format('woff2'), url("/skin/font/opensans-r1/OpenSans-BoldItalic-r1.woff") format('woff'), url("/skin/font/opensans-r1/OpenSans-BoldItalic-r1.ttf") format('truetype');
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
#box {
  margin: 0 0 1em 0;
  background: #efeeed;
  border: 1px solid #adaaa7;
  z-index: 2;
}
#box h1 {
  font: bold 35px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0 0 0.6em 0;
  padding: 0 0 0.2em 0;
}
#box h1.title {
  border-bottom: 1px dashed #888;
}
#box h2 {
  font: 600 25px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0 0 0.6em 0;
  padding: 0 0 0.2em 0;
}
#box h2.subtitle {
  background-color: #ded6ce;
  margin: 1em 0 0.6em 0;
  padding: 0.2em 0.4em;
}
#box h3 {
  font: 600 1.4em 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#box h6.note {
  font: bold 1.3em 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0 0 -1em 0;
  text-align: right;
  color: #f00;
}
#box div.bodytext {
  font: normal 16px/23px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#box div.bodytext h3 {
  font: 600 18px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #3d3327;
  margin: 1em 0 0.6em 0;
}
#box div.bodytext h4 {
  font: 600 17px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #3d3327;
  margin: 0.6em 0 0.4em 0;
}
#box.twocolumn {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 2em;
     -moz-column-gap: 2em;
          column-gap: 2em;
}
#box.twocolumn .bodytext {
  font-size: 1.1em;
}
#box.twocolumn .bodytext h4 {
  font-weight: 700;
}
@media (min-width: 901px) {
  #box {
    padding: 2em 3em;
  }
}
@media (max-width: 1000px) {
  #box.twocolumn {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}
@media (max-width: 900px) {
  #box {
    padding: 0.8em 1.5em;
  }
}
@media print {
  #upperbar div.up_icon {
    display: none;
  }
}
@media screen {
  #upperbar div.up_icon {
    display: block;
    position: relative;
    float: right;
    height: 25px;
    width: 30px;
    margin: 9px 12px 0 12px;
    padding: 2px 0;
    font: 600 11px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    border: 1px solid #616ca3;
    border-radius: 5px;
    opacity: 0.7;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: width 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s, background-color 0.5s;
    transition: width 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.5s, background-color 0.5s;
  }
  #upperbar.up_search_expanded #up_search {
    width: 200px;
    opacity: 1;
    background-color: #525d94;
  }
  #upperbar.up_search_expanded #up_search #up_search_wrap {
    display: block;
  }
  #upperbar #up_search #up_search_form {
    margin: 0;
    padding: 0;
  }
  #upperbar #up_search #up_search_submit {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    border: none;
    color: transparent;
    background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE5cHgiIGhlaWdodD0iMTlweCIgdmlld0JveD0iMCAwIDE5IDE5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOSAxOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTcuNjMyLDE2Ljk1NWwtNC43NjEtNC43NjJjMS4xMDktMS4xODgsMS43OTUtMi43NzYsMS43OTUtNC41MjdjMC0zLjY2Ny0yLjk4Mi02LjY0OS02LjY0OS02LjY0OQ0KCWMtMy42NjcsMC02LjY0OSwyLjk4Mi02LjY0OSw2LjY0OGMwLDMuNjY3LDIuOTgyLDYuNjQ3LDYuNjQ5LDYuNjQ3YzEuMzkxLDAsMi42ODItMC40MzIsMy43NS0xLjE2NGw0LjgzNCw0LjgzNEwxNy42MzIsMTYuOTU1eg0KCSBNMi44MjQsNy42NjZjMC0yLjg2MywyLjMzLTUuMTkyLDUuMTkyLTUuMTkyYzIuODY0LDAsNS4xOTIsMi4zMjksNS4xOTIsNS4xOTJjMCwyLjg2MS0yLjMyOCw1LjE5MS01LjE5Miw1LjE5MQ0KCUM1LjE1NCwxMi44NTUsMi44MjQsMTAuNTI3LDIuODI0LDcuNjY2eiIvPg0KPC9zdmc+DQo=") no-repeat center center;
    background-size: 18px 18px;
  }
  #upperbar #up_search #up_search_submit span {
    display: none;
  }
  #upperbar #up_search #up_search_wrap {
    display: none;
    position: absolute;
    left: 30px;
    right: 0;
    top: 0;
    bottom: 0;
  }
  #upperbar #up_search #up_search_input {
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    font: 16px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: transparent;
    color: #fff;
    outline: none;
  }
  #upperbar #up_reply a {
    width: 4em;
    text-align: center;
    color: #fff;
  }
}
@media screen and (max-width: 900px) {
  #upperbar div.up_icon {
    margin: 6px 5px 0 0;
  }
  #upperbar div.up_icon a {
    padding: 2px 0 0 0;
  }
}
@media screen and (max-width: 700px) {
  #upperbar.up_search_expanded #breadcrumb,
  #upperbar.up_search_closing #breadcrumb {
    display: none !important;
  }
}
@media screen and (max-width: 500px) {
  #upperbar div.up_icon {
    margin: 2px 5px 0 0;
  }
}
@media print {
  ul.breadcrumb {
    margin: 1em 0 0.5em 0;
    padding: 0;
    display: block;
  }
  ul.breadcrumb li {
    display: inline;
    list-style: none;
    margin: 0 0.3em 0 0;
    font: normal 24px 'Slabo 27px', Georgia, serif;
  }
  ul.breadcrumb li a {
    font-size: 0.7em;
    text-decoration: none;
  }
  ul.breadcrumb li:before {
    content: "\00BB \0020";
  }
  ul.breadcrumb ~ div {
    clear: both;
  }
  ul#breadcrumb_footer {
    display: none;
  }
}
@media screen {
  ul.breadcrumb {
    display: block;
    margin: 0;
    color: #616ca3;
    font: normal 25px/29px 'Slabo 27px', Georgia, serif;
  }
  ul.breadcrumb li {
    display: inline;
    list-style: none;
    margin: 0 0.8em 0 -0.5em;
  }
  ul.breadcrumb li a {
    color: #dfe1ec;
    text-decoration: underline;
  }
  ul.breadcrumb li a:hover {
    color: #b8bed7;
  }
  ul.breadcrumb li span {
    color: #fff;
  }
  ul.breadcrumb li:before {
    content: "\00BB \0020";
  }
  #upperbar ul.breadcrumb {
    padding: 10px;
    padding-left: 1em;
  }
  #upperbar ul.breadcrumb li a {
    font: normal 78%/78% 'Slabo 27px', Georgia, serif;
    position: relative;
    top: -1px;
  }
  #lowerbar ul.breadcrumb {
    padding: 4px;
    padding-left: 15px;
    opacity: 0.7;
  }
  #lowerbar ul.breadcrumb li {
    font: normal 18px/22px 'Slabo 27px', Georgia, serif;
  }
  #lowerbar ul.breadcrumb li a {
    text-decoration: none;
  }
}
#bc {
  background: #eee;
  border: 1px solid #adaaa7;
  margin: 0;
  padding: 2em 3em;
  z-index: 2;
}
#bc h2 {
  font: normal 2em 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0 0 0.6em;
  padding: 0 0 0.2em;
}
#bc_body td.title {
  padding: 15px 0 0;
}
#bc_body td.title h1 {
  color: #840;
  font: 32px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#bc_body td.tabs {
  border-bottom: 1px solid #8b6021;
  padding: 12px 0 0;
  text-align: center;
}
#bc_body td.tabs td.tab,
#bc_body td.tabs td.tabactive {
  border-left: 1px solid #eee;
  color: #fff;
  font: bold 14px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 3px 25px 5px;
}
#bc_body td.tabs td.tab {
  background: #8b6021 url("/img/bc/grad2.gif");
}
#bc_body td.tabs td.tabactive {
  background: #bec3d5 url("/img/bc/grad1.gif");
}
#bc_body h1 {
  color: #840;
  font: 32px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0;
}
#bc_body h2 {
  display: none;
}
#content div.buttons {
  display: block;
  text-align: right;
}
#content div.buttons a {
  border-radius: 5px;
  background: #7b7164;
  font: 600 14px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 3px 8px;
  color: #fff;
  white-space: nowrap;
}
@media (min-width: 351px) and (max-width: 500px) {
  #content div.buttons a {
    font: 600 13px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
}
@media (max-width: 350px) {
  #content div.buttons a {
    font: 600 12px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
}
#content div.buttons a:link,
#content div.buttons a:visited {
  background: #7b7164 -webkit-linear-gradient(bottom, #655f58 0, #7b7164 20px);
  background: #7b7164 linear-gradient(to top, #655f58 0, #7b7164 20px);
  color: #fff;
}
#content div.buttons a:active,
#content div.buttons a:hover {
  background: #655f58 -webkit-linear-gradient(bottom, #52473a 0, #655f58 20px);
  background: #655f58 linear-gradient(to top, #52473a 0, #655f58 20px);
  color: #fff;
}
#content div.buttons a.breply {
  font-weight: bold;
}
#content div.buttons a.breply:link,
#content div.buttons a.breply:visited {
  background: #525d94;
}
#content div.buttons a.breply:active,
#content div.buttons a.breply:hover {
  background: #3a437b;
}
#content div.buttons a.bactive:link,
#content div.buttons a.bactive:visited {
  background: #ab763a -webkit-linear-gradient(top, #b77f3e 0, #865d2d 25px);
  background: #ab763a linear-gradient(to bottom, #b77f3e 0, #865d2d 25px);
}
#content div.buttons a.bactive:active,
#content div.buttons a.bactive:hover {
  background: #c7781e -webkit-linear-gradient(top, #e48b22 0, #ab6818 25px);
  background: #c7781e linear-gradient(to bottom, #e48b22 0, #ab6818 25px);
}
#content div.buttons a.blink {
  border: 1px solid #a7a099;
  padding: 2px 7px;
}
#content div.buttons a.blink:link,
#content div.buttons a.blink:visited {
  background: transparent;
  color: #000;
}
#content div.buttons a.blink:active,
#content div.buttons a.blink:hover {
  background: #ccc9c5 -webkit-linear-gradient(bottom, #e5e4e2 0, #ccc9c5 10px);
  background: #ccc9c5 linear-gradient(to top, #e5e4e2 0, #ccc9c5 10px);
  color: #000;
}
#content div.buttons.btop {
  margin-bottom: 7px;
}
#content div.buttons.bfoot {
  margin-top: 7px;
}
ul#tabs {
  list-style: none;
  padding: 0;
}
ul#tabs li {
  display: inline;
  white-space: nowrap;
}
ul#tabs.box {
  margin: 5px 0 0 10px;
}
ul#tabs.box li {
  padding: 1px 0 1px 0;
  margin: 0 0.3em 0 0;
  font: 1.3em 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  overflow: visible;
  z-index: 1;
}
ul#tabs.box li a {
  background-color: #ddd;
  color: #016;
  padding: 2px 0.8em 0 0.8em;
  position: relative;
  margin: 0;
  text-decoration: none;
  z-index: 1;
  border: 1px solid #adaaa7;
  border-bottom: none;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
ul#tabs.box li.picked {
  border-color: #adaaa7;
  font-weight: bold;
  z-index: 3;
}
ul#tabs.box li.picked a {
  color: #029;
  background-color: #efeeed;
  background: -webkit-linear-gradient(top, #fff 0, #efeeed 50%);
  background: linear-gradient(to bottom, #fff 0, #efeeed 50%);
  padding: 5px 0.8em 1px 0.8em;
  z-index: 31;
}
ul#tabs.box li.disabled a {
  background-color: #ccc9c5;
  color: #927e68;
}
ul#tabs.profile {
  margin: 10px 0 2px 0;
  padding-left: 0;
  white-space: nowrap;
}
ul#tabs.profile li a {
  font: 600 17px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 2px 0.6em;
  border-radius: 7px 7px 0 0;
}
ul#tabs.profile li a:link,
ul#tabs.profile li a:visited {
  color: #fff;
  background-color: #3a437b;
  text-decoration: none;
}
ul#tabs.profile li a:hover,
ul#tabs.profile li a:active {
  color: #fff;
  background-color: #626da3;
  text-decoration: none;
}
ul#tabs.profile li.picked a {
  background-color: #ddd;
  color: #000;
  font-weight: 600;
  padding-bottom: 8px;
  border-top: 2px solid #eee;
}
@media print {
  body {
    margin: 2pt;
    padding: 0;
    border: none;
    font-size: 12px;
    font-family: 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  a:link,
  a:visited {
    color: #00c;
  }
}
@media screen {
  body {
    font-family: 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12.8px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #3d3327;
/* pre
			white-space pre-wrap */
  }
  body.noscroll {
    position: fixed;
    overflow: hidden;
  }
  #root {
    -webkit-transition: margin 0.5s;
    transition: margin 0.5s;
  }
  #topbar {
    position: relative;
    margin: 0px auto;
    height: 45px;
  }
  #page {
    z-index: 2;
    position: relative;
    background: #3a437b;
    border-bottom: 1px solid #525d94;
    margin: 0px auto;
  }
  #page #innerpage {
    position: relative;
    padding: 1em 0;
    min-height: 100px;
    background: #ccc9c5;
  }
  #page #innerpage #innershadow {
    display: none;
  }
  #page #innerpage #content {
    position: relative;
    clear: both;
  }
  #page #innerpage #content .bodytext {
    -webkit-font-smoothing: initial;
    -moz-osx-font-smoothing: auto;
  }
  #page #lowerbar {
    clear: both;
  }
  #footer {
    position: relative;
    margin: 0px auto;
    -webkit-font-smoothing: initial;
    -moz-osx-font-smoothing: auto;
  }
}
@media print {
  #footer {
    display: none;
  }
}
#footer {
  min-height: 320px;
  background-color: #3d3327;
  padding: 2em 0 2em 0;
}
#footer dl {
  margin: 0 0 2em 0;
  float: left;
  width: 15.4%;
  min-height: 360px;
  border-left: 1px solid rgba(149,134,124,0.4);
  font: 13px/18px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#footer dl:first-child {
  border-left: 0;
}
#footer dl:nth-last-child(2) {
  border-right: 1px solid rgba(149,134,124,0.4);
}
#footer dl:last-child {
  width: 150px;
  border-left: 0;
  float: right;
  text-align: right;
  display: block;
  margin: 0 10px 0 0;
}
#footer dl:last-child dt,
#footer dl:last-child dd {
  margin: 0;
}
#footer dl dt {
  margin: 1em 0 0.2em 8%;
  font: 16px/17px 'Slabo 13px', Georgia, serif;
  padding: 0 0 0.1em 0;
  color: #cac4bd;
}
#footer dl dt:first-child {
  margin-top: -2px;
}
#footer dl dt.whirlpool a {
  display: block;
  background: transparent url("image/whirlpool-2015-footer.svg") no-repeat top left;
  background-size: 150px 140px;
  width: 150px;
  height: 140px;
  margin: 0.5em 0 0.3em 0;
}
#footer dl dt.bulletproof {
  margin-top: 2em;
}
#footer dl dt.bulletproof a {
  display: block;
  background: transparent url("image/bulletproof-2015-footer.svg") no-repeat top left;
  background-size: 149px 39px;
  width: 150px;
  height: 39px;
  margin: 1em 0 0.5em 0;
}
#footer dl dt a span {
  display: none;
}
#footer dl dd {
  margin: 0 0 0 8%;
  padding: 0;
  color: #847b74;
}
#footer dl dd a {
  color: #95867c;
  text-decoration-color: rgba(149,134,124,0.4);
  -webkit-text-decoration-color: rgba(149,134,124,0.4);
}
#footer dl dd a:hover {
  color: #fff;
}
html.no-svg #footer dl dt.whirlpool a {
  background-image: url("image/whirlpool-2015-footer.png");
}
html.no-svg #footer dl dt.bulletproof {
  display: none;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  #footer dl {
    border-left: 0.7px solid rgba(149,134,124,0.4);
  }
  #footer dl:nth-last-child(2) {
    border-right: 0.7px solid rgba(149,134,124,0.4);
  }
}
@media (max-width: 1100px) {
  #footer dl {
    font: 11px/17px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
}
@media (min-width: 751px) {
  #footer {
    background: -webkit-radial-gradient(ellipse farthest-side at 50% 0, #52473a 10%, #453b2e 50%, #3d3327 100%);
    background: radial-gradient(ellipse farthest-side at 50% 0, #52473a 10%, #453b2e 50%, #3d3327 100%);
  }
}
@media (max-width: 750px) {
  #footer dl {
    display: none;
  }
  #footer dl:last-child {
    display: block;
    float: right;
    width: auto;
    margin: 0 2em 1em;
  }
}
#forumindex h3 {
  background-color: #525d94;
  color: #fff;
  padding: 5px 12px 4px 12px;
  font: 24px/28px 'Slabo 13px', Georgia, serif;
  letter-spacing: -0.01em;
  text-align: left;
  margin: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  box-shadow: 0 1px 10px rgba(0,0,0,0.2);
}
#forumindex table {
  width: 100%;
  border-spacing: 0;
  margin: 0 0 20px 0;
  box-shadow: 0 1px 10px rgba(0,0,0,0.2);
}
#forumindex table colgroup col.title {
  width: 35%;
  min-width: 120px;
  max-width: 200px;
}
#forumindex table colgroup col.threads {
  width: 65%;
}
#forumindex table td.title,
#forumindex table td.threads {
  background: #e6e6e6;
  border-bottom: 1px solid #cfcfcf;
  font: normal 10px/14px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 4px 10px;
}
#forumindex table td.title {
  background: -webkit-linear-gradient(top, #f0f0f0 0, #e6e6e6 40px);
  background: linear-gradient(to bottom, #f0f0f0 0, #e6e6e6 40px);
  text-shadow: 0 1px 0 #fff;
}
#forumindex table td.title div.title a {
  font: 600 16px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#forumindex table td.title div.subtitle {
  color: #555;
}
#forumindex table td.threads {
  background: -webkit-linear-gradient(top, #ebebeb 0, #e1e1e1 40px);
  background: linear-gradient(to bottom, #ebebeb 0, #e1e1e1 40px);
  color: #808080;
  text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}
#forumindex table td.threads a {
  color: #447;
}
#forumindex table td.threads div.sub a {
  font-weight: bold;
}
#replies {
  position: relative;
}
#replies div.notebar {
  padding: 3px;
  border-bottom: 1px solid #c0c0c0;
  background: -webkit-linear-gradient(top, #ddd 0, #ccc 30px);
  background: linear-gradient(to bottom, #ddd 0, #ccc 30px);
  color: #3d3327;
  font: 600 14px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-align: center;
}
#replies div.notebar.public {
  background: #bfc4da -webkit-linear-gradient(top, #e5e7f0 0, #d2d5e5 25px);
  background: #bfc4da linear-gradient(to bottom, #e5e7f0 0, #d2d5e5 25px);
}
#replies div.notebar.deleted {
  border-top: 1px solid #c0c0c0;
  background: #855;
  color: #fff;
}
#replies div.notebar button {
  font-size: 15px;
}
#replies {
  position: relative;
}
#replylist {
  box-shadow: 0 2px 14px rgba(0,0,0,0.25);
}
#replylist h3 {
  background: #ccc;
  font: bold 14px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 0.4em;
  margin: 0;
  border-bottom: 1px solid #bbb;
  text-align: center;
}
#replylist div.divider {
  background: #ddd;
  background: -webkit-linear-gradient(top, #ddd 0, #ccc 30px);
  background: linear-gradient(to bottom, #ddd 0, #ccc 30px);
  font: 600 12px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 0.5em 0;
  border-bottom: 1px solid #bbb;
  text-align: center;
  position: relative;
}
#replylist div.moderation {
  background: #e6e6e6;
  background: -webkit-linear-gradient(top, #ede1d3 0, #e6d5c4 15px);
  background: linear-gradient(to bottom, #ede1d3 0, #e6d5c4 15px);
  font: 10px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 0.5em;
  border-bottom: 1px solid #bbb;
  text-align: center;
}
#replylist div.notice {
  background: #e6e6e6;
  background: -webkit-linear-gradient(top, #eee 0, #e6e6e6 30px);
  background: linear-gradient(to bottom, #eee 0, #e6e6e6 30px);
  font: 10px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 0.5em 0;
  border-bottom: 1px solid #bbb;
  text-align: center;
  position: relative;
}
#replylist div.notice div.replyuser,
#replylist div.notice div.replytools {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 190px;
  padding: 0.5em;
  text-align: center;
}
#replylist div.notice div.replyuser {
  left: 0;
  right: auto;
}
#replylist div.notice div.replytools {
  left: auto;
  right: 0;
}
#replylist div.notice div.replytext {
  margin: 0 210px;
}
#replylist div.replyform {
  background: #ccc;
  background: -webkit-linear-gradient(top, #d5d5d5 0, #ccc 90px);
  background: linear-gradient(to bottom, #d5d5d5 0, #ccc 90px);
  border-bottom: 1px solid #bbb;
  position: relative;
}
#replylist div.replyform div.title h4 {
  margin: 0;
  color: #666;
}
#replylist div.replyform div.editor div.textarea {
  background-color: #fff;
  padding: 8px;
  margin: 0 0 5px 0;
  border: 1px solid #bbb;
}
#replylist div.replyform div.editor div.textarea textarea {
  resize: vertical;
  padding: 0;
  margin: 0;
  border: 0;
  font: normal 11px 'CustomOpenSans', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  outline: none;
  width: 100%;
  height: 200px;
  max-height: 85vh;
}
#replylist div.replyform div.editor input[type=submit] {
  font: 600 14px 'CustomOpenSans', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 10em;
}
#replylist div.replyform div.editor input[type=button] {
  font: 600 12px 'CustomOpenSans', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#replylist div.replyform div.options {
  font: 11px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#replylist div.replyform div.options input[type=checkbox],
#replylist div.replyform div.options label {
  cursor: pointer;
}
#replylist div.reply {
  background: #eee;
  background: -webkit-linear-gradient(bottom, #e6e6e6 0, #eee 30px);
  background: linear-gradient(to top, #e6e6e6 0, #eee 30px);
  padding: 0;
  border-top: 2px solid #f2f2f2;
  border-bottom: 1px solid #bbb;
  position: relative;
  min-height: 90px;
  vertical-align: middle;
}
#replylist div.reply.preview {
  display: none;
  background: #e5e7f0;
  background: -webkit-linear-gradient(bottom, #d9dce9 0, #e5e7f0 30px);
  background: linear-gradient(to top, #d9dce9 0, #e5e7f0 30px);
}
#replylist div.reply.preview div.replymeta div.replyuser,
#replylist div.reply.preview div.replymeta div.replytools {
  background: #d9dce9;
  background: -webkit-linear-gradient(top, #e5e7f0 0, #d9dce9 30px);
  background: linear-gradient(to bottom, #e5e7f0 0, #d9dce9 30px);
}
#replylist div.reply.hidden {
  display: none;
  background: #f0e8e5;
  background: -webkit-linear-gradient(bottom, #e5dcda 0, #f0e8e5 30px);
  background: linear-gradient(to top, #e5dcda 0, #f0e8e5 30px);
}
#replylist div.reply.hidden div.replymeta div.replyuser,
#replylist div.reply.hidden div.replymeta div.replytools {
  background: #e5dcda;
  background: -webkit-linear-gradient(top, #f0e8e5 0, #e5dcda 30px);
  background: linear-gradient(to bottom, #f0e8e5 0, #e5dcda 30px);
}
#replylist div.reply div.replymeta {
  cursor: default;
  font: normal 10px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#replylist div.reply div.replymeta div.replyuser span.status {
  color: #c92;
}
#replylist div.reply div.replymeta div.replyuser span.reptag {
  color: #000;
  font-size: 12px;
  font-weight: bold;
}
#replylist div.reply div.replymeta div.replyuser div.username {
  overflow: hidden;
}
#replylist div.reply div.replymeta div.replyuser div.voteblock {
  font: bold 10px "Lucida Console", monospace;
  padding: 5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#replylist div.reply div.replymeta div.replyuser div.voteblock span.vote {
  border: 1px solid #ccc;
  background-color: #ccc;
  cursor: pointer;
  padding: 1px 2px 1px 2px;
  color: #fff;
}
#replylist div.reply div.replymeta div.replyuser div.voteblock span.vote.waiting {
  background-color: #f7bb75;
  border: 1px solid #f5aa53;
}
#replylist div.reply div.replymeta div.replyuser div.voteblock.voted1 span.vote1,
#replylist div.reply div.replymeta div.replyuser div.voteblock.voted2 span.vote2,
#replylist div.reply div.replymeta div.replyuser div.voteblock.voted4 span.vote4,
#replylist div.reply div.replymeta div.replyuser div.voteblock.voted5 span.vote5 {
  background-color: #fff;
  border: 1px solid #fff;
  color: #000;
  cursor: default;
}
#replylist div.reply div.replymeta div.replyuser div.voteblock.crusty.voted1 span.vote1,
#replylist div.reply div.replymeta div.replyuser div.voteblock.crusty.voted2 span.vote2,
#replylist div.reply div.replymeta div.replyuser div.voteblock.crusty.voted4 span.vote4,
#replylist div.reply div.replymeta div.replyuser div.voteblock.crusty.voted5 span.vote5 {
  background-color: #f5f0cc;
}
#replylist div.reply div.replymeta div.replyuser div.usergroup color #555 a:link,
#replylist div.reply div.replymeta div.replyuser div.usergroup color #555 a:visited {
  color: #555;
}
#replylist div.reply div.replymeta div.replytools div.shortcode {
  color: #99c;
}
#replylist div.reply div.replymeta div.replytools div.edited {
  color: #666;
}
#replylist div.reply div.replytext {
  text-align: left;
  font: normal 14.6px 'CustomOpenSans', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#replylist div.reply div.replytext div.edited {
  float: right;
  font: 10px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin-bottom: 15px;
  text-align: right;
  color: #888;
  width: 150px;
}
#replylist div.reply div.replytext div.op {
  float: right;
  font: 10px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0 0 15px 8px;
  text-align: right;
  color: #bbb;
  width: 20px;
  color: #bbb;
  width: 20px;
}
#replylist div.reply div.quote {
  display: none;
  left: 0;
  right: 0;
  text-align: center;
}
#replylist div.reply-archived {
  min-height: 55px;
}
#replylist div.reply-lastdate {
  padding-bottom: 0 !important;
  min-height: 1.7em;
  opacity: 0.35;
}
#replylist div.reply-lastdate div.replymeta div.replytools {
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  text-align: center !important;
}
#replylist div.reply-lastdate div.replymeta div.replytools div div {
  display: inline;
  position: initial;
}
@media (max-width: 990px) {
  #replylist div.reply-lastdate {
    display: none !important;
  }
}
@media (max-width: 990px) {
  #replylist div.notice div.replyuser,
  #replylist div.notice div.replytools {
    position: relative;
  }
  #replylist div.notice div.replytext {
    margin: 0 10px;
  }
  #replylist div.replyform {
    padding: 10px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
  }
  #replylist div.replyform div.title {
    position: absolute;
    top: 5px;
    left: 10px;
    width: 110px;
  }
  #replylist div.replyform div.title h4 {
    margin: 0;
    font: 600 17px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #666;
  }
  #replylist div.replyform div.editor {
    padding: 20px 0 0 0;
  }
  #replylist div.replyform div.editor div.textarea {
    padding: 4px;
  }
  #replylist div.replyform div.editor div.textarea textarea {
    font: normal 12px 'CustomOpenSans', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  #replylist div.replyform div.options {
    font: 11px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  #replylist div.replyform div.options div {
    display: inline;
  }
  #replylist div.reply {
    padding-bottom: 3em;
  }
  #replylist div.reply div.replytext {
    margin: 0 10px;
  }
  #replylist div.reply div.replytext strong {
    color: #000;
    font-weight: 600;
  }
  #replylist div.reply div.replymeta div.replyuser {
    background-color: #ddd;
    padding: 3px 4px;
    text-align: left;
  }
  #replylist div.reply div.replymeta div.replyuser span.bu_name {
    font: 700 15px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  #replylist div.reply div.replymeta div.replyuser span.quip {
    display: none;
  }
  #replylist div.reply div.replymeta div.replyuser div {
    display: inline;
    padding: 0 3px;
  }
  #replylist div.reply div.replymeta div.replyuser div.userstats {
    display: none;
  }
  #replylist div.reply div.replymeta div.replyuser div.voteblock {
    display: none;
  }
  #replylist div.reply div.replymeta div.replyuser br {
    display: none;
  }
  #replylist div.reply div.replymeta div.replytools {
    line-height: 1.5em;
  }
  #replylist div.reply div.replymeta div.replytools div.replytools-inner {
    display: none;
  }
  #replylist div.reply div.replymeta div.replytools div.tools {
    padding: 4px 7px;
    text-align: left;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 50%;
    top: auto;
  }
  #replylist div.reply div.replymeta div.replytools div.tools a {
    padding: 2px;
  }
  #replylist div.reply div.replymeta div.replytools div.date {
    padding: 4px 7px;
    text-align: right;
    position: absolute;
    bottom: 0px;
    left: 50%;
    right: 0px;
    top: auto;
    color: #666;
  }
  #replylist div.reply div.replymeta div.replytools div.date div.edited {
    display: inline;
    color: #999;
  }
  #replylist div.reply div.quote {
    position: fixed;
    -webkit-backface-visibility: hidden;
    top: auto;
    bottom: 0;
    z-index: 1000;
  }
  #replylist div.reply div.quote div.quote-inner {
    width: 100%;
    padding: 5px;
    background-color: #f5aa53;
    border-bottom: 2px solid #000;
  }
  #replylist div.reply div.quote div.quote-inner button {
    font-size: 18px;
    height: 2.2em;
    padding-left: 2em;
    padding-right: 2em;
  }
  #replylist div.reply.hidden div.replymeta {
    background: rgba(214,184,175,0.2);
  }
}
@media (min-width: 991px) {
  #replylist div.notice div.replyuser,
  #replylist div.notice div.replytools {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 190px;
    padding: 0.5em;
    text-align: center;
  }
  #replylist div.notice div.replyuser {
    left: 0;
    right: auto;
  }
  #replylist div.notice div.replytools {
    left: auto;
    right: 0;
  }
  #replylist div.notice div.replytext {
    margin: 0 210px;
  }
  #replylist div.replyform {
    padding: 15px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
  }
  #replylist div.replyform div.title {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 110px;
  }
  #replylist div.replyform div.title h4 {
    font: 600 22px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  #replylist div.replyform div.editor {
    margin: 0 130px 0 130px;
  }
  #replylist div.replyform div.editor div.textarea textarea {
    font: normal 14.6px 'CustomOpenSans', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  #replylist div.replyform div.options {
    position: absolute;
    top: 15px;
    right: 0;
    width: 130px;
  }
  #replylist div.reply div.replytext {
    margin: 10px 232px;
  }
  #replylist div.reply div.replymeta div.replyuser,
  #replylist div.reply div.replymeta div.replytools {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 210px;
    padding: 3px 4px;
    text-align: center;
    background: #e6e6e6;
    background: -webkit-linear-gradient(top, #eee 0, #e6e6e6 30px);
    background: linear-gradient(to bottom, #eee 0, #e6e6e6 30px);
  }
  #replylist div.reply div.replymeta div.replyuser {
    left: 0;
    right: auto;
  }
  #replylist div.reply div.replymeta div.replyuser span.bu_name {
    font: 600 16px/18px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  #replylist div.reply div.replymeta div.replyuser div.username {
    margin: 1px;
  }
  #replylist div.reply div.replymeta div.replytools {
    left: auto;
    right: 0;
  }
  #replylist div.reply div.replymeta div.replytools div.replytools-mobile {
    display: none;
  }
  #replylist div.reply div.replymeta div.replytools div.replytools-inner {
    position: absolute;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    padding: 5px 4px;
  }
  #replylist div.reply div.replymeta div.replytools div.replytools-inner div.tools {
    line-height: 1.5em;
  }
  #replylist div.reply div.quote {
    position: absolute;
    top: auto;
    bottom: 0;
  }
  #replylist div.reply div.quote div.quote-inner {
    width: 150px;
    border-radius: 6px 6px 0 0;
    margin: 0 225px 0 auto;
    padding: 1px;
    background: #f5aa53;
    opacity: 0.5;
  }
  #replylist div.reply div.quote div.quote-inner button {
    margin: 0;
    width: 146px;
  }
  #replylist div.reply.hidden div.replyuser,
  #replylist div.reply.hidden div.replytools {
    background: #e5d8d3;
    background: -webkit-linear-gradient(top, #f0e8e5 0, #e5d8d3 30px);
    background: linear-gradient(to bottom, #f0e8e5 0, #e5d8d3 30px);
  }
}
@media print {
  #replies {
    position: relative;
  }
  #replies .buttons,
  #replies .actions,
  #replies .tools a.greylink,
  #replies .tools a.redlink,
  #replies .tools span.bar,
  #replies .topbar,
  #replies .footbar,
  #replies .foot_reply,
  #replies .foot_subs,
  #replies .voteblock,
  #replies .abvertibing_block {
    display: none !important;
  }
}
@media screen {
  #reply {
    max-width: 800px;
    margin: 3em auto;
  }
  #reply input#head {
    border: 1px solid #c0c0c0;
    font-size: 19px;
    width: 100%;
  }
  #reply textarea#body {
    border: 1px solid #c0c0c0;
    width: 100%;
  }
}
#searchbox {
  padding: 1em;
  margin-bottom: 16px;
  background-color: rgba(0,0,0,0.1);
  text-align: center;
}
#searchbox span {
  white-space: nowrap;
  margin: 0 1em;
}
@media (min-width: 801px) {
  #searchbox input.main {
    font: normal 18px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
}
@media (min-width: 401px) and (max-width: 800px) {
  #searchbox input.main {
    font: normal 16px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
}
@media (max-width: 800px) {
  #searchbox input.main {
    width: 75%;
  }
}
#searchresults {
  background: #efeeed;
  margin: 0;
  padding: 1em 1.5em;
  border: 1px solid #adaaa7;
}
#searchresults ol.results {
  font: 22px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  max-width: 700px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 10px;
}
#searchresults ol.results li {
  margin: 1em 0;
}
#searchresults ol.results li div {
  margin-bottom: 3px;
}
#searchresults ol.results li div.snippet {
  font-size: 13px;
  color: #555;
}
#searchresults ol.results li div.detail {
  padding-bottom: 2px;
  border-bottom: 1px solid #ddd;
  font-size: 13px;
  color: #888;
}
#searchresults ol.results li div.detail a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
#searchresults ol.results li div.url {
  font-size: 13px;
  color: #888;
}
#searchresults ol.results li div.url a {
  opacity: 0.5;
  text-decoration: none;
}
#searchresultlist {
  background: #efeeed;
  margin: 0;
  padding: 0 1.2em 1em 1.2em;
  border: 1px solid #adaaa7;
}
#searchresultlist #threads table thead td.oldest {
  color: #000;
}
#searchresultlist #threads table thead td.newest {
  color: #000;
}
#threads.pagefit {
  margin-bottom: 1em;
}
#threads.pagefit table {
  margin-top: -0.5em;
}
#threads.pagefit table thead tr td {
  color: #fff;
}
#threads.pagefit table tbody {
  box-shadow: 0 2px 14px rgba(0,0,0,0.25);
}
#threads.boxed {
  box-shadow: 0 2px 14px rgba(0,0,0,0.25);
  background: #efeeed;
  border: 1px solid #adaaa7;
}
#threads.boxed table thead tr td {
  color: #000;
}
#threads.boxed table thead tr td.reps,
#threads.boxed table thead tr td.reads,
#threads.boxed table thead tr td.unread {
  color: #fff;
}
#threads table {
  border-spacing: 0;
  margin: 0;
  width: 100%;
}
#threads table colgroup col.reps,
#threads table colgroup col.reads,
#threads table colgroup col.unread {
  width: 60px;
}
#threads table colgroup col.oldest,
#threads table colgroup col.newest {
  width: 160px;
}
#threads table colgroup col.goend,
#threads table colgroup col.gospecial,
#threads table colgroup col.check {
  width: 25px;
}
#threads table thead tr td.title {
  text-align: right;
}
#threads table thead tr td.reps,
#threads table thead tr td.reads,
#threads table thead tr td.unread {
  background-color: #7b7164;
  color: #fff;
  font-size: 11px;
  padding: 4px;
  text-align: center;
}
#threads table thead tr td.oldest,
#threads table thead tr td.newest {
  font-size: 11px;
  padding: 4px;
  text-align: center;
}
#threads table tbody tr td {
  vertical-align: middle;
  height: 20px;
  background: #e6e6e6;
  background: -webkit-linear-gradient(top, #f0f0f0 0, #e6e6e6 25px);
  background: linear-gradient(to bottom, #f0f0f0 0, #e6e6e6 25px);
  border-top: 1px solid #cfcfcf;
  font: 10px/11px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#threads table tbody tr td.title {
  padding: 4px 1em;
  text-align: left;
}
#threads table tbody tr td.title a.group {
  float: right;
  font: 400 11px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  position: relative;
  top: 1px;
  color: #5862a4;
  padding: 2px 4px;
  border-radius: 5px;
  margin-left: 0.5em;
  background: #dddfed;
  white-space: nowrap;
}
#threads table tbody tr td.title a.group:active,
#threads table tbody tr td.title a.group:hover {
  text-decoration: none;
  border-color: #239;
  background-color: #239;
  color: #fff;
}
#threads table tbody tr td.title a.title {
  font: 600 14px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#threads table tbody tr td.title .pages {
  margin-left: 6px;
  opacity: 0.8;
}
#threads table tbody tr td.title .pages a {
  padding: 0 3px;
}
#threads table tbody tr td.title .pages .fold {
  padding: 0 3px;
}
#threads table tbody tr td.title .pages .folded {
  display: none;
}
#threads table tbody tr td.reps,
#threads table tbody tr td.reads,
#threads table tbody tr td.unread {
  font: 14px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 2px;
  text-align: center;
}
#threads table tbody tr td.oldest,
#threads table tbody tr td.newest {
  padding: 2px;
  text-align: center;
}
#threads table tbody tr td.oldest a,
#threads table tbody tr td.newest a {
  font-weight: bold;
}
#threads table tbody tr td.goend,
#threads table tbody tr td.gospecial {
  padding: 0;
  text-align: center;
  white-space: nowrap;
}
#threads table tbody tr td.goend a,
#threads table tbody tr td.gospecial a {
  padding: 5px;
}
#threads table tbody tr td.goend a:active,
#threads table tbody tr td.gospecial a:active,
#threads table tbody tr td.goend a:hover,
#threads table tbody tr td.gospecial a:hover {
  text-decoration: none !important;
}
#threads table tbody tr td.point {
  padding: 3px 8px;
  font-weight: 600;
  text-align: right;
  color: #808080;
  cursor: default;
}
#threads table tbody tr td.goend.user-post {
  background: #bfc4da -webkit-linear-gradient(top, #d2d5e5 0, #bfc4da 25px);
  background: #bfc4da linear-gradient(to bottom, #d2d5e5 0, #bfc4da 25px);
}
#threads table tbody tr td.goend.user-sub {
  background: #f5aa53 -webkit-linear-gradient(top, #f9cc97 0, #f5aa53 25px);
  background: #f5aa53 linear-gradient(to bottom, #f9cc97 0, #f5aa53 25px);
}
#threads table tbody tr td.thesame span {
  display: none;
}
#threads table tbody tr.closed td.title a.title {
  color: #666;
}
#threads table tbody tr.recent td {
  background-color: #d6d9e9;
  background: -webkit-linear-gradient(top, #e6e8f1 0, #d6d9e9 25px);
  background: linear-gradient(to bottom, #e6e8f1 0, #d6d9e9 25px);
}
#threads table tbody tr.section td {
  background: #ddd;
  background: -webkit-linear-gradient(top, #e6e6e6 0, #d8d8d8 25px);
  background: linear-gradient(to bottom, #e6e6e6 0, #d8d8d8 25px);
  padding: 0.8em 18em 0.8em 0 !important;
  text-align: center !important;
}
#threads table tbody tr.section td.title a.title {
  color: #000;
}
#threads table tbody tr.sticky td {
  background: #d8d8d8;
  background: -webkit-linear-gradient(top, #e3e3e3 0, #d8d8d8 25px);
  background: linear-gradient(to bottom, #e3e3e3 0, #d8d8d8 25px);
}
#threads table tbody tr.sticky td.title a.title {
  color: #730;
}
#threads table tbody tr.pointer td.title a.title {
  color: #56b;
}
#threads table tbody tr.pointer td.newest {
  color: #808080;
}
#threads table tbody tr.faq td.title a.title {
  color: #000;
}
#threads table tbody tr.deleted td.title {
  color: #888;
}
#threads table tbody tr.deleted td.title a {
  color: #a09999;
}
#threads table tbody tr.deleted td.title span a {
  color: #888;
  text-decoration: underline;
}
#threads table tbody tr.deleted td.newest {
  color: #808080;
}
#threads table tbody tr.subdata td {
  height: initial;
  background: #fff;
  border-top: 1px solid #eee;
  padding: 4px 10px;
}
#threads .foot_newthread {
  color: #655f58;
  font: bold 1.6em 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin-top: 0.4em;
  text-align: right;
}
#threads div.buttons {
  text-align: right;
  margin-top: 15px;
}
#threads div.buttons input[type="button"],
#threads div.buttons input[type="submit"],
#threads div.buttons button {
  font-size: 15px;
  min-width: 4em;
}
#threads table tbody tr td.tint0 {
  background: #e6e6e6;
  background: -webkit-linear-gradient(top, #ebebeb 0, #e6e6e6 25px);
  background: linear-gradient(to bottom, #ebebeb 0, #e6e6e6 25px);
}
#threads table tbody tr.sticky td.tint0 {
  background: #d8d8d8;
  background: -webkit-linear-gradient(top, #dfdfdf 0, #d8d8d8 25px);
  background: linear-gradient(to bottom, #dfdfdf 0, #d8d8d8 25px);
}
#threads table tbody tr.recent td.tint0 {
  background: #d6d9e9;
  background: -webkit-linear-gradient(top, #dee0ed 0, #d6d9e9 25px);
  background: linear-gradient(to bottom, #dee0ed 0, #d6d9e9 25px);
}
#threads table tbody tr td.tint1 {
  background: #e1e1e0;
  background: -webkit-linear-gradient(top, #e7e7e6 0, #e1e1e0 25px);
  background: linear-gradient(to bottom, #e7e7e6 0, #e1e1e0 25px);
}
#threads table tbody tr.sticky td.tint1 {
  background: #d3d3d2;
  background: -webkit-linear-gradient(top, #dbdbdb 0, #d3d3d2 25px);
  background: linear-gradient(to bottom, #dbdbdb 0, #d3d3d2 25px);
}
#threads table tbody tr.recent td.tint1 {
  background: #cdd0e3;
  background: -webkit-linear-gradient(top, #d7d9e8 0, #cdd0e3 25px);
  background: linear-gradient(to bottom, #d7d9e8 0, #cdd0e3 25px);
}
#threads table tbody tr td.tint2 {
  background: #dedcda;
  background: -webkit-linear-gradient(top, #e4e3e1 0, #dedcda 25px);
  background: linear-gradient(to bottom, #e4e3e1 0, #dedcda 25px);
}
#threads table tbody tr.sticky td.tint2 {
  background: #cfcfcd;
  background: -webkit-linear-gradient(top, #d8d8d7 0, #cfcfcd 25px);
  background: linear-gradient(to bottom, #d8d8d7 0, #cfcfcd 25px);
}
#threads table tbody tr.recent td.tint2 {
  background: #c5c9df;
  background: -webkit-linear-gradient(top, #d0d3e5 0, #c5c9df 25px);
  background: linear-gradient(to bottom, #d0d3e5 0, #c5c9df 25px);
}
#threads table tbody tr td.tint3 {
  background: #dad8d5;
  background: -webkit-linear-gradient(top, #e1dfdd 0, #dad8d5 25px);
  background: linear-gradient(to bottom, #e1dfdd 0, #dad8d5 25px);
}
#threads table tbody tr.sticky td.tint3 {
  background: #cccac8;
  background: -webkit-linear-gradient(top, #d6d4d3 0, #cccac8 25px);
  background: linear-gradient(to bottom, #d6d4d3 0, #cccac8 25px);
}
#threads table tbody tr.recent td.tint3 {
  background: #bdc2da;
  background: -webkit-linear-gradient(top, #cacee1 0, #bdc2da 25px);
  background: linear-gradient(to bottom, #cacee1 0, #bdc2da 25px);
}
#threads table tbody tr td.tint4 {
  background: #d6d4d0;
  background: -webkit-linear-gradient(top, #dedcd9 0, #d6d4d0 25px);
  background: linear-gradient(to bottom, #dedcd9 0, #d6d4d0 25px);
}
#threads table tbody tr.sticky td.tint4 {
  background: #c8c6c3;
  background: -webkit-linear-gradient(top, #d3d1cf 0, #c8c6c3 25px);
  background: linear-gradient(to bottom, #d3d1cf 0, #c8c6c3 25px);
}
#threads table tbody tr.recent td.tint4 {
  background: #b6bad5;
  background: -webkit-linear-gradient(top, #c4c7dd 0, #b6bad5 25px);
  background: linear-gradient(to bottom, #c4c7dd 0, #b6bad5 25px);
}
#threads table tbody tr td.tint5 {
  background: #d2cfcb;
  background: -webkit-linear-gradient(top, #dbd8d5 0, #d2cfcb 25px);
  background: linear-gradient(to bottom, #dbd8d5 0, #d2cfcb 25px);
}
#threads table tbody tr.sticky td.tint5 {
  background: #c4c2be;
  background: -webkit-linear-gradient(top, #cfcecb 0, #c4c2be 25px);
  background: linear-gradient(to bottom, #cfcecb 0, #c4c2be 25px);
}
#threads table tbody tr.recent td.tint5 {
  background: #aeb3d0;
  background: -webkit-linear-gradient(top, #bec2d9 0, #aeb3d0 25px);
  background: linear-gradient(to bottom, #bec2d9 0, #aeb3d0 25px);
}
#threads table tbody tr td.tint6 {
  background: #cfcbc5;
  background: -webkit-linear-gradient(top, #d8d5d0 0, #cfcbc5 25px);
  background: linear-gradient(to bottom, #d8d5d0 0, #cfcbc5 25px);
}
#threads table tbody tr.sticky td.tint6 {
  background: #c0bdb9;
  background: -webkit-linear-gradient(top, #cccac7 0, #c0bdb9 25px);
  background: linear-gradient(to bottom, #cccac7 0, #c0bdb9 25px);
}
#threads table tbody tr.recent td.tint6 {
  background: #a6accc;
  background: -webkit-linear-gradient(top, #b7bcd6 0, #a6accc 25px);
  background: linear-gradient(to bottom, #b7bcd6 0, #a6accc 25px);
}
#threads table tbody tr td.tint7 {
  background: #cbc6c0;
  background: -webkit-linear-gradient(top, #d5d1cc 0, #cbc6c0 25px);
  background: linear-gradient(to bottom, #d5d1cc 0, #cbc6c0 25px);
}
#threads table tbody tr.sticky td.tint7 {
  background: #bcb9b4;
  background: -webkit-linear-gradient(top, #c9c7c3 0, #bcb9b4 25px);
  background: linear-gradient(to bottom, #c9c7c3 0, #bcb9b4 25px);
}
#threads table tbody tr.recent td.tint7 {
  background: #9ea4c7;
  background: -webkit-linear-gradient(top, #b1b6d2 0, #9ea4c7 25px);
  background: linear-gradient(to bottom, #b1b6d2 0, #9ea4c7 25px);
}
#threads table tbody tr td.tint8 {
  background: #c7c2bb;
  background: -webkit-linear-gradient(top, #d2cec8 0, #c7c2bb 25px);
  background: linear-gradient(to bottom, #d2cec8 0, #c7c2bb 25px);
}
#threads table tbody tr.sticky td.tint8 {
  background: #b8b5af;
  background: -webkit-linear-gradient(top, #c6c3bf 0, #b8b5af 25px);
  background: linear-gradient(to bottom, #c6c3bf 0, #b8b5af 25px);
}
#threads table tbody tr.recent td.tint8 {
  background: #969dc2;
  background: -webkit-linear-gradient(top, #abb0ce 0, #969dc2 25px);
  background: linear-gradient(to bottom, #abb0ce 0, #969dc2 25px);
}
#threads table tbody tr td.tint9 {
  background: #c4beb6;
  background: -webkit-linear-gradient(top, #cfcbc4 0, #c4beb6 25px);
  background: linear-gradient(to bottom, #cfcbc4 0, #c4beb6 25px);
}
#threads table tbody tr.sticky td.tint9 {
  background: #b5b1ab;
  background: -webkit-linear-gradient(top, #c3c0bb 0, #b5b1ab 25px);
  background: linear-gradient(to bottom, #c3c0bb 0, #b5b1ab 25px);
}
#threads table tbody tr.recent td.tint9 {
  background: #8f96be;
  background: -webkit-linear-gradient(top, #a5abcb 0, #8f96be 25px);
  background: linear-gradient(to bottom, #a5abcb 0, #8f96be 25px);
}
@media screen {
  #threads table .expand1,
  #threads table .expand2,
  #threads table .expand3,
  #threads table .expand4,
  #threads table .expand5 {
    display: none;
  }
}
.grid p {
  font: normal 13px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.grid table {
  background-color: #fff;
  border: 1px solid #aaa;
  border-collapse: collapse;
  font: 11px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0px 10px 10px 0px;
}
.grid th {
  background-color: #3a437b;
  border-bottom: 1px solid #999;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
  padding: 4px 8px;
  text-align: left;
}
.grid th a {
  color: #fff !important;
  text-decoration: underline;
}
.grid td {
  border: 1px solid #bbb;
  border-collapse: collapse;
  font-size: 11px;
  margin: 0px;
  padding: 4px 8px;
}
.grid input {
  font: 11px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.grid .button {
  padding: 2px;
  text-align: center;
}
.grid .button button {
  background-color: #ddd;
  border: 1px outset #ddd;
  color: #000;
  font-size: 11px;
  width: 100%;
}
.grid .subheading td {
  background-color: #626da3;
  border: 1px solid #bbb;
  color: #fff;
  font-weight: bold;
}
.grid .subheading a {
  color: #fff !important;
}
.grid .input {
  background-color: #dddfff;
  padding: 2px 3px;
}
@media screen {
  #box form.job {
    border: 0;
    margin: 0;
    padding: 0;
  }
  #box form.job > table {
    border: 0;
    border-spacing: 10px;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #box form.job table tr th {
    font-size: 1.2em;
    padding: 3px 0;
    text-align: right;
    vertical-align: top;
  }
  #box form.job table tr td {
    color: #888;
    font-size: 1.1em;
    padding: 0;
    text-align: left;
    vertical-align: top;
  }
  #box form.job table tr td strong {
    color: #000;
  }
  #box form.job table tr td label {
    color: #000;
    font-weight: normal;
  }
  #box form.job table tr td input {
    font-size: 16px;
  }
  #box form.job table tr td input.mono {
    font: 16px monospace;
  }
  #box form.job table tr td input.checkboxpad {
    margin-top: 0.4em;
  }
  #box form.job table tr td select {
    font-size: 16px;
  }
  #box form.job table tr td textarea {
    font-size: 16px;
    width: 98%;
  }
  #box form.job table.forpub {
    border: 1px solid #ccc;
    background: #e5e5e5;
  }
  #box form.job table.notforpub {
    border: 1px solid #ccc9c5;
    background: #f2ebe5;
  }
  #box form.job .incomplete input,
  #box form.job .incomplete textarea {
    border: 2px solid #f00 !important;
  }
  #box form.job .incomplete span,
  #box form.job .incomplete label,
  #box form.job .incomplete th {
    color: #d00 !important;
    font-weight: bold !important;
  }
}
#latestjobs .job {
  border-bottom: 1px solid #ccc9c5;
  margin-bottom: 0.6em;
  padding-bottom: 0.6em;
}
#latestjobs .job:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#latestjobs .job strong {
  font-size: 11px;
  margin-right: 0.3em;
  white-space: nowrap;
}
#latestjobs .job em {
  color: #937f68;
  font-size: 12px;
  font-style: normal;
  margin-left: 0.3em;
  white-space: nowrap;
}
#jobs h4 {
  background-color: #f8f8f8;
  border-bottom: 2px solid #ccc9c5;
  font-size: 1.4em;
  font-weight: normal;
  margin: 2em 0 0.2em 0;
  padding: 0.4em 0.7em;
}
#jobs ul {
  margin: 0;
  padding: 0;
}
#jobs li {
  border-bottom: 1px dashed #bbb;
  list-style: none;
  margin: 0;
  padding: 0.5em 1em;
}
#jobs li a {
  font-weight: bold;
}
#jobs li span {
  color: #888;
}
#jobs li span.mark {
  color: #f00;
  font-weight: bold;
}
#jobs li span.when {
  display: block;
  float: right;
  font-size: 0.85em;
}
#jobs li span.when.ditto {
  display: none;
}
#jobs li.none {
  border-bottom: none;
  color: #888;
}
#jobs li.pending,
#jobs li.edit-pending {
  background-color: #ffd;
}
#jobs li.deleted {
  background-color: #fdd;
}
#jobs li.ended {
  background-color: #ddd;
  color: #808080 !important;
}
#jobs li.ended a {
  color: #779;
}
#jobs .blammo {
  display: none;
}
#jobs span.job-new,
#jobs span.job-pending,
#jobs span.job-edit-pending,
#jobs span.job-ended,
#jobs span.job-deleted {
  position: relative;
  top: -1px;
  background-color: #808080;
  color: #fff !important;
  font: bold 10px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 2px 4px 3px 4px;
  margin-right: 0.5em;
  border-radius: 4px;
}
#jobs span.job-new {
  background-color: #3b4a9f;
}
#jobs span.job-pending {
  background-color: #974;
}
#jobs span.job-edit-pending {
  background-color: #b74;
}
#jobs span.job-ended {
  background-color: #999;
}
#jobs span.job-deleted {
  background-color: #800000;
}
#jobs .highlight {
  background-color: #ff0;
}
#jobs .highlight1 {
  background-color: #eeb;
}
#jobs .highlight2 {
  background-color: #fe0;
}
#jobs .highlight3 {
  background-color: #fa0;
}
#jobad {
  background: #eee;
  border: 1px solid #adaaa7;
  margin: 0 0 1em 0;
  padding: 2em 3em;
  z-index: 2;
}
#jobad.preview {
  background: #f2ebe5;
}
#jobad h2 {
  font: normal 2.2em 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0 0 0.1em 0;
}
#jobad h3 {
  font: normal 1.6em 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0 0 0.6em 0;
}
#jobad h3 small {
  color: #808080;
  font-size: 1em;
  font-weight: normal;
}
#jobad .whirlcode2 {
  font: normal 16px/23px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#jobad .whirlcode2 p {
  margin: 1em 0;
}
#jobad .whirlcode2 ul {
  margin: 1em 0;
  padding: 0 0 0 2em;
}
#jobad .whirlcode2 ol {
  margin: 1em 0;
  padding: 0 0 0 2em;
}
#jobad .whirlcode2 h2 {
  color: #3d3327;
  font-size: 1.3em;
  font-weight: bold;
  margin: 0.5em 0;
}
#jobad .whirlcode2 h3 {
  color: #3d3327;
  font-size: 1.2em;
  font-weight: bold;
  margin: 0.5em 0;
}
#jobad .whirlcode2 h4 {
  color: #3d3327;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0.5em 0;
}
#jobad a.button {
  border: 2px outset #fff;
  font: bold 18px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 0.3em 1em;
}
#jobad a.button:link,
#jobad a.button:visited {
  background-color: #ddd !important;
  color: #000 !important;
  text-decoration: none !important;
}
#jobad a.button:hover,
#jobad a.button:active {
  background-color: #efeeed !important;
  color: #000 !important;
  text-decoration: none !important;
}
@media print {
  #left {
    display: none;
  }
}
#left {
  -webkit-transition: left 0.25s;
  transition: left 0.25s;
}
#left.burgered {
  position: fixed;
  z-index: 51;
  left: -205px;
  top: 0;
  bottom: 0;
  width: 205px;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: scroll;
  background: #3a437b;
}
#left.burgered ul#menu {
  margin-top: 50px;
}
#left.sidebar {
  position: absolute;
  top: 140px;
  bottom: 0;
  left: 0;
  right: auto;
  width: 205px;
  height: auto;
  overflow: hidden;
}
#left ul#menu {
  margin: 10px 0 10px 10px;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  box-shadow: 0 0 4px #2a3266;
  background: #525d94;
}
#left ul#menu > li {
  margin: 0;
  padding: 0;
  position: relative;
}
#left ul#menu > li.odd {
  background: #616ca3;
}
#left ul#menu > li.selected {
  background: #ccc9c5;
  background: -webkit-linear-gradient(left, #ccc9c5 0%, #efeeed 4%, #ccc9c5 100%);
  background: linear-gradient(to right, #ccc9c5 0%, #efeeed 4%, #ccc9c5 100%);
  overflow: hidden;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
#left ul#menu > li.selected > a {
  color: #5a4a38 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}
#left ul#menu > li.selected > a:hover {
  background-color: initial;
}
#left ul#menu > li.selected > ul {
  display: block;
}
#left ul#menu > li.selected > ul > li {
  color: #5a4a38;
}
#left ul#menu > li.selected > ul > li > a {
  color: #5a4a38;
}
#left ul#menu > li > a {
  width: auto;
  display: block;
  font: normal 23px/27px 'Slabo 27px', Georgia, serif;
  letter-spacing: -0.015em;
  color: #d3deff;
  text-decoration: none;
}
#left ul#menu > li > a:hover {
  background-color: #2a3266;
}
#left ul#menu > li > a span {
  display: block;
  padding: 7px 5px 7px 10px;
}
#left ul#menu > li > ul {
  list-style-type: disc;
  margin: -6px 0 0 23px;
  padding: 0 10px 10px 0;
  display: none;
}
#left ul#menu > li > ul > li {
  margin: 0;
  padding: 0;
  font: 13px/16px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #d3deff;
}
#left ul#menu > li > ul > li > a {
  color: #d3deff;
}
#left ul#menu > li#menu_whim.unread {
  background-color: #d87400;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
#left ul#menu > li#menu_whim.unread a {
  color: #fff !important;
}
#left ul#menu > li#menu_whim.unread a:hover {
  background-color: transparent !important;
}
#left ul#menu > li#menu_whim.unread li {
  color: #fff !important;
}
#left ul#menu > li#menu_whim.unread > ul {
  display: block;
}
#left dl {
  margin: 20px 0 0 15px;
}
#left dl dt {
  border-bottom: 1px solid #525d94;
  margin: 0 0 3px 0;
  padding: 0 0 1px 3px;
  color: #bac2e8;
  font: 15px/18px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 600;
}
#left dl dt a {
  text-decoration: none;
  color: #d3deff;
}
#left dl dt a:hover {
  color: #fff;
}
#left dl dd {
  margin: 0;
  padding: 0 10px 0 3px;
  color: #bac2e8;
  font: 12px/17px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#left dl dd a {
  color: #bac2e8;
  text-decoration: none;
  border-bottom: 1px solid #525d94;
}
#left dl dd a:hover {
  text-decoration: underline;
}
#left dl.bulletproof {
  display: none;
}
#hamburgerMask {
  display: none;
  position: absolute;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background: rgba(0,0,0,0.5);
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0, rgba(0,0,0,0.45) 10px, rgba(0,0,0,0.35) 22px);
  background: linear-gradient(to right, rgba(0,0,0,0.7) 0, rgba(0,0,0,0.45) 10px, rgba(0,0,0,0.35) 22px);
  -webkit-transition: left 0.25s;
  transition: left 0.25s;
}
#hamburgerMask.show {
  display: block;
}
@media print {
  #logo h1 {
    padding: 0;
    margin: 0;
    background: transparent url("image/whirlpool-2015-print.svg") no-repeat top right;
    background-size: 320px 90px;
    height: 90px;
  }
  #logo h1 a {
    display: none;
  }
  html.no-svg #logo h1 {
    background-image: url("image/whirlpool-2015-print.png");
  }
}
@media screen {
  html.no-svg #logo h1 {
    background-image: url("image/whirlpool-2015-header.png");
  }
}
#news .article {
  background: #eee;
  background: -webkit-linear-gradient(top, #fff 0, #eee 70px);
  background: linear-gradient(to bottom, #fff 0, #eee 70px);
  border: 1px solid rgba(0,0,0,0.35);
  box-shadow: 0 2px 14px rgba(0,0,0,0.25);
  margin: 0 0.5em 2em 0.5em;
  padding: 2em 3em;
}
#news .article h1 {
  font: normal 2.5em 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0 0 0.3em 0;
  padding: 0 0 0.2em 0;
}
#news .article h1.title {
  border-bottom: 1px dashed #888;
}
#news .article h3 {
  float: right;
  font: normal 1.2em 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0 0 0 5px;
  text-align: right;
}
#news .article h6.note {
  color: #f00;
  font: bold 1.3em 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0 0 -1em 0;
  text-align: right;
}
#news .article span.whirlcode1 {
  font: normal 1.3em/1.5em 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 1em 0;
}
#news .article span.whirlcode1 .wptitle {
  color: #77634f;
  font-weight: bold;
}
#news .article span.whirlcode1 .wpquote {
  color: #3a437b;
  font-style: italic;
}
#news .article.roundup {
  border-radius: 8px;
  border: 0;
}
#news .article.roundup h4 {
  font: normal 15px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0.5em 0 0.3em 0;
}
#news .article.roundup h4 a {
  font-weight: 600;
}
#news .article.roundup h4 a:visited {
  color: #779;
}
#news .article.roundup h4 span.publisher {
  color: #937f68;
  white-space: nowrap;
}
#news .article.roundup h4 span.publisher:before {
  content: "\2013\a0";
}
#news .article.roundup p {
  color: #3d3327;
  font: normal 13px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 2px 8px 12px 8px;
}
#leftcol #news .article {
  margin: 0.5em;
  padding: 1.2em 1.5em 0.5em 1.5em;
}
#leftcol #news .article h1 {
  font: normal 28px 'Slabo 27px', Georgia, serif;
  margin: 0 0 0.3em 0;
  padding: 0 0 0.2em 0;
}
#leftcol #news .article h3 {
  font: 600 14px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#leftcol #news .article span.whirlcode1 {
  font: normal 1em/1.35em 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#rightcol {
  display: none;
}
#mobileindex {
  display: none;
}
@media (max-width: 800px) {
  #content #mobileindex {
    display: block;
    clear: left;
    text-align: center;
    margin: 5px 0 10px 0;
    font: 600 17px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  #content #mobileindex a {
    background: #525d94;
    background: -webkit-linear-gradient(top, #525d94 0, #3a437b 100%);
    background: linear-gradient(to bottom, #525d94 0, #3a437b 100%);
    border-radius: 6px;
    padding: 3px 8px;
    margin: 0 8px 0 0;
    color: #fff;
    white-space: nowrap;
  }
  #content #mobileindex a:link,
  #content #mobileindex a:visited {
    color: #fff;
  }
  #content #mobileindex a:active,
  #content #mobileindex a:hover {
    color: #fff;
  }
}
@media (max-width: 400px) {
  #content #mobileindex {
    font: 600 15px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  #content #mobileindex a {
    margin: 0 3px 0 0;
  }
  #leftcol #news .article {
    padding: 10px 12px 8px 12px;
  }
  #leftcol #news .article h1 {
    font: normal 25px 'Slabo 27px', Georgia, serif;
  }
  #leftcol #news .article h3 {
    font: 600 11px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
}
@media (min-width: 801px) {
  #leftcol {
    float: left;
    width: 56.5%;
  }
  #leftcol #news .article {
    margin: 0 1em 1.5em 0;
  }
  #rightcol {
    display: block;
    float: right;
    width: 43%;
  }
  #rightcol .block {
    margin: 0 0 5% 0;
    padding: 1.3em 1.5em;
    background: #eee;
    border: 1px solid rgba(0,0,0,0.35);
    box-shadow: 0 2px 14px rgba(0,0,0,0.25);
    border-top: 0px;
    z-index: 2;
  }
  #rightcol h2 {
    background: #525d94;
    font: bold 1.4em 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0.3em 0.7em;
    box-shadow: 0 2px 14px rgba(0,0,0,0.25);
    border-top-right-radius: 8px;
  }
  #rightcol h2 a:link,
  #rightcol h2 a:visited,
  #rightcol h2 a:hover,
  #rightcol h2 a:active {
    color: #fff;
  }
  #rightcol h2 span {
    font-size: 0.7em;
    color: #c3c6df;
    margin-left: 1em;
  }
}
#latestforum .forum {
  padding-bottom: 0.6em;
  border-bottom: 1px solid #ccc9c5;
  margin-bottom: 0.6em;
}
#latestforum .forum:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}
#latestforum .forum h4 {
  font: bold 14px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0;
}
#latestforum .forum .thread {
  font: 11px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 1px 0 0 6px;
  color: #808080;
}
#comments {
  background: #eee;
  border: 1px solid #adaaa7;
  margin: 2em 0.5em;
  padding: 2em 3em;
}
#comments .mainrhed {
  font: 18px/24px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#comments .mainsml {
  color: #559;
  font: 11px/11px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#comments .mainrtop {
  background: #dde2ee;
  color: #000;
  font: 11px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#comments .mainrtopHigh {
  background: #eed19a;
  color: #000;
  font: 11px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#comments .mainrtopDel {
  background: #aaa;
  color: #000;
  font: 11px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#comments .mainbod {
  color: #000;
  font: 14px/17px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#comments .mainbodHigh {
  background: #fff8eb;
  color: #000;
  font: 14px/17px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#comments .mainbodDel {
  background: #ccc;
  color: #000;
  font: 14px/17px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#comments .mainUserMark {
  border-right: 4px solid #d87400;
  padding-right: 5px;
}
#content .topbar,
#content .footbar {
  background-color: #525d94;
  box-shadow: 0 2px 14px rgba(0,0,0,0.25);
}
#content .topbar {
  border-top-left-radius: 8px;
}
#content .footbar {
  border-bottom-left-radius: 8px;
}
#content ul.pagination {
  margin: 0;
  padding: 4px 12px;
  z-index: 5;
  text-align: center;
  font: normal 18px/26px 'Slabo 27px', Georgia, serif;
  overflow: hidden;
}
@media (max-width: 1050px) {
  #content ul.pagination {
    font: normal 16px/23px 'Slabo 27px', Georgia, serif;
  }
}
@media (max-width: 700px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 700px) and (min-resolution: 144dpi) {
  #content ul.pagination {
    font: normal 15px/21px 'Slabo 27px', Georgia, serif;
  }
}
#content ul.pagination li {
  display: inline;
  list-style: none;
  border-right: 1px solid #6671aa;
}
#content ul.pagination li a {
  color: #fff;
  text-decoration: none;
  padding: 1px 4px 1px 4px;
  border-radius: 2px;
}
#content ul.pagination li a:active,
#content ul.pagination li a:hover {
  background-color: #6671aa;
  color: #fff;
}
#content ul.pagination li.first a,
#content ul.pagination li.last a {
  color: #b7bcd7;
  white-space: nowrap;
}
#content ul.pagination li.first a:active,
#content ul.pagination li.last a:active,
#content ul.pagination li.first a:hover,
#content ul.pagination li.last a:hover {
  background-color: initial;
  text-decoration: underline;
}
#content ul.pagination li.first a {
  padding-right: 0.5em;
}
#content ul.pagination li.last {
  border-right: none !important;
}
#content ul.pagination li.last a {
  padding-left: 0.5em;
}
#content ul.pagination li.user a {
  background-color: #7882b4;
}
#content ul.pagination li.user a:active,
#content ul.pagination li.user a:hover {
  background-color: #939bc3;
  color: #fff;
}
#content ul.pagination li.current a {
  background-color: #fff;
  color: #414a76;
  box-shadow: 0 0 8px rgba(255,255,255,0.5);
}
#content ul.pagination li.current a:active,
#content ul.pagination li.current a:hover {
  color: #525d94;
}
#content #replies.threadclosed .topbar,
#content #replies.threadclosed .footbar {
  background-color: #444;
}
#content #replies.threadclosed ul.pagination li {
  border-right: 1px solid #575757;
}
#content #replies.threadclosed ul.pagination li a:hover {
  background-color: #606060;
}
#content #replies.threadclosed ul.pagination li.first a,
#content #replies.threadclosed ul.pagination li.last a {
  color: #a2a2a2;
}
#content #replies.threadclosed ul.pagination li.first a:active,
#content #replies.threadclosed ul.pagination li.last a:active,
#content #replies.threadclosed ul.pagination li.first a:hover,
#content #replies.threadclosed ul.pagination li.last a:hover {
  background-color: initial;
}
#content #replies.threadclosed ul.pagination li.user a {
  background-color: #575757;
}
#content #replies.threadclosed ul.pagination li.user a:hover {
  background-color: #8f8f8f;
}
#content #replies.threadclosed ul.pagination li.current a {
  color: #000;
  background-color: #b4b4b4;
  box-shadow: initial;
}
#profile {
  padding: 10px 20px;
}
#profile #dataentry {
  border-top: 2px solid #eee;
  width: 700px;
  background-color: #ddd;
  padding: 20px 22px;
  border-radius: 0 15px 15px 15px;
  box-shadow: 0 2px 15px rgba(0,0,0,0.4);
}
#profile #dataentry table {
  width: 100%;
}
#profile #dataentry table th {
  padding: 12px 0 5px 0;
  background: #ddd url("/static/profile/th.gif") top repeat-x;
}
#profile #dataentry table td.label {
  padding: 9px 4px 0 0;
  text-align: right;
}
#profile #dataentry table td.value {
  padding: 4px;
  text-align: left;
}
#profile #dataentry table td.value input {
  border: 1px solid #c0c0c0;
  padding: 4px;
}
#profile #dataentry table td.value input.disabled {
  background-color: #efeeed;
}
#profile #dataentry table td.value div.note,
#profile #dataentry table td.value div.note_ok,
#profile #dataentry table td.value div.note_err {
  font: 11px Tahoma, sans-serif;
  margin: 2px 0 0 2px;
}
#profile #dataentry table td.value div.note {
  color: #808080;
}
#profile #dataentry table td.value div.note_ok {
  color: #080;
}
#profile #dataentry table td.value div.note_err {
  color: #e47703;
}
#profile #dataentry table td.fauxvalue {
  padding: 8px 0 0 0;
}
#profile div.checklist {
  margin: 0;
  padding: 2px 1px;
  width: 170px;
  border: 1px solid #626da3;
  background-color: #626da3;
  color: #fff;
  font: 16px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-align: left;
  font: bold 12px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#profile div.object_box {
  width: 350px;
  background-color: #7782b5;
  margin: 10px 0 15px 0;
  padding: 5px;
  color: #fff;
  line-height: 1em;
}
#profile ul.checklist {
  list-style-type: none;
  margin: 0;
  padding: 1px 1px;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 170px;
  width: 170px;
  border: 1px solid #626da3;
  font: 16px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-align: left;
  font: 12px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#profile ul.checklist li {
  margin: 0;
  border-bottom: 1px solid #eee;
}
#profile ul.checklist li span {
  display: block;
  color: #000;
  margin: 0;
  padding: 2px 2px 3px 4px;
  width: 100%;
  cursor: pointer;
}
#profile ul.checklist li.selected span {
  background-color: #e47703;
  color: #fff;
}
#profile ul.checklist li.subheading span {
  background-color: #aaa;
  font-weight: bold;
  cursor: default;
}
#profile ul.checklist li.subheading2 span {
  background-color: #fff;
  font-weight: bold;
  cursor: default;
}
#profile table.star_rating {
  font: 11px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #fff;
  background-color: #616ca3;
  margin-top: 5px;
  padding: 1px 5px;
  width: 350px;
  text-align: left;
}
#profile table.star_rating a {
  color: #fff;
  text-decoration: underline;
}
#profile table.star_rating a:link,
#profile table.star_rating a:hover,
#profile table.star_rating a:visited,
#profile table.star_rating a:active {
  color: #fff;
  text-decoration: underline;
}
#profile table.star_rating img {
  cursor: pointer;
}
@media print {
  #topbar {
    display: none;
  }
}
@media screen {
  #topbar {
    position: relative;
    margin: 0px auto;
    height: 40px;
  }
  #topbar #hamburger,
  #topbar #toplogo,
  #topbar .accessible {
    display: none;
  }
  #topbar #userbar {
    text-align: right;
    color: #fff;
    font: 18px/32px 'Slabo 27px', Georgia, serif;
    padding: 5px;
  }
  #topbar #userbar a {
    color: #95867c;
  }
  #topbar #userbar a:hover {
    color: #fff;
  }
  #topbar #userbar #ub_name {
    color: #fff;
    font-size: 1.1em;
    margin-right: 47px;
  }
  #topbar #userbar #ub_name a {
    color: #ccc9c5;
  }
  #topbar #userbar #ub_name a:link,
  #topbar #userbar #ub_name a:visited {
    text-decoration: none;
  }
  #topbar #userbar #ub_name a:active,
  #topbar #userbar #ub_name a:hover {
    color: #fff;
  }
  #topbar #userbar #ub_settings {
    display: block;
    position: absolute;
    right: 3px;
    top: 6px;
    height: 30px;
    width: auto;
    padding: 0;
  }
  #topbar #userbar #ub_settings > a {
    display: block;
    width: 40px;
    height: 30px;
    padding: 1px;
    border-radius: 5px;
    -webkit-tap-highlight-color: transparent;
/*background transparent url(image/configure.svg) no-repeat top center*/
    background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDM1IDI1Ij48cGF0aCBvcGFjaXR5PSIuNiIgZmlsbD0iI2ZmZiIgZD0iTTIxLjQ5IDEyLjg1Yy4xNS0uNDYtMS41NC0uNTktMS42Ni0uNjMtMS4xMy0uMzQtMS4yNi0xLjM3LTEuNjMtMi4zNS0uNDEtMS4wNi0uMTItMS41My42MS0yLjI2LjU4LS41OC43OC0uOTQuMTktMS41My0uMzQtLjM0LTEuNjUtMS44MS0yLjE4LTEuNTEtLjY4LjExLTEuMDMgMS4zNC0xLjggMS41Ni0uNzQuMjItMS44LS4xLTIuNTQtLjI5LTEuMTgtLjI5LTEuMDQtMS4zLTEuNDUtMi4yMS0uMy0uNjYtLjk5LS4zMy0xLjU0LS4xNS0uMjUuMS0yLjA5LjUtMS45MSAxLjA1LjIzLjY4LjY5IDEuNjEuNDcgMi4zMy0uMTkuNzMtMS4xIDEuNjctMS42NiAyLjE2LS43OS42OS0xLjYuMDktMi40NyAwLS44Mi0uMDgtLjg1Ljk2LS45NSAxLjU2LS4wOC41LS41NSAxLjY0LjEgMS44OS44NS40NyAxLjk4LjEyIDIuNDcgMS4xOS4zLjY2Ljc2IDEuNjkuNzMgMi40Mi0uMDQuODItLjg1IDEuMTktMS4yNyAxLjc5LS43MSAxIDEuNjIgMi4wNCAyLjEzIDIuNTYuMzMuMjkgMS4wNC0uNzYgMS4xNC0uODkuNDctLjUxIDEuMDQtLjg2IDEuNzYtLjc0LjczLjIxIDEuNy4xNCAyLjM0LjYuNjIuNDUuNTYgMS4zLjg1IDEuOTUuNDkgMS4wNyAyLjYzLS4yNyAzLjI5LS41Ny4zNi0uMTItLjA0LTEuMDUtLjEtMS4xOS0uMy0uNzMtLjQtMS40OS4xMy0yLjEzLjUyLS41Ljg5LTEuMjIgMS41LTEuNjIuNjktLjQ2IDEuMzgtLjAyIDIuMS4xLjUuMDkuNzctLjAyLjkyLS40OS4xMy0uNDMuMjEtLjg4LjI4LTEuMzMuMDQtLjM3LjI3LS44OS4xNS0xLjI3em0tNi4yMiAxLjc5Yy0xLjA4IDEuNTgtMy4yNCAyLjEzLTQuOTQgMS4yMi0xLjg3LTEtMi41OC0zLjQxLTEuNTItNS4yNi45OS0xLjc2IDMuMzEtMi40NCA1LjEtMS40OCAxLjk5IDEuMDcgMi42MSAzLjY2IDEuMzYgNS41MnptMTcuNTItNC40M2wtNC42NyA0Ljc3LTQuNjYtNC43N3oiLz48L3N2Zz4=") no-repeat center center;
    background-size: 35px 30px;
  }
  #topbar #userbar #ub_settings > a span {
    display: none;
  }
  #topbar #userbar #ub_settings > a:active,
  #topbar #userbar #ub_settings > a:hover {
    background-color: #52473a;
  }
  #topbar #userbar #ub_settings.opened {
    z-index: 11;
  }
  #topbar #userbar #ub_settings.opened a {
    background-color: #52473a;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: 32px;
  }
  #topbar #userbar #ub_menu {
    display: none;
    opacity: 0;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear;
  }
  #topbar #userbar #ub_menu.opened {
    display: block;
    opacity: 1;
    position: absolute;
    z-index: 10;
    right: 3px;
    top: 40px;
    background-color: #655f58;
    box-shadow: -2px 2px 8px rgba(0,0,0,0.4);
  }
  #topbar #userbar #ub_menu.opened ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font: 400 16px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  }
  #topbar #userbar #ub_menu.opened ul li {
    margin: 1px 0 0 0;
  }
  #topbar #userbar #ub_menu.opened ul li a {
    display: block;
    padding: 6px 10px;
    width: 10em;
    color: #fff;
    background-color: #52473a;
    text-decoration: none;
  }
  #topbar #userbar #ub_menu.opened ul li a:hover {
    color: #fff;
    background-color: #453b2e;
    text-decoration: none;
  }
}
html.no-svg #topbar #hamburger {
  background-image: url("image/hamburger.png");
}
html.no-svg #topbar #toplogo {
  background-image: url("image/whirlpool-2015-mobile.png");
}
#content {
  color: #000;
}
#content a {
  color: #239;
  text-decoration: none;
}
#content a:link,
#content a:visited {
  color: #239;
  text-decoration: none;
}
#content a:active,
#content a:hover {
  color: #25f;
  text-decoration: underline;
}
#content a.inter,
#content a.internal {
  color: #742;
  text-decoration: none;
}
#content a.inter:link,
#content a.internal:link,
#content a.inter:visited,
#content a.internal:visited {
  color: #742;
}
#content a.inter:active,
#content a.internal:active,
#content a.inter:hover,
#content a.internal:hover {
  color: #a62;
}
#content a.wiki {
  text-decoration: none;
  color: #742;
  border-bottom: 1px dotted #742;
}
#content a.wiki:link,
#content a.wiki:visited {
  color: #742;
  border-bottom: 1px dotted #742;
}
#content a.wiki:active,
#content a.wiki:hover {
  color: #a62;
  text-decoration: none;
  border-bottom: 1px solid #a62;
}
#content a.redlink {
  color: #730;
  text-decoration: none;
}
#content a.redlink:link,
#content a.redlink:visited {
  color: #730;
}
#content a.redlink:active,
#content a.redlink:hover {
  color: #b50;
}
#content a.greylink {
  color: #777;
  text-decoration: none;
}
#content a.greylink:link,
#content a.greylink:visited {
  color: #777;
}
#content a.greylink:active,
#content a.greylink:hover {
  color: #00e;
}
#content .bodytext p {
  margin: 0.8em 0;
}
#content .bodytext p.wcauth {
  margin: 0.8em 0 -0.7em 1em;
  padding-left: 0;
  padding-bottom: 2px;
  border-bottom: 1px dotted #9ac;
  width: 251px;
}
#content .bodytext p.wcauth a:hover {
  color: #00f !important;
}
#content .bodytext p.reference {
  margin: 0.8em 0 -0.6em 1em;
  padding-bottom: 2px;
  border-bottom: 1px dotted #9ac;
  width: 25em;
  color: #666fbb;
  font-size: 11px;
  font-weight: bold;
}
#content .bodytext p.reference a {
  cursor: pointer !important;
}
#content .bodytext p.reference a:link,
#content .bodytext p.reference a:visited {
  color: #666fbb !important;
  text-decoration: none !important;
}
#content .bodytext p.reference a:hover {
  color: #25f !important;
  text-decoration: none !important;
}
@media print {
  #content .bodytext p.reference {
    opacity: 0.5;
  }
}
#content .bodytext pre {
  font: 0.85em 'Andale Mono', 'Roboto Mono', Consolas, monospace;
  margin-left: 1em;
  padding: 0.5em 1em;
  background-color: #e8e8e8;
  border-left: 1px dashed #aaa;
/* border-left 2px dashed wpcream */
  overflow-x: auto;
/* max-width 40em */
}
#content .bodytext hr {
  border: 0;
  color: #c0c0c0;
  background-color: #c0c0c0;
  height: 1px;
  margin: 1.2em 1em;
  width: auto;
}
#content .bodytext a.internal {
  padding-right: 7px;
  background: transparent url("/img/intlink.gif") no-repeat top right;
}
#content .bodytext a.internal img {
  display: none;
}
#content .bodytext a.external {
  padding-right: 7px;
  background: transparent url("/img/extlink.gif") no-repeat top right;
}
#content .bodytext a.external img {
  display: none;
}
#content .bodytext a.email {
  padding-right: 7px;
  background: transparent url("/img/exteml.gif") no-repeat top right;
}
#content .bodytext a.email img {
  display: none;
}
#content .wcrep1 {
  color: #666fbb;
}
@media print {
  #content .wcrep1 {
    opacity: 0.5;
  }
}
#content .wcrep2 {
  color: #9b6b37;
}
@media print {
  #content .wcrep2 {
    opacity: 0.8;
  }
}
#content .wcgrey {
  color: #777;
}
@media print {
  #content .wcgrey {
    opacity: 0.6;
  }
}
#content .wcsml {
  font-size: 10px;
}
#content .wcserif {
  font-family: serif;
}
#content .wcauth {
  color: #666fbb;
  font-size: 11px;
  font-weight: bold;
  padding-left: 15px;
}
#content .wcauth a {
  cursor: pointer !important;
}
#content .wcauth a:link,
#content .wcauth a:visited {
  color: #666fbb !important;
  text-decoration: none !important;
}
#content .wcauth a:active,
#content .wcauth a:hover {
  color: #a62 !important;
  text-decoration: underline !important;
}
@media print {
  #content .wcauth {
    opacity: 0.5;
  }
}
#content .wcspoil {
  color: #e5e1de !important;
  background-color: #e5e1de !important;
  cursor: default;
}
#content .wcspoil span {
  color: #e5e1de !important;
}
#content .wcspoil a {
  opacity: 0;
}
#content .wcspoil:hover {
  color: #000 !important;
}
#content .wcspoil:hover span {
  color: #000 !important;
}
#content .wcspoil:hover a {
  opacity: 1;
}
#content .showvisited a:visited {
  color: #015;
}
#content .concealed {
  display: none;
}
#content .small {
  font-size: 10px;
}
#box.wiki div.bodytext h1 {
  font: bold 35px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#box.wiki div.bodytext h2.section {
  font: 300 35px 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 30px 0 10px 0;
  border-bottom: 1px solid #c0c0c0;
  padding: 0 0 3px 0;
}
#box.wiki div.bodytext h3 {
  font: bold 1.1em 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#box.wiki table.history {
  border-collapse: collapse;
  width: 100%;
}
#box.wiki table.history td {
  border-bottom: 1px solid #c0c0c0;
  padding: 0.4em;
}
#box.wiki #toc {
  padding: 5px;
  background-color: #e8e8e8;
  border: 1px solid #aaa;
}
#box.wiki #toc td {
  font: 0.9em/1.3em 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 8px 15px;
}
#box.wiki #toc h2 {
  text-align: center;
  font: bold 1.2em 'CustomOpenSans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin-bottom: 0;
}
#box.wiki #toc ul {
  margin: 0;
  padding-left: 0;
  list-style-image: none;
  list-style-type: none;
  text-align: left;
}
#box.wiki #toc ul li {
  margin-bottom: 0.1em;
}
#box.wiki #toc ul li span.tocnum {
  margin-right: 0.3em;
}
#box.wiki #toc ul ul {
  margin: 0 0 0 2em;
}
#box.wiki pre#compared {
  font: 15px monospace;
  overflow-x: auto;
  white-space: -moz-pre-wrap;
  width: 100%;
}
#box.wiki ins {
  background-color: #dfd;
  text-decoration: none;
}
#box.wiki del {
  background-color: #fdd;
}
#box.wiki #compinfo {
  border: 1px solid transparent;
  width: 99%;
  border-collapse: collapse;
}
#box.wiki #compinfo tr td {
  width: 50%;
}
#box.wiki #compinfo tr td:nth-child(1) {
  text-align: right;
  padding-right: 10px;
  border-right: 1px dashed #c0c0c0;
}
#box.wiki #compinfo tr td:nth-child(2) {
  text-align: left;
  padding-left: 10px;
}
@media screen and (min-width: 901px) {
  #upperbar {
    min-height: 45px;
  }
  ul.breadcrumb {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  ul.breadcrumb li {
    white-space: nowrap;
  }
}
@media screen and (max-width: 900px) {
  #upperbar {
    min-height: 45px;
  }
  ul.breadcrumb {
    font: normal 21px/25px 'Slabo 27px', Georgia, serif;
  }
}
@media screen and (max-width: 500px) {
  #upperbar {
    min-height: 36px;
  }
  #upperbar ul.breadcrumb {
    padding: 5px;
    padding-left: 1em;
    font: normal 18px/25px 'Slabo 27px', Georgia, serif;
  }
  #lowerbar ul.breadcrumb {
    font: normal 16px 'Slabo 27px', Georgia, serif;
  }
}
@media screen and (max-width: 1000px) {
  ul#tabs.profile {
    white-space: initial;
  }
}
@media screen and (max-width: 600px) {
  ul#tabs.profile a {
    font-size: 14px;
  }
}
@media only screen {
  #innershadow {
    display: block !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100px;
    background: -webkit-linear-gradient(top, #7b7164 0, #a7a099 10px, #ccc9c5 100px);
    background: linear-gradient(to bottom, #7b7164 0, #a7a099 10px, #ccc9c5 100px);
  }
}
@media screen and (max-width: 800px) {
  #topbar {
    background: -webkit-linear-gradient(top, #3d3327 50%, #362d23 85%, #251e16 100%);
    background: linear-gradient(to bottom, #3d3327 50%, #362d23 85%, #251e16 100%);
  }
}
@media screen and (min-width: 801px) {
  #topbar,
  #page,
  #footer {
    width: 100%;
    max-width: 110em;
  }
  #page {
    box-shadow: 0 0 25px rgba(0,0,0,0.6);
  }
  #page #upperbar {
    position: relative;
    margin: 0 0 0 205px;
    min-height: 40px;
    width: auto;
  }
  #page #innerpage {
    position: relative;
    margin: 0 0 0 205px;
    padding: 18px 5px 18px 12px;
    min-height: 65em;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 8px;
  }
  #page #innerpage #innershadow {
    border-top-left-radius: 8px;
  }
  #page #lowerbar {
    position: relative;
    margin: 0 0 0 205px;
    min-height: 20px;
    width: auto;
  }
}
@media screen and (min-width: 1201px) {
  #topbar,
  #page,
  #footer {
    width: 98%;
  }
  #page {
    box-shadow: 0 0 25px rgba(0,0,0,0.6);
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  #page #innerpage {
    padding: 20px 18px;
  }
}
@media screen and (min-width: 1301px) {
  #topbar,
  #page,
  #footer {
    width: 96%;
  }
}
@media screen and (min-width: 1401px) {
  #topbar,
  #page,
  #footer {
    width: 94%;
  }
}
@media screen and (min-width: 1101px) {
  #forumindex div.column {
    width: 49.2%;
    float: right;
  }
  #forumindex div.column:first-child {
    float: left;
  }
}
@media screen and (max-width: 800px) {
  #forumindex table {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 400px) {
  #forumindex table td.title div.title a {
    font-size: 14px;
  }
}
@media screen and (max-width: 1100px) {
  #threads table .expand1 {
    display: table-cell !important;
  }
  #threads table .collapse1,
  #threads table .oldest {
    display: none;
  }
  #threads table .thesame span {
    display: inline !important;
  }
}
@media screen and (max-width: 900px) {
  #threads table .expand2 {
    display: table-cell !important;
  }
  #threads table .collapse2,
  #threads table .reads {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  #threads table .expand3 {
    display: table-cell !important;
  }
  #threads table .collapse3 {
    display: none;
  }
  #threads table colgroup col.reps,
  #threads table colgroup col.reads {
    width: 50px;
  }
  #threads table colgroup col.oldest,
  #threads table colgroup col.newest {
    width: 140px;
  }
  #threads table colgroup col.goend,
  #threads table colgroup col.check {
    width: 20px;
  }
  #threads table .goend,
  #threads table .gospecial {
    padding: 2px;
  }
}
@media screen and (max-width: 500px) {
  #threads table .expand4 {
    display: table-cell !important;
  }
  #threads table .collapse4 {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  #threads table .expand5 {
    display: table-cell !important;
  }
  #threads table .newest,
  #threads table .collapse5 {
    display: none;
  }
}
@media screen and (min-width: 801px) {
  #left.burgered {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  #left.sidebar {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  #left.burgered ul#menu {
    margin-top: 10px;
  }
}
@media screen and (min-width: 801px) {
  #logo {
    border-top-left-radius: 10px;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    width: 205px;
    height: 184px;
  }
  #logo h1 {
    padding: 0;
    position: relative;
    margin: -23px 0 0 0;
    background: transparent url("image/whirlpool-2015-header.svg") no-repeat top center;
    background-size: 200px 160px;
    width: 205px;
    height: 160px;
  }
  #logo h1 a {
    margin: 0;
    padding: 0;
    font-size: 1em;
    width: 100%;
    height: 100%;
    display: block;
  }
  #logo h1 span {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  #logo {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  #profile {
    padding: 0;
  }
}
@media screen and (max-width: 1000px) {
  #profile #dataentry {
    border-radius: 0;
    box-shadow: none;
    padding: 10px 5px;
    width: auto;
  }
}
@media screen and (max-width: 800px) {
  #topbar #hamburger {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 55px;
/*background transparent url(image/hamburger.svg) no-repeat center center*/
    background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij48cGF0aCBvcGFjaXR5PSIuMTUiIGZpbGw9IiNmZmYiIGQ9Ik0yNiAyMGMwIDMuMy0yLjcgNi02IDZoLTE0Yy0zLjMgMC02LTIuNy02LTZ2LTE0YzAtMy4zIDIuNy02IDYtNmgxNGMzLjMgMCA2IDIuNyA2IDZ2MTR6Ii8+PHBhdGggb3BhY2l0eT0iLjUiIGZpbGw9IiNmZmYiIGQ9Ik01IDdoMTZ2MmgtMTZ6bTAgNWgxNnYyaC0xNnptMCA1aDE2djJoLTE2eiIvPjwvc3ZnPg==") no-repeat center center;
    background-size: 26px 26px;
    color: transparent;
    border: none;
  }
  #topbar #toplogo {
    display: block;
    position: absolute;
    left: 55px;
    top: 0;
    height: 100%;
    width: 120px;
    background: transparent url("image/whirlpool-2015-mobile.svg") no-repeat center center;
    background-size: 120px 40px;
  }
  #topbar #toplogo span {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  #topbar #hamburger {
    width: 50px;
  }
  #topbar #toplogo {
    left: 45px;
    width: 90px;
    background-size: 90px 30px;
  }
  #topbar #userbar {
    font: 15px/32px 'Slabo 27px', Georgia, serif;
  }
  #topbar #userbar span {
    padding: 0 2px 0 2px;
  }
}