/* jQuery UI - v1.11.1 - 2014-09-15 */
.ui-front {
	z-index: 100;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}


/* Component containers
----------------------------------*/
.ui-widget {
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #222222;
}


/* Interaction states
----------------------------------*/

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	color: #212121;
    background: #ffb;
}


.ui-helper-hidden-accessible { position: absolute; left:-999em; }

body, html { padding: 0; margin: 0; text-align: center; }

body { font: 12px/1.4 Helvetica, Arial, sans-serif; color: black; }

q { quotes: none; font-style: italic; }

cite { font-style: normal; font-size: 0.9em; }

td, th { _font-size: 75%; }

p { margin: 1em 0; }

img { border: none; vertical-align: middle; }

ul { list-style: none; padding-left: 0; margin-left: 0; }
ul li { list-style: none; padding-left: 0; margin-left: 0; }
ul img { width: 16px; height: 16px; }

#logo { font-size: 2em; line-height: 1; width: 209px; margin: 0; text-align: left; position: absolute; top: 0; left: 0; }

#content h1 { font-size: 2em; color: #004a80; font-weight: normal; margin-top: 0; line-height: normal; margin-bottom: 0.6em; clear: left; }

h2 { color: #004a80; font-size: 1.1666em; margin: 2em 0 1em; }

a { color: #0072bc; text-decoration: underline; }
a:visited { color: #003d63; }
a:hover { color: #9e0b0f; }

th { text-align: left; padding-right: 1em; }

dt { font-weight: bold; margin-top: 1em; color: #0072bc; }

dl { font-size: 0.9em; }

fieldset { padding: 1em; }

.cleaner { clear: both !important; height: 0; font-size: 0; line-height: 0.0001; display: block; }

.cleaner-left { clear: both !important; height: 0; font-size: 0; line-height: 0.0001; display: block; clear: left !important; }

.new { font-size: 0.6em; vertical-align: top; font-weight: normal; position: relative; left: -0.1em; top: -0.4em; color: #9e0b0f !important; }

.did-you-mean { color: #9e0b0f; }

.img-left, .img-right { float: left; margin: 0 1em 1em 0; }

.status-ok strong { color: green; }

.status-error strong { color: red; }

.say { vertical-align: middle; cursor: pointer; cursor: hand; background: url("/static/img/i.gif?157965f20463") no-repeat; width: 16px; height: 16px; display: inline-block; }

.errorlist { color: red; margin: 0; }

#head { min-width: 850px; margin-left: 47px; _width: expression(document.body.offsetWidth > 897 ? 'auto' : '850px' ); position: relative; zoom: 1; z-index: 100; }

#controls, #content-wrap2 { max-width: 1000px; margin: auto; position: relative; _width: expression(document.body.offsetWidth > 1000 ? '1000px' : 'auto' ); height: 1; }

#controls { padding-top: 39px; text-align: left; /* ie - completion */ position: relative; z-index: 100; }

#content-wrap { background: white url("/static/img/content-bg.png?157965f20463") repeat-x; padding-top: 19px; border-top: 1px solid #bfdcee; }

#content { padding-bottom: 20px; font-size: 14px; max-width: 760px; margin: 0 180px 0 47px; text-align: left; _width: expression(this.parentNode.offsetWidth > 997 ? '760px' : 'auto'); }
.module-translator #content { font-size: 12px; }

#head h1 { float: left; font-size: 2em; line-height: 1; width: 209px; margin: 0; text-align: left; }
#head h1 a { color: black; display: block; overflow: hidden; width: 159px; height: 60px; position: relative; }
#head h1 span { overflow: hidden; width: 159px; height: 60px; position: absolute; top: 0; left: 0; background: url("/static/img/logo.gif?157965f20463") no-repeat; cursor: pointer; cursor: hand; }
.module-translator #head h1 span { background-image: url("/static/img/logo-prekladac.gif?157965f20463"); border: solid white; border-width: 1px 0; }

#t { position: absolute; top: 5px; left: 47px; margin: 0; font-size: 0.8em; color: #cccccc; }
#t * { vertical-align: middle; }
#t a { text-decoration: none; color: #999999; }
#t a:hover { text-decoration: underline; }
#t a:first-letter { text-transform: uppercase; }

#search { float: left; width: 589px; position: relative; z-index: 1; }
#search form { white-space: nowrap; position: relative; padding: 0; margin: 0; }
#search form * { vertical-align: middle; }
#search form p { margin: 0; }
#search p.input { position: relative; }

#loader-autocomplete { position: absolute; top: 12px; left: 433px; }

#search #word { font-size: 20px; background: url("/static/img/word-bg.png?157965f20463") repeat-x; color: #004a80; border: 1px solid #bfdcee; margin-right: 18px; width: 444px; padding: 6px 4px; _width: 450px; _padding-top: 4px; _height: 35px; }

#toggle-prefs { font-size: 0.9em; color: #0072bc; float: right; text-decoration: underline; cursor: pointer; cursor: hand; margin-top: 15px; }

.js-on #prefs { display: none; }
.js-on #toggle-prefs { display: block; position: relative; width: 114px; float: right; }
.js-on #bubble { position: absolute; width: 18px; height: 17px; top: 3px; right: -17px; background: url("/static/img/prefs.png?157965f20463"); }

#prefs { border: 1px solid #e1e1e1; margin-top: 17px; margin-bottom: 17px; position: relative; background: #fafafa; padding: 12px 0; width: 452px; _width: 450px; }
#prefs .prefs-block { float: left; width: 50%; overflow: hidden; }
#prefs .prefs-block p, #prefs .prefs-block h2 { padding: 0 12px; margin-bottom: 0.5em; }

#nav { margin: 0; padding: 0.7em 0 0.3em; font-size: 10px; text-align: right; position: absolute; top: 0; right: 25px; color: #999999; color: #777777; text-decoration: none; }
#nav a { color: #777777; text-decoration: none; }
#nav a:hover { color: black !important; }
#nav a.fb img { border: none; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; }
#nav a.fb:hover { position: static; }
#nav a.fb:hover img { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.pager { padding: 1em; font-size: 11px; background: #ebf4fa; margin-bottom: 0; margin-right: -150px; clear: both; *zoom: 1; _position: relative; }
.pager * { margin: 0; display: inline; color: #004a80; }
.pager p.links { margin-bottom: 0.5em; }

#page-info { font-weight: bold; color: #004a80; margin-right: 19px; }

#count-info { float: right; }

.prev { margin-right: 19px; }

#content { min-height: 20em; _height: 20em; }

.intro { font-weight: bold; }

#content .fb { padding-left: 18px; background: url("/static/img/facebook.gif?157965f20463") 0 no-repeat; white-space: nowrap; }

#ajax-links-wrap { font-size: 1em; line-height: 1.5; }
#ajax-links-wrap .say { background: url("/static/img/i2.gif?157965f20463") no-repeat; width: 24px; height: 24px; }

#ajax-links { margin-left: 0.5em; }
#ajax-links a { margin-left: 0.5em; color: #308dc9; }
#ajax-links a.current { color: #9e0b0f; }

.loading #content-wrap2 { background-image: url("/static/img/loading.gif?157965f20463"); background-repeat: no-repeat; background-position: 8px 35px; *background-position: 10px 30px; }

#tabs-wrap { _height: 1; }

#tabs { margin: 0 0 0 256px; width: 600px; height: 1; }
#tabs a.tab { float: left; border: 1px solid #e1e1e1; border-bottom: none; background: #f1f1f1 url("/static/img/tab-inactive.png?157965f20463") repeat-x; padding: 7px; _padding: 7px 9px; color: #555555; text-decoration: none; margin-right: 14px; white-space: nowrap; text-align: center; width: 126px; _width: 140px; }
#tabs a:hover { text-decoration: underline; }
#tabs a.active { border-color: #bfdcee; position: relative; bottom: -1px; background: #f3f9fc url("/static/img/tab-active.png?157965f20463") repeat-x; color: #0072bc; font-weight: bold; }
#tabs #translator-link { position: relative; top: 1em; margin-left: 7px; }
#tabs #translator-link a { font-weight: bold; text-decoration: none; color: #9e0b0f !important; }
#tabs #translator-link a:hover { text-decoration: underline; }

#sense { float: right; display: inline; margin-right: 25px; padding-bottom: 15px; }

.sense-top-wrap { width: 100%; overflow: hidden; text-align: left; position: relative; }

#sense-top { margin-left: 47px; margin-bottom: 10px; }

@media print { #search, #links, #tabs, #nav, #tip, form, #sense, #sense-top { display: none !important; }
  #logo { margin: 0 !important; }
  #logo span, #logo a { position: static; width: auto; }
  * { background: transparent !important; color: black !important; width: auto !important; padding: 0; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; border: none !important; max-width: auto !important; min-width: auto !important; max-height: auto !important; min-height: auto !important; }
  li { margin-left: 20px !important; }
  body { padding: 1em !important; } }
@media screen { hr, .no-screen { position: absolute; top: -10000px; } }
#completion { position: absolute; margin: 0; padding: 2px 0 0; background: white; font-size: 11px; line-height: normal; }
#completion ul { list-style: none; margin: 0; padding: 0; border: 1px solid #888888; }
#completion ul li { list-style-type: none; display: block; margin: 0; padding: 2px; cursor: pointer; _width: 100%; }
#completion ul li.selected { background-color: #ffffbb; }
#completion ul li strong { background: red; }

.ui-autocomplete li { text-align: left; border: none !important; margin: 0 !important; font-size: 12px; }

#stats td { text-align: right; padding-left: 4em; }
#stats caption { background: white; border-bottom: 1px solid #cccccc; text-align: left; font-size: 0.9em; }

#contact-form { padding: 1em; background: #f4f9fc; width: 520px; }
#contact-form h2 { margin-top: 0; }
#contact-form .submit { margin-bottom: 0; }
#contact-form textarea { width: 100%; }

#content .dict-types span { padding-left: 28px; background: 0 no-repeat; }
#content .dict-types span.type-ec { background-image: url("/static/img/gb2.png?157965f20463"); }
#content .dict-types span.type-ce { background-image: url("/static/img/cz2.png?157965f20463"); }

#result { font-size: 12px; _font-size: 13px; }
#result ul { margin-left: 11px; margin-bottom: 2em; min-height: 20em; _height: 20em; margin-top: 0; }
#result ul li { padding: 0.15em 0; }
#result ul li .note { color: #999999; font-size: 0.9em; vertical-align: middle; }

#definition { float: right; width: 336px; margin-right: 30px; display: inline; font-size: 0.9em; margin-bottom: 100px; margin-left: 30px; }
#definition .in { min-height: 30px; }
#definition h3 { font-size: 1em; margin: 0; display: inline; font-weight: normal; }
#definition p { margin: 0; display: inline; font-style: italic; }

.page-napoveda h2 { border-bottom: 1px solid #0072bc; margin-top: 2.5em; }
.page-napoveda h2 span { color: #9e0b0f; font-weight: normal; }
.page-napoveda .section { margin-left: 30px; }
.page-napoveda ol li { font-size: 0.9em; }

#help-topics li { margin-left: 20px; margin-bottom: 0.5em; line-height: 1.5; color: #9e0b0f; }
#help-topics li a { font-weight: bold; }
#help-topics li span { color: #0072bc; }

ul#search-modules { line-height: 1.8; font-size: 1.2em; }
ul#search-modules a { text-decoration: none; }

#fb-box { float: right; margin-left: 1em; margin-bottom: 1em; width: 300px; height: 250px; }

#hp-more { font-size: 0.9em; }

.code { background: #f3f8fc; padding: 0.5em; font-size: 0.9em; }
.code strong { background: white; margin-right: 0.5em; }
.code code { margin-top: 0.5em; _font-size: 14px; font-family: sans-serif; }

.action-static-page #content { line-height: 1.5 !important; }

.edit-note { font-size: 0.9em; border-top: 1px solid #cccccc; padding: 0 20px; }

#chars a { border: 1px solid; float: left; width: 2em; line-height: 2em; font-weight: bold; text-decoration: none; margin: 0 0.2em 0.2em 0; text-align: center; font-size: 10px; }
#chars a:hover { color: #9e0b0f; }
#chars a.active { color: white; background: #9e0b0f; border-color: #9e0b0f; }

#loanwords-list { clear: left; }
#loanwords-list ul { float: left; width: 30%; margin-left: 10px; }
#loanwords-list ul li { padding: 0.15em 0; }

.action-loanwords-detail #content li { list-style: disc; margin-left: 20px; margin-bottom: 0.2em; line-height: 1.5; color: #9e0b0f; }
.action-loanwords-detail #content li span { color: #0072bc; color: black; }
.action-loanwords-detail #content ul { min-height: 10em; _height: 10em; }

.action-loanwords-search ul { min-height: 10em; _height: 10em; }

.module-loanwords h2 { margin-top: 1em; *margin-top: 0; }

.question { font-size: 0.8em; }

#words { font-size: 1.2em; }
#words table { float: left; width: 9em; margin-right: 1em; margin-bottom: 1em; }
#words h2 { clear: left; border: solid #cccccc; border-width: 1px 0; margin: 1em 0; padding: 0.3em 0; font-size: 1.2em; text-align: center; }
#words table .p { text-align: right; color: #aaaaaa; width: 3em; }
#words a { text-decoration: none; display: block; }
#words td, #words th { _font-size: 90%; }

.module-translator #content h1 { margin-bottom: 0.8em; }

#translator-form { width: 60%; float: left; padding-top: 1em; }
#translator-form h2 { margin-top: 0; }
#translator-form label { font-weight: bold; white-space: nowrap; }
#translator-form textarea { width: 100%; font-family: inherit; font-size: 1.1em; line-height: 1.4; height: 8em; background-position: center; background-repeat: no-repeat; }

.translating #translator-text { background-image: url("/static/img/loading.gif?157965f20463"); }

.submit { text-align: right; }

#translator-form .submit input { background: transparent; margin-left: 1em; }
#translator-form .submit * { vertical-align: middle; }

#translated { float: right; width: 38%; line-height: 1.4; background: #fbfdfe; }
#translated .in { padding: 1em; }
#translated h2 { margin-top: 0; vertical-align: middle; }

.notice { color: #9e0b0f; }

.translating #translated-body { color: #9e0b0f; }

#tt { padding: 0.3em; background: white; margin-bottom: 0; }

#swap-langs-wrap { font-size: 0.8em; }

#gbranding { font-size: 0.9em; color: #bbbbbb; vertical-align: middle; padding-top: 2em; }

#translate-tips h2 { margin-top: 0; font-size: 1em; }
#translate-tips li { list-style: disc; margin-left: 20px; font-size: 0.9em; margin-bottom: 0.5em; line-height: 1.5; color: #9e0b0f; }
#translate-tips li span { color: #0072bc; }
#translate-tips li span strong { font-weight: normal; color: #9e0b0f; }
#translate-tips .more { font-size: 0.9em; color: #0072bc; }

#translation-error { color: red; font-size: 0.9em; }
