/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i&display=swap');*/

* {
    /*font-family: 'Open Sans', "Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue", Helvetica, sans-serif!important;*/
}

.tooltipster-fall,.tooltipster-grow.tooltipster-show{
    -webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);
    -moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
    -ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
    -o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
    transition-timing-function:cubic-bezier(.175,.885,.32,1.15);
}
    
.tooltipster-base{
    display:flex;
    pointer-events:none;
    position:absolute
}
.tooltipster-box {
    flex: 1 1 auto
}

.tooltipster-content {
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto
}

.tooltipster-ruler {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade.tooltipster-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow.tooltipster-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform
}

.tooltipster-swing.tooltipster-show {
    opacity: 1;
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -moz-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -ms-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -o-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    transition-timing-function: cubic-bezier(.23, .635, .495, 2.4)
}

.tooltipster-fall {
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-fall.tooltipster-initial {
    top: 0 !important
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0 !important;
    opacity: 0
}

.tooltipster-slide {
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-slide.tooltipster-initial {
    left: -40px !important
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0 !important;
    opacity: 0
}

@keyframes tooltipster-fading {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.tooltipster-update-fade {
    animation: tooltipster-fading .4s
}

@keyframes tooltipster-rotating {
    25% {
        transform: rotate(-2deg)
    }

    75% {
        transform: rotate(2deg)
    }

    100% {
        transform: rotate(0)
    }
}

.tooltipster-update-rotate {
    animation: tooltipster-rotating .6s
}

@keyframes tooltipster-scaling {
    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

.tooltipster-update-scale {
    animation: tooltipster-scaling .6s
}

.tooltipster-sidetip .tooltipster-box {
    background: #565656;
    border: 2px solid #000;
    border-radius: 4px
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 8px
}

.tooltipster-sidetip .tooltipster-content {
    color: #fff;
    line-height: 18px;
    padding: 6px 14px
}

.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    margin-left: -10px;
    top: 0;
    width: 20px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px
}

.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0
}

.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #565656;
    left: 0;
    top: 3px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #565656;
    left: -3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #565656;
    left: 3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #565656;
    left: 0;
    top: -3px
}

.tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #000
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #000
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #000
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #000
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,th,td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,blockquote {
    quotes: none
}

q:before,q:after,blockquote:before,blockquote:after {
    content: "";
    content: none
}

a img {
    border: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {
    display: block
}

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

html,body {
    width: 100%;
    background: transparent
}

html,html input,html textarea,body,body input,body textarea {
    font-family: 'Open Sans', "Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: 0.2px;
    color: #373737
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

html {
    overflow-y: scroll
}

.template {
    display: none!important
}

body {
    margin: auto;
    width: 61.25em;
    max-width: 100%;
    position: relative
}

body:after {
    content: "";
    display: table;
    clear: both
}

#content {
    clear: both;
    margin-left: 2.04082%;
    margin-right: 2.04082%
}

.reply-indicator {
    display: none;
    position: absolute;
    background: url('/images/replying-iconf540.png?1406796772');
    width: 17px;
    height: 17px;
    bottom: -5px;
    right: 1px;
    z-index: 1
}

.clear {
    clear: both
}

section.active-versions {
    text-align: left
}

section.active-versions ul li {
    float: left;
    margin-top: 1.5em;
    display: inline;
    float: left;
    width: 22.44898%;
    margin-right: 2.04082%;
    margin-bottom: 1.5em
}

section.active-versions ul li h3 {
    color: #ff0
}

section.active-versions ul li.confident h3 {
    color: red
}

section.active-versions ul li.best h3,section.active-versions ul li p.best {
    color: green
}

#shim {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    filter: alpha(opacity=40);
    opacity: .4;
    background-color: #000;
    margin: 0;
    z-index: 4
}

#shim+.dialog {
    position: fixed;
    z-index: 5;
    top: 30%;
    left: 30%;
    width: 30%;
    height: 30%;
    background-color: #fff;
    border: 5px solid #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px
}

#shim+.dialog.report {
    top: 30%;
    border: 0;
    height: auto
}

#shim+.dialog.report .report {
    line-height: 1.5em;
    margin-bottom: 1em
}

#shim+.dialog.report .consider {
    font-size: 10px;
    line-height: 14px;
    color: #878787
}

#shim+.dialog.report h2 {
    padding: 7px;
    color: #fff;
    padding-left: 10px;
    background-color: #ee4242;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f24444),color-stop(100%,#ea4141));
    background-image: -webkit-linear-gradient(#f24444,#ea4141);
    background-image: -moz-linear-gradient(#f24444,#ea4141);
    background-image: -o-linear-gradient(#f24444,#ea4141);
    background-image: -ms-linear-gradient(#f24444,#ea4141);
    background-image: linear-gradient(#f24444,#ea4141);
    font-size: .875em;
    line-height: 1.71429em
}

#shim+.dialog.report .close.corner {
    position: absolute;
    top: 12px;
    right: 12px;
    font-weight: bold;
    font-size: 21px;
    margin: 0;
    width: 13px;
    height: 13px;
    background: url('/images/white-close-buttonf540.png?1406796772')
}

#shim+.dialog.report .close.corner:hover {
    text-decoration: none
}

#shim+.dialog.report .username {
    color: #00b1f2;
    font-weight: bold
}

#shim+.dialog.report .close {
    text-decoration: none;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 5px 0 0;
    color: #00b1f2;
    cursor: pointer
}

#shim+.dialog.report form {
    padding: 15px;
    overflow: hidden;
    font-size: .75em;
    line-height: 2em
}

#shim+.dialog.report form label {
    margin-top: 15px;
    display: block
}

#shim+.dialog.report form textarea {
    width: 100%;
    height: 90px;
    margin: 5px 0
}

#shim+.dialog.report form fieldset {
    overflow: hidden;
    }

#shim+.dialog.report form fieldset .close {
    float: left
}

#shim+.dialog.report form fieldset .submit {
    float: right;
    border: 0;
    width: 115px;
    height: 23px;
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
    background: #ff6262;
}

#shim+.dialog.report form fieldset .submit:active {
    top: 1px;
    left: 1px
}

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

#shim+.dialog.report .success {
    padding: 10px;
    margin: 40px 0;
    text-align: center;
    color: #006400;
    font-size: .75em;
    line-height: 2em
}

#shim+.dialog#survey-dialog {
    background: transparent url('/images/survey-dialog-backgroundf540.png?1406796772') no-repeat 5px 5px;
    width: 319px;
    height: 357px;
    border: 0
}

#shim+.dialog#survey-dialog #survey-options {
    margin: 0
}

#shim+.dialog#survey-dialog #survey-options button {
    display: block;
    border: none!important;
    background: transparent url('/images/survey-buttonf540.png?1406796772') no-repeat top left;
    background-color: #fff;
    -moz-box-shadow: #fff 0 0 20px 2px;
    -webkit-box-shadow: #fff 0 0 20px 2px;
    -o-box-shadow: #fff 0 0 20px 2px;
    box-shadow: #fff 0 0 20px 2px;
    width: 284px;
    height: 52px;
    margin: 12px auto;
    text-align: center;
    color: #fff;
    padding: 0;
    font-size: 1.1em;
    cursor: pointer
}

#shim+.dialog#survey-dialog #survey-options button:hover {
    background-position: 0 -52px
}

#shim+.dialog#survey-dialog #survey-options button:active {
    background-position: 1px -51px
}

#shim+.dialog#survey-dialog h2 {
    font-family: Union,Georgia,serif;
    font-weight: bold;
    color: #d59603;
    text-align: center;
    text-shadow: #fff 2px 2px;
    font-size: 22px;
    margin: 20px auto;
    width: 85%
}

#shim+.dialog#survey-dialog h4 {
    width: 85%;
    text-align: center;
    margin: 0 auto 20px;
    color: #555;
    font-size: .9375em;
    line-height: 1.6em;
    font-weight: normal
}

#shim+.dialog#survey-dialog h4 span {
    font-weight: bold
}

.dialog.with-header h3 {
    font-size: .875em;
    line-height: 1.71429em;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -o-border-top-left-radius: 3px;
    -ms-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -o-border-top-right-radius: 3px;
    -ms-border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #75d1ff;
    color: #fff;
    font-weight: bold;
    line-height: 1em;
    padding: 8px 12px
}

.dialog.with-header h3 .close {
    cursor: pointer;
    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: -114px -19px;
    height: 13px;
    width: 13px;
    padding: 0;
    float: right
}

.dialog .resizer.bottom-right {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 20px;
    width: 20px;
    background: url('/images/resizable-corner-se.png?1406796772') no-repeat;
    cursor: nwse-resize
}

.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none
}

.no-cssgradients body>#achievements .achievement .info,.no-cssgradients body>#achievements .achievement h4 {
    background-color: #ffa427
}

.no-cssgradients .group-alert {
    background-color: #fff49e
}

.no-cssgradients .current-user.stats .progress-bar,.no-cssgradients section.stats,.no-cssgradients li.stats {
    background-color: #eaeaea
}

.no-cssgradients .current-user.stats {
    background-color: #fff
}

#achievements {
    position: fixed;
    top: 20%;
    width: 600px;
    left: 50%;
    margin-left: -370px;
    z-index: 9
}

#achievements .achievement {
    position: relative;
    overflow: hidden;
    padding: 20px 5px 5px 5px;
    width: 545px;
    margin: 20px auto 0
}

#achievements .achievement ul.share-buttons {
    display: block;
    clear: both;
    width: 415px;
    position: relative
}

#achievements .achievement ul.share-buttons li {
    float: left
}

