body , html        {font-family: Monaco, Menlo, Consolas, "Courier New", monospace; line-height: 1.3em; -webkit-font-smoothing: antialiased; color:#036; margin:0px; padding:0px;font-size: 16px;}


.container          {width: 350px;margin: 15% auto;background-color: #FFF; border: 1px solid #999;padding: 20px;webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}

input              { padding: 7px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; 
						 text-align: center; font-weight: bolder;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; width: 330px;}



p                  {text-align: center;}
.normal            { border: 1px solid #003366; background-color: #EAF4FF;}
.login-error       {border: 1px solid #860000; margin: 1% 0.5%; padding: 0.3% 0.5%; font-size: small; color: #860000; text-align: center; background: #FFD3D3}

@media only screen and (min-width:960px){
        /* styles for browsers larger than 960px; */
}
@media only screen and (min-width:1440px){
	/* styles for browsers larger than 1440px; */
}
@media only screen and (min-width:2000px){
	/* for sumo sized (mac) screens */
}
@media only screen and (max-device-width:480px){
   /* styles for mobile browsers smaller than 480px; (iPhone) */
	body , html        {font-size: small; margin:0; padding:0;}
	.container         {width: 90%;margin:10% auto;}
	input              {padding: 7px; font-size: inherit;width: 94%;}
}
@media only screen and (device-width:768px){
   /* default iPad screens */
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
	body , html      {font-size: small; margin:0; padding:0;}
	.container       {width: 60%;margin: 20% auto;}
	input            { padding: 7px; font-size: inherit;width: 90%;}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
	body , html      {font-size: small; margin:0; padding:0;}
	
	.container       {width: 90%;margin:20% auto;}
	input            { padding: 7px; font-size: inherit;width: 90%;}
}