@charset "utf-8";
/* CSS Document */
.page.tooltips {width:868px; margin-bottom:150px; text-shadow:1px 1px 2px rgba(0,0,0,0.8); }
.msie6 .page.tooltips {padding:50px 0;}

.page.tooltips .tab {border-bottom:1px solid #333; margin-top:20px; padding-left:1px}
.page.tooltips .tab .item {padding:10px 20px; display:inline-block; margin-left:-1px; }
.page.tooltips .tab .item.cur {
	background-color:rgba(0,0,0,0.2);
	border:1px solid #333;
	border-bottom:none;
	color:#6CF;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}

.page.tooltips .layout {}
.page.tooltips .layout td {padding:20px 0 0 30px;}

.page.tooltips .menu { width:300px; background-color:rgba(0,0,0,0.2); }
.page.tooltips .menu th {width:48px;}
.page.tooltips .menu th ,
.page.tooltips .menu td {border-bottom:1px solid #333; cursor:pointer; padding:10px; }
.page.tooltips .menu td {background-size:20px 14px; background:url(list_arrow.png) right center no-repeat; padding-left:0; }
.msie6 .page.tooltips .menu td {background:none;}
.page.tooltips .menu tr.cur:nth-child(1n),
.page.tooltips .menu tr:hover:nth-child(1n) {background-color:rgba(0,0,0,0.4);}
.page.tooltips .menu .icon {width:48px; height:48px; border:1px solid #555; }


.page.tooltips .highlight .label {font-weight:bold; font-size:20px; display:block; padding-bottom:10px; color:#6CF }
.page.tooltips .highlight .topic {margin-top:10px;}
.page.tooltips .highlight video {max-width:520px;}
.page.tooltips .highlight video, 
.page.tooltips .highlight iframe,
.page.tooltips .highlight embed,
.page.tooltips .highlight img { margin:20px 0; padding:1px; background-color:#333; display:block; max-width:520px; }


.page.tooltips .detail {}
.page.tooltips .detail .topic {font-size:24px;}
.page.tooltips .detail .content {margin-top:10px;}
.page.tooltips .detail video {max-width:520px;}
.page.tooltips .detail video, 
.page.tooltips .detail iframe,
.page.tooltips .detail embed,
.page.tooltips .detail img { margin:10px 0; padding:1px; background-color:#333; display:block; max-width:520px;}




.page.tooltips .userGuides {margin-top:30px;}
.page.tooltips .userGuides a {display:block; overflow:hidden; text-indent:-9999px; width:237px; height:81px; margin:auto; }
.en .page.tooltips .userGuides .ios {background:url(en/doc_ios.png) no-repeat;}
.en .page.tooltips .userGuides .android {background:url(en/doc_android.png) no-repeat;}
.zh .page.tooltips .userGuides .ios {background:url(zh/doc_ios.png) no-repeat;}
.zh .page.tooltips .userGuides .android {background:url(zh/doc_android.png) no-repeat;}
.cn .page.tooltips .userGuides .ios {background:url(cn/doc_ios.png) no-repeat;}
.cn .page.tooltips .userGuides .android {background:url(cn/doc_android.png) no-repeat;}