body {
	font-family: Arial, Verdana, times;
	font-size: 12px;
}

h1 {
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
}

table {
	width: 100%;
	border: 1px solid #ababab;
}

th, td {
	text-align: center;
	font-size: 12px;
	border-bottom: 1px solid #ababab;
	padding: 3px 0;
}

th {
	font-weight: bold;
	font-size: 14px;
	background-color: #a00;
	color: #fff;
}

input.goals {
	width: 25px;
	text-align: center;
	padding: 2px;
}

tr.odd, tr.odd td{
	background-color: #fff;
}

tr.even, tr.even td {
	background-color: #f99;
}

.headline {
	font-weight: bold;
	font-size: 13px;
}

.desc {
	font-size: 10px;
	text-align: left;
	color: #333;
	margin-bottom: 3px;
}

.name {
	min-height: 15px;
}

.barcode {
	width: 215px;
}

.logo {

	max-width: 300px;
}



.group {
 float: left;
 width: 50%;
 margin-bottom: 15px;
}

.group-a {
 width: 47%;
 margin-right: 3%;
}

.group .group-name {
 text-align: center;
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 5px;

}

input.button {
  float:right;
  margin: 20px 30px;
  padding: 10px 20px;;
  background-color: #f00;
  color: white;
  font-weight: bold;
  font-size: 16px;
}

@media (max-width: 660px) {
   .group {
	float: none;
   	width: 100%;
   }
}


@media print {
.group {
    float: left;
    width: 50%;
}

.group-a {
    width: 47%;
}



  th {
        color: #a00;
}

tr.odd, tr.odd td{
        background-color: #fff;
}

tr.even, tr.even td, tr.even .desc, tr.even .name {
        color: #900;
}

th {
	font-size: 13px;
}

td {
	padding: 2px 0;
	font-size: 11px;
}

.name {
	min-height: 12px;
}

.headline {
	margin-bottom: 10px;
}

}