body {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 8pt;
	background-image:url(../images/site-background.gif);
	background-repeat: repeat-x;
	background-color:#9EA39F;
	margin: 0 0 10px 0;
}



/* temporary */

TD, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

p { margin-top: 0; }
input { font-size:8pt; }
textarea { font-size:8pt; font-family: Verdana, Arial, Helvetica, sans-serif; }


	.formFields {
		font-family: verdana;
		font-size: 10px;
		color: #333333;
	}

	#member_login {
		position:absolute;
		right:150px;
	}
		#member_login img {
			border: none;
		}

	#tabs {
		position: relative;
		width: 730px;
		left: -365px;
		margin-left: 50%;
		text-align: left;
		margin-top: 5px;
		/*border: #f00 solid 1px;*/
	}
		#menu{
			width: 730px;
			/*height: 24px;*/
			margin-bottom: 0;
			clear:both;
			text-align:left;
			}
			#menu ul{
				list-style:none;
				padding:0px;
				margin: 0px;
				}
			#menu li{
				display:inline;
				float: left;
				}


	#container {
		position: relative;
		top: -2px;
		width: 730px;
		left: -365px;
		margin-left: 50%;
		border: #fff solid 5px;
		background-image:url(../images/content_bkgd2.jpg);
		text-align: left;
		clear: both;
	}

		#nav {
			position: absolute;
			top: 20px;
			right: 40px;
			/* width: 300px; */
			text-align: right;
			padding-right: 5px;
		}

		#openInvoices {
			clear: right;
			position: relative;
			float: right;
			right: 5px;
			margin-bottom: 10px;
			top: 0;
			width: 200px;
			text-align: left;
			border: #0f0 solid 0px;
		}

			#invoiceDetails {
				position: absolute;
				right: 7px;
				bottom: 0;
				border: #00f solid 0px;
				font-size: 7pt;
			}

			
		#newProject {
			clear: right;
			position: relative;
			float: right;
			right: 5px;
			top: 0;
			width: 200px;
			text-align: left;
			border: #0f0 solid 0px;
		}

		#userInfo {
			position: relative;
			left: 0;
			top: 5px;
			width: 330px;
			text-align: left;
			font-size: 10pt;
		}

		#submit {
			position: relative;
			width: 600px;
			text-align: left;
			border: #0f0 solid 0px;
			margin: 10px 5px;
			text-align: left;
		}

			.contentSaved, .contentError, .contentWarning {
				position: absolute;
				width: 330px;
				left: -165px;
				margin-left: 50%;
				top: 0pt;
				font-weight: 800;
				padding: 5px;
				text-align: center;
				z-index: 999;
			}
			
			.contentSaved {
				color: #000;
				background-color: #B8D487;
				border: #749F27 solid 2px;
			}

			.contentError {
				color: #000;
				background-color: #DF6F6F;
				border: #8F2C2C solid 2px;
			}

			.contentWarning {
				color: #000;
				background-color: #eaf06e;
				border: #dac31c solid 2px;
			}

			.overDue {
			/*
				position: relative;
				border: #8F2C2C solid 2px;
				background-color: #CE403F;
				padding: 5px;
				color: #fff;
			*/
				color: #CE403F;
			}

				.projectCategory, .overDue {
					margin: 0;
					font-weight: 600;
					font-variant : small-caps;
					font-size: 11pt;
				}

				.projectCategory {
					padding: 0;
					border-bottom: #333 solid 1px;
					color: #1E2F03;
				}

				.status2 {
					position: absolute;
					right: 10px;
					top: 0;
					padding-top: 3px;
					border: #00f solid 0px;
				}


					
					.grid {
						float: left;
						width: 85px;
						z-index: 2;
						text-align: center;
					}

					.grid4 {
						float: left;
						width: 25px;
						margin-right: 5px;
						z-index: 2;
						text-align: center;
					}

				/*--- FOR IE ---*/
					.grid1 {
						display: inline;
						z-index: 2;
						width: 200px;
						text-align: left;
						margin-right: 10px;
					}

					.grid2 {
						display: inline;
						z-index: 2;
						width: 200px;
						text-align: left;

					}

					.grid3 {
						display: inline;
						z-index: 2;
						width: 180px;
						text-align: right;
						margin-right: 10px;
					}

				/*--- FOR FIREFOX ---*/
					html>body .grid1 {
						float: left;
						z-index: 2;
						width: 200px;
						text-align: left;
						margin-right: 10px;
					}

					html>body .grid2 {
						float: left;
						z-index: 2;
						width: 200px;
						text-align: left;

					}

					html>body .grid3 {
						float: left;
						z-index: 2;
						width: 180px;
						text-align: right;
						margin-right: 10px;
					}
				
				.priorityDisplay {
					position: absolute;
					right: 2px;
					margin: 0;
					border: #7F9DB9 solid 1px;
					width: 15px;
					height: 15px;
					text-align: center;
				}
				
				.prioritySelect {
					position: absolute;
					right: 2px;
					margin: 0;
				}
				
				.projectNotes {
					position: relative;
					margin-bottom: 8px;
					margin-top: 55px;
					padding: 8 4 4 4;
					display: block;
					width: 570px;
					text-align: left;
					border: #ccc solid 1px;
					background-color: #f0f0f0;
					font-size: 8pt;
				}

				.toggleNotes {
					position: absolute;
					right: 7px;
					bottom: 1px;
					border: #00f solid 0px;
					font-size: 7pt;
				}

				.projectProof {
					position: relative;
					float: left;
					width: 75px;
					margin: 10px 5px 10px 5px;
					border: #999 solid 1px;
					display: block;
					background-color: white;
					padding: 3px;
					text-align: center;
				}

	.onDiv {
		position: relative;
		margin: 10px 5px 10px 5px;
		border: #749F27 solid 1px;
		display: block;
		background-color: #B8D487;
		padding: 5px;
		color: #fff;
	}

	.overdueDiv, .dueDiv, .alert_revisions, .alert_posted, .alert_estimate, .redDiv, .yellowDiv, .greenDiv {
		position: relative;
		margin: 10px 5px 10px 5px;
		display: block;
		padding: 5px;
		color: #000;
		cursor: pointer;
	}

	.unassignedDiv {
		background-color: #A4B1EF;

		position: relative;
		margin: 10px 5px 10px 5px;
		display: block;
		padding: 5px;
		color: #000;
		cursor: pointer;
	}

	div.unassignedDiv:hover {
		background-color: #778CEF;
		color: #fff;
	}

	div.overdueDiv, div.redDiv {
		border: #8F2C2C solid 1px;
		background-color: #DF6F6F;
	}

	div.overdueDiv:hover, div.redDiv:hover {
		background-color: #BF8383;
		color: #fff;
	}

	.dueDiv, .yellowDiv {
		border: #8B8F11 solid 1px;
		background-color: #fcffb5;
	}

	div.dueDiv:hover, div.yellowDiv:hover {
		background-color: #e6e490;
		color: #fff;
	}

	.greenDiv {
		border: black solid 1px;
		background-color: #5daa3d;
	}

	.alert_revisions {
		border: #8B8F11 solid 1px;
		background-color: #fcffb5;
	}

	div.alert_revisions:hover {
		border: #fcffb5 solid 1px;
		background-color: #8B8F11;
		color: #fff;
	}

	.alert_posted {
		border: #6F6F6F solid 1px;
		background-color: #f1f1f1;
	}

	div.alert_posted:hover {
		border: #f1f1f1 solid 1px;
		background-color: #6F6F6F;
		color: #fff;
	}

	.alert_estimate {
		border: #999 solid 1px;
		background-color: #C2ECEF;
	}

	div.alert_estimate:hover {
		border: #999 solid 1px;
		background-color: #77BABF;
		color: #fff;
	}

	.popup {
		background-color: #ccc;
		/*filter: alpha(opacity=90);
		-moz-opacity: .90;*/
		color: #000;
		padding: 5px;
		border: #000 outset 2px;
	}

	.icons {
		position: absolute;
		right: -45px;
		top: 3px;
	}

	#modal_backdrop {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 0.7;
		z-index: 200;
	}
	
	#modal_window, .modal_window {
		position: absolute;
		width: 510px;
		padding: 5px;
		background-color: #fff;
		border: #000 solid 1px;
		z-index: 250;
	}
		
		div.modal_close {
			position: absolute;
			top: 5px;
			right: 5px;
		}

		#modal_header, .modal_header {
		}

		#modal_body, .modal_body {
			position: relative;
			margin: 10px 0 0;
			overflow: auto;
		}

			.modal_text {
				position: relative;
				margin: 10px 0;
				padding: 5px;
				border-bottom: #ccc solid 1px;
			}
			
				.modal_text:last-child {
					border-bottom-width: 0;
				}

		#modal_footer, .modal_footer {
			position: absolute;
			width: 100%;
			height: 30px;
			bottom: 0;
			right: 0;	
		}

			#modal_footer input, .modal_footer input {
				position: absolute;
				bottom: 5px;
				right: 5px;
			}