div.kalendarzHolder
{
	padding-top: 24px;

	
	button.kalendarzIcon
	{
		width: 24px;
		height: 24px;
		border: 0px;
		cursor: pointer;
		background-color: transparent;
		padding: 0px;
		border-radius: 0px;
		padding: 0px;
		text-align: center;
		
		margin: -3px 3px 0px;
				
		img
		{
			padding: 0px;
			margin: 0px;
		}
		
	}	
	
	button.accept
	{
		margin-left: 10px;
	}
	
	
	.callendar
	{
		@colorBackground: ;
		@colorBorder: #bac0c4;
		@colorHeader: #3c75e7;
		@colorDays: #6a6e70;
		@colorLabel: white;
		@colorToday: black;
		@totalWidth: 180px;
		@buttonWidth: 25px;
	    
	    
		position: absolute;
		max-width: @totalWidth;
		border: 1px solid @colorBorder;
		background-color: white;
		height: auto;
		border-radius: 10px;
		margin: 0px;
		padding: 0px 0px 5px;
		border-bottom: 3px solid @colorBorder;
		overflow: hidden;
		
		
		&>div
		{
			display: block;
			float: none;
			margin: 0px;
			padding: 0px;
		}
		
		div.header
		{
			max-width: @totalWidth;
			height: 2 * @buttonWidth;
			background-color: @colorHeader;
		}
		
		div.content
		{
			width: @totalWidth * 2;
			overflow: hidden;
			height: 170px;
		}
		
		
		&>div>div
		{
			width: 100%;
			
			margin: 0px;
			padding: 0px;
			height: @buttonWidth;
		}
		
		
		.button()
		{
			background-color: green;
			border-radius: 0px;
			height: @buttonWidth;
			width: @buttonWidth;
			margin: 0px;
			border: 0px;		
		}
	
		button.buttonLeft, button.buttonRight
		{
			.button();
			float: left;
			background: url('/grafika/arrowLeft.png') no-repeat center center;
		}							
		
		button.buttonRight
		{
			.button();
			float: right;
			background: url('/grafika/arrowRight.png') no-repeat center center;
		}
		
		.labelYear, .labelMonth
		{
			width: @totalWidth - 2 * @buttonWidth - 10;
			text-align: center;
			margin: 0 auto;
			padding: 4px 0px 0px;
			color: @colorLabel;
			height: auto;
			float: none;
			display: block;
			font-weight: bold;
		}
		
		.monthHeader
		{}		
		
		table
		{
			float: left;
		    //border-spacing: 0px;
		    //border-collapse: collapse;
		    //cellpadding: 0;
		    //cellspacing: 0;
		    width: @totalWidth;
		    
		}
		
		td
		{
			width: 20px;
			height: 20px;
			text-align: center;
			color: @colorDays;
		}	
				
		td.day
		{
			cursor: pointer;
		}
		
		td.weekend
		{
			font-weight: bold;	
		}
		
		td.today
		{
			font-weight: bold;
			color: @colorToday;
		}
    
		
		td.selected
		{
			background-color:  @colorHeader;
			color: @colorLabel;
		}
    }
}