#calendarDiv 
{
    background: #1FA2BD;
    background: linear-gradient(top, #24BDDB 0, #24BDDB 50%, #22B5D3 60%, #19849A 100%) no-repeat;
    background: -webkit-linear-gradient(top, #24BDDB 0, #24BDDB 50%, #22B5D3 60%, #19849A 100%) no-repeat;
    background: -moz-linear-gradient(top, #24BDDB 0, #24BDDB 50%, #22B5D3 60%, #19849A 100%) no-repeat;
    background: -o-linear-gradient(top, #24BDDB 0, #24BDDB 50%, #22B5D3 60%, #19849A 100%) no-repeat;
    background: -ms-linear-gradient(top, #24BDDB 0, #24BDDB 50%, #22B5D3 60%, #19849A 100%) no-repeat;
    background: linear-gradient(top, #24BDDB 0, #24BDDB 50%, #22B5D3 60%, #19849A 100%) no-repeat;
    -svg-background: linear-gradient(top, #24BDDB 0, #24BDDB 50%, #22B5D3 60%, #19849A 100%) no-repeat;
    border: 2px solid #00009C;
    font-family: Arial;
    font-size: 11px;
    padding: 1px;
    padding-bottom: 20px;
    position: absolute;
    visibility: hidden; /* cambios calendario*/
    width: 225px;
    margin: 0px;
}

#calendarDiv span, #calendarDiv img { float: left; }

#calendarDiv .selectBox, #calendarDiv .selectBoxOver {
	
    cursor: pointer;
    line-height: 12px;
    padding: 1px;
    padding-left: 2px;
}

#calendarDiv .selectBoxTime, #calendarDiv .selectBoxTimeOver {
    cursor: pointer;
    line-height: 12px;
    padding: 1px;
    padding-left: 2px;
}

#calendarDiv DIV
{
    background-color: transparent;
    font-family: Arial;
    font-size: 11px;
    margin: 0;
}

#calendarDiv TABLE
{
    background-color: transparent;
    font-family: Arial;
    font-size: 11px;
    margin: 0;
}

#calendarDiv TBODY
{
    background-color: transparent;
    font-family: Arial;
    font-size: 11px;
    margin: 0;
}

#calendarDiv tr
{
    background-color: transparent;
    font-family: Arial;
    font-size: 11px;
    margin: 0;
}

#calendarDiv td 
{
    background-color: transparent;
    font-family: Arial;
    font-size: 11px;
    margin: 0;
    padding: 3px;
}

#calendarDiv .selectBox {
    border: 0px solid #F1F1F1;
    color: #222;
	position: relative;
}

#calendarDiv .selectBoxOver {
    background-color: #FFF;
    border: 0px solid #FFF;
    color: #00009C;
    position: relative;
}

#calendarDiv .selectBoxTime {
    border: 0px solid #F1F1F1;
    color: #F1F1F1;
    position: relative;
}

#calendarDiv .selectBoxTimeOver {
    border: 0px solid #F1F1F1;
    color: #F1F1F1;
    position: relative;
}

#calendarDiv .topBar {
    background-color: #FFF;
    height: 17px;
    padding: 3px;
}

#calendarDiv .activeDay { /* Active day in the calendar */
    background: #1FA2BD;
    background: linear-gradient(top, #24BDDB 0, #24BDDB 50%, #22B5D3 60%, #19849A 100%) no-repeat;
    background: -webkit-linear-gradient(top, #24BDDB 0, #24BDDB 50%, #22B5D3 60%, #19849A 100%) no-repeat;
    background: -moz-linear-gradient(top, #24BDDB 0, #24BDDB 50%, #22B5D3 60%, #19849A 100%) no-repeat;
    background: -o-linear-gradient(top, #24BDDB 0, #24BDDB 50%, #22B5D3 60%, #19849A 100%) no-repeat;
    background: -ms-linear-gradient(top, #24BDDB 0, #24BDDB 50%, #22B5D3 60%, #19849A 100%) no-repeat;
    background: linear-gradient(top, #24BDDB 0, #24BDDB 50%, #22B5D3 60%, #19849A 100%) no-repeat;
    -svg-background: linear-gradient(top, #24BDDB 0, #24BDDB 50%, #22B5D3 60%, #19849A 100%) no-repeat;                      
    color: #FFFFFF;
	font-weight:bold;
}

#calendarDiv .todaysDate {
    background-color: #FFF;
    bottom: 0;
    height: 17px;
    line-height: 17px;
    padding: 2px;
    position: absolute;
    text-align: center;
    width: 222px;
}

#calendarDiv .todaysDate div { float: left; }

#calendarDiv .timeBar {
    background-color: #F1F1F1;
    color: #FFF;
    height: 17px;
    line-height: 17px;
    position: absolute;
    right: 0;
    width: 72px;
}

#calendarDiv .timeBar div {
    float: left;
    margin-right: 1px;
}


#calendarDiv .monthYearPicker {
    background-color: #FFF;
    border: 1px solid #1FA2BD;
    color: gray;
    display: none;
    left: 0;
    position: absolute;
    top: 15px;
    z-index: 1000;
}

#calendarDiv #monthSelect { width: 70px; }

#calendarDiv .monthYearPicker div {
    clear: both;
    cursor: pointer;
    float: none;
    margin: 1px;
    padding: 1px;
}

#calendarDiv .monthYearActive {
    background-color: #00009C;
    color: #F1F1F1;
}

#calendarDiv td {
    cursor: pointer;
    text-align: right;
}

#calendarDiv .topBar img { cursor: pointer; }

#calendarDiv .topBar div {
    float: left;
    margin-right: 1px;
}