/*#blog-body .infobar {
  display : none;
}*/
#blog-body .cmty-color {
  color : #356cb5;
}

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

#blog-body .community #breadcrumbs {
  overflow : hidden;
}

#blog-body .community input[type="text"]:focus,
#blog-body .community textarea:focus,
#blog-body .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;
}

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

#blog-body .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;
}

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

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

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

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

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

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

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

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

#blog-body .cmty-text {
  color : #336CB5;
}

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



/** LaTeX width **/

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

/** end LaTeX **/

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

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

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

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

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


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

#blog-body .latex-modal-bottom-title {
  text-align : left;
  width : 135px;
}

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

/** Bookmark modal **/
#blog-body .cmty-bookmark-modal-icon {
  font-family : AoPS;
  color : #336CB5;
  font-size : 20px;
}

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

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

/** community editables **/

#blog-body .cmty-editable-row {
  position : relative;
/*  display : table;
  border-spacing : 5px;
  table-layout : fixed;*/
  width : 100%;

}
#blog-body .cmty-editable-active-row {
  background : #eee;
}

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

#blog-body .cmty-editable-label > div {
  width : 80px;
}

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

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

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

#blog-body .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);

}

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

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

#blog-body .cmty-editable-pencil {
  padding-left : 4px;
  color : #336cb5;
  cursor : pointer;
}

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

#blog-body .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 **/

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

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

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

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


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

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

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

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

#blog-body .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) {
#blog-body   .cmty-phone-hide {
    display : none !important;
  }
}

/*
#blog-body [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;
}
*/

#blog-body .aops-loader {
  text-align : center;
}

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

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


/** scrollbar fades **/

#blog-body .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 */
}

#blog-body .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 */
}


#blog-body .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 */
}

#blog-body .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 **/
#blog-body .aops-icon {
  font-family : AoPS;
  font-size : 24px;
}


#blog-body 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 */
/*#blog-body span.cmty-span-link {
  position : absolute;
  width : 100%;
  height : 100%;
  top : 0;
  left : 0;
  z-index : 3;
}*/

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


/** Community/Feed Scrollbar CSS **/

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

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

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

#blog-body .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
#blog-body .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;
}

#blog-body .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
#blog-body .cmty-scroll-outer .aops-scroll-slider div {
  display : table-cell;
  vertical-align : middle;
  padding-left : 2px;
}

#blog-body .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 **/


#blog-body .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;*/
}

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

}


/** END NEW SCROLLBAR **/

/** Item lists **/

#blog-body .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;
}

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

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

/** Bookmark **/


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



/** Anything I can click **/
#blog-body .clickable {
  cursor : pointer;
}


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

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

 /** Items in the dropdown list and in the itemlists/userlists **/
#blog-body .aops-editable-item-list-item,
#blog-body .cmty-itemlist-username,
#blog-body  .cmty-items-input-box li.ui-menu-item a,
#blog-body .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;
}



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

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

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

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

#blog-body .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 **/
#blog-body .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;
}

#blog-body .cmty-items-input {
  border : 0 !important;
  padding : 0 2px !important;
  width : 150px;
  line-height : 21px; /* new */
}

#blog-body .cmty-items-input:focus {
  outline : none !important;
  border : none !important;
}


#blog-body .cmty-items-input-box ul.ui-menu,#blog-body  .cmty-tag-search ul.ui-menu,
#blog-body .cmty-no-results-found,
#blog-body 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;

}

#blog-body .cmty-tag-search ul.ui-menu,
#blog-body .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.
#blog-body .cmty-items-input-box .ui-state-focus {
  background-color : #fff !important;
}
*/


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

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

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

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

/* Start category autocomplete */

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

#blog-body .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;
}

#blog-body 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;
}


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

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

#blog-body ul.ui-menu.category-autocomplete li.cmty-category-autocomplete-item-forum a:before {
  content : 'u';
}

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

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

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


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


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



#blog-body a.cmty-category-autocomplete,
#blog-body .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;
}

