/* ================================
	SUB style
	子页面样式表 
==================================*/
/*@cornor*/
.xtop, .xbottom {
	display:block;
	background:transparent;
	font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
	display:block;
	overflow:hidden;
}
.xb1, .xb2, .xb3 {
	height:1px;
}
.xb2, .xb3, .xb4 {
	border-left:1px solid #548E0E;
	border-right:1px solid #548E0E;
}
.xb1 {
	margin:0 5px;
	background:#548E0E;
}
.xb2 {
	margin:0 3px;
	border-width:0 2px;
}
.xb3 {
	margin:0 2px;
}
.xb4 {
	height:2px;
	margin:0 1px;
}
/*---------------------@header sub----------------------------*/
#header {
	width:924px;
	margin:0 auto;
}
#header p {
	text-align:right;
	margin:5px 0;
}
#header p a {
	color:#858583;
	font-weight:bold;
}
#header h1 a {
	float:left;
	height:60px;
	width:200px;
	margin:0 10px;
	background:url(img/sub_logo.png) no-repeat;
	text-indent:-9999px;
}
#header #nav {
	float:right;
	width:700px;
	display:inline;
	background:url(img/nav_bg.png) repeat-x;
}
#header #nav .nav_l {
	background:url(img/nav_l.png) no-repeat;
	width:5px;
	height:47px;
	float:left;
}
#header #nav .nav_r {
	background:url(img/nav_r.png) no-repeat;
	width:5px;
	height:47px;
	float:right;
}
#header li {
	float:left;
	line-height:47px;
	text-align:center;
	background:url(img/nav_e.png) top right no-repeat;
	padding:0 14px;
}
#header #nav a {
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
}
#header #nav .lang {
	background:url(img/lang_btns.png) center right no-repeat;
	width:168px;
	margin-left:20px;
	text-align:right;
}
#header #nav .lang span {
	float:left;
	margin-left:24px;
	font-size:12px;
	color:#000;
	font-weight:bold;
}
#header #nav .lang a {
	background:url(img/opt.gif) no-repeat;
	width:8px;
	height:12px;
	display:block;
	float:left;
	margin-top:18px;
	margin-left:24px;
}
/*Banner*/
#banner {
	background:url(img/banner_bg.png) repeat-x;
	width:924px;
	height:100px;
	margin:0 auto;
	float:left;
}
#banner .lf {
	background:url(img/banner_l.png) no-repeat;
	width:6px;
	height:96px;
	float:left;
}
#banner .rt {
	background:url(img/banner_r.png) no-repeat;
	width:6px;
	height:96px;
	float:right;
}
.logo2 {
	margin-top:10px;
}
#banner p {
	margin:0 0 5px 20px;
	color:#fff;
}
/*Main*/
/*--------------------- content_s-------------------------*/
.content_s {
	float:left;
	width:615px;
	overflow:hidden;
}
.content_s h2 {
	font-size:12px;
	color:#6E6E6C;
	margin:5px;
}
.content_s .list {
	border:1px solid #B4DF90;
	width:610px;
	min-height:34px;
    height: auto;
	margin:5px 0;
	background:url(img/list_bg.png) repeat-x;
}
.content_s .list h2 {
	float:left;
}
.content_s .list span {
	float:right;
	margin:5px;
	font-size:14px;
}
.content_s .list ul {
	border:1px solid #B9E7A7;
	background:#fff;
	float:left;
	clear:both;
	width:598px;
	margin:5px;
	margin-top:0;
	display:inline;
}
.content_s .list li {
	margin:3px 0;
	float:left;
	width:288px;
	padding-left:5px;
}
.content_s .list li.oo {
	background:#F3FFFD;
}
.detail {
	width:100%;
	margin:10px 0;
}
.detail .ctn {
    clear:both;
    display:none;
    overflow:hidden;
    min-height:715px;
    height: auto;
    border:1px solid #B4DF90;
	width:490px;
}

#c_0 {
	display:block;
}

.detail .ctn li {
	margin:10px;
	line-height:24px;
	clear:both;
}


.detail .ctn li table{
	width:100%;
}

.detail .ctn li img {
	width:24px;
	float:left;
}
.detail .ctn li h3, .detail .ctn li p, .detail .ctn li .comm {
	margin-left:10px;
	float:left;
}
.detail .ctn li h3 span {
	color:#9B1513;
}
.detail .ctn li p {
	margin-left:20px;
	border-bottom:1px solid #777;
}
.detail .ctn li .comm {
	color:#696969;
	margin-left:0px;
	text-align:right;
}

