/* div for the calendar markup - text must be centered */
div#calendar {
  margin : 0 auto;
  padding : 10px;
  text-align : center;
  width : 260px;
 
}

/* calendar heading color */
h2.calendar {
	color : #006600;
	font-weight : normal;
}

/* list info - monospace font must be used */
ul#days, ul.weeks {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	list-style-type : none;
	margin : 20px 0 0 0;
}

/* day-box span styles - adjust with padding */ 
ul#days li span {
	background-color : #00b140;
	border : 1px solid #000;
	cursor : help;
	font-weight : bold;
	color : #fff;
	padding : 5px;
}

/* active links boxes default state - adjust with padding */
ul.weeks li a.al, ul.weeks li a.na  { 
  color : #666;
  
  text-decoration : none;
  background-color : #e69500;
  border : 1px solid #999;
  padding : 5px;
}

/* all states of not-used links */
ul.weeks li a.na, ul.weeks li a.na:hover, ul.weeks li a.na:focus, ul.weeks li a.na:active   { 
  background : transparent;
  color : #666;
  
  cursor : default;
}

/* hover and focus state of active links */
ul.weeks li a.al:hover, ul.weeks li a.al:focus, ul.weeks li a.al:active {
  color : #000;
  background-color : #eecc11;
  border : 1px solid #000;
  text-decoration : none;
  cursor : pointer;
  
}

/* not used link boxes - color and background should match - adjust with padding */
ul.weeks li a.nu { 
  color : #eee;
  padding : 5px;
  border : 1px solid #ccc;
  background-color : #eee;
  cursor : default;
   
}

/* to hide link separators */
span.sep {
  display : none;
}

/* this needs to be in conditional comment for IE only */
div#calendar {
  font-size : 10px;
  letter-spacing : 0.001em;
 
}