#loading-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #f2f2f2;
    top: 0;
    left: 0;
    z-index: 5;
    opacity: 1
}

.logged-out #groups .stats {
    display: none
}

.logged-out #groups #filter-group,.logged-out #groups #group-filters {
    margin-right: 0
}

.logged-out #groups .share-buttons {
    display: none
}

#mobile-group-status {
    display: block;
    color: #fff;
    font-family: "proxima-nova","Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 2px 0 rgba(0,0,0,0.09);
    border: 0;
    background: transparent;
    margin: 0;
    cursor: pointer;
    text-align: left;
    filter: alpha(opacity=90);
    opacity: .9
}

#mobile-group-status:hover {
    text-decoration: none;
    filter: alpha(opacity=100);
    opacity: 1
}

#group-breadcrumb {
    height: 110%
}

#group-breadcrumb li {
    display: block;
    margin: 0;
    position: relative;
    height: 100%;
    border-left: 1px solid transparent
}

#group-breadcrumb li .list-of-buttons {
    margin-left: 5px;
    display: list-item;
    position: relative
}

#group-breadcrumb li button.switcher {
    text-align: center;
    font-size: 18px;
    line-height: 37px
}

#group-breadcrumb li button {
    line-height: 1.8;
    overflow: hidden;
    padding: 0 39px 0 42px;
    text-overflow: ellipsis;
    white-space: unset;
    width: 100%
}

#group-breadcrumb li button:focus {
    outline: 0
}

#group-breadcrumb li button span {
    font-weight: 600;
    color: #36ace6;
    /* font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue",Helvetica,sans-serif; */
    text-shadow: none!important
}

#group-breadcrumb li button img {
    position: absolute;
    top: 7px;
    left: 11px;
    display: none
}

#group-breadcrumb li button img.show-logo {
    display: inline-block
}

#group-breadcrumb>li:nth-child(n+2) {
    display: none!important
}

#group-breadcrumb li button {
    display: block;
    color: #fff;
    font-family: "proxima-nova","Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 2px 0 rgba(0,0,0,0.09);
    border: 0;
    background: transparent;
    margin: 0;
    cursor: pointer;
    text-align: left;
    filter: alpha(opacity=90);
    opacity: .9;
    height: 100%
}

#group-breadcrumb li button:hover {
    text-decoration: none;
    filter: alpha(opacity=100);
    opacity: 1
}

#group-breadcrumb li.topic ~ li.topic>button img.show-logo {
    left: 20px
}

#group-breadcrumb li.topic ~ li.topic>button img.show-logo+span {
    margin-left: 15px;
    font-size: 18px!important
}

#group-breadcrumb li.topic ~ li.topic>button:before {
    content: " ";
    background: transparent url('/images/arrow-right.png?1406796772') no-repeat 0 0;
    width: 14px;
    height: 41px;
    position: absolute;
    top: 0;
    left: 0
}

#group-breadcrumb li ul {
    position: absolute;
    border: 1px solid #a3daf1;
    width: 330px;
    -webkit-box-shadow: 0 0 3px 0 rgba(145,145,145,0.75);
    -moz-box-shadow: 0 0 3px 0 rgba(145,145,145,0.75);
    box-shadow: 0 0 3px 0 rgba(145,145,145,0.75);
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 2.1;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue",Helvetica,sans-serif;
    background: #c1edff;
    display: none;
    top: 56px;
    left: -58px
}

#group-breadcrumb li ul>img {
    left: -7px;
    position: relative;
    top: -17px
}

#group-breadcrumb li ul .find_more {
    padding: 10px 0;
    background: #75cbf5 url("/images/arrow-right-white.png") no-repeat 290px center
}

#group-breadcrumb li ul .find_more a {
    color: #fff;
    padding-left: 20px;
    text-decoration: none
}

#group-breadcrumb li ul .find_more:hover {
    background-color: #46b4ea
}

#group-breadcrumb li ul li {
    display: block;
    padding-left: 20px;
    float: none;
    white-space: nowrap;
    position: relative;
    padding-top: 10px;
    overflow-y: auto;
    max-height: 400px;
    padding-bottom: 15px
}

#group-breadcrumb li ul li button {
    display: inline-block;
    font-size: 14px;
    padding: 2px 0;
    vertical-align: middle;
    height: 26px
}

#group-breadcrumb li ul li button:before {
    content: "";
    display: inline;
    background: 0;
    width: auto;
    height: auto;
    position: static
}

#group-breadcrumb li ul li button img {
    position: relative;
    top: 0;
    left: 9px;
    vertical-align: middle
}

#group-breadcrumb li ul li button span {
    white-space: nowrap;
    vertical-align: middle;
    font-size: 16px
}

#group-breadcrumb li ul li button span:hover {
    color: #0087ca!important
}

#group-breadcrumb li ul li button.leave-group {
    right: 15px;
    text-indent: -999999px;
    position: relative;
    background: url(/images/subject-close.png) no-repeat;
    width: 11px;
    margin: 0;
    padding: 5px;
    top: 11px
}

#group-breadcrumb li:first-child ul li {
    padding-right: 40px
}

#group-breadcrumb li:first-child ul li button span {
    left: 26px;
    line-height: 1.5;
    margin-left: 18px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 9px;
    white-space: nowrap;
    width: 188px
}

#group-breadcrumb li:first-child ul li button span:hover {
    color: #0087ca!important
}

#group-breadcrumb li:first-child ul li button span span {
    margin-left: 5px
}

#filter-group,#group-filters {
    float: none;
    height: 100%;
    width: 100%
}

#filter-group .current-group,#filter-group .join-groups,#filter-group .create-group,#group-filters .current-group,#group-filters .join-groups,#group-filters .create-group {
    cursor: pointer;
    width: 100%;
    height: 100%
}

#filter-group .current-group img.light-icon,#filter-group .join-groups img.light-icon,#filter-group .create-group img.light-icon,#group-filters .current-group img.light-icon,#group-filters .join-groups img.light-icon,#group-filters .create-group img.light-icon {
    display: none
}

#filter-group .current-group,#group-filters .current-group {
    background: #58c2f8;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#75d1ff),color-stop(100%,#42b7f2));
    background-image: -webkit-linear-gradient(#75d1ff,#42b7f2);
    background-image: -moz-linear-gradient(#75d1ff,#42b7f2);
    background-image: -o-linear-gradient(#75d1ff,#42b7f2);
    background-image: -ms-linear-gradient(#75d1ff,#42b7f2);
    background-image: linear-gradient(#75d1ff,#42b7f2);
    border: 0;
    color: #fff;
    position: relative;
    font-size: 18px;
    text-align: left;
    font-weight: bold;
    padding: 0 30px 10px 0;
    overflow: hidden;
}

#filter-group .current-group.open,#group-filters .current-group.open {
    background: #31adeb;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#4bbaf1),color-stop(100%,#1da4e7));
    background-image: -webkit-linear-gradient(#4bbaf1,#1da4e7);
    background-image: -moz-linear-gradient(#4bbaf1,#1da4e7);
    background-image: -o-linear-gradient(#4bbaf1,#1da4e7);
    background-image: -ms-linear-gradient(#4bbaf1,#1da4e7);
    background-image: linear-gradient(#4bbaf1,#1da4e7)
}

#filter-group .current-group:hover,#group-filters .current-group:hover {
    background: #27b1f6;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#42c0ff),color-stop(100%,#12a5ef));
    background-image: -webkit-linear-gradient(#42c0ff,#12a5ef);
    background-image: -moz-linear-gradient(#42c0ff,#12a5ef);
    background-image: -o-linear-gradient(#42c0ff,#12a5ef);
    background-image: -ms-linear-gradient(#42c0ff,#12a5ef);
    background-image: linear-gradient(#42c0ff,#12a5ef)
}

#filter-group .current-group:after,#group-filters .current-group:after {
    content: "\25bc";
    color: #f2f2f2;
    position: absolute;
    right: 10px;
    top: 12px
}

#filter-group .current-group.open:after,#group-filters .current-group.open:after {
    content: "\25b2";
    top: 8px
}

#filter-group .current-group span,#group-filters .current-group span {
    margin-left: 115px
}

#filter-group .current-group img.show-logo,#group-filters .current-group img.show-logo {
    margin-left: 115px
}

#filter-group .current-group img.show-logo+span,#group-filters .current-group img.show-logo+span {
    margin-left: 0
}

#filter-group .current-group img.show-logo,#filter-group .current-group span,#group-filters .current-group img.show-logo,#group-filters .current-group span {
    display: block;
    padding-top: 10px
}

#filter-group .current-group img,#group-filters .current-group img {
    display: none;
    float: left;
    margin-right: 10px
}

#filter-group .current-group span,#group-filters .current-group span {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#filter-group dl dd.online .online-count,#group-filters dl dd.online .online-count {
    font-size: 18px;
    line-height: 1.25em
}

#group-filters {
    display: none;
    position: absolute;
    left: 0;
    top: 41px;
    right: 0;
    z-index: 2;
    max-height: 500px;
    overflow-y: scroll;
    -moz-box-shadow: rgba(0,0,0,0.6) 0 3px 5px 0;
    -webkit-box-shadow: rgba(0,0,0,0.6) 0 3px 5px 0;
    -o-box-shadow: rgba(0,0,0,0.6) 0 3px 5px 0;
    box-shadow: rgba(0,0,0,0.6) 0 3px 5px 0
}

#group-filters>li>ul {
    background: #fff
}

#group-filters.open {
    display: block
}

#group-filters li.action {
    height: 50px;
    border-top: 1px solid #efefef;
    position: relative
}

#group-filters li.action button {
    border: 0;
    background: #fff;
    font-size: 18px;
    font-weight: bold;
    color: #56c0f5;
    text-align: left;
    padding-left: 20px
}

#group-filters li.action button:hover {
    background-color: #56c0f5;
    color: #fff!important
}

#group-filters li.group {
    height: 70px;
    border-top: 1px solid #efefef
}

#group-filters li.group:first-child {
    border: 0
}

#group-filters li.group dl {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding: 15px 0 0
}

#group-filters li.group img.show-logo {
    margin-top: 0
}

#group-filters li.group dd.online {
    text-align: center;
    margin-top: -1.7em
}

#group-filters li.group dd.online .online-count {
    padding-bottom: 5px
}

.logged-out #group-filters li.create-group {
    display: none
}

.stats,#level-info {
    cursor: default
}

#groups .stats:hover+#level-info,#level-info:hover {
    display: block
}

#updates {
    top: 110px
}

.logged-out #next-steps {
    display: none
}

#next-steps,#online-users {
    padding: 13px 20px 10px;
    background: #fff
}

#next-steps h2,#online-users h2 {
    font-size: 1.25em;
    line-height: 1.2em;
    line-height: 1.5em;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#next-steps ~ #online-users,#announcement-holder ~ #online-users {
    margin-top: 10px
}

ol.next-steps {
    list-style-type: decimal;
    padding-left: 4.34783%;
    font-weight: bold;
    color: #00b1f2
}

ol.next-steps li {
    margin: 10px 0
}

ol.next-steps li a,ol.next-steps li a:link,ol.next-steps li button {
    border: 0;
    background: 0;
    display: inline;
    padding: 0;
    margin: 0;
    color: #00b1f2;
    font-weight: bold;
    font-size: .875em;
    line-height: 1.71429em;
    line-height: 1.5em;
    cursor: pointer;
    text-decoration: none
}

ol.next-steps li a:hover,ol.next-steps li a:link:hover,ol.next-steps li button:hover {
    text-decoration: underline
}

section.dashboard {
    text-align: center;
    overflow: visible
}

section.dashboard>* {
    text-align: left
}

section.dashboard>.top-ad-container {
    text-align: center;
    margin-bottom: 10px
}

section.dashboard div+.top-ad-container {
    margin-top: 10px
}

section.pane.ad {
    display: inline-block;
    margin-top: 0
}

section.pane.ad>.top-ad-container {
    text-align: center;
    height: 286px
}

section.pane.ad>.top-ad-container #azk59345 {
    height: 250px;
    width: 300px;
    margin-left: 150px
}

section.pane.ad>.top-ad-container #azk59345_2 {
    display: inline-block;
    margin-top: -175px;
    margin-right: -600px;
    height: 250px;
    width: 250px
}

div+#course-association {
    margin-top: 10px
}

#course-association {
    background: #fff;
    padding: 10px 20px;
    font-family: Verdana,sans-serif;
    font-size: .875em
}

#course-association.no-course {
    display: none
}

#course-association.no-course+#subtopics {
    margin-top: 0
}

#course-association.no-course+#subtopics.collapsed ~ div {
    margin-top: 0
}

#announcement-holder ~ #course-association.no-course+#subtopics.collapsed ~ div {
    margin-top: 10px
}

.top-ad-container+#course-association.no-course+#subtopics {
    margin-top: 10px
}

.top-ad-container+#course-association.no-course+#subtopics.collapsed+div {
    margin-top: 10px
}

#bottom-ad-container {
    text-align: center
}

#course-association.no-course+#subtopics.collapsed ~ #bottom-ad-container {
    text-align: center;
    margin-top: 10px
}

div+#subtopics {
    margin-top: 10px
}

#subtopics {
    background: #fff;
    padding: 13px 20px 20px 20px;
    font-family: "proxima-nova","Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue",Helvetica,sans-serif;
    margin-bottom: 10px
}

#subtopics.collapsed {
    display: none
}

#subtopics h2 {
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    border-bottom: 1px solid #cbedfd;
    margin-bottom: 12px;
    color: #46b9f3
}

#subtopics h2 span {
    font-weight: bold
}

#subtopics ul.topics li {
    display: inline-block;
    line-height: 1rem;
    margin-bottom: .518rem
}

#subtopics ul.topics li a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 4px 8px;
    border: 1px solid #50baf0;
    -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.6),0px 2px 1px rgba(0,0,0,0.09);
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.6),0px 2px 1px rgba(0,0,0,0.09);
    -o-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.6),0px 2px 1px rgba(0,0,0,0.09);
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.6),0px 2px 1px rgba(0,0,0,0.09);
    background: #6ec6ef;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ec6ef',endColorstr='#52bcf3',GradientType=0);
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(51%,#6ec6ef),color-stop(52%,#52bcf3));
    background-image: -webkit-linear-gradient(top,#6ec6ef 51%,#52bcf3 52%);
    background-image: -moz-linear-gradient(top,#6ec6ef 51%,#52bcf3 52%);
    background-image: -o-linear-gradient(top,#6ec6ef 51%,#52bcf3 52%);
    background-image: -ms-linear-gradient(top,#6ec6ef 51%,#52bcf3 52%);
    background-image: linear-gradient(top,#6ec6ef 51%,#52bcf3 52%);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    filter: alpha(opacity=90);
    opacity: .9
}

#subtopics ul.topics li a:hover {
    text-decoration: none;
    filter: alpha(opacity=100);
    opacity: 1
}

#online-users {
    overflow: hidden;
    position: relative;
    overflow: visible
}

#online-users>h2:first-child {
    max-width: 90%
}

#online-users ul li.subscribed .level {
    top: 44px;
    font-size: 56.25%;
    position: absolute;
    right: 0;
    z-index: 0;
    border: 2px solid #fff;
    border-radius: 0!important;
    content: "";
    height: 18px;
    left: 53px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform-origin: 0 100% 0;
    width: 18px
}

#online-users ul li.subscribed .level span {
    display: block;
    left: 0;
    position: absolute;
    top: -5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform-origin: 0 100% 0
}

#online-users .medal-count-wrapper {
    height: 28px;
    width: auto;
    position: absolute;
    top: 17px;
    right: 20px
}

#online-users .medal-count-wrapper .medal-count {
    color: #e6af2e;
    font-weight: bold
}

