/*.infobar {
	display : none;
}*/
.cmty-color {
	color: #009fad;
}

.is-vpn {
	font-weight: bold;
	color: red;
}

#flyout.flyout-atop-modal {
	z-index: 200000;
}

.community #breadcrumbs {
	overflow: hidden;
}

.community input[type="text"]:focus,
.community textarea:focus,
.cmty-items-input-box.cmty-focused-editableitemlist {
	border-top: 2px groove #eee;
	border-right: 2px ridge #eee;
	border-bottom: 2px ridge #eee;
	border-left: 2px groove #eee;
	outline: none;
	padding: 1px;
}

.community input[type="text"],
.community textarea {
	border: 1px solid #aaa;
	padding: 2px;
}

.cmty-topic-watchers {
	position: absolute;
	width: 100%;
	background-color: #eaeaea;
	top: 86px;
	font-size: 12px;
	color: #aaa;
	vertical-align: bottom;
	font-style: italic;
	line-height: 14px;
	height: 18px;
	z-index: 3;
}

.cmty-topic-list-popout .cmty-topic-watchers {
	top: 88px;
}

.topic-unread .cmty-topic-watchers {
	background-color: #fff;
}

.focus-topic .cmty-topic-watchers {
	background-color: #666;
}

.cmty-topic-watchers img {
	margin: 0 2px;
}

.cmty-topic-watchers span {
	height: 14px;
	display: inline-block;
	vertical-align: bottom;
}

.cmty-topic-cell-search-post .cmty-topic-watchers {
	top: 71px;
}

.force-hidden {
	display: none !important;
}

.cmty-hide-avatars .cmty-avatar {
	display: none;
}

.cmty-text {
	color: #1b365d;
}

.new-topic-btn,
.open-feed-btn {
	font-family: AoPS;
	font-size: 16px;
	cursor: pointer;
}

/** LaTeX width **/

img.latex,
img.latexcenter {
	max-width: 100%;
}

/** end LaTeX **/

/* latex modal, will probably move to main */

.latex-modal-wrapper {
	min-width: 0px;
}

.latex-modal-wrapper .latex-modal {
	width: calc(100% - 15px);
	width: -webkit-calc(100% - 15px);
}

.latex-modal-wrapper .aops-scrollbar-visible .latex-modal {
	width: calc(100% - 27px);
	width: -webkit-calc(100% - 27px);
}

/*
.latex-modal-wrapper .latex-modal img.asy-image {
	padding : 0 0 0 25px;
}
*/
.latex-modal {
	padding: 10px;
	text-align: left;
}

.latex-modal img {
	margin-bottom: 5px;
	max-width: 100%;
}

.latex-modal-bottom-title {
	text-align: left;
	width: 153px;
}

.latex-modal-code {
	text-align: left;
}

/** Bookmark modal **/
.cmty-bookmark-modal-icon {
	font-family: AoPS;
	color: #1b365d;
	font-size: 20px;
}

.cmty-bookmark-modal form {
	margin-top: 15px;
}

.cmty-bookmark-modal label {
	margin-left: 25px;
}

/** community editables **/

.cmty-editable-row {
	position: relative;
	/*	display : table;
	border-spacing : 5px;
	table-layout : fixed;*/
	width: 100%;
	text-align: left;
}
.cmty-editable-active-row {
	background: #eee;
}

.cmty-editable-label {
	/*	display : table-cell;*/
	display: inline-block;
	font-weight: bold;
	vertical-align: top;
	padding-top: 2px;
	text-align: right;
	width: 105px;
}

.cmty-editable-label > div {
	width: 100px;
}

.cmty-contenteditable-with-placeholder:empty:before {
	content: attr(data-placeholder);
	color: #aaa;
}

.cmty-contenteditable-with-placeholder {
	vertical-align: top;
}

.cmty-contenteditable-with-placeholder:empty {
	border: 1px solid #ddd;
}

.cmty-editable-row > .cmty-contenteditable-with-placeholder {
	position: relative;
	padding: 2px 48px 2px 2px;
	/*	margin-left : -2px;*/

	text-align: left;
	display: inline-block;
	width: calc(100% - 120px);
	width: -webkit-calc(100% - 120px);
}

.cmty-editable-row
	> .cmty-contenteditable-with-placeholder[contenteditable="true"] {
	cursor: pointer;
}

.cmty-editable-row > div[contenteditable="true"]:focus {
	cursor: auto;
}

.cmty-editable-pencil {
	padding-left: 4px;
	color: #1b365d;
	cursor: pointer;
}

.cmty-editable-buttons {
	position: absolute;
	display: none;
	right: 18px;
	top: 7px;
}

.cmty-editable-buttons > span {
	background-color: #136cce;
	font-family: AoPS;
	margin-right: 4px;
	color: #fff;
	padding: 2px 6px;
	font-size: 12px;
	cursor: pointer;
}
/** End community editables **/

/** Community selects **/

.cmty-select-row {
	vertical-align: top;
	margin-bottom: 6px;
}

.cmty-select-row > div {
	display: inline-block;
	vertical-align: top;
}

.cmty-select-row-select {
	width: 80px;
	text-align: right;
	margin-right: 5px;
	padding-top: 1px;
}

.cmty-select-row-text {
	width: calc(100% - 90px);
	width: -webkit-calc(100% - 90px);
	text-align: left;
	font-size: 14px;
	padding-right: 5px;
}

.cmty-select-row-flash {
	background-color: #dae7f6;
}
/** End Community selects **/

.cmty-link-label-row {
	vertical-align: top;
	margin-bottom: 6px;
	text-align: left;
}

.cmty-link-label-row > div {
	display: inline-block;
	vertical-align: top;
}

.cmty-link-label-row-link {
	width: 80px;
	text-align: right;
	margin-right: 5px;
	font-size: 14px;
	cursor: pointer;
}

.cmty-link-label-row-label {
	width: calc(100% - 90px);
	width: -webkit-calc(100% - 90px);
	text-align: left;
	font-size: 14px;
	padding-right: 5px;
}

/** Start Community link label rows **/

/** End Community link label rows **/

/** Global responsive stuff **/

@media (max-width: 800px) {
	.cmty-phone-hide {
		display: none !important;
	}
}

/*
[title]:hover:after {
  content: attr(title);
  padding: 4px 8px;
  color: #333;
  position: absolute;
  left: 0;
  top: 100%;
  white-space: nowrap;
  z-index: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-color : green;
}
*/

.aops-loader {
	text-align: center;
}

.cmty-quick-message {
	width: 100%;
	position: relative;
	text-align: center;
}

.cmty-highlight {
	background-color: #ff0;
	color: black;
	padding: 0 3px;
}

/** scrollbar fades **/

.aops-scroll-fade-top {
	/* From http://www.colorzilla.com/gradient-editor/ */
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: -moz-linear-gradient(
		top,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 0.5) 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, 0.5)),
		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, 0.5) 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, 0.5) 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, 0.5) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* IE10+ */
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 0.5) 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 {
	/* From http://www.colorzilla.com/gradient-editor/ */
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0px;
	background: -moz-linear-gradient(
		top,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.5) 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, 0.5)),
		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, 0.5) 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, 0.5) 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, 0.5) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* IE10+ */
	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.5) 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 {
	/* From http://www.colorzilla.com/gradient-editor/ */
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	background: -moz-linear-gradient(
		left,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 0.5) 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, 0.5)),
		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, 0.5) 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, 0.5) 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, 0.5) 50%,
		rgba(255, 255, 255, 0) 100%
	); /* IE10+ */
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 1) 0%,
		rgba(255, 255, 255, 0.5) 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 {
	/* From http://www.colorzilla.com/gradient-editor/ */
	position: absolute;
	height: 100%;
	right: 0px;
	top: 0px;
	background: -moz-linear-gradient(
		left,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.5) 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, 0.5)),
		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, 0.5) 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, 0.5) 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, 0.5) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* IE10+ */
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, 0.5) 50%,
		rgba(255, 255, 255, 1) 100%
	); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

/** originally had .community aops-icon **/
.aops-icon {
	font-family: AoPS;
	font-size: 24px;
}

a.cmty-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);
}

/* Delete if not using the wrapped span for a link */
/*span.cmty-span-link {
	position : absolute;
	width : 100%;
	height : 100%;
	top : 0;
	left : 0;
	z-index : 3;
}*/

.cmty-topic-list-popout span.cmty-span-link {
	z-index: 5;
}

/** Community/Feed Scrollbar CSS **/

.cmty-scroll-outer {
	left: 0px;
}

.cmty-scroll-outer .scrollbar-right {
	left: 20px;
}

.cmty-scroll-outer {
	width: 100%;
	height: 100%;
}

.cmty-scroll-outer .aops-scroll-inner {
	width: calc(100% + 26px);
	width: -webkit-calc(100% + 26px);
	padding: 4px 0;
}

/** Old scrollbar, delete on 8/1/2014
.cmty-scroll-outer .aops-scroll-bar {
	right : 0px;
	top : 0px;
	height : 100%;
	border-radius : 6px;
	width : 8px;
	background-color : #ddd;
	z-index : 20;

	text-align : center;
	box-shadow : inset 1px 1px 1px #aaa;
}

.cmty-scroll-outer .aops-scroll-slider {
	background-color : #204ba7;
	border-radius : 6px;
	width : 8px;

}

 Extra div needed for firefox centering and scrolling to work with stuff in the scrollbar
.cmty-scroll-outer .aops-scroll-slider div {
	display : table-cell;
	vertical-align : middle;
	padding-left : 2px;
}

.cmty-scroll-outer .aops-slider-bars {
	border-top : 1px solid;
	border-bottom : 1px solid;
	border-color : rgba(255,255,255,0.6);
	width : 8px;
	height : 3px;
}

/** End Scrollbar **/

/** START NEW SCROLLBAR **/

.cmty-scroll-outer .aops-scroll-bar {
	right: 1px; /* For some reason, this fixes a small rendering issue on Chrome (rather than having 0 here) */
	top: 0px;
	height: 100%;
	border-radius: 0px; /* was 4px */
	width: 8px;
	background-color: #ccc;
	z-index: 20;
	/*box-shadow : inset 1px 1px 1px #aaa;*/
}

.cmty-scroll-outer .aops-scroll-slider {
	background-color: #666;
	border-radius: 4px;
	width: 8px;
}

/** END NEW SCROLLBAR **/

/** Item lists **/

.cmty-editable-item-close {
	font-family: AoPS;
	position: absolute;
	right: 3px;
	top: 3px;
	padding: 2px 8px;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	background-color: #136cce;
	cursor: pointer;
	border-radius: 3px;
}

.cmty-itembox-placeholder {
	color: #888;
	padding-left: 6px;
}

.cmty-itembox .aops-scroll-bar {
	border-radius: 0px;
}

/** Bookmark **/

.bkmk-icon {
	font-family: AoPS;
	font-size: 24px;
}

/** Anything I can click **/
.clickable {
	cursor: pointer;
}

/**
 * Autocompletes, Itemboxes
 * NOTE: a little autocomplete stuff combined with tags below.
 **/

.cmty-username-autocomplete-wrapper {
	display: inline-block;
}