.detail .ctn .lesson {
    width:590px;
    margin:0 auto;
    margin-top: 20px;
    margin-left: 10px;
    border:0px solid #777;
}
.lesson table {
	border-collapse:collapse;
	width:100%;
	text-align:center;
	border-bottom:1px solid #777;
}
.lesson table td {
	height:26px;
	line-height:26px;
}
.detail .ctn h3 {
	margin:10px;
	font-size:12px;
}
.detail .ctn .lesson th {
	background:url(img/bar2.png) repeat-x;
	height:27px;
}
.detail .content_s .detail .img {
    width:200px;
    height:155px;
    float:left;
    border:1px solid #CFCFCF;
}
.detail .ctn .lesson p {
	margin:10px 0;
	width:440px;
	float:right;
}

#lesson .content_s .detail .pcss {
    margin-top: 0px;
    margin-left: 50px;
    width:320px;
    font-size:12px;
}

#lesson .content_s .detail .realplay {
    width:200px;
    height:210px;
    float:left;
}

#lesson .content_s .detail .fontlessonname {
    float: left;
    font-size:14px;
    font-weight:bold;
    width:100%;
}

#lesson .content_s .detail .tagname {
    font-size:12px;
    color:red;
}
.detail .ctn .lesson .tool {
	float:right;
	background:url(img/les_bg.gif) no-repeat;
	width:432px;
	height:54px;
	margin-right:5px;
}

 .detail .lesson .tool ul {
	width:320px;
	margin-left:40px;
	float:left;
	display:inline;
}
#lesson .detail .lesson .tool li {
	float:left;
	clear:none;
	line-height:54px;
	margin:0 5px;
}
#lesson .detail .lesson .tool a {
	color:#4B4546;
	font-weight:bold;
}
#lesson .detail .lesson .tool .dl {
	float:right;
	display:inline;
	margin:30px 16px 0 0;
}
#lesson .detail .lesson .msg {
	float:left;
	margin:10px 0;
	width:98%;
	height:26px;
	line-height:26px;
	text-align:center;
	background:#EAE9E9;
	border:1px solid #ccc;
	border-width:1px 0;
    margin-top: 15px;
}
/*-----------------------------------@sidebar---------------------------------*/
.sidebar {
	float:right;
	width:305px;
	height: auto;
}
.sidebar .box {
	width:300px;
	float:right;
	height:auto;
	margin:5px auto;
	overflow:hidden;
}
.sidebar .box .lf {
	background:url(img/black_l.gif) no-repeat;
	width:6px;
	float:left;
}
.sidebar .box .rt {
	background:url(img/black_r.gif) #fff no-repeat;
	width:6px;
	float:right;
}
.sidebar .box h2 {
	color:#fff;
	float:left;
	width:288px;
	font-size:12px;
	height:28px;
	line-height:28px;
	background:url(img/black_bg.gif) repeat-x;
}
.sidebar .box p {
	height:auto;
	float:left;
	width:288px;
	border-bottom:1px solid #414141;
}
.sidebar .pda {
	width:300px;
	float:right;
}
.sidebar .pda .rtop b {
	background:#0CA72A;
}
.sidebar .pda P {
	background:#0CA72A;
	padding:10px;
	color:#fff;
	font-weight:bold;
}
/*online tools*/
 #tool {
    width:922px;
    height:auto;
margin:10px auto;
}

#tool .box {
    width:922px;
    float:left;
    height:auto;
}
 #tool .box .pic {
    padding-top: 5px;
    float: left;
    width:192px;
    height:152px;
    margin:10px auto;
    vertical-align: middle;
    border:1px solid green;
}
#tool .box .contentl {
    padding-top: 10px;
    float: right;
    height:auto;
    width:710px;

}
#tool .box .contentl .top {
     padding-top: 0px; 
    width:700px;
 
}
#tool .box .contentl .top .title {
    float: left;
    width:600px;
    font-size:16px;
    font-family: verdana,tahoma;
    font-weight:bold;
}
#tool .box .contentl .top .price {
    width:100px;
    float: right;
    font-size:16px;
     font-weight:bold;  
    font-family: verdana,tahoma;
    margin-top: 0px; 
    text-align: right;    
}
#tool .box .contentl .detail {
     width: 700px;
    float: right;
    font-size:10px;
    height: auto;
    font-family: verdana,tahoma;    
}
.num
{     font-size:16px;
      font-family: verdana,tahoma;
      color: red;    
}
 #tool .box .action {
    float: right;
    padding-top: 30;
    padding-right: 10;

}
#tool .box .contentl .line
{    
    padding-bottom: 0; 
 
}
/*------------------------instant-------------------*/

