/*
 * http://github.com/peteboere/css-crush (v2.2.1)
 */
/*  Base theming template (not for direct use).
    ___________________________________________________________________ */
/* Form elements.
   ___________________________________________________________________ */
/* ARIA.
   ___________________________________________________________________ */
/* Misc.
   ___________________________________________________________________ */
/* Target an ID'd element without the specificity */
/*  Vertical gradients.
    ___________________________________________________________________ */
/*  Translucent flat colour backgrounds.
    ___________________________________________________________________ */
/*  Small images for background image tiling.
    ___________________________________________________________________ */
/*  Button generation.
    ___________________________________________________________________ */
/*  Placeholder styling.
    ___________________________________________________________________ */
/*  Text selections.
    ___________________________________________________________________ */
/*  Body.
    ___________________________________________________________________ */
body {
    background-color: #FFD6B4;
    background-position: right top;
    color: #5E534D;
    }
hr {
    border-color: #FFD6B4;
    }

/*  Text colors.
    ___________________________________________________________________ */
h3,
.sect-title {
    color: #5E534D;
    }
.note {
    color: #5E534D;
    }
.more-content,
.hint,
.weak,
.prog-title {
    color: #626262;
    }

/*  Links.
    ___________________________________________________________________ */
a,
.btn-link,
.submit_link {
    color: #F50;
    }
.hint button:hover,
.hint button:focus,
.submit_link:hover,
.submit_link:focus,
.btn-link:hover,
.btn-link:focus,
a:hover,
a:focus {
    color: #000;
    }

/*  Borders and lines.
    ___________________________________________________________________ */
#footer,
div.buttons-wrap {
    border-top-color: #FFD6B4;
    }
header {
    border-bottom-color: #FFD6B4;
    }

/*  Buttons.
    ___________________________________________________________________ */
.btn:hover,
.btn:focus,
.btn-weak:hover,
.btn-weak:focus {
    background-color: 10;
    border-color: 10;
    }
.btn-finish,
.btn-next {
    color: #fff;
    background-color: #626262;
    border-color: #626262;
    }
.btn-finish:hover,
.btn-finish:focus,
.btn-next:hover,
.btn-next:focus {
    color: #fff;
    background-color: #505050;
    border-color: #505050;
    }
.btn-link {
    color: #F50;
    }
.btn-link[class],
.btn-link[class]:hover,
.btn-link[class]:focus {
    background: 0;
    border: 0;
    }

/*  Page.
    ___________________________________________________________________ */
#page {
    background: #FFD6B4;
    background-color: #fff;
    }

/*  Blocks.
    ___________________________________________________________________ */
.ans,
.highlight {
    background: #E7E7E7;
    }
div.ans,
div.highlight {
    -webkit-box-shadow: 0 1px 0 1px #BDBDBD;
    box-shadow: 0 1px 0 1px #BDBDBD;
    border-radius: .4em;
    }

/*  Tables.
    ___________________________________________________________________ */
.bos-table,
table.ans {
    background: #fff;
    }
.bos-table td,
table.ans td {
    background-color: #E7E7E7;
    border-color: #6C6C6C;
    }
th.left,
th.right,
th.top,
th.super,
th.super-side,
th.above-left,
th.above-right {
    border-color: #6C6C6C;
    }
table.ans-grid td {
    background: none;
    }
table.ans-grid .top {
    border-bottom: #6C6C6C;
    }
table.ans-grid .top,
table.ans-grid .super {
    background: #fff;
    }
table.ans-grid th ~ .blank {
    background: #fff;
    border-right: 0;
    }
table.ans-grid colgroup[class][class] + colgroup {
    background: #E7E7E7;
    }
table.ans-grid colgroup[class][class].even {
    background: #dadada;
    }

/*  Questions.
    ___________________________________________________________________ */
.qno span {
    background-color: #F50;
    color: white;
    }
.qno-l0 span,
.qno-l2 span {
    background-color: #F50;
    color: white;
    }

/*  Progress bar.
    ___________________________________________________________________ */
.prog-bar {
    background: #E7E7E7;
    }
.prog-bar .done {
    background: #F50;
    }

/*  More link.
    ___________________________________________________________________ */
.more-link {
    color: #F50;
    }
.more-link .icon {
    color: #FFA066;
    }

/*  Errors and messages.
    ___________________________________________________________________ */
.req .icon,
.req {
    color: #F50;
    }
th.err,
td.err,
.err {
    background-color: #00ADBF;
    color: #fff;
    }
th.err .hint,
td.err .hint,
.err .icon__error {
    color: #fff;
    }
.req-err,
.req-err .icon__error {
    color: #00ADBF;
    }

/*  Icons.
    ___________________________________________________________________ */
.icon {
    color: inherit;
    }

/*  Footer
    ___________________________________________________________________ */
#footer {
    color: #626262;
    }
#footer a {
    color: #F50;
    }
#footer a:hover,
#footer a:focus {
    color: #F50;
    text-decoration: underline;
    }
@media (max-width: 550px) {
#page > *,
#page header > * {
    padding-left: 20px;
    padding-right: 20px;
    }
#page[id] {
    border: 0;
    }
}

/*body { padding-top: 0 !important; }.preview-toolbar { display: none !important; }*/
/*  Off piste.
    ___________________________________________________________________ */
.sect-title {
    border-bottom: 1px solid #FFD6B4;
    padding-bottom: .3em;
    }
div.buttons-wrap {
    border-top: 0;
    }
#footer {
    margin-top: 1em;
    }

/*# sourceMappingURL=theme-tangerine.crush.css.map */