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

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: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; }
.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: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; }
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 透明度20%*/ opacity: 0.9; /* 支持CSS3的浏览器（FF 1.5也支持）透明度20%*/ filter:alpha(opacity=95); /* IE 透明度20% */}
.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 透明度20%*/ opacity: 0.9; /* 支持CSS3的浏览器（FF 1.5也支持）透明度20%*/ filter:alpha(opacity=95); /* IE 透明度20% */}
.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 {
    border-bottom: 1px solid #C0C0C0;
	margin-bottom:20px;
}

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

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

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

#seven-reasons .block 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, “Helvetica 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, “Helvetica 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: #e32;
    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;
}