/* clear all */

* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

/* elements */

body, th, td {
	background: #fff;
	color: #333;
}
button {
	padding: 0 5px;
}
a {
	color: #249;
	text-decoration: none;
	border-bottom: 1px dotted #c0c0c0;
}
a:hover {
	color: #A13F3F;
	border-bottom: 1px dotted #A13F3F;
}
.image_replace {
	text-indent: -5000px;
	outline: none;
	display: block;
	border: 0;
}
.image_replace:hover {
	border: 0;
}
p {
	font-size: 11px;	
}
ul {
	list-style-type: none;
}
li {
	font-size: 11px;
}
dfn {
	cursor: pointer;
}

/* layers */

#site {
	width: 995px;
	margin: 0 auto;
	overflow: auto;
}

/* header */

#header {
	background: #5c89cd; 
	overflow: auto;
	width: 100%;
}
	#header h1 {
		color: #fff;
		font-family: Arial, Verdana, sans-serif;
		font-size: 18px;
		padding: 6px 0 8px 6px;
		float: left;
	}
	#header #cancel_box,#header #search_box {
		float: right;
		display: inline;
		margin: 6px 12px 6px 0;
		color: #fff;
	}
		#search_box form, #search_box p {
			display: inline;
		}	
		#search_box p a {
			color: #C8DDF9;
			text-decoration: underline;
			border: 0;
		}
		#search_box p a:hover {
			color: #fff;
		}
		#search_box input {
			width: 145px;
			font-size: 12px;
			padding: 2px;
			margin: 0 5px;
			vertical-align: middle;
		}
		#search_box button {
			width: 35px;
			height: 20px;
			vertical-align: middle;
		}
	
/* search results */
	
#results {
	border: 1px solid #5C89CD;
	padding: 10px;
	margin: 58px 0 0 0;
}
	#results ul {
		float: left;
		margin: 0 0 0 56px;
		display: inline;
	}
		#results ul li {
			display: inline;
			float: left;
		}
			#results ul li a {
				display: block;
				background: #DCEAFB;
				border: 1px solid #7E94C5;
				border-bottom: 0;
				color: #333;
				font-weight: normal;
				font-family: Arial;
				margin: 0 10px 0 0;
				font-size: 14px;
			/*  padding: 6px 16px; */
			/*  delete next 3 lines and uncomment padding above if you need resizable tabs */
				width: 106px;
				padding: 4px 0; 
				text-align: center;
			}	
			#results ul li a.active {
				background: #5C89CD;
				color: #fff;
				font-weight: bold;
			}	
			/* change hover behavior of tabs above search results here */
			#results ul li a:hover {
				background: #5C89CD;
				color: #fff;
				font-weight: bold;
			}	
	#results .advanced {
		float: right;
		padding: 7px 6px 2px 0;
	}
	#results .matches {
		background: #5C89CD;
		color: #fff;
		padding: 6px 0 7px 6px;
		clear: both;
	}
	#results .paging {
		background: #C8DDF9;
		color: #333;
		padding: 6px 0 7px 6px;
		text-align: right;
		clear: both;
	}
	#results table {
		width: 100%;
	}
		#results table tr.alt td {
			background: #eee;
		}
		#results table th {
			background: #ccc;
			text-align: left;
			padding: 8px 4px;
			font-size: 10px;
			white-space: nowrap;
		}
		#results table td {
			text-align: left;
			padding: 8px 12px 8px 4px;
			font-size: 11px;
			vertical-align: top;
		}
		#results table .name_nowrap {
			white-space: nowrap;
		}
		#results a.graph img {
			border: 0;
			vertical-align: middle;
		}
		#results a.send_email {
			background: transparent url("images/action_send.gif") no-repeat center top;
			width: 40px;
			height: 25px;
		}
	#results .below_results {
		background: #ccc;
		height: 17px;
		margin: 0 2px 33px 2px;
	}
	
/* photo upload */

