g﻿/* 
	This is the css for the calendaring
	 - it needs to be modified to be consistant
	 - some items need to be deleted
	 - coloring changes when Tony gets them to me
*/


input, select, textarea
{
    font-size:1em; 
    font-family: arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
}

/* Use headers in the markup for accessibility reasons but control look with styles below*/

h1, h2, h3, h4, h5, h6
{
   margin: 2px 0 2px 0;
}


.eventmonth h3
{
    padding-left: 20px;
    padding-right: 20px;
}

.eventlist label
{
    font-weight: bold;
    padding-right: 4px;
}


/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */

.eventmonth
{
    width: 600px;
    margin: 0;
    padding: 10px 0px 0 0px;
    text-align: center;
}
.eventmonth h4 {
	font-size: 180%;
}

/* used as the cssclass of the actual calendar */

.eventmonthtable
{
    width: 600px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
    border-collapse:collapse;
}

.dayNumber
{
    float: right;
    border-bottom: solid 1px #9999bb;
    border-left: solid 1px #9999bb;
    clear: none;
    padding: 2px;
}

.caldays
{
    /* no styles needed at this time */
}

.calcurrentmonth
{
    background: #fafafa;
    /* no styles needed at this time */
}
.calothermonth
{
    background-color: #c0c0c0;
}
.calcurrentday
{
    background-color: #ffffcc;
}
.calweekend
{
    background-color: #e9e9f9;
  /*  width: 15%; */
}

.calcurrentmonth,.calothermonth,.calcurrentday,.calweekend
{
    text-align: left;
    border: solid 2px #9999bb;
    height: 60px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    border-collapse:separate;
    border-spacing: 5px;
}