#online-users .medal-count-wrapper .medal-count:before {
    content: "";
    display: inline-block;
    margin-right: 3px;
    top: 4px;
    left: -1px;
    position: relative;
    background: url("/images/medal.svg") no-repeat 0 0;
    width: 18px;
    height: 25px;
    background-size: 18px 18px;
}

#online-users p.visibility {
    font-size: .75em;
    line-height: 2em;
    line-height: 1.5em;
    color: #878787;
    margin-bottom: 25px
}

#online-users ul {
    position: relative;
    overflow: hidden;
    overflow: visible;
    margin-left: -4%
}

#online-users li.user {
    position: relative;
    margin-bottom: 25px;
    margin-left: 4%;
    width: 43%;
    height: 70px;
    overflow: visible;
    display: inline-table
}

#online-users li.user .rank-text {
    font-weight: normal;
}

#online-users li.user .rank-text .moderator-indicator {
    display: inline-block;
    color: #872af0
}

#online-users li.user .rank-text .moderator-indicator:first-letter {
    color: #373737
}

#online-users img.avatar {
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 3px solid #fff;
    -moz-box-shadow: #969696 0 0 3px 0;
    -webkit-box-shadow: #969696 0 0 3px 0;
    -o-box-shadow: #969696 0 0 3px 0;
    box-shadow: #969696 0 0 3px 0;
    width: 50px;
    height: 50px
}

#online-users a.avatar-link {
    position: relative;
    float: left;
    margin: 0 5px 0 0
}

#online-users h4 {
    margin-left: 68px;
    margin-top: 1px;
    position: relative;
    font-size: .75em;
    line-height: 2em;
    line-height: 1.5em;
    font-weight: bold;
    width: 170px;
    word-wrap: break-word
}

#online-users h4 .username {
    overflow: hidden;
    font-size: 12px;
    font-weight: bold
}

#online-users p.activity {
    font-size: .625em;
    line-height: 2.4em;
    line-height: 1.5em;
    margin-left: 68px;
}

section.group {
    position: relative;
    background: #fff;
    padding: 20px 20px 15px;
    margin-bottom: 10px
}

section.group .icon {
    display: none
}

section.group.show-logo .icon {
    float: left;
    display: block;
    margin-top: -4px;
    margin-right: 5px
}

section.group h5 {
    font-size: 1.25em;
    line-height: 1.2em;
    font-weight: bold;
    margin: 0 110px 20px 0;
    padding-top: 0;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

section.group .stats {
    background: #fff;
    height: 0;
    left: -20px;
    padding: 0;
    border: solid #e6e6e6;
    margin-right: -40px;
    border-width: 1px 0 0
}

section.group .stats.current-user {
    display: block
}

section.group p.online,section.group p.total-count {
    float: left;
    margin-top: 20px;
    line-height: 1em
}

section.group p.online {
    margin-right: 10px;
    color: #60b500;
    font-weight: bold;
    font-size: .75em;
    line-height: 2em;
    line-height: 1em
}

section.group p.online span {
    font-size: 133.33%
}

section.group .group-members {
    position: relative;
    clear: both;
    overflow: hidden;
}

section.group .top-members {
    padding-top: 20px
}

section.group .top-members li.user {
    padding: 4px;
    margin: 0 20px 20px 0
}

section.group .top-members li.user a {
    position: relative
}

section.group .top-members li.user img.avatar {
    width: 68px;
    height: 68px
}

section.group .top-members li.user .level {
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 62.5%
}

section.group .top-members li.user:last-child {
    margin-right: 0
}

section.group p.total-count {
    color: #878787;
    font-size: .75em;
    line-height: 2em;
    line-height: 1em
}

section.group p.total-count .count {
    font-size: 116.66%
}

section.group li.user {
    float: left;
    margin: 0 10px 10px 0
}

section.group li.user.replying .reply-indicator {
    display: block;
    bottom: -4px;
    right: -4px
}

section.group li.user img.avatar {
    float: left;
    width: 30px;
    height: 30px
}

section.group li.user a.avatar-link {
    float: left;
    position: relative
}

section.group .top-members li.user .reply-indicator {
    bottom: auto;
    right: 3px;
    top: 5px
}

section.group .other-members a.avatar-link {
    margin: 0;
    padding: 0
}

section.group .other-members a.avatar-link img {
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

section.group button.leave {
    background: 0;
    border: 0;
    color: #e91921;
    padding: 0;
    margin-top: 5px;
    font-size: .75em;
    line-height: 2em;
    line-height: 1.5em;
    font-weight: bold;
    cursor: pointer
}

section.group button.leave:hover {
    text-decoration: underline
}

section.group .loading {
    background: #fff;
    filter: alpha(opacity=75);
    opacity: .75
}

section.group .loading,section.group .loading:after {
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    bottom: 0
}

section.group .loading:after {
    content: "";
    background: transparent url('/images/ajax-loader-blue.gif?1406796772') no-repeat 50% 50%
}

section.group .user .avatar {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 3px solid #fff;
    -moz-box-shadow: #969696 0 0 3px 0;
    -webkit-box-shadow: #969696 0 0 3px 0;
    -o-box-shadow: #969696 0 0 3px 0;
    box-shadow: #969696 0 0 3px 0;
    width: 42px;
    height: 42px
}

.logged-in #online-users .medal-count-wrapper .medal-count:before {
    top: 8px
}

.logged-out #online-users .medal-count-wrapper .medal-count:before {
    top: 4px
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    ::i-block-chrome,#group-breadcrumb {
        height:110%;
        background: #c3edfe;
        border-radius: 3px
    }

    ::i-block-chrome,div.profile-dropdown div.profile>div {
        top: -30px
    }

    ::i-block-chrome,div.profile-dropdown div.invite>div {
        top: -30px
    }

    ::i-block-chrome,div.profile-dropdown div.settings>div {
        top: -30px
    }

    ::i-block-chrome,div.profile-dropdown div.logout>div {
        top: -30px
    }
}

#group-search,#group-search-shim,#create-group {
    position: fixed;
    -moz-transition: top 599ms linear 1ms,opacity 599ms linear 1ms;
    -webkit-transition: top 599ms linear 1ms,opacity 599ms linear 1ms;
    -o-transition: top 599ms linear 1ms,opacity 599ms linear 1ms;
    transition: top 599ms linear 1ms,opacity 599ms linear 1ms;
    height: 100%;
    width: 100%;
    left: 0
}

#group-search,#group-search-shim,#create-group {
    z-index: 4
}

#create-group .submit {
    margin-top: 25px
}

#group-search .search button,#create-group .submit {
    border: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background: #299ad2;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#31a1d9),color-stop(100%,#1894cc));
    background-image: -webkit-linear-gradient(#31a1d9,#1894cc);
    background-image: -moz-linear-gradient(#31a1d9,#1894cc);
    background-image: -o-linear-gradient(#31a1d9,#1894cc);
    background-image: -ms-linear-gradient(#31a1d9,#1894cc);
    background-image: linear-gradient(#31a1d9,#1894cc);
    color: #fff;
    cursor: pointer
}

#group-search .search button:hover,#create-group .submit:hover {
    background: #217ba7;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#2184b6),color-stop(10%,#1894cc));
    background-image: -webkit-linear-gradient(#2184b6,#1894cc 10%);
    background-image: -moz-linear-gradient(#2184b6,#1894cc 10%);
    background-image: -o-linear-gradient(#2184b6,#1894cc 10%);
    background-image: -ms-linear-gradient(#2184b6,#1894cc 10%);
    background-image: linear-gradient(#2184b6,#1894cc 10%)
}

#group-search {
    background: transparent;
    top: 100%;
    padding-top: 85px
}

#group-search h2 {
    color: #fff;
    font-family: "Museo-300",Georgia,serif;
    font-size: 2.75em;
    text-align: center
}

#group-search>* {
    margin: 0 auto
}

#group-search header {
    width: 60%
}

#group-search.in-groups {
    padding-top: 45px;
    display: none
}

#group-search.in-groups header {
    display: none
}

#group-search.in-groups .search {
    margin-top: 0
}

#group-search .search,#group-search ul {
    width: 40%;
    max-width: 640px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px
}

#group-search .search {
    padding: 20px;
    background: #5ac3f8;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#75d1ff),color-stop(100%,#43b8f2));
    background-image: -webkit-linear-gradient(#75d1ff,#43b8f2);
    background-image: -moz-linear-gradient(#75d1ff,#43b8f2);
    background-image: -o-linear-gradient(#75d1ff,#43b8f2);
    background-image: -ms-linear-gradient(#75d1ff,#43b8f2);
    background-image: linear-gradient(#75d1ff,#43b8f2);
    position: relative;
    margin-top: 25px
}

#group-search .search button {
    float: left;
    padding: 10px 20px 9px 20px;
    margin: 1px 20px 0 0;
    font-size: 80%
}

#group-search .search input {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    font-size: 100%;
    height: 2.25em;
    border: 0;
    background: #fff;
    -moz-box-shadow: rgba(0,0,0,0.2) 1px 1px 1px 0 inset;
    -webkit-box-shadow: rgba(0,0,0,0.2) 1px 1px 1px 0 inset;
    -o-box-shadow: rgba(0,0,0,0.2) 1px 1px 1px 0 inset;
    box-shadow: rgba(0,0,0,0.2) 1px 1px 1px 0 inset
}

#group-search .search label.placeholder {
    top: 31px;
    left: 35px;
    font-size: .875em;
    line-height: 1.02857em
}

#group-search .search .placeholder-wrapper label.placeholder {
    top: 11px;
    left: 15px
}

#group-search ul {
    margin-top: 5px;
    padding: 0 20px;
    overflow: auto;
    overflow-x: hidden;
    position: unset!important
}

#group-search li:first-child {
    border-top: 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -khtml-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

#group-search li {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 0 20px;
    background: #fff;
    border-top: 1px solid #e8e8e8
}

#group-search li,#group-search button.group {
    margin-left: -20px
}

#group-search button.group {
    padding: 20px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box
}

#group-search li.group dd .group-stats {
    font-size: 110%
}

#group-search li:nth-child(even) {
    background: #f7f7f7
}

#group-search.showing {
    top: 0
}

#group-search.showing-create {
    top: -100%
}

.logged-in #group-search .search {
    overflow: hidden;
}

.logged-in #group-search .placeholder-wrapper {
    position: absolute;
    top: 20px;
    left: 195px;
    right: 20px
}

#group-search button.group,#groups button.group {
    cursor: pointer;
    width: 100%;
    height: 100%
}

#group-search button.group img.icon,#groups button.group img.icon {
    display: none
}

#group-search li.group,#groups li.group {
    position: relative
}

#group-search li.group .leave,#groups li.group .leave {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 15px;
    background: 0;
    border: 1px solid transparent;
    padding: 5px 10px;
    color: red;
    font-weight: bold
}

#group-search li.group .name,#groups li.group .name {
    margin: 0;
    text-align: left
}

#group-search li.group .name,#groups li.group .name {
    font-size: 18px;
    line-height: 1.25em
}

#group-search li.group dd.online,#groups li.group dd.online {
    font-size: 100%
}

#group-search li.group .group-stats,#groups li.group .group-stats {
    clear: both;
    display: block;
    text-align: left;
    margin-top: 5px;
    font-size: 90%
}

#group-search img.show-logo,#groups img.show-logo {
    display: none
}

#group-search button.group,#groups button.group {
    background-color: #fff;
    border: 0
}

#group-search button.group .show-logo.dark-icon,#groups button.group .show-logo.dark-icon {
    display: block
}

#group-search button.group.current,#group-search button.group:hover,#group-search button.group.selected,#groups button.group.current,#groups button.group:hover,#groups button.group.selected {
    background-color: #56c0f5
}

#group-search button.group.current .dark-icon,#group-search button.group:hover .dark-icon,#group-search button.group.selected .dark-icon,#groups button.group.current .dark-icon,#groups button.group:hover .dark-icon,#groups button.group.selected .dark-icon {
    display: none
}

#group-search button.group.current .light-icon.show-logo,#group-search button.group:hover .light-icon.show-logo,#group-search button.group.selected .light-icon.show-logo,#groups button.group.current .light-icon.show-logo,#groups button.group:hover .light-icon.show-logo,#groups button.group.selected .light-icon.show-logo {
    display: block
}

#group-search button.group.current *,#group-search button.group:hover *,#group-search button.group.selected *,#groups button.group.current *,#groups button.group:hover *,#groups button.group.selected * {
    color: #fff!important
}

#group-search button.group.current ~ .leave,#group-search button.group:hover ~ .leave,#group-search button.group.selected ~ .leave,#groups button.group.current ~ .leave,#groups button.group:hover ~ .leave,#groups button.group.selected ~ .leave {
    background: #78cdf7;
    color: #fff;
    border: 1px solid #78cdf7;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer
}

#group-search button.group.current ~ .leave:hover,#group-search button.group:hover ~ .leave:hover,#group-search button.group.selected ~ .leave:hover,#groups button.group.current ~ .leave:hover,#groups button.group:hover ~ .leave:hover,#groups button.group.selected ~ .leave:hover {
    background: #3ea9df;
    border-color: #3ea9df
}

#group-search dt,#groups dt {
    display: none
}

#group-search dd.online,#group-search dd.joining,#groups dd.online,#groups dd.joining {
    position: absolute;
    top: 20px
}

#group-search dd.online,#groups dd.online {
    left: 20px;
    width: 50px;
    top: 50%;
    margin-top: -1.85em;
    text-align: right;
    color: #878787;
    font-size: 66%
}

#group-search dd.online .online-count,#groups dd.online .online-count {
    color: #59b600;
    font-size: 240%;
    font-weight: bold;
    display: block
}

#group-search dd.group,#group-search dd.joining,#groups dd.group,#groups dd.joining {
    font-size: 115%;
    font-weight: bold
}

#group-search dd.group,#groups dd.group {
    margin: 0 50px 0 80px;
    position: relative
}

#group-search dd p.name,#groups dd p.name {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#group-search dd img.show-logo ~ p.name,#groups dd img.show-logo ~ p.name {
    left: 30px;
    right: 60px;
    top: 0
}

#group-search dd .group-stats,#groups dd .group-stats {
    font-size: 77.777%;
    font-weight: normal;
    color: #878787
}

#group-search dd .icon,#groups dd .icon {
    display: none
}

#group-search dd .name,#groups dd .name {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#group-search dd img.show-logo,#groups dd img.show-logo {
    float: left;
    margin-bottom: .5em;
    margin-right: 10px
}

#group-search dd.joining,#groups dd.joining {
    right: 20px;
    width: 80px;
    top: 50%;
    margin-top: -1em;
    text-align: right
}

#group-search dd.joining button,#groups dd.joining button {
    cursor: pointer;
    border: 0;
    background: 0;
    color: #00b1f2
}

#group-search dd.joining button:hover,#groups dd.joining button:hover {
    text-decoration: underline
}

#group-search dd .joining,#groups dd .joining {
    text-align: right
}

#group-search dd.joining,#groups dd.joining {
    display: none
}

#group-search button.leave,#groups button.leave {
    display: none
}

#group-search .joined button.leave,#groups .joined button.leave {
    display: block
}

#group-search .joining dd.join,#groups .joining dd.join {
    display: none
}

#group-search .joining dd.joining,#groups .joining dd.joining {
    display: block
}

#group-search ul.join-disabled dd.join,#groups ul.join-disabled dd.join {
    display: none
}

#group-search ul.join-disabled dd.disabled,#groups ul.join-disabled dd.disabled {
    display: block;
    line-height: 1em
}

#group-search ul.join-disabled .joined dd.disabled,#groups ul.join-disabled .joined dd.disabled {
    display: none
}

.logged-out #group-search .search button {
    display: none
}

