html, body {height: 100%; margin: 0; padding: 0;background:url("/static/images/right.gif") ;}

body
{
    font-size:12px;
    font-family:Arial;
    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:283px;}
#main_all
{
	width:988px;
	margin:0 auto;
	min-height:100%;
	padding:0 6px;
	background:url("/static/images/left.png") repeat-y top center;
	height:auto !important;
	height:100%;
	}
#main_all_2
{
	width:988px;
	margin:0 auto;
	min-height:100%;
	padding:0 6px;
	background:url("/static/images/left2.png") repeat-y top center;
	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:0px 5px 0 0!important;
    background:none!important;
    float:none!important;
    text-align:right;
    width:190px;
    }
.logo{padding:0px 10px 0px 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 10px;vertical-align:top}
.in table{width:470px;}
.in_help table{width:235px;}
.menu ul li:hover .in,
.menu ul li:hover .in_help{
   display:block;
   position:absolute;
   top:21px;
   left:0px;
   border:1px solid #000;
   background:#FFF;
   font-size:14px!important;
}
.menu ul li:hover .in{
   width:470px;
}
.menu ul li:hover .in_help{
   width:235px;
}
    
.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 0;}
.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:0px;line-height:0pxl}
.content{width:100%;}
.left_panel{width:225px;font-size:13px;padding:0 0px 10px 0}
.wrap{margin-left:1px;padding-top:10px;}
.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 0px 0px 8px;}
.left_panel .pad13px .aud{}
.left_panel .pad13px .aud:hover{background-position:0px -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 0px 0px 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:#0000FF;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:#0000FF;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 0;}
.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:#0000FF;background:url(/static/images/black_arrow.gif) no-repeat 0px center;padding:0px 0px 0px 15px;font-size:18px;text-decoration:none;font-weight:bold;}

div.title_lesson{float:left;color:#000000;background:url(/static/images/black_arrow_act.gif) no-repeat 0px center;padding:0px 0px 0px 15px;font-size:18px;text-decoration:none;font-weight:bold;}
.blue2{float:left;color:#0000FF;background:url(/static/images/black_arrow.gif) no-repeat 0px center;padding:0px 0px 0px 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 0;color:#636363;width:655px;float:right;text-align:left;}
.pages a{padding:4px 8px 3px 8px;margin-right:2px;color:#0000FF;text-decoration:underline;float:left;display:block;}
.pages a:hover{color:#FF0000!important;}
.pages a:visited{color:#662D91;}
.pages a.completed{color:#a0a0a0;text-decoration:none!important;}

.pages2 a{padding:4px 8px 3px 8px;margin-right:2px;color:#0000FF;text-decoration:underline;float:left;display:block;}
.pages2 a:hover{color:#FF0000!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: #333333;
	font-size: 18pt;  
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 0px;
	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: #FFFFFF;
      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:0px;
    	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: #ffffff;
    	font-size:9pt;
    	vertical-align:middle;
    	margin-left:50px;
    	font-weight:normal;
    }
    
     .HeaderLogin2{ 
    	font-family: Trebuchet MS, trebuchet, Geneva, Arial, Helvetica, sans-serif;
    	color: #ffffff;
    	font-size:10pt;
    	vertical-align:middle;
    	margin-left:50px;
    	font-weight:bold;
    }
     .category {
      color: #333333;
      font-size: 10pt;
      font-weight:bold;
    }  
    			
    .category1 {
      color: #333333;
      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: #FF0000;
		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;
    }
       
    .podpress_imgicon {
    	vertical-align: middle;
      border: 0;
    	margin: 0;
    	padding: 0;
    }
    
  /*Normal pages submenu, (left sidebar)*/
	.submenu_container {
    width: 232px;
    float: left; 
  }
		
  /*News post*/  
  
  /*Blog posts*/
    div.BlogPost {
    	width: 728px;
		border:1px solid #666666;
		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:#0000FF;		 
		 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:#0000FF;
	}
	.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:#0000FF;
	}

/* 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:0px;
    	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 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:#0000FF;
		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 #777777;
      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: 0px; } /* IE will catch second line and overrides definitions in first one */
	body:last-child .imgclass { padding-left: 0px; }/* Third line is for FF, Netscape and so on */

	.imgclass1{
	border:0px;
	}
	
	.innertable{
		height:320px;
		margin-left: 15px;
	    margin-right: 5px;
		border: #606060 1px solid;
	}
	.innertable1{
		height:320px;
		margin-left: 0px;
	    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 #DDDDDD;
		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 #DDDDDD;
		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 #DDDDDD;
		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 #DDDDDD;
		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: #333333;
		font-size:11px;
		padding-left:0px;
		padding:3px;
		
		}
	/*End of css for login form */
	
	/*start of css for signup form */
	.BlogPostforsignup{
		width: 630px;
		margin:20px auto;
		border:1px #cccccc 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 #DDDDDD;	
	}
	.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 #DDDDDD;	
	}
	.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 #DDDDDD;	
	}
	
	.clmembership{
		width:60%;
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		font-weight: bold;
		padding-top:5px;
		padding-left:5px;
		
		border-bottom: 2px solid #DDDDDD;
		
	}
	
	.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 #DDDDDD;
		
	}
	/* 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 #DDDDDD;	
	}
	
	.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 #DDDDDD;
		
	}
	/*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 #DDDDDD;	
	}
	
	.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 #DDDDDD;
		
	}
	/*end email */
	
	
	.smalltext{
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #333333;
		font-size:11px;
		padding-left:0px;
		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:0px;
		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 #cccccc;
      background: #f0f0f0;
    }
    	
    td.Dictionary_Jap, td.Dictionary_Jap_Alt {
      font-family: Verdana;
      font-size: 11pt;
      border: 1px solid #cccccc;
      padding: 2px;
    }

    td.Dictionary_Eng, td.Dictionary_Eng_Alt {
      font-family: Verdana;
      font-size: 8pt;
      border: 1px solid #cccccc;
      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 #cccccc;
      padding: 2px;
    }

    td.LCLO_Title_Alt {
      background-color: #f8f8f8;
    }
    
    td.Dictionary_red {
      font-family: Trebuchet MS;
      font-size: 10pt;
      color : #DF1919;
      border: 1px solid #cccccc;
      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: #000000;
	top: 18px;
	left: 100px;
	background-color: #ffffff;
	layer-background-color: #ffffff;
}

a.lessonheader{
	font-size:12px;
	}
	
.red_free{
	color:red;
	}
	.txt_tall{
	font-size:22px;
	height:32px;
	}
	#signup_simple {
	margin:0px auto 0px auto;
	font-family:Arial, Helvetica, sans-serif;
	}
	#signup_simple submit{
	font-size:22px;
	}
	.tit{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	indent-left:0px;
	}
	#simple_signup tit{
	font-size:22px;
	font-weight:bold;
	text-align:left;
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	indent-left:0px;
	}
	#signup_simple td{
	font-size:16px;
	font-weight:bold;
	}
	#signup_simple .under_desc {
	font-size:12px;
	font-weight:normal;
	}
	.user_check {
	font-size:12px;
	font-weight:normal;
	}
	#signup_simple .txt_small {
	width:106px;
	}
	#signup_simple .txt {
	width:220px;
	}
	#signup_simple_left {
	width:570px;
	float:left;
	}
	#signup_simple_right {
	width:300px;
	float:left;
	vertical-align:top;
	}
	.bullet_box {
	background-color:#F9F8F4;
	border:1px dashed #CCC; 
	vertical-align:top;
	padding:10px;
	padding-top:15px;
	}
	.bullet_box ul{
	list-style-image: url('/images/sign_up_new/check.png');
	}
	.bullet_box li{
	padding-bottom:25px;
	font-size:14px;
	padding-right:20px;
	padding-left:0px;
	}
