/******************************************************************************
* 
* basis css voor WebMedia package
*
* - CIAL/classes/cms/data/webmedia/webmedia.package.php
*
*
* 

Note: dit is een begin van een basis en zal moeten worden gefinetuned. Het idee is om
een css file te hebben die een basis vormt voor iedere website.

In een specifieke site, bijvoorbeeld deze Maarsen site moeten er dan wat 
class overruled worden om het ontwerp te bereiken. Dat moet dus NIET in deze
file want deze is algemeen... het idee is mijn inziens goed, maar nu de uitwerking
nog. Please help, want in m'n eentje kan ik het niet meer goed bepalen.

Qua html moeten we ook streven naar zoiets, dus daar moet je de view-file van webmedia voor hebben.
Probeer zo weinig mogelijk zaken te overrulen, maar het met de basis op te lossen

Hou dat ajb in het achterhoofd bij het ontwikkelen, want een goede basis gaat
ons heel veel dev-tijd schelen, daar ben ik van overtuigd.

*
*
******************************************************************************/


/* list */
div.dataobject div.media-list
{
	padding: 10px;
	/* 	border: 1px solid #f5f5f5; */
	margin-right: 10px;
	margin-bottom: 0;
}

div.dataobject p.url_file
{
	display: none;
}

div.dataobject div.zebra-stripe
{
	background-color: #f5f5f5;
}

div.dataobject div.media-list h4.icon
{
	display: block;
	padding-left: 40px;
	line-height: 32px;
	background-image: url(../gui/icons/32x32/unknown.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div.dataobject div.media-list h4.icon-jpg
{
	background-image: url(../gui/icons/32x32/jpg.png);
}

div.dataobject div.media-list h4.icon-png
{
	background-image: url(../gui/icons/32x32/png.png);
}

div.dataobject div.media-list h4.icon-pdf
{
	background-image: url(../gui/icons/32x32/pdf.png);
}

div.dataobject div.media-list h4.icon-doc
{
	background-image: url(../gui/icons/32x32/doc.png);
}

div.dataobject div.media-list h4.icon-swf
{
	background-image: url(../gui/icons/32x32/swf.png);
}

div.dataobject div.media-list h4 a
{
	text-decoration: none;
}

div.dataobject div.media-list p.icon
{
	display: none;
}

div.dataobject div.media-list p.image
{
	display: none;
}

div.dataobject div.media-list p.video
{
	display: none;
}


div.dataobject div.media-list div.description
{
	padding-left: 40px;
}

div.dataobject div.media-list p.download-url
{
	text-align: right;
	font-size: 10px;
}

div.dataobject div.media-list p.download-url a
{
	text-decoration: none;
}

/* detail */
div.dataobject div.media-detail
{
	
	margin-bottom: 10px;
}

div.dataobject div.media-detail h4 a
{
	display: block;
	text-decoration: none;
	margin-bottom: 1em;
	overflow: hidden;
}

div.dataobject div.media-detail p.image
{
	/* 	width: 200px;
	height: 200px; */
	text-align: left;
	
	overflow: hidden;
}

div.dataobject div.media-detail p.image img
{
	/* 	max-height: 200px; */
}

div.dataobject div.media-detail p.icon
{
}

div.dataobject div.media-detail p.icon a
{
	display: block;
	text-decoration: none;
	text-indent: -2000px;
	min-height: 40px;
	/* 	width: 200px;
	height: 200px; */
	background-image: url(../gui/icons/32x32/unknown.png);
	background-repeat: no-repeat;
	background-position: center center;
}

div.dataobject div.media-detail p.icon a:hover
{
	background-color: #f5f5f5;
}

div.dataobject div.media-detail p.icon-jpg a
{
	background-image: url(../gui/icons/32x32/jpg.png);
}
div.dataobject div.media-detail p.icon-png a
{
	background-image: url(../gui/icons/32x32/png.png);
}

div.dataobject div.media-detail p.icon-pdf a
{
	background-image: url(../gui/icons/32x32/pdf.png);
}

div.dataobject div.media-detail p.icon-swf a
{
	background-image: url(../gui/icons/32x32/swf.png);
}

div.dataobject div.media-detail div.description p
{
	margin: 1em 0;
}

div.dataobject div.media-detail p.download-url
{
	display: none;
}