/* ---------------------------------------
reset
---------------------------------------- */

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend, input, textarea,
p, blockquote, th, td {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

img {
	border:0;
	vertical-align:bottom;
}

li {
	list-style:none;
}

/* form */

label {
	vertical-align:middle;
	cursor:pointer;
}
* html label {/* for IE6 */
	margin:0 0 0 -4px;
}

*:first-child+html label {/* for IE7 */
	margin:0 0 0 -4px;
}

label input {
	margin:0 4px 0 0;
}

* html label input {/* for IE6 */
	margin:0;
}

*:first-child+html label input {/* for IE7 */
	margin:0;
}

select {
	font-family:sans-serif;
}

option {
	padding:0 5px;
	font-family:sans-serif;
}

input {
	vertical-align:middle;
	padding:0 2px 2px;
	font-family:sans-serif;
}

* html input {/* for IE6 */
	padding:2px;
}

*:first-child+html input {/* for IE7 */
	padding:2px;
}

textarea {
	font-size:100%;
	vertical-align:middle;
	padding:0 0 0 2px;
	overflow-y:scroll;
	font-family:sans-serif;
}

* html textarea {/* for IE6 */
	padding:1px 0 1px 2px;
}

*:first-child+html textarea {/* for IE7 */
	padding:1px 0 1px 2px;
}

/* ---------------------------------------
clearfix
---------------------------------------- */

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}