/* Zhonga.ru - Farhat Aminov
   CSS file structure based on D7 theme Framework by Andre Griffin
------------------------------------------------
 1.Global
 2.Layout
 3.Main
 4.Sidebars
 5.Header
 6.Navigation
 7.Footer
 8.Form elements
 9.Unit page
 10.Links
 11.Profile
 12.Search results
 13.Tables
 14.Flash messages
 15.Moderation page
 16.Revisions page
 17.Main page
 18.Authentication pages
 19.Blocks
 20.Yii extensions
 21.jQuery Tools
 CSS Support

[Font sizes - based on 75%/12px body font-size]
36px = 3em
30px = 2.5em
24px = 2em
18px = 1.5em
16px = 1.333333em
15px = 1.2em
14px = 1.1667em
12px = 1em
11px = .9167em
10px = .8333em

Equation for font sizing:
-Desired px ÷ Default (or parent) px = em size
------------------------------------------------*/

@import "reset.css";

/**
 * 1.GLOBAL
 */
html, body {
	height: 100%;
}
body {
	background: url("../images/body-bg.png") repeat-x 0 0 #fff;
	color: #000;
	font-family: Lucida Grande, Verdana, Arial, sans-serif, simsun;
	font-size: 75%;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	position: relative;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
	font-weight: normal;
}

h1 {
	font-size: 2em;
	line-height: 1em;
	margin-bottom: 6px;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.5em;
	line-height: 2em;
}

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: .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;
}

p {
	margin: 0 0 18px 0;
}

p a:link {
	text-decoration: underline;
}

a:link, a:visited {
	color: #1e598e; /*#069;*/
	outline: none;
	text-decoration: none;
}

a:focus {
	outline: 1px dotted;
}

a:hover, a:active, li a.active {
	color: #1e598e; /*#069;*/
	outline: 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 {
	content: '';
	display: block;
	clear: both;
}

blockquote {
	background: #fdfdfd;
	border-left: 3px solid #ddd;
	margin: 7px 5px;
	padding: 1px 5px;
}

/* Common Styling */
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 0; }
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: #666; border: none; clear: both; float: none; height: 1px; margin: -1px 0 18px; width: 100%; }
fieldset { border: 1px solid #ccc; margin: 6px 0; padding: 12px; }

/*** cn && ru styling ***/
.cn {
	font-size: 24px;
	color: #333;
}
.ru {
	font-size: 13px;
}
.cn, .unit-cn-card-value, .unit-cn-link, .suggest-cn, .input-cn,
.decomposed-unit-value a {
	font-family: simsun, Arial, sans-serif;
}

/**
 * 2.LAYOUT
 */
#wrapper {
	margin: 0 auto 60px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding: 0;
	width: 970px;
}

/* add this class to div#wrapper to show grid */
.showgrid {
	background: url("../images/grid.gif") repeat-y;
}

/**
 * 3.MAIN
 */

#main {
	margin: 0 0 18px;
	padding: 0;
	position: relative;
}

.container {
	margin-top: 10px;
}

#content {
	position: relative;
}
.content-no-sidebars {
	margin: 0 auto;
	width: 970px;
}
.content-sidebar-right {
	float: left;
	margin: 0 10px 0 0;
	width: 720px;
}
.content-sidebar-left {
	float: right;
	margin: 0 0 0 10px;
	width: 770px;
}
/**
 * 4.SIDEBARS
 */
#sidebar-left {
	float: left;
	width: 190px;
}
#sidebar-right {
	float: right;
	width: 240px;
}

/**
 * 5.HEADER
 */
#header {
	margin: 0;
	padding: 10px 0 25px;
}

#header #branding {
	display: block;
	float: left;
}
#header #logo {
	background: url("../images/logo.png") no-repeat;
	float: left;
	height: 60px;
	width: 190px;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}
#header #logo a {
	display: block;
	height: 100%;
	width: 100%;
	overflow: hidden;
	text-indent: -9999em;
}

#search-form-container {
	background: #eee;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 15px 10px 0 15px;
	float: left;
	height: 32px;
	width: 441px; /* 472px */
	padding: 3px;
}
.search-field-wrapper {
	border: 1px solid #ccc;
	float: left;
	height: 30px;
	width: 320px;
	margin: 0;
	padding: 0;
}
input#search-field {
	border: none;
	border-top: 1px solid #f1f1f1;
	font-size: 1.65em;
	height: 25px;
	width: 313px;
	margin: 0;
	padding: 2px 4px;
	outline: none;
}
input#search-button {
	border: none;
	background: url("../images/search-button.png") 0 0 no-repeat #eee;
	color: #637f2e;
	cursor: pointer;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 0;
	height: 32px;
	text-shadow: #a3e144 0px 1px 1px;
	filter: Shadow(Color=#a3e144, Direction=90, Strength=1);
	width: 75px;
}
input#search-button:active {
	background-position: 0 -32px;
}
input#hwr-button {
	border: none;
	background: url("../images/hwr-button-tmp.png") 0 0 no-repeat;
	cursor: pointer;
	float: left;
	margin-left: 3px;
	height: 32px;
	width: 41px; /* 42px */
}
input#hwr-option {
	border: none;
	background: url("../images/hwr-option.png") 0 0 no-repeat;
	cursor: pointer;
	display: none;
	float: left;
	margin: 0px;
	height: 32px;
	width: 30px;
}

/*** Zhonga Handwriting Recognition (ZHWR) ***/
.zhwr-table {
	background: #f5f5f5;
	border-width: 0px;
	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: none;
	padding: 0;
}

