﻿

#tabs ul#primary a, #tabs ul#primary span, #tabs ul#primary a.current
{
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
}
#thisTab
{
    padding-top: 2em;
}
#tabContents
{
    padding-top: 0.25em;
}

#months
{
    height: 1.5em;
    padding: 0.75em 0.5em;
}
#months ul
{
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0; /*bottom: -1.4em;*/ /*left: 1px;*/
    width: 700%
}

#months ul li
{
    width: auto;
    display: block;
    float: left;
    padding: 0 10px;
    margin: 0;
    text-align: auto;
    border: none;
    border-right: 1px dotted #AAA;
    background: none;
}

#months ul li span
{
    font-weight: bold;
}

#months ul li a
{
    color: #06C;
    text-decoration: underline;
}

#months ul li a:hover
{
    color: #333;
    background: transparent; /*padding: 0 10px; 					border: none; 					border-right: 1px dotted #AAA;*/
}

#months ul li a:active
{
    color: #000;
    background: transparent;
}

#months ul li:last-child a
{
    border: none;
}

#calendar { width:100%}
table#calendar tr#days th {color: #FFF; background-color: #888; font-weight: bold; text-align: center; padding: 0.1em 0.33em;}
table#calendar tr#title th { border-bottom: 1px solid #000; color: fff; font-size: 120%; padding: 0.3em 0.3em 0.3em 0.3em; text-align:center }
table#calendar tr#footer td { background-color: #EBEBEB; border-bottom: 1px solid #888; border-top: 1px solid #888; font-size: 120%; font-weight: bold; padding: 0.3em; }
table#calendar h2 { margin: 0 0.25em; }

table#calendar td.today { background-color: #FFF; width: 14%; height: 4em; border: 2px solid gray; border-color: #00F #00F #00F #00F;}
table#calendar td.weekday { background-color: #FFF; width: 14%; height: 4em; /*color: #777; */border: 1px solid gray; border-color: #BBB #BBB #EEE #EEE; padding:0px}
table#calendar td.weekend { background-color: #F8F8F8; width: 14%; height: 4em; /*color: #777;*/ border: 1px solid gray; border-color: #BBB #BBB #EEE #EEE;}
table#calendar td.otherMonth { background-color: #DDD; border: 1px solid gray; border-color: #BBB #BBB #EEE #EEE; padding:0px}

table#calendar a { display: block; margin: 0;}
table#calendar a { text-decoration: none; }
table#calendar a:link {color: navy; }
table#calendar a:visited {color: purple;}
table#calendar a:hover {background: #FF0; }

table#calendar a.pageLinkLeft { font-size: 100%; text-align: left; color: #008;  }
table#calendar a.pageLinkLeft:hover { background-color: #EBEBEB; color: #F00; }

table#calendar a.pageLinkRight { font-size: 100%; text-align: right; color: #008; }
table#calendar a.pageLinkRight:hover {background-color: #EBEBEB; color: #F00; }


table#calendar div.date { margin-right: -1px; color: #FFF; background-color: #BBB; color: black; display: block; float: right; width: 1.5em; padding: 0.2em;   border-bottom: 1px solid #BBB; border-left: 1px solid #BBB; text-align: right; }
table#calendar div.firstEvent { padding: 0.2em; }
table#calendar div.event { padding: 0.2em; border-top: 1px dashed silver; }
table#calendar div.sponsored { padding: 0.4em; border: 2px solid red; background-image: url('/inc/images/sponsored.gif'); margin: 2px 0 3px 0; }
table#calendar div.bookmark { border-left: 5px solid #F00; border-right: 1px solid #F00; border-bottom: 1px solid #F00; border-top: 1px solid #F00; }
table#calendar div.title {  font-size: 90%; /*color: #000;*/ font-weight: bold; }
table#calendar div.subtext {  font-size: 90%; color: #444; }
table#calendar div.attendees { float: right; vertical-align: middle; font-size: 70%; color: #444; }
table#calendar div.attendees img { border: 0; vertical-align: middle; }

table#eventDetail { margin-bottom: 3em; }