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; }
#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;
}
#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;
}
.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;
  top: 5px;
  right: 5px;
  position: absolute;
  height: auto;
  width: 600px;
}
.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; }
ul.inside { list-style-position: inside; }
/* .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.gray {
  margin-left: 5px !important;
}
.menu ul li.gray a,
.menu ul li.gray a:visited {
  text-decoration: none;
  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: 0px; }
.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; }

#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; }
.blue_no_arrow { float: left; color: #00F; padding: 0; font-size: 18px; text-decoration: none; font-weight: bold; }
div.title_lesson { float: left; color: #000; 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; cursor: pointer; }
div.title_lesson_arrow_only { float: left; color: #000; background: url(/static/images/black_arrow.gif) no-repeat 0 center; font-size: 18px; padding: 0; text-decoration: none; cursor: pointer; width: 15px; }
.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; }
.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; }
#zebra { width: 100%; }
#zebra th { text-align: left; padding: 5px; }
#zebra td { vertical-align: middle; padding: 3px 5px; }
#zebra a { color: #00F; }
.star img { float: left; }
.pad3px0px td { padding: 3px 0 !important; }
.pad10px { padding-left: 10px !important; }
.pad10pxr { padding-right: 10px !important; }
.pad35px { padding-left: 35px; }
.pad150px { padding-left: 150px; }
.align_center { text-align: center; }
.width_0px { width: 0; }
.width_5px { width: 5px; }
.width_10px { width: 10px; }
.width_25px { width: 25px; }
.width_100px { width: 100px; }
.width_70px { width: 70px; }
.width_337px { width: 337px; }
#zebra .desc td { vertical-align: top !important; padding: 2px 2px 5px 5px; }
.big_progress { float: left; margin: 4px 0 0 5px; display: block; background: url(/static/images/progress_big.gif) no-repeat center center; width: 121px; height: 10px; line-height: 10px; font-size: 11px; padding: 1px; position: relative; }
.big_progress div.text { display: block; position: absolute; width: 121px !important; text-align: center; z-index: 1; color: #FFF; line-height: 10px; font-size: 11px; background: none; left: 0; top: 1px; line-height: 12px; }
.big_progress div { background: url(/static/images/green_progress.gif) repeat-x center center; width: 70%; height: 10px; }
.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; }
.title_bottom { border-top: 1px solid #f0f0f0; padding: 0 10px 15px 0; margin: 10px 0 0 20px; }
.title_bottom h3 { padding: 5px 0; margin: 0; font-size: 16px; font-weight: normal; }
.lesson { background: url(/static/images/lesson.gif) repeat-y top left; width: 735px; }
.less_tit { background: url(/static/images/less_tit.png) repeat-x; height: 17px; font-weight: bold; font-size: 13px; color: #555; padding: 5px 5px 5px 7px; width: 721px; }
.lesson table td,
.lesson table th { width: 227px; padding: 5px 8px 5px 10px; text-align: left; }
.lesson th img { vertical-align: top; }
.lesson table { width: 100%; }
.lesson img { vertical-align: middle; }
.lesson a { color: #00F; }
.not_av,
.not_av a { color: #858585; text-decoration: none; }
.upgrade { width: 200px; float: right; padding: 5px 40px 5px 0; }
.less_desc { font-size: 13px; margin: 10px 10px 10px 15px; }
.less_desc p { padding: 10px 0 0; margin: 0; line-height: 1.6em; }
.less_desc a { text-decoration: none; font-size: 12px; }
.less_desc ol,
.less_desc ul { margin-left: 40px; line-height: 1.6em; }
.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: 260px; 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: 15px; 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 > */

#newpostother { display: none; }
.show_all { color: #808080; text-align: right; margin-right: 10px; padding: 5px 0; font-size: 11px; }
.parent_category { margin: 10px 10px 10px 0; color: #FFF; font-weight: bold; font-size: 16px; padding: 3px 3px 3px 20px; font-family: Tahoma, Geneva, Kalimati, sans-serif; }
.h5 { height: 10px; margin: 0; padding: 0; border: 0; }

/* Comments */
.blogtextresponse .alt {
  border: 1px solid #D7DED3;
  padding: 10px;
  background: #EEF4EF;
  margin: 10px 0;
  font-size: 12px;
}
.blogtextresponse .alt1 {
  border: 1px solid #DDE1D2;
  padding: 10px;
  background: #FAF9EE;
  margin: 10px 0;
  font-size: 12px;
}
.blogtextresponse .category1 {
  font-weight: bold;
  font-size: 12px;
}
.less_desc h3 {
  padding: 10px 0 !important;
  left: 0 !important;
}

#full_content img { margin: 0 auto; display: block; }
.top_of_sign2_up { width: 719px !important; }
.table_of_sign2_up { width: 722px !important; }
.top_of_sign2_up div,
.bot_of_sign2_up div { width: 704px !important; }
.table_of_sign2_up ul { width: 711px !important; }

.table_of_sign2_up ul li.f,
.table_of_sign2_up ul.gen li.f { width: 440px !important; }

.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; }

.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: -9px;
  margin: 0 !important;
  z-index: 200;
  .top: 40px;
}
* + html .upgrade_a { top: 42px; }
.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: 956px;
  margin: 0 auto;
}
.get_start .st p {
  text-align: left;
  padding: 0;
  margin: 0;
}

