html, body, div, h1, h2, h3, p, form, fieldset, legend {
	margin:0px;
	padding:0px;
	}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(/images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#009fd5;
	}
h1 {
	font-weight:bold;
	font-size:170%;
	color: #44413c;
	margin-bottom:5px;
	}
h2 {
	font-weight:bold;
	font-size:140%;
	color:#000;
	}
h3 {
	font-weight:bold;
	color:#000;
	}
p {
	margin-bottom:1.2em;
	}
a {
	color:#06c;
	text-decoration:none;
}
ul {
	margin-top:0px;
	margin-bottom:5px;
}

a:hover {
	color:#999;
	text-decoration:underline;
}
img {
	border:none;
	}
td, th {
	vertical-align:top;
	}

/************************ ID ****************************/
#wrapper {
	width:1006px;
	margin:0px auto 2em auto;
	}
#logo {
	position:absolute;
	margin-left:7px;
	}
#header {
	display:block;
	margin-top:1em;
	height:50px;
	color:#fff;
	}
	#header a {
		color:#67a2fa;
		text-decoration:underline;
		}
	#header a:hover {
		color:#999;
		}
#tabs {
	display:block;
	height:29px;
	color:#fff;
	padding-left:15px;
	}
	#tabs a {
		float:left;
		width:108px;
		height:19px;
		padding-top:10px;
		margin-right:0px;
		text-align:center;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:10px;
		color:#576076;
		text-decoration:none;
		background-image:url(/images/tab_off.png);
		background-repeat:no-repeat;
		}
		#tabs a.selected {
			background-image:url(/images/tab.png);
			}
#content {
	clear:both;
	padding: 20px 25px;
	z-index:1;
	background-image:url(/images/content.png);
	background-repeat:repeat-y;
	}

#footer {
	background-image:url(/images/footer.png);
	background-repeat:no-repeat;
	padding-top:15px;
	text-align:center;
	color:#fff;
	font-size:11px;
	}

#page_refresh_remaining {
	position:absolute;
	top:0px;
	right:5px;
	color:#999;
	text-align:right;
}
	#page_refresh_remaining a{
		color:#999;
		font-size:90%;
	}

/********************** Editors for /projects/edit ******************/
#editor_background {
	display:none;
	position:absolute;
	z-index:6;
	left:0px;
	top:0px;
	width:100%;
	height:400%;
	background-color:#333;
	}
#detail_editor_form {
	display:none;
	position:absolute;
	z-index:10;
	width:600px;
	left:50%;
	margin-left:-300px;
	background-color:#fff;
	border:2px solid #333;
	}
	#detail_editor_form textarea {
		width:520px;
		height:15em;
		}

/********************* CLASSES **************************/
a.action {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	margin-left:20px;
	}

.row {
	display:block;
	margin-bottom:4px;
	clear:left;
	}
	.row label {
		display:block;
		float:left;
		width:120px;
		padding-top:4px;
		margin-right:3px;
		text-align:right;
		}
		.row label.plain {
			display:inline;
			float:none;
			width:auto;
			padding:0px;
			margin:0px;
			text-align:inherit;
			}

table.projects {
	background-color:#fceab8;
	border-bottom:1px solid #9a8547;
	margin:5px 0px 0px 0px;
	border-bottom:5px solid #fff;
	width:100%;
	}
	table.projects th {
		background-image:url(/images/bg_projects_th.gif);
		background-repeat:repeat-x;
		white-space:nowrap;
		font-size:95%;
		color:#333;
		font-weight:bold;
		text-align:left;
		padding:10px 0.5em 0px 0.5em;
		vertical-align:top;
		height:33px;
		}
	html>/**/body table.projects th, x:-moz-any-link { /* Firefox 3 hack */
		height:43px;
	}
		table.projects th a {
			color:#333;
		}
	table.projects tr.altRow td {
		background-color:#faf2d9;
		}
	table.projects td {
		border-top:1px solid #9a8547;
		border-left:1px solid #9a8547;
		}
		table.projects tr td:first-child {
			border-left:none;
		}

div.gold_panel, div.purple_panel, div.lavendar_panel {
	width:100%;
	padding-bottom:1em;
	margin-bottom:1.5em;
	}
	div.gold_panel div.label, div.purple_panel div.label, div.lavendar_panel div.label {
		background-repeat:repeat-x;
		padding:7px 10px 0px 10px;
		height:36px;
		display:block;
		font-size:120%;
		font-weight:bold;
		}
	div.gold_panel table, div.purple_panel table, div.lavendar_panel table {
		margin:0px 5px;
		}
	div.gold_panel th, div.purple_panel th, div.lavendar_panel th {
		color:#6d654d;
		text-align:right;
		white-space:nowrap;
		padding:0px 3px;
		}
div.gold_panel {
	background-color:#fceab8;
	}
	div.gold_panel div.label {
		background-image:url(/images/bg_projects_th.gif);
		}
div.purple_panel {
	background-color:#ced7e8;
	}
	div.purple_panel div.label {
		background-image:url(/images/bg_purple_header.gif);
		}
	div.purple_panel div.subheading {
		margin:5px;
		padding:5px;
		border:1px solid #98a6c3;
		font-size:120%;
		font-weight:bold;
		}
	div.purple_panel hr {
		border:none;
		background-color:#fff;
		width:100%;
		height:0.5em;
	}
div.lavendar_panel {
	background-color:#f0f2f6;
	}
	div.lavendar_panel div.label {
		background-image:url(/images/bg_lavendar_header.gif);
		}

table.history {
	border-bottom:1px solid #79b4ee;
	}
	table.history th {
		font-size:11px;
		}
	table.history td {
		border-top:1px solid #79b4ee;
		border-left:1px solid #79b4ee;
		}
.error {
	color:#f00;
	}
.required {
	color:#f00;
	}

a.delete {
	color:#f00;
	padding:2px;
	}
	a.delete:hover {
		color:#fff;
		background-color:#f00;
		}

/* CalendarPopup for /projects/requests/ */
.calendar_div {
	position:absolute;
	z-index:5;
	display:none;
	visibility:hidden;
	background-color:#fff;
	margin-top:-30px;
	margin-left:175px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.calendar_div table {
	margin:0px !important;
}
.cpBorder {
	margin:0px;
	padding:0px;
}
.cpBorder table {
	width:100%;
	margin:0px;
	}
.cpBorder table td {
	text-align:center;
	}
	.cpBorder table td a {
		}
.cpMonthNavigation {
	background-color:#ccc;
	}
.cpDayColumnHeader {
	background-color:#ccc;
	}
td.cpCurrentMonthDate, td.cpCurrentDate, td.cpOtherMonthDate {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-size:90%;
	color:#999;
	}
td.cpCurrentDate {
	background-color:#ffc;
	}
td.cpOtherMonthDate {
	background-color:#eaebe9;
	}
.cpTodayText {
	border-top:1px solid #ccc;
	background-color:#ccc;
	}


.autocomplete {
	position:absolute;
	width:270px;
	background-color:#fff;
	border:1px solid #888;
}
	.autocomplete ul {
		list-style-type:none;
		margin:0px;
		padding:0px;
	}
	.autocomplete ul li.selected { background-color:#ffb; }
	.autocomplete ul li {
		list-style-type:none;
		display:block;
		margin:0px;
		padding:2px;
		cursor:pointer;
	}

table#filter {
	margin:0.5em 0px;
	background-color:#abafba;
	border:1px solid #586075;
}
table#filter th {
	text-align:left;
	vertical-align:middle;
	font-size:120%;
	padding-left:5px;
}
table#filter td {
	vertical-align:middle;
	padding:7px 2px;
}