body { margin: 0; font: 0.7em Verdana, Arial, Helvetica, sans-serif; background-color: white;   }
#login a:link, #login a:visited {
	color: #9b333a; display: none;
}
#title h1 a:link, #title h1 a:visited {
	color: white;
	text-decoration: none;
}
#reportresults h2 {
	font-size: 1.1em;
	font-weight: bold;
}
a:link {
	color: #396EAA;
}
a:visited {
	color: #396EAA;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


#header { display: none;  }
#hdr-right { display: none; }
#title {  }
#login { display: none; }
#navtop{  display: none;}
#breadcrumb { display: none;  }
#breadcrumb img { 	border: none; }



}
#JobBoard td { padding: 0 10px; }
/* define other elements inside the main layout divs */
#title h1 {
	display: inline;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
/* all the legend tags use this same style */
legend { }

/* add fade background and padding to all table rows */
.row1 {
	padding: 3px;
	background: url(../images/timesheet_data_bg.gif) repeat-x;
	background: #F9FAFB;
}
.row1 img {
	border: none;
	text-align: center;
}
/* add hover effect to any a href images within the data tables */
#timesheetdata a:link img, #timesheetdata a:visited img, #projecttable a:link img, #projecttable a:visited img {
	padding: 2px;
	border: 1px solid #EDF0F3;
	background: #EDF0F3;
}
#timesheetdata a:hover img, #projecttable a:hover img {
	padding: 2px;
	border: 1px solid #C1CFE0;
	background: #FBFBFC;
}
#timesheetdata a:active img, #projecttable a:active img {
	padding: 2px;
	border: 1px solid #C1CFE0;
	background: #D9E2EC;
}
/* zero margin on all forms */
form {
	margin: 0px;
}
/* define the pop up calendar style */
#calbg {
	background: #ABBDD3 url(../images/background_calendar.gif) repeat-x;
	height: 1000px;
}
#calcontent {
	margin: 5px;
	padding: 5px 4px 9px 4px;
	border: 1px solid #000000;
	background: #FFFFFF;
	font-size: 10px;
	text-align: center;
}
#month {
	margin-bottom: 6px;
	font-size: 9px;
	width: 80px;
}
#year {
	margin-bottom: 6px;
	font-size: 9px;
	width: 50px;
}
#calcontent table td a:link, #calcontent table td a:visited {
	padding: 0px 2px 3px;
	display: block;
}
#calcontent table td a:hover, #calcontent table td a:active {
	display: block;
	background: #FFCC00;
}
#calcontent table td a:active {
	display: block;
	color: #FFFFFF;
	background: #009900;
}
/* begin classes */
input, select, textarea {
	margin-bottom: 8px;
}
/* make the cal icon appear in line with the forms and text */
#addhours img, #resourcereport img, #adminedit img {
	border: 0px;
	vertical-align: text-bottom;
}
/* make hours input field more prominent */
#addhours .hours {
	padding-top: 1px;
	font-size: 1.5em;
	font-weight: bold;
	width: 35px;
	height: 20px;
	text-align: center;
}
.projectlist, .resourcelist {
	border: solid 1px #666;
	margin-bottom: 4px;
	width: 200px;
}
/* condense in mark up to be '.button' */
.submit, .reset, .delete, .create, .add, .copy {
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 0.9em;
	height: 28px;
}
/* make submit button larger */
.submit {
	width: 108px;
}
/* define the look of the data tables (using colgroup in the source) 
colcatlist1 and colcatlist1 are generic names since I'm not sure 
what kind of date goes into these cells. More appropriate names can
be added for these */
.coldescription, .colcatlist1, .colcatlist2 {
	text-align: left;
}
.colday, .colhours, .coledit, .coldelete {
	width: 5%;
}
.colproject, .colcategory {
	width: 15%;
}
.colhours {
	font-weight: bold;
}
.coldescription {
	width: 50%;
}
/* define pop up calendar look */
.calmonday, .caltuesday, .calwednesday, .calthursday, .calfriday, .calsaturday, .calsunday {
	text-align: center;
}
.calcurrentmonth {
	background: #EEEEEE;
}
.calcurrentday {
	border: 1px solid #000000;
}
.calothermonth a:link, .calothermonth a:visited {
	color: #999999;
}
.calweekend {
	background: #E2E2E2;
}
/* create section heading container to separate long forms */
.formsection {
	padding: 5px;
	margin-top: 5px;
	background: #d6dde9 url(../images/background_formsection.gif) repeat-x center;
	font-weight: bold;
	text-align: center;
}
/* sometimes we hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility). I've also hidden the table in the admin_create_projects.html page */
.hidden {
	visibility: hidden;
}
.none { position: absolute; top: 100px; left: 185px; display: none; }

img {
	border: none; }
#print_button { display: none; }
#create_button { display: none; }
.create_button { display: none; }
.printView { }

