@charset "UTF-8";.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.8);
    z-index: 100;
    display: none;
    top: 0;
    left: 0
}

.reveal-modal {
    visibility: hidden;
    top: 100px;
    left: 50%;
    margin-left: -220px;
    width: 520px;
    background: #eee url(modal-gloss.png) no-repeat -200px -80px;
    position: absolute;
    z-index: 101;
    padding: 30px 40px 34px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    box-shadow: 0 0 10px rgba(0,0,0,.4)
}

.reveal-modal.small {
    width: 200px;
    margin-left: -140px
}

.reveal-modal.medium {
    width: 400px;
    margin-left: -240px
}

.reveal-modal.large {
    width: 600px;
    margin-left: -340px
}

.reveal-modal.xlarge {
    width: 800px;
    margin-left: -440px
}

.reveal-modal .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    font-weight: bold;
    cursor: pointer
}

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

#header-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow: visible;
    background: #f2f2f2 url('/images/group-noise.png?1406796772') repeat;
    z-index: 4
}

body #groups,body #updates {
    -moz-transition: top 300ms linear;
    -webkit-transition: top 300ms linear;
    -o-transition: top 300ms linear;
    transition: top 300ms linear
}

body div.page-content section.current-pane>:first-child {
    -moz-transition: margin-top 300ms linear;
    -webkit-transition: margin-top 300ms linear;
    -o-transition: margin-top 300ms linear;
    transition: margin-top 300ms linear
}

body.verification-message #header-container {
    height: 175px
}

body.verification-message #updates {
    top: 175px
}

body.verification-message #group-search {
    padding-top: 145px
}

body.verification-message div.page-content #message-holder {
    margin-top: 148px
}

body.verification-message div.page-content section.current-pane>:first-child {
    margin-top: 148px
}

body.verification-message div.page-content section.current-pane>.top-ad-container+#course-association.no-course+#subtopics {
    margin-top: 10px
}

body.verification-message #settings-container,body.verification-message #settings {
    top: 100px
}

body.verification-message #shim+div.smart-score.dialog {
    top: 145px
}

#verification-alert-container.active #verification-alert.verification-succeeded>.verification-successful {
    opacity: 1
}

#verification-alert-container.active #verification-alert.verification-needed>.verification-prompt {
    opacity: 1
}

#verification-alert-container.active #verification-alert.verification-resent>.resend-confirmation {
    opacity: 1
}

#inviteMessageWasShown {
    display: none
}

#verification-alert-container {
    display: block;
    background: #feffa7;
    border: 0;
    -moz-transition: height 300ms linear;
    -webkit-transition: height 300ms linear;
    -o-transition: height 300ms linear;
    transition: height 300ms linear;
    height: 0;
    color: #000
}

#verification-alert-container.active {
    display: block;
    border: 1px solid #e1e1a7;
    height: 63px
}

#verification-alert {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 71.5em;
    height: 63px
}

#verification-alert .verification-prompt .email-verification-error {
    font-size: .625em;
    line-height: 2.4em;
    position: absolute;
    bottom: -2em;
    margin-left: 1em;
    color: red
}

#verification-alert .verification-prompt #email-to-verify {
    width: 20em
}

#verification-alert .verification-prompt #email-to-verify.error {
    border: 1px solid red
}

#verification-alert .verification-prompt #resend-email {
    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;
    vertical-align: top
}

#verification-alert .verification-prompt #resend-email: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)
}

#verification-alert .verification-prompt #resend-email:active {
    top: 1px;
    left: 1px
}

#verification-alert .verification-prompt #resend-email:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

#verification-alert .verification-prompt #resend-email.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
}

#verification-alert .verification-prompt #resend-email.disabled:active {
    top: 0;
    left: 0
}

#verification-alert .verification-prompt #resend-email:hover {
    cursor: pointer
}

#verification-alert .verification-successful,#verification-alert .resend-confirmation {
    color: #249928
}

#verification-alert .verification-successful .close {
    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: 0 -200px;
    height: 13px;
    width: 13px;
    position: relative
}

#verification-alert .verification-successful .close:active {
    top: 1px;
    left: 1px
}

#verification-alert .verification-successful .close:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

#verification-alert .verification-successful .close:hover {
    cursor: pointer
}

#verification-alert .verification-successful .success-is-yours {
    font-weight: bold
}

#verification-alert .verification-successful .success-is-yours:before {
    content: "\2713";
    padding-right: 5px
}

#verification-alert .resend-confirmation:before {
    content: "\2713";
    padding-right: 5px
}

#verification-alert>p {
    font-size: .875em;
    line-height: 1.71429em;
    -moz-transition: opacity 300ms linear;
    -webkit-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
    opacity: 0;
    position: absolute;
    top: 30%
}

#verification-alert>p input {
    border: 1px solid #ccc;
    font-size: 1em;
    margin-left: 10px;
    margin-right: 10px;
    padding: 1px
}

#verification-alert>p button {
    font-size: 1em
}

header#main-header {
    margin: auto;
    width: 61.25em;
    max-width: 100%;
    height: 110px;
    width: 71em;
    overflow: visible
}

header#main-header:after {
    content: "";
    display: table;
    clear: both
}

header#main-header #shim {
    z-index: 5
}

h1 {
    margin-left: 2.04082%;
    display: inline;
    float: left;
    width: 28.57143%;
    margin-right: 2.04082%;
    height: 31px;
    margin-top: 6px;
    margin-bottom: 10px;
    margin-left: -1em;
    overflow: visible;
    position: relative;
    z-index: 5
}

div.logo {
    height: 110px
}

a.logo {
    text-indent: -9999em;
    overflow: hidden;
    /* background-size: 100% 100%; */
    /* background-image: url("/images/logo_trans.svg"); */
    /* height: 90px; */
    /* left: 0; */
    /* position: absolute; */
    /* top: 15px; */
    /* width: 155px; */
}

a.logo.end-of-the-world {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url('/images/end-of-the-world.png?1406796772');
    background-repeat: no-repeat;
    background-position: 50% 50%
}

div.notauthorized .subjects-menu {
    top: 55px!important
}

div.notauthorized div.logo {
    height: 110px;
    float: left;
    margin-right: 5px;
    position: relative;
    left: -7px
}

div.notauthorized .inline {
    display: inline-block
}

div.notauthorized .subjects {
    position: relative;
    top: 35px;
    float: left;
    left: 156px;
    height: 37px;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue",Helvetica,sans-serif;
    border-radius: 4px;
    font-size: 22px;
    font-weight: bold;
    margin-right: 165px;
    color: #28a9e8;
    line-height: 1.8;
    background: #c3edfe url("/images/arrow_down.png") no-repeat right 14px center;
    max-width: 35%
}

div.notauthorized .subjects:hover {
    cursor: pointer;
    background-color: #dcf5ff
}

div.notauthorized div.list.inline {
    display: none
}

div.notauthorized div.list {
    position: relative;
    height: 50px;
    width: 68px;
    top: 35px;
    float: left;
    font-size: 22px;
    font-weight: bold;
    color: #e6e6e6;
    line-height: 2.3;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue",Helvetica,sans-serif;
    border-radius: 4px;
    margin-left: 16px
}

div.notauthorized div.list>img {
    height: 37px;
    width: 68px
}

div.notauthorized div.list div.menu {
    position: absolute;
    top: 55px;
    width: 240px;
    -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: #ff9812;
    line-height: 2.1;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue",Helvetica,sans-serif;
    background: #fff0c2;
    display: none
}

div.notauthorized div.list div.menu>img {
    position: absolute;
    top: -12px;
    width: 100%
}

div.notauthorized div.list div.menu ul img.divider {
    margin-left: 25px;
    margin-top: 10px;
    margin-bottom: 10px
}

div.notauthorized div.list div.menu ul {
    margin: 20px 0
}

div.notauthorized div.list div.menu ul li {
    text-align: left;
    margin-left: 25px
}

div.notauthorized div.list div.menu ul.menu-list li a {
    color: #ff9812;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none
}

div.notauthorized div.list div.menu ul.menu-list li a:hover {
    color: #de7200
}

div.notauthorized div.list:hover {
    cursor: pointer
}

div.notauthorized div.signup {
    position: absolute;
    top: 35px;
    right: 133px;
    height: 38px;
    font-size: 19px;
    font-weight: bold;
    color: #fff;
    line-height: 2.1;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue",Helvetica,sans-serif;
    background: #28a9e8;
    border-radius: 4px
}

div.notauthorized div.signup:hover {
    cursor: pointer;
    opacity: .8;
    transition: .4s
}

div.notauthorized div.login {
    position: absolute;
    top: 35px;
    right: 25px;
    height: 38px;
    font-size: 19px;
    font-weight: bold;
    color: #fff;
    line-height: 2.1;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue",Helvetica,sans-serif;
    background: #59b600;
    border-radius: 4px
}

div.notauthorized div.login:hover {
    transition: .4s;
    cursor: pointer;
    opacity: .8
}

div.authorized div.logo {
    height: 110px;
    float: left;
    margin-right: 5px;
    position: relative;
    left: -7px
}

div.authorized .subjects {
    position: relative;
    top: 55px;
    float: left;
    left: 156px;
    height: 37px;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue",Helvetica,sans-serif;
    border-radius: 4px;
    font-size: 22px;
    font-weight: bold;
    margin-right: 165px;
    color: #28a9e8;
    line-height: 1.8;
    background: #c3edfe url("/images/arrow_down.png") no-repeat right 14px center;
    max-width: 33%
}

div.authorized .subjects:hover {
    cursor: pointer;
    background-color: #dcf5ff
}

div.authorized .inline-div>div {
    display: inline-table
}

div.authorized>ul {
    position: absolute;
    top: 5px;
    left: 158px
}

div.authorized>ul li {
    display: inline-block;
    margin-right: 20px
}

div.authorized>ul li.notification a div {
    background: #ff9812;
    border-radius: 10px;
    border: 2px solid #ffc579;
    width: 18px;
    position: absolute;
    height: 18px;
    bottom: 14px;
    left: 15px;
    text-align: center
}

div.authorized>ul li.notification a div span {
    top: 2px;
    position: relative;
    font-size: 12px;
    color: #fff;
    font-weight: bold
}

div.authorized>ul li.letter {
    margin-left: 6px!important
}

div.authorized>ul li.letter a div {
    background: #ff9812;
    border: 2px solid #ffc579;
    border-radius: 10px;
    width: 18px;
    position: absolute;
    height: 18px;
    bottom: 12px;
    left: 18px;
    text-align: center
}

div.authorized>ul li.letter a div span {
    top: 3px;
    position: relative;
    font-size: 12px;
    color: #fff;
    font-weight: bold
}

div.authorized>ul li.friends {
    margin-right: 19px
}

div.authorized>ul li.friends a div {
    background: #ff9812;
    border-radius: 10px;
    border: 2px solid #ffc579;
    width: 18px;
    position: absolute;
    height: 18px;
    bottom: 18px;
    left: 30px;
    text-align: center
}

div.authorized>ul li.friends a div span {
    top: 1px;
    position: relative;
    font-size: 12px;
    color: #fff;
    font-weight: bold
}

div.authorized>ul li#fanned-indicator a div.circle {
    left: 29px;
    top: -3px
}

div.authorized>ul li.whats-new {
    position: relative;
    top: -6px;
    left: -12px
}

div.authorized>ul li.whats-new a {
    background: #85c540;
    border: 2px solid #7fa354;
    display: block;
    height: 30px;
    padding: 0 7px
}

div.authorized>ul li.whats-new a span {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px
}

div.authorized>ul li.whats-new a:hover {
    text-decoration: none
}

div.authorized>ul li.whats-new #whats-new-link:hover img.icon {
    display: none!important
}

div.authorized>ul li.whats-new #whats-new-link:hover img.icon-hover {
    display: inherit!important
}

div.authorized>ul li.ring {
    position: relative;
    top: -6px;
    left: -12px
}

div.authorized>ul li.ring a {
    background: #f09d2a;
    border: 2px solid #ffc272;
    display: block;
    height: 30px;
    padding: 0 7px
}

div.authorized>ul li.ring a span {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px
}

div.authorized>ul li.ring a:hover {
    text-decoration: none
}

div.authorized>ul li.ring.wait-for-rating a div {
    border: 2px solid #f2f2f2;
    background: #ededed;
    position: absolute;
    display: block;
    height: 19px;
    border-radius: 50%;
    right: -12px;
    top: -10px;
    width: 19px
}

div.authorized>ul li.ring.wait-for-rating a div span {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    left: 6px;
    position: relative;
    top: -5px
}

div.authorized>ul li.notification,div.authorized>ul li.letter {
    position: relative
}

div.authorized>ul li.friends,div.authorized>ul li.invite {
    position: relative;
    top: 4px
}

div.authorized>ul li.ring {
    position: relative
}

div.authorized div.list {
    position: relative;
    height: 45px;
    width: 68px;
    top: 55px;
    font-size: 22px;
    font-weight: bold;
    color: #e6e6e6;
    margin-left: 13px;
    line-height: 2.3;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue",Helvetica,sans-serif;
    border-radius: 4px
}

div.authorized div.list>img {
    height: 37px;
    width: 68px
}

div.authorized div.list div.menu {
    position: absolute;
    top: 55px;
    width: 240px;
    -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: #ff9812;
    line-height: 2.1;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue",Helvetica,sans-serif;
    background: #fff0c2;
    display: none
}

div.authorized div.list div.menu>img {
    position: absolute;
    top: -12px;
    width: 100%
}

div.authorized div.list div.menu ul img.divider {
    margin-left: 25px;
    margin-top: 10px;
    margin-bottom: 10px
}

div.authorized div.list div.menu ul {
    margin: 20px 0
}

div.authorized div.list div.menu ul li {
    text-align: left;
    margin-left: 25px
}

div.authorized div.list div.menu ul.menu-list li a {
    color: #ff9812;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none
}

div.authorized div.list div.menu ul.menu-list li a:hover {
    color: #de7200
}

div.authorized div.list:hover {
    cursor: pointer
}

div.authorized div.user-block div.money {
    position: absolute;
    top: 19px;
    right: 135px
}

div.authorized div.user-block div.money img {
    position: absolute;
    right: 40px
}

div.authorized div.user-block div.money span {
    color: #2dabea;
    font-size: 16px;
    font-weight: bold;
    left: -33px;
    position: absolute;
    top: 6px
}

div.authorized div.user-block div.money:hover {
    cursor: pointer
}

div.authorized div.user-block div.points {
    background-repeat: no-repeat;
    width: 38px;
    position: absolute;
    right: 264px;
    top: 54px;
    text-align: center;
    height: 37px
}

div.authorized div.user-block div.points span {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    top: 12px
}

div.authorized div.user-block div.points:hover {
    cursor: pointer
}

div.authorized div.user-block div.name {
    background-repeat: no-repeat;
    width: 137px;
    position: absolute;
    right: 130px;
    top: 55px;
    height: 44px;
    text-align: center;
    line-height: 35px;
    text-overflow: ellipsis;
    overflow: visible;
    color: #fff
}

div.authorized div.user-block div.name span {
    color: #fff;
    font-size: 16px;
    font-weight: normal
}

div.authorized div.user-block div.name:hover {
    cursor: pointer
}

div.authorized div.user-block div.name:hover a.smartscores {
    display: block
}

div.authorized div.user-block div.avatar {
    position: absolute;
    top: 15px;
    right: 35px;
    background: #fff;
    -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);
    padding: 4px;
    border-radius: 3px
}

div.authorized div.user-block div.avatar img {
    width: 69px;
    height: 69px
}

div.authorized div.user-block div.avatar:hover {
    cursor: pointer
}

a.smartscores {
    width: 185px;
    position: absolute;
    right: 0;
    -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);
    top: 56px;
    height: 115px!important;
    padding: 18px 0;
    background: #fff;
    display: none
}

a.smartscores>img {
    position: relative;
    top: -30px;
    width: 100%
}

a.smartscores:hover {
    cursor: pointer
}

a.smartscores div.problem {
    margin: 5px 10px
}

a.smartscores div.problem>div div.points {
    color: #fff;
    height: 35px;
    width: 35px;
    background: url("/images/scores-circle-red-bg.png") no-repeat;
    font-size: 14px;
    position: absolute;
    top: 13px;
    left: 13px;
    font-weight: bold;
    text-align: center;
    padding-top: 1px
}

a.smartscores div.problem>div div.name {
    color: #fff;
    background: url("/images/scores-red-bg.png") no-repeat;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    top: 13px;
    height: 35px;
    width: 131px;
    padding: 0;
    left: 42px;
    text-align: center;
    padding-left: 2px
}

a.smartscores div.teamwork {
    margin: 5px 10px
}

a.smartscores div.teamwork>div div.points {
    color: #fff;
    height: 35px;
    width: 35px;
    background: url("/images/scores-circle-red-bg.png") no-repeat;
    position: absolute;
    top: 56px;
    left: 13px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding-top: 1px
}

a.smartscores div.teamwork>div div.name {
    color: #fff;
    background: url("/images/scores-red-bg.png") no-repeat;
    font-size: 13px;
    height: 35px;
    width: 131px;
    padding: 0;
    position: absolute;
    top: 56px;
    left: 42px;
    font-weight: bold
}

a.smartscores div.engagement {
    margin: 5px 10px
}

a.smartscores div.engagement>div div.points {
    text-align: center;
    height: 35px;
    width: 35px;
    background: url("/images/scores-circle-orange-bg.png") no-repeat;
    position: absolute;
    top: 99px;
    left: 13px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding-top: 1px
}

a.smartscores div.engagement>div div.name {
    padding: 0;
    color: #fff;
    height: 35px;
    width: 131px;
    position: absolute;
    background: url("/images/scores-orange-bg.png") no-repeat;
    top: 99px;
    left: 42px;
    font-size: 13px;
    font-weight: bold
}

a.smartscores .about-smarts {
    background: none repeat scroll 0 0 #2dabea;
    border: medium none;
    color: #fff;
    margin-top: 115px;
    padding: 8px 0;
    width: 100%
}

a.smartscores .about-smarts:hover {
    opacity: .8;
    cursor: pointer
}

a.smartscores>section>div>div.tier-1 div.points {
    background-image: url("/images/scores-circle-red-bg.png")
}

a.smartscores>section>div>div.tier-1 div.name {
    background-image: url("/images/scores-red-bg.png")
}

a.smartscores>section>div>div.tier-2 div.points {
    background-image: url("/images/scores-circle-orange-bg.png")
}

a.smartscores>section>div>div.tier-2 div.name {
    background-image: url("/images/scores-orange-bg.png")
}

a.smartscores>section>div>div.tier-3 div.points {
    background-image: url("/images/tier-3-points-area.png")
}

a.smartscores>section>div>div.tier-3 div.name {
    background-image: url("/images/tier-3-name-area.png")
}

a.smartscores>section>div>div.tier-4 div.points {
    background-image: url("/images/tier-4-points-area.png")
}

a.smartscores>section>div>div.tier-4 div.name {
    background-image: url("/images/tier-4-name-area.png")
}

a.smartscores>section>div>div.tier-5 div.points {
    background-image: url("/images/tier-5-points-area.png")
}

a.smartscores>section>div>div.tier-5 div.name {
    background-image: url("/images/tier-5-name-area.png")
}

div#user-block div.name.tier-1 {
    background-image: url("/images/area-tier-1.png")
}

div#user-block div.name.tier-2 {
    background-image: url("/images/area-tier-2.png")
}

div#user-block div.name.tier-3 {
    background-image: url("/images/area-tier-3.png")
}

div#user-block div.name.tier-4 {
    background-image: url("/images/area-tier-4.png")
}