#group-search-shim {
    position: fixed;
    background-color: #000;
    filter: alpha(opacity=0);
    opacity: 0;
    top: 0;
    -moz-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

#group-search-shim.showing {
    filter: alpha(opacity=80);
    opacity: .8
}

#create-group {
    position: fixed;
    top: 100%
}

#create-group h3,#create-group form {
    position: absolute;
    top: 50%;
    margin-top: -100px;
    left: 50%;
    margin-left: -177px;
    width: 355px;
    background: #5bc4f8
}

#create-group h3 {
    padding: 15px 15px 15px 20px;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#75d1ff),color-stop(100%,#6acbfc));
    background-image: -webkit-linear-gradient(#75d1ff,#6acbfc);
    background-image: -moz-linear-gradient(#75d1ff,#6acbfc);
    background-image: -o-linear-gradient(#75d1ff,#6acbfc);
    background-image: -ms-linear-gradient(#75d1ff,#6acbfc);
    background-image: linear-gradient(#75d1ff,#6acbfc);
    color: #fff;
    font-size: 1.125em;
    line-height: 1.33333em;
    line-height: 1em;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -o-border-top-left-radius: 3px;
    -ms-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -o-border-top-right-radius: 3px;
    -ms-border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    border-top-right-radius: 3px
}

#create-group form {
    font-size: .875em;
    line-height: 1.71429em;
    line-height: 1em;
    width: 350px;
    position: relative;
    margin-top: -52px;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#6acbfc),color-stop(100%,#43b8f2));
    background-image: -webkit-linear-gradient(#6acbfc,#43b8f2);
    background-image: -moz-linear-gradient(#6acbfc,#43b8f2);
    background-image: -o-linear-gradient(#6acbfc,#43b8f2);
    background-image: -ms-linear-gradient(#6acbfc,#43b8f2);
    background-image: linear-gradient(#6acbfc,#43b8f2);
    padding: 20px 20px 30px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -o-border-bottom-left-radius: 3px;
    -ms-border-bottom-left-radius: 3px;
    -khtml-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -o-border-bottom-right-radius: 3px;
    -ms-border-bottom-right-radius: 3px;
    -khtml-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px
}

#create-group label {
    top: 32px;
    left: 30px
}

#create-group .cancel {
    border: 0;
    background: 0;
    color: #fff;
    font-size: 85%;
    cursor: pointer
}

#create-group .cancel:hover {
    text-decoration: underline
}

#create-group .submit {
    font: inherit;
    padding: 7px 10px 7px 10px;
    position: relative
}

#create-group .submit:active {
    top: 1px;
    left: 1px
}

#create-group .submit:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

#create-group.showing {
    top: 0
}

#create-group #group-create-error {
    display: block;
    visibility: hidden;
    padding-bottom: 5px;
    margin-top: 5px;
    color: red;
    height: 14px
}

#create-group #group-create-error.error {
    visibility: visible
}

#group-name {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    -moz-box-shadow: rgba(0,0,0,0.3) 1px 1px 1px 0 inset;
    -webkit-box-shadow: rgba(0,0,0,0.3) 1px 1px 1px 0 inset;
    -o-box-shadow: rgba(0,0,0,0.3) 1px 1px 1px 0 inset;
    box-shadow: rgba(0,0,0,0.3) 1px 1px 1px 0 inset;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 7px 10px;
    font: inherit;
    font-weight: bold;
    width: 100%;
    margin-bottom: 0
}

#group-name.error {
    border: 2px solid red;
    color: red
}

#group-search.in-groups.showing {
    display: block
}

ul.update-info {
    font-size: .83333em
}

ul.update-info button {
    font-size: 100%
}

.update-info {
    line-height: 1.5em;
    color: #878787
}

.body {
    white-space: pre-wrap;
    word-wrap: break-word
}

.body span.merror {
    width: 100%
}

#current-update a.user-link .level {
    font-size: 75%
}

.post {
    font-size: .75em;
    line-height: 1.5em
}

.post h3.username {
    font-weight: bold
}

.post p.body {
    font-size: 1.18333em;
    line-height: 1.5em
}

.post div.attachments {
    border-top: 1px solid #a0a0a0;
    position: relative;
    margin-top: 15px
}

.post div.attachments ul {
    margin-top: 10px
}

.post .attachment {
    display: block;
    text-decoration: none
}

.post .attachment>.filename {
    padding: 5px
}

.post .icon-label {
    max-width: 50px;
    max-height: 100px;
    overflow: hidden;
    padding: 5px 0
}

.post .icon-label.preview {
    width: 50px
}

.post a.attachment,.post a.attachment>img,.post a.attachment>.filename {
    display: inline-block;
    vertical-align: middle
}

.post h5.number-attachments {
    color: #a0a0a0;
    background-color: #fff;
    position: absolute;
    top: -10px;
    padding-right: 10px;
    margin-top: 0;
    margin-left: 0
}

ul.update-info {
    overflow: hidden;
    margin-top: 5px
}

ul.update-info>li {
    float: left;
    white-space: nowrap;
    list-style-type: disc;
    list-style-position: inside;
    margin-left: 8px
}

ul.update-info .replies {
    display: none
}

.viewers.showing+.last-updated {
    display: none
}

.replying.showing+.viewers.hidden+.last-updated {
    display: none
}

li.replying.hidden+.viewers.showing,li.replying.hidden+.viewers.hidden+.last-updated,li.replying,.replying-text,.last-updated:first-child {
    list-style-type: none;
    display: inline;
    margin-left: 0
}

#updates .autocomplete {
    z-index: 5;
    top: 106px;
    left: 22px;
    width: 469px
}

#updates .autocomplete>.entry {
    font-size: 85%
}

#updates h3 label.disabled {
    color: #ededed
}

#updates h3 .signup-for-action {
    left: 15px;
    background: #ededed;
    top: 10px
}

#updates h3 .signup-for-action,#updates h3 .signup-for-action button {
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold
}

#update {
    -moz-transition: box-shadow linear 600ms;
    -webkit-transition: box-shadow linear 600ms;
    -o-transition: box-shadow linear 600ms;
    transition: box-shadow linear 600ms;
    -moz-box-shadow: rgba(50,50,50,0.3) 1px 1px 2px 0 inset;
    -webkit-box-shadow: rgba(50,50,50,0.3) 1px 1px 2px 0 inset;
    -o-box-shadow: rgba(50,50,50,0.3) 1px 1px 2px 0 inset;
    box-shadow: rgba(50,50,50,0.3) 1px 1px 2px 0 inset
}

#update[disabled] {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

#update.highlight {
    -moz-box-shadow: #e6e6e6 0 0 0,#0f23c8 0 0 20px;
    -webkit-box-shadow: #e6e6e6 0 0 0,#0f23c8 0 0 20px;
    -o-box-shadow: #e6e6e6 0 0 0,#0f23c8 0 0 20px;
    box-shadow: #e6e6e6 0 0 0,#0f23c8 0 0 20px
}

#update.highlight-away {
    -moz-box-shadow: #e6e6e6 0 0 0 20px,#0f23c8 0 0 20px;
    -webkit-box-shadow: #e6e6e6 0 0 0 20px,#0f23c8 0 0 20px;
    -o-box-shadow: #e6e6e6 0 0 0 20px,#0f23c8 0 0 20px;
    box-shadow: #e6e6e6 0 0 0 20px,#0f23c8 0 0 20px
}

.update-list-container {
    display: inline;
    float: left;
    width: 46.93878%;
    margin-right: 2.04082%;
    margin-left: 2.04082%;
    width: 32em;
    margin: 0 0 0 -2em;
    padding: 20px 0 0;
    position: fixed;
    top: 110px;
    bottom: 0;
    background: #e6e6e6
}

.update-list-container>* {
    position: relative;
    z-index: 1
}

.update-list-container .update-list-ul-wrapper {
    bottom: 54px
}

.update-list-container form,.update-list-container section,.update-list-container li.update,.update-list-container .filters {
    margin-left: 20px
}

.update-list-container h3 {
    overflow: hidden;
    font-size: .75em;
    line-height: 2em;
    color: #878787;
    margin: 0;
    padding-right: 4.34783%;
    padding-bottom: 1px;
    position: relative
}

.update-list-container h3 label,.update-list-container h3 textarea {
    font-size: 1.42857em
}

.update-list-container h3 label {
    top: 9px;
    left: 15px
}

.update-list-container h3 textarea {
    display: block;
    width: 100%;
    height: 40px;
    padding: 9px 15px;
    border: 0;
    overflow: hidden;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    resize: none
}

.update-list-container h3 textarea.focused {
    height: 5em;
    border: 2px solid #97b8ee;
    border-radius: 3px;
    overflow: auto
}

.update-list-container h3 textarea:focus {
    outline: 0
}

.update-list-container h3 textarea[disabled] {
    background: #ededed;
    border: 1px solid #d7d7d7;
    overflow: hidden
}

.update-list-container h3 input {
    display: none;
    margin-top: 10px
}

.update-list-container h3 input.focused {
    display: block
}

