table.summary { float: left; margin-right: 3em; }

#step-2 { display: none; }

#dst-tbl { padding-top: 1em; font-size: .9em; }
#dst-tbl table thead td { padding: 0.3em; }
#dst-tbl table tbody th { padding: 0.3em; text-align: right; font-weight: bold; vertical-align: middle; }

#dst-tbl table tbody td { padding: 0.3em; width: 50px; }

#avl-tbl { border-collapse: separate; border-spacing: 2px; -moz-user-select:none; -moz-user-focus:ignore; }

#avl-tbl th { width: 30px; text-align: center; font-weight: bold; font-size: .9em; }
#avl-tbl th.wkend { color: #A70; }
#avl-tbl th.month { color:#224275; padding: .5em 0; text-align: center; }

#avl-tbl td {
	color:#000;
	height:20px;
	vertical-align: middle;
	text-align: center;
	border-top: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	border-bottom: 1px solid #7f7f7f;
	border-right: 1px solid #7f7f7f;
	cursor:pointer;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#avl-tbl td.inactive { border: none; cursor: default; }
#avl-tbl td.avl, table.legend th.avl { background-color: #98d228; }
#avl-tbl td.na, table.legend th.na { background-color: #ddd; color:#000; }
#avl-tbl td.or, table.legend th.or { background-color: #ffa; }
#avl-tbl td.res, table.legend th.res { background-color: #eee; }
#avl-tbl td.selected { background-color: #8Bf; color: #00f; font-weight:bold }
#avl-tbl td.past { border-color:#ddd; color:#ddd; cursor:default }

/* effects */
#avl-tbl td:hover, #avl-tbl td.hover { color: #f00; border-color: #f00; }
#avl-tbl td.past:hover, #avl-tbl td.past-hover { color:#999;border-color:#ddd }
#avl-tbl td.inactive:hover, #avl-tbl td.inactive-hover { color:#000;border:none }

/* legend */
table.legend tr { vertical-align: middle }
table.legend th { border-width: 1px; border-style: solid; border-color: #b3b3b3 #7f7f7f #7f7f7f #b3b3b3; width: 20px; height: 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }