/*
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
*/
audio, canvas, video {
    display: inline-block;
}
/*
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden], template {
    display: none;
}
script {
    display: none !important;
}
html {
    font-family: sans-serif;
}
body {
    margin: 0;
}
a {
    background: none repeat scroll 0 0 transparent;
}
a:focus {
    outline: thin dotted;
}
a:active, a:hover {
    outline: 0 none;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: bold;
}
dfn {
    font-style: italic;
}
hr {
    box-sizing: content-box;
    height: 0;
}
mark {
    background: none repeat scroll 0 0 #ff0;
    color: #000;
}
code, kbd, pre, samp {
    font-family: monospace,serif;
    font-size: 1em;
}
pre {
    white-space: pre-wrap;
}
q {
    quotes: "�" "�" "�" "�";
}
small {
    font-size: 80%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0 none;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0 none;
    padding: 0;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}
button, input {
    line-height: normal;
}
button, select {
    text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
button[disabled], html input[disabled] {
    cursor: default;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="search"] {
    box-sizing: content-box;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a:hover {
    cursor: pointer;
}
*/


/* custom-disabled 20150604_1637
*, *::before, *::after {
    box-sizing: border-box;
}
*/

.strt_hdn, .controls_short {
	display:none;
}

img {
    display: inline-block;
    vertical-align: middle;
}
img, object, embed {
    height: auto;
    max-width: 100%;
}
object, embed {
    height: 100%;
}
img {
}
/*


#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
    max-width: none !important;
}
textarea {
    height: auto;
    min-height: 50px;
}
select {
    width: 100%;
}
@font-face {
    font-family: "CustomChinese";
    src: local("Helvetica Neue"), local("Helvetica"), local("Arial"), local("STXihei"), local("STHeiti"), local("SimSun");
    unicode-range: U+2E80-2FA1F;
}
@font-face {
    font-family: "ZhongaIcons";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/zhonga-icons.eot?#iefix&v=2231") format("embedded-opentype"), url("../fonts/zhonga-icons.ttf?v=2231") format("truetype"), url("../fonts/zhonga-icons.woff?v=2231") format("woff"), url("../fonts/zhonga-icons.svg#Zhonga Icons&v=2231") format("svg");
}
.antialiased {
}
html, body {
    font-size: 14px;
}
body {
    background: url("../images/body-bg.png") repeat-x scroll 0 0 #fff;
    color: #222;
    cursor: default;
    font-family: "Helvetica Neue",Helvetica,Arial,STXihei,STHeiti,SimSun,sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding: 0;
    position: relative;
}
.left {
    float: left !important;
}
.right {
    float: right !important;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
.text-justify {
    text-align: justify !important;
}
.hide {
    display: none;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
    direction: ltr;
    margin: 0;
    padding: 0;
}
a {
    color: #36536d;
    line-height: inherit;
    text-decoration: none;
}
a:hover, a:focus {
    color: #2e465c;
}
a img {
    border: medium none;
}
p {
    font-family: inherit;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.6;
    margin-bottom: 1.42857em;
    text-rendering: optimizelegibility;
}
p.lead {
    font-size: 1.25em;
    line-height: 1.6;
}
p aside {
    font-size: 1em;
    font-style: italic;
    line-height: 1.35;
}
h1, h2, h3, h4, h5, h6 {
    color: #222;
    font-family: "Helvetica Neue",Helvetica,Arial,STXihei,STHeiti,SimSun,sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: 1.18571em;
    margin-bottom: 0.5em;
    margin-top: 0.2em;
    text-rendering: optimizelegibility;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #7b7b7b;
    font-size: 60%;
    line-height: 0;
}
h1 {
    font-size: 1.85em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1.17em;
}
h5 {
    font-size: 1.1em;
}
h6 {
    font-size: 1em;
}
.subheader {
    color: #6f6f6f;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 0.5em;
    margin-top: 0.2em;
}
hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ddd;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 1.42857em 0 1.35714em;
}
em, i {
    font-style: italic;
    line-height: inherit;
}
strong, b {
    font-weight: bold;
    line-height: inherit;
}
small {
    font-size: 60%;
    line-height: inherit;
}
code {
    color: #7f0a0c;
    font-family: Consolas,"Liberation Mono",Courier,monospace;
    font-weight: bold;
}
ul, ol, dl {
    font-family: inherit;
    font-size: 1em;
    line-height: 1.6;
    list-style-position: outside;
    margin-bottom: 1.42857em;
}
ul, ol {
    margin-left: 0;
}
ul.no-bullet, ol.no-bullet {
    margin-left: 0;
}
ul li ul, ul li ol {
    font-size: 1em;
    margin-bottom: 0;
    margin-left: 1.42857em;
}
ul.square li ul, ul.circle li ul, ul.disc li ul {
    list-style: inherit;
}
ul.square {
    list-style-type: square;
}
ul.circle {
    list-style-type: circle;
}
ul.disc {
    list-style-type: disc;
}
ul.no-bullet {
    list-style: outside none none;
}
ol li ul, ol li ol {
    margin-bottom: 0;
    margin-left: 1.42857em;
}
dl dt {
    font-weight: bold;
    margin-bottom: 0.3em;
}
dl dd {
    margin-bottom: 0.85714em;
}
abbr, acronym {
    border-bottom: 1px dotted #ddd;
    color: #222;
    cursor: help;
    font-size: 90%;
    text-transform: uppercase;
}
abbr {
    text-transform: none;
}
blockquote {
    border-left: 1px solid #ddd;
    margin: 0 0 1.42857em;
    padding: 0.64286em 1.42857em 0 1.35714em;
}
blockquote cite {
    color: #555;
    display: block;
    font-size: 0.92857em;
}
blockquote cite::before {
    content: "� ";
}
blockquote cite a, blockquote cite a:visited {
    color: #555;
}
blockquote, blockquote p {
    color: #6f6f6f;
    line-height: 1.6;
}
.vcard {
    border: 1px solid #ddd;
    display: inline-block;
    margin: 0 0 1.42857em;
    padding: 0.71429em 0.85714em;
}
.vcard li {
    display: block;
    margin: 0;
}
.vcard .fn {
    font-size: 1.07143em;
    font-weight: bold;
}
.vevent .summary {
    font-weight: bold;
}
.vevent abbr {
    border: medium none;
    cursor: default;
    font-weight: bold;
    padding: 0 0.07143em;
    text-decoration: none;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: "ZhongaIcons";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}
.icon-yandex::before {
    content: "?";
}
.icon-google::before {
    content: "?";
}
.icon-baidu::before {
    content: "?";
}
.icon-wikipedia::before {
    content: "?";
}
.icon-user-group::before {
    content: "?";
}
.icon-user-add::before {
    content: "?";
}
.icon-user::before {
    content: "?";
}
.icon-book-text::before {
    content: "?";
}
.icon-speaker-hloud::before {
    content: "?";
}
.icon-checkmark::before {
    content: "?";
}
.icon-checkmark-fill::before {
    content: "?";
}
.icon-checkmark-outline::before {
    content: "?";
}
.icon-plus-fill::before {
    content: "?";
}
.icon-plus-outline::before {
    content: "?";
}
.icon-speaker-loud::before {
    content: "?";
}
.icon-speaker-mute::before {
    content: "?";
}
.icon-edit::before {
    content: "?";
}
.icon-mail::before {
    content: "?";
}
.icon-clock::before {
    content: "?";
}
.icon-x::before {
    content: "?";
}
.icon-x-fill::before {
    content: "?";
}
.icon-attachment::before {
    content: "?";
}
.icon-flag::before {
    content: "?";
}
.icon-earth::before {
    content: "?";
}
.icon-globe::before {
    content: "?";
}
.icon-bookmark::before {
    content: "?";
}
.icon-star::before {
    content: "?";
}
.icon-thumbs-up::before {
    content: "?";
}
.icon-thumbs-down::before {
    content: "?";
}
.icon-exit::before {
    content: "?";
}
.icon-enter::before {
    content: "?";
}
.icon-trash::before {
    content: "?";
}
.icon-x-outline::before {
    content: "?";
}
.icon-pencil::before {
    content: "?";
}
.icon-quill::before {
    content: "?";
}
.icon-book-fill::before {
    content: "?";
}
.icon-zoom-in::before {
    content: "?";
}
.icon-zoom-out::before {
    content: "?";
}
.icon-cog::before {
    content: "?";
}
.icon-menu::before {
    content: "?";
}
.icon-alert::before {
    content: "?";
}
.icon-brush::before {
    content: "?";
}
.icon-ellipsis::before {
    content: "?";
}
.icon-info-fill::before {
    content: "?";
}
.icon-info::before {
    content: "?";
}
.icon-plus::before {
    content: "?";
}
.icon-minus::before {
    content: "?";
}
.panel {
    background: none repeat scroll 0 0 #fff;
    border-color: #f6f6f6;
    border-style: solid;
    border-width: 2px;
    margin-bottom: 1.07143em;
    padding: 1.07143em;
}
.panel > *:first-child {
    margin-top: 0;
}
.panel > *:last-child {
    margin-bottom: 0;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
    color: #333;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    line-height: 1;
    margin-bottom: 0.71429em;
}
.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
    line-height: 1.4;
}
.panel.callout {
    background: none repeat scroll 0 0 #36536d;
    border-color: #304a61;
    border-style: solid;
    border-width: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    margin-bottom: 1.07143em;
    padding: 1.07143em;
}
.panel.callout > *:first-child {
    margin-top: 0;
}
.panel.callout > *:last-child {
    margin-bottom: 0;
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
    color: #fff;
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
    line-height: 1;
    margin-bottom: 0.71429em;
}
.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
    line-height: 1.4;
}
.panel.callout a {
    color: #fff;
}
.panel.radius {
    border-radius: 2px;
}
.panel.card {
    border: medium none;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.pinyin {
    color: #707070;
    letter-spacing: 0.03857em;
}
.pinyin a {
    color: #707070 !important;
}
.pinyin.with-brackets::before {
    content: "[";
    margin-right: -3px;
}
.pinyin.with-brackets::after {
    content: "]";
    margin-left: -3px;
}
.dict-entry header {
    position: relative;
}
.dict-entry header h1 {
    font-size: 1.71429em;
    margin-bottom: 0.28571em;
}
.dict-entry header .unit-level {
    position: absolute;
    right: 0;
    top: 0;
}
.dict-entry.cn header h1 {
    font-size: 2.42857em;
}
.dict-entry.cn header .pinyin {
    font-size: 1.21429em;
    margin-left: 0.14286em;
}
.tts-speaker {
    color: #636363;
    cursor: pointer;
    font-size: 17px;
    vertical-align: middle;
}
.tts-speaker:active {
    color: #4699e6;
}
.tts-speaker[state="loading"] {
    color: #4699e6;
}
.tts-speaker[state="playing"] {
    color: #4699e6;
}
#ttsFlash {
    display: block;
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px;
}
.unit-level {
    color: #797979;
    font-size: 12px;
}
html, body {
    height: 100%;
}
body {
    position: relative;
}
h1 {
    font-size: 2em;
    line-height: 1em;
    margin-bottom: 6px;
}
h2 {
    font-size: 1.5em;
    margin-bottom: 10px;
}
h3 {
    border-bottom: 1px solid #ccc;
    color: #444;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bolder;
    line-height: 1.5em;
    margin-bottom: 10px;
}
h4 {
    color: #a0a0a0;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 7px;
}
h5 {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 18px;
}
h6 {
    font-size: 0.8333em;
    font-weight: bold;
    line-height: 1.8em;
    margin-bottom: 18px;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
    margin: 0;
}
a:link, a:visited {
    color: #3a5170;
    outline: medium none;
    text-decoration: none;
}
a:hover, a:active, li a.active {
    color: #113353;
    outline: medium none;
    text-decoration: underline;
}
div::after, form::after, ul::after, ol::after, dl::after, dt::after, dd::after, h1::after, h2::after, h3::after, h4::after, p::after {
    clear: both;
    content: "";
    display: block;
}
blockquote {
    background: none repeat scroll 0 0 #fdfdfd;
    border-left: 3px solid #ddd;
    margin: 7px 5px;
    padding: 1px 5px;
}
li ul, li ol {
    margin: 0;
}
ul, ol {
    margin: 0 18px 18px 0;
    padding-left: 18px;
}
ul {
    list-style-type: none;
}
ol {
    list-style-type: decimal;
}
dl {
    margin: 0 0 18px;
}
dl dt {
    font-weight: bold;
}
dd {
    margin-left: 18px;
}
table {
    margin-bottom: 18px;
    width: 100%;
}
th, tr, td {
    padding: 3px 5px;
    vertical-align: middle;
}
hr {
    background: none repeat scroll 0 0 #666;
    border: medium none;
    clear: both;
    float: none;
    height: 1px;
    margin: -1px 0 18px;
    width: 100%;
}
fieldset {
    border: 1px solid #ccc;
    margin: 6px 0;
    padding: 12px;
}
[data-segment="en"] body.page-site-index {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#wrapper {
    height: auto !important;
    margin: 0 auto 70px;
    min-height: 100%;
    padding: 0;
    width: 980px;
}
[data-segment="en"] body.page-site-index #wrapper {
    height: auto;
    min-height: inherit;
}
.showgrid {
    background: url("../images/grid.gif") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
}
#main {
    margin: 0 0 18px;
    padding: 0;
    position: relative;
}
[data-segment="en"] body.page-site-index #main {
    display: none;
}
.container {
    margin-top: 10px;
}
#content {
    position: relative;
}
.content-no-sidebars {
    margin: 0 auto;
    width: 980px;
}
.content-sidebar-right {
    float: left;
    margin: 0 10px 0 0;
    width: 730px;
}
.content-sidebar-left {
    float: right;
    margin: 0 0 0 10px;
    width: 770px;
}
#sidebar-left {
    float: left;
    width: 190px;
}
#sidebar-right {
    float: right;
    width: 240px;
}
#header {
    margin: 0;
    padding: 10px 0 25px;
}
[data-segment="en"] body.page-site-index #header {
    margin: 250px 0 0 106px;
}
#header #branding {
    display: block;
    float: left;
}
#header #logo {
    background: url("../images/logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 60px;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
    text-indent: -9999em;
    width: 190px;
}
@media not all, all and (min--moz-device-pixel-ratio: 1.5), not all, not all {
#header #logo {
    background: url("../images/logo@2x.png") no-repeat scroll center center / 190px 60px rgba(0, 0, 0, 0);
}
}
#header #logo a {
    display: block;
    height: 100%;
    overflow: hidden;
    text-indent: -9999em;
}
#search-form-container {
    background: none repeat scroll 0 0 #e5e5e5;
    border-radius: 3px;
    float: left;
    height: 36px;
    margin: 15px 10px 0 15px;
    padding: 2px;
    position: relative;
    z-index: 120;
}
.search-field-wrapper {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc -moz-use-text-color #ccc #ccc;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    float: left;
    height: 32px;
    margin: 0;
    padding: 0;
    width: 353px;
}
input#search-field {
    border: medium none;
    font-size: 1.5em;
    height: 30px;
    margin: 0;
    outline: medium none;
    padding: 2px 4px;
    width: 352px;
}
input#search-button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(to bottom, #b6d55a 0%, #75ad36 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #acc27b rgba(0, 0, 0, 0.05) #7e9e46 -moz-use-text-color;
    border-image: none;
    border-radius: 0 2px 2px 0;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #637f2e;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    line-height: 1;
    margin: 0 1px 0 0;
    text-shadow: 0 1px 0 #bad78c;
    width: 74px;
}
input#search-button:active {
    line-height: normal;
}
input#hwr-button {
    background: url("../images/hwr-button-tmp.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    float: left;
    height: 32px;
    margin-left: 3px;
    width: 41px;
}
@media not all, not all, not all, not all {
input#hwr-button {
    background: url("../images/hwr-button-tmp@2x.png") no-repeat scroll center center / 41px 32px rgba(0, 0, 0, 0);
}
}
input#hwr-option {
    background: url("../images/hwr-option.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    display: none;
    float: left;
    height: 32px;
    margin: 0;
    width: 30px;
}
*/

