#bcfj * {

 	box-sizing: content-box;

}



.bcfj-calendar {

	/*float: left;*/

}

#legend {

    letter-spacing:0px;

	padding: 9px 9px 6px 9px;

}

#legend .legenditem {

	height: 25px;

    padding: 1px;

}

#legend #legendeditlink {

	padding-top: 5px;

	text-align: center;

}

#legend .legenditem .legenditemcolorpreview {

	float: left;

    height: 22px;

    width: 22px;

}

#legend .legenditem .legenditemtitle {

	position: relative;

	padding-left: 5px;

    line-height:22px;

    color:#333333;

}

#bcfj .bcfj-calendar .bcfj-calendar-month {

    letter-spacing:0px;

	background-color: #FFFFFF;

    border: 1px solid #CCCCCC;

    float: left;

    height: 200px;

    margin-bottom: 10px;

    margin-right: 10px;

    padding: 10px 10px 10px 10px;

    text-align: center;

    width: 170px;

}



#bcfj .bcfj-calendar .bcfj-month-with-weeknumbers {

    width: 192px;



}



#bcfj .bcfj-week-number {

    background-color: #f5f5f5 !important;

}

#bcfj .bcfj-calendar .bcfj-calendar-month td, #bcfj .bcfj-calendar .bcfj-calendar-month th {



	color: #333333;

    letter-spacing:0px;

    background-color:#ffffff;

    background-image:none;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 12px;

    height: 22px;

    text-align: center;

    width: 22px;

    padding:0;

    border:0;

    line-height:22px;

}

#bcfj .bcfj-calendar .bcfj-calendar-month th {

    padding:0;

}

#bcfj .bcfj-calendar .bcfj-calendar-month td.clicableday{

	cursor: pointer;

}

#bcfj .bcfj-calendar .bcfj-calendar-month table {

	border-collapse: separate;

    border-spacing:2px;

    border:0 !important;

    clear: both;

}

#bcfj .bcfj-calendar .bcfj-calendar-month table tr, #bcfj .bcfj-calendar .bcfj-calendar-month table td{

	border: none;

}





#bcfj .bcfj-calendar .bcfj-calendar-loader{

	height: 0;

    position: relative;

    top: 68px;

    visibility: hidden;

    z-index:3;

}



#bcfj .loading {

   visibility: visible !important;

}



#bcfj .bcfj-calendar .bcfj-calendar-loader img {

    border:0;

}

#bcfj .bcfj-calendar img {

	float: none;

	margin: 0px;

    

}

#frontend-bcfj #legend, #frontend-module-bcfj  #legend{

	/*float: right;*/

	display: inline-block;

    background-color: #FFFFFF;

    border: 1px solid #CCCCCC;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 12px;

}/*

#frontend-module-bcfj  #legend{

	float: none;

}

#frontend-module-bcfj  .bcfj-calendar {

	float: none;

}

#frontend-module-bcfj .bcfj-calendar .bcfj-calendar-month{

	float: none;

	width: 90%;

	margin-right: 0px;

}

#frontend-module-bcfj .bcfj-calendar-navigation {

	margin: auto;

}

#frontend-module-bcfj .bcfj-calendar .bcfj-calendar-month table {

	margin: auto;

}*/

.bcfj-calendar-navigation {

	line-height: 19px;

    letter-spacing:0px;

    padding-bottom: 10px;

    font-size:12px;

    text-align: center;

    width: 170px;

    color:#333333;

	border-bottom: 1px solid #000000;

    font-family: Arial,Helvetica,sans-serif;

    float: left;



}



.bcfj-month-with-weeknumbers .bcfj-calendar-navigation {

    width: 192px;



}



.bcfj-calendar-navigation > span {

	vertical-align: top;

}



.bcfj-calendar-navigation a img, .bcfj-calendar-navigation img {

    border:0 !important;

}

a.bcfj-calendar-prev-month {

	float: left;

    height: 19px;

    position: relative;

    width: 20px;

    margin-right: 4px;	

}

a.bcfj-calendar-next-month {

	float: right;

    height: 19px;

    width: 20px;

    /*margin-left: 15px;*/

	position: relative;

	z-index: 1;

	

}

.bcfjdatepicker {

    letter-spacing:0px;

	margin: 0;

    padding:0;

    width: 122px !important;

    font-size: 12px;

    font-family: Arial,Helvetica,sans-serif;

    position: relative;

    float: left;

    vertical-align:top;

    font-weight:normal;

    text-transform:capitalize;

}



.bcfj-month-with-weeknumbers .bcfjdatepicker {

    width: 144px !important;





}



.bcfj-clear {clear:both;}





#legend .legenditem .legenditemcolorpreview span {

    float: left;

    width: 22px;

}





#legend .legenditem .legenditemcolorpreview .change-over-1, 

#legend .legenditem .legenditemcolorpreview .change-over-2 {

    position: absolute;

    height:0;

    width:0;	

    z-index: 1;

    display:block;

}



.bcfj-calendar .date-text {

    position: relative;

    width: 22px;

    height: 22px;

    display: block;

	

}

.bcfj-calendar .change-over-1,

.bcfj-calendar .change-over-2 {

    position: absolute;

    height:0;

    width:0;	

    display:block;

}



#bcfj .quickedit {

    margin-top: 10px;

}



#bcfj .quickedit .input-append {

    margin-bottom: 5px;

}



#bcfj .quickedit input {

    width: 70px;

}