#page {
    position: relative;
    margin-left:1%;

    width: 94%;
}
#main-content {
    position: relative;
    background-color: #fff;
    float: left;
    width: 100%;
    background-position: top left;
    background-repeat: repeat-y;
}
#header {
    position: relative;
    width: 100%;
    height: 100px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -safari-border-radius-top-right: 15px;
    -safari-border-radius-bottom-right: 15px;
    overflow: hidden;
}
#header-lrc, #header-rrc {
    width: 8px;
    height: 99px;
}
#header-rrc {
    position: absolute;
    top: 0px;
    right: 0px;
}
#header-ban {
    background-repeat: repeat-x;
}
#header-ban-main {
    background-repeat: no-repeat !important;
}
#postcards {
    position: absolute;
    left: 27px;
    top: -20px;
    width: 340px;
    height: 148px;
    z-index: 5;
}
#menu {
    position: relative;
    width: 100%;
    height: 39px;
    margin-top: 5px;
    z-index: 2;
}
#menu-left {
    width: 6px;
    height: 39px;
    float: left;
    z-index: 2;
}
#menu-right {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 11px;
    height: 39px;
    z-index: 2;
}
#menu-logo {
    display: block;
    float: left;
    width: 167px;
    height: 39px;
    z-index: 10;
    position: relative;
}
#menu-time, #sidebar-toggle-button {
    float: left;
    height: 16px;
    margin: 0px;
    margin-top: 10px;
    border: 1px solid black;
    text-align: center;
    font-size: 10px;
}
#menu-time{
    margin-left: 180px;
    width: 100px;
}
#sidebar-toggle-button{
    margin-left:10px;
    width:90px;
    background-color:#ffffffaa;
}
#sidebar-toggle-button:hover{
    cursor:pointer;
    background-color:#ffffffcc;
    box-shadow:0 0 5px #fff;
}
#menu-logo:hover {
    text-decoration: none;
}
.menu-btn {
    display: block;
    position: relative;
    float: right;
    height: 33px;
    margin-top: 6px;
    margin-right: 1px;
}
.menu-btn a.item {
    font-size: 16px;
    /*	font-family:				sans-serif;
	letter-spacing:				0.1em;
	line-height:				30px;
	text-shadow: 1px 1px 1px #000;
	font-weight:				0;*/
    padding-right: 5px;
}
.menu-btn ul {
    position: absolute;
    top: 32px;
    right: 0px;
    border: 1px solid black;
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    width: 120px;
    display: none;
    z-index: 100;
}
#menu-sub-pets, #menu-sub-friends, #menu-sub-shops {
    max-height: 300px !important;
    overflow: auto;
}
.menu-btn ul ul {
    position: absolute;
    left: 120px;
    top: -1px;
    border-left: 0px;
    z-index: 101;
}
.menu-btn-active ul {
    display: block;
    z-index: 100;
}
.menu-btn ul li.bottom {
    border-bottom: 0px !important;
}
.menu-btn ul li {
    list-style-type: none;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    margin: 0px;
    font-size: 11px;
    z-index: 100;
    position: relative;
}
.menu-tab canvas {
    margin-top: 5px;
    margin-right: 10px;
}
.menu-bar-ff .menu-tab canvas {
    margin-top: 3px;
}
.menu-bar-ff .menu-tab cufoncanvas {
    margin-top: 3px;
}
.menu-btn a.menu-tab {
    margin-right: 12px;
    padding-left: 10px;
    line-height: 30px;
}
.menu-btn a.item:hover {
    text-decoration: none;
}
.menu-btn-left {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 10px;
    height: 33px;
}
.menu-btn-right {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 16px;
    height: 33px;
}
.pf-active ul {
    display: block;
}
.pf-active ul ul {
    display: none;
}
.pf-active .pf-active ul {
    display: block;
}
#menu-ul {
    margin: 0px;
}
#menu-ulm, .menu-btn, .menu-tab item {
    z-index: 999;
}
#menu-btn-home, #menu-btn-home a.item {
    width: 71px;
}
#menu-btn-forums, #menu-btn-forums a.item {
    width: 83px;
}
#menu-btn-interact, #menu-btn-interact a.item {
    width: 88px;
}
#menu-btn-personal, #menu-btn-personal a.item {
    width: 92px;
}
#menu-btn-prefs, #menu-btn-prefs a.item {
    width: 64px;
}
.old-menu .item {
    display: block;
    height: 30px;
}
.menu-btn {
    margin-right: 2px;
}
#menu-btn-cs-css {
    margin-right: 11px;
}
#sidebar {
    float: left;
    width: 176px;
    background-repeat: repeat-y !important;
    z-index: 10;
    overflow: hidden;
    padding-bottom: 100px;
}
.sidebar-event {
  font-size: 12pt;
  line-height: 20px;
}
#content-wrap {
    float: left;
    width: 100%;
}
#content {
    padding-top: 15px;
    padding-bottom: 75px;
    position: relative;
    overflow: auto;
}
#sidebar-top {
    height: 26px;
}
#sidebar-btn-dash {
    margin-left: 1px;
    background-position: -1px 0px;
}
.sidebar-btn-active {
    background-position: 0px 26px !important;
}
#sidebar-btn-dash:hover, #sidebar-btn-events:hover {
    text-decoration: none;
}
#sidebar-btn-dash.sidebar-btn-active {
    background-position: -1px 26px !important;
}
#sidebar-inner {
    background-repeat: no-repeat !important;
    width: 176px;
    padding-top: 11px;
    /*min-height:				750px;*/
    zoom: 1;
}
#sidebar-inner-dash, #sidebar-inner-events {
    display: none;
}
.sidebar-inner-active {
    display: block !important;
}
#sidebar-btn-dash, #sidebar-btn-events {
    display: block;
    float: left;
    height: 26px;
    width: 87px;
}
.sidebar-widget {
    width: 156px;
    margin-left: 7px;
    margin-top: 11px;
}
#sidebar-inner div .sidebar-widget:first-child {
    margin-top: 0px;
}
.sidebar-widget-sep {
    height: 1px;
}
.sidebar-widget .sidebar-widget-header {
    margin: 0px;
    padding-left: 3px;
    position: relative;
}
.sidebar-widget .sidebar-widget-arrow {
    display: block;
    position: absolute;
    width: 13px;
    height: 13px;
    right: 1px;
    top: 1px;
}
.sidebar-widget .sidebar-widget-arrow:hover {
    text-decoration: none;
}
.sidebar-widget-contents {
    background-image: url('https://img.subeta.net/transparent_block.png');
    background-repeat: repeat;
    overflow: auto;
    position: relative;
}
a.event-remove {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 35%;
    right: -16px;
    background-image: url('https://img.subeta.net/icons/bullet_delete.png');
}
a.event-remove-cat {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 125px;
    top: -1px;
    background-image: url('https://img.subeta.net/icons/bullet_delete.png');
}
a.event-remove:hover, a.event-remove-cat:hover {
    text-decoration: none;
}
#sidebar-inner-events .sidebar-widget-contents .event-sep {
    margin-left: 6px;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 140px;
    height: 1px;
}
.tab {
    width: auto !important;
}
.tabcontent {
    border: 0px !important;
}
.tabheader {
    text-align: left;
    padding-left: 50px !important;
    background: none !important;
}
.tabfooter {
    background: none !important;
}
.x-js-login .sidebar-widget-contents p {
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    margin-right: 1px;
}
#bookmarks {
    position: absolute;
    top: 0px;
    right: -29px;
    width: 28px;
    zoom: 1;
}
#rightbg {
    position: fixed;
    width: 5%;
    top: 0px;
    right: 0px;
    min-height: 100%;
    z-index: -1;
}
.x-clear-both {
    clear: left;
}
ul.ul-disable {
    margin: 0px;
    padding: 0px;
}
ul.ul-disable li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#footer {
    position: absolute;
    bottom: 10px;
    width: 100%;
    clear: both;
    text-align: left;
    margin-top: 30px;
}
#footer p {
    font-size: 8px;
    margin: 0px;
    padding: 2px;
    text-align: center;
}
a {
    color: #1B6CBF;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}
#forum-wrapper {
    padding-bottom: 100px !important;
}
#reply_frm {
    padding-bottom: 50px;
}

