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

*{
	margin: 0;
	padding: 0;
}



/* Move down content because we have a fixed navbar that is 50px tall */
body {
  background:#e2fcfd;
  font-family: 'Lucida Grande', Tahoma;
  font-size:12px;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	color: #219998;
}

.bg{
	background: #50c6c6;
}



/*.login-aria {
  float: left;
  background-color: #50c6c6;
  width: 100%;
  height: auto;
  padding: 10px 40px;
  margin: 140px 1px 20px 1px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}*/




.create-ac-text{
	text-align: center;
}

.input-height{
	height: 35px;
}

.captcha{
	height: 35px;
	width: 100px;
}

.button-height{
	height: 40px;
	width: 100%;
}


.login-aria form .btn-primary {
  color: #fff;
  font-size: 18px;
  background-color: #219998;
  border-color: #219998;
}
.login-aria form .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #FFF;
    font-size: 18px;
    background-color: #50c6c6;
    border-color: #219998;
}


.login-aria form .form-group {
    margin-bottom: 3px;
}


#security-code {
    float: left;
    /*display: inline;*/
}

#captcha1 {
    margin-bottom: 3px;
    /*display: inline;*/
}


.lr-padding{
	padding-left: 1px;
	padding-right: 1px;
}


#fname {
    float: left;
    margin-bottom: 3px;
    /*display: inline;*/
}

#lname {
    margin-bottom: 3px;
    /*display: inline;*/
}


#pass {
    float: left;
    margin-bottom: 3px;
    /*display: inline;*/
}

#re-pass {
    margin-bottom: 3px;
    /*display: inline;*/
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: inline;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 4px 10px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.error{
	font-size: 12px;
	color: #FF3903;
	font-weight: normal;
}

.dob{
	font-size: 12px;
	font-weight: normal;
}

.login-text{
	text-align: center;
}

.m-footer-link a{
    color:#fff;
}

.m-footer-link a:active, a:focus , a:hover{
    color:#fff;
}

