@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic&subset=latin,cyrillic,cyrillic-ext,latin-ext,vietnamese);
/*
@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic-ext,vietnamese,latin-ext,cyrillic);
*/
/* Begin reseted */
html, body {
    margin: 0;
    padding: 0;
}

html {
    background: url("img/grm_drbg.png") no-repeat fixed  -65px 50px #E4E4E4;
}

html.page_school_login, html.page_school_loginip, html.page_login, html.page_user_login {
    background: url("img/slogin_loop.jpg") repeat scroll 0 0 #F2F2F2;

}


/*
.page_school_login body, .page_login body,
*/

body, button, input, select, textarea {
    font-family: 'Noto Sans', arial, helvetica, sans-serif;
}
/*
.dentry *, .crentry * {
    font-family: 'Noto Sans', arial, helvetica, sans-serif !important;
    line-height: 140%;
}
*/
.dentry span[style*=bold], .crentry span[style*=bold] {
    font-weight: 600 !important;
}
/*
.crentry [style*=Webdings], .crentry [style*=Symbol], .crentry [style*=Wingdings]  {
    color: red !important;
}
*/
#login_rightside, #squeeze, #login_leftside {
    min-height: 550px;

}



a, a:active, a:visited { color: #038BB3; cursor: pointer; outline: none;}
a:focus { outline: none;}
a:hover { color: #19A1CE; }

a.link { cursor: pointer; }
a.link:hover { text-decoration: underline;}

h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 160%; margin: 12px 0px; }
h2 {  font-size: 150%; margin: 10px 0px; }
h3 { font-size: 140%; margin: 8px 0px; }
h4 { font-size: 130%; margin: 6px 0px; }
h5 { font-size: 120%; margin: 4px 0px; }
h6 { font-size: 110%; margin: 2px 0px; }

p { margin: 15px 0; }
p:last-child {margin-bottom: 10px;}

ul, ol { margin-left: 0;  }
ul li { list-style-type: disc; list-style-position: inside; }
ul ul li { list-style-type: circle; }
ul ul ul li { list-style-type: square; }
ul ul ul ul li {list-style-type: circle; }
ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-alpha; }
ol ol ol li { list-style-type: decimal; }
ul, ol { margin: 1em 0; padding: 0 0 0 20px; }
ul li { list-style-type: square; }

q {quotes: '“' '”' '‘' '’';}
 /* extra content definitions for pre-2011 WebKit */
q:before {content: '“'; content: open-quote;}
q:after {content: '”'; content: close-quote;}
q q:before {content: '‘'; content: open-quote;}
q q:after {content: '’'; content: close-quote;}


/* Abbreviation */
abbr { border-bottom: 1px dotted #666; cursor: help; white-space: nowrap; }
dl { font-size: 1em; }
dt { padding: 7px 0; font-weight: bold; }
dd { padding: 0px 5px 10px 5px; }
pre, code {
  background-color: #efefef;
  display: block; padding: 5px; margin: 5px 0; border: 1px solid #aaa;
  font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
}
form { margin: 10px 0; }
fieldset{ border: 1px solid #CCCCCC; margin-bottom: 10px; padding: 5px 10px; }
input, textarea, select{ border: 1px solid #B4B4B4; }
.form-checkbox {  margin-right: 5px;}

::selection {
    background: #0A2A75; /* Safari */
    color: #fff;
}

::-moz-selection {
    background: #0A2A75; /* Firefox */
    color: #fff;
}


.clearleft  { clear: left;  }
.clearright { clear: right; }
.clearboth  { clear: both;  }

.clearfix:before,
.clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.ihidden {
    display: none !important;
}

.clearb { display: block; float: none; clear: both; }
span.clearb { font-size: 1px; font-family: arial; line-height: 0px;  }
/* Float classes for images */

.fleft { float: left; }
.fright { float: right; }
img.fleft    { margin-right: 10px; }
img.fright   { margin-left: 10px;  }
img.centered { display: block; margin: 10px auto; }

body.drag { cursor: move; }

.tips { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; font-size: 0.9em; }
.messages {
  padding: 10px; margin: 10px 0; border: 1px solid #04a107;
  color: #04a107; background-color: #edffed;
}
.error { color: #B60300; }
div.error { border: 1px solid #d77; }
div.error, tr.error { background: #fcc; color: #B60300; padding: 2px; }

.warning { color: #e09010; }
div.warning { border: 1px solid #f0c020; }
div.warning, tr.warning { background: #ffd; color: #220; padding: 2px; }

.ok,  .success  { color: #008000; }
div.success { border: 1px solid #00aa00; }
div.success, tr.success { background: #dfd; color: #008000; padding: 2px; }

.rad, div.error, div.success {
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

.rad2 {
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -khtml-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

.cen {text-align: center;}
.on_screen_wrp {
    overflow: visible;
    height: 1px;
    margin: 0 auto;
    position: relative;
    width: 580px;
}

.on_screen_msgs { left: 0px; top: 20px; }
.on_screen_msgs .msg_area { width: 600px; }
.on_screen_msgs .msg_item .msg_cont{ max-height: 420px; font-size: 1.15em; line-height: 1.38em;}
.on_screen_msgs .msg_item .msg_cont h4 { color: #038BB3; padding: 10px 0; }
.msg_item a.close_msg       { color: #FFFFFF; background-color: #E27A81; border: 1px solid #D41F30; }
.msg_item a.close_msg:hover { color: #FFFFFF; background-color: #49639B; border-color: #2E476C; }


.btn_bg {
    cursor: pointer;
    margin: 0;
    display: block;
    padding: 0;
    border: 0px none;
    background-color: transparent;
}
.btn_bg strong { display: none; }


#container {
    zoom:1;
    min-width: 980px;
}

#login_main {
    zoom:1;
    overflow: visible;
}


#header {
    background: #242424 url("img/grm_headbg.png") repeat-x 0 0;
    height: 60px;
}

#header_slim {
    border-top: 1px solid #fff;
    height: 1px;
}

#footer {
    margin: 0 auto;
    padding: 5px 0;
}

#footer, #main  {
    width: 960px;
}

#footer a.active {
    background-color: #19A1CE;
    color: #FFFFFF !important;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -khtml-border-radius: 2px 2px 2px 2px;
    -ms-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}

#contact_panel .grimm-panel-cont h1 {
    float: left;
    font-size: 1.38em;
    padding-bottom: 65px;
    padding-left: 12px;
    padding-right: 20px;
    margin-top: 0;
}
#contact_panel p.grimm-addr {
    margin-top: 0;
    padding-top: 1px;
    padding-bottom: 10px;
}

#contact_panel ul.mail-list { float: left; margin: 5px 0;}
#contact_panel ul.mail-list li { float: left; width: 100%; padding-bottom: 5px;}

#contact_panel ul.mail-list li a {
    display: block; float: right;
    padding-right: 15px;
}

#main {
    margin: 15px auto 0 auto;
    position: relative;
    min-height: 400px;
    zoom:1;
    padding: 0;
    border: 1px solid #F7F7F7;
    background-color: #fff;
    -moz-border-radius:    6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius:  6px 6px 6px 6px;
    -ms-border-radius:     6px 6px 6px 6px;
    border-radius:         6px 6px 6px 6px;

    -moz-box-shadow: 0px 0px 5px #bbbbbb;
    -ms-box-shadow: 0px 0px 5px #bbbbbb;
    -webkit-box-shadow: 0px 0px 5px #bbbbbb;
    -o-box-shadow: 0px 0px 5px #bbbbbb;
    -khtml-box-shadow: 0px 0px 5px #bbbbbb;
    box-shadow: 0px 0px 5px #bbbbbb;
}


.ready #login_main {
    background: url("img/slogin_graffiti.png") no-repeat scroll 0px  bottom transparent;
}
.page_user_login.ready #login_main,
.page_user_login #login_main  {
    background: transparent none;
}

#login_wrp {
    overflow: visible;
    width: 100%;
    margin-right: -377px;
    margin-left: -20px;
    float: left;
}
.ready #login_wrp {
    background: url("img/slogin_grimm.png") no-repeat scroll right bottom transparent;
}

#squeeze {
    position: relative;
    overflow: visible;
    margin-right: 377px;
    margin-left: 20px;
    background: url("img/slogin_center.png") no-repeat scroll center top transparent;
}
.page_user_login #squeeze {
    background: url("img/nlogin_center.png") no-repeat scroll center top transparent;
}


