/*###### Bouton gauche des mois ######*/ 
.MonthLeft{
width:14px;
height:36px;
background:url('static.png') -84px -277px;
position:absolute;
left:-2px;
top:0px;
}
.MonthLeftOver{
width:14px;
height:36px;
background:url('static.png') -98px -277px;
position:absolute;
left:-2px;
top:0px;
}
.MonthLeftClick{
width:14px;
height:36px;
background:url('static.png') -112px -277px;
position:absolute;
left:-2px;
top:0px;
}
/*###### Bouton droit des mois ######*/ 
.MonthRight{
width:14px;
height:36px;
background:url('static.png') -126px -277px;
position:absolute;
right:-2px;
top:0px;
}
.MonthRightOver{
width:14px;
height:36px;
background:url('static.png') -140px -277px;
position:absolute;
right:-2px;
top:0px;
}
.MonthRightClick{
width:14px;
height:36px;
background:url('static.png') -154px -277px;
position:absolute;
right:-2px;
top:0px;
}

/*###### Bouton haut des années ######*/ 

.YearTop{
	width:14px;
	height:18px;
	background:url('static.png') -168px -277px;
	position:absolute;
	right:0px;
	top:0px;
}
.YearTopOver{
	width:14px;
	height:18px;
	background:url('static.png') -182px -277px;
	position:absolute;
	right:0px;
	top:0px;		
}
.YearTopClick{
	width:14px;
	height:18px;
	background:url('static.png') -196px -277px;
	position:absolute;
	right:0px;
	top:0px;		
}
/*###### Bouton bas des années ######*/ 

.YearBottom{
	width:14px;
	height:18px;
	background:url('static.png') -168px -295px;
	position:absolute;
	right:0px;
	bottom:0px;		
}
.YearBottomOver{
	width:14px;
	height:18px;
	background:url('static.png') -182px -295px;
	position:absolute;
	right:0px;
	bottom:0px;			
}
.YearBottomClick{
	width:14px;
	height:18px;
	background:url('static.png') -196px -295px;
	position:absolute;
	right:0px;
	bottom:0px;
}
/*###### conteneur principal ######*/ 
.calendar{
width:220px;
height:230px;
background:url('static.png') no-repeat;
position:absolute;
left:400px;
font-weight:bold;
font-family:Tahoma,"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
text-align:center;
z-index:500;
}

.contentMonth{
width:96px;
height:36px;
background:url('static.png') -100px -315px repeat-x;
position:absolute;
left:56px;
top:5px;
}
.pMonth{
/* [disabled]width:130px; */
height:36px;
line-height:36px;
display:block;
}
.contentDay{
width:42px;
height:36px;
line-height:16px;
text-align:center;
background:url('static.png') 0px -277px;
position:absolute;
left:5px;
top:5px;
font-size:13px;
}
.contentYear{
width:56px;
height:36px;
background:url('static.png') -42px -277px;
position:absolute;
left:160px;
top:5px;
}
.pYear{
width:42px;
height:36px;
line-height:36px;
display:block;
}
.contentListDay{
width:212px;
height:155px;
overflow:hidden;
position:absolute;
left:4px;
top:72px;
}
.contentListDay ul{
	width:100%;
	height:100%;
	position:absolute;
	margin:0px;
	padding:2px 0px 0px 1px;
}
.dayCurrent{
width:30px;
height:25px;
line-height:25px;
display:block;
float:left;
text-align:center;
color:#000000;
font-weight:bold;
background:url('static.png') -30px -243px;
}
.liOut{
width:30px;
height:25px;
line-height:25px;
display:block;
float:left;
text-align:center;
color:#666;
font-weight:bold;
background:url('static.png') 0px -243px;
cursor:pointer;
}
.liHover{
width:30px;
height:25px;
line-height:25px;
display:block;
float:left;
text-align:center;
color:#000000;
font-weight:bold;
background:url('static.png') -30px -243px;
cursor:pointer;
}
.liInactive{
width:30px;
height:25px;
line-height:25px;
display:block;
float:left;
text-align:center;
color:#bbb;
font-weight:bold;
background:url('static.png') -60px -243px;
}
.contentNameDay{
/* [disabled]width:290px; */
height:27px;
line-height:27px;
overflow:hidden;
position:absolute;
left:5px;
top:47px;
padding:0px;
margin:0px;
list-style:none;
background-color: #ccc;
}

.contentNameDay li{
width:30px;
display:block;
float:left;
text-align:center;
color:#444;
font-weight:bold;
text-shadow:1px 1px 0 rgba(255, 255, 255, 0.4);
}

.bugFrame{
	position:absolute;
	top:0px;
	left:0px;
	background:url('static.png') no-repeat;
	z-index:0;
	width:100%;
	height:100%;
	border:0px;
}