body {
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

input,
select,
option,
textarea {
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

html,
body {
    font-size: 1em;
    height: 100%;
}
#main {
    background: #fff;
    border-color: #C3C3C3 #B9B9B9 #909090;
    border-style: solid;
    border-width: 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0px 0px 12px -6px #000000;
    -webkit-box-shadow: 0px 0px 12px -6px #000000;
    box-shadow: 0px 0px 12px -6px #000000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000')";

    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000');

    margin: 20px auto;
    width: 960px;
    clear: both;
}

#main.reduced {
    width: 560px;
}

#main.borderless {
    border-width: 0;
}

#bottom-wrapper {
    clear: both;
    height: 60px;
    margin-top: -60px;
    overflow: hidden;
    position: relative;
}

#bottom-margin {
    clear: both;
    height: 60px;
}

/* Typo */
div.title {
    background: #fbfbfb;
    margin: 0;
    padding: 18px 20px 9px 20px;
    position: relative;
}

div.title:first-child {
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-radius: 3px 3px 0 0;
}

div.title div.divider {
    display: block;
    left: 0;
    position: absolute;
    top: 100%;
}

div.title div.bsh640-left {
    height: 10px;
    width: 640px;
}

div.title div.bsh960 {
    height: 10px;
    width: 960px;
}

h1 {
    color: #efc500;
    font-size: 1.75em; /* 28px */
    font-weight: bold;
    line-height: 1.2857em; /* 36px */
    margin: 0;
}

h1.title {
    padding: 18px 20px 9px 20px;
}

hr.fullwidth {
    border-width: 0;
    margin: 0;
    position: relative;
    width: 100%;
    z-index: 1000;
}

hr.top-divider {
    background: url('/elements/bg_divider_top.png') no-repeat;
    height: 18px;
    margin-bottom: -18px;
}

hr.bottom-divider {
    background: url('/elements/bg_divider_bottom.png') no-repeat;
    height: 18px;
    margin-top: -18px;
}

.title h1 {
    position: relative;
    max-width: 300px;
}

p {
    color: #292929;
    font-size: 0.8125em;
    line-height: 1.2308em;
}

