/*@import url("login.css");*/
@import url("login.css.uncompressed.css");

/* By default we enlarge buttons for 
 * easier access on mobile devices
 */
	#wplogin .wploginContainer input[type="submit"], 
	#wplogin .wpOpenIdContainer form input[type="submit"] {
		padding: 8px;
		width: 75%;
	}
	#wplogin .wploginContainer input[type="submit"],
	#wplogin .wploginContainer input[type="submit"].wploginButtonLogin,
	#wplogin .wploginContainer input[type="submit"].wploginButtonCancel {
		display: block;
		margin: 12px 0px 20px;
	}
    .macmui #wplogin .wploginContainer form input[type="submit"].wploginButtonLogin {
        margin-left: 25px;
        margin-right: 0px;
        width: 310px;
    }
    .macmui #wplogin .wploginContainer form input[type="submit"].wploginButtonCancel {
        margin-left: 25px;
        margin-right: 0px;
        width: 310px;
    }
    .macmui #wplogin.wploginRTL .wploginContainer form input[type="submit"].wploginButtonLogin {
        margin-left: 0px;
        margin-right: 25px;
        width: 320px;
    }
    .macmui #wplogin.wploginRTL .wploginContainer form input[type="submit"].wploginButtonCancel {
        margin-left: 0px;
        margin-right: 25px;
        width: 320px;
    }

/* tablet media query
 * should look similar to desktop
 * but on a compressed scale
 */
@media screen and (max-width: 896px) {
    #wplogin {
        width: 680px;
        overflow: hidden;
    }
    .macmui .macmStatusBar {
        width: 680px; 
    }
    #wplogin .wploginContainer {
        width: 300px;
    }
    #wplogin .wpOpenIdContainer {
        width: 275px;
    }
    #wplogin .wploginSeparator {
        margin: 159px 10px;
    }

    #wplogin .wploginContainer .userID_aliasContainer:after {
        right: 38px;
        bottom: 5px;
    }

    #wplogin .wploginContainer input[type="text"], 
    #wplogin .wploginContainer input[type="password"]   {
        width: 240px;
    }
    #wplogin .wpOpenIdGenericContainer input[type="text"] {
        width: 200px;
    }
    .macmui #wplogin .wploginContainer form input[type="submit"].wploginButtonLogin {
        margin-left: 25px;
        margin-right: 0px;
        width: 250px;
    }
    .macmui #wplogin .wploginContainer form input[type="submit"].wploginButtonCancel {
        margin-left: 25px;
        margin-right: 0px;
        width: 250px;
    }
    .macmui #wplogin.wploginRTL .wploginContainer form input[type="submit"].wploginButtonLogin {
        margin-left: 0px;
        margin-right: 25px;
        width: 260px;
    }
    .macmui #wplogin.wploginRTL .wploginContainer form input[type="submit"].wploginButtonCancel {
        margin-left: 0px;
        margin-right: 25px;
        width: 260px;
    }
}

/* helper for in between resolutions */
@media screen and (max-width: 680px) {
    #wplogin {
        width: 99%;
    }
    .macmui .macmStatusBar {
        width: 99%; 
    }
}

/* smartphone media query
 * takes into account iphone displays
 */
@media screen and (max-width: 480px), 
screen and (-webkit-min-device-pixel-ratio: 2) 
and (device-width: 320px),
screen and (-webkit-min-device-pixel-ratio: 2) 
and (device-width: 480px) {
    .wploginLeft{
        float: none;
    }
    #wplogin.wploginRTL .wploginLeft{
        float: none;
    }
    #wplogin {
        margin: auto 2.5%;
        overflow: hidden;
        width: 95%;
    }
    .macmui .macmStatusBar {
        width: 95%; 
    }
    #wplogin h1,
    #wplogin .wpOpenIdContainer form, 
    #wplogin .wploginGreeting,
    #wplogin .wpOpenIdContainer form span, 
    #wplogin .wpOpenIdContainer form input[type="submit"],
    #wplogin .wploginContainer label[for="userID_alias"], 
    #wplogin .wploginContainer label[for="password"],
    #wplogin .wploginContainer input[type="submit"], 
    #wplogin .wploginContainer input[type="text"], 
    #wplogin .wploginContainer input[type="password"],
    #wplogin .wploginRegister p,
    #wplogin.wploginRTL h1,
    #wplogin.wploginRTL .wpOpenIdContainer form, 
    #wplogin.wploginRTL .wploginGreeting,
    #wplogin.wploginRTL .wpOpenIdContainer form span, 
    #wplogin.wploginRTL .wpOpenIdContainer form input[type="submit"],
    #wplogin.wploginRTL .wploginContainer label[for="userID_alias"], 
    #wplogin.wploginRTL .wploginContainer label[for="password"],
    #wplogin.wploginRTL .wploginContainer input[type="text"], 
    #wplogin.wploginRTL .wploginContainer input[type="password"],
    #wplogin.wploginRTL .wploginRegister p {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
    }
    #wplogin .wploginContainer input[type="checkbox"] {
        margin-bottom: 0;
        margin-left: 0;
    }
    #wplogin.wploginRTL .wploginContainer input[type="checkbox"] {
        margin-right: 0;
        margin-left: 10px;
    }
    #wplogin .wploginContainer label[for="userID_alias"], 
    #wplogin .wploginContainer label[for="password"],
    #wplogin .wploginContainer input[type="submit"], 
    #wplogin .wploginContainer input[type="text"], 
    #wplogin .wploginContainer input[type="password"] {
        display: block;
    }
    .macmui #wplogin .wploginContainer form input[type="submit"].wploginButtonLogin {
        margin-left: 0px;
        margin-right: 0px;
    }
    .macmui #wplogin .wploginContainer form input[type="submit"].wploginButtonCancel {
        margin-left: 0px;
        margin-right: 0px;
    }
    .macmui #wplogin.wploginRTL .wploginContainer form input[type="submit"].wploginButtonLogin {
        margin-left: 0px;
        margin-right: 0px;
    }
    .macmui #wplogin.wploginRTL .wploginContainer form input[type="submit"].wploginButtonCancel {
        margin-left: 0px;
        margin-right: 0px;
    }
    #wplogin .wploginContainer input[type="submit"], 
    #wplogin .wpOpenIdContainer form span, 
    #wplogin .wpOpenIdContainer form input[type="submit"] {
        width: 94%;
    }     
    #wplogin .wploginContainer input[type="submit"] {
        margin: 20px auto;
    }
    #wplogin .wploginContainer, 
    #wplogin .wpOpenIdContainer {
        margin: 0 auto;
        min-height: 0;
    }
    #wplogin .wploginContainer {
        width: 100%;
    }
    #wplogin .wpOpenIdContainer {
        width: 100%;
    }                                                                               
    #wplogin .wploginContainer input[type="text"], 
    #wplogin .wploginContainer input[type="password"] {
        margin-left: 3.5%;
        margin-right: 2.5%;
        width: 90%;
    }
    .macmui #wplogin .wploginContainer input[type="text"], 
    .macmui #wplogin .wploginContainer input[type="password"] {
        margin-left: 0px;
        margin-right: 0px;
        width: 240px;
    }
    #wplogin .wpOpenIdGenericContainer input[type="text"] {
        width: 75%;
    }
    #wplogin .wploginSeparator {
        margin: 0;
    }
    .tooltip #userID_aliasWarn {
        left: 33%;
    }
}