html { overflow-y: scroll; }
* { outline: none; }

/***** ZERO ALL ELEMENTS *****/
html,body,table,tr,td,p,br,form,h1,h2,h3,h4,div,ul,li {
	color: #000;
	font-family:  arial, helvetica, helve, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

/*** UNZERO UL and LI ***/
ul {
	margin: 0 0 20px 20px;
}
li {
	margin: 0 0 0 20px;
}

/***** DEFAULT STYLES *****/
a:link, a:visited { color: #0077be; text-decoration: underline; }
a:hover, a:active { color: #000; text-decoration: underline; }
img { border: 0px; }

br.breaker { clear: both; }

h1 { font-size: 26px; color: #666; margin: 0; font-weight: bold; }
h2, h3 { font-size: 16px; color: #666; margin: 0; font-weight: normal;  }

p { line-height: 1.3em; font-size: 13px; }

input, select, textarea { font-family: arial, helvetica, helve, sans-serif; }

/***** LAYOUT *****/
body {
}

#login { border: 1px solid #ccc; width: 450px; margin: 100px auto 0 auto; padding: 20px; }
	#login p { margin: 10px 0; }
	#login label { float: left; width: 120px; text-align: right; padding-right: 10px; margin-top: 3px; }

#wrapper {
	width: 960px;
	margin: 0 auto;
}

	/***** TOP NAV *****/
	#er-topnav { float: left; width: 960px; margin-bottom: 20px; }
		
		#er-topnav img { float: left; }
	
		#er-topnav ul {
			clear: both;
			float: left;
			width: 940px;
			margin: 30px 0 0 0; padding: 0 10px;
			background: #f00;
			height: 7px;
			border-top: 1px solid #aaa;
			
		}
		
			#er-topnav ul li {
				position: relative;
				list-style: none;
				display: block;
				float: left;
				margin: 0; padding: 0;
				font-size: 14px;
				top: -24px;
			}
			
				#er-topnav ul li a:link, #er-topnav ul li a:visited {
					float: left;
					display: block;
					color: #666;
					text-decoration: none;
					padding: 3px 10px;
					margin-right: -1px;
					
					border-top: 1px solid #aaa;
					border-left: 1px solid #aaa;
					border-right: 1px solid #aaa;
					
					-moz-border-radius-topleft: 8px;
					-moz-border-radius-topright: 8px;

					-webkit-border-top-left-radius: 8px;
					-webkit-border-top-right-radius: 8px;
					
					border-top-left-radius: 8px;
					border-top-right-radius: 8px;
					
					background: #fff;
					background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#bbbbbb));
					background: -moz-linear-gradient(top, #ffffff, #bbbbbb);
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bbbbbb');
				}
				
				#er-topnav ul li a:hover, #er-topnav ul li a:active {
					text-decoration: underline;
				}
				
				#er-topnav ul.tna { background: #fe6700; }
				#er-topnav ul.tnb { background: #05a801; }
				#er-topnav ul.tnc { background: #e9a502; }
				#er-topnav ul.tnd { background: #e50102; }
				#er-topnav ul.tne { background: #2f33dd; }
				#er-topnav ul.tnf { background: #000; }
				#er-topnav ul.tng { background: #666666; }
				#er-topnav ul.tnh { background: #fe6700; }
				#er-topnav ul.tni { background: #fe6700; }
				#er-topnav ul.tnj { background: #8d2ae1; }
				#er-topnav ul.tnk { background: #fe6700; }
				
				#er-topnav ul li#tna.onstate a:link, #er-topnav ul li#tna.onstate a:visited { background: #fe6700; color: #fff; filter: none; padding-bottom: 4px; }
				#er-topnav ul li#tnb.onstate a:link, #er-topnav ul li#tnb.onstate a:visited { background: #05a801; color: #fff; filter: none; padding-bottom: 4px; }
				#er-topnav ul li#tnc.onstate a:link, #er-topnav ul li#tnc.onstate a:visited { background: #e9a502; color: #fff; filter: none; padding-bottom: 4px; }
				#er-topnav ul li#tnd.onstate a:link, #er-topnav ul li#tnd.onstate a:visited { background: #e50102; color: #fff; filter: none; padding-bottom: 4px; }				
				#er-topnav ul li#tne.onstate a:link, #er-topnav ul li#tne.onstate a:visited { background: #2f33dd; color: #fff; filter: none; padding-bottom: 4px; }
				#er-topnav ul li#tnf.onstate a:link, #er-topnav ul li#tnf.onstate a:visited { background: #000; color: #fff; filter: none; padding-bottom: 4px; }
				#er-topnav ul li#tng.onstate a:link, #er-topnav ul li#tng.onstate a:visited { background: #666; color: #fff; filter: none; padding-bottom: 4px; }
				#er-topnav ul li#tnh.onstate a:link, #er-topnav ul li#tnh.onstate a:visited { background: #fe6700; color: #fff; filter: none; padding-bottom: 4px; }
				#er-topnav ul li#tni.onstate a:link, #er-topnav ul li#tni.onstate a:visited { background: #fe6700; color: #fff; filter: none; padding-bottom: 4px; }
				#er-topnav ul li#tnj.onstate a:link, #er-topnav ul li#tnj.onstate a:visited { background: #8d2ae1; color: #fff; filter: none; padding-bottom: 4px; }
				#er-topnav ul li#tnk.onstate a:link, #er-topnav ul li#tnk.onstate a:visited { background: #fe6700; color: #fff; filter: none; padding-bottom: 4px; }
			
	/***** FOOTER ******/
	#er-footer { float: left; width: 960px; margin-top: 20px; border-top: 1px solid #ccc; }
		#er-footer ul { margin: 0; padding: 5px 0; }
			#er-footer ul li {
				margin: 0;
				padding: 0 10px 0 0;
				list-style: none;
				float: left;
				font-size: 12px;
			}
	

	/***** CONTENT AREA *****/
	#contentarea {
		float: left; width: 940px;
		padding: 0 10px;
	}
	
		#contentarea p { font-size: 14px; line-height: 20px; }
	
		#titlebar {	
			float: left;
			width: 920px;
			padding: 5px 10px;
		}
		
			#titlebar.tna { background: #fe6700; }
			#titlebar.tnb { background: #05a801; }
			#titlebar.tnc { background: #e9a502; }
			#titlebar.tnd { background: #e50102; }
			#titlebar.tne { background: #2f33dd; }
			#titlebar.tnf { background: #000; }
			#titlebar.tng { background: #666666; }
			#titlebar.tnh { background: #fe6700; }
			#titlebar.tni { background: #fe6700; }
			#titlebar.tnj { background: #8d2ae1; }
			#titlebar.tnk { background: #fe6700; }
			
			#titlebar h1 { float: left; color: #fff; font-size: 14px; margin: 0; padding: 0; font-weight: bold; }
			#titlebar h2 { clear: left; float: left; color: #fff; font-size: 16px; margin: 0; padding: 0; font-weight: bold; }
	
			#searchbox {
				float: right;
				width: 300px;
				text-align: right;
			}
			
				#searchbox p { margin: 8px 0 0 0;}
			
				#searchbox label { display: none; }
				#searchbox input { border: 1px solid #999; }
	
		.splithalf {
			float: left;
			width: 470px;
			margin: 20px 0;
		}
	
		table.data_table {
			margin: 20px 0;
		}
		
		form.input_form {
			clear: both;
			border: 1px solid #ccc;
			margin: 20px 0;
			padding: 0 0 10px 0;
		}
		
			form.input_form h2 {
				color: #000; font-size: 14px; font-weight: bold; line-height: 14px;
				border-top: 1px solid #fff; border-bottom: 1px solid #ccc;
				padding: 5px 6px 7px 6px; margin: 0 0 10px 0;
				background: #e0e0e0;
				background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#d7d7d7));
				background: -moz-linear-gradient(top, #f0f0f0, #d7d7d7);
			}
		
			form.input_form p { margin: 7px 20px; }

			form.input_form label { float: left; width: 160px; text-align: right; padding-right: 10px; margin-top: 3px; font-size: 12px; }

		ul#tabs {
			clear: both;
			float: left;
			width: 940px;
			margin: 0; padding: 0;
			border-bottom: 1px solid #aaa;
		}
		
			ul#tabs li {
				position: relative;
				list-style: none;
				display: block;
				float: left;
				margin: 0; padding: 0;
				font-size: 14px;
				top: 0;
			}
			
				ul#tabs li a:link, ul#tabs li a:visited {
					float: left;
					display: block;
					color: #666;
					text-decoration: none;
					padding: 3px 10px;
					margin-right: -1px;
					
					border-top: 1px solid #aaa;
					border-left: 1px solid #aaa;
					border-right: 1px solid #aaa;
					
					-moz-border-radius-topleft: 8px;
					-moz-border-radius-topright: 8px;

					-webkit-border-top-left-radius: 8px;
					-webkit-border-top-right-radius: 8px;
					
					border-top-left-radius: 8px;
					border-top-right-radius: 8px;
					
					background: #fff;
					background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#bbbbbb));
					background: -moz-linear-gradient(top, #ffffff, #bbbbbb);
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#bbbbbb');
				}
				
				ul#tabs li.onstate a:link, ul#tabs li.onstate a:visited { background: #fe6700; color: #fff; filter: none; }
				ul#tabs.prospect li.onstate a:link, ul#tabs.prospect li.onstate a:visited { background: #e50102; color: #fff; filter: none; }
				
		#tab_content_area {
			float: left;
			width: 918px;
			border-left: 1px solid #aaa;
			border-right: 1px solid #aaa;
			border-bottom: 1px solid #aaa;
			padding: 10px;
			margin-bottom: 20px;
		}
		
		
