/* CALENDAR STYLE */

#calendarDiv{
        position:absolute;   
        width:224px;
		border:none;
        background-color:#585E6A;
        font-family:gothic;     
        font-size:12px; 
        padding-bottom:30px;
        visibility:hidden;
		
		-moz-border-radius:3px;
		border-radius:3px;
		z-index:8031!important;
}

#calendarDiv table
{
	background-color:#FFFFFF;
} 
       
#calendarDiv span,#calendarDiv img{
        float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
        line-height:12px;
        padding:1px;
        cursor:pointer;
        padding:2px 2px 0px 2px;         
}                 
#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{
        line-height:12px;
        padding:1px;
        cursor:pointer;
        padding-left:2px;
}
#calendarDiv td{
        padding:5px;
        margin:0px;
        font-size:12px;
	border: 0px !important;
	background: #FFFFFF;
	color: #999999;
}

#calendarDiv .selectBox{
		background-color:#FFFFFF;
        color: #383838;
        position:relative;
		height:20px;
		padding:2px 2px 0px 2px;
}
#calendarDiv span#calendar_year_txt {
	padding: 0 4px;
}
#calendarDiv .selectBoxOver{
        background-color: #2E3138;
        color: #fff;
		height:20px;
		position:relative;
}
#calendarDiv .selectBoxTime{
        border:1px solid #DFDFDF;
        color: #000000;
        position:relative;
}
#calendarDiv .selectBoxTimeOver{
        border:1px solid #333333;
        color: #000000;
        position:relative;
}
#calendarDiv .topBar{
        height:25px;
        padding:5px 3px 0 3px;
		background-color:transparent;
}
#calendarDiv .activeDay{        /* Active day in the calendar */
        color:#cc0000;
		background-color: #DFDFDF;
}
#calendarDiv .todaysDate{
        height:17px;
        padding:2px;
        text-align:center;
        position:absolute;
        bottom:5px;
        width:100%;
		color:#FFFFFF;
		background-color:transparent;
}
#calendarDiv .todaysDate div{
        float:left;
}
#calendarDiv .timeBar{
        height:17px;
        line-height:17px;
        background-color: #CCCCCC;
        width:100px;
        color:#FFF;
        position:absolute;
        right:0px;
}
#calendarDiv .timeBar div{
        float:left;
        margin-right:1px;
}
#calendarDiv .monthYearPicker{
        background-color: #ffffff;
        border:1px solid #AAAAAA;
        position:absolute;
        color: #666666;
        left:0px;
        top:15px;
        z-index:1000;
        display:none;
}
#calendarDiv #monthSelect{
        width: 85px;
		margin-right:3px;
}
#calendarDiv .monthYearPicker div{
        float:none;
        clear:both;
        padding:3px;
        margin:1px;
        cursor:pointer;
		width: 98px !important;
}
#calendarDiv .monthYearActive{
        background-color:#cccccc;
        color: #000000;
}
#monthDropDown, #yearDropDown {
	width: 104px !important;
}
#calendarDiv td{
        text-align:right;
        cursor:pointer;
}
#calendarDiv .topBar img{
        cursor:pointer;
}
#calendarDiv .topBar div{
        float:left;
        margin-right:1px;
}

.inactive-date {
        color: #999999;
	cursor: default !important;
}