/* Global Start */
/* Forms */
@import url("zones.css");

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: 14px; /* 14px */
	line-height: 1.0em;
	margin: 0 0 10px 0;
}

/* Headings */
h1 {
	font-size: 2.4em;
	margin: 20px auto 20px auto; /* 28px */
}

h2 {
	font-size: 2.2em; /* 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, "Lucida Sans Unicode";
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	text-decoration: none;
}

h3 a, h3 a:visited{
	color: #333;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
	text-decoration: underline;
}

.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: #cc0000;
}

.lessonbar h2 a,.lessonbar h2 a:visited {
	color: #333;
}

.lessonbar h2  .color a {
	color: #cc0000;
}

td .headline-title {
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
	color: #fff;
}

}
td .headline-title a:,td .headline-title a:visited {
	color: #000000;
}

/* .content a, .content a:hover{ color: #0000FF; } */
/* Links */
a {
	text-decoration: underline;
	color: #00479d;
}

a:hover {
	text-decoration: none;
	color: #cc0000;
}

a:visited {
	color: #00479d;
}

a.color {
	color: #cc0000;
}

a.color:visited {
	color: #cc0000;
}

a img,a .imgright {
	border: 0px;
}

a.red2 {
	color: #c11920;
	font-size: 1.2em;
}

a.green2 {
	color: #8ac407;
	font-size: 10px;
}

.red {
	color: #c11920;
}

.green {
	color: #8ac407;
}

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

ul ul {
	font-size: 1em;
	margin: 1em;
}

li a,td a {
	text-decoration: underline;
}

li a:hover,td a:hover {
	text-decoration: none;
}

.nounderline li a,td a {
	text-decoration: none;
}

.nounderline li a:hover,td a:hover {
	text-decoration: underline;
}

/* Tables */
form {
	margin: 10px 0;
}

td {
	font-size: 14px;
}

r-col td {
	font-size: 12px;
}

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

.imgleft2 {
	float: left;
	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: #cc0000;
	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;
}

ul.sub-ul-list {
	margin-left: 12px;
	display: inline;
	float: left;
}

/* add end */
/* Comments */
#lesson-comments a {
	text-decoration: underline;
}

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

#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: #cc0000;
}

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

#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: 18px;
	margin-top: -6px;
}

.conversation-r h4 a.red2 {
	color: #cc0000;
	font-size: 18px;
}

.conversation-r h4 a.black {
	color: #333;
	font-size: 18px;
}

.css_audio_btn span.css_btn_lbl {
	color: #fff;
}

.css_audio_btn span.css_btn_lbl:hover {
	color: #cc0000;
}

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

.full-col {
	width: 950px;
	display: inline;
}

.full-col #main {
	float: left;
	display: inline;
	width: 600px;
}

.full-col #side {
	margin-left: 640px;
}

/* structure css  end*/
/* common css */
.date {
	color: #666;
	font-size: 12px;
	font-style: italic;
	margin-bottom: 10px;
	padding-top: 5px;
	border-top: #ccc solid 1px;
}

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

.li-more {
	list-style-type: none;
	padding-left: 14px;
	font-weight: bold;
	padding-top: 6px;
}

body {
	font-size: 10px;
}

/* common css */
/* content */
.l-col .no-nav {
	border-top: #999 solid 1px;
	padding-top: 0px;
}

.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 20px 15px 20px;
	_padding: 10px 22px 15px 22px;
}

.content-100 {
	font-size: 1.2em;
	border-top: #999 solid 1px;
	border-bottom: 1px solid #8b8b8b;
	background: #fff;
	border-left: #8b8b8b solid 1px;
	border-right: #8b8b8b solid 1px;
	padding: 10px 20px;
	_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: #cc0000;
}

.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: #cc0000;
}

.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: #cc0000;
	text-decoration: none;
	border: 1px solid #cc0000;
	padding: 2px 6px;
	margin: 3px;
}

#page a:hover {
	color: #fff;
	background-color: #cc0000;
}

#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: #cc0000;
	text-decoration: none;
	border: 1px solid #cc0000;
	padding: 2px 6px;
	margin: 3px;
}

#pagination a:hover,#pagination span:hover {
	color: #fff;
	background-color: #cc0000;
}

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

.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:#cc0000;} */
#team .conversation-r {
	width: 450px;
}

#team .conversation-r h2 a {
	color: #cc0000;
}

.conversation-r p {
	font-size: 14px;
}

/* comment end */
.team-avatar {
	float: left;
	margin-right: 10px;
	display: inline;
}

.team-r {
	margin-left: 130px;
	margin-bottom: 20px;
	min-height: 150px;
}

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

.dialo-b {
	background: #f5f5f5;
	padding: 10px;
	font-size: 14px;
}

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

.sidebar-content form {
	margin: 0px
}

.sidebar-content input {
	border: 1px solid #BBBBBB;
	padding: 2px;
	color: #c00
}

.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-color: #000;
	float: left;
	margin: 0;
	padding: 0px;
	width: 100%;
	min-width: 950px;
}

#logo {
	float: left;
}

#header-item {
	float: right;
	color: #ffffff;
	text-align: right;
	_margin-top: -80px;
	padding-top: 19px
}

.header-text {
	height: 6px;
	line-height: 110%;
	_height: 0px;
}

#header-item img {
	vertical-align: middle;
}

#header-item input,#header-item select {
	vertical-align: middle;
	padding: 1px 2px;
	color: #666;
	max-width: 280px;
	_margin-bottom: 0px;
}

#header-item a {
	text-decoration: none;
	color: #ffffff;
}

#header-item a:hover {
	text-decoration: underline;
}

input.btn-search {
	background: url(../images/search.jpg) no-repeat left top;
	width: 24px;
	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: 19px 15px;
	font-weight: bold;
	overflow: hidden
}

#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%;
	height: 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 {
	float: left;
	_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: #cc0000;
}

.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;
	position: relative;
}

.lessonbar .col-b .date {
	margin-bottom: 12px;
	font-size: 0.8em;
}

/* lesson end */
.clear-1 {
	clear: both;
	width: 100%;
	height: 1px;
}

.clear-5 {
	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: 16px;
}

.vocab-table td input,.vocab-table td textarea {
	font-size: 1em;
}

#vocab_list_container .vocab-table,#dashboard .vocab-table {
	margin: 0px;
}

#vocab_list_container .vocab-table td {
	border-top: 0px;
}

.vocab-table td label {
	font-size: 100%;
}

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

tr.groupline td {
	border-top: #ccc solid 3px;
}

.l-col .table-list td {
	font-size: 14px;
}

table.table-list2 td a {
	color: #333;
}

table.table-list2 td span {
	color: #9d9d9d;
}

table.table-list2 td a .color {
	color: #cc0000;
}

/*  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: 12px;
	background: #666;
	color: #ffffff;
	float: left;
	width: 100%;
	height: 32px;
}

.header-sub-info .container {
	text-align: right;
	padding-top: 6px
}

.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: 11px;
	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');
}

.subscribe {
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 20px;
	font-size: 1.2em;
	background-color: #eee;
	border: 3px solid #749a02;
}

#sub-button {
	float: left;
	width: 130px;
}

#sub-text {
	margin-left: 140px;
}

.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[type=text],table.sign-up td input[type=password],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[type=text],table.sign-up td input[type=password]
	{
	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 */