#achievements .achievement ul.share-buttons li .share-fb:active {
    background-color: #30436a;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#30436c),color-stop(100%,#112142));
    background-image: -webkit-linear-gradient(#30436c,#112142);
    background-image: -moz-linear-gradient(#30436c,#112142);
    background-image: -o-linear-gradient(#30436c,#112142);
    background-image: -ms-linear-gradient(#30436c,#112142);
    background-image: linear-gradient(#30436c,#112142)
}

#achievements .achievement ul.share-buttons li .share-twitter:active {
    background-color: #1db3e2;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#1db3e2),color-stop(100%,#2497b5));
    background-image: -webkit-linear-gradient(#1db3e2,#2497b5);
    background-image: -moz-linear-gradient(#1db3e2,#2497b5);
    background-image: -o-linear-gradient(#1db3e2,#2497b5);
    background-image: -ms-linear-gradient(#1db3e2,#2497b5);
    background-image: linear-gradient(#1db3e2,#2497b5)
}

#achievements .achievement ul.share-buttons li button {
    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;
    padding: 2px 10px 2px 10px;
    margin: 0;
    cursor: pointer;
    font-size: .9em;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    min-width: 206px;
    border-top: 1px solid #eee
}

#achievements .achievement ul.share-buttons li button span {
    display: block;
    padding-left: 40px;
    padding-top: .2em;
    min-height: 23px;
    float: left;
    line-height: 24px
}

#achievements .new-title-received-popup {
    color: #fff;
    position: relative;
    background: #f60;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(70px,rgba(255,102,0,0)),color-stop(70px,#f60),color-stop(100%,#f60));
    background: -webkit-radial-gradient(0 50%,circle,rgba(255,102,0,0) 70px,#f60 70px,#f60);
    background: -moz-radial-gradient(0 50%,circle,rgba(255,102,0,0) 70px,#f60 70px,#f60);
    background: -o-radial-gradient(0 50%,circle,rgba(255,102,0,0) 70px,#f60 70px,#f60);
    background: -ms-radial-gradient(0 50%,circle,rgba(255,102,0,0) 70px,#f60 70px,#f60);
    background: radial-gradient(0 50%,circle,rgba(255,102,0,0) 70px,#f60 70px,#f60);
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -khtml-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    text-shadow: rgba(0,0,0,0.2) -1px -1px 0;
    font-weight: bold;
    width: 440px;
    height: 135px;
    left: 18%;
    margin-bottom: 1.5em
}

#achievements .new-title-received-popup.tier-2 {
    background: #f09d2a;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(70px,rgba(240,157,42,0)),color-stop(70px,#f09d2a),color-stop(100%,#f09d2a));
    background: -webkit-radial-gradient(0 50%,circle,rgba(240,157,42,0) 70px,#f09d2a 70px,#f09d2a);
    background: -moz-radial-gradient(0 50%,circle,rgba(240,157,42,0) 70px,#f09d2a 70px,#f09d2a);
    background: -o-radial-gradient(0 50%,circle,rgba(240,157,42,0) 70px,#f09d2a 70px,#f09d2a);
    background: -ms-radial-gradient(0 50%,circle,rgba(240,157,42,0) 70px,#f09d2a 70px,#f09d2a);
    background: radial-gradient(0 50%,circle,rgba(240,157,42,0) 70px,#f09d2a 70px,#f09d2a)
}

#achievements .new-title-received-popup.tier-3 {
    background: #eeca01;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(70px,rgba(238,202,1,0)),color-stop(70px,#eeca01),color-stop(100%,#eeca01));
    background: -webkit-radial-gradient(0 50%,circle,rgba(238,202,1,0) 70px,#eeca01 70px,#eeca01);
    background: -moz-radial-gradient(0 50%,circle,rgba(238,202,1,0) 70px,#eeca01 70px,#eeca01);
    background: -o-radial-gradient(0 50%,circle,rgba(238,202,1,0) 70px,#eeca01 70px,#eeca01);
    background: -ms-radial-gradient(0 50%,circle,rgba(238,202,1,0) 70px,#eeca01 70px,#eeca01);
    background: radial-gradient(0 50%,circle,rgba(238,202,1,0) 70px,#eeca01 70px,#eeca01)
}

#achievements .new-title-received-popup.tier-4 {
    background: #cbc14f;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(70px,rgba(203,193,79,0)),color-stop(70px,#cbc14f),color-stop(100%,#cbc14f));
    background: -webkit-radial-gradient(0 50%,circle,rgba(203,193,79,0) 70px,#cbc14f 70px,#cbc14f);
    background: -moz-radial-gradient(0 50%,circle,rgba(203,193,79,0) 70px,#cbc14f 70px,#cbc14f);
    background: -o-radial-gradient(0 50%,circle,rgba(203,193,79,0) 70px,#cbc14f 70px,#cbc14f);
    background: -ms-radial-gradient(0 50%,circle,rgba(203,193,79,0) 70px,#cbc14f 70px,#cbc14f);
    background: radial-gradient(0 50%,circle,rgba(203,193,79,0) 70px,#cbc14f 70px,#cbc14f)
}

#achievements .new-title-received-popup.tier-5 {
    background: #85c540;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(70px,rgba(133,197,64,0)),color-stop(70px,#85c540),color-stop(100%,#85c540));
    background: -webkit-radial-gradient(0 50%,circle,rgba(133,197,64,0) 70px,#85c540 70px,#85c540);
    background: -moz-radial-gradient(0 50%,circle,rgba(133,197,64,0) 70px,#85c540 70px,#85c540);
    background: -o-radial-gradient(0 50%,circle,rgba(133,197,64,0) 70px,#85c540 70px,#85c540);
    background: -ms-radial-gradient(0 50%,circle,rgba(133,197,64,0) 70px,#85c540 70px,#85c540);
    background: radial-gradient(0 50%,circle,rgba(133,197,64,0) 70px,#85c540 70px,#85c540)
}

#achievements .new-title-received-popup>.score {
    background: #f60
}

#achievements .new-title-received-popup.tier-2>.score {
    background: #f09d2a
}

#achievements .new-title-received-popup.tier-3>.score {
    background: #eeca01
}

#achievements .new-title-received-popup.tier-4>.score {
    background: #cbc14f
}

#achievements .new-title-received-popup.tier-5>.score {
    background: #85c540
}

#achievements .new-title-received-popup .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: -114px -19px;
    height: 13px;
    width: 13px
}

#achievements .new-title-received-popup h3,#achievements .new-title-received-popup h4 {
    line-height: 1em;
    margin-left: 100px
}

#achievements .new-title-received-popup h4 {
    font-size: 1em;
    padding-top: 17px
}

#achievements .new-title-received-popup h3 {
    font-size: 2em;
    padding-top: 15px
}

#achievements .new-title-received-popup .score {
    font-family: "Helvetica Neue",Helvetica,sans-serif;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    -o-border-radius: 70px;
    -ms-border-radius: 70px;
    -khtml-border-radius: 70px;
    border-radius: 70px;
    line-height: 70px;
    padding: 30px;
    position: absolute;
    top: 3px;
    left: -70px;
    font-size: 4.2em
}

#achievements .new-title-received-popup .score.condensed {
    font-size: 2.8em
}

#achievements .new-title-received-popup .share-buttons {
    margin-left: 100px;
    padding-top: 18px
}

#achievements .new-title-received-popup .share-buttons li {
    display: inline-block
}

#achievements .new-title-received-popup .share-buttons li button {
    color: #fff;
    font-size: 1em;
    border: 0
}

#achievements .new-title-received-popup .share-buttons li button span {
    padding-left: 30px;
    line-height: 22px
}

#achievements>div .close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    padding: 0;
    font-size: 10px
}

#achievements>div .close * {
    display: inline-block;
    vertical-align: middle
}

#achievements>div .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: -114px -19px;
    height: 13px;
    width: 13px;
    margin-left: 5px;
    padding: 0;
    cursor: pointer
}

#achievements>div .info {
    display: inline-block;
    min-height: 135px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: rgba(0,0,0,0.8) 0 0 5px 0;
    -webkit-box-shadow: rgba(0,0,0,0.8) 0 0 5px 0;
    -o-box-shadow: rgba(0,0,0,0.8) 0 0 5px 0;
    box-shadow: rgba(0,0,0,0.8) 0 0 5px 0;
    float: left;
    width: 350px;
    position: relative;
    padding: 0 30px 30px
}

#achievements>div .stat-holder {
    width: 130px;
    height: 135px;
    text-align: center;
    display: table;
    float: left
}

#achievements>div .stat-holder>* {
    display: table-cell;
    vertical-align: middle;
    line-height: normal
}

#achievements .achievement {
    color: #fff;
    margin-top: 30px
}

#achievements .achievement ul.share-buttons {
    left: 131px;
    top: -30px
}

#achievements .achievement h4 {
    position: absolute;
    left: 130px;
    top: -15px;
    font-size: .75em;
    line-height: 2em;
    font-weight: bold;
    line-height: 1.5em;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 -2px 5px -2px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 -2px 5px -2px;
    -o-box-shadow: rgba(0,0,0,0.3) 0 -2px 5px -2px;
    box-shadow: rgba(0,0,0,0.3) 0 -2px 5px -2px;
    padding: 2px 15px 0;
    text-align: center;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    -ms-border-top-right-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#feb426),color-stop(85%,#ffb629));
    background-image: -webkit-linear-gradient(#feb426,#ffb629 85%);
    background-image: -moz-linear-gradient(#feb426,#ffb629 85%);
    background-image: -o-linear-gradient(#feb426,#ffb629 85%);
    background-image: -ms-linear-gradient(#feb426,#ffb629 85%);
    background-image: linear-gradient(#feb426,#ffb629 85%)
}

#achievements .achievement .stat-holder {
    background: transparent url('/images/rewards-sprite.png?1406796772') no-repeat 0 0
}

#achievements .achievement .stat-holder .xp div {
    font-size: 32px;
    font-weight: bold
}

#achievements .achievement .info {
    margin-left: 2px;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ffb629),color-stop(100%,#ff9124));
    background-image: -webkit-linear-gradient(#ffb629,#ff9124);
    background-image: -moz-linear-gradient(#ffb629,#ff9124);
    background-image: -o-linear-gradient(#ffb629,#ff9124);
    background-image: -ms-linear-gradient(#ffb629,#ff9124);
    background-image: linear-gradient(#ffb629,#ff9124)
}

#achievements .achievement .info h5 {
    padding: 20px 0 10px;
    font-size: 28px
}

#achievements .achievement .info p.description {
    margin-left: 2px;
    font-size: .75em;
    line-height: 2em;
    line-height: 1.5em;
    font-weight: bold
}

#achievements .achievement .info p.description:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#achievements .achievement .info .tiers {
    text-align: center;
    padding: 10px 0
}

#achievements .achievement .info .tiers .tier {
    display: inline-block;
    margin: 0 1px;
    width: 34px;
    height: 25px;
    padding-top: 11px;
    font-size: 12px;
    color: #f67a01;
    background: transparent url('/images/rewards-sprite.png?1406796772') no-repeat -136px -3px
}

.group-alert {
    width: 400px;
    padding: 10px;
    color: red;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9;
    -moz-box-shadow: #ccc 0 0 1px 1px;
    -webkit-box-shadow: #ccc 0 0 1px 1px;
    -o-box-shadow: #ccc 0 0 1px 1px;
    box-shadow: #ccc 0 0 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;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,rgba(255,253,197,0.95)),color-stop(100%,rgba(255,234,119,0.95)));
    background-image: -webkit-linear-gradient(rgba(255,253,197,0.95),rgba(255,234,119,0.95));
    background-image: -moz-linear-gradient(rgba(255,253,197,0.95),rgba(255,234,119,0.95));
    background-image: -o-linear-gradient(rgba(255,253,197,0.95),rgba(255,234,119,0.95));
    background-image: -ms-linear-gradient(rgba(255,253,197,0.95),rgba(255,234,119,0.95));
    background-image: linear-gradient(rgba(255,253,197,0.95),rgba(255,234,119,0.95))
}

.group-alert .title {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 2px
}

.group-alert p {
    padding-top: 5px;
    font-size: 12px;
    line-height: 1.3em;
    word-break: break-word;
    white-space: pre-wrap
}

.group-alert .close {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url('/images/session-close-buttonf540.png?1406796772');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 13px;
    height: 13px;
    border: 0;
    background-color: transparent;
    cursor: pointer
}

.group-alert .close,.group-alert .close:hover {
    text-decoration: none
}

.user .medals,.user .achievements {
    font-size: 83.333%;
    line-height: 1.5em;
    font-weight: bold
}

.user .medals {
    color: #c49223
}

.user .achievements {
    color: #e69700
}

.user img {
    position: relative
}

.user img.achievements {
    top: 2px
}

.user img.medals {
    top: 3px
}

.report-abuse {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    color: #00b1f2;
    cursor: pointer
}

.report-abuse:hover {
    text-decoration: underline
}

.report-abuse.inactive {
    display: none!important
}

.delete.inactive {
    display: none!important
}

.logged-out .report-abuse,.logged-out .report-container {
    display: none!important
}

body.logged-in .logged-out {
    display: none!important
}

body.logged-out .logged-in {
    display: none!important
}

a {
    color: #00b1f2;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

label {
    display: none
}

div.placeholder-wrapper {
    position: relative
}

label.placeholder {
    display: block;
    position: absolute;
    top: 7px;
    left: 10px;
    color: #878787;
    cursor: text
}

label.placeholder+textarea {
    height: 2.4em;
    resize: none
}

label.placeholder,label.focused {
    -moz-transition: color 300ms;
    -webkit-transition: color 300ms;
    -o-transition: color 300ms;
    transition: color 300ms
}

label.focused {
    color: #bcbcbc
}

label.disabled+textarea,label.disabled+input {
    background: #ededed
}

label.disabled,[disabled] {
    cursor: not-allowed
}

*:disabled {
    cursor: not-allowed
}

.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",'Open Sans', "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: 'Open Sans', "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",'Open Sans', "Lucida Grande","Lucida Sans Unicode","Lucida Sans","Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 2px 0 rgba(0,0,0,0.09);
    border: 0;
    background: transparent;
    margin: 0;
    cursor: pointer;
    text-align: left;
    filter: alpha(opacity=90);
    opacity: .9;
    height: 100%
}

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

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

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

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

#group-breadcrumb li ul {
    position: absolute;
    border: 1px solid #a3daf1;
    width: 330px;
    -webkit-box-shadow: 0 0 3px 0 rgba(145,145,145,0.75);
    -moz-box-shadow: 0 0 3px 0 rgba(145,145,145,0.75);
    box-shadow: 0 0 3px 0 rgba(145,145,145,0.75);
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 2.1;
    font-family: 'Open Sans', "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 {
    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",'Open Sans', "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,div.profile-dropdown div.profile>div {
        top: -30px
    }

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

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

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

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

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

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

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

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

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

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

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

#group-search header {
    width: 60%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#group-search.showing {
    top: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#create-group.showing {
    top: 0
}

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

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

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

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

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

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

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

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

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

.body span.merror {
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.target-group {
    right: 50px
}

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

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

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

span.info {
    padding-left: 5.88235%
}

div.info {
    position: relative
}

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

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

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

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

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

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

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

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

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

ul.repliers {
    overflow: hidden;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

section.update .editor {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

section.update .achievements {
    display: inline
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.replies {
    clear: both
}

.replies img.avatar {
    float: left
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

li.post-reply form {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flexible-autocomplete-wrapper {
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#group-chats h3 {
    display: none
}

section.group-chat h3 {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

section.group-chat .hide {
    right: 21px;
    color: #fff;
    font-weight: bold;
    font-size: 1em;
    padding: 0;
    margin: 0 10px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.post-chat .submit {
    display: none
}

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

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

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

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

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

section.add-group header {
    cursor: pointer
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

section.group-chat.hidden-chats .togglers header {
    line-height: 1.5em;
    padding-right: 15px;
    padding-left: 15px;
    color: #fff;
    font-weight: bold
}

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

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

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

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

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

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

html,body,#content-container,#content {
    min-height: 100%
}

body.loading #content>*,body.loading #groups,body.loading #updates,body.loading #profile,body.loading #group-chats,body.loading .group-buttons,body.loading #main-header .indicators,body.loading section.smarts {
    display: none!important
}

body.loading * {
    -moz-transition: none!important;
    -webkit-transition: none!important;
    -o-transition: none!important;
    transition: none!important
}

.grid {
    background-image: -webkit-gradient(linear,0% 50%,100% 50%,color-stop(2.04082%,rgba(0,0,0,0)),color-stop(2.04082%,rgba(100,100,225,0.25)),color-stop(6.12245%,rgba(100,100,225,0.25)),color-stop(6.12245%,rgba(0,0,0,0)),color-stop(8.16327%,rgba(0,0,0,0)),color-stop(8.16327%,rgba(100,100,225,0.25)),color-stop(12.2449%,rgba(100,100,225,0.25)),color-stop(12.2449%,rgba(0,0,0,0)),color-stop(14.28571%,rgba(0,0,0,0)),color-stop(14.28571%,rgba(100,100,225,0.25)),color-stop(18.36735%,rgba(100,100,225,0.25)),color-stop(18.36735%,rgba(0,0,0,0)),color-stop(20.40816%,rgba(0,0,0,0)),color-stop(20.40816%,rgba(100,100,225,0.25)),color-stop(24.4898%,rgba(100,100,225,0.25)),color-stop(24.4898%,rgba(0,0,0,0)),color-stop(26.53061%,rgba(0,0,0,0)),color-stop(26.53061%,rgba(100,100,225,0.25)),color-stop(30.61224%,rgba(100,100,225,0.25)),color-stop(30.61224%,rgba(0,0,0,0)),color-stop(32.65306%,rgba(0,0,0,0)),color-stop(32.65306%,rgba(100,100,225,0.25)),color-stop(36.73469%,rgba(100,100,225,0.25)),color-stop(36.73469%,rgba(0,0,0,0)),color-stop(38.77551%,rgba(0,0,0,0)),color-stop(38.77551%,rgba(100,100,225,0.25)),color-stop(42.85714%,rgba(100,100,225,0.25)),color-stop(42.85714%,rgba(0,0,0,0)),color-stop(44.89796%,rgba(0,0,0,0)),color-stop(44.89796%,rgba(100,100,225,0.25)),color-stop(48.97959%,rgba(100,100,225,0.25)),color-stop(48.97959%,rgba(0,0,0,0)),color-stop(51.02041%,rgba(0,0,0,0)),color-stop(51.02041%,rgba(100,100,225,0.25)),color-stop(55.10204%,rgba(100,100,225,0.25)),color-stop(55.10204%,rgba(0,0,0,0)),color-stop(57.14286%,rgba(0,0,0,0)),color-stop(57.14286%,rgba(100,100,225,0.25)),color-stop(61.22449%,rgba(100,100,225,0.25)),color-stop(61.22449%,rgba(0,0,0,0)),color-stop(63.26531%,rgba(0,0,0,0)),color-stop(63.26531%,rgba(100,100,225,0.25)),color-stop(67.34694%,rgba(100,100,225,0.25)),color-stop(67.34694%,rgba(0,0,0,0)),color-stop(69.38776%,rgba(0,0,0,0)),color-stop(69.38776%,rgba(100,100,225,0.25)),color-stop(73.46939%,rgba(100,100,225,0.25)),color-stop(73.46939%,rgba(0,0,0,0)),color-stop(75.5102%,rgba(0,0,0,0)),color-stop(75.5102%,rgba(100,100,225,0.25)),color-stop(79.59184%,rgba(100,100,225,0.25)),color-stop(79.59184%,rgba(0,0,0,0)),color-stop(81.63265%,rgba(0,0,0,0)),color-stop(81.63265%,rgba(100,100,225,0.25)),color-stop(85.71429%,rgba(100,100,225,0.25)),color-stop(85.71429%,rgba(0,0,0,0)),color-stop(87.7551%,rgba(0,0,0,0)),color-stop(87.7551%,rgba(100,100,225,0.25)),color-stop(91.83673%,rgba(100,100,225,0.25)),color-stop(91.83673%,rgba(0,0,0,0)),color-stop(93.87755%,rgba(0,0,0,0)),color-stop(93.87755%,rgba(100,100,225,0.25)),color-stop(97.95918%,rgba(100,100,225,0.25)),color-stop(97.95918%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 2.04082%,rgba(100,100,225,0.25) 2.04082%,rgba(100,100,225,0.25) 6.12245%,rgba(0,0,0,0) 6.12245%,rgba(0,0,0,0) 8.16327%,rgba(100,100,225,0.25) 8.16327%,rgba(100,100,225,0.25) 12.2449%,rgba(0,0,0,0) 12.2449%,rgba(0,0,0,0) 14.28571%,rgba(100,100,225,0.25) 14.28571%,rgba(100,100,225,0.25) 18.36735%,rgba(0,0,0,0) 18.36735%,rgba(0,0,0,0) 20.40816%,rgba(100,100,225,0.25) 20.40816%,rgba(100,100,225,0.25) 24.4898%,rgba(0,0,0,0) 24.4898%,rgba(0,0,0,0) 26.53061%,rgba(100,100,225,0.25) 26.53061%,rgba(100,100,225,0.25) 30.61224%,rgba(0,0,0,0) 30.61224%,rgba(0,0,0,0) 32.65306%,rgba(100,100,225,0.25) 32.65306%,rgba(100,100,225,0.25) 36.73469%,rgba(0,0,0,0) 36.73469%,rgba(0,0,0,0) 38.77551%,rgba(100,100,225,0.25) 38.77551%,rgba(100,100,225,0.25) 42.85714%,rgba(0,0,0,0) 42.85714%,rgba(0,0,0,0) 44.89796%,rgba(100,100,225,0.25) 44.89796%,rgba(100,100,225,0.25) 48.97959%,rgba(0,0,0,0) 48.97959%,rgba(0,0,0,0) 51.02041%,rgba(100,100,225,0.25) 51.02041%,rgba(100,100,225,0.25) 55.10204%,rgba(0,0,0,0) 55.10204%,rgba(0,0,0,0) 57.14286%,rgba(100,100,225,0.25) 57.14286%,rgba(100,100,225,0.25) 61.22449%,rgba(0,0,0,0) 61.22449%,rgba(0,0,0,0) 63.26531%,rgba(100,100,225,0.25) 63.26531%,rgba(100,100,225,0.25) 67.34694%,rgba(0,0,0,0) 67.34694%,rgba(0,0,0,0) 69.38776%,rgba(100,100,225,0.25) 69.38776%,rgba(100,100,225,0.25) 73.46939%,rgba(0,0,0,0) 73.46939%,rgba(0,0,0,0) 75.5102%,rgba(100,100,225,0.25) 75.5102%,rgba(100,100,225,0.25) 79.59184%,rgba(0,0,0,0) 79.59184%,rgba(0,0,0,0) 81.63265%,rgba(100,100,225,0.25) 81.63265%,rgba(100,100,225,0.25) 85.71429%,rgba(0,0,0,0) 85.71429%,rgba(0,0,0,0) 87.7551%,rgba(100,100,225,0.25) 87.7551%,rgba(100,100,225,0.25) 91.83673%,rgba(0,0,0,0) 91.83673%,rgba(0,0,0,0) 93.87755%,rgba(100,100,225,0.25) 93.87755%,rgba(100,100,225,0.25) 97.95918%,rgba(0,0,0,0) 97.95918%,rgba(0,0,0,0) 100%);
    background-image: -moz-linear-gradient(left,rgba(0,0,0,0) 2.04082%,rgba(100,100,225,0.25) 2.04082%,rgba(100,100,225,0.25) 6.12245%,rgba(0,0,0,0) 6.12245%,rgba(0,0,0,0) 8.16327%,rgba(100,100,225,0.25) 8.16327%,rgba(100,100,225,0.25) 12.2449%,rgba(0,0,0,0) 12.2449%,rgba(0,0,0,0) 14.28571%,rgba(100,100,225,0.25) 14.28571%,rgba(100,100,225,0.25) 18.36735%,rgba(0,0,0,0) 18.36735%,rgba(0,0,0,0) 20.40816%,rgba(100,100,225,0.25) 20.40816%,rgba(100,100,225,0.25) 24.4898%,rgba(0,0,0,0) 24.4898%,rgba(0,0,0,0) 26.53061%,rgba(100,100,225,0.25) 26.53061%,rgba(100,100,225,0.25) 30.61224%,rgba(0,0,0,0) 30.61224%,rgba(0,0,0,0) 32.65306%,rgba(100,100,225,0.25) 32.65306%,rgba(100,100,225,0.25) 36.73469%,rgba(0,0,0,0) 36.73469%,rgba(0,0,0,0) 38.77551%,rgba(100,100,225,0.25) 38.77551%,rgba(100,100,225,0.25) 42.85714%,rgba(0,0,0,0) 42.85714%,rgba(0,0,0,0) 44.89796%,rgba(100,100,225,0.25) 44.89796%,rgba(100,100,225,0.25) 48.97959%,rgba(0,0,0,0) 48.97959%,rgba(0,0,0,0) 51.02041%,rgba(100,100,225,0.25) 51.02041%,rgba(100,100,225,0.25) 55.10204%,rgba(0,0,0,0) 55.10204%,rgba(0,0,0,0) 57.14286%,rgba(100,100,225,0.25) 57.14286%,rgba(100,100,225,0.25) 61.22449%,rgba(0,0,0,0) 61.22449%,rgba(0,0,0,0) 63.26531%,rgba(100,100,225,0.25) 63.26531%,rgba(100,100,225,0.25) 67.34694%,rgba(0,0,0,0) 67.34694%,rgba(0,0,0,0) 69.38776%,rgba(100,100,225,0.25) 69.38776%,rgba(100,100,225,0.25) 73.46939%,rgba(0,0,0,0) 73.46939%,rgba(0,0,0,0) 75.5102%,rgba(100,100,225,0.25) 75.5102%,rgba(100,100,225,0.25) 79.59184%,rgba(0,0,0,0) 79.59184%,rgba(0,0,0,0) 81.63265%,rgba(100,100,225,0.25) 81.63265%,rgba(100,100,225,0.25) 85.71429%,rgba(0,0,0,0) 85.71429%,rgba(0,0,0,0) 87.7551%,rgba(100,100,225,0.25) 87.7551%,rgba(100,100,225,0.25) 91.83673%,rgba(0,0,0,0) 91.83673%,rgba(0,0,0,0) 93.87755%,rgba(100,100,225,0.25) 93.87755%,rgba(100,100,225,0.25) 97.95918%,rgba(0,0,0,0) 97.95918%,rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,0) 2.04082%,rgba(100,100,225,0.25) 2.04082%,rgba(100,100,225,0.25) 6.12245%,rgba(0,0,0,0) 6.12245%,rgba(0,0,0,0) 8.16327%,rgba(100,100,225,0.25) 8.16327%,rgba(100,100,225,0.25) 12.2449%,rgba(0,0,0,0) 12.2449%,rgba(0,0,0,0) 14.28571%,rgba(100,100,225,0.25) 14.28571%,rgba(100,100,225,0.25) 18.36735%,rgba(0,0,0,0) 18.36735%,rgba(0,0,0,0) 20.40816%,rgba(100,100,225,0.25) 20.40816%,rgba(100,100,225,0.25) 24.4898%,rgba(0,0,0,0) 24.4898%,rgba(0,0,0,0) 26.53061%,rgba(100,100,225,0.25) 26.53061%,rgba(100,100,225,0.25) 30.61224%,rgba(0,0,0,0) 30.61224%,rgba(0,0,0,0) 32.65306%,rgba(100,100,225,0.25) 32.65306%,rgba(100,100,225,0.25) 36.73469%,rgba(0,0,0,0) 36.73469%,rgba(0,0,0,0) 38.77551%,rgba(100,100,225,0.25) 38.77551%,rgba(100,100,225,0.25) 42.85714%,rgba(0,0,0,0) 42.85714%,rgba(0,0,0,0) 44.89796%,rgba(100,100,225,0.25) 44.89796%,rgba(100,100,225,0.25) 48.97959%,rgba(0,0,0,0) 48.97959%,rgba(0,0,0,0) 51.02041%,rgba(100,100,225,0.25) 51.02041%,rgba(100,100,225,0.25) 55.10204%,rgba(0,0,0,0) 55.10204%,rgba(0,0,0,0) 57.14286%,rgba(100,100,225,0.25) 57.14286%,rgba(100,100,225,0.25) 61.22449%,rgba(0,0,0,0) 61.22449%,rgba(0,0,0,0) 63.26531%,rgba(100,100,225,0.25) 63.26531%,rgba(100,100,225,0.25) 67.34694%,rgba(0,0,0,0) 67.34694%,rgba(0,0,0,0) 69.38776%,rgba(100,100,225,0.25) 69.38776%,rgba(100,100,225,0.25) 73.46939%,rgba(0,0,0,0) 73.46939%,rgba(0,0,0,0) 75.5102%,rgba(100,100,225,0.25) 75.5102%,rgba(100,100,225,0.25) 79.59184%,rgba(0,0,0,0) 79.59184%,rgba(0,0,0,0) 81.63265%,rgba(100,100,225,0.25) 81.63265%,rgba(100,100,225,0.25) 85.71429%,rgba(0,0,0,0) 85.71429%,rgba(0,0,0,0) 87.7551%,rgba(100,100,225,0.25) 87.7551%,rgba(100,100,225,0.25) 91.83673%,rgba(0,0,0,0) 91.83673%,rgba(0,0,0,0) 93.87755%,rgba(100,100,225,0.25) 93.87755%,rgba(100,100,225,0.25) 97.95918%,rgba(0,0,0,0) 97.95918%,rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient(left,rgba(0,0,0,0) 2.04082%,rgba(100,100,225,0.25) 2.04082%,rgba(100,100,225,0.25) 6.12245%,rgba(0,0,0,0) 6.12245%,rgba(0,0,0,0) 8.16327%,rgba(100,100,225,0.25) 8.16327%,rgba(100,100,225,0.25) 12.2449%,rgba(0,0,0,0) 12.2449%,rgba(0,0,0,0) 14.28571%,rgba(100,100,225,0.25) 14.28571%,rgba(100,100,225,0.25) 18.36735%,rgba(0,0,0,0) 18.36735%,rgba(0,0,0,0) 20.40816%,rgba(100,100,225,0.25) 20.40816%,rgba(100,100,225,0.25) 24.4898%,rgba(0,0,0,0) 24.4898%,rgba(0,0,0,0) 26.53061%,rgba(100,100,225,0.25) 26.53061%,rgba(100,100,225,0.25) 30.61224%,rgba(0,0,0,0) 30.61224%,rgba(0,0,0,0) 32.65306%,rgba(100,100,225,0.25) 32.65306%,rgba(100,100,225,0.25) 36.73469%,rgba(0,0,0,0) 36.73469%,rgba(0,0,0,0) 38.77551%,rgba(100,100,225,0.25) 38.77551%,rgba(100,100,225,0.25) 42.85714%,rgba(0,0,0,0) 42.85714%,rgba(0,0,0,0) 44.89796%,rgba(100,100,225,0.25) 44.89796%,rgba(100,100,225,0.25) 48.97959%,rgba(0,0,0,0) 48.97959%,rgba(0,0,0,0) 51.02041%,rgba(100,100,225,0.25) 51.02041%,rgba(100,100,225,0.25) 55.10204%,rgba(0,0,0,0) 55.10204%,rgba(0,0,0,0) 57.14286%,rgba(100,100,225,0.25) 57.14286%,rgba(100,100,225,0.25) 61.22449%,rgba(0,0,0,0) 61.22449%,rgba(0,0,0,0) 63.26531%,rgba(100,100,225,0.25) 63.26531%,rgba(100,100,225,0.25) 67.34694%,rgba(0,0,0,0) 67.34694%,rgba(0,0,0,0) 69.38776%,rgba(100,100,225,0.25) 69.38776%,rgba(100,100,225,0.25) 73.46939%,rgba(0,0,0,0) 73.46939%,rgba(0,0,0,0) 75.5102%,rgba(100,100,225,0.25) 75.5102%,rgba(100,100,225,0.25) 79.59184%,rgba(0,0,0,0) 79.59184%,rgba(0,0,0,0) 81.63265%,rgba(100,100,225,0.25) 81.63265%,rgba(100,100,225,0.25) 85.71429%,rgba(0,0,0,0) 85.71429%,rgba(0,0,0,0) 87.7551%,rgba(100,100,225,0.25) 87.7551%,rgba(100,100,225,0.25) 91.83673%,rgba(0,0,0,0) 91.83673%,rgba(0,0,0,0) 93.87755%,rgba(100,100,225,0.25) 93.87755%,rgba(100,100,225,0.25) 97.95918%,rgba(0,0,0,0) 97.95918%,rgba(0,0,0,0) 100%);
    background-image: linear-gradient(left,rgba(0,0,0,0) 2.04082%,rgba(100,100,225,0.25) 2.04082%,rgba(100,100,225,0.25) 6.12245%,rgba(0,0,0,0) 6.12245%,rgba(0,0,0,0) 8.16327%,rgba(100,100,225,0.25) 8.16327%,rgba(100,100,225,0.25) 12.2449%,rgba(0,0,0,0) 12.2449%,rgba(0,0,0,0) 14.28571%,rgba(100,100,225,0.25) 14.28571%,rgba(100,100,225,0.25) 18.36735%,rgba(0,0,0,0) 18.36735%,rgba(0,0,0,0) 20.40816%,rgba(100,100,225,0.25) 20.40816%,rgba(100,100,225,0.25) 24.4898%,rgba(0,0,0,0) 24.4898%,rgba(0,0,0,0) 26.53061%,rgba(100,100,225,0.25) 26.53061%,rgba(100,100,225,0.25) 30.61224%,rgba(0,0,0,0) 30.61224%,rgba(0,0,0,0) 32.65306%,rgba(100,100,225,0.25) 32.65306%,rgba(100,100,225,0.25) 36.73469%,rgba(0,0,0,0) 36.73469%,rgba(0,0,0,0) 38.77551%,rgba(100,100,225,0.25) 38.77551%,rgba(100,100,225,0.25) 42.85714%,rgba(0,0,0,0) 42.85714%,rgba(0,0,0,0) 44.89796%,rgba(100,100,225,0.25) 44.89796%,rgba(100,100,225,0.25) 48.97959%,rgba(0,0,0,0) 48.97959%,rgba(0,0,0,0) 51.02041%,rgba(100,100,225,0.25) 51.02041%,rgba(100,100,225,0.25) 55.10204%,rgba(0,0,0,0) 55.10204%,rgba(0,0,0,0) 57.14286%,rgba(100,100,225,0.25) 57.14286%,rgba(100,100,225,0.25) 61.22449%,rgba(0,0,0,0) 61.22449%,rgba(0,0,0,0) 63.26531%,rgba(100,100,225,0.25) 63.26531%,rgba(100,100,225,0.25) 67.34694%,rgba(0,0,0,0) 67.34694%,rgba(0,0,0,0) 69.38776%,rgba(100,100,225,0.25) 69.38776%,rgba(100,100,225,0.25) 73.46939%,rgba(0,0,0,0) 73.46939%,rgba(0,0,0,0) 75.5102%,rgba(100,100,225,0.25) 75.5102%,rgba(100,100,225,0.25) 79.59184%,rgba(0,0,0,0) 79.59184%,rgba(0,0,0,0) 81.63265%,rgba(100,100,225,0.25) 81.63265%,rgba(100,100,225,0.25) 85.71429%,rgba(0,0,0,0) 85.71429%,rgba(0,0,0,0) 87.7551%,rgba(100,100,225,0.25) 87.7551%,rgba(100,100,225,0.25) 91.83673%,rgba(0,0,0,0) 91.83673%,rgba(0,0,0,0) 93.87755%,rgba(100,100,225,0.25) 93.87755%,rgba(100,100,225,0.25) 97.95918%,rgba(0,0,0,0) 97.95918%,rgba(0,0,0,0) 100%);
    background-position: left top;
    background-position: 0 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

body {
    margin: 0;
    width: 100%;
    background: #f2f2f2 url('/images/group-noise.png?1406796772') repeat
}

#content-container {
    margin: auto;
    width: 61.25em;
    max-width: 100%;
    width: 70em;
    z-index: 0
}

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

textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

section.pane {
    display: none;
    padding-left: 10px;
    margin-left: 0;
    min-height: 100%;
    font-size: inherit;
    line-height: inherit;
    top: 110px;
    margin-bottom: 0;
    z-index: 0
}

section.pane .home-link {
    color: #00b1f2;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
    float: left;
    text-decoration: none
}

section.pane .home-link:hover {
    text-decoration: underline
}

section.pane .home-link+h2 {
    padding-top: 0
}

section.pane.current-pane,section.pane.loading,section.pane.error {
    display: block;
    min-width: 516px
}

section.pane.error .message {
    display: block;
    padding-top: 30%;
    text-align: center;
    color: #6c6c6c
}

section.pane.error .message h2 {
    font-size: 2.625em;
    line-height: 1.14286em;
    color: #000
}

section.pane.loading,section.pane.error {
    position: absolute;
    top: 83px;
    left: 30em;
    margin-left: 10px;
    right: 0;
    height: 500px;
    background: #fff
}

section.pane.error {
    padding: 20px
}

section.pane.error .message {
    width: 100%
}

section.pane.loading {
    background: #fff url('/images/ajax-loader-blue.gif?1406796772') no-repeat 50% 50%
}

section.pane.loading * {
    display: none
}

img.avatar.online {
    margin-bottom: 24px
}

div.online-marker {
    position: absolute;
    top: -5px;
    left: 45px;
    background-color: #6fb94a;
    border: 1px solid #fff;
    width: 10px;
    height: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px
}

div.online-text {
    font-size: .75em;
    line-height: 2em;
    line-height: 1em;
    position: absolute;
    top: 55px;
    left: 1px;
    width: 50px;
    text-align: center;
    color: #6fb94a;
    font-weight: bold
}

.auto-load {
    text-align: center;
    padding: 10px
}

.auto-load img {
    vertical-align: middle;
    margin: 5px
}

a.user-link {
    text-decoration: none
}

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

a.user-link .level {
    position: absolute;
    bottom: -3px;
    right: -3px;
    font-size: 56.25%;
    z-index: 0
}

a.user-link.subscribed .level:before,a.user-link.subscribed .level:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 3px 0 0 30px;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -moz-transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    z-index: -1;
    left: -20px;
    border: 2px solid #fff;
    top: 0
}

.avatar-link {
    padding: 3px;
    margin: -3px 0 0 -3px
}

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

.user-link .level,div.level {
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: #51bff6;
    color: #fff;
    font-weight: bold;
    font-size: 50%;
    line-height: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid #fff;
    text-decoration: none
}

.user .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;
    margin: 0;
    width: auto;
    height: auto
}

.user .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)
}

.user .become-a-fan:active {
    top: 1px;
    left: 1px
}

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

.user .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
}

.user .become-a-fan.disabled:active {
    top: 0;
    left: 0
}

.user .already-a-fan {
    font-color: #373737;
    font-style: italic;
    font-weight: normal
}

.user .already-a-fan .stop-fanning {
    position: relative;
    top: 2px;
    margin-left: 4px;
    padding: 1px 0 0 0;
    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 -78px;
    height: 11px;
    width: 11px;
    position: relative;
    cursor: pointer
}

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

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

.delete {
    cursor: pointer;
    border: 0;
    background: 0;
    color: red
}

.delete:hover {
    text-decoration: underline
}

body.logged-out .already-a-fan,body.logged-out .become-a-fan {
    display: none!important
}

body.logged-out .medal-giving,body.logged-out .medal-given {
    display: none!important
}

.fan .become-a-fan {
    display: none!important
}

.not-fan .already-a-fan {
    display: none!important
}

.medal .medal-giving,.medal-given-elsewhere .medal-giving {
    display: none!important
}

.no-medal .medal-given,.medal-given-elsewhere .medal-given {
    display: none!important
}

.no-medal .best-answer-selected,.medal .best-answer-selected {
    display: none!important
}

a {
    color: #00b1f2
}

div.page-content {
    margin: auto;
    width: 61.25em;
    max-width: 100%;
    position: relative;
    top: 110px;
    width: auto;
    height: 100%;
    padding-left: 30em
}

div.page-content:after {
    content: "";
    display: table;
    clear: both
}

ul.update-list::-webkit-scrollbar,ul.autoloader::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px
}

ul.update-list::-webkit-scrollbar-button,ul.autoloader::-webkit-scrollbar-button {
    display: none
}

ul.update-list::-webkit-scrollbar-track-piece,ul.autoloader::-webkit-scrollbar-track-piece {
    background-color: transparent
}

ul.update-list::-webkit-scrollbar-thumb,ul.autoloader::-webkit-scrollbar-thumb {
    background-color: #d7d7d7;
    -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: rgba(0,0,0,0.05) -1px 0 7px inset;
    -webkit-box-shadow: rgba(0,0,0,0.05) -1px 0 7px inset;
    -o-box-shadow: rgba(0,0,0,0.05) -1px 0 7px inset;
    box-shadow: rgba(0,0,0,0.05) -1px 0 7px inset
}

ul.update-list::-webkit-scrollbar-thumb:hover,ul.autoloader::-webkit-scrollbar-thumb:hover {
    background-color: #d7d7d7;
    -moz-box-shadow: rgba(0,0,0,0.05) 1px 0 3px 7px inset;
    -webkit-box-shadow: rgba(0,0,0,0.05) 1px 0 3px 7px inset;
    -o-box-shadow: rgba(0,0,0,0.05) 1px 0 3px 7px inset;
    box-shadow: rgba(0,0,0,0.05) 1px 0 3px 7px inset
}

ul.update-list::-webkit-scrollbar-corner,ul.autoloader::-webkit-scrollbar-corner {
    display: none
}

.slick-prev {
    width: 9px!important;
    height: 26px!important;
    background: url(/images/profile/slider-left-arrow-enabled.png)!important;
    left: 15px!important
}

.slick-next {
    width: 9px!important;
    height: 26px!important;
    background: url(/images/profile/slider-right-arrow-enabled.png)!important;
    right: 15px!important
}

.slick-prev:before,.slick-next:before {
    content: ""!important;
    content: none!important
}

.slick-prev.slick-disabled {
    background: url(/images/profile/slider-left-arrow-disabled.png)!important
}

.slick-next.slick-disabled {
    background: url(/images/profile/slider-right-arrow-disabled.png)!important
}

.carousel-user-title-item {
    height: 70px!important
}

.carousel-purchase-title-item {
    height: 600px
}

.my-custom-theme {
    border-radius: 5px;
    border: 0;
    /* background: #ae6bf3; */
    color: #fff
}

.my-custom-theme .tooltipster-box {
    background: #ae6bf3;
    border: 0;
}

.my-custom-theme.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border, .my-custom-theme.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #ae6bf3;
}

.my-custom-theme.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border, .my-custom-theme.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #ae6bf3;
}

.my-custom-theme.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border, .my-custom-theme.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #ae6bf3;
}

.my-custom-theme.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border, .my-custom-theme.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #ae6bf3;
}

.my-custom-theme .tooltipster-content {
    font-size: 13px;
    line-height: 16px;
    padding: 8px 10px
}

#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/qc/logo-xl.png");
    height: 116.25px;
    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: 'Open Sans', "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: 'Open Sans', "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: 'Open Sans', "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: 'Open Sans', "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: 'Open Sans', "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: 'Open Sans', "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: 0px;
    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: 'Open Sans', "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: 'Open Sans', "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>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: 'Open Sans', "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
}

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: 0px;
    }

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

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

    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: 'Open Sans', "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
}

