.detailapis_selecttab {
	border-collapse:collapse;
	width:710px;
	height:31px;
	line-height:31px;
	background:url(http://img.189works.com/api1003/api_example_01.png) no-repeat;
}
.detailapis_selecttab td{
	overflow:hidden; 
	height:31px;
}
.detailapis_selecttab img {
	display:block;
}
.detailapis_top10 {
	margin-top:10px;
}
.detailapis_contentleft {
	float:left;
	width:140px;
	margin-left:10px;
	text-align:center;
}
.detailapis_contentmiddle {
	float:left;
	width:380px; 
	padding:0 10px;
	line-height:20px;
}
.detailapis_contentright {
	float:left;
	width:140px;
	_width:128px;
	margin-right:10px;
	text-align:center;
}
.detailapis_grade {
	border:#CCC 2px solid;
	margin-bottom:15px;
	padding-top:10px;
	padding-bottom:10px;
}
.detailapis_attentionleft {
	margin-top:40px;
	float:left;
	width:62px;
	margin-left:10px;
	text-align: right;
}
.detailapis_attentionright {
	float:left;
	width:613px;
	_width:600px;
	margin-right:10px;
	text-align:center;
}
.detailapis_attentionul {
	padding: 0 0 0 5px;
}
.detailapis_attentionul  ul {
	list-style-type:none;
}
.detailapis_attentionul li {
	padding:5px;
	float:left;
}
.detailapis_attentionul h6 {
	width:70px;
	overflow:hidden;
	letter-spacing: 1px;
	text-align:center;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.detailapis_left {
	padding: 5px 0 0 10px;
	float:left;
	width:80px;
	text-align:left;
}
.detailapis_right {
	padding: 5px 10px 0 0;
	float:right;
	text-align:right;
}
.apiItemsBg{border-top:#0077bb 0px solid;background:url(http://img.189works.com/BG_0002_1.gif) 0px 0px repeat-x;height:16px;font-size:12px;font-weight:bold;padding-left:10px;letter-spacing:1px;}

.detailapis_apiItemsBg {
	background:url(http://img.189works.com/BG_0002_1.gif) left repeat-x;
	height:23px;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
}
.detailapis_apiDetailtable {
	border-collapse:collapse;
}
.detailapis_apiDetailtable td {
	height:23px;
	border-top:1px solid #f7f7f7;
	border-bottom:1px solid #f7f7f7;
	padding:0 4px;
}
.detailapis_apiDetailtable th {
	background-color: #E8E8E8;
	height:23px;
	text-align:right;
	padding-right:4px;
}
.detailapis_bg {
	text-align:right;
	background-color: #f7f7f7;	
}
.detailapis_apiMoreList ul{
	list-style-type:none;
}
.detailapis_apiMoreList{
	list-style-type:none;
} 
.detailapis_apiMoreList li{
	width:600px;
	float:left;
	line-height:1em; 
	margin:0 0 5px 10px;
}
.detailapis_width250 {
	display: inline-block;
	width:250px;
}
.detailapis_width80 {
	display: inline-block;
	width:80px;
}
.detailapis_MashupsMoreList {
	width:650px;
}
.detailapis_MashupsMoreList ul {
	list-style-type:none;
}
.detailapis_MashupsMoreList li {
	width:140px;
	text-align:center;
	float:left;
}




.star-rating{
list-style:none;
margin: 0px;
padding:0px;
width: 100px;
height: 20px;
position: relative;
background: url(http://img.189works.com/star_rating.gif) top left repeat-x; 
}
.star-rating li{
padding:0px;
margin:0px auto;
float: left;
}
.star-rating li a{
display:block;
width:20px;
height: 20px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.star-rating li a:hover{
background: url(http://img.189works.com/star_rating.gif) left center;
z-index: 2;
left: 0px;
}

.star-rating a.one-star{
left: 0px;
}
.star-rating a.one-star:hover{
width:20px;
}
.star-rating a.two-stars{
left:20px;
}
.star-rating a.two-stars:hover{
width: 40px;
}
.star-rating a.three-stars{
left: 40px;
}
.star-rating a.three-stars:hover{
width: 60px;
}
.star-rating a.four-stars{
left: 60px;
} 
.star-rating a.four-stars:hover{
width: 80px;
}
.star-rating a.five-stars{
left: 80px;
}
.star-rating a.five-stars:hover{
width: 100px;
}
.star-rating li.current-rating{
background: url(http://img.189works.com/star_rating.gif) left bottom;
height: 20px;
width:0px;
display: block;
text-indent: -9000px;
z-index: 1;
margin:0px;
float:left;
} 
#star{
  margin:0 auto;
  text-align:center;
  width:100px;
}
#star DT {
	FONT-WEIGHT: bold;COLOR: #ff6600;font-size:12px;
}
#starStatus{
  COLOR: #ff6600;font-size:12px;
}

div.relApiMore{float:left;}
.relApiMore {width:100%;}
.relApiMore ul li {margin-top:5px;margin-bottom:5px;float:left;margin-left:5px;margin-right:5px;}

.impFlag{font-size:14px;color:#F00}

.solidb{border-bottom:#cccccc 1px solid}

.noview{width:100%;text-align:center;margin:5px;}

#myfactory font{
	color: #0066aa;
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
} 
div.span-16{float:left;}
.span-16 {width:100%;}
.span-16 ul{float:left; list-style-type:none;}
.span-16 h2{padding-top:2px;padding-bottom:10px;}
.apiRelP{margin-left:10px;margin-top:10px;}
ul.icoList li {padding:2px 0px 5px 10px;width:140px;float:left; line-height:1em; margin-bottom:3px;}
ul.icoList li.w135 {padding-right:0px; margin-right:0px}
div.span-17{float:left;margin-right:10px;}
.span-17 {width:100%;}
.span-17 ul{float:left;}
.span-17 h2{padding-top:2px;padding-bottom:10px;}
.span-17 p{margin-left:20px;float:left;}
ul.apiMoreList li {padding:2px 0px 5px 20px;width:200px;float:left;line-height:1em; margin-bottom:3px;}
ul.apiMoreList li.w135 {padding-right:0px; margin-right:0px}
