html, body{
	background-color: rgb(175,175,175);
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 14px;
	font-family: arial, sans-serif;
	color: rgb(51,51,51);
}

a{
	color:rgb(51,51,51);}
	
.no_show{
	display: none;
}

#container{
	background-color: white;
	border-left: 1px solid black;
	border-right: 1px solid black;
	width: 900px;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	text-align: center;}
	
#banner{
	background-color: rgb(228,220,120);
	height: 84px;
	border-top: 7px solid rgb(127,127,30);
	border-bottom: 2px solid rgb(213,213,213);
	margin-bottom: 50px;
	font-weight: bold;}
	#banner img{
		position: absolute;
		top: 0;
		left: 0;}
	#banner ul {
		position: absolute;
		top: 50px;
		right: 20px;
		list-style-type: none;}
	#banner li{
		display: inline;
		padding: 0 4px;}
	#banner a{
		text-decoration: none;
	}
	
table{
	border-collapse: collapse;
	margin: 8px;
	float: left;
	text-align: left;}

h2{
	font-size: 1.1em;
	text-align: left;
	padding-left: 20px;}
h2 span{
	font-weight: normal;}

caption{
	font-size: 1em;
	font-weight: bold;}
thead{
	display:table-header-group;}
	
thead, tfoot {
	background-color: black;
	color: white;
	font-size: 0.9em;}

thead a, tfoot a{
	color: white;}
thead a.sorted, tfoot a.sorted{
	color: rgb(200,200,200);
	font-style: italic;}
	
		
tbody{
	display:table-row-group;
	font-size: 0.8em;
	vertical-align: top;}
tr{
	page-break-inside: avoid;}

tr.r1, tr.client{
	background-color: rgb(228,220,120); }	
tr.r2{
	background-color: rgb(240,240,240); }	

tr.project{
	background-color: rgb(204,204,204); }	
tr.r3, #emp_tra tfoot tr, .emp_tra tfoot tr{
	background-color: rgb(127,127,30); 
	color: white;}	
	
th, td{
	padding: 3px;
	border: 1px solid white;}
td p{
	margin: 0;
	padding: 0;}
	
label{	
	width: 80px;
	display: block;
	float: left;}
	
	
#emp_tra table, .emp_tra table{
width: 90%;
margin: 2em auto;
float: none;}

#emp_tra td, #emp_tra th, .emp_tra td, .emp_tra th{
	border: 1px solid black;}
#emp_tra caption, .emp_tra caption{
	font-weight: normal;
}

.Extended{
	text-align: right;}	
.rate{
	text-align: center;}
.duration{
	text-align: right;}
.hourly{
	text-align: right;}
.notes_col{
	width: 150px;}
	
#bilPha, #outPha, #bilDel, #outPha{
	}
	

	
#chooseReport div{
	width: 50%;
	float: left;
	margin-bottom: 20px;
	
	text-align: left;}
#chooseReport p{
	margin-left: 10px;}
	
#totalHours .r3, .totalHours .r3{
	display: none;}
	
#editTime p{
	clear: both;}
	
#edit, #view, #editTime{
	margin: 0 auto;
	text-align: left;
	width: 600px;
	font-size: 11px;
	color: rgb(50,50,50);}
	
#edit h1, #view h1{
	font-size: 1em;
	line-height: 2em;
	border-bottom: 1px solid black;}	

#edit p{
	width: 340px;
	clear: both;}
	
#edit p input,#edit p select {
	position: relative;
	width: 200px;}
	

#edit p input[type="checkbox"]{
	width: auto;
	margin-right: 193px;}
	
#ClientBillable, #ClientNonBillable, #Internal{
	display: block;
	width: 200px;
	clear: right;}

#shortcuts{
	position: absolute;
	top: 150px;
	left: 700px;}
#shortcuts ul{
	list-style-type: none;
	padding: 0;}
#shortcuts li{
	cursor: pointer;}
#shortcuts li:hover{
	text-decoration: underline;}
	
	
	

#ClientBillable input, #ClientNonBillable input, #Internal input{
	float: right;}


#view table{
	width: 100%;
	font-size: 1.2em;
	margin: 0;}

#admin div div{
	text-align: left;
	float: left;}
	
#admin h3{
	font-size: 1em;}


#home #timesheets{
	width: 40%;
	padding: 5%;
	float: left;
	text-align: left;
	font-size: 11px;}
#archives{
	text-align: left;
	font-size: 11px;
}
	
#home #timesheets a, #archives a{
	text-decoration: none;}
#home #timesheets a:hover, #archives a:hover{
	text-decoration: underline;}
	
	
#home .weekday, #archives .weekday{
	display: block;
	width: 30px;
	float: left;}

#home #timesheets label{
	float: none;
	width: auto;
	margin-bottom: 1em;
	font-weight: bold;}

#home .week, #archives .week{
	float: left;
	height: 9em;
	width: 25%;
	}
#home #reports{
	margin-top: 10px;
	font-size: 11px;
	text-align: left;
	width: 40%;
	padding: 5%;
	float: left;}
#emp_act_f{
	width: 50%;
	margin: 0 auto;
	text-align: left;}
	
#projectNotes{
	float: left;
	text-align: left;
	border: 1px solid black;
	padding: 0 1em;
	margin: 8px;
}