html, body{max-width:100%; margin:0; height:auto;}
body{ padding-bottom: 40px; font-family:calibri; font-size:14px; line-height:1.5em;}
#documenter-cover{ min-height: 600px;}

.masthead h1{margin-top: 22px;}
a { text-decoration:none; }
section h3,
section h4,
section h5,
section h6 { padding: 0;clear: both;line-height: 1.2em;	margin-top: 2em;}
section h3{ font-size:2em;}
section h4{ font-size:1.5em;}
section h5{ font-size:1.3em;}
section h6{ font-size:1.1em;}

section table{	 border:0; margin: 18px 0 18px;}
section table td, section table th{	text-align:left;padding: 10px 10px 10px 3px;}
section table th{font-weight: 900;}
hr.notop{margin-top:3px;}
	
footer{	padding-bottom:500px;}
.container{	padding-bottom:3px;	position: relative;}

.page-header{border:0;}

.navbar .nav li a{border-radius:3px;display:block;white-space:nowrap;padding:6px 11px 7px;max-width:100px;overflow:hidden;text-overflow:ellipsis;text-decoration:none;margin-left: 3px;
	margin-bottom: 3px;}
.navbar .nav li ul{border-radius:5px;display:none;position:absolute;list-style-type:none;min-width:100px;padding:3px;box-shadow:0 0 3px rgba(0,0,0,0.3);}
.navbar .nav > li:hover ul{display:block;}

.marketing-byline {	list-style:none;margin-left: 0;margin-bottom: 24px;}
.marketing-byline li{display:inline;padding:0 2px;}
.download-info{	clear:both;}
section{	margin-top:50px;}
img{height:auto !important;}
iframe{	max-width:100% !important;}