div#user-block div.name.tier-5 {
    background-image: url("/images/area-tier-5.png")
}

div#user-block div.points.tier-1 {
    background-image: url("/images/points-tier-1.png")
}

div#user-block div.points.tier-2 {
    background-image: url("/images/points-tier-2.png")
}

div#user-block div.points.tier-3 {
    background-image: url("/images/points-tier-3.png")
}

div#user-block div.points.tier-4 {
    background-image: url("/images/points-tier-4.png")
}

div#user-block div.points.tier-5 {
    background-image: url("/images/points-tier-5.png")
}

div.profile-dropdown {
    position: absolute;
    top: 110px;
    -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);
    background: #fff;
    right: 32px;
    border: 1px solid #ccc;
    display: none
}

div.profile-dropdown>img {
    position: absolute;
    top: -17px;
    width: 100%
}

div.profile-dropdown>div {
    margin: 30px
}

div.profile-dropdown div.profile>div {
    width: 90px;
    background: #f2f2f2;
    border-radius: 3px;
    float: right;
    margin-left: 30px;
    position: relative;
    top: -4px;
    padding: 10px;
    text-align: center
}

div.profile-dropdown div.profile>div:hover {
    cursor: pointer;
    background-color: #36ace6
}

div.profile-dropdown div.profile>div:hover a {
    color: #fff
}

div.profile-dropdown div.profile>div a {
    font-size: 14px;
    text-decoration: none;
    position: relative;
    padding: 7px 0;
    color: #626262
}

div.profile-dropdown div.settings>div {
    width: 90px;
    background: #f2f2f2;
    border-radius: 3px;
    float: right;
    padding: 10px;
    margin-left: 30px;
    position: relative;
    top: -4px;
    text-align: center
}

div.profile-dropdown div.settings>div:hover {
    cursor: pointer;
    background-color: #8d42e3
}

div.profile-dropdown div.settings>div:hover a {
    color: #fff
}

div.profile-dropdown div.settings>div a {
    font-size: 14px;
    text-decoration: none;
    position: relative;
    padding: 7px 10px;
    color: #626262
}

div.profile-dropdown div.invite>div {
    width: 90px;
    background: #f2f2f2;
    border-radius: 3px;
    float: right;
    padding: 10px;
    margin-left: 30px;
    position: relative;
    top: -4px;
    text-align: center
}

div.profile-dropdown div.invite>div:hover {
    cursor: pointer;
    background-color: #9ec377
}

div.profile-dropdown div.invite>div:hover a {
    color: #fff
}

div.profile-dropdown div.invite>div a {
    font-size: 14px;
    text-decoration: none;
    position: relative;
    padding: 7px 10px;
    color: #626262
}

div.profile-dropdown div.purchase-history>div {
    width: 90px;
    background: #f2f2f2;
    border-radius: 3px;
    float: right;
    margin-left: 30px;
    position: relative;
    top: -4px;
    padding: 10px;
    text-align: center
}

div.profile-dropdown div.purchase-history>div:hover {
    cursor: pointer;
    opacity: .8
}

div.profile-dropdown div.purchase-history>div a {
    font-size: 14px;
    text-decoration: none;
    position: relative;
    padding: 7px 10px;
    color: #626262
}

div.profile-dropdown div.logout>div {
    width: 90px;
    background: #f2f2f2;
    border-radius: 3px;
    float: right;
    margin-left: 30px;
    position: relative;
    top: -4px;
    padding: 10px;
    text-align: center
}

div.profile-dropdown div.logout>div:hover {
    cursor: pointer;
    background-color: #dd4829
}

div.profile-dropdown div.logout>div:hover a {
    color: #fff
}

div.profile-dropdown div.logout>div a {
    font-size: 14px;
    text-decoration: none;
    position: relative;
    padding: 7px 10px;
    color: #626262
}

.indicators {
    position: absolute;
    top: -4px;
    left: 110px;
    white-space: nowrap
}

.indicators .panel {
    display: none;
    position: absolute;
    top: 29px;
    left: 0;
    width: 325px;
    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
}

.indicators .panel>header {
    display: block;
    font-size: 15px;
    color: #555;
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #e8e8e8
}

.indicators .panel>header span,.indicators .panel>header button {
    position: absolute;
    top: 13px;
    border: 1px solid transparent;
    background: transparent;
    color: #2db6fa;
    font-size: 15px;
    right: 15px
}

.indicators .panel>header button:hover {
    cursor: pointer
}

.indicators .panel div.new-notification {
    color: #2db6fa;
    position: absolute;
    font-size: 15px;
    right: 20px;
    top: 16px
}

.indicators .panel>ol {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px
}

.indicators .panel>ol>li {
    display: list-item;
    white-space: normal;
    margin-right: 0;
    margin-bottom: 5px
}

.indicators .panel>ol li.no-notifications.info {
    padding: 0;
    font-size: 11px
}

.indicators .panel>ol li.testimonial-notification>img {
    float: left;
    position: relative;
    margin-top: 3%
}

.indicators .panel>ol li.testimonial-notification>div {
    margin-left: 45px
}

.indicators .panel>ol li.testimonial-notification>div h3 {
    float: left;
    position: relative;
    top: 5px;
    font-size: 13px
}

.indicators .panel>ol li.testimonial-notification>div h3 a {
    font-size: 13px
}

.indicators .panel>ol li.testimonial-notification>div span.action {
    font-size: 13px;
    top: 5px;
    position: relative;
    margin-left: 5px
}

.indicators .panel>ol li.testimonial-notification>div p.last-updated {
    padding-top: 10px;
    font-size: 11px
}

.indicators .panel>ol li.fan-notification>img {
    float: left;
    position: relative;
    margin-top: 3%
}

.indicators .panel>ol li.fan-notification>div {
    margin-left: 45px
}

.indicators .panel>ol li.fan-notification>div h3 {
    float: left;
    position: relative;
    top: 5px;
    font-size: 13px
}

.indicators .panel>ol li.fan-notification>div h3 a {
    font-size: 13px
}

.indicators .panel>ol li.fan-notification>div span.action {
    font-size: 13px;
    top: 5px;
    position: relative;
    margin-left: 5px
}

.indicators .panel>ol li.fan-notification>div p.last-updated {
    padding-top: 10px;
    font-size: 11px
}

.indicators .panel>ol li.medal-notification>img {
    float: left;
    margin-top: 5%;
    position: relative
}

.indicators .panel>ol li.medal-notification>div {
    margin-left: 45px
}

.indicators .panel>ol li.medal-notification>div h3 {
    position: relative;
    top: 5px;
    font-size: 13px;
    margin-right: 5px
}

.indicators .panel>ol li.medal-notification>div h3 a {
    font-size: 13px
}

.indicators .panel>ol li.medal-notification>div span.action {
    font-size: 13px;
    top: 5px;
    position: relative
}

.indicators .panel>ol li.medal-notification>div a.action-link {
    position: relative;
    font-size: 13px;
    word-wrap: break-word;
    top: 5px
}

.indicators .panel>ol li.medal-notification>div p.last-updated {
    padding-top: 10px;
    font-size: 11px
}

.indicators .panel>ol li.reply-notification>img {
    float: left;
    margin-top: 5%;
    position: relative;
    width: 26px
}

.indicators .panel>ol li.reply-notification>div {
    margin-left: 45px
}

.indicators .panel>ol li.reply-notification>div h3 {
    position: relative;
    top: 5px;
    font-size: 13px;
    margin-right: 5px
}

.indicators .panel>ol li.reply-notification>div h3 a {
    font-size: 13px
}

.indicators .panel>ol li.reply-notification>div span.action {
    font-size: 13px;
    top: 5px;
    position: relative
}

.indicators .panel>ol li.reply-notification>div a.action-link {
    position: relative;
    font-size: 13px;
    word-wrap: break-word;
    top: 5px
}

.indicators .panel>ol li.reply-notification>div p.last-updated {
    padding-top: 10px;
    font-size: 11px
}

.indicators .panel>ol li.mention-notification>img {
    float: left;
    margin-top: 5%;
    position: relative
}

.indicators .panel>ol li.mention-notification>div {
    margin-left: 45px
}

.indicators .panel>ol li.mention-notification>div h3 {
    position: relative;
    top: 5px;
    font-size: 13px;
    margin-right: 5px
}

.indicators .panel>ol li.mention-notification>div h3 a {
    font-size: 13px
}

.indicators .panel>ol li.mention-notification>div span.action {
    font-size: 13px;
    top: 5px;
    position: relative
}

.indicators .panel>ol li.mention-notification>div a.action-link {
    position: relative;
    font-size: 13px;
    word-wrap: break-word;
    top: 5px
}

.indicators .panel>ol li.mention-notification>div p.last-updated {
    padding-top: 10px;
    font-size: 11px
}

.indicators .panel>footer {
    background: #d2f2ff;
    border-top: 1px solid transparent;
    padding: 16px;
    text-align: right;
    font-weight: normal;
    font-size: 15px
}

.indicators .panel>footer a {
    font-size: 15px;
    color: #2dabea;
    text-decoration: none
}

.indicators .panel>footer a img {
    position: relative;
    top: 2px;
    padding-left: 6px
}

.panel-container.open {
    background: #fff;
    -moz-box-shadow: rgba(0,0,0,0.4) 0 -3px 2px 1px;
    -webkit-box-shadow: rgba(0,0,0,0.4) 0 -3px 2px 1px;
    -o-box-shadow: rgba(0,0,0,0.4) 0 -3px 2px 1px;
    box-shadow: rgba(0,0,0,0.4) 0 -3px 2px 1px
}

.panel-container.open .panel {
    z-index: -1;
    display: block
}

.group-buttons {
    position: absolute;
    top: 2px;
    left: 255px;
    width: 350px
}

.group-buttons button {
    font-size: .8125em;
    line-height: 1.5em;
    color: #00b1f2;
    font-weight: bold;
    text-decoration: none;
    text-shadow: #fff 1px 1px;
    white-space: nowrap;
    border: 0;
    background: transparent;
    margin: 0 25px 0 0;
    padding: 0;
    cursor: pointer
}

.group-buttons button:hover {
    text-decoration: underline
}

.header-indicator {
    font-size: .625em;
    line-height: 1.5em;
    white-space: nowrap;
    display: inline-block;
    position: relative
}

.header-indicator>.opener {
    cursor: pointer;
    border: 0;
    background: 0;
    margin: 6px 5px 0;
    padding: 0;
    height: 23px;
    color: #00b1f2;
    font-weight: bold;
    text-decoration: none
}

.header-indicator>.opener:hover span {
    text-decoration: underline
}

.header-indicator>.opener:hover span.count {
    text-decoration: none
}

.header-indicator>.opener>span.count {
    text-shadow: none;
    position: absolute;
    top: 1px;
    left: 15px;
    display: inline-block;
    padding: 0 2px;
    text-align: center;
    font-size: .95em;
    color: #fff;
    background-color: #ff940b;
    border: 1px solid #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px
}

.header-indicator>.new-indicator {
    position: absolute;
    top: -2px;
    left: 0;
    right: 0;
    bottom: -3px;
    z-index: -1
}

#top-links {
    display: inline;
    float: left;
    width: 65.30612%;
    margin-right: 2.04082%;
    display: inline;
    float: right;
    margin-right: 2.04082%;
    margin-left:-1.25em;
    display: block;
    position: relative;
    text-align: right;
    font-size: .8125em;
    line-height: 1.84615em;
    padding-top: .2em
}

#top-links ul {
    margin: 0;
    display: inline-block
}

#top-links ul>li {
    list-style-type: none;
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0 15px;
    font-weight: bold
}

#top-links li.logout {
    margin-right: 0
}

#top-links li.user-info {
    position: relative;
    margin-left: 35px
}

#top-links li.user-info .avatar {
    position: absolute;
    height: 20px;
    width: 20px;
    left: -30px;
    top: 4px;
    border: 1px solid #fff
}

#top-links li.login {
    margin-right: 0;
    text-shadow: none
}

#top-links li.login li {
    margin: 0 7px
}

#top-links li.login ul>li {
    position: relative;
    display: inline-block
}

#top-links li.login ul>li>input {
    width: 130px;
    position: relative
}

#top-links li.login ul>li>label.placeholder {
    z-index: 1
}

#top-links li.login ul>li.string>label,#top-links li.login ul>li.string>input,#top-links li.login ul>li.password>label,#top-links li.login ul>li.password>input {
    font-size: 76%
}

#top-links li.login ul>li.string>input,#top-links li.login ul>li.password>input {
    border: 1px solid #d4d4d4;
    top: 5px;
    display: block;
    padding: 4px 5px 3px
}

#top-links li.login ul>li.string>input.error,#top-links li.login ul>li.password>input.error {
    border: 2px solid red
}

#top-links li.login ul>li.string>label,#top-links li.login ul>li.password>label {
    top: 1px;
    left: 5px;
    font-weight: normal
}

#top-links li.login input.submit,#top-links li.login a.facebook-connect {
    font-size: 76%;
    line-height: 1.5em;
    height: 20px;
    display: block;
    position: relative;
    top: 6px;
    border: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-shadow: rgba(255,255,255,0.5) 1px 1px 1px inset,rgba(0,0,0,0.4) -1px -1px 1px inset;
    -webkit-box-shadow: rgba(255,255,255,0.5) 1px 1px 1px inset,rgba(0,0,0,0.4) -1px -1px 1px inset;
    -o-box-shadow: rgba(255,255,255,0.5) 1px 1px 1px inset,rgba(0,0,0,0.4) -1px -1px 1px inset;
    box-shadow: rgba(255,255,255,0.5) 1px 1px 1px inset,rgba(0,0,0,0.4) -1px -1px 1px inset;
    color: #fff;
    padding: 3px 10px 5px;
    cursor: pointer
}

#top-links li.login input.submit:active,#top-links li.login a.facebook-connect:active {
    top: 7px;
    left: 1px
}

#top-links li.login input.submit {
    width: auto;
    background: #36bdfd;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#4dc8ff),color-stop(100%,#25b2f8));
    background-image: -webkit-linear-gradient(#4dc8ff,#25b2f8);
    background-image: -moz-linear-gradient(#4dc8ff,#25b2f8);
    background-image: -o-linear-gradient(#4dc8ff,#25b2f8);
    background-image: -ms-linear-gradient(#4dc8ff,#25b2f8);
    background-image: linear-gradient(#4dc8ff,#25b2f8)
}

#top-links li.login input.submit:hover {
    background: #04acfc;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#1ab8ff),color-stop(100%,#079ae3));
    background-image: -webkit-linear-gradient(#1ab8ff,#079ae3);
    background-image: -moz-linear-gradient(#1ab8ff,#079ae3);
    background-image: -o-linear-gradient(#1ab8ff,#079ae3);
    background-image: -ms-linear-gradient(#1ab8ff,#079ae3);
    background-image: linear-gradient(#1ab8ff,#079ae3)
}

#top-links li.login li.forgot-password {
    line-height: 1em
}

#top-links li.login button.forgot-password {
    margin: 0;
    padding: 0;
    position: relative;
    top: 9px;
    overflow: visible;
    background: transparent;
    border: 0;
    color: #00b1f2;
    font-weight: bold;
    text-shadow: #fff 1px 1px;
    cursor: pointer
}

#top-links li.login button.forgot-password:hover {
    text-decoration: underline
}

#top-links li.login .logging-in {
    padding-right: 25px;
    background: url('/images/small-ajax-loader-blue.gif?1406796772') no-repeat right 50%
}

a.facebook-connect {
    display: inline-block;
    margin-left: 5px;
    background: #304d8c;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#4864a1),color-stop(100%,#213f7f));
    background-image: -webkit-linear-gradient(#4864a1,#213f7f);
    background-image: -moz-linear-gradient(#4864a1,#213f7f);
    background-image: -o-linear-gradient(#4864a1,#213f7f);
    background-image: -ms-linear-gradient(#4864a1,#213f7f);
    background-image: linear-gradient(#4864a1,#213f7f)
}

#top-links li a.facebook-connect:hover {
    text-decoration: none;
    background: #233866;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#40598f),color-stop(100%,#162b57));
    background-image: -webkit-linear-gradient(#40598f,#162b57);
    background-image: -moz-linear-gradient(#40598f,#162b57);
    background-image: -o-linear-gradient(#40598f,#162b57);
    background-image: -ms-linear-gradient(#40598f,#162b57);
    background-image: linear-gradient(#40598f,#162b57)
}

@-moz-document url-prefix(https://) {
    #fanned-indicator .fanned-action-buttons {
        margin-top: -3px
    }
}

#create-message {
    display: none
}

#shim+#create-message {
    display: block;
    z-index: 5;
    border: 0;
    text-shadow: none;
    width: 420px;
    height: auto;
    left: 50%;
    margin-left: -210px;
    font-size: .65em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px
}

#shim+#create-message h3 {
    font-size: 140%
}

#shim+#create-message form {
    padding: 15px
}

#shim+#create-message form fieldset.recipient {
    margin-bottom: 15px
}

#shim+#create-message form fieldset.recipient span.error {
    color: #fff;
    background: #f55;
    display: block;
    width: 100%;
    padding: 7px 5px;
    font-size: 1.2em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

#shim+#create-message form .placeholder {
    top: 10px
}

#shim+#create-message form .autocomplete {
    background: #fff;
    z-index: 1;
    left: 0;
    right: 0;
    top: 35px;
    max-height: 215px
}

#shim+#create-message form fieldset {
    position: relative
}

#shim+#create-message form .controls {
    margin-top: 10px;
    overflow: hidden;
}

#shim+#create-message form .controls .close {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    color: #00b1f2;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.3em;
    margin-top: 4px
}

#shim+#create-message form .controls .close:hover {
    text-decoration: underline
}

#shim+#create-message form .controls .submit {
    float: right
}

#shim+#create-message form .controls .ajax {
    float: right;
    margin: 4px
}

#shim+#create-message form .submit {
    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
}

#shim+#create-message form .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)
}

#shim+#create-message form .submit:active {
    top: 1px;
    left: 1px
}

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

#shim+#create-message form .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
}

#shim+#create-message form .submit.disabled:active {
    top: 0;
    left: 0
}

#shim+#create-message .success {
    padding: 25px;
    text-align: center;
    font-size: 1.25em;
    line-height: 2em;
    color: #878787;
    display: none
}

#shim+#create-message.successful form {
    display: none
}

#shim+#create-message.successful .success {
    display: block
}

#message-recipient,#message-body {
    width: 100%;
    border: 1px solid #dfdfdf;
    padding: 7px;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

#message-recipient,#message-body,.post-message label {
    font-size: 1.2em;
    line-height: 1.5em
}

#message-recipient.error {
    color: #f55
}

#message-body {
    height: 120px;
    resize: none
}

.logged-out .group-buttons {
    left: 122px!important
}

.logged-out .group-buttons button.create-group {
    display: none
}

.logged-out header#main-header #top-links li.forgot-password {
    margin-right: 0
}

ol.messages li.message {
    padding: 14px 0 14px 80px;
    position: relative
}

ol.messages li.message.unread {
    background-color: #e6f9ff
}

ol.messages li.message .avatar {
    position: absolute;
    left: 15px;
    top: 18px;
    width: 46px;
    height: 46px;
    border: 1px solid #d8d8d8;
    border-radius: 3px
}

