/*****

    Calendar.CSS

    This file contains CSS used on the events caledar page.

*****/

/***** Classes for the 'Category Menu' module. *****/

div#category_menu
{ 
    width: 170px; 
    margin: 0px 0px 10px 0px;
}

div#category_menu * 
{ 
    font-family: Verdena, Arial, Helvetica, Sans-Serif; 
    font-size: 9pt; 
    color: #000000; 
    line-height: 1.3em; 
    text-align: left;
}

div#category_menu div.title
{
    background-image: url('/Images/Icons/calendar.gif');
    background-position: left;
    background-repeat: no-repeat;
    text-align: left;
}

div#category_menu div.title span
{
    margin: 0px 0px 0px 20px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 9pt;
    font-weight: bold;
    color: #663333;
    line-height: 24px;
}

div#category_menu div.content
{
    /* Nothing here. */
}

div#category_menu ul 
{ 
    margin-top: 5px; 
    list-style-position: inside; 
    list-style-type: disc; 
    color: #602020;
}

div#category_menu li 
{ 
    padding: 0px 0px 5px 5px;
}

div#category_menu li a 
{ 
    margin: -3px; 
    color: #602020; 
    font-weight: bold; 
    text-decoration: none;
}

div#category_menu li a:hover 
{ 
    margin: -3px; 
    color: #990000; 
    font-weight: bold; 
    text-decoration: underline;
}

/***** Classes for the 'Shared Category Menu' module. *****/

div#category_menu_shared
{ 
    width: 170px; 
    margin: 0px 0px 10px 0px;
}

div#category_menu_shared * 
{ 
    font-family: Verdena, Arial, Helvetica, Sans-Serif; 
    font-size: 9pt; 
    color: #000000; 
    line-height: 1.3em; 
    text-align: left;
}

div#category_menu_shared div.title
{
    background-image: url('/Images/Icons/calendar.gif');
    background-position: left;
    background-repeat: no-repeat;
    text-align: left;
}

div#category_menu_shared div.title span
{
    margin: 0px 0px 0px 20px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 9pt;
    font-weight: bold;
    color: #663333;
    line-height: 24px;
}

div#category_menu_shared div.content
{
    /* Nothing here. */
}

div#category_menu_shared ul 
{ 
    margin-top: 5px; 
    list-style-position: inside; 
    list-style-type: disc; 
    color: #602020;
}

div#category_menu_shared li 
{ 
    padding: 0px 0px 5px 5px;
}

div#category_menu_shared li a 
{ 
    margin: -3px; 
    color: #602020; 
    font-weight: bold; 
    text-decoration: none;
}

div#category_menu_shared li a:hover 
{ 
    margin: -3px; 
    color: #990000; 
    font-weight: bold; 
    text-decoration: underline;
}

/***** Classes for the mini-calendar. *****/


div#calendar_mini
{  
}

div#calendar_mini * 
{ 
    font-family: Verdena, Arial, Helvetica, Sans-Serif; 
    font-size: 8pt; 
    color: #000000; 
    line-height: 1.3em; 
    text-align: center; 
}

div#calendar_mini table 
{ 
    width: 180px; 
    border-collapse: collapse; 
    border-spacing: 0xp; 
    border: 2px solid #0E2A57; 
    background-color: #F8F8F8; 
}

div#calendar_mini td.month 
{ 
    height: 20px; 
    padding: 3px 0px; 
    border-bottom: 2px solid #0E2A57; 
    font-size: 9pt; 
    font-weight: bold; 
    text-align: center; 
    color: #fff; 
    background: #0E2A57;
}

div#calendar_mini td.month a 
{ 
    color: #fff;
    cursor: pointer; 
}

div#calendar_mini td.month a:hover 
{ 
    color: #FF0000; 
}

div#calendar_mini td.month.name 
{ 
    padding: 3px 10px;
}

div#calendar_mini td.month.name a 
{ 
    text-decoration: none; 
}

div#calendar_mini td.day-name 
{ 
    padding: 2px 0px; 
    border-bottom: 2px solid #0E2A57; 
    text-align: center; 
    vertical-align: middle; 
}

div#calendar_mini td.weekend 
{ 
    background: #F8F8F8; 
    border: 2px #0E2A57 solid; 
    color: #000000; 
    height: 22px;
    vertical-align: middle;
}

div#calendar_mini td.weekend.outside 
{ 
    background: #F8F8F8; 
    color: #000000; 
}

div#calendar_mini td.weekday 
{ 
    background: #F8F8F8; 
    border: 2px #0E2A57 solid; 
    color: #000000;
    height: 22px;
    vertical-align: middle;
}

div#calendar_mini td.weekday.outside 
{ 
    background: #F8F8F8; 
    color: #000000; 
}

div#calendar_mini td.sunday 
{ 
    border-left: 2px solid #5680b0;
}

div#calendar_mini td.saturday 
{ 
    border-right: 2px solid #5680b0;
}

div#calendar_mini td.last 
{ 
    border-bottom: 2px solid #5680b0;
}

div#calendar_mini td.events 
{ 
    color: #0000ff;
    font-weight: bold;
    
}

