/* This first stuff is moved here from stfmain.css */

#calendar {
width: 200px;
border-style: none;
margin-left: 5px;
}

#calendar th {
background-color: green;
border-color:#488D53 #488D53 #36703F;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
text-align: center;
}

#calendar tr td {
border-bottom:1px solid #BBBBBB;
border-right:1px solid #BBBBBB;
padding:5px;
text-align:center;
color: #666;}

#calendar tr td:first-child {
border-left:1px solid #BBBBBB;
}

/* Not used
#calendar tr td.date-avail {
background-color: #6060C6;
}

#calendar tr td.date-selected {
background-color: #f5e02a;
color: #000000;
}

#calendar tr td.date-not-avail {
background-color: #dddddd;
}
*/

/* This breaks things
#calendar .delivery
{
display: none;
}
*/

.caldays {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
}

.caldates {
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
}

/* **************************** Now from here, with Bill changes */
#calendar tr td
{
padding: 0;
}

/*#calendar a
{
color: red;
padding: 5px;
background-color: yellow;
display: block;
}

*/

#calendar span
{
padding: 5px;
display: block;
}


#calendar td .morning-pu.amherst,
#calendar td .afternoon-pu.amherst,
#calendar td .delivery.amherst,
#calendar td .morning-pu.milford,
#calendar td .afternoon-pu.milford,
#calendar td .delivery.milford
{
/* Any sub element of a calendar td with any of these classes,
   unless overridden by the greater specificity in the cascade,
   below */
display: none;
}


#calendar.deliver.amherst td .delivery.amherst,
#calendar.morning.amherst td .morning-pu.amherst,
#calendar.afternoon.amherst td .afternoon-pu.amherst,
#calendar.deliver.milford td .delivery.milford,
#calendar.morning.milford td .morning-pu.milford,
#calendar.afternoon.milford td .afternoon-pu.milford
{
/* Those sub elements of a calendar td having the class 
   corresponding to the one in the calendar div, overrides
   the block above for these items. */
display: block;
font-weight: bold;
}

/*
 I had originally gone the simpler approach of applying
 the same modification to the available days, like so:

#calendar.deliver.amherst td.delivery.amherst,
#calendar.morning.amherst td.morning-pu.amherst,
#calendar.afternoon.amherst td.afternoon-pu.amherst,
#calendar.deliver.milford td.delivery.milford,
#calendar.morning.milford td.morning-pu.milford,
#calendar.afternoon.milford td.afternoon-pu.milford
{
color: #ccc;
}

 This works becaues I've added the classes to the td as well,
 but it would also have worked to apply the modification to
 just the anchor tags, as below.

 Wanting different style depending on which calendar you are
 looking at would require the separate selector blocks as
 below.
*/

#calendar.morning.amherst td a.morning-pu.amherst
{
color: red;
}

#calendar.afternoon.amherst td a.afternoon-pu.amherst
{
color: red;
}

#calendar.deliver.amherst a.delivery.amherst
{
color: red;
}

#calendar.morning.milford a.morning-pu.milford

{
color: red;
}

#calendar.afternoon.milford a.afternoon-pu.milford
{
color: red;
}

#calendar.deliver.milford a.delivery.milford
{
color: red;
}


#calendar.morning.amherst td.caldate.morning-pu.amherst,
#calendar.afternoon.amherst td.caldate.afternoon-pu.amherst,
#calendar.delive.amherstr td.caldate.delivery.amherst,
#calendar.morning.milford td.caldate.morning-pu.milford,
#calendar.afternoon.milford td.caldate.afternoon-pu.milford,
#calendar.deliver.milford td.caldate.delivery.milford
{
background-color: #ccc;
}


/* Having the classes on the td as well allows things like
   changing the background, and here I do that for just
   the selected day in it's calendar, since I've also
   added a "selected" class to the td.
*/
#calendar.deliver.amherst tr td.delivery.amherst.selected,
#calendar.morning.amherst tr td.morning-pu.amherst.selected,
#calendar.afternoon.amherst tr td.afternoon-pu.amherst.selected,
#calendar.deliver.milford tr td.delivery.milford.selected,
#calendar.morning.milford tr td.morning-pu.milford.selected,
#calendar.afternoon.milford tr td.afternoon-pu.milford.selected
{
/* Date is selected in current cart (old td.date-selected) */
background-color: #f5e02a;
color: #000000;
}

#calendar.deliver.amherst tr td.delivery.amherst.selected a,
#calendar.morning.amherst tr td.morning-pu.amherst.selected a,
#calendar.afternoon.amherst tr td.afternoon-pu.amherst.selected a,
#calendar.deliver.milford tr td.delivery.milford.selected a,
#calendar.morning.milford tr td.morning-pu.milford.selected a,
#calendar.afternoon.milford tr td.afternoon-pu.milford.selected a
{
color: black;
text-decoration: none;
}


table.hidden
{
display: none;
}

a.leftarrow, 
a.rightarrow
{
font-weight: bold;
color: white;
text-decoration: none;
font-size: 120%;

}

a.rightarrow
{
padding-left: 6px;
}

a.leftarrow
{
padding-right: 6px;
}