.small {
	font-size: 85%;
}

/* vivi */
/* products */
.font_topic {
	font-size: 17px;
	font-weight: bold;
	color: #c11920;
	padding: 10px 0px
}

.main {
	border: 1px solid #cacaca;
	background-color: #f2f2f2;
}

.class_height {
	height: 328px
}

.teacher_main {
	border-bottom: 1px solid #cacaca;
	height: 400px;
}

.teacher_box {
	border: 1px solid #cacaca;
	background-color: #f2f2f2;
}

.teacher_box p {
	font-size: 12px
}

.teacher_content_height {
	height: 1200px
}

.teacher_height_gu {
	height: 310px
}

.teacher_height_ex {
	height: 330px
}

.main p {
	font-size: 12px;
	color: #000;
	padding-left: 10px;
	margin: 0;
}

.main p span {
	color: #b6272b;
	font-weight: bold
}

.l_main {
	width: 210px;
	border-right: 1px solid #cacaca;
	float: left;
	height: 100%
}

.l_main p {
	line-height: 18px;
	margin: 0px;
}

.l_main p span {
	color: #b7262d;
	font-weight: bold
}

.r_main {
	width: 350px;
	float: left;
	margin-left: 15px;
	margin-top: 10px
}

.r_main p {
	padding: 2px 0px
}

.r_main p span {
	color: #b7262d;
	font-size: 28px;
	font-weight: bold
}

.r_main_a {
	padding-left: 230px
}

.sidebar_p {
	float: right;
	padding-right: 15px;
	margin: 0px;
	padding-top: 8px;
	font-size: 12px
}

.sidebar_img {
	float: left;
	padding-left: 15px;
	margin: 0px;
}

.clear {
	float: none
}

.br {
	line-height: 3px
}

#help_table {
	border: 1px solid #cacaca;
	background-color: #f2f2f2;
}

#help_table th {
	font-size: 12px;
	padding: 10px;
	font-weight: normal;
	text-align: left
}

#help_table tr {
	padding: 10px;
}

#help_table td {
	font-size: 12px;
	padding: 10px;
	padding: 5px;
}

#help_table .right {
	text-align: right
}

.te_box {
	border: 1px solid #cacaca;
	height: 100%;
	margin-bottom: 8px;
}

.te_box p {
	font-size: 12px
}

.te_box img {
	float: left;
	text-align: center
}

.te_box_text {
	float: right;
	width: 400px;
	padding: 24px 35px;
}

.te_box span {
	color: #bb1a1f;
	font-weight: bold;
	text-align: right
}

.te_img_r {
	float: right;
	text-align: center
}

.te_text_l {
	float: left;
	width: 400px;
	padding: 24px 35px;
}

.me_p {
	font-size: 12px;
	margin-bottom: 10px
}

.me_text {
	font-size: 12px;
	width: 265px;
	padding: 0px;
	margin: 0px;
	padding-left: 6px
}

.over {
	padding: 40px 5px;
	height: 300px;
	width: 590px
}

.over h4 {
	color: #B7262D
}

.over img {
	float: left
}

.over_text {
	font-size: 12px;
	float: right;
	width: 320px
}

.over_text p {
	padding-bottom: 20px
}

.over_text span {
	color: #c01921;
	font-weight: bold
}

.over_box p {
	font-size: 12px;
	font-weight: bold;
	float: left;
	padding-top: 5px
}

.over_box img {
	float: left;
	height: 52;
	padding-right: 10px
}

.over_box a {
	color: #c01921;
	text-decoration: underline
}

/* app */
.app_box {
	border: 0px;
	padding: 20px 20px
}

.app_box td {
	padding: 6px;
	vertical-align: top
}

.app_box .right {
	text-align: right
}

.app_box .width {
	width: 350px
}

.app_box p {
	font-size: 12px;
	width: 350px;
	vertical-align: middle
}

.app_box li {
	font-size: 12px;
	padding-left: 20px;
	width: 330px
}

/* banner */
.banner h1 {
	font-size: 30px;
	font-weight: bold;
	color: #FFF;
	padding: 0px;
	line-height: 30px
}

.banner p {
	font-size: 12px;
	color: #FFF;
	line-height: 12px
}

.banner p span {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	font-style: italic;
}

.banner_1 {
	background-image: url(../images/index/flash_1_bg.jpg);
	width: 960px;
	height: 291px;
	background-repeat: no-repeat;
	padding: 40px 0px 0px 40px;
	margin: 0px;
}

.banner_2 {
	background-image: url(../images/index/flash_2_bg.jpg);
	width: 960px;
	height: 291px;
	background-repeat: no-repeat;
	padding: 40px 0px 0px 40px;
	margin: 0px;
}

.banner_3 {
	background-image: url(../images/index/flash_3_bg.jpg);
	width: 960px;
	height: 291px;
	background-repeat: no-repeat;
	padding: 40px 0px 0px 40px;
	margin: 0px;
}

/* evaluation */
.evaluation {
	background-color: #FFF;
	border: 1px solid #999;
	padding: 20px 20px;
}

.evaluation p {
	padding-top: 10px;
	padding-bottom: 0px;
	margin: 0px
}

.evaluation span {
	color: #920101;
	font-weight: bold;
}

.evaluation  table td {
	padding-bottom: 2px;
	padding-right: 10px
}

.evaselected {
	display: block;
	width: 20px;
	height: 20px;
	background: #900;
	text-decoration: none;
	color: #FFFfff;
	text-align: center
}

.evaluation  table th {
	padding-top: 20px;
	text-align: right;
	color: #920101;
	font-size: 12px;
	padding-right: 10px
}

.evaluation  a {
	display: block;
	width: 20px;
	height: 20px;
	color: #333;
	text-align: center
}

.evaluation  a:hover {
	display: block;
	width: 20px;
	height: 20px;
	background: #900;
	text-decoration: none;
	color: #FFF;
	text-align: center
}

.topic {
	font-size: 18px;
	color: #920101;
	font-weight: bold;
	background-image: url(../images/bg_line.jpg);
	height: 39px;
	background-repeat: no-repeat;
}

.line {
	border: 1px dotted #333
}

/* flashcard */
.flashcard {
	background-color: #FFF;
	border: 1px solid #999;
	padding: 30px 15px 0px 15px;
	height: 100%
}

.flashcard li {
	color: #cc0000
}

.flashcard .bottom {
	background-color: #e8e8e8;
	text-align: center;
	padding: 20px 20px;
	margin-top: 10px
}

.flashcard_a {
	width: 290px;
	float: left
}

.flashcard_b {
	width: 372px;
	float: left
}

.line_ {
	width: 1px;
	height: 270px;
	background: #ccc;
	float: left;
	margin: 10px 13px
}

.flashcard h1 {
	color: #cc0000
}

.flashcard .lessonbar img {
	float: left;
	padding-left: 10px;
	padding-top: 17px;
	padding-right: 20px
}

.flashcard  .logos {
	border: 1px solid #d5d5d5;
	background-color: #F6F6F6;
	padding: 2px 8px;
	margin-bottom: 10px;
	background: url(../images/press_bg.jpg) left top;
}

.flashcard  .logos p {
	float: left;
	width: 200px;
}

