/* Kaibell CSS Document */
/* Home Body Css */
/*@charset "utf-8";*/
@import url(/css/usaonline.css);

/* usaonline other page */
#bleft {width:200px; min-height:100px; -height:100px; float:left;}
#bleft h2 {height:30px; line-height:30px; padding-left:12px; font-size:13px; color:#333;;
background:url("/images/menu_baner_2.gif") no-repeat;}
#bleft h2 a {font-size:13px; color:#333;}
#bleft h2.tnotice {background:url("/images/menu_baner_2_1.gif") no-repeat;}
#bleft h2.tservice {background:url("/images/menu_baner_2_2.gif") no-repeat;}
#bleft h2.tmode {background:url("/images/menu_baner_2_3.gif") no-repeat;}
#bleft h2.tsort {background:url("/images/menu_baner_2_4.gif") no-repeat;}
#bleft .usasort {border:#ffd891 solid 1px; border-top:0; margin-bottom:10px;}
#bleft .cnotice {border:#beddfe solid 1px;} 
#bleft .cservice {border:#beddfe solid 1px;} 
#bleft .usasort ul {padding:8px 0; line-height:1.6;}
#bleft .usasort ul li {padding-left:25px; background:url("/images/list-3corner.gif") no-repeat 12px center;}
#bleft .usasort ul li.lnavied a {color:#000; font-weight:bold;}
#bleft .usasort .notice {padding:10px 0 0 10px; line-height:1.4;}

#bleft .others {width:200px; min-height:10px; -height:10px; margin-bottom:10px;}
#bleft .others img {width:200px;}

#bright {width:735px; min-height:300px; -height:300px; float:right;}

#bright .show-categorys {width:709px; min-height:60px; -height:60px; margin-bottom:10px; padding:10px 12px; 
border:#bee8e8 solid 1px; background:url("/images/show_bg.gif") repeat-x left top;}
#bright .show-categorys h2 {margin-bottom:14px; font-size:13px;}
#bright .show-categorys p {margin-top:-4px; color:#333; line-height:1.8;}
#bright .show-categorys blockquote {margin-left:18px; color:#444; line-height:1.8;}
#bright .show-categorys .appointorder {line-height:1.8; color:#666;}
#bright .show-categorys .appointorder p {margin:10px 0; color:#000;}
#bright .show-categorys .appointorder li {color:#444;}
#bright .show-categorys-1 {width:720px; min-height:60px; -height:60px; margin-bottom:10px;}
#bright .show-categorys-1 h2 {margin-bottom:10px;}
#bright .show-categorys-1 h2 span {float:right; font-weight:normal; position:absolute; top:8px; right:12px;}
#bright .show-categorys-1 .cleft {width:330px; min-height:60px; -height:60px; padding:10px 12px; float:left;
border:#D6E7F1 solid 1px; position:relative;}
#bright .show-categorys-1 .cright {width:330px; min-height:60px; -height:60px; padding:10px 12px; float:right;
border:#D6E7F1 solid 1px; position:relative;}
#bright .show-categorys-1 table {width:328px; color:#666; border:#ccc solid 1px; background-color:#fff;}
#bright .show-categorys-1 table th {width:auto; height:28px; padding:0 8px; border-bottom:#ccc solid 1px;}
#bright .show-categorys-1 table td {width:auto; height:28px; padding:0 8px; text-align:left; border-right:0; border-top:#ccc solid 1px;}
#bright .show-categorys-1 table th.sex {width:50px;}
#bright .show-categorys-1 table th.contact {width:100px;}

#bright .shownoborder {width:735px; height:250px; min-height:1px; margin-bottom:10px; 
background:url("/images/usaonline_top.jpg") #beddfe no-repeat;}
#bright .shownoborder .noleft {width:435px; float:left;}
#bright .shownoborder .noleft h1 {height:50px; line-height:50px; padding-left:20px; font-size:16px;}
#bright .shownoborder .noleft p {padding:0 10px 10px 20px; line-height:1.6;}
#bright .shownoborder .noright {width:290px; float:right;}
#bright .shownoborder .noright div {margin:10px 0 5px 0;}

