/* set up the main space for it */
.membership{
color: #0A0048;
}

.dark{
font-family:Arial Black, sans-serif;
color: #0A0048;
}

table.payments{
width:500px;
border:1px solid black;
padding:5px;
}

table.payments th{
text-align: left;
padding:0px;
margin:0px;
font-size:16px;
}

ul.checkin {border:3px solid #e4c068;background: #ffee8d;list-style:none;margin:10px 0px;padding:5px;}
ul.checkin li {padding:3px 5px;}
ul.checkin li.info {border-bottom: 1px solid #e4c068;margin-bottom:5px;padding-bottom:5px;}
ul.checkin .pad{padding:0px 15px 0px 5px;}
ul.checkin .name{padding:3px;background: #fff;border: 1px solid #e4c068;}
ul.checkin .balance{border:2px solid #bd141a;background: #c37162;list-style:none;margin:10px 0px;padding:5px;color:#fff;font-weight: bold;}
table#checkin {width:100%;padding:0px;margin:0px;border:0px;border-spacing: 0px;}
table#checkin tr.odd{background: #f89a3e; color: #fff;}
table#checkin td{vertical-align:top;padding:3px;}
table#checkin tr td.mdetails{display:none;}
table#checkin img{border:0px;}

ul#memberlist{background: #fff;border:3px solid #ececec;list-style:none;margin:10px 0px;padding:5px;}
ul#memberlist li {padding:3px 5px;vertical-align:top;}
ul#memberlist li:hover, ul#memberlist li.odd:hover {background: yellow;}
ul#memberlist li.odd{background: url(images/white-yellow-stripe.png) repeat;}
ul#memberlist li img{width:50px;height:50px;border:1px solid black;margin-right:5px;vertical-align:middle;}