#upload_tabs {
	margin: 24px 0 0 6px;
	padding: 0 0 0 2px;
	width: 748px;
	background: #fff url("images/tabs_bottom.gif") repeat-x left bottom;
	overflow: auto;
}
	#upload_tabs li {
		display: inline;
		float: left;
	}
		#upload_tabs li a {
			display: block;
			padding: 3px 6px 3px 6px;
			background: #E6EEF9;
			border: 1px solid #777;
			margin: 0 3px 0 0;
			font-weight: bold;
			font-size: 12px;
			color: #666;
		}
		#upload_tabs li a.active {
			background: #fff;
			border-bottom: 1px solid #fff;
			color: #000;
		}
		/* change hover behavior of tabs above photo upload here */
		#upload_tabs li a:hover {
			background: #fff;
			border-bottom: 1px solid #fff;
			color: #000;
		}
#upload {
	width: 748px;
	border: 1px solid #777;
	border-top: 0;
	height: 458px;
	padding: 21px 0;
	clear: both;
	margin: 0 0 0 6px;
}	
	#upload p {
		padding: 15px 103px 0 44px;
		line-height: 15px;
	}
	#upload form p {
		padding: 0 100px 0 45px;
		line-height: 15px;
	}
	#upload input {
		font-size: 12px;
		padding: 3px;
	}
	#upload ul {
		margin: 17px 0 24px 84px;
		list-style-type: disc;
	}
	#upload ul li {
		margin-bottom: 6px;
	}
	#upload p.note {
		background: #eee;
		margin: 20px 103px 0 45px;
		padding: 7px 7px 7px 8px;
	}
	
/* advanced search */

#advanced_search form {
	font-size: 11px;
}
	#advanced_search input {
		width: 200px;
	}
	#advanced_search select {
		width: 200px;
	}
	#advanced_search p.tips {
		margin: 26px 0 30px 26px;
	}
	#advanced_search fieldset {
		width: 215px;
		float: left;
		border: 1px solid #fff;
		border-top: 1px solid #E4E4DB;
		padding: 0 0 0 10px;
		margin: 0 25px 0 18px;
	}
		#advanced_search legend {
			display: block;
			font-size: 12px;
			color: #D1702A;
			margin: 0 0 0 -2px;
			padding: 0 5px;
			letter-spacing: 0.1em;
		}
			#advanced_search label {
				padding: 13px 0 4px 0;
				display: block;
				font-size: 11px;
			}
			#advanced_search input {
				font-size: 11px;
				color: #726E6D;
			}
			#advanced_search select {
				font-size: 11px;
				color: #726E6D;
			}
			#advanced_search button {
				float: right;
				margin: 115px 22px 0 0;
			}
			
/* edit work address */

#edit_work_address form {
	margin: 25px 22px;
}

#edit_work_address fieldset {
	width: 355px;
	float: left;
	border: 1px solid #fff;
	border-top: 1px solid #E4E4DB;
	padding: 0 0 0 5px;
	margin-right: 50px;
}
	#edit_work_address legend {
		display: block;
		font-size: 12px;
		color: #D1702A;
		margin: 0;
		padding: 0 5px;
		letter-spacing: 0.1em;
	}
	#edit_work_address p {
		clear: both;
	}
	#edit_work_address p.explain {
		margin: 20px 10px 28px 0;
		line-height: 15px;
	}
	#edit_work_address dt {
		display: block; 
		width: 125px;
		float: left;
		font-size: 11px;
		height: 34px;
	}
	#edit_work_address dd {
		display: block;
		font-size: 11px;
		color: #726E6D;
		width: 200px;
		margin-left: 128px;
		height: 34px;
	}
	#edit_work_address label {
		display: block; 
		width: 125px;
		float: left;
		height: 34px;
	}
	#edit_work_address input {
		font-size: 11px;
		padding: 2px;
		color: #726E6D;
		width: 196px;
	}
	#edit_work_address input.small_input {
		width: 50px;
	}
	#edit_work_address select {
		font-size: 11px;
		color: #726E6D;
		width: 200px;
	}
	#edit_work_address button {
		margin: 5px 0 0 125px;
		font-size: 11px;
	}
	
/* contents */

