@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
* { border: 0; font-family: arial,sans-serif; font-size: 1em; line-height: 1em; margin: 0; padding: 0; }
a { color: #069; text-decoration: none; }
a:hover { color: #39c; }
html { overflow-y: scroll; -webkit-text-size-adjust: none; }
body,html { background: #ddd; height: 100%; position: relative; width: 100%; }
body { text-align: center; }
h1 { color: #069; font-size: 1.5em; line-height: 1.25em; }
h2 { font-size: 1.25em; line-height: 1.3em; }
h3 { font-size: 1em; line-height: 1.25em; }
h1, h2, h3 { margin: 0 auto; padding: 0.5em 1em; }
h1 *,h2 *,h3 *, p * { font-size: inherit; line-height: inherit; }
p { color: #777; line-height: 1.25em; }
p.Pad { padding: 1em; }
table { margin: 0 auto; border-collapse: separate; }
td { position: relative; vertical-align: middle; }
hr { display: none; }
.Template { background: #fff; height: 100%; max-width: 70em;  min-width: 20em; position: relative; width: 100%; }
.Header,.Content,.Footer { position: relative; }
.Header { height: 40%; }
.Header h1 { padding-top: 1em; }
.Content { height: auto; }
.Footer { background: #eee; color: #777; height: 1px; }
.Footer a { color: #777; }
.Footer a:hover { color: #333; }
.Footer h3 { padding: 0.25em 1em; }
.Divide { padding-top: 0.5em; border-top: 1px solid #ddd; }
.Bottom { vertical-align: bottom; }
.Top { vertical-align: top; }
.Middle { vertical-align: middle; }
.Small { font-size: 0.875em; line-height: 1.285714285714286em; }
.X-Small { font-size: 0.75em; line-height: 1.333333333333333em; }
.Notes { color: #777; }
.Grey { color: #aaa; }
.Checking { color: #f60; }
.Failed { color: #c00; }
.Passed { color: #0c0; }
.Unknown { color: #bbb; }
#aLogo { left: 0; margin: 0.375em; position: absolute; top: 0; }
#imgLogo { float: left; height: 3em; width: 2.625em; }
#imgCorner { float: right; height: 6em; position: absolute; right: 0; top: 0; width: 6em; }
#pSite { color: #39c; }
#pWelcome { max-width: 30em; }
#tableCheckBrowser td { font-weight: bold; text-align: left; }
#tableCheckBrowser img { float: left; height: 1.5em; width: 1.5em; }
#pSymbol { padding: 0; }
#pSymbol img { display: block; margin: 1.25em auto; padding: 0; }
#pMessage { margin: 0 auto; position: relative; }
#emMessage { border: 1px solid transparent; display: block; font-style: normal; line-height: 1.25em; padding: 0.5em; }
#emMessage.Continue { border: none; padding: 0; }
#emMessage.Continue a { background: #39c; background: -webkit-linear-gradient(#39c,#069); background: linear-gradient(#39c,#069); border: 1px solid #069; color: #fff; cursor: pointer; display: block; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3399cc", endColorstr="#006699"); line-height: 1.25em; margin: 0 auto; padding: 0.5em 2em; width: 4em; text-decoration: none; text-shadow: 0 -1px 0 #069; }
#emMessage.Continue a:hover { background: #6cf; background: -webkit-linear-gradient(#6cf,#39c); background: linear-gradient(#6cf,#39c); border: 1px solid #39c; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#66ccff", endColorstr="#3399cc"); text-shadow: 0 -1px 0 #39c; }
#emMessage.Continue a:active { background: #39c; background: -webkit-linear-gradient(#39c,#6cf); background: linear-gradient(#39c,#6cf); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3399cc", endColorstr="#66ccff"); }
#emMessage span.Notes { display: block; margin: 2em 0; }
#emMessage span.Notes a { white-space: nowrap; }
#aReload { bottom: 0; margin: 1.125em; position: absolute; right: 0; }
#aReload img { border: 1px solid transparent; float: left; height: 2em; width: 2em; }
#tableFooter { border: 1px solid transparent; margin: 0.5em auto; width: 20em; }
#tableFooter br { display: none; }
#tableFooter td { text-align: center; width: 20%; }
#tableFooter span { display: block; height: 1.666666666666667em; line-height: 1.666666666666667em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 5em; }
#tableFooter a { display: block; font-size: 0.75em; text-align: center; }
#tableFooter img { display: block; height: 3.333333333333333em; margin: 0 auto; text-align: center; width: 3.333333333333333em; }

@media screen\0 { /* IE8, IE9, and IE10+ Specific (Not IE7 or Below) */

    .Template { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

}

@media screen and (min-width: 71em) {

    .Template { border-left: 1px solid #ccc; border-right: 1px solid #ccc; max-width: none; width: 70em; }

}

@media screen and (max-width: 71em) {

    .Template { border: none; margin: 0; max-width: none; min-width: 0; width: 100%; }
    
}