html {
    height: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    background: #3364a6;
    font-family: arial;
    color: #fff;
    margin: 0;
    padding: 0
}

a {
    color: red
}

#body {
    padding: 15px
}

.errorlist,.errornote {
    color: red
}

#icon {
    background: url(/static/images/zicon_48.png);
    width: 48px;
    height: 48px;
    position: absolute;
    left: 15px;
    top: 0
}

#titleText {
    margin-left: 63px
}

.box {
    background: rgba(50,50,50,0.6);
    border-radius: 40px;
    padding: 15px
}

.boxtitle {
    text-align: center;
    font-style: italic
}

.right {
    text-align: right
}

.center {
    text-align: center
}

#titleTable {
    background: rgba(50,50,50,0.6);
    height: 50px;
    font-size: 22px;
    font-weight: bold;
    display: table;
    width: 100%;
    white-space: nowrap;
    font-family: verdana,arial,sans-serif
}

#titleTable a {
    color: white;
    padding: 14px;
    text-decoration: none
}

#titleTable a:hover {
    background: rgba(255,255,255,0.3);
    text-decoration: underline
}

@media(max-width: 900px) {
    #titleTable {
        font-size:16px;
        line-height: 30px
    }

    #titleTable a {
        padding: 14px 7px
    }
}

#titleTableLeft {
    padding: 10px
}

#titleTableCenter {
    min-width: 320px
}

#titleTableRight {
    padding: 10px
}

.cell {
    display: table-cell
}

.row {
    display: table-row
}

#aswift_0_anchor,#aswift_0_expand,.adsbygoogle {
    display: inline !important
}

.span_rank {
    display: inline-block;
    vertical-align: middle
}

.rank {
    background-image: url(/static/images/ranks3.png?2);
    background-repeat: no-repeat;
    width: 25px;
    height: 15px
}

.rank0 {
    background-position: 0 -723px
}

.rank1 {
    background-position: -26px -723px
}

.rank2 {
    background-position: -52px -723px
}

.rank3 {
    background-position: -78px -723px
}

.rank4 {
    background-position: -104px -723px
}

.rank5 {
    background-position: -130px -723px
}

.rank6 {
    background-position: -156px -723px
}

.rank7 {
    background-position: -182px -723px
}

.rank8 {
    background-position: -208px -723px
}

.rank9 {
    background-position: -234px -723px
}

.rank10 {
    background-position: -260px -723px
}

.rank11 {
    background-position: -286px -723px
}

.rank12 {
    background-position: -312px -723px
}

.rank13 {
    background-position: 0 -739px
}

.rank14 {
    background-position: -26px -739px
}

.rank15 {
    background-position: -52px -739px
}

.rank16 {
    background-position: -78px -739px
}

.rank17 {
    background-position: -104px -739px
}

.rank18 {
    background-position: -130px -739px
}

.rank19 {
    background-position: -156px -739px
}

.rank20 {
    background-position: -182px -739px
}

.rank21 {
    background-position: 0 0;
    background-image: url(/static/images/ranks2.png) !important
}

.rank22 {
    background-position: -208px -739px
}

.rank23 {
    background-position: -234px -739px
}

.rank24 {
    background-position: -260px -739px
}

.rank25 {
    background-position: -312px -739px
}

.rank26 {
    background-position: -286px -739px
}

.rank27 {
    background-position: -26px 0;
    background-image: url(/static/images/ranks2.png) !important
}

.rank28 {
    background-position: -52px 0;
    background-image: url(/static/images/ranks2.png) !important
}

.rank29 {
    background-position: -78px 0;
    background-image: url(/static/images/ranks2.png) !important
}

.rank30 {
    background-position: -104px 0;
    background-image: url(/static/images/ranks2.png) !important
}

.rank31 {
    background-position: -130px 0;
    background-image: url(/static/images/ranks2.png) !important
}

.rank32 {
    background-position: -156px 0
}

.rank33 {
    background-position: -182px 0
}

