html,
body { height: 100%; margin: 0; padding: 0; background: url("/static/images/background-stripe.png"); }

body {
  font-size: 12px;
  font-family: Arial, sans-serif;
  color: #000;
}
table,
form,
ul {
  padding: 0;
  margin: 0;
  border-collapse: collapse;
}
td { padding: 0; vertical-align: top; }
a img { border: none; }
#cont { padding-bottom: 340px !important; }
#main_all {
  width: 988px;
  margin: 0 auto;
  min-height: 100%;
  padding: 0;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background-color: #FFF;
  height: auto !important;
  height: 100%;
}
#main_all_2 {
  width: 988px;
  margin: 0 auto;
  min-height: 100%;
  padding: 0;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background-color: #FFF;
  height: auto !important;
  height: 100%;
}
.top {
  margin: 0;
  height: 48px;
  border-top: 2px solid #C0C0C0;
  background: #FFF;
  z-index: 30;
  position: relative;
}
.welcome {
  font-size: 11px;
  color: #555;
  padding: 0 5px 0 0 !important;
  background: none !important;
  float: none !important;
  text-align: right;
  width: 190px;
}
.logo { padding: 0 10px; float: left; width: 250px; }
.top .right div { background: url("/static/images/up_x.gif") repeat-x bottom center; height: 20px; padding: 23px 5px 5px 10px; float: right; .padding: 21px 5px 5px 10px; }
* + html .top .right div { padding: 23px 5px 5px 10px; }
.top .right div.log { background: url("/static/images/up_x.gif") repeat-x bottom center; height: 40px; padding: 3px 5px 5px 10px !important; float: right; .padding: 2px 5px 5px 10px !important; }
* + html .top .right div.log { padding: 3px 5px 5px 10px !important; }
.top .right { float: right; position: relative; }
.rl { background: url("/static/images/up.gif") no-repeat left bottom !important; width: 24px; padding: 23px 5px 5px 10px !important; }

/* .top .right div{background:url("/static/images/up_x.gif") repeat-x bottom center;height:20px;padding:23px 5px 5px 10px;float:right;.height:18px;}
.top .right div.log{background:url("/static/images/up_x.gif") repeat-x bottom center;height:40px;padding:3px 5px 5px 10px!important;float:right;.height:41px;}
*+html .top .right div.log{height:40px;}
.top .right{float:right;position:relative;}
.rl{background:url("/static/images/up.gif") no-repeat left bottom!important;width:24px;.margin-top:3px}
*+html .rl{margin-top:0px!important}
*+html .top .right div{height:20px;}
*/

.menu {
  font-family: arial, sans-serif;
  position: relative;
  height: 20px;
  font-size: 14px;
  z-index: 100;
  padding: 6px 0 0 25px;
}
.menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
}
.menu ul li {
  float: left;
  position: relative;
  margin-right: 5px;
}
.menu ul li .in,
.menu ul li .in_help {
  display: none;
}
.in td,
.in_help td { padding: 0 10px 10px; vertical-align: top; }
.in table { width: 470px; }
.in_help table { width: 275px; }
.menu ul li:hover .in,
.menu ul li:hover .in_help {
  display: block;
  position: absolute;
  top: 21px;
  left: 0;
  border: 1px solid #000;
  background: #FFF;
  font-size: 14px !important;
}
.menu ul li:hover .in {
  width: 470px;
}
.menu ul li:hover .in_help {
  width: 275px;
}

