@charset "UTF-8";

body {
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    background-color: white;
}

img {
    border: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.floatholder {
    background-attachment: fixed;
    background-image: url("/images/Envelope.gif");
    background-position: top left;
    background-repeat: no-repeat;
    margin: 1em 2em;
}

.availableMessages {
    white-space: normal;
    width: 100%;
    max-height: 20em;
    overflow: auto;
}

.availableMessage {
    height: 1.35em;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.availableSubject {
    position: relative;
    top: 0;
    left: 1em;
}

.availableDate {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 1em;
    background-color: white;
}

.mailbody {
    background-image: url("/images/legalpad.gif");
    background-repeat: repeat;
    font-family: monospace;
    white-space: normal;
    width: 100%;
}

.mailContainer {
    padding: 1em 2em;
}

.ui-widget-content, .ui-tabs .ui-tabs-panel, .mailbody .raw, .mailbody .text-plain, .mailbody .text-html {
    background-color: #ffffcc;
}

.mailbody .raw, .mailbody .textbody, .mailbody .htmlsource {
    overflow: auto;
    overflow-x: scroll;
    min-height: 20em;
    max-height: 35em;
    border: thin solid #CCCCFF;
    padding: 1em;
    width: 100%;
}

.mailbody .htmlbody iframe {
    background-color: white;
}

.mailbody .htmlsource {
    background-color: #f0f0f0;
    background-image: linear-gradient(#ccc 1px, transparent 1px), linear-gradient(90deg, #ccc 1px, transparent 1px), linear-gradient(rgba(204, 204, 204, 0.5) 1px, transparent 1px), linear-gradient(90deg, rgba(204, 204, 204, 0.5) 1px, transparent 1px);
    background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
    background-position: -1px -1px, -1px -1px, -1px -1px, -1px -1px;
}

.addressItems {
    width: 100%;
    max-height: 15em;
    overflow: auto;
    margin-bottom: 1em;
}

.addressItem {
    width: 100%;
    height: 1.35em;
    position: relative;
    overflow: hidden;
}

.addressItem .address {
    position: relative;
    top: 0;
    left: 1em;
}

.addressItem .date {
    position: absolute;
    top: 0;
    right: 0;
}

#contentList .statistics {
    font-weight: bold;
    white-space: nowrap;
    margin-bottom: .25em;
    width: 100%;
}

.date {
    white-space: nowrap;
}

.footerStatistics {
    clear: both;
    min-width: 10em;
    white-space: nowrap;
}

.footerStatistics .statistics {
    float: left;
    margin-right: 2em;
}

.footerStatistics .count {
    float: right;
}

#header {
    clear: both;
    float: left;
    width: 100%;
}

#headerLeft {
    float: left;
    white-space: nowrap;
}

#headerCenter {
    float: left;
    white-space: nowrap;
}

#headerRight {
    float: right;
    white-space: nowrap;
}

#content {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}

#contentLeft {
    float: left;
}

#contentCenter {
    margin-left: 23em;
}

#contentCenter .rss {
    width: 100%;
    white-space: nowrap;
}

#contentList {
    white-space: nowrap;
    width: 20em;
    float: left;
    position: relative;
}

#contentList .rss {
    clear: left;
    float: left;
    margin-bottom: 1em;
    width: 100%;
    text-align: right;
}

#googleAds {
    clear: left;
    float: left;
}

#searchbox {
    clear: none;
    float: left;
}

#footer {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 1em;
}

#footerLeft {
    clear: none;
    float: left;
    margin-right: 1em;
    min-width: 10em;
    white-space: nowrap;
}

#footerButtons {
    position: absolute;
    left: 50%;
    margin-left: -170px;
}

#paypal {
    float: left;
    padding-right: 5px;
}

#validation {
    float: left;
    white-space: nowrap;
}

#footerRight {
    clear: none;
    float: right;
    margin-left: 1em;
    white-space: nowrap;
}

@media only screen and (max-width: 1024px) {
    .floatholder {
        margin: 1em;
    }
}