#main-header {
    position: relative
}

#popup-notifications #notification-indicator div.avatar,#popup-notifications #notification-indicator div.panel {
    display: none
}

#popup-notifications #notification-indicator .opener {
    border: 0;
    background: transparent;
    background: transparent url('/images/common-sprite.png?1406796772') no-repeat -151px -156px;
    height: 23px;
    width: 23px
}

#popup-notifications #notification-indicator .opener:hover {
    background-position: -151px -179px
}

#popup-notifications #notification-indicator .opener[disabled],#popup-notifications #notification-indicator .opener.disabled {
    color: #b1b1b1;
    background-position: -151px -225px
}

#popup-notifications #notification-indicator .opener span.count {
    display: none
}

#popup-notifications #notification-indicator li {
    padding: 0 0 15px 50px;
    white-space: normal;
    position: relative;
    font-size: 120%;
    line-height: 1.5em;
    word-wrap: break-word;
    overflow: hidden
}

#popup-notifications #notification-indicator li.no-notifications {
    padding-left: 15px;
    text-align: center;
    color: #8b8b8b
}

#popup-notifications #notification-indicator li:first-child {
    padding-top: 15px
}

#popup-notifications #notification-indicator li:first-child img {
    top: 20px
}

#popup-notifications #notification-indicator li img {
    position: absolute;
    left: 15px;
    top: 5px;
    width: 26px
}

