@charset "utf-8";
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Chrome- and Safari-specific CSS here*/
div#site-nav{ margin-top:-14px;}
}
/* the header page of the detail page*/
#top_right{
	display: inline-block;
	/*for IE7*/ *display:inline;
	width: 80%;
}
#top_right ul {
	text-align:right;
	width: 100%;
}

#top_right li {
	text-align:center;
	display: inline-block;
	/*for IE7*/ *display:inline;
	vertical-align: top;
	list-style-type: none;
	width: 90px;
}
.pulldown_img{
   margin:0px 5px;
 }
/* the header page of the detail page*/

/*the left part of the detail page*/
.left p {
	padding: 5px 20px 1px;
}

.left {
	display: inline-block;
	/*for IE7*/ *display:inline;
	vertical-align: top;
	width:250px;
}

#detail_office {
	margin: 30px 0px 20px 50px;
	width: 220px;
	border-style: solid;
	border-width: 1px;
	border-color: #DCDCDC;
}

#server_info {
	margin: 40px 0px 20px 50px;
	width: 220px;
	border-style: solid;
	border-width: 1px;
	border-color: #DCDCDC;
}

#office_title {
	width: 100%;
	height: 35px;
	background-image: url(../images/detail_office.png);
}

#server_title {
	width: 100%;
	height: 35px;
	background-image: url(../images/detail_server_info.png);
}

ul.ul_list{    
	padding: 10px 35px;
    font-size:15.5px;
	list-style-type:disc;
}
ul.ul_list li{
    margin-top:5px;
}
ul#list_small {
	padding: 10px 35px;
	font-size: 14.5px;
	list-style-type:disc;
}
p.server_list_p{
    font-size:15.5px;
    
}
/*the left part of the detail page*/

/* the right part of the detail page*/
/* the top part of the right div*/
div.right {
	margin-bottom:100px;
	padding: 20px 0px 0px 30px;
	display: inline-block;
	/*for IE7*/ *display:inline;
	vertical-align: top;
}
div#basic_info{
	width:100%;
	height:330px;
}
.right p {
	margin-bottom: 10px;
}

.right span {
	font-size: 17px;
	text-align: left;
	padding: 2px 2px;
}

span.link_title_choose{
    color:#1171A3;
	cursor:pointer;
}
table#self_info {
	text-align:left;
	margin-top: 20px;
	font-size: 15px !important;
}

#self_info img.self_info_img{
    width:170px;
}
#self_name {
	font-size: 17px;
}

#self_server ul {
	display: inline-block;
	/*for IE7*/ *display:inline;
	width: 360px;
	list-style-type: none;
	position:relative;
	  top:-5px;
}

a.self_server_a{
	text-align: center;
	height:22px;
	line-height:22px;
	margin: 0px 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #DCDCDC;
	display: inline-block;
	/*for IE7*/ *display:inline;
	vertical-align: top;
	width: 100px;
	padding: 0px 5px;
	cursor: pointer
}

a.self_server_a:hover {
	border-color: #F5A623;
}

.self_server_class_select{
	text-align: center;
    height:22px;
    line-height:22px;
    margin: 0px 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #DCDCDC;
    display: inline-block;
	/*for IE7*/ *display:inline;
    vertical-align: top;
    width: 100px;
    padding: 0px 5px;
    cursor: pointer;
    border-color: #F5A623;
}
.self_server_class{
    text-align: center;
    height:22px;
    line-height:22px;
    margin: 0px 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #DCDCDC;
    display: inline-block;
    /*for IE7*/ *display:inline;
    vertical-align: top;
    width: 100px;
    padding: 0px 5px;
    cursor: pointer
}
span#price_num {
    margin-left:10px;
	position:relative;
	 top:-2px;
	font-size: 20px;
	color: #E55A23;
}

.self_function {
	width:110px;
	margin-right: 20px;
	cursor:pointer;
}

/* the down part of the right div*/
#doctor_more_info {
	width: 1000px;
	height: 800px;
	margin-top: 30px;
}

div#doctor_detail_title {
	height:28px;
	width: 100%;
	border-bottom: 2px solid #4990E2;
}

.more_info_title {
    color:white;
	display:inline-block;
	vertical-align:top;
	line-height:28px;
	font-size:15.5px;
	text-align:center;
    width:120px;
	height:27.5px;
	background-color:#8DBBEF;
	cursor: pointer;
	margin-bottom: -5.0px;
	margin-right: 7px;
}
.more_info_title:hover{
    height:27px;
	background-color:white;
	border:1px solid #8DBBEF;
	color:black;
}
.more_info_div{
    width: 100%;
    display:none;
}

