.calendarBox{
    position:relative;
    width:227px;
    padding:1px;
    background-color: #a70069; /*#FFF;*/
    font-family: verdana;
    font-size:10px;
    padding-bottom:12px;
    color: #ffffff;
    height: 155px;
}

.calendarBox.arrangementen .ZoekOvernacht{
	padding-top: 9px;
	padding-bottom: 8px;
}
.calendarBox.arrangementen .WidgetButton{
	position: absolute; 
	right: 10px;
	bottom: 13px;
	height: 28px;
}
.calendarBox.arrangementen{	
	width:692px;
	height: 79px; 
	padding: 3px 6px 3px 6px;
}

.calendarBox.arrangementen .date{	
	float: left;
	width: 310px;	
}

.calendarBox.arrangementen .dateLast{
	width: 290px;
}

.calendarBox.arrangementen  .date  .calender_title, .calendarBox.arrangementen  .date  .dateSelect{
	display: block; 
	float: left;
}

.calendarBox.arrangementen  .date  .calender_title{
	padding-top: 4px;
}

#leftContainer .calendarBox {
    width: 221px;
    margin-bottom: 15px;
}
#calendarDiv{
    position:absolute;
    width:227px;
    padding:0px;
    background-color: #FFF;
    font-family: verdana;
    font-size:10px;
    padding-bottom:20px;
    color: #000;
    height: 159px;
}
.ZoekOvernacht { 
    padding-left: 7px;
    padding-top: 7px;
    padding-bottom: 4px;
}

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

#calendarDiv td{
    padding:4px;
    margin:0px;
    font-size:10px;
}

#calendarDiv .selectBox{
    border:1px solid #FFF;      
    color: #444444;
    position:relative;
}
#calendarDiv .selectBoxOver{
    border:1px solid #F7CD98;
    background-color: #e1801c;
    color: #444444;
    position:relative;
}

#calendarDiv .topBar{
    height:16px;
    padding:4px;
    width: 219px;
    background-color: #e1801c;


}
#calendarDiv .activeDay{    /* Active day in the calendar */
    color: #FF0000;
}
#calendarDiv .todaysDate{
    height:17px;
    line-height:17px;
    padding:2px;
    background-color: #e1801c;
    text-align:center;
    position:absolute;
    bottom:0px;
    width:227px;
}

#calendarDiv .monthYearPicker{
    background-color: #e1801c;
    border:1px solid  #e1801c;
    position:absolute;
    color: #000000;
    left:0px;
    top:15px;
    zIndex:1000;
    display:none;
}

#calendarDiv #monthSelect{
    width:70px;
}
#calendarDiv .monthYearPicker div{
    float:none;
    clear:both; 
    padding:1px;
    margin:1px; 
    cursor:pointer;
}
#calendarDiv .monthYearActive{
    background-color:  #e1801c;
    color: #F7CD98;
}

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

#calendarDiv .topBar img{
    cursor:pointer;
}
#calendarDiv span,#calendarDiv img{
    float:left;
}
#calendarDiv .topBar div{
    float: left;
    margin-right:1px;
}
.WidgetButton{
    background:none repeat scroll 0 0 #000000;
    border-width:0;
    cursor:pointer;
    text-align: center;
    color: #ffffff;
    float:right;
    position: relative;
    padding:0px 4px 0 4px;
    margin: 0px 6px 0 0;
    width: 74px;
    height: 28px;
}

.calendarBox .calender_title {
    margin:2px 7px;
}

.calendarBox input,.calendarBox select {
    padding:0;
    margin:0;
}
.calendarBox .calendarImage {
    line-height:    26px;
    vertical-align: top;
    margin-left:    3px;
}


.calendarBox .dateSelect {
    padding: 0 7px;
    margin-top:4px;
}
.calendarBox .selectDay {
    width: 40px;
    height: 20px;
}
.calendarBox .selectMonth {
    width: 120px;
    height: 20px;
}

#iFrameContainer iframe body {
    margin-right: 10px;
}
#ui-datepicker-div {
	z-index: 99;
}