@charset "utf-8";
/* 27-12-13, 13:14 */
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
a {
  background: transparent;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
  font-size: 80%;
}
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: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
input {
  line-height: normal;
}
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;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* 28-12-13, 13:52 */
body {
  font-size: 14px;
  line-height: 20px;
}
h1 {
  font-size: 30px;
}
h2 {
  font-size: 23px;
}
h3 {
  font-size: 21px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.1;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small {
  line-height: 1;
}
h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
h2 small,
h3 small,
h1 .small,
h2 .small,
h3 .small {
  font-size: 65%;
}
h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
h5 small,
h6 small,
h4 .small,
h5 .small,
h6 .small {
  font-size: 75%;
}
p {
  margin: 0 0 10px;
}
small,
.small {
  font-size: 85%;
}
.qq-border-box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.qq-showgrid {
  /* Note: Chrome is buggy, at least up to version 31. Works only in Mozilla and IE. */

  background: repeating-linear-gradient(90deg, transparent, transparent 25px, rgba(0, 0, 255, 0.2) 25px, rgba(0, 0, 255, 0.2) 45px), repeating-linear-gradient(180deg, transparent, transparent 19px, rgba(0, 0, 255, 0.2) 19px, rgba(0, 0, 255, 0.2) 20px), #ffffff;
  background: -webkit-repeating-linear-gradient(0deg, transparent, transparent 25px, rgba(0, 0, 255, 0.2) 25px, rgba(0, 0, 255, 0.2) 45px), -webkit-repeating-linear-gradient(-90deg, transparent, transparent 19px, rgba(0, 0, 255, 0.2) 19px, rgba(0, 0, 255, 0.2) 20px), #ffffff;
  background: -moz-repeating-linear-gradient(0deg, transparent, transparent 25px, rgba(0, 0, 255, 0.2) 25px, rgba(0, 0, 255, 0.2) 45px), -moz-repeating-linear-gradient(-90deg, transparent, transparent 19px, rgba(0, 0, 255, 0.2) 19px, rgba(0, 0, 255, 0.2) 20px), #ffffff;
  background-origin: content-box;
}
/* PTHT */
@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot');
  src: url('fonts/icomoon.eot') format('embedded-opentype'), url('fonts/icomoon.svg#icomoon') format('svg'), url('fonts/icomoon.woff') format('woff'), url('fonts/icomoon.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.icomoon {
  font-family: icomoon;
}
.elite {
  font-family: "Special Elite";
  font-weight: normal;
}
body {
  background-color: #cccccc;
  background-image: url(img/body_bk.png);
  background-attachment: fixed;
}
h2 {
  font-family: "Special Elite";
  font-weight: normal;
}
h3 {
  color: #9e7900;
  font-weight: normal;
  letter-spacing: .05em;
}
h4 {
  display: inline-block;
  color: #9e7900;
  border-left: 1em solid #ffc405;
  border-top: 2px solid #ffc405;
  padding-left: 2px;
  font-size: 16px;
}
a {
  color: #123d85;
  font-weight: bold;
  text-decoration: none;
  outline: none;
}
a:focus,
a:hover {
  color: #41649d;
  text-decoration: underline;
  outline: none;
}
a.asc:before {
  font-family: icomoon;
  content: "\e017";
}
a.desc:before {
  font-family: icomoon;
  content: "\e016";
}
a.sneaky {
  color: inherit;
  font-weight: inherit;
}
a.sneaky:focus,
a.sneaky:hover {
  text-decoration: inherit;
}
.container {
  width: 880px;
  margin: 1em auto;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 32px 0 #888888;
  box-shadow: 0 0 32px 0 #888888;
  border-radius: 12px;
}
.page-header {
  position: relative;
  margin-left: -30px;
  margin-right: -30px;
  padding: 14px 30px;
  height: 140px;
  background-image: url('img/header_bk.png');
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.page-footer {
  font-size: .7em;
  border-top: 1px solid #d9d9d9;
  text-align: center;
  padding: 1em 0;
  color: #999999;
}
.logo {
  margin-top: 1em;
}
.main-menu {
  font-size: 85%;
  background-color: #123d85;
  margin-left: -30px;
  margin-right: -30px;
}
.main-menu ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  padding: 4px 20px 2px 20px;
  display: block;
  text-align: center;
}
.main-menu ul li {
  display: inline;
  margin: 0 0 0 5px;
  padding: 0;
}
.main-menu ul li:first-child {
  margin-left: 0;
}
.main-menu a {
  color: #ffffff;
  background-color: transparent;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  padding: 4px 8px;
}
.main-menu a:hover,
.main-menu .active a {
  color: #41649d;
  background-color: #e7ecf3;
  text-decoration: none;
}
.flashes {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 1em;
}
.flashes li div {
  padding: .8em;
  margin-bottom: 1em;
  border: 2px solid #ddd;
  border-radius: 8px;
}
.flashes .flash-error {
  background: #FBE3E4;
  color: #8a1f11;
  border-color: #FBC2C4;
}
.flashes .flash-error a {
  color: #8a1f11;
}
.flashes .flash-notice {
  background: #FFF6BF;
  color: #514721;
  border-color: #FFD324;
}
.flashes .flash-notice a {
  color: #514721;
}
.flashes .flash-success {
  background: #E6EFC2;
  color: #264409;
  border-color: #C6D880;
}
.flashes .flash-success a {
  color: #264409;
}
.breadcrumbs {
  font-size: 85%;
  margin-bottom: 4em;
}
.breadcrumbs span {
  color: #999999;
  font-weight: normal;
}
.breadcrumbs .home-link {
  font-family: icomoon;
  text-decoration: none;
}
.portlet-content {
  margin-bottom: 4em;
}
.portlet-decoration {
  padding: 3px 8px;
  background-color: #ffc405;
  border-left: 5px solid #9e7900;
}
.portlet-title {
  font-size: 85%;
  color: #123d85;
  font-weight: bold;
}
.portlet-content {
  font-size: 85%;
  padding: 3px 8px;
  background-color: #e7ecf3;
}
.operations {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.operations li a {
  display: block;
  padding: 3px 4px 3px 15px;
  line-height: 1.1;
  text-indent: -12px;
  color: #123d85;
}
.operations li a:visited {
  color: #123d85;
}
.operations li a:hover {
  text-decoration: none;
  background-color: #123d85;
  color: #e7ecf3;
}
.main-pic {
  border: 2px solid #000000;
  margin-bottom: .5em;
}
.main-pic.format-left {
  float: left;
  margin-right: 20px;
}
.main-pic.format-right {
  float: right;
  margin-left: 20px;
}
.main-pic.format-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.page-quote {
  border: 3px solid #ffc405;
  border-radius: 12px;
  color: #9e7900;
  background-color: #fff4d1;
  margin: 1em 0;
  padding: .3em 1em .5em;
}
.quote-body {
  font-family: "Special Elite";
  font-weight: normal;
}
.quote-body:before,
.quote-body:after {
  font-family: icomoon;
  color: #ffc405;
}
.quote-body:before {
  content: "\275d\2002";
}
.quote-body:after {
  content: "\2002\275e";
}
.quote-source {
  font-size: 85%;
  margin-left: 1em;
}
table {
  font-size: 85%;
  width: 100%;
}
th {
  background: #123d85;
  color: #a0b1ce;
  border-left: 1px solid #ffffff;
  padding: 2px 5px;
  text-align: left;
}
th:first-child {
  border-left: none;
}
th a {
  color: #d0d8e7;
}
th a:focus,
th a:hover {
  color: #ffffff;
}
tr:hover {
  background-color: #fff9e6;
}
td {
  border-top: 1px solid #d9d9d9;
  padding: 4px 10px 4px 5px;
}
.button-column {
  font-family: icomoon;
}
.button-column a {
  padding-left: .2em;
  padding-right: .2em;
}
.items {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
}
.items:before,
.items:after {
  content: " ";
  display: table;
}
.items:after {
  clear: both;
}
.items li {
  clear: left;
  border-top: 1px solid #d9d9d9;
  height: 54px;
  padding-top: 2px;
  padding-left: 84px;
}
.items li:hover {
  background-color: #fff9e6;
}
.items li img {
  float: left;
  margin-left: -77px;
}
.items td img {
  width: 70px;
  height: 49px;
}
.items img {
  border: 1px solid #000000;
}
ul.items,
tbody {
  border-bottom: 1px solid #d9d9d9;
}
.summary,
.item-meta {
  font-size: 85%;
  color: #999999;
}
.sorter {
  font-size: 85%;
  margin-bottom: 1em;
}
.sorter ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.sorter ul li {
  display: inline;
  margin: 0 0 0 5px;
  padding: 0;
}
.sorter ul li:first-child {
  margin-left: 0;
}
.summary,
.sorter {
  text-align: right;
}
.yiiPager {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  font-size: 11px;
  line-height: 100%;
  margin-bottom: 1em;
}
.yiiPager li {
  display: inline;
  margin: 0 0 0 0;
  padding: 0;
}
.yiiPager li:first-child {
  margin-left: 0;
}
.yiiPager a {
  border: 1px solid;
  border-radius: 3px;
  font-weight: bold;
  padding: 1px 4px;
  text-decoration: none;
  border-color: #9e7900;
  color: #6b5200;
}
.yiiPager a:hover {
  color: #000000;
  background-color: #d1a000;
}
.yiiPager .selected a {
  background-color: #6b5200;
  color: #ffffff;
}
.yiiPager .hidden a {
  border-color: #bfbfbf;
  color: #bfbfbf;
}
.yiiPager .hidden a:hover {
  background-color: transparent;
}
.yiiPager .previous a,
.yiiPager .next a {
  font-family: icomoon;
  font-weight: normal;
  padding: 2px 1px 3px;
}
.yiiPager .first,
.yiiPager .last {
  display: none;
}
.pager {
  text-align: right;
}
.detail-view {
  font-size: 85%;
  border-bottom: 1px solid #d9d9d9;
}
.detail-view dt {
  border-top: 1px solid #d9d9d9;
}
.detail-view dd {
  font-weight: bold;
}
.signof {
  font-size: 85%;
  color: #999999;
  border-top: 1px solid #d9d9d9;
  margin-top: 1em;
}
.author {
  font-weight: bold;
  margin-right: 1em;
}
.shortdate {
  font-weight: bold;
}
.unpublished,
.c-teaser.a-view .unpublished .teaser-box {
  background: #ffd7d7;
  background: -moz-repeating-linear-gradient(-45deg, transparent, transparent 12px, #ffd7d7 12px, #ffd7d7 24px);
}
.unpublished fieldset,
.unpublished .signof {
  border-color: #ffa4a4;
}
.unpublished .signof,
.unpublished .item-meta {
  color: #ffa4a4;
}
.c-site.a-index .main-content {
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 2em;
}
.c-site.a-index .main-content:before,
.c-site.a-index .main-content:after {
  content: " ";
  display: table;
}
.c-site.a-index .main-content:after {
  clear: both;
}
.c-site.a-index .main-content .teaser-box {
  width: 205px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
  position: relative;
  min-height: 1px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}
.c-site.a-index .main-content .teaser-box:nth-child(5) {
  margin-left: 235px;
}
.aside-teasers {
  font-size: 85%;
}
.aside-teasers .teaser-box {
  margin-bottom: 20px;
}
.c-teaser.a-view .unpublished {
  background-color: transparent;
}
.teaser-box,
.links-box {
  border: 2px solid #d9d9d9;
  border-radius: 20px;
  height: 205px;
  position: relative;
  padding: 12px;
  -webkit-box-shadow: 0 0 32px 0 #BFBFBF;
  box-shadow: 0 0 32px 0 #BFBFBF;
  overflow-wrap: break-word;
}
.teaser-box h2,
.links-box h2 {
  font-size: 1.1em;
  margin-top: 12px;
  margin-bottom: 6px;
}
.teaser-box p,
.links-box p {
  font-size: .8em;
  line-height: 1.2;
}
.teaser-box .teaser-link,
.links-box .teaser-link {
  position: absolute;
  bottom: 8px;
  right: 12px;
  color: #ffc405;
}
.teaser-box .teaser-link:hover,
.links-box .teaser-link:hover {
  color: #9e7900;
}
.c-teaser .main-content .teaser-box {
  width: 205px;
}
.teaser-img-box {
  background: url(img/teaser_bk.png);
  padding: 4px;
  margin-bottom: 6px;
  margin-left: -12px;
  margin-right: -12px;
}
.teaser-img {
  display: block;
  border: 1px solid #d0dff9;
  margin: 0 auto;
  width: 124px;
  height: 88px;
}
.teaser-link {
  font-family: icomoon;
}
.teaser-link:hover {
  text-decoration: none;
}
.teaser-extra {
  font-family: "Special Elite";
  font-weight: normal;
  position: absolute;
  right: -10px;
  top: 20%;
  -moz-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
  font-size: 1em;
  color: #ffffff;
  padding: .1em 1em;
  background: -moz-linear-gradient(left, rgba(255, 0, 0, 0) 0%, #ff0000 14%, #ff0000 86%, rgba(255, 0, 0, 0) 100%);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 0, 0, 0)), color-stop(14%, #ff0000), color-stop(86%, #ff0000), color-stop(100%, rgba(255, 0, 0, 0)));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(left, rgba(255, 0, 0, 0) 0%, #ff0000 14%, #ff0000 86%, rgba(255, 0, 0, 0) 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(left, rgba(255, 0, 0, 0) 0%, #ff0000 14%, #ff0000 86%, rgba(255, 0, 0, 0) 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(left, rgba(255, 0, 0, 0) 0%, #ff0000 14%, #ff0000 86%, rgba(255, 0, 0, 0) 100%);
  /* IE10+ */

  background: linear-gradient(to right, rgba(255, 0, 0, 0) 0%, #ff0000 14%, #ff0000 86%, rgba(255, 0, 0, 0) 100%);
  /* W3C */

}
.links-box {
  font-size: .9;
  text-align: center;
  height: auto;
}
.a-cool {
  background-image: url(img/white-noise.gif);
}
.a-cool .main-content {
  position: relative;
  height: 600px;
}
.a-cool .main-content h2 {
  display: block;
  width: 12em;
  height: 1.2em;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  color: #ffffff;
  background-color: #888888;
  text-align: center;
  -webkit-box-shadow: 0 0 40px 20px #888888;
  box-shadow: 0 0 40px 20px #888888;
}
.a-cool .page-footer {
  display: none;
}
iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.columns {
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 1em;
}
.columns:before,
.columns:after {
  content: " ";
  display: table;
}
.columns:after {
  clear: both;
}
.main-content {
  width: 520px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
  position: relative;
  min-height: 1px;
  margin-left: 10px;
  margin-right: 10px;
  left: 180px;
}
.one-column .main-content {
  float: none;
  width: auto;
  left: 0;
  margin-left: 0;
  margin-right: 0;
}
.aside-left {
  width: 160px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
  position: relative;
  min-height: 1px;
  margin-left: 10px;
  margin-right: 10px;
  right: 540px;
}
.aside-right {
  width: 160px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  float: left;
  position: relative;
  min-height: 1px;
  margin-left: 10px;
  margin-right: 10px;
}
.c-site.a-index {
  background: url(img/home_bk.png) left bottom no-repeat, #ffffff;
  min-height: 740px;
}
.c-site.a-index .page-footer {
  border-top: none;
}
.ad {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 2px solid;
  background-color: #a1cca3;
  padding: 20px;
  text-align: center;
}
.ad.skyscraper {
  width: 120px;
  height: 600px;
}
.ad.wide-skyscraper {
  width: 160px;
  height: 600px;
}
.ad.banner {
  width: 468px;
  height: 60px;
}
.ad.leaderboard {
  width: 728px;
  height: 90px;
}
.ad.medium-rectangle {
  width: 300px;
  height: 250px;
}
.ad.large-rectangle {
  width: 336px;
  height: 280px;
}
.ad-line {
  font-size: .6em;
  text-align: center;
  color: #888888;
  margin-bottom: 0;
  letter-spacing: .2em;
  border-top: 1px dotted;
  line-height: 1.4;
}
.form input,
.form textarea,
.form select {
  margin: 0.2em 0 0.5em 0;
}
fieldset {
  border: 1px solid #d9d9d9;
  padding: 10px;
  margin-bottom: 1em;
  -moz-border-radius: 7px;
}
.form label {
  font-weight: bold;
  font-size: 0.9em;
  display: block;
}
.form .row {
  margin: 5px 0;
  border-top: 1px solid #d9d9d9;
}
.buttons {
  padding-top: 1em;
}
.form .hint {
  margin: 0;
  padding: 0;
  color: #999;
}
.note,
.drawing {
  font-size: 85%;
  font-style: italic;
}
.form span.required {
  display: inline;
  color: red;
  margin-left: 0;
}
.form .error label:first-child,
.form label.error,
.form span.error {
  color: #C00;
}
.form .error input,
.form .error textarea,
.form .error select,
.form input.error,
.form textarea.error,
.form select.error {
  background: #FEE;
  border-color: #C00;
}
.form .success input,
.form .success textarea,
.form .success select,
.form input.success,
.form textarea.success,
.form select.success {
  background: #E6EFC2;
  border-color: #C6D880;
}
.form .success label {
  color: inherit;
}
.form .errorSummary {
  border: 2px solid #C00;
  padding: 7px 7px 12px 7px;
  margin: 0 0 20px 0;
  background: #FEE;
  font-size: 0.9em;
}
.form .errorMessage {
  color: red;
  font-size: 0.9em;
}
.form .errorSummary p {
  margin: 0;
  padding: 5px;
}
.form .errorSummary ul {
  margin: 0;
  padding: 0 0 0 20px;
}
.form [type=checkbox],
.form [type=radio] {
  clear: left;
  float: left;
  margin: 0 .4em .5em 0;
}
[type=checkbox] + label,
[type=radio] + label {
  display: block;
  line-height: 1.2;
  margin-bottom: .5em;
}
.row span {
  display: block;
  margin-top: .5em;
  margin-left: 1em;
}
.form .row span [type=text] {
  margin: 0;
}
legend {
  font-weight: bold;
  font-size: .9em;
  padding-left: 4px;
  padding-right: 4px;
}
textarea {
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
}
.manikin {
  display: inline-block;
  position: relative;
}
.manikin .drag {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  padding-left: .2em;
  padding-right: .2em;
  background-color: #ffc405;
  border: 1px solid #d1a000;
  color: #ffffff;
  font-weight: bold;
  cursor: move;
}
.knobs {
  margin-top: 1em;
}
.knobs:before,
.knobs:after {
  content: " ";
  display: table;
}
.knobs:after {
  clear: both;
}
.knobs div {
  float: left;
  margin-right: 2em;
  margin-bottom: -4em;
}
#Intake_c4b,
#Intake_c4c {
  border-top: 1px solid #d9d9d9;
  padding-top: 4px;
}
.ui-progressbar {
  height: 24px;
  margin-bottom: 2em;
}
.drawing {
  height: 200px;
  border: 1px solid #999999;
  padding: 1em;
  background: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 12px, #ffd7d7 12px, #ffd7d7 24px);
  background: -moz-repeating-linear-gradient(-45deg, transparent, transparent 12px, #ffd7d7 12px, #ffd7d7 24px);
  background: -ms-repeating-linear-gradient(-45deg, transparent, transparent 12px, #ffd7d7 12px, #ffd7d7 24px);
  background: repeating-linear-gradient(-45deg, transparent, transparent 12px, #ffd7d7 12px, #ffd7d7 24px);
}
.drawing-board {
  height: 400px;
  margin-top: .5em;
  margin-bottom: .5em;
}
.drawing-board-canvas-wrapper {
  border-color: #bfbfbf;
}
.intake-thumb {
  width: 200px;
  border: 1px solid #bfbfbf;
}