.update-list-container h3 p.group-name {
    display: none;
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 120px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.update-list-container h3 input.submit {
    display: block;
    float: right;
    color: #fff;
    font-size: 12px;
    background: #51c9ff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#51c9ff),color-stop(100%,#24b1f8));
    background-image: -webkit-linear-gradient(#51c9ff,#24b1f8);
    background-image: -moz-linear-gradient(#51c9ff,#24b1f8);
    background-image: -o-linear-gradient(#51c9ff,#24b1f8);
    background-image: -ms-linear-gradient(#51c9ff,#24b1f8);
    background-image: linear-gradient(#51c9ff,#24b1f8);
    border: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    -webkit-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    -o-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    cursor: pointer;
    padding: 3px 10px;
    position: relative;
    box-shadow: none;
    font-size: 116%;
    padding: 4px 30px
}

.update-list-container h3 input.submit:hover {
    text-decoration: none;
    background: #1eb9ff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#1eb9ff),color-stop(100%,#0799e2));
    background-image: -webkit-linear-gradient(#1eb9ff,#0799e2);
    background-image: -moz-linear-gradient(#1eb9ff,#0799e2);
    background-image: -o-linear-gradient(#1eb9ff,#0799e2);
    background-image: -ms-linear-gradient(#1eb9ff,#0799e2);
    background-image: linear-gradient(#1eb9ff,#0799e2)
}

.update-list-container h3 input.submit:active {
    top: 1px;
    left: 1px
}

.update-list-container h3 input.submit:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

.update-list-container h3 input.submit.disabled {
    background: #bfbfbe;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#bfbfbe),color-stop(100%,#949492));
    background-image: -webkit-linear-gradient(#bfbfbe,#949492);
    background-image: -moz-linear-gradient(#bfbfbe,#949492);
    background-image: -o-linear-gradient(#bfbfbe,#949492);
    background-image: -ms-linear-gradient(#bfbfbe,#949492);
    background-image: linear-gradient(#bfbfbe,#949492);
    color: #ebebeb;
    cursor: not-allowed
}

.update-list-container h3 input.submit.disabled:active {
    top: 0;
    left: 0
}

.update-list-container h3 input.submit[disabled] {
    background: #c8c8c8;
    color: #919191
}

.update-list-container h3 input.submit {
    background: #5db520 url(/images/post.png) no-repeat 10px 6px!important;
    float: right;
    height: 32px;
    line-height: 18px;
    padding: 0 11px 0 34px;
    font-weight: bold;
    font-size: 14px;
    display: none
}

.update-list-container h3 input.submit:hover {
    cursor: pointer;
    background-color: #6ac827!important;
    transition: .6s
}

.update-list-container h3 input.focused.post {
    display: block;
    background: #5ab702 url(/images/post.png) no-repeat 10px 6px!important;
    float: right;
    height: 32px;
    line-height: 18px;
    padding: 0 11px 0 34px
}

.update-list-container h3 input.focused.post:hover {
    opacity: .8;
    transition: .6s
}

.update-list-container h3 input.focused.ask {
    margin-left: 170px;
    display: block;
    float: left;
    background: #20a1e2 url(/images/ask.png) no-repeat 12px 7px!important;
    height: 32px;
    line-height: 18px;
    padding: 0 10px 0 37px
}

.update-list-container h3 input.focused.ask:hover {
    opacity: .8;
    transition: .6s
}

.update-list-container h3 .character-counter {
    font-size: 1.5em;
    line-height: 2em;
    line-height: 1.2em;
    position: absolute;
    right: 140px;
    color: #aaa
}

.update-list-container form.focused.disabled:after {
    font-size: .625em;
    line-height: 2.4em;
    content: "Add at least one group";
    position: absolute;
    right: 22px;
    bottom: -2em;
    color: #919191
}

.update-list-container>div {
    display: block!important;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -o-border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -o-border-bottom-left-radius: 10px;
    -ms-border-bottom-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    top: 195px;
    bottom: 30px;
    margin-top: 7px;
    width: 100%
}

.update-list-container li.update .indicator {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    filter: alpha(opacity=60);
    opacity: .6
}

.update-list-container li.update .indicator+span {
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    font-size: 1.3em
}

.update-list-container li.update .indicator+span,.update-list-container li.update .indicator {
    z-index: 2
}

.filters {
    margin-top: 14px;
    margin-bottom: -1px;
    z-index: 2
}

.filters:after {
    content: "";
    display: table;
    clear: both
}

.filters>li {
    float: left;
    background: transparent;
    white-space: nowrap;
    height: 24px;
    line-height: 24px;
    margin-right: 10px
}

.filters>li button {
    background: #d8d8d8;
    border: 0;
    border-radius: 2px 2px 0 0;
    position: relative;
    height: 20px;
    width: 100%;
    color: #717171;
    text-decoration: none;
    text-shadow: #fff 1px 1px;
    font-size: 11px;
    outline: 0
}

.filters>li button.current {
    background: #fff
}

.filters>li button.current#open-questions {
    background: #fff
}

.filters>li button.current#open-questions::after {
    border-color: #fff transparent transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 7px;
    content: " ";
    height: 0;
    left: 45px;
    position: absolute;
    top: 19px;
    width: 0
}

.filters>li button.current#closed-questions {
    background: #fff
}

.filters>li button.current#closed-questions::after {
    border-color: #fff transparent transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 7px;
    content: " ";
    height: 0;
    left: 44px;
    position: absolute;
    top: 19px;
    width: 0
}

ul.update-list {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    overflow-x: hidden;
    padding-right: 1px;
    background: #f4f4f4 url('/images/ajax-loader-blue.gif?1406796772') no-repeat 50% 10px
}

ul.update-list.loaded {
    background: transparent
}

ul.update-list>li.auto-load {
    display: list-item!important;
    font-size: .75em;
    line-height: 2em
}

.update-list>li {
    padding: 10px
}

li.show-all-questions {
    display: none
}

.current-question li.show-all-questions {
    display: block
}

.current-question li.show-all-questions button {
    background: transparent;
    border: 0;
    text-align: center;
    width: 100%;
    font-size: 1em;
    font-weight: bold;
    color: #00b1f2;
    text-shadow: #fff 1px 1px;
    cursor: pointer
}

.current-question li.show-all-questions button:hover {
    text-decoration: underline
}

ul.current-question>li.auto-load {
    display: none!important
}

.logged-in .update-list-container .user-filter {
    display: block
}

li.update,div.open-update {
    background-color: #f4f4f4;
    cursor: pointer;
    color: #373737
}

li.update:hover,div.open-update:hover {
    background-color: #fff
}

li.update:hover a.update-link,div.open-update:hover a.update-link {
    text-decoration: underline;
    color: #00b1f2
}

li.update.non-update-linked:hover,div.open-update.non-update-linked:hover {
    background-color: #f4f4f4
}

li.update.non-update-linked:hover a.update-link:hover,div.open-update.non-update-linked:hover a.update-link:hover {
    text-decoration: none;
    color: inherit
}

li.update {
    overflow: hidden;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-right: 13px;
    position: relative;
    overflow: visible!important;
    display: block;
    padding: 10px 30px 10px 10px;
    overflow: hidden;
}

li.update a.no-level {
    color: #fff;
    text-decoration: underline
}

li.update.first .delete {
    bottom: 17px
}

li.update.first:after {
    content: "First Question!";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    background: #b6d07e;
    color: #fff;
    padding: 0 5px;
    font-size: 10px
}

li.update.first .target-group {
    right: 132px
}

li.update.first .update-level {
    right: 82px
}

li.update.first .no-level {
    right: 104px
}

li.update.mine .delete {
    bottom: 17px
}

li.update a.avatar-link {
    font-size: 133.333%
}

li.update a.avatar-link:hover {
    text-decoration: none!important
}

li.update a.user-link.poster {
    position: relative;
    float: left
}

li.update a.update-link,li.update a.update-link:visited {
    color: #373737;
    text-decoration: none
}

li.update a.update-link:hover {
    color: #00b1f2;
    text-decoration: underline
}

li.update span.info,li.update span.update-status-template {
    margin-left: 44px;
    margin-right: 5px;
    display: block;
    word-wrap: break-word
}

li.update span.body {
    font-size: inherit
}

li.update.mentions-current-user {
    background: #fffbd3
}

li.update.current {
    position: relative;
    overflow: visible;
    border: 0;
    -moz-box-shadow: #c3c3c3 1px 1px 4px;
    -webkit-box-shadow: #c3c3c3 1px 1px 4px;
    -o-box-shadow: #c3c3c3 1px 1px 4px;
    box-shadow: #c3c3c3 1px 1px 4px;
    background: #fff url('/images/selected-arrow.png?1406796772') no-repeat 98% 50%
}

li.update.current.mentions-current-user {
    background: #fffbd3 url('/images/selected-arrow.png?1406796772') no-repeat 98% 50%
}

li.update .delete {
    position: absolute;
    right: 5px;
    bottom: 5px;
    margin: 0;
    padding: 0
}

.target-group {
    right: 50px
}

.target-group,.update-level {
    position: absolute;
    bottom: 0;
    z-index: 0;
    background: #51c9ff;
    color: #fff;
    padding: 0 5px;
    font-size: 10px;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.update-level {
    right: 0;
    background: #f60;
    min-width: 35px;
    text-align: center
}

li.update>a.user-link>img.avatar,li.reply a.user-link>img.avatar,section.update h2 a.user-link>img.avatar {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 3px solid #fff;
    -moz-box-shadow: #969696 0 0 3px 0;
    -webkit-box-shadow: #969696 0 0 3px 0;
    -o-box-shadow: #969696 0 0 3px 0;
    box-shadow: #969696 0 0 3px 0;
    width: 42px;
    height: 42px;
    float: left;
    width: 50px;
    height: 50px
}

span.info {
    padding-left: 5.88235%
}

div.info {
    position: relative
}

div.info img.ask {
    position: absolute;
    right: 0;
    top: 0
}

div.info .username,span.info .username {
    font-weight: bold;
    font-size: 12px
}

div.info .state,span.info .state {
    color: #878787
}

div.update-status,span.update-status-template {
    padding-left: 5.88235%
}

div.update-status>ul,ul.update-status {
    margin-top: 10px
}

div.update-status>ul:after,ul.update-status:after {
    content: "";
    display: table;
    clear: both
}

div.update-status>ul li,ul.update-status li {
    position: relative;
    float: left;
    padding-bottom: 3px
}

div.update-status>ul li .reply-indicator,ul.update-status li .reply-indicator {
    position: absolute;
    right: 1px;
    bottom: 3px;
    display: none
}

div.update-status>ul li.replying .reply-indicator,ul.update-status li.replying .reply-indicator {
    display: block
}

ul.repliers {
    overflow: hidden;
}

li.replier>.avatar-link,div.update-status li>.avatar-link,ul.update-status li>.avatar-link {
    margin-right: 7px
}

li.replier>.avatar-link>img,div.update-status li>.avatar-link>img,ul.update-status li>.avatar-link>img {
    float: left
}

li.replier.moderator img.avatar,div.update-status li.moderator img.avatar,ul.update-status li.moderator img.avatar {
    float: left;
    margin-right: 7px
}

div.online-marker {
    top: 5px;
    left: 55px
}

div.online-text {
    font-size: inherit;
    top: 65px;
    left: 11px
}

ul.bottom-links {
    font-size: .625em;
    line-height: 2.4em;
    line-height: 1.5em;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 30px;
    text-align: center
}

ul.bottom-links li {
    float: right;
    margin-left: 30px
}

ul.bottom-links a {
    text-decoration: none
}

ul.bottom-links a,ul.bottom-links a:visited {
    color: #008ec2
}

ul.bottom-links a:hover {
    text-decoration: underline
}

#open-update h2 {
    color: #878787;
    font-weight: bold;
    font-size: .9em;
    text-shadow: #fff 1px 1px
}

#open-update .update {
    margin: 10px 20px 0 0;
    padding: 15px;
    position: relative;
    cursor: pointer
}

#open-update .update .update-link,#open-update .update .update-link:visited {
    color: #373737;
    text-decoration: none
}

#open-update .update .update-link:hover {
    color: #00b1f2;
    text-decoration: underline
}

#open-update .update .body {
    font-size: 1em
}

#open-update .update ul.update-status {
    padding-right: 160px
}

#open-update .update .state {
    position: absolute;
    right: 15px;
    bottom: 15px;
    font-size: 0
}

#open-update .update .state button {
    color: #fff;
    font-size: 12px;
    background: #51c9ff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#51c9ff),color-stop(100%,#24b1f8));
    background-image: -webkit-linear-gradient(#51c9ff,#24b1f8);
    background-image: -moz-linear-gradient(#51c9ff,#24b1f8);
    background-image: -o-linear-gradient(#51c9ff,#24b1f8);
    background-image: -ms-linear-gradient(#51c9ff,#24b1f8);
    background-image: linear-gradient(#51c9ff,#24b1f8);
    border: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    -webkit-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    -o-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    cursor: pointer;
    padding: 3px 10px;
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 0 0 5px
}

#open-update .update .state button:hover {
    text-decoration: none;
    background: #1eb9ff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#1eb9ff),color-stop(100%,#0799e2));
    background-image: -webkit-linear-gradient(#1eb9ff,#0799e2);
    background-image: -moz-linear-gradient(#1eb9ff,#0799e2);
    background-image: -o-linear-gradient(#1eb9ff,#0799e2);
    background-image: -ms-linear-gradient(#1eb9ff,#0799e2);
    background-image: linear-gradient(#1eb9ff,#0799e2)
}

#open-update .update .state button:active {
    top: 1px;
    left: 1px
}

#open-update .update .state button:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

#open-update .update .state button.disabled {
    background: #bfbfbe;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#bfbfbe),color-stop(100%,#949492));
    background-image: -webkit-linear-gradient(#bfbfbe,#949492);
    background-image: -moz-linear-gradient(#bfbfbe,#949492);
    background-image: -o-linear-gradient(#bfbfbe,#949492);
    background-image: -ms-linear-gradient(#bfbfbe,#949492);
    background-image: linear-gradient(#bfbfbe,#949492);
    color: #ebebeb;
    cursor: not-allowed
}

#open-update .update .state button.disabled:active {
    top: 0;
    left: 0
}

#open-update .update .state button:first-child {
    margin: 0
}

#confirm-close.dialog,.dialog.default-level,.dialog.question-level {
    display: none;
    background: #57c2f7;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#6acbfc),color-stop(100%,#43b8f2));
    background-image: -webkit-linear-gradient(#6acbfc,#43b8f2);
    background-image: -moz-linear-gradient(#6acbfc,#43b8f2);
    background-image: -o-linear-gradient(#6acbfc,#43b8f2);
    background-image: -ms-linear-gradient(#6acbfc,#43b8f2);
    background-image: linear-gradient(#6acbfc,#43b8f2);
    padding: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    width: 300px;
    height: auto;
    left: 50%;
    margin-left: -150px;
    color: #fff
}

#confirm-close.dialog h2,.dialog.default-level h2,.dialog.question-level h2 {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 16px
}

#confirm-close.dialog p,.dialog.default-level p,.dialog.question-level p {
    margin-bottom: 8px;
    font-size: .75em;
    line-height: 1.25em;
    white-space: pre-line
}

#confirm-close.dialog .actions,.dialog.default-level .actions,.dialog.question-level .actions {
    margin-top: 21px;
    overflow: hidden;
}

#confirm-close.dialog .actions button,.dialog.default-level .actions button,.dialog.question-level .actions button {
    margin: 0
}

#confirm-close.dialog .actions .confirm,.dialog.default-level .actions .confirm,.dialog.question-level .actions .confirm {
    color: #fff;
    font-size: 12px;
    background: #2fa0d8;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#2fa0d8),color-stop(100%,#1f91c9));
    background-image: -webkit-linear-gradient(#2fa0d8,#1f91c9);
    background-image: -moz-linear-gradient(#2fa0d8,#1f91c9);
    background-image: -o-linear-gradient(#2fa0d8,#1f91c9);
    background-image: -ms-linear-gradient(#2fa0d8,#1f91c9);
    background-image: linear-gradient(#2fa0d8,#1f91c9);
    border: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    -webkit-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    -o-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    cursor: pointer;
    padding: 3px 10px;
    position: relative;
    float: left;
    padding: 7px 15px
}

#confirm-close.dialog .actions .confirm:hover,.dialog.default-level .actions .confirm:hover,.dialog.question-level .actions .confirm:hover {
    text-decoration: none;
    background: #2182b3;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#2182b3),color-stop(100%,#18719d));
    background-image: -webkit-linear-gradient(#2182b3,#18719d);
    background-image: -moz-linear-gradient(#2182b3,#18719d);
    background-image: -o-linear-gradient(#2182b3,#18719d);
    background-image: -ms-linear-gradient(#2182b3,#18719d);
    background-image: linear-gradient(#2182b3,#18719d)
}

#confirm-close.dialog .actions .confirm:active,.dialog.default-level .actions .confirm:active,.dialog.question-level .actions .confirm:active {
    top: 1px;
    left: 1px
}

#confirm-close.dialog .actions .confirm:before,.dialog.default-level .actions .confirm:before,.dialog.question-level .actions .confirm:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

#confirm-close.dialog .actions .confirm.disabled,.dialog.default-level .actions .confirm.disabled,.dialog.question-level .actions .confirm.disabled {
    background: #bfbfbe;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#bfbfbe),color-stop(100%,#949492));
    background-image: -webkit-linear-gradient(#bfbfbe,#949492);
    background-image: -moz-linear-gradient(#bfbfbe,#949492);
    background-image: -o-linear-gradient(#bfbfbe,#949492);
    background-image: -ms-linear-gradient(#bfbfbe,#949492);
    background-image: linear-gradient(#bfbfbe,#949492);
    color: #ebebeb;
    cursor: not-allowed
}

#confirm-close.dialog .actions .confirm.disabled:active,.dialog.default-level .actions .confirm.disabled:active,.dialog.question-level .actions .confirm.disabled:active {
    top: 0;
    left: 0
}

#confirm-close.dialog .actions .close,.dialog.default-level .actions .close,.dialog.question-level .actions .close {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    color: #00b1f2;
    cursor: pointer;
    float: right;
    padding: 7px 15px;
    font-size: .75em;
    color: #fff;
}

#confirm-close.dialog .actions .close:hover,.dialog.default-level .actions .close:hover,.dialog.question-level .actions .close:hover {
    text-decoration: underline
}

#confirm-close.dialog .actions .close:after,.dialog.default-level .actions .close:after,.dialog.question-level .actions .close:after {
    content: "";
    display: table;
    clear: both
}

#confirm-close.dialog .actions label,.dialog.default-level .actions label,.dialog.question-level .actions label {
    display: block;
    float: left;
    font-size: .65em;
    width: 100%;
    margin-top: 10px;
    cursor: pointer
}

#confirm-close.dialog .actions label input,.dialog.default-level .actions label input,.dialog.question-level .actions label input {
    margin: 0 10px 0 0
}

#shim+#confirm-close {
    display: block
}

section.update {
    overflow: hidden;
    font-size: .75em;
    line-height: 2em;
    line-height: 1.5em
}

section.update .app-notice {
    font-size: 16px
}

section.update .notice.deleted {
    background-color: rgba(255,255,255,0.7);
    bottom: 0;
    padding: 30% 5% 0;
    position: absolute;
    top: 0;
    z-index: 2
}

section.update>a,section.update .update,section.update .reply,section.update .reply-preview,section.update>.update-info {
    font-size: inherit
}

section.update h2.update-body {
    background-color: #d2f2ff;
    border: 1px solid #abe7ff;
    position: relative
}

section.update .editor {
    display: none
}

section.update .editor textarea {
    margin-bottom: 10px;
    height: 5em;
    line-height: 1.5em;
    border: 1px solid #c9c9c9;
    padding: 5px;
    resize: none
}

section.update .editor-actions {
    width: 100%
}

section.update .editor-actions>li {
    width: 50%;
    display: inline-block
}

section.update .editor-actions button {
    font-size: 1.2em
}

section.update .editor-actions>.submit-edit {
    text-align: right;
    width: 49%
}

section.update .editor-actions>.submit-edit>button {
    color: #fff;
    font-size: 12px;
    background: #51c9ff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#51c9ff),color-stop(100%,#24b1f8));
    background-image: -webkit-linear-gradient(#51c9ff,#24b1f8);
    background-image: -moz-linear-gradient(#51c9ff,#24b1f8);
    background-image: -o-linear-gradient(#51c9ff,#24b1f8);
    background-image: -ms-linear-gradient(#51c9ff,#24b1f8);
    background-image: linear-gradient(#51c9ff,#24b1f8);
    border: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    -webkit-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    -o-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    cursor: pointer;
    padding: 3px 10px;
    position: relative;
    font-size: 1.2em;
    margin: 0
}

section.update .editor-actions>.submit-edit>button:hover {
    text-decoration: none;
    background: #1eb9ff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#1eb9ff),color-stop(100%,#0799e2));
    background-image: -webkit-linear-gradient(#1eb9ff,#0799e2);
    background-image: -moz-linear-gradient(#1eb9ff,#0799e2);
    background-image: -o-linear-gradient(#1eb9ff,#0799e2);
    background-image: -ms-linear-gradient(#1eb9ff,#0799e2);
    background-image: linear-gradient(#1eb9ff,#0799e2)
}

section.update .editor-actions>.submit-edit>button:active {
    top: 1px;
    left: 1px
}

section.update .editor-actions>.submit-edit>button:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

section.update .editor-actions>.submit-edit>button.disabled {
    background: #bfbfbe;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#bfbfbe),color-stop(100%,#949492));
    background-image: -webkit-linear-gradient(#bfbfbe,#949492);
    background-image: -moz-linear-gradient(#bfbfbe,#949492);
    background-image: -o-linear-gradient(#bfbfbe,#949492);
    background-image: -ms-linear-gradient(#bfbfbe,#949492);
    background-image: linear-gradient(#bfbfbe,#949492);
    color: #ebebeb;
    cursor: not-allowed
}

section.update .editor-actions>.submit-edit>button.disabled:active {
    top: 0;
    left: 0
}

section.update .editor-actions>li.cancel-edit>button {
    background: transparent;
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #00b1f2;
    white-space: nowrap;
    border: 0;
    cursor: pointer
}

section.update .editor-actions>li.cancel-edit>button:hover {
    text-decoration: underline
}

section.update h2.editing-question .editor {
    display: block
}

section.update h2.editing-question .user-link,section.update h2.editing-question .info,section.update h2.editing-question .medal-info,section.update h2.editing-question .delete {
    display: none
}

section.update h2,section.update li.reply {
    clear: both;
    overflow: visible;
    padding: 20px 20px 15px 20px
}

section.update h2>a.user-link,section.update li.reply>a.user-link {
    float: left;
    position: relative
}

section.update h2 .body,section.update li.reply .body {
    color: #373737;
    font-size: 1em
}

section.update h2 .update-info,section.update li.reply .update-info {
    font-weight: normal;
    height: 28px;
    line-height: 2
}

section.update h2 .update-info li,section.update li.reply .update-info li {
    position: relative;
    top: 0
}

section.update h2 .update-info li.fuzzied,section.update li.reply .update-info li.fuzzied {
    top: 4px
}

section.update h2 .update-info li.social,section.update li.reply .update-info li.social {
    list-style: none;
    position: relative;
    left: 6px;
    top: 2px
}

section.update div.info {
    margin: 0 0 0 65px;
    text-shadow: #fff 1px 1px
}

section.update .update-info {
    text-shadow: none
}

section.update .body {
    margin: 3px 0
}

section.update .username {
    font-weight: bold;
    font-size: 12px
}

section.update .achievements {
    display: inline
}

section.update .fans,section.update .become-a-fan,section.update .already-a-fan {
    font-size: .83333em
}

section.update ul.viewers {
    overflow: hidden;
}

section.update ul.viewers li.viewer {
    float: left;
    border: 0;
    padding-top: 5px;
    padding-bottom: 10px
}

section.update ul.viewers img {
    height: 26px;
    width: 26px
}

section.update ul.viewers img.online {
    margin-bottom: 0
}

section.update ul.viewers div.online-marker,section.update ul.viewers div.online-text {
    display: none
}

section.update div.update-content {
    margin-bottom: 110px
}

section.update div.update-content h2.update-body .user.poster {
    width: 90%
}

section.update div.update-content code {
    background-color: #efefef;
    border: 1px solid #cfcfcf
}

section.update div.update-content>code {
    padding: 0 .2em 0 .2em
}

section.update div.update-content pre {
    margin-top: 5px;
    margin-bottom: 5px
}

section.update div.update-content pre>code {
    padding: 3px .5em 3px .5em;
    overflow: auto;
    word-wrap: normal
}

section.update div.update-content .update-not-found {
    height: 550px;
    max-width: 500px
}

section.update div.update-content .update-not-found img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px
}

section.update div.update-content .update-not-found h2 {
    text-align: center;
    font-size: 28px;
    line-height: 50px
}

section.update .reply,section.update .replying,section.update .reply-preview {
    overflow: hidden;
}

section.update .reply,section.update .reply-preview,section.update .post-reply {
    margin-top: 10px
}

section.update .reply-preview {
    display: none
}

section.update ul.controller {
    position: relative;
    margin-top: 10px
}

section.update ul.controller li {
    display: inline-block
}

section.update ul.controller li.state {
    float: left;
    margin: 0 10px 5px 0
}

section.update ul.controller li.state div,section.update ul.controller li.state button {
    display: inline-block
}

section.update ul.controller li.state .closed,section.update ul.controller li.state .open {
    line-height: 2.2em;
    font-size: 1.1em;
    font-weight: bold
}

section.update ul.controller li.state .closed:before,section.update ul.controller li.state .open:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
    top: -2px
}

section.update ul.controller li.state .closed {
    color: #878787
}

section.update ul.controller li.state .closed:before {
    border: 0;
    background: transparent;
    background: transparent url('/images/common-sprite.png?1406796772') no-repeat -262px -158px;
    height: 23px;
    width: 19px
}

section.update ul.controller li.state .closed:before:hover {
    background-position: -262px -181px
}

section.update ul.controller li.state .closed:before[disabled],section.update ul.controller li.state .closed:before.disabled {
    color: #b1b1b1;
    background-position: -262px -227px
}

section.update ul.controller li.state .open {
    color: #58b600
}

section.update ul.controller li.state .open:before {
    border: 0;
    background: transparent;
    background: transparent url('/images/common-sprite.png?1406796772') no-repeat -228px -158px;
    height: 23px;
    width: 28px
}

section.update ul.controller li.state .open:before:hover {
    background-position: -228px -181px
}

section.update ul.controller li.state .open:before[disabled],section.update ul.controller li.state .open:before.disabled {
    color: #b1b1b1;
    background-position: -228px -227px
}

section.update ul.controller button.mark-closed,section.update ul.controller button.bump-update {
    color: #fff;
    font-size: 12px;
    background: #51c9ff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#51c9ff),color-stop(100%,#24b1f8));
    background-image: -webkit-linear-gradient(#51c9ff,#24b1f8);
    background-image: -moz-linear-gradient(#51c9ff,#24b1f8);
    background-image: -o-linear-gradient(#51c9ff,#24b1f8);
    background-image: -ms-linear-gradient(#51c9ff,#24b1f8);
    background-image: linear-gradient(#51c9ff,#24b1f8);
    border: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    -webkit-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    -o-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    cursor: pointer;
    padding: 3px 10px;
    position: relative;
    padding: 8px 18px;
    margin: 0
}

section.update ul.controller button.mark-closed:hover,section.update ul.controller button.bump-update:hover {
    text-decoration: none;
    background: #1eb9ff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#1eb9ff),color-stop(100%,#0799e2));
    background-image: -webkit-linear-gradient(#1eb9ff,#0799e2);
    background-image: -moz-linear-gradient(#1eb9ff,#0799e2);
    background-image: -o-linear-gradient(#1eb9ff,#0799e2);
    background-image: -ms-linear-gradient(#1eb9ff,#0799e2);
    background-image: linear-gradient(#1eb9ff,#0799e2)
}

section.update ul.controller button.mark-closed:active,section.update ul.controller button.bump-update:active {
    top: 1px;
    left: 1px
}

section.update ul.controller button.mark-closed:before,section.update ul.controller button.bump-update:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

section.update ul.controller button.mark-closed.disabled,section.update ul.controller button.bump-update.disabled {
    background: #bfbfbe;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#bfbfbe),color-stop(100%,#949492));
    background-image: -webkit-linear-gradient(#bfbfbe,#949492);
    background-image: -moz-linear-gradient(#bfbfbe,#949492);
    background-image: -o-linear-gradient(#bfbfbe,#949492);
    background-image: -ms-linear-gradient(#bfbfbe,#949492);
    background-image: linear-gradient(#bfbfbe,#949492);
    color: #ebebeb;
    cursor: not-allowed
}

section.update ul.controller button.mark-closed.disabled:active,section.update ul.controller button.bump-update.disabled:active {
    top: 0;
    left: 0
}

section.update ul.controller li button {
    font-weight: 700;
    font-size: 1.2em;
    margin: 0 10px 0 0;
    display: block
}

section.update li.reply .delete,section.update h2.update .delete {
    position: absolute;
    right: 0;
    bottom: 0
}

section.update .reply {
    background: #fff;
    position: relative
}

section.update .reply .body {
    display: block
}

section.update .reply .info {
    position: relative
}

section.update .reply .medal-info {
    position: absolute;
    top: -10px;
    right: 0;
    text-align: right
}

section.update .reply .medal-info span.username {
    font-weight: normal;
    margin-right: 0
}

section.update .reply .medal-info p,section.update .reply .medal-info .best-answer-selected span {
    color: #878787;
    font-style: italic
}

section.update .mentions-current-user {
    background: #fffbd3
}

section.update .medal-info>* {
    display: inline
}

section.update .medal-info .medal-count {
    font-weight: bold;
    color: #e6af2e;
    font-size: 16px;
    left: 5px;
    position: relative;
    top: -3px
}

section.update img.medals,section.update .medal-giving button {
    position: relative
}

section.update img.medals {
    top: 2px;
    margin-left: 10px
}

section.update .medal-giving button {
    background: #2db6fa;
    border: 0;
    color: #fff;
    height: 20px;
    padding: 5px 10px;
    font-style: normal;
    line-height: 11px;
    border-radius: 3px;
    margin: 0 0 0 5px;
    font-size: 11px;
    font-family: "Lucida Sans","Helvetica Neue",Helvetica,sans-serif;
    text-align: center;
    top: -4px
}

section.update .medal-giving button:active {
    top: -1px
}

section.update .medal-giving button:hover {
    cursor: pointer;
    opacity: .8;
    transition: .5s
}

section.update .medal-given span {
    margin-right: 4px;
    color: #518a34;
    padding-left: 15px;
    background: transparent url('/images/checkmark.png?1406796772') no-repeat left 1px
}

section.update .medal-given button {
    border: 0;
    background: transparent;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url('/images/common-sprite.png?1406796772');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-position: -13px -198px;
    height: 13px;
    width: 13px;
    border: 0;
    margin: 0;
    padding: 0 0 5px 16px;
    height: 1.5em;
    width: 52px;
    text-indent: 0;
    color: #878787
}

section.update .medal-given button:hover {
    text-decoration: underline;
    cursor: pointer
}

section.update p.replying {
    background-color: #fff;
    padding: 20px;
    margin-top: 10px;
    font-style: italic;
    color: #878787
}

section.update p.replying .user-link {
    font-weight: bold
}

section.update li.reply-preview {
    padding: 20px 20px 10px 20px;
    background-color: #fff
}

section.update li.reply-preview .rendering {
    visibility: hidden;
    position: fixed;
    left: 105%;
    top: 0
}

section.update li.reply-preview .info {
    margin-left: 0
}

section.update li.reply-preview .info .body {
    font-size: inherit;
    line-height: 1.5em
}

section.update li.reply-preview h3 {
    color: #878787
}

section.update li.reply-preview .last-updated {
    display: none
}

section.update .edit-question {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    color: #848484;
    cursor: pointer
}

section.update .edit-question:hover {
    text-decoration: underline
}

section.update .editor-autocomplete {
    position: absolute;
    width: 586px;
    z-index: 4
}

section.update .editor-autocomplete .autocomplete {
    position: relative;
    bottom: 48px;
    width: 544px;
    margin-left: auto;
    margin-right: auto;
    z-index: 4
}

.replies {
    clear: both
}

.replies img.avatar {
    float: left
}

.replies li.update-info {
    font-size: inherit
}

.update-header {
    overflow: hidden;
    font-size: inherit
}

.update-header ul.update-info {
    float: right;
    margin-top: 0
}

.update-header ul.update-info li {
    font-size: 120%;
    white-space: nowrap;
    padding: 0;
    border: 0;
    background: 0;
    font-weight: bold;
    overflow: visible;
    margin-right: 10px
}

.update-header ul.update-info button {
    margin: 0
}

.update-header ul.update-info li {
    color: #a6a6a6
}

.update-header ul.update-info li button {
    color: #00b1f2
}

.update-header ul.update-info ul {
    display: none
}

.update-header ul.update-info li.replying-text {
    margin-right: 0!important
}

textarea.update-body {
    height: 5em;
    font-size: inherit;
    line-height: 1.5em;
    border: 1px solid #c9c9c9;
    width: 100%;
    padding: 5px
}

ul.update-users {
    clear: both;
    display: block;
    text-align: right;
    line-height: 1em;
    padding: 7px 3px 7px 10px;
    margin-bottom: 10px;
    min-height: 28px;
    background-color: #fff
}

ul.update-users>li.user {
    display: inline-block;
    padding: 3px 7px 0 0;
    position: relative;
    overflow: visible
}

ul.update-users>li.user>.reply-indicator {
    display: none
}

ul.update-users>li.user.replying .reply-indicator {
    display: block
}

ul.update-users>li.user>.avatar-link {
    margin: -2px 0 0
}

ul.update-users>li.user .avatar {
    float: none
}

li.reply-autocomplete-container {
    width: 586px;
    position: absolute;
    z-index: 4
}

li.reply-autocomplete-container .reply-autocomplete-bottom-anchor {
    width: 546px;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

li.reply-autocomplete-container .reply-autocomplete-bottom-anchor .autocomplete {
    width: 100%;
    bottom: 0
}

li.reply-autocomplete-container .reply-autocomplete-bottom-anchor .autocomplete>.entry {
    font-size: 100%
}

li.post-reply {
    position: relative;
    padding: 20px;
    margin-top: 0;
    background: #fff
}

li.post-reply label.disabled {
    color: #ededed
}

li.post-reply label.disabled ~ textarea {
    height: 2.5em
}

li.post-reply label.disabled ~ .toolbar .submit {
    display: none
}

li.post-reply form {
    position: relative
}

li.post-reply label.placeholder,li.post-reply .signup-for-action {
    top: 7px;
    left: 10px
}

li.post-reply .signup-for-action,li.post-reply .signup-for-action button {
    font-size: 12px
}

li.post-reply .toolbar {
    margin-top: 5px;
    text-align: right
}

li.post-reply textarea {
    height: 5em;
    font-size: inherit;
    line-height: 1.5em;
    border: 1px solid #c9c9c9;
    width: 100%;
    padding: 5px
}

li.post-reply .equation,li.post-reply .draw,li.post-reply .file-upload button {
    border: 0;
    background: #2db6fa;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    height: 22px;
    line-height: 12px;
    font-family: "Lucida Sans","Helvetica Neue",Helvetica,sans-serif;
    font-weight: normal
}

li.post-reply .equation:hover,li.post-reply .draw:hover,li.post-reply .file-upload button:hover {
    cursor: pointer;
    opacity: .8
}

li.post-reply .equation {
    float: left
}

li.post-reply .equation:before {
    content: "\03a3"!important;
    left: 0;
    top: 0;
    font-weight: bold;
    text-align: left;
    padding: 3px 7px 3px 0
}

li.post-reply .draw {
    float: left;
    margin-left: 5px
}

li.post-reply ul.files-attached {
    text-align: left;
    color: #333;
    padding: 5px 0;
    display: none
}

li.post-reply ul.files-attached li {
    display: block;
    color: #6c6c6c
}

li.post-reply ul.files-attached li.header {
    color: #3c3c3c;
    font-weight: bold
}

li.post-reply ul.files-attached li button {
    border: 0;
    background: transparent;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url('/images/common-sprite.png?1406796772');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-position: -101px -19px;
    height: 13px;
    width: 13px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    display: inline-block
}

li.post-reply .file-upload {
    float: left;
    margin-left: 5px;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

li.post-reply .file-upload:hover {
    border: 0;
    outline: 0;
    opacity: .8
}

li.post-reply .file-upload button {
    z-index: 0;
    position: relative
}

li.post-reply .file-upload button:focus {
    border: 0;
    outline: 0;
    opacity: .8
}

li.post-reply .file-upload button:hover {
    border: 0;
    outline: 0;
    opacity: .8
}

li.post-reply .file-upload button:active {
    border: 0;
    opacity: .8;
    outline: 0
}

li.post-reply .file-upload input.file-attach {
    filter: alpha(opacity=0);
    opacity: 0;
    background: transparent;
    z-index: 1;
    position: absolute;
    margin: 0;
    left: 0;
    width: 85px;
    text-indent: -999px;
    top: 2px;
    bottom: 0
}

li.post-reply .file-upload input.file-attach:hover {
    opacity: .8;
    cursor: pointer
}

li.post-reply .file-upload input.file-attach.queued {
    display: none
}

li.post-reply .submit {
    border: 0;
    background: #59b600;
    font-size: 12px;
    height: 22px;
    line-height: 12px;
    width: 49px;
    font-family: "Lucida Sans","Helvetica Neue",Helvetica,sans-serif;
    font-weight: bold;
    border-radius: 2px;
    color: #fff;
    margin-right: 0
}

li.post-reply .submit:hover {
    cursor: pointer;
    opacity: .8
}

li.reply-preview.previewing ~ li.post-reply,li.reply-preview.previewing+li.reply-autocomplete-container {
    margin-top: 0;
    padding-top: 0
}

li.reply-preview.hidden+li.post-reply {
    margin-top: 10px
}

.logged-out li.post-reply .toolbar button,.logged-out li.post-reply .toolbar .file-upload {
    display: none
}

.update-info .share-fb {
    background: url(/images/facebook.png) no-repeat;
    height: 20px;
    width: 20px;
    border: 0
}

.update-info .share-fb:hover {
    opacity: .8;
    cursor: pointer
}

.update-info .share-fb:focus {
    outline: 0
}

.update-info .share-twitter {
    background: url(/images/twitter.png) no-repeat;
    width: 20px;
    height: 20px;
    border: 0
}

.update-info .share-twitter:hover {
    opacity: .8;
    cursor: pointer
}

.update-info .share-twitter:focus {
    outline: 0
}

section.update h2 .update-info li.share-container,section.update li.reply .update-info li.share-container {
    position: relative;
    top: 4px
}

@-moz-document url-prefix() {
    .update-info .invite-copy {
        top: 4px
    }
}

.update-info .invite-copy {
    position: relative;
    width: 27px;
    height: 24px;
    border: 0
}

.update-info .invite-copy:hover {
    opacity: .8;
    cursor: pointer
}

.update-info .invite-copy:focus {
    outline: 0
}

.flexible-autocomplete-wrapper {
    position: relative
}

.autocomplete {
    display: none;
    background: #fff;
    -moz-box-shadow: rgba(0,0,0,0.4) 0 0 5px 1px;
    -webkit-box-shadow: rgba(0,0,0,0.4) 0 0 5px 1px;
    -o-box-shadow: rgba(0,0,0,0.4) 0 0 5px 1px;
    box-shadow: rgba(0,0,0,0.4) 0 0 5px 1px;
    overflow-y: scroll;
    position: absolute;
    max-height: 210px
}

.autocomplete>.entry {
    font-weight: bold;
    line-height: 4em;
    color: #48baf3;
    cursor: pointer
}

.autocomplete>.entry.selected {
    color: #fff;
    background-color: #48baf3
}

.autocomplete>.entry:before {
    border: 0;
    background: transparent;
    background: transparent url('/images/common-sprite.png?1406796772') no-repeat -246px -137px;
    height: 16px;
    width: 16px;
    display: inline-block;
    position: relative;
    margin-left: 11px;
    margin-right: 6px;
    vertical-align: middle;
    content: ""
}

.autocomplete>.entry.online:before {
    border: 0;
    background: transparent;
    background: transparent url('/images/common-sprite.png?1406796772') no-repeat -228px -137px;
    height: 16px;
    width: 16px
}

.autocomplete .autocomplete-username,.autocomplete .avatar {
    vertical-align: middle
}

.autocomplete img.avatar {
    position: relative;
    float: none;
    margin-right: 6px;
    width: 26px;
    height: 26px
}

.half-banner-ad {
    float: left;
    margin-left: 21px;
    top: 10px;
    overflow: visible;
    background: #fff
}

.half-banner-ad:nth-of-type(2) {
    margin-left: 2px
}

.group-title {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    padding: 0 6px;
    margin-left: 5px;
    font-size: 11px;
    cursor: pointer
}

body.logged-out form.post-update>input {
    display: none
}

div.notauthorized .update-list-container h3 textarea {
    overflow: hidden
}

.is.just.looking.around {
    color: #000
}

.is.just.looking.around:hover {
    text-decoration: none
}

.update-level-popup {
    z-index: 5;
    margin: auto
}

.update-level-popup .popup-body {
    padding-top: 20px;
    width: 300px;
    height: 50px
}

.update-level-popup .title h2 {
    padding-left: 10px
}

.update-level-popup form {
    padding-top: 20px
}

#shim.moving,.moving h3 {
    cursor: move
}

#tool-message {
    position: fixed;
    background: #e6e6e6;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f2f2f2),color-stop(100%,#dbdbdb));
    background-image: -webkit-linear-gradient(#f2f2f2,#dbdbdb);
    background-image: -moz-linear-gradient(#f2f2f2,#dbdbdb);
    background-image: -o-linear-gradient(#f2f2f2,#dbdbdb);
    background-image: -ms-linear-gradient(#f2f2f2,#dbdbdb);
    background-image: linear-gradient(#f2f2f2,#dbdbdb);
    -moz-box-shadow: #000 0 0 5px;
    -webkit-box-shadow: #000 0 0 5px;
    -o-box-shadow: #000 0 0 5px;
    box-shadow: #000 0 0 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    color: #373737;
    font-size: .75em;
    line-height: 2em;
    font-weight: bold;
    padding: 19px 20px;
    z-index: 100
}

#tool-message .cancel {
    font-size: 100%;
    cursor: pointer;
    border: 0;
    background: transparent;
    background: transparent url('/images/common-sprite.png?1406796772') no-repeat -150px -136px;
    height: 19px;
    width: 77px;
    color: #fff;
    position: absolute;
    top: 21px;
    right: 20px
}

#tool-message .cancel:active {
    top: 22px;
    right: 19px
}

body.logged-out #current-update .canvas.read-only .select-drawing {
    display: none
}

#current-update .canvas.read-only {
    cursor: default!important;
    background: #fff;
    margin: 10px auto;
    position: relative;
    max-width: 100%;
    border: 1px solid #d8d8d8;
    border-bottom-color: #e8e8e8;
    overflow: hidden
}

#current-update .canvas.read-only .select-drawing {
    position: absolute;
    top: -1px;
    right: -1px;
    cursor: pointer!important;
    border: 1px;
    border-style: none solid solid none;
    border-color: transparent #585858 #5e5e5e transparent;
    background: #454545 url('/images/common-sprite.png?1406796772') no-repeat -288px -19px;
    background: url('/images/common-sprite.png?1406796772') -288px -19px no-repeat,-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#5f5f5f),color-stop(100%,#2f2f2f));
    background: url('/images/common-sprite.png?1406796772') -288px -19px no-repeat,-webkit-linear-gradient(#5f5f5f,#2f2f2f);
    background: url('/images/common-sprite.png?1406796772') -288px -19px no-repeat,-moz-linear-gradient(#5f5f5f,#2f2f2f);
    background: url('/images/common-sprite.png?1406796772') -288px -19px no-repeat,-o-linear-gradient(#5f5f5f,#2f2f2f);
    background: url('/images/common-sprite.png?1406796772') -288px -19px no-repeat,-ms-linear-gradient(#5f5f5f,#2f2f2f);
    background: url('/images/common-sprite.png?1406796772') -288px -19px no-repeat,linear-gradient(#5f5f5f,#2f2f2f);
    height: 22px;
    font-size: 83.333%;
    line-height: 1em;
    font-weight: bold;
    color: #fff;
    padding: 0 0 0 22px;
    width: 0;
    text-indent: -1000em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px
}

#current-update .canvas.read-only .select-drawing:hover {
    width: auto;
    padding: 0 10px 0 27px;
    text-indent: 0
}

#current-update.selecting-drawing {
    position: static
}

#current-update.selecting-drawing .select-drawing {
    display: none
}

#current-update.selecting-drawing div.canvas {
    cursor: pointer!important;
    position: relative;
    z-index: 5
}

#current-update.selecting-drawing div.canvas:hover {
    -moz-box-shadow: #008ec2 0 0 40px;
    -webkit-box-shadow: #008ec2 0 0 40px;
    -o-box-shadow: #008ec2 0 0 40px;
    box-shadow: #008ec2 0 0 40px
}

#equation-dialog.dialog,#drawing-dialog.dialog {
    position: fixed;
    width: auto;
    height: auto;
    left: 15%;
    z-index: 3;
    padding: 0;
    border: 0;
    -moz-box-shadow: rgba(0,0,0,0.5) 0 0 40px;
    -webkit-box-shadow: rgba(0,0,0,0.5) 0 0 40px;
    -o-box-shadow: rgba(0,0,0,0.5) 0 0 40px;
    box-shadow: rgba(0,0,0,0.5) 0 0 40px
}

#equation-dialog.dialog .dialog-body,#drawing-dialog.dialog .dialog-body {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -o-border-bottom-left-radius: 3px;
    -ms-border-bottom-left-radius: 3px;
    -khtml-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -o-border-bottom-right-radius: 3px;
    -ms-border-bottom-right-radius: 3px;
    -khtml-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 20px 20px 15px;
    background: #e6e6e6
}

#equation-dialog .editor .preview {
    width: 498px;
    height: 124px;
    color: #373737;
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    font-size: 75%;
    position: relative;
    margin-right: 120px
}

#equation-dialog .editor .preview>div {
    position: absolute;
    top: 50%;
    left: 50%
}

#equation-dialog .editor input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 22px;
    padding-left: 7px;
    padding-right: 7px;
    width: 500px;
    height: 32px;
    color: #373737;
    background: #fff;
    border: 1px solid;
    border-color: #d4d4d4 #e7e7e7 #f2f2f2 #e0e0e0;
    -moz-box-shadow: #eee 0 1px inset,#f5f5f5 1px 0 inset,#fff 0 -1px inset,#efefef -1px 0 inset;
    -webkit-box-shadow: #eee 0 1px inset,#f5f5f5 1px 0 inset,#fff 0 -1px inset,#efefef -1px 0 inset;
    -o-box-shadow: #eee 0 1px inset,#f5f5f5 1px 0 inset,#fff 0 -1px inset,#efefef -1px 0 inset;
    box-shadow: #eee 0 1px inset,#f5f5f5 1px 0 inset,#fff 0 -1px inset,#efefef -1px 0 inset;
    font-size: 75%
}

#equation-dialog .editor .toolbar {
    float: right;
    width: 102px;
    margin-left: 18px
}

#equation-dialog .editor .toolbar .group {
    border: 0;
    background: transparent;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url('/images/equation-sprite.png?1406796772');
    background-repeat: no-repeat;
    background-position: 50% 50%
}

#equation-dialog .editor .toolbar button {
    cursor: pointer
}

#equation-dialog .editor .toolbar button.group {
    display: block;
    margin-bottom: 7px;
    height: 24px;
    width: 100px;
    -moz-box-shadow: rgba(255,255,255,0.3) 0 -1px 2px,rgba(0,0,0,0.17) 1px 1px 2px;
    -webkit-box-shadow: rgba(255,255,255,0.3) 0 -1px 2px,rgba(0,0,0,0.17) 1px 1px 2px;
    -o-box-shadow: rgba(255,255,255,0.3) 0 -1px 2px,rgba(0,0,0,0.17) 1px 1px 2px;
    box-shadow: rgba(255,255,255,0.3) 0 -1px 2px,rgba(0,0,0,0.17) 1px 1px 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px
}

#equation-dialog .editor .toolbar button.group.active {
    margin-left: 5px;
    -moz-box-shadow: rgba(255,255,255,0.3) 1px 1px 2px,rgba(0,0,0,0.08) -1px -1px 2px;
    -webkit-box-shadow: rgba(255,255,255,0.3) 1px 1px 2px,rgba(0,0,0,0.08) -1px -1px 2px;
    -o-box-shadow: rgba(255,255,255,0.3) 1px 1px 2px,rgba(0,0,0,0.08) -1px -1px 2px;
    box-shadow: rgba(255,255,255,0.3) 1px 1px 2px,rgba(0,0,0,0.08) -1px -1px 2px
}

#equation-dialog .editor .toolbar div.group {
    overflow: hidden;
    float: right;
    width: 140px
}

#equation-dialog .editor .toolbar div.group .section {
    overflow: hidden;
    padding: 1px 0 0 1px;
    margin-bottom: 10px
}

#equation-dialog .editor .toolbar div.group .section button {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url('/images/equation-sprite.png?1437750090');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    float: left;
    position: relative;
    width: 24px;
    height: 24px;
    border: 1px solid #d5d5d5;
    background: transparent;
    z-index: 0;
    margin-top: -1px;
    margin-left: -1px
}

#equation-dialog .editor .toolbar div.group .section button.r1x2 {
    width: 47px
}

#equation-dialog .editor .toolbar div.group .section button.r2x2 {
    width: 47px;
    height: 47px
}

#equation-dialog .editor .toolbar div.group .section button:hover {
    border-color: dimgrey;
    z-index: 1
}

#equation-dialog .editor .toolbar div.group .section button:active {
    border-color: dimgrey;
    border-width: 2px;
    z-index: 1
}

#equation-dialog .editor .toolbar.active {
    width: 260px
}

#equation-dialog .editor .toolbar.active+.preview {
    margin-right: 278px
}

#equation-dialog .actions {
    margin-top: 20px;
    width: 500px;
    text-align: right
}

#equation-dialog .actions button {
    color: #fff;
    font-size: 12px;
    background: #51c9ff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#51c9ff),color-stop(100%,#24b1f8));
    background-image: -webkit-linear-gradient(#51c9ff,#24b1f8);
    background-image: -moz-linear-gradient(#51c9ff,#24b1f8);
    background-image: -o-linear-gradient(#51c9ff,#24b1f8);
    background-image: -ms-linear-gradient(#51c9ff,#24b1f8);
    background-image: linear-gradient(#51c9ff,#24b1f8);
    border: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    -webkit-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    -o-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    cursor: pointer;
    padding: 3px 10px;
    position: relative;
    margin: 0
}

#equation-dialog .actions button:hover {
    text-decoration: none;
    background: #1eb9ff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#1eb9ff),color-stop(100%,#0799e2));
    background-image: -webkit-linear-gradient(#1eb9ff,#0799e2);
    background-image: -moz-linear-gradient(#1eb9ff,#0799e2);
    background-image: -o-linear-gradient(#1eb9ff,#0799e2);
    background-image: -ms-linear-gradient(#1eb9ff,#0799e2);
    background-image: linear-gradient(#1eb9ff,#0799e2)
}

#equation-dialog .actions button:active {
    top: 1px;
    left: 1px
}

#equation-dialog .actions button:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

#equation-dialog .actions button.disabled {
    background: #bfbfbe;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#bfbfbe),color-stop(100%,#949492));
    background-image: -webkit-linear-gradient(#bfbfbe,#949492);
    background-image: -moz-linear-gradient(#bfbfbe,#949492);
    background-image: -o-linear-gradient(#bfbfbe,#949492);
    background-image: -ms-linear-gradient(#bfbfbe,#949492);
    background-image: linear-gradient(#bfbfbe,#949492);
    color: #ebebeb;
    cursor: not-allowed
}

#equation-dialog .actions button.disabled:active {
    top: 0;
    left: 0
}

#drawing-dialog.dialog .editor {
    position: relative
}

#drawing-dialog.dialog .editor .canvas {
    border: solid;
    border-color: #d4d4d4 #fff #f1f1f1 #d4d4d4;
    border-width: 1px 1px 2px;
    -moz-box-shadow: #eee 0 1px inset,#f5f5f5 1px 0 inset;
    -webkit-box-shadow: #eee 0 1px inset,#f5f5f5 1px 0 inset;
    -o-box-shadow: #eee 0 1px inset,#f5f5f5 1px 0 inset;
    box-shadow: #eee 0 1px inset,#f5f5f5 1px 0 inset;
    width: 500px;
    height: 300px;
    overflow: hidden;
    background: #fff
}

#drawing-dialog.dialog .editor .canvas svg text {
    cursor: default
}

#drawing-dialog.dialog .editor .whiteboard-text-input {
    position: absolute;
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    outline: 0;
    overflow: hidden;
    color: #000;
    font-size: 14px;
    line-height: 12px;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 1px;
    margin-top: 40px;
    height: 14px;
    resize: none
}

#drawing-dialog.dialog .toolbar {
    margin-bottom: 10px
}

#drawing-dialog.dialog .toolbar input {
    width: 29px;
    height: 29px;
    border: 1px #bfbfbf;
    border-style: none solid solid none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: #dcdcdc 1px 1px,#f3f3f3 -1px 0,#f7f7f7 0 -1px;
    -webkit-box-shadow: #dcdcdc 1px 1px,#f3f3f3 -1px 0,#f7f7f7 0 -1px;
    -o-box-shadow: #dcdcdc 1px 1px,#f3f3f3 -1px 0,#f7f7f7 0 -1px;
    box-shadow: #dcdcdc 1px 1px,#f3f3f3 -1px 0,#f7f7f7 0 -1px;
    background: transparent;
    text-indent: -1000em;
    padding-right: 5px;
    margin-right: 10px;
    position: relative
}

#drawing-dialog.dialog .toolbar input:active {
    top: 1px;
    left: 1px
}

#drawing-dialog.dialog .toolbar input:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

#drawing-dialog.dialog .toolbar input:active,#drawing-dialog.dialog .toolbar input.selected {
    border-style: solid;
    border-width: 1px 1px 2px 1px;
    border-color: #d4d4d4 #fff #fff #e0e0e0;
    -moz-box-shadow: #f5f5f5 1px 0 inset,#eee 0 1px inset;
    -webkit-box-shadow: #f5f5f5 1px 0 inset,#eee 0 1px inset;
    -o-box-shadow: #f5f5f5 1px 0 inset,#eee 0 1px inset;
    box-shadow: #f5f5f5 1px 0 inset,#eee 0 1px inset
}

#drawing-dialog.dialog .toolbar .selection {
    background: #d5d5d5 url('/images/draw-toolbar.png?1406796772') no-repeat 0 top
}

#drawing-dialog.dialog .toolbar .selection:hover {
    background: #c8c8c8 url('/images/draw-toolbar.png?1406796772') no-repeat 0 top
}

#drawing-dialog.dialog .toolbar .selection:active,#drawing-dialog.dialog .toolbar .selection.selected {
    background: #fff url('/images/draw-toolbar.png?1406796772') no-repeat 0 top
}

#drawing-dialog.dialog .toolbar .pencil {
    background: #d5d5d5 url('/images/draw-toolbar.png?1406796772') no-repeat -30px top
}

#drawing-dialog.dialog .toolbar .pencil:hover {
    background: #c8c8c8 url('/images/draw-toolbar.png?1406796772') no-repeat -30px top
}

#drawing-dialog.dialog .toolbar .pencil:active,#drawing-dialog.dialog .toolbar .pencil.selected {
    background: #fff url('/images/draw-toolbar.png?1406796772') no-repeat -30px top
}

#drawing-dialog.dialog .toolbar .line {
    background: #d5d5d5 url('/images/draw-toolbar.png?1406796772') no-repeat -60px top
}

#drawing-dialog.dialog .toolbar .line:hover {
    background: #c8c8c8 url('/images/draw-toolbar.png?1406796772') no-repeat -60px top
}

#drawing-dialog.dialog .toolbar .line:active,#drawing-dialog.dialog .toolbar .line.selected {
    background: #fff url('/images/draw-toolbar.png?1406796772') no-repeat -60px top
}

#drawing-dialog.dialog .toolbar .rectangle {
    background: #d5d5d5 url('/images/draw-toolbar.png?1406796772') no-repeat -90px top
}

#drawing-dialog.dialog .toolbar .rectangle:hover {
    background: #c8c8c8 url('/images/draw-toolbar.png?1406796772') no-repeat -90px top
}

#drawing-dialog.dialog .toolbar .rectangle:active,#drawing-dialog.dialog .toolbar .rectangle.selected {
    background: #fff url('/images/draw-toolbar.png?1406796772') no-repeat -90px top
}

#drawing-dialog.dialog .toolbar .ellipse {
    background: #d5d5d5 url('/images/draw-toolbar.png?1406796772') no-repeat -120px top
}

#drawing-dialog.dialog .toolbar .ellipse:hover {
    background: #c8c8c8 url('/images/draw-toolbar.png?1406796772') no-repeat -120px top
}

#drawing-dialog.dialog .toolbar .ellipse:active,#drawing-dialog.dialog .toolbar .ellipse.selected {
    background: #fff url('/images/draw-toolbar.png?1406796772') no-repeat -120px top
}

#drawing-dialog.dialog .toolbar .undo {
    background: #d5d5d5 url('/images/draw-toolbar.png?1406796772') no-repeat -150px top
}

#drawing-dialog.dialog .toolbar .undo:hover {
    background: #c8c8c8 url('/images/draw-toolbar.png?1406796772') no-repeat -150px top
}

#drawing-dialog.dialog .toolbar .undo:active,#drawing-dialog.dialog .toolbar .undo.selected {
    background: #fff url('/images/draw-toolbar.png?1406796772') no-repeat -150px top
}

#drawing-dialog.dialog .toolbar .redo {
    background: #d5d5d5 url('/images/draw-toolbar.png?1406796772') no-repeat -180px top
}

#drawing-dialog.dialog .toolbar .redo:hover {
    background: #c8c8c8 url('/images/draw-toolbar.png?1406796772') no-repeat -180px top
}

#drawing-dialog.dialog .toolbar .redo:active,#drawing-dialog.dialog .toolbar .redo.selected {
    background: #fff url('/images/draw-toolbar.png?1406796772') no-repeat -180px top
}

#drawing-dialog.dialog .toolbar .text {
    background: #d5d5d5 url('/images/draw-toolbar.png?1406796772') no-repeat -210px top
}

#drawing-dialog.dialog .toolbar .text:hover {
    background: #c8c8c8 url('/images/draw-toolbar.png?1406796772') no-repeat -210px top
}

#drawing-dialog.dialog .toolbar .text:active,#drawing-dialog.dialog .toolbar .text.selected {
    background: #fff url('/images/draw-toolbar.png?1406796772') no-repeat -210px top
}

#drawing-dialog.dialog .toolbar .circle {
    margin-right: 30px
}

#drawing-dialog.dialog .toolbar .drawing-copier {
    font-size: .75em;
    line-height: 2em;
    line-height: 1em;
    float: right;
    margin-right: 0;
    width: auto;
    text-indent: 0;
    text-shadow: #fff 1px 1px;
    padding: 2px 19px 3px 15px
}

#drawing-dialog.dialog .actions {
    overflow: hidden;
    position: relative;
    padding-top: 15px
}

#drawing-dialog.dialog .actions button.insert {
    float: right;
    color: #fff;
    font-size: 12px;
    background: #51c9ff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#51c9ff),color-stop(100%,#24b1f8));
    background-image: -webkit-linear-gradient(#51c9ff,#24b1f8);
    background-image: -moz-linear-gradient(#51c9ff,#24b1f8);
    background-image: -o-linear-gradient(#51c9ff,#24b1f8);
    background-image: -ms-linear-gradient(#51c9ff,#24b1f8);
    background-image: linear-gradient(#51c9ff,#24b1f8);
    border: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    -webkit-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    -o-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    cursor: pointer;
    padding: 3px 10px;
    position: relative;
    margin: 0
}

#drawing-dialog.dialog .actions button.insert:hover {
    text-decoration: none;
    background: #1eb9ff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#1eb9ff),color-stop(100%,#0799e2));
    background-image: -webkit-linear-gradient(#1eb9ff,#0799e2);
    background-image: -moz-linear-gradient(#1eb9ff,#0799e2);
    background-image: -o-linear-gradient(#1eb9ff,#0799e2);
    background-image: -ms-linear-gradient(#1eb9ff,#0799e2);
    background-image: linear-gradient(#1eb9ff,#0799e2)
}

#drawing-dialog.dialog .actions button.insert:active {
    top: 1px;
    left: 1px
}

#drawing-dialog.dialog .actions button.insert:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

#drawing-dialog.dialog .actions button.insert.disabled {
    background: #bfbfbe;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#bfbfbe),color-stop(100%,#949492));
    background-image: -webkit-linear-gradient(#bfbfbe,#949492);
    background-image: -moz-linear-gradient(#bfbfbe,#949492);
    background-image: -o-linear-gradient(#bfbfbe,#949492);
    background-image: -ms-linear-gradient(#bfbfbe,#949492);
    background-image: linear-gradient(#bfbfbe,#949492);
    color: #ebebeb;
    cursor: not-allowed
}

#drawing-dialog.dialog .actions button.insert.disabled:active {
    top: 0;
    left: 0
}

#drawing-dialog.dialog .actions button.cancel {
    font-size: .75em;
    line-height: 2em;
    background: 0;
    border: 0;
    color: #00b1f2;
    line-height: 1em;
    font-weight: bold;
    text-shadow: #fff 1px 1px;
    text-align: left;
    margin: 0;
    padding: 3px 10px;
    cursor: pointer
}

#drawing-dialog.dialog .actions button.cancel:hover {
    text-decoration: underline
}

#group-chats {
    position: fixed;
    left: 30px;
    right: 30px;
    bottom: 0;
    height: 26px;
    padding-top: 4px;
    z-index: 2
}

#group-chats>div {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 500%
}

#group-chats button.scroll {
    position: fixed;
    background: #b6d07e;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    height: 26px;
    width: 26px;
    z-index: 1;
    -moz-box-shadow: rgba(0,0,0,0.4) 0 0 3px 0;
    -webkit-box-shadow: rgba(0,0,0,0.4) 0 0 3px 0;
    -o-box-shadow: rgba(0,0,0,0.4) 0 0 3px 0;
    box-shadow: rgba(0,0,0,0.4) 0 0 3px 0
}

#group-chats button.scroll:after {
    position: absolute;
    content: "";
    top: 7px;
    border-top: 5px solid #b6d07e;
    border-bottom: 5px solid #b6d07e
}

section.group-chat .toggle-chat,#group-chats button.scroll {
    border: 1px solid #afc87b;
    color: #fff;
    cursor: pointer
}

#scroll-chat-left {
    left: 0;
    bottom: 0;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -o-border-top-right-radius: 3px;
    -ms-border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    border-top-right-radius: 3px
}

#scroll-chat-left:after {
    border-right: 10px solid #fff;
    left: 6px
}

#scroll-chat-right {
    right: 0;
    bottom: 0;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -o-border-top-left-radius: 3px;
    -ms-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    border-top-left-radius: 3px
}

#scroll-chat-right:after {
    border-left: 10px solid #fff;
    left: 8px
}

#group-chats h3 {
    display: none
}