/*


.zhwr-table {
    background: none repeat scroll 0 0 #f5f5f5;
    border-width: 0;
    clear: both;
    display: none;
    margin: 0 0 0 -3px;
    padding: 2px;
    position: absolute;
    top: 90px;
    width: 476px;
    z-index: 100;
}
.zhwr-table tr {
    padding: 0;
}
.zhwr-table td {
    border: medium none;
    padding: 0;
}
*/
.zhwr-canvas {
    background: url("./images/canvasbg.png") no-repeat scroll 0 0 #fff;
    border-collapse: collapse;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    cursor: default;
    height: 220px;
    margin: 0;
    width: 220px;
}

/*
.zhwr-button {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #7d8c31;
    cursor: pointer;
    float: right;
    font: 1em Arial,Helvetica,sans-serif;
    margin: 5px;
    text-decoration: underline;
}
.zhwr-button:hover {
    border: medium none;
}
.zhwr-dot {
    background: none repeat scroll 0 0 #000;
    cursor: default;
    height: 3px;
    overflow: hidden;
    position: absolute;
    width: 3px;
    z-index: 32768;
}
.zhwr-container, .zhwr-container-current {
    cursor: pointer;
    float: left;
    position: relative;
}
.zhwr-container {
    color: #000;
}
.zhwr-container-current {
    background-color: #f4f4f4;
    cursor: pointer;
}
.zhwr-prob {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cccccc;
    bottom: 40px;
    color: #555555;
    display: none;
    font-family: "lucida sans unicode",sans-serif;
    font-size: 1.2em;
    left: 0.9em;
    padding: 1px 10px;
    position: absolute;
}
.zhwr-char {
    border-bottom: 1px solid #f4f4f4;
    border-left: 1px solid #f4f4f4;
    float: left;
    font-family: simsun,Arial;
    font-size: 2em;
    line-height: 1.3em;
    padding: 7px 0;
    text-align: center;
    width: 49px;
}
.zhwr-result.empty {
    background: none repeat scroll 0 0 #f4f4f4;
}
.zhwr-result {
    background-color: #fff;
    border-collapse: collapse;
    border-color: #888;
    border-style: solid;
    border-width: 1px;
    display: block;
    float: right;
    height: 220px;
    margin-left: 2px;
    padding: 0;
    width: 250px;
}
.zhwr-result.loading {
    background: url("../images/indicatooor.gif") no-repeat scroll center center #fff;
    display: block;
    opacity: 0.6;
}
.zhwr-result div {
    float: left;
}
*/