.SiteLinks, .AboutUs, .HelpCenter, .FooterMessage  { 
  text-align:left; 
  float:left; 
  margin:20px 0 10px 0;
  height:130px;
  width:127px;
  padding:10px 10px 0 10px;
 }
  .FooterMessage{width:355px; height:190px}
 .FooterMessage table td {padding:1px 20px 1px 0px;
 }
 .FooterStarburst{
  text-align:left; 
  float:left; 
  margin:30px 0px 0 20px; }
.FooterTitle { color:#000 ; font-weight:bold; font-size:12px}    
.FooterTitle span{color:#017439;}
.Footer 
{
  height:265px;
  width:988px;
  padding:20px 6px 0px 6px;
  margin:-285px auto 0 auto;
  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;height:265px;}
.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:#0000FF;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 #777777
		/*background-image: url(/theme/images/blogpost_back_forum.jpg);*/
}
table[align="center"]{margin:0 auto;}

.less_desc{font-size:13px;margin:10px 10px 10px 10px}
.less_desc p{padding:10px 0 0 0;margin:0}
.less_desc ol,.less_desc ul{margin-left:40px;}
/*.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_searching { background:#FFF url(/livesearch/images/loader.gif) no-repeat right; }        
.s_button { position: absolute; top:1px; right:1px; z-index:2; }
#globalsearch { position:absolute; top:3px; right:2px; }
#sdiv { position:absolute; z-index:2; top:25px; right:1px; 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:10px 0 3px 0; padding:0; }
#sp-results li { list-style:none; margin:0; padding:0; border-bottom:1px #CECECE solid; font-size:11px; display:block; width:398px;}  
#sp-results li:hover { background:#F3F3F3; border-bottom:1px #F9F9F9 solid; }
#sp-results h3 { margin:2px 2px 2px 15px; padding:0; font-size:14px; }   
#sp-results li a { text-decoration:none; display:block; padding:3px 3px 3px 10px; }  
#sp-results td a { text-decoration:none; display:block; padding:2px 2px 2px 7px; }  
#sp-results li a:hover { text-decoration:underline; }
div.s_part { background:#8C8C8C; color:#FFF; padding:1px; }    
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; }
#filterbox { width:728px!important; }
#filterbox-category a { color:#0000FF!important; }
#filterbox a{color:#0000FF!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:0px}
.login table td{padding:0 4px!important}
.login .input{padding:2px;margin:0px;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:0px 10px 0px 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;
}