section.group-chat h3 {
    display: none
}

section.group-chat {
    float: right;
    margin-right: 10px;
    width: 300px
}

section.group-chat ::-webkit-scrollbar {
    width: 9px;
    height: 9px;
    margin-left: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px
}

section.group-chat ::-webkit-scrollbar-button {
    display: none
}

section.group-chat ::-webkit-scrollbar-corner {
    display: none
}

section.group-chat ::-webkit-scrollbar-track-piece {
    background-color: #efefef;
    margin-top: 5px;
    margin-bottom: 5px
}

section.group-chat ::-webkit-scrollbar-thumb {
    background-color: #dedede;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: #d3d3d3 0 0 5px 1px inset;
    -webkit-box-shadow: #d3d3d3 0 0 5px 1px inset;
    -o-box-shadow: #d3d3d3 0 0 5px 1px inset;
    box-shadow: #d3d3d3 0 0 5px 1px inset
}

section.group-chat ::-webkit-scrollbar-thumb:hover {
    background-color: #cdcdcd;
    -moz-box-shadow: #bfbfbf 0 0 5px 1px inset;
    -webkit-box-shadow: #bfbfbf 0 0 5px 1px inset;
    -o-box-shadow: #bfbfbf 0 0 5px 1px inset;
    box-shadow: #bfbfbf 0 0 5px 1px inset
}