.zhwr-canvas {
	width: 220px;
	height: 220px;
	margin: 0px;
	background: URL("../images/zhwr-canvas-bg.png") no-repeat transparent;
	background-color: #FFF;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #CCC;
	cursor: default;
}

.zhwr-button {
	color: #7D8C31;
	text-decoration: underline;
	font: 1em Arial, Helvetica, sans-serif;
	margin: 5px;
	background: transparent;
	border: none;
	cursor: pointer;
	float: right;
}
.zhwr-button:hover {
	border: none;
}

.zhwr-dot {
	position:absolute;
	background:#000;
	width:3px;
	height:3px;
	z-index:32768;
	overflow: hidden;
	cursor: default;
}

.zhwr-container, .zhwr-container-current {float: left; cursor: pointer; position: relative;}
.zhwr-container {color: #000;}
.zhwr-container-current {background-color: #F4F4F4; cursor: pointer;}

.zhwr-prob {
	display: none;
	background: none repeat scroll 0 0 #FFFFFF;
	font-family: "lucida sans unicode",sans-serif;
	font-size: 1.2em;
	color: #555555;
	bottom: 40px;
	left: 0.9em;
	padding: 1px 10px;
	border: 1px solid #CCCCCC;
	position: absolute;
}

.zhwr-char {
	font-family: simsun, Arial;
	font-size: 2em;
	line-height: 1.3em;
	text-align: center;
	float:left;
	padding: 7px 0;
	width: 49px;
	border-left: 1px solid #F4F4F4;
	border-bottom: 1px solid #F4F4F4;
}

.zhwr-result.empty {
	background: #F4F4F4;
	background-color: #F4F4F4;
}

.zhwr-result {
	display: block;
	float:right;
	width: 250px;
	height: 220px;
	margin-left: 2px;
	padding: 0px;
	background-color: #FFF;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: #888;
}
.zhwr-result.loading {
	display: block;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	background: #FFF url('../images/indicatooor.gif') center center no-repeat;
}

.zhwr-result div {
	float: left;
}



#actions {
	float: right;
	margin-top: 15px;
}
#actions .form-button.new-definition {
	font-size: 1.1em;
	font-weight: bold;
	padding: 7px 25px;
}


/**
 * 6.NAVIGATION
 */
#navigation {
	background: #000;
	/*box-shadow: 0 0 2px #555;*/
	/*-moz-box-shadow: 0 0 2px #555;*/
	/*-webkit-box-shadow: 0 0 2px #555;*/
	border-bottom: 1px solid #e5e5e5;
	margin: 0;
	padding: 0 20px;
}
#navigation #top-menu {
	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: #ccc;
	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;
	width: 20px;
	margin: 0 5px 0 0;
	padding: 1px 0 0 0;
}
#navigation ul li.home a {
	background: url("../images/home-button.png") no-repeat 0 0;
	border: none;
	display: block;
	padding: 10px;
}

/*** mode-label ***/
#navigation ul li.mode-label {
	-moz-border-radiu: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px;
	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: #cc0000;
}

#navigation ul li ul {
	margin: 2px 0 0 -10px;
	left: -999em;
	padding: 0;
	position: absolute;
	z-index: 100;
}
#navigation ul li:hover ul {
	left: auto;
	margin-left: -10px;
}

#navigation ul li ul li {
	background: #000;
	display: block;
	float: none;
}
#navigation ul li ul li:hover {
	background: #444;
}
#navigation ul li ul li a,
#navigation ul li.active ul li a {
	border-bottom: none;
}
#navigation ul li ul li a {
	padding: 3px 15px;
}

/*** breadcrumbs ***/
#breadcrumbs {
	height: 24px;
}
.breadcrumbs {
	border-bottom: 1px solid #e9e9e9;
	font-size: 0.9em;
	padding: 3px 0 4px 2px;
}
.breadcrumbs span {
	color: #666;
}

/**
 * 7.FOOTER
 */
#footer {
	background: url("../images/footer-border-top.png") repeat-x 0 0 #f4f4f4;
	height: 60px;
	/*margin-top: -86px; /* height + top/bottom paddings */
	padding: 10px 0;
	position: relative;
}
#footer, .push {
	clear: both;
}
#footer-content {
	color: #a0a0a0;
	margin: 0 auto;
	width: 970px;
}
#footer-branding {
	background: url("../images/logo-footer.png") no-repeat 0 0;
	float: left;
	height: 45px;
}
#footer-branding span {
	display: block;
	margin: 8px 0 0 47px;
}

#footer-menu {
	float: left;
	margin-left: 25px;
}
#footer-menu ul {
	margin: 8px 0 0;
	padding: 0;
}
#footer-menu ul li {
	background: url("../images/li-separator.png") no-repeat 100% 60%;
	display: inline;
	float: left;
	list-style: none;
	padding: 0 10px 0 6px;
}
#footer-menu ul li.last {
	background: none;
}
#footer-menu ul li.active a {
	text-decoration: underline;
}
#footer-menu ul li a {
	color: #565656;
	display: block;
}

.footer-partner-link {
	font-size: 0.9em;
	margin: 5px 0 0 7px;
}
.footer-partner-link a {
	color: #999;
	text-decoration: underline;
}

