html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
form, label, legend, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 border-spacing:0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 vertical-align: baseline;
 font-size: 1.0em;
 word-spacing: -1px;
 font-family: Helvetica, "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
 color: #fff;
  -moz-hyphens: auto;
  word-wrap: break-word;
}

html, body {
 height: 100%;
 background: #002;
 margin-bottom: 1px;
}

textarea {
 color: #004;
}

h2 {
 font-size: 150%;
 font-weight: bold;
}

a {
 text-decoration: none;
 font-weight: bold;
}

a:hover {
 text-decoration: underline;
}

table{
	width:100%;
}

th
{
 font-weight: bold;
 color: #ff0;
 text-transform: uppercase;
}

td
{
 text-align: left;
 padding: 5px;
 border-top:1px solid #ccc;
}


/*tr:nth-child(3n+1) td {*/
tr:odd td{
 background: none repeat scroll 0 0 #007;
}


.hide{
	display:none;
}

.red {
 font-weight: bold;
 color: #f00;
}

.green {
 font-weight: bold;
 color: #0f0;
}
.done {
	background-color: #0e0;
}

@media screen and (min-width: 700px) {
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
form, label, legend, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {
	 font-size: 1.05em;
 }
}