#instant .content {
	width:922px;
	margin:10px auto;
	border:1px solid #696969;
}
#instant .content ul {
	height:110px;
	border-bottom:1px solid #807B7B;
}
#instant .content h2 {
	color:#6E6F6D;
	font-size:12px;
	height:23px;
	line-height:23px;
	padding-left:10px;
	background:url(img/sub_bar.gif) repeat-x;
	border-bottom:1px solid #696969;
}
#instant .content ul li {
	width:153px;
	height:110px;
	float:left;
	text-align:center;
}
#instant .content ul li p {
	margin:8px 0;
	font-size:14px;
	font-weight:bold;
}
#instant .stans {
	background:url(img/sub_sound.gif) 10% 50% no-repeat;
}
#instant .content li .tran {
	color:#f00;
	font-size:12px;
}
#instant .content .msg {
	height:22px;
	line-height:22px;
	border-bottom:1px solid #696969;
}
#instant .content .msg span {
	text-align:right;
	color:#CC1D25;
	font-weight:bold;
	float:right;
}
#instant .content .msg input {
	float:right;
	margin:4px;
 *margin:0;
}
#instant .content .sub p {
	margin:20px;
	font-size:14px;
}
#instant .content .sub p a {
	margin:10px;
	float:left;
}
/*--------------------@sub --six sub pages common-----------------------*/
.sub h2 {
	margin:10px auto;
	text-align:center;
	height:20px;
	clear:both;
	font-size:18px;
}
.tabs li {
	width:102px;
	height:28px;
	line-height:28px;
	background:url(img/tabs_bg.png) no-repeat; 
	float:left;
	margin-left:5px;
	text-align:center;
	position:relative;
	bottom:-1px;
}
.tabs .cur {
	background:url(img/tabs_cur.png) no-repeat;
}
.tabs li a {
	font-size:14px;
	font-weight:bold;
	color:#777;
	text-decoration:none;
}
.content {
	width:922px;
	float:left;
	border:1px solid #777;
}
/*Dialogue*/
#dialogue .content .ctn {
	float:left;
	width:640px;
}
#dialogue .content .ctn .opt {
	width:620px;
	height:20px;
	background:#C8E595;
	margin:10px;
	line-height:20px;
}
#dialogue .content .ctn .opt label {
	margin-left:4px;
	color:#fff;
	font-weight:bold;
}
#dialogue .content .ctn .opt p {
	float:right;
}
#dialogue .content .ctn .page a {
	border:1px solid #95CA47;
	background:#fff;
	display:block;
	padding:0 3px;
	float:left;
	margin:2px;
	height:14px;
	line-height:14px;
}
#dialogue .content .ctn .page .cur {
	border:none;
	background:none;
	font-weight:bold;
}
#dialogue .content .ctn .page .pre a {
	color:#aaa;
	border-color:#aaa;
}
#dialogue .play {
	margin:10px;
	height:25px;
}
.play a {
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin:0 4px;
}
.play .start {
	background:url(img/start.gif) no-repeat;
}
.play .pouse {
	background:url(img/pou.gif) no-repeat;
}
.play .pre {
	background:url(img/pre.gif) no-repeat;
}
.play .next {
	background:url(img/nex.gif) no-repeat;
}
.play .rep {
	background:url(img/rep.gif) no-repeat;
}
.play .stop {
	background:url(img/stop.gif) no-repeat;
}
#dialogue .play span {
	margin-left:10px;
	float:left;
	text-align:center;
	background:url(img/btn2_bg.png) no-repeat;
}
#dialogue .play span a {
	color:#fff;
	font-weight:bold;
	margin:0;
	height:20px;
	text-decoration:none;
	background:url(img/btn2_r.gif) right no-repeat;
}
#dialogue .play span .fm {
	width:70px;
}
#dialogue .play span .rp {
	width:60px;
}
#dialogue .play span .sp {
	width:110px;
}
#dialogue .ctn .box {
	background:#E9EEE2;
	height:100%;
	margin:10px;
	border:1px solid #aaa;
}
#dialogue .ctn .box .lesson {
	width:578px;
	background:#fff;
	border:1px solid #D2E4B9;
	margin:10px auto;
}
#dialogue .ctn .box .lesson .top {
	border-bottom:1px solid #aaa;
	color:#aaa;
	text-align:right;
	padding:4px;
	margin-bottom:30px;
}
#dialogue .ctn .box .lesson .top span {
	float:left;
}
#dialogue .ctn .box .lesson h4 {
	text-align:center;
	margin:10px auto;
	color:#8FC73E;
}
#dialogue .ctn .box .lesson dl {
	width:270px;
	border:1px dotted #8FC73E;
	margin:10px auto;
	padding:10px;
}
#dialogue .ctn .box .lesson dt {
	font-weight:bold;
}
#dialogue .ctn .box .lesson dd {
	text-indent:12px;
}
#dialogue .ctn .box .lesson h5 {
	margin-top:40px;
	height:20px;
	font-size:16px;
	text-align:center;
	border-bottom:1px solid #BEDFEF;
	background:url(img/msg.gif) 72% 45% no-repeat;
}
#dialogue .ctn .box .lesson .title {
	margin:10px;
	background:#F3F8FA;
	font-size:12px;
	color:#399ACB;
}
#dialogue .ctn .box .lesson ul {
	margin:10px 30px;
	width:480px;
}
#dialogue .ctn .box .lesson ul img {
	float:left;
	margin:0 20px;
}
#dialogue .ctn .box .lesson li {
	clear:both;
	margin:10px 0;
	float:left;
	width:100%;
	line-height:22px;
}
#dialogue .ctn .box .lesson li p {
	float:left;
	width:360px;
}
#dialogue .ctn .box .lesson li p.chr, #dialogue .ctn .box .lesson .sentence {
	font-size:14px;
}
#dialogue .ctn .box .lesson button {
	width:20px;
	cursor:pointer;
	border:none;
	background:url(img/sub_sound.gif) 0 2px no-repeat;
}
.sub .content .sidebar {
	float:right;
	width:280px;
	height:100%;
}
.sub .sidebar .box {
	margin:10px auto;
	width:258px;
	height:auto;
	float:none;
	border:1px solid #548E0E;
}
.sub .sidebar .box h2 {
	background:none;
	height:28px;
	line-height:28px;
	margin:0;
	font-size:12px;
	background:url(img/foot_bg.png) repeat-x;
	text-align: justify;
	margin-left:0px;
}
.sub .sidebar .box ul {
	margin:10px;
	height:auto;
	float:left;
	border:1px solid #548E0E;
}
.sub .sidebar .box li {
	text-indent:24px;
}
/*--------------------------------discussion-------------------------------*/
#discussion .content .video {
	float:left;
	margin:10px;
}
#discussion .content h3.greet {
	margin-top:15px;
}
#discussion .content p.greet {
	margin-right:10px;
    font-size: 15px;
    line-height:26px;
    padding-bottom: 12px;
}
#discussion .content p.comm {
	width:100%;
	height:24px;
	background:#C7C7C7;
	text-indent:20px;
	line-height:24px;
	font-weight:bold;
}
.sub .ctn {
	width:612px;
	float:left;
}
  