#login_msgs_wrp {
    height: 259px;
    overflow-x: auto;
}

#login_msgs_wrp .msg,
#login_msgs_wrp .error {
    background-color: #FFFFFF;
    border: 4px dotted #038BB3;
    font-weight: bold;
    margin: 60px 0 0;
    padding: 5px 10px;

}

#login_cont {
    max-width: 560px;
    /* width: 290px; */
    overflow: visible;
    margin: 0 auto;
    zoom:1;
}
#login_cont form,
#login_msgs_wrp {
    margin: 0 auto;
    width: 290px;

}

#login_leftside {
    width: 20px;
    float: left;
}

#login_rightside {
    width: 377px;
    float: left;

}
.ready #login_rightside {
    background: url("img/slogin_grimm.png") no-repeat scroll -36px bottom  #242424;
}

#login_cont form a { margin: 0; }
#login_cont .form-item {
    margin: 10px 0;
}
#login_cont input.form-text {
    border: 1px solid #B0B0B0;
    background-color: #fff;
    font-size: 1.15em;
    padding: 5px 10px;
    width: 268px;
    -moz-box-shadow: 0px 0px 5px #bbbbbb;
    -ms-box-shadow: 0px 0px 5px #bbbbbb;
    -webkit-box-shadow: 0px 0px 5px #bbbbbb;
    -o-box-shadow: 0px 0px 5px #bbbbbb;
    -khtml-box-shadow: 0px 0px 5px #bbbbbb;
    box-shadow: 0px 0px 5px #bbbbbb;
}

.mmlogo { display: block; }
.mmlogo img { display: block; }

#login_rightside .mmlogo {
    bottom: 50px;
    position: absolute;
    right: 20px;
}

#squeeze .ciblogo {
    bottom: 15px;
    display: none;
    left: 0;
    position: absolute;
}

.loginnoti {
    background-color: #2E2E2E;
    border: 3px solid #222;
    border-right: 0px none;
    color: #FFFFFF;
    margin: 110px 0 0 30px;
    padding: 10px;
}
.loginnoti h1 { color: #038BB3;  }

#main.dict_main {
    background: #FFFFFF url("img/main_bg.png") repeat-y right 0;
}

#header a.logo {
    float: left;
    display: block;
    outline: 0px none;
}
#header a { text-decoration: none;}
#header a.active { color: #DADADA; }
#header a.backtohome {
    margin-top: 1px;
    margin-right: 10px;
}
#header a.reg {
    margin-top: 1px;
}
#header_inner {
    width: 980px;
    margin: 0 auto;
}

#form_login_slim { margin: 0; float: left; }
#form_login_slim .form-item { float: left; }
#form_login_slim button { float: left; margin-left: 10px; }
#form_login_slim .form-item label {
    display: block;
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    padding: 3px 10px 0;
}
#form_login_slim .form-text {
    border: 0 none;
    float: left;
    height: 18px;
    font-size: 11px;
    margin-top: 1px;
    width: 110px;
    background-color: #EEEEEE;
}
#form_login_slim .form-text:focus {
    background-color: #FFFFFF;
}

#uothers { float: right; padding: 5px 0; margin-right: 2px; }
#uothers a { font-size: 0.92em; text-decoration: none; }
#uothers a:hover { font-size: 0.92em; text-decoration: underline; }
/*
#uothers a.reg { font-weight: 700;}
*/

#usermenu {
    margin-top: 19px;
    float: right;
}
#usermenu a, #usermenu .ico {
    float: left;
}
span.sepa {
    float: left;
}

.free_reg {
    margin: 0 10px;
    clear: both;
    text-transform: uppercase;
    text-align: center;
    padding-top: 35px;
}

#usermenu span.sepa {
    overflow: hidden;
    display: block;
    width: 1px;
    background-color: #4C4C4C;
    border-left: 1px solid #1A1A1A;
    height: 20px;
    margin: 0 6px 0 9px;
}

a.login, a.logout {  }

#school_name {
    float: right;
    overflow: hidden;
    text-align: right;
    width: 800px;
}
#school_name h1 {
    /*border-bottom: 1px dashed #026B8B;*/
    color: #038BB3;
    float: right;
    font-size: 1.23em;
    margin: 0 15px 0 0;
    padding: 7px 0 0;
    cursor: pointer;
}
/*
#school_name h1:hover { border-bottom: 1px dashed #038BB3; }
*/
#school_name p {
    clear: both;
    color: #999999;
    font-size: 0.85em;
    line-height: 22px;
    margin: 0;
    padding-right: 15px;
    padding-top: 4px;
}
#school_name p .pc_link .ico {
    margin-right: 5px;
}
#school_name p .pc_link {
    background-color: #383838;
    color: #BBBBBB;
    cursor: help;
    display: block;
    float: right;
    font-size: 1.23em;
    line-height: 1.46em;
    margin-left: 10px;
    padding: 1px 10px 1px 5px;
    text-transform: uppercase;
}
#school_name p .pc_link.iwhite{
     background-color: #038BB3;
     color: #FFFFFF;
}

.icx_item {
    display: block;
    float: left;
}
.icx_item .itxt {
    padding: 1px 1px 0 1px;
    float: left;
}

.ico {
    background: transparent url("img/grimm_spr.png?v=1") no-repeat 0 0;
    width: 20px; height: 20px;
    display: block;  cursor: pointer;
}
.ico_search,
.igray  .ico_search, .ico_search.igray  { background-position: -20px -60px; }
.iwhite .ico_search, .ico_search.iwhite { background-position: -20px -20px; }
.iblue  .ico_search, .ico_search.iblue  { background-position: -20px -40px; }
.iblack .ico_search, .ico_search.iblack { background-position: -20px -80px; }