#bright .show-categorys-2 {width:735px; min-height:100px; -height:100px; margin-bottom:5px; *margin-bottom:10px; *overflow-x:hidden;}
#bright .show-categorys-2 .oralsort {width:750px; min-height:1px; -float:left;}
#bright .show-categorys-2 .oralsort li {width:363px; height:250px; margin:0 5px 5px 0; line-height:1.5; float:left; overflow:hidden;
border:#bee8e8 solid 1px; background:url("/images/show_bg.gif") repeat-x left top;}
#bright .show-categorys-2 .oralsort li div {width:339px; height:220px; padding:0 12px; background:url("/images/show_bot_bg.gif") repeat-x left bottom;}
#bright .show-categorys-2 .oralsort h2 {height:30px; line-height:30px; padding-left:12px; font-size:13px;}
#bright .show-categorys-2 .oralsort img {margin-right:10px; float:left;}
#bright .show-categorys-2 .oralsort p {padding:10px 0;}
#bright .show-categorys-2 .oralsort select {width:auto; margin:0; padding:0;}
#bright .show-categorys-2 .oralsort .roombtn {padding-top:0;}
#bright .show-categorys-2 .oralsort .roombtn img {float:right;}

/* home css */
#bright h2.usaonlinesay {padding-bottom:8px;}
#bright .show-categorys .usasaycont {width:100%; min-height:50px; -height:50px; float:left; color:#333; line-height:1.8;}
#bright .show-categorys .bullboard {width:290px; -width:300px; height:110px; margin:-10px -12px; -margin:-10px; padding:12px 12px 5px 14px; color:#333; line-height:1.5; 
float:right; border-left:#ccc solid 1px; overflow:hidden; background-color:#eee;}

/* teachers css */
#bright .userlists table {width:700px; color:#666; border:#eee solid 1px; background-color:#fff;}
#bright .userlists table th {width:auto; height:20px; padding:5px; font-weight:normal; color:#0024ff;}
#bright .userlists table td {width:auto; height:28px; padding:5px; text-align:left; border-right:0; border-top:#eee solid 1px;}
#bright .userlists table caption {padding-bottom:5px; text-align:left;}
#bright .userlists dl {width:700px; margin-bottom:5px;}
#bright .userlists dl dt {height:22px; line-height:22px; overflow:hidden;}
#bright .userlists dl dt .charset {margin-top:-3px; display:block; -margin-top:0; -display:inherit;}
#bright .teacherIcon p {width:50px; height:50px; float:left; margin-right:10px; overflow:hidden}
#bright .teacherIcon p img {width:50px;}

#bright table.appointmentlist {width:700px; color:#666; margin-bottom:10px; border:#eee solid 1px;}
#bright table.appointmentlist th {color:#666; padding-left:5px; font-weight:bold; 
background-color:#eee; border-left:#fff solid 1px; border-top:#fff solid 1px; border-right:#eee solid 1px;}
#bright table.timeslist th {border-bottom:#eee solid 1px;}

/* onewaiting css */
#bright .onewaiting {margin:0; padding-left:40px; padding-bottom:20px;}
#bright .onewaiting li {height:30px; line-height:30px; color:#666;}
#bright .onewaiting input {width:auto;}
#bright .onewaiting img {margin-top:10px; cursor:pointer;}
#bright .onewaiting #skypeaccount {width:100px; height:18px; padding-top:2px; border:#ccc solid 1px;}
#bright .onewaiting .confappbtn {width:90px; height:30px;}

/* Appointment Button */

#bright table tr.dottedbg {background:url("/images/dotted_bg.gif") center center;}
#bright table tr.dottedbg td {height:40px; padding:5px; border:#eee solid 1px; border-top:0;}
#bright table tr td.tim_section {width:55px; padding-right:8px; color:#006699; text-align:right; vertical-align:top;
background:url("/images/blank_bg.gif") center top;}

#bright table tr td p.app_section {width:120px; height:45px; margin:0 auto; padding:0 auto; text-align:left; vertical-align:top;
background:url("/images/light-blue-L.gif") no-repeat 3px 0px; overflow:hidden; position:relative;}
#bright table tr td p.app_section span {width:110px; height:45px; line-height:1.5; color:#000; text-decoration:none; font-size:10px; 
margin:0; padding:0; background:url("/images/light-blue.gif") no-repeat right 0px; display:block; float:right;}
#bright table tr td p.app_section a {height:45px; color:#000; text-decoration:none; font-size:10px; display:block;}
#bright table tr td p.app_section a:visited, td.app_section a:active {text-decoration:none; font-size:10px; color:#000;} 
#bright table tr td p.app_section a:hover {text-decoration:none; color:#000; font-size:10px;}
#bright table tr td p.app_section .available {position:absolute; top:0; left:0;}

