@import "public.css";
.wrapper { width:960px; margin:0px auto;}
.main_l {width:145px;}
.main_r { width:805px;}
.head { width:950px; height:45px; text-align:right; line-height:45px; }
.head ul{ position: absolute; top: 45px; width: 95px; height:300px; z-index: 100; list-style:none;}
.head ul li{line-height:28px; text-align:left; float:left; padding-left:25px; border-bottom:#ccc 1px dashed;}
.head ul li a{ color:#333; font-weight:normal; }
.head span{ margin-left:25px; font-weight:bold;}
#app_text{ padding-right:10px; float:left; margin-right:12px; color: #fff; background:url(../images/app_tip.gif) 29px center no-repeat; cursor:pointer }
.main_l .c_m ul { padding-top:3px;}
.main_l .c_m ul li{ width:82px; height:27px; left: 200px; padding-left:30px; border-bottom:#e1e1e1 1px dashed; margin:3px auto 0 auto; list-style:none; text-align:left; line-height:27px;}
.main_l .c_m ul li span a{ color:#bbb; float:right; text-indent:0;}
.tool_1{ background:url(../images/toolbg.gif) 0 0 no-repeat;}
.tool_2{ background:url(../images/toolbg.gif) 0 -30px no-repeat;}
.tool_3{ background:url(../images/toolbg.gif) 0 -60px no-repeat;}
.tool_4{ background:url(../images/toolbg.gif) 0 -90px no-repeat;}
.tool_5{ background:url(../images/toolbg.gif) 0 -120px no-repeat;}
.tool_6{ background:url(../images/toolbg.gif) 0 -150px no-repeat;}
.tool_7{ background:url(../images/toolbg.gif) 0 -180px no-repeat;}
.tool_8{ background:url(../images/toolbg.gif) 0 -210px no-repeat;}
.tool_9{ background:url(../images/toolbg.gif) 0 -240px no-repeat;}
.tool_10{ background:url(../images/toolbg.gif) 0 -270px no-repeat;}
.tool_11{ background:url(../images/toolbg.gif) 0 -300px no-repeat;}
.tool_m{ border-bottom:#e1e1e1 1px solid; border-top:#e1e1e1 1px solid; padding:5px 25px 5px 25px;}
.tool_m li{list-style:none; }
.tool_m li a{ color:#777;  line-height:26px; }
.tool_m .a1 { background:url(../images/toolbg.gif) 0 -327px no-repeat;}
.tool_m .a2 { background:url(../images/toolbg.gif) 0 -351px no-repeat;}

.asd{ height:256px; width:128px; background:#f0f0f0; border-bottom:#fff 3px solid; margin:6px auto 0px;background:url(../images/jooyea_ad.gif);}

.maincontent{ width:593px; border-right:#CCC 1px dashed;}

.maincontent .brnav{ width:96%; height:30px; text-align:left; border-bottom:#e1e1e1 1px solid; line-height:30px; margin:0 auto; text-indent:0px;}
.maincontent .brnav a{ padding:0 4px 0 4px; color:#333}


.rightcontent{ width:199px; padding:5px; text-align:left; overflow:hidden}
.r_con { height:auto; position: relative;}
.r_con h4{ padding-left:14px;  background:url(../images/h4tip.gif) 5px 8px no-repeat; font-size:12px; line-height:24px;}
.r_con span{font-size:12px; line-height:24px; float:right; margin-right:5px;}
.r_con ul { padding:3px 5px;}
.r_con ul li{width:63px; height:auto; padding-bottom:6px; float:left; text-align:center; border:0px; display:inline; line-height:18px;}
.r_con ul li img{ width:43px; height:43px; margin:0 9px 8px 9px; display:inline}
.r_con ul li a { display:block; }
.r_con ul li label {color:#777; }

	/* friend start */
	#friend {
		height: 175px; padding:10px auto;
	}
	#friend .top {
		height: 21px;
		border-bottom: 1px #e1e1e1 solid;
	}
		#friend .top h2 {
			width: 79px;
			line-height: 20px;
			border-bottom: 2px #0296c3 solid;
		}
	#friend .content {
		height: auto;		
	}
		#friend .seach_part {
			text-align: left;
			position: relative;
			float: left;
		width: 189px;
		padding-left:10px;
 		display: inline;
		}
			/* friend search start */
			#friend .seach_part .item {
				height: 24px;
				width:195px;
				color: #4d4d4d;
				margin: 0 auto 12px;
			}
				#friend .seach_part .item input.btn {
					width: 58px; cursor:pointer;
					height: 22px;
					color: #ffffff;
					font-weight: bold;
					border: 0;
					margin: 0 13px;
					line-height: 22px;
					background: url(../images/bg.gif) 0px -87px no-repeat;
				}
				#friend .seach_part .item a {
					color: #666666;
					text-decoration: underline;
				}
				/* search selelct start */
				.item .name {
					float: left;
					width: 50px;
					margin-right:5px;
					text-align: right;
					line-height: 24px;
				}
				.item .sel {
					float: left;
					height: 22px;
					cursor: pointer;
					padding-right: 30px;
					background: url(../images/selbg.gif) right 0px no-repeat;
				}
				.item .sel_hover {
					background: url(../images/selbg.gif) right -22px no-repeat;
				}
				.item .sel span {
					display: block;
					padding-left: 5px;
					line-height:22px;
					float: left;
					background: url(../images/selbg.gif) 0 0px no-repeat;
				}
				.item .w1 {
					width: 90px;
				}
				.item .w2 {
					width: 65px;
				}
				.item .w3 {
					width: 35px;
				}
				.item .showbox {
					position: absolute;
					z-index: 1000;
					border: 1px #7c7c7c solid;
					border-top: 0;
					cursor: pointer;
					padding-bottom: 10px;
					_padding-bottom: 5px;
				}
				.item .s1 {
					width: 118px;
					height: 90px;
					top: 20px;
					left: 65px;
					background: #ffffff url(../images/selbg.gif) 67px -96px no-repeat;
				}
				.item .s2 {
					width: 135px;
					*width: 120px;
					height: 60px;
					top: 56px;
					left: 65px;
					background: #ffffff url(../images/selbg.gif) 42px -96px no-repeat;
				}
				.item .s3 {
					top: 91px;
					left: 65px;
					width: 63px;
					_width: 67px;
					height: 65px;
					background: #ffffff;
				}
					.item .showbox .subitem {
						width: 90%;
						margin: 10px auto 0;
						height: 22px;
						line-height: 22px;
					}
					.item .showbox .subitem select {
						min-width: 53px;
						margin: 0 2px;
						height: 20px;
					}
					.item .showbox .subitem input {
						width: 50px;
						height: 20px;
						line-height: 20px;
						margin: 0 3px;
						border: 0;
						color: #ffffff;
						font-weight: bold;
						background-color: #0296c3;
					}
				.item .s3 .subitem {
					margin: 2px auto 0;
				}	
				/* search selelct end */
			/* friend search end */