.ico_spec,
.igray  .ico_spec, .ico_spec.igray  { background-position: -40px -60px; }
.iwhite .ico_spec, .ico_spec.iwhite { background-position: -40px -20px; }
.iblue  .ico_spec, .ico_spec.iblue  { background-position: -40px -40px; }
.iblack .ico_spec, .ico_spec.iblack { background-position: -40px -80px; }

.ico_down,
.igray  .ico_down, .ico_down.igray  { background-position: -60px -60px; }
.iwhite .ico_down, .ico_down.iwhite { background-position: -60px -20px; }
.iblue  .ico_down, .ico_down.iblue  { background-position: -60px -40px; }
.iblack .ico_down, .ico_down.iblack { background-position: -60px -80px; }

.ico_up,
.igray  .ico_up, .ico_up.igray  { background-position: -80px -60px; }
.iwhite .ico_up, .ico_up.iwhite { background-position: -80px -20px; }
.iblue  .ico_up, .ico_up.iblue  { background-position: -80px -40px; }
.iblack .ico_up, .ico_up.iblack { background-position: -80px -80px; }

.ico_left,
.igray  .ico_left, .ico_left.igray  { background-position: -100px -60px; }
.iwhite .ico_left, .ico_left.iwhite { background-position: -100px -20px; }
.iblue  .ico_left, .ico_left.iblue  { background-position: -100px -40px; }
.iblack .ico_left, .ico_left.iblack { background-position: -100px -80px; }

.ico_right,
.igray  .ico_right, .ico_right.igray  { background-position: -120px -60px; }
.iwhite .ico_right, .ico_right.iwhite { background-position: -120px -20px; }
.iblue  .ico_right, .ico_right.iblue  { background-position: -120px -40px; }
.iblack .ico_right, .ico_right.iblack { background-position: -120px -80px; }

.ico_feedback,
.igray  .ico_feedback, .ico_feedback.igray  { background-position: -140px -60px; }
.iwhite .ico_feedback, .ico_feedback.iwhite { background-position: -140px -20px; }
.iblue  .ico_feedback, .ico_feedback.iblue  { background-position: -140px -40px; }
.iblack .ico_feedback, .ico_feedback.iblack { background-position: -140px -80px; }

.ico_clear,
.iwhite .ico_clear, .ico_clear.iwhite { background-position: -160px -20px; }
.igray  .ico_clear, .ico_clear.igray  { background-position: -160px -60px; }
.iblue  .ico_clear, .ico_clear.iblue  { background-position: -160px -40px; }
.iblack .ico_clear, .ico_clear.iblack { background-position: -160px -80px; }

.ico_next,
.igray  .ico_next, .ico_next.igray  { background-position: -180px -60px; }
.iwhite .ico_next, .ico_next.iwhite { background-position: -180px -20px; }
.iblue  .ico_next, .ico_next.iblue  { background-position: -180px -40px; }
.iblack .ico_next, .ico_next.iblack { background-position: -180px -80px; }

.ico_prev,
.igray  .ico_prev, .ico_prev.igray  { background-position: -200px -60px; }
.iwhite .ico_prev, .ico_prev.iwhite { background-position: -200px -20px; }
.iblue  .ico_prev, .ico_prev.iblue  { background-position: -200px -40px; }
.iblack .ico_prev, .ico_prev.iblack { background-position: -200px -80px; }

.ico_sizer,
.igray  .ico_sizer, .ico_sizer.igray  { background-position: -220px -60px; }
.iwhite .ico_sizer, .ico_sizer.iwhite { background-position: -220px -20px; }
.iblue  .ico_sizer, .ico_sizer.iblue  { background-position: -220px -40px; }
.iblack .ico_sizer, .ico_sizer.iblack { background-position: -220px -80px; }

.ico_close,
.igray  .ico_close, .ico_close.igray  { background-position: -240px -60px; }
.iwhite .ico_close, .ico_close.iwhite { background-position: -240px -20px; }
.iblue  .ico_close, .ico_close.iblue  { background-position: -240px -40px; }
.iblack .ico_close, .ico_close.iblack { background-position: -240px -80px; }

.ico_splitter,
.igray  .ico_splitter, .ico_splitter.igray  { background-position: -260px -60px; }
.iwhite .ico_splitter, .ico_splitter.iwhite { background-position: -260px -20px; }
.iblue  .ico_splitter, .ico_splitter.iblue  { background-position: -260px -40px; }
.iblack .ico_splitter, .ico_splitter.iblack { background-position: -260px -80px; }

.ico_save,
.igray  .ico_save, .ico_save.igray  { background-position: -280px -60px; }
.iwhite .ico_save, .ico_save.iwhite { background-position: -280px -20px; }
.iblue  .ico_save, .ico_save.iblue  { background-position: -280px -40px; }
.iblack .ico_save, .ico_save.iblack { background-position: -280px -80px; }

.ico_sum,
.igray  .ico_sum, .ico_sum.igray  { background-position: -300px -60px; }
.iwhite .ico_sum, .ico_sum.iwhite { background-position: -300px -20px; }
.iblue  .ico_sum, .ico_sum.iblue  { background-position: -300px -40px; }
.iblack .ico_sum, .ico_sum.iblack { background-position: -300px -80px; }

.ico_swap,
.igray  .ico_swap, .ico_swap.igray  { background-position: -340px -60px; }
.iwhite .ico_swap, .ico_swap.iwhite { background-position: -340px -20px; }
.iblue  .ico_swap, .ico_swap.iblue  { background-position: -340px -40px; }
.iblack .ico_swap, .ico_swap.iblack { background-position: -340px -80px; }

.ico_pclink,
.igray  .ico_pclink, .ico_pclink.igray  { background-position: -360px -60px; }
.iwhite .ico_pclink, .ico_pclink.iwhite { background-position: -360px -20px; }
.iblue  .ico_pclink, .ico_pclink.iblue  { background-position: -360px -40px; }
.iblack .ico_pclink, .ico_pclink.iblack { background-position: -360px -80px; }

.ico_cross,
.igray  .ico_cross, .ico_cross.igray  { background-position: -380px -60px; }
.iblue  .ico_cross, .ico_cross.iblue  { background-position: -380px -40px; }
.iwhite .ico_cross, .ico_cross.iwhite { background-position: -380px -20px; }
.iblack .ico_cross, .ico_cross.iblack { background-position: -380px -80px; }




