/*****

    Calendar.CSS

    This file contains CSS used on the events caledar page.

*****/

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

/* Minical */
div#minical { width: 300px; margin: 5px 0px 10px 0px; }

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

div#minical table { width: 583px; border-collapse: collapse; border-spacing: 0px; border-bottom: 2px solid #202E7F; _border-bottom: 2px solid #202E7F; background-color: #FFFFFF; }

div#minical td.month-prev { height: 20px; padding: 3px 0px; border-bottom: 1px solid #202E7F; font-size: 9pt; font-weight: bold; text-align: center; }
div#minical td.month-prev a { color: #202E7F; text-decoration: underline; cursor: pointer; }
div#minical td.month-prev a:hover { color: #ff0000; }

div#minical td.month-name { height: 20px; padding: 3px 10px; border-bottom: 1px solid #202E7F; font-size: 12pt; font-weight:bold; text-align: center; }
div#minical td.month-name a { color: #202E7F; text-decoration: none; cursor: pointer; }
div#minical td.month-name a:hover { color: #ff0000; }

div#minical td.month-next { height: 20px; padding: 3px 0px; border-bottom: 1px solid #202E7F; font-size: 9pt; font-weight: bold; text-align: center; }
div#minical td.month-next a { color: #202E7F; text-decoration: underline; cursor: pointer; }
div#minical td.month-next a:hover { color: #ff0000; }

div#minical td.day-name { padding: 2px 0px; border-bottom: 2px solid #DDDDDD; text-align: center; vertical-align: middle; font-weight: bold; }


/***** 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 #202E7F; font-size: 12pt; font-weight: bold; color: #202E7F; text-align: center; 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 { border: 1px solid #DDDDDD; 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: #202E7F; 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: #FAE39E; }
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: #202E7F; }
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: 85%; 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: 85%; 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: #0000FF; text-decoration: none;
    padding-right: 14px; background-image: url(/images/external.gif); background-repeat: no-repeat; background-position: right 50%;}
div#listview div.event-info p.contact span.contact-website a:hover { color: #ff0000; 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: #0000FF; text-decoration: none;
    padding-right: 14px; background-image: url(/images/email.gif); background-repeat: no-repeat; background-position: right 50%; }
div#listview div.event-info p.contact span.contact-email a:hover { color: #ff0000; 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: #0000FF; text-decoration: none; }
div#listview div.event-info span.sponsor a:hover { color: #ff0000; 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: #202E7F; text-decoration: none; }
div#listview div.event-top a:hover { color: #ff0000; text-decoration: none; }

/***** Classes for the Business After Hours 'Link List View' module. *****/

div#bia_title, div#bia_links
{
    width: 100%;
    text-align: center;
}

div#bia_title table
{
    border-bottom: 1px solid #202E7F;
}

div#bia_title td, div#bia_links td
{
    padding: 4px;
}

div#bia_title td
{
    font-family: Verdena, Arial, Helvetica, Sans-Serif;
    font-size: 11pt;
    font-weight: bold;
    line-height: 125%;
}

div#bia_links *
{
    font-family: Verdena, Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    line-height: 125%;
}

div#bia_links div.event
{
    clear: both;
}

div#bia_links div.even td
{
    background-color: #F0F0F0;
}

div#bia_links table
{
    margin-bottom: 0.2em;
}

div#bia_title td.bah_date, div#bia_links td.bah_date
{
    width: 160px;
    text-align: left;
}

div#bia_title td.bah_info, div#bia_links td.bah_info
{
    width: 390px;
    text-align: left;
}