@charset 'utf-8';
@media all {

    /* #A0005D */
    
    html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
        margin: 0;
        padding: 0;
        -webkit-text-size-adjust: none;
    }
    
    html {
        background: #A0005D;
        min-height: 100%;
        font-family: sans-serif;
        font-size: 9pt;
    }
    
    a {
        outline: none !important;
    }

    #header {
        padding: 15px 0 15px 10px;
        color: #FFF;
        text-align: left;
        text-overflow: ellipsis;
        min-height: 20px;
    }
    #header h1 {
        font-weight: bold;
        font-size: 10pt;
    }
    
    #home {
        display: inline-block;
        margin-bottom: 10px;
        border: 1px solid #507500;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        background: #80BC00;
        height: 30px;
        text-indent: 0;
    }
    #home a {
        display: block;
        color: #FFF;
        font-size: 9pt;
        line-height: 20px;
        height: 20px;
        text-decoration: none;
        padding: 5px 11px;
        text-shadow: 0 0 5px black;
        -webkit-text-shadow: 0 0 5px black;
        -moz-text-shadow: 0 0 5px black;
        -o-text-shadow: 0 0 5px black;
    }
    
    #content {
        overflow: hidden;
        margin-top: -10px;
    }
    
    #content ol {
        border-bottom: 1px solid #BABABA;
        background: #FCFCFC;
        box-shadow: 0 0 10px #63003a;
        -webkit-box-shadow: 0 0 10px #63003a;
        -moz-box-shadow: 0 0 10px #63003a;
        -o-box-shadow: 0 0 10px #63003a;
        margin-bottom: 15px;
        margin-top: 10px;
    }
    
    #content ol li {
        border-top: 1px solid #BABABA;
        padding: 8px 0 8px 6px;
    }
    #content ol a {
        display: block;
        color: #333;
        font: bold 9pt sans-serif;
        text-decoration: none;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAYAAAB4d5a9AAAAfUlEQVQ4jd3RMQqAMAyF4Q6ewNW1ZwyC4CR4MW/h6uoZYgIVSknr4MvS4V/z8Uhg5uCdO9AhQkRvaypYIRA9zikTQiBbhmiLB/IJoRBtL6DZA6lCaGSS7gy5pBGJKHAWQEQuqQIopAkgkEE6WgBqSUzHTQD5k1gDfiPe9YM8dIAvthD6/VkAAAAASUVORK5CYII=') no-repeat right center;
        padding-right: 32px;
    }
    #content ol a:active {
        color: #A0005D !important;
    }
    #content ol span {
        color: #7A7A7A;
        display: block;
        padding-left: 1px;
        padding-top: 2px;
        font-weight: normal;
        font-size: 8pt;
    }
    
    #pagination {
        height: 30px;
        margin: 0 15px 10px;
    }
    #pagination .number {
        display: block;
        color: #FFF;
        text-align: center;
        font-size: 12pt;
        font-weight: bold;
        line-height: 24px;
        padding: 7px 0;
        margin: 0 auto;
        width: 100px;
        height: 18px;
    }
    #pagination .total {
        font-weight: normal;
        font-size: 8pt;
        padding-left: 3px;
        margin-right: -4ex;
    }
    #pagination .previous, #pagination .next {
        display: block;
        color: #FFF;
        font-size: 9pt;
        line-height: 18px;
        height: 18px;
        text-decoration: none;
        padding: 6px 13px;
        border: 1px solid #507500;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        background: #80BC00;
        float: left;
        text-shadow: 0 0 5px black;
        -webkit-text-shadow: 0 0 5px black;
        -moz-text-shadow: 0 0 5px black;
        -o-text-shadow: 0 0 5px black;
    }
    #pagination .next {
        float: right;
    }
    
    #footer {
        padding: 30px 12px 10px;
    }
    #footer p, #footer a {
        font-size: 7pt;
        color: #FFF;
    }
    
}
@media only all and (min-width: 320px) {
    
    html {
        font-size: 10pt;
    }
    
    #header {
        margin-right: 80px;
    }
    #header h1 {
        font-size: 11pt;
    }
    
    #home {
        position: absolute;
        top: 9px;
        right: 13px;
        margin-bottom: 0;
    }
    
    #content ol li {
        padding: 10px 0 10px 10px;
    }
    #content ol a {
        font: bold 10pt sans-serif;
    }
    
}