ol.messages li.message .username {
    font-weight: bold;
    display: inline-block;
    max-width: 100%;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

ol.messages li.message .username,ol.messages li.message .body {
    font-size: .75em;
    line-height: 2em;
    line-height: 1.5em;
    white-space: pre-wrap
}

ol.messages li.message .message-info {
    margin-top: 3px;
    overflow: hidden;
}

ol.messages li.message .message-info li {
    display: table-cell;
    float: unset;
    color: #878787;
    font-size: .625em;
    line-height: 2.4em;
    line-height: 1.5em
}

ol.messages li.message .message-info li:before {
    content: "\2022";
    margin: 0 5px
}

ol.messages li.message .message-info li:first-child:before {
    content: "";
    margin: 0
}

ol.messages li.message .message-info li.disabled {
    display: none
}

ol.messages li.message .message-info li button {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    color: #00b1f2;
    cursor: pointer;
    display: inline;
    color: #878787;
    font-size: 1em
}

ol.messages li.message .message-info li button:hover {
    text-decoration: underline
}

ol.messages li.message .actions {
    position: absolute;
    top: 74px;
    left: 15px;
    text-align: right
}

ol.messages li.message .actions li.reply,ol.messages li.message .actions li.delete {
    font-size: 1em;
    display: inline;
    vertical-align: middle;
    margin-right: 0
}

ol.messages li.message .actions li.reply {
    float: right;
    padding-left: 5px!important
}

ol.messages li.message .actions li.delete {
    float: left;
    padding-right: 0
}

ol.messages li.message .actions button.delete {
    color: #fff;
    font-size: 12px;
    background: #ff6161;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ff6161),color-stop(100%,#ef2c2c));
    background-image: -webkit-linear-gradient(#ff6161,#ef2c2c);
    background-image: -moz-linear-gradient(#ff6161,#ef2c2c);
    background-image: -o-linear-gradient(#ff6161,#ef2c2c);
    background-image: -ms-linear-gradient(#ff6161,#ef2c2c);
    background-image: linear-gradient(#ff6161,#ef2c2c);
    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;
    width: 22px;
    height: 22px;
    background: url(/images/delete.png) no-repeat
}

ol.messages li.message .actions button.delete:hover {
    text-decoration: none;
    background: #ff2e2e;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ff2e2e),color-stop(100%,#d81010));
    background-image: -webkit-linear-gradient(#ff2e2e,#d81010);
    background-image: -moz-linear-gradient(#ff2e2e,#d81010);
    background-image: -o-linear-gradient(#ff2e2e,#d81010);
    background-image: -ms-linear-gradient(#ff2e2e,#d81010);
    background-image: linear-gradient(#ff2e2e,#d81010)
}

ol.messages li.message .actions button.delete:active {
    top: 1px;
    left: 1px
}

ol.messages li.message .actions button.delete:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

ol.messages li.message .actions button.delete.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
}

ol.messages li.message .actions button.delete.disabled:active {
    top: 0;
    left: 0
}

ol.messages li.message .actions button.delete:hover {
    background: url(/images/delete.png) no-repeat
}

ol.messages li.message .actions button.reply {
    color: #fff;
    font-size: 12px;
    background: #3ccbff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#3ccbff),color-stop(100%,#15b4ef));
    background-image: -webkit-linear-gradient(#3ccbff,#15b4ef);
    background-image: -moz-linear-gradient(#3ccbff,#15b4ef);
    background-image: -o-linear-gradient(#3ccbff,#15b4ef);
    background-image: -ms-linear-gradient(#3ccbff,#15b4ef);
    background-image: linear-gradient(#3ccbff,#15b4ef);
    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;
    width: 22px;
    height: 22px;
    background: url(/images/reply.png) no-repeat
}

ol.messages li.message .actions button.reply:hover {
    text-decoration: none;
    background: #09bdff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#09bdff),color-stop(100%,#0d92c4));
    background-image: -webkit-linear-gradient(#09bdff,#0d92c4);
    background-image: -moz-linear-gradient(#09bdff,#0d92c4);
    background-image: -o-linear-gradient(#09bdff,#0d92c4);
    background-image: -ms-linear-gradient(#09bdff,#0d92c4);
    background-image: linear-gradient(#09bdff,#0d92c4)
}

ol.messages li.message .actions button.reply:active {
    top: 1px;
    left: 1px
}

ol.messages li.message .actions button.reply:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

ol.messages li.message .actions button.reply.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
}

ol.messages li.message .actions button.reply.disabled:active {
    top: 0;
    left: 0
}

ol.messages li.message .actions button.reply:hover {
    background: url(/images/reply.png) no-repeat
}

ol.messages li.message .actions button.reply,ol.messages li.message .actions button.delete {
    padding-left: 4px;
    padding-right: 4px;
    font-weight: bold;
    font-size: .7em;
    line-height: 1em;
    vertical-align: top
}

#notification-indicator {
    position: relative;
    margin-right: 10px;
    z-index: 3
}

#notification-indicator .panel {
    background: none repeat scroll 0 0 #fff;
    padding: 20px;
    position: absolute;
    z-index: 3;
    top: 55px;
    left: -47px
}

#notification-indicator.open {
    padding-top: 10px;
    background: 0;
    box-shadow: none;
    position: relative;
    z-index: 3
}

#notification-indicator.open .panel {
    background: none repeat scroll 0 0 #fff;
    padding: 0;
    position: absolute;
    z-index: 3
}

#notification-indicator.open .panel>img {
    position: absolute;
    top: -14px;
    left: 0
}

#notification-indicator.open .opener {
    background: 0
}

#message-indicator {
    position: relative;
    margin-right: 13px;
    z-index: 3
}

#message-indicator:hover {
    cursor: pointer
}

#message-indicator .panel {
    background: none repeat scroll 0 0 #fff;
    position: absolute;
    z-index: 3;
    left: -48px;
    top: 52px
}

#message-indicator .panel>ol {
    padding: 0;
    max-height: 250px
}

#message-indicator .panel>ol li img {
    width: 46px;
    height: 46px;
    padding: 1px
}

#message-indicator .panel>ol li .username {
    left: 60px;
    font-size: 14px
}

#message-indicator .panel>ol li p.body {
    font-size: 13px;
    color: #545454
}

#message-indicator .panel>ol li p.body button {
    border: 1px solid transparent;
    background: transparent;
    font-size: 13px;
    color: #2db6fa
}

#message-indicator .panel>ol li p.body button:hover {
    cursor: pointer
}

#message-indicator.open {
    padding-top: 10px;
    background: 0;
    box-shadow: none;
    position: relative;
    z-index: 3
}

#message-indicator.open:hover {
    cursor: pointer
}

#message-indicator.open .panel {
    background: none repeat scroll 0 0 #fff;
    position: absolute;
    z-index: 3
}

#message-indicator.open .panel>img {
    position: absolute;
    top: -14px;
    left: 0
}

#message-indicator.open li.message {
    display: list-item;
    padding: 14px 20px 14px 80px;
    position: relative;
    padding-bottom: 45px;
    margin-right: 0
}

#message-indicator.open li.message.unread {
    background-color: #e6f9ff
}

#message-indicator.open li.message .avatar {
    position: absolute;
    left: 15px;
    top: 18px;
    width: 46px;
    height: 46px;
    border: 1px solid #d8d8d8;
    border-radius: 3px
}

#message-indicator.open li.message .username {
    font-weight: bold;
    display: inline-block;
    max-width: 100%;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#message-indicator.open li.message p.body {
    font-size: 13px;
    color: #545454
}

#message-indicator.open li.message p.body button {
    border: 1px solid transparent;
    background: transparent;
    font-size: 13px;
    color: #2db6fa
}

#message-indicator.open li.message p.body button:hover {
    cursor: pointer
}

#message-indicator.open li.message .username,#message-indicator.open li.message .body {
    font-size: .75em;
    line-height: 2em;
    line-height: 1.5em;
    white-space: pre-wrap
}

#message-indicator.open li.message .message-info {
    margin-top: 3px;
    overflow: hidden;
}

#message-indicator.open li.message .message-info li {
    display: table-cell;
    float: unset;
    color: #878787;
    font-size: .625em;
    line-height: 2.4em;
    line-height: 1.5em
}

#message-indicator.open li.message .message-info li:before {
    content: "\2022";
    margin: 0 5px;
    display: inline-block
}

#message-indicator.open li.message .message-info li:first-child:before {
    content: "";
    margin: 0
}

#message-indicator.open li.message .message-info li.disabled {
    display: none
}

#message-indicator.open li.message .message-info li button {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    color: #00b1f2;
    cursor: pointer;
    display: inline;
    color: #878787;
    font-size: 1em
}

#message-indicator.open li.message .message-info li button:hover {
    text-decoration: underline
}

#message-indicator.open li.message .actions {
    position: absolute;
    top: 74px;
    left: 15px;
    text-align: right
}

#message-indicator.open li.message .actions li.reply,#message-indicator.open li.message .actions li.delete {
    font-size: 1em;
    display: inline;
    vertical-align: middle;
    margin-right: 0
}

#message-indicator.open li.message .actions li.reply {
    float: right;
    padding-left: 5px!important
}

#message-indicator.open li.message .actions li.delete {
    float: left;
    padding-right: 0
}

#message-indicator.open li.message .actions button.delete {
    color: #fff;
    font-size: 12px;
    background: #ff6161;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ff6161),color-stop(100%,#ef2c2c));
    background-image: -webkit-linear-gradient(#ff6161,#ef2c2c);
    background-image: -moz-linear-gradient(#ff6161,#ef2c2c);
    background-image: -o-linear-gradient(#ff6161,#ef2c2c);
    background-image: -ms-linear-gradient(#ff6161,#ef2c2c);
    background-image: linear-gradient(#ff6161,#ef2c2c);
    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;
    width: 22px;
    height: 22px;
    color: transparent;
    background: url(/images/delete.png) no-repeat
}

#message-indicator.open li.message .actions button.delete:hover {
    text-decoration: none;
    background: #ff2e2e;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ff2e2e),color-stop(100%,#d81010));
    background-image: -webkit-linear-gradient(#ff2e2e,#d81010);
    background-image: -moz-linear-gradient(#ff2e2e,#d81010);
    background-image: -o-linear-gradient(#ff2e2e,#d81010);
    background-image: -ms-linear-gradient(#ff2e2e,#d81010);
    background-image: linear-gradient(#ff2e2e,#d81010)
}

#message-indicator.open li.message .actions button.delete:active {
    top: 1px;
    left: 1px
}

#message-indicator.open li.message .actions button.delete:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

#message-indicator.open li.message .actions button.delete.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
}

#message-indicator.open li.message .actions button.delete.disabled:active {
    top: 0;
    left: 0
}

#message-indicator.open li.message .actions button.delete:hover {
    background: url(/images/delete.png) no-repeat
}

#message-indicator.open li.message .actions button.reply {
    color: #fff;
    font-size: 12px;
    background: #3ccbff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#3ccbff),color-stop(100%,#15b4ef));
    background-image: -webkit-linear-gradient(#3ccbff,#15b4ef);
    background-image: -moz-linear-gradient(#3ccbff,#15b4ef);
    background-image: -o-linear-gradient(#3ccbff,#15b4ef);
    background-image: -ms-linear-gradient(#3ccbff,#15b4ef);
    background-image: linear-gradient(#3ccbff,#15b4ef);
    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;
    width: 22px;
    height: 22px;
    color: transparent;
    background: url(/images/reply.png) no-repeat
}

#message-indicator.open li.message .actions button.reply:hover {
    text-decoration: none;
    background: #09bdff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#09bdff),color-stop(100%,#0d92c4));
    background-image: -webkit-linear-gradient(#09bdff,#0d92c4);
    background-image: -moz-linear-gradient(#09bdff,#0d92c4);
    background-image: -o-linear-gradient(#09bdff,#0d92c4);
    background-image: -ms-linear-gradient(#09bdff,#0d92c4);
    background-image: linear-gradient(#09bdff,#0d92c4)
}

#message-indicator.open li.message .actions button.reply:active {
    top: 1px;
    left: 1px
}

#message-indicator.open li.message .actions button.reply:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

#message-indicator.open li.message .actions button.reply.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
}

#message-indicator.open li.message .actions button.reply.disabled:active {
    top: 0;
    left: 0
}

#message-indicator.open li.message .actions button.reply:hover {
    background: url(/images/reply.png) no-repeat
}

#message-indicator.open li.message .actions button.reply,#message-indicator.open li.message .actions button.delete {
    padding-left: 4px;
    padding-right: 4px;
    font-weight: bold;
    font-size: .7em;
    line-height: 1em;
    vertical-align: top
}

#message-indicator.open .opener {
    background: 0
}

#fanned-indicator {
    position: relative;
    z-index: 3
}

#fanned-indicator .panel {
    background: none repeat scroll 0 0 #fff;
    position: absolute;
    z-index: 3
}

#fanned-indicator.open {
    background: 0;
    box-shadow: none;
    position: relative;
    z-index: 3
}

#fanned-indicator.open .panel {
    background: none repeat scroll 0 0 #fff;
    top: 52px;
    left: -40px;
    position: absolute;
    z-index: 3
}

#fanned-indicator.open .panel>img {
    position: absolute;
    top: -14px;
    left: 0
}

#fanned-indicator.open .panel header {
    font-size: 15px;
    color: #555
}

#fanned-indicator.open .panel ol {
    height: 200px!important;
    padding: 20px
}

#fanned-indicator.open .panel ol li.fanned div.online-indicator {
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background: #e6e6e6
}

#fanned-indicator.open .panel ol li.fanned.online div.online-indicator {
    background: #59b600
}

#fanned-indicator.open .panel ol>li {
    display: list-item;
    position: relative;
    margin-top: 10px
}

#fanned-indicator.open .panel ol>li img.avatar {
    position: absolute;
    left: 31px;
    top: -14px;
    height: 43px;
    width: 43px;
    border-radius: 2px;
    border: 2px solid #d9d9d9
}

#fanned-indicator.open .panel ol>li>div.title {
    left: 88px;
    position: relative;
    top: -29px
}

#fanned-indicator.open .panel ol>li>div.title a.username {
    font-size: 16px
}

#fanned-indicator.open .panel ol>li>div.title ul.fanned-action-buttons {
    position: relative;
    top: 10px
}

#fanned-indicator.open .panel ol>li>div.title ul.fanned-action-buttons li {
    list-style-type: disc;
    margin-right: 6px
}

#fanned-indicator.open .panel ol>li>div.title ul.fanned-action-buttons li a {
    color: #a7a7a7;
    font-size: 13px;
    text-decoration: none
}

#fanned-indicator.open .panel ol>li>div.title ul.fanned-action-buttons li:hover {
    cursor: pointer
}

#fanned-indicator.open .opener {
    background: 0
}

#fanned-indicator.open .panel ol>li.tier-2 div.title span {
    color: #e8921b;
    font-size: 12px
}

#fanned-indicator.open .panel ol>li.tier-1 div.title span {
    color: #f36100;
    font-size: 12px
}

#fanned-indicator.open .panel ol>li.moderator img.avatar {
    border: 2px solid #872af0
}

#fanned-indicator.open .panel ol>li.moderator .moderator-indicator {
    color: #872af0!important;
    font-size: 12px
}

#fanned-indicator.open .panel ol>li.tier-2>div.title a.username {
    color: #e8921b
}

#fanned-indicator.open .panel ol>li.tier-2.moderator>div.title a.username {
    color: #872af0
}

#fanned-indicator.open .panel ol>li.tier-1>div.title a.username {
    color: #f36100
}

div.notauthorized .subjects-menu {
    top: 55px!important
}

.popup-content .left {
    position: absolute;
    left: 100px;
    top: 165px
}

.popup-content .left a {
    width: 210px;
    color: #fff;
    background: #3d5998;
    font-size: 16px;
    border-radius: 4px;
    padding: 18px 0
}

.popup-content .left a:hover {
    opacity: .8;
    transition: .5s
}

img.center {
    position: absolute;
    top: 125px;
    left: 410px
}

fieldset.right {
    right: 60px;
    top: 110px;
    position: absolute
}

fieldset .submit-button {
    background: #4cbcf4;
    color: #fff;
    border-radius: 4px;
    border: 0;
    font-weight: bold;
    padding: 10px;
    font-size: 16px
}

fieldset .submit-button:hover {
    opacity: .9;
    transition: .5s;
    cursor: pointer
}

fieldset ul li div.error {
    position: absolute;
    left: 0;
    color: red;
    font-size: 12px;
    margin-top: 3px
}

fieldset ul li.checkbox.error label {
    color: red
}

fieldset ul li.checkbox.error label a {
    color: red
}

fieldset ul li.checkbox.error input#agree-to-terms {
    border: 1px solid red
}

fieldset.right li {
    margin-bottom: 20px
}

fieldset.right li input {
    width: 290px;
    padding: 10px;
    font-size: 16px;
    color: #a2a2a2;
    background: #f7f7f7;
    border: 1px solid #d5d5d5;
    border-radius: 4px
}

fieldset.right li.checkbox input.agree-to-terms {
    bottom: 4px!important;
    float: left!important;
    position: relative!important;
    width: 4%!important
}

fieldset.right li.checkbox label {
    display: block;
    font-size: 11px;
    padding-left: 10px;
    color: #797979
}

fieldset.right li.checkbox label a {
    color: #797979;
    text-decoration: underline
}

.popup {
    position: fixed;
    top: 25%;
    left: 50%
}

.popup .popup-body {
    height: 420px;
    border-radius: 6px;
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f7f7f7',GradientType=0);
    opacity: 0;
    min-height: 150px;
    width: 885px;
    margin-left: -442px;
    -ms-filter: "alpha(opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    position: relative;
    -moz-box-shadow: 1px 2px 3px 1px #b9b9b9;
    -webkit-box-shadow: 1px 2px 3px 1px #b9b9b9;
    box-shadow: 1px 2px 3px 1px #b9b9b9;
    text-align: center
}

.popup div.title {
    border-radius: 6px 6px 0 0;
    width: 100%;
    height: 35px;
    padding-top: 15px;
    background: #4cbcf4
}

.popup div.title h2 {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue",Helvetica,sans-serif;
    float: left
}

.popup.visible .popup-body {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)"
}

.popup .popup-exit {
    cursor: pointer;
    display: block;
    width: 41px;
    height: 41px;
    position: absolute;
    top: 5px;
    right: 15px;
    background: url(/images/close.png) no-repeat
}

#please_wait {
    position: relative;
    color: #333;
    text-align: center;
    top: 39px;
    z-index: 6
}

div.authorized .list-of-buttons button.showing-logo img.icon {
    display: inline-block!important
}

div.authorized .list-of-buttons button.showing-logo img.icon-hover {
    display: none!important
}

div.authorized .list-of-buttons:hover button.showing-logo img.icon {
    display: none!important
}

div.authorized .list-of-buttons:hover button.showing-logo img.icon-hover {
    display: inline-block!important
}

div.notauthorized .list-of-buttons button.showing-logo img.icon {
    display: inline-block!important
}

div.notauthorized .list-of-buttons button.showing-logo img.icon-hover {
    display: none!important
}

div.notauthorized .list-of-buttons:hover button.showing-logo img.icon {
    display: none!important
}

div.notauthorized .list-of-buttons:hover button.showing-logo img.icon-hover {
    display: inline-block!important
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    div.authorized>ul li.notification a div {
        top:-10px
    }

    div.authorized>ul li.notification.open a div {
        top: 0
    }

    div.authorized>ul li.letter a div {
        top: -13px
    }

    div.authorized>ul li.letter a div span {
        top: 3px
    }

    div.authorized>ul li.letter.open a div {
        top: -3px
    }

    div.authorized>ul li.letter.open a div span {
        top: 3px
    }

    div.authorized>ul li#fanned-indicator a div.circle {
        top: -3px
    }

    div.authorized>ul li#fanned-indicator.open a div.circle {
        top: -3px
    }

    div.authorized>ul li.friends a div span {
        top: 2px
    }
}

