-/Download/​​​ Hello, World!_files/main.css

/**
 * A. Normalize
 * B. YUI3 Grid
 * C. Global tag and class styles
 * D. Header
 * E. Breadcrumbs
 * F. Main content
 * G. Left column (subnavigation menu)
 *
 * Color chart:
 *   School: #6db101
 *   Store: #008345
 *   Community: #356cb5
 *   Resources: #1f3d7b
 *
 * New Color chart:
 *   Main: #1b365d
 *   Accent: #c5e86c
 *   Online: #009fad, #009ca6, #008c95
 *   BA: #d71f36, #ba0c2f, #9d2235;
 *   Academy: #61ad00, #78aa00, #55951b
 */

@font-face {
	font-family: "AoPS";
	src: url("/assets/fonts/aops/new_aops.eot");
	src: url("/assets/fonts/aops/new_aops.eot") format("embedded-opentype"),
		url("/assets/fonts/aops/new_aops.woff") format("woff"),
		url("/assets/fonts/aops/new_aops.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/roboto/Roboto-Regular.ttf") format("truetype");
}
@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/roboto/Roboto-Italic.ttf") format("truetype");
	font-style: italic;
}
@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/roboto/Roboto-Light.ttf") format("truetype");
	font-weight: 300;
}
@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/roboto/Roboto-LightItalic.ttf") format("truetype");
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/roboto/Roboto-Medium.ttf") format("truetype");
	font-weight: 500;
}
@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/roboto/Roboto-MediumItalic.ttf") format("truetype");
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/roboto/Roboto-Bold.ttf") format("truetype");
	font-weight: bold;
}
@font-face {
	font-family: "Roboto";
	src: url("/assets/fonts/roboto/Roboto-BoldItalic.ttf") format("truetype");
	font-weight: bold;
	font-style: italic;
}

.aops-font {
	font-style: normal;
	font-weight: normal;
	font-family: AoPS;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.classroom-emoticon-theme-ba {
	height: 2em;
}

#search-widget {
	display: none;
}

#search-widget > div {
	height: 21px;
	background-color: white;
	border-radius: 9px;
	color: black;
	margin-top: 4px;
	width: 150px;
	line-height: 18px;
	padding-left: 9px;
	margin-right: 10px;
}
#search-widget #search-site {
	border: none;
	outline: none;
	width: 120px;
	height: 18px;
	font-size: 14px;
}
#search-widget #search-site::placeholder {
	color: #20458c;
}
#search-widget #search-clicker {
	font-size: 13px;
	color: #20458c;
	position: relative;
	top: -1px;
	right: 4px;
}

.action-wrapper #search-widget > div {
	border: 1px solid #20458c;
}

.aops-font.laptop:after {
	content: "b";
}

.aops-font.search:after {
	content: "M";
}

.aops-font.circle-left:after,
.aops-font.aops-arrow-circle-left:after {
	content: "<";
}

.aops-font.aops-arrow-circle-right:after {
	content: ">";
}

.aops-font.bars:after {
	content: "Q";
}

.aops-font.chevron-down:after {
	content: "S";
}

.aops-font.cart:after {
	content: "c";
}

.aops-font.edit:after {
	content: "L";
}

.aops-font.pdf:after {
	content: "\f1c1";
}

.aops-font.aops-angle-double-left:after {
	content: "\f100";
}

.aops-font.aops-angle-double-right:after {
	content: "\f101";
}

.aops-font.aops-arrow-down:after {
	content: "\f063";
}
.aops-font.aops-pencil:after {
	content: "\004c";
}

/* used for Optimize anti-flicker */
.async-hide {
	opacity: 0 !important;
}

/**
 * A. Normalize
 */

/*! 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%;
}
p {
	margin: 8px 0;
}
body {
	margin: 0;
}
a {
	background: transparent;
	color: darkblue;
}
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,
.strong,
.bold {
	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 silver;
	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;
}
html,
button,
input,
select,
textarea {
	color: #333;
}
html {
	font-size: 1em;
	line-height: 1.4;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
audio,
canvas,
img,
video {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
YUI 3.13.0 (build 508226d)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

.yui3-g {
	letter-spacing: -0.31em;
	*letter-spacing: normal;
	*word-spacing: -0.43em;
	text-rendering: optimizespeed;
}
.opera-only :-o-prefocus,
.yui3-g {
	word-spacing: -0.43em;
}
.yui3-u {
	display: inline-block;
	zoom: 1;
	*display: inline;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto;
}
.yui3-u-1,
.yui3-u-1-2,
.yui3-u-1-3,
.yui3-u-2-3,
.yui3-u-1-4,
.yui3-u-3-4,
.yui3-u-1-5,
.yui3-u-2-5,
.yui3-u-3-5,
.yui3-u-4-5,
.yui3-u-1-6,
.yui3-u-5-6,
.yui3-u-1-8,
.yui3-u-3-8,
.yui3-u-5-8,
.yui3-u-7-8,
.yui3-u-1-12,
.yui3-u-5-12,
.yui3-u-7-12,
.yui3-u-11-12,
.yui3-u-1-24,
.yui3-u-5-24,
.yui3-u-7-24,
.yui3-u-11-24,
.yui3-u-13-24,
.yui3-u-17-24,
.yui3-u-19-24,
.yui3-u-23-24 {
	display: inline-block;
	zoom: 1;
	*display: inline;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto;
}
.yui3-u-1 {
	display: block;
}
.yui3-u-1-2 {
	width: 50%;
}
.yui3-u-1-3 {
	width: 33.33333%;
}
.yui3-u-2-3 {
	width: 66.66666%;
}
.yui3-u-1-4 {
	width: 25%;
}
.yui3-u-3-4 {
	width: 75%;
}
.yui3-u-1-5 {
	width: 20%;
}
.yui3-u-2-5 {
	width: 40%;
}
.yui3-u-3-5 {
	width: 60%;
}
.yui3-u-4-5 {
	width: 80%;
}
.yui3-u-1-6 {
	width: 16.656%;
}
.yui3-u-5-6 {
	width: 83.33%;
}
.yui3-u-1-8 {
	width: 12.5%;
}
.yui3-u-3-8 {
	width: 37.5%;
}
.yui3-u-5-8 {
	width: 62.5%;
}
.yui3-u-7-8 {
	width: 87.5%;
}
.yui3-u-1-12 {
	width: 8.3333%;
}
.yui3-u-5-12 {
	width: 41.6666%;
}
.yui3-u-7-12 {
	width: 58.3333%;
}
.yui3-u-11-12 {
	width: 91.6666%;
}
.yui3-u-1-24 {
	width: 4.1666%;
}
.yui3-u-5-24 {
	width: 20.8333%;
}
.yui3-u-7-24 {
	width: 29.1666%;
}
.yui3-u-11-24 {
	width: 45.8333%;
}
.yui3-u-13-24 {
	width: 54.1666%;
}
.yui3-u-17-24 {
	width: 70.8333%;
}
.yui3-u-19-24 {
	width: 79.1666%;
}
.yui3-u-23-24 {
	width: 95.8333%;
}
#yui3-css-stamp.cssgrids {
	display: none;
}

/* AoPS fixes for YUI3 Grids */
.yui3-g:before,
.yui3-g:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.yui3-g:after {
	clear: both;
}

.yui3-u-1,
.yui3-u-1-2,
.yui3-u-1-3,
.yui3-u-2-3,
.yui3-u-1-4,
.yui3-u-3-4,
.yui3-u-1-5,
.yui3-u-2-5,
.yui3-u-3-5,
.yui3-u-4-5,
.yui3-u-1-6,
.yui3-u-5-6,
.yui3-u-1-8,
.yui3-u-3-8,
.yui3-u-5-8,
.yui3-u-7-8,
.yui3-u-1-12,
.yui3-u-5-12,
.yui3-u-7-12,
.yui3-u-11-12,
.yui3-u-1-24,
.yui3-u-5-24,
.yui3-u-7-24,
.yui3-u-11-24,
.yui3-u-13-24,
.yui3-u-17-24,
.yui3-u-19-24,
.yui3-u-23-24 {
	float: left;
	min-height: 1px; /* Forces empty elements to fill with float */
}

body {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.428571429;
	font-family: sans-serif;
	color: #444;
	background-image: url("//assets.artofproblemsolving.com/images/index-ball.png");
	background-position: top right 100px;
	background-position: calc(50% + 400px) 0;
	background-repeat: repeat-y;
	background-color: #efefef;
}

pre {
	background-color: transparent;
	border: none;
	border-radius: 0;
}

textarea {
	line-height: 1.428571429;
	padding: 5px;
}

p.notop {
	margin-top: 0;
}

p.nobottom {
	margin-bottom: 0;
}

.small-font {
	font-size: 0.8em;
	font-weight: normal;
	line-height: inherit;
	vertical-align: top;
}

/**
 * B. Global tag and class styles
 */
input {
	border-radius: 0;
}
input.placeholder {
	color: #aaa;
}

ul {
	list-style-type: square;
}

ul.clean,
ol.clean {
	padding: 0;
	margin: 0;
}

ul.clean li {
	list-style-type: none;
}

code {
	font-family: Consolas, "Liberation Mono", Courier, monospace;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 10px 0 10px 0;
	padding: 0;
	position: relative;
}

/* h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
	margin-top : 0;
} */

#main-column h1 {
	position: relative;
	left: -1px;
}

#main-column h1:first-child {
	margin-top: 0;
}

.no-select {
	-khtml-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.need-copy {
	background-color: cornsilk;
	color: black;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a,
.faux-link {
	text-decoration: none;
	color: #1155cc;
	cursor: pointer;
}
a:hover,
.faux-link:hover {
	text-decoration: underline;
}
a:focus,
.faux-link:focus {
	outline: none;
}

.hide {
	display: none;
}

.store-color {
	color: #008345 !important;
}

.school-color {
	color: #6db101 !important;
}

.community-color {
	color: #356cb5 !important;
}

.resources-color {
	color: #1f3d7b !important;
}

.store-background-color {
	background-color: #008345 !important;
	color: white;
}

.school-background-color {
	background-color: #6db101 !important;
	color: white;
}

.community-background-color {
	background-color: #356cb5 !important;
	color: white;
}

.resources-background-color {
	background-color: #1f3d7b !important;
	color: white;
}

.school-background-hover:hover {
	background-color: #e6edaf !important;
	color: #6db101 !important;
}

.store-background-hover:hover {
	background-color: #ddedcd !important;
	color: #008345 !important;
}

.community-background-hover:hover {
	background-color: #dae7f6 !important;
	color: #356cb5 !important;
}

.resources-background-hover:hover {
	background-color: #d9e3f9 !important;
	color: #1f3d7b !important;
}

#flyout {
	position: fixed;
	width: 200px;
	height: 100px;
	right: -200px;
	bottom: 20px;
	border-top: 10px solid #336cb5;
	box-shadow: 2px 2px 4px #444;
	background-color: white;
	padding: 10px;
	z-index: 1250; /* Must be higher than 1200 (feed) */
}

#flyout .close {
	color: #aaa;
	font-family: AoPS;
	float: right;
	cursor: pointer;
	margin-top: -5px;
}

