html, body{min-height:100%}

body {min-height: 100%; height: 100%;position: relative; zoom: 1;opacity: 1;background-color: transparent;}

#wrapper { background: none; border: none; -webkit-transition: none; -moz-transition: none; transition: none; }
.container-fluid { width: 100%; }

#at4-share, #at4-follow, #at4-whatsnext, #at4-thankyou, #at4m-dock, .at4m-dock-toggle, .addthis-smartlayers { display: none; }
h1 {text-align:center; padding: 0; margin: 0 auto 0px auto; -webkit-animation: fadein 1s; -moz-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s; }
/*h1 a { display: block; background: url('../image/logo52labai.png') no-repeat center 20px; width: 260px; height: 90px; line-height: 47px; overflow: hidden; text-indent: -9999px;}*/
.login-m .icon-user { position:absolute; top:12px; left:30px; color:#00a7dc}
.login-p .icon-lock, .login-p .icon-pacman {position:absolute; top:9px; left:30px; font-size:18px; color:#00a7dc}
#maincontent { border: none; }
.content{border-radius:10px;border: 10px rgba(256,256,256,.2) solid;}
.slimdes {width:440px; margin: 0 auto; padding-bottom:30px}
.slimdes .row { padding: 0 5px; }
.slimdes form.forgotme p { padding: 0 20px; }
.content-main { background: #fff; padding: 20px 30px; border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;}
.content-main .container-fluid { margin: 0; padding: 0; }
.banner { position: relative; background:rgba(0, 167, 220, 0.7); margin: 0; padding:20px 30px; border-top-left-radius: 2px;border-top-right-radius: 2px;}
.banner h2 {padding: 2px 0 0;margin: 0;font-size: 1.8em;color: #fff;cursor: default;font-weight: bold;}
.banner .bnrmsg { position: absolute; top:26px; right: 30px;}
.banner .bnrmsg em { font-style: normal; color:rgba(255,255,255,0.7)}
label { display: block; margin-bottom: 4px; }
.foot-text { margin-bottom: 0; padding-top: 10px; line-height: 1.6em; font-size: 13px; color: #999; }
.btn-facebook, .btn-twitter, .btn-google { width: 48%; }
.btn-login{background-color:#c0392b; color:#FFF;}
.btn-login:hover{color:#f4f4f4;}
.separator { background: url('../images/bg-sep.gif') repeat-x center; margin:10px 0; text-align: center; }
.separator h3 {display: inline-block; background:#ecebe8; *background:#fff;
_background: #fff; margin: 0 auto; border-radius: 100%; font-size:16px; font-weight:normal; line-height:60px; width:60px; height:60px; color:#999; font-family:'MyriadProRegular', sans-serif;}
input[type="text"], input[type="email"], input[type="password"] { width: 100%; margin: 0; padding: 8px 8px 8px 34px; line-height: 16px; font-size:16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.signin-rem { position: relative; width: 256px; font-size: 12px; margin-bottom: 20px; }
.signin-rem .signin-fpwd { position: absolute; top: 1px; right: 0; }

#eee_help, #password_help {display:block;}

.btn-facebook, .btn-twitter, .btn-google {
display: inline-block;
height: 32px;
line-height: 32px;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
min-width: 148px;
margin: 0 .5% 10px;
padding: 0 8px 0 40px;
text-align: left;
font-size: 14px;
color: #fff;
cursor: pointer;
opacity: 1;
}
.mb0, .no-margin-bottom {
margin-bottom: 0!important;
}
.inline {display:inline!important; vertical-align:top}
.mb20 {margin-bottom:10px!important}
input[type=radio], input[type=checkbox] {margin:2px 0px 0}
.facebook-color {
    background-color: #3b5998;
    color: #FFFFFF;
}
.facebook-color:hover{color:#f4f4f4;}

@media only screen and/*!YUI Compressor */(max-width:800px) {
.bg-sign {background-size:cover; background-position:center top}
h1 { width: auto; height: auto; margin-bottom: 0; }
h1 a { background-size: 180px 29px!important; width: 180px; height: 29px; }
.slimdes { width: auto; padding-top: 0;}
.content { margin: 0 10%; }
.content-main { padding: 20px; }
.container, .container .grid_6 { width: 100%; padding: 0; }
.container .grid_3 { width: 45%; }
.container .grid_3.omega { padding-top: 5px; }
.banner { padding-top: 15px; padding-bottom: 15px; }
.banner .bnrmsg { top: 20px; }
.banner .bnrmsg em { display: none; }
input[type="text"], input[type="password"], input[type="email"], input[type="url"] { width: 100%; }
}
@media only screen and/*!YUI Compressor */(max-width:479px) {
.bg-sign {background-size:cover; background-position:center top}
.banner { padding: 15px; }
.banner .bnrmsg { right: 15px; }
.banner .bnrmsg a { font-size: 1.5em; text-decoration: underline; color: #fff; }
.content { margin-left: 10px; margin-right: 10px; }
.container .grid_3 { width: 100%; }
.connectbtns a { display: block; width: 100%; margin-bottom: 10px; }
}