#bright table tr td p.apped_section {width:120px; height:45px; margin:0 auto; padding:0 auto; text-align:left; vertical-align:top;
background:url("/images/deep-blue-L.gif") no-repeat 3px 0px; overflow:hidden; position:relative;}
#bright table tr td p.apped_section span {width:110px; height:45px; line-height:1.5; color:#000; text-decoration:none; font-size:10px; 
margin:0; padding:0; background:url("/images/deep-blue.gif") no-repeat right 0px; display:block; float:right;}
#bright table tr td p.apped_section a {height:45px; color:#000; text-decoration:none; font-size:10px; display:block;}
#bright table tr td p.apped_section a:visited, td.apped_section a:active {text-decoration:none; font-size:10px; color:#000;} 
#bright table tr td p.apped_section a:hover {text-decoration:none; color:#000; font-size:10px;}
#bright table tr td p.apped_section .available {position:absolute; top:0; left:0;}

#bright table tr td p.wait_section {width:120px; height:45px; margin:0 auto; padding:0 auto; text-align:left; vertical-align:top;
background:url("/images/yellow-L.gif") no-repeat 3px 0px; overflow:hidden; position:relative;}
#bright table tr td p.wait_section span {width:110px; height:45px; line-height:1.5; color:#000; text-decoration:none; font-size:10px; 
margin:0; padding:0; background:url("/images/yellow.gif") no-repeat right 0px; display:block; float:right;}
#bright table tr td p.wait_section a {height:45px; color:#000; text-decoration:none; font-size:10px; display:block;}
#bright table tr td p.wait_section a:visited, td.wait_section a:active {text-decoration:none; font-size:10px; color:#000;} 
#bright table tr td p.wait_section a:hover {text-decoration:none; color:#000; font-size:10px;}
#bright table tr td p.wait_section .available {position:absolute; top:0; left:0;}

#bright table tr td p.oneIn_section {width:120px; height:45px; margin:0 auto; padding:0 auto; text-align:left; vertical-align:top;
background:url("/images/light-green-L.gif") no-repeat 3px 0px; overflow:hidden; position:relative;}
#bright table tr td p.oneIn_section span {width:110px; height:45px; line-height:1.5; color:#000; text-decoration:none; font-size:10px; 
margin:0; padding:0; background:url("/images/light-green.gif") no-repeat right 0px; display:block; float:right;}
#bright table tr td p.oneIn_section a {height:45px; color:#000; text-decoration:none; font-size:10px; display:block;}
#bright table tr td p.oneIn_section a:visited, td.oneIn_section a:active {text-decoration:none; font-size:10px; color:#000;} 
#bright table tr td p.oneIn_section a:hover {text-decoration:none; color:#000; font-size:10px;}
#bright table tr td p.oneIn_section .available {position:absolute; top:0; left:0;}

#bright table tr td p.talk_section {width:120px; height:45px; margin:0 auto; padding:0 auto; text-align:left; vertical-align:top;
background:url("/images/deep-green-L.gif") no-repeat 3px 0px; overflow:hidden; position:relative;}
#bright table tr td p.talk_section span {width:110px; height:45px; line-height:1.5; color:#000; text-decoration:none; font-size:10px; 
margin:0; padding:0; background:url("/images/deep-green.gif") no-repeat right 0px; display:block; float:right;}
#bright table tr td p.talk_section a {height:45px; color:#000; text-decoration:none; font-size:10px; display:block;}
#bright table tr td p.talk_section a:visited, td.talk_section a:active {text-decoration:none; font-size:10px; color:#000;} 
#bright table tr td p.talk_section a:hover {text-decoration:none; color:#000; font-size:10px;}
#bright table tr td p.talk_section .available {position:absolute; top:0; left:0;}

/*#bright table tr td p.mar5left {margin-right:5px;} */
#bright table tr td p.line12height span {line-height:1.0; *line-height:0.9; -line-height:1.7;}
#bright table tr td p.line12height span a {margin-top:2px; *margin-top:1px; -margin-top:-1px;}
#bright table.lessonnavi {width:100%; height:30px;}
#bright table.lessonnavi td {width:120px; text-align:center;
background:url("/images/lesson_navi_bg.gif") no-repeat;}
#bright table.lessonnavi td a {font-size:13px; font-weight:bold;}
#bright table.lessonnavi td.navied {background:url("/images/lesson_navied_bg.gif") no-repeat;}
#bright table.lessonnavi td.navied a {color:#333;}
#bright table.lessonnavi th {border-bottom:#bee8e8 solid 1px;}
#bright table.lessonlist {width:700px; color:#666; margin-bottom:10px; border:#eee solid 1px;}
#bright table.lessonlist th {height:28px; font-weight:bold; color:#666; padding-left:5px; 
background-color:#ddd; border-left:#fff solid 1px; border-top:#fff solid 1px; border-right:#ddd solid 1px;}
#bright table.lessonlist td {text-align:left; padding:7px 0 7px 5px; border-top:#ddd solid 1px;}
#bright table.lessonlist caption {font-size:13px; color:#333; font-weight:bold; padding:10px 0 15px 0; text-align:left;}

