/*
  The "color scheme" is defined in this file.
  Here are the "important" colors (not really very many).
  
  To create a new color scheme, the first step would be to replace
  each instance of these in this file.  After that, some more detailed
  tweaking of the colors for the various classes might be necessary 
  to get the desired result.

	#f3e0bd  - inactive tab topborder
	#ffebc3  - inactive tab bg 
	#fff7de  - active tab bg 
	#ffe394  - active tab bg border 
  #0049ff  - really nice-looking blue
  #ffffff  - white
  
*/


body {
	background-color: #ffffff;  
  /*background-image:url(http://some.url.org/some_image.gif); */  /* uncomment and modify this line to add a background image */
  	font-family: arial;
}
a.info_box_tab {
  border-style:solid;
  border-color:#000000;
  background-color:#eeeeee;
  border-width:1px;
  border-bottom-width:0px;
  padding: 2px 1em 2px 1em;
  position: relative;
  /*top:-1px; */          /* This may be needed to make the info box tabs look perfectly.  Depends on the browser */
  z-index: 100;
}

a.info_box_tab.active {
  background-color:#ffffff;
  position:relative;
  z-index: 102;
}

div.contextmenu {
  position:absolute;
  width:165px;
  border-width: 1px;
  border-style: solid;
  border-color: #b2b2b2 #4a494a #4a494a #b2b2b2;
  background-color:#d6d3ce;
  font-family:arial;
  line-height:20px;
  cursor:default;
  font-size:14px;
  visibility:hidden;
}

div.context_menuitem {
  padding-left:10px;
  font-size:14px;
}

div.context_menuitem_highlight {
  padding-left:10px;
  color:#ffffff;
  background-color:#08246b;
}

form {
  margin-bottom:0;
  margin-top:0;
}

font.error {            /* used for displaying errors */
	color:#ff0000;        /* red! */
	font-size:small;
}
font.warning {          /* used for displaying warnings */
	color:#af0000;        /* maroonish red! */
	font-size:small;
}
font.highlight {          /* used for highlighting text */
	color:#000000;                /* black */
  background-color:#fffbba;     /* post-it yellow */
}
font.required_field {       /* used for required input fields */
	color:#af0000;            /* maroonish red! */
	font-weight:bold;
	font-size:small;
}
font.fit_event {            /* used for required input fields */
	color:#af0000;            /* maroonish red! */
	font-weight:normal;
	font-size:x-small;
}
font.optional_field {       /* used for optional input fields */
	color:#000000;            /* black */
	font-weight:bold;
	font-size:small;
}
font.small_note {           /* used for small notes (no way!) */
	color:#000000;            /* black */
	font-weight:normal;
	font-size:x-small;
}
font.this_month {      /* used for dates in this month */
	color:#0049ff;       /* awesome great blue */
	font-weight:bold;
	font-size:small;
}
font.other_months {   /* used for dates other than this month */
	color:#808080;      /* grey */
	font-weight:normal;
	font-size:small;
}
font.today {         /* used for today's date */
	color:#0049df;                  
	font-weight:bold;
	font-size:medium;
}
font.other_days {          /* used for today's date */
	color:#0049df;          
	font-weight:bold;
	font-size:medium;
}
font.cal_title {     /* used for calendar title */
	color:#0049df;          
	font-weight:bold;
	font-size:large;
}
font.cal_month_title {    /* used for calendar month title */
	color:#000000;          
	font-weight:bold;
	font-size:medium;
}
font.list_month_title {   /* used for calendar title */
	color:#000000;          
	font-weight:bold;
	font-size:medium;
}
font.cal_cell {           /* used to set the base size for text inside calendar cells */
	color:#0049df;      
	font-size:x-small;
}
font.day_zoom_title { /* used for calendar title */
	color:#0049df;      
	font-weight:bold;
	font-size:medium;
}
font.day_zoom_org {   /* used for calendar organization name */
	color:#0049df;      
	font-weight:bold;
	font-size:x-small;
}
font.day_zoom_date {  /* used for calendar organization name */
	color:#000000;      /* black */
	font-weight:bold;
	font-size:small;
}
font.date {           /* font for dates */
	font-weight:normal;
	font-style:normal;
}
font.event_plain {    /* used for event label */
	font-weight:bold;
	font-size:x-small;
}
font.day_names {
	color:#000000;      /* black */
	font-weight:normal;
	font-size:small;
}

