/* CSS Document */


/*COMMON STYLES */
#Login-index #login_content { height:400px; }

/* LOGIN FORM */
#Login-index #login_form{ width: auto; padding-bottom: 35px; }

    #login_form input[type=text],  #login_form input[type=password], #login_form input[type=submit]  {display:block; }
    #login_form #notice, #forgot_form #notice, #login_form .change_password .notice { color:#d2810c; font-size: 14px;}
    #login_form #error, #forgot_form #error { color:#bc2429; font-size: 14px;}
       .instruction {font-size:1.2em; color: #636363; max-width: 700px;} 
    
#login_title {	color: #5ba1d7;	font-weight: 300;	font-size: 2.75em;}
#login_people { height: 287px; background: url("../images/grey_people.png") no-repeat left bottom transparent; border-bottom: thin dotted #ccc;}

#Login-index a.registration { color:#156EB1; font-weight: 500; font-size: 1.25em; background: #e1e4e6; border: 0; -moz-border-radius: 5px;	border-radius: 5px;	padding: 3px 10px; text-transform:uppercase;}
#Login-index a:hover.registration { color:#8ac21d;}

/* FORGOT FORM */
#Login-forgotPassword #forgot_form, #Login-forgotPassword .page_title {padding-left: 15px;}
#Login-forgotPassword #forgot_form #back_login { display:block; }

/* REMIND / FORGOT PASSWORD */
#Remind-index form,
#Register-index form,
#Remind-index #remind_title,
#Remind-challengeQuestion form,
#Remind-challengeComplete form {
    margin: 0 auto;
    width: 550px; }
#Remind-index form input[type="text"],
#Register-index form input[type="text"],
#Remind-challengeQuestion form input[type="text"],
#Remind-challengeComplete form input[type="text"] {
    width: 250px;
    border: 1px solid #b6b6b6;
    background: #f8f8f8;
    font-size: 16px;
    padding: 6px;
    color:#515151;
    border-radius: 4px;
}
#Register-index form input[type="password"] {
    width: 250px;
    border: 1px solid #b6b6b6;
    background: #f8f8f8;
    font-size: 16px;
    padding: 6px;
    color:#515151;
    border-radius: 4px;
}

#Remind-index #remind_title {
    color: #5ba1d7;
    font-weight: 300;
    font-size: 2.75em;
}

#Remind-index form input[type="text"]:focus,
#Register-index form input[type="text"]:focus,
#Remind-challengeQuestion form input[type="text"]:focus ,
#Remind-challengeComplete form input[type="text"]:focus {
    background: #c2dcf0; }


#Remind-index #content p,
#Remind-challengeQuestion #content p,
#Remind-challengeComplete #content p {
    color: #13436f;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
}

#Remind-index #content p {
    display: block;
}

#Remind-index div.section,
#Remind-challengeQuestion div.section,
#Remind-challengeComplete div.section {
    margin-bottom: 35px; }

#Remind-index div.section h1,
#Remind-challengeQuestion div.section h1,
#Remind-challengeComplete div.section h1 {
    font-size: 24px;
    margin-bottom: 0; }

#register {
    margin: 0 auto;
    width: 500px; }
#register div {
    margin-bottom: 15px;
    position: relative; }
#register label {
    display: block;
    color: #13436f;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 3px;}
#register input, #register select {
    display: block; }
#register input[type="text"],
#register input[type="password"] {
    width: 220px; }
#register p.heading {
    font-size: 16px;
    margin: 24px 0 20px 0;
    border-bottom: 3px solid #a7b2b8;
    line-height:40px;
}
#register div .info {
    color: #666666;
    margin: 0 0 3px 0;
    padding: 0px;
    font-size: 11px;
}

#register fieldset.submit {
    padding:15px 0 0 0;
    border-top: 3px solid #a7b2b8;
}

#Register-success #content p,
#Register-complete #content p {
    font-size: 20px; }



#Remind-index #site_logo_login,
#Remind-challengeQuestion #site_logo_login,
#Remind-challengeComplete #site_logo_login,
#Register-success #site_logo_login,
#Register-complete #site_logo_login
{

    background: rgba(0, 0, 0, 0) url("../images/celltrak_login_logo.svg") no-repeat scroll 0 0 / 500px 85px;
    display: block;
    height: 85px;
    margin: 45px auto 0;
    width: 500px
}

#Remind-index #content,
#Remind-challengeQuestion #content,
#Remind-challengeComplete #content,
#Register-success #content,
#Register-complete #content
{
    margin-left : auto;
    margin-right: auto;
    padding: 10px 30px 50px 220px;
    text-align: left;
    width: 550px;

}


#Remind-challengeComplete #content,
#Register-success #content,
#Register-complete #content,
#Remind-contactAdmin #content,
#Register-notFound #content,
#Interrupt-denied #content,
#Interrupt-off #content,
#Interrupt-error #content,
#Interrupt-maintenance #content
{
    text-align: left;
    font-size: 16px;
}

/* END COMMON STYLES */


/* START TABLET FORMAT SCREEN STYLES */
@media screen and (min-width: 640px) and (max-width: 1024px) 
{

#Login-index #login_form input[type=text],  #Login-index #login_form input[type=password], #Login-index #login_form input[type=submit]  {display:inline-block; text-align:center; }
#login_title {	text-align: center;}
#login_people { height: 200px; background: url("../images/grey_people.png") no-repeat center bottom transparent; background-size: 400px 168px; margin-bottom: 10px; border-bottom:none;}

/* LOGIN FORM */
#Login-index #login_form{ width: auto; text-align:center;}

/* END TABLET FORMAT SCREEN STYLES */
}

/* START SMALL FORMAT SCREEN STYLES */
@media screen and (min-width: 0px) and (max-width: 639px) {

/* LOGIN FORM */
#Login-index #login_form { width: auto; padding-bottom: 10px;  padding-left: 10px; text-align: center; margin-top:10px;}
    #Login-index #login_form form { text-align: center;}
    #Login-index #login_form input[type=text], input[type=password], #Login-index #login_form input[type=submit]  {display:block; text-align: center; margin: 15px auto; }
#login_title { font-size: 2.25em; width:auto; padding: 0px 10%; text-align:center; }
#login_people { height: 211px; margin-bottom: 0px; background: url("../images/grey_people_mobile.png") no-repeat center top transparent; background-size: 290px 211px;  padding-left: 10px; border-bottom:none; }



/* END SMALL FORMAT SCREEN STYLES */
}