#flyout .close:after {
	content: "e";
}

#flyout.info {
	color: #32708f;
	background-color: #f4f7fc;
	border-color: #bce8f1;
}

#flyout.warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #8a6d3b;
}

#flyout.success {
	color: green;
	background-color: #def2de;
	border-color: green;
}

#flyout.error {
	color: darkred;
	background-color: #f2dede;
	border-color: darkred;
}

.info-box,
.error-box,
.success-box,
.warning-box {
	margin-bottom: 10px;
	padding: 10px;
}

.info-box > div,
.error-box > div,
.success-box > div,
.warning-box > div {
	margin-bottom: 10px;
}

.info-box > div:last-child,
.error-box > div:last-child,
.success-box > div:last-child,
.warning-box > div:last-child {
	margin-bottom: 0;
}

.error {
	color: darkred;
}

.error-box {
	color: darkred;
	background-color: #f2dede;
	border-left: 10px solid darkred;
}

.success-box {
	color: green;
	background-color: #def2de;
	border-left: 10px solid green;
}

.warning-box {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-left: 10px solid #8a6d3b;
}

.info-box {
	color: #32708f;
	background-color: #f4f7fc;
	border-left: 10px solid #bce8f1;
}

label {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

fieldset {
	padding: 10px;
	border-top: 1px solid #d7d7d7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #d7d7d7;
	position: relative;
	background-color: white;
	margin-bottom: 15px;
}

fieldset dt {
	width: 20%;
	text-align: left;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	font-weight: normal;
}

fieldset dd {
	margin: 0 0 0 20%;
	padding: 0 0 0 5px;
	vertical-align: top;
	border-left: 1px solid #ccc;
}

fieldset dl {
	margin: 0 0 10px 0;
	clear: both;
}

legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: inherit;
	color: #333333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
}

input[type="radio"],
input[type="checkbox"] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	/* IE8-9 */
	line-height: normal;
}

input[type="file"] {
	display: block;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

.form-control:-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
	color: #999999;
}

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s,
		box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-group.small .form-control {
	padding: 6px;
	height: 25px;
	line-height: 1.2em;
	width: auto;
}

.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	cursor: not-allowed;
	background-color: #eeeeee;
}

textarea.form-control {
	height: auto;
}

.form-group {
	margin-bottom: 13px;
}

.form-group.small,
.form-group small {
	line-height: 1.428571429em;
	margin-bottom: 5px;
}

.form-group > div {
	line-height: 34px;
}

.form-group > div div {
	line-height: 1.428571429em;
}

.form-group > div div.byline {
	margin-top: 3px;
	font-size: 80%;
}

.form-group label {
	font-weight: bold;
}

.form-group a.chosen-single {
	height: 26px;
}

.radio,
.checkbox {
	display: block;
	min-height: 20px;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align: middle;
}

.radio label,
.checkbox label {
	display: inline;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	float: left;
	margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
	margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: normal;
	vertical-align: middle;
	cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
	margin-top: 0;
	margin-left: 10px;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
	cursor: not-allowed;
}

/**
 * Buttons - Modified from Bootstrap
 */

.btn {
	display: inline-block;
	font-weight: bold;
	height: 24px;
	padding: 0px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: none;
	border-radius: 0px;
	/* Default arial for better baseline */
	font-family: Arial, Helvetica, sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.btn:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.btn:hover,
.btn:focus {
	color: #333333;
	text-decoration: none;
}

.btn:active,
.btn.btn-active {
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	cursor: not-allowed;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn.btn-primary.disabled {
	background-color: #aaa;
}

.btn-default {
	color: #1155cc;
	background-color: #ffffff;
	border-color: #cccccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.btn-active,
.open .dropdown-toggle.btn-default {
	color: #1155cc;
	background-color: #ebebeb;
	border-color: #adadad;
}

.btn-default:active,
.btn-default.btn-active,
.open .dropdown-toggle.btn-default {
	background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.btn-active,
.btn-default[disabled].btn-active,
fieldset[disabled] .btn-default.btn-active {
	background-color: #ffffff;
	border-color: #cccccc;
}

.btn-primary {
	color: white;
	background-color: #20458c;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.btn-active,
.open .dropdown-toggle.btn-primary {
	color: #ffffff;
	background-color: #336cb5;
	border-color: #285e8e;
}

.btn-primary:active,
.btn-primary.btn-active,
.open .dropdown-toggle.btn-primary {
	background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.btn-active,
.btn-primary[disabled].btn-active,
fieldset[disabled] .btn-primary.btn-active {
	background-color: #428bca;
	border-color: #357ebd;
}

.btn-warning {
	color: #ffffff;
	background-color: #f0ad4e;
	border-color: #eea236;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.btn-active,
.open .dropdown-toggle.btn-warning {
	color: #ffffff;
	background-color: #ed9c28;
	border-color: #d58512;
}

.btn-warning:active,
.btn-warning.btn-active,
.open .dropdown-toggle.btn-warning {
	background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.btn-active,
.btn-warning[disabled].btn-active,
fieldset[disabled] .btn-warning.btn-active {
	background-color: #f0ad4e;
	border-color: #eea236;
}

.btn-danger {
	color: #ffffff;
	background-color: #d9534f;
	border-color: #d43f3a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.btn-active,
.open .dropdown-toggle.btn-danger {
	color: #ffffff;
	background-color: #d2322d;
	border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.btn-active,
.open .dropdown-toggle.btn-danger {
	background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.btn-active,
.btn-danger[disabled].btn-active,
fieldset[disabled] .btn-danger.btn-active {
	background-color: #d9534f;
	border-color: #d43f3a;
}

.btn-success {
	color: #ffffff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.btn-active,
.open .dropdown-toggle.btn-success {
	color: #ffffff;
	background-color: #47a447;
	border-color: #398439;
}

.btn-success:active,
.btn-success.btn-active,
.open .dropdown-toggle.btn-success {
	background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.btn-active,
.btn-success[disabled].btn-active,
fieldset[disabled] .btn-success.btn-active {
	background-color: #5cb85c;
	border-color: #4cae4c;
}

.btn-info {
	color: #ffffff;
	background-color: #5bc0de;
	border-color: #46b8da;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.btn-active,
.open .dropdown-toggle.btn-info {
	color: #ffffff;
	background-color: #39b3d7;
	border-color: #269abc;
}

.btn-info:active,
.btn-info.btn-active,
.open .dropdown-toggle.btn-info {
	background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.btn-active,
.btn-info[disabled].btn-active,
fieldset[disabled] .btn-info.btn-active {
	background-color: #5bc0de;
	border-color: #46b8da;
}

.btn-link {
	color: #1155cc;
	cursor: pointer;
	border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
	border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
	color: #1155cc;
	text-decoration: underline;
	background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
	color: #1155cc;
	text-decoration: none;
}

.btn-lg {
	height: 32px;
	font-size: 16px;
	line-height: 32px;
	padding-top: 1px;
}

.btn-sm {
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	padding: 0 8px;
}

.btn-xs {
	font-size: 10px;
	height: 14px;
	line-height: 14px;
	padding: 0 5px;
}

.btn-block {
	display: block;
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}

.btn-block + .btn-block {
	margin-top: 5px;
}

.btn-group-center {
	text-align: center;
}
.btn-group-right {
	text-align: right;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
	*zoom: 1;
}
/*
 * Hack to fix a Chrome bug where MathJax 2.5 shows a bizarre line on the right.
 */

.MathJax > nobr > span > span:last-child {
	visibility: hidden;
}

/**
 * D. Header
 */

#banner {
	top: -25px;
	width: 230px;
	height: 70px;
	background-size: 260px 75px;
	background-image: none,
		url("//assets.artofproblemsolving.com/images/aops-logo.svg");
	position: absolute;
	left: 0;
	background-position: -19px 0;
}

.no-svg #banner {
	background-image: url("//assets.artofproblemsolving.com/images/aops-logo.png");
}

#header {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	width: 100%;
	max-width: 100%;
	background-color: white;
}

#header a {
	text-decoration: none;
}

#header .bluebar-wrapper {
	height: 26px;
	background-color: #20458c;
	line-height: 26px;
}

body.development #header .bluebar-wrapper {
	background-color: #7c1f3e;
}

#header .bluebar {
	position: relative;
	max-width: 100%;
	margin: auto;
}

#header .bluebar .mobile-title {
	color: white;
	padding-left: 10px;
	display: inline-block;
}

#header .bluebar .mobile-title:after {
	content: "Art of Problem Solving";
}

#header .bluebar a.site {
	line-height: 26px;
	height: 26px;
	padding: 0 20px;
	display: inline-block;
	color: white;
}
#header .bluebar a.site:hover {
	background-color: #365797;
}

#header .bluebar a.site.active {
	background-color: white;
	color: #20458c;
}
#header .bluebar a.site.active:hover {
	background-color: white;
}

#header .action-wrapper {
	background-color: transparent;
	height: 26px;
	line-height: 26px;
	color: #444;
	position: absolute;
	max-width: 100%;
	margin: auto;
	right: 0;
	left: 0;
	top: 0;
}

#header .action-wrapper .item,
#header .bluebar .item {
	color: white;
	padding-right: 10px;
	float: right;
	cursor: pointer;
	line-height: 25px;
	/* Arial first because Helvetica base line is messed up */
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
}

#header .action-wrapper .item.login-button,
#header .action-wrapper .item .username {
	top: 0;
	padding-right: 0;
}

#header .action-wrapper .item .avatar,
#header .bluebar .item .avatar {
	max-height: 22px;
	vertical-align: top;
	display: inline-block;
	margin-top: 2px;
}

#header .action-wrapper .myaops-menu,
#header .bluebar .myaops-menu {
	position: absolute;
	background-color: #20458c;
	right: 30px;
	z-index: 120;
	min-width: 130px;
	display: none;
}
#header .bluebar .myaops-menu {
	right: 0;
}

#header .action-wrapper .myaops.open .myaops-menu,
#header .bluebar .myaops.open .myaops-menu {
	display: block;
}

#header .action-wrapper .myaops-menu .menu-item,
#header .bluebar .myaops-menu .menu-item {
	display: block;
	padding: 2px 10px;
	border-bottom: 1px solid #88a4d8;
	color: #fff;
	font-weight: bold;
	text-align: left;
}

#header .action-wrapper .myaops-menu .menu-item:last-child,
#header .bluebar .myaops-menu .menu-item:last-child {
	border-width: 0;
}

#header .action-wrapper .myaops-menu .menu-item:hover,
#header .bluebar .myaops-menu .menu-item:hover {
	background-color: #d9e3f9;
	color: #20458c;
}

#header .action-wrapper .myaops-menu .menu-item.indented,
#header .bluebar .myaops-menu .menu-item.indented {
	padding: 2px 22px;
}

#header .bluebar #mobile-menu-items {
	display: none;
}

#header .bluebar .mobile-menu {
	padding-right: 10px;
}

#header .bluebar .mobile-menu > div {
	top: 26px;
	right: 0;
	left: 0;
	background-color: #20458c;
	z-index: 120;
	min-width: 120px;
	display: none;
}