#footer-social {
	float: right;
	font-size: 1.1em;
	margin-top: 4px;
	text-align: right;
}
#footer-widget {
	position: relative;
}
#footer-widget a {
	border-bottom: 1px dotted #565656;
	color: #565656;
	font-size: 0.8em;
	margin-right: 5px;
	text-decoration: none;
}
#footer-widget-links {
	background: #fff;
	-moz-box-shadow: 0 2px 9px rgba(0,0,0,0.6);
	-ms-box-shadow: 0 2px 9px rgba(0,0,0,0.6);
	-o-box-shadow: 0 2px 9px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 2px 9px rgba(0,0,0,0.6);
	box-shadow: 0 2px 9px rgba(0,0,0,0.6);
	display: none;
	font-weight: bold;
	text-align: left;
	padding: 10px 15px;
	position: absolute;
	bottom: 20px;
	right: 0;
	white-space: nowrap;

}

/**
 * 8.FORM ELEMENTS
 */
.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: #777;
	display: block;
	font-weight: bold;
	margin-left: 2px;
}

/*** INPUT/SELECT/TEXTAREA ***/
input, select, textarea {
	border: 1px solid #ccc;
	font-size: 1.2em;
	outline: 0;
	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);
	-moz-box-shadow: 0 0 3px rgba(73,134,196,0.5);
	-ms-box-shadow: 0 0 3px rgba(73,134,196,0.5);
	-o-box-shadow: 0 0 3px rgba(73,134,196,0.5);
	-webkit-box-shadow: 0 0 3px rgba(73,134,196,0.5);
	box-shadow: 0 0 3px rgba(73,134,196,0.5);
	outline: 0;
}
select {
	font-size: 1.1em;
}

input.error {
	border: 1px solid #cc0000;
}

.input-cn {
	font-size: 1.65em;
}
.input-ru {
	font-size: 1.3em;
}



/*** CHECKBOXES ***/
.checkbox {

}

.checkbox-list-content {
	background: #f5f5f5;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-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-BUTTONS ***/
.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;
}

/*** BUTTONS ***/
.row.buttons {
	margin-top: 15px;
}

