I'm attempting to create a login page using CSS using an external css sheet. Here is my html code:
Code:
<!doctype html>
<html>
	<head>
		<Title>EMP - Login</title>
		<link rel="stylesheet" type="text/css" href="login.css">
	</head>
	
	<body>
		<h1>Login</h1>
		<table id="user_and_pass">
			<tr>
				<td id="tbl_user">Username:</td>
				<td id="tbl_user_txt"><input type="text", name="txt_user"></td>
			</tr>
			<tr>
				<td id="tbl_pass">Password:</td>
				<td id="tbl_pass_txt"><input type="text", name="txt_pass"></td>
			</tr>
			<tr>
				<td id="tbl_casing">Passwords are case sensative.</td>
			</tr>
			<tr>
				<td id="tbl_forgot"><a href="">Forgot your password?</a>
				<td id="tbl_btn_login"><button name="btn_login">Login</button></td>
			</tr>
		</table>
		
		<table id="new_user">
			<tr>
				<td id="tbl_new_acc">Don't have an account?</td>
			</tr>
			<tr>
				<td id="tbl_new_acc_btn"><button name="btn_new_account">Get one now</button></td>
			</tr>
			<tr>
				<td id="tbl_easy">It's easy!</td>
			</tr>
		</table>

</html>
So far I'm only trying to format some of the td's:
Code:
#tbl_casing td
{
color:grey;
margin-left:30px;
margin-top:20px;
font-size:14px;
}
But the formatting isn't showing up in my page. Am I presenting my css wrong?