/* 
  NOTE: To get this to work properly, margin and padding must be set
  to 0 (zero). This can be done site-wide or simply for the container
  used to hold this calandar and its elements where needed.
 
  Site wide:
  * {
    margin : 0;
    padding : 0;
  }

  Play around with it and you'll get it right.
*/


/* div for the calendar markup - text must be centered */
div.calendar {
  margin-left : 30px;
  margin-right : 30px;
  padding : 10px;
  text-align : left;
  border : 1px solid #ccc;
  WIDTH: 310px;
}

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

/* list info - monospace font must be used */
ul.days {
  font-family : 'courier new', monospace;
  list-style-type : none;
  margin : 20px 10px 20px 2px;
}
/* list info - monospace font must be used */
ul.weeks {
  font-family : 'courier new', monospace;
  list-style-type : none;
  margin : 20px 0 20px 0;
}
/* day-box span styles - adjust with padding */ 
ul.days li span {
  color : #8e0908;
  text-decoration : none;
  font: bold  16px;
  background-color : #eee;
  border : 1px solid #999;
  padding : 8px;
}
/* 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 : #ffffcc;
  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 : #000000;
  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;
}

/* not used link boxes - color and background should match - adjust with padding */
ul.weeks li a.sn { 
  color : #ffffff;
  padding : 5px;
  border : 1px solid #fff;
  background-color : #055c78;
  cursor : default;
}
/* not used link boxes - color and background should match - adjust with padding */
ul.weeks li a.ve4 { 
  color : #ffffff;
  padding : 5px;
  border : 1px solid #fff;
  background-color : #fa6d2f;
  cursor : default;
}
/* not used link boxes - color and background should match - adjust with padding */
ul.weeks li a.if { 
  color : #ffffff;
  padding : 5px;
  border : 1px solid #fff;
  background-color : #408535;
  cursor : default;
}
/* to hide link separators */
span.sep {
  display : none;
}

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

/* End Styles */