html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande",
		sans-serif;
	line-height: 1.231;
	color: #484848;
	margin: 0;
	padding: 0;
}

body, p {
	font-size: 14px;
	height: 100%;
}

h1 {
	color: rgb(249, 53, 53);
	font-size: 30px;
	margin: 20px 0 0 0;
}

li {
	margin-top: 10px;
	margin-bottom: 10px;
}

li>p {
	margin: 2px;
}

h2 {
	font-size: 18px;
}

a:link {
	color: #3378a5;
	text-decoration: none;
}

a:visited {
	color: #3378a5;
}

a:hover, a:focus {
	color: #3378a5;
	text-decoration: underline;
}

img {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	/*margin: 0 auto;*/
}

pre {
	clear: both;
	font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas',
		'source-code-pro', monospace;
	font-size: 12px;
	line-height: normal;
	direction: ltr;
}

a, img {
	border: none;
	outline: none;
}

/* Base Classes End */

/* LAYOUT start */
#header, #footer, #content {
	position: absolute;
	right: 0;
	left: 0
}

/* HEADER start */
#header {
	height: 46px;
	top: 0;
	background-color: black;
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 13px;
	min-width: 1020px;
	-webkit-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.3);
	font-family: "klavika-web", sans-serif;
	z-index: 7;
}

#header img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
	margin-top: -2px;
}

#header h1 {
	margin: 0;
	font-size: 14px;
	line-height: 46px;
	display: inline;
	margin-right: 30px;
	font-weight: 600;
}

#header h1>a {
	color: white;
	text-decoration: none;
}

#header h1>a:hover, #header h1>a:focus {
	-webkit-transition: color 0.25s ease-out;
	-moz-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
	color: rgb(249, 53, 53);
}

.gwt-logo {
	margin-top: 5px !important;
	width: 23px;
	margin-top: auto;
	margin-bottom: auto;
}

#header .google-search {
	position: absolute;
	top: 8px;
	right: 20px;
	width: 270px;
}
/* HEADER end */

/* FOOTER start */
#footer {
	height: 40px;
	bottom: 0;
	background-color: black;
	background-image: url('../images/stats_bg_tiled.jpg');
	z-index: 7;
	color: white;
	min-width: 1020px;
	padding-left: 13px;
	border-top: 3px solid #252525;
}

#footer a {
	color: white;
}

#footer-social {
	margin-top: 7px;
	float: left;
}

#footer-content {
	float: right;
	margin-right: 20px;
	margin-top: 10px;
	text-align: right;
}
/* FOOTER end */

/* CONTAINERS start */
#content {
	top: 46px;
	bottom: 40px;
	overflow: hidden;
	min-width: 1020px;
}

#middle {
	height: 100%;
	position: inherit;
	right: 0px;
	left: 320px;
	overflow-y: scroll;
	overflow-x: hidden;
}

/* CONTAINERS end */

/* NAVIGATION start */
#tpl-toc {
	height: 100%;
	width: 310px;
	background: #4d4d4d;
	overflow: auto;
	position: absolute;
	left: 0;
	border-right: 1px solid #bdc3c7;
}

#tpl-toc ul {
	margin: 0;
	padding: 0;
	margin-left: 12px;
	list-style-type: none;
}

#tpl-toc li {
	margin: 0;
	font-size: 12px;
	margin-left: 8px;
	line-height: 24px;
}

#tpl-toc li.folder>a {
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left: 15px;
	display: block;
	position: relative;
	font-weight: bold;
	font-size: 12px;
	color: white;
}

#tpl-toc li.folder>a:before, #tpl-toc li.folder.open>a:before {
	content: '';
	width: 0px;
	height: 0px;
	font-size: 4px;
	border-style: solid;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	left: 3px;
}

#tpl-toc li.folder>a:before {
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent rgb(184, 184, 184);
}

#tpl-toc li.folder.open>a:before {
	border-width: 6px 4px 0px 4px;
	border-color: rgb(184, 184, 184) transparent transparent transparent;
}

#tpl-toc a, #tpl-toc a:visited {
	color: #b2b2b2;
	text-decoration: none;
	font-size: 13px;
}

#tpl-toc a:hover, #tpl-toc a:focus {
	color: white;
	-webkit-transition: color 0.25s ease-out;
	-moz-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
}

#tpl-toc .selected {
	font-weight: 400;
	color: rgb(249, 53, 53) !important;
}

#tpl-toc-content {
	padding-top: 10px;
	padding-bottom: 10px;
}

.tpl-toc-img-new {
	margin: 0px;
	padding: 0px !important;
	padding-left: 5px !important;
	display: inline !important;
}

/* NAVIGATION end */

/* MAIN CONTENT start */
#tpl-content {
	width: 672px;
	padding-left: 20px;
}

#tpl-content h1 {
	font-weight: 200 !important;
}