.flashcard  .logos img {
	float: right;
	padding: 0px;
	margin: 0px
}

.img {
	float: right
}

/* executive */
.over_bg {
	background-image: url(../images/executive/overview_bg.jpg);
	width: 600px;
	height: 322px
}

.over_bg p {
	width: 400px;
	padding-left: 20px
}

.center {
	text-align: center
}

.featurebar {
	padding-top: 6px;
	width: 480px;
	float: left;
	width: 100%;
	padding-bottom: 30px;
	padding-top: 10px
}

.featurebar img {
	float: left;
}

.featurebar p {
	float: right;
	width: 500px
}

.featurebar ul {
	float: right;
	width: 485px;
}

.featurebar p span {
	font-size: 18px;
	font-weight: bold;
}

.method_text {
	text-align: center;
	padding-top: 80px
}

.exe_teacher {
	padding-top: 20px
}

.exe_teacher img {
	float: left;
	padding-right: 10px
}

.exe_teacher ul {
	line-height: 18px
}

.name {
	font-weight: bold;
	text-align: right;
	list-style: none
}

.faq {
	background-color: #f1f1f1;
	padding: 10px 10px;
	font-size: 12px;
	width: 500px
}

.pro-content {
	padding: 20px 19px
}

.pro_box {
	border: 1px solid #333;
	height: 100%;
	margin-bottom: 30px;
}

.pro_box ul {
	list-style: none;
	padding: 15px 40px 0px 40px
}

.pro_box li {
	padding-bottom: 10px
}

.pro_box p {
	padding-left: 40px
}

.pro_box p span {
	color: #ca9401;
	font-weight: bold;
	font-size: 16px;
}

.pro_box li span {
	color: #ca9401;
	font-weight: bold;
	font-size: 16px;
}

.pro_box table {
	width: 90%;
	margin: 10px auto;
}

.pro_box table th {
	font-weight: bold;
	font-size: 14px;
	padding: 2px 10px 2px 0px;
	text-align: right
}

.pro_box table span {
	color: #0b8528;
	font-weight: bold;
	font-size: 16px;
}

.up {
	color: #F00
}

.down {
	color: green
}

.tour {
	margin: 10px 0px;
	padding: 10px 0px;
	border-bottom: 1px dotted #999
}

.tour img {
	float: left;
	padding-right: 20px
}

.tour p {
	float: right;
	width: 400px;
}

.tour p span {
	font-weight: bold;
	font-size: 18px
}

.tour ul {
	float: right;
	width: 400px;
}

.sub-l {
	float: left;
	width: 180px
}

.sub-l p {
	text-align: center;
}

.sub-r {
	float: right;
	width: 400px
}

.sub-r h4 {
	color: #B7262D
}

/* Lessons 禄 Channel Lists */
.level-graphic {
	float: left;
	display: inline;
}

.level-description {
	margin-left: 140px;
}

/* Buttons 

.btncss3, .btncss3:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);	
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border-radius: 5px;         
	behavior: url(ie-css3.htc);  
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.btncss3:hover							{ background-color: #111; color: #fff; }
	.btncss3:active							{ top: 1px; }
	.xsmall.btncss3, .xsmall.btncss3:visited 			{ font-size: 10px; padding: 4px 8px 4px; }	
	.small.btncss3, .small.btncss3:visited 			{ font-size: 11px; padding: ; }
	.btncss3, .btncss3:visited,
	.medium.btncss3, .medium.btncss3:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.btncss3, .large.btncss3:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	.xlarge.btncss3, .xlarge.btncss3:visited 			{ font-size: 18px; padding: 9px 16px 11px; }
		
	.green.btncss3, .green.btncss3:visited		{ background-color: #91bd09; }
	.green.btncss3:hover						{ background-color: #749a02; }
	.blue.btncss3, .blue.btncss3:visited		{ background-color: #2daebf; }
	.blue.btncss3:hover							{ background-color: #007d9a; }
	.red.btncss3, .red.btncss3:visited			{ background-color: #c11a21; }
	.red.btncss3:hover							{ background-color: #872300; }
	.magenta.btncss3, .magenta.btncss3:visited		{ background-color: #a9014b; }
	.magenta.btncss3:hover							{ background-color: #630030; }
	.orange.btncss3, .orange.btncss3:visited		{ background-color: #ff5c00; }
	.orange.btncss3:hover							{ background-color: #d45500; }
	.yellow.btncss3, .yellow.btncss3:visited		{ background-color: #ffb515; }
	.yellow.btncss3:hover							{ background-color: #fc9200; }
	
	.gray.btncss3, .gray.btncss3:visited		{ background-color: #999999; color:#FFF; }
	.gray.btncss3:hover						{ background-color: #333333; }
*/
/* feed settings page */
.subscriptions {
	list-style: none;
}

.subscriptions li {
	clear: both;
	padding-bottom: 10px;
	margin: 0 0 2em 0;
}

.subscription-status {
	float: left;
	display: inline;
	color: #666;
	font-size: 10px;
}

.subscription-status2 {
	float: left;
	display: inline;
}

.subscription-options {
	float: left;
	position: absolute;
	margin-left: 80px;
}

.subscription-buttons {
	float: left;
	position: absolute;
	margin-left: 280px;
}

.les_select {
	width: 206px;
	float: left;
	padding-left: 5px
}

.les_select_arrow {
	border: 1px solid #CCC;
	background-color: #f2f2f2;
	padding: 5px 5px 3px 5px;
	margin-left: 5px;
	width: 13px;
	float: left;
	height: 12px
}

#apDiv1 {
	position: relative;
	width: 130px;
	padding: 5px;
	z-index: 101;
	left: -6px;
	top: 7px;
	background-color: #f2f2f2;
	border: 1px solid #CCC;
	padding: 0px;
	margin: 0px
}

#apDiv1 a:hover {
	text-decoration: none;
	color: #cc0000
}

.groups_box {
	border: 1px solid #9f6000;
	margin-bottom: 20px
}

.groups_box h2 {
	color: #444444;
	display: block;
	float: left;
	font-size: 18px;
	margin: 4px auto auto 10px;
}

.groups_box p {
	padding: 5px 0px 0px 10px;
}

.groups_cate {
	margin-bottom: 50px
}

.groups_cate_a {
	float: left;
	width: 296px;
	margin-bottom: 10px
}

.groups_cate_a img {
	float: left;
	width: 75px;
	padding-right: 10px;
	padding-top: 7px
}

.groups_cate_b {
	float: right;
	width: 293px;
}

.groups_cate_b img {
	float: left;
	width: 75px;
	padding-right: 10px;
	padding-top: 7px
}

.groups_list {
	margin: 0px 0px 50px 20px;
	clear: both;
	display: block;
}

.groups_list img {
	float: left;
	padding-right: 10px;
}

.groups_list p {
	float: left;
	padding-top: 5px;
	width: 487px
}

.groups_list h4 a.red {
	color: #CC0000;
	font-size: 18px;
}

.groups_list h4 a.black {
	color: #333;
	font-size: 18px;
}

.join h4 {
	float: left
}

.join span {
	font-size: 14px
}

.join p {
	float: left;
	margin-top: 10px;
	width: 10px
}

.button_row {
	margin-top: 20px;
	text-align: center;
	display: block;
	clear: both;
}

