body {
  background-color: #000;  
  font-family: arial;
  margin-left:20px;
  margin-right:20px;
  
}

body.event_details_body {
  background-color: #ffffff;  
  font-family: arial;
}

img {  /* prevents borders around images that are links (whose dumb idea was that anyway?) */
  border-width:0px;
}

a:link { color: #0000ff; text-decoration: underline}
a:visited { color: #551a8b; text-decoration: underline}
a:hover { color: #0000aa; text-decoration: underline}

.active_main_tab {              
  color:#000000;          
}

a.main_tab {           
  color:#0000ff;
}
a.main_tab.inactive {           
  color:#0000ff;
}

a.main_tab.inactive:hover {     
  color:#551a8b;            
}
a.main_tab.inactive:visited {
  color:#0000aa;          
}

#controls_submit_button {
  border:outset 2px #000000;
}
#controls_submit_button.blink {
  border:outset 2px #ff0000;
}


a.info_box_tab {
  color:#0000ff;
  border-style:solid;
  border-color:#000000;
  background-color:#eeeeee;
  border-width:1px;
  border-bottom-width:0px;
  padding: 2px 1em 2px 1em;
  position: relative;
  margin-left: 2px;
  margin-right: 2px;
  /*top:-1px; */          /* This may be needed to make the info box tabs look perfectly.  Depends on the browser */
  z-index: 100;
  text-decoration:none;
}

a.info_box_tab.active {
  color:#0000ff;
  padding-top:5px;
  background-color:#ffffff;
  position:relative;
  z-index: 102;
}


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



input {
  margin:2px;
  padding:2px;
}
textarea {
  margin:2px;
  padding:2px;
}
select {
  margin:2px;
}

#update_cal_form input {
  margin:5px;
  margin-top:0px;
}
#update_cal_form textarea {
  margin:5px;
  margin-top:0px;
}
#update_cal_form select {
  margin:5px;
  margin-top:0px;
}

#update_cal_form .leftcol {
  clear:left;
  float:left;
  width:35%;
  text-align:right;
  margin-bottom:5px;
}
#update_cal_form .rightcol {
  float:left;
  width:60%;
  text-align:left;
  margin-bottom:5px;
}

#add_event_form .leftcol {
  clear:left;
  float:left;
  width:35%;
  text-align:right;
  margin-bottom:5px;
}

#add_event_form .rightcol {
  float:left;
  width:60%;
  text-align:left;
  margin-bottom:5px;
}


optgroup {
 color:#888888;
 font-weight:normal;
 font-style:normal;
 font-size:x-small;
}

option {
 color:#000000;
 font-weight:normal;
 font-size:small;
}

/* the dropdownmenu styles are not currently used.  They're reserved for 
javascript dropdown menus, if those ever become a reality */

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

div.dropdown_menuitem {
  padding-left:5px;
  color:#000000;
  font-size:14px;
}

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

/* the contextmenu styles are for the right-click menus*/

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;
  text-align:left;
}

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

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

.calendar_controls {
  background-color:#333;   
  padding:5px;
  margin:0px;
  border-style:dashed;         
  border-width:1px;
  border-color:#ccc;
  color:#fff;          
  width:90%;
  margin:auto;
  margin-top:5px;
  margin-bottom:5px;
  white-space:nowrap;
}

.event_box {
  border-style:solid;
  border-width:1px; 
  border-color:#d33708; 
  padding:3px;
  margin:2px;
  text-align:center;
}

.event_box.background {
  border-color:#000000; 
}

.event_link {   
  color:#0000ff;      
  font-weight:normal;
  font-size:x-small;
}
.event_link:hover {   
  color:#0000aa;      
}


.info_box {                 
  background-color:#ccc; 
  padding:5px;
  margin:0px;
  border-style:solid;       
  border-width:1px;
  border-color:#000000;
  color:#000000;            
}

a.info_box_link {           
  color:#0000ff;            
}

a.info_box_link:hover {     
  color:#551a8b;            
}

a.info_box_link:visited {    
  color:#0000aa;            
}

a.month_link {           
  color:#0049ff;          
  font-weight:normal;
  font-size:medium;
}


.list_box {                  
  background-color:#ffffff;  
  padding:5px;
  margin:0px;
  border-style:solid;        
  border-width:1px;
  border-color:#f00;
  color:#000000;             
}

.list_box.background{        
  border-color:#aaa;
}

