@font-face {
	font-family: 'Menlo Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Menlo Regular'), url('/css/Menlo-Regular.woff') format('woff');
}

*{
	font-family: 'Menlo Regular';

	color:#555;
	font-weight:normal;
}

body{
	background-color:#f2f2f2 !important;
	margin:0;
	padding:0;
}

a{

	color:#8F9393;
}

p,code,pre,ol,ul,span,table{
	font-size:13px;
}

table.dbtable-fields td:nth-child(1), table.dbtable-list td:nth-child(1){
	padding-right:40px;

}

p{
	line-height:25px;
	margin:16px 0 2px 0;
}
li {
	line-height:22px;
}
section{
	margin-top:50px;
}

h1{
	font-size:60px;
}
h2 + h3{
	margin-top:25px;
}
/*.shell + h3{
	margin-top:12px;
}*/

h2{
	margin:40px 0 -8px 0;
}

h3,h4{
	margin:26px 0 -0px 0;
}
h3 + p{
	margin-top:5px;
}

ol,ul{
	margin:0px 0 8px 0;
}
pre{
	margin:5px 0 10px 0;
}
h3 + pre.shell, h2 + pre.shell{
	margin-top:15px;
}
code, .whitebox{
	background-color:#fff !important;
	border:1px solid #E8E8E2;
}
pre.pre-wrap, pre.shell {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
table{
	border:1px solid #E8E8E2;
	padding:0;
	border-spacing: 0px;
    border-collapse: separate;
}
table tr{
	margin:0;
	padding:0;
}
table tr td{
	margin:0;
	padding:5px;
}

table tr:nth-child(odd){
	background-color:#F9FBF3;
}
table tr:nth-child(even){
	background-color:#F7F9F1;
}

#top{
	//position:fixed;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:80px;
	background-color:#555;
	z-index:999;
}

#top .content{
	height:80px;
}

#logo{
	position:absolute;
	left:10px;
	top:23px;
}

#logo h2{
	color:#fff;
}

div.anchor{
	position:relative;
	margin:0;
	padding:0;
	height:0;
}


#menu{
	position:absolute;
	right:10px;
	top:20px;

	/*width:28px;
	height:28px;
	cursor:pointer;
	overflow:hidden;*/
	color:#5e57a1;
	font-size:28px;
	text-align:right;
	/*background-image:url(../img/menu.png);
	background-repeat: no-repeat;
	background-position: top right; 	*/
	padding:0;
	line-height:28px;
}




#menu0{
	position:relative;
	padding-top:20px;
	/* total height MUST be 60px so... 40+20 */
	height:40px;

	/* center menu vertically*/
	line-height:30px;
	//padding:0;

}

#menu ul {
	//margin-left: 230px;
	display: inline;
}

#menu ul li {
	margin-left: 0;
	margin-bottom: 0;
	list-style: none;
	display: inline;
	margin:0 0px 0 5px;
}

#menu ul li a{
	color:#fff;
	font-size:12pt;
	font-weight:bold;
	text-decoration:none;
	padding: 10px 16px 10px 16px;
	letter-spacing:1px;
}

#menu ul li a:hover,#menu ul li a.active{
	//background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEM4OUFENjVBMTdFMTFFNDg3RTdFM0MxMjFFOTg5M0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEM4OUFENjZBMTdFMTFFNDg3RTdFM0MxMjFFOTg5M0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0Qzg5QUQ2M0ExN0UxMUU0ODdFN0UzQzEyMUU5ODkzQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0Qzg5QUQ2NEExN0UxMUU0ODdFN0UzQzEyMUU5ODkzQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuUaGVwAAAAPSURBVHjaYjDYdSYPIMAABPkCJeTVZDQAAAAASUVORK5CYII=');
	//border-radius:10px;
	border-bottom: 2px solid #fff;
	//color:#007bff;
}

#menu img{
	display:block;
	position:absolute;
	left:-4px;

}

#menu div{
	position:absolute;
	right:0;
	border:1px solid #f5f5f5;
	width:150px;
	height:25px;
	line-height:25px;
	top:20px;
	color:#f5f5f5;
	text-align:center;
	border-radius:1px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size:13px;
}
#menu div a{
	text-decoration:none;
	color:#fff;
}

#mainwrapper{
	position:relative;
	padding:90px 0 0 0;
}

.content{
	position:relative;
	margin:0 auto;
	width:85%;
	padding:0;

}

.quickstart-step{
	margin:0 0 26px 0;
}

@media (max-width:1000px) {
	.content{
		width:85%;
	}
}

pre.shell{
	display:inline-block;
	width:98%;
	margin:2px 0 2px 0;
	padding:3px;
	padding-left:8px;
	color:#fff;
	background-color:#555;
}


.topbox{
	//border:1px solid #232323;
	padding:5px;
	background-color: #fff;
	margin-top: 32px;
}

.topbox h2{
	margin: 18px 0 0px 28px;
	font-size:19pt;
}

.topbox h3{
	margin-left:28px;
	font-size:15pt;
}

.topbox p{
	//margin-left:36px;
	margin-left:28px;
	margin-right:16px;

}



.mainbox{
	margin-top:30px;
	//border:1px solid #232323;
	padding:5px;
}

.mainbox h2{
	margin: 10px 0 0px 28px;
	font-size:19pt;
}

.mainbox h3{
	//margin-left:32px;
	margin-left:28px;
	font-size:15pt;
}

.mainbox p, .mainbox pre{
	margin-left:28px;
}

p.date{
	font-size:11pt;
	margin:-5px 0 5px 28px;
	font-style:italic;
}


h2 a, h3 a{
	color:#555;

}

h2 a:hover, h3 a:hover{
	color:#007bff;
}


#mainwrapper a:hover,#mainwrapper a:hover{
	color:#007bff;
}

#footer{
	background-color:#fff;
	text-align:center;
	height:60px;
	line-height:60px;
	font-size:12px;
	margin-top:80px;
}

p.show-more {
	text-align: left;
}

p.show-more a{
	font-size:14pt;
}

.video-container{
	margin:0 auto;
	width:560px;
	padding:0;
	position:relative;
}

/*
.video-container {
	position: relative;
	padding-left: 50px;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/

ol {
  counter-reset: item
}
ol li {
  display: block;
  margin-top: 10px;
}
ol li:before {
  content: counters(item, ".") " ";
  counter-increment: item
}