#header #mobile-menu-items {
	display: none;
}

#header #mobile-menu-items a {
	display: block;
	padding: 10px;
	width: 25%;
	float: left;
	text-align: center;
	font-weight: bold;
	color: white;
}

#header .bluebar .mobile-menu > div .menu-item {
	display: block;
	padding: 2px 10px;
	color: white;
	font-weight: bold;
}

#header .bluebar .site-links {
	display: none;
	font-family: sans-serif;
	font-weight: bold;
}

#header .bluebar .site-label {
	display: none;
	font-weight: normal;
}

#header .bluebar .action-links {
	display: inline-block;
	float: right;
}

#header .banner {
	position: absolute;
	left: 0;
	top: -16px;
	width: 230px;
	height: 70px;
	background-size: 260px 75px;
	background-image: url("//assets.artofproblemsolving.com/images/aops-logo.svg");
	background-position: -19px 0;
}

body.development #header .banner {
	background-image: none,
		url("//assets.artofproblemsolving.com/images/aops-logo-dev.svg");
}

#header .menubar-wrapper {
	height: 44px;
	background-color: white;
	display: none;
}

#header .sizer {
	margin: auto;
	position: relative;
}

#header .extra {
	display: none;
}

#header .menubar {
	position: relative;
	max-width: 100%;
	margin: auto;
}

#header-popin {
	position: absolute;
	/*	top : -30px; */
	height: 30px;
	color: white;
	left: 100px;
	z-index: 10;
	opacity: 0;
}

#header-popin a {
	color: white;
	margin-right: 5px;
	font-size: 14px;
}

#header-popin a:hover {
	text-decoration: underline;
}
/*
.company #header-popin {
	top : 0px;
}
*/

@media (max-width: 770px) {
	#header-popin {
		display: none;
	}
}

/* Wrapper for the menu */
.header-menu {
	width: 25%;
	float: left;
	height: 24px;
	margin-top: 20px;
	color: lightblue;
	vertical-align: bottom;
}

/* The menu header */
.header-menu > span {
	color: lightblue;
	width: 100%;
	display: block;
	position: relative;
	margin: 0;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	z-index: 100;
	overflow: hidden;
	cursor: pointer;
	height: 24px;
	padding-top: 2px;
}

.header-menu > span > a {
	width: 100%;
	display: block;
	margin-top: -4px;
	padding-top: 4px;
}

.header-menu.school > span > a {
	color: #6db101;
}

.header-menu.store > span > a {
	color: #008345;
}

.header-menu.community > span > a {
	color: #356cb5;
}

.header-menu.resources > span > a {
	color: #1f3d7b;
}

.header-menu.school > span > a:after {
	content: "Online School";
}

.header-menu.store > span > a:after {
	content: "Bookstore";
}

.header-menu.community > span > a:after {
	content: "Community";
}

.header-menu.resources > span > a:after {
	content: "Resources";
}

.academy .header-menu.school > span > a:after {
	content: "";
}

.academy .header-menu.store > span > a:after {
	content: "";
}

.academy .header-menu.community > span > a:after {
	content: "";
}

.academy .header-menu.resources > span > a:after {
	content: "";
}

/* The line under the menu header */
.header-menu > div.label {
	height: 5px;
	margin: 0;
	background-color: lightblue;
}

body .header-menu .pointer {
	background-image: url("//assets.artofproblemsolving.com/images/main-spritesheet.gif");
	background-position: 0 100px;
	height: 6px;
	margin: 0 auto;
	width: 16px;
	display: none;
}

body.school .header-menu.school .pointer {
	background-position: -20px -176px;
	display: block;
}

body.store .header-menu.store .pointer {
	background-position: left -176px;
	display: block;
}

body.community .header-menu.community .pointer {
	background-position: -40px -176px;
	display: block;
}

body.resources .header-menu.resources .pointer {
	background-position: -60px -176px;
	display: block;
}

/* The dropdown menu */
.header-menu .dropdown-menu {
	position: relative;

	/* Initially, the dropdown isn't visible */
	display: none;

	/* Aligns the menu to the left of the menu header */
	float: left;

	/* Dropdown is always 250px, no matter the width of screen */
	width: 250px;

	/* Make sure menu is on top of everything */
	z-index: 99999;

	/* Define colors */
	color: white;
	background-color: lightyellow;

	/* Shadow */
	box-shadow: 0px 2px 2px #888;

	/* Move dropdown up to cover line */
	top: 0px; /* Move menu up on top of line */
	padding-top: 0px;
}

@media (max-width: 1270px) {
	.header-menu .dropdown-menu {
		width: 188px;
	}
}

@media (max-width: 1020px) {
	.header-menu .dropdown-menu {
		width: 165px;
	}
}

.header-menu.resources .dropdown-menu {
	float: right;
}

.header-menu .dropdown-menu a {
	font-weight: bold;
	padding: 5px 10px;
	display: block;
	border-bottom: 1px solid green;
	color: white;
}

/*
.header-menu .dropdown-menu a:before {
	font-family : AoPS;
	content : "> ";
}
*/

.header-menu .dropdown-menu a:last-child {
	border-width: 0;
}

.header-menu.school.open > span > a,
.header-menu.school .label,
.header-menu.school .dropdown-menu {
	background-color: #6db101 !important;
}

.header-menu.school.open > span > a:hover {
	background-color: #e6edaf !important;
	color: #6db101;
}

.header-menu.school .dropdown-menu a {
	border-color: #c2dc87;
}
.header-menu.school .dropdown-menu a:hover {
	background-color: #e6edaf;
	color: #6db101;
}
.header-menu.school.open .label {
	background-color: #5d9502 !important;
}

.header-menu.store.open > span > a,
.header-menu.store .label,
.header-menu.store .dropdown-menu {
	background-color: #008345 !important;
}

.header-menu.store.open > span > a:hover {
	background-color: #ddedcd !important;
	color: #008345;
}

.header-menu.store .dropdown-menu a {
	border-color: #bfe6aa;
}

.header-menu.store .dropdown-menu a:hover {
	background-color: #ddedcd;
	color: #008345;
}

.header-menu.store.open .label {
	background-color: #046436 !important;
}

.header-menu.community.open > span > a,
.header-menu.community .label,
.header-menu.community .dropdown-menu {
	background-color: #356cb5 !important;
}

.header-menu.community.open > span > a:hover {
	background-color: #dae7f6 !important;
	color: #356cb5;
}

.header-menu.community .dropdown-menu a {
	border-color: #95d5f6;
}
.header-menu.community .dropdown-menu a:hover {
	background-color: #dae7f6;
	color: #356cb5;
}

.header-menu.community.open .label {
	background-color: #29558f !important;
}

.header-menu.resources.open > span > a,
.header-menu.resources .label,
.header-menu.resources .dropdown-menu {
	background-color: #1f3d7b !important;
}

.header-menu.resources.open > span > a:hover {
	background-color: #d9e3f9 !important;
	color: #1f3d7b;
}

.header-menu.resources .dropdown-menu a {
	border-color: #83a1d6;
}
.header-menu.resources .dropdown-menu a:hover {
	background-color: #d9e3f9;
	color: #1f3d7b;
}

.header-menu.resources.open .label {
	background-color: #162b56 !important;
}

.header-menu.open .dropdown-menu {
	display: block;
}

.header-menu.open > span > a {
	color: white;
}

body .header-menu.open .pointer {
	display: none !important;
}

#mobile-dropdown-thumb {
	position: relative;
	display: none;
}

#mobile-dropdown {
	display: none;
	position: absolute;
	text-align: left;
	top: -9px;
	right: 0;
	left: 0;
	width: 100%;
	white-space: nowrap;
	z-index: 1002;
}

#mobile-dropdown > div {
	padding: 10px;
	font-weight: bold;
	color: white;
}

#small-footer-wrapper {
	display: none;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #1f3d7b;
}

#small-footer-panel {
	max-width: 1000px;
	margin: auto;
	height: 31px;
	font-size: 12px;
	line-height: 31px;
	white-space: nowrap;
	overflow: hidden;
}

#small-footer-panel .copyright {
	color: #7b97c7;
	padding-right: 10px;
	padding-left: 10px;
}

#small-footer-panel a {
	color: #c4dd89;
	padding: 0 10px;
}

.small-footer #the-end-1,
.small-footer #the-end-2 {
	display: none;
}

.small-footer #small-footer-wrapper {
}

@media (max-width: 480px) {
	#small-footer-wrapper .copyright {
		display: block;
	}
	#small-footer-panel {
		height: 62px;
	}
}

.footer-fixed #small-footer-wrapper {
	position: fixed;
}

@media (max-width: 460px) {
	/** Dunno why, but display : none messes things up. **/
	#header-old .navigation {
		visibility: hidden;
	}
	#header-old .header-item.classroom {
		display: none;
	}

	#header #mobile-menu-items a {
		width: 50%;
	}

	#header .bluebar .mobile-title:after {
		content: "AoPS";
	}
}

@media (max-width: 720px) {
	#header-old .menu-item {
		font-size: 14px;
	}
	#header-old #school-menu-header > span:after {
		content: "School";
	}

	#header-old-search {
		display: none;
	}
}

@media (max-width: 640px) {
	#header-old #store-menu-header > span:after {
		content: "Store";
	}

	#header-old #community-menu-header > span:after {
		content: "Forum";
	}
}

@media (min-width: 768px) {
	#header .action-wrapper {
		background-color: white;
		top: 26px;
		display: block;
	}

	#header .action-wrapper .item {
		color: #20458c;
	}

	#header .extra,
	#header .menubar-wrapper {
		display: block;
		padding-top: 15px;
	}

	#search-widget {
		display: inline-block;
	}

	#header .extra .extra-bottom {
		background-color: white;
		height: 7px;
	}

	#header .bluebar .mobile-title,
	#header .bluebar .mobile-menu {
		display: none;
	}

	#header .action-wrapper .myaops-menu,
	#header .bluebar .myaops-menu {
		right: 0;
	}

	#header .sizer,
	#header .menubar,
	#header .bluebar {
		max-width: 768px;
	}
	#header .bluebar .site-links {
		display: inline-block;
	}
}
@media (min-width: 841px) {
	#header .sizer,
	#header .menubar,
	#header .bluebar {
		max-width: 800px;
	}
}
@media (min-width: 931px) {
	#header .sizer,
	#header .menubar,
	#header .bluebar {
		max-width: 890px;
	}
	#header .bluebar .site-label {
		display: inline;
	}
}
@media (min-width: 1021px) {
	#header .sizer,
	#header .menubar,
	#header .bluebar {
		max-width: 980px;
	}
}
@media (min-width: 1271px) {
	#header .sizer,
	#header .menubar,
	#header .bluebar {
		max-width: 1230px;
	}
}

/***
 * D. Breadcrumbs
 */

#breadcrumbs-wrapper {
	line-height: 25px;
	height: 26px;
	width: 100%;
	background-color: #336cb5;
	box-shadow: inset 0px 10px 10px #295691;
}

