.clickable-box {
	cursor : pointer;
}

.icon-w-text:hover {
	border-bottom : 1px solid #fff;
}

.header-user-data-bottom a:hover {
	text-decoration : none;
}

.header-no-user-bottom {
	padding-top : 12px;
}

.aops-icon {
	font-size : 16px;
	padding-right : 2px;
	font-family : AoPS;
}

.index-content .aops-panel {
	padding-left : 35px;
	padding-right : 35px;
}

.index-content .item-boxes {
	margin-bottom : 15px;
}

.index-content .item-boxes tr {
	background-color : #f2f2f2;
}
.index-content .item-boxes tr:nth-child(even) {
	background-color : #e1e1e1;
}
.index-content .item-boxes th {
	color : white;
	background-color: #666;
}
.index-content .item-boxes td, .index-content .item-boxes th {
	text-align : left;
	padding : 5px;
	font-weight : bold;
	font-size : 14px;
}
.index-content .item-boxes td {
	font-weight : normal;
}

.school-index-content a.mc-adv:after {
	content : "MATHCOUNTS/AMC 8 Advanced";
}


.school-index-content a.interm-numtheory:after {
	content : "Intermediate Number Theory";
}
.school-index-content a.interm-counting:after {
	content : "Intermediate Counting & Probability";
}

.school-index-content a.stretch-algebra-a:after {
	content : "Stretch Introduction to Algebra A"
}

.school-index-content a.intro-nt-class:after {
	content : "Introduction to Number Theory";
}

.hide-narrow td:nth-child(2) {
	border-left : 1px solid white;
}
.pioo {
	margin-top : 14px;
	width: 100%;
}

@media ( min-width : 501px ) {
	.school-index-content a.interm-counting:after {
		content : "Int. Counting & Probability";
	}
	
	.school-index-content a.mc-adv:after {
		content : "MATHCOUNTS/AMC 8 Adv.";
	}
}

@media ( min-width : 541px ) {
	.school-index-content a.mc-adv:after {
		content : "MATHCOUNTS/AMC 8 Advanced";
	}
}

@media ( min-width : 581px ) {
	.school-index-content a.interm-counting:after {
		content : "Intermediate Counting & Probability";
	}
}

@media (max-width : 930px) {
	.hide-extra-col {
		display : none;
	}
}



@media ( min-width : 931px ) {
	.pioo {
		width: calc(50% - 7px);
		float : left;
	}
	
	.school-index-content a.intro-nt-class:after {
		content : "Intro to Number Theory";
	}
	
	.school-index-content a.mc-adv:after {
		content : "MATHCOUNTS/AMC 8 Adv.";
	}
	
	.school-index-content a.interm-counting:after {
		content : "Int. Counting & Probability";
	}

	.school-index-content a.interm-numtheory:after {
		content : "Int. Number Theory";
	}
	
	.school-index-content a.stretch-algebra-a:after {
		content : "Stretch Intro to Algebra A"
	}
}

@media ( min-width : 1021px ) {
	.school-index-content a.interm-numtheory:after {
		content : "Intermediate Number Theory"
	}
	
	.school-index-content a.intro-nt-class:after {
		content : "Introduction to Number Theory";
	}
	
	.school-index-content a.mc-adv:after {
		content : "MATHCOUNTS/AMC 8 Advanced";
	}
	
	.school-index-content a.stretch-algebra-a:after {
		content : "Stretch Introduction to Algebra A"
	}
}

@media ( min-width : 1271px ) {
	.school-index-content a.interm-counting:after {
		content : "Intermediate Counting & Probability";
	}
}

.book-tables {
	padding-left : 3px;
	margin-top : 15px;
}

.book-tables table {
    width : 33.25%;
	float : left;
	table-layout : fixed;
}


h3 {
	padding-bottom : 0;
	margin-bottom : 0;
}

.school-index-content h3,
.school-index-content h3 a {
	color : #6db101;
}

.store-index-content h3 ,
.store-index-content h3  a{
	color : #008345;
}

.resources-index-content h3,
.resources-index-content h3 a {
	color : #1f3d7b;
}

.resources-index-content .copy {
	margin-bottom : 10px;
}

.intro-boxes {
	width : 100%;
}

.intro-boxes .box {
	width : calc( 50% - 7px );
	background-color : #fff;
	display : inline-block;
	height : auto;
	min-height : 171px;
	vertical-align : top;
}

.intro-boxes .box:last-child {
	margin-left : 14px;
}

.intro-boxes .box .table {
	width : 100%;
	display : table;
}

.intro-boxes .box .table .table-row {
	display : table-row;
}

.intro-boxes .box .table .table-row .cell1 {
	display : table-cell;
	width : 200px;
}

.intro-boxes .box .table .table-row .cell2 {
	display : table-cell;
	padding : 0 10px;
	vertical-align : top; /* Have to keep the titles aligned */
}

.cell-link {
	line-height : 25px;
}

@media ( max-width : 840px ) {
	.intro-boxes .box {
		width : 100%;
	}
	.intro-boxes .box:last-child {
		margin-left : 0;
	}
	
}


@media ( max-width : 480px ) {
	/*.intro-boxes .box .table .table-row .cell1,
	.intro-boxes .box .table .table-row .cell2 {
		display : block;
	}*/
	.intro-boxes .box .table .table-row .cell1 {
		text-align : center;
	}
}