span {
    color: #292929;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

a:link {
    color: #0c83bd;
    text-decoration: underline;
}

a:link span {
    color: #0c83bd;
}

a:visited {
    color: #646464;
    text-decoration: underline;
}

a:visited span {
    color: #646464;
}

a:hover,
a:active {
    color: #05364d;
    text-decoration: underline;
}

a:hover span,
a:active span {
    color: #05364d;
}

a.disabled {
    cursor: default;
}

a.disabled:link,
a.disabled:visited,
a.disabled:hover,
a.disabled:active {
    color: #999999;
    text-decoration: underline;
}

a.disabled:link span,
a.disabled:visited span,
a.disabled:hover span,
a.disabled:active span {
    color: #999999;
}

ul li ul li {
    font-size: 1em;
}

ul li ol li {
    font-size: 1em;
}

a.userlink:link {
    color: #0c83bd;
    text-decoration: underline;
}

a.userlink:link span {
    color: #0c83bd;
}

a.userlink:visited {
    color: #646464;
    text-decoration: underline;
}

a.userlink:visited span {
    color: #646464;
}

a.userlink:hover,
a.userlink:active {
    color: #05364d;
    text-decoration: underline;
}

a.userlink:hover span,
a.userlink:active span {
    color: #05364d;
}

/* Divider */
.bsh640-left {
    background: url('/elements/border-bsh1280.png') no-repeat top left;
    height: 10px;
    width: 640px;
}

.bsh960 {
    background: url('/elements/border-bsh960.png') no-repeat top left;
    height: 10px;
    width: 640px;
}

/* Buttons */
.button {
    background: #646464 url('/elements/bg_button.png') repeat-x;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 1em;
    padding: 0.375em 0.625em; /* 6px 10px 6px 10px */
    position: relative;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

a.button:link,
a.button:visited {
    color: #fff;
    text-decoration: none;
}

input.button {
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.button:hover,
.button:active {
    background-color: #111;
    color: #fff;
}

.button:active {
    top: 1px;
}

.x-small.button,
.x-small.button:visited {
    font-size: 11px; /* 0.6875em; */
    line-height: 1em; /* 18px */
    padding: 0.3125em; /* 5px 5px 7px 5px; */
    width: auto;
}

.small.button,
.small.button:visited {
    font-size: 0.875em; /* 11px */
    /*height: 2.2143em;						31px */
    line-height: 1.2857em; /* 18px */
    padding: 0.3125em 0.3125em 0.4375em 0.3125em; /* 5px 5px 7px 5px; */
    width: auto;
}

input.small.button {
    height: 2.2143em;
}

.button,
a.button:link,
a.button:visited {
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.large.button,
a.large.button:link,
a.large.button:visited {
    font-size: 1.25em; /* 20px */
    height: 2.2em; /* 44px */
    line-height: 1.3em; /* 26px */
    min-width: 100px;
    padding: 0.35em 0.35em 0.5em 0.35em; /* 7px 7px 10px 7px */
}

.yellow.button,
a.yellow.button:link
a.yellow.button:visited {
    background-color: #ffab13;
}

.yellow.button:hover,
.yellow.button:active {
    background-color: #f09a00;
}

.disabled.button,
a.disabled.button:link,
a.disabled.button:visited {
    background: #dbdbdb !important;
    cursor: default;
}

.disabled.button:hover,
.disabled.button:active {
    background: #dbdbdb !important;
}

.disabled.button:active {
    top: 0;
}

/* Form Elements */
.itext {
    border: 1px solid #898989;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #787878;
    display: inline-block;
    font-size: 0.875em; /* 14px */
    font-weight: normal;
    height: 1.2857em; /* 18px */
    line-height: 1.2857em; /* 18px */
    outline: none;
    padding: 0.3571em 0.3571em 0.4286em 0.3571em; /* 5px 5px 6px 5px */
    position: relative;
    text-decoration: none;
}

.itext:focus {
    border-color: #ffab13;
}

.input-error {
    background: #ffc8c9;
    border-color: #83100c;
}

.input-error:focus {
    border-color: #83100c;
}

.input-ok {
    background: #cbffbc;
    border-color: #1f8a0a;
}

.input-ok:focus {
    border-color: #1f8a0a;
}

.iselect {
    border: 1px solid #898989;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #787878;
    display: inline-block;
    font-size: 0.875em; /* 14px */
    font-weight: normal;
    height: 2.2143em; /* 31px */
    line-height: 1.2857em; /* 18px */
    padding: 0.3571em 0.3571em 0.4286em 0.3571em; /* 5px 5px 6px 5px */
    position: relative;
    outline: none;
}

.iselect {
    border-color: #ffab13;
}

.input.radio {
    padding-left: 18px;
}

.input.radio input[type="radio"] {
    display: block;
    float: left;
    margin: 2px -100% 2px -18px;
}

.input.radio label {
    margin-top: 0;
    white-space: nowrap;
}

.input.radio:after {
    clear: both;
    content: '';
    display: block;
}

.checking {
    display: inline-block;
    height: 16px;
    margin-right: -100%;
    margin-left: -29px;
    position: relative;
    top: 3px;
    width: 16px;
}

.loader {
    background: url('/elements/loader.gif') no-repeat;
}

.ok {
    background: url('/elements/btn-ok.png') no-repeat;
}

.error {
    background: url('/elements/btn-error.png') no-repeat;
}

.input-set {
}

.input-set:after {
    clear: both;
    content: '';
    display: block;
}

.input-set ul {
}

.input-sel ul:after {
    clear: both;
    content: '';
    display: block;
}

.input-set ul li {
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

.form .item .input-set ul li label {
    margin-top: 0;
    margin-bottom: 0;
}

/* Labels */
label {
    color: #898989;
    display: block;
    font-size: 0.875em;
    line-height: 1.2857em;
    margin: 1.2857em 0.4285em;
    max-width: 50em;
}

/* Explanatory */
.explanatory {
    padding: 0 0 0 20px;
}

.explanatory p {
    color: #898989;
    font-size: 0.6875em; /* 11px */
    line-height: 1.2727em; /* 14px */
    margin: 1.2727em 0; /* 14px 0 */
}

.explanatory ul {
    margin: 0.875em 0 0.875em 1em;
}

.explanatory ul li {
    color: #898989;
    font-size: 0.6875em;
    line-height: 1.2727em;
    list-style-type: square;
}

/* Forms */
.form .item {
    margin: 0;
}

.form .item:after {
    clear: both;
    content: '';
    display: block;
}

.form .item label {
    font-size: 0.875em; /* 14px */
    margin: 1em 0.4285em 0.2857em 0; /* 14px 6px 4px 0 */
}

.long-checkbox {
    padding-left: 20px;
}

.long-checkbox input[type="checkbox"] {
    float: left;
    margin: 5px 0 5px -20px;
}

.long-checkbox label {
    display: inline;
}

.form .item.submit {
    padding: 10px 0;
    text-align: right;
    width: 100%;
}

/* Grid Layout */
.grid3col {
}

.grid3col .column {
    float: left;
    margin-right: -100%;
    position: relative;
    width: 100%;
}

.grid3col .col1-content {
    left: -200%;
}

.grid3col .col2-content {
    left: -100%;
}

.grid3col .col1 {
    background: url('/elements/bg_col320.gif') no-repeat left center;
    width: 320px;
}

.grid3col .col2 {
    background: url('/elements/bg_col320.gif') no-repeat left center;
    left: 100%;
    margin-right: -100%;
    position: relative;
    width: 100%;
}

.grid3col .col3 {
    background: url('/elements/bg_col320.gif') no-repeat left center;
    left: 100%;
    position: relative;
    width: 100%;
}

.grid2col .col1 {
    position: relative;
}

.grid2col .col2 {
    position: relative;
}

.grid2col .column {
    float: left;
    margin-right: -100%;
    position: relative;
}

/* Registration */
.registration .inner {
    margin: 10px 0;
}

.registration .column fieldset {
    margin: 10px 20px 20px 20px;
}

.registration fieldset legend {
    color: #90abcf;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.1667em;
    margin: 0;
    padding: 5px 10px 5px 0;
    position: relative;
    white-space: pre-line;
}

#accept-terms {
    float: left;
    margin: 0 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 580px;
}

#register {
    float: left;
    margin: 0 20px;
    padding: 10px 0;
    text-align: right;
    width: 280px;
}

#register .button {
    float: right;
}

/* Message */
.message {
    background: #fbfbfb;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 10px 20px;
    padding: 20px 20px 20px 72px;
}

.message:after {
    clear: both;
    content: '';
    display: block;
}

.message .icon {
    float: left;
    margin-left: -52px;
    margin-right: -100%;
    position: relative;
}

.message h2 {
    color: #898989;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.2em;
}

.message ul {
    margin: 0.75em 0 0.75em 1em;
}

.message ul li {
    color: #787878;
    font-size: 0.75em;
    list-style: square;
}

.message p {
    color: #787878;
    font-size: 0.75em;
    margin: 1em 0;
    max-width: 30em;
}

.message.error {
    background: #ffc8c9;
    border: 1px solid #83100c;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.message.error span.close {
    background: url('/elements/btn-close.png') no-repeat;
    display: block;
    float: right;
    height: 16px;
    margin: -10px -10px 10px 10px;
    position: relative;
    width: 16px;
}

.message.error h2 {
    color: #640c09;
}

.message.error ul li,
.message.error p {
    color: #640c09;
}

.message .loader {
    background: url('/elements/loader-large.gif') no-repeat;
    display: block;
    height: 32px;
    width: 32px;
}

.message.success {
    background: #cbffbc;
    border-color: #1f8a0a;
}

.message.success h2,
.message.success ul li,
.message.success p {
    color: #28531f;
}

/* Standalone Messages */
.message-standalone {
    background: #fff;
    border-color: #E5E5E5 #DBDBDB #D2D2D2;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    margin: 20px auto 80px auto;
    width: 480px;
}

.male {
    border-color: #6cc9f6;
}

.avatar.small {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    height: 64px;
    padding: 0;
    width: 64px;
}

.avatar.small img {
    height: 64px;
    margin: 0;
    width: 64px;
}

/* Main Layout */
.content-wrap {
    position: relative;
    width: 640px;
}

.sidebar-wrap {
    background: url('/elements/border-rsh.png') repeat-y left top;
    left: 100%;
    position: relative;
    width: 320px;
}

.content-wrap .content {
    float: left;
    left: -200%;
    margin-right: -200%;
    position: relative;
    width: 200%;
}

.sidebar {
    float: left;
    left: 0;
    margin-right: 0;
    position: relative;
    width: 100%;
}

.clear {
    clear: both;
    font-size: 0;
    height: 0;
    overflow: hidden;
}

.column-content {
    float: left;
    width: 100%;
}

.cat-info {
    margin: 20px -20px 20px 10px;
    width: 630px;
}

.cat-info .column ul {
    margin: 4px 0;
}

.cat-info .column ul li {
    font-size: 0.75em;
    margin: 2px 0;
}

.info-column-wrap-1 {
    width: 210px;
    left: 0;
    position: relative;
}

.info-column-wrap-2 {
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    width: 100%;
    position: relative;
    left: 100%;
    margin: 0 -100% 0 0px;
}

.info-column-wrap-3 {
    width: 100%;
    position: relative;
    left: 100%;
    margin: 0 -100% -0 0px;

}

.info-column-wrap-3 .column {
    float: left;
    margin: 4px 10px;
    position: relative;
    width: 190px;
}

.info-column-wrap-3 .levels {
    left: -200%;
    margin-right: -200%;
}

.info-column-wrap-3 .parameters {
    left: -100%;
    margin-right: -100%;
}

.info-column-wrap-3 .skills {
    left: 0;
}

/* Tabbed Block */
.tabbed-block {
    border-radius: 0 5px 5px 5px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    padding: 0;
}

.sidebar .tabbed-block {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-left-width: 0;
    border-right-width: 0;
}

.tabbed-block h2 {
    float: left;
    margin: 0;
    padding-top: 6px;
    padding-bottom: 5px;
}

.tabbed-block .inner {
    border: 1px solid #ccc;
    border-top-width: 0;
    border-radius: 0 0 5px 5px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    padding: 5px 0;
}

.sidebar .tabbed-block .inner {
    border-width: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

/* Tabs and inner */
ul.tabs {
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 0 10px;
}

ul.tabs:after {
    clear: both;
    content: '';
    display: block;
}

ul.tabs li {
    border: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    float: right;
    margin: 0 0 -1px 1px;
    position: relative;
}

ul.tabs li a {
    border-radius: 5px 5px 0 0;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    display: block;
    font-size: 0.75em;
    line-height: 1.3333em;
    padding: 5px 10px 6px 10px;
}

ul.tabs li a:link,
ul.tabs li a:visited {
    background: #fff;
    color: #646464;
    text-decoration: none;
}

ul.tabs li:hover,
ul.tabs li a:hover,
ul.tabs li a:active {
    background: url('/elements/bg_tab_hover.gif') repeat-x top left;
}

ul.tabs li a:hover,
ul.tabs li a:active {
    color: #646464;
    text-decoration: none;
}

.users-friends .inner ul,
.users-things .inner ul {
    list-style: none;
    margin: 6px -4px;
}

.users-friends .inner ul:after,
.users-things .inner ul:after {
    clear: both;
    content: '';
    display: block;
}

.users-friends .inner ul li,
.users-things .inner ul li {
    float: left;
}

.users-friends .inner ul li a,
.users-things .inner ul li a {
    border: 1px solid #ccc;
    box-shadow: 0 0 6px 0px RGBA(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 6px 0px RGBA(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 6px RGBA(0, 0, 0, 0.15);
    display: block;
    height: 64px;
    margin: 4px;
    width: 64px;
}

.users-friends .inner ul li a img,
.users-things .inner ul li a img {
    height: 64px;
    width: 64px;
}

.users-friends .inner p,
.users-things .inner p {
    margin: 6px 12px;
}

.users-friends .friendslist {
    float: left;
    padding: 0 10px 0 0;
    width: 400px;
}

.users-friends .find-user {
    float: left;
    padding: 0 0 0 10px;
    width: 180px;
}

.users-friends .find-user label {
    display: block;
    font-size: 0.75em;
    margin: 14px 0 4px 0;
}

.users-friends .find-user .itext {
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    float: left;
    margin: 0;
    width: 114px; /* total = 126 */
}

.users-friends .find-user .button {
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    float: left;
    margin: 0;
    width: 54px; /* total = 54 */
}

.game-activity {
    margin: 0 10px;
    padding: 10px;
}



/* Дни рождения пользователей */
.users-birthdays {
    margin: 10px 0;
}

.users-birthdays h2 {
    color: #efc500;
    font-size: 0.8125em;
    font-weight: bold;
}

.users-birthdays ul li {
    display: inline;
    margin-right: 10px;
    font-size: 0.75em;
}

.users-birthdays ul li a {
    white-space: nowrap;
}

.users-birthdays ul li a:link,
.users-birthdays ul li a:visited {
    color: #646464;
    text-decoration: underline;
}

.users-birthdays ul li a:hover,
.users-birthdays ul li a:active {
    color: #646464;
    text-decoration: none;
}

/* Меню пользователя */
.user-menu {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin: 10px 0 10px 1px;
}

.user-menu ul {
    margin: 0;
}

.user-menu ul:after {
    clear: both;
    content: '';
    display: block;
}

.user-menu ul li {
    float: left;
}

.user-menu ul li a {
    display: block;
    font-size: 11px;
    line-height: 11px;
    padding: 5px 10px;
}

.user-menu ul li a:link,
.user-menu ul li a:visited {
    color: #787878;
    text-decoration: none;
}

.user-menu ul li a:hover,
.user-menu ul li a:active {
    color: #000;
    text-decoration: none;
}

/* Footnote */
p.footnote {
    font-size: 0.75em;
    margin: 6px 0 5px 0;
    text-align: right;
}

div.footnote {
    text-align: right;
}

/* Profile
.profile {
	margin:					0;
	padding:				20px 20px 0 200px;
	width:					auto;
}

.profile:after {
	clear:					both;
	content: 				'';
	display:				block;
}

.profile .avatar {
	float:					left;
	margin-left:			-181px;
	margin-right:			-181px;
	position:				relative;
}

.profile .profile-content {
	float:					left;
	width:					100%;
}

.profile .name {
	font-size:				2em;
	font-weight:			bold;
	line-height:			1.5em;
}

.profile .name a:link,
.profile .name a:visited {
	color:					#efc500;
	text-decoration:		underline;
}

.profile .name a:hover,
.profile .name a:active {
	color:					#efc500;
	text-decoration:		none;
}

.profile .name .rating {
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:          5px;
    font-size:              0.5em;
    padding:                0.25em 0.5em;
}

.profile .name .rating:link,
.profile .name .rating:visited {
    background:             #0c83bd;
    color:                  #fff;
    text-decoration:        none;
}

.profile .name .rating:hover,
.profile .name .rating:active {
    background:             #05364d;
    color:                  #fff;
    text-decoration:        none;
}

.profile .status {
	margin:					8px 0;
}

.profile .status:after {
	clear:					both;
	content:				'';
	display:				block;
}

.profile .status span {
	color: 					#323232;
	display:				block;
	font-size:				0.75em;
	line-height:			1.3333em;
}

.profile .status .caption {
	float:					left;
}
.profile .status .status-text {
	overflow:				hidden;
	padding:				0 0 0 10px;
}

.profile .status .set-status {
	margin: 				0 0 0 50px;
}

.profile .status textarea,
.profile .status input.itext {
	border: 				1px solid #898989;
	border-radius: 			3px;
	-moz-border-radius: 	3px;
	-webkit-border-radius: 	3px;
	color: 					#646464;
	display: 				inline-block;
	font-size: 				0.75em;
	font-weight: 			normal;
	line-height: 			1.3333em;
	outline: 				none;
	padding: 				0.4167em;
	position:				relative;
	text-decoration:		none;
}
.profile .status textarea:focus,
.profile .status input.itext:focus {
	border-color: 			#ffab13;
}
*/

/* Cat Type */
/*
.cat-type {
	color:					#323232;
	font-size:				0.8125em;
}
*/

/* Game Parameters */
.game-parameters {
    margin: 8px 0;
}

.game-parameters table {
    border-collapse: separate;
    width: 100%;
}

.game-parameters table td {
    border-left: 1px solid #ededed;
    border-right: 1px solid #fff;
    padding: 5px;
    text-align: right;
}

.game-parameters table td.left {
    border-left-width: 0;
    padding-left: 0;
}

.game-parameters table td.right {
    border-right-width: 0;
    padding-right: 0;
}

.game-parameters table td span.value {
    color: #0C83BD;
    display: block;
    font-size: 1em;
    font-weight: bold;
}

.game-parameters table td span.title {
    color: #323232;
    display: block;
    font-size: 0.6875em;
}

.game-parameters table td a.actionlink {
    color: #0c83bd;
    font-size: 0.6875em;
}

.game-parameters table td a.actionlink:link,
.game-parameters table td a.actionlink:visited {
    text-decoration: none;
}

.game-parameters table td a.actionlink:hover,
.game-parameters table td a.actionlink:active {
    text-decoration: none;
}

.game-parameters table td a.actionlink:link u,
.game-parameters table td a.actionlink:visited u {
    text-decoration: underline;
}

.game-parameters table td a.actionlink:hover u,
.game-parameters table td a.actionlink:active u {
    text-decoration: none;
}

/* Game Menu */
.game-menu {
    background: #ededed;
    margin: 8px 0;
}

.game-menu table {
    border-collapse: separate;
    width: 100%;
}

.game-menu table td {
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    padding: 5px 10px;
    text-align: right;
}

.game-menu table td.left {
    border-left-width: 0;
    padding-left: 20px;
}

.game-menu table td.right {
    border-right-width: 0;
    padding-right: 20px;
}

.game-menu table td.separator {
    width: 100%;
}

.game-menu table td a.divlink {
    color: #0c83bd;
    font-size: 0.9375em;
    font-weight: bold;
    white-space: nowrap;
}

.game-menu table td a.divlink:link,
.game-menu table td a.divlink:visited {
    text-decoration: none;
}

.game-menu table td a.divlink:hover,
.game-menu table td a.divlink:active {
    text-decoration: none;
}

.game-menu table td a.divlink:link u,
.game-menu table td a.divlink:visited u {
    text-decoration: underline;
}

.game-menu table td a.divlink:hover u,
.game-menu table td a.divlink:active u {
    text-decoration: none;
}

.game-menu table td a.actionlink {
    color: #0c83bd;
    font-size: 0.6875em;
    white-space: nowrap;
}

.game-menu table td a.actionlink:link,
.game-menu table td a.actionlink:visited {
    text-decoration: none;
}

.game-menu table td a.actionlink:hover,
.game-menu table td a.actionlink:active {
    text-decoration: none;
}

.game-menu table td a.actionlink:link u,
.game-menu table td a.actionlink:visited u {
    text-decoration: underline;
}

.game-menu table td a.actionlink:hover u,
.game-menu table td a.actionlink:active u {
    text-decoration: none;
}

/* Last News */
.last-news {
    margin: 10px 10px 0 10px;
    padding: 10px 10px 0 10px;

}

/*.last-news h2 {
    color: #efc500;
    font-size: 0.8125em;
    font-weight: bold;
    line-height: 1.2308em;
}*/

.last-news .date {
    float: left;
    font-size: 0.75em;
    line-height: 1.3333em;
    margin: 6px 0 0 0;
}

.last-news p {
    margin: 6px 0 0 0;
    overflow: hidden;
    padding-left: 10px;
}

/* Items */
.items-list, .items-list-group-buttons {
    margin: 10px 40px 10px 20px;
    padding: 1px 0;
}

.items-list .item:first-child {
    border-top-width: 0;
}

.items-list .item {
    border-top: 1px dotted #0c83bd;
    margin: 0;
    padding: 10px 0 10px 85px;
}

.items-list .item:after {
    clear: both;
    content: '';
    display: block;
}

.items-list .item img {
    float: left;
    height: 75px;
    margin: 0 -100% 0 -85px;
    width: 75px;
}

.items-list .item h2 {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.25em;
}

.items-list .item h2 a:link,
.items-list .item h2 a:visited {
    color: #0c83bd;
    text-decoration: none;
}

.items-list .item h2 a:hover,
.items-list .item h2 a:active {
    color: #0c83bd;
    text-decoration: underline;
}

.items-list .item h2 span {
    color: #333;
    float: right;
    font-size: 0.75em;
    font-weight: bold;
    line-height: 1.6667em;
    margin-left: 20px;
}

.items-list .item ol {
    margin: 4px 0 10px 0;
}

.items-list .item ol > li {
    border-top: 1px solid #ccc;
    padding: 4px 10px;
}

.items-list .item ol li.selected {
    background: #fff6dc !important;
}

.items-list .item ol li.repairable {
    background: #ffcdcd;
}

.items-list .item ol li.unrepairable {
    background: #ff9a9a;
}

.items-list .item ol li:first-child {
    border-top-width: 0px;
}

.items-list .item ol li span {
    color: #333;
    font-size: 0.75em;
    line-height: 1.3333em;
}

.items-list .item ol li p {
    color: #333;
    font-size: 0.75em;
    line-height: 1.3333em;
}

.transfers {
    background: #ededed;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 10px 30px 10px 10px;
    padding: 10px;
}

.transfers h2 {
    border-bottom: 1px solid #efc500;
    color: #efc500;
    font-size: 0.875em;
    font-weight: bold;
    line-height: 1.2857em;
    margin: 0;
    padding: 18px 0 9px 0;
}

.transfers h2:first-child {
    margin-top: -10px;
}

.transfers ol {
    margin: 4px 0 0 0;
}

.transfers ol li {
    border-top: 1px solid #ccc;
    padding: 8px 10px;
}

.transfers ol li:first-child {
    border-top-width: 0;
}

.transfers ol li span {
    font-size: 0.75em;
    line-height: 1.3333em;
}

/* Action Block */
/*
 - Used for grouping button on link elements as a block on the bottom of a section */

ul.actions {
    float: right;
    margin-left: 20px;
}

ul.actions:after {
    clear: both;
    content: '';
    display: block;
}

ul.actions li {
    background: url('/elements/bullet-inline-list.png') no-repeat left center;
    border-width: 0;
    display: block;
    float: left;
    padding: 0 5px 0 16px;
}

ul.actions li:after {
    clear: both;
    content: '';
    display: block;
}

ul.actions li:first-child {
    background-image: none;
    padding: 0 5px;
}

ul.actions li a {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
}

ul.actions li span {
    color: #666;
    font-size: 12px;
    line-height: 18px;
}

ul.actions li a:link,
ul.actions li a:visited {
    color: #333;
    text-decoration: none;
}

ul.actions li a:hover,
ul.actions li a:active {
    color: #333;
    text-decoration: underline;
}

.action-block {

}

.action-block:after {
    clear: both;
    content: '';
    display: block;
}

.action-block {
    text-align: right;
}

/* Side Menu */
.side-menu {
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #f5f5f5;
    margin: 10px 1px 10px 2px;
}

.side-menu li {
    border-bottom: 1px solid #f5f5f5;
    border-top: 1px solid #eaeaea;
    display: block;
}

.side-menu li a {
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    padding: 10px 20px;
    position: relative;
    text-decoration: none;
}

.side-menu li a small {
    font-size: 12px;
    font-weight: normal;
}

.side-menu li a em {
    font-style: italic;
}

.side-menu li a:link,
.side-menu li a:visited {
    color: #646464;
}

.side-menu li a:hover,
.side-menu li a:active {
    background: url('/elements/side-menu_hover.png') no-repeat left center;
    color: #333;
    margin: -1px 0 -1px -20px;
    padding: 11px 20px 11px 40px;
    z-index: 10;
}

.side-menu li a.current:link,
.side-menu li a.current:visited {
    background: url('/elements/side-menu_selected.png') no-repeat left center;
    color: #0c83bd;
    margin: -1px 0 -1px -20px;
    padding: 11px 20px 11px 40px;
    position: relative;
    z-index: 100;
}

.side-menu li a.current:hover,
.side-menu li a.current:active {
    background: url('/elements/side-menu_selected.png') no-repeat left center;
    color: #333;
    z-index: 100;
}

.side-block {
    background: #FFED9A;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 10px;
    padding: 10px;
}

.side-block h3 {
    font-size: 0.875em;
    font-weight: bold;
    line-height: 1.2857em;
    margin: 0;
    padding: 18px 0 9px 0;
}

.side-block h3:first-child {
    margin-top: -10px;
}

.side-block .header-block {
    border-bottom: 1px solid #efc500;
    padding: 18px 0 9px 0;
}

.side-block .header-block:after {
    clear: both;
    content: '';
    display: block;
}

.side-block .header-block h3 {
    border-bottom-width: 0;
    padding: 0;
}

.side-block .header-stat {
    background: #dcf2fd;
    border: 1px solid #7ccff7;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: inset 4px 4px 25px RGBA(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 4px 4px 25px RGBA(0, 0, 0, 0.2);
    box-shadow: inset 4px 4px 25px RGBA(0, 0, 0, 0.2);
    display: block;
    float: right;
    font-size: 0.875em;
    line-height: 1.2857em;
    margin: -11px 0 -6px 20px;
    padding: 5px 8px;
}

.side-block .header-stat sup {
    font-size: 90%;
    vertical-align: super;
}

.side-block ul {
    margin: 10px 0;
}

.side-block ul li {
    font-size: 0.75em;
    line-height: 1.33em;
    margin: 2px 0;
}

/* Stats */
.stat-distribution fieldset {
    margin: 10px 20px 20px 20px;
}

.stat-distribution .item {
    border-top: 1px solid #ccc;
    padding: 10px 0 10px 180px;
}

.stat-distribution .item:after {
    clear: both;
    content: '';
    display: block;
}

.stat-distribution .item:first-child {
    border-top-width: 0;
}

.stat-distribution .item.submit {
    border-top-width: 0;
}

.stat-distribution label {
    display: block;
    float: left;
    line-height: 1.7143em;
    margin: 0 0 0 -180px !important;
    position: relative;
    text-align: left;
    width: 160px;
}

.stat-distribution .stats {
    display: block;
    float: left;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.2em;
    text-align: center;
    width: 20px;
}

.stat-distribution .stats:link,
.stat-distribution .stats:visited {
    color: #0c83bd;
    text-decoration: none;
}

.stat-distribution .stats:hover,
.stat-distribution .stats:active {
    color: #efc500;
    text-decoration: none;
}

.stat-distribution .value {
    color: #0c83bd;
    display: block;
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    width: 60px;
}

.stat-distribution #freestats-value {
    width: 100px;
}

/* Avatar
.avatar {
	border: 				1px solid #EFC500;
    -moz-box-shadow: 		0px 0px 12px -6px #000000;
    -webkit-box-shadow: 	0px 0px 12px -6px #000000;
	box-shadow: 			0px 0px 12px -6px #000000;

    /* For IE 8 */
/*
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000')";
*/

/* For IE 5.5 - 7 */
/*
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000');
*/
/*
display:				block;
height:					160px;
position:				relative;
width:					160px;
}
*/

.avatar.large img {
    display: block;
    height: 160px;
    margin: 0;
    width: 160px;
}

/* MAP */
#map {
    background: url('/img/map_large.jpg') no-repeat;
    height: 600px;
    margin: 20px;
    width: 600px;
}

#map ul {

}

*:first-child + html #map ul {
    diplay: inline-block;
}

#map ul:after {
    clear: both;
    content: '';
    display: block;
}