.form-button, a.form-button, a.form-button:link {
	background-color: #e8e8e8;
	background-image: -moz-linear-gradient(top,#fafafa,#dadada);
	background-image: -ms-linear-gradient(top,#fafafa,#dadada);
	background-image: -o-linear-gradient(top,#fafafa,#dadada);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#dadada));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dadada');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dadada')";
	background-image: linear-gradient(top,#fafafa,#dadada);
	border: 1px solid #c7c7c7;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #222;
	cursor: pointer;
	display: block;
	font: 13px Arial;
	font-weight: bold;
	padding: 3px 12px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #f2f2f2;
	vertical-align: middle;
	white-space: nowrap;
}
.form-button:hover, a.form-button:hover {
	border:1px solid #999;
}
.form-button:active, a.form-button:active {
	background-color: #c8c8c8;
	background-image: -moz-linear-gradient(top,#d8d8d8,#bdbdbd);
	background-image: -ms-linear-gradient(top,#d8d8d8,#bdbdbd);
	background-image: -o-linear-gradient(top,#d8d8d8,#bdbdbd);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#d8d8d8),to(#bdbdbd));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d8d8', endColorstr='#bdbdbd');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d8d8', endColorstr='#bdbdbd')";
	background-image: linear-gradient(top,#d8d8d8,#bdbdbd);
	border: 1px solid #999;
}
.form-button-bg {
	background: #eee;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 3px;
}

.inter-action-button, a.inter-action-button,
.minor-action-button, a.minor-action-button {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #fff;
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	min-width: 50px;
	text-align: center;
	text-decoration: none;
}
.inter-action-button, a.inter-action-button {
	background-color: #4d90fe;
	background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#4d90fe),to(#4787ed));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe', endColorstr='#4787ed');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe', endColorstr='#4787ed')";
	background-image: linear-gradient(top,#4d90fe,#4787ed);
	border: 1px solid #3079ed;
}
.minor-action-button, a.minor-action-button {
	background-color: #c2c2c2;
	background-image: -moz-linear-gradient(top,#c2c2c2,#b5b5b5);
	background-image: -ms-linear-gradient(top,#c2c2c2,#b5b5b5);
	background-image: -o-linear-gradient(top,#c2c2c2,#b5b5b5);
	background-image: -webkit-linear-gradient(top,#c2c2c2,#b5b5b5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2c2c2', endColorstr='#b5b5b5');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2c2c2', endColorstr='#b5b5b5')";
	background-image: linear-gradient(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 {
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-o-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	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(top,#4d90fe,#357ae8);
	background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe', endColorstr='#357ae8');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe', endColorstr='#357ae8')";
	background-image: linear-gradient(top,#4d90fe,#357ae8);
	border: 1px solid #2f5bb7;
}
.minor-action-button:hover, a.minor-action-button:hover {
	background-color: #a9a9a9;
	background-image: -moz-linear-gradient(top,#c2c2c2,#a9a9a9);
	background-image: -ms-linear-gradient(top,#c2c2c2,#a9a9a9);
	background-image: -o-linear-gradient(top,#c2c2c2,#a9a9a9);
	background-image: -webkit-linear-gradient(top,#c2c2c2,#a9a9a9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2c2c2', endColorstr='#a9a9a9');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2c2c2', endColorstr='#a9a9a9')";
	background-image: linear-gradient(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 {
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	-ms-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	-o-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

.inter-action-button:focus, a.inter-action-button:focus,
.minor-action-button:focus, a.minor-action-button:focus {
	-moz-box-shadow: inset 0 0 0 1px #fff;
	-ms-box-shadow: inset 0 0 0 1px #fff;
	-o-box-shadow: inset 0 0 0 1px #fff;
	-webkit-box-shadow: inset 0 0 0 1px #fff;
	box-shadow: inset 0 0 0 1px #fff;
	outline: 0 rgba(0,0,0,0);
}
.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;
}


/*** ADD DEFINITION/EXAMPLE FORM ***/
#definition-form,
#example-form {
	border: 1px solid #d2d2d2;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-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: none;
}
ul#add-definition-menu li a {
	border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	display: inline-block;
	font-size: 0.9em;
	padding: 3px 10px;
}
ul#add-definition-menu li a:hover {

}
ul#add-definition-menu li.active a {
	background: #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: 1px;
	vertical-align: bottom;
}
#definition-form-pinyin .sqr-bracket-l,
#definition-form-pinyin .sqr-bracket-r {
	font-size: 1.6em;
	vertical-align: bottom;
}
#definition-form-pinyin-input {
	border: none;
	color: #888;
	font-size: 1.4em;
	margin: 0 0 3px 0;
	padding: 0;
	text-align: center;
	vertical-align: bottom;
	width: 55px;
}
#definition-form-pinyin-input:hover,
#definition-form-pinyin-input:focus {
	background: #fff9c9; /*#fff7bd;*/
}
#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;
	width: 220px;
}

#definition-form-pos-select {
	width: 228px;
}
#definition-form-pos-select option {
	padding-right: 5px;
}

#form-definition-subject {
	margin-bottom: 17px;
}
a#form-definition-subject-toggle {
	border-bottom: 1px dotted #369;
	float: left;
	margin-left: 1px;
	text-decoration: none;
}
#form-definition-subject-content {
	background: #f5f5f5;
	border-radius: 2px;
	display: none;
	float: left;
	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 {
	width: 300px;
}


/*** CONTACT FORM ***/
#contact-form input[type=text] {
	font-size: 1.3em;
}


/*** captcha ***/
.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;
}


/**
 * 9.UNIT PAGE
 */
#unit-ru-info, #unit-cn-info {
	margin: 10px 0 13px;
}
.unit-ru-card, .unit-cn-card {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	float: left;
	height: 45px;
	min-width: 80px;
	padding: 0 15px;
	text-align: center;
}
.unit-ru-card .unit-ru-card-value {
	font-size: 1.8em;
	line-height: 1.9em;
}
.unit-cn-card .unit-cn-card-value {
	float: left;
	font-size: 2.5em;
	line-height: 1.5em;
}
.unit-cn-card .unit-cn-pinyin {
	font-size: 1.4em;
	float: left;
	line-height: 1;
	margin: 18px 0 0 7px;
}

.pinyin-edit,
.pinyin-edit:link,
.pinyin-edit:visited,
.pinyin-new,
.pinyin-new:link,
.pinyin-new:visited {
	color: #888;
	padding: 0;
	text-decoration: none;
}
.pinyin-edit:hover,
.pinyin-new:hover {
	background: #fff9c9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	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 {
	background-color: #e8e8e8;
	background-image: -moz-linear-gradient(top,#fafafa,#dadada);
	background-image: -ms-linear-gradient(top,#fafafa,#dadada);
	background-image: -o-linear-gradient(top,#fafafa,#dadada);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#dadada));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dadada');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dadada')";
	background-image: linear-gradient(top,#fafafa,#dadada);
	border: 1px solid #ccc;
	border-left: none;
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	display: inline-block;
}

.pinyin-form-actions input {
	border: none;
	cursor: pointer;
	margin: 0;
	padding: 3px 4px 4px;
	width: 30px;
}
.pinyin-form-actions .pinyin-form-submit {
	background: url("/images/checkmark-16.png") transparent no-repeat 50% 50%;
	border-right: 1px solid #ccc;
	width: 50px;
}
.pinyin-form-actions .pinyin-form-delete {
	background: url("/images/delete-16.png") transparent no-repeat 50% 50%;
	border-right: 1px solid #ccc;
}
.pinyin-form-actions .pinyin-form-reset {
	background: url("/images/rotate-left-16.png") transparent no-repeat 50% 50%;
}


.collapsible-block-title {
	background: url("../images/arrow.png") no-repeat 99% 50% #f4f4f4;
	cursor: pointer;
	line-height: 2em;
	margin: 10px 0;
	text-align: right;
}
.collapsible-block-title span {
	/*display: block;*/
	margin-right: 25px;
}
span.collapsible-block-title-cn {
	font-family: Arial, simsun;
	margin: 0;
}

.definition-block {
	/*font-size: 1.1em;*/
	display: none;
	padding: 0 10px;
}
#definition-block-0,
#definition-block-x {
	display: block;
}
.unit-block,
.unit-container-ru,
.unit-container-cn {
	clear: both;
}
.unit-block {
	margin-bottom: 12px;
}
.unit-container-ru, .unit-container-cn {
	float: left;
}
.unit-container-subject {
	color: #399339;
	float: left;
	font-size: 0.9em;
	font-style: italic;
	min-width: 75px;
	text-align: right;
}
.unit-container-cn .unit-container-subject {
	margin-top: 10px;
}
.unit-container-ru .unit-container-subject {
	margin-top: 5px;
}
.unit-container-units {
	float: left;
	margin-left: 7px;
	max-width: 600px;
	position: relative;
}
.unit-container-ru .unit-container-units {
	margin-top: 3px;
}
.unit-cn {
	display: inline;
	margin-right: 2px;
}
.unit-cn-link {
	font-size: 1.8em;
}
.unit-container-cn .unit-cn-link,
.unit-container-cn .unit-cn-pinyin {
	/*float: left;*/
}
.unit-ru {
	/*float: left;*/
	display: inline;
	margin-right: 2px;
}
.unit-ru-link {
	/*float: left;*/
	font-size: 1.1em;
}
.unit-container-ru .unit-ru-link {
	/*float: left;*/
}
.unit-cn-pinyin {
	color: #888;
	/*float: left;*/
	font-family: 'lucida sans unicode', tahoma, sans-serif;
	font-size: 1.2em;
	margin: 8px 0 0 3px;
}
.definition-comment {
	color: #a0a0a0;
	/*float: left;*/
	margin-left: 2px;
}
.unit-cn .definition-comment {
	margin: 10px 0 0 2px;
}
.unit-ru-pinyin {
	color: #888;
	font-size: 1.1em;
}
.unit-separator {
	margin-left: -4px;
}
.unit-cn .unit-separator {
	/*float: left;*/
	margin-top: 9px;
}
.unit-ru .unit-separator {
	/*float: left;*/
}
.stress {
	color: #e01b4c;
	/*font-weight: bold;*/
}
.unit-separator {
	color: #999;
}
.unit-cn .username {
	margin-top: 8px;
}
.unit-cn .username, .unit-ru .username {
	/*float: left;*/
	margin-left: 5px;
}
.pos-abbr {
	background: #f4f4f4;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #333; /*green;*/
	float: left;
	font-size: 1em;
	font-style: italic;
	margin: 5px 0 0 0;
	padding: 0 7px 2px;
}

.sqr-bracket-l {
	color: #999;
	margin-right: 1px;
}
.sqr-bracket-r {
	color: #999;
	margin-left: 1px;
}

/*** definition actions ***/
.definition-actions {
	background: #333;
	border: 1px solid #2c2c2c;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
	color: #e3e3e3;
	font-size: 0.9em;
	opacity: 0.1;
	filter: alpha(opacity = 10);
	padding: 2px 5px;
	position: absolute;
}
.definition-actions:hover {
	opacity: 1;
	filter: alpha(opacity = 100);
}
.definition-actions a {
	color: #e3e3e3;
	margin: 0 3px;
}


/*** dic definitions ***/
div.hp, div.ex, div.ex-2 {
	color:#999;
}
div.tr {
	margin: 5px 15px 5px;
}
div.tr-2 {
	margin: 10px 15px 5px 30px;
}
div.mt {
	margin: 5px 15px 3px 0px;
}
div.ex {
	margin: 3px 15px 3px 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: #7D8C31;
	font-weight: bold;
}


/*** examples ***/
#unit-examples {
	border: 1px solid #d2d2d2;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-top: 20px;
	padding: 5px 20px;
	position: relative;
}
#unit-examples-title {
	background: #fef7d7; /*#fef2bd;*/
	-moz-border-radius: 2px;
	-webkit-border-radsiu: 2px;
	border-radius: 2px;
	font-size: 0.9em;
	right: 5px;
	top: 5px;
	padding: 2px 7px;
	position: absolute;
}

/*** decomposition ***/
#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 {
	background: #f5f5f5;
	border: 1px solid #ededed;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	clear: left;
	margin-top: 15px;
	padding: 5px 3px;
}
.unit-actions .form-button {
	float: right;
}

/**
 * 10.LINKS
 */
span.username {
	background: #ccc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: inline-block;
	font-size: 11px;
	margin: 0 5px;
	padding: 0 0 0 3px;
}
span.username a {
	background: #f4f4f4;
	border-radius: 1px 2px 2px 1px;
	-moz-border-radius: 1px 2px 2px 1px;
	-webkit-border-radius: 1px 2px 2px 1px;
	color: #333;
	display: inline-block;
	margin-right: -2px;
	padding: 0 4px 2px 3px;
	text-decoration: none;
	zoom: 1;
}
.username.level-1 {
	background: #ccc;
}
.username.level-1 a:active,
.username.level-1 a:hover {
	background: #ccc;
	color: #fff;
}
.username.level-2 {
	background: #c0f4b9;
}
.username.level-2 a:active,
.username.level-2 a:hover {
	background: #c0f4b9;
	color: #fff;
}
.username.level-3 {
	background: #b2cff5;
}
.username.level-3 a:active,
.username.level-3 a:hover {
	background: #b2cff5;
	color: #fff;
}
.username.level-4 {
	background: #b3b2f5;
}
.username.level-4 a:active,
.username.level-4 a:hover {
	background: #b3b2f5;
	color: #fff;
}
.username.level-5 {
	background: #deb2f5;
}
.username.level-5 a:active,
.username.level-5 a:hover {
	background: #deb2f5;
	color: #fff;
}
.username.level-6 {
	background: #f6a8a7;
}
.username.level-6 a:active,
.username.level-6 a:hover {
	background: #f6a8a7;
	color: #fff;
}


/**
 * 11.PROFILE
 */
#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: #f4f4f4;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	float: left;
	overflow: hidden;
	padding: 3px;
	min-height: 120px;
	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 ***/
#profile-content-value {
	margin: 10px 5px;
}


/*** profile-tabs ***/

#profile-tabs {
	background: #f5f5f5;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	height: 30px;
	margin-top: 10px;
}
#profile-tabs ul {
	float: left;
	margin: 0;
	padding-left: 15px;
	position: relative;
}
#profile-tabs li {
	display: inline;
	float: left;
	line-height: 30px;
	list-style: none;
	margin: 0;
	padding: 0 10px;
}
#profile-tabs ul li.first {
	padding-left: 0;
}
#profile-tabs ul li a {
	color: #555;
	display: block;
	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 submenu ***/

#profile-tabs ul li.list a.list {
	background: url("../images/toggle-down-tri.png") no-repeat 94% 55%;
}
#profile-tabs ul li.list:hover {
	background: #ddd;
}
#profile-tabs ul li ul {
	margin: 0 0 0 -10px;
	left: -999em;
	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: #f5f5f5;
	border-top: 1px solid #ebebeb;
	font-size: 0.85em;
	padding-left: 10px;
	width: 157px;
}