.error {           
  color:#ff0000;   
  font-size:small;
}
.warning {         
  color:#af0000;   
  font-size:small;
}
.highlight {       
  color:#000000;               
  background-color:#fffbba;    
}
.required_field {       
  color:#af0000;            
  font-weight:bold;
  font-size:small;
}
.fit_event {            
  color:#af0000;            
  font-weight:normal;
  font-size:x-small;
}
.optional_field {       
  color:#000000;          
  font-weight:bold;
  font-size:small;
}
.small_note {          
  color:#000000;       
  font-weight:normal;
  font-size:x-small;
}
.todays_date {         
  color:#0049ff;                  
  font-weight:bold;
  font-size:small;
  padding-top: 8px;
  padding-bottom: 10px;
  text-indent: 18px;
}
.cal_title {           /* used for calendar title */
  color:#0049ff;          
  font-weight:bold;
  font-size:large;
}
.cal_month_title {    /* used for calendar month title */
  color:#0049ff;          
  font-weight:bold;
  font-size:medium;
}
.list_month_title {
  color:#0049ff;          
  font-weight:normal;
  font-size:medium;
  text-align:center;
}
.cal_cell {           /* used to set the base size for text inside calendar cells */
  color:#0049df;      
  font-size:x-small;
}
.date {           /* font for dates */
  font-weight:normal;
  font-style:normal;
  color:#fff;
}

.event_details {           /* used for event details pop-up */
  background-color:#ffffff;   
  padding:5px;
  margin:0px;
  border:solid 1px #000000;
  color:#000000;
  -moz-border-radius: .75em .75em .75em .75em;
}


.event_details .date {
  font-weight:bold;
  font-style:italic;
}

.event_details .title {
  font-weight:bold;
}



.active_tab {    /* used for the background for the active tab */
  background-color:#333;     /* active tab bg */
  border:solid 1px #aaa;     /* active_tab bg border*/
  padding:5px;
  color:#fff;
}

.inactive_tab {              /* the following td.definitions are simply for looking cool */
  background-color:#000;   /* active tab bg */
  border-style:solid;         
  border-width:1px;
  border-color: #666;      /* active_tab bg border*/
  padding:5px;
}

.inactive_tab a{              /* the following td.definitions are simply for looking cool */
  color:#ccc;
}

.icon_preview_box {            /* used for day zoom details box (below title) */
  background-color:#ffffff;   
  padding:3px;
  margin:3px;
  border:solid 1px #000000;
}

td.day_names {                /* used for Sunday, Monday, etc.*/
  color:#fff;      
  font-weight:bold;
  font-size:small;
  font-style:italic;
  text-align:center;
  background-color:transparent;
  border-style:solid;         
  border-width:0px;
  border-color: #000000;    
  margin:0px;
  width:100px;                /* this line makes each calendar cell at least a certain width */
}

.day {               /* used for calendar cells*/
  background-color:transparent;
  border-style:solid;        
  border-width:1px;
  border-color: #fff;
  /*border-top-color: #ff0000;
  border-bottom-color: #0000ff;*/
  padding:0px;
  padding-left:2px;
  padding-right:2px;
  margin:0px;
  width:11%;
  font-size:small;
  font-weight:normal;
  z-index:9000;
  vertical-align:top;
  color:#fff;
}
.day.other_month {               /* used for calendar days in months before & after the current month */
  color:#fff;      
  font-size:small;
  background-color:transparent;
}
td.day.cell_bottom {               /* used for calendar cell bottoms */
  height: 3px !important;
  padding: 0px !important;
  margin: 0px !important;
}

td.today {                          /* used for today's date */
  background-color: transparent;
  z-index:10000;
}


div.today_top {                     /* this can be used to put some image on today's date (like a circle around the date) */
  background-color: transparent;
  /*background-image:url(graphics/date_circle.gif) !important; */
  background-repeat:no-repeat;
}


table.calendar {      /* used for invisible tables & divs */
  background-color:transparent;  
  padding:0px;
  margin:0px;
  border-style:solid;      
  border-width:0px;
  border-color:#000;
  border-collapse:collapse;
  background-image:url(bg4.jpg) !important; 
  background-position:center center; 
}

td.event_slot {               /* this surrounds each event box on the calendar */
  border-style:solid;         
  background-color:#ffffff;
  border-width:0px;
  border-color: #000000;
  padding:2px;
  margin:0px;
}

.layout {      /* used for invisible tables & divs */
  background-color:transparent;  
  padding:0px;
  margin:0px;
  border-style:solid;      
  border-width:0px;
  border-color:transparent;  
}

/**************** print styles ************************/

@media print {

/* for printing, things should be black & white
   (backgrounds light, text & borders dark.)*/

/* set all fonts to black */
font {
  color:#000000 !important;            
}

/* set all links to black */
a:link { color: #000000 !important; text-decoration: underline}
a:visited { color: #000000 !important; text-decoration: underline}


body {
  background-color: #ffffff;  
  background-image:none;
}

}