body {
	background-color:#dddddd;
	font-size: 4vh;
}
img { 	width:	10vh;
	height: 10vh;}
a {	font-size: 8vh;
	color:#0000ff;}
a:visited {	color:#0000ff;}

table { border:2px solid #000000;
  padding: 0;
  border-collapse: collapse;}
td { border:1px solid #000000;
  padding: 4px;}
tr.dateheader {  }
td.dateheader { width:150px;
	background-color:#dddddd;}
td.idheader { width:75px;
	background-color:#dddddd;}
td.nameheader { width:150px;
	background-color:#dddddd;}
td img { width:75px;
	height:20px;}

form  { display: table;      }
p { display: table-row; }	
label { display: table-cell; 
	width: 100px; 
	vertical-align:middle;}
input { 
	display: table-cell;}
div.daychecks {
	display: table-cell;
	width: 400px;}
.button-container form, .button-container form div { display: inline;}
.button-container button { display: inline;
    vertical-align: middle;}
.comment-textbox { width:350px;}

td.shift1, td.shift1 a:link, td.shift1 a:visited {background-color: #ffffcc;}
td.shift1a, td.shift1a a:link, td.shift1a a:visited {background-color: #ffffcc;
	background: linear-gradient(to right, #ffffcc , white);}
td.shift1b, td.shift1b a:link, td.shift1b a:visited {background-color: #ffffcc;
	background: linear-gradient(to right, white, #ffffcc);}
td.shift2, td.shift2 a:link, td.shift2 a:visited {background-color: #ffeb9c;}
td.shift2a, td.shift2a a:link, td.shift2a a:visited {background-color: #ffeb9c;
	background: linear-gradient(to right, #ffeb9c , white);}
td.shift2b, td.shift2b a:link, td.shift2b a:visited {background-color: #ffffcc;
	background: linear-gradient(to right, white, #ffeb9c);}
td.shift3, td.shift3 a:link, td.shift3 a:visited {background-color: #ffcc99;}
td.shift3a, td.shift3a a:link, td.shift3a a:visited {background-color: #ffcc99;
	background: linear-gradient(to right, #ffcc99 , white);}
td.shift3b, td.shift3b a:link, td.shift3b a:visited  {background-color: #ffffcc;
	background: linear-gradient(to right, white, #ffcc99);}
td.holiday, td.holiday	a:link, td.holiday	a:visited{background-color: #fcd5b4;
	color: red;}
td.vacation, td.vacation a:link, td.vacation a:visited {background-color: yellow;
	color: #996600;}
td.vacationa, td.vacationa a:link, td.vacationa a:visited {background-color: yellow;
	background: linear-gradient(to right, yellow , white);
	color: #996600;}
td.vacationb, td.vacationb a:link, td.vacationb a:visited  {background-color: yellow;
	background: linear-gradient(to right, white, yellow);
	color: #996600;}
td.sick, td.sick a:link, td.sick a:visited {background-color: #66ff66;
	color: #006600;}
td.sicka, td.sicka a:link, td.sicka a:visited 	{background-color: #66ff66;
	background: linear-gradient(to right, #66ff66 , white);
	color: #006600;}
td.sickb, td.sickb a:link, td.sickb a:visited{background-color: #66ff66;
	background: linear-gradient(to right, white, #66ff66);
	color: #006600;}
td.oholiday, td.oholiday a:link, td.oholiday a:visited {background-color: #cc99ff;
	color: #6600cc;}
td.oholidaya, td.oholidaya a:link, td.oholidaya a:visited {background-color: #cc99ff;
	background: linear-gradient(to right, #cc99ff , white);
	color: #6600cc;}
td.oholidayb, td.oholidayb a:link, td.oholidayb a:visited {background-color: #cc99ff;
	background: linear-gradient(to right, white, #cc99ff);
	color: #6600cc;}
td.bereave, td.bereave a:link, td.bereave a:visited{background-color: #66ccff;
	color: #0000ff ;}
td.training, td.training a:link, td.training a:visited{background: linear-gradient( white,#e26b0a,white);
	color: #000000 ;}
td.military, td.military a:link, td.military a:visited{background: linear-gradient( white,#76933c,white);
	color: #000000 ;}
td.jury, td.jury a:link, td.jury a:visited{background: linear-gradient( white,grey,white);
	color: #000000 ;}
td.training, td.training a:link, td.training a:visited{background: linear-gradient( white,31869b,white);
	color: #000000 ;}
td.ooo, td.ooo a:link, td.ooo a:visited{background-color: #e6b8b7;
	color: #000000 ;}
td.comptime, td.comptime a:link, td.comptime a:visited{background-color: #996600;
	color: #000000 ;}
td.mgr, td.mgr a:link, td.mgr a:visited {color: #000000;}
td.oncall, td.oncall a:link, td.oncall a:visited {background: radial-gradient(white, grey);
	color: #ff0000;}
td.complicated, td.complicated a:link, td.complicated a:visited{background-color: #ffffff;
	color: #000000 ;}