/*****step*********/
.step1,.step2_gray,.step3_gray,.step2,.step3 {
	width: 178px;
	height: 52px;
	float: left;
	padding: 10px 0px 0px 19px;
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
}

.step1 {
	background: url(../images/step_1.jpg) no-repeat;
}

.step2 {
	background: url(../images/step_2.jpg) no-repeat;
}

.step3 {
	background: url(../images/step_3.jpg) no-repeat;
}

.step2_gray {
	background: url(../images/step_2_gray.jpg) no-repeat;
	color: #999
}

.step3_gray {
	background: url(../images/step_3_gray.jpg) no-repeat;
	color: #999
}

.step1 span,.step2 span,.step3 span {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	line-height: 100%;
	text-align: left;
}

.step2_gray span,.step3_gray span {
	font-size: 18px;
	font-weight: bold;
	color: #999;
	line-height: 100%;
	text-align: left
}

.step td {
	padding: 5px;
}

ul.nav-content {
	background: url("../images/bg_navcontent.gif") repeat-x scroll left
		bottom transparent;
	float: left;
	list-style: none outside none;
	margin-top: 5px;
	width: 100%;
}

ul.nav-content li.current {
	background: none repeat scroll 0 0 #FFFFFF;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-top: 2px solid #7E0C0C;
	color: #000000;
	font-size: 16px;
	padding-bottom: 5px;
}

ul.nav-content li.first-li {
	margin-left: 20px;
	padding: 5px 10px 0;
}

ul.nav-content li {
	float: left;
	padding: 5px 20px;
}

.courses {
	background-color: #f5f8ee;
	border: 1px solid #b7ce87;
	margin: 10px 0px 20px 0px
}

.courses td {
	padding: 0px 10px;
	color: #2c4817
}

.top_tag {
	background: #666 no-repeat top right;
	color: #FFF;
	display: none;
	height: 32px;
	line-height: 32px;
	width: 100%
}

.top_tag_content {
	padding-top: 5px;
	width: 960px;
	margin: 0 auto;
}

.top_tag_content .left {
	float: left;
	margin: 0px
}

.top_tag_content .right {
	float: right;
	margin: 0px
}

.top_tag_content a {
	color: #FFF;
	padding-left: 10px;
	text-decoration: none
}

.top_tag_content a:hover {
	color: #ffbb29;
}

.btn_in {
	color: #FFF;
	float: left;
	font-size: 12px;
	padding: 0px 6px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	border-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}

.btn,.btn_01,.btn_02 {
	color: #FFF;
	padding: 5px 20px;
	-moz-border-radius: 10px;
	-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	border-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}

.btn,.btn_01 {
	background-color: #BD181F;
}

.btn_01 {
	text-align: center;
	font-size: 18px;
	float: right;
	width: 100px;
	height: 60px;
	margin: 20px 10px 0px
}

.btn_02,.btn_in {
	background-color: #BD181F;
}

.border_red {
	border: 2px solid #c00;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 5px 20px
}

.p_20 {
	margin-top: 20px
}

.btn_03,.btn_04,.btn_05 {
	color: #FFF;
	padding: 5px 20px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align: center
}

.btn_03 {
	background-color: #efa83e
}

.btn_04 {
	background-color: #e66b25
}

.btn_05 {
	background-color: #bd262b
}

/* 澶氳瑷�垏鎹�/ 
.flag {position:absolute; z-index: 1000; left: 0px; top: -50px; padding: 5px; width:110px; background-color:#666; border:1px solid #fff; -moz-opacity:0.9; /* Moz + FF 閫忔槑搴�0%*/
opacity
:
 
0
.9
; /* 鏀寔CSS3鐨勬祻瑙堝櫒锛團F 1.5涔熸敮鎸侊級閫忔槑搴�0%*/
 
filter
:alpha
(opacity=95); /* IE 閫忔槑搴�0% */
}
.flag li {
	list-style: none;
	float: right
}

.flag ul li a {
	padding-right: 30px;
	color: #fff
}

.flag_zh {
	background: url("/images/flag_cn.gif") no-repeat scroll right
		transparent;
}

.flag_en {
	background: url("/images/flag_en.gif") no-repeat scroll right
		transparent;
}

.flag_ru {
	background: url("/images/flag_ru.gif") no-repeat scroll right
		transparent;
}

.flag_out {
	position: absolute;
	z-index: 1000;
	left: -2px;
	top: -25px;
	padding: 5px;
	width: 110px;
	background-color: #666;
	border: 1px solid #fff;
	-moz-opacity: 0.9; /* Moz + FF 閫忔槑搴�0%*/
	opacity: 0.9; /* 鏀寔CSS3鐨勬祻瑙堝櫒锛團F 1.5涔熸敮鎸侊級閫忔槑搴�0%*/
	filter: alpha(opacity = 95); /* IE 閫忔槑搴�0% */
}

.flag_out li {
	list-style: none;
	float: right
}

.flag_out ul li a {
	padding-right: 30px;
	color: #fff
}

/* courses  鏂板鍔犵殑3涓楠ら〉闈�*/
.red_border_box {
	border: 5px solid #c11920;
	margin-bottom: 20px;
	background-image: url(/images/box_bg.jpg);
	padding: 8px;
}

.red_border_box .right {
	float: right;
	margin-right: 20px
}

.red_border_box_r_1 {
	background-image: url(/images/box_step1.gif);
	background-repeat: no-repeat
}

.red_border_box_r_2 {
	background-image: url(/images/box_step2.gif);
	background-repeat: no-repeat
}

.red_border_box_r_3 {
	background-image: url(/images/box_step3.gif);
	background-repeat: no-repeat
}

.red_border_box_r_1,.red_border_box_r_2,.red_border_box_r_3 {
	float: left;
	width: 700px;
	margin-bottom: 10px
}

.red_border_box_r_1 h1,.red_border_box_r_2 h1,.red_border_box_r_3 h1 {
	font-size: 18px;
	font-weight: bold;
	margin-left: 80px
}

.red_border_box_r_1 p,.red_border_box_r_2 p,.red_border_box_r_3 p {
	margin-left: 100px
}

/* profile */
.left {
	float: left
}

.right {
	float: right
}

.static-top {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url("/images/static_top.gif") no-repeat scroll
		left top;
	clear: both;
	height: 11px;
}

.profile_menu span {
	margin-left: 10px
}

.profile_menu {
	margin: 10px 0px 10px 10px
}

.profile-content hr {
	margin: 0px 0px 5px 0px
}

.m-b-40 {
	margin-bottom: 40px
}

.m-b-20 {
	margin-bottom: 20px
}

.m-b-10 {
	margin-bottom: 10px
}

.static-btm {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url("/images/static_btm.gif") no-repeat scroll
		left bottom;
	clear: both;
	height: 11px;
}

.static-mainbody {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #FFFFFF url("/images/static_mainbody_bg.gif") repeat-y
		scroll left top;
	float: left;
	margin: 0;
	width: 950px;
}

.static-content {
	font-size: 120%;
	padding: 5px 20px 10px;
}

.static-sidebar {
	margin: 37px 0 0;
	padding: 10px 20px;
}

.static-sidebar-top {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url("/images/static_sidebar_top.gif") no-repeat
		scroll left top;
	clear: both;
	height: 8px;
}

