/* CSS Document         */

@font-face {
    font-family: 'source_sans_proregular';
    src: url('sourcesanspro-regular-webfont.eot');
    src: url('sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-regular-webfont.woff') format('woff'),
         url('sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'source_sans_probold';
    src: url('sourcesanspro-bold-webfont.eot');
    src: url('sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-bold-webfont.woff') format('woff'),
         url('sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'source_sans_proitalic';
    src: url('sourcesanspro-italic-webfont.eot');
    src: url('sourcesanspro-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-italic-webfont.woff') format('woff'),
         url('sourcesanspro-italic-webfont.ttf') format('truetype'),
         url('sourcesanspro-italic-webfont.svg#source_sans_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


html{background:#f2f2f2; }

body {
font-size: 16px;
font-family: 'source_sans_proregular';
font-style:normal;
border:0px;
width:900px;
margin:0 auto;
background:#fff;


}


a {
margin: 0px;
color: #24B898;
text-decoration: none;
font-style: bold; 
}

a:hover {
color: #24B898;
text-decoration:underline; 
}

a img { border: 0px; }

h1 {
color: #0069A6;
font-size: 24px;
font-weight: bold;
font-family:'source_sans_probold';
letter-spacing:normal;
padding-left:40px;
padding-right:40px;
padding-top:20px;
}

h2 {
text-transform:uppercase;
font-size: 20px;
padding-left:40px;
padding-right:40px;
}

h3 {
font-size: 16px;
padding-left:40px;
padding-right:40px;
}

h3 {
font-size: 16px;
padding-left:40px;
padding-right:40px;
}

h4 {
font-size: 14px;
padding-left:40px;
padding-right:40px;
}

h4 {
font-size: 14px;
padding-left:40px;
padding-right:40px;
}

h6 {
font-size: 12px;
font-family: 'source_sans_proregular';
font-style: normal;
margin-bottom: -10px;
padding-left:40px;
padding-right:40px;
}         

ol {

}

li {
	margin-left:40px;
	margin-right:40px;
	margin-top: 4px;
}

p{padding-left:40px;
padding-right:40px;}

li p {
	padding-left:0px;
	padding-right:0px;
}

p.caption{
font-size: 14px;
text-align: center;
}

img{
padding: 10px 10px 10px 10px;
display: block;
margin: auto;
max-width: 800px; 
}

code{
font-size: 14px;
white-space: pre;
}


pre.sourceCode
{
display: block;
font-size: 14px;
 font-family: 'source_sans_proregular';
background-color: #f2f2f2;
font-style: normal;
padding: 10px 10px 10px 10px;
margin-left:40px;
margin-right:40px;
overflow: auto;

} 


pre.sourceCode.Java
{

}

pre.sourceCode.Cpp
{

} 

pre.sourceCode.Cs
{

} 

pre.sourceCode.python
{


}

pre.sourceCode.objectivec
{


}  

pre.sourceCode.Xml
{

}

pre.sourceCode.Bash
{

}
             
/* Footer */
.footer{
padding-top: 0.5%;
padding-bottom: 0.5%;
font-style: normal;
text-align: center; 
} 
center{margin-bottom:40px;
}
          
#header {
	height:120px;
	width:100%;
	background:#0069A6;
	margin:0;
	padding:0;
	top:0;
} 

.title{color: #fff;
font-size: 24px;
font-weight:600;
 font-family: 'source_sans_proregular';
text-transform:none;}


.author{
	color: #fff;
font-size: 18px;
 font-family: 'source_sans_proregular';
text-transform:none;}


/* Global table style for the Cypher reference */
table {
    margin: 20;
    padding: 100;
    vertical-align: baseline;
    border: none;
    width: 100%;
    line-height: 100%;
    margin-left:60px;
    margin-right:60px;
  }
td { padding-left: 5px; }
table caption {
font-size: 20px;
padding-top: 40px;
}
/****************************************/

table.sourceCode, tr.sourceCode, td.lineNumbers, td.sourceCode {
  margin: 0; padding: 0; vertical-align: baseline; border: none; }
table.sourceCode { width: 100%; line-height: 100%; }
td.lineNumbers { text-align: right; padding-right: 4px; padding-left: 4px; color: #aaaaaa; border-right: 1px solid #aaaaaa; }
td.sourceCode { padding-left: 5px; }
code  span.ex { color: #007020; font-weight: bold; }
code  span.kw { color: #007020; font-weight: bold; }
code  span.dt { color: #902000; }
code  span.dv { color: #40a070; }
code  span.bn { color: #40a070; }
code  span.fl { color: #40a070; }
code  span.ch { color: #4070a0; }
code  span.st { color: #4070a0; }
code  span.co { color: #60a0b0; font-style: italic; }
code  span.ot { color: #007020; }
code  span.al { color: #ff0000; font-weight: bold; }
code  span.fu { color: #06287e; }
code  span.er { color: #ff0000; font-weight: bold; }

.Cypher code {
    display: block;
    font-size: 14px;
    font-family: 'source_sans_proregular';
    background-color: #f2f2f2;
    font-style: normal;
    padding: 10px 10px 10px 10px;
    margin-left:40px;
    margin-right:40px;
    overflow: auto;
  }


pre.console
{
display: block;
font-size: 14px;
 font-family: 'source_sans_proregular';
background-color: #f2f2f2;
font-style: normal;
padding: 10px 10px 10px 10px;
margin-left:40px;
margin-right:40px;
overflow: auto;
}