#discussion .edit {
    margin-left: 50px;
}

#discussion .butdailog {
    margin-left: 190px;
}

#discussion .ctn {
    width:612px;
    float:left;
    
}
#discussion .ctn img {
	float:left;
	margin:0px;
	background:#fff;
}
#discussion .ctn h4 {
	text-align:right;
	font-size:14px;
	height:24px;
	line-height:24px;
	border-bottom:1px solid #C7C7C7;
    margin-left: 100px;
}
#discussion .ctn h4 a {
	color:#0449FA;
}
#discussion .ctn h4 span {
	float:left;
	font-size:12px;
}
#discussion.ctn div p {
	text-indent:20px;
}


#discussion .sidebar {
    width:270px;
}
#discussion .sidebar .greenbox {
    width:258px;
}
#discussion .sidebar .greenbox h2 {
     width:248px;
}
#discussion .sidebar .greenbox ul {
    width:256px;
    min-height:100px;
    border-bottom:none;
    height:auto;
}

/*@Vocabulary*/
#voca .ctn {
	width:559px;
	min-height:880px;
	_height:730px;
	margin:10px;
	display:inline;
}
#voca .ctn h2 {
	margin:0;
	font-size:12px;
	text-align:left;
	text-indent:10px;
	height:26px;
	line-height:26px;
	background:url(img/bar3.png) no-repeat;
}
#voca .ctn .box {
	width:557px;
	border:1px solid #90C543;
	border-bottom:none;
	float:left;
}
#voca .ctn .xb2, #voca .ctn .xb3, #voca .ctn .xb4 {
	border-color:#90C543;
}
#voca .ctn .xb1 {
	margin:0 5px;
	background:#90C543;
}
#voca .ctn .opt {
	background:#C8E595;
	width:400px;
	margin:5px 10px;
}
#voca .ctn .learn {
	background:#E9EEE2;
	width:540px;
	min-height:800px;
	margin:10px auto;
}
#voca .ctn .learn .pre {
	background:url(img/pre_2.png) 0 50% no-repeat;
	width:17px;
	height:248px;
	margin-left:5px;
	margin-top:20px;
}
#voca .ctn .learn .next {
	background:url(img/next2.png) 0 50% no-repeat;
	width:17px;
	height:248px;
	margin-right:5px;
	margin-top:20px;
}
#voca .ctn .words {
	width:488px;
	height:248px;
	margin:20px 1px;
	background:#fff;
	float:left;
	border:2px solid #DDE8CE;
	position:relative;
	text-align:center;
}
#voca .ctn .words .sound_d {
	background:url(img/sound_d.png) no-repeat;
	width:39px;
	height:40px;
	position:absolute;
	left:30px;
	top:80px;
	display:block;
}
#voca .ctn .words p {
	margin:30px auto;
}
#voca .ctn .words .t1 {
	font-size:24px;
}
#voca .ctn .words .t2 {
	font-size:18px;
	margin:20px auto;
}
#voca .ctn .words ul {
	width:370px;
	margin:10px auto;
}
#voca .ctn .words li {
	float:left;
	margin:5px;
}
#voca .ctn .textbox {
	margin:20px auto;
	width:480px;
	border:1px solid #ddd;
	border-width:1px 0;
	padding:10px 0;
}
#voca .ctn .textbox .save {
	float:right;
	width:80px;
}
#voca .ctn .textbox button {
	width:77px;
	height:18px;
	border:none;
	cursor:pointer;
	background:url(img/save.gif) no-repeat;
}
#voca .ctn .textbox textarea {
	width:370px;
	height:50px;
}
#voca .ctn .sentence {
	margin:20px auto;
	width:500px;
	min-height:300px;
	background:#fff;
	font-size:12px;
}
#voca .ctn .sentence h5 {
	margin:10px;
	font-size:12px;
}
#voca .ctn .sentence li {
	margin:10px;
	line-height:24px;
	border-bottom:1px solid #ccc;
}
#voca .ctn .sentence .t2 {
	text-indent:20px;
}
/*Vocabulary sidebar*/
#voca .greenbox {
	float:right;
	width:330px;
	margin-bottom:10px;
	margin-right:10px;
}
#voca .greenbox h2 {
	width:320px;
}
#voca .greenbox .box {
	border:1px solid #548E0E;
	border-bottom:none;
}
#voca .rado {
	margin:5px;
}
#voca .rado label {
	margin-right:10px;
}
#voca .play {
	margin:5px 0;
	height:25px;
	font-size:12px;
	padding-left:10px;
	background:#C7E2A1;
	line-height:25px;
}
#voca .play span {
	float:right;
}
#voca .play a {
	margin-top:4px;
}
#voca .greenbox .box .sel {
	margin:5px 10px;
}
#voca .box .word {
	font-size:12px;
	width:310px;
	margin-left:10px;
	border:none;
}
#voca .box .word li {
	width:310px;
	float:left;
	margin:10px auto;
}
#voca .box .word input {
	float:left;
	display:block;
	margin:4px;
