.icon-48-events {
      background-image: url(../images/l_events.png);
      padding-left:60px!important;
}
.icon-48-event {
      background-image: url(../images/l_events.png);
      padding-left:60px!important;
}
.icon-48-attendees {
      background-image: url(../images/l_attendees.png);
      padding-left:60px!important;
}
.icon-48-attendee {
      background-image: url(../images/l_attendees.png);
      padding-left:60px!important;
}

.menu-event {
      background-image: url(../images/s_events.png);
}
.menu-attendee {
      background-image: url(../images/s_attendees.png);
}

.icon-notattend:before {
    color: #51A351;
    content: "G";
}
.icon-attending:before {
    color: #BD362F;
    content: "I";
}
.icon-pubattend:before {
    color: #51A351;
    content: "G";
    font-size: 150%;
}
.icon-apology:before {
    color: #EAC42A;
    content: "^";
}
/*  A = star, S = magnify, D = calendar, F = life bouy, G = bigTick, H = triangle!, J = crossinCircle, K = minusInCircle, L = dustbin, : = spanner  */
/*  Q = download, W = music, E = question, R = upload, T = funnel, Y = check, I = bigCross, O = inbox, P = full-inbox, { = fastForward, } = fullBack, | = fastRewind */
/*  Z = 3dots, X = 4dots, C = calendar, V = play, B = star, N = openEnvelope, M = closedEnvelope, < = eye, > = tickSquare, ? = squareinsquare*/
/*  ~ = tilda, @ = hollowStar, # = padlock, $ = speachbubble, % = conversation, ^ = bigMinus, & = OutOfBox, * = plusInCircle, ( = undo, ) = newDoc, _ = key, + = penPaper*/
div.calgaevents {
    margin-right: 10px;
}

.eventborder {
    margin: 0 auto;
    border:1px solid black;
}
table.eventborder {
    width: 98%;
}

.eventnone {
    border:none;
    padding: 0px 5px 0px 5px;
    border-right:1px solid black;
    vertical-align:top;
}
.eventdate {
    border:none;
    padding: 0px 5px 0px 5px;
    border-right:1px solid black;
    vertical-align:top;
    text-align:center;
    width: 20%;
}
.eventmonth {
    border:1px solid black;
    padding: 0px 5px 0px 5px;
    text-align:center;
    font-size:1.3em;
    font-weight:bold;
    /* color:red; */
    line-height: 1.7em;
}
.eventhead {
    border:1px solid black;
    padding: 0px 5px 0px 5px;
    text-align:center; 
    font-weight:bold;
}

div.attendances {
    display: block;
}
div.attending {
    float: left;
}
div.apologies {
    float: right;
}