body {
    font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
    margin: 0px;
    background: #f9f9f9;
}

li {
    list-style: none;
}

button {
    border: 1px solid grey;
    border-radius: 4px;
    height: 30px;
}
button:active {
    background: lightgrey;
}

a {
    color: black;
    font-style: oblique;
}
a:hover {
    color: maroon;
    font-style: oblique;
}

h1 {
    margin: 0px;
}

code {
    word-wrap: break-word;
}

div.block {
    margin-left: 10px;
}

.top-bar {
    margin: 0px;
    padding: 10px;
    background: #f9f9f9;
}

.method {
}
.method.get  { color: green; }
.method.post { color: orange; }
.method.del  { color: red; }
.method.put  { color: blue; }

.tag {
    font-style: oblique;
}
.tag.disabled {
    color: red;
    font-size: small;
}

.version {
    position: fixed;
    left: 10px;
    bottom: 10px;
    color: grey;
}

.entry {
    background: white;
    padding: 50px;
    margin: 30px;
    border: solid 1px grey;
    border-radius: 10px;
}
.entry.get  { border-color: green; }
.entry.post { border-color: orange;}
.entry.del  { border-color: red;}
.entry.put  { border-color: blue;}

.code-example {
    background: #f9f9f9;
    border: 1px lightgrey solid;
    border-radius: 2px;
    overflow-x: scroll;
}


#infor-proxy-icon {
    position: absolute;
    right: 10px;
    top: 20px;
}