html * {border: 0; font-family: Arial, Verdana; margin: 0; padding: 0;}
html {text-align: center;}
body {behavior: url("csshover.htc");}
input {font-size: 85%; padding: 1px 1px 1px 3px; text-align: left;}
input.radio {border: 0 !important; vertical-align: middle;}
textarea {padding: 1px 1px 1px 3px;}
form {display: inline;}
div.left {float: left;}
div.right {float: right;}
div.clear {clear: both;}
.bottom_10 {margin-bottom: 10px;}
.left_60 {margin-left: 60px;}
.underline {text-decoration: underline;}
span.orange {color: #ffc000;}
label {display: block;}
label.dark {color: #000000;}
.border {border: 1px solid #000000;}
.top_15 {margin-top: 15px;}
.top_30 {margin-top: 30px;}
.left_align {text-align: left;}
select {border: 1px solid #a5acb2; color: #000000;}
.bg_green {background-color: #68f41c;}
.green {color: #68f41c !important;}
.bg_red {background-color: #f4261c;}
.red {color: #f4261c !importnant;}
.bg_orange {background-color: #ffc000;}
.orange {color: #ffc000 !important;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
a.active {text-decoration: underline;}
a.link_orange {color: #ffc000;}
a.tooltip {width: 20px; height: 20px; background: url(/gfx/help.gif) no-repeat; font-size: 0; vertical-align: top; float: left; display: block; margin-left: 5px; text-decoration: none;}
a.info {width: 20px; height: 20px; background: url(/gfx/ico_info.gif) no-repeat; font-size: 0; vertical-align: top; float: left; display: block; margin-left: 5px; text-decoration: none;}
a.exerciseHint {width: 20px; height: 20px; background: url(/gfx/help.gif) no-repeat; font-size: 0; padding: 10px; vertical-align: middle;}
#tooltip {
position: absolute;
z-index: 3000;
border: 1px solid #111;
background-color: #eee;
padding: 5px;
opacity: 0.85;
font-size: 10px;
font-weight: normal !important;
text-align: left;
}
#tooltip h3, #tooltip div { margin: 0; }
#top {color: #5b5b5c; font-size: 11px; letter-spacing: 0.12em; margin: 0 auto; margin-top: 10px; width: 998px;}
#top #menu {text-align: right;}
#top #menu .static {text-align: left; height: 30px; line-height: 30px;}
#top #menu a.stats {color: #ff8a00; text-decoration: underline;}
#top #menu a {color: #5b5b5c; font-size: 12px; font-weight: bold; margin-right: 15px; text-decoration: none;}
#top #menu a:hover, #top #menu a.active {color: #ffc600; text-decoration: underline;}
#top #menu input {border: 1px solid #a5acb2; font-size: 11px; font-weight: normal; width: 55px;}
#top #menu span.bar {font-size: 14px; margin-right: 15px;}
#top #menu form {}
#top #menu form input.login {background: url(/gfx/top_menu_icons.gif); border: 0; cursor: pointer; height: 16px; margin-right: 15px; width: 16px;}
#top #menu form input.search {background: url(/gfx/top_menu_icons.gif); background-position: -16px 0; border: 0; cursor: pointer; height: 16px; width: 16px;}
#top #image {background: url(/gfx/top.jpg) no-repeat; height: 184px; width: 100%;}
#status_message {color: #5b5b5c; font-weight: bold; font-size: 12px; margin-top: 10px; margin-bottom: 10px;}
#status_message span.green {color: #2ec027;}
#status_message span.red {color: #e72a0b;}
#navigation {margin: 0 auto; margin-top: 2px; margin-bottom: 15px; padding-right: 15px; width: 983px;}
#navigation #whereami {float: left; text-align: left;}
#navigation #options {float: right; text-align: right; min-width: 500px;}
#navigation #options .button {float: right;}
span.portal_stats {color: #2ec027; font-size: 12px; height: 30px; line-height: 35px;}
span.portal_stats strong {color: #2ec027; text-decoration: underline;}
#container.book {background: url(/gfx/border_col_bg.gif) repeat-y;}
#container {margin: 0 auto; background: url(/gfx/border_bg.gif) repeat-y; width: 998px;}
#container #c_top {background: url(/gfx/border_dot_up.gif) repeat-x; font-size: 1px; height: 5px; margin: 0 auto; width: 918px;}
#container #c_bottom {background: url(/gfx/border_dot_down.gif) repeat-x; clear: both; font-size: 1px; height: 5px; margin: 0 auto; width: 918px;}
#container div.hr {background: url(/gfx/border_dot_up.gif) repeat-x; border: 0; font-size: 1px; height: 3px; margin: 0 auto; padding-bottom: 15px; margin-top: 15px; width: 88%;}
#container div.first_page {color: #5d5d5d; font-size: 11px; letter-spacing: 1px; line-height: 16px; padding-top: 20px; padding-bottom: 20px;}
#container div.first_page div.std_text a {color: #ffc000;}
#container div.first_page div.date {color: #ffc000; font-weight: bold; text-align: left;}
#container div.first_page div.date span {font-weight: normal; font-size: 10px;}
#container div.first_page div.std_text {padding-left: 80px; padding-right: 80px; text-align: left;}
#container div.first_page p {text-align: left;}
#container div.book_chapters {color: #5d5d5d; float: left; font-size: 11px; letter-spacing: 1px; line-height: 16px; padding-top: 20px; padding-bottom: 20px; width: 295px;}
#container div.book_content {color: #5d5d5d; float: left; font-size: 11px; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; padding-right: 50px;}
#container div.book_content div.body {clear: both; margin-top: 50px; width: 600px; text-align: left;}
#container #user_exercise.book_content {margin-left: 50px;}
#container #user_exercise.book_content div.body {width: 850px;}
#container div.first_page div.my_section {text-align: left; float: left; width: 400px;}
#container div.first_page div.my_section div.section {float: left; margin-bottom: 30px; margin-right: 30px; width: 160px;}
#container div.first_page div.my_section div.abo {border: 1px solid #ffffff; display: block; margin: 0 auto; background: url(/gfx/circle_account.gif) no-repeat; height: 109px; padding: 0; text-align: center; width: 110px;}
#container div.first_page div.my_section div.abo a {display: block; font-weight: bold; margin-top: 65px; color: #455e2e;}
#container div.first_page #books {float: left; padding-left: 60px; padding-right: 0px; margin-right: 0px; width: 450px;}
#container div.first_page #books div.book {float: left; display: inline; margin-bottom: 15px; margin-right: 30px; position: relative; width: 103px;}
#container div.first_page #books div.book img {background: url(/gfx/book_bg.gif) no-repeat; height: 147px; padding: 6px; margin-bottom: 2px;}
#container div.first_page #books div.book div.progress {background: #e5e4e4; cursor: help; display: block; font-size: 1px; height: 5px; line-height: 4px; margin-bottom: 1px; width: 115px;}
#container div.first_page #books div.book div.progress div.green {background: #53da2f; float: left; font-size: 1px; height: 5px; line-height: 4px;}
#container div.first_page #books div.book div.progress div.red {background: #ee0404; float: left; font-size: 1px; height: 5px; line-height: 4px;}
#container div.first_page #books div.book div.progress div.orange {background: #ffd614; float: left; font-size: 1px; height: 5px; line-height: 4px;}
#foot {color: #8b8a8a; font-size: 11px; height: 30px; line-height: 30px;}
#foot a {color: #ffc000; text-decoration: none;}
#foot a:hover {text-decoration: underline;}
div.button * {height: 29px; display: inline;}
div.button div.body {background: url(/gfx/button_body.gif) repeat-x; color: #ffffff; font-size: 11px; font-weight: bold; letter-spacing: 0.09em; line-height: 25px; float: left; padding-left: 10px;}
div.button div.body a {color: #ffffff; text-decoration: none;}
div.button div.body a.active {text-decoration: underline;}
div.button div.body a:hover {text-decoration: underline;}
div.button div.closeup {background: url(/gfx/button_icons.gif) no-repeat; float: left; width: 15px;}
div.button div.openup {color: #ffffff; float: left; font-weight: bold; line-height: 27px; margin-left: 15px; text-indent: 5px; width: 25px;}
div.button div.blank_green {background: url(/gfx/button_icons.gif) no-repeat; background-position: -15px;}
div.button div.blank_orange {background: url(/gfx/button_icons.gif) no-repeat; background-position: -40px;}
div.button div.red_close {background: url(/gfx/button_icons.gif) no-repeat; background-position: -190px;}
div.button div.sheets {background: url(/gfx/button_icons.gif) no-repeat; background-position: -65px;}
div.button div.printer {background: url(/gfx/button_icons.gif) no-repeat; background-position: -90px;}
div.button div.asterix {background: url(/gfx/button_icons.gif) no-repeat; background-position: -115px;}
div.button div.book {background: url(/gfx/button_icons.gif) no-repeat; background-position: -140px;}
div.button div.exercise {background: url(/gfx/button_icons.gif) no-repeat; background-position: -165px;}
div.header * {height: 25px; margin-bottom: 5px;}
div.header div.openup {background: url(/gfx/header_icons.gif) no-repeat; float: left; width: 8px;}
div.header h2 {background: url(/gfx/header_body.gif) repeat-x; color: #636363; float: left; font-size: 12px; height: 25px; line-height: 23px; padding-left: 5px;}
div.header h2 a {color: #636363;}
div.header div.closeup {background: url(/gfx/header_icons.gif) no-repeat; background-position: -8px; float: left; width: 13px;}
.smiley {width: 16px; height: 16px !important; margin-top: 3px; margin-left: 5px;}
ul {margin: 0; padding: 0; list-style: none;}
ul li a, ol li a {color: #5d5d5d;}
ul li.level1 {background: url(/gfx/arrow_right_orange.gif) 0 50% no-repeat; padding-left: 18px; margin-left: 10px; text-align: left;}
ul li.level2 {background: url(/gfx/arrow_right_gray.gif) 0 50% no-repeat; padding-left: 18px; margin-left: 10px; text-align: left;}
ul li.level3 {background: url(/gfx/arrow_right_orange.gif) 0 50% no-repeat; padding-left: 18px; margin-left: 75px; text-align: left;}
div.book_chapters ul li.level1 {margin-left: 50px;}
div.book_chapters ul li.level2 {margin-left: 65px;}
div.book_content ul {margin: 0; padding: 0; list-style: none; }
div.book_content ul li, div.first_page ul li {background: url(/gfx/arrow_right_orange.gif) 0 50% no-repeat; padding-left: 18px; margin-left: 10px; margin-top: 5px; text-align: left;}
div.book_content ol li, div.first_page ol li {margin-left: 28px; margin-top: 5px; text-align: left;}
div.book_content ul li.blank, div.first_page ul li.blank {background: none;}
table.register_table {margin-left: 20px; margin-top: 10px;}
table.register_table tr td {height: 30px; text-align: left;}
table.register_table tr td.arrow {background: url(/gfx/arrow_right_orange.gif) 0 50% no-repeat; width: 13px;}
table.register_table tr td.elem {text-align: left; padding-left: 5px; width: 130px;}
table.register_table tr td.input {width: 140px;}
table.register_table tr td input {border: 1px solid #a5acb2; color: #969fad; font-size: 12px; height: 16px;}
table.register_table tr td label {color: #969fad; text-align: left;}
table.register_table tr td textarea {border: 1px solid #a5acb2; color: #969fad; font-size: 12px;}
table.register_table tr td span.red {color: #e72a0b;}
table.register_table tr td.bank {width: 125px; padding-bottom: 5px; text-align: center;}
table.register_table tr td.bank img {border: 1px solid #bfbfbf; padding: 2px; margin-bottom: 3px;}
table.register_table tr td.bank label {color: #5b5b5c; display: inline;}
#banks {width: 675px;}
#banks input {margin-left: 5px;}
#banks label {display: inline; margin-left: 5px; margin-right: 15px;}
table.payment_table {border-collapse: collapse; margin-left: 20px; margin-top: 10px;}
table.payment_table td {border-bottom: 1px solid #5b5b5c; padding: 5px;}
table.payment_table td.date {width: 160px;}
table.payment_table td.status {}
div.exercise_words {}
div.exercise_words div.word {background-color: #a5acb2; display: inline; padding: 3px;}
div.exercise_words div.word:hover {cursor: move;}
#user_exercise div.exercise_body {width: 850px;}
div.exercise_body {width: 550px;}
div.possible_answers {min-height: 30px; _height: 30px;}
div.possible_answers span {color: #008000; font-weight: bold; display: -moz-inline-box; display: inline-block; margin-right: 15px; white-space: nowrap;}
div.possible_answers span.dragable:hover {cursor: move;}
div.possible_answers * {}
div.exercise_body form table span.txt p {overflow: hidden;}
div.exercise_body input {font-size: 95%; border: 1px solid #a5acb2; margin-top: 3px; width: 80px;}
div.exercise_body input:hidden {display: none;}
div.exercise_body input.not_enter {cursor: default;}
div.exercise_body input.disabled {background-color: #ffffff;}
div.exercise_body input.check {margin-top: 15px; text-align: center;}
div.exercise_body input.wide {width: 250px;}
div.exercise_body select {margin-top: 3px; display: inline;}
div.exercise_body table {border-collapse: collapse;}
div.exercise_body table tr.bld td {font-weight: bold;}
div.exercise_body table tr td {height: 25px; line-height: 15px;}
div.exercise_body table tr td {font-size: 12px;}
div.exercise_body table tr td span.answ_field {font-size: 11px;}
div.exercise_body table tr td.num {width: 25px;}
div.exercise_body table tr td.tall {padding-bottom: 5px; padding-top: 5px;}
div.exercise_body table tr td.brd {margin: 10px; padding: 10px; border: 1px solid #5d5d5d;}
div.exercise_body table tr td.half {width: 475px;}
div.exercise_body table tr td.our_answ {color: #99cc00; font-weight: bold;}
div.exercise_body table tr td span.txt {line-height:22px;height: 22px;}
div.exercise_body table tr td span.answ_big {font-size: 16px;}
div.exercise_body table tr td span.answ_hint {color: #f4261c; font-weight: bold;}
div.exercise_body table tr td span.answ_field {border: 1px solid #a5acb2; color: #000000; height: 14px; margin-left: 3px; margin-right: 3px; display: -moz-inline-box; display: inline-block; min-width: 50px; _width: 50px; margin-top: 3px;}
div.exercise_body table tr td span.answ_field span {color: #008000; font-weight: bold; padding-right: 3px;}
div.exercise_body table tr td a.choice, div a.choice {color: #5b5b5c; font-weight: bold;}
div.exercise_body table tr td a.choice:hover, div a.choice:hover {color: #68f41c; }
div.exercise_body table tr td a.choice_green, div a.choice_green {color: #68f41c; font-weight: bold;}
div.exercise_body table tr td a.choice_red, div a.choice_red {color: #f4261c; font-weight: bold;}
div.not_pro_warn {color: #f4261c;}
div.not_pro_warn a {color: #f4261c; font-weight: bold; text-decoration: none;}
div.not_pro_warn a:hover {text-decoration: underline;}
div.exercise_body div.matura_section {font-size: 14px; font-weight: bold; text-decoration: underline;}
div.exercise_body div.words_column {_height: 100px; min-height: 100px; padding-left: 10px; text-align: center}
div.exercise_body div.words_column span.answ {display: block; color: #008000; font-weight: bold;}
div.exercise_body div.words_column span.choice_green {color: #68f41c;}
div.exercise_body div.words_column span.choice_red {color: #f4261c;}
#user_exercise div.result {width: 850px;}
div.result {border: 3px solid #ece9d8; font-weight: bold; margin-bottom: 25px; padding: 10px; font-size: 14px; width: 550px; text-align: left;}
div.result span.percent {font-size: 16px;}
div.result span.info {font-size: 11px; font-weight: normal;}
.green {color: #68f41c;}
.red {color: #f4261c;}
.orange {color: #ffd258;}
div.syllabus_box {float: left; margin-bottom: 20px; margin-right: 15px;}
table.syllabus {border-collapse: collapse; border:}
table.syllabus tr td {}
table.syllabus tr td a.do_the_test {color: #0000ee; text-decoration: none;}
table.syllabus tr td a.do_the_test:hover {text-decoration: underline;}
table.syllabus thead tr td {color: #858585; height: 25px; text-align: left;}
table.syllabus thead tr td.plus {background: url(/gfx/syllabus_thead_plus.gif); width: 21px;}
table.syllabus thead tr td.tick {background: url(/gfx/syllabus_thead_tick.gif); width: 23px;}
table.syllabus thead tr td.name {background: url(/gfx/syllabus_thead_name.gif) repeat-x; font-weight: bold; padding-left: 5px; line-height: 16px; padding: 3px; width: 500px;}
table.syllabus thead tr td.name a {color: #858585; font-size: 12px; text-decoration: underline;}
table.syllabus thead tr td.name a:hover {color: #656565;}
table.syllabus thead tr td.closeup {background: url(/gfx/syllabus_thead_closeup.gif); width: 18px;}
table.syllabus tfoot tr td {height: 31px; text-align: left;}
table.syllabus tfoot tr td a {color: #858585; font-size: 10px; line-height: 14px; padding-left: 10px;}
table.syllabus tfoot tr td.plus {background: url(/gfx/syllabus_tfoot_plus.gif); width: 21px;}
table.syllabus tfoot tr td.tick {background: url(/gfx/syllabus_tfoot_tick.gif); width: 23px;}
table.syllabus tfoot tr td.name {background: url(/gfx/syllabus_tfoot_name.gif) repeat-x;}
table.syllabus tfoot tr td.closeup {background: url(/gfx/syllabus_tfoot_closeup.gif); width: 18px;}
table.syllabus tbody tr td {height: 20px;}
table.syllabus tbody tr td.plus {background: url(/gfx/syllabus_tbody_plus.gif) repeat-y; width: 21px; vertical-align: top;}
table.syllabus tbody tr td.tick {background: url(/gfx/syllabus_tbody_tick.gif) repeat-y; width: 23px; vertical-align: top;}
table.syllabus tbody tr td.name {background: url(/gfx/syllabus_tbody_name.gif) repeat; color: #686666; font-family: Helvetica; font-weight: bold; padding-left: 5px; text-align: left; vertical-align: top;}
table.syllabus tbody tr td.name span.in_bank {color: #ff0000; text-decoration: underline;}
table.syllabus tbody tr td.name span.remembered {color: #000000; text-decoration: underline;}
table.syllabus tbody tr td.closeup {background: url(/gfx/syllabus_tbody_closeup.gif); width: 18px;}
table.syllabus span.polish {font-weight: normal;}
table.syllabus img.plus {height: 14px; width: 21px; padding: 0 margin: 0;}
table.syllabus img.tick {height: 14px; width: 23px; padding: 0 margin: 0;}
table.syllabus img.closeup {height: 16px; width: 18px; padding: 0 margin: 0;}
div.stat_box {background: url(/gfx/stat_box.gif) no-repeat; height: 119px; margin-bottom: 20px; width: 417px;}
div.stat_box a {color: #ffc000; text-decoration: none;}
div.stat_box a:hover {text-decoration: underline;}
div.stat_box span {font-weight: bold; font-size: 14px; text-decoration: underline;}
div.stat_box span.red {color: #ee0404;}
div.stat_box span.orange {color: #ffd614;}
div.stat_box span.green {color: #53da2f;}
abbr, acronym, span.abbr {border-bottom: 1px dashed #000; cursor: help;}
table.stat_table {border-collapse: collapse; margin-top: 20px; width: 700px;}
table.stat_table tr td {border: 1px solid #ffffff; height: 16px; line-height: 16px; text-align: center;}
table.stat_table tr td a {color: #5d5d5d; text-decoration: none;}
table.stat_table tr td a:hover {text-decoration: underline;}
table.stat_table tr td.word {text-align: left; width: 150px; _width: 150px;}
table.stat_table tr td.translation {text-align: left; width: 180px; _width: 180px;}
table.stat_table tr td.date {text-align: center; width: 75px; _width: 75px;}
table.stat_table tr td.lp {text-align: right; width: 10px;}
table.stat_table tr td img.sort_up {background: url(/gfx/stat_table_sort.gif); height: 7px; width: 7px;}
table.stat_table tr td img.sort_down {background: url(/gfx/stat_table_sort.gif) -7px 0px; height: 7px; width: 7px;}
table.stat_table tr td img.sort_up_active {background: url(/gfx/stat_table_sort.gif) 0px -7px; height: 7px; width: 7px;}
table.stat_table tr td img.sort_down_active {background: url(/gfx/stat_table_sort.gif) -7px -7px; height: 7px; width: 7px;}
table.stat_table thead tr td {background-color: #fdd033; font-weight: bold; padding: 1px 5px 1px 5px; text-align: center;}
table.stat_table tbody tr.even {background-color: #d8d8d8;}
table.stat_table tbody tr.odd {background-color: #e3e3e3;}
table.stat_table tbody tr.light {background-color: #eeeeee;}
table.stat_table tbody tr td {color: #5d5d5d; padding: 1px 5px 1px 5px;}
table.stat_table tbody tr:hover, table.stat_table tbody tr.checked {background-color: #dac26d;}
span.words_count {color: #000000; font-size: 14px; font-weight: bold;}
span.words_count_big {color: #000000; font-size: 16px; font-weight: bold;}
div.my_words_right {border-collapse: collapse; width: 350px; float: right;}
div.my_words_left {border-collapse: collapse; width: 350px; float: left;}
div.my_words_left table td, div.my_words_right table td {height: 18px; line-height: 18px;}
div.my_words_left table td.lp, div.my_words_right table td.lp {width: 15px;}
div.my_words_left table td.blank, div.my_words_right table td.blank {height: 8px; line-height: 8px;}
div.my_words_left table td input {border: 1px solid #a5acb2; width: 65px;}
div.my_words_left span.green, div.my_words_right span.green {color: #2ec027;}
div.my_words_left span.red, div.my_words_right span.red {color: #e72a0b;}
div.my_words_left span.orange, div.my_words_right span.orange {color: #ffc000;}
a.test {color: #1560dd; text-decoration: none;}
a.test:hover {color: #1153c2; text-decoration: underline;}
a.save_score {color: #1560dd; text-decoration: none;}
a.save_score:hover {color: #1153c2; text-decoration: underline;}
a.save_score_big {color: #1560dd; text-decoration: none; font-size: 14px; font-weight: bold;}
a.save_score_big:hover {color: #1153c2; text-decoration: underline;}
a.test_save {color: #1560dd; font-size: 14px; font-weight: bold; text-decoration: none;}
a.test_save:hover {text-decoration: underline;}
span.speaker {padding-top: 2px;}
input.nw_submit {background: #fbfbfb; border: none; text-align: center; padding: 0px; height: 16px; margin-top:2px;}
div.my_words_left a.big, div.my_words_right a.big {font-size: 16px; font-weight: bold; margin-left: 10px;}
#status_message a {color: #1560dd; text-decoration: none;}
#status_message a:hover {text-decoration: underline;}
/**
* User exercises styles
*/
table.syllabusExercise tr td {padding: 2px !important;}
table.syllabusExercise tr td.word {text-align: right;}