/*** profile-tabs menu-links width ***/
.profile-link-about-me {
	width: 58px;
}
.profile-link-about-user {
	width: 110px;
}
.profile-link-vocablists {
	width: 70px;
}
.profile-link-definitions {
	width: 68px;
}
.profile-link-examples {
	width: 62px;
}
.profile-link-forum {
	width: 155px;
}
.profile-link-market {
	width: 45px;
}
.profile-link-settings {
	width: 87px;
}

#profile-tabs ul li.profile-link-market a {
	color: #357ae8;
}

/*** edit-profile-submenu ***/
ul#edit-profile-submenu {
	margin: 0;
	padding: 0;
}
ul#edit-profile-submenu li {
	display: inline;
	list-style: none;
}
ul#edit-profile-submenu li a {
	background: #f5f5f5;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #555;
	margin-right: 10px;
	padding: 3px 7px;
	text-decoration: none;
}
ul#edit-profile-submenu li a:hover {
	background: #eee;
}
ul#edit-profile-submenu li a:active,
ul#edit-profile-submenu li a:focus,
ul#edit-profile-submenu li.active a {
	background: #ddd;
}

/*** edit profile form ***/
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;
}


/**
 * 12.SEARCH RESULTS
 */
#search-results {
	padding: 0 10px;
}
.search-results-info {
	margin: 5px 0 20px;
}
.search-results-query {
	color: #777;
	font-size: 1.1em;
	font-weight: bold;
}
.search-query {
	color: #675aad; /*#39f;*/
	font-size: 1.2em;
}
.search-results-found {
	color: #acacac;
}

