@import url(/css/ag-icon-font);

body {
    background-color: #eee7cc;
    color: #000;
    margin: 0;
}
a {
    border-color: #ccc5aa;
    border-style: none none solid;
    border-width: 1px;
    text-decoration: none;
}
a:link {
    background-color: transparent;
    color: #249;
}
a:visited {
    background-color: transparent;
    color: #346;
}
a:hover {
    border-color: #000;
    color: #000;
}
a:focus {
    background-color: #eee7cc;
    border-color: #000;
    color: #000;
}
a:active {
    background-color: #249;
    border-color: #000;
    color: #fff;
}

body, dd, dl, h1, h2, h3, h4, h5, h6, li, ol, p, td, th, ul {
    font-style: normal;
    font-weight: normal;
    margin: 0;
}
body, dd, dl, li, ol, p, td, th, ul {
    font-family: "DejaVu Sans Condensed", Tahoma, Verdana, sans-serif;
}
dl, p, ol, ul {margin: 0}
img {border-style: none}
table, tr, th, td {
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
abbrev {
    font-variant: small-caps;
    text-transform: lowercase;
}
blockquote {
    border-color: #932;
    border-style: none none none solid;
    border-width: 0 0 0 0.25rem;
    margin: 0;
    padding: 0 0 0 1em;
}
form {
    display: inline;
    margin: 0;
}
input, select, textarea {
    background-color: #eee7cc;
    border: 1px solid #ccc5aa;
    box-shadow: inset 0 0.25rem 0.25rem 0 #ccc5aa;
    color: #000;
    padding: 0.25rem;
}
input:focus, select:focus, textarea:focus {
    background-color: #f6f3e5;
    color: #000;
}
input[type=submit] {
    background-color: #264;
    border: none;
    border-radius: 0.25rem;
    box-shadow: 0 0.25rem 0.25rem 0 #ccc5aa;
    color: #fff;
    padding: 0.5rem 1rem;
}
input[type=submit]:focus, input[type=submit]:hover {
    background-color: #3b7;
    color: #fff;
}
input, label, select {
    font-family: "DejaVu Sans Condensed", Tahoma, Verdana, sans-serif;
}
code, textarea {
    font-family: "Courier New", Courier, monospace;
}
em, i {font-style: italic}
b, strong, th {font-weight: bold}
big {font-size: 125%}
small {font-size: 80%}
ul {padding-left: 2em}
ul li {
    display: list-item;
    list-style-position: outside;
    list-style-type: square;
}
hr {
    border-color: #ccc5aa;
    border-style: none none solid;
    border-width: 1px;
    display: block;
    height: 0;
    width: 100%;
}

/* -- Various Box Containers -- */

.box, .boxLeft, .boxRight, .node {
    border: 1px solid #ccc5aa;
    padding: 0.5em;
}
div.box, div.node {margin-top: 1em}
li.node {margin-top: 0.5em}

.box p {margin-bottom: 1rem}
.box :last-child, .nodeBody :last-child {margin-bottom: 0}

.box.ssn, .ssn.box, .ssn .boxHead {
    border-color: #932;
    margin-bottom: 0.5em;
}
.ssn ul {padding: 0}
.ssn ul li {display: block}
.sub .node, .sub.node {border-style: dashed}

.nodeOps {float: right}
.nodeHdr {margin-top: 0}
.nodeBody p {margin: 0.5em 0 0}
.nodeFtr {
    margin-bottom: 0;
    margin-top: 1em;
}

.boxHead, .nodeHead {
    border-bottom: 1px solid #ccc5aa;
    margin: 0;
    padding-bottom: 0.25em;
}
.boxHead {font-weight: bold}

.boxFoot, .nodeFoot {
    border-top: 1px solid #ccc5aa;
    margin-bottom: 0.25em;
    margin-top: 0.25em;
    padding-top: 0.25em;
}

.blkRight, .boxRight {float: right}

header, .masthead {margin: 0}
.masthead {
    font-size: 244%;
    font-weight: normal;
    margin-bottom: 0.25em;
    margin-left: 3.75rem;
    text-indent: -3.75rem;
}
.masthead a {
    background-color: transparent;
    border: none;
}
.masthead a::before {
    display: inline;
}

header {
    background: #932;
    clear: both;
    color: #fff;
    margin: 0;
    padding-left: 2rem;
    padding-right: 1em;
}
header nav {
    background: #721;
    color: #fff;
    font-size: 125%;
    margin: 0 -1rem 0 -2rem;
    padding: 0 1rem 0.25rem 2rem;
}
nav ul {
    display: block;
    line-height: 2rem;
    margin: 0;
    padding: 0;
}
nav li {
    display: inline-block;
    margin: 0;
    padding: 0 1rem 0 0;
}
nav li:last-child {padding-right: 0}
header a, header a:link, header a:visited {
    background-color: transparent;
    border: none;
    color: #fff;
}
header a.current {
    border-bottom: 0.25rem solid #fff;
    margin-bottom: -0.25rem;
    padding-bottom: 0.25rem;
}
header a:hover, header a:focus {text-shadow: 0 0 0.25rem #fff}

.body {
    background: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

main {
    color: #000;
    flex-basis: 100%;
    margin: 0 1em 0 2rem;
    order: 1;
    padding-bottom: 1em;
    padding-top: 1em;
}
@media screen and (min-width: 600px) {
    .body {
        flex-wrap: nowrap;
    }
    main {
        margin: 0 0 0 2rem;
    }
}
main h1, main h2, main h3 {
    background-color: transparent;
    color: #932;
    margin-top: 1em;
    margin-bottom: 0;
}
main h1 {text-shadow: 0 1px 2px #ccc5aa}
main p {margin: 1em 0}

.caps {font-variant-caps: all-small-caps}

.tads, .nb {margin-bottom: 1em}

.tads {
    border: 1px solid #ccc5aa;
    padding: 0.25em;
    font-size: 80%;
}

.nb {
    background: #249 linear-gradient(#748abf, #249);
    border: 1px solid #249;
    color: #fff;
    padding: 0.5em;
}
.nb p {margin: 0.25em 0}
.nb a, .nb a:link, .nb a:visited {
    background-color: transparent;
    border: none;
    color: #fff;
    text-decoration: underline;
}
.nb a:active {
    background-color: #fff;
    color: #000;
}

aside {
    flex-basis: 100%;
    margin: 0 1rem 2rem 2rem;
    order: 2;
    padding-right: 1px;
}
@media screen and (min-width: 600px) {
    aside {
        flex-basis: 32%;
        float: right;
        margin-right: 1em;
    }
}
.ins {
    background-color: transparent;
    color: #932;
}
div.ins, p.ins {
    margin: 1em 0 0 0;
}

.ops {
    display: block;
    padding: 0;
}
ul.ops > li {display: inline}
.ops a {
    border: 0.0625rem solid #249;
    border-radius: 0.25rem;
    display: inline-block;
    font-size: 80%;
    margin-right: 0.5rem;
    padding: 0.25rem 1rem;
}
.ops a:active, .ops a:focus, .ops a:hover {
    background-color: #249;
    box-shadow: 0 0 0.25rem #249;
    color: #fff;
}

.ing {
    background: #eee7cc linear-gradient(#f6f3e5, #eee7cc);
    border: solid #ccc5aa;
    border-width: 1px 1px 1px 0.25rem;
    color: #000;
    font-size: 125%;
    margin: 1em 0;
    padding: 1em;
}
.ing p {margin: 0.5em 0 0 0}
.ing p:first-child {margin-top: 0}

.tool {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.obj img {display: none}

.frmField {
    box-sizing: border-box;
    width: 100%;
}
.frmSubmit {
    background-color: #932;
    color: #fff;
}

.tbl {
    border: 1px solid #ccc5aa;
    padding: 0.5em;
}
.tbl td, .tbl th {padding: 0.25em}
.tbl th {border-bottom: 1px solid #ccc5aa}
.tbl tr {
    margin-bottom: 0.25em;
}

.tree {margin-bottom: 1em}

.xs {
    box-shadow: 0 0.25rem 0.25rem 0 #ccc5aa;
    float: right;
    margin: 0 0 0.25rem 1em;
}

/* TODO(#5433): Get rid of this. */
.xslPreview {
    float: left;
    margin: 0 1em 0 0;
}

.rtgExcellent, .rtgGood, .rtgFair, .rtgPoor {
    border: none;
    border-radius: 1.5rem;
    margin: -0.15rem;
    padding: 0.25rem 0.4rem;
    position: relative;
}
a.rtgExcellent:hover {
    background: #192;
    color: #fff;
}
a.rtgGood:hover {
    background: #6c5;
    color: #fff;
}
a.rtgFair:hover {
    background: #b61;
    color: #fff;
}
a.rtgPoor:hover {
    background: #d12;
    color: #fff;
}

.ttp {
    background: #249;
    border-radius: 0.25rem;
    bottom: 100%;
    color: #fff;
    padding: 0.5rem;
    position: absolute;
    z-index: 1;
}
.ttp::after {
    border-color: #249 transparent transparent transparent;
    border-style: solid;
    border-width: 0.25rem;
    content: " ";
    left: 50%;
    margin-left: -0.25rem;
    position: absolute;
    text-align: center;
    top: 100%; /* Bottom of tooltip. */
}

/* -- FAQ -- */

.qa {
    border-top: 1px solid #ccc5aa;
    margin-top: 0.25em;
    padding: 0.25em 0;
}

.q {
    background-color: transparent;
    color: #932;
}

footer {
    background: #932;
    border-top: 0.25rem solid #721;
    color: #fff;
    padding: 1rem 2rem;
}
footer a:link, footer a:visited {
    background: transparent;
    color: #fff;
}
footer a:active, footer a:hover {
    background: #fff;
    color: #721;
}

.legal, .pr {
    font-size: 80%;
}