@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;
    }
    a:active {
        color: #A0005D !important;
    }

    #inner {
        overflow: hidden;
    }
    
    #header {
        background: #FFF;
        padding: 15px 0;
        border-bottom: 1px solid #CCC;
        margin-bottom: 10px;
        box-shadow: 0 3px 5px #80004b;
        -webkit-box-shadow: 0 3px 5px #80004b;
        -moz-box-shadow: 0 3px 5px #80004b;
        -o-box-shadow: 0 3px 5px #80004b;
    }
    #logo img {
        display: block;
        margin: 0 auto;
    }
    
    #content {
        margin: 0 5px;
    }
    #content h1, #content h2, #content h3 {
        color: #FFF;
        padding-left: 5px;
        font-weight: bold;
        font-size: 10pt;
        margin-top: 10px;
    }
    #content h3 {
        font-size: 9pt;
    }
    
    #footer {
        margin: 30px 8px 10px;
    }
    #footer p, #footer a {
        font-size: 7pt;
        color: #FFF;
    }

    #actions {
        margin: 7px 0 14px;
    }

    div.rounded, ul.rounded, ol.rounded {
        border: 1px solid #BABABA;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        background: #FAFAFA;
        box-shadow: 3px 3px 5px #80004b;
        -webkit-box-shadow: 3px 3px 5px #80004b;
        -moz-box-shadow: 3px 3px 5px #80004b;
        -o-box-shadow: 3px 3px 5px #80004b;
        margin: 8px 0 14px;
    }
    
    div.rounded {
        padding: 15px 10px;
    }
    
    ul.rounded li, ol.rounded li {
        border-top: 1px solid #BABABA;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAYAAAB4d5a9AAAAfUlEQVQ4jd3RMQqAMAyF4Q6ewNW1ZwyC4CR4MW/h6uoZYgIVSknr4MvS4V/z8Uhg5uCdO9AhQkRvaypYIRA9zikTQiBbhmiLB/IJoRBtL6DZA6lCaGSS7gy5pBGJKHAWQEQuqQIopAkgkEE6WgBqSUzHTQD5k1gDfiPe9YM8dIAvthD6/VkAAAAASUVORK5CYII=') no-repeat right center;
    }
    ul.rounded li a, ol.rounded li a {
        display: block;
        padding: 7px 32px 7px 7px;
        color: #333;
        font: 9pt sans-serif;
        text-decoration: none;
    }
    ul.rounded li:first-child, ol.rounded li:first-child {
        border-top: none;
    }
    
    ul.rounded li.more, ol.rounded li.more {
        background-color: #D9D9D9;
        -moz-border-radius-bottomleft: 6px;
        -moz-border-radius-bottomright: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -webkit-border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    ul.rounded li.more a, ol.rounded li.more a {
        color: #555;
    }
    
}
@media only all and (min-width: 320px) {
    
    html {
        font-size: 10pt;
    }
    
    #header {
        margin-bottom: 15px;
    }
    
    #actions {
        margin: 10px 0 20px;
    }
    
    #content {
        margin: 0 15px;
    }
    #content h1, #content h2, #content h3 {
        padding-left: 11px;
        font-size: 12pt;
        margin-top: 15px;
    }
    #content h3 {
        font-size: 10pt;
    }
    
    div.rounded, ul.rounded, ol.rounded {
        margin: 15px 0 20px;
    }
    
    ul.rounded li a, ol.rounded li a {
        font: bold 10pt sans-serif;
        padding: 10px 32px 10px 15px;
    }

    #footer {
        margin: 30px 16px 10px;
    }
    
}