*margin:0;
}
#voca .box .word span {
	float:left;
	background:#F0F1EF;
	width:84px;
	height:22px;
	line-height:22px;
}
#voca .box .word .sound_c {
	width:30px;
	height:22px;
	background:#F0F1EF url(img/sound_c.png) center center no-repeat;
}
#voca .box .word .sound_c a {
	display:block;
	width:30px;
	height:22px;
}
/*@video*/
#video .ctn {
	width:530px;
}
#video .ctn .video {
	width:480px;
	float:none;
	margin:10px auto;
}
#video .ctn .video img {
	margin:0;
	float:none;
}
#video .ctn dl {
	width:476px;
	min-height:400px;
	border:2px solid #CACACA;
	margin:10px auto;
}
#video .ctn dl dt {
	padding:0 6px;
	height:24px;
	line-height:30px;
	text-align:right;
}
#video .ctn dl dt span {
	float:left;
	font-weight:bold;
}
#video .ctn dl dd {
	padding:10px;
	border-top:1px solid #ccc;
}
#video .ctn dl dd h4 {
	text-align:right;
	font-size:12px;
}
#video .ctn dl dd h4 a {
	color:#0449FA;
}
#video .ctn dl dd h4 span {
	float:left;
}
#video .sidebar {
	width:380px;
}
#video .sidebar .greenbox {
	width:360px;
}
#video .sidebar .greenbox h2 {
	width:350px;
}
#video .sidebar .greenbox ul {
	width:358px;
	min-height:225px;
	border-bottom:none;
}
/*@Sign*/
.header2 #nav {
	clear:both;
	width:100%!important;
}
.header2 #nav li {
	background:none;
}
.header2 #nav .lang {
	float:right;
}
.header2 #header {
	margin:10px auto;
}
.header2 #header p {
	float:right;
	margin:0;
	margin-top:30px;
}
#sign .content {
	width:924px;
	margin:10px auto;
	border:none;
}
#sign .content .signbox {
	
	float:right;
	width:458px;
	height:280px;
}
#sign .signbox h2 {
	color:#fff;
	font-size:14px;
	line-height:28px;
	text-indent:14px;
}
#sign .signbox h3 {
	text-align:center;
	font-size:18px;
	margin:20px 0;
	color:#8FC73E;
}
#sign .signbox fieldset {
	border:1px solid #8FC73E;
	margin:10px auto;
	width:400px;
	padding:20px 0;
}
#sign .signbox label {
	font-weight: bold;
	width:120px;
	margin-right:10px;
	text-align:right;
	margin:5px 15px;
	float:left;
}
#sign .form .error{
		color: #c00;
		}