html[data-useragent*='MSIE 10.0'] div.profile-dropdown>img {
    top: -15px
}

html[data-useragent*='MSIE 10.0'] div.profile-dropdown div.settings>div {
    top: -30px;
    left: 10px
}

html[data-useragent*='MSIE 10.0'] div.profile-dropdown div.invite>div {
    top: -30px;
    left: 10px
}

html[data-useragent*='MSIE 10.0'] div.profile-dropdown div.logout>div {
    top: -30px;
    left: 10px
}

html[data-useragent*='MSIE 10.0'] div.profile-dropdown div.profile>div {
    top: -30px;
    left: 10px
}

html[data-useragent*='MSIE 10.0'] #login.popup a.forgot {
    width: 100px
}

html[data-useragent*='MSIE 10.0'] #login.popup fieldset .submit-button {
    left: 145px
}

html[data-useragent*='MSIE 10.0'] div.authorized .subjects {
    background: url("/images/arrow_down.png") no-repeat scroll right 14px center #c1edff;
    border-radius: 4px;
    color: #28a9e8;
    float: left;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue",Helvetica,sans-serif;
    font-size: 22px;
    font-weight: bold;
    height: 37px;
    left: 156px;
    line-height: 1.8;
    margin-right: 165px;
    max-width: 25%!important;
    position: relative;
    top: 55px
}

body.verification-message div#content-container div#content div.single-pane-container {
    top: 170px
}

body.verification-message div#content-container div#content div#settings-container div#pane-holder.page-content {
    top: 76px
}

body.verification-message div#content-container div#content div.page-content,body.verification-message div#content-container div#content div.page-content.user-profile section#update-feed.update-list-container,body.verification-message div#content-container div#content div.page-content.user-profile section#fans.fans.pane.profile-pane.testimonials.current-pane {
    top: 175px!important
}

body #uservoice-feedback-tab {
    background-position: 2px 50%!important;
    display: block!important;
    height: 28px!important;
    line-height: 28px;
    margin: -45px 0 0!important;
    padding: 0!important;
    position: fixed!important;
    top: 50%!important;
    width: 128px!important;
    z-index: 100001!important;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: red;
    text-align: center;
    color: #fff;
    background-repeat: no-repeat;
    border-color: red red red -moz-use-text-color;
    border-image: none;
    border-style: outset outset outset none;
    border-width: 1px 1px 1px medium;
    left: -50px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}

body #uservoice-feedback-tab:hover {
    text-decoration: none;
    background: #000
}

header#main-header div.authorized.logged-in li#message-indicator.open div.panel ol.messages li.message.unread a.user-link.username.tier-1 {
    color: #f60
}

header#main-header div.authorized.logged-in li#message-indicator.open div.panel ol.messages li.message.unread a.user-link.username.tier-2 {
    color: #f09d2a
}

header#main-header div.authorized.logged-in li#message-indicator.open div.panel ol.messages li.message.unread a.user-link.username.tier-3 {
    color: #eeca01
}

header#main-header div.authorized.logged-in li#message-indicator.open div.panel ol.messages li.message.unread a.user-link.username.tier-4 {
    color: #cbc14f
}

header#main-header div.authorized.logged-in li#message-indicator.open div.panel ol.messages li.message.unread a.user-link.username.tier-5 {
    color: #85c540
}

header#main-header div.authorized.logged-in li#message-indicator.open div.panel ol.messages li.message.unread a.user-link.username.tier-2.moderator {
    color: #872af0
}

.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: bold;
    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('https://questioncove.com/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;
    -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
}

#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
}

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,#login.popup a.forgot {
        right: 110px
    }

    ::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
    }
}

div.short-profile {
    background-color: #fff;
    border: 1px solid #b4b4b4;
    -moz-box-shadow: rgba(0,0,0,0.6) 0 0 5px 0;
    -webkit-box-shadow: rgba(0,0,0,0.6) 0 0 5px 0;
    -o-box-shadow: rgba(0,0,0,0.6) 0 0 5px 0;
    box-shadow: rgba(0,0,0,0.6) 0 0 5px 0;
    display: none;
    position: fixed;
    left: 25px;
    z-index: 6;
    width: 338px;
    padding: 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px
}

div.short-profile>.ajax-loader {
    position: absolute;
    display: none;
    top: 8em;
    left: 10em
}

div.short-profile.ajax-loading>.ajax-loader {
    display: block
}

div.short-profile.ajax-loading li.fanning .become-a-fan,div.short-profile.ajax-loading li.fanning .already-a-fan {
    display: none
}

div.short-profile.ajax-loading li.fanning .checking-fan-status {
    display: block
}

div.short-profile .close {
    position: absolute;
    top: 5px;
    right: 5px
}

div.short-profile .close 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;
    cursor: pointer
}

div.short-profile .user-link {
    font-weight: bold;
    text-shadow: #fff 1px 1px;
    display: block
}

div.short-profile .detailed-link {
    font-size: .875em;
    line-height: 1.71429em;
    line-height: 2em
}

div.short-profile .become-a-fan,div.short-profile .already-a-fan {
    display: block
}

div.short-profile .checking-fan-status {
    display: none
}

div.short-profile .rank {
    font-weight: normal
}

div.short-profile .user-tools {
    margin: 15px 0 0 0;
}

div.short-profile .user-tools:after {
    content: "";
    display: table;
    clear: both
}

div.short-profile .user-tools li {
    display: inline-block;
    float: left;
    width: 32%;
    margin-left: 2%
}

div.short-profile .user-tools li:first-child {
    margin-left: 0
}

div.short-profile .user-tools li.unblock {
    display: none
}

div.short-profile .user-tools li .message-user,div.short-profile .user-tools li .block-user,div.short-profile .user-tools li .unblock-user,div.short-profile .user-tools li .become-a-fan {
    margin: 0;
    width: 100%;
    white-space: nowrap;
    padding: 4px 10px
}

div.short-profile .user-tools li .message-user,div.short-profile .user-tools li .become-a-fan {
    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
}

div.short-profile .user-tools li .message-user:hover,div.short-profile .user-tools li .become-a-fan: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)
}

div.short-profile .user-tools li .message-user:active,div.short-profile .user-tools li .become-a-fan:active {
    top: 1px;
    left: 1px
}

div.short-profile .user-tools li .message-user:before,div.short-profile .user-tools li .become-a-fan:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

div.short-profile .user-tools li .message-user.disabled,div.short-profile .user-tools li .become-a-fan.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
}

div.short-profile .user-tools li .message-user.disabled:active,div.short-profile .user-tools li .become-a-fan.disabled:active {
    top: 0;
    left: 0
}

div.short-profile .user-tools li .block-user,div.short-profile .user-tools li .unblock-user {
    color: #fff;
    font-size: 12px;
    background: #ff6262;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ff6262),color-stop(100%,#ff5f5f));
    background-image: -webkit-linear-gradient(#ff6262,#ff5f5f);
    background-image: -moz-linear-gradient(#ff6262,#ff5f5f);
    background-image: -o-linear-gradient(#ff6262,#ff5f5f);
    background-image: -ms-linear-gradient(#ff6262,#ff5f5f);
    background-image: linear-gradient(#ff6262,#ff5f5f);
    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
}

div.short-profile .user-tools li .block-user:hover,div.short-profile .user-tools li .unblock-user:hover {
    text-decoration: none;
    background: #ff2f2f;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ff2f2f),color-stop(100%,#ff2c2c));
    background-image: -webkit-linear-gradient(#ff2f2f,#ff2c2c);
    background-image: -moz-linear-gradient(#ff2f2f,#ff2c2c);
    background-image: -o-linear-gradient(#ff2f2f,#ff2c2c);
    background-image: -ms-linear-gradient(#ff2f2f,#ff2c2c);
    background-image: linear-gradient(#ff2f2f,#ff2c2c)
}

div.short-profile .user-tools li .block-user:active,div.short-profile .user-tools li .unblock-user:active {
    top: 1px;
    left: 1px
}

div.short-profile .user-tools li .block-user:before,div.short-profile .user-tools li .unblock-user:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

div.short-profile .user-tools li .block-user.disabled,div.short-profile .user-tools li .unblock-user.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
}

div.short-profile .user-tools li .block-user.disabled:active,div.short-profile .user-tools li .unblock-user.disabled:active {
    top: 0;
    left: 0
}

div.short-profile .user-tools.blocked li {
    display: none
}

div.short-profile .user-tools.blocked li.unblock {
    display: inline-block;
    width: 100%;
    margin: 0;
    color: #ff2f2f;
    font-size: .9em;
    font-weight: bold;
    line-height: 1.6em;
}

div.short-profile .user-tools.blocked li.unblock:after {
    content: "";
    display: table;
    clear: both
}

div.short-profile .user-tools.blocked li.unblock span {
    float: left
}

div.short-profile .user-tools.blocked li.unblock button {
    width: auto;
    float: right;
    padding-left: 25px;
    padding-right: 25px
}

div.short-profile .testimonial {
    margin: 10px 0;
    font-size: .75em
}

div.short-profile .testimonial h6 {
    margin-bottom: 5px;
    color: #878787
}

div.short-profile .testimonial div.edit-testimonial,div.short-profile .testimonial div.current-testimonial,div.short-profile .testimonial div.no-testimonial {
    top: 5px;
    margin: 10px 0
}

div.short-profile .testimonial div.no-testimonial,div.short-profile .testimonial #tooltip-testimonial {
    background: #d0f2ff;
    border: 1px solid #bce6f6;
    margin: 0;
    padding: 10px
}

div.short-profile .testimonial div.no-testimonial h6,div.short-profile .testimonial div.no-testimonial button {
    text-shadow: #fff 1px 1px
}

div.short-profile .testimonial div.current-testimonial {
    overflow: hidden;
    text-shadow: #fff 1px 1px
}

div.short-profile .testimonial div.current-testimonial p {
    display: block;
    padding: 5px 10px;
    line-height: 1.5em;
    margin-bottom: 10px;
    border: 1px solid #a6e6ff;
    background: #e3f7ff;
    max-height: 4em;
    overflow: hidden
}

div.short-profile .testimonial div.current-testimonial h6 {
    float: left;
    margin: 0
}

div.short-profile .testimonial div.current-testimonial button {
    float: right;
    font-style: normal;
    font-weight: bold;
    text-shadow: #fff 1px 1px
}

div.short-profile .testimonial div.edit-testimonial label {
    text-align: left;
    top: 7px;
    right: 9px;
    line-height: 1.5em;
    color: #373737
}

div.short-profile .testimonial div.edit-testimonial label.focused {
    color: gray
}

div.short-profile .testimonial div.edit-testimonial #tooltip-testimonial {
    padding: 7px;
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 10px;
    resize: none;
    height: 80px;
    overflow-y: auto
}

div.short-profile .testimonial div.edit-testimonial .cancel {
    float: left;
    margin-top: 5px;
    font-weight: bold
}

div.short-profile .moderator-tools {
    padding: 0;
    margin-top: 15px;
    margin-left: -2px;
    overflow: hidden;
}

div.short-profile .no-group+.moderator-tools {
    margin-top: 0
}

div.short-profile img.avatar {
    width: 50px;
    height: 50px;
    border: 3px solid #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px
}

div.short-profile .avatar-link {
    float: left
}

div.short-profile .the-profile {
    overflow: hidden;
}

div.short-profile .the-profile>.avatar {
    margin: 2px 5px 0 0
}

div.short-profile .the-profile h5 {
    overflow: hidden;
    display: inline;
    font-size: 87.5%;
    margin-left: 0!important
}

div.short-profile .the-profile h5 .username {
    display: inline-block!important;
    margin-bottom: 2px
}

div.short-profile .the-profile h5 .moderator {
    color: #872af0
}

div.short-profile .the-profile .parenless-fans {
    font-size: 85.71%;
    font-weight: bold;
    line-height: 1.2em
}

div.short-profile p.activity {
    word-wrap: break-word;
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight: normal;
    color: #373737;
    display: inline-block;
    margin: 10px 0;
    font-size: .625em;
    line-height: 2.4em;
    line-height: 1em
}

div.short-profile p.activity a.action-link {
    text-decoration: none
}

div.short-profile p.activity a.action-link:hover {
    text-decoration: underline
}

.user-profile .avatar,.short-profile .avatar {
    float: left
}

.user-profile h5,.user-profile .name,.short-profile h5,.short-profile .name {
    font-size: .75em;
    line-height: 2em;
    line-height: 1.5em
}

.user-profile h5,.short-profile h5 {
    font-weight: bold;
    margin-top: -2px;
    margin-left: 60px
}

.user-profile h5 .username,.short-profile h5 .username {
    display: block
}

.user-profile .name,.short-profile .name {
    line-height: 2em
}

.user-profile .moderator-tools li,.short-profile .moderator-tools li {
    float: left
}

.user-profile .moderator-tools button,.short-profile .moderator-tools button {
    color: #fff;
    font-size: 12px;
    background: #ff6262;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ff6262),color-stop(100%,#ff5f5f));
    background-image: -webkit-linear-gradient(#ff6262,#ff5f5f);
    background-image: -moz-linear-gradient(#ff6262,#ff5f5f);
    background-image: -o-linear-gradient(#ff6262,#ff5f5f);
    background-image: -ms-linear-gradient(#ff6262,#ff5f5f);
    background-image: linear-gradient(#ff6262,#ff5f5f);
    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
}

.user-profile .moderator-tools button:hover,.short-profile .moderator-tools button:hover {
    text-decoration: none;
    background: #ff2f2f;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ff2f2f),color-stop(100%,#ff2c2c));
    background-image: -webkit-linear-gradient(#ff2f2f,#ff2c2c);
    background-image: -moz-linear-gradient(#ff2f2f,#ff2c2c);
    background-image: -o-linear-gradient(#ff2f2f,#ff2c2c);
    background-image: -ms-linear-gradient(#ff2f2f,#ff2c2c);
    background-image: linear-gradient(#ff2f2f,#ff2c2c)
}

.user-profile .moderator-tools button:active,.short-profile .moderator-tools button:active {
    top: 1px;
    left: 1px
}

.user-profile .moderator-tools button:before,.short-profile .moderator-tools button:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

.user-profile .moderator-tools button.disabled,.short-profile .moderator-tools 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
}

.user-profile .moderator-tools button.disabled:active,.short-profile .moderator-tools button.disabled:active {
    top: 0;
    left: 0
}

.user-profile .testimonial,.short-profile .testimonial {
    position: relative;
    margin-top: 10px
}

.user-profile .testimonial div.no-testimonial,.user-profile .testimonial div.edit-testimonial,.user-profile .testimonial div.current-testimonial,.short-profile .testimonial div.no-testimonial,.short-profile .testimonial div.edit-testimonial,.short-profile .testimonial div.current-testimonial {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    filter: alpha(opacity=100);
    opacity: 1
}

.user-profile .has-testimonial div.no-testimonial,.user-profile .has-testimonial div.edit-testimonial,.short-profile .has-testimonial div.no-testimonial,.short-profile .has-testimonial div.edit-testimonial {
    position: absolute;
    z-index: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

.user-profile .editing-testimonial div.no-testimonial,.user-profile .editing-testimonial div.current-testimonial,.short-profile .editing-testimonial div.no-testimonial,.short-profile .editing-testimonial div.current-testimonial {
    position: absolute;
    z-index: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

.user-profile .has-no-testimonial div.edit-testimonial,.user-profile .has-no-testimonial div.current-testimonial,.short-profile .has-no-testimonial div.edit-testimonial,.short-profile .has-no-testimonial div.current-testimonial {
    position: absolute;
    z-index: 0;
    filter: alpha(opacity=0);
    opacity: 0
}

.short-profile .testimonial {
    clear: both
}

.testimonial h6 {
    color: #878787;
    margin-bottom: 10px
}

.testimonial button.edit-testimonial,.testimonial button.cancel {
    font-size: inherit;
    border: 0;
    background: transparent;
    margin: 0;
    padding: 0;
    color: #00b1f2;
    cursor: pointer
}

.testimonial button.edit-testimonial:hover,.testimonial button.cancel:hover {
    text-decoration: underline
}

.testimonial .no-testimonial .edit-testimonial {
    display: block;
    font-weight: bold
}

.testimonial .current-testimonial p {
    display: inline
}

.testimonial .current-testimonial .edit-testimonial {
    font-style: italic
}

.testimonial div.edit-testimonial {
    position: relative
}

.testimonial div.edit-testimonial label {
    position: absolute;
    top: 5px;
    left: 5px
}

.testimonial div.edit-testimonial textarea {
    border: 1px solid #d4d4d4;
    padding: 5px
}

.user-profile .testimonial button.submit,.short-profile .testimonial button.submit {
    color: #fff;
    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-left: 20px
}

.user-profile .testimonial button.submit:hover,.short-profile .testimonial button.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)
}

.user-profile .testimonial button.submit:active,.short-profile .testimonial button.submit:active {
    top: 1px;
    left: 1px
}

.user-profile .testimonial button.submit:before,.short-profile .testimonial button.submit:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

.user-profile .testimonial button.submit.disabled,.short-profile .testimonial button.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
}

.user-profile .testimonial button.submit.disabled:active,.short-profile .testimonial button.submit.disabled:active {
    top: 0;
    left: 0
}

.user-profile .testimonial div.edit-testimonial,.short-profile .testimonial div.edit-testimonial {
    text-align: right
}

.user-profile .testimonial textarea,.short-profile .testimonial textarea {
    display: block;
    width: 100%;
    height: 50px;
    margin-bottom: 10px
}

.fanning .checking-fan-status {
    font-size: .625em;
    line-height: 2.4em;
    line-height: 2.1em
}

.fanning .already-a-fan {
    color: #5cb705;
    font-weight: bold;
    text-align: center;
    font-size: .625em;
    line-height: 2.4em
}

.fanning .already-a-fan .stop-fanning {
    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: 0 -200px;
    height: 13px;
    width: 13px;
    position: relative;
    top: 1px;
    left: 0;
    padding: 0;
    margin-left: 7px
}

.fanning .already-a-fan .stop-fanning:active {
    top: 1px;
    left: 1px
}

.fanning .already-a-fan .stop-fanning:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

#profile-tooltip.ajax-loading>div.smarts {
    visibility: hidden
}

#profile-tooltip>div.smarts {
    font-weight: bold
}

#profile-tooltip>div.smarts>ul {
    min-height: 79px
}

#profile-tooltip>div.smarts>.level {
    font-family: "Helvetica Neue",Helvetica,sans-serif;
    font-size: 40px;
    height: 79px;
    width: 79px;
    line-height: 79px;
    -moz-border-radius: 79px;
    -webkit-border-radius: 79px;
    -o-border-radius: 79px;
    -ms-border-radius: 79px;
    -khtml-border-radius: 79px;
    border-radius: 79px;
    float: left;
    text-align: center;
    color: #fff;
    position: absolute;
    z-index: 2;
    background: #f60
}

#profile-tooltip>div.smarts>.level.tier-2 {
    background: #f09d2a
}

#profile-tooltip>div.smarts>.level.tier-3 {
    background: #eeca01
}

#profile-tooltip>div.smarts>.level.tier-4 {
    background: #cbc14f
}

#profile-tooltip>div.smarts>.level.tier-5 {
    background: #85c540
}

#profile-tooltip>div.smarts li.component {
    position: relative;
    height: 25px;
    line-height: 25px;
    margin: 0 0 2px 42px;
    margin-bottom: 2px;
    text-align: right;
    background: #fac800;
    width: 180px;
    padding-right: 25px;
    font-size: 12px;
    color: #fff;
    background-repeat: no-repeat
}

#profile-tooltip>div.smarts li.component>.score {
    font-family: "Helvetica Neue",Helvetica,sans-serif;
    position: absolute;
    top: 0;
    right: -13px;
    height: 25px;
    width: 25px;
    line-height: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    -khtml-border-radius: 25px;
    border-radius: 25px;
    text-align: center
}

#profile-tooltip>div.smarts li.component>.score {
    background: #f60
}

#profile-tooltip>div.smarts li.component.tier-2>.score {
    background: #f09d2a
}

#profile-tooltip>div.smarts li.component.tier-3>.score {
    background: #eeca01
}

#profile-tooltip>div.smarts li.component.tier-4>.score {
    background: #cbc14f
}

#profile-tooltip>div.smarts li.component.tier-5>.score {
    background: #85c540
}

