/* Syntax Hilighter Modifier */

.content .syntaxhighlighter {
	margin:10px !important;
	padding:2px !important;
	width:auto !important;
	border:solid 1px #eee !important;
}

/* General styles */

body {
	margin:0;
	padding:0;
	background-color:#eee;
}

* {
	font-family:'segoe ui', verdana, helvetica, arial;
	font-size:13px;
	line-height:18px;
}

table {
	border-collapse:collapse;
	border:solid 1px #bbb;
}

table td {
	border:solid 1px #bbb;
	padding:5px 10px;
	vertical-align:top;
}

table thead td {
	border-left:0;
	border-right:0;
	font-weight:bold;
	background-color:#e5e5e5;
	padding:2px 10px;
}
table p {
	margin:0
}

a:not([name]):hover { text-decoration:underline }
a:not([name]) {
	color:rgb(33, 120, 224);
	text-decoration:none;
}

a[name] {
	color:inherit;
	font-size:inherit;
}

h1, h2, h3 {
	font-size:24px;
	line-height:30px;
	font-weight:bold;
	color:rgb(63, 82, 156);
	margin:20px 0;
	text-transform:capitalize
}

h2 {
	font-size:18px;
	line-height:24px;
	margin-bottom:0;
}
h3 {
	font-size:14px;
	line-height:18px;
	color:#000
}

h2 + hr {
	border:0;
	border-top:solid 2px #eee;
	margin:-2px 0 20px;
}

h4 {
	font-weight:normal;
	color:#7d7d7d;
}

h1 + h4 {
	margin-top:-15px
}

h4 * {
	font-size:inherit;
	font-weight:inherit;
}

h4 strong, h4 span { color:#e66a38; }

ol li em { font-weight:bold }
ol ul li em { color:#e66a38; }

h4 a, h4 span {
	margin-left:10px;
}

p {
	margin:10px 0;
}

em {
	font-weight:normal;
	font-style:italic;
}
li em {	/* :not(li) em */
	font-weight:normal;
	font-style:normal;
}


code {
	font-size:inherit;
	font-family:monospace;
	text-transform:none;
	font-size:12px;
	font-weight:bold;
}

h1 code, h2 code, h3 code {
	font-size:inherit;
}

small code {
	font-weight:normal;
}

ul li {
	list-style:circle;	
}

/* Specific styles */

a.mode-doc { font-style:italic; }
a.mode-ext:after {
	content:url(img/link.gif);
	margin-left:2px;
}
li a.mode-ext:after {	/* :not(li) a.mode-ext:after */
	content:'';
	margin-left:0
}


.head {
	color:#fff;
	font-size:14px;
	font-weight:bold;
	background-color:rgb(63, 82, 156);
	line-height:16px;
	padding:5px 10px;	
}
.head span {
	line-height:inherit;
	font-weight:normal;
	float:right;
}

.foot {
	clear:both;
	font-size:11px;
	border-top:solid 1px #bbb;
	background-color:#eee;
	line-height:13px;
	padding:5px 10px;
}

.updated { margin:20px 0; }
.updated:before { content:'Updated: '; }

.container {
	background-color:#fff;	
}

p.new { color:red }
p.deprecated { color:#e66a38 }

.menu {
	width:300px;
	height:300px;
	float:left;
	border-right:solid 1px #bbb;
	margin-right:-1px;
	padding:20px 0;
	white-space:nowrap;
	overflow:hidden;
}

.menu ol {
	margin:0;
	padding:0;
	padding-left:20px;
}
.menu ol > li { list-style:none }

.content *:first-child { margin-top:0 }
.content > *:last-child { margin-bottom:0 }
.content {
	border-left:solid 1px #bbb;
	margin-left:300px;
	padding:20px;
}

.snippet, .prototype {
	border:solid 2px #eee;
	background-color:#fff;
	margin:30px 0 10px;
	position:relative;
}

.snippet span, .prototype span {
	border:inherit;
	border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	background-color:inherit;
	border-bottom:0;
	padding:0 10px;
	line-height:22px;
	position:absolute;
	top:-24px;
	left:-2px;
	text-transform:uppercase;
	font-weight:bold;
}

.snippet h6 {
	margin:0 0 10px;
	padding:0 10px;
	line-height:20px;
	height:20px;
	box-sizing:content-box;
	font-size:10px;
	background-color:#fefefe;
	color:#888;
}

.snippet h6 a {
	font-size:inherit;
	font-weight:normal;
	float:right;
	margin-right:10px;
	line-height:inherit;
}

.snippet h6 a:first-child {
	margin:0
}

.snippet pre {
	font-family:monospace;
	white-space:pre;
	overflow:hidden;
	text-overflow:ellipsis;
	margin:20px;
}

.prototype dl {
	border:solid 1px #eee;
	padding:10px;
	margin:10px;
}

.prototype dt {
	font-family:monospace;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	margin:10px 0;
}

.prototype dd {
	margin:0 0 0 20px;
}

.prototype p {
	margin:10px;
	font-style:italic;
}