/*
	Profiles
*/

/* Half-a-line margin below paragraphs */
p {
	margin:      0 0 0.5em 0;
	font-weight: normal;
	font-size:   100%;
}
img {
	border: none;	
}

/*
	The body has a left-margin of 250px to allow for the Icondirect logo and LH 
	menu. We give the logo a left-margin of -250px to compensate.
*/
body {
	margin:           10px;
	background-color: white;

	font-size:    9pt;
	font-family:  Arial, Helvetica, sans-serif;
	color:        black;
}

#content {
	margin-left:      250px;
	width:            520px;
}

#lh-strip {
	float:       left;
	width:       250px;
	margin:      0;
	padding:     0;
	border:      none;
}

/*
	Heading goes in LH strip
*/
#profile-heading {
	width: 240px;
	margin: 5px 10px 0 0;
	padding: 0;
	text-align: right;
}

#profile-heading img {
	clear:  both;
}

#profile-heading h1 {
	text-transform: uppercase;
	color:          #cc6633;
}
#profile-heading h1.expert {
	font-size:  24px;
}
#profile-heading h1.company {
	font-size:  22px;
}


/*
	Individual profile sections
*/
div.profile-section {
}

div.profile-section h1 {
	margin:         0.5em 0 0.2em 0;
	text-transform: uppercase;
	font-size:      100%;
	color:          #cc6633;
}

div.profile-section h1.bigbold {
	text-transform: uppercase;
	font-size:      200%;
	color:          black;
}

/*
	Sections are usually separated by lines 
	and usually have a "back to top" link
*/
hr {
	width:  100%;
	height: 1px;
	background-color:  black;
	border: none;
	margin: 0.5em 0 1em 0
}

/*
	The first section doesn't have a back-to-top link, 
	so we use a br to maintain spacing
*/
a.backtotop,
br.backtotop {
	display:   block;
	width:     9em;
	margin:    1.5em 0 0 0;
	font-size: 75%;
}
/*
	Page heading-tag
*/
#prof-hdgtag {
	font-weight: bold;
	color: #cc6633;
	margin: 0 0 1em 0;	
}
/*
	Company profile company-name
*/
#prof-co-name {
	font-size: 120%;
	font-weight: bold;
}

/*
	Address/telephone list
*/
table.contact-details {
	margin: 0.5em 0 0 0.5em;
	border-collapse: collapse;
	border: none;	
}
table.contact-details th {
	text-align: left;
	font-weight: normal;	
}
table.contact-details td {
}

/*
	Category lists
*/
div.profile-section ul {
	list-style: none;
	margin:     0;
	padding:    0;
	border:     none;
	font-size:  100%;	
}
div.profile-section li {
	margin-bottom: 0.2em;
}

/*
	Key Personnel list
*/
#personnel ul li span.name {
	font-weight: bold
}
#personnel ul li span.hons {
	font-weight: normal
}
#personnel ul li span.posn {
	font-style: italic
}

/*
	Expert profiles
*/
#expert-contact-details {
}
#expert-contact-details img {
	float: left;
	margin: 0;
	margin-right: 10px;
}
#expert-contact-details table {
	border-collapse: collapse;
	border: 0 none transparent;
	width: 99%;	/* IE6 fix, otherwise table is too large */
}
#expert-contact-details table th {
	text-align: left;
}
#expert-contact-details div.empty {
	margin-left: 110px;
	min-height: 150px;
	padding: 5px;
	border: 1px solid #cc6633;
}

div.profile-section ul {
	list-style-type: none;
	padding-left: 0;
	font-size: 100%;
}
div.profile-section ul li {
	margin-left: 0;
	padding-bottom: 0.5em;
}
div.profile-section ul li span {
	font-weight: bold;
}

/*
	Some profile sections have lists of sub-sections
*/
div.profile-subsect {
	margin-left: 1em;
}

div.profile-subsect h2 {
	margin:         0.3em 0 0.1em -1em;
	text-transform: uppercase;
	font-size:      100%;
	color:          #000066;
}

div.profile-subsect h3 {
	margin: 0.25em 0 0 0;
	padding: 0;
	font-size:    100%;
	font-weight:  bold;
}