base.css

/**  *Copyright (c) 2011-04-09, W3cplus.com. All rights reserved  *Based on YIU and Eric Meyer  */ 
body {
	font: 13px/1.5;
	*font-size: small;		/* for IE */
	*font-size: x-small;	/* for IE in quirks mode */
}

select, input, button, textarea {
	font: 99% sans-serif;
}

pre, code, kbd, samp, tt {
	font-family: monospace, sans-serif;
}

/* em value base on the 13px */
h1 {
	font-size: 1.846em; /* 24px */
}

h2 {
	font-size: 1.538em; /* 20px */
}

h3 {
	font-size: 1.231em; /* 16px */
}

h4 {
	font-size: 1.154em;	/* 15px */
}

h5, h6 {
	font-size: 1em;		/* 13px */
}

html {
	font-size: 100.01%;
	height: 100%;
	overflow-y: scroll;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #444;
	height: 100%;
	margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 strong, th, dt, b {
	font-weight: bold;
}

a, a:link {
	color: #ace;
	outline: none;
}

a:link {
	-webkit-tap-highlight-color: #ff5e99;
}

a:visited {
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

a:focus, :focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: none;
}

fieldset, img {
	border: none 0;
}

img {
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS2.1 */
	white-space: pre-line; /* CSS3 */
	word-wrap: break-word; /*IE*/
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
}

sub {
	top: -0.5em;
}

sup {
	bottom: -0.25em;
}

small {
	font-size: 85%;
}

/* Clear floats
 *
 */
.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	clear: both;
}

* html .clearfix {
	zoom: 1;
}

*:first-child+html .clearfix {
	zoom: 1;
}

.hidden {
	border: 0 !important;
	clip: rect(1px 1px 1px 1px); /*IE<8*/
	clip: rect(1px,1px,1px,1px);
	height: 1px !important;
	margin: -1px;
	overflow: hidden;
	padding: 0 !important;
	position: absolute !important;
	width: auto;
}

/*
 * Table
 */
th {
	text-align: center;
}

tbody th {
	text-align: left;
}

td {
	vertical-align: top;
}

/**
 * Form
 */
form {
	overflow: visible;
}

input:focus, textarea:focus, select:focus {
	outline-width: 0;
}

input[type="text"], input[type="password"],
input[type="select"],input[type="search"],
input[type="file"],textarea,select {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border-color: #c4c4c4 #e9e9e9 #e9e9e9 #c4c4c4;
	border-style: solid;
	border-width: 1px;
	padding: 3px 5px;
	color: #777;
	font-size: 12px;
	width: 35%;
}

input:focus, textarea:focus {
	-webkit-box-shadow: 0 0 2px rgba(196,196,196,0.5);
	box-shadow: 0 0 2px rgba(196,196,196,0.5);
	-webkit-focus-ring-color: none;
	border-color: #c4c4c4;
	background-color: #FFFFF0;
}

label {
	font-weight: normal;
}

label.required:after {
	content: "*";
	color: red;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

fieldset {
	line-height: 1;
}

input[type="checkbox"] {
	vertical-align: bottom;
	*vertical-align: baseline;/*IE7*/
}

input[type="radio"] {
	vertical-align: text-bottom;
}

input {
	_vertical-align: text-bottom;
}

select {
	background-color: transparent;
}

/* Make button nice in IE
 * This is to fix IE6 and IE7 which create extra right/left padding on buttons
 * IMPORTANT: because IE6 does not understand the selector like input[type="button"],so you need to apply the class "form-btn" to all input of tpye="button" in your documents
 */
button, input[type="submit"], input[type="reset"], 
input[type="button"],.form-btn {
	width: auto;
	*width: 0;
	overflow: visible;
}

label, input[type="button"], input[type="submit"], 
input[type="reset"], input[type="image"], button {
	cursor: pointer;
}

button, input, select, textarea {
	margin: 0;
}

input:valid, textarea:valid { }
input:invalid, textarea:invalid {
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-webkit-box-shadow: 0px 0px 5px red;
	box-shadow: 0px 0px 5px red;
}

textarea {
	overflow: auto;
}

legend {
	*margin-left: -7px; /* IE<8 */
}

/**  *Messages && Error && Warning  */ 
.error { 
	color: #666; 
}  
.warning { 
	color: #e09010; 
}  
.ok, .status { 
	color: #008000; 
}
input.error,textarea.error,select.error { 
	border: 1px solid #e5e5e5; 
}  
div.ok,span.ok,div.status,span.status,
div.error,span.error, div.warning,
span.warning,div.messages { 
	border: 1px dotted #2d6ea8;
	border-width: 1px 0;
	margin: 0 0 15px;
	padding: 5px 10px;
	position: relative; 
}  
div.ok,span.ok,div.status,
span.status, div.messages.ok,
div.messages.status {
	background: #f0f5fb; 
}  
div.error,span.error,div.messages.error {
	background: #ffc4c1; 
}  
div.warning,span.warning,div.messages.warning {
	background: #fdfed2; 
}  
.messages h2 {
	border: 0 !important; 
	clip: rect(1px 1px 1px 1px);/*IE<8*/
	clip: rect(1px,1px,1px,1px); 
	height: 1px !important; 
	margin: -1px; 
	overflow: hidden; 
	padding: 0 !important; 
	position: absolute !important;
	width: auto; 
}  
.messages li {
	list-style-type: disc; 
	list-style-position: inside; 
}