#sign .signbox input {
    width:210px;
    border:1px solid #bbb; background:#f6f6f6; padding:5px;
}
#sign .signbox fieldset p {
		min-height:30px;
	margin:5px auto;

}
#sign .signbox .sub {
	background:url(img/btn_login.png) no-repeat;
	width:87px;
	display:block;
	height:24px;
	border:none;
	cursor:pointer;
	margin:20px auto;
}
#sign .content .msg {
	margin-left:20px;
}
#sign .content .msg h2 {
	margin:10px;
	color:#333;
	font-size:12px;
}
#sign .content .msg dl {
	margin:10px;
}
#sign .content .msg dt {
	font-family:Verdana;
	font-size:11px;
}
#sign .content .msg dd {
	margin-left:10px;
	font-family:Verdana;
	font-size:10px;
}
.signupbox {
    width:800px;
    padding:5px;
    margin-top:30px;
    border:1px solid #999;
}
.signupbox form {
    border:0px solid #ccc;
    background: White;
    width:100%;
    height:100%;
}
.signupbox form .error{
        color: #c00;
        }
.signupbox h2 {
    position:relative;
    top:-35px;
    left:-10px;
    font-size:14px;
}
.signupbox li {
    width:600px;
    min-height:10px;
    margin: 5px 10px;
}
.signupbox label {
    float:left;
    font-weight: bold;
    width:210px;
    margin-right:10px;
    text-align:right;
}
.signupbox label.error
        {
        margin-left:0px !important;
        width:410px !important;
        }        

.signupbox p{
    margin-left:210px;
    line-height:20px;
}
.signupbox img {
    margin-left:70px;
    line-height:20px;
}
.signupbox .sub {
    background:url(img/btn_sub.gif) no-repeat;
    width:139px;
    display:block;
    height:25px;
    border:none;
    cursor:pointer;
    margin:20px auto;
}
.signupbox input {
    width:210px;
    border:1px solid #bbb; background:#f6f6f6; padding:5px;
}
.signupbox select {
    width:210px;
    border:1px solid #bbb; background:#f6f6f6; padding:5px;
}
.signupbox checkbox {
    width:210px;
    border:1px solid #bbb; background:#f6f6f6; padding:5px;
}
.signupbox textarea 
 { 
     width: 400px; 
     height: 120px; 
    margin-left: 221px; 
    border:1px solid #bbb; background:#f6f6f6; padding:5px;
    }
