body
{
    background-color: #EEEEEE;
}
img 
{
    float: left;
}
#container 
{
    width: 430px;
    margin:0 auto;
}

#container #login_fields input[type="submit"],
#container #login_fields input#login {
  width: auto;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1498e8), color-stop(100%, #07517e));
  background-image: -webkit-linear-gradient(#1498e8, #07517e);
  background-image: -moz-linear-gradient(#1498e8, #07517e);
  background-image: -o-linear-gradient(#1498e8, #07517e);
  background-image: -ms-linear-gradient(#1498e8, #07517e);
  background-image: linear-gradient(#1498e8, #07517e);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1498e8', endColorstr='#07517e')";
  box-shadow: none;
  color: #fff !important;
  border-color: #666;
  text-shadow: 0 1px 0 rgba(0,0,0,.7);
  float: left;
}
@media screen and (min-width : 281px) and (max-width:480px) 
{
            
    /* Styles */
    #container
    {
        width: 200px; 
        margin:0 auto;
        margin-left: auto;
        margin-right: auto;      
    }
    #login_fields
    {
        width: 100%;
    } 
    img 
    {

    }
}
        
@media screen and (max-width : 280px) 
{
    /* Smart Phone portrait Styles */
    #container 
    {
        width: 220px;
        margin-left: auto;
        margin-right: auto;          
    }
    #login_fields
    {
        margin-left: auto;
        margin-right: auto;
        width: 200px;
    } 
    img 
    {
        float:none;
        margin-left: auto;
        margin-right: auto;
    }
}