/*Default_Style*/
html,body{font-size:12px;line-height:1.5;PADDING:0px;MARGIN:0;background:#fff;font-family:Arial}
form,ul,li{margin:0px;padding:0px;font-family:Arial}
H3{line-height:120%;font-size:18px;color:#333;font-weight:normal;margin:0 0 10px;padding:0}
h1{font-size:22px;color:#333;font-family:Arial;margin:0;padding:0;font-weight:normal}
p{margin:5px 0px 5px 0px; font-size:12px}
div{font-size:12px;line-height:1.5}
td{font-size:12px;line-height:1.5}
input,textarea,select{font-family:Arial}
a:link,a:visited{font-family:Arial;color:#369;text-decoration:none}
a:hover{font-family:Arial;color:#e2007b;text-decoration:none}
.clear{clear:both;height:0;font-size:0;line-height:0}
.cleartm{clear:both}
li{list-style:none}
img{vertical-align:middle;border:0}
.des_txt{text-decoration:none;font-size:12px;line-height:150%;color:#545454}
/*top_menu style*/
.common{width:100%;text-align:center}
.Fconnect, .Tconnect {float:left;cursor:pointer; padding:1px}
.Fconnect span, .Tconnect span {background: url(/static/images/social_signin_btn.png) no-repeat 0px 0px;margin:3px 0px 0px 0px;float:left;width:150px;height:22px}
.Tconnect span {background-position:0px -22px}
/*new input*/
div input.text, div input.file, div textarea.textarea, div select.select,span input.text, span input.file, span textarea.textarea, span select.select {margin-top:0}
input.text,textarea.textarea,select.select, input.file {border:#ccc 1px solid}
input.text,textarea.textarea{-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;-moz-transition: border linear 0.2s, box-shadow linear 0.2s;-ms-transition: border linear 0.2s, box-shadow linear 0.2s;-o-transition: border linear 0.2s, box-shadow linear 0.2s;transition: border linear 0.2s, box-shadow linear 0.2s;-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1)}
input.text,input.file,textarea.textarea, input.file{padding:4px;padding:5px 4px 4px 4px\9}
input.text:focus,textarea.textarea:focus{outline: 0;border-color: #e2007b;-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #fde1f4;-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #fde1f4;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px #fde1f4}
select.select{margin:0px;padding:4px;line-height:26px}
input.text{line-height:18px}
.allwid{width:470px}
.allhalf{width:220px}
select.allbig{width:350px}
input.allbig{width:340px}
input.big{ height:22px}
select.big{ height:32px}
select.allhalf{width:225px}
select.allwid{width:480px}
/* Error style */
div.SuccessPanel,div.FailPanel,div.AlertPanel{background-color:#fddfde;border:1px #fbc7c6 solid;padding:10px 15px 10px 15px;margin:0px 0px 20px 0px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; color:#404040; font-size:110%}
div.SuccessPanel{background:#d1eed1; border:1px #bfe7bf solid}
div.AlertPanel{background-color:#e8f5fe;border:1px #a9c9e2 solid}
div.LoginPanel{position:absolute;top:31px;padding:2px 5px;left:0px;font-size:13px;background:#fddfde;color:#404040}
div.placeholder{position:absolute;top:0px;padding:2px 5px;left:0px;font-size:13px;background:#fff;color:#999}
/* Font Style */
.red12{font-size:12px;color:#f00}
.grey12{color:#999;font-size:12px}
a:link.link_nn,a:visited.link_nn,a:hover.link_nn,a:link.list_nn,a:visited.list_nn,a:hover.list_nn,a:link.nick_nn,a:visited.nick_nn,a:hover.nick_nn,a:link.more_nn,a:visited.more_nn,a:hover.more_nn{color:#369;font-weight:bold;text-decoration:none}
a:hover.link_nn,a:hover.list_nn,a:hover.nick_nn,a:hover.more_nn{color:#e2007b}
.des_txt{text-decoration:none;font-size:13px;line-height:150%;color:#545454}
.author_txt,.author_txt a{text-decoration:none;font-size:12px;line-height:150%;color:#999}
.author_txt a{color:#369}
.author_txt a:hover{color:#e2007b}
/* grid system */
.gridS{margin-left:-20px;zoom:1\9}
.col0_50{width:32px;float:left;margin-left:20px}
.col1{width:42px;float:left;margin-left:20px}
.col1_50{width:52px;float:left;margin-left:20px}
.col2{width:105px;float:left;margin-left:20px}
.col3{width:165px;float:left;margin-left:20px}
.col3_50{width:135px;float:left;margin-left:20px}
.col4{width:230px;float:left;margin-left:20px}
.col4_50{width:230px;float:left;margin-left:20px}
.col5{width:292px;float:left;margin-left:20px}
.col5_00{width:275px;float:left;margin-left:20px}
.col5_50{width:282px;float:left;margin-left:20px}
.col6{width:355px;float:left;margin-left:20px}
.col6_50{width:350px;float:left;margin-left:20px}
.col7{width:415px;float:left;margin-left:20px}
.col7_50{width:405px;float:left;margin-left:20px}
.col8{width:480px;float:left;margin-left:20px}
.col9{width:542px;float:left;margin-left:20px}
.col10{width:605px;float:left;margin-left:20px}
.col10_50{width:585px;float:left;margin-left:20px}
.col11{width:667px;float:left;margin-left:20px}
.col11_50{width:657px;float:left;margin-left:20px}
.col12{width:730px;float:left;margin-left:20px}
.col16{width:980px;float:left;margin-left:20px}

.col1.right{float:right}
.col3.center{text-align:center}
.col2.right{text-align:right}
.col3.right ul.sortby li{float:right}
.col8.right{text-align:right}
.col9.right{float:right}
.gridS .alignr{float:right}
.gridS .textc{text-align:center}
.gridS .textr{text-align:right}
.gridS:before,.gridS:after {display:table;line-height:0;content:""}
.gridS:after {clear:both}
.disno{display:none}
/* add form */
ul.formadd li {margin-bottom:25px}
ul.formadd li div.opt{margin-top:5px; position:relative}
ul.formadd li span.title{font-size:110%;font-weight:bold}
ul.list_disc li{list-style:disc outside none;margin-left:20px;font-size:110%;padding:0px;color:#545454}
/* quick icon */
a.help{background:url(/static/images/icon_common.png) 0px -940px no-repeat;padding:3px 0px 2px 16px;font-size:11px}
a.help:hover{background-position:0px -920px}
/* 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}
/* 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}
/* 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;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:12px}
.label.pro {background-color:#C58714}
.label.tutor {background-color:#356595}

a.login_fb{background:url(/static/images/icon_sign_facebook.png) 0px 0px no-repeat; padding:0px 0px 0px 70px; width:223px;font-size: 18px; text-shadow:;line-height: 38px; height:39px; color:#fff; display:inline-block; text-shadow:0px 0px 4px #2F4585; text-align:left; font-weight:bold}
a.login_fb:hover{background-position:0px -39px;text-shadow: 1px 1px 2px #6287B0;}
/* Content Element */
div.title{margin:0px 0px 15px 0px;text-align:left}
div.spacing{padding:0px 0px 20px 0px}
.margin30{margin-bottom:30px}
.margin15{margin-bottom:15px}
.spacing_bg{padding:20px; background:#f1f1f1; margin-bottom:20px}
.placeholder{position:absolute;top:1px;left:3px;padding:6px;font-size:13px;color:#999}
.modal-header {padding:5px 15px}
.modal-header h3{font-size:16px;margin:0px;font-weight:bold;line-height:30px}
.modal-bodyp {padding:0px 15px 15px}
.modal .close {margin-top:7px}
a.close {float:right;color:#000000;font-size:20px;font-weight:bold;line-height:13.5px;text-shadow:0 1px 0 #ffffff;filter:alpha(opacity=20);-khtml-opacity:0.2;-moz-opacity:0.2;opacity:0.2}
a.close:hover {color:#000000;text-decoration:none;filter:alpha(opacity=40);-khtml-opacity:0.4;-moz-opacity:0.4;opacity:0.4}