#popup-notifications #notification-indicator li * {
    display: inline
}

#popup-notifications #notification-indicator li .last-updated {
    display: block;
    font-size: 80%
}

#popup-notifications {
    position: absolute;
    top: 34px;
    left: 5em;
    z-index: 4
}

#popup-notifications li {
    display: table!important;
    font-size: .75em;
    line-height: 2em;
    line-height: 1.5em;
    text-shadow: 1px 1px #fff;
    position: relative;
    word-wrap: break-word;
    height: auto
}

#popup-notifications li:after {
    content: "";
    display: table;
    clear: both
}

#popup-notifications li .usernames {
    display: inherit;
    font-weight: bold
}

#popup-notifications li a {
    color: #00b1f2;
    word-break: break-word;
    text-decoration: none
}

#popup-notifications li a:hover {
    text-decoration: underline
}

#popup-notifications li .last-updated {
    display: none
}

#popup-notifications li+li {
    margin-top: 5px
}

#popup-notifications .medal-notification,#popup-notifications .fan-notification {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

#popup-notifications .reply-notification,#popup-notifications div.avatar,#popup-notifications div.body,#popup-notifications .update-closed-notification {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: rgba(0,0,0,0.4) 0 2px 4px 0;
    -webkit-box-shadow: rgba(0,0,0,0.4) 0 2px 4px 0;
    -o-box-shadow: rgba(0,0,0,0.4) 0 2px 4px 0;
    box-shadow: rgba(0,0,0,0.4) 0 2px 4px 0;
    background-color: #ebebeb;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(100%,#d7d7d7));
    background-image: -webkit-linear-gradient(#fff,#d7d7d7);
    background-image: -moz-linear-gradient(#fff,#d7d7d7);
    background-image: -o-linear-gradient(#fff,#d7d7d7);
    background-image: -ms-linear-gradient(#fff,#d7d7d7);
    background-image: linear-gradient(#fff,#d7d7d7)
}

#popup-notifications .close {
    background: url("/images/common-sprite.png?1406796772") no-repeat scroll -13px -198px transparent;
    border: medium none;
    cursor: pointer;
    height: 18px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    text-align: left;
    text-indent: -119988px;
    top: 6px;
    width: 13px
}

#popup-notifications div.avatar,#popup-notifications div.body {
    white-space: normal
}

#popup-notifications div.avatar {
    padding: 15px;
    text-align: center;
    position: absolute;
    width: 63px;
    top: 0;
    left: 0;
    bottom: 0
}

#popup-notifications div.avatar img {
    margin-top: 10px
}

#popup-notifications div.body {
    margin-left: 95px
}

#popup-notifications .fanned {
    margin-left: 95px
}

#popup-notifications .fanned .body {
    width: auto;
    margin: 0;
    display: inline-block;
    padding-left: 86px
}

#popup-notifications .fanned .body:before {
    content: "";
    border: 0;
    background: transparent;
    background: transparent url('/images/common-sprite.png?1406796772') no-repeat -228px -137px;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin: 8px 10px 0 -66px;
    vertical-align: top
}

#popup-notifications .fanned .body .avatar {
    -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;
    display: inline-block;
    margin-right: 10px
}

#popup-notifications .fanned .body span {
    white-space: pre;
    font-size: 1.5em;
    line-height: 1.5em;
    display: inline;
    vertical-align: top
}

#popup-notifications .fanned .body span a {
    font-weight: bold;
    vertical-align: top
}

#popup-notifications .reply-notification,#popup-notifications div.body,#popup-notifications .update-closed-notification {
    width: 435px;
    padding: 20px
}

#popup-notifications .reply-notification .avatar,#popup-notifications .update-closed-notification .avatar {
    -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;
    float: left;
    margin-right: 10px
}

#popup-notifications .testimonial-notification {
    position: relative
}

#popup-notifications .testimonial-notification div.avatar img {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 27px
}

#popup-notifications .testimonial-notification div.avatar p.xp {
    position: absolute;
    top: 50%;
    margin-top: 19px;
    left: 17px
}

#popup-notifications .testimonial-notification div.body {
    margin-left: 95px
}

#popup-notifications .testimonial-notification div.body h3.usernames {
    line-height: 1em
}

#popup-notifications .testimonial-notification div.body p {
    display: inline;
    padding-left: 5px
}

#popup-notifications .testimonial-notification div.body .action {
    font-weight: bold
}

#popup-notifications .testimonial-notification div.body .action,#popup-notifications .testimonial-notification div.body p {
    font-size: 83.333%;
    line-height: 1.25em
}

#popup-notifications h3.title {
    font-size: 200%;
    font-weight: bold;
    padding-top: 2px;
    margin-bottom: 15px
}

#popup-notifications p.xp {
    padding-left: 18px;
    background: transparent url('/images/plus-icon-black.png?1406796772') no-repeat left 50%;
    display: inline-block
}

#popup-notifications li.message {
    margin-left: 50px
}

#popup-notifications li.message .view-messages {
    display: inline;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    color: #00b1f2;
    cursor: pointer;
    font-size: 1em;
    text-shadow: 1px 1px #fff
}

#popup-notifications li.message .view-messages:hover {
    text-decoration: underline
}

li.info {
    padding: 15px;
    text-align: center;
    color: #8b8b8b;
    font-size: .75em;
    line-height: 2em
}

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;
    display: none;
}

.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('/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: #3FADD1
}

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

#message-holder {
    margin: 0 0 0 10px;
    padding: 10px;
    color: #62b600;
    background: #fff;
    line-height: 1em
}

#message-holder:before {
    content: "\2714";
    padding-right: 10px
}

#announcement-holder,#message-holder {
    font-size: .875em;
    line-height: 1.71429em;
    font-family: Verdana,"sans-serif"
}

#announcement-holder {
    line-height: 1.5em;
    padding: 10px 20px;
    border: 1px solid #fee191;
    background: #fffebe;
    color: #373737
}

#announcement-holder .headline {
    position: relative;
    padding-right: 20px
}

#announcement-holder .headline .title {
    display: inline-block;
    max-width: 80%;
    padding-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

#announcement-holder .headline .close {
    position: absolute;
    right: 5px;
    top: 4px;
    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;
    cursor: pointer
}

#announcement-holder .show-more,#announcement-holder .hide-more {
    display: inline-block;
    background: 0;
    color: #008ec2;
    border: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    font-size: .875em;
    line-height: 1.71429em;
    font-weight: bold
}

#announcement-holder .show-more:hover,#announcement-holder .hide-more:hover {
    text-decoration: underline
}

#announcement-holder .hide-more {
    display: block
}

#announcement-holder .description {
    display: none;
    margin-top: 10px;
    white-space: pre-wrap;
    word-wrap: break-word
}

#announcement-holder .expanded .title {
    white-space: normal;
    max-width: auto
}

#message-holder ~ section.current-pane>*:first-child {
    margin-top: 10px
}

div.page-content #message-holder {
    margin-top: 85px
}

div.user-profile #message-holder {
    margin-top: 40px
}

div.app-notice {
    position: absolute;
    z-index: 10;
    padding: 10px 20px 18px 18px;
    width: 190px;
    background: #29c0f8;
    color: #fff;
    text-shadow: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    bottom: auto
}

div.app-notice.login {
    padding: 10px 30px;
    top: 40px;
    right: 440px
}

div.app-notice.login h2 {
    line-height: 50px;
    white-space: nowrap
}

div.app-notice.login h2 label {
    line-height: inherit;
    font-size: inherit
}

div.app-notice.level-bar {
    width: 245px
}

div.app-notice.level-bar ul {
    font-size: .75em;
    line-height: 2em;
    line-height: 1.2em;
    padding: 5px
}

div.app-notice.level-bar ul li {
    margin-bottom: 15px
}

div.app-notice.level-bar ul li.achievements {
    background: url('/images/achievements-icon-medium.png?1406796772') no-repeat;
    padding-left: 25px
}

div.app-notice.level-bar ul li.medals {
    background: url('/images/medal-icon-medium.png?1406796772') no-repeat;
    padding-left: 25px
}

div.app-notice.level-bar ul li .title {
    font-size: 14px;
    font-weight: bold;
    text-shadow: -1px -1px #16baf5
}

div.app-notice h5 {
    font-size: 1em;
    line-height: 1.5em;
    line-height: 1.25em;
    margin: 0 0 5px;
    width: 90%;
    text-shadow: -1px -1px #16baf5
}

div.app-notice p {
    font-size: .75em;
    line-height: 2em;
    line-height: 1.2em;
    margin-bottom: 15px
}

div.app-notice label {
    font-size: .625em;
    line-height: 2.4em;
    display: inline
}

div.app-notice input,div.app-notice label {
    line-height: 26px
}

div.app-notice.ask-or-answer {
    background-color: #d0ffa2
}

div.app-notice.avatar,div.app-notice.good-answer {
    background-color: #fefbb5
}

div.app-notice a,div.app-notice button {
    cursor: pointer
}

div.app-notice>.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: -114px -19px;
    height: 13px;
    width: 13px;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0
}

div.app-notice>div .close {
    font-size: .75em;
    line-height: 2em;
    line-height: 2em;
    float: right;
    border: 0;
    background: transparent;
    background: transparent url('/images/common-sprite.png?1406796772') no-repeat -178px -16px;
    height: 26px;
    width: 69px;
    position: relative;
    color: #fff
}

div.app-notice>div .close:active {
    top: 1px;
    left: 1px
}

div.app-notice>div .close:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

div.app-notice .arrow {
    position: absolute
}

div.app-notice .owlfred {
    position: absolute;
    width: 48px;
    height: 39px;
    background: transparent url('/images/common-sprite.png?1406796772') no-repeat 0 -100px;
    top: -35px
}

div.app-notice.left-arrow .owlfred {
    left: -13px
}

div.app-notice.right-arrow .owlfred {
    right: -13px;
    background-position: -48px -100px
}

div.app-notice.left-arrow .arrow,div.app-notice.right-arrow .arrow {
    top: 20px
}

div.app-notice.top-arrow .arrow {
    right: 20px
}

div.app-notice.top-left-arrow .arrow {
    left: 20px;
    top: -12px
}

div.app-notice.top-left-arrow .owlfred {
    background: transparent url('/images/common-sprite.png?1406796772') no-repeat -48px -100px;
    right: -15px
}

div.app-notice.mid-arrow .arrow {
    left: auto;
    right: 40%
}

div.app-notice.signup {
    text-align: center;
    padding-bottom: 26px
}

div.app-notice.signup h5,div.app-notice.signup p {
    text-align: left
}

div.app-notice.signup h5 {
    font-size: 1.125em
}

div.app-notice.signup .owlfred {
    background-position: -96px -100px
}

div.app-notice.signup .sign-up {
    display: inline-block;
    text-decoration: none;
    border: 0;
    background: transparent;
    background: transparent url('/images/common-sprite.png?1406796772') no-repeat -144px -100px;
    height: 36px;
    width: 163px;
    position: relative;
    margin-top: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 36px;
    color: #fff
}

div.app-notice.signup .sign-up:active {
    top: 1px;
    left: 1px
}

div.app-notice.signup .sign-up:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