.strokes {
    background: none repeat scroll 0 0 #eee;
    display: block; /*none*/
    left: 0;
    margin: 0;
    margin-top: 60px;
    padding: 2px;
    position: static; /*absolute*/
    float: left;
    /*top: 270px;*/
    z-index: 100;
}

.stroke_img {
    background: none repeat scroll 0 0 #eee;
    display: block; /*none*/
    left: 0;
    margin: 0;
    margin-top: 60px;
    padding: 2px;
    position: static; /*absolute*/
    float: left;
    /*top: 270px;*/
    z-index: 100;
}

.coords {
    background: none repeat scroll 0 0 #eee;
    display: block; /*none*/
    left: 0;
    margin: 0;
    margin-top: 60px;
    padding: 2px;
    position: static; /*absolute*/
    float: left;
    /*top: 270px;*/
    z-index: 100;
}



#zhwr {
    background: none repeat scroll 0 0 #eee;
    display: block; /*none*/
    left: 0;
    margin: 0;
    padding: 2px;
    position: relative; /*original-absolute custom-relative*/
    top: 35px;
    z-index: 100;
}

#rus_frgn_cllcs {
	background: none repeat scroll 0 0 #eee;
	display: block; /*block*/
	position: absolute; /*original-absolute custom-relative*/
	top: 40px;
	left: 5px;
	margin: 0;
	padding: 2px;
	z-index: 100;
}

#zhwr .glyphs {
    background-color: #fff;
    border: 1px solid #ccc;
    float: left;
    height: 220px;
    width: 145px; /* 195 */
}
#zhwr .canvas {
    -moz-user-select: none;
    /*background: url("./images/canvasbg.png") no-repeat scroll 0 0 #fff;*/
    background: no-repeat scroll 0 0 #fff; /* string_to_find_in_project: <$("#zhwr .canvas").css("background-image"> */
    position: relative;
    background-color: #fff;
    border: 1px solid #ccc;
    float: left;
    height: 220px;
    width: 236px;
}

/*
#zhwr .glyphs {
    background: none repeat scroll 0 0 #f9f9f9;
    border-left: medium none;
    position: relative;
}
*/


/*
#zhwr .glyphs.loading {
    background: url("../images/indicatooor.gif") no-repeat scroll center center #fff;
    display: block;
    opacity: 0.6;
}
*/

#zhwr .glyphs.active {
    background: none repeat scroll 0 0 #fff;
}
#zhwr .characters {
    max-height: 197px;
}
#zhwr .character {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    cursor: pointer;
    float: left;
    position: relative;
    width: 47px;
    background-color: #f9f9f9;
}

#rus_frgn_cllcs .colloc {
    border: 1px solid #c0c0c0;
	/*border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;*/
    cursor: pointer;
    float: left;
    position: relative;
	padding: 4px;
	margin: 4px;
    /*width: 47px;*/
}

#zhwr .character:hover {
    background-color: #e9e9e9;
}
#zhwr .character .value {
    font-family: simsun,Arial;
    font-size: 2em;
    line-height: 1.3em;
    padding: 7px 0;
    text-align: center;
	/* unselectable */
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
#zhwr .character .pinyin {
    background-color: #fffadf;
    border: 1px solid #ccc;
    bottom: 50px; /*35px;*/
    left: 35px; /*35px;*/
    color: #222;
    display: none; /*block;*/
	width: 150px;
    padding: 3px 10px;
    position: absolute;
    white-space: normal; /*nowrap;*/
    z-index: 100;
	/* unselectable */
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
}
#zhwr .character:hover .pinyin {
    display: block;
}
#rus_frgn_cllcs .colloc .colloc_frgn {
    background-color: #fffadf;
    border: 1px solid #ccc;
    bottom: 35px;
    color: #222;
    display: none; /*block;*/
    left: 0px; /*35px;*/
    padding: 3px 10px;
    position: absolute;
    white-space: nowrap;
    z-index: 100;
}
#rus_frgn_cllcs .colloc:hover .colloc_frgn {
    display: block;
}

#zhwr .controls {
    background-color: #f9f9f9;
    border-top: 1px solid #eee;
    bottom: 0;
    display: block;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 145px; /* 195 234 */
}
#zhwr .controls a , /*.find_wubi*/{
    color: #333;
    float: right;
    font-size: 0.9em;
    padding: 3px 0 5px;
    text-decoration: none;
    width: 70px; /*117*/
}
#zhwr .controls a:hover, #zhwr .controls a:active {
    background-color: #f0f0f0;
}
#zhwr .controls a.undo {
    border-right: 1px solid #eee;
}





