#calendar .navigation {
    background-color: #4c217e;	/* fejléc színe */
    border: 1px solid #8457b8;
    color: #FFFFFF;
}
#calendar .navigation .title {
    border-color: rgba(0, 0, 0, 0);
}
#calendar table th {
    border: 2px solid #fff;
    background-color: #703dac; /* napok betűvel h-k-sz mögött szín */
    color:white;
}
#calendar table td {
    border: 1px solid #ddd;
} 
#calendar table td {
    background-color: #c9bcdc; /* inaktív napok */
}
#calendar table td.current   {
    background-color: white;
}
#calendar table td.today {
    background-color: #fffcb6;
    border:2px solid red;
}

.nap {
    background-color: #9a80bb;	/* transzparens! */
    border: 1px solid #533080;
    color: white;
    opacity: 0.7;
}




.cluetip-default,
.cluetip-default .cluetip-outer {
  background-color: #e7dff0;
  border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
 	color:black;
}

.cluetip-default {
	 border: 1px solid #9777bb;
		color:black;
}

.cluetip-outer {
	-webkit-box-shadow: 3px 3px 26px 4px rgba(39,16,69,0.51);
	-moz-box-shadow: 3px 3px 26px 4px rgba(39,16,69,0.51);
	box-shadow: 3px 3px 26px 4px rgba(39,16,69,0.51);
}

.cluetip-default .ui-cluetip-header {
  background-color: #612d9e;
	border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
} 

.cluetip-title  {
  color: #fff;
}