@charset "utf-8";

html{
	background:#66CC99 url(../Elements/bg.jpg) repeat-x center -140px;
	
	
	
}
body {
	width: auto;
}

#cal {
	width:190px;
	font-family:arial, helvetica, sans-serif;
	font-size:12px; /* this will fit in our 30x30px box nicely */
	color:#000;
	text-align:center;
	line-height: 22px;
	border: 1px solid #fff;
} 

#cal h2 {
	width:165px;
	margin:0;
	font-size:12pt;
	background:#004a80;
	color:#fff;
}

#cal ul {
	margin:0;
	padding: 0;
}

#cal ul li {
	width:22px;
	height:22px;
	display:block;
	float:right;
	list-style:none;
	margin:0;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #ccc;
}

#cal ul li.day {
	background:#666;
	color:#fff;
	font-family: Tahoma, Arial;
}
#cal ul li.week {
	font-family: Tahoma, Arial;
	color: #FFFFFF;
	background-color: #888888;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 0;
	width: 25px;
}
#cal ul li.num {
	font-family: Tahoma, Arial;
	font-size: 12px;
}

#cal ul li.num_empty {
	background:#e2e2e2;
	font-family: Tahoma, Arial;
	font-size: 12px;
}
#cal  .today {
	display:block;
	width:22px;
	height:22px;
	text-decoration:none;
	font-family: Tahoma, Arial;
	position: relative;
	color: #000099;
	background: #ccc;
}
#cal  .today  span {
	display: block;
	width: 22px;
	height: 22px;
	border: 2px solid #ffff00;
	position: absolute;
	top: -2px;
	left: -2px;
	outline: 1px solid #0066ff;
}
#cal .R {
	background: #ff899b;
	color: #FFFFFF;
}
#cal #left {
	width: 161px;
	float: left;
}
#cal #right {
	float: right;
	width: 25px;
}
#cal #head {
	width: 188px;
	margin: 1px;
}
#cal #head ul {
    display: block;
	list-style:none;
    
}
#cal #head  ul li {
	display: block;
	list-style:none;
	text-align: center;
	font-family: Tahoma, Arial;
	background-color: #CCCCCC;
	width: 19px;
	float: left;
	border: 0;
}
#cal #head ul li.month_name {
	width: 112px;
}
#cal   #head   ul   li  .link_today  {
	padding-top: 6px;
	text-decoration: none;
	display: block;
	text-align: left;
}
#cal #head ul li a {
	text-decoration: none;
	display: block;
	color: #000000;
}