#map ul li {
    display: block;
    float: left;
    height: 120px;
    width: 120px;
}

#map ul li a {
    background-position: top left;
    background-repeat: repeat;
    display: block;
    height: 120px;
    text-indent: -9999px;
    width: 120px;
}

#map ul li.odd a {
    background-image: url('/elements/t_50.png');
}

#map ul li.even a {
    background-image: url('/elements/t_25.png');
}

#map ul li.current a {
    background-image: url('/elements/map_current.png');
}

#map ul li.selected a {
    background-image: url('/elements/map_selected.png');
}

h2#location-information {
    color: #EFC500;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.2em;
    margin: 20px;
}

p#mob_info {
    color: #0c83bd;
    font-size: 1em;
    margin: -10px 20px 20px 20px;
}

#map_location {
    margin: 10px;
    padding: 10px 0;
}

#map_location:after {
    clear: both;
    content: '';
    display: block;
}

#map_location ul.large {
    height: 120px;
    margin: 20px 90px 20px 90px;
    position: relative;
    width: 120px;
}

#map_location ul.large li {
    display: block;
    height: 30px;
    position: absolute;
    width: 30px;
}

#map_location ul.large li#mp_top {
    left: 45px;
    top: 0;
}

#map_location ul.large li#mp_right {
    left: 90px;
    top: 45px;
}