#breadcrumbs-wrapper #submenu-icon {
	float: right;
	color: white;
	margin-right: 10px;
	font-size: 25px;
	cursor: pointer;
	display: none;
}

#breadcrumbs {
	margin: 0 auto;
	white-space: nowrap;
}

#breadcrumbs .title-wrapper {
	display: none;
	float: left;
	width: 237px;
	text-align: center;
	color: white;
	font-size: 16px;
	font-weight: bold;
	background-image: url(//assets.artofproblemsolving.com/images/sidebar-shadow.png);
}

#breadcrumbs .title-wrapper .title {
	margin: 0 8px 0 8px;
	line-height: 26px;
	color: white;
}

#breadcrumbs .title-wrapper .title a {
	color: white;
}

.store #breadcrumbs .title-wrapper .title {
	color: white;
}

.school #breadcrumbs .title-wrapper .title {
	color: white;
}

.resources #breadcrumbs .title-wrapper .title {
	color: white;
}

.resources #breadcrumbs .title-wrapper .title a {
	color: white;
}

#breadcrumbs .title-wrapper + .crumb-wrapper {
	margin-left: 15px;
}

#breadcrumbs .title-wrapper + .crumb-wrapper,
#breadcrumbs .crumb-wrapper {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	line-height: 28px;
}

#breadcrumbs .crumb {
	vertical-align: baseline;
}

#breadcrumbs .aops-font,
#breadcrumbs .crumb a {
	color: #dae7f6;
}

.store #breadcrumbs .aops-font,
.store #breadcrumbs .crumb a {
	color: #ddedcd;
}

.school #breadcrumbs .aops-font,
.school #breadcrumbs .crumb a {
	color: #e6edaf;
}

.resources #breadcrumbs .aops-font,
.resources #breadcrumbs .crumb a {
	color: #d9e3f9;
}

#breadcrumbs .fa {
	font-size: 13px;
}

#breadcrumbs .crumb-wrapper i {
	display: none;
}

#breadcrumbs .crumb {
	display: none;
}

#breadcrumbs .crumb:last-child {
	display: inline;
}

@media (min-width: 768px) {
	#breadcrumbs .crumb-wrapper i {
		display: inline;
	}

	#breadcrumbs .crumb {
		display: inline;
	}
}

@media (min-width: 841px) {
	#breadcrumbs .title-wrapper {
		display: block;
	}
	#breadcrumbs .title-wrapper + .crumb-wrapper {
		margin-left: 247px;
	}
}

@media (max-width: 480px) {
	#breadcrumbs .crumb-wrapper {
		display: none;
	}
}

/**
 * E: Main content
 */
#main-content,
#breadcrumbs,
#header-old,
#header-old-ribbon {
	max-width: 1230px;
	width: 1230px;
	margin: 0 auto;
}

#main-content.full-screen {
	width: 100%;
	max-width: 100%;
}

#main-content.left-navigation {
	background-repeat: repeat;
	background-image: url(//assets.artofproblemsolving.com/images/sidebar-community.png);
	background-repeat: repeat-y;
}

.store #main-content.left-navigation {
	background-image: url(//assets.artofproblemsolving.com/images/sidebar-store.png);
}

.school #main-content.left-navigation {
	background-image: url(//assets.artofproblemsolving.com/images/sidebar-school.png);
}

.resources #main-content.left-navigation {
	background-image: url(//assets.artofproblemsolving.com/images/sidebar-resources.png);
}

.member #main-content.left-navigation {
	background-image: url(//assets.artofproblemsolving.com/images/sidebar-member.png);
}

#main-content:before,
#main-content:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

#main-content:after {
	clear: both;
}

/**
 * F: Left column
 */

#side-column-wrapper {
	width: 237px;
	float: left;
	background-position: 0;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#side-column {
	width: 221px;
	margin: 0 7px 0 8px;
	color: white;
	background-color: #336cb5;
	position: relative;
	display: block;
}

#side-column .blob {
	padding: 5px 5px 5px 8px;
	color: white;
}

#side-column .blob a {
	color: white;
	font-weight: bold;
}

#side-column .menu {
	background-color: #eeeeee;
}
#side-column .menu a {
	display: block;
	color: #1155cc;
	line-height: 1.1em;
	cursor: pointer;
}
#side-column .menu a:hover {
	font-weight: bold;
}
#side-column .menu h1 {
	font-size: 14px;
	color: #444;
	background-color: #e2e2e2;
	text-transform: uppercase;
	margin: 0;
	padding: 4px 5px;
	cursor: pointer;
}
#side-column .menu .submenu-wrapper {
	display: none;
}

#side-column .menu .submenu-wrapper h1 {
	cursor: default;
}

#side-column .menu.open > h1,
#side-column .menu.open > h1 a {
}

#side-column .menu.open .submenu-wrapper {
	display: block;
}
#side-column .menu .submenu {
	margin: 0 5px;
}

#side-column .menu .submenu:last-child {
	padding-bottom: 5px;
}

#side-column .menu .submenu .indenter {
	display: block;
	padding-left: 10px;
	text-indent: -10px;
}
#side-column .menu .submenu .indenter a {
	overflow: visible;
}

#side-column .menu .submenu h1 {
	color: #666666;
	padding-bottom: 0;
	background-color: inherit;
	text-transform: inherit;
}

#side-column .menu .submenu-wrapper a {
	display: block;
	padding: 4px 0 4px 15px;
	font-size: 13px;
	line-height: 17px;
}
#side-column .menu .submenu-wrapper a.active {
	font-weight: bold;
}

#side-column .menu .submenu-wrapper a:hover {
	font-weight: bold;
}

#side-column .white-panel {
	margin: 10px;
	padding: 10px 10px;
	background-color: white;
	box-shadow: 2px 2px 10px #004;
	text-align: center;
	color: #333;
}

.store #side-column .white-panel {
	box-shadow: 2px 2px 10px #0034b28;
}

.school #side-column .white-panel {
	box-shadow: 2px 2px 10px #585;
}

.resources #side-column .white-panel {
	box-shadow: 2px 2px 10px #1f3d7b;
}

#side-column .white-panel h1 {
	font-size: 16px;
	font-weight: bold;
	color: #214697;
	margin: 0 0 6px 0;
	padding: 0;
}

.store #side-column .white-panel h1 {
	color: #008345;
}

.school #side-column .white-panel h1 {
	color: #6db101;
}

/* Styling changes for PROJ-682 */
.mediawiki #side-column #personal-tools {
	padding: 5px;
}

#side-column .white-panel a {
	font-weight: bold;
}

#sidebar-divider {
	margin: 0 4px;
	height: 1px;
	background-color: white;
}

/**
 * H: Main column
 */

#main-column {
	width: 1040px;
	margin: 10px auto;
}

/* Added by Palmer to get a big Alcumus intro */
#main-column.full-width {
	width: auto;
	margin: 10px 0 10px 10px;
}

.left-navigation #main-column {
	float: left;
	margin: 10px 0 0 10px;
	width: 978px; /* 1230 - 237 (sidebar) - 15 (margin) */
	padding-bottom: 15px;
}

#main-column > h1 + p {
	margin-top: 0px;
}
#main-column > pre {
	margin-top: 0;
}

#main-column pre:last-child {
	margin-bottom: 0;
	padding-bottom: 10px;
}

#main-column h1.page-title {
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 32px;
	font-weight: bold;
}

/**
The following puts the site in tablet mode, making width
of content 100% and moving sidebar to submenu
**/
@media (max-width: 840px) {
	#breadcrumbs-wrapper #submenu-icon {
		display: block;
	}

	#breadcrumbs .title-wrapper .title {
		border-bottom: none;
	}

	#main-content.left-navigation #main-column-standard {
		margin-left: 0;
		float: none;
	}

	#main-content {
		max-width: 100%;
		padding: 0;
	}

	.grid {
		letter-spacing: -0.31em;
		*letter-spacing: normal;
		*word-spacing: -0.43em;
		text-rendering: optimizespeed;
		padding: 10px;
	}
	.grid-1-3,
	.grid-2-3 {
		display: inline-block;
		zoom: 1;
		*display: inline;
		letter-spacing: normal;
		word-spacing: normal;
		vertical-align: top;
		text-rendering: auto;
	}
	.grid-1-3 {
		width: 33%;
	}

	.grid-2-3 {
		width: 66%;
	}

	#side-column-wrapper,
	#side-column {
		display: none;
		float: none;
		width: 100%;
		height: 100%;
		margin: 0;
	}

	#side-column .white-panel {
		margin: 0 0 20px 10px;
	}

	#side-column .submenu a {
		display: block;
		float: left;
		width: 49.5%;
		line-height: 32px;
		overflow: hidden;
		white-space: nowrap;
	}

	.submenu:before,
	.submenu:after {
		content: " "; /* 1 */
		display: table; /* 2 */
	}

	.submenu:after {
		clear: both;
	}

	#side-column .white-panel a {
		float: none;
		width: 100%;
	}

	#main-content.left-navigation,
	.store #main-content.left-navigation,
	.school #main-content.left-navigation,
	.community #main-content.left-navigation,
	.resources #main-content.left-navigation {
		background-image: none;
	}

	#side-column-wrapper.active {
		display: block;
		height: auto !important;
		min-height: 0 !important;
	}
	#side-column-wrapper.active #side-column {
		display: block;
		height: auto !important;
		min-height: 0 !important;
	}
}

@media (max-width: 767px) {
	#side-column .white-panel {
		margin: 15px 0 0 0;
	}

	.grid-1-3 {
		width: 100%;
	}

	.grid-2-3 {
		width: 100%;
	}

	#side-column a {
		float: none;
		width: 100%;
	}
}

@media (max-width: 479px) {
	#side-column .submenu a {
		float: none;
	}
}

/** Panels **/
.aops-panel {
	border-top: 8px solid #20458c;
	background-color: white;
	box-shadow: 2px 2px 6px #ccc;
	padding: 10px 15px;
	margin-bottom: 15px;
	margin-top: 10px;
}

.aops-panel h1,
.aops-panel h2,
.aops-panel h3 {
	margin-top: 0;
}

.aops-form-panel h1 {
	margin-left: -1px;
}

.aops-form-panel .header {
}

.aops-panel .form {
	background-color: #eeeeee;
	padding: 15px 10px 10px 10px;
	margin-bottom: 10px;
}

.aops-panel .footer,
.aops-title-panel .footer {
	text-align: center;
}

.aops-panel .buttons,
.aops-title-panel .buttons {
	margin-top: 10px;
}

.aops-title-panel {
	background-color: white;
	box-shadow: 5px 5px 8px #aaa;
	margin-bottom: 15px;
}

.aops-title-panel > .header {
	background-color: #20458c;
	color: white;
	line-height: 20px;
	padding: 5px 10px;
}

.aops-title-panel > .header > .title {
	font-size: 16px;
	font-weight: bold;
}

.aops-title-panel > .body {
	padding: 10px 15px;
}

.grey-panel {
	box-shadow: 2px 2px 5px #888;
	margin-bottom: 20px;
	background-color: white;
}

