@font-face {
    font-family:'regular';
    src:url('../font/TitilliumWeb-Regular.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family:'bold';
    src:url('../font/TitilliumWeb-Bold.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

* {
    border:0;
    margin:0;
    padding:0;
}

body {
	background-color:#FFF;
	color:#444;
    font-family:regular;
    padding:20px;
}

input, textarea, select {
    font-family:regular;
    border:solid 1px #A9A9A9;
    padding:2px 4px;
    border-radius:2px;
}

h1 {
    font-family:bold;
}

/* FIELD */
.field {
    margin-bottom:20px;
}

/* TABLE */
table.datagrid {
    border-collapse: collapse;
    font-size: 0.8em;
}
table.datagrid tr th {
    background-color: #D0D0D0;
}
table.datagrid tr:nth-child(2n+1) td {
    background-color: #F3F3F3;
}
table.datagrid tr th,
table.datagrid tr td {
    padding: 2px 8px;
    margin:0;
}
table.datagrid tr th.r,
table.datagrid tr td.r {
    text-align:right;
}
table.datagrid tr th.c,
table.datagrid tr td.c {
    text-align:center;
}