#map_location ul.large li#mp_bottom {
    left: 45px;
    top: 90px;
}

#map_location ul.large li#mp_left {
    left: 0;
    top: 45px;
}

#map_location ul.large li#mp_top-right {
    left: 60px;
    top: 30px;
}

#map_location ul.large li#mp_bottom-right {
    left: 60px;
    top: 60px;
}

#map_location ul.large li#mp_bottom-left {
    left: 30px;
    top: 60px;
}

#map_location ul.large li#mp_top-left {
    left: 30px;
    top: 30px;
}

#map_location ul.large li a {
    display: block;
    height: 30px;
    width: 30px;
}

#map_location ul.large li a span {
    display: block;
    height: 30px;
    overflow: hidden;
    position: relative;
    width: 30px;
}

#map_location ul.large li a span ins {
    background: url('/elements/btn_nav.png') no-repeat top left;
    display: block;
    height: 240px;
    position: absolute;
    width: 60px;
}

#map_location ul.large li a:link span ins,
#map_location ul.large li a:visited span ins {
    left: 0;
}

#map_location ul.large li a:hover span ins,
#map_location ul.large li a:active span ins {
    left: -30px;
}

#map_location ul.large li#mp_top a span ins {
    top: 0;
}

#map_location ul.large li#mp_right a span ins {
    top: -30px;
}

