body,html{
	font-size:14px;
	line-height:22px;
	font-family:Helvetica,Arial,"Microsoft YaHei",sans-serif;
	background:#f4f4f4;
	padding:0;
	margin:0
}

a:link,a:visited{
	color:black;
	text-decoration:none
}

a:hover{
	text-decoration:underline
}

a:active{
	color:#06c
}

ul{
	list-style-type:circle
}

ul li{
	margin-top:10px
}

img{
	border:0
}

h2{
	display:block;
	padding:20px 0
}

cite{
	font-weight:normal;
	font-style:normal;
	font-family:Courier,monospace;
	font-size:8px;
	color:#333
}

sup{
	font-family:verdana,Arial,sans-serif
}

sup a:link,sup a:visited{
	color:#06c;
	text-decoration:none
}

sup a:hover,sup a:active{
	color:#06c;
	text-decoration:underline
}

.red{
	color:red
}

.blue{
	color:blue
}


.showcase{
	margin-left:10px
}

.reminder{
	width:100%;
	text-align:center;
	background:#ff9;
	border:1px solid #fc0;
	color:#333;
	height:28px;
	line-height:28px;
	margin-top:20px
}

pre.code{
	font-family:Monaco,Consolas,"Lucida Console",monospace;
	font-size:12px;
	line-height:20px;
	border-left:5px solid #ccc;
	border-right:5px solid #ccc;
	padding:5px 10px;
	margin:25px 0;
	display:block;
	position:relative;
	font-weight:normal;
	*padding-top:18px
}

span.code{
	font-family:Monaco,Consolas,"Lucida Console",monospace;
	font-size:12px;
	margin-left:20px
}

span.vsep{
	color:#999;
	padding:0 5px
}

a.run{
	display:block;
	position:absolute;
	right:15px;
	width:26px;
	height:18px;
	top:0;
	background:url("../images/run.png") no-repeat -26px 0;
	cursor:pointer;
	cursor:hand
}

p.paragraph{
	font-size:36px;
	text-align:center;
	color:#ccc;
	font-family:Arial,Helvetica,"Microsoft YaHei",sans-serif
}

.aside{
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	width:298px;
	overflow-x:hidden;
	overflow-y:auto;
	padding:15px 0 30px 30px;
	border-right:1px solid #bbb;
	box-shadow:0 0 20px #ccc;
	z-index:3
}

.aside .version{
	font-size:10px;
	font-weight:normal
}

.aside a{
	text-decoration:underline
}

a.toc_title{
	display:block;
	margin-top:10px;
	font-weight:bold
}

.aside .toc_section{
	list-style-type:none;
	padding:0;
	margin:5px 0 0 10px
}

.bside{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index:1;
	background:#f4f4f4
}

.bside .snippetview{
	margin-left:740px;
	height:100%;
	display:none
}

.content{
	position:relative;
	margin:0 0 50px 358px;
	width:500px;
	word-wrap:break-word;
	word-break:break-all;
	z-index:2;
	text-shadow:0 1px #fff
}

.content p{
	text-indent:28px;
	line-height:30px
}

.content .caution{
	background:#f5f5f5
}

.content a{
	text-decoration:underline
}

.content .options{
	background:#eee;
	padding:10px 0
}

.content .options .opttype{
	float:right
}

.content .options p{
	text-indent:0;
	font-weight:normal;
	line-height:16px
}

.content .options .argument{
	width:95%;
	margin:10px auto 0 auto;
	font-size:14px;
	font-weight:bold
}

.content .options .services{
	width:95%;
	margin:10px auto 0 auto;
	font-size:14px;
	font-weight:bold
}


.content .options .option{
	width:90%;
	margin:10px auto 0 auto;
	padding-top:10px;
	font-size:12px;
	font-weight:bold;
	border-top:1px solid #ddd
}

.content .options .option .desc{
	font-weight:normal
}

.content .options .optdefault{
	color:#666
}

span.optrequired{
	color:#666;
	padding-left:10px
}

p.intro{
	text-indent:0
}

b.header{
	font-size:18px;
	line-height:35px
}

ul.updatelist,ol.faq{
	font-weight:normal;
	font-size:14px
}

ul.pricelist{
	font-weight:normal;
	font-size:14px
}


ol.faq{
	padding-right:10px
}

.sub_toc_title{
	font-weight:bold;
	color:#333
}

a.sub_toc_title{
	text-decoration:none
}

ol.faq li{
	padding-bottom:10px;
	padding-top:10px;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff
}

ol.faq li.first{
	border-top:0;
	padding-top:0
}

ol.faq li.last{
	border-bottom:0;
	padding-bottom:0
}

.del{
	text-decoration:line-through;
	text-shadow:none
}

.light{
	background-color:#ffe
}

.collapsed ul{
	display:none
}

.toc_section .comment{
	font-style:normal;
	font-size:12px;
	color:#666
}

.showcase a{
	padding-left:10px
}

.tinyfont{
	font-size:12px
}

.smallfont{
	font-size:14px
}

.mediumfont{
	font-size:16px
}

.bigfont{
	font-size:18px
}

.hugefont{
	font-size:20px
}

.giantfont{
	font-size:24px
}

.normalfont{
	font-weight:normal
}

.btn.primary {
  color: #ffffff;
  background-color: #2280ba;
  background-repeat: repeat-x;

  background-image: -khtml-gradient(linear, left top, left bottom, from(#2591d4), to(#2280ba));
  background-image: -moz-linear-gradient(top, #2591d4, #2280ba);
  background-image: -ms-linear-gradient(top, #2591d4, #2280ba);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2591d4), color-stop(100%, #2280ba));
  background-image: -webkit-linear-gradient(top, #2591d4, #2280ba);
  background-image: -o-linear-gradient(top, #2591d4, #2280ba);
  background-image: linear-gradient(top, #2591d4, #2280ba);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2591d4', endColorstr='#2280ba', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #2280ba #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}