table.tableview { border-collapse: collapse; }
table.workcalendar {
	border: 1px solid #9ac;
	border-width: 0px 0px 1px 1px;
}
table.tablecalendar { white-space: nowrap }
table.tablecalendar input { border: 1px solid gray; height:21px }
table.workcalendar { white-space: nowrap }
table.workcalendar td a { display: block;height:100%;position:absolute;text-align:center }
table.workcalendar td .workjohn{ display: block; font-size:0.8em;margin-top:18px }
table.workcalendar td .worksteph { display: block; font-size:0.8em;color:#808 }
table.workcalendar td,table.workcalendar th {
	background: url(images/cells.png);
	width: 76px;
	vertical-align: top;
	position: relative;
}
table.workcalendar th {
	padding-top:2px;
	height: 20px;
}
table.workcalendar td {
	padding-top:5px;
	padding-left:5px;
	width: 76px;
	max-width: 76px;
	height: 76px;
}
table.workcalendar td:hover, table.workcalendar th:hover {
	background-position: 0px -81px;
}
table.workcalendar td.vacation           { background-position: 0px 0px; color: #040; }
table.workcalendar td.vacation:hover     { background-position: 0px -81px; }
table.workcalendar td.vacationtoday      { background-position: 81px 0px; color: #040; }
table.workcalendar td.vacationtoday:hover{ background-position: 81px -81px; }
table.workcalendar td.dayoff             { background-position: 0px 0px; color: #888; }
table.workcalendar td.dayoff:hover       { background-position: 0px -81px;}
table.workcalendar td.dayofftoday        { background-position: 81px 0px; color: #ddd; }
table.workcalendar td.dayofftoday:hover  { background-position: 81px -81px; }
table.workcalendar td.working            { background-position: 243px 0px; color: #202; }
table.workcalendar td.working:hover      { background-position: 243px -81px; }
table.workcalendar td.workingtoday       { background-position: 162px 0px; color: #ddd; }
table.workcalendar td.workingtoday:hover { background-position: 162px -81px; }
table.workcalendar td.eday               { background-position: 0px 0px; color: #800; }
table.workcalendar td.eday:hover         { background-position: 0px -81px; }
table.workcalendar td.edaytoday          { background-position: 162px 0px; color: #800; }
table.workcalendar td.edaytoday:hover    { background-position: 162px -81px; }

.images { position: absolute; top:2; right:2; }
.gray { color: #888 }
.notes { height: 21px; width:700px }
.flags { width: 50px }
.wakeuptime { width: 55px }
.starttime { width: 55px }
.endtime { width: 55px }
.bodyfat { width: 35px }
.weight { width: 45px }
.steps { width: 45px }
.bluebutton,.purplebutton,.greenbutton,.orangebutton {
	color: #ccc;
	border: 1px solid black;
	border-radius: 5px;
	display: block;
	padding: 8px;
	margin: 0px auto 8px auto;
	width: 390px;
	text-align: center;
	font-size: 2em
}
.bluebutton { background: #aaf; }
.greenbutton { background: #afa; }
.purplebutton { background: #faf; }
.orangebutton { background: #fca; }
.today { background-color:#bbf }
#main a:hover,#main table input:hover,#main table textarea:hover { background: #77f; } /* Remove styling links for the calendar/table */