/* Global Start */
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, select { 
	margin:0; padding:0;    
	font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif, Arial, "Lucida Sans Unicode"; 	
}

body {
    font-size:62.5%; 
    color:#333;
    line-height: 1.5;
    background-color: #000;
}
p { 
	font-size: 14px; /* 14px */
  	line-height:1.5em; 
  	margin:0 0 10px 0; 
  }
  
  
.noheight { 
	font-size: 1.4em; /* 14px */
  	line-height:1.0em; 
  	margin:0 0 10px 0; 
}

/* Headings */
h1 { font-size: 2.8em; margin:20px auto 20px auto; /* 28px */}
h2 { font-size: 2.4em; /* 24px */}
h3 { font-size: 2.1em; /* 21px */}
h4 { font-size: 1.8em; /* 18px */}
h5 { font-size: 1.6em; /* 16px */}
h6 { font-size: 1.4em; /* 14px */}

h1, h2, h3, h4, h5, h6 { margin:10px 0; 
   font-family: Trebuchet, Tahoma, Arial, sans-serif;  
}

.content h1 a, .content h2 a,  .content h3 a,  .content h4 a,  .content h5 a,  .content h6 a, .content h1 a:visited, .content h2 a:visited, .content h3 a:visited, .content h4 a:visited, .content h1 a:hover, .content h2 a:hover, h3 .content a:hover, .content h4 a:hover{ 
	 color: #F26722;
}
/* .content a, .content a:hover{ color: #0000FF; } */