.grey-panel .toggle {
	float: right;
	font-size: 16px;
	line-height: 24px;
	padding: 6px 10px 10px 15px;
	color: white;
	cursor: pointer;
	font-weight: bold;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.grey-panel .toggle:after {
	font-family: AoPS;
	content: " -";
	font-size: 16px;
}

.grey-panel.closed .toggle:after {
	font-family: AoPS;
	content: " +";
}

.grey-panel .header {
	margin-top: 15px;
	padding: 10px;
	background-color: #666666;
	color: white !important;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 18px;
	font-weight: bold;
}

.grey-panel .header h3 {
	margin: 0;
	color: white !important;
	margin-right: 20px;
}

.grey-panel .header div {
	font-size: 13px;
}

.grey-panel .content {
	background-color: white;
	padding: 10px;
}

.grey-panel.closed .content {
	display: none;
}

/**
 * MAIN COLORS
 */
#header-old .header-menu.open span {
	color: white !important;
}

#header-old #store-menu-header.header-menu.open .label {
	background-color: #046537 !important;
}

#header-old #school-menu-header.header-menu.open .label {
	background-color: #5d9602 !important;
}

#header-old #community-menu-header.header-menu.open .label {
	background-color: #295691 !important;
}

#header-old #resources-menu-header.header-menu.open .label {
	background-color: #162b56 !important;
}

#header-old #school-menu-header.open span,
#header-old #school-menu-header.open a {
	background-color: #6db101;
	color: #c2dc87;
	border-bottom-color: #c2dc87;
}
#header-old #school-menu-header.open a {
	border-bottom-color: #c2dc87;
}
#header-old #school-menu-header.open a:hover {
	color: #6db101;
	background-color: #c2dc87;
}

#header-old #store-menu-header.open span,
#header-old #store-menu-header.open a {
	background-color: #008345;
	color: #b5e6aa;
}
#header-old #store-menu-header.open a {
	border-bottom-color: #b5e6aa;
}
#header-old #store-menu-header.open a:hover {
	color: #008345;
	background-color: #b5e6aa;
}

#header-old #community-menu-header.open span,
#header-old #community-menu-header.open a {
	background-color: #356cb5;
	color: #95d5f6;
}
#header-old #community-menu-header.open a {
	border-bottom-color: #95d5f6;
}
#header-old #community-menu-header.open a:hover {
	color: #356cb5;
	background-color: #95d5f6;
}

#header-old #resources-menu-header.open span,
#header-old #resources-menu-header.open a {
	background-color: #1f3d7b;
	color: #83a1d6;
}
#header-old #resources-menu-header.open a {
	border-bottom-color: #83a1d6;
}
#header-old #resources-menu-header.open a:hover {
	color: #1f3d7b;
	background-color: #83a1d6;
}

#side-column .menu .submenu-wrapper a.active,
#side-column .menu.open > h1,
#side-column .menu.open > h1 a,
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #20458c;
}

.store #side-column .menu .submenu-wrapper a.active,
.store #side-column .menu.open > h1,
.store #side-column .menu.open > h1 a,
.store h1,
.store h2,
.store h3,
.store h4,
.store h5,
.store h6 {
	color: #008345;
}

.store #side-column .menu.open > h1,
.store #side-column .menu.open > h1 a {
	color: white;
	background-color: #008345;
}

.school #side-column .menu .submenu-wrapper a.active,
.school #side-column .menu.open > h1,
.school #side-column .menu.open > h1 a,
.school h1,
.school h2,
.school h3,
.school h4,
.school h5,
.school h6 {
	color: #6db101;
}

.school #side-column .menu.open > h1,
.school #side-column .menu.open > h1 a {
	color: white;
	background-color: #6db101;
}

.resources #side-column .menu .submenu-wrapper a.active,
.resources #side-column .menu.open > h1,
.resources #side-column .menu.open > h1 a,
.resources h1,
.resources h2,
.resources h3,
.resources h4,
.resources h5,
.resources h6 {
	color: #1f3d7b;
}

.resources #side-column .menu.open > h1,
.resources #side-column .menu.open > h1 a {
	color: white;
	background-color: #1d3f78;
}

.store #breadcrumbs-wrapper,
.store #breadcrumbs .title,
.store #side-column {
	background-color: #008345;
}

.school #breadcrumbs-wrapper,
.school #breadcrumbs .title,
.school #side-column {
	color: #444;
	background-color: #6db101;
}

.user #breadcrumbs-wrapper,
.user #breadcrumbs .title,
.user #side-column,
.community #breadcrumbs-wrapper,
.community #breadcrumbs .title,
.community #side-column {
	background-color: #356cb5;
}

.resources #breadcrumbs-wrapper,
.resources #breadcrumbs .title,
.resources #side-column {
	background-color: #1f3d7b;
}

.member #breadcrumbs-wrapper,
.member #breadcrumbs .title,
.member #side-column {
	background-color: #61656d;
}

.store .aops-panel {
	border-top: 8px solid #008345;
}

.school .aops-panel {
	border-top: 8px solid #6db101;
}

.community .aops-panel,
.user .aops-panel {
	border-top: 8px solid #336cb5;
}

.resources .aops-panel {
	border-top: 8px solid #1f3d7b;
}

.member .aops-panel {
	border-top: 8px solid #61656d;
}

.store #breadcrumbs-wrapper {
	box-shadow: inset 0px 10px 10px #046236;
}

.school #breadcrumbs-wrapper {
	box-shadow: inset 0px 10px 10px #5d9602;
}

.user #breadcrumbs-wrapper,
.community #breadcrumbs-wrapper {
	box-shadow: inset 0px 10px 10px #295691;
}

.resources #breadcrumbs-wrapper {
	box-shadow: inset 0px 10px 10px #162b56;
}

.member #breadcrumbs-wrapper {
	box-shadow: inset 0px 10px 10px #3a3d41;
}

/**
 * LOGIN FORM
 */
#login-form {
	display: none;
	background-color: white;
	padding: 10px;
	text-align: left;
	width: 500px;
}

#login-form-links {
	background-color: #f2f2f2;
	border-top: 1px solid #ddd;
	text-align: center;
	margin: 25px -10px -10px -10px;
	padding: 5px;
}

#login-form .info,
#login-form .error {
	background-color: #f28888;
	border-bottom: 1px solid #ddd;
	color: darkred;
	text-align: center;
	margin: -10px -10px 10px -10px;
	padding: 5px;
	display: none;
}

#login-form .info {
	background-color: #f2f2f2;
	display: block;
	color: #444;
	padding: 10px 40px;
	margin-bottom: 20px;
	font-size: 18px;
	padding: 10px;
	text-align: left;
}

@media (max-width: 640px) {
	#login-form {
		width: 300px;
		padding: 10px 10px;
	}

	#login-form .form-group {
		margin-bottom: 0px;
	}

	#login-form .form-group > div,
	#login-form .form-group label {
		line-height: 28px;
	}

	#login-form form {
		margin-bottom: 5px;
		margin-top: -12px;
	}

	#login-form .info {
		display: none;
	}

	#login-form-links p {
		margin: 2px 0;
	}
	#login-form-links {
		margin-top: 5px;
		padding: 0;
	}
}
/** Start AoPS font **/

.aops-font {
	font-family: AoPS !important;
}

/** End AoPS font **/

/** Apply to DOMs that are used only as modals **/
.aops-modal {
	display: none;
}

/** Start headers of toplevel sections **/

/**
 * The items with #selector and #recommendation-dropdown may be
 * copied to the main page at some time, at which point it's probably
 * safe to just remove the leading .recommendations class.
 */

.header-box {
	margin: 0 auto;
	position: relative;
	width: 1230px;
	padding-left: 35px;
	padding-right: 35px;
	height: 60px;
	text-align: left;
}

.header-box .round-dropdown {
	position: absolute;
	right: 20px;
	top: 11px;
	margin-top: 7px;
}

.header-box .header-divider {
	width: 1px;
	height: 50px;
	margin: 5px 10px;
	background-color: white;
}

.header-box .header-title {
	display: inline-block;
	color: white;
	font-size: 2em;
	font-weight: bold;
	line-height: 56px;
	margin-top: 2px;
}

.header-box .header-title a {
	color: white;
}

.header-box .header-avatar {
	margin: 10px 10px 0 0;
}

.header-box > div > div {
	display: inline-block;
	vertical-align: top;
}

.header-box .header-user-data {
	margin-top: 8px;
}

.header-box .header-user-data a {
	color: #fff;
}

.header-no-user-bottom {
	margin-top: 10px;
}

@media (max-width: 1270px) {
	.header-box {
		width: 980px;
	}
}

@media (max-width: 1020px) {
	.header-box {
		width: 890px;
	}
}

@media (max-width: 930px) {
	.header-box {
		width: 800px;
	}
}

@media (max-width: 840px) {
	.header-box {
		width: 100%;
	}
}

@media (max-width: 767px) {
	#header #mobile-menu-items {
		display: block;
	}

	.header-box {
		padding-bottom: 13px;
		height: 100px;
	}

	.resources-background-color.header-box .header-title {
		margin-top: 21px;
	}

	.header-box .round-dropdown {
		display: block;
		position: relative;
		top: 0px;
		margin-top: 3px;
		right: 0;
	}

	.header-box .header-divider,
	.header-box .header-avatar,
	.header-box .header-user-data {
		display: none;
	}
}

/** End headers of toplevel sections **/

/* Start AoPS Modal */
/** This will change a lot post-design **/

/** Note: The height of the modal frame is set in Javascript because max-height
		sets computed height percentage to none, which messes things up when children heights
		are set to percentages **/
.aops-modal-wrapper {
	position: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	display: none;
}

.aops-modal-wrapper-left {
	text-align: left;
	padding: 10px;
}

.aops-modal-mask {
	position: fixed; /* If change to absolute, see Modal.fitMasks for bit of code to add */
	top: -100px;
	left: -100px;
	right: -100px;
	bottom: -100px;
	background-color: #000;
	display: none;
}

.aops-modal-frame {
	background-color: #fff;
	max-width: 80%;
	margin: 0 auto;
	box-shadow: 0px 0px 20px #333;
	border: 6px solid #ccc;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.aops-modal-short {
	display: none;
	font-size: 20px;
	margin: 20px;
}

.aops-modal-noscroll {
	position: relative;
	width: 100%;
	height: 100%;
}

.aops-modal-body {
	position: relative;
	height: 100%;
	/*	box-shadow : 1px 1px 3px #888;*/
}

.aops-modal-body input[type="text"] {
	background-color: white;
	border: 1px solid #a9a9a9;
}

.aops-modal-content-wrapper > .aops-scroll-outer {
	height: 100%;
	width: 100%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	box-shadow: 1px 1px 3px #888;
}

.aops-modal-frame.top-and-bottom
	> .aops-modal-content-wrapper
	> .aops-scroll-outer,
.aops-modal-frame.top-and-bottom .aops-modal-noscroll {
	height: calc(100% - 70px);
	height: -webkit-calc(100% - 70px);
}

.aops-modal-frame.top-only > .aops-modal-content-wrapper > .aops-scroll-outer,
.aops-modal-frame.top-only .aops-modal-noscroll {
	height: calc(100% - 30px);
	height: -webkit-calc(100% - 30px);
}