.csstransforms .app-notice {
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#5bd3ff),color-stop(100%,#00b1f2));
    background-image: -webkit-linear-gradient(#5bd3ff,#00b1f2);
    background-image: -moz-linear-gradient(#5bd3ff,#00b1f2);
    background-image: -o-linear-gradient(#5bd3ff,#00b1f2);
    background-image: -ms-linear-gradient(#5bd3ff,#00b1f2);
    background-image: linear-gradient(#5bd3ff,#00b1f2);
    -moz-box-shadow: rgba(0,0,0,0.8) 0 0 5px 0;
    -webkit-box-shadow: rgba(0,0,0,0.8) 0 0 5px 0;
    -o-box-shadow: rgba(0,0,0,0.8) 0 0 5px 0;
    box-shadow: rgba(0,0,0,0.8) 0 0 5px 0
}

.csstransforms .app-notice .arrow {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 30px;
    height: 30px;
    z-index: -1
}

.csstransforms .app-notice.left-arrow .arrow,.csstransforms .app-notice.right-arrow .arrow {
    background-image: -webkit-gradient(linear,0% 0,100% 100%,color-stop(0%,#53d0fe),color-stop(100%,#37c5f9));
    background-image: -webkit-linear-gradient(left top,#53d0fe,#37c5f9);
    background-image: -moz-linear-gradient(left top,#53d0fe,#37c5f9);
    background-image: -o-linear-gradient(left top,#53d0fe,#37c5f9);
    background-image: -ms-linear-gradient(left top,#53d0fe,#37c5f9);
    background-image: linear-gradient(left top,#53d0fe,#37c5f9)
}

.csstransforms .app-notice.left-arrow .arrow {
    left: -12px;
    top: 20px;
    -moz-box-shadow: #000 -3px 3px 7px -3px;
    -webkit-box-shadow: #000 -3px 3px 7px -3px;
    -o-box-shadow: #000 -3px 3px 7px -3px;
    box-shadow: #000 -3px 3px 7px -3px
}

.csstransforms .app-notice.bottom-left-arrow .arrow {
    top: auto;
    bottom: 50px;
    background-image: -webkit-gradient(linear,0% 0,100% 100%,color-stop(0%,#30c3f9),color-stop(100%,#19bbf6));
    background-image: -webkit-linear-gradient(left top,#30c3f9,#19bbf6);
    background-image: -moz-linear-gradient(left top,#30c3f9,#19bbf6);
    background-image: -o-linear-gradient(left top,#30c3f9,#19bbf6);
    background-image: -ms-linear-gradient(left top,#30c3f9,#19bbf6);
    background-image: linear-gradient(left top,#30c3f9,#19bbf6)
}

.csstransforms .app-notice.right-arrow .arrow {
    right: -12px;
    top: 20px;
    -moz-box-shadow: rgba(0,0,0,0.8) 3px -3px 5px -3px;
    -webkit-box-shadow: rgba(0,0,0,0.8) 3px -3px 5px -3px;
    -o-box-shadow: rgba(0,0,0,0.8) 3px -3px 5px -3px;
    box-shadow: rgba(0,0,0,0.8) 3px -3px 5px -3px
}

.csstransforms .app-notice.bottom-right-arrow .arrow {
    top: auto;
    bottom: 20px;
    background-image: -webkit-gradient(linear,0% 0,100% 100%,color-stop(0%,#25bff7),color-stop(100%,#0bb5f4));
    background-image: -webkit-linear-gradient(left top,#25bff7,#0bb5f4);
    background-image: -moz-linear-gradient(left top,#25bff7,#0bb5f4);
    background-image: -o-linear-gradient(left top,#25bff7,#0bb5f4);
    background-image: -ms-linear-gradient(left top,#25bff7,#0bb5f4);
    background-image: linear-gradient(left top,#25bff7,#0bb5f4)
}

.csstransforms .app-notice.top-arrow .arrow {
    right: 20px;
    top: -12px;
    -moz-box-shadow: rgba(0,0,0,0.8) -3px -3px 5px -3px;
    -webkit-box-shadow: rgba(0,0,0,0.8) -3px -3px 5px -3px;
    -o-box-shadow: rgba(0,0,0,0.8) -3px -3px 5px -3px;
    box-shadow: rgba(0,0,0,0.8) -3px -3px 5px -3px;
    background-image: -webkit-gradient(linear,0% 0,100% 100%,color-stop(0%,#6dd7ff),color-stop(40%,#5bd3ff),color-stop(100%,#3ac7fb));
    background-image: -webkit-linear-gradient(left top,#6dd7ff,#5bd3ff 40%,#3ac7fb);
    background-image: -moz-linear-gradient(left top,#6dd7ff,#5bd3ff 40%,#3ac7fb);
    background-image: -o-linear-gradient(left top,#6dd7ff,#5bd3ff 40%,#3ac7fb);
    background-image: -ms-linear-gradient(left top,#6dd7ff,#5bd3ff 40%,#3ac7fb);
    background-image: linear-gradient(left top,#6dd7ff,#5bd3ff 40%,#3ac7fb)
}

.csstransforms .app-notice.mid-arrow .arrow {
    left: auto;
    right: 40%
}

.csstransforms .app-notice.top-left-arrow .arrow {
    -moz-box-shadow: rgba(0,0,0,0.8) -3px -3px 5px -3px;
    -webkit-box-shadow: rgba(0,0,0,0.8) -3px -3px 5px -3px;
    -o-box-shadow: rgba(0,0,0,0.8) -3px -3px 5px -3px;
    box-shadow: rgba(0,0,0,0.8) -3px -3px 5px -3px;
    background-image: -webkit-gradient(linear,0% 0,100% 100%,color-stop(0%,#6dd7ff),color-stop(50%,#5bd3ff),color-stop(100%,#4ccdfd));
    background-image: -webkit-linear-gradient(left top,#6dd7ff,#5bd3ff,#4ccdfd);
    background-image: -moz-linear-gradient(left top,#6dd7ff,#5bd3ff,#4ccdfd);
    background-image: -o-linear-gradient(left top,#6dd7ff,#5bd3ff,#4ccdfd);
    background-image: -ms-linear-gradient(left top,#6dd7ff,#5bd3ff,#4ccdfd);
    background-image: linear-gradient(left top,#6dd7ff,#5bd3ff,#4ccdfd)
}

.csstransforms .app-notice.signup {
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#ffb629),color-stop(100%,#ff9124));
    background-image: -webkit-linear-gradient(#ffb629,#ff9124);
    background-image: -moz-linear-gradient(#ffb629,#ff9124);
    background-image: -o-linear-gradient(#ffb629,#ff9124);
    background-image: -ms-linear-gradient(#ffb629,#ff9124);
    background-image: linear-gradient(#ffb629,#ff9124)
}

.csstransforms .app-notice.signup h5 {
    text-shadow: -1px -1px #ef800c
}

.csstransforms .app-notice.signup .arrow {
    background-image: -webkit-gradient(linear,0% 0,100% 100%,color-stop(0%,#ffb629),color-stop(50%,#ffb629),color-stop(100%,#ffb128));
    background-image: -webkit-linear-gradient(left top,#ffb629,#ffb629,#ffb128);
    background-image: -moz-linear-gradient(left top,#ffb629,#ffb629,#ffb128);
    background-image: -o-linear-gradient(left top,#ffb629,#ffb629,#ffb128);
    background-image: -ms-linear-gradient(left top,#ffb629,#ffb629,#ffb128);
    background-image: linear-gradient(left top,#ffb629,#ffb629,#ffb128)
}

.no-cssgradients .app-notice .arrow {
    background: #29c0f8
}

.no-csstransforms .app-notice.left-arrow .arrow,.no-csstransforms .app-notice.right-arrow .arrow {
    width: 17px;
    height: 32px
}

.no-csstransforms .app-notice.left-arrow .arrow {
    left: -10px;
    background: url('/images/app-notice-arrow-left.png?1406796772')
}

.no-csstransforms .app-notice.bottom-left-arrow .arrow {
    top: auto;
    bottom: 50px
}

.no-csstransforms .app-notice.right-arrow .arrow {
    right: -10px;
    background: url('/images/app-notice-arrow-right.png?1406796772')
}

.no-csstransforms .app-notice.bottom-right-arrow .arrow {
    top: auto;
    bottom: 20px
}

.no-csstransforms .app-notice.top-arrow .arrow,.no-csstransforms .app-notice.top-left-arrow .arrow {
    top: -10px;
    background: url('/images/app-notice-arrow-top.png?1406796772');
    width: 32px;
    height: 17px
}

.no-csstransforms .app-notice.signup {
    background-color: #ffa126
}

.no-csstransforms .app-notice.signup .arrow {
    background: url('/images/app-notice-arrow-top-orange.png?1406796772')
}

div.empty-app-notice {
    display: none
}

#shim+div.smart-score.dialog {
    background: transparent;
    position: absolute;
    border: 0;
    left: auto;
    right: 325px;
    width: 625px;
    top: 80px;
    height: auto;
    font-weight: bold
}

#shim+div.smart-score.dialog .close.corner {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    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: -114px -19px;
    height: 13px;
    width: 13px;
    margin: 0;
    padding: 0
}

#shim+div.smart-score.dialog .blurb {
    color: #fff;
    text-shadow: -1px -1px 1px #888;
    margin-bottom: 2%;
    padding: 20px 20px 20px 175px;
    position: relative;
    background: #00b1f2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px
}

#shim+div.smart-score.dialog .blurb:before {
    content: "";
    position: absolute;
    top: 22px;
    left: 20px;
    border: 0;
    background: transparent;
    background: transparent url('/images/welcome-sprite.png?1406796772') no-repeat -475px -338px;
    height: 112px;
    width: 143px
}

#shim+div.smart-score.dialog .blurb h2 {
    font-size: 2.625em;
    line-height: 1.14286em;
    line-height: 1.5em;
    letter-spacing: .05em
}

#shim+div.smart-score.dialog .blurb p {
    font-size: .875em;
    line-height: 1.71429em;
    line-height: 1.4em
}

#shim+div.smart-score.dialog .categories li {
    background: #ebebeb;
    text-shadow: 1px 1px 1px #fff;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin-left: 2%;
    padding: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px
}

#shim+div.smart-score.dialog .categories li:first-child {
    margin: 0
}

#shim+div.smart-score.dialog .categories li p {
    font-weight: normal;
    font-size: .75em;
    line-height: 2em;
    line-height: 1.4em
}

#shim+div.smart-score.dialog .categories li h5 {
    margin-bottom: 5px;
    font-size: .875em;
    line-height: 1.71429em
}

#shim+div.smart-score.dialog .actions {
    margin-top: 2%
}

#shim+div.smart-score.dialog .actions .close {
    margin: 0 0 0 2%;
    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+div.smart-score.dialog .actions .close: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+div.smart-score.dialog .actions .close:active {
    top: 1px;
    left: 1px
}

#shim+div.smart-score.dialog .actions .close:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

#shim+div.smart-score.dialog .actions .close.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+div.smart-score.dialog .actions .close.disabled:active {
    top: 0;
    left: 0
}

#shim+div.smart-score.dialog .actions .close:after {
    content: "";
    display: inline-block;
    margin-left: 7px;
    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: -114px -19px;
    height: 13px;
    width: 13px
}

#shim+div.smart-score.dialog .actions .learn-more {
    margin: 0;
    color: #fff;
    font-size: 12px;
    background: #98c172;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#98c172),color-stop(100%,#77a052));
    background-image: -webkit-linear-gradient(#98c172,#77a052);
    background-image: -moz-linear-gradient(#98c172,#77a052);
    background-image: -o-linear-gradient(#98c172,#77a052);
    background-image: -ms-linear-gradient(#98c172,#77a052);
    background-image: linear-gradient(#98c172,#77a052);
    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+div.smart-score.dialog .actions .learn-more:hover {
    text-decoration: none;
    background: #7eb14f;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#7eb14f),color-stop(100%,#5e7e41));
    background-image: -webkit-linear-gradient(#7eb14f,#5e7e41);
    background-image: -moz-linear-gradient(#7eb14f,#5e7e41);
    background-image: -o-linear-gradient(#7eb14f,#5e7e41);
    background-image: -ms-linear-gradient(#7eb14f,#5e7e41);
    background-image: linear-gradient(#7eb14f,#5e7e41)
}

#shim+div.smart-score.dialog .actions .learn-more:active {
    top: 1px;
    left: 1px
}

#shim+div.smart-score.dialog .actions .learn-more:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

#shim+div.smart-score.dialog .actions .learn-more.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+div.smart-score.dialog .actions .learn-more.disabled:active {
    top: 0;
    left: 0
}

#shim+div.smart-score.dialog .actions .close,#shim+div.smart-score.dialog .actions .learn-more {
    display: inline-block;
    width: 49%;
    padding: 15px 20px;
    text-shadow: -1px -1px 1px #888;
    text-align: center;
    font-weight: bold;
    font-size: 1.25em;
    line-height: 1.2em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px
}

.showing-smarts-popup #content {
    position: relative
}

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

.showing-smarts-popup #group-search.showing,.showing-smarts-popup #group-search-shim.showing,.showing-smarts-popup #create-group.showing {
    z-index: 4
}

.showing-smarts-popup #groups {
    z-index: auto
}

.showing-smarts-popup #groups>.stats {
    border: 3px solid #fff;
    top: -3px;
    right: -3px;
    background: #f60;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(23px,#fff),color-stop(23px,#f60),color-stop(100%,#f60));
    background: -webkit-radial-gradient(0 50%,circle,#fff 23px,#f60 23px,#f60);
    background: -moz-radial-gradient(0 50%,circle,#fff 23px,#f60 23px,#f60);
    background: -o-radial-gradient(0 50%,circle,#fff 23px,#f60 23px,#f60);
    background: -ms-radial-gradient(0 50%,circle,#fff 23px,#f60 23px,#f60);
    background: radial-gradient(0 50%,circle,#fff 23px,#f60 23px,#f60)
}

.showing-smarts-popup #groups>.stats.tier-2 {
    background: #f09d2a;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(23px,#fff),color-stop(23px,#f09d2a),color-stop(100%,#f09d2a));
    background: -webkit-radial-gradient(0 50%,circle,#fff 23px,#f09d2a 23px,#f09d2a);
    background: -moz-radial-gradient(0 50%,circle,#fff 23px,#f09d2a 23px,#f09d2a);
    background: -o-radial-gradient(0 50%,circle,#fff 23px,#f09d2a 23px,#f09d2a);
    background: -ms-radial-gradient(0 50%,circle,#fff 23px,#f09d2a 23px,#f09d2a);
    background: radial-gradient(0 50%,circle,#fff 23px,#f09d2a 23px,#f09d2a)
}

.showing-smarts-popup #groups>.stats.tier-3 {
    background: #eeca01;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(23px,#fff),color-stop(23px,#eeca01),color-stop(100%,#eeca01));
    background: -webkit-radial-gradient(0 50%,circle,#fff 23px,#eeca01 23px,#eeca01);
    background: -moz-radial-gradient(0 50%,circle,#fff 23px,#eeca01 23px,#eeca01);
    background: -o-radial-gradient(0 50%,circle,#fff 23px,#eeca01 23px,#eeca01);
    background: -ms-radial-gradient(0 50%,circle,#fff 23px,#eeca01 23px,#eeca01);
    background: radial-gradient(0 50%,circle,#fff 23px,#eeca01 23px,#eeca01)
}

.showing-smarts-popup #groups>.stats.tier-4 {
    background: #cbc14f;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(23px,#fff),color-stop(23px,#cbc14f),color-stop(100%,#cbc14f));
    background: -webkit-radial-gradient(0 50%,circle,#fff 23px,#cbc14f 23px,#cbc14f);
    background: -moz-radial-gradient(0 50%,circle,#fff 23px,#cbc14f 23px,#cbc14f);
    background: -o-radial-gradient(0 50%,circle,#fff 23px,#cbc14f 23px,#cbc14f);
    background: -ms-radial-gradient(0 50%,circle,#fff 23px,#cbc14f 23px,#cbc14f);
    background: radial-gradient(0 50%,circle,#fff 23px,#cbc14f 23px,#cbc14f)
}

.showing-smarts-popup #groups>.stats.tier-5 {
    background: #85c540;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(23px,#fff),color-stop(23px,#85c540),color-stop(100%,#85c540));
    background: -webkit-radial-gradient(0 50%,circle,#fff 23px,#85c540 23px,#85c540);
    background: -moz-radial-gradient(0 50%,circle,#fff 23px,#85c540 23px,#85c540);
    background: -o-radial-gradient(0 50%,circle,#fff 23px,#85c540 23px,#85c540);
    background: -ms-radial-gradient(0 50%,circle,#fff 23px,#85c540 23px,#85c540);
    background: radial-gradient(0 50%,circle,#fff 23px,#85c540 23px,#85c540)
}

.showing-smarts-popup #level-info li,.showing-smarts-popup #level-info .about-smarts,.showing-smarts-popup #level-info .smart-score-share-buttons>button {
    border: 3px solid #fff;
    top: -3px;
    right: -3px;
    margin-bottom: -3px;
    position: relative
}

.showing-smarts-popup #level-info .smart-score-share-buttons {
    margin-top: -3px
}

.showing-smarts-popup #level-info .smart-score-share-buttons>button.facebook {
    margin-right: -8px
}

.showing-smarts-popup #level-info li {
    background: #f60;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(18px,#fff),color-stop(18px,#f60),color-stop(100%,#f60));
    background: -webkit-radial-gradient(0 50%,circle,#fff 18px,#f60 18px,#f60);
    background: -moz-radial-gradient(0 50%,circle,#fff 18px,#f60 18px,#f60);
    background: -o-radial-gradient(0 50%,circle,#fff 18px,#f60 18px,#f60);
    background: -ms-radial-gradient(0 50%,circle,#fff 18px,#f60 18px,#f60);
    background: radial-gradient(0 50%,circle,#fff 18px,#f60 18px,#f60)
}

.showing-smarts-popup #level-info li.tier-2 {
    background: #f09d2a;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(18px,#fff),color-stop(18px,#f09d2a),color-stop(100%,#f09d2a));
    background: -webkit-radial-gradient(0 50%,circle,#fff 18px,#f09d2a 18px,#f09d2a);
    background: -moz-radial-gradient(0 50%,circle,#fff 18px,#f09d2a 18px,#f09d2a);
    background: -o-radial-gradient(0 50%,circle,#fff 18px,#f09d2a 18px,#f09d2a);
    background: -ms-radial-gradient(0 50%,circle,#fff 18px,#f09d2a 18px,#f09d2a);
    background: radial-gradient(0 50%,circle,#fff 18px,#f09d2a 18px,#f09d2a)
}

.showing-smarts-popup #level-info li.tier-3 {
    background: #eeca01;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(18px,#fff),color-stop(18px,#eeca01),color-stop(100%,#eeca01));
    background: -webkit-radial-gradient(0 50%,circle,#fff 18px,#eeca01 18px,#eeca01);
    background: -moz-radial-gradient(0 50%,circle,#fff 18px,#eeca01 18px,#eeca01);
    background: -o-radial-gradient(0 50%,circle,#fff 18px,#eeca01 18px,#eeca01);
    background: -ms-radial-gradient(0 50%,circle,#fff 18px,#eeca01 18px,#eeca01);
    background: radial-gradient(0 50%,circle,#fff 18px,#eeca01 18px,#eeca01)
}

.showing-smarts-popup #level-info li.tier-4 {
    background: #cbc14f;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(18px,#fff),color-stop(18px,#cbc14f),color-stop(100%,#cbc14f));
    background: -webkit-radial-gradient(0 50%,circle,#fff 18px,#cbc14f 18px,#cbc14f);
    background: -moz-radial-gradient(0 50%,circle,#fff 18px,#cbc14f 18px,#cbc14f);
    background: -o-radial-gradient(0 50%,circle,#fff 18px,#cbc14f 18px,#cbc14f);
    background: -ms-radial-gradient(0 50%,circle,#fff 18px,#cbc14f 18px,#cbc14f);
    background: radial-gradient(0 50%,circle,#fff 18px,#cbc14f 18px,#cbc14f)
}

.showing-smarts-popup #level-info li.tier-5 {
    background: #85c540;
    background: -webkit-gradient(radial,0 50%,0,0 50%,100,color-stop(18px,#fff),color-stop(18px,#85c540),color-stop(100%,#85c540));
    background: -webkit-radial-gradient(0 50%,circle,#fff 18px,#85c540 18px,#85c540);
    background: -moz-radial-gradient(0 50%,circle,#fff 18px,#85c540 18px,#85c540);
    background: -o-radial-gradient(0 50%,circle,#fff 18px,#85c540 18px,#85c540);
    background: -ms-radial-gradient(0 50%,circle,#fff 18px,#85c540 18px,#85c540);
    background: radial-gradient(0 50%,circle,#fff 18px,#85c540 18px,#85c540)
}

.showing-smarts-popup #groups>.stats>.level,.showing-smarts-popup #groups>.stats>span,.showing-smarts-popup #level-info li>.level,.showing-smarts-popup #level-info li>span {
    border: 3px solid #fff;
    margin-left: -3px;
    top: -3px
}

.showing-smarts-popup #groups>.stats,.showing-smarts-popup #level-info {
    display: block;
    z-index: 4
}

#shim+div.smart-score.dialog ~ .app-notice {
    z-index: 1
}

#shim+div.default-level.dialog,#shim+div.question-level.dialog {
    border: 0 none;
    width: 300px;
    height: auto;
    left: 50%
}

.tier-1 .user-link,.tier-1.user-link {
    color: #f36100
}

.tier-1.avatar-link .level,.tier-1 .level {
    background-color: #f60
}

.tier-1.avatar-link.subscribed .level {
    background-color: transparent
}

.tier-1.avatar-link.subscribed .level:before,.tier-1.avatar-link.subscribed .level:after {
    background-color: #f60
}

.tier-2 .user-link,.tier-2.user-link {
    color: #e8921b
}

.tier-2.avatar-link .level,.tier-2 .level {
    background-color: #f09d2a
}

.tier-2.avatar-link.subscribed .level {
    background-color: transparent
}

.tier-2.avatar-link.subscribed .level:before,.tier-2.avatar-link.subscribed .level:after {
    background-color: #f09d2a
}

.tier-3 .user-link,.tier-3.user-link {
    color: #d8b700
}

.tier-3.avatar-link .level,.tier-3 .level {
    background-color: #eeca01
}

.tier-3.avatar-link.subscribed .level {
    background-color: transparent
}

.tier-3.avatar-link.subscribed .level:before,.tier-3.avatar-link.subscribed .level:after {
    background-color: #eeca01
}

.tier-4 .user-link,.tier-4.user-link {
    color: #a29823
}

.tier-4.avatar-link .level,.tier-4 .level {
    background-color: #cbc14f
}

.tier-4.avatar-link.subscribed .level {
    background-color: transparent
}

.tier-4.avatar-link.subscribed .level:before,.tier-4.avatar-link.subscribed .level:after {
    background-color: #cbc14f
}

.tier-5 .user-link,.tier-5.user-link {
    color: #6aaa25
}

.tier-5.avatar-link .level,.tier-5 .level {
    background-color: #85c540
}

.tier-5.avatar-link.subscribed .level {
    background-color: transparent
}

.tier-5.avatar-link.subscribed .level:before,.tier-5.avatar-link.subscribed .level:after {
    background-color: #85c540
}

.moderator .user-link,.moderator.user-link {
    color: #872af0
}

.moderator.avatar-link .level,.moderator .level {
    background-color: #872af0
}

.moderator.avatar-link.subscribed .level {
    background-color: transparent
}

.moderator.avatar-link.subscribed .level:before,.moderator.avatar-link.subscribed .level:after {
    background-color: #872af0
}

#online-users {
    overflow: inherit
}

#online-users a.user-link.moderator>img.avatar,li.update>a.user-link.moderator>img.avatar,li.reply>a.user-link.moderator>img.avatar,div.update-content>h2>a.user-link.moderator>img.avatar {
    border-color: #872af0
}

.chat-list .avatar-link,ul.update-status>li .avatar-link,ul.update-users>li .avatar-link,ul.update-users>li .avatar-link {
    display: inline-block;
    padding: 0;
    overflow: hidden;
    margin-top: 0;
    margin-left: 0
}

.chat-list .avatar-link>img,ul.update-status>li .avatar-link>img,ul.update-users>li .avatar-link>img,ul.update-users>li .avatar-link>img {
    margin: 0
}

.chat-list .avatar-link,ul.update-status>li .avatar-link,ul.update-users>li .avatar-link {
    width: 26px;
    height: 26px
}

.chat-list .avatar-link>img,ul.update-status>li .avatar-link>img,ul.update-users>li .avatar-link>img {
    width: 26px;
    height: 26px
}

ul.update-users>li>.avatar-link {
    width: 28px;
    height: 28px
}

ul.update-users>li>.avatar-link>img {
    width: 28px;
    height: 28px
}

.chat-list .moderator .avatar-link,ul.update-status>li.moderator .avatar-link,ul.update-users>li.moderator .avatar-link {
    border: 2px solid #872af0
}

.chat-list .moderator .avatar-link>img,ul.update-status>li.moderator .avatar-link>img,ul.update-users>li.moderator .avatar-link>img {
    margin: -2px 0 0 -2px
}

.chat-list .moderator .avatar-link,ul.update-status>li.moderator .avatar-link {
    width: 22px;
    height: 22px
}

.chat-list .moderator .avatar-link>img,ul.update-status>li.moderator .avatar-link>img {
    width: 26px;
    height: 26px
}

ul.update-users>li.moderator>.avatar-link {
    width: 24px;
    height: 24px
}

ul.update-users>li.moderator>.avatar-link>img {
    width: 28px;
    height: 28px
}

.mention.user-link {
    color: #00b1f2
}

div#online-users ul li.moderator a.user-link>img.avatar {
    border-color: #872af0
}

#welcome-dialog {
    position: fixed;
    top: 15%;
    left: 50%;
    margin-left: -250px;
    z-index: 4;
    border: 0;
    background: transparent;
    background: transparent url('/images/welcome-sprite.png?1406796772') no-repeat 0 0;
    height: 335px;
    width: 617px
}

#welcome-dialog>* {
    margin-right: 130px;
    text-align: center
}

#welcome-dialog h1 {
    margin-top: 175px;
    color: #fff;
    text-shadow: #666 -1px -1px;
    font-weight: bold;
    font-size: 2em;
    line-height: 1.5em
}

#welcome-dialog .actions {
    margin-top: 20px;
    text-align: center
}

#welcome-dialog .actions a {
    color: #628641;
    font-weight: bold;
    text-decoration: underline;
    font-size: .875em;
    line-height: 1.71429em
}

#welcome-dialog .actions button {
    margin-left: 25px;
    color: #fff;
    text-shadow: #666 -1px -1px;
    font-weight: bold;
    font-size: 1.125em;
    line-height: 1.33333em;
    text-indent: -15px;
    cursor: pointer;
    border: 0;
    background: transparent;
    background: transparent url('/images/welcome-sprite.png?1406796772') no-repeat 0 -345px;
    height: 50px;
    width: 172px;
    position: relative
}

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

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

#welcome-dialog .actions button:hover {
    text-indent: -15px;
    cursor: pointer;
    border: 0;
    background: transparent;
    background: transparent url('/images/welcome-sprite.png?1406796772') no-repeat 0 -395px;
    height: 50px;
    width: 172px;
    position: relative
}

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

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

.verification-lockout {
    font-size: .875em;
    line-height: 1.54286em;
    position: absolute;
    top: 10%;
    left: 32%;
    background: #fff;
    z-index: 10;
    width: 430px
}

.verification-lockout.verification-resent .verification-lockout-message {
    opacity: 0
}

.verification-lockout.verification-resent .resend-confirmation {
    opacity: 1
}

.verification-lockout h2 {
    background: #00b1f2;
    color: #fff;
    font-size: 1em;
    line-height: 1.95em;
    padding: 5px 20px
}

.verification-lockout .resend-confirmation {
    -moz-transition: opacity 300ms linear;
    -webkit-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
    color: #249928;
    padding: 20px;
    position: absolute;
    top: 40px;
    opacity: 0;
    word-wrap: break-word
}

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

.verification-lockout .resend-confirmation .email {
    font-weight: bold
}

.verification-lockout .verification-lockout-message {
    -moz-transition: opacity 300ms linear;
    -webkit-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
    padding: 20px;
    padding-bottom: 70px
}

.verification-lockout .verification-lockout-message .email-verification-error {
    float: left;
    font-size: .875em;
    line-height: 1.71429em;
    color: red
}

.verification-lockout .verification-lockout-message #email-to-verify {
    font-size: .875em;
    line-height: 1.71429em;
    margin-top: 20px;
    margin-bottom: 0;
    width: 70%;
    border: 1px solid #ccc;
    float: left
}

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

.verification-lockout .verification-lockout-message 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: .6875em;
    line-height: 1.96364em;
    margin-left: 10px;
    top: 24px
}

.verification-lockout .verification-lockout-message 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)
}

.verification-lockout .verification-lockout-message button:active {
    top: 1px;
    left: 1px
}

.verification-lockout .verification-lockout-message button:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: 0;
    bottom: 0
}

.verification-lockout .verification-lockout-message 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
}

.verification-lockout .verification-lockout-message button.disabled:active {
    top: 0;
    left: 0
}

.verification-lockout .verification-lockout-message button:hover {
    cursor: pointer
}

.verification-lockout .verification-lockout-message button:active {
    position: relative!important;
    top: 24px!important
}

@media screen and (max-width: 918px) {
    body.mobile section.pane.ad {
        display:none!important
    }

    header#main-header h1 a.logo {
        height: 30px;
        width: 60px;
        background-size: 85%
    }

    body.mobile div.authorized>ul {
        left: 107px
    }

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

    body.mobile div.authorized a.logo {
        height: 55px;
        width: 90px
    }

    body.mobile div.authorized .inline-div {
        left: 6px;
        position: relative;
        top: 12px
    }

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

    body.mobile div.notauthorized a.logo {
        height: 55px;
        width: 90px
    }

    body.mobile div.notauthorized .inline-div {
        left: 6px;
        position: relative;
        top: 30px
    }

    body.mobile div.logo {
        left: 6px
    }

    body.mobile #fanned-indicator,body.mobile .invite,body.mobile .whats-new {
        display: none
    }

    body.mobile .subjects {
        left: 0;
        max-width: none;
        width: auto;
        margin-right: 10px
    }

    body.mobile .user-block .avatar.user-link {
        width: 20px;
        height: 20px;
        right: 10px
    }

    body.mobile .user-block .avatar.user-link img {
        height: 100%;
        width: 100%
    }

    body.mobile .user-block .points {
        right: 48px!important;
        top: 10px!important
    }

    body.mobile .profile-dropdown {
        right: 10px;
        top: 55px;
        z-index: 1
    }

    body.mobile .inline-div {
        left: 156px;
        position: relative;
        top: 0
    }

    body.mobile #site-menu {
        display: none
    }

    body.mobile #notification-indicator {
        padding-top: 10px
    }

    body.mobile #group-breadcrumb li ul {
        left: 0
    }

    body.mobile #header-invites {
        display: none
    }

    body.mobile.logged-out header#main-header #top-links .login {
        display: none
    }

    body.mobile.logged-out header#main-header #top-links .mobile-login-button>button,body.mobile.logged-out header#main-header #top-links .mobile-signup-button>button {
        background: transparent;
        border: 0;
        margin: 0;
        padding: 0;
        color: #00b1f2;
        cursor: pointer;
        font-weight: bold;
        font-size: 1.2em
    }

    body.mobile.logged-out header#main-header #top-links .mobile-login-button>button:hover,body.mobile.logged-out header#main-header #top-links .mobile-signup-button>button:hover {
        text-decoration: underline
    }

    body.mobile.logged-out.showing-mobile-login #content-container,body.mobile.logged-out.showing-mobile-verification-lockout #content-container,body.mobile.verification-message #content-container {
        display: none
    }

    body.mobile.logged-out.showing-mobile-login .resend-confirmation,body.mobile.logged-out.showing-mobile-verification-lockout .resend-confirmation,body.mobile.verification-message .resend-confirmation {
        font-size: 1em;
        word-wrap: break-word
    }

    body.mobile.logged-out.showing-mobile-login .resend-confirmation:before,body.mobile.logged-out.showing-mobile-verification-lockout .resend-confirmation:before,body.mobile.verification-message .resend-confirmation:before {
        display: none
    }

    body.mobile.logged-out.showing-mobile-login .resend-confirmation h2,body.mobile.logged-out.showing-mobile-verification-lockout .resend-confirmation h2,body.mobile.verification-message .resend-confirmation h2 {
        font-size: 2em;
        font-weight: bold;
        margin-bottom: 20px;
        text-align: center
    }

    body.mobile.logged-out.showing-mobile-login .resend-confirmation h2:before,body.mobile.logged-out.showing-mobile-verification-lockout .resend-confirmation h2:before,body.mobile.verification-message .resend-confirmation h2:before {
        content: "\2713";
        padding-right: 5px
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links,body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links,body.mobile.verification-message header#main-header #top-links {
        width: 100%;
        font-size: 2em
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links #forgot-password,body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links #forgot-password,body.mobile.verification-message header#main-header #top-links #forgot-password {
        top: -65px;
        height: 225px;
        z-index: 2;
        width: 90%;
        margin-right: 10px;
        margin-left: 15px
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links #forgot-password h5,body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links #forgot-password h5,body.mobile.verification-message header#main-header #top-links #forgot-password h5 {
        font-size: .7em;
        margin: 15px 0 20px 10px
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links #forgot-password .input label,body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links #forgot-password .input label,body.mobile.verification-message header#main-header #top-links #forgot-password .input label {
        left: 20px;
        top: -1px;
        font-size: .7em
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links #forgot-password fieldset,body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links #forgot-password fieldset,body.mobile.verification-message header#main-header #top-links #forgot-password fieldset {
        margin-right: 9px
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links #forgot-password button,body.mobile.logged-out.showing-mobile-login header#main-header #top-links #forgot-password input.submit,body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links #forgot-password button,body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links #forgot-password input.submit,body.mobile.verification-message header#main-header #top-links #forgot-password button,body.mobile.verification-message header#main-header #top-links #forgot-password input.submit {
        font-size: .75em
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links #forgot-password input.submit,body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links #forgot-password input.submit,body.mobile.verification-message header#main-header #top-links #forgot-password input.submit {
        float: right;
        height: 40px;
        width: 98%;
        margin-top: 15px
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links #forgot-password button.cancel,body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links #forgot-password button.cancel,body.mobile.verification-message header#main-header #top-links #forgot-password button.cancel {
        display: none
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links #forgot-password button.ok,body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links #forgot-password button.ok,body.mobile.verification-message header#main-header #top-links #forgot-password button.ok {
        width: 100%;
        height: 40px;
        margin-top: 15px
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links #forgot-password #potential-email,body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links #forgot-password #potential-email,body.mobile.verification-message header#main-header #top-links #forgot-password #potential-email {
        font-size: 1em
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links ul,body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links ul,body.mobile.verification-message header#main-header #top-links ul {
        display: block;
        text-align: center
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links li,body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links li,body.mobile.verification-message header#main-header #top-links li {
        float: none;
        height: 1.5em;
        line-height: 1.5em
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links li.string,body.mobile.logged-out.showing-mobile-login header#main-header #top-links li.password,body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links li.string,body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links li.password,body.mobile.verification-message header#main-header #top-links li.string,body.mobile.verification-message header#main-header #top-links li.password {
        margin: 0 7px
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links li.string input,body.mobile.logged-out.showing-mobile-login header#main-header #top-links li.password input,body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links li.string input,body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links li.password input,body.mobile.verification-message header#main-header #top-links li.string input,body.mobile.verification-message header#main-header #top-links li.password input {
        width: 97%
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links li.mobile-cancel-modal,body.mobile.logged-out.showing-mobile-login header#main-header #top-links li.mobile-verify-later,body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links li.mobile-cancel-modal,body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links li.mobile-verify-later,body.mobile.verification-message header#main-header #top-links li.mobile-cancel-modal,body.mobile.verification-message header#main-header #top-links li.mobile-verify-later {
        position: absolute;
        top: -36px;
        right: 0;
        font-size: .6em
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links .login {
        display: block
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links .login input.submit,body.mobile.logged-out.showing-mobile-login header#main-header #top-links .login a.facebook-connect {
        height: auto;
        width: 100%
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links .login button.forgot-password {
        font-size: .75em;
        margin-top: 15px
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links .login a.facebook-connect {
        margin-left: 0
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links .login ul {
        display: block
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links .login ul li {
        display: block
    }

    body.mobile.logged-out.showing-mobile-login header#main-header #top-links .login ul li.mobile-login-button,body.mobile.logged-out.showing-mobile-login header#main-header #top-links .login ul li.mobile-signup-button {
        display: none
    }

    body.mobile.logged-out.showing-mobile-verification-lockout header#main-header #top-links {
        display: none
    }

    body.mobile.logged-out.showing-mobile-verification-lockout header#main-header .verification-lockout {
        display: block;
        padding-top: 30px;
        font-size: 1em;
        top: auto;
        left: auto;
        background: transparent;
        width: 100%
    }

    body.mobile.logged-out.showing-mobile-verification-lockout header#main-header .verification-lockout.verification-resent>h2 {
        display: none
    }

    body.mobile.logged-out.showing-mobile-verification-lockout header#main-header .verification-lockout h2 {
        background: transparent;
        color: #000;
        font-size: 2em;
        text-align: center;
        font-weight: bold;
        padding-bottom: 0
    }

    body.mobile.logged-out.showing-mobile-verification-lockout header#main-header .verification-lockout .resend-confirmation {
        width: 95%;
        margin-right: auto;
        margin-left: auto
    }

    body.mobile.logged-out.showing-mobile-verification-lockout header#main-header .verification-lockout .resend-confirmation h2 {
        color: #249928
    }

    body.mobile.logged-out.showing-mobile-verification-lockout header#main-header .verification-lockout .verification-lockout-message {
        padding: 0 20px
    }

    body.mobile.logged-out.showing-mobile-verification-lockout header#main-header .verification-lockout .verification-lockout-message>p {
        line-height: 1.2em
    }

    body.mobile.logged-out.showing-mobile-verification-lockout header#main-header .verification-lockout .verification-lockout-message input {
        width: 94%;
        font-size: 1em;
        margin-top: 20px;
        margin-bottom: 20px
    }

    body.mobile.logged-out.showing-mobile-verification-lockout header#main-header .verification-lockout .verification-lockout-message button {
        width: 100%;
        font-size: 1em;
        margin-left: 0
    }

    body.mobile.logged-out.showing-mobile-verification-lockout header#main-header .verification-lockout .verification-lockout-message .email-verification-error {
        float: none;
        display: block;
        position: absolute;
        bottom: 2.8em;
        font-size: .9em
    }

    body.mobile.verification-message header#main-header .indicators,body.mobile.verification-message header#main-header .logged-in,body.mobile.verification-message header#main-header .logged-out {
        display: none
    }

    body.mobile.verification-message #verification-alert-container {
        display: block;
        position: absolute;
        top: 50px;
        padding: 10px
    }

    body.mobile.verification-message #verification-alert-container.active {
        border: 0;
        height: auto;
        background: transparent;
        width: 94%
    }

    body.mobile.verification-message #verification-alert-container #verification-alert {
        width: 100%
    }

    body.mobile.verification-message #verification-alert-container #verification-alert>p {
        width: auto;
        padding: 10px;
        width: 95%
    }

    body.mobile.verification-message #verification-alert-container #verification-alert #email-to-verify {
        width: 95%;
        margin-right: 0;
        margin-left: 0;
        font-size: 1.5em;
        margin-top: 20px;
        margin-bottom: 20px
    }

    body.mobile.verification-message #verification-alert-container #verification-alert .verification-prompt,body.mobile.verification-message #verification-alert-container #verification-alert .verification-successful {
        font-size: 1em;
        line-height: 1.2em
    }

    body.mobile.verification-message #verification-alert-container #verification-alert .verification-prompt h2,body.mobile.verification-message #verification-alert-container #verification-alert .verification-successful h2 {
        font-size: 2em;
        text-align: center;
        margin-bottom: 20px;
        font-weight: bold
    }

    body.mobile.verification-message #verification-alert-container #verification-alert .verification-prompt #resend-email,body.mobile.verification-message #verification-alert-container #verification-alert .verification-successful #resend-email {
        width: 95%;
        font-size: 2em
    }

    body.mobile.verification-message #verification-alert-container #verification-alert .verification-prompt .email-verification-error,body.mobile.verification-message #verification-alert-container #verification-alert .verification-successful .email-verification-error {
        bottom: 3.5em;
        left: 0;
        font-size: .9em
    }

    body.mobile.verification-message #verification-alert-container #verification-alert .verification-successful {
        font-size: 1.4em
    }

    body.mobile.verification-message #verification-alert-container #verification-alert .verification-successful h2:before {
        content: "\2713";
        padding-right: 5px
    }

    body.mobile #content-container #shim+.dialog {
        top: 10%;
        left: 0
    }

    body.mobile #content-container #confirm-close.dialog {
        left: 45%;
        width: 280px
    }

    body.mobile #content {
        padding-top: 0
    }

    body.mobile #header-container {
        position: inherit;
        height: 40px
    }

    body.mobile header#main-header {
        height: 40px
    }

    body.mobile header#main-header #popup-notifications {
        display: none
    }

    body.mobile header#main-header h1 {
        margin-left: .5em;
        margin-right: 0
    }

    body.mobile header#main-header h1 .indicators {
        left: 67px;
        top: -2px
    }

    body.mobile header#main-header h1 .indicators .panel {
        left: -65px;
        width: 290px
    }

    body.mobile header#main-header h1 .indicators .panel>ol {
        max-height: 260px
    }

    body.mobile header#main-header h1 .indicators .panel>footer {
        display: none
    }

    body.mobile header#main-header h1 #message-indicator,body.mobile header#main-header h1 #fanned-indicator {
        display: none
    }

    body.mobile header#main-header h1 #notification-indicator>button {
        background-repeat: none;
        width: auto;
        text-indent: 30px;
        background: 0;
        font-size: 1.5em
    }

    body.mobile header#main-header h1 #notification-indicator>button:before {
        border: 0;
        background: transparent;
        background: transparent url('/images/common-sprite.png?1406796772') no-repeat -151px -156px;
        height: 23px;
        width: 23px;
        content: "";
        position: absolute;
        left: 2px;
        bottom: 0
    }

    body.mobile header#main-header h1 #notification-indicator>button:before:hover {
        background-position: -151px -179px
    }

    body.mobile header#main-header h1 #notification-indicator>button:before[disabled],body.mobile header#main-header h1 #notification-indicator>button:before.disabled {
        color: #b1b1b1;
        background-position: -151px -225px
    }

    body.mobile header#main-header h1 #notification-indicator>button .count {
        text-indent: 0;
        font-size: .7em
    }

    body.mobile header#main-header h1 a.notifications,body.mobile header#main-header h1 .group-buttons {
        display: none
    }

    body.mobile header#main-header #top-links {
        width: auto;
        font-size: .9em;
        padding-top: .5em;
        margin-right: 3%
    }

    body.mobile header#main-header #top-links li.login li.fb {
        margin-bottom: 12px
    }

    body.mobile header#main-header #top-links .mobile-cancel-modal,body.mobile header#main-header #top-links .mobile-verify-later {
        display: none
    }

    body.mobile header#main-header #top-links .mobile-cancel-modal button,body.mobile header#main-header #top-links .mobile-verify-later button {
        background: transparent;
        border: 0;
        margin: 0;
        padding: 0;
        color: #00b1f2;
        cursor: pointer;
        font-weight: bold;
        font-size: 1.2em
    }

    body.mobile header#main-header #top-links .mobile-cancel-modal button:hover,body.mobile header#main-header #top-links .mobile-verify-later button:hover {
        text-decoration: underline
    }

    body.mobile header#main-header #top-links.show-modal-cancel .mobile-cancel-modal {
        display: block
    }

    body.mobile header#main-header #top-links.show-modal-cancel .logged-in,body.mobile header#main-header #top-links.show-modal-cancel .logged-out {
        display: none
    }

    body.mobile header#main-header #top-links.show-verify-later .mobile-verify-later {
        display: block
    }

    body.mobile header#main-header #top-links.show-verify-later .logged-in,body.mobile header#main-header #top-links.show-verify-later .logged-out {
        display: none
    }

    body.mobile header#main-header #top-links .home,body.mobile header#main-header #top-links .settings,body.mobile header#main-header #top-links .user-info {
        display: none
    }

    body.mobile #group-chats,body.mobile #uservoice-feedback {
        display: none
    }

    body.mobile #group-chats #mobile-group-status,body.mobile #uservoice-feedback #mobile-group-status {
        padding: 5px 0 5px 32px
    }

    body.mobile #updates {
        -moz-transition: left 300ms;
        -webkit-transition: left 300ms;
        -o-transition: left 300ms;
        transition: left 300ms;
        position: relative;
        left: 0;
        top: 4px;
        bottom: auto;
        float: none;
        display: block;
        width: auto;
        margin-left: 0
    }

    body.mobile #updates .slimScrollDiv {
        width: 100%!important
    }

    body.mobile #updates .slimScrollDiv ul.update-list {
        width: 100%!important
    }

    body.mobile #updates .bottom-links {
        display: none
    }

    body.mobile #updates .signup-for-action {
        text-indent: -99999px;
        visibility: hidden
    }

    body.mobile #updates .signup-for-action>button {
        display: block;
        text-indent: 0;
        visibility: visible
    }

    body.mobile #updates .signup-for-action>button:after {
        content: " to ask."
    }

    body.mobile #updates #open-update .open-update .update-info {
        visibility: hidden;
        margin-top: 20px
    }

    body.mobile #updates #open-update .open-update .update-status {
        display: none
    }

    body.mobile #updates #open-update .open-update .state button {
        width: 104px;
        height: 25px
    }

    body.mobile #updates .post-update>h3 input.submit {
        font-size: 1.5em
    }

    body.mobile section.update li.reply-preview {
        display: none!important
    }

    body.mobile section.update li.reply-preview.previewing ~ li.post-reply {
        margin-top: 10px;
        padding-top: 10px
    }

    body.mobile #current-update {
        display: none;
        min-width: inherit
    }

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

    body.mobile #current-update .info {
        margin: 0 0 0 40px
    }

    body.mobile #current-update .state {
        float: none;
        width: 98%
    }

    body.mobile #current-update .update-info .report-container,body.mobile #current-update .update-info .edit-container {
        display: none
    }

    body.mobile #current-update li.reply.medal .medal-count:before {
        background: url('/images/checkmark-dark.svg?1406796772');
        background-size: 110%
    }

    body.mobile #current-update li.reply.no-medal .medal-count:before,body.mobile #current-update li.reply.medal-given-elsewhere .medal-count:before {
        background: url('/images/medal.svg');
    }

    body.mobile #current-update li.reply .medal-info .best-answer-selected,body.mobile #current-update li.reply .medal-info .medal-giving,body.mobile #current-update li.reply .medal-info .medal-given,body.mobile #current-update li.reply .medal-info .medals {
        display: none
    }

    body.mobile #current-update li.reply .medal-info .medal-count {
        font-size: 1.5em;
        padding-left: 1em
    }

    body.mobile #current-update li.reply .medal-info .medal-count:before {
        content: "";
        width: 15px;
        height: 19px;
        display: inline-block;
        vertical-align: top;
        background-repeat: no-repeat;
        margin-right: 4px;
    }

    body.mobile #current-update .post-reply input.submit {
        font-size: 1.5em;
        width: inherit;
        float: left
    }

    body.mobile #current-update .post-reply .toolbar .equation,body.mobile #current-update .post-reply .toolbar .draw,body.mobile #current-update .post-reply .toolbar .file-upload {
        display: none
    }

    body.mobile div.page-content {
        padding-left: 0;
        top: 104px!important
    }

    body.mobile div.page-content .update-header a.home-link {
        font-size: 1.5em
    }

    body.mobile div.page-content .update-header .update-info {
        display: none
    }

    body.mobile .showing-current-update #current-update {
        display: block
    }

    body.mobile .showing-current-update #current-update ul.controller li .share-fb,body.mobile .showing-current-update #current-update ul.controller li .share-twitter {
        display: none
    }

    body.mobile .showing-current-update #updates,body.mobile .showing-online-members #updates {
        left: -100%;
        display: none
    }

    body.mobile .update-list-container>div {
        position: static!important;
        height: 0
    }

    body.mobile .update-list-container .update-list-ul-wrapper,body.mobile ul.update-list {
        position: static!important;
        display: block!important;
        height: auto
    }

    body.mobile section.update h2.update a.user-link>img.avatar,body.mobile li.update a.user-link>img.avatar,body.mobile li.reply a.user-link>img.avatar {
        width: 26px;
        height: 26px
    }

    body.mobile li.update span.info,body.mobile li.update span.update-status-template {
        margin-left: 25px
    }

    body.mobile div.page-content section.current-pane>*:first-child {
        margin-top: 0
    }

    body.mobile .update-list-container h3 textarea[disabled] {
        text-indent: -99999px
    }

    body.mobile div.notauthorized div.signup {
        top: 14px;
        right: 108px!important
    }

    body.mobile #site-menu-logged-out {
        display: none
    }

    body.mobile div.notauthorized div.login {
        right: 12px;
        top: 14px
    }

    body.mobile .update-header a.home-link {
        display: none!important
    }

    body.mobile .update-header a.home-link:first-child {
        display: block!important
    }

    body.mobile div.page-content {
        position: absolute;
        -moz-transition: height;
        -webkit-transition: height;
        -o-transition: height;
        transition: height;
        top: 72px;
        left: 10px;
        right: 10px;
        height: 20px;
        overflow: hidden;
        padding-top: 10px
    }

    body.mobile .dashboard>header.mobile button {
        font-size: 80%;
        margin: 0;
        padding: 0;
        border: 0;
        color: #00b1f2;
        cursor: pointer
    }

    body.mobile .dashboard>header.mobile button:hover {
        text-decoration: underline
    }

    body.mobile .showing-online-members .page-content,body.mobile .showing-current-update .page-content {
        position: static;
        height: auto
    }

    body.mobile .showing-online-members #next-steps,body.mobile .showing-current-update #next-steps {
        margin-top: 10px
    }

    body.mobile #group-search,body.mobile #create-group {
        display: none!important;
        z-index: 3
    }

    body.mobile #group-search-shim.showing {
        background-color: #fff;
        opacity: 1;
        z-index: 3
    }

    body.mobile #group-search .search .create-group {
        display: none
    }

    body.mobile #group-search.showing {
        display: block!important;
        padding-top: 9px
    }

    body.mobile #group-search.showing.in-groups {
        padding-top: 0
    }

    body.mobile #group-search.showing .search {
        height: 34px;
        margin-top: 0
    }

    body.mobile #group-search.showing .search,body.mobile #group-search.showing ul {
        width: 100%
    }

    body.mobile #group-search.showing .search input {
        width: 90%
    }

    body.mobile #group-search.showing header {
        display: none
    }

    body.mobile #group-search.showing .groups {
        top: 78px!important
    }

    body.mobile #group-search.showing .groups dd.online {
        left: 0;
        padding-top: 10px
    }

    body.mobile #group-search.showing .groups dd.online p.online {
        font-size: .7em
    }

    body.mobile #group-search.showing .groups dd.group {
        margin: 0 50px;
        top: 4px
    }

    body.mobile #group-search.showing .groups>.group .group-stats {
        display: none
    }

    body.mobile #group-search.showing .groups button.leave {
        display: none
    }

    body.mobile #profile-tooltip {
        width: 260px
    }

    body.mobile #profile-tooltip .parenless-fans,body.mobile #profile-tooltip .detailed-link,body.mobile #profile-tooltip>div.smarts li.component>.title,body.mobile #profile-tooltip .message-user {
        display: none;
    }

    body.mobile #profile-tooltip .user-tools li {
        display: block;
        float: none;
        width: 100%;
        margin-left: 0
    }

    body.mobile #profile-tooltip .user-tools li.unblock {
        display: none
    }

    body.mobile #profile-tooltip .user-tools li button {
        margin-bottom: 5px;
        font-size: 1.1em
    }

    body.mobile #profile-tooltip .user-tools.blocked li {
        display: none
    }

    body.mobile #profile-tooltip .user-tools.blocked li.unblock {
        display: block
    }

    body.mobile #profile-tooltip .user-tools.blocked li.unblock button {
        width: 100%
    }

    body.mobile .popup {
        left: 0!important;
        top: 0!important;
        width: 100%!important;
        overflow: auto!important;
        height: 100%!important
    }

    body.mobile .popup .popup-body {
        height: 100%!important;
        width: auto!important;
        margin-left: 0!important
    }

    body.mobile .popup .popup-body .popup-content .content div.left-side {
        padding: 19px 14px 23px 8px!important
    }

    body.mobile .popup .popup-body .popup-content .content div.left-side h2 {
        padding-right: 23px
    }
}