.rank34 {
    background-position: -208px 0
}

.rank35 {
    background-position: -234px 0
}

.rank36 {
    background-position: -260px 0
}

.rank37 {
    background-position: -286px 0
}

.rank38 {
    background-position: -312px 0
}

.rank39 {
    background-position: 0 -16px
}

.rank40 {
    background-position: -26px -16px
}

.rank41 {
    background-position: -52px -16px
}

.rank42 {
    background-position: -78px -16px
}

.rank43 {
    background-position: -104px -16px
}

.rank44 {
    background-position: -130px -16px
}

.rank45 {
    background-position: -156px -16px
}

.rank46 {
    background-position: -182px -16px
}

.rank47 {
    background-position: -208px -16px
}

.infotable {
    width: 100%
}

.box {
    width: 400px;
    margin: auto
}

#mainBox {
    width: 851px;
    margin: 0 auto
}

#topBar {
    position: relative;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid #dde;
    margin-bottom: 15px;
    border-radius: 3px;
    height: 190px
}

#rightBar {
    width: 510px;
    float: right;
    color: #37404e
}

#leftBar {
    width: 325px;
    float: left;
    color: #37404e
}

.clearFloat {
    clear: both
}

#profileName {
    color: #fff;
    text-rendering: optimizelegibility;
    text-shadow: 0 0 3px rgba(0,0,0,0.8);
    font-family: verdana,arial,sans-serif;
    font-size: 24px;
    font-weight: bold
}

.profilePhotoImg {
    max-width: 160px;
    max-height: 160px
}

.boxTitle {
    color: #6a7480;
    height: 36px;
    border-bottom: 1px solid #e9eaed;
    font-size: 15px;
    font-weight: 700;
    line-height: 38px;
    padding-left: 15px;
    background-color: rgba(255,255,255,0.5)
}

.Box {
    border: 1px solid #dde;
    background-color: rgba(255,255,255,0.7);
    margin-bottom: 15px;
    border-radius: 3px;
    color: #37404e
}

.BoxSecret {
    background-color: rgba(200,255,255,0.7)
}

.infoLineField {
    width: 100px;
    display: table-cell;
    white-space: nowrap
}

.infoLineData {
    width: 205px;
    display: table-cell;
    color: #234
}

.rightAlign {
    text-align: right
}

.boxBody {
    padding: 15px
}

a {
    color: inherit
}

a:hover {
    background-color: rgba(255,255,255,0.5);
    text-decoration: underline
}

.noUnderline {
    text-decoration: none
}

.boxTable {
    background: transparent;
    border: 0;
    color: #37404e
}

.boxTable td {
    margin: 0;
    padding: 0 3px
}

.sec {
    color: #999
}

.glow_button:hover {
    box-shadow: 0 0 10px 10px #ff0 !important
}

.glow_button:active {
    box-shadow: 0 0 10px 10px #9f9 !important
}

.glow_button_anim {
    -webkit-transition: box-shadow .15s ease-in-out;
    -moz-transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out
}

.glow_button_anim:hover {
    box-shadow: 0 0 10px 10px #ff0 !important
}

.glow_button_anim:active {
    box-shadow: 0 0 10px 10px #9f9 !important
}

.emo {
    vertical-align: top
}

.pageCoverTitle {
    position: absolute;
    left: 190px;
    bottom: 15px
}

#photoDiv {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 160px;
    height: 160px;
    pointer-events: none
}

.PhotoDiv {
    box-shadow: 0 0 5px 5px #6badde
}

.name {
    font-family: verdana,arial,sans-serif
}

#postPermissionDiv {
    font-family: arial;
    font-size: 12px;
    float: right;
    text-align: right
}

.blackShadow {
    text-shadow: -1px 0 2px black,0 1px 2px black,1px 0 2px black,0 -1px 2px black;
    filter: progid:DXImageTransform.Microsoft.Glow(Strength=1,Color=#000000)
}