
/*
#dc0032 - DPD Red
#a90034 - Dark Red
#414042 - DPD Black
#cac4be - Warm Grey
#808285 - Mid Grey
#e6e7e8 - Light Grey
*/
@font-face {
    font-family: PlutoSansDPDExtraLight;
    src: url(fonts/OTF/PlutoSansDPDExtraLight.otf);
}
@font-face {
    font-family: PlutoSansDPDLight;
    src: url(fonts/OTF/PlutoSansDPDLight.otf);
}
@font-face {
    font-family: PlutoSansDPDRegular;
    src: url(fonts/OTF/PlutoSansDPDRegular.otf);
}
@font-face {
    font-family: PlutoSansDPDThin;
    src: url(fonts/OTF/PlutoSansDPDThin.otf);
}
@font-face {
    font-family: Code128;
    src: url(fonts/OTF/Code128.otf);
}

body { font: 12px PlutoSansDPDLight, Arial, Helvetica; color: #414042; }

.divErrorPageNotFound { font: 72px PlutoSansDPDLight, Arial, Helvetica; color: #dc0032; }
.textRed { color: #dc0032; }
.aDocumentation { color: #dc0032; }
.aAnchor, .anchorName { font-weight: bold }
.aAnchorErrors, .anchorNameErrors { color: #dc0032; }

a { color: #dc0032; }

.tdCode {
    height: auto;
    font: 13px Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
    color: #444444;
    background-color: #FAFAFA;
    border: 1px solid #E9E9E9;
    padding: 10px;
}
.preCode {
    margin: 0px;
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.preCodeMain {
    font: 13px Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
    color: #444444;
    background-color: #FAFAFA;
    border: 1px solid #E9E9E9;
    padding: 10px;
    margin-bottom: 50px;
}
.preCodeAnchor { color: #dc0032; text-decoration: underline; }
.ulExampleLinks {}
.ulExampleLinks li { margin-bottom: 5px; }

.tableExamples { width: 100%; table-layout: fixed; margin-bottom: 50px; }
.column1 { width: 70%; }
.column2 { width: 30%; }

.divErrors { margin-bottom: 50px; }
.tableErrors { width: 100%; margin-bottom: 10px; }
.tableErrors .column1 { width: 40%; }
.tableErrors .column2 { width: 60%; }