@media screen and (max-width: 535px) {
    .wait-for-rating {
        display:none!important
    }

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

    li.post-reply textarea {
        font-size: 16px!important
    }

    li.reply-preview.hidden+li.post-reply {
        max-width: 86%
    }

    section.pane {
        margin-bottom: -120px
    }
}

@media only screen and (max-device-width: 400px) {
    body.mobile .popup .popup-body {
        height: 140%!important
    }
}




/*Additions*/
body.mobile.verification-message #content-container {
    display: initial;
}

body.mobile.verification-message header#main-header .indicators,body.mobile.verification-message header#main-header .logged-in, body.mobile.verification-message header#main-header .logged-out {
    display: initial;
}

body.mobile .user-block .money, body.mobile .user-block .name.user-info {
    display:none!important;
}

body.mobile.verification-message #fanned-indicator, body.mobile .whats-new {
    display:none!important;
}

body.mobile.verification-message {
    margin-top:0px;
}

body.mobile.verification-message div.authorized>ul {
    top:15px;
}

body.mobile.verification-message div.authorized a.logo {
    height: 55px!important;
    top: 7px!important;
}

body.mobile.verification-message #verification-alert-container {
    display:none;
}

#group-search ul.groups {
    height: calc(100% - 140px)!important;
}

body.mobile a.logo {
    height:55px!important;
    top:15px!important;
}

