/* Created by RP to test global media query style to link as needed */

/* =================================== Notes =================================== */

/* Add link to "/Scripts/GlobalStyle/GlobalMediaQueries.css" in local header */
/* Link before site stylesheet for ability to adjust/override locally */
/* 
   Templates requiring GlobalMediaQueries.css to be responsive:

	LoginResponsiveTest.tpl (Change to Login.tpl when ready)
	GoToUpdateAccountResponsiveTest.tpl (Change to GoToUpdateAccount.tpl when ready)
*/

/* ============================ Begin Media Queries ============================ */

/* =================================== Login =================================== */
/* Also used for GoToUpdateAccount.tpl */

/* MOVING DOWN BELOW 768 */
@media screen and (max-width: 768px) {

	#loginWrapper #loginLeft { width: 100%; }

	#loginWrapper #loginRight { width: 100%; }

	#loginLeft {width:100%}

	#loginLeft table { margin: 0 auto; }

	#loginRight {width:100%}

}

/* MOVING DOWN BELOW 600 */
@media screen and (max-width: 600px) {

	#loginWrapper .login {
		width: 80%; /* arrived at arbitrarily*/
	}

	#loginWrapper a#whatsThis { font-size: 1em; }
}

/* MOVING DOWN BELOW 480 */
@media screen and (max-width: 480px) { 

	#loginWrapper .login {
		width: 90%; /* arrived at arbitrarily*/
	}
}