.cards {
 font: normal normal 500 small arial, sans-serif;
 text-align: center;
 width: 46em;
 margin: 0 auto;
}
.cards .left p, .cards .right p {
 clear: both;
 height:1.5em;
}

#P1Flag, #P2Flag {
 float:right;
}

.cards img {
 border: 1px solid #000;
}

#oppCard {
 padding:5px;
 border: 1px solid #000;
 width:46%;
 float:right;
}

#yourCard {
 padding:5px;
 border: 1px solid #000;
 width:48%;
 float:left;
}

#yourCards, #oppCards, #mainCards {
 padding-top: 15px;
 font-weight: bold;
}

#matchResult {
 clear: both;
 height:1.5em;
 font-weight: bold;
}

.cards table {
 margin: 0;
 padding: 0;
 width: 22em;
 }

.cards table td, .cards table th {
 margin: 0;
 padding: 0;
 text-align: left;
 vertical-align: middle;
 line-height: 2.5em;
}

#compareButton {
 width:140px;
 border: 1px solid #000;
}