/** Items in the dropdown list and in the itemlists/userlists **/
.aops-editable-item-list-item,
.cmty-itemlist-username,
.cmty-items-input-box li.ui-menu-item a,
.cmty-username-autocomplete li.ui-menu-item a {
	position: relative;
	border-radius: 0px;
	height: 14px;
	color: black;
	border: 1px solid;
	display: inline-block;
	/*	font-style : italic;*/
	font-size: 11px;
	margin: 2px;
	cursor: pointer;
	padding: 1px 8px 1px 8px;
	line-height: 14px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cmty-itemlist-username,
.cmty-username-autocomplete li.ui-menu-item a {
	border: 0px;
	font-style: italic;
	font-size: 12px;
}

.cmty-username-autocomplete li.ui-menu-item a {
	color: white;
}

.cmty-username-autocomplete .ui-state-focus {
	/*	background-color : #000;*/
	font-weight: bold;
}

.cmty-username-autocomplete .ui-state-focus:before {
	content: "0";
	font-family: AoPS;
	color: #fff;
	position: absolute;
	left: -1px;
	font-style: normal;
}

.cmty-username-autocomplete .cmty-user-admin.ui-state-focus span:before {
	content: "X";
	font-family: AoPS;
	font-style: normal;
	font-weight: normal;
	color: #fff;
}

/** Box where the items live **/
.cmty-items-input-box {
	border: 1px solid #aaa;
	width: 400px;
	display: inline-block;
	z-index: 2;
	line-height: 17px;
	padding: 1px; /* was 2px */
	background-color: white;
}

input[type="text"].cmty-items-input {
	border: 0 !important;
	padding: 0 2px !important;
	width: 150px;
	line-height: 21px; /* new */
}

input[type="text"].cmty-items-input:focus {
	outline: none !important;
	border: none !important;
}

.cmty-items-input-box ul.ui-menu,
.cmty-tag-search ul.ui-menu,
.cmty-no-results-found,
ul.cmty-username-autocomplete {
	position: absolute;
	background-color: #666;
	border-radius: 10px;
	/*border : 1px solid #ccc;*/
	box-shadow: 3px 3px 13px #aaa;
	z-index: 500;
	padding: 3px;
	display: none;
	top: 22px;
	color: white;
}

.cmty-tag-search ul.ui-menu,
.cmty-no-results-found {
	width: 200px;
}

/* BRING THIS BACK FOR USERNAMES OR FORUMS IF WE NEED IT.
 But make sure to narrow the CSS to just the autocomplete that uses it.
.cmty-items-input-box .ui-state-focus {
	background-color : #fff !important;
}
*/

.cmty-items-input-box ul.ui-menu li,
.cmty-tag-search ul.ui-menu li,
ul.cmty-username-autocomplete li {
	list-style: none;
	margin-left: 2px;
}

.cmty-delete-item {
	font-size: 10px;
	margin-right: 2px;
}

.cmty-delete-item:hover {
	color: #aaa;
}

.cmty-private-recipients .cmty-delete-item {
	margin-left: 0px;
}

/* Start category autocomplete */

.cmty-category-autocomplete-wrapper {
	display: inline-block;
	position: relative;
}

.cmty-category-autocomplete-wrapper .cmty-no-results-found {
	width: 250px;
	background-color: #ddd;
	box-shadow: 3px 3px 13px #aaa;
	padding: 3px 0 3px 6px;
	color: black;
}

ul.ui-menu.category-autocomplete {
	position: absolute;
	padding-left: 1px;
	background-color: #ddd;
	box-shadow: 3px 3px 13px #aaa;
	/*	border : 1px solid black;*/
	/*	z-index : 500; main.css takes care of this*/
	width: 200px;
	padding: 3px 0 3px 1px;
}

ul.ui-menu.category-autocomplete li {
	list-style: none;
	margin: 4px 0px 4px 2px;
	font-size: 14px;
}

ul.ui-menu.category-autocomplete li a:before {
	font-family: "AoPS";
	margin-right: 5px;
}

ul.ui-menu.category-autocomplete
	li.cmty-category-autocomplete-item-forum
	a:before {
	content: "u";
}

ul.ui-menu.category-autocomplete
	li.cmty-category-autocomplete-item-forum_class
	a:before {
	content: "u";
}

ul.ui-menu.category-autocomplete
	li.cmty-category-autocomplete-item-folder
	a:before {
	font-family: "AoPS";
	content: "8";
}

ul.ui-menu.category-autocomplete
	li.cmty-category-autocomplete-item-folder_forums
	a:before {
	font-family: "AoPS";
	content: "8";
}

ul.ui-menu.category-autocomplete
	li.cmty-category-autocomplete-item-blogroll
	a:before {
	font-family: "AoPS";
	content: "8";
}

ul.ui-menu.category-autocomplete
	li.cmty-category-autocomplete-item-folder_collections
	a:before {
	font-family: "AoPS";
	content: "8";
}

ul.ui-menu.category-autocomplete
	li.cmty-category-autocomplete-item-view_tags
	a:before {
	font-family: "AoPS";
	content: "8";
}

ul.ui-menu.category-autocomplete
	li.cmty-category-autocomplete-item-view_topics
	a:before {
	font-family: "AoPS";
	content: "8";
}

ul.ui-menu.category-autocomplete
	li.cmty-category-autocomplete-item-view_posts
	a:before {
	font-family: "AoPS";
	content: "x";
}

ul.ui-menu.category-autocomplete
	li.cmty-category-autocomplete-item-blog
	a:before {
	font-family: "AoPS";
	content: "!";
}

a.cmty-category-autocomplete,
.cmty-items-input-box li.ui-menu-item a.cmty-category-autocomplete {
	color: white;
	cursor: pointer;
	border: none;
	font-size: 14px;
	line-height: 15px;
	height: auto;
	margin: 0px;
	padding: 2px 6px;
}

.cmty-search-with-icon ul.ui-menu.category-autocomplete li {
	padding-left: 10px;
	text-indent: -28px;
	margin-left: 28px;
}

.cmty-search-with-icon .aops-font {
	color: #aaa;
}

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

/* End category autocomplete */

.cmty-itembox .cmty-topic-cell-username {
	font-style: italic;
	font-size: 12px;
	color: #000;
}

.cmty-itembox .cmty-topic-cell-post {
	white-space: nowrap;
	width: calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	text-overflow: ellipsis;
	height: 18px;
	overflow-y: hidden;
}

.cmty-topic-third-row .cmty-items-input-box {
	padding-right: 32px; /* Prevent tags from hitting checkmark */
}
/** End autocompletes **/

/** New topic **/

.cmty-mark-all-read {
	cursor: pointer;
	z-index: 10;
	font-size: 24px;
}

.cmty-new-topic-button {
	cursor: pointer;
	z-index: 10;
	font-size: 24px;
}

/** Tags Start **/

/**
 * Style for tags (and takes care of tags that are in
 *  the tag autocompletes)
 */
/* pre-dot
.cmty-item-tag, .cmty-tags-itembox-wrapper .cmty-items-input-box li.ui-menu-item a, .cmty-tags-line .cmty-items-input-box li.ui-menu-item a, .cmty-tag-search li.ui-menu-item a {
	position : relative;
	border-radius : 10px;
	height : 20px;
	color : white;
	border : 0px solid;
	display : inline-block;
		white-space : nowrap;
	font-size : 12px;
	font-family : sans-serif;
	margin : 4px 2px 4px 2px;
	cursor : pointer;
	padding : 4px 10px 3px 10px;
	line-height : 12px;
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    vertical-align : top;
    user-select: none;
	webkit-text-stroke: 0.1px;
}
*/
/*
.cmty-item-tag, .cmty-tags-itembox-wrapper .cmty-items-input-box li.ui-menu-item a, .cmty-tags-line .cmty-items-input-box li.ui-menu-item a, .cmty-tag-search li.ui-menu-item a {
	position : relative;
	border-radius : 15px;
	height : 20px;
	color : white;
	border : 0px solid;
	display : inline-block;
		white-space : nowrap;
	font-size : 12px;
	font-family : sans-serif;
	margin : 4px 4px 4px 2px;
	cursor : pointer;

	padding : 4px 12px 3px 5px;
	line-height : 12px;
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    vertical-align : top;
    user-select: none;
	webkit-text-stroke: 0.1px;
		border-top-left-radius : 0px;
	border-bottom-left-radius : 0px;


}

.cmty-item-tag:after,
.cmty-tags-itembox-wrapper .cmty-items-input-box li.ui-menu-item a:after,
.cmty-tags-line .cmty-items-input-box li.ui-menu-item a:after,
.cmty-tag-search li.ui-menu-item a:after {
	content : '.';
	font-size : 14px;
	position : absolute;
	font-family : AoPS;
	right : 5px;
	line-height : 12px;
}*/

.cmty-item-tag,
.cmty-tags-itembox-wrapper .cmty-items-input-box li.ui-menu-item a,
.cmty-tags-line .cmty-items-input-box li.ui-menu-item a,
.cmty-tag-search li.ui-menu-item a {
	position: relative;
	border-top-right-radius: 12px;
	height: 20px;
	color: white;
	border: 0px solid;
	display: inline-block;
	white-space: nowrap;
	font-size: 12px;
	font-family: "Roboto", sans-serif;
	margin: 4px 4px 4px 4px;
	cursor: pointer;
	max-width: 240px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 4px 8px 3px 7px;
	line-height: 12px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	vertical-align: top;
	user-select: none;
	webkit-text-stroke: 0.1px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 12px;
}

.cmty-items-input-box .cmty-item-tag .cmty-delete-item {
	position: absolute;
	right: 5px;
}

.cmty-items-input-box .cmty-item-tag {
	padding-right: 18px;
}

.cmty-focus-tag-line .cmty-item-tag {
	max-width: 180px;
}
/*

	height : 20px;
	position : relative;
		margin : 4px 4px 4px 4px;
}

.cmty-item-tag, .cmty-tags-itembox-wrapper .cmty-items-input-box li.ui-menu-item a, .cmty-tags-line .cmty-items-input-box li.ui-menu-item a, .cmty-tag-search li.ui-menu-item a {
	position : relative;
	height : 100%;
	color : white;
	border : 0px solid;
	display : inline-block;
		white-space : nowrap;
	font-size : 12px;
	font-family : sans-serif;

	cursor : pointer;

	padding : 4px 0px 3px 7px;
	line-height : 12px;
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    vertical-align : top;
    user-select: none;
	webkit-text-stroke: 0.1px;
}

.cmty-tag-extra {
	display : inline-block;
	height: 100%;
	/*background-color : #f00;
	width : 0;
	border-left : 10px;
	border-width : 10px;
	border-style : solid;
	border-right : 0;
	border-top-color : transparent;
	border-bottom-color : transparent;
}
*/
/*

.cmty-item-tag {
	border-radius : 0px;
}


.cmty-item-tag {
	border-radius : 15px;
}

.cmty-item-tag {
	border-top-left-radius : 0px;
	border-bottom-left-radius : 0px;

	margin-right : 4px;
	padding-right : 4px;
}*/

.cmty-edit-tag {
	border-radius: 10px;
	padding-right: 5px;
}

.cmty-edit-tag:after {
	content: "";
}

/*.cmty-item-tag:after {
	content : ' •';
	font-size : 34px;
	font-family : sens-serif;
	padding-left : 0px;
	bottom : 14px;
	position : absolute;
	right : 5px;
	color : #fff;
}
/*
.cmty-item-tag:hover:after {
	color : rgb(254,228,192);
}*/

/**
 * Style for tags for folders and forums
 */
.cmty-item-forum_class,
.cmty-item-user,
.cmty-item-forum,
.cmty-item-folder,
.cmty-item-folder_forums,
.cmty-item-folder_collections,
.cmty-item-view_topics,
.cmty-item-blogroll,
.cmty-item-blog,
.cmty-item-view_posts,
.cmty-item-view_tags,
.cmty-item-view_forums,
.cmty-item-bookmark_tags,
.cmty-item-bookmark_topics,
.cmty-item-bookmark_forums {
	position: relative;
	height: 32px;
	color: white;
	display: inline-block;
	white-space: nowrap;
	/*	font-style : italic;*/
	font-size: 12px;
	font-family: "Roboto", sans-serif;
	margin: 1px 1px;
	width: 48%;
	cursor: pointer;
	padding: 4px 6px 0px 6px;
	line-height: 12px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	vertical-align: top;
	user-select: none;
	webkit-text-stroke: 0.1px;
}

.cmty-item-user {
	color: #356cb6;
}

.cmty-item-user:hover {
	background-color: #356cb6;
	color: #dae7f6;
}

.cmty-item-user .cmty-user-online {
	color: #356cb6;
	font-weight: bold;
}

.cmty-item-user:hover .cmty-user-online {
	color: #dae7f6;
}

.cmty-item-user img {
	width: 26px;
	height: 26px;
	vertical-align: top;
	margin-right: 5px;
}

.cmty-item-forum:before,
.cmty-item-forum_class:before {
	content: "u";
	font-size: 18px;
	font-family: "AoPS";
	line-height: 24px;
	vertical-align: top;
	padding-right: 4px;
}

.cmty-item-view_posts:before {
	content: "x";
	font-size: 18px;
	font-family: "AoPS";
	line-height: 24px;
	vertical-align: top;
	padding-right: 4px;
}

.cmty-item-folder:before,
.cmty-item-folder_collections:before,
.cmty-item-folder_forums:before,
.cmty-item-blogroll:before,
.cmty-item-blog:before,
.cmty-item-view_tags:before,
.cmty-item-view_forums:before,
.cmty-item-view_topics:before,
.cmty-item-bookmark_tags:before,
.cmty-item-bookmark_topics:before,
.cmty-item-bookmark_forums:before {
	content: "8";
	font-size: 18px;
	font-family: "AoPS";
	line-height: 24px;
	vertical-align: top;
	padding-right: 4px;
}

.cmty-item-blog:before {
	content: "!";
}

.cmty-item-text-w-extra {
	text-overflow: ellipsis;
	width: 90%;
	display: inline-block;
	overflow: hidden;
}
/*
.cmty-item-forum {
	height : 34px;
}*/

.cmty-item-text {
	text-overflow: ellipsis;
	display: inline-block;
	overflow: hidden;
	font-weight: bold;
	width: 94%;
	font-size: 12px;
	line-height: 14px !important;
}

.cmty-item-blog .cmty-item-text,
.cmty-item-blogroll .cmty-item-text,
.cmty-item-folder .cmty-item-text,
.cmty-item-folder_forums .cmty-item-text,
.cmty-item-folder_collections .cmty-item-text,
.cmty-item-forum .cmty-item-text,
.cmty-item-forum_class .cmty-item-text,
.cmty-item-view_tags .cmty-item-text,
.cmty-item-view_posts .cmty-item-text,
.cmty-item-view_forums .cmty-item-text,
.cmty-item-view_topics .cmty-item-text,
.cmty-item-bookmark_tags .cmty-item-text,
.cmty-item-bookmark_topics .cmty-item-text,
.cmty-item-bookmark_forums .cmty-item-text {
	font-size: 14px !important;
	width: 90%;
}

.cmty-item-subtitle {
	text-overflow: ellipsis;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
}

.cmty-item-forum_class-extra,
.cmty-item-forum-extra,
.cmty-item-folder-extra,
.cmty-item-bookmark-extra {
	font-family: AoPS;
	font-size: 12px;
	float: right;
}

.cmty-tags-line .cmty-special-item:before {
	content: "j";
	font-family: "AoPS";
	color: #fff;
	font-size: 12px;
	margin-right: 4px;
	margin-left: -2px;
}

/** Tags End **/

/** CSS for community components in the feed and the Community pages  **/

/** Start Main window (full-screen and regular-screen) and feed in full-screen mode **/

.community #main-content,
.fullscreen #feed-wrapper.feed-open {
	width: 1230px;
	margin: 0 auto 0 auto !important;
	padding: 5px 0;
}

.fullscreen #feed-wrapper.feed-open .cmty-post-body {
	width: 1068px;
}

@media (max-width: 1270px) {
	.community #main-content,
	.fullscreen #feed-wrapper.feed-open {
		width: 980px;
		max-width: 980px;
	}

	.fullscreen #feed-wrapper.feed-open .cmty-post-body {
		width: 820px;
	}
}