.iwhite { color: #FFFFFF; }
.igray  { color: #777777; }
.iblue  { color: #038BB3; }
.iblack { color: #000000; }

.ico_checkbox { background-position: -320px -80px; }
.c_hover .ico_checkbox { background-position: -320px -60px; }
.c_hover.c_checked .ico_checkbox, .c_checked .ico_checkbox  { background-position: -320px -40px; }
.c_disabled .ico_checkbox { background-position: -320px -20px; cursor: text; }

button.subbtn {
    padding: 0;
    display: block;
    float: left;
    background: transparent none;
    border: 0px none;
    outline: 0px none;
}
button.subbtn .l, button.subbtn .r {
    background: transparent url("img/grimm_spr.png?v=1") no-repeat -20px -140px;
    display: block;
    width: 5px; float: left;
    overflow: hidden;
}

button.subbtn .l, button.subbtn .r, button.subbtn strong {
    line-height: 29px; height: 29px;
}

button.subbtn strong{
    background: transparent url("img/grimm_spr.png?v=1") no-repeat -25px -140px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 12px;
    width: auto;
    margin: 0 5px;
    padding: 0 10px;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    overflow: visible !important;
    text-transform: uppercase;
}
button.subbtn .l { margin-right: -5px; }
button.subbtn .r {
    background-position: -335px -140px; margin-left: -5px;
}

button.subbtn:hover strong { background-position: -25px  -180px; }
button.subbtn:hover .r     { background-position: -335px -180px; }
button.subbtn:hover .l     { background-position: -20px  -180px; }


button.subbtn.slim .l, button.subbtn.slim .r, button.subbtn.slim strong {
    line-height: 20px; overflow: hidden; height: 20px;
}

button.subbtn.slim .l { background-position: -20px  -220px; }
button.subbtn.slim .r { background-position: -335px -220px; }
button.subbtn.slim strong{
    background-position: -25px -220px;
    font-size: 11px;
    padding: 0 5px;
}

button.subbtn.slim:hover .l     { background-position: -20px  -240px; }
button.subbtn.slim:hover .r     { background-position: -335px -240px; }
button.subbtn.slim:hover strong    { background-position: -25px  -240px; }

button.iconly {
    float: left;
    cursor: pointer;
    margin: 0;
    padding: 0;
    background: transparent none;
    border: 0px none;
    display: block;
}
button.iconly .ico{ float: left;}

#toggle_spec_chars {
    margin-top: 4px;
    color: #fff;
}

#schars_shift {
    background: url("img/grimm_spr.png?v=1") no-repeat scroll -20px -122px transparent;
    float: left;
    height: 16px;
    margin-right: -31px;
    margin-top: 2px;
    width: 31px;
}
#schars_shift:hover {
    background-position: -100px -122px;
}
.shift_pressed #schars_shift {
    background-position: -60px -122px;
}
.demobtn {
    background: url("img/grimm_spr.png?v=1") no-repeat scroll -20px -102px transparent;
    float: right; height: 16px; width: 30px;
}
.demobtn:hover { background-position: -100px -102px; }
.c_demo .demobtn, .c_demo .demobtn:hover { background-position: -60px -102px; }

#spec_chars_wrp {
    margin-top: 5px;
}
#spec_chars { margin-left: 40px; }

.specchars  {  margin-right: 2px; }



button.schr {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #038BB3;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0.85em;
    font-weight: 600;
    height: 18px;
    margin: 0 0px;
    text-align: center;
    width: 16px;
    padding: 0;
}
button.schr:hover {
    color: #fff;
    background-color: #19A1CE;
    border: 1px solid #1481A5;
}

.shift_pressed button.schr {
    text-transform: uppercase;
}
.specchars_lang_ru .button.schr {

}

#spec_chars .sepa {
    color: #DDDDDD;
    display: block;
    float: left;
    text-align: center;
}

#spec_chars .specchars_lang_ru .sepa {
    overflow: hidden;
    text-indent: -1px;
    width: 5px;
}


#sides_inres {
    float: left;
    width: 82%;
    width: 790px;
}

#side_glossary {
    background: url("img/grm_sidegrd_w.png") repeat-x scroll 0 0 #F7F7F7;
    float: right;
    min-height: 247px;
    width: 170px;
    margin-left: -170px;
    position: relative;
    -moz-border-radius:    0px 6px 6px 0px;
    -webkit-border-radius: 0px 6px 6px 0px;
    -khtml-border-radius:  0px 6px 6px 0px;
    -ms-border-radius:     0px 6px 6px 0px;
    border-radius:         0px 6px 6px 0px;
}
#side_results, #side_inputs {width: 48%;}

#side_results, #side_inputs, #side_inputs .inner,  #sides_inres{
    -webkit-transition:All 0.15s ease;
    -moz-transition:   All 0.15s ease;
    -o-transition:     All 0.15s ease;
    -ms-transition:    All 0.15s ease;
    transition:        All 0.15s ease;
    -webkit-backface-visibility: hidden;
}
#side_inputs .inner {
    -webkit-transition: none;
}

.no_result_found #side_results { display: none; }
.no_result_found #side_inputs { width: 100%; }
.no_result_found #side_inputs .inner { margin: 0 auto; width: 80%; }

.no_result_found #sides_inres {  width: 99.5%; }
.no_result_found #side_glossary { display: none; }
#main.no_result_found.dict_main  { background-image: none; min-height: 250px !important; margin-top: 50px; }



#side_inputs { float: left;}
#side_results { float: right;}
#res { min-height: 100px;}
.side_header {
    padding-bottom: 0px;
    height: 50px;
    overflow: hidden;
}
#tr_header { }

.off_side_header h1 {
    color: #E4E4E4;
    display: block;
    float: left;
    font-size: 0.85em;
    font-weight: 500;
    padding-bottom: 4px;
    text-transform: uppercase;
}

#unused_placeholder {
    color: #888888;
    font-size: 0.85em;

    text-align: right;
}

#side_glossary h1 {
    color: #FFFFFF;
    font-size: 17px;
    font-weight: bold;
    margin: 0;
    padding: 3px 0 4px;
    text-align: center;
}
#side_glossary p.desc {
    border-top: 1px dashed #DDDDDD;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1em;
    margin: 0;
    font-weight: 600;
    /*
    padding-bottom: 10px;
    padding-top: 2px;
    */
    padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;

}
#inres_inner {
    padding: 15px 20px 0 20px;
}
#side_inputs {
    padding-bottom: 15px;
}
#side_inputs .inner {

}

.res_entry .crosslink { cursor: pointer; text-decoration: underline; }
.res_entry .crosslink:hover { color: #BF0368 !important; }
.res_entry .crosslink.active  { text-decoration: none; padding-bottom: 1px; }
.res_entry .crosslink.head { font-weight: bold; }

#tr_submit {
    margin-top: 10px;
    margin-left: 2px;
    float: right;
}
#tr_method_text {
    clear: both;
}
#tr_method_word {
    clear: both;
}

#search_method {
    float: right;
    margin-right: 5px;
}

#search_method a {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -khtml-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    background-color: #F1F1F1;
    color: #C0C0C0;
    float: left;
    font-size: 0.85em;
    margin-left: 2px;
    padding: 0px 7px;
    text-align: center;
    position: relative;
    top: 4px;
    cursor: pointer;
}
#search_method a.active {
    color: #777777;
    padding-top: 1px;
    padding-bottom: 1px;
    top: 2px;
    background-color: #E4E4E4;
    cursor: text;
}
#search_method .wht_mode {
    color: #CCCCCC;
    float: left;
    font-size: 0.82em;
    margin-right: 3px;
    position: relative;
    top: 3px;
}