/* Links */
a {text-decoration: none;}
a:hover { text-decoration: underline; }
a:visited {color:#0000ff;}
a.color{ color:#F26722;  }
.color {color:#F26722;}
a.color:visited{ color:#F26722; }
a img, a .imgright { border:0px; }


/* Lists */
ul, ol { 
	list-style-position: inside; font-size: 14px; /* 14px */ 
  	margin-bottom: 10px; 
}
ul ul{ font-size:1em; margin:1em;}
ul ol{ font-size:1em; list-style:none;}


/* Tables */
table, form { margin: 10px 0; }
td { font-size:1.4em; }
td p{ font-size:1em;}
.font-size14{ font-size:14px;}
.font-size12{ font-size:12px;}
.float-right{ float:right;}

.content input[type=text], .content input[type=button], .content input[type=file],.content input[type=password], .content textarea { background:#f6f6f6; border:#bbb solid 1px; padding:2px; }
.content input, .content select, .content button{ vertical-align: middle;}

/* add start */
	img {vertical-align:middle;}
    .clear { clear:both; }
    
    .mainbody input[type="submit"] {_padding:4px; line-height:100%; background:url(../../images/btn-bg.png) center repeat-x; border:#bbb solid 1px; font-size:14px;_font-size:16px; padding:4px;  *padding:4px;cursor:pointer; }
    
    .mainbody input[type="submit"]:hover { border:#939393 solid 1px; }
	
    .mainbody input[type="button"] { _font-size:16px; *padding:0px;  line-height:100%; _padding:4px; background:url(../../images/btn-bg.png) center repeat-x; border:#bbb solid 1px; font-size:14px; padding:4px; cursor:pointer;  }
    
    .mainbody input[type="button"]:hover { border:#939393 solid 1px; }	
	.sidebar input{ margin:5px auto;}
     .mainbody input, .mainbody select {width: auto; margin:5px auto;}    
    .imgright { float: right; border: 1px solid #333; 
      margin: 0 0 20px 20px; 
    }
    .imgright2 { float: right;  
      margin: 0 0 20px 20px; 
    }
    .imgleft { float: left; border: 1px solid #333; 
      margin: 0 20px 20px 0; 
    }    
    .nobullets { list-style: none; 
    }
	.index-password a{
    	color: #ccc;
    	text-decoration: none;
    }
    .index-password a:hover{
    	text-decoration: underline;    	
    }
    .lessonbar h2 a{
    	text-decoration: none;
    }
    .lessonbar h2 a:hover{
    	text-decoration: underline;
    }   
    .lesson-title h1 a, lesson-title h1 a:visited{
    	color: #F26722;
    	text-decoration: none;
    }
    .lesson-title h1 a:hover{
    	text-decoration: underline;
    } 
    .dialogue-list a {
    	text-decoration: none;
    }
    .dialogue-list a:hover{
    	text-decoration: underline;
    }    
    #expansion a{
    	text-decoration: none;
    }
    #expansion a:hover{
    	text-decoration: underline;
    } 

/* add end */

/* Comments */

    #lesson-comments a:hover {
    	text-decoration: underline;
    	color: #F26722;
	}
	
    #lesson-comments .username, #lesson-comments .username a, #lesson-comments .les-com1-sub-avatar a { /* usernames in comments, the link for "Team" under team members' avatars */
    	text-decoration: none;
		font-weight: bold;
    	color: #F26722;
	}

	#lesson-comments .username a:hover {
    	text-decoration: underline;
	    color: #F26722;
    }

    #lesson-comments a{
    	text-decoration: none;
    }

	#lesson-comments .les-com-days a{
		color: #333;
	}
    
    #lesson-comments .les-com1-sub-avatar img a{ /* fix image location next to "Team" under team members' avatars */
    	margin-top:-10px;
    }
	.conversation-r h4{ font-size:1.2em; margin-top:-6px;} 
	.conversation-r h4 a{ color:#333; }
	.conversation-r h4 .color a{ color:#F26722; text-decoration:underline; }
	.conversation-r h4 a:hover{ color:#F26722; }
	.css_audio_btn span.css_btn_lbl{ color:#fff;}
	.css_audio_btn span.css_btn_lbl:hover{ color:#F26722;}


    #lesson-comments .les-com1 ul li, #lesson-comments .les-com1 ol li {
		margin-left:20px;
		/*font-size:75%;*/
		margin-bottom:10px;
		list-style-position:outside;
	}


/* */
.header-itemie6{ _margin-top:90px;}
/* Global End */

/* structure css */

    .mainbody { float: left; background: #c0c0c0; width: 100%; min-width: 950px; padding: 15px 0; }
    .container { width: 960px; margin: 0 auto; }
    .r-col { float:left; width:310px; }
    .l-col { width:640px; float:left; margin-right:10px; display:inline; }

/* structure css  end*/

/* common css */

    .date{ color:#666; font-size:0.8em; font-style:italic; margin-bottom:10px; }
    .icon { width:auto; float:left; margin-right:12px; }
    .col-a,.col-b { float:left; width:auto; clear:right; }
    .time { font-size:0.9em; color:#999; }
    .hide { display:none; }
    .form-table td { padding:6px; }
    .perpage { float:right; width:auto; }
    .text-tip { color:#999; font-size:12px;}
    .settings{ float:right;}
    .rss{ float:right; width:20px;}
    .large-box{ border:#ccc solid 1px; padding: 10px 20px;}
    th.txt-right{ text-align:right;}
	.btnr{ float:right; clear:left;}
	.box-r{ float:right; clear:left; width:auto; }
	.box-l{ float:left;  clear:right; width:auto; }
	.font-gray{ color:#999;}
    
/* common css */

/* content */

    .l-col .no-nav { border-top:#999 solid 1px; padding-top:0px; }
    .content { font-size:1.2em;  border-bottom: 1px solid #8b8b8b; background:#fff; border-left:#8b8b8b solid 1px; border-right:#8b8b8b solid 1px; padding: 30px 25px 15px 25px; _padding: 10px 22px 15px 22px;  }
    .content-small { font-size:0.925em; }
        
        .content .rss { width:100%;  text-align:right; margin-bottom:12px; padding-top:10px; }

/* content end */



/* navigation start */

    .navigation { width: 100%; line-height: normal; margin: 0; }
    .navigation ul { float: left; width: 100%; margin: 0; padding: 0; list-style: none; background:#c0c0c0 url(../../images/nav_bg.gif) repeat-x bottom left; }
    .navigation ul li { float: left; margin: 0; padding: 0;  }
    .navigation ul li.set { float: right; }
    .navigation ul li.set a { background: none; float: right; padding: 5px 5px 0 0; }
    .navigation ul a { background: url(../../images/tab_left.gif) no-repeat scroll left top; float: left; display: block; margin: 0; padding: 6px 0px 4px 8px; color: #727272; text-decoration: none; font-weight: bold; }
    .navigation ul a span { background: url(../../images/tab_right.gif) no-repeat scroll right top; padding: 6px 8px 4px 0; }
    .navigation ul li.current a { background-position: 0pt -150px; padding-bottom: 5px; }
    .navigation ul li.current a span { background-position: 100% -150px; padding: 6px 8px 5px 0px; color: #F26722; }
    .navigation ul a:hover { background-position: 0% -150px; text-decoration: none; padding-bottom: 5px; }
    .navigation ul a:hover span { background-position: 100% -150px; padding: 6px 8px 5px 0px; color: #F26722; } 
    .navigation ul li.unload a { background: url(../../images/tab_left.gif) no-repeat scroll 0pt -300px; float: left; margin: 0pt; padding: 4px 8px; }
    .navigation ul li.unload a span { background: url(../../images/tab_right.gif) no-repeat scroll 100% -300px; color: #727272; display: block; float: left; font-weight: bold; padding: 4px 8px; text-decoration: none; width: auto; }
	#menutab ul { background:#fff url(../../images/nav_bg.gif) repeat-x bottom left;;}/*add ranking page*/
/* navigation start */

/* Start page */

    #page { text-align: center; margin: 1.5em 0; font-size:12px;  }
    #page a { color: #F26722; text-decoration: none; border: 1px solid #F26722; padding: 2px 6px; margin:3px; }
    #page a:hover { color: #fff;  background-color: #F26722; }
    #page .current.prev, #page .current.next{ text-decoration: none; border: 1px solid #999; padding: 3px 5px; color: #999;color:#333;  }
    #page .current {  color: #333;  margin:2px 2px;padding: 2px 6px;  background-color: #fff; border:#fff solid 1px; }

    #pagination { text-align: center; margin: 1.5em 0; font-size:12px;  }
    #pagination a, #pagination span { color: #F26722; text-decoration: none; border: 1px solid #F26722; padding: 2px 6px; margin:3px; }
    #pagination a:hover, #pagination span:hover { color: #fff;  background-color: #F26722; }
    #pagination #none { text-decoration: none; border: 1px solid #999; padding: 3px 5px; color: #999;color:#333;  }
    #pagination #current {  color: #333; margin:2px 2px;padding: 2px 6px; background-color: #fff; border:#fff solid 1px; }



/* End page */








/* comment */

    .comment-main { list-style:none; }
    .comment-main .date { margin-top:5px; border-top:#999 solid 1px; }
    .avatar { float:left; margin-right:10px; display:inline; margin-top:-3px; }
    .comment-main h2 { font-size:1.6em; margin:0px; }
    .comment-main li { clear:both; margin-bottom:12px; display:block; }
    .conversation-r { float:right; margin-bottom:20px; margin-top:-4px; min-height:90px; width:480px; }
    .conversation-r a{  /* color:#333; */ }
    .conversation-r .color{ color:#F26722;}
    #team .conversation-r{ width:450px; }
	#team .conversation-r h2 a{ color:#F26722;}
    .conversation-r p{ font-size:14px;}
    
/* comment end */

/* exercise */

    .exercise-main { width:640px; float:left; }
    .exercise-sidebar { width:300px; float:left; margin-right:20px; _margin-right:10px; }
    .lesson-title h1 { font-size:2.4em; margin-bottom:20px; }
    #dialogue .dialo-a button, #dialogue .dialo-b button, .vocab-table button, #expansion button{ float:right; clear:left; }
    #dialogue .dialo-a, #dialogue .dialo-b{ font-size:1.4em; }
    .dialo-a{ background:#ddd;padding:10px; font-size:12px; }
    .dialo-b{ background:#f5f5f5;padding:10px; font-size:12px; }
    .dialo-a a , .dialo-b a{ color:#666; }
	.dialo-a td , .dialo-b td, .dialo-a p , .dialo-b p{ font-size:1.2em;}
    
/* exercise */


/* sidebar */

  .sidebar { background: #fff url(../images/sidebar_bg.gif) repeat-y top left; margin-bottom: 10px; width: 310px; font-size: 0.9em; }
  .sidebar .checkbox input { width: auto; }
  .sidebar input.hundred { width: 100%; } 
  .sidebar-img-top { background: url(../images/sidebar_img_top.gif) no-repeat top left; clear: both; height: 7px; }
  .sidebar-img-content { padding: 0px; text-align: center; }
  .sidebar-btm { background: url(../images/sidebar_btm.gif) no-repeat bottom left; clear: both; height: 7px; }
  .sidebar-title { font-weight: bold; font-size:1.4em; color: #ffffff; background:#2d2e2d url(../images/sidebar_top.gif) no-repeat left top; padding: 5px 10px; }
  .sidebar-title h3{ font-size:1em;  display:block; width:240px; margin:0px;padding:0px;}
  .sidebar-content { padding: 10px; }
  .newusers a { display:inline-table; margin:4px auto; }
  .s-cancel { float:right; }
  .activity-list p{ margin:3px 0px; width:100%; display:inline-table; }
  .activity-list img { margin-bottom:10px; float:left; margin-right:4px; }
  
/* sidebar end */



/* header start*/

    #header { background:#8d8d8d url(../images/header_bg.jpg) repeat-x bottom left; margin: 0; padding:0 0 13px 0; width: 100%; min-width: 950px; float: left; }
    #logo { float: left; width: 200px; margin-right: 20px; padding: 16px 0; }
    #header-item { float: right; color: #ffffff; text-align: right; margin-top: 5px; _margin-top: -80px; }
        .header-text { height: 6px; line-height: 110%; _height: 0px; }
        #header-item img { vertical-align: middle; }
        #header-item input[type=text] { padding: 1px 2px; color: #666; margin:2px 0 0 0 ; max-width: 280px; _margin-bottom:0px; width:100px; }
        #header-item a { text-decoration: none; color: #ffffff; }
        #header-item a:hover { text-decoration: underline; }
    input.btn-search { background: url(../images/search_go.gif) no-repeat left top; width: 30px; height: 23px; border: none; top:0px; position:relative;}
    .breadcrumbs{ margin-bottom:10px; font-size:1.2em; margin-top:-20px; }
    .breadcrumbs a{ color: #333; }    

/* header end */ 



/* nav */

    #nav { margin-top: 0px; padding-top: 0px; float: left; display:inline; }
        #nav ul { list-style: none; padding: 0px; margin: 0px; width: 100%; float: left; }
        #nav ul li { float: left; font-weight: bolder; font-size:1.2em; margin:0px; }
        #nav ul li a { float: left; display: block; text-decoration: none; color: #ffffff; padding: 30px 14px; font-weight:bold; }
        #nav ul li a:hover { color: #ffffff; text-decoration: none; background: #8d8d8d url(../images/current_bg.jpg) repeat-x left bottom; }
        #nav ul li.current { background: #8d8d8d url(../images/current_bg.jpg) repeat-x left bottom; }  

/* nav*/ 



/* footer */

    #footer-break { margin: 0; clear: both; background-color: #828282; background-image: url(../images/footer_mainbg.gif); background-repeat: repeat-x; padding-bottom: 30px; width: 100%; min-width: 950px; float: left; color: #fff; font-size: 1.0em; }
    #footer-highlight { background-image: url(../images/footer_current.gif); width: 182px; min-height: 130px; float: left; background-repeat: no-repeat; }
    
    .footer-title { font-weight: bold; padding-top: 30px; padding-bottom: 5px; }
    .footer-menu ul { margin: 0px 20px 0px 20px; list-style-type: none; list-style-position: outside; }

    .footer-menu img { margin: 0px; }
    .footer-column { margin-left: 10px; width: 182px; min-height: 130px; float: left; }

    #copyright { clear: both; text-align: center; padding-top: 40px; color: #fff; }
        #copyright ul { list-style-type: none; }
        #copyright li { display: inline; }
        #footer-break a { color: #fff;  text-decoration:none; }
        #footer-break a:hover {  text-decoration: underline; }

/*footer end */ 


/* list style */

    .list-arrow-2 { list-style-type: none; list-style-position: outside; margin-bottom: 5px; margin-top: 5px; }
        .list-arrow-2 li { background: url(../images/icons/bullet_go.gif) no-repeat 0 3px; padding-left: 20px; }
        .list-arrow-2 ul { list-style-type: none; list-style-position: outside; }

/* list style end */


/* lesson */

    .lesson-image { width:auto; display:inline-table; margin-bottom:6px; }
    .lesson-image img { border:#c8cdd2 solid 1px; padding:3px; }
    .related-mp3 { float:left; margin-left:50px; margin-top:6px; }
    .lesson-intro {  _width:95%; }
	.lessonbar { width:100%; clear:both; float:left; margin-bottom: 40px; }
    .lessonbar h2 { margin:10px auto 20px auto; width:100%; }
    .lessonbar h2 a { color:#333; }
    .lessonbar h2 span a{ color:#F26722; }
    .lessonbar .col-a { margin-right:12px; _margin-right:0px; }
    .lessonbar .col-a img { margin:0px; }
    .lessonbar .col-b { width:320px; }
    .lessonbar .col-b ul.exercise-list { margin-bottom:20px; display:inline-table; } 
    .lessonbar .col-b ul.exercise-list li { list-style:none; float:left;  width:150px; font-weight:bold; margin-top:14px; _width:150px;_display:inline; }
    .lessonbar .col-b ul.exercise-list li a{ color:#333; }    
    .lessonbar .col-b ul.exercise-list li img { top:3px; }
    .lessonbar .col-b .date { margin-bottom:12px; font-size:0.8em; }

/* lesson end */

    .clear-1 { clear:both; width:100%; height:1px; }
    .clear-10 { clear:both; width:100%; height:10px; }	
    .clear-12 { clear:both; width:100%; height:12px; }
    .clear-15 { clear:both; width:100%; height:15px; }
    .clear-20 { clear:both; width:100%; height:20px; }
    .clear-25 { clear:both; width:100%; height:25px; }
    .clear-30 { clear:both; width:100%; height:30px; }
    .clear-40 { clear:both; width:100%; height:40px; }
    .clear-50 { clear:both; width:100%; height:50px; }
    .row { width:100%; clear:both; overflow:hidden; border:0px;}
    

    
    hr { background: #999; color: #999; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.4em; border: none; }  
    hr.space { background: #fff; color: #fff; }

/*  box  */

    .roundcorner-gray-top { background-attachment:scroll; background-image:url(../images/graybox_round_t.gif); background-position:left top; background-repeat:no-repeat; height:5px; margin:0; clear:both; }
    .roundcorner-gray-top .fold { float:right; margin:20px;  _margin:10px 10px 0px -10px; _overflow:visible; clear:both; width:10px; height:0px; display:block; }
    .clear:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    * html .clear { height:0px; }
    .clear { display: block; }


/*add for me first suggestion box*/
.first-suggestion-box {
    background-attachment: scroll;
    background-image: url(../../images/graybox_round_m.gif);
    background-repeat: repeat-y;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
}
.first-suggestion-box ul {
   /* font-size: 18px; */
}
.first-suggestion-box ul li {
    list-style-type: decimal;

}
    
    .suggestion-box, .first-suggestion-box { background-attachment: scroll; background-image: url(../images/graybox_round_m.gif); background-repeat: repeat-y; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px;width:590px; }
    .suggestion-box #lesson_sets, .first-suggestion-box  #lesson_sets{ width:560px; }
    .suggestion-box #lesson_sets .lesson_set, .first-suggestion-box #lesson_sets .lesson_set { width:165px; border:#a9a9a9 solid 3px; }
    .roundcorner-gray-top { background-attachment:scroll; background-image:url(../images/graybox_round_t.gif); background-position:left top; background-repeat:no-repeat; clear:both; height:5px; margin:0; position:relative; top:-5px; }
    .first-suggestion-box h5 ,.suggestion-box h5 { padding-left:10px; margin:10px 5px 20px; display: inline; }
    .roundcorner-gray-content { margin:0; padding:0 15px; overflow:hidden;width:590px;  }
    .roundcorner-gray-botton { background-attachment:scroll; background-image:url(../images/graybox_round_b.gif); background-position:left bottom; background-repeat:no-repeat; clear:both; height:5px; margin:0; padding:0; }
    .bg-yellow { }
        
/*  box   */


    .filter-box { border:2px solid #ECECEC; color:#333333; font-size:1.2em; margin:10px auto; padding:8px 10px; }

/* start lesson_sets */

    .lesson_sets { width:590px; }
    .lesson_sets { }
    .lesson_sets .row .box { margin: 15px 3px; text-align: center; float: left; width: 130px; border: 1px solid #A9A9A9; background: #fff; padding: 10px 4px; overflow:hidden; font-size:1.2em; }
    .lesson_sets .title { text-align: center; width:auto; }
    .lesson_sets .all { float:right; font-size:1.2em; margin-right:4px; }

/* end lesson_sets */


    /* #lesson-channels .row .col-a,
    #community-groups .row .col-a£¬    #resource-grossary .row .col-a{ width:42%; clear:both; padding-right:35px; border-right:#f5f5f5 solid 1px;  }
    #lesson-channels .row .col-b, 
    #community-groups .row .col-b£¬    #resource-grossary .row .col-b{ float:right; width:46%; }
    #overview .row .col-a { width:42%; clear:both; padding-right:35px; border-right:#f5f5f5 solid 1px; }
    #overview .row .col-b { float:right; width:46%; } */
    .content .row .col-a { width:42%; clear:both; padding-right:35px; border-right:#f5f5f5 solid 1px; }
    .content .row .col-b { float:right; width:46%;  }
    
    #lesson-channels h3, #community-groups .h3{ font-size:1.4em; }
    #lesson-channels .column img, #community-groups .column img{ float:left; margin:0.5em 1.1em 1px 0; }

/* table  */

    table { border-collapse:collapse; }
    .table-comments-list th, .table-list th{ font-weight:bold; font-size:1.2em; text-align:left; padding:2px 4px; border-bottom:#999 solid 1px;}
	 .table-list th{ }
    .table-comments-list tr {}
    .table-comments-list td,.table-list td{  border-bottom:#999 solid 1px; padding:4px;}
	 .table-comments-list td,.table-list td{ font-size:12px;}
    .vocab-table td{ border:0px; border-bottom:#999 solid 1px; border-top:#999 solid 1px; padding:4px; font-size:1.6em; }
	.vocab-table td a{font-size:80%; }
	.vocab-table td input, .vocab-table td textarea{font-size:1em; }
    #vocab_list_container .vocab-table { margin:0px;}
    #vocab_list_container .vocab-table td { border-top:0px;}
    .vocab-table td label{ font-size:120%; }
    .operate-table { border-top:#999 solid 1px; border-bottom:#999 solid 1px; }
    .operate-table td { padding:6px; }
    .lesson-list-table { width:100%; }
    .lesson-list-table th { font-size:1.2em; padding:8px; border-top:#999 solid 1px; text-align:left; }
    .lesson-list-table td { border-top:#999 solid 1px; border-bottom:#999 solid 1px; padding:6px; }
    tr.odd { background:#f7f7f7; }
    
/*  popwindow  */
#helpOnPageContent1, #helpOnPageContent2,#helpOnPageContent3, #helpOnPageContent4, #helpOnPageContent5, #helpOnPageContent6, #helpOnPageContent7, #helpOnPageContent8, #helpOnPageContent9, #helpOnPageContent10, #helpOnPageContent11, #helpOnPageContent12, #helpOnPageContent13, #helpOnPageContent14, #helpOnPageContent15, #helpOnPageContent16, #helpOnPageContent17, #helpOnPageContent18, #helpOnPageContent19, #helpOnPageContent20, #helpOnPageContent21 , #helpOnPageContent22, #helpOnPageContent23, #helpOnPageContent24, #helpOnPageContent25, #helpOnPageContent26{ display:none; }




/* Start new */

.header-sub-info { font-size:1.2em; background:#4D4D4D; border-top:1px solid #6B6B6B; color:#ffffff; margin-top:-13px; float: left; width: 100%; padding: 4px 0 7px; }
.header-sub-info .container { text-align: right; }
.header-sub-info a{ color: #ffffff; text-decoration:none;}
.header-sub-info a:hover { color: #ffffff; text-decoration:underline;}

.header-shadow { width:100%; background:url(/images/h-info-bg.jpg) repeat-x; height:14px; float:left; display:block; margin-bottom:-40px; position:relative; }
.training-select { float:left; position:relative; margin:4px auto; }

.header-subscription { font-size:12px; line-height:120%; float:left; width:280px; color:#fff; margin-top:18px; border-left:#444 solid 1px; padding-left:12px; }

/* Start new */


/*  home -- activity  */

    #activity { font-size:1.4em; }
    #activity .row { border-top:#ccc solid 1px; padding-top:20px; }
		.activity-reply{  border-top:#999 solid 1px; width:100%; clear:both; }
		.activity-reply .avatar { margin-top:4px; }
		.activity-reply-r{ display: table; float:right; width:430px; }	
		
/*  home -- activity  */

/*  home -- profile  */
#profile { overflow:hidden; margin:20px 0px; }
    #profile .col-a { margin-right:20px; display:inline; width:165px; }
    #profile .col-b { width:400px; }
	#profile a.p-edit{ float:right; color:#0000ff; font-size:14px; font-weight:normal; line-height:200%; *line-height:100%; *top:-22px; *position:relative;text-decoration:none;}
	#profile a.p-edit span{ text-decoration:  underline;}
/*  home -- profile  */

/*  community  */
    #conversation #post_btn { float:right; clear:left;}
    #ranking .table-list{ border:#999 solid 1px; margin:-1px 1px 0px 1px; _margin:-1px -1px 0px 0px; float:left; width:586px; -width:594px; overflow:visible;  }
    
    #post_btn input.btn-writepost {
        background-image:url(/images/write-a-own-post.jpg);
        border:0 none;
        cursor:pointer;
        height:31px;
        width:181px;
		position:relative;
		*margin-right:20px;

    }
    
    input[type="button"].btn-writepost:hover {
        background-image:url(/images/write-a-own-post2.jpg);
    }

/*  messages  */    
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
font-size:1.2em;
}

.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('/images/messages/info.png');
}

.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('/images/messages/success.png');
}

.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/images/messages/warning.png');
}

.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('/images/messages/error.png');
}

.green-box{
border:2px solid #33CC00;
color:#33CC00; 
padding:8px 10px; 
margin:10px auto; 
font-size:12px;
}

/* tooltip begins */
#dhtmltooltip {position: absolute;left: -300px;width: 150px;border: 1px solid black;padding: 5px;background-color: lightyellow;visibility: hidden;z-index: 100;filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}
#dhtmlpointer {position: absolute;left: -300px;z-index: 101;font-size: 36px;visibility: hidden;}
a.forbidden-gray {color: #666;}
.row_1 {font-size: 24px;}
.invisible_pinyin {font-size: 16px;}
.row_2, .row_3, .row_4{font-size: 18px;}

/* tooltip ends */
.les-comment-hold td input{ margin:5px auto;}

/* lesson characters */
.dialo-a span, .dialo-b span{font-size:1.2em; font-style:normal;}/* zh characters */
.dialo-a a, .dialo-b a{color:#666;} /* en characters - WARNING: this style depends on the translation being a link! */

/* sample lesson */
.sample-a-lesson-note{ border:#fff solid 1px; background:#Faffbd; padding:8px; color:#8d731f; font-size:1.4em; font-weight:bold; margin-bottom:20px; }
.sample-a-lesson-note span{ color:#333; }
.sample-note-text{ float:left; width:650px; margin:15px auto;}
.sample-sign-up{ float:right;  width:200px; height:30px; margin-top:0px;}
/* sample lesson end */

/* sign up */
table.sign-up { table-layout:fixed; border-collapse:collapse;}
table.sign-up td{ padding:2px 0px; border:0px; margin-left:0px; overflow:visible; }
table.sign-up td input, table.sign-up td textarea{ width:100%; *width:215px; }
table.sign-up td input[type=text], table.sign-up td input[type=password]{ height:34px; line-height:34px; font-size:16px; padding-left:4px;}
table.sign-up td input{ height:34px; line-height:36px; font-size:16px; padding-left:4px; _padding-left:2px; _line-height:30px;}
table.sign-up td textarea{ width:98%; height:150px; font-size:13px; }
.txt-right{ text-align:right;}
table.sign-up .txt-right{ padding-right:12px;}
table.sign-up td *.checkbox{ width:16px; height:12px; }
.sign-note-tick, .sign-note-assign{ height:42px; background:#999; width:100%; float:left; margin-left:5px; display:inline; }
.sign-note-tick{  background:url(../images/messages/sign-up-tick.png) no-repeat;}
.sign-note-error{  background:url(../images/messages/sign-up-assign.png) no-repeat; color:#cc0000;height:42px; width:215px;margin-left:5px;}
.sign-note-focus{  background:url(../images/messages/sign-up-assign.png) no-repeat; height:42px; width:215px; margin-left:5px;}
.note-text{ font-size:11px; line-height:11px; height:42px; vertical-align:middle; display:table-cell; padding-left:30px; width: 180px; *display:block; *margin-top:12px; *height:auto; }

/* sign up end */