.search-results-unit-block {
	border-bottom: 1px dotted #d2d2d2;
	margin: 0;
	padding: 10px 10px 25px;
	position: relative;
}
.search-results-unit-block:hover {
	background: #F5F7FF; /*#edf1ff;*/
}
.search-results-unit-block.first-result {
	border-top: 1px dotted #d2d2d2;
}

.search-results-unit-definitions {
	padding-left: 17px;
}
.search-results-unit-definitions .tr {
	margin: 10px 15px 10px;
}
.result-number {
	color: #888;
}
.search-results-unit-link a {
	background: #edf1ff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #3e8ab3;
	font-size: 0.9em;
	margin: 0 5px 5px;
	padding: 2px 7px 3px;
	position: absolute;
	bottom: 0;
	right: 0;
	text-decoration: none;
}
.search-results-unit-link a:hover {
	background: #d9e1ff;
}

/*** segmentation ***/
#decomposed-segmented-units {
	background: #f9f9f9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
}
#decomposed-segmented-units .decomposed-unit-value {
	font-size: 2em;
}
#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: #f5f7ff;
}
.segmented-unit-value {
	float: left;
	width: 130px;
}
.segmented-unit-definitions {
	float: right;
	width: 550px;
}
.segmented-unit-user-definitions {
	margin: 5px 15px;
}
.segmented-unit-dic-definitions .tr {
	margin: 10px 15px 10px;
}
.segmented-unit-link a {
	background: #edf1ff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #3e8ab3;
	font-size: 0.9em;
	margin: 0 5px 5px;
	padding: 2px 7px 3px;
	position: absolute;
	bottom: 0;
	right: 0;
	text-decoration: none;
}
.segmented-unit-link a:hover {
	background: #d9e1ff;
}

/*CJuiAutoComplete*/
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: white url('/images/loading-hdf.gif') no-repeat 290px 50%;
}

ul.ui-autocomplete li.ui-menu-item {
	border-bottom: 1px dotted #f4f4f4;
	cursor: pointer;
	display: block;
	float: left;
	line-height: 17px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
ul.ui-autocomplete li.ui-menu-item .suggest-cn {
	float: left;
	font-size: 1.6em;
}
ul.ui-autocomplete li.ui-menu-item .unit-cn-pinyin {
	color: #999;
	float: right;
	font-size: 1.2em;
	margin: 0;
}

ul.ui-autocomplete li.ui-menu-item .suggest-highlight {
	color: #2e8be8; /* #39f */
	font-style: normal;
	font-weight: normal;
}
ul.ui-autocomplete li.ui-menu-item:hover, ul.ui-autocomplete .ui-state-hover {
	background: #e0e0e0;
}
ul.ui-autocomplete li.ui-menu-item a {
	display: block;
	float: left;
	line-height: 17px;
	margin: 0px;
	padding: 4px 5px 5px;
	width: 385px;
}
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;
}

/**
 * 13.TABLES
 */

table {
	border-collapse: collapse;
	text-align: left;
}
table th {
	background: #f9f9f9;
	border-bottom: 2px solid #99cc33;
	color: #555;
	font-size: 0.9em;
	font-weight: bold;
	padding: 6px 8px;
	text-align: center;
}
table td {
	background: #f5f5f5;
	border-bottom: 1px solid #fff;
	border-top: 1px solid transparent;
	padding: 5px 8px;
}
tr:hover td {
	background: #eee;
}