td.main_menu_active_tab_topborder {     /* the following td.definitions are simply for looking cool */
	background-color: #ffe394;
  border-style:solid;         /* this must be present for the other border properties to work */
  border-width:1px;
  border-top-width:0px;
  border-bottom-width:0px;
  border-left-color: #ffe394;
  border-right-color: #ffe394;
  height:1px;
  padding:0px;
  margin:0px;
}
td.main_menu_inactive_tab_topborder {     /* the following td.definitions are simply for looking cool */
	background-color: #f3e0bd;
  border-style:solid;         /* this must be present for the other border properties to work */
  border-width:1px;
  border-top-width:0px;
  border-bottom-width:0px;
  border-left-color: #f3e0bd;
  border-right-color: #f3e0bd;
  height:1px;
  padding:0px;
  margin:0px;
}
td.main_menu_tab_separator_topborder {      /* the following td.definitions are simply for looking cool */
	background-color: transparent;
  border-style:solid;                       /* this must be present for the other border properties to work */
  border-width:0px;
  height:1px;
  width:2px;
  padding:0px;
  margin:0px;
}
td.main_menu_active_tab {         /* the following td.definitions are simply for looking cool */
	background-color: #fff7de;
  border-style:solid;             /* this must be present for the other border properties to work */
  border-width:1px;
  border-top-width:0px;
  border-bottom-width:0px;
  border-left-color: #ffe394;
  border-right-color: #ffe394;
  padding:0px;
  margin:0px;
}
td.main_menu_inactive_tab {              /* the following td.definitions are simply for looking cool */
	background-color: #ffebc3;
  border-style:solid;                       /* this must be present for the other border properties to work */
  border-width:1px;
  border-top-width:0px;
  border-left-color: #f3e0bd;
  border-right-color: #f3e0bd;
  border-bottom-color: #ffe394;
  padding:0px;
  margin:0px;
}
td.main_menu_tab_separator {      /* the following td.definitions are simply for looking cool */
	background-color: transparent;
  border-style:solid;             /* this must be present for the other border properties to work */
  border-width:0px;
  border-color: transparent;
  border-bottom-width:1px;
  border-bottom-color: #ffe394;
	width:2px;
  padding:0px;
  margin:0px;
}
td.active_tab {    /* used for the background for the active tab */
	background-color:#fff7de;   /* active tab bg */
  border-style:solid;         /* this must be present for the other border properties to work */
  border-width:1px;
	border-color: #ffe394;      /* active_tab bg border*/
  padding:5px;
}
td.info_box {            /* used for day zoom details box (below title) */
	background-color:#ffffff;   
  padding:10px;
  margin:0px;
  border-style:solid;         /* this must be present for the other border properties to work */
  border-width:1px;
	border-color:#000000;  
}

td.icon_preview_box {            /* used for day zoom details box (below title) */
	background-color:#ffffff;   
  padding:3px;
  border-style:solid;         /* this must be present for the other border properties to work */
  border-width:1px;
	border-color:#000000;  
}

td.cal_cell_vert_border {
  background-color: #000000;
  border-style:solid;         /* this must be present for the other border properties to work */
  border-width:0px;
  width:1px;
  padding:0px;
  margin:0px;
}

td.cal_cell_horiz_border {
  background-color: #000000;
  border-style:solid;         /* this must be present for the other border properties to work */
  border-width:0px;
  height:2px;
  padding:0px;
  margin:0px;
  width:88px;            /* uncomment this line if you want to make each calendar cell at least a certain width */
}

td.today {                          /* used for today's date */
	background-color: #ffffff;
  border-style:solid;               /*this must be present for the other border properties to work */
  border-width:0px;
	border-color: #000000;
  background-image:url(graphics/date_circle.gif);
  background-repeat:no-repeat;
  width:88px;            /* uncomment this line if you want to make each calendar cell at least a certain width */
}
td.other_days {               /* used for plain (blank) calendar cells*/
	background-color: #ffffff;
  border-style:solid;         /* this must be present for the other border properties to work */
  border-width:0px;
	border-color: #000000;
  padding:2px;
  width:88px;            /* uncomment this line if you want to make each calendar cell at least a certain width */
  width:88px;            /* uncomment this line if you want to make each calendar cell at least a certain width */
}
td.day_names {                /* used for Sunday, Monday, etc.*/
	background-color:transparent;
  border-style:solid;         /* this must be present for the other border properties to work */
  border-width:0px;
	border-color: #000000;      /* active_tab bg border*/
  margin:0px;
  width:88px;            /* uncomment this line if you want to make each calendar cell at least a certain width */
}
td.day_names_right_side {     /* used for Sunday, Monday, etc.*/
	background-color:transparent;
  border-style:solid;         /* this must be present for the other border properties to work */
  border-width:0px;
	border-color: #000000;      /* active_tab bg border*/
  margin:0px;
  width:88px;            /* uncomment this line if you want to make each calendar cell at least a certain width */
}
td.cell_bottom {               /* used for calendar cell bottoms */
	background-color: #ffffff;
  border-style:solid;          /*this must be present for the other border properties to work */
  border-width:0px;
	border-color: #000000;
  height: 3px;
  padding:0px;
  margin:0px;
}
td.event_slot {               /* this surrounds each event box on the calendar */
	background-color: #ffffff;
  border-style:solid;         /* this must be present for the other border properties to work */
  border-width:0px;
  border-top-width:1px;
  border-bottom-width:1px;
  border-right-width:2px;
  border-left-width:2px;
	border-color: #ffffff;
  padding:0px;
}
td.event_box {                /* highlight the event if for the selected org*/
  border-style:solid;         /* this must be present for the other border properties to work */
  border-width:1px;
	border-color: #ff0000;      /* defaults to red--this is overruled by the event's background color if the event doesn't belong to the selected organization. */
  width:100%;
  padding:0px;
  margin:0px;
}
td.background_event_box {     /* this affects the border drawn around "background" events --those for orgs other than the currently selected one */
  border-style:solid;         /* this must be present for the other border properties to work */
  border-width:1px;
	border-color: #000000;
  width:100%;
  padding:0px;
  margin:0px;
}

table.layout_table {      /* used for invisible tables */
	background-color:transparent;  
  padding:0px;
  margin:0px;
  border-style:solid;      /*this must be present for the other border properties to work */
  border-width:0px;
	border-color:transparent;  
}

table.add_edit_layout {       /* used for invisible table, but with active tab bg */
	background-color:transparent;   /* active tab color */
  border-style:solid;         /* this must be present for the other border properties to work */
  border-width:0px;
	border-color:#000000;  
  padding:0px;
  margin:0px;
}