@media (max-width: 1020px) {
	.community #main-content,
	.fullscreen #feed-wrapper.feed-open {
		width: 890px;
	}

	.fullscreen #feed-wrapper.feed-open .cmty-post-body {
		width: 729px;
	}
}

@media (max-width: 930px) {
	.community #main-content,
	.fullscreen #feed-wrapper.feed-open {
		width: 800px;
	}

	.fullscreen #feed-wrapper.feed-open .cmty-post-body {
		width: 639px;
	}
}

@media (max-width: 840px) {
	.community #main-content,
	.fullscreen #feed-wrapper.feed-open {
		width: 765px;
	}

	.fullscreen #feed-wrapper.feed-open .cmty-post-body {
		width: 484px;
	}
}

@media (max-width: 768px) {
	.community #main-content,
	.fullscreen #feed-wrapper.feed-open {
		width: 100%;
	}

	/* Now we're just hoping for the best... */
	.fullscreen #feed-wrapper.feed-open .cmty-post-middle {
		max-width: 200px;
	}
}

/** End Main window and full-screen feed **/

/**********
 * Topic list and Topic cell start
 *
 * Used in feed, cmty-page-topic, cmty-page-topic-list.
 *********/

.cmty-topics-list {
	height: 100%;
	width: 100%;
	position: relative;
	display: inline-block;
}

.cmty-topics-list .aops-scroll-bar {
	left: 0px;
}

.cmty-topics-list .aops-scroll-inner {
	overflow-x: hidden;
}

.cmty-topics-list.cmty-not-at-top .aops-scroll-bar,
.cmty-itembox.cmty-not-at-top .aops-scroll-bar {
	top: 12px;
	height: calc(100% - 12px);
	height: -webkit-calc(100% - 12px);
}

.cmty-topic-list-jump-top {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	color: #666;
	font-family: AoPS;
	font-size: 10px;
	z-index: 10;
	width: 10px;
}

#feed-topic-list .cmty-topic-list-jump-top {
	left: auto;
	right: -1px;
	font-size: 9px;
}

.cmty-itembox.cmty-not-at-top .cmty-topic-list-jump-top {
	left: auto;
	right: -1px;
	z-index: 50;
}

.cmty-not-at-top .cmty-topic-list-jump-top {
	display: block;
}

.cmty-topics-list .aops-scroll-inner {
	left: 0px;
	/*	width : calc(100% + 4px) !important;
	width : -webkit-calc(100% + 4px) !important;*/
	padding: 0px !important;
}

.cmty-topics-list .aops-scroll-fade-top {
	height: 10px;
}

.cmty-topics-list .aops-scroll-fade-bottom {
	height: 10px;
}

.cmty-no-more-topics {
	width: 100%;
	/*	background-color : #ccc; IF I BRING BACK THIS BACKGROUND-COLOR, I'LL HAVE TO WORRY ABOUT WIDTHS IN A LOT OF PLACES (THOSE WITHOUT SCROLLBARS)*/
	/*background-color : #f2f2f2;*/
	padding: 5px;
}
/*
.cmty-topics-list-inner-box {
	background-color : #fff;
}*/
/*
.cmty-topics-list-title {
	display : none;
}*/

.cmty-topic-cell {
	width: 100%;
	cursor: pointer;
	position: relative;
	padding: 5px 0 5px 10px;
	font-family: "Roboto", sans-serif;
	background-color: #eaeaea;
	height: 113px;
	overflow: hidden;
}

.cmty-topics-list .cmty-topic-cell.cmty-office-hours-person-here {
	background-color: #ffcdcf !important;
}

.cmty-topics-list .cmty-topic-cell.cmty-office-hours-person-here:hover {
	background-color: #ffadaf !important;
}

.cmty-topics-list .cmty-topic-cell.focus-topic.cmty-office-hours-person-here {
	background-color: #725001 !important;
}

/*
.cmty-topic-cell:hover,
.cmty-topic-cell:hover .cmty-topic-watchers {
	background-color : #ddd;
	opacity : 1;
}

.cmty-topic-cell.topic-unread:hover,
.cmty-topic-cell.topic-unread:hover .cmty-topic-watchers {
	background-color : #ddd;
	opacity : 1;
}


.cmty-topic-cell.focus-topic:hover,
.cmty-topics-list .cmty-topic-cell.focus-topic:hover,
.cmty-topic-cell.focus-topic:hover .cmty-topic-watchers {
	background-color : #666;
  	opacity : 1;
}*/

.cmty-topics-list .cmty-topic-cell {
	border-bottom: 2px solid #ccc;
	border-top: 2px solid #fff;
}

/* Adjust heights of cell announcements and condensed cell topics*/
.cmty-topics-list-global-announcement,
.cmty-topics-list-local-announcement,
.cmty-condensed-topic-list .cmty-topic-cell {
	height: 60px;
}

/*
.cmty-last-announcement {
	border-bottom : 5px double #aaa !important;
}
*/

.cmty-topic-cell .cmty-topic-cell-jump-to-bottom {
	position: absolute;
	right: 5px;
	top: 0;
	z-index: 4;
	font-size: 12px;
}

.cmty-topic-cell .cmty-topic-cell-topic-reported {
	position: absolute;
	left: -8px;
	top: -8px;
	z-index: 4;
}

.cmty-topic-cell-jump-to-bottom,
.cmty-topic-cell-jump-to-bottom a {
	color: #aaa;
}

a.cmty-topics-list-jump-bottom-link {
	z-index: 8;
}

.cmty-topic-cell-close-topic {
	display: none;
}

.cmty-topic-cell-goto-unread {
	display: none;
}

.cmty-topic-cell.topic-unread .cmty-topic-cell-goto-unread {
	position: absolute;
	color: #f00;
	z-index: 4;
	display: inline-block;
	font-style: normal;
	line-height: 17px;
	font-size: 11px;
	right: 15px;
	top: -1px;
}

/**
 * A little sleight of hand here.
 *  We need to show the icon for unread topic so users can jump to unread posts.
 *  But that needs absolute positioning.  I want to nudge the poster username in
 *  when that icon is onscreen.  But while topic-unread is added to the cell
 *  for all users, we only want the icon when the user is logged in.  So, if
 *  the user is logged in, then a spacer div is dropped in to the second row.
 *  We "display" the spacer only when the topic is unread.
 **/
/*.cmty-second-line-spacer {
	display : none;
}

.cmty-topic-cell.topic-unread .cmty-second-line-spacer {
	margin-left : 10px;
	display : inline-block;
}*/

.cmty-topic-cell-left {
	display: inline-block;
	position: relative;
	vertical-align: top;
	width: 100%;
}

.cmty-topic-cell-left-bottom {
	width: 100%;
}

.cmty-topic-cell-data {
	display: none;
}

.cmty-topic-cell-subject {
	font-size: 14px;
	text-overflow: ellipsis;
	max-width: 90%;
	overflow: hidden;
	height: 17px;
	line-height: 16px;
}

.topic-unread .cmty-topic-cell-subject {
	max-width: 84%;
}

.cmty-topic-cell-second-row {
	font-size: 12px;
	font-style: italic;
	color: #aaa;
	/*	white-space : nowrap;
	text-overflow : ellipsis;*/
	max-width: 99%;
	overflow: hidden;
	height: 17px;
	line-height: 17px;
}

.cmty-topic-cell-replies {
	float: right;
	margin-left: 4px;
}

.cmty-topic-cell-watchers {
	float: right;
}

.cmty-topic-cell-watchers > span {
	font-style: normal;
}

.cmty-topic-cell-replies:after {
	content: " x";
	font-family: AoPS;
	font-style: normal;
	margin-right: 3px;
	margin-left: 1px;
}

.cmty-topic-cell-username {
	font-size: 12px;
	font-style: italic;
	height: 17px;
	line-height: 17px;
	font-family: "Roboto", sans-serif;
}

/*
.cmty-page-topic-list .cmty-topic-cell-username:before {
	content : 'V';
	font-family : AoPS;
	font-style : normal;
}*/

.cmty-topics-list .cmty-topic-cell-subtitle {
	color: #aaa;
	font-size: 12px;
	line-height: 16px;
	height: 16px;
	margin: 0 0 2px 0;
}

