/***********************************
* Some css rules from gumby.css
************************************/

html * {
    /* -webkit-box-sizing: border-box; */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/***********************************
* auth.css
************************************/

body  
{
    font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size:14px;
    height:100%;
    margin:0;
    padding:0;
    width:100%;
    text-shadow: none!important;
}
textarea, input{
    outline: 0;
}
input { outline: none; }
:focus {
  outline-color: transparent;
  outline-style: none;
}
#companyLogo { margin:5px 0 0 10px;padding:4px;max-width:100%;max-height:100%; }


.loginFormCtn {
  background:url('/images/layout/login_texture.png');
  width: 401px;
  min-height: 360px;
  /* height: 320px; */
  margin: 10% auto;
  border: 1px solid #ddd;
}

.loginFormCtn:focus { outline:none; }
.titleBar {
	background:url('/images/layout/login_titlebar.png') no-repeat;
	width:405px;
	height:47px;
	margin:20px 0 0 -6px;
	float:left;
	clear:both;
}
.titleBar .title {
	margin:15px 0 0 20px;
	color:#FFF;
	font-family:Arial;
	font-weight:bold;
	font-size:15px;
}

#frmLogin {
    background: rgba(0, 0, 0, 0.57);
    border: 1px solid #000000;
    max-width: 400px;
    padding: 10px;
    color: #fff;
}


#LogonBtn {  
    width: 130px;
    height: 40px;
    cursor: pointer;
    display: inline-block;
}


.clearFix { clear:both; }





@media screen and (max-width: 600px) {
}

.emmslogo {
    display: block;
    height: 80px;
    margin: 0 auto;
    max-width: 400px;
    background: URL(images/emmsLogo.png) no-repeat center;
    background-size: 291px 80px;
}
.oldie .emmslogo{ background: url(/images/emmsLogo1x.png) no-repeat center; }

.socialLogin
{
  text-align: center;
}

.signInWith{
  text-align: center;
  margin: 10px 10px 0;
}
a#ForgotPasswordLink {
    margin: 10px;
    cursor: pointer;
    text-align:center;
    display:block;
    color: #ffcd03;
}

.loginMsg.danger {
    color: red;
}
.loginMsg {
    padding: 0 10px;
    margin-bottom: 8px;
    font-size: 14px;
    font-size: 0.875rem;
}

.emailValidationView { width:400px; height: 500px; }
.emailValidationView .box-content { height: 444px;}
@media ( max-width:500px ) {
  .emailValidationView { width:400px; height: 500px; }
    .emailValidationView .box-content { height: 444px;}
}
@media ( max-width:400px ) {
  .emailValidationView { width:320px; height: 420px; }
  .emailValidationView .box-content { height: 364px;}
}

.ctnButton {
    text-align: center;
}
body {
    background-attachment: fixed;
    background-image: url('images/splash_bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
}

.powered {
	background: url(images/dplsplat.png) no-repeat center;
	background-size: 200px 146px;
	margin: auto;
	width: 200px;
	height: 146px;
	text-align: center;
	font-size: 12px;
	padding-top: 5px;
    color: #fff;
}

.norules {
	background: url(images/norules.png) no-repeat center;
	background-size: 300px 44px;
	margin: auto;
	width: 300px;
	height: 45px;
	text-align: center;
    margin-top: -45px;
    color: #fff;
}
  


.ctnField { margin: 10px 5px; height: 30px; font-size: 14px; }
.authCtn div label { display: inline-block; width: 80px; }
.ctnField  input[type="text"], .ctnField  input[type="password"] { height: 30px; width: 280px; padding: 8px; border: none; }

#frmLogin .ctnButton { height: 50px; }

.authCtn {
    width: 400px;
    vertical-align: middle;
    padding-top: 10%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}