body{
		font-family: Helvetica, Arial, Sans-serif;
		font-size:10px;
		color: #666;
	}
	h1,h2,h3,h4,h5,#tabs{
		font-family: Courier;
	}
	#wpr{
		position: relative;
		width: 850px;
		margin: 0px auto;
		margin-top: 50px;
	}
	#main{
		position: relative;

	} 
	p,ul{
		font-size: 10px;
	}
	.pxltr_wpr{
		display: block;
		margin: 20px auto;
	}
	#diagrams .imgWpr{
		width: 100%;
		text-align: center;	
		overflow: hidden;	
	}
	#diagrams img{
		display: block;
		margin: 0px auto;
		width: 100%;
	}
	#tutorial img{
		width:100%;
		margin: 0px auto;
		display: block;	
		text-align: center;	
	}
	hr{
		border: none;
		border-bottom: 1px solid #c0c0c0;
		margin: 10px 0;
	}
	.majorGroup{
		background: #d3d3d3;
		display: inline-block;
		padding: 10px ;
		margin:10px 0px 0px;
	}
	a, .fakeLink{
		color: #0080ff;
		text-decoration: none;

	}
	a:hover, .fakeLink:hover{
		opacity: 0.8;
		cursor:pointer;
	}
	sup{
		color: #c0c0c0;
		font-size: .4em;
		padding: 2px;
		position: absolute;
		margin-left: 5px;

	}
	#docData{
		width: 80%;
		display: inline-block;
		vertical-align: top;
	}
	.menuHeader{
		text-decoration: underline;

	}
	.docNav{
		width: 15%;
		display: inline-block;
		float: right;
		position: relative;
		vertical-align: top;
		min-height: 20px;
		font-size:10px;
	}
	.docNav h2,
	.docNav h3,
	.docNav h4,
	.docNav h5{
		font-family: arial, Helvetica, Sans-serif;
	}
	.docNav ul{
		padding: 0px;
		display: block;
		margin-left: 20px;
	}
	.docNav li{
		list-style-type: none;
		
	}
	.node{
		
		border-bottom: 1px solid #c0c0c0;
		padding: 20px 0;
	}
	.nodeInputsOutputs{
		width: 45%;
		clear: both;
		display: inline-block;
		padding: 0px 10px;
		vertical-align: top;
		font-size: .8em;
		border-right: 1px solid #d3d3d3;
	}
	.example {
		color: #00C400;
	}

	.nodeInputsOutputs:last-child{
		border:none;
	}
	.nodeInputsOutputs:last-child .optional{
		display: none;
	}
	.nodeInputsOutputs ul{
		padding-left: 5px;
		padding-right: 50px;
	}
	.nodeInputsOutputs li{
		margin-bottom: 10px;
		  list-style-type: none;
	}
		.nodeInputsOutputs li b{
			font-size: 	1.1em;
			background: #d3d3d3;
		}
	.clear{
		clear: both;
	}

	#html-gettingStarted-output,
	#demo_result_content{
		border: 1px solid #c0c0c0;
		border-radius: 10px;
		padding: 10px;
	}

	#container{

		min-height: 50px;
		padding: 20px;
		border-radius: 0px 10px 10px 10px;
		font-size: 12px;
	}

	.descrip{
		color: #a0a0a0;
		font-style: italic;
		font-size: 10px;
	}
	#header{
		text-align: center;
		padding:50px 0 0 0; 
		position: relative;
	}

	#header_logo_wpr{
		text-align: center;

	}

	#header #nav-icon3{
		display: none;
		margin:0px auto;
	}
	#header.is_stuck{
		width: 30px;
		text-align: left;
		padding-top: 0px;
		padding: 15px;
		left: 0px;
	}
	#header.enabled.is_stuck #header_logo_wpr{
		width: 30px;
		z-index: 200;
	}
	#header.enabled.is_stuck{
		width: 100%;
		background: rgba(255,255,255,.9);
		text-align: left;
		z-index: 3000;
		padding-top: 0px;
		padding: 15px;
		left: 0px;
	}
	#header.enabled.is_stuck{
		border-bottom: 1px solid #c0c0c0;
	}

	#header.enabled.is_stuck #tabs_wpr{
	  border: none;
	}

	#header.is_stuck #nav-icon3{
		display: block;
	}
	#header.is_stuck #header_logo img{
		width: 30px;

	}
	#header.is_stuck #header_content{
		display: none;
	
	}

	#header.enabled.is_stuck #header_content{

		width: 100%;
		display: block;
	}
	#header.is_stuck.enabled #tabs li{
		background: none;
	}
	#header.is_stuck.enabled #tabs li.active{
		background: #c0c0c0;
		border:0;
		color: #fff;
	}
	#header img:hover{
		-webkit-animation-name: wiggle;
		  -ms-animation-name: wiggle;
		  -ms-animation-duration: 1000ms;
		  -webkit-animation-duration: 1000ms;
		  -webkit-animation-iteration-count: 1;
		  -ms-animation-iteration-count: 1;
		  -webkit-animation-timing-function: ease-in-out;
		  -ms-animation-timing-function: ease-in-out;
	}
	#footer{
		position: absolute;
		right: 20px;
		bottom: -20px;
		color: #d6d6d6;
		padding-bottom: 20px;
	}

	/* TABS */
	#tabs{

  	height:32px;
  	text-align: left;
  	margin: 0px;
	margin-left:0px;
	margin-top: 40px;
	overflow: visible;
	padding: 0px;
	}

	#tabs li{
		display: inline-block;
		vertical-align: top;
		margin: 5px 0;
    list-style-type:none;
	}
	#tabs_leftover{
	  float: left;
	  vertical-align: top;
	  width: 100%;
	}
	#tabs li a{
		color: #000;
		padding: 8px;
		text-decoration: none;
		display: inline-block;
	}
	#tabs li:hover{
		background: #c9c9c9;
	}
	#tabs_wpr{
	  border-bottom: 1px solid #c0c0c0;
	}

	#tabs li.active{
		background: #fff;
		color: #000;
		font-weight: bold;
		border-top: 1px solid #c0c0c0;
		border-left: 1px solid #c0c0c0;
		border-right: 1px solid #c0c0c0;
	}

	
	.small{
		font-size: 10px;
	}
	
	.medium{
		font-size: 12px;
	}



	.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
	}
	.step{
		margin-bottom: 50px;
	}
	.btn.disabled{
		opacity: .2;
	}
	.castle-view[data-id='download']{
		text-align: center;
	}
	.btn{
		color: #fff;
		border-color: #0080ff;
		background: #0080ff;
		margin: 5px;
		padding: 10px;
		border-radius: 5px;
		min-width: 130px;
		display: inline-block;
	}
	.btn:hover{
		opacity: .8;
		cursor: pointer;
		color: #fff;
		border-color: #0080ff;
		background: #0080ff;
	}
	.optional{
		color: #a3a3a3;
		font-size: .8em;
	}
	.fileUpload input {
	    position: absolute;
	    top: 0;
	    right: 0;
	    margin: 0;
	    padding: 0;
	    font-size: 20px;
	    cursor: pointer;
	    opacity: 0;
	    filter: alpha(opacity=0);
	}

	/* PROGRESS BAR */

	.progressBar{
		width: 100%;
		padding: 0px 0px 20px 0px;
    }

 	.progressBar .label{
		color: #c0c0c0;
		font-size:10px;
		font-weight: inherit;
		padding: 5px 0px;
		text-align: inherit;
		display: block;    
	}
	.progressBar .progressBarWpr{
    	position: relative;
    	height: 2px;
    	width: 100%;
		background: #c0c0c0;
		vertical-align: middle;
		display: inline-block;
    }
	.progressBar .progressBarWpr .progress{
    	background: #333333;
    	height: 100%;
    	width: 0%;
    }

    fieldset{
    	padding: 10px;
    	border-radius: 5px;
    	margin: 10px 0;
    	border: 1px solid #e0e0e0;
    }
    .half{
    	width: 50%;
    }
    table{
    	border:0;
    	font-size: 10px;
    }
    td{
    	padding: 5px 10px;
    }

    #demo_src_wpr,  
    #demo_result_wpr{
    	vertical-align: top;
   		padding: 10px;
    }


    #demo_src{
    	height: 100px;
    	 overflow-x: hidden;
    	 overflow-y: scroll;
    	 display: none;
    	border-radius: 5px;
    	background-color: #000;
    }

    #demo_src pre,
    #demo_result_wpr pre{
    	white-space: pre-wrap;
    	width: normal;
    	width: 95%;
    }


    #back_to_top{
    	display: none;
    	font-size: 8px;
    	font-weight: normal;
    	
    }

    #docNav_realMenu.is_stuck{
		display: block;
		position: relative;
		position: fixed;
		top:0;
		overflow-y: scroll;
		word-wrap: break-word;
		height: 100%;
	}
   .is_stuck #back_to_top{
   		display: inline-block;
    }

    /* for castle */
    .castle-view{
    	display: none
    }

    #docNav a.active{
    	text-decoration: underline;
    	color: #FF5100;
    }
    #docNav a:hover{
    	opacity: .8;
    }


    /* Documentron css */

	/* Pretty printing styles. Used with prettify.js. */
	/* Vim sunburst theme by David Leibovic */

	pre .str, code .str { color: #65B042; } /* string  - green */
	pre .kwd, code .kwd { color: #E28964; } /* keyword - dark pink */
	pre .com, code .com { color: #AEAEAE; font-style: italic; } /* comment - gray */
	pre .typ, code .typ { color: #89bdff; } /* type - light blue */
	pre .lit, code .lit { color: #3387CC; } /* literal - blue */
	pre .pun, code .pun { color: #fff; } /* punctuation - white */
	pre .pln, code .pln { color: #fff; } /* plaintext - white */
	pre .tag, code .tag { color: #89bdff; } /* html/xml tag    - light blue */
	pre .atn, code .atn { color: #bdb76b; } /* html/xml attribute name  - khaki */
	pre .atv, code .atv { color: #65B042; } /* html/xml attribute value - green */
	pre .dec, code .dec { color: #3387CC; } /* decimal - blue */


	code{
		background-color: #c0c0c0;
		display: inline-block;
		white-space: pre-wrap;
		border-radius: 5px;
		padding: 15px;
	}
	pre.prettyprint, code.prettyprint {
		background-color: #000;
		color: #fff;
		-moz-border-radius: 8px;
		display: inline-block;
		-webkit-border-radius: 8px;
		-o-border-radius: 8px;
		-ms-border-radius: 8px;
		padding: 10px;
		white-space: pre-wrap;
		-khtml-border-radius: 8px;
		border-radius: 8px;
	}

	pre.prettyprint {
		width: 95%;
		margin: 1em auto;
		padding: 1em;
		white-space: pre-wrap;
	}

    .subparams .param_samplings{
    	display: block;
    	margin-top:5px;
    }
    .subparams .param_samplings b{
    	 color: #09A92D;
    }
    .param_name{
    	background: #DFDEE7;
    }
    .subparams li{
    	margin-bottom: 10px;
    }
    .subparams .param_nameType_wpr{
    	width: 30%;
    	display: inline-block;
    	vertical-align: top;
    }

    .subparams .param_descriptionSamplings_wpr{
    	width: 70%;
    	display: inline-block;
    	vertical-align: top;
    }

    .subparams .param_samplings_ellipse{
    	display: none;
    }


@-webkit-keyframes wiggle {
  0% {-webkit-transform: rotate(10deg);}
  25% {-webkit-transform: rotate(-10deg);}
  50% {-webkit-transform: rotate(20deg);}
  75% {-webkit-transform: rotate(-5deg);}
  100% {-webkit-transform: rotate(0deg);}
}

@-ms-keyframes wiggle {
  0% {-ms-transform: rotate(1deg);}
  25% {-ms-transform: rotate(-1deg);}
  50% {-ms-transform: rotate(1.5deg);}
  75% {-ms-transform: rotate(-5deg);}
  100% {-ms-transform: rotate(0deg);}
}

@keyframes wiggle {
  0% {transform: rotate(10deg);}
  25% {transform: rotate(-10deg);}
  50% {transform: rotate(20deg);}
  75% {transform: rotate(-5deg);}
  100% {transform: rotate(0deg);}
}



/* gh banner */

#banner{
	height: 149px;
	width: 149px;
	position: absolute;
	overflow:hidden;
	top: 0;
	right:0;
	padding: 0;
	margin: 0;
}

#banner a{
	
	display: block;
	width: 190px;
	font-size: 14px;
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", 
		"Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, 
		Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	background-color: #c0c0c0;
	color: #FFF;
	word-spacing: 2px;
	text-decoration: none;
	padding: 5px 15px 5px 25px;
	
	position:relative;
	left: 20px;
	top: -37px;
	text-align: center;
	
	-moz-transform-origin: 0 0 ;
	-moz-transform:rotate(45deg);
	
	-webkit-transform-origin: 0 0 ;	
	-webkit-transform:rotate(45deg);
	
	-ms-transform-origin: 0 0 ;	
	-ms-transform:rotate(45deg);
	
	transform-origin: 0 0 ;	
	transform:rotate(45deg);

	
}

.functionGroup{
	margin-left: 20px;
}

#docNav_pullTab{
	display: none;
}




/* mobile menu icon */



/* Icon 1 */
 #nav-icon3 {
  width: 18px;
  height: 18px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

 #nav-icon3 span {
  display: block;
  position: absolute;
  height:3px;
  width: 100%;
  background: #000;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 6px;
}

#nav-icon3 span:nth-child(4) {
  top: 12px;
}

#nav-icon3.open span:nth-child(1) {
  top: 12=8px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 320px)
and (max-width : 640px){


	#header #nav-icon3{
		display: block;
		position: fixed;
		top: 0px;
		left: 0px;
		margin: 10px;
	}
	#header #tabs{
		display: none;
	}
	#header.enabled #tabs{
		display: block;
	}
	#header.is_stuck #nav-icon3{
		position: relative;
		margin: 0px auto;
	}

	/* pull tab */
	#docNav_pullTab{
		position: absolute;
		bottom:20px;
		left: -40px;
		vertical-align: middle;
		display: block;
		height: 20px;
		border-radius: 5px 5px 0px 0px;
		border: 1px solid #c0c0c0;
		padding: 10px;
		width: 60px;
		cursor: pointer;
		border-bottom: 0;
		-moz-transform-origin: 0 0 ;
		-moz-transform:rotate(-90deg);
		z-index: 200;
		background: rgba(255,255,255,1);
		-webkit-transform-origin: 0 0 ;	
		-webkit-transform:rotate(-90deg);
		
		-ms-transform-origin: 0 0 ;	
		-ms-transform:rotate(-90deg);
		
		transform-origin: 0 0 ;	
		transform:rotate(-90deg);
		 -webkit-transition: all .25s ease;
		 -moz-transition: all .25s ease;
		 -o-transition: all .25s ease;
		 -ms-transition: all .25s ease;
	}
	#docNav_pullTab.enabled{
	/*	right: 42%; */
	}

	#docNav_pullTab:hover{
		background: #0080ff;
		border-color: #0080ff;
	}

	pre,code{
		font-size: 0.7em;
	}
	#wpr{
		width: 80%;
	}
	ul{
		padding-left: 10px;
	}
	.functionGroup{
		margin-left: 0px;
	}
	#tabs{
		height: inherit;
	}

	#tabs li{
		display: block;
	}
	#tabs li.active{
		border: 0;
		background: #c0c0c0;
		color: #fff;
	}
	#tabs li a{
		display: block;
	}

	#back_to_top{
		display: inline-block;

	}
	#docNav{
		position: relative;
		right: -50%;
		width: 50%;
		position: fixed;
		height: 100%;
		top:0;
		z-index: 199;
			-webkit-transition: all .25s ease;
		 -moz-transition: all .25s ease;
		 -o-transition: all .25s ease;
		 -ms-transition: all .25s ease;
	
	}
	#docNav_realMenu{
		display: block;
		position: relative;
		position: fixed;
		top:0;
		z-index: 199;
		overflow-y: scroll;
		word-wrap: break-word;
		height: 100%;
		 border-left:1px solid #c0c0c0;
		background: rgba(255,255,255,0.9);
		-webkit-transition: all .25s ease;
		 -moz-transition: all .25s ease;
		 -o-transition: all .25s ease;
		 -ms-transition: all .25s ease;
		width: 50%;
	}
	#docNav_realMenu h1{
		padding: 5px;
	}
	#docNav.enabled{
		right: 0%;
	}
	#docData{
		width: 100%;
	}

	.subparams{
		margin-left: 10px;
	}
	.subparams .param_descriptionSamplings_wpr {
    width: 85%;
    display: block;
    margin-top: 5px;
    margin-left: 10px;

	}
	.subparams .param_nameType_wpr{
		width: 70%;
	}

}



/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 641px) 
and (max-width : 1024px) {
	#wpr{
		width: 80%;
	}
	#docData{
		width: 75%;
	}
	
	.docNav{
		width: 20%;
	}
}