#clear_tr_input {
    float: right;
    left: 3px;
    margin: -3px;
    position: relative;
    top: 1px;
}
/*
#tr_submit .ico {
    float: left;
    left: -7px;
    margin-right: -6px;
    margin-top: 0;
    position: relative;
}
*/
h1.inh, #label_trans {
    color: #CCCCCC;
    font-weight: 500;
    font-size: 0.85em;
    text-transform: uppercase;
    display: block;
    padding-top: 0px;
    margin: 0;
}
#label_trans { padding-bottom: 4px; float: left; }
h1.inh{ padding-bottom: 3px; }


#trans_word_wrp,
#trans_text_wrp {
    border: 4px solid #E4E4E4;
    outline: 1px dashed #FFFFFF;
    clear: both;
    padding: 5px;

    -moz-box-shadow:    inset 0px 0px 2px #cccccc;
    -webkit-box-shadow: inset 0px 0px 2px #cccccc;
    box-shadow:         inset 0px 0px 2px #cccccc;
}

.tr_focus #trans_text_wrp {
  /*  border-color: #4bb0ce; */
    outline: 1px dashed #DDDDDD;
    background-color: #fbfdfe;
    /* f8fcfd F6F6F6*/

}

.trans_inner {
    position: relative;
}
#trans_word, #trans_text {
    background-color: transparent;
    resize: none;
}

#trans_word, #trans_text, #tr_highlight {
    border: 0 none;
    padding: 0;
    width: 100%;
    display: block;
}

#tr_highlight {
    overflow: hidden;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 1px;
}

#trans_word, #trans_text, #tr_highlight, .autogrow_sizer {
    outline:0;
    vertical-align: bottom;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    font-family: arial,helvetica,clean,sans-serif;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing:     border-box;
    -o-box-sizing:      border-box;
   box-sizing:          border-box;
}

#trans_word, #trans_text:focus {
    outline-width: 0;
}

#tr_highlight span {
    color: #038BB3;
    border-bottom: 1px dotted #038BB3;
    cursor: pointer;
}
#tr_highlight span.hint, #tr_highlight span:hover {
    border-bottom-style: solid;
    color: #bf0368;
 /*   border-bottom-color: #bf0368; */

}
.gcont .res_entry div span.crosslink.active,
#tr_highlight span.mark {
    background-color: #19A1CE;
    border-bottom: 0px none;
    color: #FFFFFF !important;
    position: relative;
    top: 1px;

    -moz-border-radius:    3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius:  3px 3px 3px 3px;
    -ms-border-radius:     3px 3px 3px 3px;
    border-radius:         3px 3px 3px 3px;


    -moz-box-shadow:    inset 0px 0px 2px #038BB3;
    -webkit-box-shadow: inset 0px 0px 2px #038BB3;
    box-shadow:         inset 0px 0px 2px #038BB3;
}

.autogrow-short {
    height: 18px;
    overflow: hidden;
}


.grimm-panel {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    top: 100px;
    left: 30%;
    padding: 0px;
    -moz-box-shadow: 5px 5px 6px #CCCCCC;
    -webkit-box-shadow: 5px 5px 6px #CCCCCC;
    -ms-box-shadow: 5px 5px 6px #CCCCCC;
    box-shadow: 5px 5px 6px #CCCCCC;
    outline: 0px none;

}
.grimm-panel-inner {
    padding: 15px 15px 0 15px;
}
.grimm-panel-head {
    border-bottom: 1px solid #E9E9E9;
    overflow: visible;
    position: relative;
}
.grimm-panel-label {
    color: #189BC6;
    font-size: 1.54em;
    margin: 0;
    padding: 0 0 10px;
}
.grimm-panel-close {
    background-color: transparent;
    font-weight: normal;
    color: #888888;
    display: block;
    font-size: 18px;
    height: 20px;
    line-height: 1em;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: -8px;
    width: 20px;
    cursor: pointer;
}
.grimm-panel-close:hover, .grimm-panel-close:focus, .grimm-panel-close:active {
    text-decoration: none;
    background-color: #eee;
    outline: 0px none;
}
.grimm-panel-cont {
    padding: 15px 0;
    clear: both;
}
.grimm-panel-foot {
    border-top: 1px solid #F4F4F4;
    clear: both;
    background-color: #F7F7F7;
    padding: 8px 15px;
    text-align: right;
}

.grimm-panel-foot a {
    /* color: #BBBBBB; egyedileg */
    text-decoration: underline;
    cursor: pointer;
}

.grimm-panel-arrow {
    display: block;
}

.grimm-panel-blocker { position: absolute; left: 0; top: 0;
    z-index: 40;
    cursor: wait;
    background: transparent url('img/trpng/tr_w_95.png') repeat 0 0;
}
.grimm-panel-blocker p { margin: 0; overflow-y: auto; overflow-x: hidden; padding: 50px 20px; }
.grimm-panel-blocker p.def { text-align: center; }
.grimm-panel-blocker p.def strong.label {
    background-color: #F5F5F5;
    border: 3px solid #F5F5F5;
    text-transform: uppercase;
    color: #189BC6;
    font-size: 1.23em;
    font-weight: 700;
    padding: 3px 10px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    -moz-box-shadow: 0 0 3px #CCCCCC;
    -webkit-box-shadow: 0 0 3px #CCCCCC;
    -ms-box-shadow: 0 0 3px #CCCCCC;
    box-shadow: 0 0 3px #CCCCCC;
}
.grimm-panel-blocker p span.load_this { display: block; height: 24px; margin-bottom: 45px; }
.grimm-panel-blocker p span.note {
    background-color: #FFFFFF;
    display: block;
    margin-top: 45px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: left;
}

.left_bottom, .right_bottom, .center_bottom {
    background: url("img/grimm_spr.png?v=1") no-repeat scroll -190px -117px transparent;
    position: absolute;
    height: 14px;
    width: 24px;
}
/*
.left_bottom.ready, .center_bottom.ready, .right_bottom.ready {
    margin-top: -12px;
}
*/

.left_top, .right_top, .center_top {
    background: url("img/grimm_spr.png?v=1") no-repeat scroll -190px -117px transparent;
    position: absolute;
    height: 14px;
    width: 24px;
}


#dicts_panel ul, #dicts_panel li { list-style: none outside none;}

#dicts_panel #re_submit_wrp {
    position: relative;
}
#dicts_panel #re_submit_wrp button{
    position: absolute;
    right: 0;
    top: -15px;
    z-index: 5;
}


.dicts-lside, .dicts-rside { padding: 0; }
.dicts-lside {
    border-right: 1px solid #E9E9E9;
    float: left;
    width: 37%;
}
.dicts-rside { float: right; width: 58%;}

span.dlabel {
    text-transform: uppercase;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    padding: 0 4px;
    float: left;

    -moz-border-radius:    3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius:  3px 3px 3px 3px;
    -ms-border-radius:     3px 3px 3px 3px;
    border-radius:         3px 3px 3px 3px;

}

span.dlabel:hover {
    background-color: #F1F1F1;
    border-color: #F1F1F1;
}

.active_dir span.dlabel, .active_dir span.dlabel:hover{
    background-color: #038BB3;
    border-color: #038BB3;
    color: #FFFFFF;
}

ul.item-langpair {
    float: left;
    margin: 0 0 5px;
    padding: 0;
}
li.item-dir {
    cursor: pointer;
    float: left;
}

