* { margin:0;padding:0; text-decoration:none; list-style:none; border:none; outline:none;   } 

/* ------------------------------ General Styling ---------------------------- */
/* ------------------------------ Typography  ---------------------------- */
h1 { font-size:36px; color:#fff; font-weight:100; padding-top:3px;  }
h2 { font-size:32px; color:#fff; font-weight:100; }
h3 { font-size:24px; color:#fff; font-weight:100;  }
h4 { font-size:21px; color:#575757;  font-weight:100; text-shadow:none;  }
h5 { font-size:16px; color:#575757;letter-spacing:1.6px; margin-bottom:20px;text-transform:uppercase;   }
h6 { font-size:13px; color:#575757; margin-bottom:5px; text-transform:uppercase;color:#888;  }

body { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#565656; line-height:1.5; letter-spacing:1px; background:#2b2a2d url(bg.jpg);  }
label,textarea,input[type=text],input[type=password],input[type=submit] { display:block; padding:4px; margin:5px; -moz-outline-style:none;  }
label { color:#111111; }

/* ------------------------------ Login Page Styling  ---------------------------- */

#header { background:url(../images/log_imgs/header-bg.png) center top repeat-x; padding:6px 10px 18px 14px; text-align:center;    }
#header:after {  content:"."; display:block; visibility:hidden; height:0; clear:both;   }

#login-container { background:url(../images/log_imgs/login.jpg) center center no-repeat;  width:600px; margin-left:auto; margin-right:auto; margin-top:30px; padding:130px 10px 110px 20px;   }
#login-container form {  margin-left:150px; }
#login-container form label { font-size:18px; text-shadow:#fff 1px 1px 0px; margin-left:1px; color:#181818; }
#login-container form input[type=text],input[type=password] { background:#232323 url(../images/log_imgs/login-text-bg.jpg) repeat-x; padding:10px 5px; color:#fff; width:340px; border:1px solid #fff; border-left:1px solid #000000; border-top:1px solid #000000;  }
#login-container form input[type=submit] { margin-top:16px; margin-right:93px; float:right; cursor:pointer; padding:7px; position:relative;  }


#button {
	/* Legacy browsers */ 
	background: #0c0b0b url("gradient-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Recent browsers */
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#0c0b0b),
		to(#302e2e)
	);
	background: -webkit-linear-gradient(
		top,
		#0c0b0b,
		#302e2e
	);
	background: -moz-linear-gradient(
		top,
		#0c0b0b,
		#302e2e
	);
	background: -o-linear-gradient(
		top,
		#0c0b0b,
		#302e2e
	);
	background: linear-gradient(
		top,
		#0c0b0b,
		#302e2e
	);

    
    border: 1px solid;
    border-color: #282626 #0c0c0c #000000 #2e2929;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 1px #999999;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 7px 0;
    padding: 4px 13px;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(55, 55, 55, 0.2);
    cursor: pointer;
}

#button:hover {
    cursor:pointer;
    opacity: 0.9;
}

#username, #password{
    border-radius: 4px 4px 4px 4px;
    border:0;
}

.error{
    color: red;
}