table.datagrid { border-left: 1px solid #ccc; border-top: 1px solid #ccc; }			
table.datagrid th {
	text-align: left;
	color: #000; font-size: 13px; font-weight: bold; line-height: 13px;
	border-top: 1px solid #fff; border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px 6px 7px 6px; margin: 0 0 10px 0;
	background: #e0e0e0;
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#d7d7d7));
	background: -moz-linear-gradient(top, #f0f0f0, #d7d7d7);
}
table.datagrid td { font-size: 13px; padding: 2px 5px; border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

table.fulldatagrid th {
	text-align: left;
	color: #000; font-size: 13px; font-weight: bold; line-height: 13px;
	border-top: 1px solid #fff; border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px 6px 7px 6px; margin: 0 0 10px 0;
	background: #e0e0e0;
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#d7d7d7));
	background: -moz-linear-gradient(top, #f0f0f0, #d7d7d7);
}

ul#calendar {
	float: left;
	margin: 0; padding: 0;
	width: 917px;
	position: relative;
	background: #00f;
}

ul#calendarbig {
	float: left;
	margin: 0; padding: 0;
	width: 940px;
	position: relative;
	background: #00f;
}

	ul#calendar li {
		list-style: none;
		float: left;
		margin: 0; padding: 5px;
		width: 120px;
		height: 120px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		overflow: hidden;
		background: #fff;
		position: relative;
	}

	ul#calendarbig li {
		list-style: none;
		float: left;
		margin: 0; padding: 5px;
		width: 123px;
		height: 123px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		overflow: hidden;
		background: #fff;
		position: relative;
	}
	
		ul#calendar a.addtask, ul#calendarbig a.addtask {
			position: absolute;
			top: 5px;
			right: 5px;
		}

		ul#calendarbig li.slightlywider {
			/* CHEAT TO FORCE COLUMNS TO LINE UP..... POSSIBLY */
			width: 124px;
		}
	
	ul#calendar li:hover, ul#calendarbig li:hover {
		overflow: auto;
	}
	
		ul#calendar li.grey, ul#calendarbig li.grey { background: #eee;  }
		
	div.subitem {
		font-size: 12px;
	}
	
		div.subitem span.task {
			color: #c68c00;
		}
	
		div.subitem span.survey {
			color: #2023ab;
		}
		
		div.subitem a:link, div.subitem a:visited {
			color: inherit;
		}
		
