standalone page styling 
<style>
body {
	padding:150px 50px;
	font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}
</style>





 styling of an exposed element 
<style>

#mask {
	
}

form.expose {
	border:1px outset #ccc;
	background:#fff url(img/expose/h150.png) repeat-x;
	padding:16px 10px 20px 4px;
	margin:10px 0;
	text-align:center;
	width:350px;
	-moz-border-radius:4px;
}

/* http://www.quirksmode.org/css/forms.html */
label, input {
	display: block;
	float: left;
	margin-bottom: 10px;
}

label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

remember {
	text-align: right;
	width: 80px;
	padding-right: 20px;
}

br {
	clear: left;
}
</style>