/* Nebula Sans Book (normal) */
@font-face {
    font-family: 'Nebula Sans';
    src: url('/Content/fonts/NebulaSans/NebulaSans-Book.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

/* Nebula Sans Book Italic */
@font-face {
    font-family: 'Nebula Sans';
    src: url('/Content/fonts/NebulaSans/NebulaSans-BookItalic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
}

/* Nebula Sans Medium */
@font-face {
    font-family: 'Nebula Sans';
    src: url('/Content/fonts/NebulaSans/NebulaSans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

/* Nebula Sans Medium Italic */
@font-face {
    font-family: 'Nebula Sans';
    src: url('/Content/fonts/NebulaSans/NebulaSans-MediumItalic.woff2') format('woff2');
    font-weight: 500;
    font-style: italic;
}

/* Nebula Sans Semibold */
@font-face {
    font-family: 'Nebula Sans';
    src: url('/Content/fonts/NebulaSans/NebulaSans-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

/* Nebula Sans Semibold Italic */
@font-face {
    font-family: 'Nebula Sans';
    src: url('/Content/fonts/NebulaSans/NebulaSans-SemiboldItalic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
}

/* Nebula Sans Bold */
@font-face {
    font-family: 'Nebula Sans';
    src: url('/Content/fonts/NebulaSans/NebulaSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

/* Nebula Sans Bold Italic */
@font-face {
    font-family: 'Nebula Sans';
    src: url('/Content/fonts/NebulaSans/NebulaSans-BoldItalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
}

/* Nebula Sans Black */
@font-face {
    font-family: 'Nebula Sans';
    src: url('/Content/fonts/NebulaSans/NebulaSans-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

/* Nebula Sans Black Italic */
@font-face {
    font-family: 'Nebula Sans';
    src: url('/Content/fonts/NebulaSans/NebulaSans-BlackItalic.woff2') format('woff2');
    font-weight: 900;
    font-style: italic;
}

/* Nebula Sans Light */
@font-face {
    font-family: 'Nebula Sans';
    src: url('/Content/fonts/NebulaSans/NebulaSans-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

/* Nebula Sans Light Italic */
@font-face {
    font-family: 'Nebula Sans';
    src: url('/Content/fonts/NebulaSans/NebulaSans-LightItalic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
}

body {
    /*
    background: linear-gradient(#662200, #446688);
        */
    background: linear-gradient(#226, #339);
    background-attachment: fixed;
    margin: 10px;
    padding: 10px;
    font-family: 'Nebula Sans', sans-serif;
    font-weight: 500; /* Medium */
    color: #fff;
}


a {
    text-decoration: none;
    font-weight: bold;
    color: #ddbbff;
}

    a:hover {
        text-decoration: none;
        color: #eeddff;
    }


table.feedTable {
    background: #ffddff;
    width: 100%;
    height: 100%;
    position: relative;
    border-spacing: 2px;
    border-width: 2px;
    border: black;
    /*
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    */
}

.messageColumnOdd i {
    font-size: smaller;
}

.messageColumnEven i {
    font-size: smaller;
}

td {
    vertical-align: top;
}

    td.headerColumnOdd {
        position: relative;
        background: linear-gradient(#124, #226);
        width: 80px;
        margin: 10px;
        padding: 10px;
    }

    td.messageColumnOdd {
        position: relative;
        background: linear-gradient(#124, #226);
        padding-top: 18px;
        margin: 10px;
        padding: 10px;
    }

    td.messageColumnOdd img {
        padding-right: 10px;
    }

    td.messageColumnEven img {
        padding-right: 10px;
    }

    td.headerColumnEven {
        position: relative;
        background: linear-gradient(#113, #224);
        width: 80px;
        margin: 10px;
        padding: 10px;
    }

    td.messageColumnEven {
        position: relative;
        background: linear-gradient(#113, #224);
        width: auto;
        padding-top: 18px;
        margin: 10px;
        padding: 10px;
    }

div.big-corner {
    width: 80px;
    height: 80px;
}

div.small-corner {
    width: 40px;
    height: 40px;
}
div.top-left {
    position: absolute;
    top: 0;
    left: 0;
    /*
        background: linear-gradient(to top left, transparent 50%, #bbffbb);
    */
}

div.top-right {
    position: absolute;
    top: 0;
    right: 0;
    /*
    background: linear-gradient(to top right, transparent 50%, #ffbbbb);
    */
}

div.bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
    /*
    background: linear-gradient(to bottom left, transparent 50%, #ffddbb);
    */
}

div.bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
    /*
    background: linear-gradient(to bottom right, transparent 50%, #bbddff);
    */
}

    div .main-content {
    position: relative;
}

div.main-background {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background: #dddddd;
}

td.messageBody {
    width: 100%;
}
td.messageTimestamp {
    font-size: 9pt;
    min-width: 120px;
    text-align: right;
}