section.group-chat.unread.chat-closed .toggle-chat {
    background-color: #ffc039;
    text-shadow: #fdb10e -1px -1px;
    border: 1px solid #fdb10e
}

section.group-chat.unread.chat-closed .toggle-chat:hover {
    background-color: #fdb10e!important
}

section.group-chat .toggle-chat {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    -o-border-top-left-radius: 2px;
    -ms-border-top-left-radius: 2px;
    -khtml-border-top-left-radius: 2px;
    border-top-left-radius: 2px
}

section.group-chat .toggle-info {
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    -o-border-top-right-radius: 2px;
    -ms-border-top-right-radius: 2px;
    -khtml-border-top-right-radius: 2px;
    border-top-right-radius: 2px
}

section.group-chat .toggle-chat,section.group-chat .togglers .toggle-info {
    display: inline-block;
    cursor: pointer;
    font-size: .875em;
    line-height: 1.71429em;
    background: #b6d07e
}

section.group-chat .toggle-chat:hover,section.group-chat .togglers .toggle-info:hover {
    background-color: #abc96b
}

section.group-chat .toggle-chat {
    padding: 4px 50px 5px 40px;
    background: #9ACC9B url('/images/chat-titlebar.png?1406796772') no-repeat 7px 7px;
    font-weight: bold;
    opacity: 1!important
}