#profile-tooltip>div.smarts li.component>.title {
    position: absolute;
    top: 0;
    right: -120px;
    width: 100px;
    color: #fac800;
    text-align: left
}

#profile-tooltip>div.smarts li.component>.title {
    color: #f36100
}

#profile-tooltip>div.smarts li.component.tier-2>.title {
    color: #e8921b
}

#profile-tooltip>div.smarts li.component.tier-3>.title {
    color: #d8b700
}

#profile-tooltip>div.smarts li.component.tier-4>.title {
    color: #a29823
}

#profile-tooltip>div.smarts li.component.tier-5>.title {
    color: #6aaa25
}

#profile-tooltip>div.smarts li.component.teamwork {
    background: #f60;
    background: -webkit-gradient(radial,0 150%,0,0 150%,100,color-stop(39px,rgba(255,102,0,0)),color-stop(39px,#f60),color-stop(100%,#f60)) no-repeat 0 0,-webkit-gradient(radial,100% 50%,0,100% 50%,100,color-stop(14px,rgba(255,102,0,0)),color-stop(14px,#f60),color-stop(100%,#f60)) no-repeat 100% 0;
    background: -webkit-radial-gradient(0 150%,circle,rgba(255,102,0,0) 39px,#f60 39px,#f60) no-repeat 0 0,-webkit-radial-gradient(100% 50%,circle,rgba(255,102,0,0) 14px,#f60 14px,#f60) no-repeat 100% 0;
    background: -moz-radial-gradient(0 150%,circle,rgba(255,102,0,0) 39px,#f60 39px,#f60) no-repeat 0 0,-moz-radial-gradient(100% 50%,circle,rgba(255,102,0,0) 14px,#f60 14px,#f60) no-repeat 100% 0;
    background: -o-radial-gradient(0 150%,circle,rgba(255,102,0,0) 39px,#f60 39px,#f60) no-repeat 0 0,-o-radial-gradient(100% 50%,circle,rgba(255,102,0,0) 14px,#f60 14px,#f60) no-repeat 100% 0;
    background: -ms-radial-gradient(0 150%,circle,rgba(255,102,0,0) 39px,#f60 39px,#f60) no-repeat 0 0,-ms-radial-gradient(100% 50%,circle,rgba(255,102,0,0) 14px,#f60 14px,#f60) no-repeat 100% 0;
    background: radial-gradient(0 150%,circle,rgba(255,102,0,0) 39px,#f60 39px,#f60) no-repeat 0 0,radial-gradient(100% 50%,circle,rgba(255,102,0,0) 14px,#f60 14px,#f60) no-repeat 100% 0;
    -moz-background-size: 51% 100%;
    -webkit-background-size: 51% 100%;
    -o-background-size: 51% 100%;
    background-size: 51% 100%
}

#profile-tooltip>div.smarts li.component.teamwork.tier-2 {
    background: #f09d2a;
    background: -webkit-gradient(radial,0 150%,0,0 150%,100,color-stop(39px,rgba(240,157,42,0)),color-stop(39px,#f09d2a),color-stop(100%,#f09d2a)) no-repeat 0 0,-webkit-gradient(radial,100% 50%,0,100% 50%,100,color-stop(14px,rgba(240,157,42,0)),color-stop(14px,#f09d2a),color-stop(100%,#f09d2a)) no-repeat 100% 0;
    background: -webkit-radial-gradient(0 150%,circle,rgba(240,157,42,0) 39px,#f09d2a 39px,#f09d2a) no-repeat 0 0,-webkit-radial-gradient(100% 50%,circle,rgba(240,157,42,0) 14px,#f09d2a 14px,#f09d2a) no-repeat 100% 0;
    background: -moz-radial-gradient(0 150%,circle,rgba(240,157,42,0) 39px,#f09d2a 39px,#f09d2a) no-repeat 0 0,-moz-radial-gradient(100% 50%,circle,rgba(240,157,42,0) 14px,#f09d2a 14px,#f09d2a) no-repeat 100% 0;
    background: -o-radial-gradient(0 150%,circle,rgba(240,157,42,0) 39px,#f09d2a 39px,#f09d2a) no-repeat 0 0,-o-radial-gradient(100% 50%,circle,rgba(240,157,42,0) 14px,#f09d2a 14px,#f09d2a) no-repeat 100% 0;
    background: -ms-radial-gradient(0 150%,circle,rgba(240,157,42,0) 39px,#f09d2a 39px,#f09d2a) no-repeat 0 0,-ms-radial-gradient(100% 50%,circle,rgba(240,157,42,0) 14px,#f09d2a 14px,#f09d2a) no-repeat 100% 0;
    background: radial-gradient(0 150%,circle,rgba(240,157,42,0) 39px,#f09d2a 39px,#f09d2a) no-repeat 0 0,radial-gradient(100% 50%,circle,rgba(240,157,42,0) 14px,#f09d2a 14px,#f09d2a) no-repeat 100% 0;
    -moz-background-size: 51% 100%;
    -webkit-background-size: 51% 100%;
    -o-background-size: 51% 100%;
    background-size: 51% 100%
}

#profile-tooltip>div.smarts li.component.teamwork.tier-3 {
    background: #eeca01;
    background: -webkit-gradient(radial,0 150%,0,0 150%,100,color-stop(39px,rgba(238,202,1,0)),color-stop(39px,#eeca01),color-stop(100%,#eeca01)) no-repeat 0 0,-webkit-gradient(radial,100% 50%,0,100% 50%,100,color-stop(14px,rgba(238,202,1,0)),color-stop(14px,#eeca01),color-stop(100%,#eeca01)) no-repeat 100% 0;
    background: -webkit-radial-gradient(0 150%,circle,rgba(238,202,1,0) 39px,#eeca01 39px,#eeca01) no-repeat 0 0,-webkit-radial-gradient(100% 50%,circle,rgba(238,202,1,0) 14px,#eeca01 14px,#eeca01) no-repeat 100% 0;
    background: -moz-radial-gradient(0 150%,circle,rgba(238,202,1,0) 39px,#eeca01 39px,#eeca01) no-repeat 0 0,-moz-radial-gradient(100% 50%,circle,rgba(238,202,1,0) 14px,#eeca01 14px,#eeca01) no-repeat 100% 0;
    background: -o-radial-gradient(0 150%,circle,rgba(238,202,1,0) 39px,#eeca01 39px,#eeca01) no-repeat 0 0,-o-radial-gradient(100% 50%,circle,rgba(238,202,1,0) 14px,#eeca01 14px,#eeca01) no-repeat 100% 0;
    background: -ms-radial-gradient(0 150%,circle,rgba(238,202,1,0) 39px,#eeca01 39px,#eeca01) no-repeat 0 0,-ms-radial-gradient(100% 50%,circle,rgba(238,202,1,0) 14px,#eeca01 14px,#eeca01) no-repeat 100% 0;
    background: radial-gradient(0 150%,circle,rgba(238,202,1,0) 39px,#eeca01 39px,#eeca01) no-repeat 0 0,radial-gradient(100% 50%,circle,rgba(238,202,1,0) 14px,#eeca01 14px,#eeca01) no-repeat 100% 0;
    -moz-background-size: 51% 100%;
    -webkit-background-size: 51% 100%;
    -o-background-size: 51% 100%;
    background-size: 51% 100%
}

#profile-tooltip>div.smarts li.component.teamwork.tier-4 {
    background: #cbc14f;
    background: -webkit-gradient(radial,0 150%,0,0 150%,100,color-stop(39px,rgba(203,193,79,0)),color-stop(39px,#cbc14f),color-stop(100%,#cbc14f)) no-repeat 0 0,-webkit-gradient(radial,100% 50%,0,100% 50%,100,color-stop(14px,rgba(203,193,79,0)),color-stop(14px,#cbc14f),color-stop(100%,#cbc14f)) no-repeat 100% 0;
    background: -webkit-radial-gradient(0 150%,circle,rgba(203,193,79,0) 39px,#cbc14f 39px,#cbc14f) no-repeat 0 0,-webkit-radial-gradient(100% 50%,circle,rgba(203,193,79,0) 14px,#cbc14f 14px,#cbc14f) no-repeat 100% 0;
    background: -moz-radial-gradient(0 150%,circle,rgba(203,193,79,0) 39px,#cbc14f 39px,#cbc14f) no-repeat 0 0,-moz-radial-gradient(100% 50%,circle,rgba(203,193,79,0) 14px,#cbc14f 14px,#cbc14f) no-repeat 100% 0;
    background: -o-radial-gradient(0 150%,circle,rgba(203,193,79,0) 39px,#cbc14f 39px,#cbc14f) no-repeat 0 0,-o-radial-gradient(100% 50%,circle,rgba(203,193,79,0) 14px,#cbc14f 14px,#cbc14f) no-repeat 100% 0;
    background: -ms-radial-gradient(0 150%,circle,rgba(203,193,79,0) 39px,#cbc14f 39px,#cbc14f) no-repeat 0 0,-ms-radial-gradient(100% 50%,circle,rgba(203,193,79,0) 14px,#cbc14f 14px,#cbc14f) no-repeat 100% 0;
    background: radial-gradient(0 150%,circle,rgba(203,193,79,0) 39px,#cbc14f 39px,#cbc14f) no-repeat 0 0,radial-gradient(100% 50%,circle,rgba(203,193,79,0) 14px,#cbc14f 14px,#cbc14f) no-repeat 100% 0;
    -moz-background-size: 51% 100%;
    -webkit-background-size: 51% 100%;
    -o-background-size: 51% 100%;
    background-size: 51% 100%
}

#profile-tooltip>div.smarts li.component.teamwork.tier-5 {
    background: #85c540;
    background: -webkit-gradient(radial,0 150%,0,0 150%,100,color-stop(39px,rgba(133,197,64,0)),color-stop(39px,#85c540),color-stop(100%,#85c540)) no-repeat 0 0,-webkit-gradient(radial,100% 50%,0,100% 50%,100,color-stop(14px,rgba(133,197,64,0)),color-stop(14px,#85c540),color-stop(100%,#85c540)) no-repeat 100% 0;
    background: -webkit-radial-gradient(0 150%,circle,rgba(133,197,64,0) 39px,#85c540 39px,#85c540) no-repeat 0 0,-webkit-radial-gradient(100% 50%,circle,rgba(133,197,64,0) 14px,#85c540 14px,#85c540) no-repeat 100% 0;
    background: -moz-radial-gradient(0 150%,circle,rgba(133,197,64,0) 39px,#85c540 39px,#85c540) no-repeat 0 0,-moz-radial-gradient(100% 50%,circle,rgba(133,197,64,0) 14px,#85c540 14px,#85c540) no-repeat 100% 0;
    background: -o-radial-gradient(0 150%,circle,rgba(133,197,64,0) 39px,#85c540 39px,#85c540) no-repeat 0 0,-o-radial-gradient(100% 50%,circle,rgba(133,197,64,0) 14px,#85c540 14px,#85c540) no-repeat 100% 0;
    background: -ms-radial-gradient(0 150%,circle,rgba(133,197,64,0) 39px,#85c540 39px,#85c540) no-repeat 0 0,-ms-radial-gradient(100% 50%,circle,rgba(133,197,64,0) 14px,#85c540 14px,#85c540) no-repeat 100% 0;
    background: radial-gradient(0 150%,circle,rgba(133,197,64,0) 39px,#85c540 39px,#85c540) no-repeat 0 0,radial-gradient(100% 50%,circle,rgba(133,197,64,0) 14px,#85c540 14px,#85c540) no-repeat 100% 0;
    -moz-background-size: 51% 100%;
    -webkit-background-size: 51% 100%;
    -o-background-size: 51% 100%;
    background-size: 51% 100%
}

#profile-tooltip>div.smarts li.component.problem-solving {
    margin-left: 43px;
    width: 179px;
    background: #f60;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(39px,rgba(255,102,0,0)),color-stop(39px,#f60),color-stop(100%,#f60)) no-repeat 0 0,-webkit-gradient(radial,100% 50%,0,100% 50%,100,color-stop(14px,rgba(255,102,0,0)),color-stop(14px,#f60),color-stop(100%,#f60)) no-repeat 100% 0;
    background: -webkit-radial-gradient(0 50%,circle,rgba(255,102,0,0) 39px,#f60 39px,#f60) no-repeat 0 0,-webkit-radial-gradient(100% 50%,circle,rgba(255,102,0,0) 14px,#f60 14px,#f60) no-repeat 100% 0;
    background: -moz-radial-gradient(0 50%,circle,rgba(255,102,0,0) 39px,#f60 39px,#f60) no-repeat 0 0,-moz-radial-gradient(100% 50%,circle,rgba(255,102,0,0) 14px,#f60 14px,#f60) no-repeat 100% 0;
    background: -o-radial-gradient(0 50%,circle,rgba(255,102,0,0) 39px,#f60 39px,#f60) no-repeat 0 0,-o-radial-gradient(100% 50%,circle,rgba(255,102,0,0) 14px,#f60 14px,#f60) no-repeat 100% 0;
    background: -ms-radial-gradient(0 50%,circle,rgba(255,102,0,0) 39px,#f60 39px,#f60) no-repeat 0 0,-ms-radial-gradient(100% 50%,circle,rgba(255,102,0,0) 14px,#f60 14px,#f60) no-repeat 100% 0;
    background: radial-gradient(0 50%,circle,rgba(255,102,0,0) 39px,#f60 39px,#f60) no-repeat 0 0,radial-gradient(100% 50%,circle,rgba(255,102,0,0) 14px,#f60 14px,#f60) no-repeat 100% 0;
    -moz-background-size: 51% 100%;
    -webkit-background-size: 51% 100%;
    -o-background-size: 51% 100%;
    background-size: 51% 100%
}

#profile-tooltip>div.smarts li.component.problem-solving.tier-2 {
    background: #f09d2a;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(39px,rgba(240,157,42,0)),color-stop(39px,#f09d2a),color-stop(100%,#f09d2a)) no-repeat 0 0,-webkit-gradient(radial,100% 50%,0,100% 50%,100,color-stop(14px,rgba(240,157,42,0)),color-stop(14px,#f09d2a),color-stop(100%,#f09d2a)) no-repeat 100% 0;
    background: -webkit-radial-gradient(0 50%,circle,rgba(240,157,42,0) 39px,#f09d2a 39px,#f09d2a) no-repeat 0 0,-webkit-radial-gradient(100% 50%,circle,rgba(240,157,42,0) 14px,#f09d2a 14px,#f09d2a) no-repeat 100% 0;
    background: -moz-radial-gradient(0 50%,circle,rgba(240,157,42,0) 39px,#f09d2a 39px,#f09d2a) no-repeat 0 0,-moz-radial-gradient(100% 50%,circle,rgba(240,157,42,0) 14px,#f09d2a 14px,#f09d2a) no-repeat 100% 0;
    background: -o-radial-gradient(0 50%,circle,rgba(240,157,42,0) 39px,#f09d2a 39px,#f09d2a) no-repeat 0 0,-o-radial-gradient(100% 50%,circle,rgba(240,157,42,0) 14px,#f09d2a 14px,#f09d2a) no-repeat 100% 0;
    background: -ms-radial-gradient(0 50%,circle,rgba(240,157,42,0) 39px,#f09d2a 39px,#f09d2a) no-repeat 0 0,-ms-radial-gradient(100% 50%,circle,rgba(240,157,42,0) 14px,#f09d2a 14px,#f09d2a) no-repeat 100% 0;
    background: radial-gradient(0 50%,circle,rgba(240,157,42,0) 39px,#f09d2a 39px,#f09d2a) no-repeat 0 0,radial-gradient(100% 50%,circle,rgba(240,157,42,0) 14px,#f09d2a 14px,#f09d2a) no-repeat 100% 0;
    -moz-background-size: 51% 100%;
    -webkit-background-size: 51% 100%;
    -o-background-size: 51% 100%;
    background-size: 51% 100%
}

#profile-tooltip>div.smarts li.component.problem-solving.tier-3 {
    background: #eeca01;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(39px,rgba(238,202,1,0)),color-stop(39px,#eeca01),color-stop(100%,#eeca01)) no-repeat 0 0,-webkit-gradient(radial,100% 50%,0,100% 50%,100,color-stop(14px,rgba(238,202,1,0)),color-stop(14px,#eeca01),color-stop(100%,#eeca01)) no-repeat 100% 0;
    background: -webkit-radial-gradient(0 50%,circle,rgba(238,202,1,0) 39px,#eeca01 39px,#eeca01) no-repeat 0 0,-webkit-radial-gradient(100% 50%,circle,rgba(238,202,1,0) 14px,#eeca01 14px,#eeca01) no-repeat 100% 0;
    background: -moz-radial-gradient(0 50%,circle,rgba(238,202,1,0) 39px,#eeca01 39px,#eeca01) no-repeat 0 0,-moz-radial-gradient(100% 50%,circle,rgba(238,202,1,0) 14px,#eeca01 14px,#eeca01) no-repeat 100% 0;
    background: -o-radial-gradient(0 50%,circle,rgba(238,202,1,0) 39px,#eeca01 39px,#eeca01) no-repeat 0 0,-o-radial-gradient(100% 50%,circle,rgba(238,202,1,0) 14px,#eeca01 14px,#eeca01) no-repeat 100% 0;
    background: -ms-radial-gradient(0 50%,circle,rgba(238,202,1,0) 39px,#eeca01 39px,#eeca01) no-repeat 0 0,-ms-radial-gradient(100% 50%,circle,rgba(238,202,1,0) 14px,#eeca01 14px,#eeca01) no-repeat 100% 0;
    background: radial-gradient(0 50%,circle,rgba(238,202,1,0) 39px,#eeca01 39px,#eeca01) no-repeat 0 0,radial-gradient(100% 50%,circle,rgba(238,202,1,0) 14px,#eeca01 14px,#eeca01) no-repeat 100% 0;
    -moz-background-size: 51% 100%;
    -webkit-background-size: 51% 100%;
    -o-background-size: 51% 100%;
    background-size: 51% 100%
}

#profile-tooltip>div.smarts li.component.problem-solving.tier-4 {
    background: #cbc14f;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(39px,rgba(203,193,79,0)),color-stop(39px,#cbc14f),color-stop(100%,#cbc14f)) no-repeat 0 0,-webkit-gradient(radial,100% 50%,0,100% 50%,100,color-stop(14px,rgba(203,193,79,0)),color-stop(14px,#cbc14f),color-stop(100%,#cbc14f)) no-repeat 100% 0;
    background: -webkit-radial-gradient(0 50%,circle,rgba(203,193,79,0) 39px,#cbc14f 39px,#cbc14f) no-repeat 0 0,-webkit-radial-gradient(100% 50%,circle,rgba(203,193,79,0) 14px,#cbc14f 14px,#cbc14f) no-repeat 100% 0;
    background: -moz-radial-gradient(0 50%,circle,rgba(203,193,79,0) 39px,#cbc14f 39px,#cbc14f) no-repeat 0 0,-moz-radial-gradient(100% 50%,circle,rgba(203,193,79,0) 14px,#cbc14f 14px,#cbc14f) no-repeat 100% 0;
    background: -o-radial-gradient(0 50%,circle,rgba(203,193,79,0) 39px,#cbc14f 39px,#cbc14f) no-repeat 0 0,-o-radial-gradient(100% 50%,circle,rgba(203,193,79,0) 14px,#cbc14f 14px,#cbc14f) no-repeat 100% 0;
    background: -ms-radial-gradient(0 50%,circle,rgba(203,193,79,0) 39px,#cbc14f 39px,#cbc14f) no-repeat 0 0,-ms-radial-gradient(100% 50%,circle,rgba(203,193,79,0) 14px,#cbc14f 14px,#cbc14f) no-repeat 100% 0;
    background: radial-gradient(0 50%,circle,rgba(203,193,79,0) 39px,#cbc14f 39px,#cbc14f) no-repeat 0 0,radial-gradient(100% 50%,circle,rgba(203,193,79,0) 14px,#cbc14f 14px,#cbc14f) no-repeat 100% 0;
    -moz-background-size: 51% 100%;
    -webkit-background-size: 51% 100%;
    -o-background-size: 51% 100%;
    background-size: 51% 100%
}

#profile-tooltip>div.smarts li.component.problem-solving.tier-5 {
    background: #85c540;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(39px,rgba(133,197,64,0)),color-stop(39px,#85c540),color-stop(100%,#85c540)) no-repeat 0 0,-webkit-gradient(radial,100% 50%,0,100% 50%,100,color-stop(14px,rgba(133,197,64,0)),color-stop(14px,#85c540),color-stop(100%,#85c540)) no-repeat 100% 0;
    background: -webkit-radial-gradient(0 50%,circle,rgba(133,197,64,0) 39px,#85c540 39px,#85c540) no-repeat 0 0,-webkit-radial-gradient(100% 50%,circle,rgba(133,197,64,0) 14px,#85c540 14px,#85c540) no-repeat 100% 0;
    background: -moz-radial-gradient(0 50%,circle,rgba(133,197,64,0) 39px,#85c540 39px,#85c540) no-repeat 0 0,-moz-radial-gradient(100% 50%,circle,rgba(133,197,64,0) 14px,#85c540 14px,#85c540) no-repeat 100% 0;
    background: -o-radial-gradient(0 50%,circle,rgba(133,197,64,0) 39px,#85c540 39px,#85c540) no-repeat 0 0,-o-radial-gradient(100% 50%,circle,rgba(133,197,64,0) 14px,#85c540 14px,#85c540) no-repeat 100% 0;
    background: -ms-radial-gradient(0 50%,circle,rgba(133,197,64,0) 39px,#85c540 39px,#85c540) no-repeat 0 0,-ms-radial-gradient(100% 50%,circle,rgba(133,197,64,0) 14px,#85c540 14px,#85c540) no-repeat 100% 0;
    background: radial-gradient(0 50%,circle,rgba(133,197,64,0) 39px,#85c540 39px,#85c540) no-repeat 0 0,radial-gradient(100% 50%,circle,rgba(133,197,64,0) 14px,#85c540 14px,#85c540) no-repeat 100% 0;
    -moz-background-size: 51% 100%;
    -webkit-background-size: 51% 100%;
    -o-background-size: 51% 100%;
    background-size: 51% 100%
}

#profile-tooltip>div.smarts li.component.engagement {
    background: #f60;
    background: -webkit-gradient(radial,0 -50%,0,0 -50%,100,color-stop(39px,rgba(255,102,0,0)),color-stop(39px,#f60),color-stop(100%,#f60)) no-repeat 0 0,-webkit-gradient(radial,100% 50%,0,100% 50%,100,color-stop(14px,rgba(255,102,0,0)),color-stop(14px,#f60),color-stop(100%,#f60)) no-repeat 100% 0;
    background: -webkit-radial-gradient(0 -50%,circle,rgba(255,102,0,0) 39px,#f60 39px,#f60) no-repeat 0 0,-webkit-radial-gradient(100% 50%,circle,rgba(255,102,0,0) 14px,#f60 14px,#f60) no-repeat 100% 0;
    background: -moz-radial-gradient(0 -50%,circle,rgba(255,102,0,0) 39px,#f60 39px,#f60) no-repeat 0 0,-moz-radial-gradient(100% 50%,circle,rgba(255,102,0,0) 14px,#f60 14px,#f60) no-repeat 100% 0;
    background: -o-radial-gradient(0 -50%,circle,rgba(255,102,0,0) 39px,#f60 39px,#f60) no-repeat 0 0,-o-radial-gradient(100% 50%,circle,rgba(255,102,0,0) 14px,#f60 14px,#f60) no-repeat 100% 0;
    background: -ms-radial-gradient(0 -50%,circle,rgba(255,102,0,0) 39px,#f60 39px,#f60) no-repeat 0 0,-ms-radial-gradient(100% 50%,circle,rgba(255,102,0,0) 14px,#f60 14px,#f60) no-repeat 100% 0;
    background: radial-gradient(0 -50%,circle,rgba(255,102,0,0) 39px,#f60 39px,#f60) no-repeat 0 0,radial-gradient(100% 50%,circle,rgba(255,102,0,0) 14px,#f60 14px,#f60) no-repeat 100% 0;
    -moz-background-size: 51% 100%;
    -webkit-background-size: 51% 100%;
    -o-background-size: 51% 100%;
    background-size: 51% 100%
}

#profile-tooltip>div.smarts li.component.engagement.tier-2 {
    background: #f09d2a;
    background: -webkit-gradient(radial,0 -50%,0,0 -50%,100,color-stop(39px,rgba(240,157,42,0)),color-stop(39px,#f09d2a),color-stop(100%,#f09d2a)) no-repeat 0 0,-webkit-gradient(radial,100% 50%,0,100% 50%,100,color-stop(14px,rgba(240,157,42,0)),color-stop(14px,#f09d2a),color-stop(100%,#f09d2a)) no-repeat 100% 0;
    background: -webkit-radial-gradient(0 -50%,circle,rgba(240,157,42,0) 39px,#f09d2a 39px,#f09d2a) no-repeat 0 0,-webkit-radial-gradient(100% 50%,circle,rgba(240,157,42,0) 14px,#f09d2a 14px,#f09d2a) no-repeat 100% 0;
    background: -moz-radial-gradient(0 -50%,circle,rgba(240,157,42,0) 39px,#f09d2a 39px,#f09d2a) no-repeat 0 0,-moz-radial-gradient(100% 50%,circle,rgba(240,157,42,0) 14px,#f09d2a 14px,#f09d2a) no-repeat 100% 0;
    background: -o-radial-gradient(0 -50%,circle,rgba(240,157,42,0) 39px,#f09d2a 39px,#f09d2a) no-repeat 0 0,-o-radial-gradient(100% 50%,circle,rgba(240,157,42,0) 14px,#f09d2a 14px,#f09d2a) no-repeat 100% 0;
    background: -ms-radial-gradient(0 -50%,circle,rgba(240,157,42,0) 39px,#f09d2a 39px,#f09d2a) no-repeat 0 0,-ms-radial-gradient(100% 50%,circle,rgba(240,157,42,0) 14px,#f09d2a 14px,#f09d2a) no-repeat 100% 0;
    background: radial-gradient(0 -50%,circle,rgba(240,157,42,0) 39px,#f09d2a 39px,#f09d2a) no-repeat 0 0,radial-gradient(100% 50%,circle,rgba(240,157,42,0) 14px,#f09d2a 14px,#f09d2a) no-repeat 100% 0;
    -moz-background-size: 51% 100%;
    -webkit-background-size: 51% 100%;
    -o-background-size: 51% 100%;
    background-size: 51% 100%
}

#profile-tooltip>div.smarts li.component.engagement.tier-3 {
    background: #eeca01;
    background: -webkit-gradient(radial,0 -50%,0,0 -50%,100,color-stop(39px,rgba(238,202,1,0)),color-stop(39px,#eeca01),color-stop(100%,#eeca01)) no-repeat 0 0,-webkit-gradient(radial,100% 50%,0,100% 50%,100,color-stop(14px,rgba(238,202,1,0)),color-stop(14px,#eeca01),color-stop(100%,#eeca01)) no-repeat 100% 0;
    background: -webkit-radial-gradient(0 -50%,circle,rgba(238,202,1,0) 39px,#eeca01 39px,#eeca01) no-repeat 0 0,-webkit-radial-gradient(100% 50%,circle,rgba(238,202,1,0) 14px,#eeca01 14px,#eeca01) no-repeat 100% 0;
    background: -moz-radial-gradient(0 -50%,circle,rgba(238,202,1,0) 39px,#eeca01 39px,#eeca01) no-repeat 0 0,-moz-radial-gradient(100% 50%,circle,rgba(238,202,1,0) 14px,#eeca01 14px,#eeca01) no-repeat 100% 0;
    background: -o-radial-gradient(0 -50%,circle,rgba(238,202,1,0) 39px,#eeca01 39px,#eeca01) no-repeat 0 0,-o-radial-gradient(100% 50%,circle,rgba(238,202,1,0) 14px,#eeca01 14px,#eeca01) no-repeat 100% 0;
    background: -ms-radial-gradient(0 -50%,circle,rgba(238,202,1,0) 39px,#eeca01 39px,#eeca01) no-repeat 0 0,-ms-radial-gradient(100% 50%,circle,rgba(238,202,1,0) 14px,#eeca01 14px,#eeca01) no-repeat 100% 0;
    background: radial-gradient(0 -50%,circle,rgba(238,202,1,0) 39px,#eeca01 39px,#eeca01) no-repeat 0 0,radial-gradient(100% 50%,circle,rgba(238,202,1,0) 14px,#eeca01 14px,#eeca01) no-repeat 100% 0;
    -moz-background-size: 51% 100%;
    -webkit-background-size: 51% 100%;
    -o-background-size: 51% 100%;
    background-size: 51% 100%
}

#profile-tooltip>div.smarts li.component.engagement.tier-4 {
    background: #cbc14f;
    background: -webkit-gradient(radial,0 -50%,0,0 -50%,100,color-stop(39px,rgba(203,193,79,0)),color-stop(39px,#cbc14f),color-stop(100%,#cbc14f)) no-repeat 0 0,-webkit-gradient(radial,100% 50%,0,100% 50%,100,color-stop(14px,rgba(203,193,79,0)),color-stop(14px,#cbc14f),color-stop(100%,#cbc14f)) no-repeat 100% 0;
    background: -webkit-radial-gradient(0 -50%,circle,rgba(203,193,79,0) 39px,#cbc14f 39px,#cbc14f) no-repeat 0 0,-webkit-radial-gradient(100% 50%,circle,rgba(203,193,79,0) 14px,#cbc14f 14px,#cbc14f) no-repeat 100% 0;
    background: -moz-radial-gradient(0 -50%,circle,rgba(203,193,79,0) 39px,#cbc14f 39px,#cbc14f) no-repeat 0 0,-moz-radial-gradient(100% 50%,circle,rgba(203,193,79,0) 14px,#cbc14f 14px,#cbc14f) no-repeat 100% 0;
    background: -o-radial-gradient(0 -50%,circle,rgba(203,193,79,0) 39px,#cbc14f 39px,#cbc14f) no-repeat 0 0,-o-radial-gradient(100% 50%,circle,rgba(203,193,79,0) 14px,#cbc14f 14px,#cbc14f) no-repeat 100% 0;
    background: -ms-radial-gradient(0 -50%,circle,rgba(203,193,79,0) 39px,#cbc14f 39px,#cbc14f) no-repeat 0 0,-ms-radial-gradient(100% 50%,circle,rgba(203,193,79,0) 14px,#cbc14f 14px,#cbc14f) no-repeat 100% 0;
    background: radial-gradient(0 -50%,circle,rgba(203,193,79,0) 39px,#cbc14f 39px,#cbc14f) no-repeat 0 0,radial-gradient(100% 50%,circle,rgba(203,193,79,0) 14px,#cbc14f 14px,#cbc14f) no-repeat 100% 0;
    -moz-background-size: 51% 100%;
    -webkit-background-size: 51% 100%;
    -o-background-size: 51% 100%;
    background-size: 51% 100%
}

#profile-tooltip>div.smarts li.component.engagement.tier-5 {
    background: #85c540;
    background: -webkit-gradient(radial,0 -50%,0,0 -50%,100,color-stop(39px,rgba(133,197,64,0)),color-stop(39px,#85c540),color-stop(100%,#85c540)) no-repeat 0 0,-webkit-gradient(radial,100% 50%,0,100% 50%,100,color-stop(14px,rgba(133,197,64,0)),color-stop(14px,#85c540),color-stop(100%,#85c540)) no-repeat 100% 0;
    background: -webkit-radial-gradient(0 -50%,circle,rgba(133,197,64,0) 39px,#85c540 39px,#85c540) no-repeat 0 0,-webkit-radial-gradient(100% 50%,circle,rgba(133,197,64,0) 14px,#85c540 14px,#85c540) no-repeat 100% 0;
    background: -moz-radial-gradient(0 -50%,circle,rgba(133,197,64,0) 39px,#85c540 39px,#85c540) no-repeat 0 0,-moz-radial-gradient(100% 50%,circle,rgba(133,197,64,0) 14px,#85c540 14px,#85c540) no-repeat 100% 0;
    background: -o-radial-gradient(0 -50%,circle,rgba(133,197,64,0) 39px,#85c540 39px,#85c540) no-repeat 0 0,-o-radial-gradient(100% 50%,circle,rgba(133,197,64,0) 14px,#85c540 14px,#85c540) no-repeat 100% 0;
    background: -ms-radial-gradient(0 -50%,circle,rgba(133,197,64,0) 39px,#85c540 39px,#85c540) no-repeat 0 0,-ms-radial-gradient(100% 50%,circle,rgba(133,197,64,0) 14px,#85c540 14px,#85c540) no-repeat 100% 0;
    background: radial-gradient(0 -50%,circle,rgba(133,197,64,0) 39px,#85c540 39px,#85c540) no-repeat 0 0,radial-gradient(100% 50%,circle,rgba(133,197,64,0) 14px,#85c540 14px,#85c540) no-repeat 100% 0;
    -moz-background-size: 51% 100%;
    -webkit-background-size: 51% 100%;
    -o-background-size: 51% 100%;
    background-size: 51% 100%
}

.great-job {
    height: 60px;
    width: 60px;
    margin: 10px auto;
    padding: 0;
    background: transparent url('https://questioncove.com/images/winking-owlfred.png?1406796772') no-repeat
}

section.global-stats p.medals {
    right: 15px;
    color: #c49223
}

section.global-stats p.achievements {
    right: 65px;
    color: #e79800
}

#fans h3 {
    margin: 0 0 20px;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1em
}

#fans>section {
    clear: both
}

#fans .fan-profile {
    border: 1px solid #ececec;
    background: #f4f4f4;
    position: relative;
    padding: 10px;
    margin-bottom: 10px;
    text-shadow: #fff 1px 1px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
}

#fans .fan-profile.fan.not-fan .fan-buttons {
    margin: 0
}

#fans .fan-profile .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;
    width: 50px;
    height: 50px
}

#fans .fan-profile a.user-link.moderator .avatar {
    border-color: #872af0
}

#fans .fan-profile .level {
    text-shadow: none
}

#fans .fan-profile .avatar-holder {
    position: relative;
    float: left
}

#fans .fan-profile .user-info {
    margin-left: 65px
}

#fans .fan-profile .user-info .username {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 2px;
    color: #373737
}

#fans .fan-profile .user-info .name {
    font-size: 12px;
    padding-bottom: 3px;
    line-height: 1.5em;
    overflow: hidden;
}

#fans .fan-profile .user-info .testimonial {
    font-size: 10px;
    color: #000;
    line-height: 1.5em;
    margin-top: 21px
}

#fans .fan-profile .user-info .testimonial .report-abuse {
    color: #878787
}

#fans .fan-profile .user-info .testimonial .delete-container:before {
    content: " \2022 ";
    text-decoration: none;
    color: #878787
}

#fans .fan-profile .user-info .testimonial .testimonial-text:before {
    content: "Testimonial:";
    font-weight: bold;
    margin-right: 3px
}

#fans .fan-profile .user-info .name+.testimonial {
    margin-top: 0
}

#fans .fan-profile .fan-info {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    overflow: hidden;
}

#fans .fan-profile .fan-info .parenless-fans {
    color: #00b1f2;
    font-weight: bold;
    height: 22px;
    line-height: 22px
}

#fans .fan-profile .fan-info .fan-buttons {
    margin-left: 10px;
    position: relative
}

#fans .fan-profile .fan-info .fan-buttons .already-a-fan {
    width: 99px
}

#fans .fan-profile .fan-info>* {
    display: inline-block;
    float: left
}

section.group-achievements h2 {
    padding-top: 0
}

.displaying-update section.achievements {
    display: none
}

.ambassador:before {
    content: "\24b6 ";
    color: #872af0
}

.smartscore.tier-1 {
    background: #f60
}

.smartscore.tier-2 {
    background: #f09d2a
}

.smartscore.tier-3 {
    background: #eeca01
}

.smartscore.tier-4 {
    background: #cbc14f
}

.smartscore.tier-5 {
    background: #85c540
}

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('https://questioncove.com/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('https://questioncove.com/images/selected-arrow.png?1406796772') no-repeat 98% 50%
}

li.update.current.mentions-current-user {
    background: #fffbd3 url('https://questioncove.com/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('https://questioncove.com/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
}

.mh36 {
    min-height: 36px!important
}

.mh75 {
    min-height: 75px!important
}

.mh90 {
    min-height: 90px!important
}

.mh100 {
    min-height: 100px!important
}

.mh130 {
    min-height: 130px!important
}

.mh140 {
    min-height: 140px!important
}

.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('https://questioncove.com/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('https://questioncove.com/images/?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') no-repeat 0 top
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#drawing-dialog.dialog .toolbar .text:active,#drawing-dialog.dialog .toolbar .text.selected {
    background: #fff url('/images/draw-toolbar.png') 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
}

.hidden {
    display: none
}

.verification-message #profile {
    top: 175px
}

.verification-message #content {
    padding-top: 175px
}

.verification-message div.page-content {
    top: 175px
}

.verification-message .showing-update>#profile {
    top: 175px
}

.verification-message div.page-content section.current-pane.profile-pane>:first-child {
    margin-top: 0
}

#profile a.scholarship-button {
    background: #ae6bf3 none repeat scroll 0 0;
    color: #fff;
    display: block;
    height: 26px;
    line-height: 26px;
    width: 158px;
    padding: 5px 1px;
    margin: 5px auto;
    text-shadow: none;
    text-align: center;
    border-radius: 3px;
    font-weight: bold;
    font-size: 13px
}

#profile h2 {
    overflow: hidden;
}

.profile-pane h1 {
    font-weight: bold;
    font-size: 100%;
    margin-top: 0;
    clear: both
}

.profile-pane a.details,.profile-pane .user-name {
    font-size: .75em;
    line-height: 2em;
    line-height: 1.5em;
    display: block;
    margin-left: 65px;
    margin-top: 3px
}

.profile-pane a.details {
    text-decoration: none;
    color: #00b1f2
}

.profile-pane a.details:hover {
    text-decoration: underline
}

.profile-pane a.details .username {
    display: inline;
    padding: 0;
    margin: 0
}

.profile-pane .basic-information {
    margin-bottom: 0;
    color: #878787;
    clear: both
}

.profile-pane .basic-information .school,.profile-pane .basic-information .about,.profile-pane .basic-information .email {
    font-size: .625em;
    line-height: 2.4em;
    line-height: 1.5em;
    font-weight: bold
}

.profile-pane .basic-information .school .school-name,.profile-pane .basic-information .school .about-me,.profile-pane .basic-information .school .user-email,.profile-pane .basic-information .about .school-name,.profile-pane .basic-information .about .about-me,.profile-pane .basic-information .about .user-email,.profile-pane .basic-information .email .school-name,.profile-pane .basic-information .email .about-me,.profile-pane .basic-information .email .user-email {
    font-weight: normal
}

.profile-pane .plane {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px
}

.profile-pane .plane>ul {
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    padding-left: 20px;
    padding-right: 15px;
    bottom: 0
}

.profile-pane .fans {
    overflow: hidden;
    clear: both;
    padding-top: 12px;
    margin-bottom: 10px;
    font-size: .75em;
    line-height: 2em;
    line-height: 1.5em
}

.profile-pane .fans .fan-info {
    position: relative
}

.profile-pane .fans .fan-info .fan-buttons {
    font-weight: bold;
    position: absolute;
    right: 0;
    bottom: 0
}

.profile-pane .fans .fan-info .fan-buttons .already-a-fan {
    display: block;
    margin-top: 2px
}

.profile-pane .fans .fan-info ul {
    overflow: hidden;
    max-width: 420px
}

.profile-pane .fans .fan-info ul .fan,.profile-pane .fans .fan-info ul .not-fan {
    float: left;
    margin: 20px 5px 0 0
}

.profile-pane .fans .fan-info ul .fan .avatar,.profile-pane .fans .fan-info ul .not-fan .avatar {
    width: 26px;
    height: 26px;
    overflow: hidden
}

.profile-pane .fans .testimonial.has-no-testimonial.has-testimonial {
    margin: 0
}

.profile-pane .user-stats,.profile-pane .fans,.profile-pane .plane {
    padding: 20px
}

.profile-pane .user-stats h3,.profile-pane .fans h3,.profile-pane .plane h3 {
    font-weight: bold;
    font-size: 18px
}

.profile-pane .user-stats h3 .fan-link,.profile-pane .fans h3 .fan-link,.profile-pane .plane h3 .fan-link {
    text-decoration: none
}

.profile-pane .user-stats h3 .fan-link:hover,.profile-pane .fans h3 .fan-link:hover,.profile-pane .plane h3 .fan-link:hover {
    text-decoration: underline
}

.profile-pane .stats {
    margin-top: 10px;
    padding: 13px 170px 13px 18px
}

.profile-pane .stats .name {
    font-size: 1em;
    line-height: 1em
}

.profile-pane .global-stats {
    margin-top: 15px
}

#general-profile .user-stats h3 {
    padding-bottom: 10px
}

.user-profile .fan-info .become-a-fan,.user-profile .fan-info .already-a-fan {
    display: block
}

.user-profile .fan-info .already-a-fan {
    text-align: right
}

.user-profile>h1 {
    font-size: 1.25em;
    line-height: 1.2em;
    font-weight: bold;
    float: none;
    display: block;
    width: auto;
    margin: 0 0 20px 0;
    padding: 5px 0 0 0
}

.user-profile>h1>.avatar {
    float: none;
    overflow: hidden
}

.user-profile>h1 .username,.user-profile>h1 .name,.user-profile>h1 .info li {
    display: block;
    text-shadow: #fff 1px 1px
}

.user-profile>h1 .name {
    font-weight: normal;
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 2px
}

.user-profile>h1 .school,.user-profile>h1 .about,.user-profile>h1 .email {
    font-size: 12px;
    line-height: 1.5em;
    font-weight: bold
}

.user-profile>h1 .school-name,.user-profile>h1 .about-me,.user-profile>h1 .user-email {
    font-weight: normal
}

.user-profile .name,.user-profile .user-name {
    font-size: 1em;
    line-height: 1.5em;
    line-height: 1.5em
}

.user-profile nav ul {
    overflow: hidden;
    font-size: .75em;
    line-height: 2em;
    font-weight: bold;
    margin-bottom: 15px
}

.user-profile nav ul li {
    float: left;
    margin-right: 20px
}

.user-profile nav ul a {
    color: #00b1f2
}

.user-profile h2.summary,.user-profile h2.group {
    position: relative;
    overflow: hidden;
    padding: 12px 20px;
    font-size: 1em;
    line-height: 1.5em;
    line-height: 1.5em;
    text-shadow: 1px 1px #fff;
    background: #eaeaea;
    border: 1px solid #dcdcdc;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#efefef),color-stop(100%,#e4e4e4));
    background-image: -webkit-linear-gradient(#efefef,#e4e4e4);
    background-image: -moz-linear-gradient(#efefef,#e4e4e4);
    background-image: -o-linear-gradient(#efefef,#e4e4e4);
    background-image: -ms-linear-gradient(#efefef,#e4e4e4);
    background-image: linear-gradient(#efefef,#e4e4e4);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px
}

.user-profile h2.summary .icon,.user-profile h2.group .icon {
    float: left;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    border: 2px solid #fff;
    -moz-box-shadow: #969696 0 0 2px 0;
    -webkit-box-shadow: #969696 0 0 2px 0;
    -o-box-shadow: #969696 0 0 2px 0;
    box-shadow: #969696 0 0 2px 0;
    width: 26px;
    height: 26px;
    margin-right: 10px
}

.user-profile h2.summary .achievement-info,.user-profile h2.summary .achievement-count,.user-profile h2.group .achievement-info,.user-profile h2.group .achievement-count {
    color: #fec250
}

.user-profile h2.summary .medal-count,.user-profile h2.group .medal-count {
    color: #e6af2e
}

.user-profile h2.summary .achievement-info,.user-profile h2.summary .medal-info,.user-profile h2.summary .rank-info,.user-profile h2.summary .levels-info,.user-profile h2.group .achievement-info,.user-profile h2.group .medal-info,.user-profile h2.group .rank-info,.user-profile h2.group .levels-info {
    position: absolute;
    top: 13px;
    font-size: 70%
}

.user-profile h2.summary .achievement-info img,.user-profile h2.summary .medal-info img,.user-profile h2.summary .rank-info img,.user-profile h2.summary .levels-info img,.user-profile h2.group .achievement-info img,.user-profile h2.group .medal-info img,.user-profile h2.group .rank-info img,.user-profile h2.group .levels-info img {
    float: left;
    margin-right: 10px
}

.user-profile h2.summary .achievement-info span,.user-profile h2.summary .medal-info span,.user-profile h2.summary .rank-info span,.user-profile h2.summary .levels-info span,.user-profile h2.group .achievement-info span,.user-profile h2.group .medal-info span,.user-profile h2.group .rank-info span,.user-profile h2.group .levels-info span {
    float: left;
    line-height: 26px
}

.user-profile h2.summary .rank-info,.user-profile h2.group .rank-info {
    right: 250px
}

.user-profile h2.summary .levels-info,.user-profile h2.group .levels-info {
    right: 180px
}

.user-profile h2.summary .levels-info span,.user-profile h2.summary .rank-info span,.user-profile h2.group .levels-info span,.user-profile h2.group .rank-info span {
    float: none!important
}

.user-profile h2.summary .achievement-info,.user-profile h2.group .achievement-info {
    right: 100px
}

.user-profile h2.summary .medal-info,.user-profile h2.group .medal-info {
    right: 30px
}

.user-profile h2.summary .medal-info img,.user-profile h2.group .medal-info img {
    position: relative;
    top: 2px
}

.user-profile h2.summary.group,.user-profile h2.group.group {
    padding-left: 60px;
    padding-right: 170px
}

.user-profile h2.summary.group .icon,.user-profile h2.group.group .icon {
    margin-left: -40px
}

.user-profile h2.summary.summary,.user-profile h2.group.summary {
    padding-left: 50%
}

.user-profile h2.summary.summary .achievement-count,.user-profile h2.summary.summary .medal-count,.user-profile h2.group.summary .achievement-count,.user-profile h2.group.summary .medal-count {
    float: left;
    height: 35px;
    line-height: 35px;
    padding-left: 40px
}

.user-profile h2.summary.summary .achievement-count,.user-profile h2.group.summary .achievement-count {
    background: transparent url('https://questioncove.com/images/achievements-icon-medium-large.png?1406796772') no-repeat
}

.user-profile h2.summary.summary .medal-count,.user-profile h2.group.summary .medal-count {
    background: transparent url('https://questioncove.com/images/medal-icon-large.png?1406796772') no-repeat;
    padding-right: 50px;
    margin-left: -240px
}

.user-profile .update-list-container>div {
    bottom: 20px
}

#content {
    /* padding-top: 110px */
}

header#main-header h1 .group-buttons {
    display: none!important
}

section.pane,section.pane.loading,section.pane.error {
    display: none
}

#profile {
    position: absolute;
    top: 110px;
    float: left;
    width: 215px;
    background: #e6e6e6;
    padding: 20px;
    text-shadow: #fff 1px 1px;
    -moz-transition: width 300ms linear,background-color 300ms linear;
    -webkit-transition: width 300ms linear,background-color 300ms linear;
    -o-transition: width 300ms linear,background-color 300ms linear;
    transition: width 300ms linear,background-color 300ms linear
}

#profile>h2.user,#profile>ul.stats,#profile>div {
    opacity: 1;
    height: auto;
    -moz-transition: opacity 0 linear,height 0 linear;
    -webkit-transition: opacity 0 linear,height 0 linear;
    -o-transition: opacity 0 linear,height 0 linear;
    transition: opacity 0 linear,height 0 linear;
    -moz-transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms
}

#profile>h3 {
    position: absolute;
    top: 20px;
    left: 15px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0;
    height: 0;
    width: 400px;
    -moz-transition: opacity 300ms linear;
    -webkit-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
    text-shadow: none;
    text-align: right;
    color: #fff;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#profile>h3>span {
    padding-left: 15px
}

#profile>h3>img {
    width: 26px;
    height: 26px;
    vertical-align: middle;
    margin-left: 10px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

#profile>h2 {
    font-size: 1em;
    line-height: 1.5em;
    font-weight: normal;
    margin-left: 0;
    text-shadow: none
}

#profile>h2>div.avatar {
    min-height: 215px;
    height: auto;
    width: 100%;
    display: block;
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    text-align: center
}

#profile>h2>div.avatar:before {
    content: "";
    display: inline-block;
    min-height: 215px;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em
}

#profile>h2>div.avatar>img {
    display: inline-block;
    vertical-align: middle;
    max-width: 208px
}

#profile>h2 dl {
    font-size: .75em;
    line-height: 1.5em;
    margin-top: 5px
}

#profile>h2 dl #transaction-history ul li a {
    color: #00b0f5;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    text-shadow: none
}

#profile>h2 dl #transaction-history ul li a:hover {
    text-decoration: none;
    opacity: .8
}

#profile>h2 dt {
    width: auto;
    text-align: left
}

#profile>h2 dt.description-label {
    display: none
}

#profile>h2 dd {
    float: none;
    font-weight: bold;
    margin-left: 50px;
    padding-left: 0;
    position: relative;
    top: -18px;
    width: auto;
    word-wrap: break-word
}

#profile>h2 dd.description {
    font-weight: normal;
    margin-left: 0;
    white-space: pre-line;
    margin-top: 18px
}

#profile .username {
    font-weight: bold;
    text-align: left;
    font-size: 22px;
    line-height: 1.7
}

#profile img.avatar {
    display: block;
    float: none;
    max-width: 200px;
    margin: 0 auto;
    height: auto;
    width: auto
}

#profile .stats {
    font-size: .8125em;
    line-height: 1.84615em;
    margin-top: 40px
}

#profile .stats li {
    margin-bottom: 15px
}

#profile .stats a {
    display: block;
    font-weight: bold
}

#profile .stats a span {
    float: right;
    color: #00b1f2
}

#profile .stats a:hover {
    text-decoration: none
}

#profile .stats a:hover span {
    text-decoration: underline
}

#medals li.medal {
    font-size: .75em;
    line-height: 2em;
    line-height: 1.5em;
    margin: 20px 10px 0;
    padding-left: 25px;
    background: transparent url('https://questioncove.com/images/medal-icon-medium-large.png?1406796772') no-repeat
}

#medals li.medal .usernames {
    display: inline
}

#medals li.medal .usernames .user-link,#medals li.medal .usernames .others {
    font-weight: bold
}

#medals li.medal span.action {
    color: #525252
}

#medals li.medal a.action-link {
    text-decoration: none;
    word-break: break-word
}

#medals li.medal a.action-link:hover {
    text-decoration: underline
}

#smarts,#smarts-breakdown,#most-active {
    margin-left: 15px;
}

#smarts,#most-active {
    overflow: hidden;
    background: #fff;
    padding: 19px;
}

#smarts-breakdown>section {
    background: #fff;
    padding: 20px
}

#smarts {
    position: relative;
    /* width: 771px; */
    margin-top: 0;
    border-radius: 15px;
}

#smarts header {
    position: relative
}

#smarts>h3.smartscore {
    margin-top: 55px;
    margin-left: 20px
}

#smarts header {
    opacity: 1!important
}

#smarts header>h2 {
    font-size: 1.25em;
    line-height: 1.2em;
    font-weight: bold
}

.action-buttons {
    position: absolute;
    top: 0;
    right: 0
}

.action-buttons li {
    float: left;
    margin-left: 10px
}

.action-buttons .already-a-fan {
    font-size: .875em;
    line-height: 2.05714em
}

.action-buttons 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;
    padding: 4px 10px
}

.action-buttons 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)
}

.action-buttons button:active {
    top: 1px;
    left: 1px
}

.action-buttons button:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

.action-buttons 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
}

.action-buttons button.disabled:active {
    top: 0;
    left: 0
}

.action-buttons .block,.action-buttons .unblock {
    color: #fff;
    font-size: 12px;
    background: #ff6262;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ff6262),color-stop(100%,#ff5f5f));
    background-image: -webkit-linear-gradient(#ff6262,#ff5f5f);
    background-image: -moz-linear-gradient(#ff6262,#ff5f5f);
    background-image: -o-linear-gradient(#ff6262,#ff5f5f);
    background-image: -ms-linear-gradient(#ff6262,#ff5f5f);
    background-image: linear-gradient(#ff6262,#ff5f5f);
    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: 4px 10px
}

.action-buttons .block:hover,.action-buttons .unblock:hover {
    text-decoration: none;
    background: #ff2f2f;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ff2f2f),color-stop(100%,#ff2c2c));
    background-image: -webkit-linear-gradient(#ff2f2f,#ff2c2c);
    background-image: -moz-linear-gradient(#ff2f2f,#ff2c2c);
    background-image: -o-linear-gradient(#ff2f2f,#ff2c2c);
    background-image: -ms-linear-gradient(#ff2f2f,#ff2c2c);
    background-image: linear-gradient(#ff2f2f,#ff2c2c)
}

.action-buttons .block:active,.action-buttons .unblock:active {
    top: 1px;
    left: 1px
}

.action-buttons .block:before,.action-buttons .unblock:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

.action-buttons .block.disabled,.action-buttons .unblock.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
}

.action-buttons .block.disabled:active,.action-buttons .unblock.disabled:active {
    top: 0;
    left: 0
}

@-moz-document url-prefix() {
    .action-buttons .already-a-fan {
        line-height: 1.5em
    }
}

h3.smartscore {
    font-family: "Helvetica Neue",Helvetica,sans-serif;
    font-size: 3.25em;
    line-height: 1.38462em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #cbc14f;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    -khtml-border-radius: 100px;
    border-radius: 100px;
    width: 120px;
    height: 120px;
    line-height: 120px;
    float: left;
    margin-bottom: 20px
}

.smarts .share-buttons {
    clear: both;
    text-align: center;
    width: 120px;
    margin-left: 20px
}

.smarts .share-buttons button {
    background: #3d5997 url(/images/face-icon.png) no-repeat 14px center;
    border: 0;
    -moz-box-shadow: rgba(255,255,255,0.5) 1px 1px 1px inset,rgba(0,0,0,0.4) -1px -1px 1px inset;
    -webkit-box-shadow: rgba(255,255,255,0.5) 1px 1px 1px inset,rgba(0,0,0,0.4) -1px -1px 1px inset;
    -o-box-shadow: rgba(255,255,255,0.5) 1px 1px 1px inset,rgba(0,0,0,0.4) -1px -1px 1px inset;
    box-shadow: rgba(255,255,255,0.5) 1px 1px 1px inset,rgba(0,0,0,0.4) -1px -1px 1px inset;
    cursor: pointer;
    font-size: .75em;
    line-height: 1.5em;
    font-weight: 700;
    color: #fff;
    margin: 0;
    text-decoration: none;
    width: 86px;
    position: relative;
    padding: 4px
}

.smarts .share-buttons button:active {
    top: 1px;
    left: 1px
}

.smarts .share-buttons button:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

.smarts .share-buttons button span {
    display: block;
    padding-left: 25px;
    padding-top: 1px
}

.smarts .share-buttons button.share-twitter {
    margin-bottom: 10px;
    background: #51c1e0 url(/images/twitter-icon-small.png) no-repeat 7px center
}

#smarts-breakdown {
    /* width: 833px; */
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 10px;
}

#smarts-breakdown>section {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    float: left;
    width: 255px;
    margin-right: 10px;
    min-height: 200px;
    border-radius: 15px;
    margin-top: 10px;
}

#smarts-breakdown>section>h4 {
    background: #f60
}

#smarts-breakdown>section.tier-2>h4 {
    background: #f09d2a
}

#smarts-breakdown>section.tier-3>h4 {
    background: #eeca01
}

#smarts-breakdown>section.tier-4>h4 {
    background: #cbc14f
}

#smarts-breakdown>section.tier-5>h4 {
    background: #85c540
}

#smarts-breakdown>section>header>h5.title {
    color: #f36100
}

#smarts-breakdown>section.tier-2>header>h5.title {
    color: #e8921b
}

#smarts-breakdown>section.tier-3>header>h5.title {
    color: #d8b700
}

#smarts-breakdown>section.tier-4>header>h5.title {
    color: #a29823
}

#smarts-breakdown>section.tier-5>header>h5.title {
    color: #6aaa25
}

#smarts-breakdown>section>.help {
    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: -275px -197px;
    height: 16px;
    width: 16px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
}

#smarts-breakdown>section>.help:hover {
    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: -291px -197px;
    height: 16px;
    width: 16px
}

#smarts-breakdown>section .smarts-breakdown-helpbox {
    color: #fff;
    font-size: .7em;
    line-height: 1.5em;
    padding: 8px 20px 20px 20px;
    display: none;
    position: absolute;
    z-index: 2;
    top: 20px;
    width: 182px;
    background-color: #59d2ff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#59d2ff),color-stop(100%,#03b2f3));
    background-image: -webkit-linear-gradient(#59d2ff,#03b2f3);
    background-image: -moz-linear-gradient(#59d2ff,#03b2f3);
    background-image: -o-linear-gradient(#59d2ff,#03b2f3);
    background-image: -ms-linear-gradient(#59d2ff,#03b2f3);
    background-image: linear-gradient(#59d2ff,#03b2f3);
    -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: 0 0 2px 2px #999;
    -webkit-box-shadow: 0 0 2px 2px #999;
    -o-box-shadow: 0 0 2px 2px #999;
    box-shadow: 0 0 2px 2px #999
}

#smarts-breakdown>section .smarts-breakdown-helpbox h5 {
    color: #fff;
    font-size: 1.2em
}

#smarts-breakdown>section.showing-help>.help {
    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: -291px -197px;
    height: 16px;
    width: 16px
}

#smarts-breakdown>section.showing-help .smarts-breakdown-helpbox {
    display: block
}

#smarts-breakdown #engagement {
    width: 260px;
}

#smarts-breakdown #engagement dt {
    width: 65%
}

#smarts-breakdown #problem-solving dt {
    width: 72%
}

#smarts-breakdown #teamwork dt {
    width: 62%
}

#smarts-breakdown h4 {
    font-family: "Helvetica Neue",Helvetica,sans-serif;
    font-size: 1.75em;
    line-height: 1.71429em;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #cbc14f;
    -moz-border-radius: 65px;
    -webkit-border-radius: 65px;
    -o-border-radius: 65px;
    -ms-border-radius: 65px;
    -khtml-border-radius: 65px;
    border-radius: 65px;
    width: 65px;
    height: 65px;
    line-height: 65px;
    float: left;
    margin-right: 10px
}

#smarts-breakdown header {
    margin-bottom: 20px;
    padding-left: 75px;
    line-height: 1.2em
}

#smarts-breakdown h3 {
    font-weight: bold
}

#smarts-breakdown h5 {
    font-size: .8125em;
    line-height: 1.84615em;
    font-weight: bold;
    line-height: 2.3em;
    color: #cbc14f
}

#smarts-breakdown p.description {
    font-size: .75em;
    line-height: 2em;
    line-height: 1.4em;
    color: #999
}

#smarts-breakdown .attributes {
    font-size: .8125em;
    line-height: 1.84615em
}

#smarts-pane dt,#smarts-pane dd {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

#smarts-pane dt {
    font-weight: 300;
    width: 75%;
    text-align: right;
    padding-right: 5px;
    color: #999;
    clear: both
}

#smarts-pane dd {
    padding-left: 5px;
    width: 25%
}

