html {
padding-top: 50px;
background-color: #eee
}
body {
border: 1px solid #ccc;
border-radius: 4px;
width: 400px;
padding: 120px 100px 70px;
color: #444;
margin: 0 auto;
font-family: Tahoma;
background: url(../mh370/images/logo_bw.gif) no-repeat 20px 10px;
background-color: #fff;
}
p {
}
#download {
text-align: center;
padding-top: 2em
}
#download a {
display: inline-block;
background-color: #44cc44;
color: #fff;
padding: 7px 20px;
text-transform: uppercase;
font-size: 160%;
box-shadow: 0 0 4px 0 rgba(0,0,0,0.5);
border-radius: 6px;
text-decoration: none
}
#download a:active {
box-shadow: 0 0 5px 0 rgba(0,0,0,0.7) inset;
}
span.error {
border: 2px solid #E57368;
background-color: #fff;
display: inline-block;
padding: 4px 12px;
position: relative;
font-size: 11pt;
left: 1.6em;
box-sizing: border-box;
border-radius: 0 3px 3px 0
}
span.error:before {
content: "!";
color: #fff;
font-weight: bold;
font-size: 200%;
border: 2px solid #E57368;
background-color: #E57368;
display: inline-block;
padding-left: 0.5em;
position: absolute;
left: -1.4em;
top: -2px;
width: 0.8em;
height: 100%;
border-radius: 3px 0 0 3px
}