#blog-body .cmty-search-with-icon ul.ui-menu.category-autocomplete li {
  margin-left : 13px;
}


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

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

/* End category autocomplete */

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

#blog-body .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;
}

#blog-body .cmty-topic-third-row .cmty-items-input-box {
  padding-right : 32px; /* Prevent tags from hitting checkmark */

}
/** End autocompletes **/

/** New topic **/

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


#blog-body .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
#blog-body .cmty-item-tag,#blog-body  .cmty-tags-itembox-wrapper .cmty-items-input-box li.ui-menu-item a,#blog-body  .cmty-tags-line .cmty-items-input-box li.ui-menu-item a,#blog-body  .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;
}
*/
/*
#blog-body .cmty-item-tag,#blog-body  .cmty-tags-itembox-wrapper .cmty-items-input-box li.ui-menu-item a,#blog-body  .cmty-tags-line .cmty-items-input-box li.ui-menu-item a,#blog-body  .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;


}

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


#blog-body .cmty-item-tag,#blog-body  .cmty-tags-itembox-wrapper .cmty-items-input-box li.ui-menu-item a,#blog-body  .cmty-tags-line .cmty-items-input-box li.ui-menu-item a,#blog-body  .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 : sans-serif;
  margin : 4px 4px 4px 4px;
  cursor : pointer;

  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;


}
/*
#blog-body .cmty-tag-wrap {
  display : inline-block;
  height : 20px;
  position : relative;
    margin : 4px 4px 4px 4px;
}

#blog-body .cmty-item-tag,#blog-body  .cmty-tags-itembox-wrapper .cmty-items-input-box li.ui-menu-item a,#blog-body  .cmty-tags-line .cmty-items-input-box li.ui-menu-item a,#blog-body  .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;
}

#blog-body .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;
}
*/
/*

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


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

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

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

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

#blog-body .cmty-edit-tag:after {
  content : '';

}

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

/**
 * Style for tags for folders and forums
 * TODO : Add autocomplete crap if need be.
 */
#blog-body .cmty-item-forum_class,#blog-body  .cmty-item-user,#blog-body  .cmty-item-forum,#blog-body  .cmty-item-folder,#blog-body  .cmty-item-folder_forums,#blog-body  .cmty-item-folder_collections,#blog-body  .cmty-item-view_topics,#blog-body  .cmty-item-blogroll,#blog-body  .cmty-item-blog,#blog-body  .cmty-item-view_posts,#blog-body  .cmty-item-view_tags,#blog-body  .cmty-item-view_forums,#blog-body  .cmty-item-bookmark_tags,#blog-body  .cmty-item-bookmark_topics,#blog-body  .cmty-item-bookmark_forums {
  position : relative;
  height : 32px;
  color : white;
  display : inline-block;
  white-space : nowrap;
/*  font-style : italic;*/
  font-size : 12px;
  font-family : 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;
}

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

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

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

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

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

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

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

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

#blog-body .cmty-item-blog:before {
  content : '!';
}

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

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

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

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

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

#blog-body .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 **/

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



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

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

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

}

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

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

}

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

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

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

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

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

  /* Now we're just hoping for the best... */
#blog-body   .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.
 *********/


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


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

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

#blog-body .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;
}

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

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

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

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

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

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

#blog-body .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;
}
/*
#blog-body .cmty-topics-list-inner-box {
  background-color : #fff;
}*/
/*
#blog-body .cmty-topics-list-title {
  display : none;
}*/

#blog-body .cmty-topic-cell {
  width : 100%;
  cursor : pointer;
  position : relative;
  padding : 5px 0 5px 10px;
  font-family : helvetica;
  background-color : #eaeaea;
  height : 113px;
  overflow : hidden;
}
/*
#blog-body .cmty-topic-cell:hover,
#blog-body .cmty-topic-cell:hover .cmty-topic-watchers {
  background-color : #ddd;
  opacity : 1;
}

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


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

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

/* Adjust heights of cell announcements */
#blog-body .cmty-topics-list-global-announcement,
#blog-body .cmty-topics-list-local-announcement {
  height : 60px;
}

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

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

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

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


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


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

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