#tpl-content h2 {
	font-weight: 500 !important;
	color: #314e64;
	border-bottom: 1px solid #efefef;
	padding-bottom: 5px;
}

#tpl-content h3 {
	font-size: 1.17em;
	font-weight: bold;
}

#tpl-content h4 {
	display: block;
	font-weight: bold;
}

#tpl-content table {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}

#tpl-content td, #tpl-content th {
	margin: 0;
	padding: 4px;
	border: 1px solid #efefef;
}

#tpl-content th {
	font-weight: 600;
}

#tpl-content img {
	max-width: 675px;
}

.tpl-content-lastUpdated {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 80%;
	color: #777;
}

#tpl-content-lastUpdated-date {
	display: inline;
}

/* MAIN CONTENT end */

/* IN-PAGE TABLE OF CONTENTS start */
.toc-page {
	position: absolute;
	left: 672px;
	top: 50px;
	background-color: #d4dce4;
	border: 1px solid #BDD2D8;
	padding: 10px 30px 20px 30px;
	margin-left: 40px;
	color: #555555;
	width: 200px;
	font-weight: bold;
	font-size: 16px;
	line-height: 34px;
	font-family: "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande",
		sans-serif;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
}

.toc-page a {
	display: block;
	font-size: 12px;
	line-height: 20px;
	color: black;
	font-weight: normal;
	text-decoration: none;
}

.toc-page a:hover, .toc-page a:focus {
	color: #555555;
	text-decoration: underline;
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
	transition: color 300ms;
}

.toc-page-h1 {
	padding-left: 0px;
}

.toc-page-h2 {
	padding-left: 10px;
	font-weight: 900 !important;
}

.toc-page-h3 {
	padding-left: 20px;
	/*background: url(../images/elbow-end.png) no-repeat;*/
}

.toc-page-h4 {
	padding-left: 30px;
	/*background: url(../images/elbow-end.png) no-repeat 10px;*/
}

.toc-page-h5 {
	padding-left: 40px;
}

.toc-page-h6 {
	padding-left: 50px;
}

.toc-page-h7 {
	padding-left: 60px;
}

.toc-page-h8 {
	padding-left: 70px;
}

.toc-page-h9 {
	padding-left: 80px;
}

.toc-page-h10 {
	padding-left: 90px;
}

/* IN-PAGE TABLE OF CONTENTS end */

/* LAYOUT end */

/* EDITOR start */
.code-tab-editor, .code-tab-preview {
	display: inline-block;
	font-weight: bold;
	background: #3E8DDD;
	color: #ffffff;
	padding: 10px;
	cursor: pointer;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

.code-tab-fiddler {
	display: inline-block;
	font-weight: bold;
	cursor: pointer;
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	font-size: 14px;
	padding-top: 20px;
}

.code-tab-editor:hover, .code-tab-preview:hover {
	text-decoration: none;
	background: #4996E4;
	color: #ffffff;
}

.code-tab-active, .code-tab-active:hover {
	background-color: #90B3D6;
}

.ace_editor {
	clear: both;
	/* width:550px; */
	border: 1px solid #d9d9d9;
	background-color: #f7f7f7 !important;
}

.code-live-preview {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #d9d9d9;
	padding: 5px;
	background-color: #f7f7f7;
}

.ace_hidden-cursors {
	opacity: 0
}
/* EDITOR end */
#content a[href^="http://"]:after, #content a[href^="https://"]:after {
	content: url('../images/external_link.png');
	margin: 0 0 0 5px;
}

/*
    Diff Page CSS
*/
.d1 li, .d2 li, .d3 li {
	padding: 2px 0px 0px 6px;
	margin: 0px;
}

.d1 h3, .d2 h3, .d3 h3 {
	margin: 0px;
}

.d1 li {
	background-color: #F3F3F3;
}

.d0>li, .d1>li {
	list-style-type: none;
}

.d1 h3 {
	margin-bottom: 10px;
	margin-top: 5px;
	color: #384347;
}

.d0>li:first-child>.d1 li {
	background-color: transparent;
	padding: 0px;
	margin: 6px 0px;
}

.d0>li:first-child>.d1 li h3 {
	margin: 0px;
}

.d2 li {
	background-color: #E9E9E9;
	font-weight: bold;
}

.d3 li {
	background-color: #F3F3F3;
	font-weight: normal;
}

/*
    GOOGLE SEARCH
*/
.google-search .search-input {
	min-height: 22px;
	color: #4B4B4B;
	font-size: 16px;
	padding: 0px 4px;
	outline-width: 0px;
	border-width: 0px;
	border-bottom: 3px solid #999999;
	border-right: 3px solid #999999;
}

.google-search .search-input:focus {
	border-color: #6EACD6;
}

.google-search .search-btn {
	padding: 4px 8px;
}