.more_info_div_select{
    width: 100%;
    dispay:none;
}
.more_info_title_select{
    color:white;
    display:inline-block;
    vertical-align:top;
    line-height:28px;
    font-size:15.5px;
    text-align:center;
    width:120px;
    height:27.5px;
    background-color:#8DBBEF;
    cursor: pointer;
    margin-bottom: -5.3px;
    margin-right: 7px;
    height:27px;
    background-color:white;
    border:1px solid #8DBBEF;
    color:black;
}
/* first div(doctor_detail) in right_down*/


.title_for_details {
	margin-left: 10px;
	margin-top: 30px;
	font-size: 17px;
}

.description {
	font-size: 15px;
	margin-left: 10px;
	margin-top: 20px;
	margin-left: 10px;
}

/* second div(doctor_comments) in right_down*/


table#comments_table {
	font-size: 15px;
	padding-left: 5px;
	padding-top: 10px;
	width: 100%;
}

.customer_info {
	color: #4B4A48;
	height: 40px;
}

.comments_user {
	width: 20%;
	vertical-align: middle;
}

.comments_content {
	text-align: right;
	width: 7%;
	vertical-align: middle;
}

.comments_score {
	vertical-align: middle;
}

.comments_text {
	vertical-align: middle;
}

.score_star {
	cursor: pointer;
}

.no_score_star {
	cursor: pointer;
}

.num_score {
	color: #F5A623;
}

.comments_time {
	height: 35px;
	color: #999C95;
	border-bottom: 0.5px dashed #979797;
	vertical-align: middle;
}

/* third div(doctor_orders) in right_down*/

table#orders_list {
	width: 100%;
	text-align: left;
}

table#orders_list td {
	color: #4B555A;
}

.orders_list_title {
	margin-left:1px;
	height:25px;
	background-color: #F9F9F9;
	border-left:1px solid #979797;
	border-right:1px solid #979797;
	border-bottom:1px solid #979797;
}
.orders_list_title span{
	display:inline-block;
	vertial-align:top;
	padding-left:50px;
	font-size:15px;
	font-weight:bold;
}
span#orders_list_title_server{	
	position:relative;
	 left:80px;
}
span#orders_list_title_ammount{	
	position:relative;
	 left:140px;
}
span#orders_list_title_price{	
	position:relative;
	 left:190px;
}
span#orders_list_title_state{	
	position:relative;
	 left:205px;
}
span#orders_list_title_date{	
	position:relative;
	 left:250px;
}
.orders_list_item {
	height: 50px;
}

.order_user {
	width: 20%;
	vertical-align: middle;
	border-bottom: 0.5px dashed #979797;
}

.order_server {
	width: 20%;
	vertical-align: middle;
	border-bottom: 0.5px dashed #979797;
}

.order_qutity {
	width: 15%;
	vertical-align: middle;
	border-bottom: 0.5px dashed #979797;
}

.order_price {
	width: 10%;
	vertical-align: middle;
	border-bottom: 0.5px dashed #979797;
}

.order_state {
	width: 10%;
	vertical-align: middle;
	border-bottom: 0.5px dashed #979797;
}

.order_date {
	width: 25%;
	vertical-align: middle;
	border-bottom: 0.5px dashed #979797;
}
/* the right part of the detail page*/

/* the page service.illness*/
div.illness_class{
   width:1250px;
   margin-top:20px;
   margin-bottom:50px;
   margin-left:50px;
   margin-right:50px;
}
.illness_class span{
	font-size: 17px;
	text-align: left;
	padding: 2px 2px;
   }
.illness_class p{
    margin-bottom:15px;
}
div.class_of_classes{
  width:1240px;
  font-size:15.5px;
  margin-top:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:15px;
  border:1px solid #979797;
}
div.class_of_title{
    width:1250px;
	border-bottom:1px solid #979797;
	background-color:#F9F9F9;
	background-image: url(../images/bg_item.png);
}
div.class_of_title a{ font-size:16px;position:relative;left:10px;top:-3px;}
div.detail_of_classes{padding-left:15px;padding-top:10px;}
div#class_detail_title{height:31px;	width: 1250px; *width: 1260px;	border-bottom: 2px solid #4990E2;}
a.class_info {
    color:black;
	height:30px;
	background-color:white;
	border:1px solid #8DBBEF;
	margin-right:-6px;
	margin-bottom: -3.0px;
	background-image: url(../images/bg_a_item.png);
}
 a.class_info_select {
	height:31px;
	background-color:#4990E2;
	color:black;
	margin-right:-6px;
	margin-bottom: -3.0px;
}
 a.class_info:hover{
	height:30.5px;
	background-color:#4990E2;
	color:black;
	background-image: url();
}
.lookfor_details {
	background-color:#4990E2;
}
