/* 
    Document   : clients.css
    Created on : 18-aug-2009, 10:20:51
    Author     : Arno
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

div#content div.content-clients {
	padding-top: 20px;
	padding-left: 32px;
	padding-right: 32px;
}

/* Portal */

div#content div#clients-portal {
	margin: 10px 7px;

	position: relative;

	float: left;
}

div#content div#clients-portal div {
	float: left;

	position: relative;

	margin-right: 44px;

	cursor: pointer;
}

div#content div#clients-portal div * {
	position: relative;

	float: left;
	clear: both;
}

div#content div#clients-portal div h2 {
	padding: 7px 0px;

	font-size: 17px;

	background-color: #ee7f00;
	color: white;

	width: 155px;

	text-align: center;

	margin-bottom: 3px;
}

div#content div#clients-portal div img {
	margin-bottom: 22px;
}

div#content div#clients-portal div a {
}

div#content div.content div.content-block-clients div.wide {

	position: relative;
	overflow: hidden;

	background: url(/images/content-clients-personal-background.png) top left repeat-y;

	padding: 10px;
	clear: both;

	margin-bottom: 10px;
}

div#content div.content div.content-block-clients p {
	margin-bottom: 20px;
}

div#content div.content div.content-block-clients div img {
	float: left;

	display: block;
}

div#content div.content div.content-block-clients div table {
	float: left;

	margin-left: 10px;
	margin-bottom: 5px;

	border-collapse: collapse;

	position: relative;

	width: 310px;
}

div#content div.content div.content-block-clients div table th span {
	font-size: 17px
}

div#content div.content div.content-block-clients div table th span.light {
	color: #5a80ad;
}

div#content div.content div.content-block-clients div table th span.dark {
	color: #00295b;
}

div#content div.content div.content-block-clients div table td span.name {
	margin-right: 28px;
}

div#content div.content div.content-block-clients div table td span.value {
	color: #ee7f00;
}

div#content div.content div.content-block-clients div table tbody {
	margin-top: 10px;
}

div#content div.content div.content-block-clients div table tbody td {

	border-style: dotted;
	border-color: #959595;
	border-width: 0px 0px 2px 0px;

	padding: 0px;
	margin: 0px;

	padding-bottom: 10px;
	padding-top: 5px;

	vertical-align: top;
}

div#content div.content div.content-block-clients div table tbody tr.spacer td {
	border-style: none;
	height: 12px;
}

div.content-block-clients div.wide {
	margin-bottom: 15px;
}

div.content-block-clients div.wide div.images {

	margin: 0px;
	padding: 0px;

	width: 304px;
	
	float: left;

	position: relative;
}

div.content-block-clients div.wide div.images img {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;

	position: relative;
}

div.content-block-clients div.wide div.images img.small {
	width: 148px;
	height: 112px;
}

div.content-block-clients div.wide div.images img.large {
	width: 300px;
	height: 225px;
}

div.content-block-clients div.small {
	float: left;
	position: relative;

	width: 196px;

	padding: 1px;

	margin-right: 17px;
	margin-bottom: 20px;

	border-style: solid;
	border-width: 1px;
	border-color: #B8BDC0;
}

div.content-block-clients div.small-bw {
	height: 163px;
/*	height: 179px;*/
}

div.content-block-clients div.small-pw {
	height: 163px;
}

div.content-block-clients div.small div,
div.content-block-clients div.small p {
	margin: 0px !important;
	padding: 0px !important;
}

div.content-block-clients div.small p {
	padding-top: 1px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
}

div.content-block-clients div.small img {
	width: 196px;
	height: 148px;
}