#map_location ul.large li#mp_bottom a span ins {
    top: -60px;
}

#map_location ul.large li#mp_left a span ins {
    top: -90px;
}

#map_location ul.large li#mp_top-right a span ins {
    top: -120px;
}

#map_location ul.large li#mp_bottom-right a span ins {
    top: -150px;
}

#map_location ul.large li#mp_bottom-left a span ins {
    top: -180px;
}

#map_location ul.large li#mp_top-left a span ins {
    top: -210px;
}

#map_location ul.small {
    float: left;
    height: 64px;
    left: 0;
    margin: 20px -100% 20px 10px;
    position: relative;
    width: 64px;
}

#map_location ul.small li {
    display: block;
    height: 16px;
    position: absolute;
    width: 16px;
}

#map_location ul.small li#mp_top {
    left: 24px;
    top: 0;
}

#map_location ul.small li#mp_right {
    left: 48px;
    top: 24px;
}

#map_location ul.small li#mp_bottom {
    left: 24px;
    top: 48px;
}

#map_location ul.small li#mp_left {
    left: 0;
    top: 24px;
}

#map_location ul.small li#mp_top-right {
    left: 32px;
    top: 16px;
}

#map_location ul.small li#mp_bottom-right {
    left: 32px;
    top: 32px;
}