body.mobile section#groups {
    width: calc(100% - 20px)!important;
}

body.mobile #group-breadcrumb li ul {
    width: 100%!important;
}

body.mobile #profile-tooltip .message-user {
    display:block;
}

body.mobile #announcement-holder {
    display: none;
}

body.mobile #notebook-button {
    display:none;
}

body.mobile #current-update li.reply .medal-info .medals {
    /* display:block; */
    position:absolute;
    margin-top:-3px;
}

body.mobile ul.update-status li.moderator img.avatar {
    margin-left: inherit;
    margin-top: inherit;
    height: inherit;
    width: inherit;
    image-rendering: inherit;
}

body.mobile .dialog.report {
    width: 100%!important;
    height: 100%!important;
    left: 0!important;
    position: fixed!important;
    top: 50%!important;
    transform: translate(-50%,-50%);
}

/*body.mobile section.group-chat.chat-open {
    width: 97vw;
    right: -1px;
    position: fixed;
    height: 68vh;
    bottom: 33px;
}*/

body.mobile section.group-chat.chat-open header.toggle-chat, body.mobile section.group-chat.chat-open div.chat-content {
    border-radius:0!important;
}

body.mobile section.group-chat.chat-open {
    width: 100%;
    position: fixed;
    height: calc(100% - 110px);
    bottom: 0px;
    left: 0;
    z-index: 10;
}