#most-active {
    padding: 0;
    border-radius: 15px;
    width: 260px;
    float: right;
    right: 0;
    top: 0;
}

#most-active h3 {
    font-size: 1.125em;
    line-height: 1.33333em;
    font-weight: bold;
    padding: 20px 0 0 0;
    margin-bottom: 20px;
    text-align: center;
}

#most-active .view-all {
    margin-left: 22px;
    font-size: 77.77%
}

#most-active ul {
    overflow: hidden;
    /* padding-right: 20px; */
    /* display: inline-block; */
}

#most-active ul li {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    /* padding-left: 20px; */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#most-active h4 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 3px;
}

#most-active h4 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    height: 18px;
}

#most-active dl.activity {
    font-size: .8125em;
    line-height: 1.84615em
}

#most-active dl.activity dt {
    width: 68%
}

#most-active ul.remaining-subjects {
    display: none
}

ul.bottom-links {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    top: auto;
    margin: 15px 0 30px 265px;
    text-align: left
}

ul.bottom-links li {
    display: inline-block;
    float: none;
    margin: 0 30px 0 0
}

div.page-content {
    padding-left: 0;
    position: fixed;
    top: 70px;
    width: auto;
    height: auto;
    bottom: 25px;
    z-index: 2
}

section.pane.loading,section.pane.error {
    margin-left: 0
}

