@charset "utf-8";
/* CSS Document */

body{font-family: 'BPreplayRegular', sans-serif, "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;font-size:14px;background:#f4f4f4;color:#333;margin:0;padding:0;}

img{border:none;}


#bg { position: fixed; top: 0; left: 0; width:100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8; height:100%;}

#LoginContainer{width:450px;margin:0 auto;position:relative; box-shadow:
-moz-box-shadow:1px 1px 7px #ccc;


box-shadow: -12px 10px -1px 0px rgba(0,0,0,0.95);}



#form1{ background:#343434;
-webkit-box-shadow: -12px 10px -1px 0px rgba(0,0,0,0.95);
-moz-box-shadow: -12px 10px -1px 0px rgba(0,0,0,0.95);
box-shadow: -12px 10px -1px 0px rgba(0,0,0,0.95);
margin:0 auto;width:450px;
box-shadow: 2px -2px 4px 1px rgba(0, 0, 0, 0.21) inset;
-moz-box-shadow:1px 1px 7px #ccc;
-webkit-box-shadow:1px 1px 7px #ccc;
box-shadow:1px 1px 7px #ccc;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(255, 255, 255, 0.4);
color: #7e7975;}
.LoginIcon {
background-image: url(/common/images/loginicon.png);
background-position: 210px 12px;
background-repeat: no-repeat;
}

#LoginContainer h3{color:#fff;font-family:'BPreplayRegular';}

#form1{ margin-top:50px;}

.LoginLogo {
    margin: 50px 0; text-align: center; cursor: pointer; display: block;}

.pager h1{padding:20px;background-color:#f99827;color:#3c3c3c;font-size:20px;border-bottom:1px solid #3c3c3c;margin:0;font-family:'BPreplayRegular';}

.LoginTextStrong{padding:10px 20px;}
.LoginText > a{color: #fdb924; text-decoration:none; text-shadow: 3px 3px 5px rgba(136, 136, 184, 1);font-weight: bold;}

.LoginText
{
position: absolute;
bottom: -60px;
width: 600px;
color: rgba(255, 255, 255, 1);
left: -12px;
text-decoration:none;text-shadow: 3px 3px 5px rgba(136, 136, 184, 1);
}

.LoginBox{padding:10px 20px;}

.LoginBox label{font-size:16px;display:block;margin-bottom:10px;color:#ccc;}

.LoginBox input{background: none repeat scroll 0 0 #eceaea;
    border: 1px solid #fff;
    border-radius: 3px;
    box-shadow: -2px 1px 5px 0 rgba(0, 0, 0, 0.2) inset;
    color: #3c3c3c;
border: 1px solid #3c3c3c;box-shadow: 0 0 8px #3c3c3c;display: block;padding: 7px;width: 75%;}

.LoginBox input:focus{background:#FEFFEF;}

.LoginBox .submit{background: #ec3e33;padding: 0px 0 0px;text-align: center;width: 150px;margin:15px 0 0 0;}

.LoginBox .submit a{color: #fff;font-size: 14px;font-weight: bold; text-decoration:none;display:block;width:150px;line-height:40px;}

.LoginBox .forgot{color:#fff; font-size:13px; text-decoration:none;}

.LoginBox .forgot:hover, .LoginBox .forgot:focus{text-decoration:underline;}

@font-face {
    font-family: 'BPreplayRegular';
    src: url('../fonts/bpreplay.eot');
    src: url('../fonts/bpreplay.eot') format('embedded-opentype'),
         url('../fonts/bpreplay.woff2') format('woff2'),
         url('../fonts/bpreplay.woff') format('woff'),
         url('../fonts/bpreplay.ttf') format('truetype'),
         url('../fonts/bpreplay.svg#BPreplayRegular') format('svg');
}
@media (max-width: 600px)
{
#LoginContainer{width:100%;}
#form1{width:100%;}
.LoginText{width:100%;left:5px;}
body{width:98%;}
}