.main_agenda
{
    margin: 0 auto;
    width: 940px;
    position: relative;
}

.buttonMonthPicker
{
    background-color: #0f81ce!important;
    border: 0px;
    font-size: 10px;
    width: 15px;
    height: 15px;
    float: left;
    color: yellow;
}

.monthPicker
{
    margin: 5px 5px 5px 5px;
    font-size: 12px;
}

.monthName
{
    font-size: 11px;
    font-weight: bold;
    float: left;
    text-align: center;
    padding-top: 5px;
    width: 103px;
}

.dateContainer
{
    width: 147px;
	margin-left: 5px;
    /*margin: auto;*/
    /*border: solid 1px #8daed9;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;*/
}

.date-item
{
    width: 20px;
    height: 16px;
    background-color:transparent;
    float: left;
    color: white;
    font-weight: bold;
}

.date-item-now
{
    width: 20px;
    height: 16px;
    background-color:#333;
    float: left;
    color: white;
    font-weight: bold;
}

.other
{
}

.day-of-month
{
    font-size: 10px;
    padding: 3px 3px 3px 3px;
    background-color:transparent;
    font-weight: bold;
    text-align: center;
}

.day-of-month:hover
{
	background-color: #333;
}

.day-of-month a:hover
{
	text-decoration: none;
	cursor: default;
}

.now
{
    /*border: solid black 1px;*/
    color: yellow !important;
}

.event
{
    /*border: solid black 1px;*/
    color: yellow !important;
	cursor: pointer !important;
	text-decoration: underline !important;
}

.normal-day
{
    color: #ffffff!important;
}

.extended
{
    color: #aaaaaa!important;
}

.info
{
    color: red;
    font-size: 12px;
    padding: 2px 5px 2px 5px;
}