#bright table.contlist {width:100%; margin-bottom:10px; border:#eee solid 1px;}
#bright table.contlist th {width:80px; color:#666; padding:6px 10px; border-bottom:#eee solid 1px;}
#bright table.contlist td {padding:6px 10px; line-height:1.6; border-bottom:#eee solid 1px;}

#bright ul.teacherlist {width:690px; *overflow-x:hidden;}
#bright ul.teacherlist li {width:720px; margin-top:10px; float:left;}
#bright ul.teacherlist li p {width:110px; padding-right:5px; line-height:1.4; float:left; text-align:center;}
#bright ul.teacherlist li img.ticon {width:88px; padding:3px; border:#eee solid 1px;}

#bright table tr td.app_section_bg {background:url("/images/dotted_yellow_bg.gif") center center;}

/* Appointment help */
#bright table.appointhelp {width:100%; margin:0; text-align:center; border:#D6E7F1 solid 1px; border-bottom:0;}
#bright table.appointhelp a {font-size:13px; font-weight:normal;}
#bright table.appointhelp td {width:100px; height:32px; font-weight:bold; color:#333; font-size:13px; 
border-bottom:#b5dcf7 solid 1px; background-color:#eee;}
#bright table.appointhelp td.tabbered_0 {border-bottom:0; border-right:#b5dcf7 solid 1px; background-color:#fff;}
#bright table.appointhelp td.tabbered_1 {border-bottom:0; border-left:#b5dcf7 solid 1px; border-right:#b5dcf7 solid 1px; background-color:#fff;}

/* Member List */
.memberlist {width:924px; min-height:100px; -height:100px; margin-bottom:10px; padding:10px 12px; 
border:#D6E7F1 solid 1px; background:url("/images/show_bg.gif") repeat-x left top;}
.memberlist h2 {margin-bottom:14px; font-size:14px;}
.memberlist .mleft {width:700px; float:left; line-height:2.0;}
.memberlist .mleft table {width:100%;}
.memberlist .mleft table th {width:120px; color:#666;}
.memberlist .mright {width:200px; float:right; line-height:1.8;}
.memberlist .mright img {margin-bottom:5px;}
.memberlist .mphoto li {width:130px; float:left}
.memberlist .mphoto li img {padding:5px; border:#ccc solid 1px;}

/* 设置分页 Css */
#pager {width:700px; padding-bottom:10px; padding-top:10px; border-top:#ddd solid 1px;}
#pager li {margin-right:5px; float:left; border:#63a1ca solid 1px;}
#pager li.point {border:0;}
#pager li a {color:#000; font-size:11px; text-decoration:none; display:block; padding:2px 6px;}
#pager li a:hover {color:#fff; background-color:#63a1ca; font-size:11px; text-decoration:none; display:block;}
#pager li.paged a {color:#fff; background-color:#63a1ca;}

/* 预约浮动窗口 */
#flaowin_3 {display:none; width:450px; height:400px; border:#24618E solid 2px; background-color:#fff;
position:absolute; top:180px; left:35%; overflow:hidden;}
#flaowin_3 h2 {height:26px; line-height:24px; *line-height:26px; padding-left:10px; font-size:12px; color:#fff; 
background-color:#24618E; position:relative;}
#flaowin_3 h2 img {position:absolute; top:4px; right:5px; cursor:pointer;}
#flaowin_3 .formcont {width:100%; height:333px;}
#flaowin_3 .formcont iframe {overflow-x:hidden; display:block;}
#flaowin_3 .availbtn {text-align:center; margin-top:5px;}
#flaowin_3 .availbtn .submitbtn {width:70px; height:24px; padding-bottom:3px; *padding-bottom:0; *padding-top:2px; 
font-size:12px; font-weight:bold; color:#333; border:#24618E solid 1px; background-color:#f4ac40; cursor:pointer; margin:0 60px;}