.static-sidebar-content {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #FFFFFF url("/images/static_sidebar_bg.gif") repeat-y scroll
		0 0;
	padding: 5px 10px 10px;
}

.static-sidebar-img {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #FFFFFF url("/images/static_sidebar_bg.gif") repeat-y scroll
		0 0;
	padding: 0;
	text-align: center;
}

.static-sidebar-btm {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url("/images/static_sidebar_btm.gif") no-repeat
		scroll left bottom;
	clear: both;
	height: 8px;
}

.static-expired {
	background-image: url("/images/expired_spod.jpg");
	background-repeat: no-repeat;
	height: 443px;
	width: 590px;
}

.static-expired .btn {
	padding-left: 230px;
	padding-top: 370px;
}

.table-record td {
	border-bottom: medium none;
	padding: 5px 0;
	vertical-align: middle;
}

.table-record td h4 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
}

.table-record td input.text,.table-record td select.choose {
	width: 80%;
}

.table-record caption {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent none repeat scroll 0 0;
}

.table-order {
	color: #666666;
	font-size: 12px;
}

.table-order td {
	border-bottom: medium none;
	padding: 2px 5px;
}

.table-border td {
	border-right: 1px solid #999999;
	padding: 2px;
}

.table-border {
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	margin-bottom: 1.5em;
}

.profile-top {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url("/images/profile_top.gif") no-repeat scroll
		left top;
	clear: both;
	height: 40px;
	width: 950px;
}

.profile-container {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url("/images/profile_top.gif") no-repeat scroll
		0 -40px;
	float: left;
	padding: 0 40px;
	width: 870px;
}

.profile-container p img {
	float: none;
	margin: 0;
}

.profile-sidebar {
	float: left;
	width: 170px;
}

.profile-box {
	margin-bottom: 20px;
}

.maintable tr td {
	font-size: 11px;
	border: 1px solid #999;
	padding: 5px;
	text-align: left;
}

.maintable th {
	border: 1px solid #999;
	padding: 5px;
	font-size: 11px;
	background-color: #dedede;
	text-align: left;
}

.profile-boxtitle {
	border-bottom: 1px solid #999999;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 5px;
}

.profile-content {
	float: right;
	font-size: 130%;
	width: 660px;
	margin-bottom: 100px
}

.profile-content h1 {
	color: #828282;
	font-size: 265%;
	font-weight: bold;
	padding: 20px 0;
	margin-top: 0px;
}

.white {
	color: #FFFFFF;
}

.profile-yellowbox {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #FDF9D4 none repeat scroll 0 0;
	margin-bottom: 10px;
	padding: 8px 10px;
}

.font-more1 {
	font-size: 11px;
	color: #999999;
}

.no-underline a,.no-underline a:hover {
	text-decoration: none;
}

.list-lessonsets {
	width: 170px;
	padding-bottom: 10px;
}

.list-lessonsets .left {
	width: 40px;
}

.list-lessonsets .right {
	width: 120px;
	margin-top: -40px;
	margin-left: 50px;
}

.gray {
	color: #bcbcbc;
}

.bio {
	background: url(bio_c.jpg) repeat-y left top;
	margin-bottom: 20px;
}

.bio-top {
	background: url(bio_top.jpg) no-repeat left top;
	padding: 28px 10px 5px;
}

.bio-bottom {
	background: url(bio_bottom.jpg) no-repeat left bottom;
	height: 7px;
}

.list-profile {
	list-style: none;
	float: left;
	width: 630px;
	padding-left: 30px;
	background: url(bg_listprofile.jpg) repeat-x left bottom;
}

.list-profile li {
	float: left;
	margin-right: 5px;
}

.list-profile li a {
	float: left;
	display: block;
	padding: 2px 10px;
	background-color: #f9f9f9;
	color: #000000;
}

.list-profile li.current a {
	background: #ffffff;
	border: 1px solid #bcbcbc;
	border-bottom: none;
}

.box-line1,.box-line2 {
	width: 640px;
	padding: 10px;
	border-bottom: 1px solid #bcbcbc;
}

.box-line2 {
	background: #f9f9f9;
}

.font-more2 {
	font-size: 12px;
	color: #999999;
}

.box-info {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.box-info1,.box-info2,.box-info3 {
	float: left;
	width: 210px;
	margin-right: 15px;
}

.box-info3 {
	margin-right: 0;
}

.box-info1 h2,.box-info2 h2,.box-info3 h2 {
	font-size: 12px;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #bcbcbc;
}

/*
.mainbody input[type="submit"], input[type="button"] {
background:url("/images/btn-bg.png") repeat-x scroll center center transparent;
border:1px solid #BBBBBB;
font-size:14px;
margin:10px 0;
padding:4px;
}
*/
.table-apply {
	width: 100%;
}

.table-apply td {
	padding: 2px;
}

.table-apply th {
	text-align: left;
	vertical-align: top;
	padding: 6px 2px 0;
}

.table-apply .button {
	margin: 0;
}

textarea.text {
	background: none repeat scroll 0 0 #F6F6F6;
	border: 1px solid #BBBBBB;
	padding: 2px;
	margin: 5px 0;
}

.avatar {
	width: 160px;
	height: 160px;
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
}

.avatar button {
	margin-right: auto;
	margin-left: auto;
	margin-top: 70px;
	z-index: 1;
	height: 25px;
	width: 100px;
}

#user_avatar_url {
	margin-top: 70px;
	margin-left: -30px;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity = 0);
	position: absolute;
	z-index: 2
}

.img_blog {
	width: 300px;
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 10px 10px 0px 10px;
	text-align: center;
	margin: 0px 0px 10px 150px
}

/*****store*********/
.store-menu {
	margin-top: 20px
}

.store-title {
	border-top: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
	padding-left: 10px
}

.stote-product {
	padding: 20px 3px 10px 3px;
	float: left
}

.stote-product a {
	background: #b0363c;
	color: #fff;
	padding: 2px 6px;
	margin: 0px 4px;
	text-decoration: none;
	font-size: 12px
}

.stote-product a:hover {
	background: #c00
}

.stote-topic {
	font-size: 16px;
	font-weight: bold;
	color: #c00
}

.stote-product-content {
	width: 181px;
	border: 1px solid #c2c2c2;
	padding: 5px
}

.stote-product-content p {
	margin-bottom: 10px;
	line-height: 12px
}

.price {
	font-size: 18px;
	font-weight: bold;
	color: #c00
}

.price-big {
	font-size: 24px;
	font-weight: bold;
	color: #c00;
	margin-right: 20px
}

.cart {
	margin-bottom: 30px
}

.cart td,.cart th {
	border-bottom: 1px solid #999
}

.cart th {
	padding: 5px;
	font-weight: bold;
	font-size: 14px;
	text-align: left
}

.cart td {
	padding: 5px;
}

.cart span {
	color: #c00
}

.text-center {
	text-align: center
}

/*****grammar*********/
.grammar {
	border: 1px solid #999;
	padding: 20px;
	margin-bottom: 30px
}

.m-t-20 {
	margin-top: 20px
}

.m-r-20 {
	margin-right: 20px
}

.m-l-20 {
	margin-left: 20px
}

.col {
	width: 920px;
	padding: 20px;
	background: #fff;
}

