/* Newsbuilder categories - safe colours */

/* 
 * These are a list of CSS classes that a user can choose, which
 * allow them to have a number of different colours on categories
 * on their news or calendar pages.
 */

.event {
   background-color: #eeeeee; /* background colour for the event */
   border: 1px solid #666; /* top and bottom borders */
}

/* example events */
.example.event {
   
}

.event.LightGrey {
  background-color: #f3f3f3;
  border-color: #d1d1d1;
}

/*
Don't use actual grey, as this is the default
when no style is selected
.event.Grey {
  background-color: #e7e7e7;
  border-color: #7f7f7f;  
}
*/

.event.DarkGrey {
  background-color: #afafaf;
  border-color: #282828;  
}

.event.DarkRed {
  background-color: #da8585;
  border-color: #a50000;
}

.event.Red {
  background-color: #ffcfcf;
  border-color: #ff0000;  
}

.event.LightRed {
  background-color: #ffe8e8;
  border-color: #ffa4a4;
}

.event.DarkBrown {
  background-color: #c8b096;
  border-color: #9b4f00;
}

.event.Brown {
  background-color: #f5e7d9;
  border-color: #cb8234;  
}

.event.LightBrown {
  background-color: #faf3ec;
  border-color: #eed3b7;  
}

.event.DarkOrange {
  background-color: #dabe85;
  border-color: #a56c00;  
}

.event.Orange {
  background-color: #fff0cf;
  border-color: #ffad00;  
}

.event.LightOrange {
  background-color: #fff8e8;
  border-color: #ffe4a4;  
}

.event.DarkYellow {
  background-color: #cece8e;
  border-color: #999b00;
}

.event.Yellow {
  background-color: #ffffdd;
  border-color: #cccc33;
}

.event.LightYellow {
  background-color: #fafbea;
  border-color: #f6f6af;
}

.event.DarkGreen {
  background-color: #a5c994;
  border-color: #329b00;  
}

.event.Green {
  background-color: #e1f6d8;
  border-color: #63ce30;  
}

.event.LightGreen {
  background-color: #f0faec;
  border-color: #c8f0b5;  
}

.event.DarkBlue {
  background-color: #94aec9;
  border-color: #004c9b;  
}

.event.Blue {
  background-color: #d8e7f6;
  border-color: #3080ce;  
}

.event.LightBlue {
  background-color: #ecf3fa;
  border-color: #b5d2f0;  
}

.event.DarkPurple {
  background-color: #b994c9;
  border-color: #6c009b;  
}

.event.Purple {
  background-color: #edd8f6;
  border-color: #9d30ce;  
}

.event.LightPurple {
  background-color: #f6ecfa;
  border-color: #deb5f0;  
}

.event.DarkPink {
  background-color: #ce8eba;
  border-color: #9b006b;  
}

.event.Pink {
  background-color: #f9d5ee;
  border-color: #e75cbe;  
}

.event.LightPink {
  background-color: #fbeaf6;
  border-color: #f6afe0;  
}



.event.startsBefore {
   border-left: none;
   background-image: url(/static_war/newsbuilder/ditherleft.gif);
   background-repeat: repeat-y;
   padding-left: 8px;
   margin-left: 0px;
}

.event.endsAfter {
   border-right: none;
   margin-right: 0px;
}

.event.endsAfter .decoration {
   background-image: url(/static_war/newsbuilder/ditherright.gif);
   background-position: top right;
   background-repeat: repeat-y;
   padding-right: 8px;
   margin-left: 0px;
}