@media ( max-width : 768px ) {
	.index-content .curriculum-table .button {
		display : block;
		width : 100%;
	}
}

@media ( min-width : 1271px ) {
	.fun-image {
		width : 180px;
	}
}


.index-content .curriculum-table {
	margin-bottom : 10px;
}

.index-content .curriculum-table .title {
	color: #06854A;
	font-size : 32px;
	font-weight : bold;
}

.index-content .curriculum-table .copy {
	display : table-cell;
	vertical-align : top;
}

.index-content .curriculum-table .button {
	display : table-cell;
	text-align : right;
	width : 120px;
}


.show-narrow {
	display : none;
}

.split-narrow table {
	table-layout : fixed;
	width : 50%;
	float : left;
	box-sizing : border-box;
}

.split-narrow table:first-child,
.book-tables table:nth-child(1),
.book-tables table:nth-child(2) {
	border-right : 7px solid white;
}

.split-narrow table:nth-child(2),
.book-tables table:nth-child(2),
.book-tables table:nth-child(3)  {
	border-left : 7px solid white;
}

/** All .entry for Resources **/
.index-content div.entry {
	width : 49%;
	padding-right : 10px;
	padding-bottom : 20px;
	background-color : white;
	display : inline-block;
	position : relative;
	color : black;
	vertical-align : top;
}

div.clickable-box.hovered h3 {
	text-decoration : underline;
}

.index-content .entry:nth-child(even) {
	padding-right : 0;
	padding-left : 10px;
}

.index-content .entry .image {
	display : inline-block;
	vertical-align : top;
}

.index-content .entry .image img {
	max-width : 150px;
}

.index-content .entry .copy {
	padding-left : 15px;
	display : inline-block;
	vertical-align : top;
	width : calc(100% - 155px);
}


.index-content .entry .copy h3 {
	padding-bottom : 0;
	margin-bottom : 0;
}

.index-content .copy .end-cell {
	font-weight : bold;
}


#quote-panel {
	background-color : #61656e;
	padding : 60px 100px;
	color : white;
	font-size : 24px;
	text-align:center;
	font-style : italic;
}

.quote-panel-speaker {
	font-size : 13px;
	font-style : normal;
	text-align : right;
	width : 75%;
	margin-left : 20%;
}
@media ( max-width : 930px ) {
	.index-content div.entry {
		width : 100%;
		display : block;
	}
	.index-content .entry:nth-child(even) {
		padding-left : 0;
	}
	
}

@media (max-width : 768px) {
	#quote-panel {
		padding : 30px 50px;
		font-size : 18px;
	}
}

@media (max-width : 500px) {
	#quote-panel {
		padding : 15px 25px;
		font-size : 15px;
	}
	
	.quote-panel-speaker {
		padding : 15px 25px;
		font-size : 12px;
		width : 85%;
		margin-left : 10%;
	}
}


@media (max-width : 930px) {
	.book-tables {
		padding-left : 0px;
	}
	
	.book-tables .hide-books-extra {
		display : none;
	}
	
	.book-tables table {
		width : 50%;
	}
	
	.book-tables table:first-child {
		width : 100%;
	}
	
	.book-tables table:nth-child(1) {
		border-left : none;
		border-right : none;
		margin-bottom : 14px;
	}
	
	.book-tables table:nth-child(2) {
		border-left : none;
		border-right : 7px solid white;
	}
	
	.book-tables table:nth-child(3)  {
		border-right : none;
		border-left : 7px solid white;
	}
	
}

@media (max-width : 600px) {
	.book-tables table:nth-child(2) {
		width : 100%;
		margin-bottom : 14px;
		border-right : none;
	}
	
	.book-tables table:nth-child(3)  {
		width : 100%;
		border-left : none;
	}
}


@media (max-width : 550px) {
	
	.index-content .entry .copy,
	#community-panel .contests-block .copy {
		width : calc(100% - 105px);
	} 	
	#community-panel .contests-block .image img,
	.index-content .entry .image img,
	.intro-boxes .box .table .table-row .cell1,
	.intro-boxes .box .cell1 img {
		width : 100px;
		max-width : 100px;
	}
	
}

@media ( max-width : 500px ) {
	.show-narrow {
		display : block;
	}
	
	.hide-narrow {
		display : none;
	}

	.split-narrow table {
		width : 100%;
		border : 0 !important;
	}
	
	.split-narrow table:nth-child(2) {
		margin-top : 14px;
	}
	
	.index-content .aops-panel {
		padding-left : 15px;
		padding-right : 15px;
	}
	.index-content .curriculum-table .title {
		display : none;
	}
	
	.index-content .curriculum-table .button {
		display : block;
		margin-top : 10px;
		width : 100%;
	}
}


@media (max-width : 450px) {
	.round-dropdown .selected {
		font-size : 12px;
	}
	.index-content .entry .copy,
	#community-panel .contests-block .copy {
		width : calc(100% - 55px);
	} 	
	#community-panel .contests-block .image img,
	.index-content .entry .image img,
	.intro-boxes .box .table .table-row .cell1,
	.intro-boxes .box .cell1 img {
		width : 50px;
		max-width : 50px;
	}
	
}