#calendarDiv{
    position:fixed;
	width:285px;
	/*border:1px solid #996600;*/ /*zr*/
	/*padding:1px;*/
	/*background-color: #FFF;*/
	/*font-family:arial;*/
	font-size:12px;
	/*padding-bottom:20px;*/
	visibility:hidden;
	background-color:  var(--Neutral0);
	  border-radius: 8px;
	  border: 1px solid  var(--Neutral600);
	  padding: 12px 12px 32px 12px;
	  box-shadow: 0px 8px 16px 0px  var(--Shadow);
	
}
#calendarDiv span,#calendarDiv img{
                float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
                
                line-height:12px;
                padding:1px;
                cursor:pointer;
                padding-left:2px;
				padding-top: 2px;
}

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

#calendarDiv td{
                padding:3px;
                margin:0px;
                font-size:12px;
}



#calendarDiv .selectBox{
                border: 1px solid var(--Neutral0);                           
                color: var(--Neutral0);
                position:relative;
}
#calendarDiv .selectBoxOver{
                border:1px solid var(--Neutral0);
                background-color: #996600;
                color: #e4ca94;
                position:relative;
}
#calendarDiv .selectBoxTime{
                border:1px solid var(--Neutral0);                          
                color: var(--Neutral0);
                position:relative;
}
#calendarDiv .selectBoxTimeOver{
                border:1px solid #216072;            
                color: #e4ca94;
                position:relative;
}

#calendarDiv .topBar{
                height:16px;
                padding:2px;
                background-color: var(--Neutral900);


}
#calendarDiv .activeDay{              /* Active day in the calendar */
                color: var(--Red700);
}
#calendarDiv .todaysDate{
                height:17px;
                line-height:17px;
                padding:2px;
                background-color: var(--Neutral900);
                text-align:center;
                position:absolute;
                bottom:12px;
                width:281px;
                color: white;
}
#calendarDiv .todaysDate div{
                float:left;
}
                
#calendarDiv .timeBar{
                height:17px;
                line-height:17px;
                background-color: #E2EBED;
                width:72px;
                color:#FFF;
                position:absolute;
                right:0px;
}

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


#calendarDiv .monthYearPicker{
                background-color: var(--Neutral900);
                border:1px solid var(--Neutral700);
                position:absolute;
                color: var(--Neutral0);
                left:0px;
                top:15px;
                z-index:1000;
                display:none;

}
#calendarDiv #monthSelect{
                width:90px;
				
}
#calendarDiv .monthYearPicker div{
                float:none;
                clear:both;          
                padding:1px;
                margin:1px;        
                cursor:pointer;
}
#calendarDiv .monthYearActive{
                background-color: var(--Neutral800);
                color: var(--Neutral0);
}

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

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