table.editlines { border-top: 1px solid #eee; margin: 20px 0 20px 50px; }
table.editlines th { text-align: left; font-size: 13px; padding: 5px; background: #eee; border-bottom: 1px solid #eee; }
table.editlines td { font-size: 12px; padding: 5px; border-bottom: 1px solid #eee; }
		
table.invoicelines {  }
table.invoicelines th { 
	color: #000; font-size: 13px; font-weight: bold; line-height: 13px;
	border-bottom: 1px solid #eee;
	padding: 2px 0;
	background: #ddd;
}
table.invoicelines td {
	font-size: 13px; padding: 3px 0; border: 0; border-bottom: 1px solid #eee; background: #eee;
 }
		
		
/****** HOMEPAGE ********/

homepanel-filter {
	float: left;
	width: 100px;
}

.homepanel-container { float: left; width:940px; overflow: hidden;  }

	.homepanel-filter {
		float: left;
		width: 625px;
		margin: 0 14px 0 0; 
		background: #e0e0e0;
		background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#d7d7d7));
		background: -moz-linear-gradient(top, #f0f0f0, #d7d7d7);
		border: 1px solid #ccc;
	}
		#contentarea .homepanel-filter p { margin: 0; line-height: 24px; padding: 0; }
		.homepanel-filter-left { float: left; width: 45px; text-align: left; padding-left: 5px; }
		.homepanel-filter-mid { float: left; width: 525px; }
			.homepanel-filter-mid p { margin: 0; text-align: center; }
			.homepanel-filter-mid label { display: none; }
		.homepanel-filter-right {float: left; width: 45px; text-align: right; padding-right: 5px; }

.homepanel { float: left; width: 312px; margin-right: 0px; padding: 0; border-left: 1px solid #ccc;
	margin-bottom: -1000px; padding-bottom: 1000px;
 }
.homepanel h2 {
	color: #000; font-size: 16px; font-weight: bold; line-height: 14px;
	padding: 10px 0 0 5px;
}

.homepanel h2.styled {
	top: -26px;
	left: 0px;
	width: 302px;
	margin: 0;
	color: #000; font-size: 14px; font-weight: bold; line-height: 14px;
	background: #e0e0e0;
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#d7d7d7));
	background: -moz-linear-gradient(top, #f0f0f0, #d7d7d7);
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 5px;
}

table.hp_tasks { margin: 10px 5px; width: 292px }
table.hp_tasks td {
	vertical-align: top;
	padding: 5px 0;
	font-size: 14px;
}

/* DIARY */
#diaryfilters {
	margin: 10px 0;
	text-align: center;
}

#diaryfilters form {
	display: inline;
	margin-right: 10px;
}

/* SURVEY LOCATION MAP */
#surveymap {
	margin-top: 20px;
	width: 938px;
	height: 468px;
	border: 1px solid #000000;
}	
		
		
		
table.dayviewsurvey {
	border: 0px;
}

	table.dayviewsurvey td {
		border: 0px;
		vertical-align: top;
	}
		
		
/**************************
 OMG HAX
 **************************/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}