body {
   overflow-x: hidden;
}

.xpro-logo {    
    margin: 0px;
    margin-bottom: 15px;
    color: #ffffff;
    font-size:36px;
    font-family:"Raleway", sans-serif;
}

.xpro-logo span {
    color: #a8a8a8;
}

.xpro-tagline {
    margin-top: 0px;
}

.xpro-header-section {
    width:100%;
    height:100px;
    background-color:#000000;
}

.xpro-header {
    padding-bottom: 9px;
    margin: 10px 0px 15px;
    /*border-bottom: 1px solid #eeeeee;*/
} 

.xpro-header-title {

    /*background-color: #484848;*/
    color:#a8a8a8;
    display:inline-block;
    padding:0px 0px;
    /*border:#999999 1px solid;*/
}

.xpro-navbar {
    
    height:40px;
    
    color:#686868;
    padding-top:10px;
}
.xpro-nav-prev, .xpro-nav-next {
    margin-top: 0px;
    text-decoration: none;    
}

.xpro-nav-prev {
    float:left;
}

.xpro-nav-next {
    float:right;
}

.xpro-nav-prev a, .xpro-nav-next a {
    color: #888888;
}

.xpro-nav-prev a:hover, .xpro-nav-next a:hover {
    color: #000000;
}

.xpro-footer {
    background-color:#181818;
    height:40px;
    display:block;
    padding-top:10px;
}

.xpro-footer-copy {
    display:block;    
    text-align:center;
    color:#ffffff;
}

/*formatting*/

h1 {
    font-family: "Open Sans", "Raleway", sans-serif;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size:40px;
}

h2 {
    font-family: "Open Sans", "Raleway", sans-serif;
    font-size: 32px;
}

h3 {
    font-family: "Open Sans", "Raleway", sans-serif;
    font-weight: 300;
    font-size: 24px;
}

h4 {
    font-family: "Open Sans", "Raleway", sans-serif;
    font-weight: 300;
}
.xpro-emphasize-text {
    font-size:1.2em;
    font-weight:500;
    color:#000000;
}

.xpro-content-panel {
    /*background-color:#dfffd9;
    border:#9fb89a 1px solid;*/
    background-color:#fff;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    border-radius: 0px;
    margin-bottom: 20px
}

pre {
    background-color: #ffffff;
    font-size:1em;
}

.new-feature {
    background-color: #cc0000;
}