﻿/*
 *Style for Dapoo WEB
 *(C) 2008-2009 Dapoo.Inc
 *http://www.dapoo.cn
 */

/*----------global---------*/
*{ word-break: break-all; word-wrap: break-word; }
body {margin:0; }
body, th, td, input, select, textarea, button {font: 13px/1.5em Tahoma, Arial, Helvetica, snas-serif !important;
 font: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif; }
body, h1, h2, h3, h4, h5, h6, ul,p, dl, dt, dd, form, fieldset,blockquote,ol,li{ margin: 0; padding: 0; }
ol li,ul li{list-style:none;}
p{padding:0.4em 0;}
a { color: #0775af; text-decoration: none; }
	.feed a:visited { color: #5181B7; }
	a:focus{outline: none;}	
	a:hover { text-decoration: underline; }
	a img { border: none; }

h1{font-size:2.0em; padding-top:5px;}
h2{ font-size:1.2em; color:#0775af; position:relative;}
h3{font-size:1.1em; font-weight:100; padding:0.5em 0 0 0;}
h4{font-size:1.0em; padding:0.4em 25px;}

	/*-------global  class--------*/
	.right{float:right;}
	.left{float:left;}
	.clear{clear:both;}
	.clear_l{clear:left;}
	.clear_r{clear:right;}
	.red{color:red;}
	.even{background:#f4f5f7;}
	.nomalfont{font-weight:100;}
	.infobox{ background:#fffcf2;margin-bottom:1.2em;position:relative; z-index:1; padding:6px;}
	.col_nomalbox{padding:1px 0 0 0;border-top:1px solid #ccc;position:relative;}
	.col_nomalbox h2{background:#eee; padding:0.4em;}
	.type_info li{ padding-left:12px;}
	.feed_ul{padding:0 0.4em; }
	.feed_ul li{padding:0.5em 0; border-top:1px solid #ddd; position:relative; width:100%;}
	.feed_ul li .detail{margin-left:25px;}
	.feed_ul li .detail img{margin:0.5em; border:1px solid #ccc; width:80px;}
	.feed_ul .type{padding-left:25px;}
	.feed_ul a.type{background-image: url(../images/miniicons.gif); background-repeat: no-repeat;}
		.type_share .type{ background-position: 0 -120px;}
		.type_doing .type { background-position: 0 1px; }
		.type_album .type { background-position: 0 -40px; }
		.type_blog .type { background-position: 0 -80px; }
		.type_share .type { background-position: 0 -120px; }
		.type_mtag .type, .type_thread .type { background-position: 0 -160px; }
		.type_video .type { background-position: 0 -200px; }
		.type_friend .type { background-position: 0 -280px; }
		.type_profile .type { background-position: 0 -440px; }
		.type_network .type { background-position: 0 -320px; }
		.type_comment .type, .type_wall .type { background-position: 0 -400px; }
		
	#webhot{margin-top:18px;}
	.webhot_ul{margin:12px 0 35px 0;}
	.webhot_ul li{ padding:0.6em 2.1em;}
	.webhot_ul li.type_blog{}
	
	.p_img{float:left;padding:0 0.8em 0 0.4em;}
	.quote { margin-left:25px;padding:0.6em 1.2em;overflow: hidden; background: url(../images/q_start.gif) no-repeat 0 0; }
		.quote blockquote{ display: inline-block;background: url(../images/q_end.gif) no-repeat 100% 100%; color: #666; }
	
	.tab_ul{ border-bottom:1px solid #ddd; height:24px;padding-top:3px;}
		.tab_ul li{ float:left; height:20px; padding-top:3px;width:135px; text-align:center; cursor:hand; cursor:pointer;}
		.tab_ul li.current_tab{ border:1px solid #ddd;border-bottom:1px solid #fff; background:#fff; font-weight:bolder;}
	.col_piclist{padding:1em 0 0 0.4em; overflow:hidden;}
		.col_piclist li{ height:88px;float:left; width:76px; text-align:center; margin-right:5px;}
		.col_piclist span{ display:block;  width:100%;}
		
		.editor{overflow:hidden;padding:15px 5px; background:#fffcf2;}
		.editor textarea{width:96%;height:80px; overflow-x:hidden; overflow-y:hidden; border:1px solid #96c2f1;}
		
		
	.r_out{margin-bottom:1em; clear:both;}
	.roundboxcon{background:#fffcf2;border-left:1px solid #ffecce;border-right:1px solid #ffecce; padding:3px 6px;}
		.c1{margin:0 6px; background:#ffecce;height:1px; overflow:hidden;}
		.c2{margin:0 4px; background:#fffcf2;height:1px; overflow:hidden; border-left:2px solid #ffecce; border-right:2px solid #ffecce;}
		.c3{margin:0 3px; background:#fffcf2;height:1px; overflow:hidden; border-left:2px solid #ffecce; border-right:2px solid #ffecce;}
		.c4{margin:0 2px; background:#fffcf2;height:1px; overflow:hidden; border-left:1px solid #ffecce; border-right:1px solid #ffecce;}
		.c5{margin:0 1px; background:#fffcf2;height:1px; overflow:hidden; border-left:1px solid #ffecce; border-right:1px solid #ffecce;}
		
	
	
	.shut{ position:absolute; top:3px;right:3px; font-size:0.9em; font-weight:100; cursor:hand; cursor:pointer;}
	.shut a{color:#999;}
	.shut a:hover{ text-decoration:none; color:#666;}
	.more{font-size:0.9em; font-weight:100;}
	
	
/*----------layout----------*/
#p_info,#header,#content,#footer{width:950px; margin:0 auto; clear:both;}
	#content{margin-bottom:42px; overflow:hidden; z-index:1;}
	
	#log{ width:152px; float:left;padding-top:15px;}
	#header{ padding-bottom:12px; overflow:hidden;}
	#nva{width:797px; float:right;}	
		#op{padding:0.5em; text-align:right; clear:both;}
		#op li{ display:inline; padding:0 4px;}
	#nvabox{height:40px;background:url(../images/nva_bg.jpg) repeat-x; }
		#nvabox a{color:#fff; text-decoration:none;}
		#nvabox a:hover{color:#333;}
	#menu{padding-left:5px;padding-top:3px;float:left; background:url(../images/nva_l.jpg) no-repeat left top;}
	#menu li{float:left; font-size:16px; padding:0.56em;display:block; position:relative;}
	#menu li ul{padding:3px 8px; width:60px;  background:#fffcf2;border:1px solid #ffecce;top:35px;left:-1px;z-index:1000;}
	#menu li ul li{clear:both; padding:0; margin:0;border-bottom:1px dotted #ddd;width:60px;}
	#menu li ul li a{color:#666;font-size:14px !important;}
	#menu li ul li a:hover{color:#666;font-size:14px !important; border-bottom:1px dotted #333;}
	#searchbox{padding-top:3px;height:35px;;float:right; width:270px; position:relative; background:url(../images/nva_r.jpg) no-repeat right top;}
		.top_search{width:180px; border:1px solid #ccc; position:absolute; top:8px; padding:3px; height:18px;}
		.top_sub{ width:65px; top:7px; left:186px; position:absolute;height:28px;}
	
		
		#a_ul,#f_ul,#p_ul,#s_ul{display:none; position:absolute;}
		#s_ul{border:1px solid #ccc;background:yellow;}
		#s_ul li{float:left;}

#p_info{ clear:both; overflow:hidden;padding:0 0 0.3em 0; }
	#p_info ul li{ float:left; padding:3px; margin-right:6px;}
		.editInPlace{ padding:0.5em;}

	#col_1{ width:550px; float:left; margin-top:35px;}
	#col_1 h2{margin-bottom:12px;}
	#col_1 h3{border-bottom:1px solid #ddd;}	
		#infotip h2{ color:red;}
		#infotip ul li {display:inline;}
		#feednews{ position:relative; margin-bottom:18px;}
		
	#single_col1{width:650px; float:left; padding-top:20px; position:relative;}	
	#col_2{width:340px; float:right;margin-top:35px; padding:5px;}
	
	#single_col2{width:280px; float:right; padding-top:25px; }
	#col_2 h2{padding-left:16px; background:url(../images/h2.gif) no-repeat left 2px;}
		#feednews{ clear:both;}
		.p_cpale_img{ float:left; padding-right:15px; width:100px;overflow:hidden;}
		.p_cpale_img img{width:100px;}
		#p_cpale h2{ border:0; color:#000; margin-bottom:12px;}
		#p_cpale ul{ overflow:hidden; margin:12px 0; line-height:28px; border-top:1px solid #ddd;}
		#p_cpale ul li{float:left; font-size:1.1em; display:block;}
		#p_cpale ul li a{border:1px solid #fffcf2;padding:0 5px;}
		#p_cpale ul li a:hover{ padding:3px 5px;text-decoration:none; background:#fff; border-bottom:1px solid #999; border-right:1px solid #999; border-top:1px solid #ddd; border-left:1px solid #ddd;}
		#p_cpale{float:left; width:420px;}
		
		.p_cpale_img2{ float:left; padding-right:15px;overflow:hidden;}
		.p_cpale_img2 img{width:150px;}
		.p_cpale_img2 ul li{ border-bottom:1px solid #ddd; padding:2px; font-size:13px;}
		#p_cpale2 h2{color:#000; margin-bottom:12px;}
		#p_cpale2 ul{ overflow:hidden; margin:6px 0; line-height:28px;}
		#p_cpale2 ul li{float:left; font-size:1.1em; display:block;}
		#p_cpale2 ul li a{border:1px solid #fffcf2;padding:0 5px;}
		#p_cpale2 ul li a:hover{ padding:3px 5px;text-decoration:none; background:#fff; border-bottom:1px solid #999; border-right:1px solid #999; border-top:1px solid #ddd; border-left:1px solid #ddd;}
		#p_cpale2{float:left;}
		
	#col_2 .col_nomalbox h2{padding-left:16px;background:#eee url(../images/h2.gif) no-repeat 6px 4px;}		
		.mylinks{padding:0 0 1em 0;}
			.mylinks li{padding:0.2em 0;}
			.mylinks li a{ font-size:1.1em;}
		.sidebar_ul{padding:0.4em 1.1em; line-height:200%;background:#fff;}
		.sidebar_box{margin-bottom:15px;background:#fff;}
		#p_group{clear:both; background:#fff;}	
		#p_group{background:#fff; padding:6px 3px; overflow:hidden; }		
		li.p_p{clear:both; text-indent:20px; margin:3px 0; font-size:1.1em;background:#fff;}
		li.p_p ul li a{text-indent:0;font-size:12px;}
		
			
	#footer{clear:both; border-top:1px solid #eee;}
	
/*-----post------*/
	#post{margin-bottom:15px; overflow:hidden; clear:both; }
	#post h3,#posts h3{ border:0; padding:6px;}
	.post_con{ overflow:hidden; margin-bottom:15px;  clear:both;}
	#viewway{ padding-left:6px; margin:12px 0;}
	#posts{padding-right:35px;}
	
	.postmeta{padding-left:6px; color:#999; }
	.entry{ padding-left:6px; margin:6px 0; overflow:hidden;}
		.entry img{ float:left; padding:0px 6px 5px 0;_width:80px;max-height:80px;  }
	#postConten{ padding:5px 0 25px 2px; line-height:160%; width:90%;text-align:justify;text-justify:inter-ideograph;}
		.posttag{margin-top:15px; margin-bottom:12px;}
		.hottag{ padding-left:25px;}
	
	#ablum ul li{ width:120px; height:130px;float:left;margin:8px 6px; text-align:center;}
	#ablum ul li span{ display:block; font-size:1.1em; margin:5px 0;}
	#ablum ul li img{width:120px;display:block; height:120px;}
		.ablumMeta{ font-size:14px; color:#999; margin:12px 3px;}
		.ablumMeta a{color:#999; padding:0 12px 0 25px;}
		#ablum_pics{ padding:8px 0;}
		#ablum_pics ul li{ float:left;  margin:8px 12px 8px 0;width:180px; height:225px; text-align:center; padding-top:6px;}		
		#ablum_pics ul li:hover{ background:#fffcf2;}		
		#ablum_pics ul li img{ width:150px; height:150px;}
		#ablum_pics ul li span{ display:block; padding:5px 0; font-size:14px; }	
		#ablum_pics ul li span a{color:#333;}
		
		.blums_list_pic{ float:left; margin-right:10px; height:120px; overflow:hidden;}
		.blums_list_datail{ float:left; width:170px; height:120px;}
		
		
		
			#a_commentslist{ margin:25px 0; width:80%;}
			
			.ablumDetail,.someo_detail{padding:12px 0; line-height:200%;}
			.in_box{ background:url(../images/ablumicons.gif) no-repeat 0 -3px;}
			.a_mark{background:url(../images/ablumicons.gif) no-repeat 0 -162px;}
			.a_share{ background:url(../images/ablumicons.gif) no-repeat 0 -26px;}
			.a_link{ background:url(../images/ablumicons.gif) no-repeat 0 -55px;}
			.a_flash{ background:url(../images/ablumicons.gif) no-repeat 0 -88px;}			
			.a_comment{background:url(../images/ablumicons.gif) no-repeat 0 -185px;}
			.a_upload{background:url(../images/ablumicons.gif) no-repeat 0 -258px;}
			.a_del{background:url(../images/ablumicons.gif) no-repeat 0 -235px;}
			
			.ablumDetail ul li,.someo_detail ul li{background:url(../images/ablumicons.gif) no-repeat 5px -109px; padding-left:24px;}
			.ablumTag{margin:12px 0;}
			.tag{ padding-left:24px; background:url(../images/ablumicons.gif) no-repeat 0 -138px;}
			.taglist{ padding-left:24px; line-height:200%;}
			.p_ablums h2,.otherablums h2,#ablum_show h2,#viewer h2,.otherposts h2,.col_h2 h2{ background:url(../images/h2.gif) no-repeat 3px center; padding-left:24px;}
			.otherposts{ margin-top:10px;}
			.p_ablums ul{ padding:12px 24px;}
			.p_ablums ul li{margin-right:8px;}
			.p_ablums ul li img{width:150px;}
			.p_ablums ul li span{display:block;}
			.col_h2{margin-bottom:12px;clear:both;}
			
			#ablum_show ul{ padding:15px 0;}
			.otherablums ul,.otherposts ul{ padding-left:24px; padding-top:12px; line-height:200%;}
			.otherablums ul a,.otherposts ul a{ color:#333; font-size:1em;}
			#viewer{ margin:15px 0;}
			#viewer ul{padding-left:15px;}
			
			
			
			/*---mark---*/
			#picAera{position:relative; margin:5px 0;}			
			#picAera .markbox a,.makemarkbox a{background:url(sadfasdfasdfa.gif);position:absolute; text-decoration:none; text-indent:-9999px;}	
			#picAera .markbox a:hover{display: block; text-indent:0px;}
			#picAera .markbox div{ display:block;}	
			#makemark{cursor: move;position:absolute;z-index: 3; font-size: 1em; opacity:1;}			
			.editmark,.notes{background:#fffcf2;overflow-x:hidden;overflow-y:hidden;padding:6px; width:120px;margin:6px 0;border:0; text-align:left;}
			.mark{ visibility:hidden; }
			.drag{cursor:move;background:url(image-url.gif); border:1px dashed #000;}	
			.dragInner{width:100%; height:100%;border:1px dashed #fff;}
			
		
		.comments_list{margin:12px 0 25px 0;}
		.c_line{padding-top:1px; clear:both; margin:12px 0; width:100%; overflow:hidden;}
		.com_p{float:left; width:48px; padding-top:3px;}
		.c_top{ padding-left:10px; float:right; text-align:left; width:88%;}
		.c_con{float:right; text-align:left; width:89%; clear:right; padding:6px 0;}
		.com_box{ background:#f4f4f4; border:1px solid #ddd;}
		
		.name,.school{float:left; padding:0 12px 0 0;}
		.re_com,.edit{float:right; padding:0 6px;}
			#faceEditor{ background:#fff; padding:1px 6px; height:20px;}
			.editorTextarea{ background:#fff; display:block; border:0; border-top:1px solid #eee; width:100%;height:75px;}			
			
		#act_head{color:#0775af;  clear:both;}
		
			
			#actContent{ margin:45px 0;}
			
			#actMeta{ width:68%; float:left;border-right:1px solid #fee3b3;}
				#actinp{ width:59%; float:right;}
				#groupD{padding-right:15px;}
				#actshowimg,#groupimg{ width:40%; float:left;}
			#dotheact,#dogroup{ float:right; width:28%;}
			#act_people{ margin:18px 0;}
			
			 .inact,.focusact{padding:10px 32px;}
			 #actCon{ line-height:160%; text-indent:26px; padding-right:35px; width:90%; padding:15px 0 18px 0;}
			
		#act_list{ clear:both; margin-top:15px;}
		#actkind,#gkind,#teakind{margin:12px 0;}		
		#actkind ul li,#teakind ul li{border-bottom:1px solid #ddd; padding:6px 25px;}
		#gkind ul li{padding:2px 25px;}
		#cityGroup,#myact{ margin-bottom:12px;}
		.actli{ margin-bottom: 35px;}
			.actimg{ float:left; width:23%; padding:6px 0;}
			.actdetail{ float:right; width:76%;}
			.small{font-size:12px;color:#666; font-weight:100;}
			.myactli{padding:6px 25px;}
			#creatact,#divcreatalbum{margin:22px 20px; padding:10px 32px; font-size:15px;}
			.creat{ background:url(../images/add.gif) no-repeat; height:28px;}
			.currentkind{background:url(../images/currentkind.gif) no-repeat left center; font-weight:bolder;}
			
		#groupContent{margin:30px 0; background:#fff9e3; padding:6px 2px;}
			#groupDetail{width:98%; float:left;}
			#groupposts table{ border-bottom:1px solid #ddd; }
			#groupposts td { padding: 2px 5px; border-top: 1px solid #DDD; line-height: 1.3em; vertical-align: middle;  }
			#groupposts .title{width:59%; text-align:left;}
			#groupposts .count,#groupposts .time{display:block; color:#666;}
			#groupposts  .author,#groupposts  .replier{ text-align:center; width:20%;}
			.table{width:100%;}
			#groupposts th{ background:#f4f4f4; padding:0 4px;}
			#groupMenu ul{ overflow:hidden;}
			#groupMenu ul li{ float:left; padding:4px 12px;}
			#quitGroup{clear:both;}
			#mygroupsMenu{ overflow:hidden;  padding-top:20px; _height:28px;border-bottom:1px solid #ddd; }
				#mygroupsMenu .active{ background:#fff; border-left:1px solid #ddd; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #fff;}
				#mygroupsMenu .active a{color:#000;}
				#mygroupsMenu li{ font-size:15px; float:left; padding:6px 8px; margin:0 12px;}				
			#mygroupposts{ margin:25px 8px; }
			#mygroupposts .author,#mygroupposts .time,#mygroupposts .replier,#mygroupposts .count{text-align:center; width:10%;}
			#mygroupposts .title{width:39%; text-align:left;}
			#mygroupposts th{ background:#f4f4f4; height:24px;}
			#mygroupposts td{ padding:6px 0; border-bottom:1px solid #ddd;}
				.b_d{border-bottom:1px solid #ddd;border-top:1px solid #ddd; width:95%;margin-top:18px;}
				.g_postMeta{ text-align:right; padding-right:12px; color:#666; padding-top:25px;}
				#g_commentslist {width:95%;}	
			
			#reGroups{ padding:0 10px;}
			#reGroups h2{}
			
			#main0{ margin:15px 0; clear:both;}
			#main0 ol li{clear:both; margin:30px 0;}
			#main0 ol{ display: none; margin-left:10px;}
			#main0 .block{display:block;}
				#main0 .clear{ margin:10px 0;}
				
				#main0 table{ width:92%;}
 			
				#main0 .author{ width:12%; text-align:left;}
				#main0 .title{width:60%;}
				#main0 .time{width:12%; text-align:center;}
				#main0 .select{width:12%; text-align:center;}
				#main0 td{height:24px;}
				#main0 .th,#main0 .alt{background:#f4f4f4; height:24px;}
			
			#menu0 {margin:25px 0; height:30px; border-bottom:1px solid #ccc;}
			#menu0  li{ float:left;margin-top:4px; padding:3px 6px; display:block; border:1px solid #ccc; margin-right:6px; margin-left:6px; border-bottom:0;}
			#menu0 .hover{ margin-top:0; padding-top:7px;background:#eee; border-bottom:1px solid #fff;}
			
			
			.people{ margin:30px 6px;  float:left; width:300px; height:120px; background:#f4f5f7;}			
			.people .image{width:90px; float:left; overflow: hidden; margin-right:15px;}	
			.people .info{ float:left;}				
			.people .info,.people .info caption{ text-align:left; width:65%;}			
			.people .signCon{width:40px;}
			.people .line{ border-bottom:1px solid #ddd; padding:5px 0;}
			.people .actions{ display:block;}
			
			#p_hotablums ul a{ background:none; padding-left:0;  border:0;}
			#p_hotablums .detail,#p_hotablums h4{margin:0; padding-left:0;}
			#ablums_list{ margin:30px 0; }
			#ablums_list ul li{padding:3px; margin:15px 6px; float:left; width:47%; height:120px; background:#f4f5f7;}
				
			
			
	#singleSearch {width:215px; height:30px;padding:5px 0 0 8px; position:absolute; top:60px; right:12px; background:url(../images/single_s.gif) no-repeat;}		
		#singleSearch .s_s_inp{ border:none;  background:none; width:175px; height:20px;}
		#singleSearch .s_s_sub{ border:none;  background:url(../images/ablumicons.gif) no-repeat left -208px; width:20px; height:20px;}			
	#signIn{ margin:20px; font-size:14px;}
	#invote{width:280px; float:left; margin-top:25px;}
	#signIn label,#main0 label,#invote label{padding-right:12px; width:80px; float:left; text-align:right; display:block;}
	#signIn input.inputbox,.inputbox{width:180px; height:20px; float:left;}
	#signIn span{display:block; width:320px; float:right;}
	#signIn p{clear:both;}
	#signIn .signInfo{ display:none; padding-left:12px;}
	.subinput{text-align:center;margin-top:6px;width:65px; background:#fff; border-top:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #333; border-right:1px solid #333; vertical-align:middle;}
	
	#creatBlog,#creatAct,#creatAblum{margin:30px 0;}
	#creatBlog div,#creatAct div,#creatAblum div{margin:10px 0; clear:both;}
	#creatBlog label,#creatAct label,#creatAblum label{ float:left; width:70px; padding-left:24px;}
	#creatBlog .input,#creatAct .input,#creatAblum .input{ width:260px; height:20px;}
	#creatBlog label{text-align:right; width:50px; padding-right:10px;}
	
	.textarea{width:500px; height:120px;}
	
	
	
	#img_pre img{width:90px; height:90px; border:1px solid #ddd;}		
		#img_pre {margin-left:12px;margin-top:12px;width:260px;padding:0;overflow:hidden; height:98px; background:#fff; border:3px solid #ddd;}
		#viewerFrame{width:50000px;height:90px; overflow:hidden;}		
		#img_pre ul{ margin:0; padding:0;}
		#img_pre ul li{width:56px; overflow:hidden; display:block;float:left; height:98px; padding:4px;}
		#btn1{ float:left; display:block;}	
		#btn2{ float:right; display:block;}
		#pre_nex{ margin:2px 0 10px 10px;}
		#pre_nex a{padding:2px 6px; border:1px solid #fff;}
		#pre_nex a:hover{text-decoration:none;padding:2px 6px;border-left:1px solid #eee; border-top:1px solid #eee; border-bottom:1px solid #666;border-right:1px solid #666;}
		

/*---------------seach----------------*/
#moreSeach{ width:95%; margin:20px 0;}
#moreSeach fieldset{ border:1px solid #ffecce; padding:8px;  margin:12px 0;}
#moreSeach fieldset p{ background:#fffcf2; padding:3px; margin:8px;}
#resultUl{margin:15px 0;}

.saveTag .input{width:180px;}
.saveTag .textar{width:180px; height:42px; overflow-x:hidden; overflow-y:hidden;}
.saveTag{width:200px; border-right:1px solid #ddd;}
.nomalTag{width:200px; }

	.profilePic{ width:150px;}
	.profileDatail{width:500px; display:none;}
	.profileDatail h2{ margin-bottom:15px;}
	.profileDatail h3{ border-bottom:1px solid #ddd;}
	.profileEidt{ margin-bottom:25px;}
	.profileEidt ul li{ background:#f4f5f7;;margin:1px; padding:2px 6px; position:relative;}
	.myProS{ width:200px; float:left;}
	.dapooProS{width:220px; float:right; background:#f4f5f7; margin:1px; padding:6px;}
	.privateSelect{width:216px;}
	.viewSms{ float:left; border:1px solid #ddd; width:480px; height:250px; min-height:250px !important; padding:8px;}
	
	/*---------uploadHead--------------*/
			.drsElement {
			 position: absolute;
			 border: 1px dashed #333;
			}
			
			.drsMoveHandle {
			 height: 20px;
			 background-color: #CCC;
			 border-bottom: 1px dotted #333;
			 cursor: move;
			}
			#imgView,#imgView2{float:left;position:relative; width:150px; height:150px; border:1px solid #ccc; overflow:hidden;}
			#imgView2{ width:48px; height:48px; margin-left:20px;}
			#drag{position:absolute; filter:alpha(opacity=60); background: #fff; text-align: center; opacity:0.6;cursor:move;}
			#saveHead{ clear:both; margin-top:20px;}
			#headStyle{margin:12px 0;}
			#headStyle h3{clear:both; padding:10px 0; border-top:1px dashed #ddd;}
			
			
			.mind{border-top:1px solid #ddd; margin:8px 0;}
			.sayHi ,.mind{ clear:both; overflow:hidden; margin-bottom:15px; padding:4px;width:85%;}
			.mind .mindDetail{ font-size:1.1em;position:relative; line-height:180%;}
			.sayHi h3{ position:relative; padding:0 0 5px 0;border-bottom:1px solid #ddd;}
			.sayHi img,.mind img{float:left; width:48px; height:48px;}
			.pDatail {float:left; margin-left:12px; width:87%;}
			#col_2 .mind{width:98%;}
			.mind .pDatail{width:76%;}
			#mymind .pDatail{width:92%;}
			.sayHi .more{ position:absolute; top:3px ;right:5px;}
			.mind .recomment{position:absolute; bottom:3px; right:3px;}
			.mindComments{padding:6px; margin-left:55px; font-size:0.9em; clear:both; background:#fffcf2; margin-top:12px;}
			.mindComments a.type{ padding-left:24px ; background-image: url(../images/miniicons.gif); background-repeat: no-repeat; background-position:0 -400px;}
			.docomments{margin-top:10px; margin-left:55px; padding:3px;}
			.docomments .input{width:70%;}
			
			#mindFlash{ margin:25px 0; width:92%;}
			#mindFlash textarea{padding:4px;height:80px; margin:6px 0;background:#fff; border:1px solid #ddd; overflow-x:hidden; overflow-y:hidden;width:98%;}
			
			#invoteList{margin-left:25px;}
			#invoteList td,#invoteList th{padding-left:6px;}
			
			.oneSet{position:relative;width:450px; border:1px solid #ddd; float:left; height:300px; margin-right:6px; margin-bottom:8px;}
			#fCanRead,#iCanRead,#fcantRead,#icantRead{float:left;}
			#fCanRead h3,#iCanRead h3,#fcantRead h3,#icantRead h3{border-bottom:1px solid #ddd; }
			.saveSet{position:absolute; bottom:6px;right:5px;}
			.can,.cant,.canBox,.cantBox{ width:200px; float:left; margin:15px 8px;padding:3px;}
			.can ul,.cant ul,.canBox ul,.cantBox ul{margin:8px 0;}
			.can ul li,.cant ul li,.canBox ul li,.cantBox ul li
			{background:#eee;margin:1px 0; padding:4px; cursor:hand;color: #0775af;}
			
			
/*---------style 2008-9-10-----------*/
#web_rem,#myFocus{margin:18px 0;}
#myVisitors{display:none;}
#myPravite {margin-bottom:18px;}
#myMenu{line-height:150%; height:100%;}
#editHead{margin:6px;}
#webRepeat,#peoinfo,#webRepeat2{clear:both; background:#fff; padding:4px; border:1px solid #eff7ff; padding-bottom:15px; line-height:180%;}
#webRepeat ul li{clear:both; padding-left:20px; background:url(../images/miniicons.gif) no-repeat; background-position:0 3px;}
#webRepeat h3,#webRepeat2 h3{border:0;padding:5px; margin:0;}
.tab_content{border:1px solid #ddd; border-top:0; margin-bottom:15px;}
#addUl{ border-bottom:1px solid #96c2f1;}
#webRepeat2{margin-top:5px; margin-bottom:15px;}
#webRepeat2 img{display:none;}
#webRepeat2 ul{border:0;}
#webRepeat2 li{ overflow:hidden; padding-left:20px;height:24px; overflow:hidden; font-size:13px; position:relative; background:url(../images/miniicons.gif) no-repeat; background-position:0 3px;}
 #webRepeat2 a{border:0;}
#webRepeat2 a:hover{border:0;}
 #webRepeat2 .shut{display:none;}
 #mypale{ height:100%;}
 
 
#divinsert{background:#fff; border:1px solid #ddd; width:420px;}
#insertImg { background:#eff7ff; height:23px; border-bottom:1px solid #ddd;}
#insertImg li{ float:left; width:65px; text-align:center;  line-height:24px; height:24px; cursor:hand; cursor:pointer;}
#insertImg li.currentType{ background:#fff; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.tabCon{ padding:3px 6px;}

#AspNetPager{clear:both; border-top:1px solid #ddd; padding:3px 6px;}


.popup-calendar-wrapper{position:absolute; left:0; top:0; z-index:1000; display:inline;}
.popup-calendar{background:#fff;   border:1px solid #96c2f1; padding:3px 6px;  position:relative;display:none;}
.date-picker-holder{display:inline; position:relative;}
.link-prev,.link-next{ display:inline; padding-right:12px;}
.date-picker{ padding-left:10px;} 
.link-close{ position:absolute; right:3px; top:-2px;}

#teaCom h2{ color:#333;}
.proTag{ padding:15px 0; line-height:250%;  width:580px;} 
.proTag a{padding-right:15px;}
#teaSearch{ vertical-align:middle; position:relative; height:48px;}
.singleSearch{width:320px; padding:3px 4px; border:1px solid #999; height:22px; font-size:15px; position:absolute; left:0; top:0;}
.singleSub{width:75px; height:30px; left:332px; top:0; position:absolute;}



