body{
margin:0px;
background: #222e33 url("../img/world-bg_1.png") no-repeat;
background-position:center;
background-attachment:fixed;
}

.comm{
margin-top:-20px;
margin-left:100px;
}

.login{
position: fixed;
background:rgba(52,75,85,0.9);
top: 50%;
left: 50%;
width:500px;
border: 10px solid #2D3F46;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
font-family:Helvetica; 
font-weight:lighter;
font-size:14px;
color:#222e33;
border-radius:10px;
}			

@-webkit-keyframes spin__ {
from {-webkit-box-shadow: 3px -6px 171px 1px rgba(255,255,255,0.67);
-moz-box-shadow: 3px -6px 171px 1px rgba(255,255,255,0.67);
box-shadow: 3px -6px 171px 1px rgba(255,255,255,0.67);
}

to {-webkit-box-shadow: 3px -6px 193px 1px rgba(255,255,255,0.67);
-moz-box-shadow: 3px -6px 193px 1px rgba(255,255,255,0.67);
box-shadow: 3px -6px 193px 1px rgba(255,255,255,0.67);}
}

@keyframes spin__ {
from {-webkit-box-shadow: 3px -6px 193px 1px rgba(255,255,255,0.67);
-moz-box-shadow: 3px -6px 193px 1px rgba(255,255,255,0.67);
box-shadow: 3px -6px 193px 1px rgba(255,255,255,0.67);}

to {-webkit-box-shadow: 3px -6px 171px 1px rgba(255,255,255,0.67);
-moz-box-shadow: 3px -6px 171px 1px rgba(255,255,255,0.67);
box-shadow: 3px -6px 171px 1px rgba(255,255,255,0.67);}
}

.top{background:#3279b7;width:100%;height:120px;border-bottom:15px solid #2B4E5D;}
.wi{width:280px;color:#222e33;}.space{margin-bottom:10px;color:#f2f2f2;}
.bottom{background:#3279b7;height:120px;width:100%;position:fixed;border-top:15px solid #2B4E5D;bottom:0px;left:0;right:0;margin-left:0px;margin-right:auto;z-index:-2;}
.error{display:none;}
.h1{text-shadow:0px 0px 2px #f5f5f5;}
.try_again{text-align:right;margin-right:100px;}
.bottom_space{margin-bottom:20px;}
.top_space{margin-top:50px;}
.buttoncss{background:#3279b7;color:#fff;font-weight:lighter;text-shadow:0px 0px;}