#blog-body .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.
 **/
/*#blog-body .cmty-second-line-spacer {
  display : none;
}

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

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


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

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

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

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

#blog-body .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;
}


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

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

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

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

#blog-body .cmty-topic-cell-username {
  font-size : 12px;
  font-style : italic;
  height : 17px;
  line-height : 17px;
  font-family : sans-serif;
}

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

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

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

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

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

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

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

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

#blog-body .cmty-topic-cell-post img.latex,
#blog-body .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);*/
}


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

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

#blog-body .focus-topic .cmty-topic-cell-post img.latex,
#blog-body .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'></feColorMatrix></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.
**/
#blog-body .cmty-topic-cell.topic-unread {
  background-color : #fff;
}

#blog-body .cmty-topic-cell-subject {
  font-family : sans-serif;
}

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


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

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

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


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

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

/* End focus topic adjustments */



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

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

#blog-body .cmty-topic-cell-post a.cmty-hide-heading {
  border-bottom : none;
}


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

#blog-body .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 */
#blog-body .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
#blog-body .cmty-topic-list-popout .cmty-topic-cell-jump-to-bottom,
#blog-body .cmty-topic-list-popout .cmty-topic-cell-close-topic {
  pointer-events : all;
}*/

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

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

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

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

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

#blog-body .cmty-topics-list.top-focus-popup.announcement-popup .aops-scroll-fade-top {
  top : 60px;
}

#blog-body .cmty-topics-list.bottom-focus-popup.announcement-popup .aops-scroll-fade-bottom {
  bottom : 60px;
}

/* Start stunt double within popout */

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

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

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

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

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

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

/** Announcement adjustments **/



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

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

#blog-body .cmty-topics-list .cmty-topics-list-local-announcement.focus-topic .cmty-topic-cell-close-topic,
#blog-body .cmty-topics-list .cmty-topics-list-global-announcement.focus-topic .cmty-topic-cell-close-topic,
#blog-body .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) **/


#blog-body .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;
}


#blog-body .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 */
}



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

#blog-body .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;
}

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

#blog-body .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 : sans-serif;
  line-height : 28px;
  padding-right : 8px;
}

#blog-body .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;
}

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


#blog-body .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;
}


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

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

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


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

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

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


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

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

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

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

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

#blog-body .cmty-topic-subject {
  font-weight : bold;
  color : #fff;
  width : -webkit-calc(100% - 78px);
  width : calc(100% - 78px);
  position : relative;
  font-family : 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;
}

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

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

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

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

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


#blog-body .too-many-icons .cmty-topic-first-row-right {
  width : 97px;
}

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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


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


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

#blog-body .cmty-full-screen:after {
  content : "P"
}

#blog-body .fullscreen .cmty-full-screen:after {
  content : "s"
}


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

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

#blog-body .cmty-topic-jump-top {
  top : -2px;

}

#blog-body .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;*/
}

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

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


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

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

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

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

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


#blog-body .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;*/
}


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


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

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

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


#blog-body .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 */
}

#blog-body .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 */
}


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

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



/** Single topic thread end **/


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

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

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

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

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

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

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

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


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

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

#blog-body .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 : hidden;
}



#blog-body .cmty-post-right {
  padding-top : 3px;
  width : 25px;
  padding-left : 5px;
  font-size : 16px;
  color : #aaa;
}

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


#blog-body .cmty-post-settle-report {
  color : #f00;
  z-index : 4;
  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;
  }
}



#blog-body .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;
}


#blog-body .cmty-post .cmty-user-admin a,
#blog-body .cmty-post .cmty-user-admin:before {
  color : #356cb5;
}


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

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

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

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

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

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



#blog-body .cmty-post-real-username,
#blog-body .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;
}

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