ul.list-dicts{
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}
ul.list-dicts .ico { float: left; }
li.item-dict  {
    cursor: pointer;
    border-bottom: 1px dotted #EEEEEE;
    float: left;
    margin: 0 0 2px;
    padding: 0;
    width: 100%;
}
li.item-dict .clabel {
    margin-left: 2px;
    float: left;
}
li.item-dict a {
    float: right;
    opacity: 0.5;
}

li.item-dict.c_demo.c_hover a,
li.item-dict.c_enabled.c_hover a {
    opacity: 1;
}
.tipsy hr {
    margin: 2px 0;
}

#btns_dirs {
    float: left;
}

#btns_dirs a {
    color: #777777;
    background-color: #F1F1F1;
    float: left;
    padding: 5px;
    cursor: pointer;
    text-transform: uppercase;
    border: 1px solid #DCDCDC;
}
#btns_dirs a.iblue {
    color: #038BB3;
}
#btns_dirs a.iblack {
    color: #2C2C2C;
}
#btns_dirs #tr_swap_dir {
    border-color: #CCCCCC;
    background-color: #E7E7E7;
    -moz-box-shadow: inset 0px 0px 5px #cccccc;
    -webkit-box-shadow: inset 0px 0px 5px #cccccc;
    box-shadow: inset 0px 0px 5px #cccccc;
}

#btns_dirs .btn-label {
    display: block;
    float: left;
    font-weight: 600;
    padding: 2px 5px 0 2px;
}
#btns_dirs .ico {
    float: left;
}

#num_of_selected_dicts {
    color: #19A2D0;
    display: block;
    float: left;
    font-size: 0.85em;
    margin: 3px 0 0;
}
#num_of_selected_dicts.error {
    color: #B60300;
}
#res {
    border-top: 1px solid #EEEEEE;
}
.gcont .dentry {
    /*
    background-color: #FCFCFC;
    text-indent: 0 !important;
    */
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 5px !important;
    padding-left: 12px !important;
    padding-top: 5px !important;
}

.res_entry {
    margin-bottom: 5px;
    border-bottom: 1px solid #EEEEEE;
}
.res_entry.expr .dentry {
    border: 0 none;
}
.gcont .expr {
    background-color: #FCFCFC;
    padding-left: 5px;
    padding-right: 5px;
}
.gcont .expr.ex_even {
    background-color: #f8f8f8;
}


.gcont .pvblock { border: 2px dotted #038BB3; }
.gcont .ffblock { border-color:#038BB3; }

.gcont .tr_tan,
.gcont .orthvar, .gcont .orthvarcomma,
.gcont .szak .orthvar,
.gcont .senseid,
.gcont .fforth,
.gcont .star,
.gcont .sensenum,
.gcont .senseid,
.gcont .homo, .gcont .xhomo,
.gcont .orthgrm,
.gcont .fullform_trg_tan,
.gcont .xref,
.gcont .xnum,
.gcont .trgend {
    color: #038BB3;
}
.gcont .sh-tan .orthvar+.sup {
    color: #038BB3; font-family: 'Noto Sans', arial, helvetica, sans-serif;
}

.gcont .GrimmDict,
.gcont .homo, .gcont .xhomo,
.gcont .orthvar, .gcont .orthvarcomma,
.gcont .orthgrm,
.gcont .senseorth, .gcont .fixform,
.gcont .xref,
.gcont .xnum,
.gcont .fforth,
.gcont .fforth  {
    font-family: 'Noto Sans', arial, helvetica, sans-serif;
}

.gcont .b,
.gcont .fforth,
.gcont .sees,
.gcont .collbullet,
.gcont .sensenum,
.gcont .phrasesensenum,
.gcont .senseletter,
.gcont .blockid,
.gcont .homo, .gcont .xhomo,
.gcont .senseorth, .gcont .fixform,
.gcont .refl,
.gcont .compl_src,
.gcont .complD,
.gcont .complP,
.gcont .nbref,
.gcont .nb,
.gcont .abbr,
.gcont .xref,
.gcont .xnum,
.gcont .qref,
.gcont .collorth,
.gcont .phorth {
    font-weight: bold;
}

.gcont .orthvar, .gcont .orthvarcomma {
    font-weight: 700;
}


.no_expr .no_expression_found,
.no_expr .res_entry.expr,
.no_entr .no_article_found,
.no_entr .res_entry.article { display: none; }


.res_entry .dfrom, .article a.get_full_entry{
    color: #888888;
    font-size: 0.85em;
    margin-top: 2px;
    margin-bottom: 1px;
}
.res_entry .dfrom, .res_entry .crossd_ico {
    float: left;
    cursor: help;
}
.res_entry .dfrom { margin-right: 2px;}
.res_entry .crossd_ico {
    background: url("img/grimm_spr.png?v=1") no-repeat scroll -280px -104px transparent;
    height: 12px;
    margin: 3px 0 0;
    width: 14px;
}
.article a.get_full_entry {
    border-bottom: 1px dotted #fff;
    cursor: pointer;
    float: right;
}
.article a.get_full_entry:hover {
    border-bottom-color: #038BB3;
    color: #038BB3;
}
.res_entry div span sup {
    font-size: xx-small;
}


.cross_dirs, #entry_types {
    border-bottom: 2px solid #038BB3;
    margin-bottom: 1px;
}
.cross_dirs a,
#entry_types a {
    background-color: #F4F4F4;
    border: 1px solid #EEEEEE;
    color: #777777;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0.85em;
    font-weight: 600;
    margin-right: 5px;
    padding: 3px 15px;
    text-transform: uppercase;
    position: relative;
    top: 2px;

    -moz-border-radius:    2px 2px 0px 0px;
    -webkit-border-radius: 2px 2px 0px 0px;
    -khtml-border-radius:  2px 2px 0px 0px;
    -ms-border-radius:     2px 2px 0px 0px;
    border-radius:         2px 2px 0px 0px;
}
.cross_dirs a {
    padding: 3px 5px;
}
.cross_curtxt {
    color: #888888;
    font-size: 0.83em;
    margin: 0 0 0 1px;
    padding-top: 3px;
}
.cross_dirs a:hover,
#entry_types a:hover {
    background-color: #EAEAEA;
    border-color: #E4E4E4;
}
.cross_dirs a.active, .cross_dirs a.active:hover,
#entry_types a.active, #entry_types a.active:hover {
    background-color: #19A1CE;
    border-color: #1481A5;
    color: #FFFFFF;
    padding-top: 4px;
    padding-bottom: 4px;
    top: 1px;
}

#crossdict_panel .grimm-panel-cont {
    padding-top: 0;
    padding-bottom: 0;
}
#crossdict_panel .gcont {
    clear: both;
    min-height: 160px;
    max-height: 260px;
    overflow-x: hidden;
    overflow-y: auto;
}

#crossdict_panel .grimm-panel-label {
    font-size: 1.38em;
}
.crossdict_wrp .crentry {
    border-bottom: 2px dashed #EEEEEE;
    margin: 5px 0;
    padding: 0 5px 5px 14px;
}


