body {
	font-family: Helvetica, Arial, sans-serif;
	/*	font-family: Trebuchet MS;
		font-family: arial, helvetica, serif;
	*/
	font-size: 13px;
	min-width: 650px;
}

button:hover { cursor: pointer; }
span.u { text-decoration: underline; }

ul.normal { margin: 6px 0px 10px 40px;}
ul.normal li { list-style-type: circle; }
		
h1 {font-size: 22px; padding: 8px 0px; color: #101010; font-family: Trebuchet MS; text-decoration: none;}
h1 a:link, h1 a:active, h1 a:visited { color: #2b8baf; text-decoration: none;}
h1 a:hover { text-decoration: underline;}
hr { margin: 4px; padding: 0px; height: 1px; border: 0px; border-top: 1px dotted white;}

#header { padding: 10px 12px 10px 12px; border-bottom: 1px solid white;}
#header span.todo {font-size: 16px;}
	#header div.searchContainer {float: right; padding-right: 3px; color: #ddf9f9; font-size: 11px;}
	#header div.searchContainer a:link, #header div.searchContainer a:active, #header div.searchContainer a:visited { color: #b9f56f; font-size: 13px; text-decoration: none;}
	#header div.searchContainer a:hover { text-decoration: underline;}
	#header div.searchContainer div { background-color:#fff; display:inline;padding: 1px; position: relative;}
	#header div.searchContainer input[type="text"] {border:none;}
	#header div.searchContainer img { vertical-align:middle; cursor: pointer; position: relative; left: -2px;}
	#header div.searchContainer input[type="text"] {border: 0px solid #2b8baf; font-size: 11px; padding: 0px 0px 0px 2px; color: #404040;}

#subheader {padding: 0px 12px 10px 12px; border-bottom: 1px solid white;}

#content {overflow: hidden;}

#content div.left {width: 240px; float: left;}
#content div.left div.pad {padding-left: 10px;}

#projectSelect { padding: 0px 10px; }
#projectSelect div.projectSelect { background-color: #2b5f73;}
#projectSelect div.projectSelect div {padding: 5px 0px 0px 10px; text-align: left; color: white;}

#projectSelect a:link, #projectSelect a:visited, #projectSelect a:active { color: white; text-decoration: none; }
#projectSelect a:hover { text-decoration: underline; }
#projectSelect a.current { font-weight: bold; color: #b9f56f; }
#projectSelect a.sublink { color: #b9f56f; }
	
#subProjectSelect { padding: 5px 0px 0px 20px; }
#subProjectSelect a:link, #subProjectSelect a:active, #subProjectSelect a:visited { color: #2b8baf; text-decoration: none; }
#subProjectSelect a:hover { color: #8ec44b; text-decoration: underline; }
	
	#sideLinks { padding: 0px 0px 0px 18px; line-height: 1.4em; color: #2b8baf; }
	#sideLinks a:link, #sideLinks a:active, #sideLinks a:visited { color: #2b8baf; text-decoration: none; }
	#sideLinks a:hover { text-decoration: underline; }
	#sideLinks em.here { color: #2b5f73; }
		#newTask {border: 0px solid #909090; background-color: #eeeeee; display: none; width: 350px; position: relative; z-index: 11;}
		#newTask div {padding: 3px 10px;}
	
#content div.tasks { margin: 0px 30px 0px 30px; line-height: 1.4em; color: #707070;}
	#content div.tasks span.date { font-size: 10px; line-height: 1em; color: #909090;}
	#content div.tasks p { color: #000000; }
	#content div.tasks img {position: relative; top: 3px;}
		
		#content div.tasks a:link, div.tasks a:visited, div.tasks a:active { color: #404040; text-decoration: none;}
		#content div.tasks a:hover { text-decoration: none;}
			#content div.tasks a.green:link, div.tasks a.green:visited, div.tasks a.green:active { color: green; text-decoration: none;}
			#content div.tasks a.green:hover { text-decoration: none;}
			#content div.tasks a.red:link, div.tasks a.red:visited, div.tasks a.red:active { color: red; text-decoration: none;}
			#content div.tasks a.red:hover { text-decoration: none;}
			#content div.tasks a.brown:link, div.tasks a.brown:visited, div.tasks a.brown:active { color: #571e1e; text-decoration: none;}
			#content div.tasks a.brown:hover { text-decoration: none;}
			#content div.tasks a.blue:link, div.tasks a.blue:visited, div.tasks a.blue:active { color: blue; text-decoration: none;}
			#content div.tasks a.blue:hover { text-decoration: none;}
			#content div.tasks a.orange:link, div.tasks a.orange:visited, div.tasks a.orange:active { color: purple; text-decoration: none;}
			#content div.tasks a.orange:hover { text-decoration: none;}
			#content div.tasks a.file:link, div.tasks a.file:visited, div.tasks a.file:active { color: #2b5f73; text-decoration: underline;}
			#content div.tasks a.file:hover { text-decoration: none;}
				
		#content div.tasks div.todo { background-color: #ddf9f9; }
		#content div.tasks div.todo div {padding: 0px 8px 2px 8px;}
		#content div.tasks div.todo div img.one {position: relative; float: right; top: -15px; left: 15px;}
		#content div.tasks div.todo div img.two {position: relative; float: right; top: 20px; left: 40px;}

			#content div.tasks div.login {  width: 400px; font-family: Trebuchet MS;}
			#content div.tasks div.login a {  color: #2b8baf;}
			#content div.tasks div.login h1 { color: #8ec44b;}
			#content div.tasks div.login div.top {padding: 10px 20px;background-color: #ddf9f9;}
			#content div.tasks div.login div.bottom {padding: 10px 20px;background-color: #eefdfd;}
			#content div.tasks div.login div img.one {position: relative; float: right; top: -15px; left: 15px;}
			#content div.tasks div.login div img.two {position: relative; float: right; top: 20px; left: 40px;}
			
		#content div.tasks div.assigned {background-color: #eefdfd;}
		#content div.tasks div.assigned div {padding: 2px 8px;}
		#content div.tasks div.assigned div img.one {position: relative; float: right; top: -15px; left: 15px;}
		#content div.tasks div.assigned div img.two {position: relative; float: right; top: 20px; left: 40px;}
		
		#footer { padding: 12px; text-align: center; }
		#footer a:link, #footer a:active, #footer a:visited { color: #2b8baf; text-decoration: none; }
		#footer a:hover { text-decoration: underline; }
		#footer div.footer { background-color: #eeeeee;}
		#footer div.footer div {padding: 2px 8px;}
		#footer div.footer div img.one {position: relative; float: right; top: -15px; left: 15px;}
		#footer div.footer div img.two {position: relative; float: right; top: 20px; left: 40px;}
		
		
		#content div.tasks div.outstanding {background-color: #ddf9f9;}
		#content div.tasks div.outstanding div {padding: 2px 8px;}
		#content div.tasks div.outstanding div img.one {position: relative; float: right; top: -15px; left: 15px;}
		#content div.tasks div.outstanding div img.two {position: relative; float: right; top: 20px; left: 40px;}
		
		#content div.tasks div.commentBox {background-color: #eeeeee;}
		#content div.tasks div.commentBox div {padding: 2px 8px;}
		#content div.tasks div.commentBox div img.two {position: relative; float: right; top: -15px; left: 15px;}
		/*#content div.tasks div.commentBox div img.two {position: relative; float: right; top: 20px; left: 40px;}*/