.get_start td { line-height: 16px; padding: 10px 0; }
.video_season td { padding: 5px; vertical-align: top; }
.video_season h2 { padding: 0 0 10px; 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: 720px;
  margin: 0 auto;
  background: #FFF;
  padding: 10px 110px;
  border: 1px solid #777
  /* background-image: url(/theme/images/blogpost_back_forum.jpg); */
}
.BlogPostforForum .bodyline { background-color: #FFF; border: 1px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.BlogPostforForum .forumline { background-color: #FFF; border: 2px #c0c0c0 solid; }


/* Main table cell colours and backgrounds */
.BlogPostforForum td.row1 { background-color: #FFF; padding: 3px; }
.BlogPostforForum td.row2 { background-color: #DFEEE3; padding: 3px; }
.BlogPostforForum td.row3 { background-color: #E7FBEC; padding: 3px; }


/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
.BlogPostforForum td.rowpic {
  background-color: #FFF;
  background-image: url(images/cellpic2.jpg);
  background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
.BlogPostforForum th {
  color: #1B582B;
  font-size: 12px;
  font-weight: bold;
  background-color: #EDF6F0;
  height: 25px;
  /* background-image: url(images/cellpic3.gif); */
}

.BlogPostforForum td.cat,
.BlogPostforForum td.catHead,
.BlogPostforForum td.catSides,
.BlogPostforForum td.catLeft,
.BlogPostforForum td.catRight,
.BlogPostforForum td.catBottom {
  background-image: url(images/cellpic1.gif);
  vertical-align: middle;
  background-color: #B3D5BC;
  border: #FFF;
  border-style: solid;
  height: 28px;
  padding: 0 5px;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
.BlogPostforForum td.cat,
.BlogPostforForum td.catHead,
.BlogPostforForum td.catBottom {
  height: 29px;
  border-width: 0;
}
.BlogPostforForum th.thHead,
.BlogPostforForum th.thSides,
.BlogPostforForum th.thTop,
.BlogPostforForum th.thLeft,
.BlogPostforForum th.thRight,
.BlogPostforForum th.thBottom,
.BlogPostforForum th.thCornerL,
.BlogPostforForum th.thCornerR {
  font-weight: bold;
  border: #FFF;
  border-style: solid;
  height: 28px;
}
.BlogPostforForum td.row3Right,
.BlogPostforForum td.spaceRow {
  background-color: #B3D5BC;
  border: #FFF;
  border-style: solid;
}

.BlogPostforForum th.thHead,
.BlogPostforForum td.catHead { font-size: 20px; border-width: 1px 1px 0; }
.BlogPostforForum th.thSides,
.BlogPostforForum td.catSides,
.BlogPostforForum td.spaceRow { border-width: 0 1px; }
.BlogPostforForum th.thRight,
.BlogPostforForum td.catRight,
.BlogPostforForum td.row3Right { border-width: 0 1px 0 0; }
.BlogPostforForum th.thLeft,
.BlogPostforForum td.catLeft { border-width: 0 0 0 1px; }
.BlogPostforForum th.thBottom,
.BlogPostforForum td.catBottom { border-width: 0 1px 1px; }
.BlogPostforForum th.thTop { border-width: 1px 0 0; }
.BlogPostforForum th.thCornerL { border-width: 1px 0 0 1px; }
.BlogPostforForum th.thCornerR { border-width: 1px 1px 0 0; }


/* The largest text used in the index page title and toptic title etc. */
.BlogPostforForum .maintitle,
.BlogPostforForum h1,
.BlogPostforForum h2 {
  font-weight: bold;
  font-size: 22px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  line-height: 120%;
  color: #000;
}


/* General text */
.BlogPostforForum .gen { font-size: 13px; }
.BlogPostforForum .genmed { font-size: 12px; }
.BlogPostforForum .gensmall { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.BlogPostforForum .gen,
.BlogPostforForum .genmed,
.BlogPostforForum .gensmall { color: #000; }
.BlogPostforForum a.gen,
.BlogPostforForum a.genmed,
.BlogPostforForum a.gensmall { color: 1b582b; text-decoration: none; }
.BlogPostforForum a.gen:hover,
.BlogPostforForum a.genmed:hover,
.BlogPostforForum a.gensmall:hover { color: 1b582b; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.BlogPostforForum .mainmenu { color: #000; }
.BlogPostforForum a.mainmenu { text-decoration: none; color: #404040; }
.BlogPostforForum a.mainmenu:hover { text-decoration: underline; color: #404040; }
.BlogPostforForum span.mainmenu { padding: 10px; display: block; }



/* Forum category titles */
.BlogPostforForum .cattitle { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; letter-spacing: 1px; color: #1B582B; }
.BlogPostforForum a.cattitle { text-decoration: none; color: #1B582B; }
.BlogPostforForum a.cattitle:hover { text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.BlogPostforForum .forumlink { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #1B582B; }
.BlogPostforForum a.forumlink { text-decoration: none; color: #1B582B; }
.BlogPostforForum a.forumlink:hover { text-decoration: underline; color: #1B582B; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.BlogPostforForum .nav { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #1B582B; }
.BlogPostforForum a.nav { text-decoration: none; color: #1B582B; }
.BlogPostforForum a.nav:hover { text-decoration: underline; color: #1B582B; }


/* titles for the topics: could specify viewed link colour too */
.BlogPostforForum .topictitle { font-weight: bold; font-size: 11px; color: #000; }
.BlogPostforForum a.topictitle:link { text-decoration: none; color: #1B582B; }
.BlogPostforForum a.topictitle:visited { text-decoration: none; color: #334B39; }
.BlogPostforForum a.topictitle:hover { text-decoration: underline; color: #1B582B; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.BlogPostforForum .name { font-size: 11px; color: #000; }

/* Location, number of posts, post date etc */
.BlogPostforForum .postdetails { font-size: 10px; color: #000; }


/* The content of the posts (body of text) */
.BlogPostforForum .postbody { font-size: 12px; }
.BlogPostforForum a.postlink:link { text-decoration: none; color: #1B582B; }
.BlogPostforForum a.postlink:visited { text-decoration: none; color: #334B39; }
.BlogPostforForum a.postlink:hover { text-decoration: underline; color: #1B582B; }


/* Quote & Code blocks */
.BlogPostforForum .code {
  font-family: font-family: Trebuchet MS, Arial, Helvetica,;
  font-size: 11px;
  color: #060;
  background-color: #FAFAFA;
  border: #B3D5BC;
  border-style: solid;
  border-left-width: 1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
}

.BlogPostforForum .quote {
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #444;
  line-height: 125%;
  background-color: #FAFAFA;
  border: 1px solid #B3D5BC;
  padding: 3px;
  margin-left: 20px;
}


/* Copyright and bottom info */
.BlogPostforForum .copyright { font-size: 10px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #444; letter-spacing: -1px; }
.BlogPostforForum a.copyright { color: #444; text-decoration: none; }
.BlogPostforForum a.copyright:hover { color: #000; text-decoration: underline; }


/* Form elements */
.BlogPostforForum input,
.BlogPostforForum textarea,
.BlogPostforForum select {
  color: #000;
  font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif;
  border-color: #000;
}

/* The text input fields background colour */
.BlogPostforForum input.post,
.BlogPostforForum textarea.post,
.BlogPostforForum select {
  background-color: #FFF;
}

.BlogPostforForum input { text-indent: 2px; }

/* The buttons used for bbCode styling in message post */
.BlogPostforForum input.button {
  background-color: #dcdcdc;
  color: #000;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
.BlogPostforForum input.mainoption {
  background-color: #FAFAFA;
  font-weight: bold;
}

/* None-bold submit button */
.BlogPostforForum input.liteoption {
  background-color: #FAFAFA;
  font-weight: normal;
}

/* For aligning text on right and left */
.BlogPostforForum .textOnLeft {
  padding-left: 27px;
  padding-top: 10px;
}

.BlogPostforForum .textOnRight {
  padding-right: 20px;
}

/* For aligning text on right and left */


/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.BlogPostforForum .helpline { background-color: #DEE3E7; border-style: none; }






/* /////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////// */



/* Css for login */
div.BlogPostforlogin {
  width: 640px;
  height: 345px;
  margin: 0 auto;
  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: 3px;
}
.textmsg ul { padding-left: 20px; }
/* 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;
}
.Dictionary {
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
}
.Dictionary td,
.Dictionary th {
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  padding: 3px;
}
.FC_no_import td { color: #000 !important; }
.Dictionary .last { padding-right: 10px !important; }


.Dictionary .Dictionary_Eng_Alt,
.Dictionary .Dictionary_Jap_Alt { background: #EDEDED; }
.Dictionary .Dictionary_Eng,
.Dictionary .Dictionary_Jap { background: #FFF; }

.vid { position: relative; width: 165px; height: 100px; }
.vid .cont { position: absolute; top: 0; left: 0; width: 157px; height: 97px; z-index: 5; }
.vid .shadow { position: absolute; top: 3px; left: 3px; width: 157px; height: 97px; background: #c0c0c0; opacity: 0.3; z-index: 0; filter: alpha(opacity=30); }

ul.lipad25 { padding-left: 25px; }

.pad { width: 500px; margin: 0 auto; border-top: 1px dotted #ccc; border-left: 1px dotted #ccc; }
.pad td,
.pad th { border-bottom: 1px dotted #ccc; border-right: 1px dotted #ccc; padding: 5px; }
.pad th { text-align: right; }
.pad td td { border: 0 !important; }
.mainLogin { border-left: 1px solid #CCC; border-top: 1px solid #CCC; width: 100%; }
.mainLogin td,
.mainLogin th { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 5px; }

.pplus { display: none !important; }

.v_align { vertical-align: middle; }


div.BlogPost {
  width: 708px;
  border: 1px solid #666;
  padding: 10px;
  margin-left: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: black;
}

.BlogPost div {
}
.BlogPost a {
  text-decoration: none;
}
.bloghead {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.bloghead a {
  font-size: 20px;
  font-weight: bold;
  color: #00F;
  padding-bottom: 1px;
}
.bloghead .list {
  font-size: 12px;
  float: none;
  height: 21px;
  display: inline-block;
  margin-left: 7px;
}
.bloghead .list span {
  display: block;
  float: none;
}
.blogcateg {
  margin: 15px 0;
  font-size: 16px;
}

.blogcat {
  margin: 15px 0;
  font-size: 16px;
}
.blogtext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: black;
  font-weight: normal;
  line-height: 150%;
}

.pagination {
  font-family: Trebuchet MS, trebuchet, Geneva, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: #343434;
  font-weight: normal;
  width: 728px;
  padding: 3px;
  text-align: center;
}
.current-page {
  border: solid thin gray;
  padding: 2px 6px;
  color: white;
  background-color: #DC0000;
}
.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;
}
.advancedLessonSearch {
  float: right;
  padding-right: 5px;
}
.advancedLessonSearch a {
  color: white;
  text-decoration: none;
}
.advancedLessonSearch a:hover {
  color: white;
  text-decoration: underline;
}
.thanksmain {
  margin: 10px auto;
}
.thanksmain td {
  padding: 5px !important;
}

div#top-banner-area {
  background-color: #FCFCFC;
  height: 110px;
  border-bottom: 1px solid #E5E5E5;
  text-align: center;
  display: table-cell;
  width: 988px;
}

td#top-banner-area {
  background-color: #FCFCFC;
  height: 110px;
  border-bottom: 1px solid #E5E5E5;
  text-align: center;
  vertical-align: middle;
}

.dashboard-heading {
  font-size: 19px;
  font-weight: 200;
  font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
  color: #000;
  padding-bottom: 15px;
}

#dashboard_latest_news {
  margin-top: 30px;
}

table#dashboard-first-time-hint {
  background-color: #FFFFD6;
  color: #000;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 9pt;
  font-weight: 200;
  border-bottom: 1px solid #E5E5E5;
}

table#dashboard-first-time-hint td {
  height: 30px;
  text-align: center;
  vertical-align: middle;
}

table#dashboard-first-time-hint td a {
  color: #E30D2E;
}

table#dashboard-first-time-hint td .dashboard-close-hint {
  cursor: pointer;
}

.txt-bold {
  font-size: 11pt;
  font-weight: 600;
  font-family: Helvetica, Arial, sans-serif;
  color: #000;
  line-height: 21pt;
}

/* 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;
}

.page-header-first {
  margin: 15px 0;
}

.mobile-web-h {
  margin-bottom: 0;
}

	}