/*	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: #369}
a:hover, a:active{text-decoration: underline; color: #369}
ul, li{list-style-type: none; margin: 0; padding: 0;}
.clear{clear: both;}
.more{text-align: right;}
form{margin: 0; padding: 0;}
.invisible{visibility: hidden;}
h5{
	margin: 1em 0;
	color: #036;
}

body{
	font-family: georgia, helvetica, sans-serif;
	background: url(../im/paint.jpg) right 40px no-repeat #fff;
	font-size: 100%;
}

/*	WRAPPER		*/

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

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


/*	LOGIN		*/

#login{
	background: url(../im/bannerbg.gif) repeat-x;
	height: 50px;
	border-bottom: 2px solid #444;
}
	#login #mainForm{
		float: right;
		font-size: 70%;
		width: 200px;
		padding-top: 1em;
	}
		#login #mainForm input{
			font-size: xx-small;
		}
	#login p{
		font-size: 70%;
		color: #fff;
		margin-right: 250px;
		padding-top: 1.5em;
	}
	#login a{
		text-decoration: none;
		color: #9BF;
	}

/*	HEADER		*/

#header{
	margin-top: 0.5em;
	margin-bottom: 1em;
}

/*	navigation	*/

#navigation{
	float: right;
	width: 130px;
	overflow: hidden;
	height: 90%;
	padding: 0 0 0 0;
	font-size: 90%;
}
	#navigation li{
		padding: 0;
	}
		#navigation li.head{
			color: #fff;
		}
		#navigation li.current{
			margin-top: 1em;
		}
		#navigation li a{
			padding: 0 7px 7px 7px;
			display: block;
			color: #000;
			font-weight: bold;
		}
			#navigation li a:hover{
				text-decoration: none;
				color: #1f95e8;
			}
		#navigation li.rgtlink{
			padding-top: 1em;
		}

/*	TIMELINE	*/

#timeline{
	width: 520px;
	margin-bottom: 1em;
}
	#timeline h4{
		margin-bottom: 1em;
		font-size: 120%;
		font-weight: bolder;
		color: #000;
	}
	#timeline p, #timeline li{
		margin-bottom: 1em;
		font-size: 90%;
		line-height: 1.7em;
	}
	  	#timeline ul.showbull li{padding-left: 30px; list-style-type: none; margin-bottom: 0.5em;}
		#timeline ul.showbull .subtext{font-style: italic; padding-left: 10px; color: #666;}
	#timeline s{
		text-decoration: line-through;
		color: #999;
	}
	#timeline img.border{
		padding: 2px;
		border: 1px solid #ddd;
	}
	iframe.gmaps{
		padding: 2px;
		border: 1px solid #ddd;
		width: 100%;
	}

	#timeline div.hr {
	  height: 15px;
	  margin-bottom: 1em;
	  background: #fff url(../im/hr.gif) no-repeat scroll center;
	  clear: left;
	}
	#timeline div.hr hr {
	  display: none;
	}

/*	DISCUSSION	*/

#discussion{
	clear: both;
	margin-top: 2em;
	background: #eee;
	padding: 0.5em 0 2em 0;
	font-size: 90%;
	border-top: 1px solid #e7e7e7;
}
	#discussion .comment{
		border: 1px solid #ccc;
		margin: 0.5em 0;
		padding: 5px 10px;
		background: #fff;
	}
		#discussion .comment .head{
			font-size: 70%;
			color: #999;
		}




/*	REPORTS		*/

#reports{
	clear: both;
	background: url(../im/footbg.gif) repeat-x;
	padding: 1em 0;
	font-size: 90%;
	border-top: 1px solid #000;
	color: #eee;
}
	#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;
		}
	#reports p{
		line-height: 1.75em;
		vertical-align: middle;
	}
		#reports p img{
			margin-left: 15px;
			vertical-align: middle;
		}



/*	FOOTER		*/

#footer{
	background: #413f3a;
	height: 30px;
	clear: both;
	border-top: 1px solid #000;
	padding-bottom: 1em;
}
	#footer p{
		font-size: xx-small;
		color: #222;
		width: 685px;
		margin: 0 auto;
		padding-top: 0.75em;
	}
	#footer a{
		text-decoration: none;
		color: #069;
	}



.newspaper{
	border: 1px solid #a8b18e;
	background: url(../im/rgtNewsBG.gif) no-repeat bottom left;
	padding: 4px 6px;
	color: #fff;
}
	.newspaper a:link, .newspaper a:visited{
		color: #cfcfcf;
		font-weight: bold;
	}

.steam{
	background: url(../im/steamNewsBG.gif) no-repeat bottom left;
	color: #000;
}
	.steam a:link, .steam a:visited{
		color: #369;
		font-weight: bold;
	}

.vacancy{
	background: url(../im/vacancyBG.gif) no-repeat bottom left;
	color: #000;
	border: 1px solid #88a;

}
	.vacancy a:link, .vacancy a:visited{
		color: #369;
		font-weight: bold;
	}

.ukita{
	background: url(../im/ukitaNewsBG.gif) no-repeat bottom left;
	color: #000;
}
	.ukita a:link, .ukita a:visited{
		color: #69b;
		font-weight: bold;
	}

.uksp{
	background: url(../im/ukspNewsBG.gif) no-repeat bottom left;
	color: #000;
}
	.uksp a:link, .uksp a:visited{
		color: #036;
		font-weight: bold;
	}

img.portrait{
	padding: 2px;
	border: 1px solid #ccc;
}
	.middle{text-align: center;}
.synopsis img{
	float: left;
	margin-right: 7px;
	margin-top: 5px;
}