body {
}
    .ie img { /* Fix IE problems with images */
            /*width: inherit;   Make images fill their parent's space. Solves IE8. */
            max-width: 100%; /* Add !important if needed. */
            height: auto; /* Add !important if needed. */
        }

        #cover {
            position: fixed;
            top: 0;
            left: 0;
            background: rgba(0,0,0,0.6);
            z-index: 5;
            width: 100%;
            height: 100%;
            display: none;
        }

        #loginScreen {
            height:290px;
            width: 330px;
            margin: 0 auto;
            position: relative;
            z-index: 100;
            display: none;
            background: #005dab;
            border: 5px solid #cccccc;
            border-radius: 10px;
            color: white;
            font-family: raavi;
        }

            #loginScreen:target, #loginScreen:target + #cover {
                display: block;
                opacity: 2;
            }

        .cancel {
            display: block;
            position: absolute;
            top: 3px;
            right: 2px;
            background: rgba(0,0,0,0);
            color: black;
            height: 30px;
            width: 35px;
            font-size: 30px;
            text-decoration: none;
            text-align: center;
            font-weight: bold;
        }

        #btnSubmit {
            margin: 0;
            background: #ee3a43;
            color: #FFF;
            font-size: 14px;
            text-transform: uppercase;
            text-align: center;
            display: block;
            font-weight: 600;
            width: 10em;
            height: 2em;
            border: none;
        }

            #btnSubmit:hover {
                background: #04467d;
                -webkit-transition: all 0.35s ease-in-out;
                -moz-transition: all 0.35s ease-in-out;
                -ms-transition: all 0.35s ease-in-out;
                -o-transition: all 0.35s ease-in-out;
                transition: all 0.35s ease-in-out;
                text-decoration: none;
            }

            #btnSubmit a:hover {
                text-decoration: none;
            }

        tr.spaceUnder > td {
            padding-bottom: 1em;
        }

        .black_overlay {
            display: none;
            position: absolute;
            /*top: 0%;
        left: 0%;*/
            width: 100%;
            height: 100%;
            background-color: black;
            z-index: 1001;
            -moz-opacity: 0.8;
            opacity: .80;
            filter: alpha(opacity=80);
        }

        .white_content {
            display: none;
            position: absolute;
            top: -5px;
            left: -200px;
            width: 800px;
            height: 770px;
            padding: 16px;
            border: 16px solid #005dab;
            background-color: #eeeeee;
            z-index: 1002;
            overflow: hidden;
            color: black;
        }
        td.highlight {
    border: none !important;
    padding: 1px 0 1px 1px !important;
    background: none !important;
    overflow:hidden;
}
.novisible{
    display:none;
    background:#000;
    height:200px;
    width:200px;
}
td.highlight a {
    background: #99dd73 url(bg.png) 50% 50% repeat-x !important;
    border: 1px #88a276 solid !important;
}

 .white_content_createloginwindow{
            display: none;
            position: absolute;
            top: -5px;
            left: -200px;
            width: 800px;
            height: 650px;
            padding: 16px;
            border: 16px solid #005dab;
            background-color: #eeeeee;
            z-index: 1002;
            overflow: auto;
            color: black;
        }
 /*---------------------button*/
a.small_button {
    padding: 0px 18px;
    height: 28px;
    margin-bottom: 9px;
}

a.button {
    padding: 0 23px;
    height: 31px;
}

    a.button:hover, a.small_button:hover {
        text-decoration: none;
    }

.button, .small_button {
    background: url(../images/widgetButtons.png) repeat-x left top;
    color: #FEFEFE;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    padding: 0 20px;
    text-transform: uppercase;
    outline: none;
    margin-right: 5px;
    cursor: pointer;
}

.button {
    height: 40px;
    line-height: 33px;
}

.small_button {
    height: 32px;
    line-height: 27px;
}

.red_button {
    background-position: 0 -36px;
    border: 1px solid #5e0e21;
}

    .red_button:hover {
        background-position: 0 -36px;
        color: #fab6c7;
    }

.blue_button {
    background-position: 0 -109px;
    border: 1px solid #59585b;
}

    .blue_button:hover {
        background-position: 0 -109px;
        color: #7b7c7c;
    }

.red1_button {
    background-position: 0 -113px;
    border: 1px solid #5d2d2d;
}

    .red1_button:hover {
        background-position: 0 -113px;
        color: #e8c5c5;
    }

.green_button {
    background-position: 0 -327px;
    border: 1px solid #6d8737;
}

    .green_button:hover {
        background-position: 0 -327px;
        color: #aaca61;
    }

.black_button {
    background-position: 0 -109px;
    border: 1px solid #131313;
}
 .emailLegend{
        width:19%;
     }
@media (min-width: 320px) and (max-width: 480px) {
     .white_content {
            display: none;
            position: absolute;
            /*top: -5px;*/
            left: 10px;
            width: 100%;
            height: auto;
            padding: 8px;
            border: 8px solid #005dab;
            background-color: #eeeeee;
            z-index: 1002;
            overflow: auto;
            color: black;
        }
     .emailLegend{
        width:auto;
     }
}