/*-- CALENDAR CSS --*/
 
 .calendar {
    width:896px;
    border-right:1px solid #ccc;
    border-top :1px solid #ccc;    
  }

  
  .calendar_cell {
    width: 127px;
    height:120px;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    float:left;
    overflow:hidden;
    font-size:11px;
  }
  .calendar_cell_blank {
    background-color:#eee; 
  }
  .calendar_daynumber {
    margin-top:4px;
    margin-bottom:10px;
    font-size: 12px;
    text-align: right;
    width:121px;
  }
  
  .calendar_next {
    float:right;
    text-align:right;
    width:180px;
    height: 20px;
    padding-right:20px;
  }
  .calendar_title {
     float:left;
     text-align:center;
     width:496px; 
     height: 30px;
  }
  .calendar_prev  {
    float:left;
    text-algin: left;
    width:180px;
    height: 20px;    
    padding-left:20px;
  }
  
  .calendar_event {
     background-color:#f5f984;

  }
  a.calendar_event{
     color: #666;
     text-decoration:none;
     font-weight:normal;
     display:block;
     width:400px; 
     margin:6px;
     padding:2px;
     border: #ccc 1px solid;
     cursor:pointer;
  }
  
  a.calendar_event:hover {
     font-weight:normal;
     color: #666;
     border: #999 1px solid;
     text-decoration:none;

  }
  a.calendar_event:visited, a.calendar_event:active {
     font-weight:normal;
     color: #666;
  }  
  
  .calendar_title {
     font-size:18px; 
  }
  .calendar_dow_heading {
    background-color:#E0E0E0;
    color:#999999;
    height:20px;
    letter-spacing:3px;
    padding-top:6px;
    text-align:center;
    text-transform:uppercase;
  }
  .calendar_event_time {
     font-weight:bolder;
  }
  .calendar_event_name {

  }
  
  .calendar_today {
    background-color:#E0E0E0; 
  }

  .calendar_event_open {
    background-color: #b0d66c;
  }
  .calendar_event_members {
    background-color: #ffd064;
  }
  
#add_event-container{
  border-top:2px solid #ccc;
  margin-top:12px;
  padding-top:8px;
}


#popover {
  position:absolute;
  z-index:100;
  top:100px;
  left:100px;
  width:192px;
  height:192px;
  overflow:hidden;
  border:1px solid #aaa;
  background-color:white;
  font-size:11px;
  
}

#popover .calendar_event {
     width:175px;
     cursor:pointer;
     text-align: left;
}

.calendar_cell .calendar_fulldate {
  display:none;
}

#popover .calendar_fulldate {
  display:block;
  background-color:#E0E0E0;
  text-align:center;
  text-transform:uppercase;
  font-size:12px;
  color:#999999;
  padding:4px;
  
}
.num_events_1 .calendar_event {
  width:120px;
  
}
#popover .calendar_daynumber {
   display:none;
}



/* itasca specific classes */