.cmty-topics-list .cmty-topic-cell-subtitle-left {
	float: left;
	display: inline-block;
	max-width: 99%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.cmty-topic-cell-last-poster {
	font-style: italic;
}

.cmty-topic-cell-right {
	display: none;
}

.cmty-topic-cell-source {
	max-width: 99%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 11px;
	color: #666;
}

.cmty-topic-cell-source .cmty-source-title {
	font-weight: bold;
}

.focus-topic .cmty-topic-cell-source {
	color: #eee;
}
.cmty-topics-list .cmty-topic-cell-post {
	height: 48px;
	padding-right: 5px;
	width: 100%;
}

.cmty-topic-cell-post img.latex,
.cmty-topic-cell-post img.latexcenter {
	opacity: 0.5; /** Grey out the LaTeX in topic previews **/
	/*		transform: scale(0.85, 0.85);  Sad, these look dumb
	-ms-transform: scale(0.85, 0.85);
	-webkit-transform: scale(0.85, 0.85);*/
}

.cmty-topic-cell-post .aopscode-error {
	color: #888;
}

.cmty-topics-list .focus-topic .cmty-topic-cell-post .aopscode-error {
	color: #eee;
}

.focus-topic .cmty-topic-cell-post img.latex,
.focus-topic .cmty-topic-cell-post img.latexcenter {
	/* For Firefox  */
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='invert'><feColorMatrix in='SourceGraphic' type='matrix' values='-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0'/></filter></svg>#invert");

	/* For browsers that know 'invert'.  IE just won't work */
	filter: invert(1);
	-webkit-filter: invert(1);
	-moz-filter: invert(1);
	-o-filter: invert(1);
	opacity: 1;
}

/** Must come after the topic-cell background-color setting
	TODO : unread announcements.
**/
.cmty-topic-cell.topic-unread {
	background-color: #fff;
}

.cmty-topic-cell-subject {
	font-family: "Roboto", sans-serif;
}

.cmty-topic-cell.topic-unread .cmty-topic-cell-subject {
	font-weight: bold;
}

/* Start focus topic adjustments */
.cmty-topics-list .cmty-topic-cell.focus-topic {
	background-color: #666;
	border-top-color: #666;
}

.cmty-topic-cell.focus-topic .cmty-topic-cell-close-topic {
	display: block;
	position: absolute;
	right: 5px;
	top: 89px;
	z-index: 4;
}

.cmty-topic-cell.focus-topic .cmty-topic-cell-post {
	width: 93%;
}

.cmty-topics-list .focus-topic .cmty-topic-cell-subject,
.cmty-topics-list .focus-topic .cmty-topic-cell-subtitle {
	color: #fff;
}

.focus-topic .cmty-topic-cell-jump-to-bottom a,
.focus-topic .cmty-topic-cell-jump-to-bottom,
.focus-topic .cmty-topic-cell-close-topic,
.focus-topic .cmty-topic-cell-close-topic a,
.focus-topic .cmty-topic-cell-replies,
.focus-topic .cmty-topic-cell-watchers {
	color: #ddd;
}

/* End focus topic adjustments */

.cmty-topic-cell-post {
	color: #888;
	width: 100%;
	font-size: 12px;
	font-family: "Roboto", sans-serif;
	overflow: hidden;
	line-height: 16px;
	float: left;
}

.cmty-topic-cell-post a:link,
.cmty-topic-cell-post a:visited {
	color: #888;
}

.cmty-topic-cell-post a.cmty-hide-heading,
.cmty-topic-cell-post span.cmty-hide-heading {
	border-bottom: none;
}

.cmty-topics-list .focus-topic .cmty-topic-cell-post {
	color: #eee;
}

.cmty-topics-list .focus-topic .cmty-topic-cell-post a {
	color: #eee;
}

/** Start popout within Topic List **/

/* remove pointer events to allow scrolling to propagate */
.cmty-topic-list-popout {
	z-index: 20;
	pointer-events: none;
	position: absolute;
}

/* But we still want to hit the jump to bottom link.
DELETE if still commented out 6/1/14
.cmty-topic-list-popout .cmty-topic-cell-jump-to-bottom,
.cmty-topic-list-popout .cmty-topic-cell-close-topic {
	pointer-events : all;
}*/

.cmty-topics-list.top-focus-popup .cmty-topic-list-popout {
	top: 0px;
	border-top: 0px;
}

.cmty-topics-list.bottom-focus-popup .cmty-topic-list-popout {
	bottom: 0px;
	border-bottom: 0px;
	border-top: 2px solid #aaa;
}

.cmty-topics-list .aops-scrollbar-visible .cmty-topic-list-popout {
	width: calc(100% - 7px);
	width: -webkit-calc(100% - 7px);
	right: -1px;
}

.cmty-topics-list.top-focus-popup .aops-scroll-fade-top {
	top: 113px;
}

.cmty-topics-list.bottom-focus-popup .aops-scroll-fade-bottom {
	bottom: 113px;
}

.cmty-topics-list.top-focus-popup.announcement-popup .aops-scroll-fade-top,
.cmty-topics-list.top-focus-popup.cmty-condensed-topic-list
	.aops-scroll-fade-top {
	top: 60px;
}

.cmty-topics-list.bottom-focus-popup.announcement-popup
	.aops-scroll-fade-bottom,
.cmty-topics-list.bottom-focus-popup.cmty-condensed-topic-list
	.aops-scroll-fade-bottom {
	bottom: 60px;
}

/* Start stunt double within popout */

.cmty-topic-cell-double {
	z-index: 10;
	position: absolute;
	opacity: 0;
}

.cmty-stunt-double-announcement {
	height: 60px;
}

.cmty-topic-cell-double {
	left: 8px;
	width: 212px;
}

.cmty-topic-cell-double {
	pointer-events: all;
}

.cmty-topic-cell-double .cmty-topic-cell-topic-reported {
	left: -2px;
}

/* End stunt double */
/** End popout **/

/** Announcement adjustments **/

.cmty-topics-list-local-announcement .cmty-topic-cell-post,
.cmty-topics-list-global-announcement .cmty-topic-cell-post {
	display: none;
}

.cmty-topics-list
	.cmty-topics-list-local-announcement.focus-topic
	.cmty-topic-cell-subtitle-left,
.cmty-topics-list
	.cmty-topics-list-global-announcement.focus-topic
	.cmty-topic-cell-subtitle-left,
.cmty-topics-list.cmty-condensed-topic-list
	.focus-topic
	.cmty-topic-cell-subtitle-left {
	max-width: 89%;
}

.cmty-topics-list
	.cmty-topics-list-local-announcement.focus-topic
	.cmty-topic-cell-close-topic,
.cmty-topics-list
	.cmty-topics-list-global-announcement.focus-topic
	.cmty-topic-cell-close-topic,
.cmty-topics-list.cmty-condensed-topic-list
	.focus-topic
	.cmty-topic-cell-close-topic,
.cmty-stunt-double-announcement.focus-topic .cmty-topic-cell-close-topic {
	top: 36px;
}

/** Topic List End **/

/*****************
 * Full topic - in feed and cmty-page-topic
 *****************/

/** Community topic list panel end (topic list portion below) **/

.cmty-topic-full {
	width: 100%;
	/*	width : calc(100% - 10px);
	width : -webkit-calc(100% - 10px);*/
	height: 100%;
	background-color: #666;
	padding: 3px;
	display: inline-block;
	position: relative;
}

.cmty-topic-posts-top {
	width: 100%;
	background-color: #666;
	vertical-align: top;
	padding: 0px 4px 0px 8px;
	/*	display : table;*/
	position: relative;
	color: #ddd;
	z-index: 10; /* To get the tag autocomplete above the posts */
}

.cmty-topic-posts-top-left {
	width: calc(100% - 120px);
	width: -webkit-calc(100% - 120px);
	height: 100%;
	position: relative;
	vertical-align: top;
}

.cmty-topic-posts-top-left-middle {
	/*	border-left: 1px solid #666;*/
	width: 42px;
	text-align: center;
	color: #ddd;
	padding-left: 2px;
	height: 100%;
	line-height: 28px;
	vertical-align: top;
	font-size: 16px;
	padding: 0 4px;
}

.cmty-topic-posts-top-left-middle .cmty-topic-watchers {
	font-size: 12px;
}

.cmty-topic-posts-top-middle {
	/*	border-left: 1px solid #666;
	border-right : 1px solid #666;*/
	width: 100px;
	text-align: right;
	color: #ddd;
	font-size: 12px;
	height: 100%;
	vertical-align: top;
	font-family: "Roboto", sans-serif;
	line-height: 28px;
	padding-right: 8px;
}

.cmty-topic-posts-top-right {
	width: 17px;
	text-align: center;
	color: #ddd;
	padding-left: 2px;
	height: 100%;
	line-height: 28px;
	vertical-align: top;
	font-size: 16px;
}

.cmty-topic-participants {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}

.cmty-add-participant {
	color: #fff;
	background-color: #aaa;
	padding: 0px 9px;
	line-height: 12px !important;
	font-size: 12px;
	font-family: AoPS;
	font-weight: normal;
	font-style: normal;
	border-radius: 6px;
}

.cmty-topic-participants-heading {
	color: white;
}

.cmty-topic-participants-usernames a,
.cmty-topic-participants-usernames a:link,
.cmty-topic-participants-usernames a:visited {
	color: #ddd;
}

.cmty-topic-participants a {
	margin-right: 5px;
}

.cmty-topic-participant-removed {
	color: #999;
	font-weight: normal;
}

.cmty-remove-me {
	font-style: normal;
	cursor: pointer;
}

/** Start add participant pop-up **/
.cmty-add-participant-popup {
	text-align: left;
	margin: 5px;
}

.cmty-add-participant-info {
	padding-right: 10px;
}

.cmty-add-participant-input-line {
	margin-top: 8px;
}

/** End add participant pop-up **/

.cmty-hidden-user {
	font-style: italic;
}

/** Also in home page index.css **/
.cmty-user-admin:before {
	content: "X";
	font-family: AoPS !important;
	margin-right: 1px;
	font-style: normal;
	font-weight: normal;
}

.cmty-topic-subject {
	font-weight: bold;
	color: #fff;
	width: -webkit-calc(100% - 78px);
	width: calc(100% - 78px);
	position: relative;
	font-family: "Roboto", sans-serif;
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: top;
}

.too-many-icons .cmty-topic-subject {
	width: -webkit-calc(100% - 103px);
	width: calc(100% - 103px);
}

.cmty-topic-subject a {
	color: #fff;
}

.cmty-topic-posts-top {
	padding-bottom: 4px;
}

.cmty-topic-first-row {
	padding-top: 3px;
}

.cmty-topic-first-row-right {
	width: 72px;
	display: inline-block;
	text-align: right;
	line-height: 22px;
}

.too-many-icons .cmty-topic-first-row-right {
	width: 98px;
}

.cmty-topic-first-row-right a {
	color: #ddd;
}

.cmty-topic-first-row-right .cmty-topic-jump-top,
.cmty-topic-first-row-right .cmty-topic-jump-bottom {
	margin-right: 12px;
	font-size: 24px;
}

.cmty-topic-first-row-right .cmty-full-screen,
.cmty-target-url {
	margin-right: 5px;
}

.cmty-topic-state {
	margin-right: 5px;
	font-size: 22px;
}

.cmty-topic-third-row-left {
	display: inline-block;
	width: -webkit-calc(100% - 216px);
	width: calc(100% - 216px);
	vertical-align: top;
}

.cmty-topic-third-row-right {
	vertical-align: top;
	width: 211px;
	text-align: right;
	display: inline-block;
	margin-top: 2px;
}

@media (max-width: 768px) {
	.cmty-topic-first-row-right {
		width: 116px;
	}

	.cmty-topic-subject {
		width: calc(100% - 121px);
		width: -webkit-calc(100% - 121px);
	}

	.too-many-icons .cmty-topic-subject {
		width: -webkit-calc(100% - 146px);
		width: calc(100% - 146px);
	}

	.too-many-icons .cmty-topic-first-row-right {
		width: 142px;
	}
}

@media (max-width: 480px), (max-height: 480px) {
	.cmty-topic-third-row-right .cmty-topic-jump-top,
	.cmty-topic-third-row-right .cmty-topic-jump-bottom {
		padding-right: 10px;
	}
}

.cmty-topic-can-unlock {
	cursor: pointer;
}

.cmty-topic-archive {
	margin: 0 8px;
}

.cmty-topic-bookmark {
	margin: 0 8px;
}

.cmty-topic-itembox-wrapper {
	position: relative;
	width: 100%;
	/*height : 48px;*/
	/*overflow : hidden;*/
	/*border : 1px solid;*/
	margin-top: 5px;
}

.cmty-tags-itembox-wrapper .cmty-items-input-box {
	width: 100% !important;
	border: 0px !important;
	top: 0px;
	height: 100%;
	position: relative;
}

.cmty-topic-full .cmty-tags-itembox-wrapper {
	position: relative;
	width: 100%;
}

.cmty-topic-full .cmty-tags-itembox-wrapper .cmty-item-tag {
	margin-top: 2px;
	margin-bottom: 1px;
}

.cmty-click-for-tags {
	display: none;
	height: 28px;
	padding-top: 1px;
}

.cmty-click-for-tags a {
	font-size: 14px;
	color: #ddd;
	text-decoration: underline;
}

.cmty-hide-topic-tags .cmty-click-for-tags {
	display: block;
}

.cmty-hide-topic-tags .cmty-tags-itembox-wrapper {
	display: none;
}

.cmty-moderate-topic .btn-primary {
	margin: 3px 0 3px 5px;
}

.cmty-mod-topic-hidden-title {
	margin-left: 3px;
}

.cmty-mod-topic-hidden-tag {
	margin-left: 6px;
}

.cmty-mod-topic-hidden-tag .aops-font {
	margin-right: 3px;
	cursor: pointer;
}

.cmty-mod-topic-input-row input[type="text"] {
	width: 375px;
}
.cmty-mod-topic-move .cmty-item-forum {
	vertical-align: middle;
}

.cmty-topic-posts-outer-wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
	top: 0px;
	bottom: 0px;
}

.cmty-topic-posts-outer-wrapper .aops-scroll-inner {
	overflow-x: hidden;
}

.cmty-full-screen {
	display: inline-block;
	/*	font-size : 16px;*/
	line-height: 20px;
	cursor: pointer;
}

.cmty-full-screen:after {
	content: "P";
}

.fullscreen .cmty-full-screen:after {
	content: "s";
}

.cmty-topic-jump {
	position: absolute;
	right: 0;
	color: #ddd;
	font-family: AoPS;
	font-size: 10px;
}

.cmty-topic-posts-outer-wrapper .aops-scrollbar-not-visible .cmty-topic-jump {
	display: none;
}

.cmty-topic-jump-top {
	top: -2px;
}

.cmty-topic-posts-outer-wrapper .aops-scroll-bar {
	right: 0px;
	height: calc(100% - 18px);
	height: -webkit-calc(100% - 18px);
	/*	height : calc(100% - 22px);
	height : -webkit-calc(100% - 22px);*/
	top: 9px;
	/*	top : 20px;*/
	margin: 0;
	z-index: 4;
	border-radius: 0px;
	box-shadow: none;
	background-color: transparent; /*#7a7a7a;*/
}

.cmty-topic-posts-outer-wrapper .aops-scroll-slider {
	background-color: #ddd;
	/*	background-color : rgb(158, 187, 240);*/
}

.cmty-topic-jump-bottom {
	bottom: -3px;
	/*	top : 8px; -3px;*/
}

.cmty-topic-posts-outer-wrapper .aops-scroll-inner {
	padding: 0px !important;
}

.cmty-topic-posts-outer-wrapper .aops-scroll-content {
	min-height: 100%;
	background-color: #666;
	z-index: 5;
}

#cmty-topic-view-right
	.cmty-topic-posts-outer-wrapper
	.aops-scrollbar-visible
	.aops-scroll-content,
#cmty-topic-view-right
	.cmty-topic-posts-outer-wrapper
	.aops-spoof-scrollbar-visible
	.aops-scroll-content {
	padding-right: 3px;
}

.aops-scrollbar-not-visible .cmty-topic-jump {
	display: none;
}

/** scroll-content widths set on the pages where these elements occur **/

.cmty-topic-posts-window {
	position: relative;
	width: calc(100% + 20px);
	width: -webkit-calc(100% + 20px);
	overflow-x: hidden;
	overflow-y: scroll;
	height: 100%;
	/*	border : 1px solid;*/
}

.cmty-topic-posts {
	position: relative;
	width: 100%;
}

.cmty-topic-posts-bottom {
	height: 28px;
	position: relative;
	width: 100%;
	padding: 2px 4px;
	background-color: #666;
}

.cmty-topic-mini-reply {
	background-color: white;
	position: relative;
	line-height: 18px;
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #aaa;
	padding-left: 6px;
	display: inline-block;
	width: 100%;
	border-radius: 6px;
	cursor: pointer;
}

.cmty-topic-posts-bottom-right {
	width: 30px;
	text-align: center;
	color: #ddd;
	height: 100%;
	vertical-align: top;
	display: inline-block;
	font-family: "Roboto", sans-serif;
	line-height: 28px;
}

.cmty-topic-full .aops-scroll-fade-top {
	/* From http://www.colorzilla.com/gradient-editor/ */
	width: calc(100% - 10px);
	width: -webkit-calc(100% - 10px);

	height: 6px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: -moz-linear-gradient(
		top,
		rgba(122, 122, 122, 1) 0%,
		rgba(122, 122, 122, 0.5) 50%,
		rgba(122, 122, 122, 0) 100%
	); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, rgba(122, 122, 122, 0.5)),
		color-stop(50%, rgba(122, 122, 122, 1)),
		color-stop(100%, rgba(122, 122, 122, 0))
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		top,
		rgba(122, 122, 122, 1) 0%,
		rgba(122, 122, 122, 0.5) 50%,
		rgba(122, 122, 122, 0) 100%
	); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(
		top,
		rgba(122, 122, 122, 1) 0%,
		rgba(122, 122, 122, 0.5) 50%,
		rgba(122, 122, 122, 0) 100%
	); /* Opera 11.10+ */
	background: -ms-linear-gradient(
		top,
		rgba(122, 122, 122, 1) 0%,
		rgba(122, 122, 122, 0.5) 50%,
		rgba(122, 122, 122, 0) 100%
	); /* IE10+ */
	background: linear-gradient(
		to bottom,
		rgba(122, 122, 122, 1) 0%,
		rgba(122, 122, 122, 0.5) 50%,
		rgba(122, 122, 122, 0) 100%
	); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#00666666',GradientType=0 ); /* IE6-9 */
}