.aops-modal-frame.bottom-only
	> .aops-modal-content-wrapper
	> .aops-scroll-outer,
.aops-modal-frame.bottom-only .aops-modal-noscroll {
	height: calc(100% - 40px);
	height: -webkit-calc(100% - 40px);
}

.aops-modal-content-wrapper {
	box-shadow: 1px 1px 3px #888;
	position: relative;
	height: 100%;
	width: 100%;
}

.aops-modal-vert-scroll .aops-scroll-inner {
	width: calc(100% + 25px);
	width: -webkit-calc(100% + 25px);
}

.aops-modal-vert-scroll .aops-scroll-bar {
	height: calc(100% - 20px);
	height: -webkit-calc(100% - 20px);
	top: 10px;
	right: 7px;
}

.aops-modal-vert-scroll .aops-scroll-content {
	width: calc(100% - 12px);
	width: -webkit-calc(100% - 12px);
	text-align: left;
}

/** RR got sick of trying to get this to work.  Maybe
 I'll try again if we ever have a front facing modal that
 needs horizontal scroll.  */
.aops-modal-horiz-scroll .aops-scroll-inner {
	height: calc(100% + 25px);
	height: -webkit-calc(100% + 25px);
}

.aops-modal-horiz-scroll .aops-scroll-bar {
	width: calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	bottom: 10px;
	left: 10px;
	height: 0px;
	display: none;
}

.aops-modal-horiz-scroll .aops-scroll-slider {
	height: 0px;
}

.aops-modal-horiz-scroll .aops-scroll-content {
	height: calc(100% - 12px);
	height: -webkit-calc(100% - 12px);
	text-align: left;
	overflow: auto;
	display: inline-block;
}

.aops-close-x {
	width: 21px;
	height: 21px;
	border-radius: 10px;
	background-color: #555;
	color: #fff;
	position: absolute;
	top: -13px;
	font-size: 16px;
	line-height: 20px;
	right: -13px;
	padding-top: 1px;
	font-family: AoPS;
	cursor: pointer;
	/*background : url(//assets.artofproblemsolving.com/images/aops-modal-exit-sprite.png) 0px 0px;*/
}

.aops-close-x:before {
	content: "J";
}

.aops-close-x:hover {
	color: #ccc;
	text-decoration: none;
}

.aops-modal-help {
	position: relative;
	display: inline-block;
	background: url(//assets.artofproblemsolving.com/images/aops-modal-help-sprite.png)
		0px 0px;
	width: 20px;
	height: 20px;
	vertical-align: top;
}

.aops-modal-help:hover {
	background: url(//assets.artofproblemsolving.com/images/aops-modal-help-sprite.png)
		0px 20px;
}

/*
MODALCHANGE RR 2/18/15

.aops-modal-open {
	overflow : hidden;
}

.aops-modal-open.modal-page-overflow #page-wrapper, .aops-modal-open.modal-page-overflow .page-container {
	overflow-y : scroll;
}
*/

/* AoPS Standard Modal Style */

.aops-modal-standard .aops-modal-body {
	min-width: 350px;
	padding: 10px;
	text-align: left;
	font-size: 15px;
}
/* From PM: because these min-widths are too high at a browser width of 320px. */
@media (max-width: 500px) {
	.aops-modal-standard .aops-modal-body {
		min-width: 0;
	}
}

.aops-modal-standard .aops-scroll-content .aops-modal-body {
	padding-right: 30px;
}

.aops-modal-body .aops-modal-title {
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.aops-modal-standard .aops-modal-title,
.aops-modal-plain-body .aops-modal-title {
	font-size: 18px;
	min-height: 30px;
	line-height: 28px;
	overflow: hidden;
	background-color: #eee;
	text-align: left;
	padding: 0 10px;
}

.aops-modal-standard .aops-modal-footer,
.aops-modal-plain-body .aops-modal-footer {
	text-align: left;
	font-size: 14px;
	padding: 5px 10px;
	position: relative;
	background-color: #eee;
	height: 40px;
}

/** Must be after footer **/
.aops-modal-standard .aops-modal-buttons {
	text-align: right;
	padding-top: 7px;
}

.aops-modal-standard .aops-modal-btn {
	margin: 0px 2px;
}

/** AoPS Quick Modal corrections **/

.aops-modal-quick .aops-modal-body {
	padding: 17px;
	font-size: 17px;
}

.login-prompt-modal .btn:first-child {
	background-color: #eee;
	color: #336cb5;
}

.login-prompt-modal .btn:first-child:hover {
	text-decoration: underline;
}

@media (max-width: 400px) {
	.login-prompt-modal .btn:first-child {
		display: none;
	}
}

/* End AoPS Modal */

/** Start AoPS Scrollbar CSS **/

.aops-scroll-outer {
	position: relative;
	overflow: hidden;
}

.aops-scroll-bar {
	position: absolute;
	z-index: 10;
	width: 10px; /* Default; overwrite me */
	right: 0px; /* Default; overwrite me */
	height: 100%; /* Default; overwrite me */
	border-radius: 5px; /* Default; overwrite me */
	background-color: #aaa; /* Default; overwrite me */
}

.aops-scroll-slider {
	position: relative;
	width: 10px; /* Default; overwrite me */
	background-color: #444; /* Default; overwrite me */
	border-radius: 5px; /* Default; overwrite me */
}

.aops-scroll-inner {
	position: relative;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}

.aops-scroll-content {
	position: relative;
	overflow: hidden; /* Needed for the margin collapsing issue. */
}

.aops-scroll-fade-top {
	z-index: 5;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	pointer-events: none;
	/* From http://www.colorzilla.com/gradient-editor/ */
	background: -moz-linear-gradient(
		top,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, rgba(255, 255, 255, 1)),
		color-stop(50%, rgba(255, 255, 255, 1)),
		color-stop(100%, rgba(255, 255, 255, 0))
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		top,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(
		top,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* Opera 11.10+ */
	background: -ms-linear-gradient(
		top,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* IE10+ */
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.aops-scroll-fade-bottom {
	z-index: 5;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
	pointer-events: none;
	/* From http://www.colorzilla.com/gradient-editor/ */
	background: -moz-linear-gradient(
		top,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, rgba(255, 255, 255, 0)),
		color-stop(50%, rgba(255, 255, 255, 1)),
		color-stop(100%, rgba(255, 255, 255, 1))
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		top,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(
		top,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* Opera 11.10+ */
	background: -ms-linear-gradient(
		top,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* IE10+ */
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.aops-scroll-fade-left {
	z-index: 5;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	pointer-events: none;
	/* From http://www.colorzilla.com/gradient-editor/ */
	background: -moz-linear-gradient(
		left,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0%, rgba(255, 255, 255, 1)),
		color-stop(50%, rgba(255, 255, 255, 1)),
		color-stop(100%, rgba(255, 255, 255, 0))
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		left,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(
		left,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* Opera 11.10+ */
	background: -ms-linear-gradient(
		left,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* IE10+ */
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.aops-scroll-fade-right {
	z-index: 5;
	position: absolute;
	height: 100%;
	right: 0px;
	top: 0px;
	pointer-events: none;
	/* From http://www.colorzilla.com/gradient-editor/ */
	background: -moz-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(0%, rgba(255, 255, 255, 0)),
		color-stop(50%, rgba(255, 255, 255, 1)),
		color-stop(100%, rgba(255, 255, 255, 1))
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* Opera 11.10+ */
	background: -ms-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* IE10+ */
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

/** End AoPS Scrollbar CSS **/

/** Begin autocomplete CSS **/

.ui-helper-hidden-accessible {
	display: none !important;
}

.ui-autocomplete-term {
	font-weight: bold;
}

/** End autocomplete CSS **/

/**
 * Default chosen style. Use class aops-select on select tag
 */
.aops-select + .chosen-container {
	vertical-align: top;
}
.aops-select + .chosen-container .chosen-single {
	background: none repeat scroll 0 0 padding-box #eeeeee;
	border-radius: 0;
	line-height: 21px;
}
.aops-select + .chosen-container .chosen-results {
	color: #444;
}

/**
 * The big bar is usually shown in place of a breadcrumb bar
 */
.big-bar-wrapper {
	background-color: #06854a;
	height: 70px;

	background: rgb(30, 108, 206);
	background: linear-gradient(
		to bottom,
		rgb(26, 92, 176) 0%,
		rgb(30, 108, 206) 12px,
		rgb(30, 108, 206) 100%
	); /* W3C */

	margin: 0 0 10px 0;
}
.big-bar {
	width: 1160px;
	color: white;
	margin: auto;
	padding-top: 10px;
}

.store .big-bar-wrapper {
	background: #008345;
	box-shadow: inset 0px 10px 10px #046236;
}

.school .big-bar-wrapper {
	background: #6db101;
	box-shadow: inset 0px 10px 10px #5d9602;
}

.community .big-bar-wrapper {
	background: #356cb5;
	box-shadow: inset 0px 10px 10px #295691;
}

.resources .big-bar-wrapper {
	background: #1f3d7b;
	box-shadow: inset 0px 10px 10px #162b56;
}

/**
 * Responsive design
 */

@media (max-width: 1270px) {
	#header-old,
	#breadcrumbs,
	#main-content,
	#header-old-ribbon,
	#main-column {
		max-width: 980px;
		width: 980px;
	}

	.left-navigation #main-column {
		width: 728px;
	}
	.big-bar {
		width: 900px;
	}
}

@media (max-width: 1020px) {
	#header-old,
	#breadcrumbs,
	#main-content,
	#header-old-ribbon,
	#main-column {
		max-width: 890px;
		width: 890px;
	}
	.left-navigation #main-column {
		width: 638px;
	}
	.big-bar {
		width: 820px;
	}
}

@media (max-width: 930px) {
	#header-old,
	#breadcrumbs,
	#main-content,
	#header-old-ribbon,
	#main-column {
		max-width: 800px;
		width: 800px;
	}
	.left-navigation #main-column {
		width: 548px;
	}
	.big-bar {
		width: 730px;
	}
}

@media (max-width: 840px) {
	#header-old,
	#breadcrumbs,
	#main-content,
	#header-old-ribbon,
	#main-column {
		max-width: 99.9%;
		width: 99.9%;
	}

	/** Prevent wrapping under submenu icon */
	#breadcrumbs {
		max-width: calc(100% - 50px);
		max-width: -webkit-calc(100% - 50px);
		overflow-x: hidden;
	}

	#header-old-ribbon {
		right: 10px;
	}
	.left-navigation #main-column,
	#main-column {
		float: none;
		width: 97%;
		margin-left: auto;
		margin-right: auto;
	}

	.big-bar {
		width: 92%;
	}
}

@media (max-width: 768px) {
	#mobile-dropdown-thumb {
		display: block;
	}

	#header-old-ribbon {
		right: 0;
	}
	#banner {
		display: none;
	}
}
img.latex {
	vertical-align: -0px;
	-moz-transform: rotate(0deg); /* Firefox hack */
}

