/* this CSS is for this experiment page */
#exp_content {
  margin : auto;
  text-align : center;
  padding : 30px;
}

div#calendar {
  margin : 0 auto;
  padding : 10px;
  text-align : center;
  width : 21em;
  border : 1px solid #ccc;
}

h2.calendar {
  color : #669900;
  font-weight : normal;
}

ul#days, ul.weeks {
  font-family : 'courier new', monospace;
  list-style-type : none;
  margin : 20px 0 20px 0;
}

ul#days li span {
  background-color : #669900;
  border : 1px solid #000;
  cursor : help;
  font-weight : bold;
  color : #fff;
  padding : 5px;
}

ul.weeks li a.al, ul.weeks li a.na  { 
  color : #666;
  text-decoration : none;
  background-color : #ffffcc;
  border : 1px solid #999;
  padding : 5px;
}

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;
}

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;
}

ul.weeks li a.nu { 
  color : #eee;
  padding : 5px;
  border : 1px solid #ccc;
  background-color : #eee;
  cursor : default;
}

span.sep {
  display : none;
}


body#exp_body { 
  background-color : #669900;
  font-family : 'Century Gothic', 'Trebuchet MS', Arial, sans-serif; 
  font-size : 100.1%; 
  color : #333;
  padding : 15px;
  text-align : center;
}
#exp_header {
  background : #fafafa url(exp_headerback.jpg) no-repeat top right;
  text-align : left;
  padding : 13px 15px 13px 15px;
  margin-bottom : 15px;
  border : 1px solid #000;
}
h1#exp_h1 {
  color : #669900;
  font-weight : normal;
  padding-bottom : 10px;
  font-size : 1.6em;
}
p#exp_p {
  padding-bottom : 10px;
  width : 70%;
  font-size : 0.9em;
}
p#exp_copyline {
  margin-top : 5px;
  text-align : center;
  font-size : 0.75em;
  color : #fff;
}
h1#exp_h1 a.exp_a {
  text-decoration : none;
  display : block;
  width : 70%;
}
a.exp_a { 
  background : transparent;
  border : 0;
  color : #669900;
}
a.exp_a:hover {
  text-decoration : none;
  color : #000;
}
a.exp_a:focus, a.exp:active, p#exp_copyline a:focus, p#exp_copyline a:active {
  background-color : #ffffcc;
}
#exp_content { 
  background : #fff url(exp_contback.jpg) repeat-y;
  border : 1px solid #000;
}
p#exp_copyline a {
  color : #fff;
}
p#exp_copyline a:hover {
  color : #ffffcc;
  text-decoration : none;
}
p#exp_copyline a:focus, p#exp_copyline a:active {
  background-color : #ffffcc;
  color : #000;
}
.yes { 
  display : inline; 
}
.no { 
  display : none; 
}
hr.none {
  display : none;
}
img, a img {
  border : 0;
}
/* End */