body, h1, h2, h3, p, p.opener, td 
	{ 
	font-family: Arial, Helvetica, sans-serif;
	/*font-family : "Arial Narrow";	color:black;*/
	background-color:white;
	}

body, table, td, p, p.opener	{
	font-size: 8pt; 
	color: black; 
	}
h1, h2, h3	{
	padding: 0;
	margin: 0;
	}
h1	{
	font-size: 12pt;
	color: #000099; 
	padding-left: 0px;	
	}
h2	{ 
	font-size: 10pt; 
	color: #000099; 
	font-weight: bold 
	}

#content		{background-color:white;}
#header				{display:none;}
#navigationbar		{display:none;}
#navigationbar-media	{display:none;}
#navbar-media-forsale	{display:none;}
#page-navigation	{display:none;}
#leftbar 			{display:none;}
#rightbar 			{display:none;}
.right-box			{display:none;}
#pagebrowser		{display:none;}
.pbrowser			{display:none;}
.prev, .next,
.next-on-richt,
.links				{display:none;}
.link-artist		{display:none;}
#recent-additions	{display:none;}	/*recent photos statistics*/
.no_print, .no-print, .noprint	{display:none;}
.breadcrumbs		{display:none;}
#footer				{clear:both;}
#foot-left			{display:none;} 
#bottomhead			{display:none;}
.status				{display:none;}

/*item start*/
#pagehead	{
	clear:both;
	height:1.5em;
	line-height:1.5em;
	padding:0.4em;
	padding-left:0;
	background-color:#FFFFCC;
	background-color:#EEE;
	color:#666;
	margin-bottom:25px;
	}
#pagehead h1	{
	float:left;
	font-size: 1.5em;
	color:#666;
	}
.special-hd {
	text-indent:5em;
	position:relative;
	font-size: 1em;
	color: #D60000;
	}
.thumb {
	float:left;
	display: block;
	width:240px;
	height:198px;
	border:1px solid #CC3300;
	background-color:#eee;
	text-align:center;
	}
.thumb img 	{
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid yellow;
	border:1px solid #CCC;
	}
.item-info	{
 	position:relative;
	display:block;
	margin-left:280px;
	padding:5px;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	}
/*item end*/

/*statistics*/
.center-col	{
	width:auto;
	margin-left:0;
	padding:20px;
	border:1px solid #AAA;
	}
/*
.center-col-test	{
	width:780px;
	/*margin-left:2.5%;	background-color:#DDD;
	background-color:#EEE;
	padding:20px;
	border:1px solid #AAA;
	}
*/
.right-col	{
	float:left;
	padding:1%;
	padding-top:20px; 
	margin-left:2%; 
	width:13%;
	color: #990000; 
	background-color:#FFF;
	border:1px solid #AAA;
	}
.boxed	{
	border: solid 1px #99CCCC;	/*li-blauw*/
	padding: 6px;	
	margin-bottom: 30px;
	}
ul.remarks	{
	float:left;
	display:block;
	padding:0;
	margin:0;
	list-style-type:none;
	}
ul.remarks li	{
	display:block;
}
/*START top ten ========================*/
ul.top-ten	{
	margin:0;
	padding:0;
	list-style:none;
	list-style-position:inside;
	/*padding-left:-35px;	werkt in beide browsers goed*/
	width:100%;
	display:block;
	}
.top-id	{
	float:left;
	width:25px;
	font-size:8pt;
	color:#666666;
	}
/*START graph */
.graphbox	{
	width:630px; /*voor printen: width plus padding is total width*/ 
	width:315px; /*voor printen: width plus padding is total width*/ 
	min-height: 200px;
	border: 1px solid gray;
	padding:15px;
	margin-bottom:30px;
	}
.gheader	{
	padding: 5px;
	}
.id-box	{
	float:left;
	width:60px; 
	padding:16px 15px 15px 15px;
	}
	
.bar-box  {
	float:left;
	background:url(../layout/line-v50.gif);
	width:199px; 
	border: 1px solid #AAA;
	padding:15px 0 15px 0; 
	}
.value-box	{
	float:right; 
	padding:15px; 
	width:40px;
	}	
.bar-id	{
	padding:3px 0;
	border-bottom:1px solid transparent;
	}
.bar  {
	border-bottom:1px solid #00CCFF;
	border-left:1px solid #00CCFF;
	padding:3px 0;
	background-color:#FF6699;
	color:white;
	}
.barvalue	{
	padding:3px 0;
	border-bottom:1px solid transparent;
	}
/*statistics END (OUD)*/

/* MEDIA graph NEW aug 2011 ================== */
.outer-graphbox	{
	margin-left:40px;
	}
.var-graphbox	{
	position:relative;
	min-height: 201px;
	border: 1px solid gray;
	}

/* ===== achtergrond ===== */
.y-ruler  {
	border-bottom:1px solid #DDD;	
	}
.y-val  {
	position:absolute;
	}
.x-val  {
	position:absolute;
	text-indent:-10px;
	color:#000; /*aangezet voor deze versie*/
	}

/*====== bars ======*/
.v-bar  {
	float:left; 
	position:absolute; 
	bottom:0;
	border: solid 1px #000;
	border-right:2px solid #00CCFF;
	background-color:#FF6699;
	text-align:center;
	color:#FFF; /*aangezet voor deze versie*/
	}
/*NIEW end */


p.opener:first-letter 
	{
	font-size: 200%;
	color: blue;
	font-family: Arial;
	}
hr	{
	clear:both;
	height: 1px;
	border: none;
	color: #3399CC;
	background-color:#3399CC;
	}
img	{
	border:0px;
	}
.data	{
	background-color: #FFF;
	margin-bottom:10px;
	}
.databox	{	/* data_result */
	width:100%;
	margin-bottom:15px;
	}
thead th, thead th a {
	text-align:left;
	font-weight:normal;
	font-size:8pt;
	}
.nr, .id	{
	width:25px;
	font-size:6pt;
	color:#999999;
	}
.id	{
	width:35px;
	color:#666666;
	}
.type	{
	width:35px;
	padding: 0 1px;
	display:block;
	overflow:hidden;
	}
.artist	{
	width:180px;
	}
.title	{
	width:230px;
	padding: 0 1px;
	display:block;
	overflow:hidden;
	}
.year	{
	width:40px;
	padding: 0;
	}
.country	{
	width:40px;
	padding: 0;
	}
.label	{
	width:90px;
	padding: 0;
	}
.date	{
	width:80px;
	}
.extra-info /*yr quontry label recnum*/ 
	{
	width:250px;
	}
.song	{
	width:280px;
	padding: 0;
	}
body.pwmbody	{
	margin:0;
}
.special {
	color: #D60000;	/*li-dark red*/
	}
.special-b {
	color: #D60000;
	font-weight:bold;
	}
.special-c	{
	font-style:italic;
	color: #000099; 
	}
.special-g {
	color: green;
	}
.small	{
	font-size: 8px;
	}
.clear	{
	clear:both;
	}
.soft, .soft td, .soft a, .soft a:hover	{
	color: #666666;
	}
.small-soft, .small-soft a, .small-soft a:hover	{
	font-size: 8pt;
	color: #666666;
	}
/*FOR SALE */
.photo-col-sale	{
	float:left;
	width:400px;
	padding:2%;
	text-align:center;
	background-color:gray;
	}
.photo-col-sale img {
	border: solid 1px #D60000;
	} 
.text-col-sale	{
	float:left;
	width:32%;
	margin-left:2.5%;	/*background-color:#DDD;*/
	background-color:#EEE;
	padding:2%;
	border:1px solid #AAA;
	}