/**
 * Profile control
 */
#profile-flyout {
	z-index: 99999;
	height: 140px;
	width: 200px;
	right: 50px;
	position: fixed;
	bottom: -117px;
	font-size: 12px;
	line-height: 16px;
}

#profile-flyout .tab {
	position: absolute;
	left: 70px;
	top: 1px;
	width: 60px;
	margin: auto;
	border: 1px solid green;
	background-color: white;
	text-align: center;
	border-top-left-radius: 8px;
	border-top-right-radius: 9px;
	height: 23px;
	line-height: 23px;
	border-bottom: none;
	cursor: pointer;
}

.infobar {
	padding: 2px 0;
	text-align: center;
	background-color: #20458c;
	font-size: 12px;
	height: 22px;
	line-height: 21px;
	color: white;
}

.infobar-classroom {
	background-color: #f97306;
	color: white;
}

.infobar-office-hours {
	background-color: #007700;
	color: white;
}

.infobar-warning {
	background-color: #e2002b;
	color: white;
}

.infobar-hide {
	float: right;
	padding-right: 10px;
	cursor: pointer;
	height: 20px;
}

.infobar a,
.inforbar a:visited {
	color: white;
}

/**
 * Full-screen mode.  This should always be last.
 */
.fullscreen #header-wrapper,
.fullscreen #footer-wrapper,
.fullscreen #small-footer-wrapper {
	display: none !important;
}

ul.ui-menu {
	z-index: 500000000;
}

/** Username autocomplete drop-down styling.  We'll clean this up at some point **/

ul.ui-menu.username-autocomplete {
	position: absolute;
	padding-left: 1px;
	background-color: #ccc;
	border: 1px solid black;
}

ul.ui-menu.username-autocomplete li {
	list-style: none;
	margin-left: 2px;
}

ul.ui-menu.username-autocomplete .ui-state-focus {
	background-color: #fff !important;
}

@media screen {
	.printer {
		display: none;
	}
}

@media print {
	body {
		font-size: 12px;
	}
	.no-print,
	.btn,
	#header,
	#breadcrumbs-wrapper {
		display: none !important;
	}
	.print-center {
		text-align: center;
	}
	#footer-wrapper,
	#profile-flyout {
		display: none;
	}
	#header-old-ribbon,
	#header-old-background .colors {
		display: none;
	}
	#header-old-background .print {
		display: block;
	}
	#header-old .navigation {
		display: none;
	}
	.infobar {
		display: none;
	}
	.aops-panel {
		box-shadow: none;
		border-top-width: 2px;
	}
	#print-footer {
		font-size: 11px;
		text-align: right;
	}
}

/*
PM: New hi-res latex images require set widths. These widths must apply
directly to the image. This is why we change the box-sizing.
*/
img.latexcenter,
img.asy-image {
	display: block;
	margin: auto;
	padding: 1em 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-moz-transform: rotate(0deg); /* Firefox hack */
}

/* AoPS fixes for YUI3 Grids */
.form-group:before,
.form-group:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.form-group:after {
	clear: both;
}

.form-group > div:first-child {
	float: left;
	min-height: 1px;
	width: 25%;
}

.form-group label {
	white-space: nowrap;
	float: right;
	margin-right: 10px;
	line-height: 34px;
}

.form-group.small label {
	line-height: 25px;
}

.form-group label + div {
	clear: both;
	font-size: 11px;
	text-align: right;
	margin-right: 10px;
	line-height: 14px;
	white-space: normal;
	top: -8px;
	position: relative;
}

.form-group > div:nth-child(2) {
	float: left;
	min-height: 1px;
	width: 50%;
}

.checkbox-list label {
	display: block;
	font-weight: normal;
	line-height: 1.428571429em;
	clear: both;
	float: none;
}
.checkbox-list input[type="checkbox"] {
	float: left;
	margin-right: 0.4em;
}

.aops-modal-body .form-group > div:nth-child(2) {
	width: 75%;
}

table td.currency,
table th.currency {
	text-align: right;
}

.currency {
}
.currency.negative {
	color: darkred;
}

/* The dash is pushed down when bold, so life it back up */
.currency .dash {
	font-weight: normal;
	position: relative;
	top: -1px;
}

@media (max-width: 1020px) {
	.form-group > div:nth-child(2) {
		width: 75%;
	}
}

@media (max-width: 930px) {
	.form-group > div:first-child {
		width: 30%;
	}
	.form-group > div:nth-child(2) {
		width: 70%;
	}

	.aops-modal-body .form-group > div:first-child {
		width: 25%;
	}
	.aops-modal-body .form-group > div:nth-child(2) {
		width: 75%;
	}
}

@media (max-width: 640px) {
	.aops-modal-body .form-group > div:first-child,
	.form-group > div:first-child,
	.form-group label {
		float: none;
		width: 100%;
	}

	.aops-modal-body .form-group > div:nth-child(2),
	.form-group > div:nth-child(2) {
		float: none;
		width: 100%;
	}

	.form-group label + div {
		text-align: left;
		margin-right: 0;
	}
}

table.aops {
	width: 100%;
	background-color: white;
	padding: 1px;
	margin: 1em 0;
	border-collapse: collapse;
	border-spacing: 2px;
	display: table;
	border: 1px solid white;
	box-shadow: 3px 3px 13px #aaa;
}

table.aops th {
	background-color: #20458c;
	color: white;
}

table.aops tr {
	background-color: #f2f2f2;
}

table.aops tr:nth-child(even) {
	background-color: #e1e1e1;
}

table.aops td,
table.aops th {
	padding: 3px 10px;
	vertical-align: top;
	border: 1px solid white;
}

table.aops.interactive tr:hover td {
	background-color: lightblue;
	cursor: pointer;
}
table.aops.interactive tr.active td {
	background-color: lightgreen;
	cursor: pointer;
}

/**
 * ASK AOPS WIDGET
 */

.askaops {
	background-image: url(data:image/gif;base64,R0lGODlh6wABAPcAAMTHxuHr5uby7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAA6wABAAAIHgAFCBxIsKDBgwgTKlzIsKHDhxAjSpxIsaLAAAACAgA7);
	background-repeat: repeat-y;
}

.askaops label {
	display: block;
}

.askaops .form-control {
	margin-top: 10px;
}

.askaops .askaops-categories {
	float: left;
	width: 235px;
	padding: 10px;
	text-align: left;
	min-height: 200px;
}

.askaops .askaops-form {
	margin-left: 235px;
	padding: 10px;
	text-align: left;
}

.askaops h1 {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 20px;
}

.askaops #askaops-error,
.askaops #askaops-username,
.askaops #askaops-ordernumber,
.askaops #askaops-course {
	display: none;
}

/* Make controls slightly smaller when scroll bar appears */
.askaops-modal .aops-scrollbar-visible .form-control {
	width: 97%;
}

.askaops-modal .aops-scrollbar-visible .btn {
	margin-right: 3%;
}

@media (max-width: 767px) {
	.askaops {
		background: none;
	}
	.askaops .askaops-categories {
		float: none;
		width: 100%;
		display: none;
	}
	.askaops .askaops-form {
		margin-left: 0;
	}
}

#main-column .CodeMirror pre:last-child {
	padding-bottom: 0;
}

.aopscode-error {
	color: red;
}

.tablet {
	display: none !important;
}
.desktop {
	display: none !important;
}
@media (min-width: 769px) {
	.desktop {
		display: block !important;
	}
	.tablet {
		display: none !important;
	}
}
@media (min-width: 481px) {
	.mobile {
		display: none !important;
	}
	.tablet {
		display: block !important;
	}
}

.bbcode-youtube {
	display: block;
	width: 640px;
	height: 385px;
}

.bbfont-half {
	font-size: 8px;
}

.bbfont-three-q {
	font-size: 12px;
}

.bbfont-regular {
	font-size: 15px;
}

.bbfont-one-five {
	font-size: 22px;
	line-height: 24px;
}

.bbfont-double {
	font-size: 30px;
	line-height: 32px;
}

/**
 * Override select2 stylesheet
 */
.select2-container .select2-choice .select2-arrow b {
	background-position: 0 -1px;
}
.select2-container .select2-choice {
	height: 24px;
	border-radius: 0;
	line-height: 24px;
}
.select2-container .select2-choice .select2-arrow {
	border-radius: 0;
}

/** Work on getting an input text and button to align **/
.inline-input:before,
.inline-input:after {
	content: " ";
	display: table;
}
.inline-input:after {
	clear: left;
}
.inline-input input[type="text"] {
	float: left;
	line-height: 25px;
	padding: 0 5px;
	border: 1px solid #ddd;
	border-right: none;
	height: 26px;
	outline: none;
}
.inline-input input[type="submit"] {
	float: left;
	border: 1px solid #ddd;
	border-left: none;
	line-height: 25px;
	height: 26px;
}
.school .inline-input input[type="submit"] {
	background-color: #6db101;
}

#the-end-1 {
	padding: 15px;
	background-color: #213a7a;
	font-size: 12px;
}

#the-end-1 .container {
	position: relative;
}

#the-end-2 .container .copy {
	float: left;
	width: 20%;
}

#the-end-2 .container .copy span {
	width: 120px;
	margin: auto;
	display: block;
	color: #7289bf;
}

#the-end-1 h2 {
	color: white;
	font-size: 15px;
	margin: 0;
	padding: 0;
}

#the-end-1 a.link {
	display: block;
	color: #c4dd89;
	line-height: 22px;
	padding-left: 3px;
}

#the-end-1 .col-wasc {
	float: left;
	width: 25%;
	font-size: 10px;
	font-weight: bold;
	color: #7289bf;
	text-align: center;
	display: none;
}

#the-end-1 .col-wasc div {
	background-image: url(//assets.artofproblemsolving.com/images/main-spritesheet.gif);
	background-position: -405px -144px;
	width: 100px;
	height: 100px;
	margin: auto;
}

#the-end-1 .col-about {
	float: left;
	width: 33%;
}

#the-end-1 .col-info {
	float: left;
	width: 33%;
}

#the-end-1 .col-help {
	float: left;
	width: 33%;
}

#the-end-1 .stay-connected {
	clear: left;
	color: white;
	max-width: 320px;
	float: none;
	padding-top: 10px;
}

#the-end-1 .stay-connected a {
	color: #c4dd89;
	font-weight: bold;
}

#the-end-1 .stay-connected .copy {
	margin: 5px 0;
}

#the-end-1 .stay-connected h2 {
	width: 150px;
}

#the-end-1 .stay-connected input.email {
	border: none;
	float: left;
	height: 24px;
	width: 160px;
	padding: 0 3px;
	font-family: arial;
}

#the-end-1 .stay-connected input.btn {
	float: left;
	background-image: url(//assets.artofproblemsolving.com/images/index-button-green-2.gif);
	border: none;
	color: white;
	font-family: arial;
}

#the-end-2 {
	padding: 15px;
	background-color: #0f2c6e;
	color: #6a97b6;
	font-size: 12px;
}

