img.ic  {position:relative;float:right;top:-4px;padding-left:10px;width:64px}  /* Timetable icon */

img.pi {padding-right:2px;height:10px}
span.mo {font-family:monospace;white-space:pre-wrap}
.tti tr:first-child td {font-size:.8em;text-align:center}
.tti td {padding:2px 12px}
.tti td img {width:50px;box-shadow:1px 1px 5px RGBA(0,0,0,0.5)}

.td  {width:100%}
.td td:nth-child(2) {text-align:right}  /* prev./next buttons */
.td:nth-of-type(2) td:nth-child(1) {font-size:.75em;font-weight:bold}  /* 2nd .td table */
.td a {display:inline-block;margin:3px 4px;padding:5px 14px;font-size:.75em;color:#FFFFFF;font-weight:bold;background-image:url(../imgs/overlay.png);background-repeat:repeat-x;background-position:0 -110px;border-top:solid 1px RGBA(0,0,0,0.1);text-shadow:0 1px 1px RGBA(0,0,0,0.6)}
.td a:focus,
.td a:hover {text-shadow:0 1px 1px #FFFFFF;background:#404040 url(../imgs/overlay.png) repeat-x 0 -40px;border-top:solid 1px #F8F8F8}

.day  {margin:6px 15px 6px 10px;padding:3px;min-height:39px;background:#FFFFFF}
.day > a div,
.day > div {position:relative;margin-left:57px}
.day > a div:first-child,
.day > div:first-child {margin-left:0;float:left;width:42px;height:39px;background-image:url(../imgs/overlay.png);background-repeat:repeat-x;background-position:0 -110px;color:#FFFFFF;text-align:center}  /* diary date block */
.day > a div:first-child span,
.day > div:first-child span {position:absolute;top:19px;left:0;width:42px;color:#FFFFFF;text-shadow:0 1px 1px RGBA(0,0,0,0.6)}  /* date number */
.day > a div:first-child span:first-child,
.day > div:first-child span:first-child {top:3px;left:3px;height:13px;width:36px;font-size:.7em;text-shadow:0 1px 1px #FFFFFF;background:#404040 url(../imgs/overlay.png) repeat-x 0 -40px;border-top:solid 1px #F8F8F8;border-radius:2px}  /* day */
.title {padding-bottom:2px;font-size:.8em;font-weight:bold}
.details {padding-bottom:8px;font-size:.8em}

/* screens <= 635px */
@media only screen AND (max-width:635px){
}

/* screens <= 401px */
@media only screen AND (max-width:401px){
}