#contactsContainer
{

	float:left;
}
#contactsContainer .searchControls
{
	border:solid 0.1em #FFFFFF;
	padding:1.5em;
	
	border:solid 0.1em #BCB9AF;
	background-color:#F2F2F2;
	margin-bottom:1em;
	overflow:visible;
	white-space:nowrap;
}
#contactsContainer .searchControls .warning
{
	color:Red;
	/*margin-left:12em;*/
	margin-top:0.5em;
}
#contactsContainer .searchControls input
{
	width:25em;
}
#contactsContainer .searchControls .searchButton
{
	background-image:url("../images/search_button.jpg");
	font-family:verdana,arial;
	
	color:#FFFFFF;
	width:auto;
	height:1.9em;
	margin-top:-0.1em;
	background-repeat:no-repeat;
	width:4.4em;
	border:0;
}
#contactsContainer .searchControls ul.searchOptions
{
	padding:0.8em 0 0 0;
	list-style-type:none;
}
#contactsContainer .searchControls ul.searchOptions li
{
	float:left;
	margin-right:1.5em;
	list-style-type:none;
}
#contactsContainer .searchControls ul.searchOptions li input
{
	width:auto;
}
#contactsContainer .contactsListContainer
{
	
}
#contactsContainer .contactsListContainer table.contactsTable
{
	clear:both;
	display:block;
	width:100%;
	table-layout:fixed;
}
#contactsContainer .contactsListContainer table.contactsTable td,#contactsContainer .contactsListContainer table.contactsTable th
{
	border-right:solid 0.1em #ffffff;
	padding:0.1em 0.3em 0.1em 0.3em;
	/*font-family:Arial;*/
}
#contactsContainer .contactsListContainer table.contactsTable tbody tr
{
	height:2.5em; width:100%
}
#contactsContainer .contactsListContainer table.contactsTable tr.odd
{
	background-color:White;
}
#contactsContainer .contactsListContainer table.contactsTable tr.odd td
{
	background-color:#CCCCCC;/*#F2F2F2;*/
}
#contactsContainer .contactsListContainer table.contactsTable thead
{
	text-align:left;
	background-color:#BCB9AF;
	color:#ffffff;
	background-image:url("../images/bg_header.gif");
	
}
#contactsContainer .contactsListContainer table.contactsTable thead th
{
	text-align:left;
	font-weight:normal;
	padding:0.3em 0.5em 0.3em 0.4em;
}
#contactsContainer .contactsListContainer table.contactsTable thead th a
{
	text-align:left;
	background-image:url("../images/dark_sort_down.gif");
	background-repeat:no-repeat;
	background-position:right;
	padding-right:1em;
	color:#333333;
}
#contactsContainer .contactsListContainer table.contactsTable thead th .asc a
{
	text-align:left;
	background-image:url("../images/sort_red_down.gif");
	color:#CC0000;
	text-decoration:none;
	
}
#contactsContainer .contactsListContainer table.contactsTable thead th .desc a
{
	text-align:left;
	background-image:url("../images/sort_red_up.gif");
	color:#CC0000;
	text-decoration:none;
	
}

#contactsContainer .contactsListContainer table.contactsTable thead th.email
{
	/*width:1.5em;*/
         width:20px;
}
#contactsContainer .contactsListContainer table.contactsTable thead th.firstname
{
	/*width:8.2em;
	max-width:8.2em;*/
        width:125px;
}
#contactsContainer .contactsListContainer table.contactsTable thead th.surname
{
	/*width:8.2em;
	max-width:8.2em;*/
        width:125px;
}
#contactsContainer .contactsListContainer table.contactsTable thead th.phone
{
	/*width:5em;*/
        width:85px;
}
#contactsContainer .contactsListContainer table.contactsTable thead th.cell
{
	/*width:5em;*/
        width:85px;
}
#contactsContainer .contactsListContainer table.contactsTable thead th.department
{
	/*width:8.2em;
	max-width:8.2em;*/
        width:125px;
}
#contactsContainer .contactsListContainer table.contactsTable thead th.section
{
	/*width:8.2em;
	max-width:8.2em;*/
        width:181px;
}
#contactsContainer .contactsListContainer table.contactsTable thead th.leader
{
	/*width:8.2em;
	max-width:8.2em;*/
        width:160px;
	border-right:none;
}

#contactsContainer .contactsListContainer table.contactsTable img
{
	border:none;
}
#contactsContainer .contactsListContainer .abcFilterContainer
{
	color:#ffffff;
	background-color:#EF3433;
	height:22px;
	padding:0 1em 0 1em;
	margin-bottom:0.8em;
	white-space:nowrap;
	min-width:44em;
}
#contactsContainer .contactsListContainer .abcFilterContainer span
{
	float:left;
	padding:0.35em;
}
#contactsContainer .contactsListContainer ul.abcFilter 
{
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	display:inline;
}
#contactsContainer .contactsListContainer ul.abcFilter li
{
	float:left;
	list-style-type:none;
}
#contactsContainer .contactsListContainer ul.abcFilter li a
{
	padding:0.3em;
	color:#ffffff;
	float:left;
	text-decoration:underline;
}
#contactsContainer .contactsListContainer ul.abcFilter li a.active
{
	font-weight:bold;
}
.clearFloat
{
	clear:both;
}
.contactcard
{
	border:0.1em solid #BCB9AF;
	margin-bottom:1em;
	margin-left:3em;
	padding:0.5em;
	width:30.5em;
	background-color:#ffffff;
	font-size:1.3em;
}
.contactcard .header
{
	background-image:url("../images/hfklogo.jpg");
	background-repeat:no-repeat;
	background-position:center left;
	height:3em;
	float:none;
	text-align:right;
	border-bottom:solid 0.1em #BCB9AF
}
.contactcard .header .department
{
	float:right;
	margin-right:2em;
	margin-top:2em;
	font-weight:bold;
}
.contactcard h1
{
	font-size:1.5em;
	margin-bottom:0.1em;
}
.contactcard .cardmain{
	border:0;
}
.contactcard .details
{
	float:left;
	width:23em;
	font-size:0.9em;

}
.contactcard .details h1
{
	color:#000000;
}
.contactcard .details div
{
	margin-bottom:0.2em;
}
.contactcard .cardbottom
{
	margin-top:1em;
	clear:both;
	border-top:solid 0.1em #BCB9AF;
	font-size:0.9em;
}
.contactcard .cardimage
{
	padding:0.3em;
	margin-left:22em;
}
.contactcard .cardimage img
{
	width:7.5em;
}
.dialogBackground
{
	width:100%;
	height:500em;
	position:absolute;
	top:1px;
	left:1px;
	text-align:center;
	vertical-align:middle;
	line-height:500em;
	background-color:#000000;
	opacity:0.3;
	filter:alpha(opacity=30);
	z-index:100;
	float:none;
}
.contactcard
{
	z-index:101;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-16.5em;
	margin-top:-10em;
	font-family:Arial;
	border:solid 0.1em #333333;
}
.btnCloseDialog
{
	z-index:102;
	position:absolute;
	top:50%;
	left:50%;
	margin:0;
	margin-left:17em;
	margin-top:-12.5em;
	background-color:White;
	padding:0.2em;
}
#contactsContainer .pagingContainer
{
	margin-top:0.8em;
}
#contactsContainer .pagingContainer a
{
	font-weight:bold;
	font-size:1em;
}