/*------------------------start seach.css------------------*/
.FindFriends { padding: 10px; }

.SearchTitle { height: 40px; width: 875px; background: RGB(255,255,255)  no-repeat left center; margin:0; }

.text-notice{ font-size:20px}

.SearchTitle1 { height: 30px; width: 875px; background: RGB(255,255,255)  no-repeat left center; margin:0; }

.text-notice1{ font-size:15px; color:#FF0000}

.text-hidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; width: 1px !important; overflow: hidden; }
.round_border { border-radius: 3px; -moz-border-radius: 3px; /* Firefox 3.6 and earlier */; -webkit-border-radius: 3px; /* Safari */ }
.boxShadow { -webkit-box-shadow: 1px 1px 2px #ddd; -moz-box-shadow: 1px 1px 2px #ddd; box-shadow: 1px 1px 2px #ddd; }
.BodySelector { width: 378px; }
.BodyMedia { width: 270px; height: 275px; float: left; overflow: hidden; height: 100%; position: relative; }
.BodyMedia #Map .p1 { background: #000; }
.BodyMedia .p1 { display: block; position: absolute; top: 10px; left: 123px; width: 25px; }
.BodyMedia .p1:hover { background: url('../images/Selector/male/sc_male_head_neck.gif') no-repeat -122px -10px; }
.BodyMedia img { margin: 0 auto; }
.BodySelector ol { list-style-type: circle; list-style-position: inside; display: inline-block; margin: 0; padding: 0; padding-left: 10px; }
.BodySelector ol li { line-height: 22px; }
.SelectOption { width: 288px; margin-left: 10px; }
.BodySelector, .SelectOption, .label { float: left; display: inline-block; height: 300px; border: 1px #eee solid; }
#FriendList {  width:100%;  }
#FriendList ul { margin: 0; padding: 0;  list-style: none; }
#FriendList li { width:430px; float:left; border-bottom: 1px #e6e6e6 solid; list-style:none; }
#FriendList table { border-collapse: collapse; border: 0; }
#FriendList table tr { border: 0; border-bottom: 1px #e6e6e6 solid; }
#FriendList table tr td { border: 0; }

/* 0913添加 */
#FriendList .UserIntro ul{  color:#999; display:inline-block; list-style:none;  width:210px; height:80px; overflow:hidden; text-align:left; }
#FriendList .UserIntro ul li{ border:none; height:25px; line-height:25px; width:210px; float:none; position:relative; }
#FriendList .UserIntro ul li button{ position:absolute; top:3px ;right: 5px; width:60px; height:22px; border:none; cursor:pointer; }
.UserIntro ul li a{ color:#1558dd; }
.UserIntro ul li .ptag{  display:inline-block; padding:0 2px; height:20px; line-height:20px; border:1px #c3e4fc solid; background:#ebf7ff; color:#555; margin-right:3px; border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px; }
.UserIntro ul li .ptag:hover{ background:#c3e4fc; color:#000; }

.HealthStatus { width: 150px; height: 53px; position: relative; float: left; top:10px;  overflow: hidden; }
.HealthStatus img { position: absolute; left: 0; top: 0; border-right: 1px #ccc solid; }
.UserAvatar { width: 55px; height: 55px; float: left; margin: 10px 5px; }
.LoadMore { width: 907px; height: 38px; line-height: 38px; color: #07a; font-size: 14px; text-align: center; border: 1px #D3DBE6 solid; background: url('../images/LoadMoreBG.gif') repeat-x; clear:both; margin:10px 0; }

.filter .select_age , .filter .select_year{  height:70px; clear:both;}
/* 标签间距调整 */
#diseaseListmm span{ margin-right:5px; }
.filter{  
          /*width:390px;
		
		  position:relative;*/ 
		  margin-top:45px; 
		  border:1px #ccc solid; 
		  padding: 10px 5px 5px 5px;
		  height:auto!important;  
		  height:385px;  
		 /* min-height:385px; */
		  }
		  
.filter h4{ text-align:left;  font: 700 12px/20px inherit; height:20px; line-height:20px; margin:5px 0; }
.filter fieldset { border: 0;}
.filter fieldset .selector_title{ border:0; float:left; }
.filter fieldset .selector_title span{ color:#888; }
.filter fieldset select { display:none;}
.filter .ui-slider { clear: both;  }

.filterOption{  top:0; width: 100%;}

.filterOption dl{  width:100%; margin-top:10px; display:block; clear:both; height:auto; overflow:hidden; zoom:1; }
.filterOption dt, .filterOption dd{ float:left;}
.filterOption dd{ margin-left:10px; line-height:22px; text-align:left;}
.filterOption dd input{  margin-left:10px; vertical-align:middle; margin-right:5px; }
.filterOption dd span{ display:inline-block; line-height:22px; border:1px #ccc solid; padding:0 5px; margin:5px 0;}
/*搜索按钮样式修正*/

#btnReset_Symptolist{
	background:#3fa0d5; 
	border:1px #3a93c4 solid;
	border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px; 
	color:#fff; 
	cursor:pointer; 
	width:90px; height:30px; 
	font-size: 16px; 
	font-weight: 700;
	margin-top:10px;
	margin-left:30px;
}

#btnSearch{
	background:#3fa0d5; 
	border:1px #3a93c4 solid;
	border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px; 
	color:#fff; 
	cursor:pointer; 
	width:90px; height:30px; 
	font-size: 16px; 
	font-weight: 700;
	margin-top:10px;
}

#btnSearch:hover{background:#0081ce;}

/*-----------------------end search.css------------------*/
.body { float: left; width: 531px; text-align: left; }
.symcheck .inner { background-image: none; padding: 0px; }
.symcheck #symcheck-tabs { position: relative; top: 19px; }
.symcheck #symcheck-tabs img { cursor: pointer; }
.symcheck #symcheck-tabs img.on { position: relative; top: 7px; }

.inner .diagram { 
	background-color: #ffffff; 
	background-position: bottom left; 
	background-repeat: no-repeat; 
	padding: 30px 8px 32px 8px; 
	vertical-align: top; 
	
	 
}

.inner .diagram h2 { color: #cccccc; font-family: Arial; font-size: 1.6em; font-weight: bold; margin: 0px; padding: 0px 0px 0px 8px; }

.inner #options { 
	background-color: #e0e0e0;  
	background-position: bottom right; 
	background-repeat: no-repeat; 
	margin: 0px; 
	padding: 0px 0px 10px 8px; 
	vertical-align: top; 
	height:385px; 

}
.inner #options h2 { color: #006699; font-size: 1em; font-weight: bold; margin: 0px; padding: 2px 0px; }
.inner #options h3 { color: #000000; font-size: 12px;  margin: 0px; padding: 2px 0px; }
.inner #options .top { background-position: top right; background-repeat: no-repeat; display: block; height: 7px; overflow: hidden; }
.inner #options p { color: #006699; font-size:12px; font-weight: bold; margin: 0px; padding: 2px 0px; }
.inner #options ul { list-style-type: none; margin: 0px; padding: 4px 0px; height:280px; overflow:auto; overflow-x:hidden; }


.inner #options1 { background-color: #e0e0e0;  background-position: bottom right; background-repeat: no-repeat; margin: 0px; padding: 0px 0px 10px 8px; vertical-align: top; height:185px; }
.inner #options1 ul { list-style-type: none; margin: 0px; padding: 4px 0px; height:180px; overflow:auto; overflow-x:hidden; }


.inner #options ul li { margin: 0px; padding: 2px 0px; }
.inner #options ul li img { cursor: pointer; }
.inner #options ul li img.on { }
.inner #options ul.symptoms li { font-size: 14px; margin-left: 15px; }


.inner #options ul.symptoms li a{
    cursor: pointer;
}

#rightcenter { padding: 3px 4px 2px 0px; /*width: 516px; 左右折行*/}
#forumcenter { margin: 3px 8px 2px 16px; width: 620px; }
#sitemapcenter { border-right: 1px solid #dadada; margin: 3px 4px 2px 0; padding: 0 4px 0 2px; width: 680px; }
#nearright { border-left: 1px solid #dadada; border-right: 1px solid #dadada; margin: 4px 4px 0 2px; padding: 0 4px 0 4px; }
#farright { margin-top: 0; padding-top: 0; }
/* SYMPTOMS CHECKER */
.symcheck { 
			padding: 5px 0 0 0; 
			text-align: center; 
            width: 100%;
			}

.symcheck .outer { 
background-repeat: no-repeat; 
padding: 0 0 7px 0; 
text-align: left;
/* width: 480px; */

 }
 
 
 		
.symcheck .outer { 
 width: 52%; 
 float: left; 
}

.symcheck .filter{  
          /*width:390px;*/
		  width: 45%; 
          float:left; 
		  margin-left:10px;
		  }
		  
 	.inner .diagram { 
	  width: 270px;	
		
	}
	
.diseaselist{ width:750px; margin-left:170px; float: left; }
.diseaselist a{ color:#358E00;}	
	
 /*手机的时候*/
@media screen  and (max-width:666px){



 	.symcheck .outer { 
		 width: 100%; 
		 float: none; 
		
		}
		
		
	.symcheck .filter{  
         width:330px;
		   /*width: 100%; */
          float:none; 
		  margin-left:5px;
		  }
		 
	.diseaselist{ width:330px; 
              margin-left:10px; 
			  float: left; 
			  }
		
	
	#MyspaceContent_disease
	{
		width:  95%;
		
	}		  	  
			
	.inner .diagram { 
	/*width: 270px;	*/
		width: 225px;	
	}
	
	.inner .diagram #person
	{
	   width: 220px;
	}
	/*
	.inner #options 
	{
		width: 30px;
	}*/
	  
}		  
 
.symcheck .outer .top { background-position: top center; background-repeat: no-repeat; height: 7px; overflow: hidden; padding: 0; margin: 0; }
.symcheck .outer .data { background-color: #fff; padding: 0px 12px 0 0; }
.symcheck .outer h3 { color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em;  font-weight: bold; margin: 0; padding: 0; }
.symcheck .outer img.button { float: right; }

.symcheck .inner { 
	background-color: #ffffff;
	background-position: bottom center;
	background-repeat: no-repeat;
	margin: 10px 0 0 0; 
	padding: 0 0 0 0; 
	width: 100%; 
}

.symcheck .inner .top {  background-position: top right; background-repeat: no-repeat; height: 7px; overflow: hidden; }
.symcheck .inner .data { background-color: #ffffff; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; height: 1%; padding: 12px 16px; }
.symcheck .inner h1 { font-size: 1.6em; font-weight: bold; margin: 0; padding: 8px 0; }
.symcheck .inner h2 { font-size: 1.0em; font-weight: normal; margin: 0; padding: 0; }
.symcheck .inner p { margin: 0; padding: 6px 0; }
.harvard { float: left; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; font-style: italic; margin: 0; padding: 16px 20px 8px 20px; text-align: left; }
.internalLink { display: block; float: left; padding-bottom: 4px; }
.symcheck .inner .related { margin: 0; padding: 6px 0; border-top: 1px solid #dadada; }
.symcheck .inner .related .title { display: block; float: none; font-size: 0.9em; font-weight: bold; margin: 0; padding: 0; }
.symcheck .inner .related ul { color: #006699; display: block; float: none; margin: 0 0 0 8px; padding: 8px 0 4px 8px; }
.symcheck .inner .related ul li { }
.symcheck .inner .notes { border-top: 1px solid #aaaaaa; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.705em; margin: 16px 0 4px 0; padding: 8px 0; }
.symcheck .inner .notes label { font-weight: bold; padding: 0 6px 0 0; }
.pp_content a, .pp_content a:link, .pp_content a:visited, .pp_content a:hover, .pp_content a:active { color: #0044FF; }