/*****

    Calendar.CSS

    This file contains CSS used on the events caledar page.

*****/

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

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

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

div#calendar_mini table { width: 14em; border-collapse: collapse; border-spacing: 0xp; border: 2px solid #8fbae6; background-color: #fff; }

div#calendar_mini td.month { height: 20px; padding: 3px 0px; border-bottom: 2px solid #8fbae6; font-size: 12px; font-weight: bold; text-align: center; background: #c7dcf2; }
div#calendar_mini td.month a { color: #f00; text-decoration: underline; cursor: pointer; }
div#calendar_mini td.month a:hover { color: #1F75CC; }
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 #ddd; text-align: center; vertical-align: middle; font-weight: bold; }

div#calendar_mini td.weekend { background: #e9f1fa; border: 2px #ddd solid; color: #000; }
div#calendar_mini td.weekday { background: #fff; border: 2px #ddd solid; color: #000; }
div#calendar_mini td.sunday { border-left: 2px #8fbae6 solid; }
div#calendar_mini td.saturday { border-right: 2px #8fbae6 solid; }
div#calendar_mini td.last { border-bottom: 2px #8fbae6 solid; }
div#calendar_mini td.events { font-weight: bold; color: #1f75cc; }
div#calendar_mini td.events a { color: #1f75cc; }
div#calendar_mini td.events a:hover { color: #f00; }
div#calendar_mini td.hover { background: #ddd; }
div#calendar_mini td.today { background: #ddd; }


/***** Classes for the 'Event Categories' module. *****/

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

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

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

div#categorylist div.title span
{
    margin: 0px 0px 0px 20px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #00A1C6;
    line-height: 24px;
}

div#categorylist div.content
{
}

div#categorylist ul { margin-top: 5px; list-style-position: inside; list-style-type: disc; color: #1F75CC; }
div#categorylist li { padding: 0px 0px 5px 5px; }
div#categorylist li a { margin: -3px; color: #1F75CC; font-weight: bold; text-decoration: none; }
div#categorylist li a:hover { margin: -3px; color: #f00; font-weight: bold; text-decoration: underline; }

/***** Classes for the 'Shared Event Categories' module. *****/

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

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

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

div#sharedcategorylist div.title span
{
    margin: 0px 0px 0px 20px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #1F75CC;
    line-height: 24px;
}

div#sharedcategorylist div.content
{
}

div#sharedcategorylist ul { margin-top: 5px; list-style-position: inside; list-style-type: disc; color: #1F75CC; }
div#sharedcategorylist li { padding: 0px 0px 5px 5px; }
div#sharedcategorylist li a { margin: -3px; color: #1F75CC; font-weight: bold; text-decoration: none; }
div#sharedcategorylist li a:hover { margin: -3px; color: #f00; font-weight: bold; text-decoration: underline; }

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

div#listview { width: 540px; clear: right; }
div#listview * { font-family: Verdena, Arial, Helvetica, Sans-Serif; font-size: 14px; color: #000000; line-height: 1.3em; text-align: left; }

div#listview div.month { 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 #8FBAE6; font-size: 14px; font-weight: bold; color: #1F75CC; 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: 80px; padding: 7px 5px 5px 5px; font-size: 19px; font-variant: small-caps; color: #1F75CC; 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: 12px; color: #000000; }
div#listview div.event-even { width: 100%; min-height: 50px; _height: 50px; overflow: visible; padding: 10px 10px; background-color: #f2f9ff; }
div#listview div.event-even * { font-family: Arial, Verdana, Helvetica, Sans-Serif; font-size: 12px; 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: 14px; color: #1F75CC; font-weight: bold; }
div#listview div.event-header span.name { color: #1F75CC; }
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: 14px; color: #1F75CC; 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: 14px; 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: block; }
div#listview div.event-info span.sponsor { display: block; }
div#listview div.event-info span.sponsor a { color: #f00; text-decoration: none; }
div#listview div.event-info span.sponsor a:hover { color: #00f; 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: 11px; color: #000000; text-align: right; }
div#listview div.event-top a { color: #f00; text-decoration: none; }
div#listview div.event-top a:hover { color: #00f; text-decoration: none; }