.login {
    /* Size and position */
    width: 300px;
    margin: 10px auto 10px auto;
    padding: 10px; 
    border: 1px solid #cccccc;
    background: #f9f9f9;
}

.login input[type=text],
.login input[type=password] {
    /* Size and position */
    width: 280px;
    padding: 8px 10px 8px 10px;
    margin-bottom: 15px;
 
    /* Styles */
    border: 1px solid #e6e6e6;
    background: #ffffff;
    border-radius: 2px;
 
}

.login input[type=password] {
	font-family: Arial, Helvetica, sans-serif;
}

.login input[type=text]:hover, .login input[type=text].focus,
.login input[type=password]:hover, .login input[type=password].focus {
	border: 1px solid #cccccc;
}
 
.login input[type=submit] {
    /* Size and position */
    width: 300px;
    padding: 8px 5px;
     
    /* Styles */
    background: #e8f0f2;
	background: linear-gradient(rgba(253,253,253,1.0), rgba(215,216,225,1.0));  
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    cursor: pointer; 
    color: #30295e;
}

.login input[type=submit]:hover, .login input[type=submit].focus {
    background: #d7d8e1;
    background: linear-gradient(rgba(253,253,253,1.0), rgba(232,240,242,1.0));   
}
  
.login label, .upload-form label {
    padding: 0 0 5px 2px;
}

.upload-form {
    /* Size and position */
    width: 300px;
    margin: 50px auto 20px auto;
    padding: 10px; 
    border: 1px solid #cccccc;
    background: #f9f9f9;
}

.upload-form .progress {
  height: 20px;
  border-radius: 4px;
  margin: 10px 0;
  background-color: #e6e8ec;
}

.upload-form button {
    /* Size and position */
    width: 300px;
    padding: 8px 5px;
     
    /* Styles */
    background: #e8f0f2;
	background: linear-gradient(rgba(253,253,253,1.0), rgba(215,216,225,1.0));  
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    cursor: pointer; 
    color: #30295e;
}

.upload-form button:disabled {
    color: #888888;
}