body.mobile #profile-tooltip {
    width: 212px;
    left: 50%!important;
    top: 50%!important;
    transform: translate(-50%,-50%);
    position: fixed;
}

section.update div.update-content pre>code {
    text-shadow:none;
}

#popup-notifications li.fanned {
    display: none!important;
}
    
#message-indicator > div > footer {
    display: block!important;
}

.report-container {
    display:block!important;
}

div.bbcode_code {
    border: 1px solid black;
    margin: 0.5em 0;
    line-height: 0px;
    text-shadow: none;
}

div.bbcode_code_head {
    line-height: 1.5em;
    background-color: black;
    color: white;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-shadow: none;
}

div.bbcode_code_body {
    background-color: #e2dede;
    color: black;
    font: 10pt monospace;
    padding: 0.5em 1em;
    text-shadow: none;
    max-width: 100%;
    overflow: auto;
}

div.bbcode_quote {
    border: 1px solid #68C;
    margin: 0.5em 0;
    line-height: 0em;
    text-shadow: none;
}

div.bbcode_quote_head {
    background-color: #68C;
    color: #FFF;
    font-weight: bold;
    padding: 0.25em 0.5em;
    line-height: 1.5em;
    text-shadow: none;
}

div.bbcode_quote_body {
    background-color: #F0F8FF;
    color: #000;
    padding: 0.5em 1em;
    line-height: 1.5em;
    text-shadow: none;
}
    
a.opener img[alt="letter"] {
    height: 18px;
    width: 27px;
}

a.opener img[alt="notification"] {
    height: 21px;
    width: 22px;
}

a.opener img[alt="friends"] {
    height: 28px;
    width: 32px;
}

#settings-container {
    top: 62px;
}
        
body.verification-message #settings-container {
    top: -48px;
}
        
body.verification-message #settings {
    top: 175px!important;
}
        
form#logout {
    position: relative;
    right: -121px;
    top: -77px;
}

div.authorized>ul li#fanned-indicator a div.circle {
    top: -7px!important;
    left: 21px!important;
}

a.smartscores > img {
    top:-41px!important;
}

body.mobile div.authorized>ul li.notification a div {
    top: 0px;
}

body.mobile div.authorized>ul li.letter a div span {
    top: 0px;
}

#message-indicator.open li.message p.body audio {
    max-width: 100%;
}

/*.warning-popup-understand-button {
    border: none;
    position: relative;
    margin-top: 25px;
    background: #2aaaea;
    color: white;
    font-size: 21px;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 25px;
    cursor: pointer;
    margin-bottom: 15px;
}*/

.warning-popup-understand-button {
    border: none;
    position: relative;
    margin-top: 25px;
    background: #ffffff;
    color: #000000;
    font-size: 21px;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 25px;
    cursor: pointer;
    margin-bottom: 15px;
}

.warning-popup-date {
    color: #eaeaea;
    position: relative;
    left: 65px;
    margin-top: 25px;
}

.warning-popup-body {
    right: 50%;
    bottom: 50%;
    transform: translate(50%,50%);
    background: #ff5c5c;
    width: 500px;
    /* height: 258px; */
    position: fixed;
    border-radius: 24px;
}

.warning-popup-container {
    position: fixed;
    width: 100vw;
    z-index: 150000;
    height: 100vh;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 0, 0.4);
}

.warning-popup-head {
    color: white;
    font-size: 36px;
}

.warning-popup-head-text {
    top: 0px;
    font-weight: bold;
    position: relative;
}

.warning-popup-text {
    color: white;
    font-size: 18px;
    position: relative;
    top: 14px;
    max-width: 390px;
    overflow-y: auto;
    max-height: 150px;
    line-height: 29px;
    /* text-align: left; */
}

.warning-popup-head-image {
    position: relative;
    top: 12px;
    width: 50px;
}

.ultrilliam-theme-creator-overlay {
    position: fixed;
    background: rgba(0, 0, 255, 0.46);
    box-sizing: border-box;
    z-index: 50000000;
}


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

.indicators .panel>ol li.warning-received-notification>div, .indicators .panel>ol li.suspension-received-notification>div, .indicators .panel>ol li.reinstatement-received-notification>div {
    margin-left: 45px
}

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

.indicators .panel>ol li.warning-received-notification>div h3 a, .indicators .panel>ol li.suspension-received-notification>div h3 a, .indicators .panel>ol li.reinstatement-received-notification>div h3 a {
    font-size: 13px
}

.indicators .panel>ol li.warning-received-notification>div span.action, .indicators .panel>ol li.suspension-received-notification>div span.action, .indicators .panel>ol li.reinstatement-received-notification>div span.action {
    font-size: 13px;
    top: 5px;
    position: relative
}

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

.indicators .panel>ol li.warning-received-notification>div p.last-updated, .indicators .panel>ol li.suspension-received-notification>div p.last-updated, .indicators .panel>ol li.reinstatement-received-notification>div p.last-updated {
    padding-top: 10px;
    font-size: 11px
}

#message-indicator .panel>ol li img.bbcode_smiley {
    width: 22px;
    height: 22px; 
}

.extended-toolbar #stroke-color, .extended-toolbar #fill-color {
    width:30px;
    height:30px;
    box-sizing:border-box;
    border-radius:100px;
    background:#9ACC9B;
}

.extended-toolbar #stroke-color::-webkit-color-swatch, .extended-toolbar #fill-color::-webkit-color-swatch {
    border-radius:100px;
}

.extended-toolbar #stroke-width-label, .extended-toolbar #fill, .extended-toolbar #font-family {
    margin-left:15px;
    margin-right:3px;
}

.extended-toolbar #fill-label {
    margin-right:3px;
}

.extended-toolbar #font-family {
    height:27px;
}

.extended-toolbar #stroke-width, .extended-toolbar #font-family {
    margin-bottom:6px;
}

.extended-toolbar #font-family optgroup {
    margin-bottom:20px;
}

section.group-chat.show-logo.ultrilliamchat .toggle-chat .icon {
    object-fit: contain;
}

#online-users .group-title {
    white-space: nowrap;
    margin-left: 0;
}

a.smartscores .about-smarts {
    margin-top: 94px!important;
}

.big.bbcode_smiley {
    width: 32px;
    height: auto;
    display: block;
}

#message-indicator .panel > ol li .big.bbcode_smiley {
    width: 32px;
    height: 32px;
}

.about-smarts {
    display: none;
}

.chat-list .chat .body .big.bbcode_smiley {
    width: 28px;
    height: 28px;
    display: inline;
    vertical-align: -5px;
}

#emojiPicker {
    display: none;
    width: 265px;
    height: 350px;
    background: white;
    position: fixed;
    z-index: 5;
    box-shadow: #bbbbbb 0px 0px 5px 2px;
    padding: 7px;
    box-sizing: border-box;
    overflow-y: scroll;
    overflow-x: hidden;
    right: 0;
}

.emopick-emj {
    width: 32px;
    height: 32px;
    margin: 0;
    display: inline-block;
    padding: 7px;
    cursor: pointer;
    margin-top: -7px;
}

.emopick-emj:first-child {
    margin-top: 0;
}

.emopick-emj:hover {
    background: #dedede;
}
.chatbox.emojiMenuButton {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 1px;
    top: 1px;
    background: #fff;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    padding: 3px;
}
.emojiMenuButton:hover .emoji-icon-inner-ring {
    stroke:#5b6a72!important;
}

.emojiMenuButton:hover .emoji-icon-eye, .emojiMenuButton:hover .emoji-icon-mouth {
    fill:#5b6a72!important;
}
.emopick-title {
    display: block;
    margin-left: 6px;
    font-size: 12px;
    color: dimgray;
    margin-bottom: 4px;
    margin-top: 6px;
}

.post-chat.disabled .chatbox.emojiMenuButton {
    display: none;
}

label.placeholder + .chat-body {
    overflow: hidden;
}

.ultrilliam_dialog_box {
    position: fixed;
    top: 50px;
    left: 50px;
    z-index: 20;
    display:none;
}

.ultrilliam_dialog_header {
    background: linear-gradient(rgb(81, 201, 255), rgb(36, 177, 248));
    border-radius: 5px 5px 0px 0px;
    border-width: 1px 1px 0px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    cursor: move;
}

.ultrilliam_dialog_body {
    background: #fff;
    padding: 10px;
    border: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-radius: 0px 0px 0px 0px;
    overflow-y: scroll;
    overflow: auto;
    resize: both;
}

.ultrilliam_dialog_footer {
    background: #DCDCDC;
    border-radius: 0px 0px 5px 5px;
    border: solid 1px;
    border-top-width: 0;
    height: 30px;
}

.ultrilliam_dialog_header_text {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    padding: 6px;
}


.ultrilliam_dialog_header_button {
    position: absolute;
    right: 0;
    margin: 4px;
    border: none;
    width: 22px;
    height: 22px;
    background: url(/images/close-filled.svg);
    cursor: pointer;
}

.ultrilliam_dialog_header_close {
    color: red;
    position: absolute;
    right: 0;
    margin: 4px;
    background: white;
    border: 1px grey solid;
    border-radius: 20px;
    width: 23px;
    height: 22px;
    font-weight: bold;
}

/*#themeCreatorThemesbody button {
    background: #00b1f2;
    border: solid 1px #869aa5;
    color: white;
    cursor: pointer;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 3px;
}

#themeCreatorThemesbody button:hover {
    background: #049ed6;
}*/

section.group-chat.chat-closed .toggle-chat, section.group-chat.chat-open .toggle-chat {
    min-height: 22px;
}

.post-chat label.placeholder {
    user-select: none;
}

.message .files {
    position:relative;
    top: -12px;
    width: 85%;
}

.files .file {
    padding: 7px 10px;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    background: #f4f4f4;
    max-width: 550px;
    position: relative;
    margin-top: 15px;
}

.file .file-thumb {
    width: 20px!important;
    height: unset!important;
    padding: 0px!important;
}

.file .file-name {
    position: absolute;
    display: inline-block;
    bottom: 50%;
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    transform: translate(0, 50%);
    margin-left: 6px;
    cursor: pointer;
    font-size: 12px;
}

.file .file-download {
    width: 14px!important;
    height: unset!important;
    position: absolute;
    right: 4px;
    top: 10px;
    cursor: pointer;
}

.signup-for-action {
    position: absolute;
    cursor: not-allowed;
    color: #848484;
    text-shadow: #fff 1px 1px
}

.signup-for-action button {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    text-decoration: underline;
    color: #00b1f2;
    cursor: pointer
}

/*HLJS-LIGHT, Atom One Light by Daniel Gamage*/
.hljs{display:block;overflow-x:auto;padding:.5em;color:#383a42;background: #f7f7f7!important;}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#a626a4}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-addition,.hljs-attribute,.hljs-meta-string,.hljs-regexp,.hljs-string{color:#50a14f}.hljs-built_in,.hljs-class .hljs-title{color:#c18401}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#986801}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4078f2}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}

/*Potentially problematic*/
li.ring.logged-in.wait-for-rating img.bell {
    animation: ring 6s 1s ease-in-out infinite;
    -webkit-animation: ring 6s 1s ease-in-out infinite;
    transform-origin: 50% 4px;
    -webkit-transform-origin: 50% 4px;
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }
    1% {
        transform: rotate(30deg);
    }
    3% {
        transform: rotate(-28deg);
    }
    5% {
        transform: rotate(34deg);
    }
    7% {
        transform: rotate(-32deg);
    }
    9% {
        transform: rotate(30deg);
    }
    11% {
        transform: rotate(-28deg);
    }
    13% {
        transform: rotate(26deg);
    }
    15% {
        transform: rotate(-24deg);
    }
    17% {
        transform: rotate(22deg);
    }
    19% {
        transform: rotate(-20deg);
    }
    21% {
        transform: rotate(18deg);
    }
    23% {
        transform: rotate(-16deg);
    }
    25% {
        transform: rotate(14deg);
    }
    27% {
        transform: rotate(-12deg);
    }
    29% {
        transform: rotate(10deg);
    }
    31% {
        transform: rotate(-8deg);
    }
    33% {
        transform: rotate(6deg);
    }
    35% {
        transform: rotate(-4deg);
    }
    37% {
        transform: rotate(2deg);
    }
    39% {
        transform: rotate(-1deg);
    }
    41% {
        transform: rotate(1deg);
    }
    43% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(0);
    }
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0);
    }
    1% {
        -webkit-transform: rotateZ(30deg);
    }
    3% {
        -webkit-transform: rotateZ(-28deg);
    }
    5% {
        -webkit-transform: rotateZ(34deg);
    }
    7% {
        -webkit-transform: rotateZ(-32deg);
    }
    9% {
        -webkit-transform: rotateZ(30deg);
    }
    11% {
        -webkit-transform: rotateZ(-28deg);
    }
    13% {
        -webkit-transform: rotateZ(26deg);
    }
    15% {
        -webkit-transform: rotateZ(-24deg);
    }
    17% {
        -webkit-transform: rotateZ(22deg);
    }
    19% {
        -webkit-transform: rotateZ(-20deg);
    }
    21% {
        -webkit-transform: rotateZ(18deg);
    }
    23% {
        -webkit-transform: rotateZ(-16deg);
    }
    25% {
        -webkit-transform: rotateZ(14deg);
    }
    27% {
        -webkit-transform: rotateZ(-12deg);
    }
    29% {
        -webkit-transform: rotateZ(10deg);
    }
    31% {
        -webkit-transform: rotateZ(-8deg);
    }
    33% {
        -webkit-transform: rotateZ(6deg);
    }
    35% {
        -webkit-transform: rotateZ(-4deg);
    }
    37% {
        -webkit-transform: rotateZ(2deg);
    }
    39% {
        -webkit-transform: rotateZ(-1deg);
    }
    41% {
        -webkit-transform: rotateZ(1deg);
    }
    43% {
        -webkit-transform: rotateZ(0);
    }
    100% {
        -webkit-transform: rotateZ(0)
    }
}