.grid-8 {
	width: 620px;
	float: left;
	margin-right: 10px;
}

.grid-4 {
	width: 280px;
	float: left;
	margin-left: 10px;
}

.store-block {
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: none repeat scroll 0 0 #FDFDFD;
	border: 1px solid #E7E7E7;
	margin-bottom: 20px;
	font-size: 14px;
}

.store-block h4 {
	display: inline;
	font-size: 18px;
}

.store-block-headline {
	padding: 10px 10px 10px 10px;
}

.store-block-copy {
	margin: 10px;
}

.store-block-copy ul {
	list-style: none;
	font-size: 12px;
}

.store-block-copy  td {
	padding-bottom: 10px;
}

.product-item {
	float: left;
	width: 20%;
}

.headline-text {
	float: left;
	font-size: 138.5%;
	font-weight: bold;
	margin-right: 20px;
}

.headline-follow {
	float: left;
	padding-top: 3px;
}

.store-block-copy img {
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 1px 1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 1px 1px rgba(0, 0, 0, 0.6);
	background-color: #FFFFFF;
	border: 1px solid #E7E7E7;
	padding: 2px;
}

.store-block-title {
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	background-color: #666;
	color: #FFFFFF;
	padding: 5px 10px;
}

.store-item {
	padding-bottom: 5px;
	font-weight: bold;
}

.store-block-subtitle {
	background-color: #E8EEF3;
	border-bottom: 1px solid #E7E7E7;
	padding: 5px 10px;
}

a.facebook_16 {
	background: url("/images/icons/facebook_16.png") no-repeat scroll 0 0
		transparent;
	display: inline-block;
	line-height: 18px;
	padding-left: 20px;
}

a.twitter_16 {
	background: url("/images/icons/twitter_16.png") no-repeat scroll 0 0
		transparent;
	display: inline-block;
	line-height: 18px;
	padding-left: 20px;
}

a.rss_16 {
	background: url("/images/icons/rss_16.png") no-repeat scroll 0 0
		transparent;
	display: inline-block;
	line-height: 18px;
	padding-left: 20px;
}

a.itunes_16 {
	background: url("/images/icons/itunes-16x16.png") no-repeat scroll 0 0
		transparent;
	display: inline-block;
	line-height: 18px;
	padding-left: 20px;
}

.grid-1 {
	width: 60px;
	float: left;
	margin: 0px 10px;
}

.grid-6 {
	width: 460px;
	float: left;
	margin: 0px 10px;
}

.reply-item {
	margin: 20px 0px;
}

.reply-subitem {
	padding-left: 80px;
	margin: 20px 0px;
}

.add-answer {
	font-weight: bold;
	font-size: 13px;
}

.answer-author {
	display: inline;
	font-size: 13px;
}

.answer-bio {
	display: inline;
	font-size: 11px;
}

.answer-option {
	display: inline;
	font-size: 11px;
}

a.pencil-small {
	background: url("../images/icons/pencil-small.png") no-repeat scroll 0 0
		transparent;
	display: inline-block;
	line-height: 18px;
	padding-left: 16px;
}

.reply-button {
	margin: 10px 0;
	text-align: right;
}

.answer-option a {
	color: #A9A9A9;
	text-decoration: none;
}

.text-right {
	text-align: right;
}

.reply-item .bio {
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
}

.reply-item .votes {
	font-size: 12px;
	margin-bottom: 10px;
}

.product-details-box {
	float: left;
	width: 160px;
}

.product-details-desc {
	margin-left: 170px;
	margin-top: 10px;
}

a.img-info {
	background: url("../images/icons/information.png") no-repeat scroll 0 0
		transparent;
	display: inline-block;
	line-height: 18px;
	padding-left: 20px;
}

.library-subnav {
	background: url("../images/menu_line.jpg") repeat scroll 0 0 transparent;
	height: 42px;
	width: 638px;
	border-left: 1px solid #8B8B8B;
	border-right: 1px solid #8B8B8B;
}

.library-subnav ul {
	list-style: none;
	padding: 8px 0px;
}

.library-subnav ul li {
	float: left;
}

.library-subnav ul li a {
	display: block;
	padding: 0px 15px;
	text-decoration: none;
	color: #333;
	border-right: 1px solid #999;
}

.library-subnav ul li a:hover {
	text-decoration: underline;
}

.library-subnav ul li.current a {
	color: #c00;
}

.menu ul {
	background: url("../images/nav_bg.gif") repeat-x scroll left bottom
		#C0C0C0;
	float: left;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	width: 100%;
	margin: 0px;
	height: 31px;
	list-style: none;
}

.menu ul  li {
	float: left;
}

.menu ul  li a {
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	background-color: #f2f2f2;
	color: #727272;
	border-left: 1px solid #8b8b8b;
	border-right: 1px solid #8b8b8b;
	border-top: 1px solid #8b8b8b;
	text-decoration: none;
	font-weight: bold;
	display: block;
	float: left;
	overflow: hidden;
	padding: 4px 10px;
	text-decoration: none;
}

.menu ul li.current a,.menu ul li a:hover {
	background-color: #fff;
	color: #c00;
	border-bottom: 1px solid #fff;
}

.coursetable td {
	padding: 5px;
	border: 1px solid #DDDDDD;
}

#highlights,#seven-reasons,#sample-lessons {
	border-bottom: 1px solid #C0C0C0;
	margin-bottom: 20px;
}

#seven-reasons,#sample-lessons {
	padding-left: 40px;
	padding-right: 40px;
}

#seven-reasons h3 {
	margin-bottom: 20px;
}

#seven-reasons .block {
	float: left;
	margin-bottom: 20px;
}

#seven-reasons .block img, #sample-lessons img {
	float: left;
	margin: 7px 20px 0px 0px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

#seven-reasons .block .text {
	width: 880px;
}

.highlight {
	float: left;
	margin-bottom: 20px;
}

.highlight_img {
	float: left;
	margin: 7px 20px 0px 0px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
}

.highlight_text {
	float: left;
	width: 220px;
	margin-right: 20px;
}

.highlight_text_title {
	font-size: 18px;
	font-weight: bold;
}

.highlight_text_title a {
	color: #c00;
	text-decoration: none
}

.three_column {
	width: 300px;
	float: left;
	margin-right: 20px;
}

.inline-items {
	display: inline;
	margin-right: 10px;
}

#front-testimonials {
	margin-bottom: 20px;
	border-bottom: 1px solid #C0C0C0;
}

.testimonial-author {
	color: #BBBBBB;
	margin-bottom: 20px;
	font-size: 12px;
}

.testimonial {
	font-size: 12px;
}

.media {
	margin-bottom: 40px;
	text-align: center;
}

.media img {
	margin-right: 20px;
}

.marketing-row {
	width: 283px;
	margin-right: 10px;
	float: left;
}

.marketing-row img {
	float: left;
	margin-right: 10px;
	-moz-box-shadow: 1px 1px rgba(0, 0, 0, 0.6);
	border: 1px solid #E7E7E7;
	padding: 2px;
}

.marketing-row p {
	margin-right: 10px;
}

/* inquiryform  */
.inquiry-form {
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: none repeat scroll 0 0 #dedede;
	border: 1px solid #E7E7E7;
	margin-bottom: 20px;
}

