/*
 * Mini-Calendar, used throughout the site (sidebar)
 */
 
 
#minical-outer { background:url(images/bowl-home/2011/calendar-shadow.png) no-repeat left top; width:263px; position:relative; left:-2px; top:-2px; padding:2px 0 0 0; zoom:1; }
#minical {background:url(images/bowl-home/2011/calendar-shadow.png) no-repeat left bottom; padding:4px 7px 8px 6px; margin:0 0 0 0; zoom:1; }

#minical p { padding-right:0; margin:0 1px 3px 0; zoom:1; }
#minical p:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

table#calendar.mini { width: 100% !important; margin:0 0 8px 0; }
table#calendar.mini td,
table#calendar.mini th { text-align: center; vertical-align: middle; padding: 0; border-bottom: 1px solid #fff; border-right: 1px solid #fff; height: 25px; background: #CC006A; color: #fff; }
table#calendar.mini thead th { border: none; border-bottom: 1px solid #fff; text-transform: uppercase; font-family:"Futura Medium", 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 13px;  }
table#calendar.mini thead th.next,
table#calendar.mini thead th.prev { padding: 0; }
table#calendar.mini thead th a:link,
table#calendar.mini thead th a:visited { background-repeat: no-repeat; background-position: center center; width: 11px; height: 11px; margin: 3px auto; display: block; text-indent: -999em; }
table#calendar.mini thead th.next { border-right: 1px solid #fff; }
table#calendar.mini thead th.next a { background-image: url(images/bowl-seasonal/hm-mini-calendar-next.png); }
table#calendar.mini thead th.prev a { background-image: url(images/bowl-seasonal/hm-mini-calendar-prev.png); }
table#calendar.mini thead td { width:14.286%; background: #333333; color: #ffffff; }
table#calendar.mini tbody td { background: #eeeeee; color: #838383; font-size: 10px; font-weight: normal;}
table#calendar.mini tbody td.past { background: #DDDDDD; }
table#calendar.mini tbody td.today { background: #cc006a; color: #ffffff; font-weight:bold; }

table#calendar.mini tbody td.fill { background: #fff; }
table#calendar.mini tbody td a:link, 
table#calendar.mini tbody td a:visited { display: block; text-align: center; padding: 5px; color: #0032B4; text-decoration: none; }
table#calendar.mini tbody td a:hover,
table#calendar.mini tbody td a:active { background: #0032B4; color: #fff; text-decoration: none; }
table#calendar.mini tr.foot td { text-align: right; padding: 2px 0; background: none; line-height: 1; }
table#calendar.mini tr.foot td a:link, table#calendar.mini tr.foot td a:visited, table#calendar.mini tr.foot td a:hover, table#calendar.mini tr.foot td a:active { background: url(images/bowl-shared/arrow_large.gif) no-repeat left center; display: block; color:#0032B4; float: right; padding-left: 18px;}
table#calendar.mini tr.foot td a:hover, table#calendar.mini tr.foot td a:active { text-decoration: underline; }
table#calendar.mini tbody td.today a { color:#ffffff }











/*
 * Event(s) Popup
 */
#popup h3 { background: #000099 url(images/bowl-calendar/popup-header.png) repeat-x top; color: #fff; }
#popup a {}
#popup ul { color: #454545; background: #fff; }
/* events have a slightly different structure */
#popup ul.events li { border-top: 1px solid #d5e1c7; }



/* loading overlay */
.blockUI { background: #ffffff url(images/phil-shared/ajax-loader.gif) no-repeat 50% 50%; }


/* Calendar Search Popup */
#calendarsearch { background: #ffffff; margin: 0; padding: 0 ; text-align: left; } 
#calendarsearch h1 { font-size: 21px; margin-bottom: 10px; }
#calendarsearch p { font-size: 11px; color: #333; width:343px; }
#calendarsearch fieldset { border: none; clear: both; margin: 15px 0 0 0; }
#calendarsearch h2 { font-size: 13px; color: #A02B84; font-weight:bold; margin: 0 0 9px 0; padding: 0; }
#calendarsearch .container { width: 700px; }
#calendarsearch .half { width: 340px; margin: 0; float: left; }
#calendarsearch label { display: block; clear: both; font-size: 10px; margin: 0 0 10px 0;   }
#calendarsearch label input, #calendarsearch label select { display: block; margin: 3px 0 0 0; font-size: 12px;}
#calendarsearch label select { padding: 0; }
#calendarsearch .half select { width: 325px;}
#calendarsearch #keyword { width: 319px; padding: 3px;}
#calendarsearch select#piece { width: 665px;}
#calendarsearch label select optgroup option { padding-left: 10px; }
#calendarsearch #searchtypes { padding-top: 25px;}
#calendarsearch #searchtypes label { font-size: 12px; cursor: pointer; margin: 0; display: inline; margin-right: 5px;}
#calendarsearch #searchtypes label input { display: inline; width: auto; margin-right: 5px;}