#ovrl1396953375 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000000; opacity: 0.5; zoom: 1; filter: alpha(opacity=50); z-index: 999999 !important; z-index: 999999999 !important; } #wr1396953375 { padding: 37px 0; position: fixed; bottom: 0; left: -40px; z-index: 999999 !important; z-index: 999999999 !important; -webkit-transition: bottom 300ms ease-out 0; -moz-transition: bottom 300ms ease-out 0; -o-transition: bottom 300ms ease-out 0; transition: bottom 300ms ease-out 0; font: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; font-size: 12px !important; font-weight: normal !important; letter-spacing: normal !important; line-height: normal !important; list-style-type: none !important; text-align: left !important; text-indent: 0 !important; text-transform: none !important; visibility: visible !important; white-space: nowrap !important; word-spacing: normal !important; letter-spacing: normal !important; margin: 0 !important; width: 40px !important; height: auto !important; min-height: 0 !important; min-width: 0 !important; } #wr1396953375.top { top: 0; bottom: auto; } #wr1396953375.right { left: auto; right: -40px; } #wr1396953375 ul { margin: 0 !important; padding: 0 !important; list-style-type: none; } #wr1396953375 a { margin: 0; padding: 0; text-decoration: none; } #wr1396953375 li { position: relative; height: 37px; margin-bottom: 5px; margin-left: -300px; left: 40px; transition-property: margin; transition-duration: .2s; transition-timing-function: easeInCirc; transform: translate3d(0,0,0); -webkit-transition-property: margin, opacity; -webkit-transition-duration: .2s; -webkit-transition-timing-function: easeInCirc; -webkit-transform: translate3d(0,0,0); } #wr1396953375.right li { left: 0px; margin-left: 300px; margin-right: 0px; } #wr1396953375 .unread_counter { background-color: #b3142B; color: #ffffff; display: block; position: absolute; right: 3px; line-height: 16px; height: 16px; padding: 0 5px; top: -12px; left: auto; right: -9px; line-height: 16px; height: 16px; font-size: 16px; padding: 0 5px; font-family: Arial, sans-serif; font-size: 12px; border: 1px solid #b3142B; border-radius: 10px; } #wr1396953375.right .unread_counter { left: -9px; right: auto; } #wr1396953375 label .unread_counter { top: -8px; right: -8px; } #wr1396953375.right label .unread_counter { top: auto; bottom: -4px; right: auto; left: -6px; } #wr1396953375 span { cursor: pointer; position: absolute; top: 6px; left: 33px; display: inline-block; padding: 2px 8px 2px 8px; white-space: nowrap; background-color: #6E6E6E; background-color: rgba(0, 0, 0, .45); border: 1px solid #323232; border-color: rgba(0, 0, 0, .7); border-radius: 4px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 12px; font-weight: bold; color: #F5F5F5 !important; text-align: left !important; } #wr1396953375.right span { left: auto; right: 33px; } #tg1396953375 { display:block; } #tg1396953375:checked ~ label::before { content: ' '; } #tg1396953375 ~ label::before { content: ' '; } #tg1396953375:checked ~ label:before { content: ' '; } #tg1396953375 ~ label:before { content: ' '; } #tg1396953375[type="checkbox"]:checked + ul > li { margin-left: 0px; } #wr1396953375.show li { margin-left: 0px; } #wr1396953375.right #tg1396953375[type="checkbox"]:checked + ul > li { margin-left: 0px; margin-right: 300px; } #wr1396953375.right.show li { margin-left: 0px; margin-right: 300px; } #tg1396953375[type="checkbox"].show + ul > li { margin-left: 0; } #wr1396953375 label { position: absolute; bottom: 0px; left: auto; right: -40px; display: inline-block; width: 37px; height: 37px; margin: 0 !important; padding: 0 !important; line-height: 37px !important; cursor: pointer !important; user-select: none; background-image: url('http://xtgem.com/images//authbar/sprite-auth.png') !important; background-position: 0 -200px !important; } #wr1396953375.top label { top: 0px; bottom: auto; } #wr1396953375.right label { right: auto; left: -40px; } #wr1396953375 label:active { bottom: -1px !important; } #wr1396953375 .img { position: absolute; z-index: 2; top: 0; left: 3px; display: inline-block; width: 37px; height: 37px; margin: 0 !important; padding: 0 !important; background-image: url('http://xtgem.com/images//authbar/sprite-auth.png') !important; } #wr1396953375.right .img { right: 3px; left: auto; } #wr1396953375 .img.report { background-position: 0 -80px !important; } #wr1396953375 .img.logout { background-position: 0 -40px !important; } #wr1396953375 .img.signup { background-position: 0 -120px !important; } #wr1396953375 .img.sub { background-position: 0 -160px !important; } #wr1396953375 .img.unsub { background-position: 0 -240px !important; } #wr1396953375 .img.login { background-position: 0 0 !important; } #wr1396953375 .img.edit { background-position: 0 -279px !important; } #wr1396953375 .img.xt_inbox { background-position: 0 -319px !important; } #wr1396953375 .img.feed { background-position: 0 -359px !important; }