#the-end-1 .beast {
	clear: both;
	margin-top: 46px;
	background-image: url("//assets.artofproblemsolving.com/images/index-ba-footer-2.png");
	width: 435px;
	height: 120px;
	z-index: 20;
	display: block;
}

@media (max-width: 480px) {
	#the-end-1 .beast {
		background-position: -144px 0;
		width: 289px;
		height: 68px;
	}
}

#the-end-1 .social-icon {
	float: right;
	background-image: url("//assets.artofproblemsolving.com/images/main-spritesheet.gif?v=1");
	width: 31px;
	height: 31px;
	margin-left: 10px;
}

#the-end-1 .wechat-icon {
	background-position: -64px -108px;
}

#the-end-1 .twitter-icon {
	background-position: -32px -108px;
}

#the-end-1 .facebook-icon {
	background-position: left -108px;
	margin-right: 15px;
}

@media (min-width: 768px) {
	#the-end-1 {
		margin: auto;
	}

	#the-end-1 .container,
	#the-end-2 .container {
		margin: auto;
		/*width : 768px;*/
	}

	#the-end-1 .col-wasc {
		display: block;
	}

	#the-end-1 .col-about {
		width: 25%;
	}

	#the-end-1 .col-info {
		width: 25%;
	}

	#the-end-1 .col-help {
		width: 25%;
	}

	#the-end-1 .stay-connected {
		float: left;
	}

	#the-end-1 .beast {
		clear: right;
		float: left;
		margin-top: 0;
		margin-left: 30px;
		padding: 0;
	}

	#the-end-1 .facebook-icon {
		margin-right: -20px;
	}
}

@media (min-width: 931px) {
	#the-end-1 .col-wasc {
		width: 20%;
	}

	#the-end-1 .col-about {
		width: 16%;
	}

	#the-end-1 .col-info {
		width: 16%;
	}

	#the-end-1 .col-help {
		width: 16%;
	}

	#the-end-1 .stay-connected {
		padding-top: 0;
		clear: none;
		width: 32%;
		float: left;
	}

	#the-end-1 .beast {
		position: absolute;
		bottom: -70px;
		left: 130px;
	}
}

@media (min-width: 931px) {
	#the-end-1 .container,
	#the-end-2 .container {
		margin: auto;
		width: 858px;
	}

	#the-end-1 .facebook-icon {
		margin-right: 5px;
	}
}

@media (min-width: 1020px) {
	#the-end-1 .container,
	#the-end-2 .container {
		margin: auto;
		width: 948px;
	}

	#the-end-1 .beast {
		left: 220px;
	}

	#the-end-1 .facebook-icon {
		margin-right: 32px;
	}
}

@media (min-width: 1270px) {
	#the-end-1 .container,
	#the-end-2 .container {
		margin: auto;
		width: 1108px;
	}

	#the-end-1 .facebook-icon {
		margin-right: 48px;
	}
}

/* The round dropdown as found on some index on recommendations pages */

.round-dropdown {
	min-width: 200px;
	border-radius: 12px;
	background-color: white;
	padding: 0 12px;
	line-height: 24px;
	box-shadow: 0px 0px 4px #888;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 900; /* Must be lower than the feed */
}

.round-dropdown:before {
	position: absolute;
	right: 10px;
	content: "S";
	font-family: "AoPS";
	color: #008345;
	font-size: 20px;
	transform: rotate(90deg);
	cursor: pointer;
}

.round-dropdown.open:before {
	transform: rotate(0deg);
}

.round-dropdown .selected {
	min-height: 24px;
	margin-right: 40px;
	cursor: pointer;
	color: #999;
}

.round-dropdown .content {
	display: none;
	color: #333;
}

.round-dropdown.open .content {
	display: block;
	padding-bottom: 10px;
}

.round-dropdown .header {
	font-weight: bold;
	color: #333;
}

.round-dropdown .indenter {
	display: block;
	margin-left: 15px;
}

.round-dropdown a:hover {
	font-weight: bold;
}

body.school .round-dropdown:before,
.school-background-color .round-dropdown:before {
	color: #6db101;
}

#main-column {
	position: relative;
}
#main-column .round-dropdown {
	position: absolute;
	top: 10px;
	right: 0px;
}

@media (max-width: 600px) {
	#main-column .round-dropdown {
		position: relative;
		top: auto;
		right: auto;
		margin-bottom: 15px;
	}
}

a.full-cell-link {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 3;
	background-color: white;
	opacity: 0;
	filter: alpha(opacity=1);
}

/** Needed because community overrides input[type=text] without properly namespacing it! grr! **/
#login-username {
	padding: 6px 12px;
}

.to-edit {
	background-color: yellow;
}

.faq-panel .grey-panel {
	cursor: pointer;
	box-shadow: 0px 0px 6px #ccc;
}

.faq-panel .faq-item {
	margin-bottom: 10px;
}

.faq-panel .faq-item:last-child {
	margin-bottom: 0;
}

.faq-panel .question {
	font-weight: bold;
}

.faq-panel .answer {
	padding-left: 10px;
}

.store .tab-wrapper,
.school .tab-wrapper {
	width: 100%;
}

.store .tab,
.school .tab {
	background-color: #61646d;
	color: white;
	margin: 0;
	padding: 3px 0px;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
	height: 44px;
	line-height: 44px;
	border-bottom: 2px solid white;
	font-weight: bold;
}
.store .tab:hover {
	background-color: #008345;
	opacity: 0.5;
}
.school .tab:hover {
	background-color: #6db101;
	opacity: 0.5;
}

.store .tab.active {
	background-color: #008345;
}
.school .tab.active {
	background-color: #6db101;
}
.store .tab-contents,
.school .tab-contents {
	background-color: white;
	padding: 10px 15px;
	min-height: 300px;
	box-shadow: 2px 2px 6px #ccc;
}

.store .tab-contents h3:first-child,
.store .tab-contents h3:nth-child(2),
.school .tab-contents h3:first-child,
.school .tab-contents h3:nth-child(2) {
	margin-top: 0px;
}

@media (min-width: 769px) {
	.store .tab,
	.school .tab {
		width: 25%;
		float: left;
		border-right: 2px solid white;
		line-height: inherit;
		height: auto;
	}
	.store .three-tabs .tab,
	.school .three-tabs .tab {
		width: 33.33%;
	}
	.store .tab:nth-child(4),
	.school .tab:nth-child(4) {
		border-right-width: 0px;
	}

	.store .three-tabs .tab:nth-child(3),
	.school .three-tabs .tab:nth-child(3) {
		border-right-width: 0px;
	}
}

.my-items-sidebar {
	font-size: 16px;
	color: white;
	font-weight: bold;
}

.my-items-sidebar a,
.my-items-sidebar a:visited {
	font-size: 16px;
	color: white;
	font-weight: bold;
}

.sidebar-myitem {
	margin-left: 23px;
	font-weight: bold;
	line-height: 18px;
	margin-top: 3px;
	padding-left: 10px;
	text-indent: -10px;
}

.sidebar-myitem a,
.sidebar-myitem a:visited {
	color: #ddedcd;
}

.resources .sidebar-myitem a,
.resources .sidebar-myitem a:visited {
	color: #b3c5e6;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

/* Academy box */
.academy-announce {
	background-color: #f2f2f2 !important;
	box-shadow: 2px 2px 6px #ccc;
}
.academy-announce > div {
	display: inline-block;
}

.academy-announce.header-box {
	border-top: 10px solid #008345;
	margin-top: 0;
	height: 88px;
	padding-top: 0;
	vertical-align: top;
}
.header-box .academy-headline.header-title {
	color: #008345;
	padding-top: 5px;
	vertical-align: top;
}

.academy-text {
	font-size: 20px;
	width: calc(100% - 228px);
	width: -webkit-calc(100% - 228px);
	text-align: center;
	padding: 0 0 0 10px;
	margin-top: 10px;
}

@media (max-width: 1270px) {
	.academy-text {
		font-size: 18px;
	}
}

@media (max-width: 1020px) {
	.academy-text {
		font-size: 16px;
	}
	.header-box .academy-headline.header-title {
		padding-top: 0;
	}
	.academy-announce.header-box {
		height: 78px;
	}
}

@media (max-width: 930px) {
	.academy-text {
		font-size: 16px;
		padding-bottom: 5px;
	}
	.header-box .academy-headline.header-title {
		padding-top: 0;
	}
	.academy-announce.header-box {
		height: auto;
	}
}

@media (max-width: 680px) {
	.academy-announce {
		text-align: center;
	}

	.academy-announce > div {
		display: block;
	}

	.academy-text {
		width: 100%;
	}
}

.landing .index-content {
	margin-bottom: 20px;
}

.school-index-content .aops-panel,
.store-index-content .aops-panel,
.resources .resources-index-content .aops-panel {
	margin-bottom: 0;
}

/* Partner page CSS */
.partner .card {
	margin: 10px 0px;
	padding: 20px;
	text-align: center;
	border: #fff solid 3px;
	display: block;
	text-decoration: none;
}
.partner .card:hover {
	border: #000 solid 3px;
	text-decoration: none;
}
.partner .card.school {
	background-color: #6db101;
	color: white;
}
.partner .card.books {
	background-color: #008345;
	color: white;
}
.partner .card.beast {
	background-color: #511e8f;
	color: white;
}
.partner .card.academy {
	background-color: #008fd5;
	color: white;
}

th.tablesorter-header {
	background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQBAMAAADQT4M0AAAAGFBMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u5jNePWAAAACHRSTlMAMxIHKwEgMWD59H4AAABSSURBVAjXY2BgYFJgAAHzYhDJ6igSAKTYBAUTgJSioKAQAwNzoaCguAFDiCAQuDIkgigxBgiA8cJAVCpQt6AgSL+JoKAzA0gjUBsQqBcBCYhFAAE/CV4zeSzxAAAAAElFTkSuQmCC);
	background-position: right 5px center;
	background-repeat: no-repeat;
	cursor: pointer;
	white-space: normal;
	text-align: left;
	outline: none;
}
th.tablesorter-header.tablesorter-headerDesc {
	background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQBAMAAADQT4M0AAAALVBMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7i0NViAAAADnRSTlMAMiweCQITTvDctZZqaTlM310AAABcSURBVAjXY2BgYEtgAAFHERDJqigUAKSYBQUNgFSioKAYAwOLIBA4MASBKFUGQxAlzAAF+94BwWuGKBC1lIFl3rt3Lx0YGCzevWsGSjK9e6cAUlT3HKyW9wADAwDRrBiDy6bKzwAAAABJRU5ErkJggg==);
}

th.tablesorter-headerAsc {
	background-image: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQBAMAAADQT4M0AAAAIVBMVEUAAADu7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u5meJAOAAAACnRSTlMAMwsqXt+gIBUGxGoDMAAAAFlJREFUCNctzC0SQAAUReEzGNQ3AlHRiSRZFCVZYgeswRL8hLdK7834wj3tAlGP6y7fYHpKS6w6WwbVG0I1NZVnZPG8/DYxOYlnhUYkA06R1s9ESsxR4NIdPhkPFDFYuEnMAAAAAElFTkSuQmCC);
}
th.tablesorter-header.sorter-false {
	background-image: none;
}