.inquiry-form-title {
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	background: none repeat scroll 0 0 #000;
	font-size: 18px;
	color: #fff;
	padding: 5px 10px;
	font-weight: bold;
}

.inquiry-form-copy {
	padding: 20px;
}

.inquiry-form-copy  form {
	margin: 0px;
	padding: 0px
}

.inquiry-form-wrapper label {
	font-size: 13px;
}

.inquiry-form-label {
	left: 5px;
	top: 5px;
	z-index: 1;
	font-size: 14px;
}

.inquiry-form-label span,.inquiry-form-wrapper span {
	color: #c00;
}

.inquiry-form-wrapper input {
	margin: 2px 0px 5px 0px;
	width: 98%;
	border: 1px solid #ccc;
	height: 22px;
	background: #fff;
}

.inquiry-form-wrapper select {
	margin-bottom: 10px;
	width: 100%;
	border: 1px solid #ccc;
	height: 25px;
	background: #fff;
}

.number {
	background: #000;
	text-align: center;
	color: #FFF;
	padding: 5px;
}

.number span {
	font-size: 30px;
}

.store-block-chat {
	margin: 10px;
	color: #fff;
}

a.underline {
	text-decoration: underline;
}

form.enquiry-form input,form.enquiry-form select,form.enquiry-form textarea
	{
	color: #484848;
	font-family: Arial, 鈥淗elvetica Neue鈥� Helvetica, sans-serif;
	font-size: 18px;
}

#wrap-shoppingcart-notice {
	width: 100%;
	background-color: #fdff00;
	position: relative;
	color: #fff;
}

#shoppingcart-notice {
	width: 960px;
	margin: 0 auto;
	padding: 5px 0;
	font-size: 12px;
}

#shoppingcart-notice a,#shoppingcart-notice a:visited {
	color: #333;
	text-decoration: none;
}

#shoppingcart-notice a:hover {
	color: #333;
	text-decoration: underline;
}

a.shopping-cart {
	display: inline-block;
	padding-left: 20px;
	line-height: 18px;
	background: transparent url(../images/icons/shopping-basket.png)
		no-repeat;
}

#invoice {
	border: 1px solid #ccc;
	padding: 30px;
	font-family: Arial, 鈥淗elvetica Neue鈥� Helvetica, sans-serif;
}

.invoice-block {
	margin-bottom: 20px;
}

#invoice-text {
	font-size: 197%; /* 26px */
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 5px;
}

#invoice-items {
	margin-bottom: 200px;
}

.billing-total {
	padding-top: 5px;
	font-weight: bold;
}

.billing-total-border {
	border-top: 1px solid #f5f5f5;
	padding-top: 5px;
	font-weight: bold;
	font-size: 197%; /* 26px */
}

.alignright {
	text-align: right;
}

.list-table-border {
	width: 100%;
	border: 1px solid #999;
}

.list-table-border th {
	background-color: #ececec;
}

.list-table-border td,.list-table td {
	padding: 5px;
}

a.img-printer {
	display: inline-block;
	padding-left: 20px;
	line-height: 18px;
	background: transparent url(../images/icons/printer.png) no-repeat;
}

.set {
	width: 25px;
	float: right
}

blockquote,q {
	quotes: none;
	margin: 20px;
	padding-left: 20px;
	border-left: 1px solid #999;
	font-style: italic;
}

/*------------------------------
GOOGLE BUTTONS http://pixify.com/blog/use-google-plus-to-improve-your-ui/
------------------------------*/
.buttons {
	float: left;
	padding-bottom: 20px;
	clear: both;
}

a.button,input.button {
	color: #6e6e6e;
	font: bold 12px Helvetica, Arial, sans-serif;
	text-decoration: none;
	padding: 7px 12px;
	position: relative;
	display: inline-block;
	text-shadow: 0 1px 0 #fff;
	-webkit-transition: border-color .218s;
	-moz-transition: border .218s;
	-o-transition: border-color .218s;
	transition: border-color .218s;
	background: #f3f3f3;
	background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5),
		to(#F1F1F1) );
	background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5),
		to(#F1F1F1) );
	border: solid 1px #dcdcdc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

a.button:hover {
	color: #333;
	border-color: #999;
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow : 0 2px
		5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

a.button:active {
	color: #000;
	border-color: #444;
}

a.left {
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
	margin: 0;
}

a.middle {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-left: solid 1px #f3f3f3;
	margin: 0;
	border-left: solid 1px rgba(255, 255, 255, 0);
}

a.middle:hover,a.right:hover {
	border-left: solid 1px #999
}

a.right {
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
	border-left: solid 1px #f3f3f3;
	border-left: solid 1px rgba(255, 255, 255, 0);
}

a.small {
	font-size: 10px;
	padding: 4px 8px 4px;
}

a.big {
	font-size: 16px;
	padding: 10px 15px;
}

a.supersize {
	font-size: 20px;
	padding: 15px 20px;
}

a.save {
	background: url(../images/assets/sprite.png) 10px 7px no-repeat #f3f3f3;
	padding-left: 30px;
}

a.add {
	background: url(../images/assets/sprite.png) 10px -27px no-repeat
		#f3f3f3;
	padding-left: 30px;
}

a.delete {
	background: url(../images/assets/sprite.png) 10px -61px no-repeat
		#f3f3f3;
	padding-left: 30px;
}

a.edit {
	background: url(../images/assets/sprite.png) 10px -201px no-repeat
		#f3f3f3;
	padding-left: 30px;
}

a.email {
	background: url(../images/assets/sprite.png) 10px -307px no-repeat
		#f3f3f3;
	padding-left: 30px;
}

a.print {
	background: url(../images/assets/sprite.png) 10px -239px no-repeat
		#f3f3f3;
	padding-left: 30px;
}

a.call {
	background: url(../images/assets/sprite.png) 10px -274px no-repeat
		#f3f3f3;
	padding-left: 30px;
}

a.play {
	background: url(../images/assets/sprite.png) 9px -340px no-repeat
		#f3f3f3;
	padding-left: 30px;
}

a.view {
	background: url(../images/assets/sprite.png) 8px -405px no-repeat
		#f3f3f3;
	padding-left: 30px;
}

a.download {
	background: url(../images/assets/sprite.png) 10px -377px no-repeat
		#f3f3f3;
	padding-left: 30px;
}

a.bsettings {
	background: url(../images/assets/sprite.png) 8px -470px no-repeat
		#f3f3f3;
	padding-left: 30px;
}

a.share {
	background: url(../images/assets/sprite.png) 10px -436px no-repeat
		#f3f3f3;
	padding-left: 30px;
}

a.cart {
	background: url(../images/assets/sprite.png) 8px -503px no-repeat
		#f3f3f3;
	padding-left: 30px;
}

a.flag {
	background: url(../images/assets/sprite.png) 10px -96px no-repeat
		#f3f3f3;
	padding-left: 30px;
}

a.up {
	background: url(../images/assets/sprite.png) 13px -133px no-repeat
		#f3f3f3;
	width: 18px;
}

a.down {
	background: url(../images/assets/sprite.png) 13px -168px no-repeat
		#f3f3f3;
	width: 18px;
}

a.save-big {
	background: url(../images/assets/sprite.png) 15px 11px no-repeat #f3f3f3;
	font-size: 16px;
	padding: 10px 15px 10px 35px;
}

a.add-big {
	background: url(../images/assets/sprite.png) 15px -23px no-repeat
		#f3f3f3;
	font-size: 16px;
	padding: 10px 15px 10px 35px;
}

a.delete-big {
	background: url(../images/assets/sprite.png) 15px -57px no-repeat
		#f3f3f3;
	font-size: 16px;
	padding: 10px 15px 10px 35px;
}

a.flag-big {
	background: url(../images/assets/sprite.png) 15px -92px no-repeat
		#f3f3f3;
	font-size: 16px;
	padding: 10px 15px 10px 35px;
}

a.up-big {
	background: url(../images/assets/sprite.png) 15px -128px no-repeat
		#f3f3f3;
	width: 18px;
	font-size: 16px;
	padding: 10px 15px;
}

a.down-big {
	background: url(../images/assets/sprite.png) 15px -163px no-repeat
		#f3f3f3;
	width: 18px;
	font-size: 16px;
	padding: 10px 15px;
}

a.green,input.green {
	background: #90be53;
	border-color: #698c3b;
	color: #ffffff;
	text-shadow: 0 1px 0 #333;
}

a.green:hover {
	background: #698c3b;
	color: #ffffff;
}

a.blue {
	background: #3e82c0;
	border-color: #2b5e8d;
	color: #ffffff;
	text-shadow: 0 1px 0 #333;
}

a.blue:hover {
	background: #2b5e8d;
	color: #ffffff;
}

a.red {
	background: #d7454b;
	border-color: #9e3035;
	color: #ffffff;
	text-shadow: 0 1px 0 #333;
}

a.red:hover {
	background: #9e3035;
	color: #ffffff;
}

a.orange {
	background: #ff5c00;
	border-color: #d45500;
	color: #ffffff;
	text-shadow: 0 1px 0 #333;
}

a.orange:hover {
	background: #d45500;
	color: #ffffff;
}

/*------------------------------
Added for Product Adviser
------------------------------*/
form.adviser {
	font-size: 14px;
}

ul#lessonnav { /* general settings */
	text-align: left; /* set to left, right or center */
	margin: 1em 0 1em 0; /* set margins as desired */
	border-bottom: 1px solid #ddd; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 10px 5px 10px;
	/* THIRD number must change with respect to padding-top (X) below */
}

ul#lessonnav li { /* do not change */
	display: inline;
	margin-right: 2px;
}