#glossary {
    margin: 0 ; padding: 0;
    list-style: none inside;
}
#glossary li {
    /*
    background-color: #F4F4F4;
    */
    border-top:     1px solid #F4F4F4;
    border-left:    1px solid #F4F4F4;
    border-right:   1px solid #F4F4F4;
    border-bottom:  1px dashed #E4E4E4;
    cursor: pointer;
    display: block;
    line-height: 1em;
    padding: 2px 2px 2px 5px;
    text-align: left;
}
#glossary li.gl_expr_only {
    background-color: #EEEEEE;
    color: #888888;
    font-style: italic;
}
#glossary li.hover { color: #bf0368; background-color: #EEEEEE; }

#glossary li.active, #glossary li.active.hover, #glossary li.gl_expr_only.active {
    background-color: #19A1CE;
    border: 1px solid #1481A5;
    color: #FFFFFF;
}
/* ■ ● ◰*/

#glossary li:before { content: "❖ "; color: #038BB3; }
#glossary li.hover:before {content: "◰ "; color: #bf0368; }
#glossary li.active:before { content: "◨ "; color: #fff; }

#result_state {
    background-color: #F7F7F7;
    border: 1px solid #F3F3F3;
    color: #777777;
    float: right;
    font-size: 0.92em;
    font-style: italic;
    margin: 0;
    padding: 6px 10px;
}
#result_state.noti {
    color: #bf0368;
    font-style: normal;
}
.no_expression_found,
.no_article_found {
    background-color: #F7F7F7;
    border: 1px solid #F3F3F3;
    color: #BF0368;
    font-size: 0.92em;
    font-style: italic;
    margin: 10px 0;
    padding: 6px 10px;
}
#word_count_wrp { position: relative; height: 0px; overflow: visible;}
#word_count {
    background-color: #E4E4E4;
    color: #888888;
    font-size: 0.77em;
    font-weight: 400;
    height: 11px;
    line-height: 1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: help;
    position: absolute;
    left: 1px;
    text-align: center;
    top: -12px;
    width: 70px;
}

#word_count span {
    font-family: "Courier New", Courier, "Lucida Console", "Lucida Sans Typewriter", Consolas, FreeMono, "DejaVu Sans Mono", "Andale Mono", monospace;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */




#main.tight { background: url("img/main_bg_regschool.png") repeat-y scroll 47px 0 #FFFFFF; }
#partner_notice {
    background: url("img/grm_sidegrd_w.png") repeat-x scroll 0 0 #F7F7F7;
    border-radius: 0 6px 6px 0;
    float: right; margin-left: -345px;
    min-height: 247px; width: 345px;
}
#partner_notice .logo { padding-bottom: 30px; width: 70px; height: auto;}
#partner_notice .inner { padding: 20px; }
#partner_notice h1 { margin-top: 0; font-size: 1.23em; }