/*
* Footer Bar
* Author: Mark Inns
* Credit: https://www.markinns.com/articles/full/replicating_facebooks_fixed_footer_in_css/
*/

div#chat-footer * {
    padding: 0;
    margin: 0;
}
div#chat-footer {
    z-index: 10;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: none;
    color: black;
}
@media screen {
    body>div#chat-footer {
        position: fixed;
    }
}
div#chat-footer div#controls {
    background: #fff;
    line-height: 29px;
    margin: 0 20px 0 20px;
    border: 1px solid #b5b5b5;
    border-bottom: none;
}
div#chat-footer div#controls div {
    background: #e5e5e5;
    margin-top: 1px;
    padding: 0 10px 0 10px;
}
div#chat-footer .separator {
    border-left: 1px solid #b5b5b5;
    margin-left: 3px;
}
div#chat-footer div#controls ul, li {
    margin: 0;
    padding: 0;
}
div#chat-footer div#controls ul {
    list-style: none;
}
div#chat-footer div#controls li {
    display: inline-block;
    line-height: 27px;
    height: 29px;
    padding-right: 6px;
}
div#chat-footer .icon {
    vertical-align: text-bottom;
}
div#chat-footer .icon-chat {
    padding-top: 3px;
}
div#chat-footer .chat, .icon-chat {
    float: right;
}
div#chat-footer .text {
    vertical-align: top;
}
#xlt {
    width: 1px;
    height: 1px;
    display: none;
}
#xlt a:visited {
    color: #bc12ba !important;
}
#bookmarks .bookmark {
    padding-left: 10px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -safari-border-radius-top-right: 10px;
    -safari-border-radius-bottom-right: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-radius-top-right: 10px;
    border-radius-bottom-right: 10px;
    background-color: #63494F;
    padding-top: 8px;
    margin-bottom: 11px;
    margin-right: 2px;
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    float: left;
    padding: 8px;
}
#bookmarks .first {
    margin-top: 155px;
}
#bookmarks .bookmark a, #bookmarks .bookmark a:hover {
    color: #EBF0EC;
    font-size: 13px;
    text-decoration: none;
}
.menu-logo-txt {
    margin-top: 10px;
    color: #fffeff;
    font-size: 24px;
    text-shadow: 2px 2px 1px #000;
}
input, textarea {
    padding: 2px;
    margin: 2px;
}
.create_ad a {
    font-size: 8px;
}
.sp-header {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important;
}
#events-counter-wrapper {
    position: absolute;
    background-color: #95a446;
    padding: 0px 2px 1px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    right: 4px;
    top: 7px;
}
#events-counter {
    font-size: 9px;
    color: #FFFFFF;
}
#sidebar-top {
    position: relative;
}
#events-bubble-wrapper {
    position: absolute;
    left: 195px;
    top: 160px;
    width: 220px;
    z-index: 7000;
}
.events-bubble-scroll {
    top: 15px !important;
    position: fixed !important;
    left: 205px;
}
.events-bubble {
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    background-color: #e4e8c1;
    color: #95a446;
    font-size: 10px;
    padding: 8px;
    margin-bottom: 15px;
    position: relative;
}
.events-bubble b {
    margin-bottom: 2px;
    display: block;
}
.events-bubble a {
    font-style: italic;
    color: inherit !important;
}

/* creates triangle */

.events-bubble:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    border-style: solid;
    border-color: #e4e8c1 transparent transparent transparent;
    border-color: #e4e8c1 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    border-width: 10px 0 0 12px;
    bottom: auto;
    left: -12px;
    top: 10px;
}
.events-bubble-scroll .events-bubble:after {
    content: "";
    display: block;
    /* reduce the damage in FF3.0 */
    position: absolute;
    width: 0;
    border-style: solid;
    border-color: #e4e8c1 transparent;
    border-color: #e4e8c1 rgba(255, 255, 255, 0);
    border-width: 0 8px 8px;
    bottom: auto;
    left: 15px;
    top: -8px;
}