/* Global Start */
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, select {
margin:0; padding:0;
font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif, Arial, "Lucida Sans Unicode";
}
body {
font-size:62.5%;
color:#333;
line-height: 1.5;
background-color: #000;
}
p {
font-size: 14px; /* 14px */
line-height:1.5em;
margin:0 0 10px 0;
}
.noheight {
font-size: 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";
}
.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; }
/* .content a, .content a:hover{ color: #0000FF; } */
/* Links */
a {text-decoration: none;}
a:hover { text-decoration: underline; }
a:visited {color:#0000ff;}
a.color{ color:#cc0000; }
a.color:visited{ color:#cc0000; }
a img, a .imgright { border:0px; }
/* Lists */
ul, ol {
list-style-position: inside; font-size: 14px; /* 14px */
margin-bottom: 10px;
}
ul ul{ font-size:1em; margin:1em;}
/* Tables */
table, 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:hover {
text-decoration: underline;
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 a{text-decoration: none;}
#lesson-comments .les-com-days a{color: #333;}
#lesson-comments .les-com1-sub-avatar img a{ /* fix image location next to "Team" under team members' avatars */
margin-top:-10px;
}
.conversation-r h4{font-size:1.2em; margin-top:-6px;}
.conversation-r h4 a, conversation-r h4 a:visited{ color:#333; }
.conversation-r h4 .color a{ color:#cc0000; text-decoration:underline; }
.conversation-r h4 a:hover{ color:#cc0000; }
.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;
}
/* structure css end*/
/* common css */
.date{
color:#666;
font-size:0.8em;
font-style:italic;
margin-bottom:10px;
}
.icon {
width:auto;
float:left;
margin-right:12px;
}
.col-a,.col-b {
float:left;
width:auto;
clear:right;
}
.time {
font-size:0.9em;
color:#999;
}
.hide { display:none; }
.form-table td { padding:6px; }
.perpage {
float:right;
width:auto;
}
.text-tip {
color:#999;
font-size:12px;
}
.settings{ float:right;}
.rss{
float:right;
width:20px;
}
.large-box{
border:#ccc solid 1px;
padding: 10px 20px;
}
th.txt-right{ text-align:right;}
.btnr{
float:right;
clear:left;
}
.box-r{
float:right;
clear:left;
width:auto;
}
.box-l{
float:left;
clear:right;
width:auto;
}
.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;
}
.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-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; }
.comment-main .date { margin-top:5px; border-top:#999 solid 1px; }
.avatar { float:left; margin-right:10px; display:inline; margin-top:-3px; }
.comment-main h2 { font-size:1.6em; margin:0px; }
.comment-main li { clear:both; margin-bottom:12px; display:block; }
.conversation-r { float:right; margin-bottom:20px; margin-top:-4px; min-height:90px; width:480px; }
.conversation-r a{ /* color:#333; */ }
.conversation-r .color{ color:#cc0000;}
#team .conversation-r{ width:450px; }
#team .conversation-r h2 a{ color:#cc0000;}
.conversation-r p{ font-size:14px;}
/* comment end */
/* exercise */
.exercise-main { width:640px; float:left; }
.exercise-sidebar { width:300px; float:left; margin-right:20px; _margin-right:10px; }
.lesson-title h1 { font-size:2.4em; margin-bottom:20px; }
#dialogue .dialo-a button, #dialogue .dialo-b button, .vocab-table button, #expansion button{ float:right; clear:left; }
#dialogue .dialo-a, #dialogue .dialo-b{ font-size:1.4em; }
.dialo-a{ background:#ddd;padding:10px; font-size:12px; }
.dialo-b{ background:#f5f5f5;padding:10px; font-size:12px; }
.dialo-a a , .dialo-b a{ color:#666; }
.dialo-a td , .dialo-b td, .dialo-a p , .dialo-b p{ font-size:1.2em;}
/* exercise */
/* sidebar */
.sidebar { background: #fff url(../images/sidebar_bg.gif) repeat-y top left; margin-bottom: 10px; width: 310px; font-size: 0.9em; }
.sidebar .checkbox input { width: auto; }
.sidebar input.hundred { width: 100%; }
.sidebar-img-top { background: url(../images/sidebar_img_top.gif) no-repeat top left; clear: both; height: 7px; }
.sidebar-img-content { padding: 0px; text-align: center; }
.sidebar-btm { background: url(../images/sidebar_btm.gif) no-repeat bottom left; clear: both; height: 7px; }
.sidebar-title { font-weight: bold; font-size:1.4em; color: #ffffff; background:#2d2e2d url(../images/sidebar_top.gif) no-repeat left top; padding: 5px 10px; }
.sidebar-title h3{ font-size:1em; display:block; width:240px; margin:0px;padding:0px;}
.sidebar-content { padding: 10px; }
.newusers a { display:inline-table; margin:4px auto; }
.s-cancel { float:right; }
.activity-list p{ margin:3px 0px; width:100%; display:inline-table; }
.activity-list img { margin-bottom:10px; float:left; margin-right:4px; }
/* sidebar end */
/* header start*/
#header { background:#8d8d8d url(../images/header_bg.jpg) repeat-x bottom left; margin: 0; padding:0 0 13px 0; width: 100%; min-width: 950px; float: left; }
#logo { float: left; width: 200px; margin-right: 20px; padding: 16px 0; }
#header-item { float: right; color: #ffffff; text-align: right; margin-top: 5px; _margin-top: -80px; }
.header-text { height: 6px; line-height: 110%; _height: 0px; }
#header-item img { vertical-align: middle; }
#header-item input[type=text] { padding: 1px 2px; color: #666; margin:2px 0 0 0 ; max-width: 280px; _margin-bottom:0px; width:100px; }
#header-item a { text-decoration: none; color: #ffffff; }
#header-item a:hover { text-decoration: underline; }
input.btn-search { background: url(../images/search_go.gif) no-repeat left top; width: 30px; height: 23px; border: none; top:0px; position:relative;}
.breadcrumbs{ margin-bottom:10px; font-size:1.2em; margin-top:-20px; }
.breadcrumbs a{ color: #333; }
#logo { float: left; width: 200px; margin-right: 20px; padding: 10px 0; }
/* header end */
/* nav */
#nav { margin-top: 0px; padding-top: 0px; float: left; display:inline; }
#nav ul { list-style: none; padding: 0px; margin: 0px; width: 100%; float: left; }
#nav ul li { float: left; font-weight: bolder; font-size:1.2em; margin:0px; }
#nav ul li a { float: left; display: block; text-decoration: none; color: #ffffff; padding: 30px 14px; font-weight:bold; }
#nav ul li a:hover { color: #ffffff; text-decoration: none; background: #8d8d8d url(../images/current_bg.jpg) repeat-x left bottom; }
#nav ul li.current { background: #8d8d8d url(../images/current_bg.jpg) repeat-x left bottom; }
/* nav*/
/* footer */
#footer-break { margin: 0; clear: both; background-color: #828282; background-image: url(../images/footer_mainbg.gif); background-repeat: repeat-x; padding-bottom: 30px; width: 100%; 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:1.2em;
background:#4D4D4D;
border-top:1px solid #6B6B6B;
color:#ffffff;
margin-top:-13px;
float: left;
width: 100%;
padding: 4px 0 7px;
}
.header-sub-info .container { text-align: right; }
.header-sub-info a{
color: #ffffff;
text-decoration:none;
}.header-sub-info a:hover {
color: #ffffff;
text-decoration:underline;
}
.header-shadow {
width:100%;
background:url(/images/h-info-bg.jpg) repeat-x;
height:14px;
float:left;
display:block;
margin-bottom:-40px;
position:relative;
}
.training-select {
float:left;
position:relative;
margin:4px auto;
}
.header-subscription {
font-size:12px;
line-height:120%;
float:left;
width:280px;
color:#fff;
margin-top:18px;
border-left:#444 solid 1px;
padding-left:12px;
}
/* Start new */
/* home -- activity */
#activity { font-size:1.4em; }
#activity .row {
border-top:#ccc solid 1px;
padding-top:20px;
}
.activity-reply{
border-top:#999 solid 1px;
width:100%;
clear:both;
}
.activity-reply .avatar { margin-top:4px; }
.activity-reply-r{
display: table;
float:right;
width:430px;
}
/* home -- activity */
/* home -- profile */
#profile {
overflow:hidden;
margin:20px 0px;
}
#profile .col-a {
margin-right:20px;
display:inline;
width:165px;
}
#profile .col-b { width:400px; }
#profile a.p-edit{
float:right;
color:#0000ff;
font-size:14px;
font-weight:normal;
line-height:200%;
*line-height:100%;
*top:-22px;
*position:relative;
text-decoration:none;
}
#profile a.p-edit span{ text-decoration: underline;}
/* home -- profile */
/* community */
#conversation #post_btn {
float:right;
clear:left;
}
#ranking .table-list{
border:#999 solid 1px;
margin:-1px 1px 0px 1px;
_margin:-1px -1px 0px 0px;
float:left;
width:586px;
-width:594px;
overflow:visible;
}
#post_btn input.btn-writepost {
background-image:url(/images/write-a-own-post.jpg);
border:0 none;
cursor:pointer;
height:31px;
width:181px;
position:relative;
*margin-right:20px;
}
input[type="button"].btn-writepost:hover {background-image:url(/images/write-a-own-post2.jpg);}
/* messages */
.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
font-size:1.4em;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('/images/messages/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('/images/messages/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/images/messages/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('/images/messages/error.png');
}
.green-box{
border:2px solid #33CC00;
color:#33CC00;
padding:8px 10px;
margin:10px auto;
font-size:12px;
}
/* tooltip begins */
#dhtmltooltip {
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmlpointer {
position: absolute;
left: -300px;
z-index: 101;
font-size: 36px;
visibility: hidden;
}
a.forbidden-gray {color: #666;}
.row_1 {font-size: 24px;}
.invisible_pinyin {font-size: 16px;}
.row_2, .row_3, .row_4{font-size: 18px;}
/* tooltip ends */
.les-comment-hold td input{ margin:5px auto;}
/* lesson characters */
.dialo-a span, .dialo-b span{font-size:1.2em; font-style:normal;}/* zh characters */
.dialo-a a, .dialo-b a{color:#666;} /* en characters - WARNING: this style depends on the translation being a link! */
/* sample lesson */
.sample-a-lesson-note{
border:#fff solid 1px;
background:#Faffbd;
padding:8px;
color:#8d731f;
font-size:1.4em;
font-weight:bold;
margin-bottom:20px;
}
.sample-a-lesson-note span{ color:#333; }
.sample-note-text{
float:left;
width:650px;
margin:15px auto;
}
.sample-sign-up{
float:right;
width:200px;
height:30px;
margin-top:0px;
}
/* sample lesson end */
/* sign up */
table.sign-up {
table-layout:fixed;
border-collapse:collapse;
}
table.sign-up td{
padding:2px 0px;
border:0px;
margin-left:0px;
overflow:visible;
}
table.sign-up td input, table.sign-up td textarea{
width:100%;
*width:215px;
}
table.sign-up td input[type=text], table.sign-up td input[type=password]{
height:34px;
line-height:34px;
font-size:16px;
padding-left:4px;
}
table.sign-up td input{
height:34px;
line-height:36px;
font-size:16px;
padding-left:4px;
_padding-left:2px;
_line-height:30px;
}
table.sign-up td textarea{ width:98%; height:150px; font-size:13px; }
.txt-right{ text-align:right;}
table.sign-up .txt-right{ padding-right:12px;}
table.sign-up td *.checkbox{ width:16px; height:12px; }
.sign-note-tick, .sign-note-assign{
height:42px;
background:#999;
width:100%;
float:left;
margin-left:5px;
display:inline;
}
.sign-note-tick{ background:url(../images/messages/sign-up-tick.png) no-repeat;}
.sign-note-error{
background:url(../images/messages/sign-up-assign.png) no-repeat;
color:#cc0000;
height:42px;
width:215px;
margin-left:5px;
}
.sign-note-focus{
background:url(../images/messages/sign-up-assign.png) no-repeat;
height:42px;
width:215px;
margin-left:5px;
}
.note-text{
font-size:11px;
line-height:11px;
height:42px;
vertical-align:middle;
display:table-cell;
padding-left:30px;
width: 180px;
*display:block;
*margin-top:12px;
*height:auto;
}
/* sign up end */
.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:2px;}
#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_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:14px; font-weight:bold; color:#FFF; font-style:italic;}
.banner_1{background-image:url(/images/index/flash_1_bg.jpg); width:960px; height:260px; 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:260px; 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:260px; 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}
.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}
.center{text-align:center; padding-top:10px}
/* 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 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 30px}
.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}