.editrel { width: 580px; float: left; padding: 20px; }
.editrel hgroup { text-align: right; }
.editrel hgroup h1 { color: #038BB3; font-size: 2.31em; margin: 5px 0 0 0; text-align: right; text-transform: uppercase; }
.editrel hgroup h2 { color: #242424; margin: 0 0 0.5em; text-align: right;}
.editrel hgroup h3 { font-size: 1em; }
.editrel hgroup h4 {
    background-color: #E4E4E4;
    color: #038BB3;
    float: right;
    font-size: 1.233em;
    font-weight: 700;
    margin-right: 0;
    padding: 5px 10px;
}
.editrel_title h4 strong {
    font-weight: normal;
    color: #FFFFFF;
}


.slim_form { float: left; margin: 0; }
.slim_form .grp_wrp, .slim_form .row_wrp { float: left; width: 100%; }
.slim_form .row_left_wrp { float: left; }

.slim_form .form-item .form-text {
    border: 0 none; display: block;
    float: left; background-color: #fff;
    font-size: 1.08em; height: 30px; text-indent: 3px;
    line-height: 30px;
}
.slim_form .desc {
    margin: 0;
    color: #666666;
    font-size: 0.92em;
    font-style: italic;
}
.slim_form .form-item .form-textarea {
    border: 0 none; display: block;
    float: left; background-color: #fff;
    font-size: 1.08em; text-indent: 3px;
}

.slim_form .form-item .form-checkbox {
     float: left;
    margin-top: 2px;
}
.slim_form select {
    background-color: #fff;
    border: 1px solid #fff; display: block; float: left; margin: 0; padding: 0;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=0,color=#FFFFFF) progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=0,color=#FFFFFF) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-1,color=#FFFFFF) progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1,color=#FFFFFF);

}
.slim_form select.multiple { background-color: #F3F3F3; }
.slim_form select.simple { font-size: 1.08em; font-style: italic; height: 22px; margin-top: 4px; }
.slim_form select option { cursor: pointer; }
.slim_form select.multiple option:hover { background-color: #fff; color: #038BB3; }
.slim_form select.simple option { font-size: 1em; font-style: normal; color: #222222; }
.slim_form select.simple option[value=""] { color: #888888; }
.slim_form select.simple option:first-child:selected::parent  { color: #888888; }
select.multiple .label {
    background-color: #FFFFFF; border-bottom: 1px solid #DADADA;
    color: #888888; font-size: 1.08em; font-style: italic;
    padding: 5px 5px 4px;
}


.slim_form .form-item { border: 1px solid #DADADA; float: left; margin: 5px 10px 5px 0; }
.slim_form .form-checkbox-item { border: 0 none; margin: 10px 10px 10px 0;  }
.slim_form .form-item .prefix{
    width: 8px; height: 30px;
    background-color: #DADADA;
    float: left; text-align: center;
}

.slim_form .form-checkbox-item .prefix {
    background-color: transparent;
    height: auto;
    width: auto;
}

.slim_form .form-submit { display: block; clear: both; }
.slim_form h1 {
    color: #038BB3; float: left;
    font-size: 1.23em; margin: 10px 0 5px;
    text-transform: uppercase; width: 100%;
}
.slim_form p.form-msg {
    margin: 5px 0; background-color: #F1F1F1; border: 1px solid #CCCCCC; padding: 5px 10px;
}
.slim_form .form-item.err { border: 1px dotted #D18E7B; padding: inherit; }

p.description {
    background-color: #EEEEEE;
    border: 1px solid #E6E6E6;
    color: #666666;
    font-size: 0.85em;
    margin-top: 0;
    padding: 5px;
}

.editrel hr {
    border-top: 1px dotted #038BB3;
    display: block; float: left; width: 565px;
}
.subscribe .editrel hr, .subscribe_details .editrel hr {
    border-top: 1px dotted #038BB3;
    width: 100%;
}

.slim_form h2.numofpc_title {
    color: #038BB3; display: block; float: left;
    font-size: 1em; font-weight: 600; line-height: 1.1em;
    margin: 5px 0 0; padding-right: 10px;
    text-align: right; text-transform: uppercase;
    width: 472px;
}

.slim_form .form-item input[disabled="disabled"] {
    background-color: #EEEEEE;
    color: #888888;
    font-style: italic;
}



#glossary_head {

}

#glossary_body {
    overflow: visible;
    position: relative;
}

#res, #glossary_wrp, #trans_text_wrp {
    overflow-y: auto;
    overflow-x: hidden;
}
#glossary_wrp {    /* test */
    position: absolute;
    width: 100%;
}

.block_screen{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    width: 100%;
    height: 100%;
    cursor: not-allowed;
    background: transparent url('img/trpng/tr_b_25.png') repeat 0 0;
}


.tipsy_wide .tipsy-inner { max-width: 600px; text-align: left;}



.subs_menu {
    float: left;
    left: 430px;
    margin-bottom: 0;
    position: absolute;
    top: -40px;
    z-index: 10;
}

.subs_menu a {
    background-color: #19A1CE;
    border-color: #1481A5;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0.85em;
    font-weight: 600;
    margin-right: 5px;
    padding: 5px 15px;
    position: relative;
    text-transform: uppercase;
    top: 0px;
    -moz-border-radius:    2px 2px 0px 0px;
    -webkit-border-radius: 2px 2px 0px 0px;
    -khtml-border-radius:  2px 2px 0px 0px;
    -ms-border-radius:     2px 2px 0px 0px;
    border-radius:         2px 2px 0px 0px;
}
.subs_menu a.last {
    margin-right: 0;
}
.subs_menu a:hover {
    background-color: #00A6DE;
}
.subs_menu a.active, .subs_menu a.active:hover {

    background-color: #E4E4E4;
    border: 1px solid #E4E4E4;
    color: #444444;
    top: -2px;
}


.nodeview { padding: 20px 40px;}
.nodeview h1{
    color: #038BB3;
    font-size: 200%;
    font-weight: 700;
    margin-bottom: 20px;
}
.nodeview h2{
    border-bottom: 2px solid #EEEEEE;
    font-size: 170%;
    margin: 20px 0;
    text-transform: uppercase;
}
.nodeview h3{ margin: 10px 0;}
.nodeview p {
    margin: 15px 0;
    padding: 0 0 0 5px;
    border-left: 10px solid #F5F5F5;
}
.nodeview p.nob {
    padding: 0;
    border-left: 0px none;
}
.nodeview ul{
    padding-left: 5px;
    margin: 15px 0;
}
.nodeview ul li{}

.page_aff {}
.page_aff h2{ font-weight: bold; }
.page_aff li h3 {
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 20px;
    margin-top: 50px;
    padding-bottom: 5px;
    font-weight: bold;
}
.page_aff li h4 { margin-bottom: 20px; margin-top: 30px; }
.page_aff ul {}
.page_aff ol {}

.page_aff  .root_ol li {
    margin-bottom: 10px;
}

.page_aff ol li{ list-style-type: upper-roman; }
.page_aff ol li ol li { list-style-type: decimal; }
.page_aff ol li ol li ol li { list-style-type: lower-alpha; }

.page_aff ol ul li, .page_aff ol ol ul li, .page_aff ol ol ol ul li { list-style-type: circle; }






span.bcib {
    position: relative;
}
span.bcib img {
    max-width: 220px;
    height: auto;
}


img.cib_bot{
    display: block;
    margin: 0 0 0 auto;
    padding-top: 35px;
}
.cibbot_dsc {
    font-size: 0.92em;
    line-height: 1.8em;
    margin: 0;
    padding-top: 5px;
}
.cibbot_dsc a { text-decoration: underline; }




.selectbtn {
    float: left;
    position: relative;
    overflow: visible;
    height: 27px;
}

.selectbtn button {
    float: left;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
    display: block;
    margin: 0;
    padding: 0 10px;
    white-space: nowrap;
    background-color: #19A1CE;
    border: 1px solid #1481A5;

    cursor: pointer;
    color: #fff;

    -moz-box-sizing: content-box;
    -khtml-box-sizing: content-box;
    -ie-box-sizing: content-box;
    -o-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;

    -webkit-transition    : .2s;
    -moz-transition       : .2s;
    -o-transition         : .2s;
    -ms-transition        : .2s;
    transition            : .2s;
}


.selectbtn button:hover, .selectbtn.active button, .selectbtn.notdef button {
    background-color: #00A6DE;
    border: 1px solid #1481A5;
}

.selectbtn button .txt {
    display: block;
    float: left;
}
.selectbtn button .ico {
    background: url("img/grimm_spr.png?v=1") no-repeat scroll -63px -25px transparent;
    display: block;
    float: left;
    height: 10px;
    margin-left: 4px;
    margin-right: -4px;
    margin-top: 9px;
    position: relative;
    width: 14px;
}

.selectbtn .opts {
    background-color: #FFFFFF;
    border-color: #1481A5 #CCCCCC #CCCCCC;
    border-style: solid;
    border-width: 2px 1px;
    display: block;
    float: left;
    left: 0;
    position: absolute;
    top: 26px;
    width: auto;
    z-index: 100;
}

.selectbtn ul {
    float: left; margin: 0; padding: 1px;
}
.selectbtn li {
    border-bottom: 1px solid #EEEEEE;
    cursor: pointer;
    list-style: none outside none;
    padding: 3px 4px;
    white-space: nowrap;

}
.selectbtn .opts.fixedW ul {
    float: none;
}
.selectbtn li.default {
    color: #888888;
    font-size: 0.92em;
    font-weight: 600;
    text-align: center;
}
.selectbtn li:hover, .selectbtn li.default:hover{ background-color: #EEEEEE; color: #038BB3; }

.selectbtn .opts li.selected, .selectbtn .opts li.selected:hover {
    background-color: #19A1CE;
    color: #FFFFFF;
}

.front-notify-wrp {
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 5px;
            border-radius: 5px;
    border-top: 2px solid #ccc;
    margin-top: 35px;
    padding: 10px 2em 5px;
    text-align: center;
}
.front-notify-wrp h3 {
    font-size: 1.25em;
    font-weight: 600;
}

.front-notify {


}
.front-notify strong {
    color: red;
    display: block;
    margin-bottom: 7px;
}
.front-notify em {
    color: #444;
    font-weight: 600;
    text-decoration: underline;
}


/* jQuery UI CSS Framework 1.8.23
http://jqueryui.com/themeroller/?ffDefault=inherit&fwDefault=normal&fsDefault=1em&cornerRadius=4px&bgColorHeader=fafafa&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=fafafa&fcHeader=222222&iconColorHeader=888888&bgColorContent=fafafa&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=cccccc&fcContent=222222&iconColorContent=222222&bgColorDefault=e9e9e9&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=50&borderColorDefault=cccccc&fcDefault=555555&iconColorDefault=888888&bgColorHover=f3f3f3&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=60&borderColorHover=cccccc&fcHover=212121&iconColorHover=454545&bgColorActive=fafafa&bgTextureActive=03_highlight_soft.png&bgImgOpacityActive=100&borderColorActive=cccccc&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=22_spotlight.png&bgImgOpacityOverlay=77&opacityOverlay=60&bgColorShadow=666666&bgTextureShadow=01_flat.png&bgImgOpacityShadow=100&opacityShadow=40&thicknessShadow=0px&offsetTopShadow=10px&offsetLeftShadow=10px&cornerRadiusShadow=4px

*/