@charset "utf-8";
body,ul,li,h1,h2,h3,p { margin: 0;padding: 0; }
ul { list-style: none; }
img { border: none; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

body { background: #d9d9d9;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #464646; }
a { color: #0054ff; }
a:hover { color: #000; }

#wrap { background: #fff;border-radius: 10px;border: 1px solid #ccc;box-shadow: 0 0 6px rgba(0,0,0,0.1);width: 967px;min-height: 600px;margin: 15px auto;padding: 10px; }
#header { text-align: center;position: relative;min-height: 75px; }
#header span.login { position: absolute;right: 5px;top: 5px;display: block; }
#header span.login a { color: #747474;text-shadow: 1px 1px 1px #fff;padding: 8px 15px;background: #dfdfdf;border-radius: 5px;background: -webkit-linear-gradient(#f6f6f6,#d1d1d1);background: -moz-linear-gradient(#f6f6f6,#d1d1d1);background: linear-gradient(#f6f6f6,#d1d1d1);box-shadow: 1px 1px 0 #b8b8b8;text-decoration: none; }
#header span.login a:hover { color: #333; }

#alert { background: #222;border-radius: 8px;width: 500px;margin: 25px auto;position: relative;padding: 10px;text-align: center;box-shadow: 0 0 20px #000 inset;background: -moz-linear-gradient(#333,#101010);background: -webkit-linear-gradient(#333,#101010);background: linear-gradient(#333,#101010); }
h1 { color: #fff;font-size: 22px; }
#alert p { font-size: 14px;line-height: 18px;margin-top: 8px;color: #999; }
#alert a { display: block;color: #ffa; }
#alert a:hover { color: #ff0; }
#alert span.icon { background: url(images/icon-trans.png) no-repeat;width: 48px;height: 48px;display: block;position: absolute;top: -10px;left: -18px; }

h2 { font-size: 18px;text-align: center;text-transform: uppercase; }
h2 span { display: block;font-size: 16px;font-weight: normal;text-transform: none; }

ul.sites { margin: 10px 10px 10px 15px; }
ul.sites li { float: left;margin: 0 5px 10px 0;text-align: center; }
ul.sites li a img { border: 1px solid #efefef;padding: 2px;box-shadow: 0px 2px 2px rgba(0,0,0,0.08); }
ul.sites li:hover a img { border: 1px solid #555; }
ul.sites li p a { color: #7b7b7b;font-weight: bold;display: block;text-decoration: none; }
ul.sites li p a:hover { color: #0054ff;text-decoration: underline; }

p.copyright { text-align: center;color: #7b7b7b;font-size: 11px; }

p.footer {text-align: center; padding: 10px}

#enter-here {
    background: #335bff;
    color: #fff;
}

#exit-here {
    background: #666;
    color: #D7D5D5;
}