div.page-content section.current-pane>:first-child {
    margin-top: 0
}

section.current-pane,section.current-pane.loading,section.current-pane.error,.update-list-container.showing {
    position: absolute;
    top: 40px;
    bottom: 30px;
    left: 265px;
    padding-left: 0;
    padding-top: 0;
    height: auto;
    width: 380px;
    overflow: auto;
    background: #e6e6e6;
    -moz-box-shadow: 1px 0 4px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 1px 0 4px 0 rgba(0,0,0,0.1);
    -o-box-shadow: 1px 0 4px 0 rgba(0,0,0,0.1);
    box-shadow: 1px 0 4px 0 rgba(0,0,0,0.1)
}

section.current-pane>button.close,section.current-pane.loading>button.close,section.current-pane.error>button.close,.update-list-container.showing>button.close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
    background: transparent;
    border: 0;
    padding: 0 18px 5px 0;
    margin: 0;
    background-position: -13px -200px;
    font-weight: bold;
    font-size: .75em;
    line-height: 2em;
    line-height: 1em;
    color: #878787;
    text-shadow: #fff 1px 1px;
    text-transform: lowercase;
    cursor: pointer
}

section.current-pane>button.close:hover,section.current-pane.loading>button.close:hover,section.current-pane.error>button.close:hover,.update-list-container.showing>button.close:hover {
    text-decoration: underline
}

