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:223px;}
#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;
    top:5px;
    right:5px;
    position:absolute;
    height:auto;
    width:600px;
    }
.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.gray
{
    margin-left:15px!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 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:0px;}
.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}

#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;}
.blue_no_arrow{float:left;color:#0000FF;padding:0px;font-size:18px;text-decoration:none;font-weight:bold;}
div.title_lesson{float:left;color:#000000;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;cursor:pointer;}
div.title_lesson_arrow_only{float:left;color:#000000;background:url(/static/images/black_arrow.gif) no-repeat 0px center;font-size:18px;padding:0px;text-decoration:none;cursor:pointer;width:15px}
.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;}
.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;}
#zebra{width:100%;}
#zebra th{text-align:left;padding:5px;}
#zebra td{vertical-align:middle;padding:3px 5px;}
#zebra a{color:#0000FF;}
.star img{float:left;}
.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: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;}
.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:#0000FF}
.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 0;margin:0}
.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:223px; }  
.s_gsearch { background:#FFF; color:#CCC; }
.s_search { background:#FFF; color:#000; }
.s_searching { background:#FFF url(/livesearch/images/loader.gif) no-repeat right; }        
.s_button { position: absolute; top:2px; 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; }
/* </ 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:11px;
}
.blogtextresponse .alt1
{
    border:1px solid #DDE1D2;
    padding:10px;
    background:#FAF9EE;
    margin:10px 0;
    font-size:11px;
}
.blogtextresponse .category1
{
    font-weight:bold;
    font-size:12px;
}
.less_desc h3
{
    padding:10px 0!important;
    left:0px!important}
    
#full_content img { margin-left:76px;}
.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: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 }
                                                                                            	
.SiteLinks, .AboutUs, .HelpCenter, .FooterMessage  { 
  text-align:left; 
  float:left; 
  margin:30px 0 20px 0;
  height:130px;
  width:150px;
  padding:10px 10px 0 15px;
 }
 .FooterMessage table td {padding:1px 35px 1px 0px;
 }
 .FooterStarburst{
  text-align:left; 
  float:left; 
  margin:50px 0px 0 20px; }
.FooterTitle { color:#000 ; font-weight:bold; font-size:12px}    
.Footer 
{
  height:223px;
  width:988px;
  padding:0px 0px;
  margin:-223px auto 0 auto;
  font:12px Arial;
  text-align:center;
  line-height:16px;
  color:#404040;
}
.Footer .main_all{background:#FFF url(/static/images/footer_bg.gif) repeat-x bottom center;height:223px;}
.Footer  a{color:#143277;text-decoration:none;}
.Footer a:hover{text-decoration:underline;}
.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: 0px 0px 10px 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: 720px;
		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;}
.BlogPostforForum table{width:100%!important;margin:0 auto;}
.BlogPostforForum img[width="803"]{display:none;}
.BlogPostforForum img{
display: expression(this.width == 803 ? "none" : "block");
}
.BlogPostforForum .bodyline	{ background-color: #FFFFFF; border: 1px #98AAB1 solid; }

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


/* Main table cell colours and backgrounds */
.BlogPostforForum td.row1	{ background-color: #FFFFFF; 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: #FFFFFF;
		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: #FFFFFF; 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: 0px 0px 0px 0px;
}
.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: #FFFFFF; border-style: solid; height: 28px; }
.BlogPostforForum td.row3Right,.BlogPostforForum td.spaceRow {
	background-color: #B3D5BC; border: #FFFFFF; border-style: solid; }

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


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


/* 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 : #000000; }
.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 : #000000 }
.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 : #000000; }
.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 : #000000;}

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


/* 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, sans-serif; font-size: 11px; color: #006600;
	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: #444444; 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: #444444; letter-spacing: -1px;}
.BlogPostforForum a.copyright		{ color: #444444; text-decoration: none;}
.BlogPostforForum a.copyright:hover { color: #000000; text-decoration: underline;}


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

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

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

/* The buttons used for bbCode styling in message post */
.BlogPostforForum input.button {
	background-color : #dcdcdc;
	color : #000000;
	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: 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;
		
		}  
	.textmsg ul { padding-left:20px; }	
	/*End of css for login form */
	
	/*start of css for signup form */
	.BlogPostforsignup{
		width: 520px;
		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;
		
	}
	.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;
	}
	.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:0px!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 #666666;
		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:#0000FF;		 
		 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 0px 15px 0px;
		font-size:16px;
	}

	.blogcat {
   		margin:15px 0px 15px 0px;
		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;  
    }
	.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;
    }