#documenter_nav {

    float: none;
    margin: 0;
    padding: 0;
    height: 600px;

}
.nav {

    padding-left: 0;
    margin:0;
    list-style: none;

}
#documenter_nav .nav .active ul {

    display: block;
    max-height: 400px;
    overflow-x: auto;

}
#documenter_nav .nav ul {

    list-style: none;
    padding: 0;
    display: none;

}
#documenter_nav .nav ul li a {

    padding-left: 30px;
    font-size: 13px;

}
#documenter_nav li.active > a {

    background: #008d8d;
    color: #fff;
    outline: none;

}
@media (max-width: 979px) {
	#documenter_content{padding-top: 0px;	}
	.navbar .nav {	margin: 10px 10px 0 0; }
	.navbar .nav > li > a{padding:6px 11px 7px;	max-width:100%;	overflow:hidden;text-overflow:ellipsis;}
	.navbar .nav li ul{	display:none;box-shadow:none;position:static;}
	.navbar .nav li:hover ul{display:block;}
	.navbar .nav li ul li{	display:block;}
	.navbar .nav li a{max-width:100%;}
	section{margin-top:80px;}
}
@media (max-width: 480px) {
	section{margin-top:30px;}
}
/* home style */
html, body{background-color:#FFFFFF;color:#383838;}
h1,h2,h3,h4,h5,h6{color:#383838;}
h2 { color:#075159; }
section table{background-color:#FFFFFF;}
::-moz-selection{background:#444444;color:#DDDDDD;}
::selection{background:#444444;color:#DDDDDD;}
hr{border-top:1px solid #EBEBEB;border-bottom:1px solid #FFFFFF; margin:20px 0;}
div.navbar-inner, .navbar .nav li ul{background:#DDDDDD;color:#222222;}
a.btn-navbar{background:#DDDDDD;color:#222222;}
.navbar .nav li a{color:#222222;text-shadow:1px 1px 0px #EEEEEE;}
.navbar .nav li a:hover, .navbar .nav li.active a{text-shadow:none;}
div.navbar-inner ul{}
.marketing-byline{color:#FFFFFF;}
.navbar .nav > li a{color:#fff; text-shadow:none;}
.navbar .nav > li a:hover, a.btn-navbar:hover{background:#084046;color:#fff;}
.navbar .nav .active > a, .navbar .nav .active > a:hover, a.btn-navbar:active{background-color:#084046;color:#fff;}
.navbar .nav li ul li a:hover{background:#444444;color:#DDDDDD;}
.navbar .nav li ul li a:active{background:#444444;color:#DDDDDD;}
.btn-primary {
	  background-image: -moz-linear-gradient(top, #0088CC, #0044CC);
	  background-image: -ms-linear-gradient(top, #0088CC, #0044CC);
	  background-image: -webkit-gradient(linear, 0 0, 0 0088CC%, from(#DDDDDD), to(#0044CC));
	  background-image: -webkit-linear-gradient(top, #0088CC, #0044CC);
	  background-image: -o-linear-gradient(top, #0088CC, #0044CC);
	  background-image: linear-gradient(top, #0088CC, #0044CC);
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088CC', endColorstr='#0044CC', GradientType=0);
	  border-color: #0044CC #0044CC #bfbfbf;
	  color:#FFFFFF;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #0044CC;
}
#documenter_copyright{display:block !important;visibility:visible !important;}
#documenter_copyright a { max-width:100px; margin:10px auto 0; display:block; }
img { max-width:100%; }	
img,
a { outline:none !important; }		
#documenter_sidebar { position:fixed; left:0; top:0; width:300px; height:100%; background:#f0f1f1; box-shadow:3px 0px 6px rgba(0,0,0,0.3); z-index:999; }
h1.logo { background-color:#000; padding:10px 15px; text-align:center; margin:0; height:34px; }

#documenter_nav { float:none; margin:0; padding:0; height:600px; }
#documenter_nav li {  list-style:none; border-bottom:1px solid #ddd;}
#documenter_nav li>a { display:block; margin:0; padding:8px 20px; font-size:14px; font-family:arial; display:block; max-width:100%; color:#000; list-style:none; text-decoration:none;}
#documenter_nav li a.current { background:#008d8d; color:#fff; }
#documenter_nav li li:last-child { border:none; }

#documenter_content { left:300px ; position:absolute; padding:60px 40px;}

ul.version { margin: 0 0 20px 0; padding:0; }
ul.version li { list-style:none; line-height:25px; }
ul.version li a { color:#000; }
.hero-unit { padding:20px; font-size:14px; line-height:24px; }
a { color:#000; }
a:hover,
a:focus {  color:#000; text-decoration:underline; }

#documenter_content>section { margin:0;padding-top:20px;}
span.step { display:inline-block; line-height:20px; height:20px; width:20px; background:#e98602 ; color:#fff; text-align:center; margin-right:10px; font-size:12px;}
.mt50 { margin-top:50px; }

h2{ font-size:20px; color:#000; font-weight:700; margin-top:0;}
section h3 { font-weight:400; font-size:20px; margin-top:0; color:#000; } 
section h4 { font-size:14px; font-weight:600; text-transform:uppercase; }
.sub-sec { padding-top:50px; }
.sub-sec { padding-left:20px; }
.sub-sec h2 { font-size:1.8em; }

#documenter_copyright { width:100%; padding:10px; text-align:center; position:absolute; left:0; bottom:0; font-size:11px; box-sizing:border-box; }
#documenter_copyright span { display:inline-block; text-align:left; line-height:normal; vertical-align:middle; }
#documenter_copyright img { vertical-align:middle; }

.scroll-buttons { margin-bottom:20px; padding-top:10px;}
.scroll-buttons > a {background:#002a2e;border-radius: 3px;color: #fff;display: inline-block;font-size: 13px;font-weight: 700;margin: 0 7px 7px 0;padding: 8px 15px;}
a.back {  background: #043d43 none repeat scroll 0 0;color: #fff;display: inline-block;font-size: 18px;font-weight: 700;height: 20px;text-align: center;vertical-align: top;width: 20px;
text-decoration:none !important;  }
#documenter_content { padding-bottom:700px; }

.info  { margin:10px 0 40px; box-shadow:inset 0 1px 0 0 rgba(0,0,0,.1),inset 0 -1px 0 0 rgba(0,0,0,.1),inset -1px 0 0 0 rgba(0,0,0,.1); background:#f2f8ff; color:#40648d; border-left:5px solid #2670af; font-size:14px !important; display:inline-block; clear:both;  padding:15px 25px; }
.info span {display:block; font-weight:700; padding-bottom:5px;}

.warning {background:#fff9c4; color:#000; border-left:5px solid #f9a825; margin-bottom:20px; font-size:14px !important; display:inline-block; clear:both;  padding:10px 15px; }
.warning span {display:block; font-weight:700; padding-bottom:5px;}

p { margin-bottom:20px; margin-top:0;}

.textarea { resize:none; border:1px solid #ddd; border-radius:5px; padding:20px;  overflow:hidden; height:1050px; width:80%; clear:both; }
#documenter_nav ol { list-style:none; padding:0; height:auto !important; }
#documenter_nav ol li a { padding-left:30px; font-size:13px; }

.themeSettings { max-height:250px; overflow-y:auto !important; }
.steps { padding-left:10px; }
.steps li { padding-left:10px; font-family:18px; color:#000; padding-bottom:15px;}
.steps li li { padding-left:5px; }
.steps li p { font-weight:400; font-size:14px; }

code { color:#fff; background:#72adc3; padding:3px 5px; }
code a,code a:focus { color:#fff; transition-duration:0.2s;}
code a:hover { color:#fff; }

.dispaly-table { display:table; vertical-align:top;} 
.dispaly-table-cell { display:table-cell; vertical-align:top; padding-right:10px;} 
.dispaly-table-cell p { margin:0 0 10px 0; }

.top-bar { background:#333; width:100%; height:54px; padding:10px 15px 10px 15px; width:100%; color:#fff; position:absolute; top:0; left:0; z-index:99; box-sizing:border-box; text-decoration:none; }
.top-bar a { color:#fff; font-size:20px; }
#documenter_content .top-bar h2 { float:left; margin:0; padding:7px 0 0 10px; font-weight:400; font-size:18px; }

#documenter_sidebar .logo a { background-color: #000;padding: 6px; text-align: center;margin: 0 auto; max-width:102px; display:block;}


.right-buttons { float:right; }
.right-buttons a {    transition: all 0.3s ease-in-out 0s;text-decoration: none;float: right;color: #000;border-radius: 3px;font-size: 12px;text-transform: uppercase;background: #fff;margin-left: 10px;padding: 5px 17px;font-weight: 700;margin: 2px 0 0 10px;}
.right-buttons a:hover { background:#d67272; color:#fff; }
.right-buttons a.buy { background:#d67272; color:#fff; }
.right-buttons a.buy:hover { background:#fff; color:#000; }

#documenter_content>section.welcome { text-align:center; padding:70px 80px; margin:0 -40px; background:#fafafa; height:119px; border-bottom:1px solid #eee; }
#documenter_content>section.welcome h3 { color:#000; font-size:25px; font-weight:600; margin:0 0 15px; letter-spacing:0.5px; text-transform:uppercase; }
.welcome-text { color:#000; font-size:17px; line-height:25px; padding:0 60px; margin-bottom:30px; }
.welcome-text a { color:#008d8d; }

.copytext input { width:300px; }

.decimal ul { padding:10px 0 10px 30px; }
.decimal li { padding:6px 0;}

.btn-watch { background:#df3333 url(../images/arrow.png) no-repeat 83% 50%; color:#fff; padding:10px 45px 10px 20px; text-decoration:none; border-radius:25px; transition-duration:0.2s;}
.btn-watch:hover, .btn-watch:focus {text-decoration:none; background-color:#d12525; color:#fff;}
.btn-watch img {width:10px; margin-left:5px; vertical-align:sub;}


.steps ul li {list-style:disc;}
.steps ul { padding-bottom:20px;}