.cmty-topic-full .aops-scroll-fade-bottom {
	/* From http://www.colorzilla.com/gradient-editor/ */
	position: absolute;
	width: calc(100% - 10px);
	width: -webkit-calc(100% - 10px);
	height: 6px;
	left: 0px;
	bottom: 0px;
	background: -moz-linear-gradient(
		top,
		rgba(122, 122, 122, 0) 0%,
		rgba(122, 122, 122, 0.5) 50%,
		rgba(122, 122, 122, 1) 100%
	); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, rgba(122, 122, 122, 0)),
		color-stop(50%, rgba(122, 122, 122, 0.5)),
		color-stop(100%, rgba(122, 122, 122, 1))
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		top,
		rgba(122, 122, 122, 0) 0%,
		rgba(122, 122, 122, 0.5) 50%,
		rgba(122, 122, 122, 1) 100%
	); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(
		top,
		rgba(122, 122, 122, 0) 0%,
		rgba(122, 122, 122, 0.5) 50%,
		rgba(122, 122, 122, 1) 100%
	); /* Opera 11.10+ */
	background: -ms-linear-gradient(
		top,
		rgba(122, 122, 122, 0) 0%,
		rgba(122, 122, 122, 0.5) 50%,
		rgba(122, 122, 122, 1) 100%
	); /* IE10+ */
	background: linear-gradient(
		to bottom,
		rgba(122, 122, 122, 0) 0%,
		rgba(122, 122, 122, 0.5) 50%,
		rgba(122, 122, 122, 1) 100%
	); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00666666', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
}

.cmty-topic-source-display {
	position: relative;
	width: 100%;
	background: #fff;
	font-size: 12px;
	margin-bottom: 1px;
	padding: 3px 0 2px 10px;
}

.cmty-topic-source-display .cmty-source-title {
	font-weight: bold;
}

.cmty-office-hours-person-here .cmty-post-wrapper {
	background-color: #fcffe1;
}

/** Single topic thread end **/

/************
 * Single Post
 *  Used in feed and on cmty-page-topic
 ************/

.cmty-post {
	/*margin-bottom : 5px;*/
	border-bottom: 1px #666 solid;
	position: relative;
}

.cmty-post-target-note {
	border: 1px dashed #aaa;
	width: 90%;
	margin: 5px auto;
	background-color: #f4f4f4;
	border-radius: 10px;
	padding: 5px;
}

.cmty-remove-target {
	width: 100%;
	margin-top: 5px;
	font-size: 11px;
	text-align: center;
}

.cmty-post-deleted-info {
	display: none;
}

.cmty-post-wrapper {
	padding-top: 0;
	position: relative;
	width: 100%;
	background: white;
	display: table;
	overflow: visible;
}

/** Don't think I need this div in the middle, but we'll keep it for now **/
.cmty-post-tr {
	display: table-row;
}

.cmty-post-tr > div {
	display: table-cell;
	vertical-align: top;
	height: 100%;
}

.cmty-post-left {
	width: 100px;
	padding: 10px 10px 8px 10px;
	overflow: hidden;
	position: relative;
	line-height: 18px;
}

.cmty-post-left a {
	color: black;
}

.cmty-post-middle {
	padding-top: 5px !important;
	position: relative;
	/*width : calc(100% - 125px);
	width : -webkit-calc(100% - 125px);
	max-width : calc(100% - 125px);
	max-width : -webkit-calc(100% - 125px);
	max-width : 843px;*/
	padding-right: 8px;
	border-right: 1px solid #eee;
	margin: 0 auto 0 0;
	top: 0;
	bottom: 0;
	height: 100%;
	overflow: visible;
}

.cmty-post-html {
	overflow: visible;
	padding: 1px 0px;
}

.cmty-post-right {
	padding-top: 3px;
	width: 25px;
	padding-left: 5px;
	font-size: 16px;
	color: #aaa;
	background: white;
	position: relative;
}

.cmty-post-right .aops-font {
	cursor: pointer;
}

.cmty-post-settle-report {
	color: #f00;
	z-index: 4;
}

@media (min-width: 800px) {
	.cmty-post-settle-report {
		animation: settle-report 1s infinite;
		-webkit-animation: settle-report 1s infinite;
	}
	@keyframes settle-report {
		from {
			color: #f00;
		}
		to {
			color: #fff;
		}
	}
	@-webkit-keyframes settle-report {
		from {
			color: #f00;
		}
		to {
			color: #fff;
		}
	}
}

.cmty-post-username {
	position: relative;
	margin-top: 5px;
	font-weight: bold;
	font-size: 12px;
	width: 90px;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	text-overflow: ellipsis;
	color: black;
}

.cmty-phone-poster a {
	font-weight: bold;
	color: black;
}

.cmty-post .cmty-user-admin a,
.cmty-post .cmty-user-admin:before {
	color: #009fad;
}

.cmty-forum-admin a {
	color: #990000;
}

.cmty-forum-mod a {
	color: #009900;
}

.cmty-hide-avatars .cmty-post-username {
	margin-top: 0px;
}

.cmty-post-top {
	font-style: italic;
	font-size: 12px;
	color: #aaa;
	position: relative;
	width: 100%;
}

.cmty-post-top-inline {
	display: inline-block;
}

.cmty-post-top-data {
	width: 100%;
	position: relative;
	vertical-align: top;
}

.cmty-post-real-username,
.cmty-post-num-posts {
	font-size: 12px;
	color: #aaa;
	font-style: italic;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	text-overflow: ellipsis;
	width: 80px;
}

.cmty-post-date {
	float: left;
}

.cmty-post-thank-count {
	float: left;
	margin-left: 4px;
	cursor: pointer;
}

.cmty-post-nothank-count {
	float: left;
	margin-left: 4px;
}

.cmty-post-number {
	float: right;
}

.cmty-pm-from-post {
	float: right;
	padding: 0 7px 0 3px;
	cursor: pointer;
}

.cmty-pm-from-post:hover > span {
	border-bottom: 1px solid;
}

.cmty-pm-from-post .aops-font {
	font-size: 11px;
}

.cmty-post-body {
	line-height: 19px;
	width: 850px;
	font-size: 15px;
	margin-top: 0px;
	margin-bottom: 8px;
	position: relative;
	max-width: 100%;
	overflow: visible;
}

.cmty-post-body img,
.cmty-view-post-item-text img {
	max-width: 100%;
	max-height: 600px;
}

.cmty-post-body a span,
.cmty-post-preview-text a span {
	color: #1155cc !important;
}

.cmty-post-show-thanks .cmty-post-thankers {
	display: block;
}
.cmty-post-thankers {
	margin: 2px 2px 10px 0;
	font-size: 12px;
	color: #888;
	width: 100%;
	border-bottom: 1px dashed #888;
	display: none;
}

.cmty-thank-title {
	font-weight: bold;
}

.cmty-thankers {
	font-style: italic;
}

.bbcode-youtube {
	max-width: 100%;
}

.cmty-post-reports-container .cmty-post-body {
	width: 780px;
}

.cmty-post-edit-info {
	position: relative;
	width: 100%;
	font-size: 10px;
	font-style: italic;
	color: #aaa;
	margin-top: 8px;
	line-height: 12px;
	display: none;
}

.cmty-post-edited .cmty-post-edit-info {
	display: block;
}

.cmty-post-direct-modal input {
	width: 100%;
}

a.cmty-post-number {
	color: #aaa;
}

.cmty-unread-icon {
	display: none;
	color: #aaa;
	font-family: AoPS;
	font-size: 11px;
	float: right;
	margin-right: 2px;
	line-height: 16px;
	font-style: normal;
}

.cmty-post-unread .cmty-unread-icon {
	display: inline-block;
}

.cmty-post-attachments {
	padding-top: 5px;
	display: none;
}

.post-has-attachment .cmty-post-attachments {
	display: block;
}

.cmty-post-attached-title {
	font-style: italic;
	font-size: 12px;
}

.cmty-post-too-long {
	color: #f00;
}

/* Start poll display */

.cmty-poll-display {
	position: relative;
	width: 90%;
	margin: 5px auto;
	border: 2px solid #888;
	background-color: #ddd;
	padding: 8px;
}

.cmty-poll-display-top {
	font-style: italic;
}

.cmty-poll-display-data {
	display: table;
	margin: 5px auto;
	position: relative;
	table-layout: fixed;
}

.cmty-poll-option {
	display: table-row;
	margin: 4px 0;
}

.cmty-poll-option > div {
	display: table-cell;
	position: relative;
	padding: 3px 0;
}

.cmty-poll-display-top .aops-font {
	font-style: normal;
	margin-right: 5px;
}

.cmty-poll-option .cmty-poll-result-bar-cell {
	display: none;
	border-left: 1px solid #aaa;
	position: relative;
	width: 150px;
	vertical-align: middle;
}

.cmty-poll-display-data .cmty-poll-top-center {
	border: none;
}

.cmty-poll-result-bar {
	height: 10px;
	background-color: #aaa;
}

.cmty-poll-option .cmty-poll-result-data {
	display: none;
	padding-left: 1px;
	vertical-align: middle;
}

.cmty-poll-hide-results {
	display: none;
}

.cmty-poll-num-votes {
	display: none;
	text-align: center;
}

.cmty-poll-display input[type="radio"] {
	margin-top: -1px;
	vertical-align: middle;
}

.cmty-poll-select-no-results {
	display: block;
	text-align: center;
}

.cmty-poll-select-with-results {
	display: none;
	text-align: center;
}

.cmty-poll-option-text {
	text-align: left;
	max-width: 300px;
	overflow: hidden;
	position: relative;
}

.cmty-poll-result-percent {
	display: inline-block;
	text-align: right;
	width: 35px;
}

.cmty-poll-result-number {
	display: inline-block;
	text-align: left;
	padding-left: 2px;
}

.cmty-poll-vote-row {
	margin: 4px auto;
	text-align: center;
}

.cmty-poll-results-toggle {
	text-align: center;
}

.cmty-poll-results-toggle span {
	font-size: 12px;
	cursor: pointer;
}

.cmty-poll-helper-text {
	font-style: italic;
	text-align: center;
	font-size: 11px;
}

.cmty-poll-show-results .cmty-poll-cannot-vote .cmty-poll-option-text {
	text-align: right;
}

.cmty-poll-show-results .cmty-poll-option-text {
	padding-right: 5px;
}

.cmty-poll-show-results .cmty-poll-num-votes {
	display: block;
}

.cmty-poll-show-results .cmty-poll-result-bar-cell {
	display: table-cell;
}

.cmty-poll-show-results .cmty-poll-result-data {
	display: table-cell;
}

.cmty-poll-show-results .cmty-poll-hide-results {
	display: block;
}

.cmty-poll-show-results .cmty-poll-show-results {
	display: none;
}

#feed-wrapper .cmty-poll-option .cmty-poll-result-bar-cell {
	display: none;
}

#feed-wrapper .cmty-poll-option-text {
	max-width: 200px;
}

/* end poll display */

/*.cmty-post-bottom {
	position : relative;
	width : 100%;
	border-top : 1px dashed;
	padding-left : 104px;
	margin-top : 5px;
	font-size : 9px;
	padding-top : 2px;
	padding-bottom : 0px;
	height : 20px;
}

.cmty-post-bottom-left {
	float : left;
}


.cmty-post-bottom-left img {
	margin-top : 2px;
	height : 15px;
}

.cmty-post-h-f-right img {
	margin-top : 2px;
	height : 15px;
	width : 15px;
	margin-right : 6px;
	cursor : pointer;
}*/

/** Start responsive stuff **/

@media (max-width: 1270px) {
	.cmty-post-body,
	.cmty-post-reports-container .cmty-post-body {
		width: 592px;
	}
}

@media (max-width: 1020px) {
	.cmty-post-body,
	.cmty-post-reports-container .cmty-post-body {
		width: 510px;
	}
}

@media (max-width: 930px) {
	.cmty-post-body,
	.cmty-post-reports-container .cmty-post-body {
		width: 420px;
	}
}

@media (max-width: 840px) {
	/** We're hoping for the best here
	 If phone mode breaks, then you're starting here.
	 This is leaning on the hope that display : table-cell continues
	 to force the width out to fill the whole display : table **/
	.cmty-post-middle {
		max-width: 200px;
	}

	.cmty-post-body {
		width: 100%;
	}
}

/** End responsive stuff **/

/* Start report post */

.cmty-report-post table {
	margin-bottom: 10px;
}

.cmty-report-post td {
	padding-top: 8px;
}

.cmty-report-post td:nth-child(1) {
	text-align: right;
	font-weight: bold;
	vertical-align: top;
	padding-right: 3px;
}

.cmty-report-post textarea {
	width: 100%;
}

/* End report post */

/* Start delete post */

.cmty-delete-post {
	text-align: left;
	max-width: 500px;
}

.cmty-delete-post input {
	vertical-align: top;
}

.cmty-delete-post label {
	margin-left: 10px;
}

/* End delete post */

/* Start deleted post */

.cmty-post-is-deleted .cmty-post-wrapper {
	display: none;
	background-color: #ddd;
}

.cmty-post-is-deleted .cmty-post-right {
	display: none;
}

.cmty-post-is-deleted .cmty-post-deleted-info {
	display: block;
}

.cmty-deleted-info-post-open {
	display: none;
}

.cmty-post-deleted-info {
	position: relative;
	width: 100%;
	background-color: #fff;
	padding: 5px;
}

.cmty-undelete-post {
	float: right;
}

.cmty-post-deleted-open .cmty-post-wrapper {
	display: table;
}

.cmty-post-deleted-open .cmty-deleted-info-post-closed {
	display: none;
}

.cmty-post-deleted-open .cmty-deleted-info-post-open {
	display: block;
}

/* End deleted post */

/* Rendered BBcode */

a.cmty-hide-heading,
span.cmty-hide-heading {
	text-decoration: none;
	color: #e06800;
	background-color: #f9e1cc;
	border-radius: 2px;
}