section.current-pane>button.close:after,section.current-pane.loading>button.close:after,section.current-pane.error>button.close:after,.update-list-container.showing>button.close:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    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;
    background-position: -13px -200px
}

section.current-pane.loading {
    background: #e6e6e6 url('https://questioncove.com/images/ajax-loader-blue.gif?1406796772') no-repeat 50% 50%
}

.update-list-container.showing,.testimonials.current-pane {
    width: 515px
}

.update-list-container {
    display: none;
    min-height: 100%;
    margin-left: 0;
    font-size: inherit;
    line-height: inherit;
    z-index: 0;
    -moz-transition: left 300ms linear;
    -webkit-transition: left 300ms linear;
    -o-transition: left 300ms linear;
    transition: left 300ms linear
}

.update-list-container.showing {
    display: block
}

.update-list-container h3 {
    font-size: 1.25em;
    line-height: 1.2em;
    margin: 15px 0 0 20px;
    color: #373737;
    text-shadow: #fff 1px 1px;
    font-weight: bold
}

.update-list-container .update-list-ul-wrapper {
    margin-top: 50px;
    bottom: 34px;
    top: 0
}

.update-list-container .bottom-links {
    bottom: 10px
}

.logged-out #current-update.current-pane {
    top: 0
}

#current-update {
    display: none;
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -moz-transition: width 300ms linear,left 300ms linear;
    -webkit-transition: width 300ms linear,left 300ms linear;
    -o-transition: width 300ms linear,left 300ms linear;
    transition: width 300ms linear,left 300ms linear
}

#current-update h2 {
    margin-bottom: 0
}

#current-update ul.update-users,#current-update h2.update-body,#current-update li.reply,#current-update li.post-reply {
    /* width: 490px */
}

#current-update .update-header,#current-update ul.controller {
    width: 100%;
    box-sizing: border-box;
}

#current-update ul.update-users {
    /* width: 517px!important; */
}

#current-update h2.update-body {
    /* width: 490px; */
}

#current-update a.avatar-link,#current-update div.info,#current-update ul.controller,#current-update button.delete {
    filter: alpha(opacity=0);
    opacity: 0;
    -moz-transition: opacity 100ms linear;
    -webkit-transition: opacity 100ms linear;
    -o-transition: opacity 100ms linear;
    transition: opacity 100ms linear;
    -moz-transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms
}

#current-update.current-pane {
    display: block;
    top: 0;
    left: 555px;
    width: 530px;
    position: relative;
    height: auto;
    overflow-x: hidden;
}

#current-update.current-pane a.avatar-link,#current-update.current-pane div.info,#current-update.current-pane ul.controller,#current-update.current-pane button.delete {
    filter: alpha(opacity=100);
    opacity: 1
}

.showing-update>ul.bottom-links {
    display: none
}

.showing-update>#smarts,.showing-update>#smarts-breakdown,.showing-update>#most-active {
    display: none
}

.showing-update>#profile {
    width: 10px;
    position: fixed;
    top: 111px;
    left: 360px;
    bottom: 25px;
    background: #ababab;
    cursor: pointer
}

.showing-update>#profile:hover {
    -moz-transition: background-color 0 linear;
    -webkit-transition: background-color 0 linear;
    -o-transition: background-color 0 linear;
    transition: background-color 0 linear;
    background-color: #646464
}

.showing-update>#profile>h2.user,.showing-update>#profile>ul.stats,.showing-update>#profile>div {
    opacity: 0;
    height: 0;
    -moz-transition-delay: 0;
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

.showing-update>#profile>h3 {
    opacity: 1;
    height: 400px
}

.showing-update #update-feed {
    left: 27px
}

.historical-smart-score {
    position: absolute;
    top: 86px;
    left: 200px;
    width: calc(100% - 250px);
}

.smart-score-graph-legend {
    display: block;
    float: right;
    margin-top: 25px
}

.smart-score-graph-legend li {
    display: inline-block;
    font-size: .7em;
    width: 50px;
    text-align: center;
    padding-bottom: .1em;
    color: #878787;
    border-bottom: .4em solid
}

.smart-score-graph-legend .tier-1 {
    border-bottom-color: #ffa500
}

.smart-score-graph-legend .tier-2 {
    border-bottom-color: #f36100
}

.smart-score-graph-legend .tier-3 {
    border-bottom-color: #cda0ff
}

.smart-score-graph-legend .tier-4 {
    border-bottom-color: #23b7f3
}

.smart-score-graph-legend .tier-5 {
    border-bottom-color: #85c540
}

.smart-score-tooltip {
    position: absolute;
    z-index: 2;
    top: 100px;
    left: 160px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    height: 50px;
    font-size: .8em
}

.smart-score-tooltip.tier-1 {
    background: #ffa500;
    border: 1px solid #885800
}

.smart-score-tooltip.tier-1 .smartscore {
    color: #ffa500
}

.smart-score-tooltip.tier-2 {
    background: #f36100;
    border: 1px solid #933b00
}

.smart-score-tooltip.tier-2 .smartscore {
    color: #f36100
}

.smart-score-tooltip.tier-3 {
    background: #cda0ff;
    border: 1px solid #8417fe
}

.smart-score-tooltip.tier-3 .smartscore {
    color: #cda0ff
}

.smart-score-tooltip.tier-4 {
    background: #23b7f3;
    border: 1px solid #0096d2
}

.smart-score-tooltip.tier-4 .smartscore {
    color: #23b7f3
}

.smart-score-tooltip.tier-5 {
    background: #85c540;
    border: 1px solid #517a25
}

.smart-score-tooltip.tier-5 .smartscore {
    color: #85c540
}

.smart-score-tooltip .smartscore {
    text-align: center;
    font-size: 1em;
    line-height: 2.4em;
    background: #fff;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    margin-top: 10px
}

.smart-score-tooltip .smartscore+span {
    margin-top: 8px
}

.smart-score-tooltip span {
    color: #fff;
    margin-left: 50px;
    padding-right: 10px;
    display: block;
    font-size: .9em;
    line-height: 1.4em
}

.smart-score-tooltip span.username {
    font-weight: bold
}

#trophy-room-pane .subject-svg {
    fill: #01b0f5!important;
}

.group-titles-block .subject-svg {
    width: 22px;
    vertical-align: -5px;
    display: inline-block;
}

.medals-earned-in-block .subject-svg {
    width: 35px;
}

#return-to-study {
    background: #75cbf5;
    width: auto;
    position: absolute;
    top: 20px;
    padding: 10px 40px 10px 40px;
    color: white;
    border-radius: 50px;
    font-weight: bold;
    cursor: pointer;
}

#return-to-study:hover {
    background: #3dbcfa;
}

#return-to-study:before {
    position:absolute;
    left: 10px;
    top: 11px;
    width: 0; 
    height: 0; 
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; 
    border-right: 12px solid white;
    content: " "; 
}

#profile-background-image {
    /* display: none; */
    min-width: 100%;
    position: absolute;
    /* top: -100%; */
    min-height: 250px;
}

#top-block {
    top: 20px;
    background: white;
    width: 80%;
    margin: auto;
    position: relative;
    height: 325px;
}

#content {
    margin: initial;
    position: absolute;
    left: 0;
    top: 75px;
    width: 100%;
}

#profile-background {
    position: absolute;
    top: 0;
    left: 0;
    height: 250px;
    overflow: hidden;
    width: 100%;
}

#profile-buttons {
    position: absolute;
    bottom: 0;
    width: calc(100% - 290px);
    height: 75px;
    right: 0;
    overflow-y: hidden;
    overflow-x: auto;
}

.profile-button {
    display: inline-block;
    height: 75px;
    /* width: 125px; */
    text-align: center;
    box-sizing: border-box;
    color: #336599;
    font-weight: bold;
    font-size: 16px;
    padding-top: 27px;
    /* margin-right: 60px; */
    cursor: pointer;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
}

.profile-button:hover {
    color: #438ad5;
}

#profile-picture-big {
    position: absolute;
    bottom: -16px;
    border-radius: 100px;
    overflow: hidden;
    border: solid 6px white;
    left: 45px;
    width: 170px;
    height: 170px;
    background: white;
}

#profile-picture-img {
    min-width: 170px;
    min-height: 170px;
    width: inherit;
}

#top-profile-username {
    position: absolute;
    font-size: 24px;
    color: white;
    font-weight: bold;
    bottom: 85px;
    left: 240px;
    text-shadow: 2px 0 5px black;
}

#bottom-block {
    top: 45px;
    width: 80%;
    margin: auto;
    position: relative;
}

#info-panel {
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    background: white;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 15px;
}

.info-panel-button {
    color: white;
    background: skyblue;
    display: inline-block;
    width: 130px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 100px;
    cursor: pointer;
}

.info-panel-button.wide {
    width:100%;
    display:block;
    margin-top:10px;
}

#fan-button {
    background: #75cbf5;
}

#fan-button:hover {
    background: #3dbcfa;
}

#unfan-button {
    background: #ff8a8a;
}

#unfan-button:hover {
    background: #ff7676;
}

#message-button {
    background: #60d4bb;
    float: right;
}

#message-button:hover {
    background: #54bea7;
}

#info-panel-data {
    margin-top: 15px;
    margin-right: 10px;
    margin-left: 10px;
}

.info-panel-info {
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 15px;
}

.info-name {
    font-weight: bold;
}

.info-data {
    float: right;
    font-weight: normal;
}

#pane-holder {
    position: absolute;
    right: 0;
    width: calc(100% - 300px);
}

dl.info dd {
    float: none;
    font-weight: bold;
    margin-left: 60px;
    padding-left: 0;
    position: relative;
    top: -14px;
    width: auto;
    word-wrap: break-word;
    font-size:14px;
}

dl.info dt {
    width: auto;
    text-align: left;
    font-weight:normal;
    font-size:14px;
}

dl.info {
    margin-top:30px;
}

dl.info dd.description {
    font-weight: normal;
    margin-left: 0;
    white-space: pre-line;
    margin-top: 40px;
    margin-bottom:10px;
}

dl.info dt.description-label {
    display: none;
}

#trophy-room-pane {
    margin-left: 15px;
    border-radius: 15px;
    margin-bottom: 10px;
    background: #fff;
    overflow: hidden;
    margin-top: 0px;
    position: relative;
    padding: 20px;
}

#medals-earned-id > div {
    width: auto!important;
    float: none!important;
    display: inline-table!important;
    clear: none!important;
}

.profile-button.selected:after {
    border: solid #bcbcbc;
    border-width: 0px 3px 3px 0px;
    background: #bcbcbc;
    display: inline-block;
    padding: 4px;
    width: 0px;
    content: " ";
    position: absolute;
    bottom: -5px;
    margin-left: auto;
    margin-right: auto;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    left: 0;
    right: 0;
}

.profile-button.selected {
    color: #0f3b6a;
}


#wall-pane {
    background: white;
    position: relative;
    margin-left: 15px;
    padding: 15px;
    border-radius: 15px;
}

#wall-post {
    resize: none;
    width: 100%;
    border: none;
    outline: none;
    background: #ededed;
    font-size: 20px;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 5px;
}

#wall-form-block .submit {
    position: absolute;
    right: 35px;
    top: 40px;
    border: none;
    background: #61d3bb;
    color: white;
    box-sizing: border-box;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 30px;
    cursor:pointer;
}

#wall-form-block .submit:hover {
    background:#54bea7;
}

#wall-posts .post {
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #5ed3bd;
    padding-top: 5px;
    padding-bottom: 5px;
}

#wall-posts .username {
    font-weight: bold;
    font-size: 15px;
}

#wall-posts .time {
    display: block;
    color: #b2b2b2;
}

#wall-posts .avatar-link {
    margin-right: 5px;
    float: left;
    /* border: 1px solid; */
    padding: 0;
}

#wall-posts .avatar-link .user-img {width: 56px;height: 56px;}

#wall-posts .post .message {
    margin-top: 3px;
    margin-bottom: 5px;
    font-size: 14px;
}

.profile-button.wall, .profile-button.gallery {
    display: none;
}

.page-content > section {
    left: 15px!important;
    bottom: unset!important;
    top: 0!important;
    /* height: 1000px!important; */
}

body:not(.mobile) div.page-content {
    top: 0;
    position: absolute;
}

/*BEGIN MOBILE STYLING*/
#current-update.current-pane {
    top: 0px;
    background: white;
    border: 1px solid gray;
    padding: 5px;
}

body.mobile #current-update.current-pane {
    position: fixed;
    z-index: 10;
    display: block;
    height: 100%;
    width: 100%;
    top: 50px;
    min-width: unset;
    left: 0;
    box-sizing: border-box;
}

body.mobile div.page-content {
    height: 0!important;
}

body.mobile .page-content .showing, body.mobile .page-content .current-pane {
    height: 100%;
    position: fixed;
    top: 50px!important;
    left: 0!important;
    width: 100%;
    min-width: unset;
}

body.mobile .page-content .showing > a {
    display: none;
}

@media screen and (max-width: 1495px) {
    #top-block, #bottom-block {
        width:calc(100% - 25px);
    }
}

@media screen and (max-width: 1150px) {
    #smart-score-graph, .smart-score-graph-legend, #smarts .share-buttons, #smarts .action-buttons {
        display:none;
    }
    #smarts h3.smartscore {
        /* float:left; */
        margin: 0;
        width: 30px;
        height: 30px;
        font-size: 15px;
        line-height: 30px;
        display: inline;
        position: absolute;
        top: 15px;
        right: 10px;
    }
   
    .smarts-breakdown-helpbox {
        right:30px;
    }
    #top-block {
        height: 120px;
    }
    #profile-background {
        height: 80px;
    }
    #profile-picture-img {
        min-height:80px;
        min-width:80px;
    }
    #profile-picture-big {
        width:80px;
        height:80px;
    }
    .profile-button {
        height: 37px;
        padding-top: 7px;
        padding-left: 20px;
        padding-right: 20px;
    }
    #profile-buttons {
        height: 37px;
        width: calc(100% - 150px);
    }
    #top-profile-username {
        bottom:47px;
        left: 165px;
    }
    #profile-background-image {
        min-height: 157px;
    }
}

@media screen and (max-width: 918px) {
    #content {
        top:0;
    }
    #most-active {
        float:unset;
        margin-bottom:15px;
        width:unset;
    }
    #most-active ul li {
        width:250px
    }
    #top-block {
        height:150px;
    }
    #profile-background {
        height:calc(100% - 40px);
    }
    .profile-button {
        padding-left: 15px;
        padding-right: 15px;
    }
    #profile-buttons {
        width: calc(100% - 140px);
    }
    #top-profile-username {
        left: 155px;
    }
}

@media screen and (max-width: 630px) {
    #pane-holder, #info-panel {
        position:relative;
        width:100%;
    }
    #pane-holder {
        margin-top:15px;
    }
    #smarts, #smarts-breakdown, #most-active {
        margin-left:0px;
    }
    #top-block {
        height: 150px;
    }
    #profile-picture-big {
        float: left;
        bottom: 50px;
        left: 10px;
        width: 50px;
        height: 50px;
        border-width: 3px;
    }
    #profile-buttons {
        width: 100%;
        text-align: center;
    }
    #top-profile-username {
        left: 80px;
        bottom: 68px;
    }
    #profile-picture-img {
        min-width:50px;
        min-height:50px;
    }
}