#map_location ul.small li#mp_bottom-left {
    left: 16px;
    top: 32px;
}

#map_location ul.small li#mp_top-left {
    left: 16px;
    top: 16px;
}

#map_location ul.small li a {
    display: block;
    height: 16px;
    width: 16px;
}

#map_location ul.small li a span {
    display: block;
    height: 16px;
    overflow: hidden;
    position: relative;
    width: 16px;
}

#map_location ul.small li a span ins {
    background: url('/elements/btn_nav_small.png') no-repeat top left;
    display: block;
    height: 128px;
    position: absolute;
    width: 32px;
}

#map_location ul.small li a:link span ins,
#map_location ul.small li a:visited span ins {
    left: 0;
}

#map_location ul.small li a:hover span ins,
#map_location ul.small li a:active span ins {
    left: -16px;
}

#map_location ul.small li#mp_top a span ins {
    top: 0;
}

#map_location ul.small li#mp_right a span ins {
    top: -16px;
}

#map_location ul.small li#mp_bottom a span ins {
    top: -32px;
}

#map_location ul.small li#mp_left a span ins {
    top: -48px;
}

#map_location ul.small li#mp_top-right a span ins {
    top: -64px;
}

#map_location ul.small li#mp_bottom-right a span ins {
    top: -80px;
}