.cmty-tip-header {
	color: white;
	background-color: #3972bb;
	border-radius: 2px;
}

.cmty-tip-header,
.cmty-hide-heading {
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 3px;
	margin-right: 3px;
	text-decoration: none;
}

a.cmty-hide-heading:hover,
span.cmty-hide-heading:hover {
	text-decoration: none;
	color: white;
	background-color: #e06800;
}

.cmty-tip-header:hover {
	text-decoration: none;
	color: #3972bb;
	background-color: #e6e6e6;
	border-radius: 2px;
}

div.cmty-hide-content {
	display: none;
}

span.cmty-hide-open ~ div.cmty-hide-content {
	display: block;
}

div.cmty-tip-content {
	display: none;
}

span.cmty-tip-open .cmty-tip-content {
	display: block;
}

.cmty-hide-content,
.bbcode_quote {
	position: relative;
	border-radius: 0px 14.5px 14.5px 14.5px;
	padding: 6px 10px 4px 20px;
	margin: 12px;
	z-index: 2;
	min-height: 29px;
}

.cmty-hide-content {
	font-size: 15px !important;
}

.cmty-tip-content {
	position: absolute;
	border-radius: 14.5px;
	color: white;
	background-color: #3972bb;
	min-width: 29px;
	min-height: 29px;
	text-align: center;
	padding: 5px 10px;
	z-index: 100001;
}

.cmty-tip-content .latexcenter,
.cmty-tip-content .latex {
	filter: invert();
}

.cmty-tip-triangle {
	content: " ";
	position: absolute;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 12px solid #3972bb;
	z-index: 12;
}

.bbcode_quote:before {
	content: "";
	background: url("/assets/images/quote.svg");
	padding: 4px 6.5px;
}

.cmty-hide-content:before {
	content: "";
	background: url("/assets/images/eye.svg");
	padding: 4px 4px;
}

.bbcode_quote:before,
.cmty-hide-content:before,
.bbcode_quote:after,
.cmty-hide-content:after {
	width: 29px;
	height: 29px;
	position: absolute;
	top: 0px;
	left: -11px;
	display: flex;
	padding-top: 5px;
	align-items: center;
	justify-content: center;
}

.bbcode_quote:before,
.cmty-hide-content:before {
	border-width: 3px;
	border-style: solid;
	border-radius: 14.5px;
	background-size: 23px 23px;
	z-index: 3;
}

.bbcode_quote:after,
.cmty-hide-content:after {
	content: "";
	border-radius: 14.5px 0px 0px 14.5px;
	z-index: 1;
}

.bbcode_quote_head {
	margin-bottom: 5px;
	font-style: italic;
	font-size: 12px;
}
/*
Triangle for quote.
.bbcode_quote:before {
	content : 'h';
	font-family : AoPS;
	font-size : 30px;
	color : #bbb;
	position : absolute;
	left : -10px;
	top : 15px;
}
*/

/*.bbcode_quote_head:before {
	content: "z ";
	font-family: AoPS;
	font-size: 14px;
	margin-right: 4px;
}*/

/** Single post end **/

/****
 * Posting environment Begin
 **/

.cmty-posting-environ {
	position: relative;
	height: 100%;
	text-align: left;
}

.cmty-posting-modal {
	width: 800px;
	height: 80%;
}

.cmty-posting-modal .aops-modal-content-wrapper {
	box-shadow: none;
}

.cmty-posting-modal .aops-scroll-content {
	height: 100%;
}

.cmty-posting-box {
	text-align: left;
	width: 100%;
}

.cmty-posting-top {
	width: 100%;
	background-color: #555;
	color: #fff;
	padding-right: 15px;
}

.cmty-heading-text {
	font-size: 14px;
	/*	font-weight : bold;*/
	width: 70px;
	text-align: right;
	vertical-align: top;
	margin-top: 3px;
	display: inline-block;
}

.cmty-posting-subject-line {
	padding: 5px 0px 5px 0;
}

.cmty-posting-subject-line input[type="text"].cmty-subject-input {
	height: 26px;
}

.aops-modal-body input[type="text"].cmty-subject-input {
	width: calc(100% - 280px);
	width: -webkit-calc(100% - 280px);
	padding: 1px;
	border: none;
}

@media (max-width: 650px) {
	.cmty-post-in {
		display: none;
	}
	.aops-modal-body input[type="text"].cmty-subject-input {
		width: calc(100% - 85px);
		width: -webkit-calc(100% - 85px);
	}
}

.cmty-posting-forum {
	max-width: 180px;
	margin-right: 10px;
	display: inline-block;
}

.cmty-posting-forum-name {
	float: right;
	padding: 3px 6px 5px 6px;
	height: 24px;
	width: 165px;
	margin-right: 11px;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	text-overflow: ellipsis;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
}

.cmty-tags-line {
	padding: 0 0 5px 0;
	position: relative;
	width: 100%;
}

.cmty-tags-line .cmty-items-input-box {
	width: calc(100% - 85px);
	width: -webkit-calc(100% - 85px);
	position: relative;
	display: inline-block;
	min-height: 26px;
}

.cmty-tags-line .cmty-item-tag {
	margin: 1px 2px;
}

.cmty-posting-source {
	padding: 0 0 5px 0;
	/*	font-size : 12px; */
}

.cmty-source-input {
	width: calc(100% - 85px);
	width: -webkit-calc(100% - 85px);
}

.cmty-posting-checkbox {
	margin-left: 58px;
	line-height: 16px;
	height: 22px;
	font-size: 14px;
	padding-bottom: 10px;
	margin-top: -3px;
}

.cmty-posting-checkbox input {
	margin-right: 3px;
}

/* Buttons row begins */

.cmty-posting-button-row {
	height: 34px;
	position: relative;
	padding: 5px 0px;
	background-color: #ccc;
}

/* Bbcode buttons begin **/

.cmty-bbcode-buttons {
	position: relative;
	height: 24px;
	width: calc(100% - 265px);
	width: -webkit-calc(100% - 265px);
	display: inline-block;
	float: left;
	/*	white-space : nowrap;
	overflow : hidden;*/
}

.cmty-bbcode-btn {
	width: 30px;
	height: 24px;
	/*border : 1px solid black;*/
	display: inline-block;
	background-image: url("/m/community/img/posting-buttons-small.png");
	z-index: 20;
}

.cmty-bbcode-btn:hover {
	opacity: 0.6;
	/*z-index : 40;*/
}

.cmty-bbcode-btn.selected:hover {
	opacity: 1;
	z-index: 20;
}

.cmty-bbcode-other {
	background: transparent;
	color: white;
	font-family: AoPS;
	vertical-align: top;
	padding: 0 0 0 5px;
	font-size: 22px;
	top: -2px;
	position: relative;
}

.cmty-bbcode-other:after {
	content: "Q";
}

.cmty-bbcode-bold {
	background-position: -116px -5px;
}

.cmty-bbcode-underline {
	background-position: -143px -5px;
}

.cmty-bbcode-italic {
	background-position: -170px -5px;
}

.cmty-bbcode-text-size {
	background-position: -2px -5px;
	width: 48px;
	margin-left: 2px;
}

.cmty-bbcode-text-color {
	background-position: -60px -5px;
	width: 48px;
	margin-left: 2px;
}

.cmty-bbcode-quote {
	background-position: -204px -5px;
	margin-left: 2px;
}

.cmty-bbcode-list {
	background-position: -234px -5px;
}

.cmty-bbcode-hide {
	background-position: -264px -6px;
}

.cmty-bbcode-code {
	background-position: -297px -6px;
}

.cmty-bbcode-img {
	background-position: -340px -6px;
	margin-left: 2px;
}

.cmty-bbcode-url {
	background-position: -371px -6px;
}

.cmty-bbcode-smiley {
	width: 36px;
	background-position: -408px -6px;
	margin-left: 2px;
}

.cmty-bbcode-attachment {
	margin-left: 2px;
	background-position: -449px -6px;
}

.cmty-bbcode-poll {
	width: 36px;
	background-position: -480px -6px;
}

.cmty-bbcode-disabled .cmty-is-bbcode {
	opacity: 0.6;
	cursor: auto;
}

/* Bbcode buttons end */

/* posting button popups start */
.cmty-posting-submenu {
	position: absolute;
	z-index: 20;
	background: #fff;
	border: 1px solid #ccc;
}

.cmty-posting-submenu-extras {
	margin: 3px 0 0 4px;
	padding: 5px;
}

.cmty-posting-announce-extra {
	padding-left: 22px;
	font-size: 12px;
	padding-top: 2px;
}

.cmty-posting-submenu-extras label {
	cursor: pointer;
}

.cmty-posting-submenu-font-color {
	width: 130px;
	height: 130px;

	line-height: 10px;
}

.cmty-posting-font-color-swatch {
	width: 12px;
	cursor: pointer;
	height: 12px;
	margin: 2px;
	display: inline-block;
}

.cmty-posting-font-color-swatch:hover {
	box-shadow: 0 0 4px #666;
}

.cmty-posting-submenu-smileys {
	width: 200px;
	height: 200px;
}

.cmty-posting-smiley-holder.aops-scroll-content {
	width: 180px;
}

.cmty-posting-submenu-smileys .bbcode_smiley {
	margin: 2px;
	cursor: pointer;
}

.cmty-posting-submenu-smileys .aops-scroll-content {
	height: auto;
}

.cmty-posting-font-size {
	padding: 0 5px;
	cursor: pointer;
}

.cmty-posting-font-size:hover {
	background-color: #ddd;
}

/* posting button popups end */

.cmty-new-topic-popup .cmty-posting-environ-buttons {
	right: 17px;
}

.cmty-posting-environ-buttons {
	width: 260px;
	float: right;
	display: inline-block;
	position: relative;
	z-index: 1;
	text-align: right;
}

.cmty-posting-environ-buttons .btn {
	width: 120px;
}

.cmty-cancel-button.btn-primary {
	background-color: #fff;
	color: #1b365d;
}

.cmty-cancel-button.btn-primary:hover {
	background-color: #eee;
	color: #1b365d;
}

.cmty-cancel-posting-x {
	display: none;
	cursor: pointer;
}

.cmty-new-topic-popup .cmty-submit-button {
	margin-right: 7px;
}

/* Buttons row ends */

.cmty-posting-box-container {
	position: relative;
	/*	height : calc(100% - 115px); */
}

.cmty-posting-previewing .cmty-posting-box-container {
	position: relative;
	height: calc(50% - 60px);
	height: -webkit-calc(50% - 60px);
}

.cmty-post-textarea {
	width: 100%;
	height: 100%;
	resize: none;
}

/* Start Posting Preview */

.cmty-posting-preview-bar {
	height: 20px;
	color: white;
	text-align: center;
	width: 100%;
	font-size: 12px;
	line-height: 20px;
	background-color: #1b365d;
}

.cmty-posting-preview-bar .aops-font {
	font-size: 14px;
}

.cmty-refresh-preview {
	margin-left: 10px;
}

.cmty-refresh-preview .aops-font {
	margin-right: 3px;
}

.cmty-post-preview {
	display: none;
	position: relative;
	height: calc(50% - 60px);
	height: -webkit-calc(50% - 60px);
}

.cmty-post-preview-text.aops-scroll-content {
	height: auto;
	padding: 0 5px 5px 5px;
}

.cmty-posting-previewing .cmty-post-preview {
	display: block;
}

.cmty-posting-preview-bar-hidden {
	display: inline-block;
}

.cmty-preview-bar-attachments {
	display: none;
	position: absolute;
	left: 0px;
	margin-left: 5px;
}

.cmty-posting-with-attachments .cmty-preview-bar-attachments {
	display: inline-block;
}

.cmty-posting-previewing .cmty-posting-preview-bar-hidden {
	display: none;
}

.cmty-posting-preview-bar-shown {
	display: none;
}

.cmty-posting-previewing .cmty-posting-preview-bar-shown {
	display: inline-block;
}

.cmty-post-preview-container {
	position: relative;
	text-align: left;
	width: 100%;
	height: 100px;
	overflow: hidden;
}

.cmty-post-preview-text {
	text-align: left;
	width: calc(100% - 20px);
	min-height: calc(100% - 8px);
	position: relative;
}

.cmty-post-preview-scrollbox {
	position: absolute;
	right: 0px;
	top: 0px;
	height: -webkit-calc(100% - 2px);
	height: calc(100% - 2px);
	width: 10px;
	border-radius: 10px;
	border: 1px solid blue;
}

.cmty-post-preview-slider {
	position: relative;
	width: 10px;
	border-radius: 10px;
	background-color: blue;
}

.cmty-post-preview .aops-scroll-bar {
	height: 100%;
	top: 0;
}

/* End posting preview */

/** Start polls input **/

.cmty-poll-build {
	width: 100%;
	position: relative;
	background-color: #555;
	color: #fff;
	padding: 5px;
}

.cmty-poll-build > div > div {
	display: inline-block;
	vertical-align: top;
}

.cmty-poll-left {
	width: 100px;
}

.cmty-poll-left > div {
	font-size: 10px;
}

.cmty-poll-right {
	width: calc(100% - 110px);
}

.cmty-poll-right input {
	width: 100%;
}
.cmty-poll-right textarea {
	width: 100%;
	height: 110px;
}

.cmty-poll-right select {
	margin-right: 10px;
}

input.cmty-poll-cancel-btn {
	width: 125px;
	float: right;
}

.cmty-poll-input-row {
	margin: 5px 0;
}

.cmty-poll-options-row {
	font-size: 12px;
}

.cmty-poll-build {
	display: none;
}

.cmty-posting-with-poll .cmty-poll-build {
	display: block;
}

.cmty-posting-with-poll .cmty-bbcode-poll {
	background-position: -567px -6px;
}