.signupbox p label {
    margin:0;
    float:none;
}
.signupbox p input {
    width:15px;
}
.signupbox p.gender {
    display:inline;
    margin:0;
}
.signupbox .strength {
    margin-left:360px;
}
.signupbox .strength div {
    background:#ccc;
    width:150px;
    height:5px;
    margin-left:360px;
}
.signupbox {
    width:800px;
    padding:5px;
    margin-top:30px;
    border:1px solid #999;
}
.signupbox form {
    border:0px solid #ccc;
    background: White;
    width:100%;
    height:100%;
}
.signupbox form .error{
        color: #c00;
        }
.signupbox h2 {
    position:relative;
    top:-35px;
    left:-10px;
    font-size:14px;
}
.signupbox li {
    width:600px;
    min-height:10px;
    margin: 5px 10px;
}
.signupbox label {
    float:left;
    font-weight: bold;
    width:210px;
    margin-right:10px;
    text-align:right;
}
.signupbox label.error
        {
        margin-left:0px !important;
        width:410px !important;
        }        

.signupbox p{
    margin-left:210px;
    line-height:20px;
}
.signupbox img {
    margin-left:70px;
    line-height:20px;
}
.signupbox .sub {
    background:url(img/btn_sub.gif) no-repeat;
    width:139px;
    display:block;
    height:25px;
    border:none;
    cursor:pointer;
    margin:20px auto;
}
.signupbox input {
    width:210px;
    border:1px solid #bbb; background:#f6f6f6; padding:5px;
}
.signupbox select {
    width:210px;
    border:1px solid #bbb; background:#f6f6f6; padding:5px;
}
.signupbox checkbox {
    width:210px;
    border:1px solid #bbb; background:#f6f6f6; padding:5px;
}
.signupbox textarea 
 { 
     width: 400px; 
     height: 120px; 
    margin-left: 221px; 
    border:1px solid #bbb; background:#f6f6f6; padding:5px;
    }
.signupbox p label {
    margin:0;
    float:none;
}
.signupbox p input {
    width:15px;
}
.signupbox p.gender {
    display:inline;
    margin:0;
}
.signupbox .strength {
    margin-left:160px;
}
.signupbox .strength div {
    background:#ccc;
    width:150px;
    height:5px;
}
.signupbox {
	width:800px;
	padding:5px;
	margin-top:30px;
	border:1px solid #999;
}
.signupbox form {
	border:0px solid #ccc;
	background: White;
	width:100%;
	height:100%;
}
.signupbox form .error{
		color: #c00;
		}
.signupbox h2 {
	position:relative;
	top:-35px;
	left:-10px;
	font-size:14px;
}
.signupbox li {
	width:600px;
	min-height:10px;
	margin: 5px 10px;
}
.signupbox label {
	float:left;
	font-weight: bold;
	width:210px;
	margin-right:10px;
	text-align:right;
}
.signupbox label.error
        {
        margin-left:0px !important;
        width:410px !important;
        }        

.signupbox p{
    margin-left:210px;
    line-height:20px;
}
.signupbox img {
    margin-left:70px;
    line-height:20px;
}
.signupbox .sub {
	background:url(img/btn_sub.gif) no-repeat;
	width:139px;
	display:block;
	height:25px;
	border:none;
	cursor:pointer;
	margin:20px auto;
}
.signupbox input {
	width:210px;
	border:1px solid #bbb; background:#f6f6f6; padding:5px;
}
.signupbox select {
	width:210px;
	border:1px solid #bbb; background:#f6f6f6; padding:5px;
}
.signupbox checkbox {
	width:210px;
	border:1px solid #bbb; background:#f6f6f6; padding:5px;
}
.signupbox textarea 
 { 
 	width: 400px; 
 	height: 120px; 
	margin-left: 221px; 
	border:1px solid #bbb; background:#f6f6f6; padding:5px;
	}
