<style type="text/css">
<!--
body      { font:11px Arial,Sans-serif; color:#000000;
scrollbar-face-color:#F5F5F5; scrollbar-shadow-color:#a1a1a1;
scrollbar-highlight-color:#C8C8C8; scrollbar-3dlight-color:#a1a1a1;
scrollbar-darkshadow-color:#a1a1a1; scrollbar-track-color:#F5F5F5;
scrollbar-arrow-color:#000000; }


.menu_title   { color: #eee5b7; font-weight: bold; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; letter-spacing: 2px; margin-left: 5px; font-stretch: 1px }

.menu    { color: #fff; font-weight: bold; font-size: 10px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; text-decoration: none; background-color: #636c99; width: 125px }
.menu a:link   { color: #fff; font-weight: bold; font-size: 10px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; text-decoration: none; background-color: #636c99; display: block; padding: 6px 0px 6px 5px; border-bottom: 1px solid #747ca6 }
.menu a:visited  { color: #fff; font-weight: bold; font-size: 10px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; text-decoration: none; background-color: #636c99; display: block; padding: 6px 0px 6px 5px; border-bottom: 1px solid #747ca6 }
.menu a:hover   { color: #eee5b7; text-decoration: none; background-color: #747ca6 }
.menu a:active  { color: #fff; text-decoration: none; background-color: #636c99 }


.box_title   { color: #eee5b7; font-weight: bold; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; letter-spacing: 2px; margin-left: 5px; font-stretch: 1px }

.box_text     { color: #fff; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif }
.box_text a:link   { color: #fff; text-decoration: none }
.box_text a:visited  { color: #fff; text-decoration: none }
.box_text a:hover   { color: #eee5b7; text-decoration: none }
.box_text a:active  { color: #eee5b7; text-decoration: none }

.box_discovery    { color: #fff; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin-top: 8px; margin-bottom: 8px; margin-left: 6px; padding-left: 4px; border-left: 4px solid #cc9185 }
.box_discovery a:link  { color: #fff; text-decoration: none }
.box_discovery a:visited  { color: #fff; text-decoration: none }
.box_discovery a:hover  { color: #eee5b7; text-decoration: none }
.box_discovery a:active  { color: #eee5b7; text-decoration: none }

.box_explanation     { color: #fff; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin-top: 8px; margin-bottom: 8px; margin-left: 6px; padding-left: 4px; border-left: 4px solid #d9ce98 }
.box_explanation a:link  { color: #fff; text-decoration: none }
.box_explanation a:visited  { color: #fff; text-decoration: none }
.box_explanation a:hover  { color: #eee5b7; text-decoration: none }
.box_explanation a:active  { color: #eee5b7; text-decoration: none }

.box_exercise     { color: #fff; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin-top: 8px; margin-bottom: 8px; margin-left: 6px; padding-left: 4px; border-left: 4px solid #98b37d }
.box_exercise a:link  { color: #fff; text-decoration: none }
.box_exercise a:visited  { color: #fff; text-decoration: none }
.box_exercise a:hover  { color: #eee5b7; text-decoration: none }
.box_exercise a:active  { color: #eee5b7; text-decoration: none }


.navigationbar    { color: #fff; font-weight: bold; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none }
.navigationbar a:link     { color: #fff; text-decoration: none }
.navigationbar a:visited    { color: #fff; text-decoration: none }
.navigationbar a:hover    { color: #eee5b7; text-decoration: underline }
.navigationbar a:active   { color: #eee5b7; text-decoration: underline }

.navigation_prevnext   { color: #545d8d; font-weight: bold; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none }
.navigation_prevnext a:link  { color: #545d8d; text-decoration: none }
.navigation_prevnext a:visited  { color: #545d8d; text-decoration: none }
.navigation_prevnext a:hover  { color: #545d8d; text-decoration: underline }
.navigation_prevnext a:active  { color: #545d8d; text-decoration: underline }

.browserbar       { color: #c4cae6; font-weight: normal; font-size: 8px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; text-decoration: none; letter-spacing: 1px }
.browserbar a:link   { color: #c4cae6; text-decoration: none }
.browserbar a:visited   { color: #c4cae6; text-decoration: none }
.browserbar a:hover  { color: #eee5b7; text-decoration: none }
.browserbar a:active  { color: #eee5b7; text-decoration: none }

.functions    { color: #c4cae6; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; text-decoration: none; letter-spacing: 2px }
.functions a:link    { color: #c4cae6; text-decoration: none }
.functions a:visited    { color: #c4cae6; text-decoration: none }
.functions a:active   { color: #3a4373; text-decoration: none }
.functions a:hover   { color: #3a4373; text-decoration: none }


.footer  { color: #3a4373; font-weight: bold; font-size: 9px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none }
.footer a:link  { color: #c4cae6; text-decoration: none }
.footer a:visited  { color: #c4cae6; text-decoration: none }
.footer a:hover  { color: #3a4373; text-decoration: none }
.footer a:active  { color: #3a4373; text-decoration: none }

.searchbox    { color: #3a4373; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #fbf8e9; border: groove 2px #868db3; width: 110px; height: 23px }
.loginbox { color: #3a4373; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #fbf8e9; border: groove 2px #868db3; width: 200px; height: 23px }
.contentpage    { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #fbf8e9; margin: 10px 20px 20px; scrollbar-3dlight-color: #FBF8E9; scrollbar-arrow-color: #545D8D; scrollbar-base-color: #FBF8E9; scrollbar-darkshadow-color: #FBF8E9; scrollbar-face-color: #F3EDCF; scrollbar-highlight-color: #545D8D; scrollbar-shadow-color: #545D8D; scrollbar-track-color: #FBF8E9 }

.main_headline    { color: #3a4373; font-weight: bold; font-size: 15px; letter-spacing: 2px; border-bottom: 1px dashed #3a4373 }
.sub_headline   { color: #3a4373; font-weight: bold; font-size: 11px; letter-spacing: 1px; margin-top: 20px }

.paragraph    { color: #3a4373; font-size: 11px; line-height: 15px; margin-top: 20px }
.bulletlist    { color: #3a4373; font-size: 11px; line-height: 15px; list-style-type: disc }

.attention       { color: #3a4373; font-size: 11px; line-height: 15px; background: #e6dba1 url(images/attention.gif) no-repeat 10px center; margin-top: 20px; margin-right: 15%; margin-left: 15%; padding: 5px 5px 5px 25px }
.construction    { color: #3a4373; font-size: 11px; line-height: 15px; text-align: center; margin-top: 20px; margin-right: 15%; margin-left: 15%; padding: 5px; border-top: 1px solid #545d8d; border-bottom: 1px solid #545d8d }
.additional    { color: #545d8d; font-size: 9px; line-height: 12px; margin-top: 20px; margin-right: 5%; margin-left: 5%; padding: 5px; border: solid 1px #3a4373 }

.example_corpus_e    { color: #3a4373; font-size: 11px; line-height: 15px; background-color: #f3edcf; margin-top: 20px; margin-right: 15%; margin-left: 15%; padding: 5px }
.example_corpus_g   { color: #3a4373; font-size: 11px; line-height: 15px; background-color: #f3edcf; margin-top: 20px; margin-right: 15%; margin-left: 15%; padding: 5px }
.example_bnc  { color: #3a4373; font-size: 11px; line-height: 15px; background-color: #f3edcf; margin-top: 20px; margin-right: 15%; margin-left: 15%; padding: 5px }
.example_ice  { color: #3a4373; font-size: 11px; line-height: 15px; background-color: #f3edcf; margin-top: 20px; margin-right: 15%; margin-left: 15%; padding: 5px }
.example_artificial     { color: #3a4373; font-size: 11px; line-height: 15px; background-color: #f3edcf; margin-top: 20px; margin-right: 15%; margin-left: 15%; padding: 5px }
.reference   { color: #3a4373; font-size: 9px; line-height: 12px; margin-right: 15%; margin-left: 15%; padding: 5px } 


.highlight_term { font-weight: bold; font-style: italic; cursor: help }
.highlight_emphasis   { color: #4874b3; font-weight: bold }
.highlight_phrase   { background-color: #eee5b7 }
.highlight_construction   { color: #fbf8e9; background-color: #868db3; padding: 2px }
.highlight_grammbuild  { font-style: italic; word-spacing: 2px; letter-spacing: 2px; margin-right: 2px; margin-left: 2px }
.highlight_formintext  { font-style: italic; }
.highlight_negative     { color: #c07813 }
.highlight_wrong { text-decoration: line-through }
.highlight_glossary { color: #3a4373 }

.link_glossary a:link { color: #3a4373; text-decoration: none }
.link_glossary a:visited { color: #3a4373; text-decoration: none }
.link_glossary a:hover { color: #3a4373; text-decoration: none }
.link_glossary a:active { color: #3a4373; text-decoration: none }
.link_login a:link { color: #fff; text-decoration: none }
.link_login a:visited { color: #fff; text-decoration: none }
.link_login a:hover { color: #eee5b7; text-decoration: none }
.link_login a:active { color: #fff; text-decoration: none }
.link_right a:link { color: #fff; text-decoration: none }
.link_right a:visited { color: #fff; text-decoration: none }
.link_right a:active { color: #fff; text-decoration: none }
.link_right a:hover { color: #eee5b7; text-decoration: none }

.table_rightwrong   { color: #3a4373; margin-top: 20px; margin-right: 15%; margin-left: 15%; border: 0px; border-collapse: collapse; border-spacing: 0px }
.disc_test { color: #3a4373; margin-top: 20px; margin-right: 5%; margin-left: 5%; border: 0px; border-collapse: collapse; border-spacing: 0px }
.table_ex_checkbox { color: #3a4373; margin-top: 20px; border: 0px; border-collapse: collapse; border-spacing: 0px }
.table_navpage { color: #3a4373; margin-top: 30px; border: 0px; border-collapse: collapse; border-spacing: 0px }
.table_login  { background-color: #636c99; margin-top: 5px; border: solid 1px #c4cae6; border-collapse: collapse; border-spacing: 0px }
.table_newuser   { margin-top: 5px; margin-bottom: 5px; border: solid 1px #747ca6; border-collapse: collapse; border-spacing: 0px }
.questionnaire { color: #3a4373;  margin-top: 20px; width: 100%; border: 0px; border-spacing: 0px }

.cell_check     { background-color: #cc9185; text-align: center; vertical-align: middle; width: 60px }
.cell_input { background-color: #f3edcf; text-align: center; vertical-align: middle }
.cell_feedback { text-align: center; vertical-align: middle; width: 60px }
.cell_select { font-size: 13px; padding-bottom: 20px }
.cell_topic { color: #3a4373; font-size: 11px; text-decoration: none; height: 20px }
.cell_topic a:link { color: #3a4373; font-size: 11px; text-decoration: none }
.cell_topic a:visited { color: #3a4373; font-size: 11px; text-decoration: none }
.cell_topic a:hover { color: #4874b3; font-size: 11px; text-decoration: none }
.cell_topic a:active { color: #4874b3; font-size: 11px; text-decoration: none }
.cell_topictype { text-align: center; vertical-align: middle; padding-right: 10px; padding-left: 15px; height: 20px }
.cell_example    { color: #3a4373; font-size: 11px; line-height: 15px; background-color: #f3edcf; padding: 5px }
.cell_login { color: #fff; font-weight: bold; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; letter-spacing: 1px; padding-top: 2px; padding-bottom: 2px }
.cell_loginbutton { color: #fff; font-size: 9px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; padding-top: 10px }
.cell_loginbutton a:link { color: #fff; font-size: 9px; text-decoration: none }
.cell_loginbutton a:visited { color: #fff; font-size: 9px; text-decoration: none }
.cell_loginbutton a:hover { color: #eee5b7; font-size: 9px }
.cell_loginbutton a:active { color: #eee5b7; font-size: 9px }
.cell_question { color: #3a4373; font-size: 11px; line-height: 15px; background-color: #eee5b7; padding: 5px }
.cell_answer { color: #3a4373; font-size: 11px; line-height: 15px; background-color: #f3edcf; padding: 5px }
.questionnaire_1 { color: #3a4373; font-size: 11px; line-height: 15px; background-color: #F0F8FF; padding: 5px; width: 50% }
.questionnaire_2 { color: #3a4373; font-size: 11px; line-height: 15px; background-color: #E6E6FA; padding: 5px; width: 50% }
.cell_right_top { color: #eee5b7; font-weight: bold; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; letter-spacing: 1px; padding-top: 2px; padding-bottom: 2px }
.cell_right_bottom { color: #fff; font-size: 9px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; letter-spacing: 1px; padding-top: 2px; padding-bottom: 2px }

.sitemap { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #fbf8e9; margin: 10px 20px 20px; scrollbar-3dlight-color: #FBF8E9; scrollbar-arrow-color: #545D8D; scrollbar-base-color: #FBF8E9; scrollbar-darkshadow-color: #FBF8E9; scrollbar-face-color: #F3EDCF; scrollbar-highlight-color: #545D8D; scrollbar-shadow-color: #545D8D; scrollbar-track-color: #FBF8E9 }
.sitemap { color: #3a4373; font-size: 11px; text-decoration: none; height: 20px }
.sitemap a:link { color: #3a4373; font-size: 11px; text-decoration: none }
.sitemap a:visited { color: #3a4373; font-size: 11px; text-decoration: none }
.sitemap a:hover { color: #4874b3; font-size: 11px; text-decoration: none }
.sitemap a:active { color: #4874b3; font-size: 11px; text-decoration: none }


//-->
</style>