.menu ul li.main a.active {
  background: #358A4A !important;
  border: 1px solid #2F3B32 !important;
  border-bottom: 1px solid #358A4A !important;
}
.menu ul li.main a,
.menu ul li.main a:visited {
  text-decoration: none;
  color: #000;
  text-align: center;
  color: #fff;
  background: #1B582B;
  border: 1px solid #1B582B;
  padding: 2px 8px;
  float: left;
  display: block;
}
.menu ul li.main:hover a {
  color: #fff;
  border: 1px solid #152017;
  border-bottom: 1px solid #1B582B;
}
.menu ul li.gray {
  margin-left: 5px !important;
}
.menu ul li.gray a,
.menu ul li.gray a:visited {
  text-decoration: none;
  color: #000;
  text-align: center;
  color: #fff;
  background: url(/static/images/arrow.gif) no-repeat right center;
  padding: 3px 24px 3px 9px;
  float: left;
  display: block;
}
.menu ul li.gray:hover a {
  color: #fff;
  background: #707070 url(/static/images/arrow.gif) no-repeat right center;
  border: 1px solid #000;
  padding: 2px 23px 2px 8px;
}
.border { clear: both; color: #000; padding: 10px 0 5px; }
.in div,
.in_help div { padding-top: 10px; color: #000; }
.in a,
.in_help a {
  width: 100%;
  display: inline !important;
  text-align: left !important;
  float: none !important;
  padding: 0 !important;
  color: #9B230A !important;
  background: none !important;
  border: 0 !important;
}
.in a:hover,
.in_help a:hover { text-decoration: underline !important; }
.menu .search { width: 250px; float: right; margin-top: -3px; }
.menu .search .input { border: 1px solid #9A9A9A; color: #9A9A9A; border-right: 0; height: 15px; padding: 2px; float: left; width: 220px; }
.menu .search .button { border: 1px solid #9A9A9A; border-left: 0; float: left; }

.sub_menu {
  clear: both;
  padding: 2px 0 0 33px;
  font-size: 13px;
}
.sub_menu ul { float: left; list-style: none; padding: 0; margin: 0; }
.sub_menu ul li { float: left; margin-right: 30px; }
.sub_menu ul li a { color: #FFF; text-decoration: none; }
.sub_menu ul li a:hover,
.sub_menu ul li a.active { text-decoration: underline; }
.clear { clear: both; font-size: 0; line-height: 0pxl; }
.content,
.lc_back_grey { width: 100%; background-color: #FFF; }
.left_panel { width: 225px; font-size: 13px; padding: 0 0 10px; border-right: 1px dotted #BFBFBF; }
.wrap { margin-left: 1px; padding-top: 10px; }
.wrap .title {
  font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 14pt;
  font-weight: 600;
  text-align: left;
}
.left_panel td { vertical-align: middle; }
.left_panel .title { font-weight: bold; padding-top: 15px; padding-left: 10px; }
.left_panel .title_first { font-weight: bold; border-bottom: 1px solid #E4E4DC; padding-left: 10px; }
.left_panel .pad13px { padding: 3px 0 0 8px; }
.left_panel .pad13px .aud{}
.left_panel .pad13px .aud:hover { background-position: 0 -14px; }
.left_panel .pad13px div,
.left_panel .pad13px,
.left_panel .pad26px div,
.left_panel .title div { border-bottom: 1px solid #E4E4DC; padding-bottom: 3px !important; }
.left_panel .pad26px { padding: 3px 0 0 36px; font-size: 11px; background: #FFF; }
.left_panel a { color: #143277; text-decoration: none; }
.left_panel a:hover { color: #000; }
.left_panel .active { background: #DBEDF2; }
.left_panel .bkgnone { background: none !important; padding-left: 20px; }
.left_panel .active_sub { background: #DBEDF2; }

.left_panel div.progress {
  border: 1px solid #D9D9D9 !important;
  float: right;
  width: 50px;
  background: #fff;
  margin: 2px 2px 0 0;
  padding: 0 !important;
}
.progress .width {
  background: #BEBEBE;
  height: 7px;
  line-height: 7px;
  font-size: 7px;
  border: 0 !important;
}
.main_content { margin-left: 15px; }
.latest_news { border: 2px dashed #8280AD; background: #DDFCB8; font-size: 15px; color: #000; padding: 10px; }
.latest_news h1 { padding: 0; margin: 0; font-size: 26px; }
.latest_news a { color: #00F; text-decoration: undeline; }
#lesson_desc {
  border: 1px solid #D7D7D7;
  margin: 10px 10px 10px 0;
}
#lesson_desc table{}
#lesson_desc table td { padding: 5px; }
#lesson_desc a { outline: none; }
#lesson_desc .links a.show { font-size: 11px; color: #00F; text-decoration: underline; cursor: pointer; }
#lesson_desc .links img { vertical-align: middle; }
.grey { color: #636363 !important; }
.grey a { color: #636363 !important; }
.grey span { color: #636363 !important; }
#lesson_desc #video #big,
#lesson_desc #desc { display: none; }

.align_right { text-align: right; }
.nopad { padding: 0 0 0 20px !important; }

.breadcrumbs { color: #404040; margin: 0 0 3px; }
.breadcrumbs a { color: #143277; text-decoration: none; }
.breadcrumbs a:hover { color: #143277; text-decoration: underline; }
.lesson_list {}


.tit { float: left; padding: 5px 5px 0 0; }
.tit b { float: left; padding: 3px 5px 0 0; }
p.tit { float: none !important; text-align: center; }
p.tit b { float: none; }
.blue { float: left; color: #00F; background: url(/static/images/black_arrow.gif) no-repeat 0 center; padding: 0 0 0 15px; font-size: 18px; text-decoration: none; font-weight: bold; }

div.title_lesson { float: left; color: #000; background: url(/static/images/black_arrow_act.gif) no-repeat 0 center; padding: 0 0 0 15px; font-size: 18px; text-decoration: none; font-weight: bold; }
.blue2 { float: left; color: #00F; background: url(/static/images/black_arrow.gif) no-repeat 0 center; padding: 0 0 0 15px; font-size: 18px; text-decoration: none; font-weight: bold; }
.green { background: #358A4A; }
.pages { padding: 2px 0 0 5px; color: #636363; width: 680px; float: right; text-align: left; }
.pages2 { padding: 2px 0 0; color: #636363; width: 655px; float: right; text-align: left; }
.pages a { padding: 4px 8px 3px; margin-right: 2px; color: #00F; text-decoration: underline; float: left; display: block; }
.pages a:hover { color: #F00 !important; }
.pages a:visited { color: #662D91; }
.pages a.completed { color: #a0a0a0; text-decoration: none !important; }

.pages2 a { padding: 4px 8px 3px; margin-right: 2px; color: #00F; text-decoration: underline; float: left; display: block; }
.pages2 a:hover { color: #F00 !important; }
.pages2 a:visited { color: #662D91; }
.pages2 a.completed { color: #a0a0a0; text-decoration: none !important; }

.font11px { font-size: 11px !important; }
.font14px { font-size: 14px; }
a.font11px { cursor: pointer; }
.choose { float: left; padding: 10px 0 10px 55px; position: relative; z-index: 0; }
.choose select { width: 300px; }
.gr { background: #ededed; }
.list_all { width: 100%; }
.photo { border: 2px solid #FFF; display: block; float: left; }
.gr .photo { border: 2px solid #EDEDED; }
.photo:hover { border: 2px solid #F16A4E; }
.list_all img { vertical-align: middle; }



a:link,
a:active,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1 {
  font-family: Trebuchet MS, Verdana;
  color: #333;
  font-size: 18pt;
  font-weight: normal;
  margin-bottom: 5px;
  margin-top: 0;
  margin-left: 10px;
}

input,
select,
textarea {
  font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #151515;
  /* border: 1px solid #7B9AB0; */
  /* background-color:#FFFFFF; */
  padding: 1px;
}

blockquote {
  margin: 15px 30px 0 10px;
  padding-left: 20px;
  border-left: 5px solid #7B0000;
}

blockquote cite {
  margin: 5px 0 0;
  display: block;
}

/* Custom classes */
/* Input */
input.Button {
  /* background-color: #dcdcdc; */
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
  /* height: 20px; */
}

/* General design */
.MainContainer {
  width: 100%;
}

.Shadows {
  background-image: url(images/content_back.jpg);
  width: 930px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid red;
}

.header {
  width: 920px;
  height: 168px;
  margin-left: 5px;
  background-image: url(images/header-bgrd.jpg);
}

.alt {
  width: 94%;
  background-color: #F8F9F4;
  font-family: Trebuchet MS, trebuchet, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #7B9AB0;
  padding-top: 10pt;
  margin-top: 15px;
}

.alt1 {
  width: 94%;
  background-color: #FFF;
  font-family: Trebuchet MS, trebuchet, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
  border: 1px solid #7B9AB0;
  padding-top: 10pt;
  margin-top: 15px;
}
.righform {
  font-family: Trebuchet MS, trebuchet, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #343434;
  font-weight: normal;
  margin-left: 8px;
  margin-right: 8px;
  margin-top: 0;
  margin-bottom: 8px;
  border-bottom: solid 1px #E4E4DC;
  padding: 3px;
}

.textsmall {
  font-family: Trebuchet MS, trebuchet, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #343434;
  font-weight: normal;
}
.free {
  font-family: Trebuchet MS, trebuchet, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #343434;
  font-weight: normal;
  margin-left: 19px;
  margin-right: 19px;
  margin-top: 5px;
  margin-bottom: 28px;
  border-bottom: solid 1px #E4E4DC;
  padding: 3px;
}

.HeaderLogin {
  font-family: Trebuchet MS, trebuchet, Geneva, Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 9pt;
  vertical-align: middle;
  margin-left: 50px;
  font-weight: normal;
}

.HeaderLogin2 {
  font-family: Trebuchet MS, trebuchet, Geneva, Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 10pt;
  vertical-align: middle;
  margin-left: 50px;
  font-weight: bold;
}
.category {
  color: #333;
  font-size: 10pt;
  font-weight: bold;
}

.category1 {
  color: #333;
  font-size: 10pt;
  font-weight: bold;
}

.category1 a:link { text-decoration: none; color: #DC0000; }
.category1 a:visited { text-decoration: none; color: #DC0000; }
.category1 a:active { text-decoration: none; color: #DC0000; }
.category1 a:hover { text-decoration: underline; color: #DC0000; }


.comments {
  font-family: Trebuchet MS;
  color: #DC0000;
  font-size: 13pt;
  /* vertical-align:middle; */
  font-weight: bold;
}

.comments a:link { text-decoration: none; color: #DC0000; }
.comments a:visited { text-decoration: none; color: #DC0000; }
.comments a:active { text-decoration: none; color: #DC0000; }
.comments a:hover { text-decoration: none; color: #DC0000; }



.commentsheader {
  font-family: tahoma;
  color: #DC0000;
  font-size: 18pt;
  vertical-align: middle;
  font-weight: bold;
}

.commentsheader a:link { text-decoration: none; color: #DC0000; }
.commentsheader a:visited { text-decoration: none; color: #DC0000; }
.commentsheader a:active { text-decoration: none; color: #DC0000; }
.commentsheader a:hover { text-decoration: underline; color: #DC0000; }


.blogdate {
  font-family: Trebuchet MS, trebuchet, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #343434;
  font-weight: normal;
  margin-left: 19px;
  margin-right: 19px;
  border-bottom: solid 1px #E4E4DC;
  padding: 3px;
}

.pagination {
  font-family: Trebuchet MS, trebuchet, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #343434;
  font-weight: normal;
  width: 635px;
  padding: 3px;
  text-align: center;
}
.page a:hover {
  background: #F00;
  color: white;
  text-decoration: none;
  border: 1px solid gray;
}

.pagination a {
  text-decoration: none;
  color: #DC0000;
  border: 1px solid gray;
  padding: 2px 6px;
}

.BlogList {
  float: left;
  width: 648px;
  margin-left: 11px;
}

/* Normal pages submenu, (left sidebar) */
.submenu_container {
  width: 232px;
  float: left;
}

/* News post */

/* Blog posts */
div.BlogPost {
  width: 728px;
  border: 1px solid #666;
  padding: 10px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: black;
}

.bloghead {
  margin-left: 19px;
  margin-right: 19px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-bottom: 10px;
}
.bloghead a {
  font-size: 20px;
  font-weight: bold;
  color: #00F;
  padding-bottom: 1px;
}

.blogcateg {
  margin-left: 19px;
  font-size: 16px;
}
/* new design */
.category_and_comments {
  padding: 0 5px;
  margin: 0;
  height: 30px;
}
.category_and_comments a {
  text-decoration: underline;
  color: #00F;
}
.category_and_comments a:hover {
  text-decoration: none;
}

.utw_tags a {
  font-weight: normal;
}
.utw_tags {
  font-size: 11px;
  margin: 4px 0 4px 20px;
}

div.blog_info_and_comments {
  width: 640px;
}

p.BlogPost {
  padding-left: 15px;
}

div.Padder {
  padding-left: 15px;
}

div.BlogPost1 {
  width: 800px;
  background-image: url(images/blogpost_back.jpg);
}

p.BlogPost1 {
  padding-left: 15px;
}

.blogfiles_free {
  width: 190px;
  float: right;
  padding-bottom: 5px;
}

.blogfiles_basic {
  width: 200px;
  float: right;
  padding-left: 50px;
  padding-bottom: 5px;
}

.blogfiles_premium {
  width: 215px;
  float: right;
  padding-left: 35px;
  padding-bottom: 5px;
}

.blogfiles_container {
  width: 690px;
  overflow: auto;
  border-top: solid 1px #E4E4DC;
  margin: 10px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.blogfiles_container a {
  font-size: 12px;
  font-weight: normal;
  color: #00F;
}

/* new design */

.bloghead4 {
  font-family: Trebuchet MS, trebuchet, Geneva, Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #DC0000;
  font-weight: bold;
  margin-left: 19px;
  margin-right: 19px;
  padding: 3px;
}

.bloghead1 {
  font-family: Trebuchet MS, trebuchet, Geneva, Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #DC0000;
  font-weight: bold;
  margin-left: 55px;
  margin-right: 19px;
  margin-top: 10px;
  padding: 3px;
}

.blogtext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: black;
  font-weight: normal;
  margin-left: 19px;
  margin-right: 19px;
  margin-top: 5px;
  border-bottom: solid 1px #E4E4DC;
  line-height: 150%;
}
.blogtext p img { margin-left: 50px; }

.blogtext2 {
  font-family: Trebuchet MS, trebuchet, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #343434;
  font-weight: normal;
  margin-left: 19px;
  margin-right: 19px;
  margin-top: 5px;
  border-bottom: solid 1px #E4E4DC;
}



.blogtextresponse {
  font-family: Trebuchet MS, trebuchet, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #343434;
  font-weight: normal;
  margin-left: 0;
  margin-right: 19px;
  margin-top: 10px;
  margin-bottom: 28px;
}

.blogtext100 {
  width: 91%;
  font-family: Trebuchet MS, trebuchet, Geneva, Arial, Helvetica, sans-serif;
  background-color: #F8F9F4;
  font-size: 12px;
  color: #343434;
  font-weight: normal;
  border: 1px solid #7B9AB0;
  margin-left: 10px;
  padding: 10px;
}

.blog-feature {
  font-family: Trebuchet MS, trebuchet, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #DE100F;
  font-weight: normal;
  padding: 3px;
}

.blog-feature a:link { text-decoration: none; color: #DE100F; }
.blog-feature a:visited { text-decoration: none; color: #DE100F; }
.blog-feature a:active { text-decoration: none; color: #DE100F; }
.blog-feature a:hover { text-decoration: underline; color: #DE100F; }


/* Sidebar */
.SideBar {
  float: right;
  width: 226px;
  border-left: 1px dotted #C1C1C1;
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.sidebar-sub-text {
  margin: 0;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.Sidebar_Content {
  padding-left: 15px;
}
.SideBar a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #00F;
  text-decoration: underline;
}

.Sidebar_Label {
  font-weight: bold;
  font-size: 10pt;
  color: black;
}

.Sidebar_SubContent {
  padding-left: 8px;
  padding-bottom: 7px;
  padding-top: 7px;
  margin-bottom: 7px;
  font-size: 9pt;
}

.Sidebar_SubContent a {
  font-weight: normal;
}

.FloatClear {
  clear: both;
}


.submenu_container {
  width: 232px;
  float: left;
}
.learningcenter_menu {
  width: 200px;
  padding: 5px;
  margin-left: 10px;
  margin: 0 auto;
}
.learningcenter_submenu {
  width: 180px;
  margin-left: 20px;
  font-size: 10pt;
}
.LearningCenterContent {
  font-family: Trebuchet MS, trebuchet, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #343434;
  float: right;
  width: 748px;
}

.FullPageContent {
  font-family: Trebuchet MS, trebuchet, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #343434;
}


/* Kanji corner */
.KanjiCorner {
  width: 170px;
  border: 1px solid #777;
  background-color: white;
  padding: 5px;
}

.KanjiCorner_Kanji {
  margin: 0 auto;
  font-size: 28pt;
  text-align: center;
}
.KanjiCorner_Readings {
  margin: 0 auto;
  font-size: 10pt;
}
.KanjiCorner_Meanings {
  margin: 0 auto;
  font-size: 12pt;
}

/* General design for tables in member login */

/* Css for login */
div.BlogPostforlogin {
  width: 640px;
  height: 345px;
  margin-left: 120px;
  background-image: url(images/blogpost_back.jpg);
}
.maintable {
  width: 95%;
  height: 95%;
  margin-left: 10px;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
}
.maintable td {
  width: 45%;
}

.imgclass { padding-left: 50px; }  /* For any browsers */
* html .imgclass { padding-left: 0; } /* IE will catch second line and overrides definitions in first one */
body:last-child .imgclass { padding-left: 0; }/* Third line is for FF, Netscape and so on */

.imgclass1 {
  border: 0;
}

.innertable {
  height: 320px;
  margin-left: 15px;
  margin-right: 5px;
  border: #606060 1px solid;
}
.innertable1 {
  height: 320px;
  margin-left: 0;
  margin-right: 5px;
  border: #606060 1px solid;
}
.existing {
  padding-left: 10px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
  padding: 3px;
  border-bottom: 1px solid #DDD;
  padding-bottom: 4px;
  color: #DC0000;
  height: 40px;
}

.existing1 {
  padding-left: 10px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
  padding: 3px;
  border-bottom: 1px solid #DDD;
  padding-bottom: 11px;
  color: #DC0000;
  height: 40px;
}
* html .existing1 {
  padding-left: 10px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
  padding: 3px;
  border-bottom: 1px solid #DDD;
  padding-bottom: 5px;
  color: #DC0000;
}

body:last-child .existing1 {
  padding-left: 10px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
  padding: 3px;
  border-bottom: 1px solid #DDD;
  padding-bottom: 4px;
  color: #DC0000;
  height: 40px;
}


.userandpass {
  padding-left: 10px;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: bold;
}


.loginbutton {
  /* background-color: #dcdcdc; */
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
  /* height: 20px; */
  margin-right: 20px;
}
* html .loginbutton {
  /* background-color: #dcdcdc; */
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
  /* height: 20px; */
  margin-right: 26px;
}

.errormsg {
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: red;
  font-size: 15px;
}
.textmsg {
  height: 75px;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #333;
  font-size: 11px;
  padding-left: 0;
  padding: 3px;
}
/* End of css for login form */

/* start of css for signup form */
.BlogPostforsignup {
  width: 630px;
  margin: 20px auto;
  border: 1px #ccc solid;
  padding: 20px 10px;
  background: #fcfcfc;
}
.BlogPostforsignup2 {
  width: 640px;
  margin-left: 5px;
  background-image: url(images/blogpost_back.jpg);
}

.mtsignupHeader {
  background-image: url(images/signup_header.gif);
  background-repeat: no-repeat;
  height: 57px;
  width: 576px;
  margin-left: 32px;
}
.mtsignupHeaderGift {
  background-image: url(images/signup_header_gift.gif);
  background-repeat: no-repeat;
  height: 57px;
  width: 576px;
  margin-left: 32px;
}
.mtsignupFooter {
  background-image: url(images/signup_footer.gif);
  background-repeat: no-repeat;
  height: 16px;
  width: 576px;
  margin-left: 32px;
  margin-bottom: 10px;
}
.mtsignupBody {
  background-image: url(images/signup_back.gif);
  background-repeat: repeat-y;
  width: 576px;
  margin-left: 32px;
  padding-left: 4px;
}
.mtheader {
  font-size: 16px;
  font-weight: bold;
  color: red;
  background-color: transparent;
  vertical-align: bottom;
}
.mtfree {
  background-color: #EBF1DD;
  border-bottom: 1px solid white;
}
.mtbasic {
  background-color: #D7E3BC;
  border-bottom: 1px solid white;
}
.mtpremium {
  background-color: #C3D69B;
  border-bottom: 1px solid white;
}
.mtpremiumplus {
  background-color: #AAC46F;
  border-bottom: 1px solid white;
}
.mtprice {
  padding-left: 10px;
}
.mtlight {
  background-color: #F8F9F4;
  border-bottom: 1px solid white;
  font-weight: bold;
}
.mtdark {
  background-color: #F1F3EB;
  border-bottom: 1px solid white;
  font-weight: bold;
}
.mtborder {
  border-right: 1px solid white;
}
.mtradio {
  background: transparent;
  color: black;
  border: none;
}



.crsignup {
  width: 40%;
  padding-right: 10px;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: right;
  border-right: 2px solid #DDD;
}
.crsignup1 {
  width: 40%;
  padding-left: 50px;
  padding-right: 20px;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: right;
  border-right: 2px solid #DDD;
}
.crsignupname {
  width: 40%;
  padding-left: 50px;
  padding-right: 10px;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: right;
  border-right: 2px solid #DDD;
}

.clmembership {
  width: 60%;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-top: 5px;
  padding-left: 5px;
  border-bottom: 2px solid #DDD;
}

.clmembershipname {
  width: 60%;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 5px;
  border-bottom: 2px solid #DDD;
}
/* for email */
.crsignupemail {
  width: 40%;
  padding-left: 50px;
  padding-right: 10px;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: right;
  border-right: 2px solid #DDD;
}

.clmembershipemail {
  width: 60%;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 5px;
  border-bottom: 2px solid #DDD;
}
/* end email */


/* for email */
.crsignupepasswd {
  width: 40%;
  padding-right: 10px;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: right;
  border-right: 2px solid #DDD;
}

.clmembershippasswd {
  width: 60%;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 5px;
  border-bottom: 2px solid #DDD;
}
/* end email */


.smalltext {
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #333;
  font-size: 11px;
  padding-left: 0;
  padding: 3px;
}

.mainhead {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #343434;
}


.continebutton {
  /* background-color: #dcdcdc; */
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 1px;
  padding-bottom: 1px;
  /* height: 20px; */
  margin-right: 20px;
}
.erroclass {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #DC0000;
}

/* start for pop up */

.BlogPostforpopup {
  width: 648px;
  height: 200px;
  margin-left: 120px;
  background-image: url(images/blogpost_back.jpg);
  border: 1px solid red;
}

/* end for pop up */

/* end of css for sign up */


/* start of thanks */

.thanksmain {
  margin-top: 10px;
  margin-bottom: 20px;
}
.trborder {
  border-bottom: 10px solid black;
}

/* end of thanks */

/* After Login */
.mainLogin {
  width: 90%;
  margin-left: 25px;
  margin-bottom: 10px;
  border-bottom: 2px solid #DCDCDC;
}
.mainLogin1 {
  width: 90%;
  margin-left: 25px;
}
.userandpass1 {
  padding-left: 0;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
/* End of After login */

/* For Forum only */
.BlogPostforForum {
  width: 801px;
  margin-left: 50px;
  background-image: url(images/blogpost_back_forum.jpg);
}

/* For Forum only */

/* Dictionary */
table.Dictionary {
  border-collapse: collapse;
}

th.Dictionary {
  font-family: Verdana;
  font-size: 11pt;
  border: 1px solid #ccc;
  background: #f0f0f0;
}

td.Dictionary_Jap,
td.Dictionary_Jap_Alt {
  font-family: Verdana;
  font-size: 11pt;
  border: 1px solid #ccc;
  padding: 2px;
}

td.Dictionary_Eng,
td.Dictionary_Eng_Alt {
  font-family: Verdana;
  font-size: 8pt;
  border: 1px solid #ccc;
  padding: 2px;
}

td.Dictionary_Jap_Alt {
  background-color: #f8f8f8;
}

td.Dictionary_Eng_Alt {
  background-color: #f8f8f8;
}

/* Learning center lesson overview */
td.LCLO_Title,
td.LCLO_Title_Alt {
  font-family: Trebuchet MS;
  font-size: 10pt;
  border: 1px solid #ccc;
  padding: 2px;
}

td.LCLO_Title_Alt {
  background-color: #f8f8f8;
}

td.Dictionary_red {
  font-family: Trebuchet MS;
  font-size: 10pt;
  color: #DF1919;
  border: 1px solid #ccc;
  padding: 2px;
}

/* tooltip box */
.tip {
  font: 11px/ 12px Trebuchet MS;
  border: solid 2px #C12518;
  width: 200px;
  padding: 4px;
  position: absolute;
  z-index: 100;
  visibility: hidden;
  color: #000;
  top: 18px;
  left: 100px;
  background-color: #fff;
  layer-background-color: #fff;
}

a.lessonheader {
  font-size: 12px;
}

.red_free {
  color: red;
}
.txt_tall {
  font-size: 22px;
  height: 32px;
}
.tit {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  indent-left: 0;
}
.user_check {
  font-size: 12px;
  font-weight: normal;
}
.bullet_box {
  background-color: #F9F8F4;
  border: 1px dashed #CCC;
  vertical-align: top;
  padding: 10px;
  padding-top: 15px;
}
.bullet_box li {
  padding-bottom: 25px;
  font-size: 14px;
  padding-right: 20px;
  padding-left: 0;
}
.HelpCenter {
  text-align: left;
  float: left;
  margin: 20px 0 10px;
  width: 127px;
  padding: 10px 10px 0;
}
.FooterStarburst {
  text-align: left;
  float: left;
  margin: 30px 0 0 20px;
}
.Footer {
  width: 988px;
  padding: 20px 6px 0;
  margin: -285px auto 0;
  font: 12px Arial;
  text-align: center;
  line-height: 16px;
  color: #404040;
}
.Footer .main_all {
  background: #E9E9E9 url(/static/images/footer_bg.gif) repeat-x top center;
  padding-bottom: 5px;
}
.Footer a { color: #143277 !important; text-decoration: none !important; }
.Footer a:hover { text-decoration: underline !important; }
.upgrade_a {
  display: none;
  height: 230px !important;
  background: url(/static/images/upgrade.png) no-repeat bottom right !important;
  padding: 0 11px 13px 0 !important;
  position: absolute;
  top: 42px;
  right: -15px;
  margin: 0 !important;
  z-index: 200;
  .top: 40px;
}
.upgrade_a div {
  background: #FFF !important;
  border: 1px solid #000;
  height: 230px !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.upgrade_a div table { height: 230px; }
.upgrade_a div table td {
  padding: 4px;
  width: 196px;
  font: 12px Arial;
}
.upgrade_a div table td p { font-size: 11px; }
.upgrade_a .blue_bg { background: #E9F4F7; }
.upgrade_a h2 { font-size: 14px; margin: 0; padding: 0; }
.upgrade_a h2 img { margin-left: 5px; vertical-align: top; }
.upgrade_a h3 { font-size: 13px; margin: 10px 0; padding: 0; }
.upgrade_a .leftb { border-left: 1px solid #f0f0f0; }
.up {
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.up:hover .upgrade_a { display: block; }

.get_start {
  width: 550px;
  margin: 0 auto;
}
.get_start h1 { color: #227F39; font: bold 25px Tahoma; text-align: center; }
.get_start .st p {
  text-align: left;
  padding: 0;
  margin: 0;
}
.video_season td { padding: 5px; vertical-align: top; }
.video_season h2 { padding: 5px 0; margin: 0; font: bold 16px Arial; }
.video_season h2 a { font-size: 16px; color: #00F; text-decoration: underline; }
.video_season p { padding: 2px 0; margin: 0; }
/* for Forum */
.BlogPostforForum {
  width: 728px;
  margin: 0 auto;
  background: #FFF;
  padding: 10px 110px;
  border: 1px solid #777
  /* background-image: url(/theme/images/blogpost_back_forum.jpg); */
}
table[align="center"] { margin: 0 auto; }

.less_desc { font-size: 13px; margin: 10px; }
.less_desc p { padding: 10px 0 0; margin: 0; line-height: 1.6em; }
.less_desc ol,
.less_desc ul { margin-left: 40px; line-height: 1.6em; }
/* .less_desc a{text-decoration:none;font-size:12px;} */
.less_link { margin-left: 15px; padding: 2px 0; border-bottom: 1px solid #E2E2E2; }
.less_link .lnk { padding: 5px 0; color: #858585; }
.less_link .lnk a { color: #143277; padding: 4px; text-decoration: none; }
.less_link .right { float: right; width: 305px; margin-right: 10px; }
.less_link .photo { float: right; }
.less_link .less_com { float: right; padding: 3px 3px 0 0; }
.less_link .less_com a { color: #143277; text-decoration: underline; font-size: 12px; }
.less_link .less_com img { vertical-align: middle; }
.less_check { margin-left: 20px; padding: 5px 0; }
.less_check .right { float: right; border-bottom: 1px solid #E2E2E2; padding-right: 10px; }
.less_check table td { padding: 3px; }

/* < LIVE SEARCH > */
.s_gsearch,
.s_search,
.s_searching { padding: 2px 18px 3px 3px; border: 1px #CCC solid; height: 15px; font-size: 14px; width: 190px; }
.s_gsearch { background: #FFF; color: #555; }
.s_search { background: #FFF; color: #000; }
.s_button { position: absolute; top: 2px; right: 1px; z-index: 2; }
#globalsearch { position: absolute; top: 3px; right: 2px; }
#sdiv { position: absolute; z-index: 101; top: 27px; right: -3px; width: 400px; }
#sdiv a,
#sdiv h3,
#sdiv div { font-family: Tahoma, Geneva, Kalimati, sans-serif; }
#sdiv a:hover b.h { text-decoration: underline; }
#closebutton { position: absolute; z-index: 2; right: 4px; top: 4px; width: 16px; height: 16px; color: #FFF; padding: 0; cursor: pointer; }
#sp-results { background: #FFF; border: 1px #000 solid; width: 400px; }
#sp-results ul { margin: 0; padding: 0; }
#sp-results li { list-style: none; margin: 0; padding: 0; border-bottom: 1px #CECECE solid; font-size: 11px; display: block; width: 400px; }
#sp-results li:hover { background: #E6E8ED; border-bottom: 1px #CECECE solid; }
#sp-results li a { text-decoration: none; display: block; padding: 3px 3px 3px 10px; }
#sp-results li a:hover { text-decoration: none; }
#sp-results td a { text-decoration: none; display: block; padding: 2px 2px 2px 7px; }
#sp-results ul li td { vertical-align: middle; }
#sp-results h3 { margin: 2px 2px 2px 9px; font-size: 14px; position: relative; }
#sp-results h3 img { padding: 0 10px 0 0; position: relative; vetical-align: middle; display: inline-block; top: 4px; }

div.s_part { background: #8C8C8C; color: #FFF; padding: 1px; border-bottom: 1px solid #CECECE; }
div.s_more { text-align: right; padding: 3px 5px 3px 3px; }
div.s_more a { font-size: 11px; color: #DC0000; }
div.s_nr { color: #FFF; padding: 2px 2px 2px 15px; text-align: left; background: #8C8C8C; font-weight: bold; font-size: 14px; }
b.h { /* font-weight:normal; color:#DC0000; */ }
table.s_dic { width: 100%; border-spacing: 0; padding: 0; margin: 0; border-collapse: collapse; }
table.s_dic td { width: 50%; padding: 3px; margin: 0; border-width: 0; }
table.s_dic a { padding: 0 0 0 5px; }
/* </ LIVE SEARCH > */
#filterbox { width: 728px !important; }
#filterbox-category a { color: #00F !important; }
#filterbox a { color: #00F !important; }
.paged { border: thin solid gray; padding: 2px 6px; color: white; background-color: rgb(220, 0, 0); }
.odd {}
.even {}

.login td { font-size: 11px; vertical-align: middle; padding: 0; }
.login table td { padding: 0 4px !important; }
.login .input { padding: 2px; margin: 0; font-size: 11px; background: url(/static/images/top_input.gif) no-repeat left top; height: 16px; border: 0; width: 113px; }
#filterbox-adv { width: 728px !important; }
.title_light { background: #D3E5D7; border-top: 1px solid #BECFBC; border-bottom: 1px solid #BECFBC; padding: 0 10px 0 15px; margin-top: 10px; }
.title_light .next,
.title_bottom .next { float: right; margin: 3px 0 0 10px; }
.title_light h3 { padding: 5px 0; margin: 0; font-size: 16px; }
.title_light h3 span { font-weight: normal; }
.pplus { display: none !important; }
ol {
  padding: 0 !important;
  margin-left: 40px !important;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
/* improvements for header menu */
.in_help .border a {
  height: 21px;
  display: inline-block !important;
  overflow-y: hidden;
}

.in_help .border b {
  margin-bottom: 3px;
  display: block;
}

.in_help .border a sup {
  vertical-align: top;
  position: relative;
  top: -0.5em;
  text-decoration: none;
  top: -3px;
}