.az-code-header
{
    width: auto;
    background-color: #009688;
    color: #FFFFFF;
    margin: 0 14px 0 14px;
    padding: 4px 12px;
    font-family: Consolas, "courier new";
}

h1.az-code-header
{
    font-size: 26px;
}

h2.az-code-header
{
    font-size: 24px;
}

h3.az-code-header
{
    font-size: 22px;
}

h4.az-code-header
{
    font-size: 20px;
}

h5.az-code-header
{
    font-size: 18px;
}

h6.az-code-header
{
    font-size: 16px;
}

.az-code
{
    width: auto;
    background-color: #FFFFFF;
    padding: 8px 12px;
    border: none;
    word-wrap: break-word;
    font-family: Consolas, "courier new";
    font-size: 16px;
}

.az-code-property-wrapper
{
    border: 1px solid #009688;
    padding: 8px 12px;
    margin-bottom: 21px;
}

    .az-code-property-wrapper brown
    {
        color: brown;
    }

    .az-code-property-wrapper mediumblue
    {
        color: mediumblue;
    }

    .az-code-property-wrapper red
    {
        color: red;
    }

    .az-code-property-wrapper > property,
    .az-code-property-wrapper > type,
    .az-code-property-wrapper > default,
    .az-code-property-wrapper > units,
    .az-code-property-wrapper > values
    {
        display: block;
        font-family: Consolas, "courier new";
        font-size: 16px;
    }

    .az-code-property-wrapper > property
    {
        font-size: 18px;
        font-weight: bold;
    }

    .az-code-property-wrapper > type > span:first-child,
    .az-code-property-wrapper > default > span:first-child,
    .az-code-property-wrapper > units > span:first-child,
    .az-code-property-wrapper > values > span:first-child
    {
        font-weight: bold;
    }

.az-note-header
{
    width: auto;
    background-color: #FFB900;
    color: #FFFFFF;
    padding: 8px 12px;
    font-family: Consolas, "courier new";
    font-size: 20px;
}

.az-note
{
    width: auto;
    background-color: #ffffcc;
    padding: 8px 12px;
    /*border-left: 4px solid #FFB900;*/
    word-wrap: break-word;
    font-family: Consolas, "courier new";
    font-size: 16px;
}