.signupbox p label {
	margin:0;
	float:none;
}
.signupbox p input {
	width:15px;
}
.signupbox p.gender {
	display:inline;
	margin:0;
}
.signupbox .strength {
	margin-left:160px;
}
.signupbox .strength div {
	background:#ccc;
	width:150px;
	height:5px;
}
#sign .content div.lf {
	margin:10px 40px;
	display:inline;
}
#sign .content .tip {
	font-size:14px;
	margin:30px 0 0 40px;
	color:#67b315;
}
/*exercises*/
#exercises .content * {
	font-size:12px;
}
#exercises .content h3 {
	margin:20px 0 5px 20px;
	clear:both;
	width:100%;
}
#exercises .content h4 {
	text-indent:30px;
}
#exercises .content ol {
	width:100%;
	float:left;
	margin-bottom:5px;
}
#exercises .content li {
	float:left;
	width:150px;
	margin:5px 30px;
}
/*help*/

.greenbox {
	width:924px;
	border-width:0 1px;
}
.greenbox h2 {
	background:url(img/greenbar.png) no-repeat;
	height:28px;
	width:914px;
	font-size:12px;
	color:#fff;
	line-height:28px;
	padding-left:10px;
	margin-bottom:0;
	text-align:left;
}
.greenbox h2 b {
	float:right;
	background:url(img/green_rt.gif) no-repeat;
	width:5px;
	height:28px;
}
.greenbox ol, .greenbox ul {
	width:922px;
	border:1px solid #548E0E;
}
.greenbox li {
     margin-top: 8px;
     margin-left: 15px;
}
/*@software*/
#soft .ctn {
	width:680px;
	min-height:900px;
	margin:10px auto;
	border:1px solid #ccc;
	border-top:none;
}
#soft .ctn h3 {
	height:27px;
	line-height:27px;
	font-size:12px;
	text-indent:10px;
	background:url(img/bar2.png) repeat-x;
	border-top:1px solid #ccc;
}
#soft .ctn .images {
	margin:6px;
}
#soft .ctn .images li {
	float:left;
	margin:6px;
}
#soft .ctn .comm li {
	margin:10px 0;
	text-indent:20px;
	line-height:20px;
}
#soft .ctn .comm li.ccc {
	background:#ccc;
}
#soft .ctn .comm li p {
	text-indent:60px;
}
#soft .sidebar {
	width:230px;
}
#soft .greenbox {
	width:230px;
}
#soft .greenbox h2 {
	width:220px;
}
#soft .greenbox ul {
	width:228px;
	min-height:200px;
}
/*------------------------------------conversation------------*/
#sidebarid .sidebar {
    width:310px;
}
#sidebarid .sidebar .greenbox {
    width:290px;
}
#sidebarid .sidebar .greenbox h2 {
    width:280px;
}
#sidebarid .sidebar .greenbox ul {
    width:288px;
    min-height:100px;
    border-bottom:none;
}

/* -------------------------------------------------*/
#left{width:305px; height:700px; min-height:700px;  height:auto!important; float:left;}
#left .ltitle{width:305px; height:25px; line-height:25px; background:#94CF49; font-weight:bolder; font-size:12px;font-family: vardana;}
#left .mebox{width:305px; height:201px; min-height:201px; height:auto!important; border:#8CC936 1px solid;}

#leftcom{width:275px; height:700px; min-height:700px;  height:auto!important; float:right; margin-left: 2px;}
#leftcom .ltitle{width:275px; height:25px; line-height:25px; height:auto!important; background:#94CF49; font-weight:bolder; font-size:12px;font-family: vardana;}
#leftcom .mebox{width:275px; height:201px; min-height:201px; height:auto!important; border:#8CC936 1px solid;}

#search{width:305px; min-height:75px; border:#8CC936 1px solid; height: auto;}
#sbox{width:305px; min-height:40px; margin:10px auto; height: auto;}
#sbox input{margin-left: 15px; padding:0px; float:left;width:245px;}
#taglist {
min-height: 10px;
height: auto;
}
#taglist span {
    float:right;
    font-size:14px;
}

#taglist ul {
min-height: 10px;
height:auto;
}
#taglist li {
    margin:3px 0;
    height: 20px;
    width:300px;
    font-size: 12px;
    padding-left:5px;
    font-family: vardana;
}
#taglist li.oo {
    font-size: 12px;
    background:#F3FFFD;
    font-family: vardana;
}