@media (min-width: 520px) {
	body {
	  background:#f0eee9;
	  font-family:Helvetica, Arial, sans-serif;
	  margin:0;
	  color:#333;
	}
	
	p {
	  font-size:0.9em;
	  margin:0.7em 0.8em;
	}
	
	p.graytext {
	  color:#808080;
	}
	
	#loginbox, #password_change {
	  margin: 5% auto;
	  width:23em;
	  padding:2em 3em;
	  background:white;
	  
	  -moz-border-radius:8px;
	  -webkit-border-radius:8px;
	  border-radius:8px;
	  
	  -moz-box-shadow: 0px 2px 2px 0px rgba(150, 150, 150, 0.5);
	  -webkit-box-shadow: 0px 2px 2px 0px rgba(150, 150, 150, 0.5);
	  box-shadow: 0px 2px 2px 0px rgba(150, 150, 150, 0.5);
	  text-align:center;
	}
	
	img {
	  border:0;
	  margin-bottom:0.4em;
	}
	
	#line {
	  height:0;
	  border-bottom:1px solid #ebebeb;
	  margin-bottom:1.7em;
	}
	
	input.textinput {
	  font-family:Helvetica, Arial, sans-serif;
	  display:block;
	  
	  border: 1px solid #9d9d9d;
	  
	  box-shadow:inset 0px 2px 3px 0px rgba(150, 150, 150, 0.5), 0px 1px 1px 0px rgba(150, 150, 150, 0.5);
	  
	  -moz-border-radius:5px;
	  -webkit-border-radius:5px;
	  border-radius:5px;
	  
	  padding:0.6em;
	  font-size:1em;
	  width:21.1em;
	  background:#fbfbfb;
	  margin-bottom:1.5em;
	  color:#999999;
	}
	
	span#username_ro_text {
	  font-family:Helvetica, Arial, sans-serif;
	  display:block;
	  
	  border:none;
	  border: 0px;
	  padding:0.6em;

	  font-size:1em;
	  width:95%;
	  background:#fbfbfb;
	  margin-bottom:1.5em;
	  color:#999999;
	  text-align:center;
	}
	#password, #password_confirm, #username {
	  margin-bottom:0.5em;
	}
	
	#pw {
	  color:black;
	}
	
	#pwtext,.pwtext {
	  display:block;
	  float:left;
	  height:1em;
	  width:5em;
	  font-size:1em;
	  color:#999999;
	  padding-left:0.4em;
	  position:relative;
	  top:1.6em;
	}
	
	input.textinput:focus {
	  background:#f6f6f6;
	}
	
	input:focus {
	  outline:0;
	}
	
	#button_login, #button_change_password {
	  display:block;
	  text-decoration:none;
	  color:white;
	  font-weight:bold;
	  font-size:1em;
	  text-shadow: 0px -1px 0px #b35517;
	  border:1px solid #aa4400;
	  
	  background:#eb8425;
	  
	  background: -moz-linear-gradient(top, #eb8425 0%, #e87421 50%, #e5661c 51%, #e25919 100%);
	  
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb8425), color-stop(50%,#e87421), color-stop(51%,#e5661c), color-stop(100%,#e25919));
	  background: -webkit-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
	  
	  background: -o-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
	  background: -ms-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
	  background: linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
	  
	  -moz-box-shadow: 0px 1px 2px #b35517;
	  -webkit-box-shadow: 0px 1px 2px #b35517;
	  box-shadow: 0px 1px 2px #b35517;
	  
	  padding:0.8em 2.0em;
	  
	
	  border-radius: 25px;
	  
	  cursor:pointer;
	  width:22em;
	  
	}
	
	.notify {
	  display:none;
	  color:#f47421;
	  font-size:1.1em;
	  padding-bottom:1em;
	  text-align:left;
	}
	.error_message {
	  display:none;
	  color:red;
	  font-size:1em;
	  padding-bottom:1em;
	  text-align:left;
	}
	.orange {
	  color:#e66c1e;
	}
	
	.clickable {
	  cursor:pointer;
	}
}

@media (max-width: 520px) {
	body {
		background: #fff;
	}
	#loginbox, #password_change {
		margin: auto 3%;
		width: 94%;
		padding: 2em 0em;
		background: white;
		border: none;
		text-align: center;
		-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
	}
	input.textinput {
		font-family: Helvetica, Arial, sans-serif;
		display: block;
		border: none;
		box-shadow: inset 0px 2px 3px 0px rgba(150, 150, 150, 0.5), 0px 1px 1px 0px rgba(150, 150, 150, 0.5);
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		padding: 0.6em;
		font-size: 1em;
		width: 94%;
		border: 1px solid #9d9d9d;
		background: #fbfbfb;
		margin-bottom: 1.5em;
		color: #999999;
	}
	#button_login, #button_change_password {
		display: block;
		text-decoration: none;
		color: white;
		font-weight: bold;
		font-size: 1em;
		text-shadow: 0px -1px 0px #b35517;
		border: 1px solid #aa4400;
		background: #eb8425;
		background: -moz-linear-gradient(top, #eb8425 0%, #e87421 50%, #e5661c 51%, #e25919 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb8425), color-stop(50%,#e87421), color-stop(51%,#e5661c), color-stop(100%,#e25919));
		background: -webkit-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
		background: -o-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
		background: -ms-linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
		background: linear-gradient(top, #eb8425 0%,#e87421 50%,#e5661c 51%,#e25919 100%);
		-moz-box-shadow: 0px 1px 2px #b35517;
		-webkit-box-shadow: 0px 1px 2px #b35517;
		box-shadow: 0px 1px 2px #b35517;
		padding: 0.8em 2.0em;
		border-radius: 25px;
		cursor: pointer;
		width: 100%;
	}
	#pwtext, .pwtext {
		display: block;
		float: left;
		height: 1em;
		width: 5em;
		font-size: 1em;
		color: #999999;
		padding-left: 0.4em;
		position: relative;
		top: 1.6em;
	}
}