body { 
		background-color: #fff; 
		margin-top: 70px;
		_margin-top: 0px; /* for ie */
	}
	th.taboff { 
		background: #ddd; 
		border-color: black; 
		border-top: 2px solid #eee;
		border-right: 0px solid #def;
		border-bottom: 1px solid green;
		border-left: 0px solid #eee;
		padding-left: 10px;
		padding-right: 10px;
	}
	th.taboff a:link { text-decoration: none; color: #999; }
	th.taboff a:visited { text-decoration: none; color: #999; }
	th.taboff a:hover { text-decoration: none; color: #00F; }
	th.tabon { 
		background: #efe; 
		border-top: 4px solid green;
		border-right: 1px solid green;
		border-bottom: none;
		border-left: 1px solid green;
	}
	th.tabon a { text-decoration: underline; color: #409; }
	#tabbar { 
		text-align: center; 
		background-color: #def; 
		filter:alpha(opacity=90);
		-moz-opacity:0.9;
		opacity: 0.9;
	}
	#editbar { padding-top: 10px; text-align: center; }
	#viewform, .viewform { 
		background-color: white;
		margin: 10px 10px 10px 10px;
		padding: 10px 10px 10px 10px;
		border: 1px dotted gray; 
	}
	#editform {
	}
	form { text-align: center; margin: 10px 10px 10px 10px; }
	#metaDataMenu { 
		font-size: 9pt;  
		background-color: #efe;
		border-top: none;
		border-right: solid 1px #def;
		border-bottom: solid 1px #def;
		border-left: solid 1px #def;
		width: 500px;
		height: 30px;
		filter:alpha(opacity=90);
		-moz-opacity:0.9;
		opacity: 0.9;
	}
	#metaDataMenu th { font-size: 9pt; padding-top: 0px; padding-bottom: 0px; }
	a.lincoln { text-decoration: underline; color: purple; }
	a.linkoff { text-decoration: none; color: #bbb; }
	#invoicesSubMenu { font-size: 9pt; margin-top: 10px; }

	#top {
        color: #009;
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 32px;
        padding-left: 0px;
        font-size: 15px;
        position: fixed;
        display: block;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 70px;
        background-image: url(images/bannerbg.png);
        background-repeat: repeat-x;
	}

	/* colors used in the to-do lists. class names = the statuses. */
	li.urgency1 { font-weight: bold; }
	li.urgency2 { background-color: yellow; }
	li.urgency3 { background-color: pink; font-weight: bold; }
	li.urgency4 { background-color: red; font-weight: bold; color: lightblue; }
	li.urgency5 { font-size: 1.5em; background-color: red; font-weight: bold; color: lightblue; }
	li.inquiry1 { font-style: italic; }
	li.inquiry2 { font-style: italic; color: green; font-weight: bold; }
	li.inquiry3 { font-style: italic; background-color: lightgreen; }

	/* colors in the timesheet */
	div.parsed { 
		font-family: verdana, arial;
		font-size: 11pt;
		margin: 0px 0px 0px 0px;
		padding: 0px 20px 0px 20px;
		background-color: #eeffe0; 
	}
	div.ignored { 
		font-family: verdana, arial;
		font-size: 11pt;
		margin: 0px 0px 0px 0px;
		padding: 0px 20px 0px 20px;
		color: #666; 
	}

	table.calendar {
		border: 1px solid #ccc;
	}