#blog-body .cmty-post-date {
  float : left;
}

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

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

#blog-body .cmty-post-number {
  float : right;
}

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

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

#blog-body .cmty-post-body a span {
  color : #1155CC !important;
}

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

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

#blog-body .cmty-thankers {
  font-style : italic;
}

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

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

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

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

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

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

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

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

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

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


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

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


/* Start poll display */



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

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

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

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

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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* end poll display */

/*#blog-body .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;
}

#blog-body .cmty-post-bottom-left {
  float : left;
}


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

#blog-body .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) {
#blog-body   .cmty-post-body,
#blog-body   .cmty-post-reports-container .cmty-post-body {
    width : 592px;
  }

}

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

}



@media (max-width: 930px) {
#blog-body   .cmty-post-body,
#blog-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 **/
#blog-body   .cmty-post-middle {
    max-width : 200px;
  }

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

/** End responsive stuff **/

/* Start report post */

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

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

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

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

/* End report post */

/* Start delete post */

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

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

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

/* End delete post */

/* Start deleted post */

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

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

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

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

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

#blog-body .cmty-undelete-post {
  float : right;
}


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

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

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

/* End deleted post */

/* Rendered BBcode */

#blog-body a.cmty-hide-heading {
  text-decoration : none;
  border-bottom : 1px dotted #1155cc ;
}


#blog-body a.cmty-hide-heading:hover {
  border-bottom : 1px solid #1155cc ;
}

/*#blog-body a.cmty-hide-heading:after {
  content : ' S';
  font-family : AoPS;
}

#blog-body a.cmty-hide-heading.cmty-hide-open:after {
  content : ' T';
  font-family : AoPS;
}*/

#blog-body .cmty-hide-content {
  border : 1px dashed #ccc;
  border-radius : 10px;
  background-color : #f2f2f2;
  padding : 10px;
  margin : 5px 10px 10px 10px;
}

#blog-body .bbcode_quote {
  position : relative;
  background-color : #eee;
  border-radius : 10px;
  border : 1px solid #bbb;
  margin : 10px;
  padding : 10px;
  color : #555;
  overflow : hidden;
}
/*
Triangle for quote.
#blog-body .bbcode_quote:before {
  content : 'h';
  font-family : AoPS;
  font-size : 30px;
  color : #bbb;
  position : absolute;
  left : -10px;
  top : 15px;
}
*/

#blog-body .bbcode_quote_head:before {
  content : 'z ';
  font-family : AoPS;
  font-size : 14px;
  margin-right : 4px;

}

#blog-body .bbcode_quote_head {
  margin-bottom : 5px;
  font-style : italic;
  font-size : 12px;
  color : #666;
}

/** Single post end **/

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

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

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


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

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

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


#blog-body .cmty-posting-top {
  width : 100%;
  background-color : #555;
  color : #fff;
}

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

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

#blog-body .cmty-posting-subject-line .cmty-subject-input {
  height : 26px;
}

#blog-body .cmty-subject-input {
  width : calc(100% - 280px);
  width : -webkit-calc(100% - 280px);
}

@media (max-width : 650px) {
#blog-body   .cmty-post-in {
    display : none;
  }
#blog-body   .cmty-subject-input {
    width : calc(100% - 85px);
    width : -webkit-calc(100% - 85px);
  }
}

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

#blog-body .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;
}

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

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

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

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

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

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

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


/* Buttons row begins */

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

/* Bbcode buttons begin **/

#blog-body .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;*/
}

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

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


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

#blog-body .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;
}

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Bbcode buttons end */

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

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

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

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

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

  line-height : 10px;
}

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

}

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

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

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

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

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

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

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

/* posting button popups end */

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

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



#blog-body .cmty-cancel-button.btn-primary {
  background-color : #fff;
  color : #336CB5;
}

#blog-body .cmty-cancel-button.btn-primary:hover {
  background-color : #eee;
  color : #336CB5;
}

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

#blog-body .cmty-edit-post .cmty-submit-button {
  margin-right : 7px;
}

/* Buttons row ends */

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

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

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

/* Start Posting Preview */

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

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

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

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

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

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

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

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

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

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

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

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

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




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

#blog-body .cmty-post-preview-text {
  text-align: left;
  width : -webkit-calc(100% - 20px);
  width : calc(100% - 20px);
  position : relative;
}

#blog-body .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;
}

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

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


/* End posting preview */

/** Start polls input **/

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



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

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

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

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

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

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

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

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

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

#blog-body .cmty-poll-build  {
  display : none;
}

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

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



/** End polls input **/

/** Start attachments **/


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


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

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

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

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

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

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

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

}

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

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

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

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

/** End attachments **/


/** Start private conversation **/


#blog-body .cmty-private-recipients {
  padding-bottom: 5px;
}


#blog-body .cmty-new-private-conversation .cmty-subject-input,
#blog-body .cmty-new-private-conversation .cmty-items-input-box {
  width : calc(100% - 85px);
  min-height : 26px;
  width : -webkit-calc(100% - 85px);
}

/** End private conversation **/

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

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

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

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

#blog-body .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;
}

#blog-body .cmty-reply-divider div {
  display : inline-block;
   transform:scale(3,1);
  -webkit-transform:scale(3,1);

}
/*
#blog-body .cmty-reply-divider:after{
  content : '=';Q
}*/

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

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

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

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

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

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

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

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

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

#blog-body .cmty-reply-window .cmty-submit-button {
  width : 60px;
  font-family : sans-serif;
  padding : 0px 6px;
}

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


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

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

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



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

/** Start edit Post **/

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

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

/** Start Responsive design items **/

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

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

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

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

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

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

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


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

}


/** End Responsive design items **/



/** Feed adjustments **/

#blog-body #feed-topic .cmty-bbcode-list {
  display : none;
}

#blog-body #feed-topic .cmty-bbcode-img {
  display : none;
}

#blog-body #feed-topic .cmty-bbcode-attachment {
  display : none;
}

/** End Feed adjustments **/

/** Begin reply full-screen mode **/

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

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

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

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

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

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

}*/

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

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

}

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

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



*/

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

/** Feed adjustments to full screen **/

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

#blog-body .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 **/

#blog-body .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;
}

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

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



/** End Feed full screen **/



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

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


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

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

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

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

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

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

#blog-body .cmty-friend-username {
  color : #356cb5;
  font-weight : bold;
  float : left;
}

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

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


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

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

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

#blog-body .cmty-tablet-inline {
  display : none;
}

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

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


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

#blog-body   .cmty-phone-inline {
    display : inline-block;
  }

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


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

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

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

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

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

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

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



  /** Posting environ **/

}

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

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

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

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

/* Because Chrome iOS is the suck **/

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




/** Experimental phone stuff **/

#blog-body #community-all .cmty-category-cell .cmty-category-cell-heading.cmty-phone-cell-top {
  display : none
}

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


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

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

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

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

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

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

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

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

#blog-body   .cmty-full-screen {
    display : none;
  }

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

#blog-body   .cmty-away-from-top .cmty-page-topic-list .cmty-cat-cell-jump-top,
#blog-body   .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;
  }

#blog-body   .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,
#blog-body   .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,
#blog-body   .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;
  }

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

#blog-body   .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);
  }

#blog-body   .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;
  }

#blog-body   .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;
  }

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



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

#blog-body   .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;
  }



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

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

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

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

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


@media (max-width:480px) {

#blog-body   .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),#blog-body  (max-height:480px) {
#blog-body   .cmty-bbcode-buttons {
    display : none;
  }

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


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

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

#blog-body   .cmty-reply-divider {
    display : none;
  }

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

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



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

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

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


/** Posting in phone mode **/

@media (max-width:500px),#blog-body  (max-height:500px) {
#blog-body   .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;
  }

#blog-body   .cmty-posting-modal .aops-close-x {
    display : none;
  }

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

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