img#calendarButton
{
    border:             solid 0px #fff;
    vertical-align:     middle;
    background-image:   url("cal.png");
    width:              16px;
    height:             16px;
}

#CalendarControlIFrame
{
    display:        none;
    left:           0px;
    position:       absolute;
    top:            0px;
    height:         250px;
    width:          250px;
    z-index:        99;
}

#CalendarControl
{
    position:           absolute;
    background-color:   #fff;
    margin:             0;
    padding:            0;
    display:            none;
    z-index:            100;
}

#CalendarControl table
{
    font-family:        arial, verdana, helvetica, sans-serif;
    font-size:          8pt;
    border-left:        1px solid #336;
    border-right:       1px solid #336;
}


#CalendarControl table th
{
    font-weight:        normal;
}

#CalendarControl table th a
{
    font-family:        arial, verdana, helvetica, sans-serif;
    font-size:          8pt;
    font-weight:        normal;
    text-decoration:    none;
    color:              #FFF;
    padding:            1px;
}

#CalendarControl td
{
    text-align: center;
}


/* ---------------------    */
/*  intestazioni e footer   */
/* ---------------------    */
#CalendarControl .year
{
    /*  intestazione    */
    background-color:   gray;
}

#CalendarControl .month
{
    /*  intestazione    */
    background-color:   #c0c0c0;
}

#CalendarControl .footer
{
    /*  intestazione    */
    background-color:   gray;
}


/* ---------------------    */
/*  testi puls. navigazione */
/* ---------------------    */
#CalendarControl .previous
{
    text-align:         left;
}

#CalendarControl .next
{
    text-align:         right;
}

#CalendarControl .previous,
#CalendarControl .next
{
    padding:            1px 3px 1px 3px;
}

#CalendarControl .previous a,
#CalendarControl .next a
{
    color:              #FFF;
    
    text-decoration:    none;
    font-weight:        bold;
}

#CalendarControl .title
{
    text-align:         center;
    font-weight:        bold;
    color:              #FFF;
}







/* ---------------------    */
/*  giorni                  */
/* ---------------------    */
#CalendarControl .sunday
{
    /* cella domenica   */
    background-color: red;
    color: #000;
    display: block;
    text-decoration: none;
    border: 1px solid silver;
    width: 2em;
}

#CalendarControl .saturday
{
    /* cella sabato   */
    background-color: #fff;
    color: #000;
    display: block;
    text-decoration: none;
    border: 1px solid silver;
    width: 2em;
}

#CalendarControl .current
{
    /* cella giorno corrente    */
    background-color: #fff;
    color: #000;
    display: block;
    text-decoration: none;
    border: 1px solid red;
    width: 2em;
}

#CalendarControl .weekday
{
    /* cella giorni della settimana   */
    background-color: #fff;
    color: #000;
    display: block;
    text-decoration: none;
    border: 1px solid silver;
    width: 2em;
}

#CalendarControl .empty
{
    /* cella vuota calendario  */
    background-color: #fff;
    border: 1px solid silver;
}

/*
#CalendarControl .weekday,
#CalendarControl .saturday,
#CalendarControl .sunday,
#CalendarControl .current {
}
*/

#CalendarControl .weekday:hover,
#CalendarControl .saturday:hover,
#CalendarControl .sunday:hover,
#CalendarControl .current:hover {
  color: #FFF;
  background-color: #336;
  border: 1px solid #999;
}