table thead tr th:first-child {
	border-radius: 2px 0 0 0;
	-moz-border-radius: 2px 0 0 0;
	-webkit-border-radius: 2px 0 0 0;
}
table thead tr th:last-child {
	border-radius: 0 2px 0 0;
	-moz-border-radius: 0 2px 0 0;
	-webkit-border-radius: 0 2px 0 0;
}
table tr:last-child td {
	border-bottom: none;
}
table tr:last-child td:first-child {
	border-radius: 0 0 0 2px;
	-moz-border-radius: 0 0 0 2px;
	-webkit-border-radius: 0 0 0 2px;
}
table tr:last-child td:last-child {
	border-radius: 0 0 2px 0;
	-moz-border-radius: 0 0 2px 0;
	-webkit-border-radius: 0 0 2px 0;
}

table tr.result-row td {
	background: #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: #e0e0e0;
	text-align: center;
}
table .currency-sign {
	font-size: 0.75em;
	font-weight: normal;
}

/**
 * 14.FLASH MESSAGES
 */

.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 0 50% #daf5a4;
	margin-left: -35px;
	padding: 7px 7px 7px 35px;
}
.errorMessage {
	clear: left;
	font-size: 0.85em;
}

.info-message {
	background: #fdf2b4;
	border: 1px solid #fdecbe;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-o-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	margin-bottom: 10px;
	padding: 7px 15px;
	text-align: center;
}
.info-message.positive {
	background: #ebfdc9;
	border-color: #e9fbc5;
}

/**
 * 15.MODERATION PAGE
 */

/*** definition moderation ***/
.moderation-table th {
	text-align: left;
}
.moderation-table .moderation-table-user {
	width: 10%;
}
.moderation-table td.moderation-table-user {
	background: #e0e0e0;
}

.moderation-table .moderation-table-cn {
	width: 30%;
}
.moderation-table .moderation-table-ru {
	width: 22%;
}
.moderation-table .moderation-table-comment {
	position: relative;
	width: 28%;
}

/*** definition actions ***/
.moderation-table-actions {
	background: #666;
	border-radius: 4px 0 0 4px;
	display: none;
	padding: 0 5px;
	position: absolute;
	right: 0;
	top: 4px;
}
a.definition-moderation-action-publish,
a.definition-moderation-action-edit,
a.definition-moderation-action-comment,
a.definition-moderation-action-delete {
	display: inline-block;
	padding: 5px 10px;
	overflow: hidden;
	text-indent: -9999em;
	width: 24px;
	height: 24px;
}

a.definition-moderation-action-publish {
	background: url("../images/definition-publish.png") no-repeat 50% 50%;
}
a.definition-moderation-action-publish:active,
a.definition-moderation-action-publish:focus {
	background: url("../images/definition-publish-active.png") no-repeat 50% 50%;
}
a.definition-moderation-action-publish.success {
	background: url("../images/definition-publish-active.png") no-repeat 50% 50% #555;
}

a.definition-moderation-action-edit {
	background: url("../images/definition-edit.png") no-repeat 50% 50%;
}
a.definition-moderation-action-edit:active,
a.definition-moderation-action-edit:focus {
	background: url("../images/definition-edit.png") no-repeat 50% 50%;
}

a.definition-moderation-action-comment {
	background: url("../images/definition-comment.png") no-repeat 50% 50%;
}
a.definition-moderation-action-comment:active,
a.definition-moderation-action-comment:focus {
	background: url("../images/definition-comment-active.png") no-repeat 50% 50%;
}

a.definition-moderation-action-delete {
	background: url("../images/definition-delete.png") no-repeat 50% 50%;
}
a.definition-moderation-action-delete:active,
a.definition-moderation-action-delete:focus {
	background: url("../images/definition-delete-active.png") no-repeat 50% 50%;
}

a.definition-moderation-action-publish:hover,
a.definition-moderation-action-edit:hover,
a.definition-moderation-action-comment:hover,
a.definition-moderation-action-delete: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: #4294db;
}
.definition-delete-notification {
	background: #f04864;
}


/*** example moderation ***/
.example-moderation .example-row {
	border: 1px solid #eee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 10px;
}


/**
 * 16.REVISIONS PAGE
 */

#revisions {

}
.revision {
	border-left: 2px solid #fff;
	border-bottom: 1px dotted #ccc;
	margin: 0;
	padding: 25px 2px 25px 10px;
	position: relative;
}
.revision:hover {
	/*background-color: #f7f7ff;*/
	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: #f9f9f9;
	padding: 7px 20px 10px;
}
.revision-definition-comment {
	color: #777;
	font-style: italic;
}
.revision-comment {

}


/**
 * 17.MAIN PAGE
 */

#last-definitions {
	float: left;
	margin-top: 10px;
	min-height: 350px;
	width: 350px;
}

.definition-row {
	margin: 5px 0;
}

.definition-row .user-name {
	margin-top: 10px;
	vertical-align: top;
}


#last-forum-topics {
	float: left;
	margin: 10px 0 0 20px;
	width: 600px;
}

table.last-forum-topics-list {
	margin-top: 15px;
}

table.last-forum-topics-list th {
	background: #f4f4f4;
	border: 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;
	padding: 6px 8px 8px;
}

