.foo
{
}
/* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

TABLE
{
  margin-left: 8px;
  margin-right: 8px;
}
TABLE.vTable TH
{
  text-align: right;
  background-color: #f0f6ff;
  padding: 0.2em;
}
TABLE.vTable TD
{
  background-color: #f9fbff;
  padding: 0.2em;
}
TD
{
  vertical-align: top;
  padding: 0.4em;
}
TH
{
  padding: 0.4em;
}
TH.tracklisting
{
  text-align: left;
}
CAPTION
{
  margin-top: 16px;
  margin-left: 0px;
  margin-right: 0px;
  color: #3366b6;
  font-weight: bold;
  font-size: 120%;
  text-align: left;
  padding-top: 0.3em;
  padding-bottom: 1em;
}
.HP CAPTION
{
  color: #4a494a;
  /*color: #3366b6;*/
  border-bottom: 1px dotted #4a494a;
  padding-bottom: 0.1em;
  font-size: 130%;
}

/*.SideNavMenu TABLE
{
  margin-left: 0px;
  margin-right: 0px;
}
/.SideNavMenu TD
{
  vertical-align: middle;
  padding: 0;
}*/

.ItemImageField
{
  text-align: center;
}
TD.ItemImageField IMG /*Not currently working b/c control adds border-width: 0px declaration to style attribute*/
{
  border: 1px solid #3366b6;
}


/********************************/
/*** START: SiteMap ***/
/********************************/
.MainCopy .Sitemap TD
{
  padding: 0px;
}


/********************************/
/*** END: SiteMap ***/
/********************************/

/********************************/
/*** START: Calendar Control ***/
/********************************/
.Calendar
{
  color: #4a494a;
}
.Calendar TD
{
  padding: 0;
}
.Calendar TH
{
  padding: 0;
}
.Calendar TABLE
{
  margin-left: 0px;
  margin-right: 0px;
}
.Calendar TABLE TD
{
  Padding: 0.8em;
}
.CalendarDayHeader
{
  background-color: #d1e2ff;
  font-size: 105%;
}
.CalendarDay
{
  
}
.CalendarNextPrev
{
  background-color: #a3c5ff;
  font-size: 80%;
  vertical-align: baseline;
}
.CalendarOtherMonthDay
{
  background-color: #dddddd;
  color: #4a494a;
}
.CalendarSelectedDay
{
  background-color: #b67c33 !important;
}
.CalendarSelector
{
  background-color: Maroon !important; /* Currently has no effect */
}
.CalendarTitle
{
  background-color: #a3c5ff;
  font-weight: bold;
  font-size: 110%;
}
.CalendarTodayDay
{
  background-color: #a3c5ff;
  color: #ffffff !important;
}
.CalendarWeekendDay
{
  background-color: #eeeeee;
}
/********************************/
/*** END: Calendar Control ***/
/********************************/

/**************************************************/
/*** START: AjaxControlToolkit.CalendarExtender ***/
/**************************************************/
.CalendarExtender
{
  
}
.ajax__calendar_hover /* This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show a hover state. Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year */
{
}
.ajax__calendar_active /* This is applied to an element in the DOM above a day, month or year and is used to apply CSS attributes that show the currently selected value. Child Css classes: .ajax__calendar_day, .ajax__calendar_month, .ajax__calendar_year. */
{
}
.ajax__calendar_other /* This is applied to an element in the DOM above a day or year that is outside of the current view (day not in the visible month, year not in the visible decade). Child Css classes: .ajax__calendar_day, .ajax__calendar_year. */
{
}

/*-The following classes were taken fromt the source and cusomised-*/
.ajax__calendar_container  /* The outer rectangular container that supplies the border around the calendar element. Child Css classes: .ajax__calendar_header,.ajax__calendar_body,.ajax__calendar_footer. */
{padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}

.ajax__calendar_body /* A container element that holds the days, months, and years panes. Also provides a fixed rectangle with hidden overflow that is used for transitioning between views (next/previous month, or days/months/years).Child Css class: .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years. */
{height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}

.ajax__calendar_days /* A container element that holds the layout for the days in a month. Child Css classes: .ajax__calendar_dayname, .ajax__calendar_day */, .ajax__calendar_months /* A container element that holds the layout for the months in a year. Child Css classes: .ajax__calendar_month. */, .ajax__calendar_years /* A container element that holds the layout for the years in a decade. Child Css classes: .ajax__calendar_year. */
{top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}

.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_container TABLE TD {padding:0;} /* Additional rule added to  resolve issue with days not displaying */

.ajax__calendar_header /* A container element that holds the next and previous arrows and the title of the current view. Child Css classes: .ajax__calendar_prev, .ajax__calendar_title, .ajax__calendar_next. */
{height:20px;width:100%;}

.ajax__calendar_prev /* An element that displays the arrow to view the previous set of data in the view(previous month/year/decade). Child Css classes: none.  */
{cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);}

.ajax__calendar_next /* An element that displays the arrow to view the previous set of data in the view (previous month/year/decade). Child Css classes: none. */
{cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);}

.ajax__calendar_title /* An element that displays the title of the current view (month name, year, decade). Child Css classes: none. */
{cursor:pointer;font-weight:bold;}

.ajax__calendar_footer /* A container element that holds the current date. Child Css classes: .ajax__calendar_today. */
{height:15px;}

.ajax__calendar_today /* An element that displays the current date. Child Css classes: none. */
{cursor:pointer;padding-top:3px;}

.ajax__calendar_dayname /* An element that displays the short name of the day of the week. Child Css classes: none.*/
{height:17px;width:17px;text-align:right;padding:0 2px;}

.ajax__calendar_day /* An element that displays the day of the month. Child Css classes: none */
{height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}

.ajax__calendar_month /* An element that displays the month of the year. Child Css classes: none */
{height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar_year /* An element that displays the year in a decade. Child Css classes: none */
{height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

/*.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}*/

/************************************************/
/*** END: AjaxControlToolkit.CalendarExtender ***/
/************************************************/