@import url(https://fonts.googleapis.com/css?family=Cabin);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1.2; background-color:#0F2133; font-size:20px; background-image:url('/media/images/background.png'); background-repeat:no-repeat; background-attachment:fixed; background-position: top center; color:#fff; text-shadow: 0 1px 0 rgba(0,0,0,0.62); margin:0 auto; }
table { border-collapse:collapse; border-spacing:0; }
html, input, select, textarea { font-family:'Cabin', "Lucida Grande", "Lucida Sans Unicode", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; }
a { text-decoration:none; color:#ffcb45; }
a:hover { text-decoration:underline; }
input:focus, textarea:focus { outline:none; }

.clearfix:after, .section:after, .related_lessons:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display:block; }

p a, li a, .links a, h3 a { color:#ffcb45; }

.blur { -webkit-filter:blur(3px); filter: blur(3px); opacity:0.76; }
@-moz-document url-prefix() { .blur { opacity:0.24; } .blur a { opacity:0.86; } }

.required { background-color:rgba(255,0,0,0.38); }
.loading { background-image:url('/media/images/loading.gif'); background-repeat:no-repeat; background-position:right center; }

#header { margin:0 auto; padding:0;  background-color:rgba(0,49,83,0.86); height:53px; z-index:100; position:fixed; width:100%; box-shadow: 0 1px 2px rgba(0,0,0,0.24); }
#logo:hover { background-color:rgba(255,255,255,0.1); }
#logo { float:left; font-size:23px; padding:0.5em 1em; color:#fff; }
#logo b { font-weight:bolder; }
#logo:hover { text-decoration:none; }
#logo img { width:34px; height:34px; vertical-align:middle; margin:-5px 5px 0 0; }

#search_form { float:right; padding:0.38em; }

#header .search_results { position:absolute; z-index:400; margin:1px 13px; font-size:15px; }
#header .search_results a, .waiting { display:block; color:#0F2133; cursor:pointer; overflow:hidden; text-overflow:ellipsis; border-right:1px solid rgba(0,98,166,0.62); border-left:1px solid rgba(0,98,166,0.62); border-bottom:1px solid rgba(0,98,166,0.14); width:300px; background-color:rgba(255,255,255,0.95); padding:6px 0 7px 8px; white-space:nowrap; text-shadow:0 1px 1px #fff; }
#header .search_results .hasImage { padding:6px 29px 7px 8px; }
#header .search_results a:first-child {  }
#header .search_results a:last-child, .search_results .waiting { border-bottom:1px solid rgba(0,98,166,0.62); -moz-border-radius-bottomright:10px; border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; border-bottom-left-radius:10px; }
#header .search_results a:hover { text-decoration:none; background-color:#fff; color:#0062A6; }
.search_results .waiting img { width:44px; height:44px; }
#header .search_results a img { width:21px; height:21px; border-radius:4px; margin:-5px 8px -5px 0; float:left; box-shadow:0px 1px 2px #999; }
#search { width:316px; margin:0px; background-color:rgba(255,255,255,0.38); color:#fff; box-shadow:none; border:0; font-size:17px; padding:8px 13px; border-radius:7px; }
#search:focus { box-shadow:0 1px 3px rgba(0,0,0,0.24); }

.lang_selector { float:right; }
.lang_selector:hover { background-color:rgba(255,255,255,0.24); }
.lang_selector>* { display:block; padding:6px 0.62em 10px; width:2.6em; text-align:left; z-index:95; position:relative; }
.lang_selector>*:first-child { padding:12px 0.62em 17px; }
.lang_selector a { display:none; white-space:nowrap; }
.lang_selector>* img { vertical-align: middle; box-shadow:0 1px 1px rgba(0,0,0,0.38); margin:-2px 3px 0 0; }
.lang_selector:hover a { display:block; text-decoration:none; }
.lang_selector a:hover { background-color:rgba(255,255,255,0.24); }
.lang_selector, .lang_selector a:last-child { border-bottom-left-radius:10px; border-bottom-right-radius:10px; overflow:hidden; }

#user_options { float:right;  padding:0 1em; width:auto; }
#user_options a { white-space:nowrap; background-color:transparent; padding:0.62em 0.38em; display:inline-block; }
#user_options .options { display:none; position:absolute; margin:-5px 0 0 -88px; z-index:100; }
#user_options .options a { display:block; padding:10px 13px; width:117px; box-shadow:0 1px 2px rgba(0,0,0,0.24); margin:0; background-color:rgba(255,255,255,0.38); }
#user_options .options a:last-child { border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
#user_options img { padding:14px 13px 14px; margin:0 -13px; }
#user_options .options a:hover { background-color:rgba(255,255,255,0.62); box-shadow:0 1px 2px rgba(255,255,255,0.24); }
#user_options:hover img { background-color:rgba(255,255,255,0.38); box-shadow:0 1px 2px rgba(0,0,0,0.24); }
#user_options:hover .options { display:block; }

#header .links { float:right; }
#header .links a { padding:14px 0.62em; display:inline-block; }
#header .links a:hover { text-decoration:none; background-color:rgba(255,255,255,0.16); }

h1 { font-size:44px; }
#main { width:890px; margin:0 auto; padding:53px 0; }
#main .links { float:left; height:330px; }
#main .links img { margin:0 0 1em; }
#main .links a { display:block; margin:8px 0px 13px; }
#main .links a img { margin:0 0.62em 0 0; vertical-align:bottom; }
#main .links h2 { margin:0 0 0.62em; }
.app_icon { width:156px; height:156px; }

.modal { position:fixed; left:0; top:53px; margin:0; z-index:10; width:100%; padding:0; overflow-y:scroll; overflow-x: hidden; }
.section { width:550px; margin:34px auto; border-radius:0.62em; overflow:hidden; box-shadow:0 3px 8px rgba(0,49,83,0.96); text-shadow:0 1px 0px rgba(255,255,255,0.38); }

.section>* { display:block; width:528px; background-color:rgba(255,255,255,0.76); margin:0; padding:0.38em 10px; border-bottom:1px solid rgba(0,49,83,0.1); border-left:1px solid #0F2133; border-right:1px solid #0F2133; border-top:0; color:#0F2133; }
.section>div { padding:0.62em 10px; }
.section>*:first-child { border-top-left-radius:0.62em; border-top-right-radius:0.62em;  padding-top:0.38em; }
.section>*:last-child { border-bottom:1px solid #0F2133; border-bottom-left-radius:0.62em; border-bottom-right-radius:0.62em; }
.section label { font-weight:bold; color:rgba(0,25,41,0.86); font-size:76%; padding:0.76em 10px 0.38em; text-shadow:0 1px 1px rgba(255,255,255,0.38); }
.section label.optional { font-weight:normal; color:rgba(0,25,41,0.76); }
.section input, .section textarea { font-size:20px; display:block; background-color:rgba(255,255,255,0.96); border-top:0; border-bottom:0; }
.section input[type=submit] { background-image:url('/media/images/golden.png'); color:#121212; border-bottom:1px solid rgba(255,255,255,0.38); width:100%; }
.section input[type=submit]:hover { background-position-y:-13px; cursor:pointer; }
.section textarea { height:8em; font-size:76%; }
.section select { font-size:20px; display:block; border-top:0; border-bottom:0; background:rgba(255,255,255,0.96); -webkit-appearance:none; border-radius:0; width:100%; }
.section select.required { background:rgba(231,243,255,0.96); }
.section a { font-weight:bold; color:rgba(0,61,103,1); font-size:76%; }
.section h1 { background-color:rgba(0,98,166,0.96); color:#fff; text-shadow:none; border-top:1px solid rgba(0,24,41,1); font-size:20px; padding:0.38em 10px; }
.section h2 { background-color:rgba(255,255,255,0.62); color:#fff; text-shadow:none; padding:0.38em 10px; }
.section p { margin:0 0 21px; }
.section ul { padding:8px 17px 21px; font-weight:bold; width:55%; }
.section ul ul { list-style:none; padding:0 8px 8px; }
.section li { padding:8px 0 0; }
.section hr { background-color:#fff; height:1px; border:1px; margin:0 0 21px; }
.readOnly { background-color:rgba(255,255,255,0.86); padding:0.38em 10px 1em;  }
.readOnly .key, .section .key { display:inline; color:#333; }
.close { background-image:url('/media/images/close.png'); width:63px; height:63px; display:inline-block; cursor:pointer; position:absolute; margin:8px 0 0 -44px; }
.close:hover { margin:8px 0 0 -42px; }

.item_results { padding:0; width:528px; }
.item_results>* { color:rgba(0,98,166,0.96); padding:0.24em 10px 0; display:block; }
.item_results b { color:rgba(0,0,0,0.76); }
.item_results>*:last-child { padding:0.24em 10px 0.38em; }
.item_results div:hover { text-decoration:underline; cursor:pointer; }
.item_results div.newItem { color:rgba(0,0,0,0.62); padding:0.62em 10px; background-color:rgba(255,255,255,0.38); font-size:86%; border-radius:0.62em; margin:0.38em 0; }
.item_results div.newItem:hover { text-decoration:none; }
.item_results div.newItem span { color:rgba(0,98,166,0.86); background-color:rgba(255,255,255,0.38); border:2px solid rgba(0,98,166,0.76); padding:0.1em 0.38em 0.14em; white-space:nowrap; font-weight:bold; border-radius:0.24em; font-size:86%; }
.item_results div.newItem span:hover { color:rgba(0,98,166,0.96); cursor:pointer; background-color:rgba(255,255,255,0.86); }
.item_results div.newItem b { font-size:124%; font-weigh:normal; }
.item_results div.newItem select { border:0; width:10em; display:inline; border-radius:0.62em; font-size:86%; padding:3px 10px; }

#inflections { width:100%; border-top:2px solid #0F2133; overflow:scroll; color:#0F2133; box-shadow:0 -3px 8px rgba(0,0,0,0.10); }
#item_form { background-color:rgba(0,98,166,0.76); color:#fff; font-size:76%; padding:0 5.55em; margin:0; }
#item_form label { padding:1em 0.62em; display:inline-block; }
#item_form b { font-size:138%; padding:0 0.38em; line-height:86%%; }
#item_form input[type="text"] { padding:0.62em; display:inline-block; font-size:86%; height:1em; border:0; background-color:rgba(255,255,255,0.76); margin-right:1em; border-radius:0.38em; text-shadow:0 1px 0 rgba(255,255,255,1); }
#item_form input[type="submit"] { padding:0.38em 1.38em; display:inline-block; font-size:86%; border:0; background-color:rgba(255,255,255,0.96); border-radius:0.38em; font-weigh:bold; color:rgba(0,98,166,0.96); font-weight:bold; margin:-0.1em 0.38em; }
#item_form input[type="submit"]:hover { color:rgba(0,98,166,0.62); }
#links { width:800px; display:table; float:left; }
#forms { min-width:224px; }
.inflections { overflow-x:scroll; background-color:rgba(255,255,255,0.86); }
.inflection { display:table-row; }
.inflection:nth-child(even) { background-color:rgba(255,255,255,0.24); }
.inflection:first-child { background-color:rgba(0,98,166,0.76); color:#fff; }
.inflection:first-child span { padding:0.38em 0; height:2em; font-size:76%; }
.inflection:last-child { background-color:rgba(255,255,255,0.62); }
.inflection:last-child span { height:2.62em; }
.inflection:last-child span select { height:2.62em; }
.inflection>* { display:table-cell; height:128px; vertical-align:middle; overflow:hidden; }
.inflection.hasTransliteration span { height:155px; }
.inflections img { padding:0 0.38em; }
.inflections span:first-child img { padding:0 1em; }
.inflections a img { width:17px; height:17px;}
.inflections a { font-weight:normal; color:#0F2133; }
.inflections select { background:none; border:0; border-radius:0; -webkit-appearance:none; height:125px; font-size:76%; border-right:1px solid rgba(255,255,255,0.24); padding:0 0 0 0.24em; }
.inflections select.required { background-color:rgba(255,0,0,0.38); }
.inflections input[type='submit'] { border:0; -webkit-appearance:none; background:transparent; height:2.5em; font-size:76%; width:144px; cursor:pointer; margin:0 0 8px; }
.inflections input[type='submit']:hover { color:rgba(255,0,0,0.86); }
.inflections input[type='submit']:first-child { background-color:rgba(0,98,166,0.76); color:#fff; font-weight:bold; border-radius:10px; }
.inflections input[type='submit']:first-child:hover { background-color:rgba(0,49,83,0.76); color:#fff; }
.inflections input[type='submit']:first-child:disabled { background-color:rgba(0,98,166,0.24); cursor:default; }
.inflections textarea { background:none; border:0; -webkit-appearance: none; height:24px; font-size:100%; width:25em; text-shadow: 0 1px 0 rgba(255,255,255,0.62); padding:51px 0.62em; }
.inflections input[type='text'] { background:none; border:0; -webkit-appearance:none; height:23px; font-size:100%; width:10em; text-shadow: 0 1px 0 rgba(255,255,255,0.62); display:table-cell; }
#fat { font-size:14px; color:rgba(0,98,166,0.96); }
.inflections .buttons a { width:144px; color:rgba(0,98,166,0.62); font-size:76%; text-shadow:none; text-align:center; display:inline-block; }
.inflection .info { font-size:62%; white-space:nowrap; text-shadow:none; padding:0 3px; }

#editor, #admin, #users, #tab_separated_input { margin:0; border-bottom-left-radius:1em; border-bottom-right-radius:1em; border-bottom:1.62em solid rgba(255,255,255,0.24); padding:0 0 2px; font-size:21px; }
#editor .options, #admin .options, #users .options, #tab_separated_input .options { background-color:rgba(255,255,255,0.24); margin:2px 0 0; text-align:right; min-height:2.6em; }
#editor .options span, #admin .options span, #tab_separated_input .options span { padding:0.62em 1em; display:inline-block; }
.trail { float:left; }
.trail img { width:26px; height:26px; opacity:0.86; vertical-align:top; margin:0 0.68em 0 0; }
.trail img:hover { opacity:1;}
.title { display:block; padding:0.62em 1em; background-color:rgba(255,255,255,0.06); margin:2px 0 0; font-weight:bold; background-repeat:no-repeat; background-position:right center; }
.model { display:block; padding:0.62em 1em; background-color:rgba(255,255,255,0.06); margin:2px 0 0; min-height:2.38em; background-repeat:no-repeat; background-position:right center; }
.model.post { display:block; padding:0.38em 1em; margin:2px 0 0; min-height:1em; font-weight:bold; color:rgba(0,98,166,1); background-color:rgba(255,255,255,0.04); min-height:2.62em; }
.model.post:hover { background-color:rgba(255,255,255,0.14); cursor:pointer; color:rgba(255,255,255,0.96); background-image:none; }
.model img { float:left; width:2.62em; height:2.62em; margin-right:0.8em; margin-bottom:0.8em; }
.model img.passport { width:50px; height:68px; float:right; }
.model .delete { float:right; padding:0 1em; opacity:0.1; font-weight:bold; }
.model:hover .delete { opacity:0.62; }
.model .delete:hover { opacity:1; }
.model label { margin:0.6em 0 0.3em; display:block; }
.model input[type='text'] { width:100%; border:0; height:1.6em; font-size:17px; }
.model textarea { width:100%; border:0; height:13em; font-size:17px; }
.model b.position { font-size:62%; float:right; color:rgba(255,255,255,0.38); }
a.model:hover { background-image:url('/media/images/disclosure.png'); background-color:rgba(255,255,255,0.14); text-decoration:none; }
a.model.loading:hover { background-image:url('/media/images/loading.gif'); }
a.model[href='#random'] { font-size:162%; padding:0.62em; min-height:1.38em; }
h2.model { min-height:1.38em; color:rgba(255,255,255,0.76); background-color:rgba(255,255,255,0.04); }
#admin pre { padding:1em; background-color:rgba(255,255,255,0.06); margin:2px 0 0; }

#user_search { width:100%; font-size:20px; color:rgba(255,255,255,0.96); padding:0.38em 0; text-indent:1em; border:0; }

.key { color:#ddd; font-size:62%; display:block; }
.native { font-weight:bold; }
.native em { font-weight:normal; font-style:normal; color:#ffda7b; }
.translation { display:block; color:#fff; }
.translation em { font-weight:normal; font-style:normal; font-size:62%; color:rgba(255,255,255,0.62); }
.native .key { display:inline; margin:0 0.62em; }
.transliteration { display:block; color:#fff; font-size:62%; }
.option { font-size:62%; padding:0.62em 0; }
.add { padding:0.62em 0; }

#tvs { border:1px solid #fff; border-radius:1em; overflow:hidden; background-color:rgba(255,255,255,0.62); margin-top:21px; }
#tvs>* { margin:0; white-space:nowrap; }
#tvs div b { padding:0.62em 1em; display:inline-block; color:#0F2133; text-shadow:0 1px 1px rgba(255,255,255,0.62); }
#tvs div b:nth-last-child(1) { padding:0.62em 1em 0.62em 5em; }
#tvs textarea { width:100%; border:0; height:13em; font-size:17px; font-family: monospace; white-space:pre; background-color:rgba(255,255,255,0.62); }
#tvs input[type=submit] { width:100%; border:0; font-size:20px; color:#0F2133; background:#ffcb45; font-weight:bold; cursor:pointer; padding:0.62em 0; margin:0.38em 0 0; }
#tvs input[type=submit]:hover { color:rgba(255,255,255,0.86); }
#tvs label { padding:0.24em 0.38em; display:inline-block; font-size:86%; width:14%; text-align:right; }

#shelf { background-image:url('/media/images/shelf.png'); display:table; width:802px; margin:0 auto; }
#shelf a { color:#fff; }
#shelf .app { font-size:17px; font-weight:normal; width:200px; height:230px; display:inline-block; float:left; text-align:center; background-image:url('/media/images/icon_background.png'); }
#shelf .app img { width:128px; height:128px; margin-top:55px; }

.block, #passport { padding:2.62em 4.23em; margin:2.62em 0 0; background-color:rgba(255,255,255,0.1); border-radius:1.62em; display:table; }
.block h1 { margin:0 0 0.62em; }
.block p { margin:0 0 1em; }
.block ul { margin:0 1.61em 1em; }
#app_info { padding:0; margin:0 0 0 200px; }
#passport img { float:left; margin:-1em 1em -2em -2.62em; }
#passport h2 { padding:0 1.62em 1em; font-size:27px; }
#passport p { width:90%; margin:0 0 1em; }

#passport_page img { float:left; margin:55px 34px 0 0; }
#passport_page h1 { padding:44px 0 0; }
#passport_page h2 { margin:1.62em 0 0.38em 262px; font-size:27px; }
#passport_page p { margin:0 0 1em 262px; display:block; }
#passport_page ul { margin:0 0 1em 300px; }
#passport_page p img { margin:0 320px 1em 0; border-radius:5px;  box-shadow: 0 2px 5px rgba(0,0,0,0.38); float:left; }

#jobs h1 { padding:44px 0 0; }
#jobs h2 { margin:1.62em 0 0.38em; font-size:27px; }
#jobs p { margin:0 0 1em; display:block; }
#jobs ul { margin:0 0 1em; }

div .icon { width:177px; display:inline-block; margin:2.62em 1em; }

#footer { margin:2em auto 2.62em; width:890px; }
#footer span:nth-child(2) { float:right; }