/* styles used only for events diary page */

table { border-collapse:collapse; }
td    { vertical-align:top; }

table#events    { border:solid 1px #ffffff; width:580px; }
table#events td { border:solid 1px #aaaaaa; padding:1px 5px; }
table#events tr.toprow   td { background:#332244; color:#ffffff; font-weight:bold; font-size:large; }
table#events tr.colheads td { background:#ffdd00; color:#444444; font-weight:bold; }
table#events tr.rowtype1 td { background:#442266; }
table#events tr.rowtype2 td { background:#553377; }

div.monthpanel{ background:#553377; border:solid 1px #ffffff; padding:8px; }
div.monthlist { font:bold x-small verdana,Arial,sans-serif; color: #888888; }

div.monthlist a:link    {color: #dddddd; text-decoration:none; padding:1px 10px; display:block; height:1%; }
div.monthlist a:visited {color: #dddddd; text-decoration:none; padding:1px 10px; display:block; height:1%; }
/*  Adding 'height:1%' allows links to work full-width in ie. Don't know why.  */
div.monthlist a:hover   {color: #444444; text-decoration:none; background:#ffff88; }

div.monthlistyear    { border:1px solid #330066; padding:1px 20px; background:#777799; font:bold x-small verdana,Arial,sans-serif; color:#ffffff; }
div.monthlistcurrent { border:1px solid #6688bb; padding:1px 10px; background:#ffffff; font:bold x-small verdana,Arial,sans-serif; color:#555555; }

td#eventsright { padding-left:15px; }