@charset "utf-8";

#unsupportedBrowserWarning {
    width:              100%;
    height:             6.5em;
    
    min-width:          57em;
    
    background-color:           #ffff00;
    color:                      #000000;
    border-bottom-color:               #ff0000;
    border-bottom-style:               solid;
    border-bottom-width:               0.2em;
    padding:                    0;
    margin:                 0;
    
    background-image:       url(../../images/unsupported_browser_warning_background.jpeg);
    background-position:    center bottom;
    background-repeat:      repeat-x;
    
    text-align:             center;
    
}

#unsupportedBrowserWarning .unsupportedBrowserWarningMsg {
    width:              58em;
}

#unsupportedBrowserWarning * {
    padding:                    0.2em;
}

#unsupportedBrowserWarning div {
    font-family:                "Arial", sans-serif;
    font-weight:                bold;
}

#unsupportedBrowserWarning .unsupportedBrowserAlternateBrowserMsg, #unsupportedBrowserWarning .unsupportedBrowserAlternateBrowserMsg * {
    font-size:                  smaller;
}

#unsupportedBrowserWarning .unsupportedBrowserAlternateBrowserMsg a, #unsupportedBrowserWarning .unsupportedBrowserAlternateBrowserMsg a:active {
    vertical-align:             middle;
    color:                      #000099;
}

#unsupportedBrowserWarning .unsupportedBrowserAlternateBrowserMsg a:hover, #unsupportedBrowserWarning .unsupportedBrowserAlternateBrowserMsg a:active {
    color:                      #0000ff;
}

#unsupportedBrowserWarning .unsupportedBrowserAlternateBrowserMsg a img {
    border-style:               none;
}

#unsupportedBrowserWarning .unsupportedBrowserAlternateBrowserMsg span {
    padding-left:               2em;
}