#map_location ul.small li#mp_bottom-left a span ins {
    top: -96px;
}

#map_location ul.small li#mp_top-left a span ins {
    top: -112px;
}

#map_location #map_teleport.large {
    clear: both;
    width: 300px;
}

#map_location #map_teleport.small {
    border-left: 1px solid #0c83bd;
    float: left;
    height: 64px;
    left: 90px;
    margin: 20px 0;
    padding: 0 0 0 20px;
    position: relative;
    width: 189px;
}

#map_location #map_teleport.small .iselect {
    width: 140px;
}

#map_location #map_teleport.small label {
    margin: 0;
}

#map_location .message {
    margin: 10px;
    padding: 10px 20px;
}

#viewed_location {

}

#viewed_location h2 {
    color: #EFC500;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.2em;
    margin: 0 20px;
}

#viewed_location h2:after {
    clear: both;
    content: '';
    display: block;
}

#viewed_location h2 .button {
    float: right;
    font-weight: normal;
    height: auto;
    margin: 0 0 0 20px;
}

/* STANDARD CLASSES */
.ch_box-shadow {
    -moz-box-shadow: 0px 0px 12px -6px #000000;
    -webkit-box-shadow: 0px 0px 12px -6px #000000;
    box-shadow: 0px 0px 12px -6px #000000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000')";

    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#000000');

}