/*
#actions {
    float: right;
    margin-top: 15px;
}
#actions .form-button.new-definition {
    padding: 7px 25px;
}
#navigation {
    background: none repeat scroll 0 0 #262725;
    border-bottom: 1px solid #e5e5e5;
    margin: 0;
    padding: 0 20px;
}
#navigation #top-menu {
    font-family: Arial,sans-serif;
    font-size: 0.85em;
    margin: 0 auto;
    max-width: 1200px;
}
#navigation ul {
    margin: 0;
    padding: 0;
}
#navigation ul li {
    display: inline-block;
    float: left;
    line-height: 1.9em;
    margin: 0;
    padding: 0 5px 2px;
}
#navigation ul li a {
    color: #d5d5d5;
    text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li.active a {
    border-bottom: 1px solid #89b62f;
    position: relative;
    text-decoration: none;
}
#navigation ul.main-menu {
    float: left;
}
#navigation ul.user-menu {
    float: right;
}
#navigation ul li.home {
    float: left;
    height: 20px;
    margin: 0 5px 0 0;
    padding: 1px 0 0;
    width: 20px;
}
#navigation ul li.home a {
    background: url("../images/home-button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    display: block;
    padding: 10px;
}
#navigation ul li.mode-label {
    border-radius: 0 0 2px 2px;
    color: #f9f9f9;
    font-size: 0.85em;
    font-weight: bold;
    margin-left: 10px;
}
#navigation ul li.mode-label.development {
    background: none repeat scroll 0 0 #cc0000;
}
#navigation ul li ul {
    left: -999em;
    margin: 2px 0 0 -10px;
    padding: 0;
    position: absolute;
    z-index: 121;
}
#navigation ul li:hover ul {
    left: auto;
    margin-left: -10px;
}
#navigation ul li ul li {
    background: none repeat scroll 0 0 #000;
    display: block;
    float: none;
}
#navigation ul li ul li:hover {
    background: none repeat scroll 0 0 #444;
}
#navigation ul li ul li a, #navigation ul li.active ul li a {
    border-bottom: medium none;
}
#navigation ul li ul li a {
    padding: 3px 15px;
}
#breadcrumbs {
    height: 24px;
}
.breadcrumbs {
    border-bottom: 1px solid #e9e9e9;
    font-size: 0.9em;
    padding: 3px 0 4px 2px;
}
.breadcrumbs span {
    color: #666;
}
#footer {
    background: url("../images/footer-border-top.png") repeat-x scroll 0 0 #f4f4f4;
    padding: 10px 0;
    position: relative;
}
[data-segment="en"] body.page-site-index #footer {
    bottom: 0;
    position: absolute;
    width: 100%;
}
#footer, .push {
    clear: both;
}
#footer-content {
    color: #a0a0a0;
    margin: 0 auto;
    width: 980px;
}
#footer-branding {
    background: url("../images/logo-footer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 35px;
}
#footer-branding span {
    display: block;
    margin: 8px 0 0 47px;
}
#footer-menu {
    float: left;
    margin-left: 10px;
}
#footer-menu ul {
    float: left;
    margin: 6px 0 0;
    padding: 0;
}
#footer-menu ul li {
    background: url("../images/li-separator.png") no-repeat scroll 100% 60% rgba(0, 0, 0, 0);
    display: inline;
    float: left;
    list-style: outside none none;
    padding: 0 10px 0 6px;
}
#footer-menu ul li.last {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#footer-menu ul li.active a {
    text-decoration: underline;
}
#footer-menu ul li a {
    color: #565656;
    display: block;
    font-size: 0.9em;
}
.footer-partner-link {
    clear: left;
    float: left;
    font-size: 0.9em;
    margin: 5px 0 0 6px;
}
.footer-partner-link a {
    color: #999;
    text-decoration: underline;
}
#footer-social {
    float: right;
    margin-top: 4px;
    text-align: right;
}
.form {
    margin-left: 5px;
    padding: 10px;
}
.form-row {
    clear: both;
    margin-bottom: 5px;
}
.form-element {
    margin: 5px 10px 7px 0;
}
.form-row .form-element {
    float: left;
}
label {
    color: #666;
    display: block;
}
input, select, textarea {
    border: 1px solid #ccc;
    font-size: 1.2em;
    outline: 0 none;
    padding: 2px 3px;
}
input:hover, select:hover, textarea:hover {
    border: 1px solid #acacac;
}
input:focus, select:focus, textarea:focus {
    border: 1px solid rgba(73, 134, 196, 0.75);
    box-shadow: 0 0 3px rgba(73, 134, 196, 0.5);
    outline: 0 none;
}
select {
    font-size: 1.1em;
}
input.error {
    border: 1px solid #cc0000;
}
.input-cn {
    font-size: 1.65em;
}
.input-ru {
    font-size: 1.3em;
}
.checkbox-list-content {
    background: none repeat scroll 0 0 #f5f5f5;
    border-radius: 2px;
    padding: 10px;
}
.checkbox label, .checkbox-list-content label {
    color: #000;
    display: inline;
    font-weight: normal;
}
.checkbox input:hover, .checkbox label:hover {
    cursor: pointer;
}
label.label-featured {
    font-weight: bold;
}
.checkbox-list-col-1, .checkbox-list-col-2, .checkbox-list-col-3 {
    float: left;
    margin-right: 20px;
}
.radio-button-list label {
    display: inline;
    margin-right: 10px;
    vertical-align: middle;
}
.radio-button-list input {
    margin: 0 2px 0 0;
    vertical-align: middle;
}
span.required {
    color: #ce2125;
    font: 110%/1.5 Arial,Helvetica,sans-serif;
}
.row.buttons {
    margin-top: 15px;
}
.form-button, a.form-button, a.form-button:link {
    -moz-user-select: none;
    background-color: #e8e8e8;
    background-image: linear-gradient(#fff, #eee);
    border: 1px solid #c7c7c7;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    color: #222;
    cursor: pointer;
    display: block;
    font: 13px Arial;
    outline: 0 none;
    padding: 3px 12px;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}
.form-button:hover, a.form-button:hover {
    background-image: linear-gradient(#fff, #f6f5f3);
}
.form-button:active, a.form-button:active {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
}
.form-button-bg {
    background: none repeat scroll 0 0 #e7e7e7;
    border-radius: 3px;
    padding: 2px;
}
.inter-action-button, a.inter-action-button, .minor-action-button, a.minor-action-button {
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: bold;
    line-height: 24px;
    max-width: 180px;
    text-align: center;
    text-decoration: none;
}
.inter-action-button, a.inter-action-button {
    background-color: #4d90fe;
    background-image: -moz-linear-gradient(center top , #4d90fe, #4787ed);
    border: 1px solid #3079ed;
}
.minor-action-button, a.minor-action-button {
    background-color: #c2c2c2;
    background-image: -moz-linear-gradient(center top , #c2c2c2, #b5b5b5);
    border: 1px solid #b3b3b3;
}
.inter-action-button:hover, a.inter-action-button:hover, .minor-action-button:hover, a.minor-action-button:hover {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.inter-action-button:hover, a.inter-action-button:hover {
    background-color: #357ae8;
    background-image: -moz-linear-gradient(center top , #4d90fe, #357ae8);
    border: 1px solid #2f5bb7;
    color: #fff;
}
.minor-action-button:hover, a.minor-action-button:hover {
    background-color: #a9a9a9;
    background-image: -moz-linear-gradient(center top , #c2c2c2, #a9a9a9);
    border: 1px solid #a7a7a7;
}
.inter-action-button:active, a.inter-action-button:active, .minor-action-button:active, a.minor-action-button:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}
.inter-action-button:focus, a.inter-action-button:focus, .minor-action-button:focus, a.minor-action-button:focus {
    box-shadow: 0 0 0 1px #fff inset;
    outline: 0 none transparent;
}
.inter-action-button:focus, a.inter-action-button:focus {
    outline: 1px solid #4d90fe;
}
.minor-action-button:focus, a.minor-action-button:focus {
    outline: 1px solid #c2c2c2;
}
#definition-form, #example-form {
    border: 1px solid #d2d2d2;
    border-radius: 2px;
    margin-left: 10px;
    padding: 10px 20px;
}
ul#add-definition-menu {
    margin: 10px 0 0 15px;
    padding: 0 0 0 7px;
}
ul#add-definition-menu li {
    display: inline;
    list-style: outside none none;
}
ul#add-definition-menu li a {
    border-radius: 2px 2px 0 0;
    display: inline-block;
    font-size: 0.9em;
    padding: 3px 10px;
}
ul#add-definition-menu li.active a {
    background: none repeat scroll 0 0 #eee;
    color: #333;
}
#definition-form-cn .unit-cn-link {
    display: inline-block;
    font-size: 2.5em;
    line-height: 1.1em;
    margin-top: 7px;
}
#definition-form-cn-input {
    width: 220px;
}
#definition-form-pinyin {
    display: inline-block;
    margin-bottom: 8px;
    vertical-align: bottom;
}
#definition-form-pinyin .sqr-bracket-l, #definition-form-pinyin .sqr-bracket-r {
    font-size: 1.4em;
    vertical-align: bottom;
}
#definition-form-pinyin-input {
    border: medium none;
    color: #888;
    font-size: 1.2em;
    padding: 0;
    text-align: center;
    vertical-align: bottom;
    width: 55px;
}
#definition-form-pinyin-input:hover, #definition-form-pinyin-input:focus {
    background: none repeat scroll 0 0 #fff9c9;
}
#definition-form-pinyin .definition-form-theme-pinyins .sqr-bracket-l, #definition-form-pinyin .definition-form-theme-pinyins .sqr-bracket-r {
    font-size: 1.2em;
}
#definition-form-ru-input {
    width: 220px;
}
#definition-form-comment-input {
    font-size: 1.3em;
    margin-top: 3px;
    width: 220px;
}
#definition-form-pos-select {
    margin-top: 3px;
    width: 228px;
}
#definition-form-pos-select option {
    padding-right: 5px;
}
#form-definition-subject {
    margin: 17px 0;
}
a#form-definition-subject-toggle {
    border-bottom: 1px dotted #369;
    float: left;
    margin-left: 1px;
    text-decoration: none;
}
#form-definition-subject-content {
    background: none repeat scroll 0 0 #f5f5f5;
    border-radius: 2px;
    display: none;
    float: left;
    line-height: 1.4em;
    margin-top: 3px;
    padding: 7px 10px;
}
#form-definition-subject-content p {
    color: #777;
    margin: 0 0 10px 3px;
}
#example-form-cn-input, #example-form-ru-input, #example-form-pinyin-input {
    width: 450px;
}
#example-form-pinyin-input, #example-form-comment-input {
    font-size: 1.3em;
}
#example-form-comment-input {
    margin-top: 3px;
    width: 300px;
}
#contact-form input[type="text"] {
    font-size: 1.3em;
}
.captcha img {
    float: left;
    margin-top: 10px;
}
.captcha input[type="text"] {
    float: left;
    font-size: 1.5em;
    padding: 3px 4px;
    width: 100px;
}
.captcha a {
    font-size: 0.9em;
}
.pinyin-edit, .pinyin-edit:link, .pinyin-edit:visited, .pinyin-new, .pinyin-new:link, .pinyin-new:visited {
    text-decoration: none;
}
.pinyin-edit:hover, .pinyin-new:hover {
    background: none repeat scroll 0 0 #fff9c9;
    border-radius: 3px;
}
.pinyin-new, .pinyin-new:link {
    font-family: Lucida Grande,Verdana,Arial,sans-serif;
    font-size: 0.9em;
    padding: 0 5px 2px;
}
.pinyin-form-input {
    font-family: "lucida sans unicode",tahoma,sans-serif;
    font-size: 1.2em;
    margin-right: 0;
    padding: 3px;
}
.pinyin-form-actions {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #e8e8e8;
    background-image: -moz-linear-gradient(center top , #fafafa, #dadada);
    border-color: #ccc #ccc #ccc -moz-use-text-color;
    border-image: none;
    border-radius: 0 3px 3px 0;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    display: inline-block;
}
.pinyin-form-actions input {
    border: medium none;
    cursor: pointer;
    margin: 0;
    padding: 3px 4px 4px;
    width: 30px;
}
.pinyin-form-actions .pinyin-form-submit {
    background: url("../images/checkmark-16.png") no-repeat scroll 50% 50% transparent;
    border-right: 1px solid #ccc;
    width: 50px;
}
.pinyin-form-actions .pinyin-form-delete {
    background: url("../images/delete-16.png") no-repeat scroll 50% 50% transparent;
    border-right: 1px solid #ccc;
}
.pinyin-form-actions .pinyin-form-reset {
    background: url("../images/rotate-left-16.png") no-repeat scroll 50% 50% transparent;
}
.definition-block {
    border-bottom: 1px dotted #ccc;
    padding: 15px 25px 15px 10px;
    position: relative;
}
.definition-block .dict-icon {
    opacity: 0.45;
    position: absolute;
    right: 0;
    top: 8px;
}
.definition-block .dict-icon:hover {
    opacity: 1;
}
.definition-block .dict-icon.icon-user-group {
    right: 1px;
}
.unit-block, .unit-container-ru, .unit-container-cn, .unit-container-en {
    clear: both;
}
.unit-container-ru, .unit-container-cn, .unit-container-en {
    float: left;
    padding: 5px 0 15px;
}
.unit-container-subject {
    color: #6d6d88;
    float: left;
    font-size: 0.85em;
    font-style: italic;
    text-align: right;
}
.unit-container-cn .unit-container-subject {
    margin-top: 9px;
}
.unit-container-ru .unit-container-subject, .unit-container-en .unit-container-subject {
    line-height: 190%;
}
.unit-container-units {
    float: left;
    margin-left: 7px;
    max-width: 580px;
    position: relative;
}
.unit-container-ru .unit-container-units, .unit-container-en .unit-container-units {
    line-height: 150%;
}
.unit-cn {
    display: inline;
    margin-right: 2px;
}
.unit-cn-link {
    font-size: 20px;
}
.unit-container-cn .unit-cn-link {
    color: #222;
}
.unit-ru, .unit-en {
    display: inline;
    margin-right: 2px;
}
.unit-ru-link, a.unit-ru-link, a.unit-ru-link:hover, .unit-en-link, a.unit-en-link, a.unit-en-link:hover {
    color: #222;
}
.unit-container-ru .unit-ru-link, .unit-container-en .unit-en-link {
    color: #222;
}
.definition-comment {
    color: #818080;
    font-size: 0.9em;
    margin-left: 2px;
}
.unit-cn .definition-comment {
    margin: 10px 0 0 2px;
}
.unit-ru-pinyin, .unit-en-pinyin {
    color: #888;
    font-size: 1.1em;
}
.unit-separator {
    margin-left: -4px;
}
.unit-cn .unit-separator {
    margin-top: 9px;
}
.stress {
    color: #e01b4c;
}
.unit-separator {
    color: #999;
}
.unit-cn .username, .unit-ru .username, .unit-en .username {
    margin-left: 5px;
}
.pos-abbr {
    color: #aa1e1e;
    float: left;
    font-size: 0.85em;
    font-style: italic;
    line-height: 1;
}
.sqr-bracket-l {
    color: #999;
    margin-right: 1px;
}
.sqr-bracket-r {
    color: #999;
    margin-left: 1px;
}
.definition-actions {
    background: none repeat scroll 0 0 #333;
    border: 1px solid #2c2c2c;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    color: #e3e3e3;
    font-size: 0.9em;
    opacity: 0.1;
    padding: 0 5px;
    position: absolute;
}
.definition-actions:hover {
    opacity: 1;
}
.definition-actions a, .definition-actions a:link {
    color: #e3e3e3;
    margin: 0 3px;
}
div.hp, div.ex, div.ex-2 {
    color: #999;
}
div.tr {
    line-height: 150%;
}
div.tr-2 {
    margin: 10px 15px 5px 30px;
}
div.tr-2.grey {
    color: #757575;
}
div.mt {
    margin: 10px 15px 8px 0;
}
div.ex {
    margin: 10px 15px 10px 45px;
}
div.ex-2 {
    margin: 3px 15px 3px 60px;
}
div.ref, div.ref-2 {
    border-top: 1px solid #ccc;
    margin-top: 25px;
    padding: 15px;
}
.green {
    color: #6d6d88;
    font-size: small;
}
.chengyu label {
    color: #999;
    font-size: 0.9em;
    font-weight: bold;
    margin-right: 20px;
}
ul.chengyu-details {
    margin: 0;
    padding: 0;
}
ul.chengyu-details li {
    border-bottom: 1px dashed #ccc;
    float: left;
    margin-bottom: 5px;
    padding: 0 5px;
    width: 320px;
}
ul.chengyu-details li:nth-child(2n+1) {
    clear: left;
}
ul.chengyu-details li:nth-child(2n) {
    margin-left: 20px;
}
ul.chengyu-details li label {
    display: inline;
}
.chengyu-meanings {
    margin: 15px 0;
}
.chengyu-meanings .meaning {
    line-height: 1.3em;
    margin: 15px 0;
}
.chengyu-meanings .meaning label {
    margin-bottom: 2px;
}
.chengyu-meanings .meaning .content {
    margin-left: 10px;
}
#unit-tabs {
    margin-top: 20px;
}
#unit-examples {
    padding: 5px 20px;
    position: relative;
}
#unit-decomposition {
    border-top: 1px dotted #ccc;
    clear: both;
    margin-top: 25px;
    padding: 15px;
}
.decomposed-unit {
    float: left;
    margin: 0 5px;
}
.decomposed-unit-value {
    color: #b7b7b7;
    font-size: 2.5em;
    line-height: 1em;
    text-align: center;
}
.decomposed-unit-value a {
    font-weight: normal;
}
.decomposed-unit-pinyin {
    margin: 0;
}
.decomposed-plus {
    color: #ccc;
    font-size: 1.5em;
    line-height: 2.1em;
}
.unit-actions {
    clear: left;
    padding: 16px 0 4px;
}
.unit-actions a.form-button {
    display: inline;
    font-size: 12px;
    margin-left: 0;
}
.unit-actions a.form-button:hover {
    background: none repeat scroll 0 0 #f4f4f4;
    color: #333;
}
.unit-actions .unit-ext-links {
    float: right;
    margin-right: 1px;
}
.unit-actions .unit-ext-links a {
    display: inline-block;
    margin-top: 2px;
    text-align: center;
    text-decoration: none;
    width: 15px;
}
.unit-actions .unit-ext-links span {
    color: #000;
    opacity: 0.3;
}
.unit-actions .unit-ext-links a:hover span {
    opacity: 1;
}
span.username {
    background: none repeat scroll 0 0 #ccc;
    border-radius: 2px;
    display: inline-block;
    font-family: Verdana,san-serif;
    font-size: 11px;
    line-height: 1em;
    margin: 0 5px;
    padding: 0 0 0 3px;
    vertical-align: middle;
}
span.username a {
    background: none repeat scroll 0 0 #f4f4f4;
    border-radius: 1px 2px 2px 1px;
    color: #222;
    display: inline-block;
    margin-right: -2px;
    padding: 1px 4px 3px 3px;
    text-decoration: none;
}
.username.level-1 {
    background: none repeat scroll 0 0 #ccc;
}
.username.level-1 a:active, .username.level-1 a:hover {
    background: none repeat scroll 0 0 #ccc;
    color: #fff;
}
.username.level-2 {
    background: none repeat scroll 0 0 #c0f4b9;
}
.username.level-2 a:active, .username.level-2 a:hover {
    background: none repeat scroll 0 0 #c0f4b9;
    color: #fff;
}
.username.level-3 {
    background: none repeat scroll 0 0 #b2cff5;
}
.username.level-3 a:active, .username.level-3 a:hover {
    background: none repeat scroll 0 0 #b2cff5;
    color: #fff;
}
.username.level-4 {
    background: none repeat scroll 0 0 #b3b2f5;
}
.username.level-4 a:active, .username.level-4 a:hover {
    background: none repeat scroll 0 0 #b3b2f5;
    color: #fff;
}
.username.level-5 {
    background: none repeat scroll 0 0 #deb2f5;
}
.username.level-5 a:active, .username.level-5 a:hover {
    background: none repeat scroll 0 0 #deb2f5;
    color: #fff;
}
.username.level-6 {
    background: none repeat scroll 0 0 #f6a8a7;
}
.username.level-6 a:active, .username.level-6 a:hover {
    background: none repeat scroll 0 0 #f6a8a7;
    color: #fff;
}
#profile {
    margin: 20px 0 0 5px;
}
#profile-sidebar {
    float: left;
    overflow: hidden;
    width: 186px;
}
#profile-content {
    float: left;
    margin-left: 18px;
    width: 760px;
}
.profile-pic {
    background: none repeat scroll 0 0 #f4f4f4;
    border-radius: 2px;
    float: left;
    min-height: 120px;
    overflow: hidden;
    padding: 3px;
    text-align: center;
    width: 180px;
}
.profile-pic img {
    vertical-align: bottom;
}
.profile-actions {
    clear: both;
    float: left;
    margin-top: 10px;
    width: 100%;
}
.profile-actions a {
    margin-bottom: 5px;
}
.profile-name {
    float: left;
}
.profile-real-name, .profile-username {
    float: left;
    line-height: 30px;
}
.profile-real-name {
    font-size: 2em;
    margin-right: 10px;
}
.profile-username {
    color: #ccc;
    font-size: 1.5em;
}
.profile-dislocation {
    clear: both;
    margin-left: 2px;
}
#profile-content-value {
    margin: 10px 5px;
}
#profile-tabs {
    background: none repeat scroll 0 0 #f5f5f5;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    margin-top: 10px;
}
#profile-tabs ul {
    float: left;
    margin: 0;
    padding-left: 15px;
    position: relative;
}
#profile-tabs li {
    display: inline;
    float: left;
    list-style: outside none none;
    margin: 0;
}
#profile-tabs ul li.first {
    padding-left: 0;
}
#profile-tabs ul li a {
    color: #555;
    display: block;
    font-family: arial,san-serif;
    font-size: 0.9em;
    line-height: 30px;
    position: relative;
    white-space: nowrap;
}
.menu-link-normal {
    position: absolute;
}
.menu-link-bold {
    font-weight: bold;
    visibility: hidden;
}
#profile-tabs ul li.active a, #profile-tabs ul li.active ul li.active a {
    font-weight: bold;
}
#profile-tabs ul li.active ul li a {
    font-weight: normal;
}
#profile-tabs ul li.list a.list {
    background: url("../images/toggle-down-tri.png") no-repeat scroll 94% 50% rgba(0, 0, 0, 0);
}
#profile-tabs ul li.list:hover {
    background: none repeat scroll 0 0 #ddd;
}
#profile-tabs ul li ul {
    left: -999em;
    margin: 0 0 0 -10px;
    padding: 0;
    position: absolute;
    z-index: 100;
}
#profile-tabs ul li:hover ul {
    left: auto;
    margin-left: -10px;
}
#profile-tabs ul li ul li, #profile-tabs ul li ul li.first {
    background: none repeat scroll 0 0 #f5f5f5;
    border-top: 1px solid #ebebeb;
    font-size: 0.85em;
    padding-left: 10px;
    width: 157px;
}
.profile-link-about-me {
    width: 82px;
}
.profile-link-about-user {
    width: 121px;
}
.profile-link-vocablists {
    width: 70px;
}
.profile-link-definitions {
    width: 90px;
}
.profile-link-examples {
    width: 82px;
}
.profile-link-forum {
    width: 155px;
}
.profile-link-market {
    width: 66px;
}
.profile-link-settings {
    padding-left: 10px;
    width: 95px;
}
#profile-tabs ul li.profile-link-market a {
    color: #357ae8;
}
ul#edit-profile-submenu {
    margin: 0;
    padding: 0;
}
ul#edit-profile-submenu li {
    display: inline;
    list-style: outside none none;
}
ul#edit-profile-submenu li a {
    background: none repeat scroll 0 0 #f5f5f5;
    border-radius: 2px;
    color: #555;
    margin-right: 10px;
    padding: 3px 7px;
    text-decoration: none;
}
ul#edit-profile-submenu li a:hover {
    background: none repeat scroll 0 0 #eee;
}
ul#edit-profile-submenu li a:active, ul#edit-profile-submenu li a:focus, ul#edit-profile-submenu li.active a {
    background: none repeat scroll 0 0 #ddd;
}
form#user-profile-edit label {
    margin-left: 0;
}
form#user-profile-edit select {
    width: 190px;
}
form#user-profile-edit input[type="text"] {
    width: 185px;
}
form#user-profile-edit textarea {
    min-height: 80px;
    width: 385px;
}
#search-results {
    padding: 0;
}
.search-results-info {
    margin: 5px 0 20px;
}
.search-results-query {
    color: #444;
    font-size: 1.2em;
}
.search-query {
    color: #675aad;
    font-size: 1.2em;
}
.search-results-found {
    color: #acacac;
    margin-top: 5px;
}
.search-results-unit-block {
    border-bottom: 1px dotted #d2d2d2;
    margin: 0;
    padding: 10px 5px;
    position: relative;
}
.search-results-unit-block:hover {
    background: none repeat scroll 0 0 #f5f7ff;
}
.search-results-unit-definitions {
    padding: 10px 0 10px 17px;
}
.search-results-unit-definitions .unit-ru-link {
    line-height: 1.4em;
}
.search-results-unit-definitions .tr {
    margin-top: 7px;
}
.result-number {
    color: #888;
}
.search-results-unit-link a {
    background: none repeat scroll 0 0 #edf1ff;
    border-radius: 2px;
    bottom: 4px;
    color: #3e8ab3;
    font-size: 0.85em;
    padding: 2px 6px;
    position: absolute;
    right: 2px;
    text-decoration: none;
}
.search-results-unit-link a:hover {
    background: none repeat scroll 0 0 #d9e1ff;
}
#decomposed-segmented-units {
    background: none repeat scroll 0 0 #f9f9f9;
    border-radius: 3px;
    padding: 10px;
}
#decomposed-segmented-units .decomposed-unit-value {
    font-size: 1.8em;
    margin-bottom: 0.1em;
}
#decomposed-segmented-units .decomposed-unit-pinyin {
    font-size: 0.9em;
}
#segmented-units {
    clear: both;
    margin-top: 15px;
}
.segmented-unit {
    border-bottom: 1px dotted #d2d2d2;
    margin: 0;
    padding: 10px 10px 25px;
    position: relative;
}
.segmented-unit.first-result {
    border-top: 1px dotted #d2d2d2;
}
.segmented-unit:hover {
    background: none repeat scroll 0 0 #f5f7ff;
}
.segmented-unit-value {
    float: left;
    width: 130px;
}
.segmented-unit-value .unit-cn-link {
    display: block;
    font-size: 26px;
    margin-bottom: 5px;
}
.segmented-unit-definitions {
    float: right;
    width: 550px;
}
.segmented-unit-user-definitions {
    margin: 5px 15px;
}
.segmented-unit-dic-definitions .tr {
    margin: 10px 15px;
}
.segmented-unit-link a {
    background: none repeat scroll 0 0 #edf1ff;
    border-radius: 2px;
    bottom: 0;
    color: #3e8ab3;
    font-size: 0.9em;
    margin: 0 5px 5px;
    padding: 2px 7px 3px;
    position: absolute;
    right: 0;
    text-decoration: none;
}
.segmented-unit-link a:hover {
    background: none repeat scroll 0 0 #d9e1ff;
}
ul.ui-autocomplete {
    background-color: #fff;
    margin: 5px 0;
    outline: 1px solid #ccc;
    overflow: hidden;
    padding: 0;
    width: 394px;
    z-index: 99999;
}
.ui-autocomplete-loading {
    background: url("../images/loading-hdf.gif") no-repeat scroll 325px 50% #fff;
}
ul.ui-autocomplete li.ui-menu-item {
    border-bottom: 1px dotted #f4f4f4;
    cursor: pointer;
    display: block;
    float: left;
    line-height: 17px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
ul.ui-autocomplete li.ui-menu-item .suggest-cn {
    float: left;
    font-size: 1.2em;
}
ul.ui-autocomplete li.ui-menu-item .pinyin {
    color: #999;
    float: right;
    margin: 0;
}
ul.ui-autocomplete li.ui-menu-item .pinyin.with-brackets::before {
    margin-right: 2px;
}
ul.ui-autocomplete li.ui-menu-item .pinyin.with-brackets::after {
    margin-left: 2px;
}
ul.ui-autocomplete li.ui-menu-item .suggest-highlight {
    color: #2e8be8;
    font-style: normal;
    font-weight: normal;
}
ul.ui-autocomplete li.ui-menu-item:hover, ul.ui-autocomplete .ui-state-hover {
    background: none repeat scroll 0 0 #e0e0e0;
}
ul.ui-autocomplete li.ui-menu-item a {
    display: block;
    float: left;
    line-height: 17px;
    margin: 0;
    padding: 4px 5px 5px;
    width: 395px;
}
ul.ui-autocomplete a.ui-corner-all, a.ui-corner-all:hover {
    color: #333;
    display: block;
    text-decoration: none;
}
.no-results-add-definition {
    margin-top: 10px;
    text-align: right;
}
.no-results-add-definition a.form-button {
    display: inline;
}
.no-results-add-definition span {
    font-size: 1.2em;
}
table {
    border-collapse: collapse;
    text-align: left;
}
table th {
    background: none repeat scroll 0 0 #f9f9f9;
    border-bottom: 2px solid #99cc33;
    color: #555;
    font-size: 0.8em;
    font-weight: bold;
    padding: 8px;
    text-align: center;
}
table td {
    background: none repeat scroll 0 0 #f5f5f5;
    border-bottom: 1px solid #fff;
    border-top: 1px solid transparent;
    padding: 6px 8px;
}
tr:hover td {
    background: none repeat scroll 0 0 #eee;
}
table thead tr th:first-child {
    border-radius: 2px 0 0;
}
table thead tr th:last-child {
    border-radius: 0 2px 0 0;
}
table tr:last-child td {
    border-bottom: medium none;
}
table tr:last-child td:first-child {
    border-radius: 0 0 0 2px;
}
table tr:last-child td:last-child {
    border-radius: 0 0 2px;
}
table tr.result-row td {
    background: none repeat scroll 0 0 #eee;
    color: #555;
    font-weight: bold;
}
table tr.result-row td.result-row-label {
    padding-left: 22px;
}
table tr.result-row td.result-row-value {
    background: none repeat scroll 0 0 #e0e0e0;
    text-align: center;
}
table .currency-sign {
    font-size: 0.75em;
    font-weight: normal;
}
table.std th {
    background: none repeat scroll 0 0 #eee;
    border-bottom: 1px solid #ddd;
    color: #777;
}
table.std td {
    background: none repeat scroll 0 0 #fafafa;
}
table.std tr:hover td {
    background: none repeat scroll 0 0 #f7f7f7;
}
table.users .user-pic {
    width: 45px;
}
table.users .user-pic img {
    width: 45px;
}
table.users .user-name {
    padding: 15px;
    width: 350px;
}
table.users td.definition-count, table.users td.example-count {
    color: #666;
    font-size: 1.1em;
    text-align: center;
}
.flash-message {
    margin: 0 0 10px;
    padding: 10px 12px 10px 50px;
    text-align: center;
}
.flash-message.success {
    background-color: #daf5a4;
    border-bottom: 1px solid #9dd62b;
    border-top: 1px solid #9dd62b;
    color: #447345;
    font-size: 0.9em;
    font-weight: bold;
}
.flash-message.success span {
    background: url("../images/message-success.png") no-repeat scroll 0 50% #daf5a4;
    margin-left: -35px;
    padding: 7px 7px 7px 35px;
}
.errorMessage {
    clear: left;
    font-size: 0.85em;
}
.info-message {
    background: none repeat scroll 0 0 #fdf2b4;
    border: 1px solid #fdecbe;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    padding: 7px 15px;
    text-align: center;
}
.info-message.positive {
    background: none repeat scroll 0 0 #ebfdc9;
    border-color: #e9fbc5;
}
.moderation-table th {
    text-align: left;
}
.moderation-table .moderation-table-user {
    width: 10%;
}
.moderation-table td.moderation-table-user {
    background: none repeat scroll 0 0 #e0e0e0;
}
.moderation-table .moderation-table-cn {
    width: 30%;
}
.moderation-table .moderation-table-cn .unit-cn-link {
    font-size: 1.3em;
}
.moderation-table .moderation-table-ru {
    width: 22%;
}
.moderation-table .moderation-table-ru .unit-ru-link, .moderation-table .moderation-table-comment {
    line-height: 150%;
}
.moderation-table .moderation-table-comment {
    position: relative;
    width: 28%;
}
.moderation-table-actions {
    background: none repeat scroll 0 0 #666;
    border-radius: 4px 0 0 4px;
    display: none;
    padding: 0 5px;
    position: absolute;
    right: 0;
    top: -2px;
}
a.definition-moderation-action-publish, a.definition-moderation-action-edit, a.definition-moderation-action-comment, a.definition-moderation-action-delete, a.definition-moderation-action-move-to-example {
    display: inline-block;
    height: 30px;
    overflow: hidden;
    padding: 5px 10px;
    text-indent: -9999em;
    width: 30px;
}
a.definition-moderation-action-publish {
    background: url("../images/definition-publish.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
}
a.definition-moderation-action-publish:active, a.definition-moderation-action-publish:focus {
    background: url("../images/definition-publish-active.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
}
a.definition-moderation-action-publish.success {
    background: url("../images/definition-publish-active.png") no-repeat scroll 50% 50% #555;
}
a.definition-moderation-action-edit {
    background: url("../images/definition-edit.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
}
a.definition-moderation-action-edit:active, a.definition-moderation-action-edit:focus {
    background: url("../images/definition-edit.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
}
a.definition-moderation-action-comment {
    background: url("../images/definition-comment.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
}
a.definition-moderation-action-comment:active, a.definition-moderation-action-comment:focus {
    background: url("../images/definition-comment-active.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
}
a.definition-moderation-action-delete {
    background: url("../images/definition-delete.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
}
a.definition-moderation-action-delete:active, a.definition-moderation-action-delete:focus {
    background: url("../images/definition-delete-active.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
}
a.definition-moderation-action-move-to-example {
    background: url("../images/definition-move-to-example.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
}
a.definition-moderation-action-move-to-example:active, a.definition-moderation-action-move-to-example:focus {
    background: url("../images/definition-move-to-example.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
}
a.definition-moderation-action-publish:hover, a.definition-moderation-action-edit:hover, a.definition-moderation-action-comment:hover, a.definition-moderation-action-delete:hover, a.definition-moderation-action-move-to-example:hover {
    background-color: #555;
}
.definition-publish-notification, .definition-delete-notification {
    color: #f9f9f9;
    display: none;
    font-size: 0.85em;
    font-weight: bold;
    padding: 7px 12px;
    position: absolute;
    right: 0;
    top: 0;
}
.definition-publish-notification {
    background: none repeat scroll 0 0 #4294db;
}
.definition-delete-notification {
    background: none repeat scroll 0 0 #f04864;
}
.example-moderation .example-row {
    border: 1px solid #eee;
    padding: 10px;
}
.revision {
    border-bottom: 1px dotted #ccc;
    border-left: 2px solid #fff;
    margin: 0;
    padding: 25px 2px 25px 10px;
    position: relative;
}
.revision:hover {
    border-left: 2px solid #c3dcf7;
    border-right: 2px solid #c3dcf7;
}
.revision-status {
    background-color: #cde2f7;
    color: #3b6b9c;
    font-size: 0.9em;
    padding: 0 7px 1px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.revision-time {
    color: #333;
    font-size: 0.8em;
    margin-bottom: 5px;
}
.revision-system-message {
    color: #a0a0a0;
    margin-bottom: 10px;
}
.revision-system-message .user-name {
    margin: 0 10px 0 0;
}
.revision-definition {
    background: none repeat scroll 0 0 #f9f9f9;
    padding: 7px 20px 10px;
}
.revision-definition-comment {
    color: #777;
    font-style: italic;
}
#last-definitions {
    float: left;
    margin-top: 10px;
    min-height: 350px;
    width: 350px;
}
.definition-row {
    margin: 16px 0;
}
.definition-row .user-name {
    margin-top: 10px;
    vertical-align: top;
}
#last-forum-topics {
    float: left;
    margin: 10px 0 0 20px;
    width: 610px;
}
table.last-forum-topics-list {
    margin-top: 15px;
}
table.last-forum-topics-list th {
    background: none repeat scroll 0 0 #f4f4f4;
    border: medium none;
    color: #666;
}
table.last-forum-topics-list thead th {
    border-bottom: 1px solid #ddd;
}
table.last-forum-topics-list tfoot th {
    border-top: 1px solid #ddd;
}
table.last-forum-topics-list tfoot th:first-child {
    border-radius: 0 0 0 2px;
}
table.last-forum-topics-list tfoot th:last-child {
    border-radius: 0 0 2px;
}
table.last-forum-topics-list tr:last-child td:first-child, table.last-forum-topics-list tr:last-child td:last-child {
    border-radius: 0;
}
table.last-forum-topics-list th.topic-title, table.last-forum-topics-list th.topic-count {
    text-align: left;
}
table.last-forum-topics-list th.topic-post-count {
    width: 150px;
}
table.last-forum-topics-list td.topic-post-count {
    border-left: 1px solid #f4f4f4;
    font-size: 0.85em;
    text-align: center;
}
table.last-forum-topics-list tfoot th.topic-new a {
    display: inline;
    font-weight: normal;
}
table.last-forum-topics-list td {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #ddd;
    font-size: 0.9em;
}
table.last-forum-topics-list tr:hover td {
    background: none repeat scroll 0 0 #f9f9f9;
}
#last-examples {
    float: left;
    margin: 10px 0 0 20px;
    width: 610px;
}
.example-row {
    margin: 12px 0 17px;
}
.ui-tabs-panel .example-row {
    padding: 0 5px;
}
.example-cn {
    clear: left;
    display: block;
    position: relative;
}
.example-cn:hover .example-cn-value {
    background: none repeat scroll 0 0 #f5f5f5;
}
.example-cn-value {
    display: inline-block;
}
.example-cn-value.cn {
    font-size: 18px;
    line-height: 1.5em;
}
.example-pinyin {
    background: none repeat scroll 0 0 #fffadf;
    border: 1px dotted #a5a5a5;
    border-radius: 2px;
    display: none;
    padding: 3px 7px;
    position: absolute;
}
.example-ru {
    color: #797979;
    line-height: 1.3em;
    margin-top: 2px;
}
.example-ru-value, .example-ru-value::after {
    display: inline;
}
.example-comment {
    color: #a9a9a9;
    font-size: 0.9em;
    font-style: italic;
}
.example-comment, .example-comment::after {
    display: inline;
}
.example-meta {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 2px;
}
.example-created {
    color: #658abd;
    float: left;
    font-size: 0.8em;
    margin-top: 2px;
}
.example-edit, .example-delete, .example-publish {
    float: right;
    font-size: 0.9em;
    margin-bottom: 2px;
}
.example-edit a, .example-delete a, .example-publish a {
    background-color: #f4f4f4;
    color: #333;
    padding: 0 4px 1px 6px;
    text-decoration: none;
}
.example-edit a:hover {
    background-color: #1f75cc;
    color: #f4f4f4;
}
.example-delete a:hover {
    background-color: #cc0000;
    color: #f4f4f4;
}
.example-publish a {
    padding: 0 12px 1px;
}
.example-publish a:hover {
    background: none repeat scroll 0 0 #6dd971;
    color: #f4f4f4;
}
.arrow {
    color: #aaa;
    font-size: 1.2em;
}
.example-row .highlight {
    border-bottom: 1px solid #690;
    color: #690;
}
body.authentication {
    background: none repeat scroll 0 0 #ebebdd;
}
body.authentication #wrapper {
    width: 420px;
}
body.authentication #header {
    margin: 30px 0 10px;
}
body.authentication #header #logo {
    float: none;
    margin: 0 auto;
}
#authenticate {
    background-color: #f5f5ef;
    border-radius: 3px;
    margin: 0 0 0 20px;
    padding: 35px;
}
#login-form, #user-recover-form, #user-reset-password-form, #user-registration-form {
    margin: 0 auto;
    width: 230px;
}
#authenticate .form-element {
    margin: 7px 0 0;
}
#authenticate .form-element label {
    color: #666;
    font-size: 0.9em;
}
#authenticate #login-username, #authenticate #login-password, #authenticate #login-password-confirmation, #authenticate #recover-username, #authenticate #register-username, #authenticate #register-email, #authenticate #register-password, #authenticate #register-password-confirm {
    font-size: 1.2em;
    padding: 4px;
    width: 220px;
}
#authenticate input[type="checkbox"] {
    margin: 2px 1px;
}
#authenticate .form-element.remember-me {
    position: relative;
}
#authenticate #login-remember {
    vertical-align: bottom;
}
.recover-password {
    bottom: 0;
    font-size: 0.9em;
    position: absolute;
    right: 0;
}
h2.block-title {
    border-bottom: 1px solid #d2d2d2;
    color: #555;
    display: inline-block;
    font-size: 1.3em;
    margin-bottom: 0;
}
h2.block-title a {
    text-decoration: none;
}
.js-banner {
    background-color: #eee;
    border-radius: 3px;
    padding: 3px;
}
.js-banner-container {
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
}
.js-banner-title {
    color: #683c54;
    font-size: 0.9em;
    font-weight: bold;
    margin: 10px 0;
    text-align: center;
}
.js-banner-image {
    text-align: center;
}
.js-banner-image img {
    border-radius: 3px;
}
.js-banner-description {
    color: #444;
    font-size: 0.9em;
    padding: 3px 12px;
    text-align: center;
    width: 208px;
}
.js-banner-description a {
    color: #444;
}
.js-banner-scrollable {
    height: 290px;
    overflow: hidden;
    padding: 5px 12px;
    position: relative;
    width: 208px;
}
.js-banner-items {
    position: absolute;
    width: 20000em;
}
.js-banner-items > div {
    float: left;
    width: 232px;
}
.js-banner-navigation {
    background-color: #eee;
    display: block;
    padding: 5px 10px;
    text-align: center;
}
.js-banner-navigation a {
    background: url("../images/slides-navigation-button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 9px;
    margin: 5px 3px 0;
    width: 9px;
}
.js-banner-navigation a.active {
    background-position: 0 -18px;
}
.js-banner-navigation a:hover, .js-banner-navigation a:active {
    background-position: 0 -9px;
}
.list-view {
    position: relative;
}
.list-view .summary {
    float: left;
    margin: 0 0 5px;
    text-align: right;
}
.list-view .sorter {
    background-color: #f5f5f5;
    border-radius: 3px;
    float: right;
    font-size: 0.9em;
    margin: 0 0 5px;
    padding: 3px 7px;
    text-align: right;
}
.list-view .sorter ul {
    display: inline;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.list-view .sorter li {
    display: inline;
    margin: 0 0 0 5px;
    padding: 0;
}
.list-view .sorter a {
    border-bottom: 1px dotted #069;
    text-decoration: none;
}
.list-view .sorter a.asc {
    background: url("../images/tri-black-up.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-right: 10px;
}
.list-view .sorter a.desc {
    background: url("../images/tri-black-down.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
    padding-right: 10px;
}
.list-view-loading {
    background: url("../images/loading-hdf.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.list-view .items {
    clear: both;
    padding-top: 15px;
}
.list-view .pager {
    margin: 5px 0 0;
    text-align: right;
}
.pager {
    color: #565656;
    margin-top: 25px;
    text-align: right;
}
ul.yiiPager {
    border: 0 none;
    display: inline;
    font-size: 11px;
    line-height: 100%;
    margin: 0;
    padding: 0;
}
ul.yiiPager li {
    display: inline;
}
ul.yiiPager a:link, ul.yiiPager a:visited {
    border: 1px solid #ccc;
    font-weight: bold;
    padding: 1px 6px;
    text-decoration: none;
}
ul.yiiPager .page a {
    font-weight: normal;
}
ul.yiiPager .selected a {
    background: none repeat scroll 0 0 #2e6ab1;
    color: #fff;
    font-weight: bold;
}
ul.yiiPager .hidden a {
    border: 1px solid #dedede;
    color: #888888;
}
.overlay {
    display: none;
    z-index: 10000;
}
.modal {
    background-color: #f0f0f0;
    border: 2px solid #333;
    border-radius: 4px;
    box-shadow: 0 0 5px #333;
    display: none;
    padding: 10px 15px;
}
#exposeMask {
    background-color: #232323;
    opacity: 0.7;
}
.ui-tabs {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    position: relative;
}
.ui-tabs .ui-tabs-nav, .ui-tabs > ul {
    background: none repeat scroll 0 0 #f6f6f6;
    border-bottom: 1px solid #e9e9e9;
    border-top: 1px solid #f3f3f3;
    height: 27px;
    margin: 0 0 10px;
    padding: 0 4px;
}
.ui-tabs .ui-tabs-nav li, .ui-tabs > ul li {
    float: left;
    list-style: outside none none;
    margin: 0 0.2em 1px 0;
    padding: 0;
    position: relative;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs > ul li a {
    color: #5d5d5d;
    float: left;
    font-size: 0.9em;
    padding: 3px 12px 2px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    border-bottom: 1px solid #a2a2a2;
    margin-bottom: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: #222;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
    outline: medium none;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-width: 0 1px 1px;
    clear: both;
    display: block;
    padding: 0;
}
.ui-tabs .ui-tabs-panel {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0;
}
.ui-tabs .ui-tabs-panel.content-loading {
    background: url("../images/loading-hdf.gif") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
    min-height: 50px;
}
.ui-tabs .ui-tabs-hide {
    display: none !important;
}
.messenger-inbox {
    margin-top: 10px;
}
.messenger-inbox tr th {
    font-size: 0.9em;
    font-weight: normal;
}
.messenger-inbox .message-subject, .messenger-inbox .message-recipients, .messenger-inbox .message-updated {
    text-align: left;
}
.messenger-inbox .message-subject {
    width: 320px;
}
.messenger-inbox .message-subject.new {
    font-weight: bold;
}
.messenger-inbox .message-recipients {
    width: 190px;
}
.messenger-inbox td.message-updated {
    color: #222;
    font-size: 0.85em;
    width: 155px;
}
.messenger-inbox .message-checkbox {
    width: 20px;
}
#messenger-inbox-form .row.buttons input {
    float: right;
    margin-right: 0;
}
.messenger-discussion {
    margin: 15px 0;
}
.messenger-discussion .message-info {
    background: none repeat scroll 0 0 #f9f9f9;
    border-radius: 2px;
    padding: 1px 2px 3px;
}
.messenger-discussion .message-info .message-created {
    color: #333;
    font-size: 0.8em;
}
.messenger-discussion .message-content {
    line-height: 150%;
    margin-bottom: 10px;
    padding: 10px;
}
#messenger-reply-form {
    margin: 0;
    padding: 0;
}
#messenger-reply-form textarea {
    width: 710px;
}
.tbl-radicals {
    margin: 15px 0 0;
    table-layout: fixed;
}
.tbl-radicals table {
    margin: 0;
    table-layout: fixed;
}
.tbl-radicals tr {
    padding: 0;
}
.tbl-radicals td {
    background: none repeat scroll 0 0 #fafafa;
    border: medium none;
    padding: 0;
}
.tbl-radicals tr:hover td {
    background: none repeat scroll 0 0 #fafafa;
}
.tbl-radicals td.radical {
    border: 1px solid #c9c9c9;
    padding: 5px;
}
.tbl-radicals td.radical:hover, .tbl-radicals td.radical:hover table tr td {
    background: none repeat scroll 0 0 #f0f0f0;
}
.tbl-radicals td.stroke-count {
    font-size: 0.85em;
    font-style: italic;
    text-align: right;
}
.tbl-radicals td.stroke-count.first {
    border-bottom: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
}
.tbl-radicals td.pinyin {
    color: #333;
    font-size: 0.85em;
    line-height: 1.3em;
    width: 93px;
}
.tbl-radicals td.pinyin strong {
    font-size: 0.8em;
}
.tbl-radicals td.radical-value {
    font-family: Georgia,"KaiTi","??","Times New Roman",serif,STKaiti,"????";
    font-size: 3.2em;
    font-weight: bold;
    line-height: 1.25em;
    text-align: center;
}
.tbl-radicals td.variants {
    font-family: simsun,Arial,sans-serif;
    font-size: 1.15em;
    line-height: 1.2em;
}
.tbl-radicals td.variants span {
    background: none repeat scroll 0 0 #e0e0e0;
    border-radius: 50%;
    display: block;
    height: 21px;
    padding: 0 0 0 2px;
    width: 21px;
}
.tbl-radicals td.variants span.simplified {
    background: none repeat scroll 0 0 #444;
    color: #f9f9f9;
}
.tbl-radicals td.definition {
    font-size: 0.82em;
    height: 35px;
    text-align: center;
}
.tbl-radicals-legend {
    margin: 15px 0;
    width: 500px;
}
.tbl-radicals-legend tr:hover td, .tbl-radicals-legend td {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.tbl-radicals-legend td.icon {
    width: 30px;
}
.tbl-classifiers th {
    border-bottom: 2px solid #e0e0e0;
    font-size: 0.9em;
    font-weight: 500;
}
.tbl-classifiers td {
    background: none repeat scroll 0 0 #fafafa;
}
.tbl-classifiers tr:hover td {
    background: none repeat scroll 0 0 #f6f6f6;
}
.tbl-classifiers td.classifier {
    border-right: 1px solid #f0f0f0;
    padding: 8px;
    text-align: center;
    width: 150px;
}
.tbl-classifiers td.classifier .cn {
    color: #444;
    font-size: 2em;
    margin-bottom: 4px;
}
.tbl-classifiers td.meanings {
    padding: 10px 35px;
}
.tbl-classifiers .meaning {
    margin: 10px 0;
}
.tbl-classifiers .examples {
    margin-left: 25px;
}
.tbl-classifiers .example {
    color: #666;
    font-size: 0.85em;
    margin: 10px 0;
}
.element-hidden {
    display: none;
}
.element-invisible {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
.element-invisible.element-focusable:active, .element-invisible.element-focusable:focus {
    clip: auto;
    position: static !important;
}
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* html .clearfix {
    height: 1%;
}
:first-child + html .clearfix {
    min-height: 1%;
}

*/