/** End polls input **/

/** Start attachments **/

.cmty-posting-with-attachments .cmty-bbcode-attachment {
	background-position: -535px -6px;
}

.aops-modal-standard.cmty-upload-modal .aops-modal-body {
	width: 400px;
	min-width: 400px;
}

.cmty-posting-attachments {
	width: 100%;
}

.cmty-attach-buttonholder {
	position: relative;
	width: 100%;
	height: 18px;
	margin-top: 5px;
}
.cmty-attach-done {
	float: right;
}

#post-attachments.dropzone {
	height: 192px;
	width: 100%;
	padding: 10px;
	min-height: 100px;
	margin: 0 auto;
	padding: 12px 0 0 8px;
}

#post-attachments .dz-message {
	position: absolute;
	color: #888;
	width: 330px;
}

#post-attachments .dz-message a {
	cursor: pointer;
}

#post-attachments.dropzone .dz-preview {
	margin: 0 5px;
	vertical-align: top;
	padding: 4px;
}

#post-attachments .dz-fallback {
	width: 100%;
	height: 100%;
	background-color: #ffaaaa;
	color: #990000;
}

.post-attachments-existing-title {
	margin-top: 5px;
}

.post-attachment-existing-row {
	/*	margin-left : 5px;
	cursor : pointer;*/
}

.post-attachment-existing-row .aops-font {
	margin-right: 3px;
	cursor: pointer;
}

/** End attachments **/

/** Start private conversation **/

.cmty-private-recipients {
	padding-top: 5px;
}

.cmty-new-private-conversation input[type="text"].cmty-subject-input,
.cmty-new-private-conversation .cmty-items-input-box {
	width: calc(100% - 85px);
	min-height: 26px;
	width: -webkit-calc(100% - 85px);
}

/** End private conversation **/

/* Who is typing bar */
.cmty-who-is-typing {
	display: flex;
	align-items: center;
	border: 1px solid #555;
	font-size: 12px;
	font-family: "Roboto", sans-serif;
	font-style: italic;
	color: #888;
}

.cmty-who-is-typing .cmty-user-is-typing:not(:last-child) {
	border-bottom: none;
}

/* Avatar in the who is typing notification bar. */
.cmty-user-is-typing .cmty-avatar {
	width: 15px;
	height: 15px;
	margin: 5px 5px;
}

/** Reply (much overwriting of posting classes **/

.cmty-reply-window {
	margin-top: 2px;
	display: none;
	padding-bottom: 4px;
}

.cmty-topic-full-drag-wrapper {
	position: absolute;
	width: 50%;
	height: calc(100% - 230px);
	height: -webkit-calc(100% - 230px);
	top: 130px;
}

.cmty-open-preview .cmty-topic-full-drag-wrapper {
	height: calc(100% - 390px);
	height: -webkit-calc(100% - 390px);
}

.cmty-reply-divider {
	width: 90px;
	margin: 0 auto;
	position: relative;
	height: 5px;
	background-color: #333;
	color: white;
	cursor: NS-resize;
	text-align: center;
	font-size: 11px;
	line-height: 5px;
	/*	font-family : AoPS;
	font-size : 10px;
	line-height : 14px;*/
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}

.cmty-reply-divider div {
	display: inline-block;
	transform: scale(3, 1);
	-webkit-transform: scale(3, 1);
}
/*
.cmty-reply-divider:after{
	content : '=';Q
}*/

.cmty-reply-divider.ui-draggable-dragging {
	display: none;
}

.cmty-tiny-viewport .cmty-reply-divider {
	display: none;
}

.cmty-reply-window .cmty-posting-box-container textarea {
	width: 100%;
	height: 200px; /** This controls the height of the reply posting window. **/
}

.cmty-reply-window .cmty-posting-button-row {
	background-color: #333;
}

.cmty-reply-window .cmty-bbcode-poll {
	display: none;
}

.cmty-reply-window .cmty-bbcode-buttons {
	width: calc(100% - 110px);
	width: -webkit-calc(100% - 110px);
}

.cmty-reply-window .cmty-posting-environ-buttons {
	width: 100px;
}

/*
.cmty-reply-window .cmty-posting-full-screen {
	display : inline-block;
	font-size : 16px;
	line-height : 20px;
	color : white;
}*/

.cmty-reply-window .cmty-cancel-button {
	display: none;
}

.cmty-reply-window .cmty-submit-button {
	width: 60px;
	font-family: "Roboto", sans-serif;
	padding: 0px 6px;
}

.cmty-reply-window .cmty-cancel-posting-x {
	display: inline-block;
	color: white;
	margin-right: 4px;
	font-size: 16px;
	line-height: 20px;
}

.cmty-reply-window .cmty-posting-submenu-smileys {
	width: 240px;
	height: 120px;
}

.cmty-topic-full .cmty-posting-smiley-holder.aops-scroll-content {
	width: 220px;
}

.cmty-reply-window .cmty-post-preview {
	background: white;
	height: 160px; /*Controls the height of the preview region upon reply */
}

.cmty-post-preview img {
	max-width: 100%;
}

.cmty-no-preview .cmty-post-preview,
.cmty-no-preview .cmty-posting-preview-bar {
	display: none;
}

/** Start edit Post **/

.cmty-edit-reason textarea {
	height: 100px;
	width: 100%;
	margin-top: 10px;
}

.cmty-edit-post .cmty-bbcode-poll {
	display: none;
}

/** Start Responsive design items **/

@media (max-width: 920px) {
	.cmty-posting-modal {
		width: 750px;
	}

	.cmty-posting-modal {
		width: calc(100% - 185px);
		width: -webkit-calc(100% - 185px);
	}

	.cmty-posting-modal .cmty-posting-environ-buttons {
		width: 180px;
	}

	.cmty-posting-modal .cmty-posting-environ-buttons .btn {
		width: 80px;
	}

	.cmty-posting-modal .cmty-bbcode-buttons {
		width: -webkit-calc(100% - 185px);
		width: calc(100% - 185px);
	}
}

@media (max-width: 550px) {
	.cmty-upload-modal {
		display: none;
	}

	.cmty-posting-with-attachments .cmty-preview-bar-attachments {
		display: none;
	}

	.cmty-posting-modal {
		left: 8px;
		width: calc(100% - 28px);
		width: -webkit-calc(100% - 28px);
	}

	.cmty-edit-reason-modal .aops-modal-title {
		display: none;
	}

	.cmty-edit-reason-modal textarea {
		height: 40px;
	}
}

/** End Responsive design items **/

/**
 * Polymath modal
 */
.cmty-polymath-terms-container {
	width: 100%;
	margin: 5px 0;
}

.cmty-polymath-terms {
	max-height: 250px;
	overflow-y: scroll;
	width: 90%;
	margin: 0 auto;
	border: 1px solid black;
	padding: 3px 12px 3px 9px;
}

.cmty-polymath-radios {
	padding: 2px 5px;
}

.cmty-polymath-heading {
	font-weight: bold;
}

.cmty-polymath-rules-postscript {
	padding-top: 5px;
	font-size: 0.8em;
}
/** Begin reply full-screen mode **/

.fullscreen #feed-wrapper,
.fullscreen .cmty-category-cell-bottom,
.fullscreen #cmty-no-topic-view-bottom {
	display: none;
}

.fullscreen #cmty-topic-view-right,
.fullscreen #cmty-topic-view-left {
	height: calc(100% - 30px);
	height: -webkit-calc(100% - 30px);
}

@media (min-width: 480px) and (min-height: 480px) {
	/* Full-reply mode */
	/*	.full-reply #cmty-topic-view-left,*/
	.full-reply #header-wrapper,
	.full-reply #footer-wrapper,
	.full-reply #small-footer-wrapper,
	.full-reply #cmty-my-aops-top,
	.full-reply .atop-the-community {
		display: none !important;
	}
	.full-reply #cmty-topic-view-left {
		width: 0;
	}

	.full-reply.school-class-page #main-content {
		padding-top: 5px;
		/*padding-bottom : 5px;*/
	}

	/* Grr Safari */
	.full-reply .cmty-post-preview {
		position: absolute;
		width: calc(100% + 6px);
		width: -webkit-calc(100% + 6px);
		border: 3px solid #666;
		left: -3px;
		border-top: none;
		box-shadow: 9px 3px 13px -4px #aaa;
		margin-bottom: 5px;
	}

	.full-reply #cmty-topic-view-right {
		width: 100%;
		overflow-y: visible;
		position: initial;
	}

	.full-reply .cmty-reply-window .cmty-post-preview,
	.full-reply #community-all,
	.full-reply .cmty-reply-window .cmty-posting-environ {
		height: auto !important;
	}

	.full-reply #community-all {
		margin-bottom: 5px;
	}

	.full-reply #main-column-standard {
		height: auto;
	}

	.full-reply.school-class-page #community-all {
		margin-bottom: 0px;
	}

	.full-reply
		#cmty-topic-view-right
		.cmty-topic-posts-outer-wrapper
		.aops-scroll-content {
		width: 1224px;
	}

	.full-reply
		#cmty-topic-view-right
		.cmty-topic-posts-outer-wrapper
		.aops-scrollbar-visible
		.aops-scroll-content {
		width: 1216px;
	}

	.full-reply #cmty-topic-view-right .cmty-post-body {
		width: 1070px;
	}
}

@media (min-width: 480px) and (min-height: 480px) and (max-width: 1270px) {
	.full-reply
		#cmty-topic-view-right
		.cmty-topic-posts-outer-wrapper
		.aops-scroll-content {
		width: 974px;
	}

	.full-reply
		#cmty-topic-view-right
		.cmty-topic-posts-outer-wrapper
		.aops-scrollbar-visible
		.aops-scroll-content {
		width: 966px;
	}

	.full-reply #cmty-topic-view-right .cmty-post-body {
		width: 820px;
	}
}

@media (min-width: 480px) and (min-height: 480px) and (max-width: 1020px) {
	.full-reply
		#cmty-topic-view-right
		.cmty-topic-posts-outer-wrapper
		.aops-scroll-content {
		width: 884px;
	}

	.full-reply
		#cmty-topic-view-right
		.cmty-topic-posts-outer-wrapper
		.aops-scrollbar-visible
		.aops-scroll-content {
		width: 876px;
	}

	.full-reply #cmty-topic-view-right .cmty-post-body {
		width: 730px;
	}
}

@media (min-width: 480px) and (min-height: 480px) and (max-width: 930px) {
	.full-reply
		#cmty-topic-view-right
		.cmty-topic-posts-outer-wrapper
		.aops-scroll-content {
		width: 794px;
	}

	.full-reply
		#cmty-topic-view-right
		.cmty-topic-posts-outer-wrapper
		.aops-scrollbar-visible
		.aops-scroll-content {
		width: 786px;
	}

	.full-reply #cmty-topic-view-right .cmty-post-body {
		width: 640px;
	}
}

/*
.fullscreen .cmty-postbox-inner-box {
	width : 1220px !important;
}

.fullscreen .aops-scrollbar-visible .cmty-postbox-inner-box {
	width : 1198px !important;
}*/

/* 938
@media (max-width: 1270px) {
	.fullscreen .cmty-postbox-inner-box {
		width : 970px !important;
	}

	.fullscreen .aops-scrollbar-visible .cmty-postbox-inner-box {
		width : 948px !important;
	}

}*/

/* 938
@media (max-width: 1020px) {
	.fullscreen .cmty-postbox-inner-box {
		width : 880px !important;
	}

	.fullscreen .aops-scrollbar-visible .cmty-postbox-inner-box {
		width : 858px !important;
	}

}

@media (max-width: 930px) {
	.fullscreen .cmty-postbox-inner-box {
		width : 790px !important;
	}

	.fullscreen .aops-scrollbar-visible .cmty-postbox-inner-box {
		width : 768px !important;
	}
}



*/

.cmty-edit-post.cmty-posting-previewing .cmty-post-preview {
	height: calc(50% - 45px);
	height: -webkit-calc(50% - 45px);
}

/** Feed adjustments to full screen **/

.feed-fullscreen html,
.feed-fullscreen body {
	height: 100%;
	margin: 0;
	padding: 0;
}

.feed-fullscreen #feed-left {
	display: block;
	height: 100%;
}

/* HOW TO FINISH FROM HERE:
	Do this at the same time as responsive; get the window to be the same width
	as when you fullscreen the regular community, then you can add the appropriate entries
	for the feed stuff to the general reply stuff above **/

.feed-fullscreen #feed-wrapper {
	display: block;
	position: absolute;
	height: calc(100% - 20px);
	width: calc(100% - 20px);
	height: -webkit-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	top: 10px;
	left: 0;
}

.feed-fullscreen #feed-topic {
	width: 100%;
	height: 100%;
	position: relative;
	top: 0px;
	right: 0px;
	box-shadow: 3px 3px 13px #aaa;
}

.feed-fullscreen #cmty-topic-view-right,
.feed-fullscreen #feed-tabs,
.feed-fullscreen #feed-topic-list {
	display: none;
}

/** End Feed full screen **/

/** End reply full-screen mode **/

/** Start friends (used in Alcumus and cmty) **/

.cmty-friend-box {
	width: 393px;
	padding: 2px;
	background-color: #eee;
	text-align: left;
	position: relative;
	display: inline-block;
	margin: 4px;
	font-size: 12px;
	cursor: pointer;
	height: 70px;
	overflow: hidden;
}

.cmty-friend-box:hover {
	background-color: #ddd;
}

.cmty-no-friends {
	margin-left: 5px;
}

.cmty-friend-avatar {
	display: inline-block;
}