div#calendar_mini td.events a 
{ 
    color: #0000ff; 
    text-decoration: none;
}

div#calendar_mini td.hover 
{
    background: #5680B0;
    color: #fff;
    cursor: pointer;
}

div#calendar_mini td.hover a
{
    color: #fff;
}

div#calendar_mini td.today 
{ 
    background: #A0C4EB;
}

div#calendar_mini td.viewdate
{ 
    background: #951A20;
    color: #fff;
}

div#calendar_mini td.viewdate a
{ 
    color: #fff;
}


/***** Classes for the 'List View' module. *****/

div#listview { width: 100%; margin: 0px Auto; }
div#listview * { font-family: Verdena, Arial, Helvetica, Sans-Serif; font-size: 10pt; color: #000000; line-height: 1.3em; text-align: left; }

div#listview div.month { width: 535px; _width: 100%; _margin: 5px 0px 10px 0px; overflow: visible; }
div#listview div.month-name { width: 100%; padding: 4px 5px 3px 20px; border-bottom: 2px solid #602020; font-size: 10pt; font-weight: bold; color: #602020; text-align: left; background-image: url('/images/icons/calendar.gif'); background-position: left; background-repeat: no-repeat; }
div#listview div.day { width: 100%; margin: 5px 0px 0px 0px; }

div#listview div.day table { width: 100%; border-collapse: collapse; }
div#listview div.day td.day-name { width: 90px; padding: 7px 5px 5px 5px; font-family: Times New Roman, Times, Serif; font-size: 14pt; font-variant: small-caps; color: #602020; font-weight: bold; vertical-align: top; text-align: center; }
div#listview div.day td.day-events { }

div#listview div.event-odd { width: 100%; min-height: 50px; _height: 50px; overflow: visible; padding: 10px 10px; }
div#listview div.event-odd * { font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 9pt; color: #000000; }
div#listview div.event-even { width: 100%; min-height: 50px; _height: 50px; overflow: visible; padding: 10px 10px; background-color: #EEEEEE; }
div#listview div.event-even * { font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 9pt; color: #000000; }

/* Event Headers */

div#listview div.event-header { margin-bottom: 5px; }
div#listview div.event-header * { font-family: Verdena, Arial, Helvetica, Sans-Serif; font-size: 10pt; color: #26211A; font-weight: bold; }
div#listview div.event-header span.name { color: #602020; }
div#listview div.event-header span.time { margin-left: 0.5em; }

div#listview div.event-header-special { margin-bottom: 5px; }
div#listview div.event-header-special { font-family: Verdena, Arial, Helvetica, Sans-Serif; font-size: 10pt; color: #26211A; font-weight: bold; }
div#listview div.event-header-special span.name {  }
div#listview div.event-header-special span.time { margin-left: 0.5em; }

/* Event Info */

div#listview div.event-info { }
div#listview div.event-info * { font-family: Verdena, Arial, Helvetica, Sans-Serif; font-size: 10pt; color: #000000; }

div#listview div.event-info p.location { width: 60%; margin: 10px 0px 10px 90px; }
div#listview div.event-info p.location span.location-title { display: block; }
div#listview div.event-info p.location span.location-address1 { display: block; margin: 0px 0px 0px 20px; color: #666666; }
div#listview div.event-info p.location span.location-address2 { display: block; margin: 0px 0px 0px 20px; color: #666666; }
div#listview div.event-info p.location span.location-citystate { display: block; margin: 0px 0px 0px 20px; color: #666666; }

div#listview div.event-info p.contact { width: 60%; margin: 10px 0px 10px 90px; }
div#listview div.event-info p.contact span.contact-title { display: block; }
div#listview div.event-info p.contact span.contact-name { display: block; margin: 0px 0px 0px 20px; color: #666666; }
div#listview div.event-info p.contact span.contact-phone { display: block; margin: 0px 0px 0px 20px; color: #666666; }
div#listview div.event-info p.contact span.contact-website { display: block; margin: 0px 0px 0px 20px; color: #666666; }
div#listview div.event-info p.contact span.contact-website a { color: #404099; text-decoration: none; color: }
div#listview div.event-info p.contact span.contact-website a:hover { color: #990000; text-decoration: none; }
div#listview div.event-info p.contact span.contact-email { display: block; margin: 0px 0px 0px 20px; color: #666666; }
div#listview div.event-info p.contact span.contact-email a { color: #404099; text-decoration: none; }
div#listview div.event-info p.contact span.contact-email a:hover { color: #990000; text-decoration: none; }

div#listview div.event-info span.rundesc { display: none; }
div#listview div.event-info span.sponsor { display: block; }
div#listview div.event-info span.sponsor a { color: #404099; text-decoration: none; }
div#listview div.event-info span.sponsor a:hover { color: #990000; text-decoration: none; }

/* Back To Top Button */

div#listview div.event-top { width: 100%; margin: 0px 10px 0px 0px; text-align: right; }
div#listview div.event-top * { font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 8pt; color: #000000; text-align: right; }
div#listview div.event-top a { color: #602020; text-decoration: none; }
div#listview div.event-top a:hover { color: #990000; text-decoration: none; }