/*
BI Blue : #00467f
*/

#calendar h1, 
#calendar .innerCalendar, 
#calendar .events,
#event {
  padding:10px;
  background:#dfe3d5;
  margin-bottom:2px;
}

.calendarCategory {
}

.category {
  margin-top: -15px;
}

#eventAttributes {
  width: 534px;
  margin-top: 3px;
  font-weight: bold;
  border-top: 1px solid #d0dbe5;
}

#eventAttributes tr td {
}

.extraAttribute {
  color: #447096;
}

/*
## Small calendar
*/

#smallCalendar {
  position:absolute;
  bottom:10px;
  right:10px;
  background:url(../GFX/bgAlphaWhite.png);
  padding:10px 10px 0;
  font-size:1.2em;
  width:250px;
  z-index:99;
}

#smallCalendar .current a { color:#red; }

#smallCalendar .months .thisMonth {
  font-weight:bold;
  font-size:1.6em;
}

#smallCalendar .months th {
  padding:5px 0;
  text-transform: uppercase;
}

/* Calender event list -dl */
.calendar.eventListTitle,
.calendar.eventList dt,
.calendar.eventList dd {
  padding:5px 8px;
}
.calendar.eventListTitle { 
  border-bottom:1px solid #fff; 
  color:#333; 
  padding-bottom:3px;
}
.calendar.eventList { margin-bottom:10px; }
.calendar.eventList dt { 
  color:#333; 
  padding-bottom:0; 
  font-size:1.1em; }
.calendar.eventList dd { 
  border-bottom:1px solid #fff; 
  padding-top:0; 
  font-size:1.4em;
  font-weight:bold;
}
.calendar.eventList dd a {  
  text-decoration:none;
}
.calendar.eventList dd a:hover { text-decoration:underline;}



/* Calendarian table -table */
.calendarOverview {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
  background:#fff;
}

.calendarOverview td {
  border: 1px solid #00467f;
  text-align: center;
}

.vacation .calendarOverview td {
  border: 1px solid #a7ff9b;
  text-align: center;
  background-color: #1ec439;
}

.vacation .calendarOverview td.current {
  background-color: red !important;
}

.vacation .calendarOverview td.current a {
  color:#red;
}

#content .calendarOverview td {
  line-height: 1.8;
  font-size: 100%;
  padding: 0px 10px;
}

#mainColumn .calendarOverview td {
  line-height: 2;
  font-size: 100%;
}


.calendarOverview td.today {
  background-color: #f2f2f2;
}

.calendarOverview td.event {
  background-color: #eff6f9;
}

.vacation .calendarOverview td.event {
  background-color: #ecb8b8;
  color: #fff;
}

.calendarOverview td.hidden {
  color: #EEE;
}

.prev a,
.next a {
  text-decoration: none !important;
  color: #000 !important;
  font-weight: normal !important;
}

.weekNum {
  width: 2em;
  background-color: #999;
  color: #EEE;
}

.weekdays th {
  padding: 5px;
  background-color: #00467f;
  border: 1px solid #00467f;
  color: #fff;
  text-transform: uppercase;
}

.eventSummary {
  font-weight: bold; 
  margin: 0 10px 10px 0;
  width: 524px;
}

.eventDescription {
  margin-right: 10px;
  width: 524px;
}

.eventSummary {
  margin-right: 10px;
  width: 524px;
}

#event #eventAttributes {
  margin-bottom: 12px;
}

#event #eventAttributes .variable {
  font-weight: bold;
}

.events dl {
  font-size:1.2em;
}

.events dt, .events dd {

}

.events dt {
  width:150px;

}

.events dd {
  padding: 5px 0;
  margin-bottom: 5px;
  font-weight:bold;
  border-bottom: 1px solid #fff;
  clear:right;
}

.smallEvent {
  background: transparent url(../GFX/smallEventBg.gif) no-repeat scroll top center;
  padding: 11px 0;
}

.smallEvent .date {
  margin-right: 5px;
}