.cmty-friend-details {
	display: inline-block;
	padding-left: 5px;
	vertical-align: top;
	width: calc(100% - 72px);
	width: -webkit-calc(100% - 72px);
}

.cmty-hide-avatars .cmty-friend-details {
	width: calc(100% - 8px);
	width: -webkit-calc(100% - 8px);
}

.cmty-friend-username {
	color: #009fad;
	font-weight: bold;
	float: left;
}

.cmty-unfriend {
	float: right;
	display: none;
	cursor: pointer;
}

.cmty-unfriend:hover {
	color: #888;
}

.cmty-friend-message {
	clear: both;
	color: #222;
}

/** Phone- and tablet-specific **/

.cmty-phone,
.cmty-phone-inline {
	display: none;
}

.cmty-tablet-inline {
	display: none;
}

@media (max-width: 768px) {
	.cmty-tablet-inline {
		display: inline-block;
	}

	.cmty-no-tablet {
		display: none !important;
	}
}

@media (max-width: 480px), (max-height: 480px) {
	.cmty-phone {
		display: block;
	}

	.cmty-phone-inline {
		display: inline-block;
	}

	.cmty-no-phone {
		display: none !important;
	}

	/** Reading a topic **/
	.cmty-post-middle {
		padding-left: 12px;
	}

	.cmty-post-body {
		margin-top: 5px;
	}

	.cmty-post-top-data {
		width: calc(100% - 46px);
		width: -webkit-calc(100% - 46px);
	}

	.cmty-topic-subject {
		width: calc(100% - 51px);
		width: -webkit-calc(100% - 51px);
	}
	.cmty-topic-first-row-right {
		width: 46px;
	}

	.cmty-topic-bookmark,
	.cmty-category-cell-bookmark,
	.cmty-mark-all-read,
	.cmty-new-topic-button .cmty-cat-cell-symbol-tag,
	.cmty-topic-third-row-left,
	.cmty-topic-first-row-right .cmty-full-screen {
		display: none;
	}

	.cmty-post-number {
		float: left;
		margin-right: 5px;
	}

	.cmty-pm-from-post {
		float: left;
		margin-top: 0;
		padding: 0 9px 0 4px;
	}

	.cmty-unread-icon {
		float: left;
		margin-right: 2px;
	}

	/** Posting environ **/
}

.cmty-olympiad-tag-modal .cmty-item-tag {
	background-color: rgb(2, 147, 134);
}

.cmty-olympiad-tag-modal .cmty-warning-tags {
	margin: 10px 0 0 87px;
}

.cmty-college-tag-modal .cmty-item-tag {
	background-color: rgb(81, 30, 143);
}

.cmty-college-tag-modal .cmty-warning-tags {
	margin: 10px 0 0 27px;
}

/* Because Chrome iOS **/

.cmty-tags-itembox-wrapper .cmty-itembox {
	height: auto;
}

/* Intervention modal when a topic is deleted while posting a new topic */
.cmty-deleted-topic-w-extra {
	max-width: 400px !important;
}

.cmty-deleted-topic-w-extra textarea {
	width: 100%;
	height: 60px;
}

/** Experimental phone stuff **/
.cmty-category-cell .cmty-category-cell-heading.cmty-phone-cell-top {
	display: none;
}

.cmty-topic-full-top.cmty-phone-cell-top {
	display: none;
}
.cmty-topic-full-top-placeholder {
	position: absolute;
}
.cmty-cat-cell-jump-top {
	display: none;
}

@media (max-width: 768px) {
	/*.cmty-away-from-top #community-all.cmty-page-topic #cmty-topic-view-top .cmty-category-cell .cmty-category-cell-heading {
		display : none;
	}*/

	.cmty-hide-header #header-wrapper,
	.cmty-hide-header .atop-the-community {
		display: none;
	}
	.cmty-hide-header #main-content {
		padding-top: 0;
	}
	.cmty-topic-cell-left .cmty-topic-cell-jump-to-bottom,
	.cmty-topic-cell.topic-unread
		.cmty-topic-cell-left
		.cmty-topic-cell-goto-unread {
		padding: 6px 8px;
		top: -8px;
		font-size: 16px;
	}

	#feed-wrapper .cmty-topic-cell-left .cmty-topic-cell-jump-to-bottom,
	#feed-wrapper
		.cmty-topic-cell.topic-unread
		.cmty-topic-cell-left
		.cmty-topic-cell-goto-unread {
		padding: 6px 2px;
	}

	.cmty-topic-cell-left .cmty-topic-cell-jump-to-bottom {
		right: 5px;
		top: -10px;
	}
	#feed-wrapper .cmty-topic-cell-left .cmty-topic-cell-jump-to-bottom {
		right: 4px;
	}

	.cmty-topic-cell-subject {
		max-width: 86%;
	}

	.topic-unread .cmty-topic-cell-subject {
		max-width: 78%;
	}

	.cmty-topic-cell.topic-unread .cmty-topic-cell-goto-unread {
		right: 32px;
	}

	#feed-wrapper .cmty-topic-cell.topic-unread .cmty-topic-cell-goto-unread {
		right: 17px;
	}

	.cmty-full-screen {
		display: none;
	}

	.cmty-away-from-top .cmty-topic-full-top-placeholder {
		position: relative;
	}

	.cmty-away-from-top .cmty-page-topic-list .cmty-cat-cell-jump-top,
	.cmty-away-from-top .cmty-folder-top .cmty-cat-cell-jump-top {
		display: inline-block;
		font-size: 16px;
		padding: 2px 10px 6px 5px;
		z-index: 40;
		position: absolute;
	}

	.cmty-away-from-top
		#community-all.cmty-page-topic:not(.reply-focused)
		#cmty-topic-view-top
		.cmty-category-cell
		.cmty-category-cell-heading.cmty-phone-cell-top,
	.cmty-away-from-top
		#community-all.cmty-page-topic-list:not(.reply-focused)
		#cmty-topic-view-top
		.cmty-category-cell
		.cmty-category-cell-heading.cmty-phone-cell-top,
	.cmty-away-from-top
		#community-all
		.cmty-folder-top
		.cmty-small-category-heading {
		position: fixed;
		top: 0;
		display: block;
		z-index: 35;
		box-shadow: 3px 3px 13px #aaa;
	}

	.cmty-away-from-top
		#community-all
		.cmty-folder-top
		.cmty-small-category-heading
		.cmty-category-cell-right {
		display: none;
	}

	.cmty-away-from-top
		#community-all
		#cmty-topic-view-top
		.cmty-search-results
		.cmty-category-cell-left {
		width: calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		max-width: calc(100% - 30px);
		max-width: -webkit-calc(100% - 30px);
	}

	.cmty-away-from-top
		#cmty-topic-view-top
		.cmty-search-results
		.cmty-category-cell-left {
		max-width: 95%; /** We clean out the search window */
		padding-left: 0;
	}

	.cmty-away-from-top
		#community-all.cmty-page-topic:not(.reply-focused)
		#cmty-topic-view-top
		.cmty-category-cell
		.cmty-category-cell-heading.cmty-phone-cell-top {
		box-shadow: none;
	}

	.cmty-away-from-top .cmty-folder-top .cmty-folder-top-placeholder {
		display: block;
		height: 30px;
	}

	.cmty-page-topic .cmty-category-cell-mid {
		display: none;
	}

	.cmty-away-from-top
		.cmty-page-topic:not(.reply-focused)
		.cmty-topic-full-top {
		position: fixed;
		top: 30px;
		box-shadow: 3px 3px 13px #aaa;
		display: block;
		padding: 3px 7px 4px 11px;
		z-index: 25;
		left: 0;
	}

	.cmty-post-right {
		width: 36px;
		padding-left: 0;
	}

	.cmty-post-right span {
		line-height: 28px;
		width: 100%;
		padding-left: 10px;
		font-size: 16px;
	}

	.cmty-page-topic-list #cmty-topic-view-left .cmty-topic-cell-data {
		margin-right: 10px;
	}

	#cmty-topic-view-left .cmty-topic-list-jump-top {
		display: none;
	}
}

@media (max-width: 600px) {
	select,
	textarea,
	input[type="text"],
	input[type="search"],
	input[type="password"],
	div[contenteditable="true"]:focus {
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	.cmty-category-cell .topic-unread .cmty-topic-cell-subject {
		max-width: 74%;
	}
}

/** Hit the phone in either mode, but do not hit tablets in portrait mode **/
@media (max-width: 480px), (max-height: 480px) {
	.cmty-bbcode-buttons {
		display: none;
	}

	.cmty-topic-close {
		padding-right: 6px;
	}

	.cmty-reply-window .cmty-posting-environ-buttons {
		width: 100%;
		text-align: left;
	}

	.cmty-reply-window .cmty-submit-button {
		margin-left: 8px;
		width: 80px;
		padding-left: 12px;
	}
	.cmty-cancel-posting-x {
		float: right;
		padding: 2px 8px;
	}

	.cmty-reply-divider {
		display: none;
	}

	.cmty-posting-preview-bar {
		display: none;
	}

	.cmty-category-cell .cmty-new-topic-button.cmty-icon-w-text {
		line-height: 18px;
		top: 3px;
		padding: 5px 2px 5px 20px;
	}

	.cmty-select-row-select {
		width: 95px;
		text-align: right;
		margin-right: 5px;
		padding-top: 1px;
	}

	.cmty-select-row-text {
		width: calc(100% - 105px);
		width: -webkit-calc(100% - 105px);
		text-align: left;
		font-size: 14px;
		padding-right: 5px;
	}

	.blog-report-post {
		display: none !important;
	}
}

/** Posting in phone mode **/

@media (max-width: 500px), (max-height: 500px) {
	.cmty-posting-modal {
		height: calc(100% - 10px) !important;
		max-height: 100% !important;
		width: -webkit-calc(100% - 10px) !important;
		width: calc(100% - 10px) !important;
		max-width: 100% !important;
		top: 0 !important;
		left: 0 !important;
	}

	.cmty-posting-modal .cmty-posting-button-row.cmty-phone {
		height: 20px;
	}

	.cmty-posting-modal .cmty-posting-button-row.cmty-phone .btn {
		display: none;
	}
}

/* Hide/Quote Tag Redesign */
.cmty-hide-content,
.bbcode_quote,
.cmty-hide-content:after,
.bbcode_quote:after,
.bbcode_quote .bbcode_quote_head,
.cmty-hide-content .cmty-hide-content .cmty-hide-content,
.cmty-hide-content .cmty-hide-content .bbcode_quote,
.cmty-hide-content .bbcode_quote .cmty-hide-content,
.cmty-hide-content .bbcode_quote .bbcode_quote,
.bbcode_quote .cmty-hide-content .cmty-hide-content,
.bbcode_quote .cmty-hide-content .bbcode_quote,
.bbcode_quote .bbcode_quote .cmty-hide-content,
.bbcode_quote .bbcode_quote .bbcode_quote,
.cmty-hide-content .cmty-hide-content .cmty-hide-content:after,
.cmty-hide-content .cmty-hide-content .bbcode_quote:after,
.cmty-hide-content .bbcode_quote .cmty-hide-content:after,
.cmty-hide-content .bbcode_quote .bbcode_quote:after,
.bbcode_quote .cmty-hide-content .cmty-hide-content:after,
.bbcode_quote .cmty-hide-content .bbcode_quote:after,
.bbcode_quote .bbcode_quote .cmty-hide-content:after,
.bbcode_quote .bbcode_quote .bbcode_quote:after,
.cmty-hide-content .cmty-hide-content .bbcode_quote .bbcode_quote_head,
.cmty-hide-content .bbcode_quote .bbcode_quote .bbcode_quote_head,
.bbcode_quote .cmty-hide-content .bbcode_quote .bbcode_quote_head,
.bbcode_quote .bbcode_quote .bbcode_quote .bbcode_quote_head {
	background-color: #e6e6e6;
	color: #555;
}

.cmty-hide-content .cmty-hide-content,
.cmty-hide-content .bbcode_quote,
.bbcode_quote .cmty-hide-content,
.bbcode_quote .bbcode_quote,
.cmty-hide-content .cmty-hide-content:after,
.cmty-hide-content .bbcode_quote:after,
.bbcode_quote .cmty-hide-content:after,
.bbcode_quote .bbcode_quote:after,
.cmty-hide-content .bbcode_quote .bbcode_quote_head,
.bbcode_quote .bbcode_quote .bbcode_quote_head {
	background-color: #f2f2f2;
	color: #555;
}

.cmty-hide-content .cmty-hide-content:before,
.cmty-hide-content .bbcode_quote:before,
.bbcode_quote .cmty-hide-content:before,
.bbcode_quote .bbcode_quote:before {
	border-color: #f2f2f2;
	background-color: white;
	color: #ccc;
}

.cmty-hide-content:before,
.bbcode_quote:before,
.cmty-hide-content .cmty-hide-content .cmty-hide-content:before,
.cmty-hide-content .cmty-hide-content .bbcode_quote:before,
.cmty-hide-content .bbcode_quote .cmty-hide-content:before,
.cmty-hide-content .bbcode_quote .bbcode_quote:before,
.bbcode_quote .cmty-hide-content .cmty-hide-content:before,
.bbcode_quote .cmty-hide-content .bbcode_quote:before,
.bbcode_quote .bbcode_quote .cmty-hide-content:before,
.bbcode_quote .bbcode_quote .bbcode_quote:before {
	border-color: #e6e6e6;
	background-color: white;
	color: #ccc;
}

/**
 * For ? button to display modal about total number of posts on user profile.
 **/
#about-num-posts {
	background-color: #009fad;
	color: white;
	border-radius: 50%;
	width: 18px;
	height: 17px;
	text-align: center;
}

#about-num-posts:hover {
	background-color: #1b365d;
}