﻿
/******************************************/
/*     Event Calendar Control             */
/******************************************/

/******************************************/
/*     NOTE                               */
/* (See further down for details)         */
/* many styles are overridden by local    */
/* style attributes when the control      */
/* renders, so these must be setup in     */
/* the ASP code not here - we may get a   */
/* different calendar control at some     */
/* point that does things properly        */
/******************************************/

#EventCalendarHeader
{
    display:inline-block; 
    background-image:url("/_style/module/events/i/side-colour-background-top.png");
    background-repeat:no-repeat;
	width:180px;
    height:40px;  
    text-align:center;
}

#EventCalendarHeader .EventCalendarTitleText
{
    display:inline-block;
    text-align:center;
    width:119px;
    height:19px;
    margin-top:8px;
    padding-top:5px;
    font-weight:bold;
    font-size:17px;
    color:#34a5e2; /*tboAqua*/ 
}

#EventCalendarHeader .EventCalendarImage
{
    margin-top:8px;
    margin-left:8px;
    float:left;
}

#EventCalendarContent
{
    display:inline-block; 
    background-image:url("/_style/module/events/i/side-colour-background-mid.png");
    background-repeat:repeat-y;
	width:180px;

}

#EventCalendarContent .EventCalendar
{    
}  

/******************************/
/*  stuff below the calendar  */
/******************************/

#EventCalendarContent .EventSearchRangeLabel,
#EventCalendarContent .EventSearchCategoryLabel
{ 
    float:left;
    font-weight:bold;
    padding-bottom:2px;
    margin-left:10px;
    color:#34a5e2; /*tboAqua*/ 
    margin-top:8px;
}

#EventCalendarContent .EventSearchRangeList,
#EventCalendarContent .EventSearchCategoryList
{ 
    width:163px;
    margin-left:10px;
    margin-top:2px;
}

#EventCalendarContent .EventSearchButton
{ 
    display:block;
    background:none;
    background-image:url("/_style/module/events/i/calendar-search-button.png");
    width:80px;
    height:22px;
    margin-left:94px;
    margin-top:12px;
    font-weight:normal;
    color:White;    
    border:none;
    cursor:hand;
    padding:0px 0px 2px 0px;
}


#EventCalendarFooter
{
    display:inline-block; 
    background-image:url("/_style/module/events/i/side-colour-background-foot.png");
    background-repeat:no-repeat;
	width:180px;
    height:12px;
}

/******************************/
/*  calendar component styles */
/******************************/

#EventCalendarContent .EventCalendar .CalendarTitleStyle
{
    background-color:#9ad2f1;
    color:#003e7e; /*tboBlue*/ 
    font-weight:bold;
/*everything else must be set up in code - I hate Microsoft*/    
}

#EventCalendarContent .EventCalendar .CalendarDayHeaderStyle
{
    color:#34a5e2; /*tboAqua*/ 
}

#EventCalendarContent .EventCalendar .CalendarDayStyle a:link,
#EventCalendarContent .EventCalendar .CalendarWeekendDayStyle a:link,
#EventCalendarContent .EventCalendar .CalendarTodayDayStyle a:link,
#EventCalendarContent .EventCalendar .CalendarSelectedDayStyle a:link,
#EventCalendarContent .EventCalendar .CalendarOtherMonthDayStyle a:link
{
    color:#003e7e; /*tboBlue*/ 
    font-size:smaller;
    margin:0px;
}
#EventCalendarContent .EventCalendar .CalendarDayStyle a:active,
#EventCalendarContent .EventCalendar .CalendarWeekendDayStyle a:active,
#EventCalendarContent .EventCalendar .CalendarTodayDayStyle a:active,
#EventCalendarContent .EventCalendar .CalendarSelectedDayStyle a:active,
#EventCalendarContent .EventCalendar .CalendarOtherMonthDayStyle a:active
{ 
    color:#003e7e; /*tboBlue*/  
    font-size:smaller;
    margin:0px;
}
#EventCalendarContent .EventCalendar .CalendarDayStyle a:visited,
#EventCalendarContent .EventCalendar .CalendarWeekendDayStyle a:visited,
#EventCalendarContent .EventCalendar .CalendarTodayDayStyle a:visited,
#EventCalendarContent .EventCalendar .CalendarSelectedDayStyle a:visited,
#EventCalendarContent .EventCalendar .CalendarOtherMonthDayStyle a:visited
{
    color:#003e7e; /*tboBlue*/ 
    font-size:smaller;
    margin:0px;
}

#EventCalendarContent .EventCalendar .CalendarTodayDayStyle,
#EventCalendarContent .EventCalendar .CalendarSelectedDayStyle 
{
    border:solid 1px #34a5e2; /*tboAqua*/ 
}



