html {
    background: #2F373B;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(#2F373B, 0.2), color-stop(#c3c3c3, 1));
    background: #c3c3c3 -webkit-linear-gradient(top, #2F373B 20%, #c3c3c3 100%);
    background: #c3c3c3 -moz-linear-gradient(top, #2F373B 20%, #c3c3c3 100%);
    background: #c3c3c3 -ms-linear-gradient(top, #2F373B 20%, #c3c3c3 100%);
    background: #c3c3c3 -o-linear-gradient(top, #2F373B 20%, #c3c3c3 100%);
    background: #c3c3c3 linear-gradient(top, #2F373B 20%, #c3c3c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2F373B', EndColorStr='#c3c3c3');
    background-repeat: no-repeat;
    overflow-y: scroll;
}

#bp-header,#main-wrapper {
    margin-left: auto;
    margin-right: auto;
}

#bp-header {
    max-width: 980px;
    padding-top: 10px;
}

#main-wrapper {
    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    max-width: 960px;
    margin-top: 25px;
    background: #ffffff;
    padding: 10px;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
}

#bp-logo {
    float: left;
}

#catalog-link {
    display: inline-block;
    margin-top: 16px;
    margin-bottom: 2px;
    min-width: 200px;
    color: #ffffff;
    text-decoration: none;
}

.catalog-link {
    cursor: pointer;
    text-decoration: underline;
}

#api-select {
    margin-top: 15px;
    min-width: 200px;
}

#auth-controls {
    float: right;
    background-color: #ffffff;
    font-size: .75em;
    padding: 5px;
    width: 425px;
    height: 50px;
    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
}

.auth-label {
    float: left;
    color: #232323;
    width: 90px;
    text-align: right;
}

.auth-info {
    color: #000000;
    margin-left: 10px;
}

#auth-controls .auth-info-box {
    padding: 5px;
}

#auth-controls a {
    color: #0c2c3c;
}

.bpform label {
    display: inline-block;
    text-align: right;
    width: 150px;
    background-color: #ababab;
    padding-right: 5px;
    color: #ffffff
}

.bpform button {
    float: right;
}

.bpform input {
    width: 200px;
}

#auth-select-header {
    margin-bottom: 10px;
}

#auth-type-select {
    width: 150px;
}

#launch-2-legged-window {
    color: #00ff00;
}

#intro-wrapper h2 {
    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    background: #2F373B;
    color: #fff;
    padding: 10px;
    padding-bottom: 10px;
}

#intro-wrapper p {
    padding: 10px;
    padding-bottom: 10px;
}

#intro-wrapper ul {
    padding: 10px;
    padding-bottom: 10px;
}

#intro-wrapper ul li {
    margin-left: 1em;
    line-height: 1.4em;
    list-style-type: disc;
}

/** Doc notes styles **/
div.implementation_notes {
    
}

div.implementation_notes .code {
    display: inline-block;
    font-size: 0.9em;
    margin: 0 0.25em;
}

div.implementation_notes .permissions {
    font-weight: bold;
}

div.implementation_notes em {
    font-style: italic;
}

div.implementation_notes p {
    
}

div.implementation_notes ul {
    
}

div.implementation_notes ul li {
    margin-left: 1em;
    line-height: 1.4em;
}

span.endpoint {
    padding: 5px;
    font-style: italic;
    background-color: #efefef;
    margin-top: 5px;
    display: block;
}