#contents {
	overflow: auto;
}
	#contents .edit_link a {
		float: right;
		padding: 2px 2px 0 0;
		border: 0;
		text-decoration: underline;
	}
	#contents .edit_link a:hover {
		border: 0;
	}
	#basic_info a {
		border: 0;
		text-decoration: underline;
	}
	#basic_info a:hover {
		border: 0;
	}
	#contents h3 {
		color: #C6702A;
		font-size: 13px;
		letter-spacing: 0.1em;
		float: left;
		display: block;
		font-weight: normal;
	}
	#contents dt {
		padding-top: 5px;
		float: left;
		width: 90px;
		color: #84ABE1;
	}
	#contents dd {
		padding: 5px 0 5px 90px;
		border-bottom: 1px solid #e5edf9;
		line-height: 13px;
	}
	#contents dl {
		margin: 30px 0 22px 0;
		clear: both;
	}
		#colleague_name {
			margin: 13px 0 0 17px;
		}
			#colleague_name h2 {
				font-size: 14px;
				font-weight: bold;
				letter-spacing: 0.1em
			}
			#colleague_name p {
				margin: 5px 0 10px 0;
			}
			#colleague_name a {
				margin: 10px 0 10px 0;
			}	
		#colleague_details {
			width: 275px;
			float: left;
			margin: 0 0 0 16px;
			display: inline;
		}
		#basic_info {
			background: #e6eef9; 
			overflow: auto;	
			margin-bottom: 20px;
			display: block;
			height: 100%;
		}
			#photo_area {
				float: left;
				padding: 10px 5px;
			}
			#photo_area img {
				width: 90px;
				height: 100px;
			}
			#photo_area p {
				padding: 2px 0 0 2px;
			}
			#info_area {
				float: right;
				width: 162px;
				padding: 10px 7px 10px 0;
				line-height: 15px;
			}
				#info_area p a {
					padding: 5px 0 0 0;
				}
				#info_area .title {
					padding: 8px 0;
					font-weight: bold;
				}
				#info_area .phone {
					padding: 2px 0 10px 0;
					border-bottom: 1px solid #bacfec;
					font-weight: bold;
					margin: 0 0 7px 0;
				}
		#organization, #work_contact_info, #work_address, #org_chart {
			overflow: auto;	
		}
		#organization {
			padding: 4px 0 0 1px;
		}
		#organization h3{ 
			margin-bottom: 10px;
		}
		#colleague_work {
			width: 280px;	
			float: left;
			margin: 0 0 0 39px;
		}
		#org_chart {
			width: 275px;
			float: left;
			margin: 0 0 0 49px;
		}
			#org_chart p.directions {
				margin: 20px 0 35px 0;
			}
			#employee_boxes {
				background: #fff url("images/vertical_line.gif") repeat-y center top;
				float: left;
				width: 250px;
			}
				.employee_box {
					border: 1px solid #BBD0EE;
					background: #fff;
					margin-bottom: 20px;
					padding-right: 5px;
					overflow: auto;
					height:100%;
				}
				.employee_box_bottom {
					padding-right: 5px;
					border: 1px solid #BBD0EE;
					background: #fff;
					overflow: auto;
					height:100%;
				}
					.employee_box .person, .employee_box_bottom .person {
						width: 175px;
						height: 100%;
						float: left;
						display: block;
						padding: 5px 0 15px 5px;				
					}
					.person a {
						border: 0;
					}
					.person a:hover {
						text-decoration: underline;
						border: 0;
					}	
					.current_profile {
						background-color: #f0f6fd;
					}
					.current_profile .person {
						width: 120px;
					}
					.current_profile a.sponsored {
						float: right;
						text-decoration: none;
						width: 100px;
						text-align: center;
						margin: 10px 0 0 0;
						border: 0;
					}
					.current_profile a.sponsored:hover {
						text-decoration: underline;
						border: 0;
					}
					.employee_name {
						color: #224499;
					}
					.link_up {
						margin: 15px 5px 15px 0;
						padding-right: 5px;
						background: #fefefe url("images/icon_org_chart_supervisor_new.gif") no-repeat top right;
						width: 44px;
						height: 31px;
						float: right;
					}
					.link_down {
						margin: 15px 5px 15px 0;
						background: #fefefe url("images/icon_org_chart_reports_new.gif") no-repeat top right;
						width: 44px;
						height: 31px;
						float: right;
					}

					p.directions {
						color: #888;
						font-size: 9px;
						float: left;
						width: 100%;
					}