/* KPN global stylesheet */

/* KPN Globals */
body,p,li,span,h1,h2,a,th,td
{
/*	font-family: helvetica,verdana,arial,sans-serif; */
	font-family: helvetica,sans-serif;
	font-size: 9pt;
	color: #666666;
	line-height: 1.1em;
}

body
{
	background-color: #9b9993;
}

h1
{
	font-size: 11pt;
	font-weight: normal;
	margin: 0em;
}

h2
{
	font-weight: normal;
	margin: 0em;
}

img
{
	border: 0;
	padding: 0px;
	margin: 0px;
}

/* Content area structure */
table.page-table
{
	table-layout: fixed;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	border: 0;
}

tr.content-row
{
	height: 100%;
}

td.content-spacer
{
	width: 700px;
}

td.content-area
{
	width: 700px;
	height: 100%;
	vertical-align: middle;
}

div.content-area
{
	width: 700px;
	height: 490px;
	background-color: white;
	border: 0;
}

/* Layout */
div.title-area
{
	width: 653px;
	height: 30px;
	padding: 30px 0px 25px 45px;
}
div.title-area h1
{
	height: 30px;
}
div.title-area h1 > a
{
        font-size: 11pt;
	text-decoration: none;
	color: #666666;
}

div.left-area
{
	float: left;
	width: 260px;
	height: 405px;
}

div.main-area
{
	float: left;
	width: 355px;
	max-height: 405px;
}

div.main-area p
{
	width: 355px;
}

/* Navigation box */
div.nav-box
{
	width: 110px;
	height: 88px;
	margin: 0px 0px 0px 45px;
}

div.nav-line
{
	width: 110px;
	height: 1px;
	margin-bottom: 0.3em;
	background-color: #999999;
	color: #999999;
}

a.nav-text
{
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	color: #666666
}

/* This is for the small piece of text next to the box grids on the Work and Commissions pages */
p.nav-hint-box
{
	position: relative;
	left: 200px;
	bottom: 88px;
	margin: 0;
	padding: 0;
	width: 55px;
	height: 30px;
	font-size: 7pt;
	text-align: left;
}

/* Content wrapper div - this is a non-floated fixed-height content wrapper,
 * which allows multi page links to be inside the main content float.
 *
 * For IE5/Mac compatability, we also need to force the last paragraph
 * inside the wrapper to have no bottom margin, which would otherwise
 * overflow the wrapper. */
div#content-wrapper
{
	height: 260px;
	margin-bottom: 0;
}
p#cw-last-para
{
	margin-bottom: 0px;
}

/* Multi page link box */
div.multi-page-links
{
	float: right;
	width: 120px;
	margin: 0;
	text-align: right;
	font-size: 10pt;
}

a.multi-page-links
{
	font-size: 10pt;
	text-decoration: underline;
	color: #666666;
}

a#multi-page-current
{
	font-weight: bold;
}