
/********* START RESPONSIVE Applicant Intake LOGIN SCREEN BY: BRIAN DENNIS Aug-2016 *********/

.fixed_to_top {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 1000;
}


@media screen and (max-width: 982px) {
	
	/***************************** Tablet and smaller ****************************/
 	#big_wrapper {width: 100%; margin-top: 0px; border: none;}
	#content_column { width: 100%; background-color: white;}
	#page_wrapper {background: white;}
	.second_left {width: 100%; padding: 0px;}
	#left-column-instructions { background: white;}	
	.menu-btn {
	    display: block;
	    position: absolute;
	    top: 6px;
	    right: 8px;
	}
    #logo_avue_central { padding-top: 35px;}
	#top_utility_links {
		width: 200px;
	    float: right;
	    margin: 0;
	    padding: 15px 0 0 0;
	    position: fixed;
	    top: -10px;
	    right: 0;
	}
	#top_nav { padding-top: 0px;}
	span#headerSecondText { display: inline-block;}
	.ie6 span#headerSecondText { display: inline-block;}
	#sign_up_login_applicants {
		background: #000;
	    min-height: 20px;
	    width: 100% !important;
	    margin-left: 0px;
	}
	#sign-up2 {display: none !important;}
	#loginForm .privacy_policy {display: none;}
	.links_group {display: none;}
	#footer #avue_logo {float: none; display: block; margin: auto;}
	#footer #avue_logo h4 {text-align: center;}
	.responsive-connection-links {display: block; margin: auto; text-align: center;}
	#affiliate-rotator {
		display: block;
	    margin: auto;
	    float: none;
	    margin-top: 15px;
	}
	#copyright {margin-top: 15px;}
	#signupDiv {
	    float: left;
	    text-align: center;
	    display: inline-block;
	    margin: 10px;
	    margin-top: 15px;
	    background: #ad1b1e;
	    color: white;
	    font-weight: bold;
	    padding: .4em 1em !important;
	    border: none;
	    text-align: center;
	    font-size: 13px;
	}
	#sign-up-splash {color: white; text-decoration: none; text-transform: none;}
	#sign-up-splash:hover {color: white;}
	#sign_up a:hover {text-decoration: underline; color: white; text-decoration-color: white;}
	#login {
		padding: 0;
	    height: initial;
	    display: inline-block;
	    float: right;
	}
	#login .button_wrapper{
	    position: initial !important;
    	margin-left: 0 !important;
	    float: right;
	    display: inline-block;
	    margin: 10px !important;
	    margin-top: 16px !important;
	    background: #ffffff;
	    color: black;
	    font-weight: bold;
	    padding: .4em 1em;
	    border: none;
	    width: 72px;
	    text-align: center;
	    font-size: 13px;
	}
	#login .button img {display: none;}
	#login .button_wrapper .button {color: black; font-size: 1.3em;}
	#login .button_wrapper .button:hover {text-decoration: underline; text-decoration-color: black;}
	#login-inputs {float: left; margin: 20px; margin-left: 0px;}
	#mp_right_column {overflow: auto;}
	/******************** END Tablet and smaller **********************/
}

@media screen and (max-width: 500px) {
	
	/******************** mobile phone and smaller **********************/
	#login {
		float: none;
	    margin: auto;
	    display: block;
	    width: 200px;
	}
	#signupDiv {
	    float: none;
	    margin: auto;
	    margin-left: auto !important;
	    display: block;
	    width: 74px;
	}
	#sign_up_login_applicants {padding-top: 10px; padding-bottom: 10px;}
	#login-inputs {
	    float: none;
	    margin: 0;
	    margin-top: 10px;
	    margin-bottom: 15px
	}
	#login .button_wrapper {
	    display: table;
	    float: none;
	    margin: auto !important;
	    margin-left: auto !important;
	    width: 74px;
	}
	#password-text {float: right;}
	/**************** mobile phone and smaller ***************/
}

/********* END RESPONSIVE LOGIN SCREEN BY: BRIAN DENNIS *********/