table.last-forum-topics-list tfoot th:first-child {
	-moz-border-radius: 0 0 0 2px;
	-webkit-border-radius: 0 0 0 2px;
	border-radius: 0 0 0 2px;
}
table.last-forum-topics-list tfoot th:last-child {
	-moz-border-radius: 0 0 2px 0;
	-webkit-border-radius: 0 0 2px 0;
	border-radius: 0 0 2px 0;
}
table.last-forum-topics-list tr:last-child td:first-child,
table.last-forum-topics-list tr:last-child td:last-child {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	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;
	text-align: center;
}

table.last-forum-topics-list tfoot th.topic-new {
	padding: 6px 0 8px;
}
table.last-forum-topics-list tfoot th.topic-new a {
	display: inline;
	font-weight: normal;
}

table.last-forum-topics-list td {
	background: #fff;
	border-bottom: 1px solid #ddd;
	font-size: 0.9em;
}
table.last-forum-topics-list tr:hover td {
	background: #f9f9f9;
}


/*** example ***/
#last-examples {
	float: left;
	margin: 10px 0 0 20px;
	width: 600px;
}
.example-row {
	margin: 12px 0 17px;
}
.example-cn {
	clear: left;
	display: block;
	position: relative;
}
.example-cn:hover .example-cn-value {
	background: #f5f5f5;
}
.example-cn-value {
	display: inline-block;
}
.example-cn-value.cn {
	font-size: 20px;
}

.example-pinyin {
	background: #fdf2b4; /*#fef7d7;*/ /*#fffce3;*/
	border: 1px dotted #a5a5a5;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #444;
	display: none;
	font-size: 1.2em;
	padding: 3px 7px;
	position: absolute;
}
.example-ru {
	color: #777;
}
.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: 1px 4px 3px 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: 1px 15px 3px;
}
.example-publish a:hover {
	background: #6dd971;
	color: #f4f4f4;
}

.arrow {
	color: #aaa;
	font-size: 1.5em;
}

.example-row .highlight {
	border-bottom: 1px solid #690;
	color: #690;
}


/**
 * 18.AUTHENTICATION PAGES
 */
body.authentication {
	background: none;
	background-color: #ebebdd; /* f2f2eb */
}
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; /* fafaf7 */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-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 {
	font-size: 0.9em;
	position: absolute;
	right: 0;
	bottom: 0;
}


/**
 * 19.BLOCKS
 */

h2.block-title {
	color: #555;
	display: inline-block;
	border-bottom: 1px solid #d2d2d2;
}
h2.block-title a {
	text-decoration: none;
}

/*** js-banner ***/
.js-banner {
	background-color: #eee;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
}
.js-banner-container {
	background-color: #f9f9f9;
	border: 1px solid #e0e0e0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	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 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	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 {
	overflow: hidden;
	padding: 5px 12px;
	position: relative;
	height: 290px;
	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 0 0;
	display: inline-block;
	margin: 5px 3px 0;
	height: 9px;
	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;
}


/**
 * 20.YII EXTENSIONS
 */

/*** CListView ***/
.list-view {
	position: relative;
}
.list-view .summary {
	float: left;
	margin: 0 0 5px 0;
	text-align: right;
}
.list-view .sorter {
	background-color: #f5f5f5;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	float: right;
	font-size: 0.9em;
	margin: 0 0 5px 0;
	padding: 3px 7px;
	text-align: right;
}
.list-view .sorter ul {
	display: inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type: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") right center no-repeat;
	padding-right: 10px;
}

.list-view .sorter a.desc {
	background: url("../images/tri-black-down.gif") right center no-repeat;
	padding-right: 10px;
}

.list-view-loading {
	background: url("../images/loading-hdf.gif") no-repeat;
}
.list-view .items {
	clear: both;
	padding-top: 15px;
}

.list-view .pager {
	margin: 5px 0 0 0;
	text-align: right;
}

/*** CLinkPager ***/
.pager {
	color: #565656;
	margin-top: 25px;
	text-align: right;
}
ul.yiiPager {
	font-size:11px;
	border:0;
	margin:0;
	padding:0;
	line-height:100%;
	display:inline;
}

ul.yiiPager li {
	display:inline;
}

ul.yiiPager a:link,
ul.yiiPager a:visited {
	border:solid 1px #ccc;
	font-weight:bold;
	padding:1px 6px;
	text-decoration:none;
}

ul.yiiPager .page a {
	font-weight:normal;
}

ul.yiiPager .selected a {
	background:#2e6ab1;
	color:#fff;
	font-weight:bold;
}

ul.yiiPager .hidden a {
	border:solid 1px #dedede;
	color:#888888;
}


/**
 * 21.jQuery Tools
 */

.overlay {
	display: none;
	z-index: 10000;
}

.modal {
	background-color: #f0f0f0;
	border: 2px solid #333;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 0 5px #333;
	-ms-box-shadow: 0 0 5px #333;
	-o-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
	display: none;
	padding: 10px 15px;
}

#exposeMask {
	background-color: #232323;
	opacity: 0.7;
}


/**
 * CSS SUPPORT
 *
 * Built-in classes:
 * .clearfix							| float clearing
 * .element-invisible					| hide element visually
 * .element-invisible.element-focusable | allow element to be focusable when navigated to via keyboard
 * .element-hidden						| hide element from all users
 */
/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden {
	display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/**
 * The .element-focusable class extends the .element-invisible class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
	position: static !important;
	clip: auto;
}

/**
 * Markup free clearing.
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack
 */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE6 */
* html .clearfix {
	height: 1%;
}
/* IE7 */
*:first-child + html .clearfix {
	min-height: 1%;
}