ul#lessonnav li a { /* settings for all tab links */
	padding: 6px 10px;
	/* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #ddd;
	/* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #f5f5f5;
	/* set unselected tab background color as desired */
	color: #666; /* set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

ul#lessonnav a:hover { /* settings for hover effect */
	background: #fff; /* set desired hover color */
}

ul#lessonnav li.active a {
	border-bottom: 1px solid #fff;
	/* set border color to page background color */
	background-color: #fff;
	/* set background color to match above border color */
	color: #005593;
}

input {
	padding: 2px;
}

input.standard {
	width: 125px;
}

input.long {
	width: 250px;
}

input.xlong {
	width: 300px;
}

input.xxlong {
	width: 400px;
}

input.short {
	width: 75px;
}

input.xmini {
	width: 50px;
}

form div.space {
	clear: both;
	margin-bottom: 1em;
	padding: .5em 0;
	vertical-align: text-top;
}

form div.nospace {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}

form .required {
	font-weight: bold;
}

form .required label:after {
	color: #D7454B;
	content: '*';
	display: inline;
}

form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
}

label.choice,label.text {
	display: inline;
	margin-left: 10px;
}

label {
	font-weight: bold;
	display: block;
}

label.cpod_error {
	background-color: #D7454B;
	padding: 0 10px;
}

input.cpod_error {
	border-color: #FF0000;
}

table#voucherCodeTable {
	margin: 0 auto;
}

table#voucherCodeTable .txt-right {
    padding-right: 12px;
}

table#voucherCodeTable #btn-submit {
	margin-top: 12px;
}

table#voucherCodeTable #message{
	margin-bottom: 15px;
}


.title-contact {
    background: url("../images/contact.jpg") scroll 0 0 transparent;
	height:55px;
    color: #ffffff;
	font-size: 20px;
	font-weight:bold;
	padding:29px 0px 0px 125px;
}


.title-inquiries {
    background: url("../images/inquiries.jpg") scroll 0 0 transparent;
	height:55px;
    color: #ffffff;
	font-size: 20px;
	font-weight:bold;
	padding:29px 0px 0px 112px;
}

.title-about {
    background: url("../images/about.jpg") scroll 0 0 transparent;
	height:55px;
    color: #ffffff;
	font-size: 20px;
	font-weight:bold;
	padding:29px 0px 0px 96px;
}

.title-media {
    background: url("../images/media01.jpg") scroll 0 0 transparent;
	height:55px;
    color: #ffffff;
	font-size: 20px;
	font-weight:bold;
	padding:29px 0px 0px 112px;
}
.smartclassbg {
	background: url("../images/pages/smartclasses-1.jpg") scroll 0 0 transparent;
	height:475px;
    color: #ffffff;
}

.smartclassbg .title1{
	font-size: 18px;
	font-weight:bold;
	padding:8px 0px 0px 20px;
}
.smartclassbg .title2{
	font-size: 18px;
	font-weight:bold;
	padding:15px 0px 0px 20px;
}
.smartclassbg .text1{
	font-size:13px;
	font-style:italic;
	padding:162px 0px 0px 20px;
}
.smartclassbg .text2{
	font-size:13px;
	font-style:italic;
	padding:159px 0px 0px 20px;
}
#dhtmltooltip{
	position: absolute;
	z-index: 999;
}	


/*------------------------------
ChinesePod Study Options
------------------------------*/
a.storeoption {
	padding: 10px 25px;
	margin-right: 25px;
	font-variant: small-caps;
	text-transform: uppercase;	
}

.store-window {
		width: 570px;
		background: #f3f3f3;		
		padding: 7px 12px;
		position: relative;
		display: inline-block;
		background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5),
			to(#F1F1F1) );
		background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5),
			to(#F1F1F1) );
		border: solid 1px #dcdcdc;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
}

.store-window-left {
		width: 280px;
		float: left;
}

.store-window-right {
		width: 280px;
		margin-left: 290px;		
}

.store-window-banner {
	background: #feffc7;		
	padding: 7px 12px;
	border: solid 1px #c9c9c9;	
	margin-bottom: 20px;	
}

.store-red {
	color: #c11920;	
	display: inline;
}

.store-green {
	color: #8ac407;	
}

p.store-list {
	margin-bottom: 0px;
}

ul.store-list {
	margin-left: 5px;
}

.store-window-form {
	background: #fff;		
	padding: 7px 12px;
	border: solid 1px #c9c9c9;		
}

form.store-window-text {
	font-size: 14px;
}

.payment-section {	
	margin-bottom: 20px;
	color: #6e6e6e;
    padding: 12px;
	font-size: 14px;
}

.payment-section h3 {
	padding-bottom: 10px;
}

.payment-section input[type="text"], .payment-section select {
	font-size: 18px;
	padding: 3px;
}

.payment-section .space{
	margin-bottom: 20px;
}