/* expend top style */
.op_search_layer{border:1px #ccc solid;width:119px;height:22px;padding:1px 3px 0px}
.op_search_arrow{float:left;width:16px;padding-top:0px!important;padding-top:2px}
.op_search_input{float:left;background:transparent;width:75px}
.op_search_go{float:right;width:20px}
.searchv5{padding:0px 0px 0px 20px;background:url(/static/images/icon_common.png) 0px -440px no-repeat;cursor:pointer;height:20px/*arrow*/}
.searchgo{padding:0px;background:url(/static/images/icon_common.png) 0px -400px no-repeat;cursor:pointer;height:20px/*go button*/}
input.menu_search{width:75px;border:none;background:transparent;height:15px;font-size:12px;line-height:1;padding:3px 0px 0px 3px}
input.senone{color:#999;font-size:11px} 
/* top icon style */
div.sub{height:25px}
ul.icon li.search,ul.icon li.add,ul.icon li.message,ul.icon li.line,ul.icon li.contact,ul.icon li.session,ul.icon li.secure,ul.icon li.avater,ul.icon li.lng{float:right;margin:0px 10px 0px 10px;position:relative;z-index:49}
ul.icon li.line{z-index:48;border-left:1px #eee solid;margin:3px 0px 0px 0px;height:20px}
ul.icon li.avater{z-index:49;padding-top:0px}
ul.icon li.avater img{ cursor:pointer}
ul.icon li.nickname{z-index:53}
ul.icon li.lng{z-index:54}
ul.icon li.chat{z-index:52}
ul.icon li.search{z-index:52}
li.lng span.arr,li.avater span.arr{background:url(/static/images/icon_top.png) right -275px;padding-left:12px; cursor:pointer}
/*unlogin*/
ul.unlogin li{float:right;position:relative;z-index:50}
ul.unlogin li.last,ul.unlogin li.last:hover{ border-right:0px}
ul.unlogin > li.log > a{font-size:14px; color:#333;text-transform:uppercase;padding:5px 10px}
ul.unlogin > li.log > a:hover{text-decoration: none;background-color: #eee}

div.sub div.wicon,div.sub div.eicon,div.sub div.nicon,div.sub div.ficon,div.sub div.sicon,div.sub div.iicon{background:url(/static/images/icon_top.png) no-repeat 0px -24px;width:24px;height:24px;cursor:pointer}
div.sub div.wicon:hover{background-position:0px -0px}
div.sub div.eicon{background-position:0px -70px}
div.sub div.eicon:hover{background-position:0px -46px}
div.sub div.nicon{background-position:0px -433px}
div.sub div.nicon:hover{background-position:0px -409px}
div.sub div.ficon{background-position:0px -119px}
div.sub div.ficon:hover{background-position:0px -95px}
div.sub div.sicon{background-position:0px -167px}
div.sub div.sicon:hover{background-position:0px -143px}
div.sub div.iicon{background-position:0px -215px}
div.sub div.iicon:hover{background-position:0px -191px}
div.sub .col10{float:right}
div.sub .col3 ul.icon li.lng{float:left}
/* alert number & push style */
.ts_num,.ts_numB,.ts_numR,.ts_numBN{border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;background:#9c3;color:#fff;margin-left:0px;padding:1px 6px 0px}
.ts_numB,.ts_numR,.ts_numBN{position:absolute;right:-8px;top:-6px}
.ts_numBN{background:#ccc}
.ts_numR{background:#d22}
.ts_numRS{background:#d22}
span.num font.ts_numB,span.num font.ts_numBN,span.num font.ts_numR{position:absolute;right:2px;top:4px}
.push{position:absolute; box-shadow:0px 1px 2px #666; top:0px; right:0px;background-color:#fae7aa;border:1px #fae7aa solid; padding:5px 10px; max-width:400px}
.pusharrow{position: absolute;border-bottom-color:#fae7aa ; border-bottom-style: solid; border-bottom-width: 6px; border-right-color:transparent; border-right-style: solid; border-right-width: 6px; border-left-color: transparent; border-left-style: solid; border-left-width: 6px; margin-top: -6px; right: 122px; top: 0px}
/* pop menu style */
.absoT,.absoLT{position:absolute;left:-11px;top:-11px;text-align:right;z-index:55}
.absoLT{right:-11px}
.absoB{position:absolute;left:-11px;top:21px;text-align:left;z-index:54}
.absoLB{position:absolute;right:-11px;top:21px;text-align:left;z-index:54}
span.num,span.ch_lng{border-top:1px #ccc solid;border-left:1px #ccc solid;border-right:1px #ccc solid;padding:10px 10px 12px;height:19px;background:#fff;box-shadow:1px 0px 1px #eee;white-space:nowrap}
.num_detail{border:1px #ccc solid;padding:2px;white-space:nowrap;background:#fff;margin-top:9px;box-shadow:1px 0px 2px #eee;min-width:120px}
.num_detail.noti{ width:400px}
.num_detail div.time{padding:10px;width:auto;background:#efefef;border-top:1px #ccc solid}
.num_detail .col{border-top:1px #eee solid; margin:2px 0px}
.popmenu div{font-size:13.2px}
.popmenu > li > a{display:block;margin:0px;padding:4px 10px;color:#333; font-size:13.2px}
.popmenu > li > a:hover{background:#eee}
.popmenu div div.trans_layout2{display:block;margin:0px;padding:8px 10px;color:#333; border-bottom:1px #eee solid;white-space:normal}
.popmenu div div.trans_layout3{display:block;margin:0px;padding:8px 10px;color:#333; border-bottom:1px #eee solid;white-space:normal}
.popmenu div.trans_layout3.showmore{border-bottom:0px #eee solid; text-align:center; padding:0}
.popmenu div div.trans_layout3.showmore a{ display:block; line-height:36px}
.popmenu div div.trans_layout3 div.pic{width:24px; padding-top:3px}
.popmenu div div.trans_layout3 div.content{width:310px;margin-left:10px}
.popmenu div div.trans_layout3 div.noti{width:308px;margin-left:10px; cursor:pointer}
.popmenu div div.trans_layout3 div.noti div.details{background: #f1f1f1;padding: 10px; margin-top:5px}
.popmenu div div.trans_layout3 div.view{width:70px;margin-left:10px;}
.popmenu div div.trans_layout3 div.all{width:375px}
.popmenu div div.trans_layout3:hover{background-color:#eee}
.popmenu .trans_layout3 a.all{color:#333}
.empty_noti{padding:30px 0px; text-align:center; color:#999; border-bottom:1px #eee solid; font-size:16px}
.empty_reload{padding:10px; background:#FDF5D9; text-align:center}
.empty_reload a{ display:block;background: url(/static/images/icon_common.png) 100% -839px no-repeat transparent;padding: 3px 24px 2px 0px; color:#333;filter:alpha(opacity=60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6}
.empty_reload a:hover{filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1}
.empty_title{padding:10px; border-bottom:1px #eee solid}
.empty_title span.title_txt,.empty_title a{ color:#333;font-weight:bold; font-size:13.2px}
.empty_title span{white-space:normal}
/* top change language */
ul.chn_flag > li > a{display:block;padding:3px 10px 3px 28px!important;width:auto;line-height:18px;color:#333}
ul.chn_flag > li > a:hover{background:#e2007b;color:#fff}
ul.chn_flag li{background:url(/static/images/bg_flag.png) no-repeat 8px 1px}
ul.chn_flag li.flag_zh-cn{background-position:8px -17px}
ul.chn_flag li.flag_zh-tw{background-position:8px -35px}
ul.chn_flag li.flag_es{background-position:8px -53px}
ul.chn_flag li.flag_fr{background-position:8px -71px}
ul.chn_flag li.flag_pt{background-position:8px -89px}
ul.chn_flag li.flag_de{background-position:8px -107px}
ul.chn_flag li.flag_ja{background-position:8px -125px}
ul.chn_flag li.flag_ko{background-position:8px -143px}
ul.chn_flag li.flag_it{background-position:8px -161px}
ul.chn_flag li.flag_ru{background-position:8px -179px}
ul.chn_flag li.flag_ar{background-position:8px -251px}
ul.chn_flag li.last{background:none}

.now_flag{background: url(/static/images/bg_flag.png) 0px -699px no-repeat; padding-left:20px}
.now_flag.en-us,.now_flag.english{background-position:0px -4px}
.now_flag.zh-cn,.now_flag.chinese{background-position:0px -22px}
.now_flag.zh-tw{background-position:0px -40px}
.now_flag.es,.now_flag.spanish{background-position:0px -58px}
.now_flag.fr,.now_flag.french{background-position:0px -76px}
.now_flag.pt,.now_flag.portuguese{background-position:0px -94px}
.now_flag.de,.now_flag.german{background-position:0px -112px}
.now_flag.ja,.now_flag.japanese{background-position:0px -130px}
.now_flag.ko,.now_flag.korean{background-position:0px -148px}
.now_flag.it,.now_flag.italian{background-position:0px -166px}
.now_flag.ru,.now_flag.russian{background-position:0px -184px}
.now_flag.ar,.now_flag.arabic{background-position:0px -256px}
.now_flag.hi,.now_flag.hindi{background-position:0px -293px}
.now_flag.no{background: url(/static/images/bg_flag_no.png) 0px -1px no-repeat; padding-left:20px}
.font_itc{font-size:10px; color:#999}
.status_on{padding:0px 20px 3px 0px;background:url(/static/images/icon_common.png) right -422px no-repeat;white-space:nowrap}
.calendar{padding:0px 0px 3px 25px;background:url(/static/images/icon_common.png) 0px -62px no-repeat}
.chart{padding:0px 0px 3px 25px;background:url(/static/images/icon_common.png) 0px -82px no-repeat}
/* Online Status */
span.nn,span.nno{background:url(/static/images/icon_common.png) no-repeat -4px -382px;padding-left:16px}
span.nno{background-position:-4px -362px}
.orange12{font-size:12px;color:#f60}
/* read Status */
span.rr,span.rro{background:url(/static/images/icon_common.png) no-repeat 1px -1779px; padding:2px 0px 2px 16px}
span.rro{background-position:1px -1799px}
/* Popup */
div.popup_title{background-color:#fff;padding:3px 0px;border-bottom:1px #ccc solid}
div.popup_title .floatl{font-size:16px;font-weight:bold;color:#333}
div.popup_title div.floatr{width:16px;height:16px;background:url(/static/images/icon_pop_close.gif) no-repeat left top;cursor:pointer}
div.popup_title div.floatr:hover{background:url(/static/images/icon_pop_close2.gif) no-repeat left top}
div.popup_content{padding-top:10px;text-align:left;margin:0 auto}
div.popup_button{padding:10px 15px;text-align:center;background-color:#fff}
/* Fliter */
ul.sortby li{background:none;border-right:1px #eee solid;padding:0px 8px 0px 0px;margin:0px 8px 0px 0px;list-style:none;float:left}
ul.sortby li.sort,ul.sortby li.text,ul.sortby li.time,ul.sortby li.last,ul.sortby li.col{border-right:0px #ddd solid;padding-right:0px;margin-right:0px;list-style:none;float:left}
ul.sortby li.text{color:#c60}
ul.sortby li.time{color:#666}
ul.sortby li.col{margin-left:30px}
ul.sortby li.noborder{border:none; }
ul.sortby li.noborder.cur input{ cursor:pointer}
ul.sortby li.noborder.cur span{ cursor:pointer}
ul.sortby li.noborder2{border:none; margin:0px}
ul.sortby li.noborder input{vertical-align:middle}
ul.sortby li.selATags a{font-weight:bold;text-decoration:none;color:#333}
ul.sorttag li{background:none;padding:0px 3px 0px 0px;list-style:none;float:left; line-height:27px; cursor:pointer}
/* Tabs */
.tabs, .pills {margin:0px;padding:0;list-style:none;zoom:1}
.tabs:before,.pills:before,.tabs:after,.pills:after {display:table;content:"";zoom:1;*display:inline}
.tabs:after, .pills:after {clear:both}
.tabs > li, .pills > li {float:left}
.tabs > li > a, .pills > li > a {display:block}
.tabs {float:left;width:100%;border-bottom:1px solid #ddd}
.tabs > li {position:relative;top:1px; cursor:pointer}
.tabs > li > a {padding:0 15px;margin-right:2px;line-height:36px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0; color:#333; cursor:pointer}
.tabs > li > a:hover {text-decoration:none;background-color:#eee;border-color:#eee #eee #ddd}
.tabs > li.active > a {color:#333;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}
.tabs .menu-dropdown, .tabs .dropdown-menu {top:35px;border-width:1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px}
.tabs a.menu:after, .tabs .dropdown-toggle:after {border-top-color:#999;margin-top:15px;margin-left:5px}
.tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle {border-color:#999}
.tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after {border-top-color:#555}
.pills a {margin:15px 3px 5px 0;padding:0 5px;line-height:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.pills a:hover {background:#ccc;color:#333;text-decoration:none;}
.pills .active a {background:#666;color:#fff;}
div.tab_line{border-bottom:1px #ccc solid}
/* Sub Tab */
div.subsort{margin-bottom:10px;*margin-bottom:0px}
ul.subsort li {float:left;padding:1px 7px;margin:0px 3px 3px 0px;background:#ccc;white-space:nowrap}
ul.subsort li.text {background:none}
ul.subsort li.selATags{background:#999;color:#fff}
ul.subsort li.selATags a{color:#fff}
ul.subsort li a:link,ul.subsort li a:visited,ul.subsort li a:hover{font-weight:normal;text-decoration:none;color:#fff}
ul.subsort li:hover {background:#999}
ul.subsort li.subalert{background:none;color:#333;font-size:12px;float:right; padding:0; margin:0}
/* Personal Card */
.po{position:relative;z-index:3}
.po50{position:relative;z-index:2}
.pocard{position:absolute;top:0px;left:102px}
.pocardtop{background:#fff;padding:10px;border:current Color 0px none;overflow-x:hidden;overflow-y:hidden;width:346px;box-shadow:0px 1px 5px;border:3px #333 solid;margin-left:5px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.pocardtop table{width:100%;border-top:1px #666 dotted;padding-top:5px;margin-top:5px}
.pocardbot{position:absolute;border-bottom-color:transparent;border-bottom-style:solid;border-bottom-width:5px;border-right-color:rgb(0, 0, 0);border-right-style:solid;border-right-width:5px;border-top-color:transparent;border-top-style:solid;border-top-width:5px;margin-top:-5px;left:0px;top:20px}
div.pocardtop img,div.pocard img{width:16px;height:16px}
.po50 div.pocard{position:absolute;top:0px;left:53px}
.pocards{position:absolute;top:0px;left:53px}
.pocardstop{background:#fff;border:current Color 0px none;overflow-x:hidden;overflow-y:hidden;width:295px;box-shadow: 0px 1px 5px #666; margin-left:5px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.pocardstop div.info{ padding:10px}
.pocardstop div.btn{ padding:10px; background:#eee; border-top:1px #ddd solid}
.pocardstop div.bot{border-top:1px #666 dotted;padding-top:5px;margin-top:5px}
.pocardstop img{height:16px;width:16px}
.pocardsbot{position: absolute;border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 5px; border-right-color:#fff; border-right-style: solid; border-right-width: 5px; border-top-color: transparent; border-top-style: solid; border-top-width: 5px; margin-top: -5px; left: 0px; top: 20px}
.pocardsbot2{position: absolute;border-bottom-color: transparent;border-bottom-style: solid;border-bottom-width: 5px;border-right-color: #999;border-right-style: solid;border-right-width: 5px;border-top-color: transparent;border-top-style: solid;border-top-width: 5px;margin-top: -5px;left: -1px;top: 20px;}
/* Table */
table.nt {width:100%;margin-bottom:0px;padding:0;border-collapse:separate;*border-collapse:collapse;/* IE7, collapse table to remove spacing */font-size:13px;border:1px solid #ddd;border-spacing: 0px}
table.nt th, table.nt td {padding:10px 10px 9px;line-height:18px;text-align:left}
table.nt th {padding-top:9px;font-weight:bold;vertical-align:middle;border-bottom:1px solid #ddd}
table.nt td {vertical-align:top}
table.nt th + th, table.nt td + td {border-left:1px solid #ddd}
table.nt tr + tr td {border-top:1px solid #ddd}
.zebra-striped tbody tr:nth-child(odd) td {background-color:#f9f9f9}
.zebra-striped tbody tr:hover td {background-color:#f5f5f5}
table.nt .header {cursor:pointer}
table.nt .header:after {content:"";float:right;margin-top:7px;border-width:0 4px 4px;border-style:solid;border-color:#000 transparent;visibility:hidden}
table.nt .headerSortUp, table.nt .headerSortDown {background-color:rgba(141, 192, 219, 0.25);text-shadow:0 1px 1px rgba(255, 255, 255, 0.75)}
table.nt .header:hover:after {visibility:visible}
table.nt .headerSortDown:after, table.nt .headerSortDown:hover:after {visibility:visible;filter:alpha(opacity=60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6}
table.nt .headerSortUp:after {border-bottom:none;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000;visibility:visible;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;filter:alpha(opacity=60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6}
table.nt td.center,table.nt th.center{text-align:center}
/* You're here */
div.nav_url{font-size:11px;color:#000;text-decoration:none;padding:0px 0px 10px 0px}
div.nav_url a:link,div.nav_url a:visited,div.nav_url a:hover,div.nav_url span.current{font-size:11px;color:#369;text-decoration:none}
div.nav_url a:hover{text-decoration:underline}
div.nav_url span.current{color:#000}
/* Pagination */
.pagination {height:36px;margin:18px 0}
.pagination ul {float:left;margin:0;border:1px solid #ddd;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}
.pagination li {display:inline}
.pagination a {float:left;padding:0 14px;line-height:34px;border-right:1px solid;border-right-color:#ddd;border-right-color:rgba(0, 0, 0, 0.15);*border-right-color:#ddd;/* IE6-7 */text-decoration:none}
.pagination a:hover, .pagination .active a {background-color:#dedede}
.pagination .disabled a, .pagination .disabled a:hover {background-color:transparent;color:#bfbfbf}
.pagination .next a {border:0}
/* Label */
.label,.label a{padding:1px 3px 2px;padding:2px 3px 1px\9;background-color:#ddd;font-size:9.75px;font-weight:bold;color:#fff;text-transform:uppercase;white-space:nowrap;line-height:12px}
.label.package,.label a {background-color:#c43c35}
.label.session {background-color:#5e8ee5}
.label.itsession {background-color:#1566CC}
.label.free {background-color:#227909}
.label.student {background-color:#5cb6ac}
.label.teacher {background-color:#b39405}
.label.pro {background-color:#C58714}
.label.tutor {background-color:#356595}
.label.italki {background-color:#e2007b}
.label.cancel{}
.label.new{background-color:#46a546}
.label.action{background-color:#d22}
.label.resolve{background-color:#46a546}
.label.wait{background-color:#f89406}
.label.info{background-color:#fee9cc;color:#000;font-size:12px;text-transform:none;font-family:Courier New}
.label.infoa{background-color:#d22;color:#fff;font-size:12px;text-transform:none;font-family:Courier New}
.label.infon{background-color:#eee;color:#000;font-size:12px;text-transform:none;font-family:Courier New}
.label.oopt{background-color:#749123}
.label.offgroup {background-color:#C58714}
.label.tags {color:#3d3d3d; padding:5px 10px; text-transform:none}
.label.tags.selected {background:#e2007b; color:#fff}
.label.tagsclose {color:#3d3d3d; padding:5px 10px; cursor:pointer}
.label.tagsclose:hover {background:#bbb;color:#fff}
span.status_FRdisplay{padding:1px 3px 2px;padding:2px 3px 1px\9;background-color:#46a546;font-size:9.75px;font-weight:bold;color:#fff;text-transform:uppercase;white-space:nowrap;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}/*old*/
/* Language Level */
em.lv{color:#999;font-size:12px;height:22px}
em.lv1,em.lv2,em.lv3,em.lv4,em.lv5,em.lv6,em.lv7{padding:0px 18px 0px 0px;background:url(/static/images/icon_lv.png) no-repeat}
em.lv1{background-position:-3px -9px}
em.lv2{background-position:-3px -39px}
em.lv3{background-position:-3px -69px}
em.lv4{background-position:-3px -99px}
em.lv5{background-position:-3px -129px}
em.lv6{background-position:-3px -159px}
em.lv7{background-position:-3px -189px}
/* Rating */
em.rt{width:45px;height:20px;padding:0px}
em.rt0,em.rt1,em.rt2,em.rt3,em.rt4,em.rt5{padding:1px 60px 1px 0px;background:url(/static/images/icon_rating90.png) no-repeat 0px 2px}
em.rt1{background-position:0px -13px}
em.rt2{background-position:0px -28px}
em.rt3{background-position:0px -43px}
em.rt4{background-position:0px -58px}
em.rt5{background-position:0px -73px}
/* Content Type */
span.m1,span.m2,span.m3,span.pic,span.voice{padding:2px 0px 2px 16px;background:url(/static/images/icon_common.png) no-repeat 0px -160px}
span.m2{background-position:0px -180px}
span.m3{background-position:0px -200px}
span.pic{background-position:0px -140px}
span.voice{background-position:0px -80px}
/* AD Layer */
.ad_area{text-align:center}
.ad_T728{background:#f5f5f5;text-align:center;padding:5px; margin-bottom:20px}
div.ad_T728 div.l{float:left;width:728px}
div.ad_T728 div.r{float:right;width:230px}
/* Tour Arrow */
.session_nav{margin:0px}
.session_nav div.layer{background:#efefef;height:36px}
.session_nav div.layer ul li{background:#efefef url(/static/images/bg_tnav_r.gif) no-repeat right top;width:25%;float:left;position:relative;text-align:center}
.session_nav div.layer ul li div{padding:8px 0px 7px;text-align:center;font-size:14px;margin:0px 13px 0px 0px;background:#efefef url(/static/images/bg_tnav_l.gif) no-repeat left top}
.session_nav div.layer ul li.current{background:url(/static/images/bg_tnav_rs.gif) no-repeat right top}
.session_nav div.layer ul li.current div{background:#bcbcbc url(/static/images/bg_tnav_ls.gif) no-repeat left top;color:#fff}
.session_nav div.layer ul li.last{background:none}
.session_nav div.layer ul li.last div{margin:0px}
.session_nav div.layer ul li.first div{background:#efefef}
.session_nav div.layer ul li.first.current div{background:#bcbcbc}
/* Status */
.thoughtbox{clear:left;float:left;display:inline;margin:4px 0 0 0px;color:#85a951;line-height:1.4}
* html .thoughtbox div{display:inline;display/**/:block;height:0;height/**/:auto}
.thoughtbox div{background:#e7ffc7 url(/static/images/thoughtbox_whbg.gif) no-repeat left bottom}
.thoughtbox div div{background-color:transparent;background-position:right bottom}
.thoughtbox div div div{background-position:right top}
.thoughtbox div div div div{min-height:17px;padding:3px 9px 3px 16px;background-position:left top}
/* Chat Alert */
.chat_alert{position:absolute;z-index:9001;top:-27px;right:0px;background:url(/static/images/chat/alert.png) no-repeat center bottom;padding:3px 5px;white-space: nowrap;height:24px}
.chat_alert a{color:#d46105}
/* Recommendation */
div.ad_layer{margin:0px 0px 15px 0px;background:#fff;padding:1px;border:1px #ccc solid;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:1px 1px 3px #ddd}
div.ad_title{padding:0px;color:#333;font-weight:bold;margin-bottom:10px;font-size:13px;padding:3px 5px;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), color-stop(25%, #f2f2f2), to(#e6e6e6));background-image:-webkit-linear-gradient(#f2f2f2, #f2f2f2 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #f2f2f2, #f2f2f2 25%, #e6e6e6);background-image:-ms-linear-gradient(#f2f2f2, #f2f2f2 25%, #e6e6e6);background-image:-o-linear-gradient(#f2f2f2, #f2f2f2 25%, #e6e6e6);background-image:linear-gradient(#f2f2f2, #f2f2f2 25%, #e6e6e6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#e6e6e6', GradientType=0)}
div.ad_price{ text-align:center;margin:20px 0px}
div.ad_price .red12{font-size:16px;font-weight:bold}
div.ad_con{padding:0px 5px}
div.ad_av{float:left;width:65px}
div.ad_info{float:left;width:135px;position:relative}
a.ad_smore{position:absolute;z-index:1;right:0px ;top:0px}
/* Price */
p.price{font-family:Verdana;margin:0;padding:0}
span.price{font-family:Verdana}
span.hourly{font-size:10px}
/*quick browse*/
span.help{border-bottom:1px #369 dashed;color:#369;cursor:pointer;font-size:11px}
/*unimportant*/
p.result,span.result{background:#e6f8dd url(/static/images/tick.png) no-repeat 5px 5px;padding:5px 10px 5px 25px}
.common_fliter{margin:14px 0px 0px 14px}
.common_search{border:1px #ccc solid;width:155px;height:14px;vertical-align:middle;font-size:11px;color:#333;padding:2px}
.com_search{background:#fffcf7;padding:15px;margin-bottom:20px}
.com_fliter{padding:15px;margin-bottom:20px; border:1px #ddd solid}
.page_num{margin:15px 0px 15px 0px}
.com_sortarea{margin-bottom:20px;border-bottom:1px #eee solid;padding-bottom:5px}
.com_result{margin-bottom:10px}
.margin5{margin:5px 0px}
.margin10{margin:10px 0px}
.margin15T{margin-top:15px}
.margin20{margin:20px 0px}
.margin20D{margin-bottom:20px}/*replace spacing*/
.floatl{float:left}
.floatr{float:right}
.flag_area{position:relative;z-index:1}
ul.tag_common_right li{float:left;margin:0px 7px 5px 0px;list-style:none;white-space:nowrap}
ul.share li{background:#f5f5f5;padding:5px 10px 5px 5px;float:left;margin-right:5px}
ul.share li.none{background:none;padding:5px 0px 5px 5px;float:left;margin-right:5px}
ul.common_flag{position:absolute;right:5px;top:0px;z-index:1}
table.result td{padding:4px 10px;font-size:12px;border-bottom:1px #ddd solid}

.translate_original{border:#356595 1px solid;background-color:#f3f8fe;padding: 10px!important;padding:10px 10px 0px 10px}
.translate_join{border-bottom:1px #eee solid;padding-bottom:5px;color:#999;margin-top:10px}
table.translate_selectList{ padding:5px 0px 5px 0px ;border-bottom:1px #eee solid}

div.slidebar_title{font-size:20px; color:#000; padding:0px 10px 10px 10px; margin:0px}
/* quick schedule */
div.Rb_list ul.sortby li a:link,div.Rb_list ul.sortby li a:visited,div.Rb_list ul.sortby li a:hover{font-size:11px;text-decoration:none}
div.schedule_popup{height:180px;overflow-x: hidden; overflow-y:auto;*position:relative; text-align:left; border-left:1px #333 solid; border-bottom:1px #333 solid;border-right:1px #333 solid; width:918px}
div.schedule_popup ul.simple_loop li{border-bottom:1px #ddd solid}
div.schedule_popup ul.simple_loop li ul.radio_stime li{ border:0px}
div.schedule_popup table{*position:relative}
ul.radio_stime li{ text-align:left; background:none;padding:0px 0px 3px 0px}
div.secflow_area{ width:900px}
div.secflow_area h3{ text-align:left}
div.secflow_area ul.secflow{ width:700px; text-align:left; margin:0 auto}
span.spPrice{color:#D58313;font-size:14px;font-weight:bold}
/* quick time select */
ul.schedule_select li{float:left;margin:0px 5px 1px 0px;border:1px solid;border-color:#fff #fff #fff #fff;list-style:none;color:#000;line-height:14px}
ul.schedule_select li.hover{ margin:0px 5px 1px 0px; padding:0}
ul.schedule_select li.sel{border:1px solid;border-color:#600 #e2007b #e2007b #600;cursor:pointer;background:#e2007b;color:#fff}
ul.schedule_select li.hover{margin: 0px 5px 1px 0px;padding: 0px;}
ul.schedule_select li.nsel{color:#ccc}/*session time wrong*/
ul.schedule_select li.ssel{color:#d22;text-decoration:line-through}/*session sechdule*/
table.table_com{background:#ccc}
td.table_com_normal{background:#fff}
td.table_com_title{background:#f1f1f1}

.title_txt.apre{color:#0e9e52}
.title_txt.apre:hover{color:#e2007b}
/* switch */
.switch-toggle a, .switch-light span span {display: none; }
/* position */
.basic_relative{ position:relative; z-index:1}
.basic_absolute{ position:absolute;}
.icon_width{ width:200px; height:150px}
.videoplayer{width:200px; text-align:center; height:150px; background:#000}
.icon_center{left:50%; top:50%; margin-left:-20px; margin-top:-20px}
/* instant tutoring */
/* Alert */
.allAlert{background:#d22; padding:5px 0; text-align:center; color:#fff}
.Alert{background-color:#fddfde;padding:10px 15px;margin:-1px 0px 0px;color:#404040;font-size:110%}
.Alert.Success{background:#d1eed1;border:1px #bfe7bf solid}
.Alert.YPanel{background-color:#e8f5fe;border:1px #a9c9e2 solid; color:#000} 
.Alert.Suspended{background-color:#d22;border:0px; color:#fff} 
.Alert.Suspended a{ color:#fff}
.Alert.Suspended a:hover{ text-decoration:underline}
.Alert.Suspended a.close:hover{text-decoration: none}
.Alert.Failed{background-color:#d22;border:0px; color:#fff;font-size:15px; text-align:center} 
.Alert.YFailed{background-color:#fdf5d9;border:0px; color:#fff;font-size:15px; text-align:center} 
.Alert.Failed a{font-size:15px;color:#fff;text-decoration:underline} 
.Alert.TeacherPanel{background-color:#636363;border:0px; color:#fff;font-size:15px; text-align:center; position:relative; z-index:110} 
.Alert.TeacherPanel a{font-size:15px;color:#fff;text-decoration:underline} 
span.countdown{background:#1566CC;padding:2px 15px; font-size:27px; color:#fff}
/* Quick btn */
.btn_quick{text-align:center;margin:20px 0px}
.btn_quick_it{background:#E2F3FF; padding:15px 15px 5px; text-align:center}

/* notification style */
.simpleB_loop > li{padding:10px; border-bottom:1px #eee solid; cursor:pointer}
.simpleB_loop > li.last{border-bottom:0px #eee solid}
.simpleB_loop > li:hover{ background:#efefef}
.simpleB_loop > li:hover > a{color:#e2007b}
.simpleB_loop > li div.col1{width:52px}
.simpleB_loop > li div.col10{width:615px}
.simpleB_loop > li > a > span.infoa{ border-radius:0; padding:2px 6px; margin-right:10px}
.simpleB_loop > li div.details{background: #f1f1f1;padding: 10px; margin-top:5px}
@media only screen {
.switch-light {display: block;height: 26px;position: relative;overflow: visible;padding: 0;}
.switch-light * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.switch-light a {display: block;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out; }
.switch-light label, .switch-light > span {line-height: 26px;vertical-align: middle; }
.switch-light input:focus ~ a, .switch-light input:focus + label {outline: 1px dotted #888888; }
.switch-light label {position: relative;z-index: 3;display: block;width: 100%; }
.switch-light input {position: absolute;opacity: 0;z-index: 5; }
.switch-light input:checked ~ a {left: 0%; }
.switch-light > span {position: absolute;left: -100px;width: 100%;margin: 0;padding-right: 100px;text-align: left; }
.switch-light > span span {position: absolute;top: 0;left: 0;z-index: 5;display: block;width: 50%;margin-left: 100px;text-align: center; cursor:pointer}
.switch-light > span span:last-child {left: 50%; }
.switch-light a {position: absolute;left: 50%;top: 0;z-index: 4;display: block;width: 50%;height: 100%;padding: 0; }
.switch-android {background-color: #ddd;border-radius: 1px;color: white;box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0;/* Selected ON switch-light*/}
.switch-android label {color: white; }
.switch-android > span span {opacity: 1;-webkit-transition: all 0.1s;-moz-transition: all 0.1s;transition: all 0.1s; }
.switch-android > span span:first-of-type {opacity: 0.6; }
.switch-android a {background-color: #333;border-radius: 1px;box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0, inset rgba(0, 0, 0, 0.3) 0 -1px 0; }
.switch-android.switch-light input:checked ~ a {background-color: #e2007b; }
.switch-android.switch-light.green input:checked ~ a {background-color: #46a546; }
.switch-android.switch-light input:checked ~ span span:first-of-type {opacity: 1; }
.switch-android.switch-light input:checked ~ span span:last-of-type {opacity: 0.6; }
.switch-android.switch-toggle, .switch-android > span span {text-transform: uppercase; }
}
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 1280px) {
.switch-light, .switch-toggle {-webkit-animation: webkitSiblingBugfix infinite 1s; } 
}
@-webkit-keyframes webkitSiblingBugfix {
from {-webkit-transform: translate3d(0, 0, 0); }
to {-webkit-transform: translate3d(0, 0, 0); } 
}