body{
 		font-size:0.4em;
 	}
 	.staff_type_break{
 		height: 5px;
 	}
 	img.nav_button{
 		border:none;
 		width:12px;
 		height:12px;
 	}
 	td{
 		vertical-align:top;
    font-size: smaller;
 	}
 	.center{
 		text-align: center;
 	}

 	.box{
 		border:2px gray inset;
 		-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
 		-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
 		box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
 	}  
   
 	.header{
 		font-size:1.5em;
 		padding:5px;
 	}
 	.Holiday{
 		background-color: eee;
    color:red;
      position:absolute;
      top:1px;
      left:24px;
      right:24px;
      padding:1px;
 	}
  .select_template{
     width:50px;
  }
 	.Note_Button{
 		background-color: #FFffaa;
      position:absolute;
      top:1px;
      width:18px;
      height:18px;
      right:1px;
 	}
  .Notes_Box{
     display:none;
     z-index:100;
     width:150px;
     position:absolute;
     right:18px;
     top:1px;
     background:#eeeeff;
     padding:5px;   
     //padding-right:24px; 
     border:1px navy inset;
  }
  .day_note_data{
     padding-right:24px;
  }

 	.day_header{
 		text-align:right;
 		display:inline-block;
 		border:none;
 		font-weight: bold;
 	}
 	.day_data{
 		text-align:left;
 		display:block;
 		position:relative;
 		border:1px solid white;
 		top:1px;
 	}     
 	.day_data:hover{
// 		border:1px solid #CCFF99;  //conflicts with highlight-border
// 		background-color:#CCFF99;  //conflicts with highlight
    background-image: url('images/arrow_right_green.png');  
    background-size: 16px 16px;                        
    background-repeat: no-repeat;
    background-origin: content-box;
  background-position: left top; 
 	}
  .day_shifts_list{  
     position:relative; 
     top:-10px
  }
 	td.day{
 		border:1px solid black;
    max-width:14%;
// 		min-width:200px;
 		//min-height:100px;
 		height:225px;
 		margin:0px;
 		position:relative;
 		padding:2px;
 		font-size: 0.6em;
 	}
 	.other_month{
 		background-color:#dddddd;
 		position:absolute;
 		width:100%;
//      height:250px;
 	}
 	.today{
 		background-color: #FFFFcc;
 		position: absolute;
 		width: 100%;
 		height: 100%;
 	}
 	.pointer{
 		cursor:pointer;
 	}
 	.hidden{
 		display:none;
 	}
 	.too_few{
 		background-color:yellow;
    font-size:1.4em;
 	}
 	.too_many{
 		background-color:pink;  
    font-size:1.4em;
 	}
 	.accept{
 		background-image: url("./images/accept.png");
 	}
 	.add{
 		background-image: url("images/add.png");
 	}
 	.add2{
 		background-image: url("images/add2.png");
 	}
 	.cancel{
 		background-image: url("images/cancel.png");
 	}
 	.delete{
 		background-image: url("images/cancel.png");
 	}
 	.calendar_edit{
 		background-image: url("images/calendar_edit.png");
 	}
  
  .button_holiday{
 		background-image: url("images/holiday.png");
    background-size: 16px 16px;
  }
  .button_template{
 		background-image: url("images/template.png");
    background-size: 16px 16px;
  }
 	.as_button{
 		position:absolute;
 		width:14px;
 		height:14px;
 		padding:1px;
 		margin:2px;
 		border:gray 1px outset;
 		display:inline-block;
 		background-repeat: no-repeat;
 		background-position: left top;
 	}
 	.as_button_smaller{
 		position:absolute;
 		width:11px;
 		height:11px;
 		padding:1px;
 		margin:2px;
 		border:gray 1px outset;
 		display:inline-block;
 		background-repeat: no-repeat;
 		background-position: left top;
 	}
 	input.input_color{
 		width:100px;
 	}
 	input.input_short{
 		width:75px;
 	}
 	input.input_time{
 		width:75px;
 	}


 	#ed_Days_To_Repeat{
 		width:75px;
 	}
 	.notes {
 		width:600px;
 		height:75px;
 		border:none;
 		margin:1px;
 	}
 	.notes:active, .notes:focus, .notes:hover{
 		border:1px inset;
 		margin:0px;
 	}
 	#input_ical{
 		width:325px;
 	}
 	#input_shift_note{
 		width: 125px;
 	}
 	.highlight{
 		background-color: #FFFF66;
 		border: 2px solid Yellow;
 	}
 	.highlight_border{
 		border: 2px solid Lime;  //conflicts with day_data:hover
   
 	}
 	span.entry_note{
 		text-align: right;
 		font-size: x-small;
 		font-style: italic;
 		font-weight: lighter;
//      position:absolute;
//      right:1px;
 	}
    .area_title{
       text-align:center; 
    font-weight: bold;
//       border-top:1px gray solid;
       margin-left:55px;
       margin-right:55px;
//       margin-top:5px;
    }
    .sick_day{
       color:#8cf442;
    }
    .normal_day{
       color:black;
    }
    .deleted_day{
       color:gray;
    }
    .header_notes{
       position:absolute;
       top:0px;
       left:90px;
       z-index:5;
       display:inline-block;
       border-bottom:1px solid black;
       border-right:1px solid black;
       padding:3px;
       font-size:0.85em;
       display:none;
    }
    .Problem{
       background-color:red;
    }
    .check_week{
    font-size: 0.5em;
    }
    .entry_error{
       border:2px inset red;
       padding:1px;
       background-color:#ffdddd;
    }
    .duplicate_error{
       border:2px inset yellow;
       padding:1px;
       background-color:gold;
    }
    .missing_error{
       padding-left:25px; 
       border-top:3px solid white; 
       background-color:pink;
       border:1px inset red;
       width:125px;
       display:inline-block;
    }
//    .status_sick{
//       text-decoration: line-through;
//    }
//    .status_sick_early{;
//    }
//    .status_holiday_working{
//    }
//    .status_holiday_off{
//    }
//    .status_cancelled{
//       text-decoration: line-through;
//    }
//    .status_switched{
//       text-decoration: line-through;
//    }
//    .status_requested{
//    }
//    .status_tentative{
//    }
    .conflict{
       color:red;
       border:1px red inset;
       padding-left: 15px;
       height: 15px;
 		   background-image: url("./images/error_icon.png");
       background-repeat: no-repeat;  
       background-size: 15px 15px;
       background-position: left center;
    } 
    .conflict_warning{
       color:orange;
       border:1px yellow inset;
       padding-left: 15px;
       height: 15px;
 		   background-image: url("./images/warning_icon.png");
       background-repeat: no-repeat;  
       background-size: 15px 15px;
       background-position: left center;
    } 
    .rollover_highlight{
       background:none;
    }                  
    .rollover_highlight:hover{
        background: #f3f3ff;
    }
    ins{
       background:#ddffdd;
    }
    del{
       background:#ffdddd;
    }
    .as_tool_button {
      border:1px outset gray;
    } 
    .as_tool_button:hover {
      border:1px outset green;
      background:lime;
    }