section.group-chat .toggle-chat .icon {
    display: none
}

section.group-chat.show-logo .toggle-chat {
    padding-left: 0;
    background-image: none
}

section.group-chat.show-logo .toggle-chat .icon {
    float: left;
    display: block;
    margin: 2px 7px 0 7px;
    width: 20px;
    height: 20px
}

section.group-chat h4,section.group-chat .chat-alert,section.group-chat .toggle-info span,section.group-chat .toggle-info button {
    display: block;
    color: #fff;
    font-weight: bold
}

section.group-chat h4,section.group-chat .chat-alert {
    line-height: 1.5em;
    margin-top: 1px
}

section.group-chat h4 {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

section.group-chat .chat-alert {
    display: none;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

section.group-chat.strobing .chat-header {
    display: none
}

section.group-chat.strobing .chat-alert {
    display: block
}

section.group-chat .minimize,section.group-chat .hide {
    position: absolute;
    top: 8px;
    border: 0;
    background: transparent;
    line-height: normal;
    cursor: pointer
}

section.group-chat .minimize:hover,section.group-chat .hide:hover {
    filter: alpha(opacity=50);
    opacity: .5
}

section.group-chat .minimize {
    right: 10px;
    width: 11px;
    height: 21px;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url('/images/minimize.svg?1406796772');
    background-repeat: no-repeat;
    background-position: 50% 50%
}

section.group-chat .hide {
    right: 21px;
    color: #fff;
    font-weight: bold;
    font-size: 1em;
    padding: 0;
    margin: 0 10px;
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url(/images/hide.svg?1406796772);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 15px;
    height: 21px;
}

section.group-chat div.chat-content,section.group-chat div.info-content {
    display: none
}

section.group-chat div.info-content {
    -moz-box-shadow: rgba(0,0,0,0.3) 0 0 2px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 0 2px;
    -o-box-shadow: rgba(0,0,0,0.3) 0 0 2px;
    box-shadow: rgba(0,0,0,0.3) 0 0 2px
}

section.group-chat div.chat-content {
    -moz-box-shadow: rgba(0,0,0,0.4) 0 2px 2px 0,rgba(0,0,0,0.4) 0 -1px 2px 0;
    -webkit-box-shadow: rgba(0,0,0,0.4) 0 2px 2px 0,rgba(0,0,0,0.4) 0 -1px 2px 0;
    -o-box-shadow: rgba(0,0,0,0.4) 0 2px 2px 0,rgba(0,0,0,0.4) 0 -1px 2px 0;
    box-shadow: rgba(0,0,0,0.4) 0 2px 2px 0,rgba(0,0,0,0.4) 0 -1px 2px 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -khtml-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

section.group-chat div.chat-content header {
    display: block
}

section.group-chat div.chat-content>section.closed * {
    display: none
}

section.group-chat div.chat-content>section.closed h5 {
    display: block
}

section.group-chat div.chat-content>section h5 {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    background: #fff;
    border: 1px solid #000;
    cursor: pointer;
    width: 75px
}

section.group-chat div.chat-content>section+section>h5 {
    left: 75px;
    right: 0;
    width: auto
}

section.group-chat div.info-content {
    position: absolute;
    top: 0;
    bottom: 35px;
    left: 0;
    right: 0;
    padding: 17px;
    background: #b6d07e;
    -moz-border-radius: 3px 3px 0 3px;
    -webkit-border-radius: 3px 3px 0 3px;
    -o-border-radius: 3px 3px 0 3px;
    -ms-border-radius: 3px 3px 0 3px;
    -khtml-border-radius: 3px 3px 0 3px;
    border-radius: 3px 3px 0 3px;
    color: #fff
}

section.group-chat div.info-content.chat-info .unseen-count {
    display: block;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.5em
}

section.group-chat div.info-content.chat-info .group-name {
    display: block;
    margin: 10px 0;
    font-size: .75em;
    line-height: 2em;
    line-height: 1.25em
}

section.group-chat div.info-content.chat-info button {
    color: #fff;
    font-size: 12px;
    background: #90b249;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#90b249),color-stop(100%,#7e9f37));
    background-image: -webkit-linear-gradient(#90b249,#7e9f37);
    background-image: -moz-linear-gradient(#90b249,#7e9f37);
    background-image: -o-linear-gradient(#90b249,#7e9f37);
    background-image: -ms-linear-gradient(#90b249,#7e9f37);
    background-image: linear-gradient(#90b249,#7e9f37);
    border: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    -webkit-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    -o-box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    box-shadow: rgba(255,255,255,0.3) 1px 1px 1px inset,rgba(0,0,0,0.1) -1px -1px 1px inset;
    cursor: pointer;
    padding: 3px 10px;
    position: relative;
    padding: 7px 15px;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px
}

section.group-chat div.info-content.chat-info button:hover {
    text-decoration: none;
    background: #738e3a;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#738e3a),color-stop(100%,#60792a));
    background-image: -webkit-linear-gradient(#738e3a,#60792a);
    background-image: -moz-linear-gradient(#738e3a,#60792a);
    background-image: -o-linear-gradient(#738e3a,#60792a);
    background-image: -ms-linear-gradient(#738e3a,#60792a);
    background-image: linear-gradient(#738e3a,#60792a)
}

section.group-chat div.info-content.chat-info button:active {
    top: 1px;
    left: 1px
}

section.group-chat div.info-content.chat-info button:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

section.group-chat div.info-content.chat-info button.disabled {
    background: #bfbfbe;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#bfbfbe),color-stop(100%,#949492));
    background-image: -webkit-linear-gradient(#bfbfbe,#949492);
    background-image: -moz-linear-gradient(#bfbfbe,#949492);
    background-image: -o-linear-gradient(#bfbfbe,#949492);
    background-image: -ms-linear-gradient(#bfbfbe,#949492);
    background-image: linear-gradient(#bfbfbe,#949492);
    color: #ebebeb;
    cursor: not-allowed
}

section.group-chat div.info-content.chat-info button.disabled:active {
    top: 0;
    left: 0
}

section.group-chat div.info-content.chat-info button:before {
    position: relative;
    top: auto;
    left: 15px
}

section.group-chat div.info-content.chat-info button:active {
    top: auto;
    bottom: 14px;
    left: 16px;
    right: 14px
}

section.group-chat .togglers {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

section.group-chat .togglers:after {
    content: "";
    display: table;
    clear: both
}

section.group-chat .togglers .toggle-chat,section.group-chat .togglers .toggle-info {
    -moz-box-shadow: rgba(0,0,0,0.3) 0 0 2px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 0 2px;
    -o-box-shadow: rgba(0,0,0,0.3) 0 0 2px;
    box-shadow: rgba(0,0,0,0.3) 0 0 2px
}

section.group-chat .togglers .toggle-chat {
    float: none;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

section.group-chat .togglers .toggle-info {
    float: right;
    padding: 6px 5px 6px 8px;
    margin-left: 1px;
    position: relative;
    z-index: 0
}

section.group-chat .togglers .toggle-info .update-alert {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: #ffc039;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -o-border-top-left-radius: 3px;
    -ms-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -o-border-top-right-radius: 3px;
    -ms-border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    border-top-right-radius: 3px
}

section.group-chat .togglers .toggle-info .unseen-count {
    line-height: 1.5em
}

section.group-chat .togglers .toggle-info .unseen-count:before {
    content: "";
    background: transparent url('/images/question-icon.png?1406796772') no-repeat;
    top: 1px;
    position: relative;
    padding-right: 3px;
    display: inline-block;
    height: 14px;
    width: 16px
}

section.group-chat .togglers .toggle-info .unseen-text,section.group-chat .togglers .toggle-info button {
    display: none
}

section.group-chat.chat-closed.info-closed .togglers {
    position: relative
}

.chat-list {
    position: absolute;
    top: 53px;
    bottom: 45px;
    left: 0;
    right: 5px;
    overflow: auto;
    overflow-x: hidden;
    font-size: .75em;
    line-height: 2em;
    word-wrap: break-word
}

.chat-list.current-group-chat {
    top: 37px
}

.chat-list li {
    margin: 0 10px 0 16px
}

.chat-list li .user-link {
    font-weight: bold
}

.chat-list li:first-child {
    margin-top: 10px
}

.chat-list .chat {
    position: relative;
    border-top: 1px solid #e7e7e7;
    padding: 10px 0
}

.chat-list .chat:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.chat-list .chat .body {
    display: inline
}

.chat-list .chat .chat-actions {
    position: absolute;
    left: 0;
    top: -10px
}

.chat-list .chat .chat-actions button {
    display: none
}

.chat-list .chat .chat-actions button.delete {
    padding: 0;
    color: red
}

.chat-list .chat .first-question-link {
    display: none
}

.chat-list .chat.first-question .first-question-link {
    display: inline
}

.chat-list .chat.system-message .message.user-link,.chat-list .chat.system-message .avatar {
    display: none
}

.chat-list .chat.system-message button.delete {
    left: 0
}

.chat-list .chat .join-group,.chat-list .chat .leave-group {
    font-style: italic
}

.chat-list .chat .join-group {
    color: #59b600
}

.chat-list .chat .leave-group {
    color: #e71a23
}

.chat-list .chat.first-question {
    font-style: italic
}

.chat-list .chat.first-question,.chat-list .chat.mentions-current-user {
    margin: 0;
    padding-left: 16px;
    border-top: 1px solid #fdf390;
    border-bottom: 1px solid #fdf390;
    border-left: 1px solid #fdf390;
    border-right: 1px solid #fdf390;
    background: #fffbd3;
    color: #373737;
    font-size: 100%;
    line-height: 1.5em
}

.chat-list .chat.first-question .avatar,.chat-list .chat.mentions-current-user .avatar {
    display: block
}

.chat-list .first-question {
    margin-right: 10px;
    line-height: normal;
    font-style: italic
}

.chat-list .first-question .username,.chat-list .first-question .user {
    font-weight: bold
}

.chat-list .first-question .first-question-link {
    font-size: 100%;
    line-height: 1.5em;
    text-decoration: none
}

.chat-list .first-question .first-question-link:hover {
    text-decoration: underline
}

.chat-list li.first-question+li {
    border-top: 0
}

.chat-list .avatar-link {
    float: left;
    margin-top: 1px
}

.chat-list .moderator a.user-link {
    text-decoration: none
}

.chat-list .moderator a.user-link,.chat-list .moderator a.user-link:visited,.chat-list .moderator a.user-link:hover {
    color: #872af0
}

.chat-list .moderator a.user-link:hover {
    text-decoration: underline
}

.chat-list .messages {
    display: block;
    line-height: 18px;
    margin: -2px 0 0 34px
}

.chat-list .messages .username {
    font-weight: bold
}

.chat-list .messages .created-at {
    position: absolute;
    top: -10px;
    right: 0;
    display: none;
    font-size: 83.33%;
    color: #878787;
    background-color: #fff;
    padding-left: 5px
}

.chat-list .messages button {
    font-size: 83.33%;
    color: #878787;
    background-color: #fff;
    padding-right: 5px
}

.post-chat {
    position: absolute;
    bottom: 12px;
    left: 16px;
    right: 16px;
    font-size: .75em;
    line-height: 2em;
    line-height: 1.5em
}

.post-chat label.placeholder {
    top: 6px;
    left: 8px;
    cursor: text
}

.post-chat .chat-body {
    width: 100%;
    height: 29px;
    font-size: inherit;
    margin: 0;
    padding: 6px 7px;
    resize: none;
    border: 1px solid;
    border-color: #b4b4b4 #a1a1a1
}

.post-chat .submit {
    display: none
}

.post-chat.disabled textarea {
    cursor: not-allowed
}

.post-chat.disabled label {
    color: #ededed
}

.post-chat.disabled .signup-for-action {
    left: 10px;
    top: 7px
}

.post-chat.disabled .signup-for-action,.post-chat.disabled .signup-for-action button {
    font-size: 12px
}

section.add-group {
    left: 300px;
    width: 75px
}

section.add-group header {
    cursor: pointer
}

section.group-chat.info-open {
    height: 185px;
    margin-top: -152px;
    position: relative
}

section.group-chat.info-open div.info-content {
    display: block;
    background: #abc96b
}

section.group-chat.info-open div.chat-content {
    display: none
}

section.group-chat.info-open .togglers .toggle-info {
    background: #abc96b;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 2px 2px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 2px 2px;
    -o-box-shadow: rgba(0,0,0,0.3) 0 2px 2px;
    box-shadow: rgba(0,0,0,0.3) 0 2px 2px;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -o-border-top-right-radius: 0;
    -ms-border-top-right-radius: 0;
    -khtml-border-top-right-radius: 0;
    border-top-right-radius: 0;
    margin-left: 2px;
    padding-top: 8px
}

section.group-chat.info-open .togglers .toggle-chat {
    margin-top: 2px
}

section.group-chat.chat-open {
    height: 425px;
    margin-top: -392px;
    position: relative
}

section.group-chat.chat-open div.info-content {
    display: none
}

section.group-chat.chat-open div.chat-content {
    display: block
}

section.group-chat.chat-open .togglers {
    position: static
}

section.group-chat.chat-open .togglers .toggle-chat {
    display: none
}

section.group-chat.chat-open .togglers .toggle-info {
    top: 32px;
    margin: 0;
    padding: 1px 5px 0;
    cursor: default;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: 1px solid #fff;
    background: #e6e6e6;
    font-size: .75em;
    line-height: 2em
}

section.group-chat.chat-open .togglers .toggle-info .unseen-count:before {
    background-position: left -14px;
    top: 2px
}

section.group-chat.chat-open .togglers .toggle-info span,section.group-chat.chat-open .togglers .toggle-info button {
    display: inline-block;
    font-weight: normal
}

section.group-chat.chat-open .togglers .toggle-info span {
    color: #373737;
    text-shadow: #fff 1px 1px
}

section.group-chat.chat-open .togglers .toggle-info button {
    margin-top: 4px;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: inherit;
    position: absolute;
    right: 6px;
    top: 0;
    color: #00b1f2;
    font-weight: bold;
    text-shadow: #fff 1px 1px;
    cursor: pointer
}

section.group-chat.chat-open .togglers .toggle-info button:hover {
    text-decoration: underline
}

section.group-chat.chat-closed {
    width: 185px
}

section.group-chat.chat-closed div.chat-content {
    display: none
}

section.group-chat.chat-closed .togglers .toggle-chat {
    padding-right: 12px
}

section.group-chat.chat-closed .togglers .toggle-chat .minimize {
    display: none
}

section.group-chat.hidden-chats {
    width: 45px;
    z-index: 1
}

section.group-chat.hidden-chats .togglers header {
    line-height: 1.5em;
    padding-right: 15px;
    padding-left: 15px;
    color: #fff;
    font-weight: bold;
    text-indent: -119988px;
    background-image: url(/images/hide.svg?1406796772)!important;
    background-size: 20px!important;
    background-repeat: no-repeat!important;
    background-position: 50% 50%!important;
    width: 10px;
}

section.group-chat.hidden-chats .info-content {
    left: auto;
    width: 206px
}

section.group-chat.hidden-chats ul {
    height: 110px;
    overflow: auto
}

section.group-chat.hidden-chats .hidden-chat button {
    font-size: .75em;
    line-height: 2em;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    color: #fff;
    cursor: pointer;
    width: 100%;
    text-align: left
}

section.group-chat.hidden-chats .hidden-chat button:hover {
    text-decoration: underline
}

section.group-chat.hidden-chats .hidden-chat button h4 {
    font-weight: normal;
    margin: 0
}

section.group-chat.animating-to-zen {
    -moz-transition: right 600ms,opacity 600ms,width 600ms,height 600ms;
    -webkit-transition: right 600ms,opacity 600ms,width 600ms,height 600ms;
    -o-transition: right 600ms,opacity 600ms,width 600ms,height 600ms;
    transition: right 600ms,opacity 600ms,width 600ms,height 600ms;
    overflow: hidden;
    right: 40px!important;
    width: 0!important;
    height: 0!important;
    filter: alpha(opacity=30);
    opacity: .3
}

.tomorrow-comment,pre .comment,pre .title {
    color: #8e908c
}

.tomorrow-red,pre .variable,pre .attribute,pre .tag,pre .regexp,pre .ruby .constant,pre .xml .tag .title,pre .xml .pi,pre .xml .doctype,pre .html .doctype,pre .css .id,pre .css .class,pre .css .pseudo {
    color: #c82829
}

.tomorrow-orange,pre .number,pre .preprocessor,pre .built_in,pre .literal,pre .params,pre .constant {
    color: #f5871f
}

.tomorrow-yellow,pre .class,pre .ruby .class .title,pre .css .rules .attribute {
    color: #eab700
}

.tomorrow-green,pre .string,pre .value,pre .inheritance,pre .header,pre .ruby .symbol,pre .xml .cdata {
    color: #718c00
}

.tomorrow-aqua,pre .css .hexcolor {
    color: #3e999f
}

.tomorrow-blue,pre .function,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword,pre .perl .sub,pre .javascript .title,pre .coffeescript .title {
    color: #4271ae
}

.tomorrow-purple,pre .keyword,pre .javascript .function {
    color: #8959a8
}

pre code {
    display: block;
    background: white;
    color: #4d4d4c;
    padding: .5em
}

.icheckbox_minimal,.iradio_minimal {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(minimal.png) no-repeat;
    border: 0;
    cursor: pointer
}

.icheckbox_minimal {
    background-position: 0 0
}

.icheckbox_minimal.hover {
    background-position: -20px 0
}

.icheckbox_minimal.checked {
    background-position: -40px 0
}

.icheckbox_minimal.disabled {
    background-position: -60px 0;
    cursor: default
}

.icheckbox_minimal.checked.disabled {
    background-position: -80px 0
}

.iradio_minimal {
    background-position: -100px 0
}

.iradio_minimal.hover {
    background-position: -120px 0
}

.iradio_minimal.checked {
    background-position: -140px 0
}

.iradio_minimal.disabled {
    background-position: -160px 0;
    cursor: default
}

.iradio_minimal.checked.disabled {
    background-position: -180px 0
}

@media(-o-min-device-pixel-ratio: 5/4),(-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi) {
    .icheckbox_minimal,.iradio_minimal {
        background-image:url(minimal%402x.png);
        -webkit-background-size: 200px 20px;
        background-size: 200px 20px
    }
}