/***************************************************************************
	                   MEDIA QUERY FOR Mobile Index PAGE 	
***************************************************************************/

	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1920px) {


	}

	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1200px) {


	}

	/* Medium Devices, Desktops */
	@media only screen and (max-width : 992px) {
	

	}


	/* Small Devices, Tablets */
	@media only screen and (min-width: 768px) {

		.container {
		  margin: 0 auto;
		  width: 520px;
		  height: 100%;
		  border-width: 0 1px 1px 1px;
		  border-color: #ddd;
		  border-style: solid;
		  text-align: left;
		  background: #DADADA;
		}

		#loginpage .logo{
			padding: 4% 43%;
		}
                
                #signuppage .logo{
			padding: 4% 43%;
		}
                #forgotpage, #signuppage{
                    margin-top:20px;
                }
                #forgotpage .logo{
			padding: 4% 43%;
		}
                #forgotpage .sign-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 15px;
		}
		#forgotpage .sign-ac:visited {
			color: #8a8a8a;
			text-decoration: blink;
			font-size: 15px;
		}
		#forgotpage .sign-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration:underline;
			font-size: 15px;
		}
                #forgotpage .login-aria form hr {
                        background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
                        border: medium none;
                        color: #333;
                        height: 2px;
                        padding: 0;
                        text-align: center;
                }
                #forgotpage .loginviatext {
                        color: #8a8a8a;
                        font-size: 22px;
                    }


		.lr-padding {
		    padding-right: 0px;
		    padding-left: 0px;
		}

		.form-inline .form-control {
		    vertical-align: middle;
		    display: inline-block;
		    width: 99%;
		}

		.login-aria {
		    float: left;
		    background-color: #DADADA;
		    width: 99%;
		    height: auto;
		    padding: 10px 40px;
		    margin: 10px 1px 20px;
		    display: table-cell;
		    text-align: left;
		    vertical-align: middle;
		}

		/* Styling for blue link  */
		.create-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 16px;
		}
		.create-ac:visited {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 16px;
		}
		.create-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 16px;
		}

		.dob-width{
			width: 32.6%;
                        color:#8a8a8a;
		}
                .dob{
                    color:#8a8a8a;
                }
                .termstext{
                    color:#8a8a8a;
                }
                
                .rtext{
                    color:#8a8a8a;
                }
                .cms-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 12px;
		}
		.cms-ac:visited {
			color: #8a8a8a;
			text-decoration: blink;
			font-size: 12px;
		}
		.cms-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration:underline;
			font-size: 12px;
		}
                #login-aria .copyright {
                    color: #8a8a8a;
                    font-size: 15px;
                    margin-left: 26%;
                }
	}


	/* Extra Small Devices, Phones */ 
	@media only screen and (max-width : 480px) {

		.container {
		  width: 100%;
		  background: #DADADA;
		  padding-right: 15px;
		  padding-left: 15px;
		  margin-right: 0;
		  margin-left: 0;
		}

		#loginpage .logo{
			padding: 4% 40%;
		}
                
                #signuppage .logo{
			padding: 4% 40%;
		}
                
                #forgotpage .logo{
			padding: 4% 40%;
		}
                #forgotpage .sign-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 15px;
		}
		#forgotpage .sign-ac:visited {
			color: #8a8a8a;
			text-decoration: blink;
			font-size: 15px;
		}
		#forgotpage .sign-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration:underline;
			font-size: 15px;
		}
                #forgotpage .login-aria form hr {
                        background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
                        border: medium none;
                        color: #333;
                        height: 2px;
                        padding: 0;
                        text-align: center;
                }
                #forgotpage .loginviatext {
                        color: #8a8a8a;
                        font-size: 22px;
                    }

		#loginpage, #signuppage, #forgotpage .login-aria {
		  float: left;
		  background-color: #DADADA;
		  width: 100%;
		  height: auto;
		  padding: 1px 20px;
		  margin: 10px 1px 92px 1px;
		  display: table-cell;
		  text-align: left;
		  vertical-align: middle;
		}

		/* Styling for blue link  */
		.create-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 16px;
		}
		.create-ac:visited {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 16px;
		}
		.create-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 16px;
		}

		.dob-width{
			width: 32.4%;
                        color:#8a8a8a;
		}
                .dob{
                    color:#8a8a8a;
                }
                .termstext{
                    color:#8a8a8a;
                }
                .cms-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 12px;
		}
		.cms-ac:visited {
			color: #8a8a8a;
			text-decoration: blink;
			font-size: 12px;
		}
		.cms-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration:underline;
			font-size: 12px;
		}
                #login-aria .copyright {
                    color: #8a8a8a;
                    font-size: 15px;
                    margin-left: 18%;
                }

	}

	/* Custom, iPhone Retina */ 
	@media only screen and (max-width : 320px) {

		.container {
		  padding-right: 15px;
		  padding-left: 15px;
		  margin-right: 0;
		  margin-left: 0;
		  width: 100%;
		  background: #DADADA;
		}
                #loginpage .container {
		  padding-right: 15px;
		  padding-left: 15px;
		  margin-right: 0;
		  margin-left: 0;
		  width: 100%;
		  background: #dadada;
		}

		#loginpage .logo{
			padding: 4% 36%;
		}
                
                #signuppage .logo{
			padding: 4% 36%;
		}
                
                #forgotpage .logo{
			padding: 4% 36%;
		}
                #forgotpage .sign-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 15px;
		}
		#forgotpage .sign-ac:visited {
			color: #8a8a8a;
			text-decoration: blink;
			font-size: 15px;
		}
		#forgotpage .sign-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration:underline;
			font-size: 15px;
		}
                #forgotpage .login-aria form hr {
                        background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
                        border: medium none;
                        color: #333;
                        height: 2px;
                        padding: 0;
                        text-align: center;
                }
                #forgotpage .loginviatext {
                        color: #8a8a8a;
                        font-size: 22px;
                    }

		#loginpage, #signuppage, #forgotpage .login-aria {
		  float: left;
		  background-color: #DADADA;
		  width: 100%;
		  height: auto;
		  padding: 1px 20px;
		  margin: 10px 1px 34px 1px;
		  display: table-cell;
		  text-align: left;
		  vertical-align: middle;
		}

		/* Styling for blue link  */
		.create-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 16px;
		}
		.create-ac:visited {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 16px;
		}
		.create-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 16px;
		}
		.form-control {
		    background-color: #fff;
		    background-image: none;
		    border: 1px solid #ccc;
		    border-radius: 4px;
		    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
		    color: #555;
		    display: inline;
		    font-size: 14px;
		    height: 30px;
		    line-height: 1.42857;
		    padding: 4px 10px;
		    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
		}

		.dob-width{
			width: 32.3%;
                        color:#8a8a8a;
		}
                .dob{
                    color:#8a8a8a;
                }
                .termstext{
                    color:#8a8a8a;
                }
                .cms-ac:link {
			color: #8a8a8a;
			text-decoration: none;
			font-size: 12px;
		}
		.cms-ac:visited {
			color: #8a8a8a;
			text-decoration: blink;
			font-size: 12px;
		}
		.cms-ac:hover, a:active, a:focus {
			color: #8a8a8a;
			text-decoration:underline;
			font-size: 12px;
		}
                #login-aria .copyright {
                    color: #8a8a8a;
                    font-size: 15px;
                    margin-left: 10%;
                }


	}
	[ng\:cloak], [ng-cloak], .ng-cloak {
		display: none !important;
	}