/*	CSS for Produciton Planir
		Steve Fitzpatrick, Innoware, September 2007
														*/

*{margin: 0; padding: 0;}
a img{border: 0;}
a:link, a:visited{text-decoration: none; color: #00b}
a:hover, a:active{text-decoration: underline; color: #00b}
ul, li{list-style-type: none; margin: 0; padding: 0;}
.clear{clear: both;}
.more{text-align: right;}
.hideforprint{display: none; visibility: hidden;}

body{
	font-family: verdana, helvetica, sans-serif;
	background: #fff;
	font-size: 90%;
}

/*	WRAPPER		*/

#wrapper{
	text-align: center;
}
	#wrapper div{
		text-align: left;
	}

	/* set widths of child ploaceholders */
	#header, #main, #widthwrapper{
		width: 900px;
		margin: 0 auto;
	}


/*	LOGIN		*/

#login{
	display: none; visibility: hidden;
}


/*	HEADER		*/

#header{
	display: none; visibility: hidden;
}

/*	DASHBOARD	*/

#dashboard{
	display: none; visibility: hidden;
}

/*	TIMELINE	*/

#timeline{
	width: 100%;	
}

	#timeline ul{
		
	}
		#timeline li{
			font-size: 90%;
			margin-bottom: 0.5em;
			color: #444;
		}
		#timeline li.date{
			border-bottom: 1px solid #e7e7e7;
			font-weight: bolder;
			font-size: 70%;
			color: #aaa;
		}
			#timeline .time{
				font-size: 70%;
				color: #aaa;
			}
		#timeline li.overdue a{
			color: #f00;
		}

/*	CREATING	*/

#creating{
	width: 100%;
}
	#creating h1, #creating h2, #creating h3, #creating h4, #creating h5, #creating h6{margin-bottom: 0.5em;}
	#creating .editable{

	}
	#creating p{
		margin-bottom: 1em;
	}

	#creating table{
		width: 100%;
		text-align: left;
	}
		#creating table td, #creating table th{
			vertical-align: top;
			border-top: 1px solid #ddd;
		}
		#creating table th{
			padding: 5px 0;
		}
		#creating table td{
			padding: 5px 0;
		}
		#creating table strong{
			display: block;
			font-weight: bold;
		}
			#creating table strong input{
				font-weight: bold;
				margin-bottom: 5px;
			}
		#creating table em{
			padding: 5px 15px;
			font-style: italic;
		}
		#creating table .cost, #creating table .hours, #creating table .actions{
			text-align: right;
			width: 80px;
		}
		#creating table .actions{
			width: 1px;
			display: none; visibility: hidden;
		}
		#creating table .num{
			color: #999;
			font-size: 26px;
			font-weight: bold;
		}
		#creating tr.total td{
			background-color: #d7d7d7;
		}

	#creating .footnote{
		display: none; visibility: hidden;
	}
	#creating #sendbox{
		display: none; visibility: hidden;
	}
		#creating #sendbox .warning{
			color: #900;
		}
	

/*	REPORTS		*/

#reports{
	clear: both;
	margin-top: 2em;
	background: #e7e7e7;
	padding-bottom: 2em;
	font-size: 90%;
	border-top: 1px solid #ddd;
}
	#reports h4{
		margin: 0.5em 0;
	}
	#reports a{
		color: #069;
	}

	#charts, #invoices, #proposals{
		float: left;
		width: 290px;
		margin-right: 15px;
	}
		#invoices{
			margin-right: 0;
		}
	#charts img{
		border: 1px solid #999;
		padding: 2px;
		margin-bottom: 1em;
	}

	#reports table{
		font-size: 80%;
		width: 95%;
		margin-bottom: 1em;
	}
		#reports table td{
			padding: 2px 0;
		}
		#reports table td.cost{
			color: #090;
			width: 75px;
			text-align: right;
			vertical-align: top;
		}
			#invoices table td.cost{
				color: #900;
			}
		#reports table tr.total{
			font-weight: bold;
		}



/*	FOOTER		*/

#footer{
	display: none; visibility: hidden;
	}