#results {
	margin-top: 30px;
	border-top: 4px solid #B3B3B3;
}

#results .result {
	border-bottom: 1px solid #DDDDDD;
	padding: 26px 0px;
}

#results .result {
	font-size: 15px;
	line-height: 22px;
}

#results .title {
	font-size: 24px;
	margin-bottom: 4px;
}

#results .product {
	font-weight: bold;
	display: inline-block;
}

#results .product:after {
	content: '-';
	margin: 0px 5px;
}

#results .version {
	display: inline-block;
}

#results .version:after {
	content: '-';
	margin: 0px 5px;
}

#results .body {
	padding: 10px;
	background: #F7F7F7;
	border: 1px solid #E4E4E4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin-top: 6px;
}

#results .body h1 {
	font-size: 16px;
	margin: 0px;
	color: rgb(249, 53, 53);
}

#results .body h2 {
	font-size: 16px;
	margin: 0px;
	font-weight: 200 !important;
	color: rgb(249, 53, 53);;
}

#results .body p {
	margin: 0px;
}

#results .source_type {
	display: inline-block;
}

#results .source_type, #results .score {
	color: #858585;
	font-size: 14px;
}

#suggestions {
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	padding-top: 5px;
	width: 408px;
	margin-left: 94px;
	margin-top: -2px;
}

.suggestion {
	padding: 5px
}

.suggestion:hover {
	background-color: #efefef;
}

/* Browser / Tablet Width */
@media only screen and (max-width : 768px) , screen and
	(max-device-width : 1024px) and (orientation : portrait) {
	#tpl-toc {
		display: none;
	}
	#middle {
		left: 0;
	}
	.product-node-wrap {
		min-width: 0;
	}
	#footer {
		min-width: 600px;
	}
}

/* Browser Only*/
@media only screen and (max-width : 768px) {
	.product-home-wrap {
		width: 80%;
	}
}

/* CSE Styling */
.gsc-control-cse .gsc-table-result {
	font-family: Arial, sans-serif;
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover,
	.gsc-input-box-focus {
	border-color: #D9D9D9;
}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus
	{
	border-color: #666666;
	background-color: #CECECE;
	background-image: none;
	filter: none;
}

.gsc-tabHeader.gsc-tabhInactive {
	border-color: #FF9900;
	background-color: #FFFFFF;
}

.gsc-tabHeader.gsc-tabhActive {
	border-color: #E9E9E9;
	background-color: #E9E9E9;
	border-bottom-color: #FF9900
}

.gsc-tabsArea {
	border-color: #FF9900;
}

.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
	border-color: #FFFFFF;
	background-color: #FFFFFF;
}

.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover {
	border-color: #FFFFFF;
	background-color: #FFFFFF;
}

.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b,
	.gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b {
	color: #0000CC;
}

.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b,
	.gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b
	{
	color: #0000CC;
}

.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b,
	.gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b {
	color: #0000CC;
}

.gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b,
	.gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b
	{
	color: #0000CC;
}

.gsc-cursor-page {
	color: #0000CC;
}

a.gsc-trailing-more-results:link {
	color: #0000CC;
}

.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet,
	.gs-fileFormatType {
	color: #000000;
}

.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
	color: #008000;
}

.gs-webResult div.gs-visibleUrl-short {
	color: #008000;
}

.gs-webResult div.gs-visibleUrl-short {
	display: none;
}

.gs-webResult div.gs-visibleUrl-long {
	display: block;
}

.gs-promotion div.gs-visibleUrl-short {
	display: none;
}

.gs-promotion div.gs-visibleUrl-long {
	display: block;
}

.gsc-cursor-box {
	border-color: #FFFFFF;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
	border-color: #E9E9E9;
	background-color: #FFFFFF;
	color: #0000CC;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	border-color: #FF9900;
	background-color: #FFFFFF;
	color: #0000CC;
}

.gsc-webResult.gsc-result.gsc-promotion {
	border-color: #336699;
	background-color: #FFFFFF;
}

.gsc-completion-title {
	color: #0000CC;
}

.gsc-completion-snippet {
	color: #000000;
}

.gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link *,
	.gs-promotion .gs-snippet a:link {
	color: #0000CC;
}

.gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited *,
	.gs-promotion .gs-snippet a:visited {
	color: #0000CC;
}

.gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover *,
	.gs-promotion .gs-snippet a:hover {
	color: #0000CC;
}

.gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active *,
	.gs-promotion .gs-snippet a:active {
	color: #0000CC;
}

.gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right,
	.gs-promotion .gs-title .gs-promotion-title-right * {
	color: #000000;
}

.gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl-short {
	color: #008000;
}

.cse .gsc-control-cse, .gsc-control-cse {
	padding: 0 !important;
	background-color: transparent !important;
	border: none !important;
}