/*==============================================================================

	This website/webapplication is developed by:
	Occhio Group
	http://www.occhio.nl/
	info@occhio.nl
	+31 (0)20 320 78 70
					
==============================================================================*/


/*==============================================================================
	STANDARD STYLES
	
	This CSS should minimize the differeces between Internet Explorer, 
	Firefox, Safari etc
	A lot of the differences appear not due different interpetation of the 
	styles by each browser, but	because of the different default-values.
	
	Example:
		If you use a <form> and do not set any css-style:
			Firefox has no margins
			MSIE has a top-margin
		If you use a <h1> and do not set any css-style:
			Firefox a different size as MSIE.
	
	
	Next to that this css styles some elements in a way that looks good.
	Example:
		<input> is alway nicer with some padding
		
	Editing the values of this document is no problem, but NONE of the lines 
	should be removed!
	
	update 05-12-2005 created file by Oebe
	update 05-12-2005 added default link styles by Joris
	update 10-10-2006 only elements and some errors blocks
	
==============================================================================*/

body {
	color: #000;
	font-style: normal;
	margin: 0;
	padding: 0;
	position: relative;
}

form {
	margin: 0;
	padding: 0;
}

label, caption, legend {
    font-weight: bold;
    color: #000;    /*  set color same as body-color  */
} 

label {
	display: block;
	margin-top: 2px;
}

fieldset {
    padding: 6px;
}

input, select, textarea {
	font-size: 1em;
	padding: 1px 2px 0 2px;
}
select {
	display: block;
	width: 300px;
}
textarea {
	width: 300px;
	height: 200px;
}

ul, ol, dd {
	margin: 0 0 0 25px;
	padding: 0;
} 

li, dt, dl {
    margin: 0;
    padding: 0;
}

table, td, th {
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}

th {
	font-weight: bold;
}

img {
	border: none;
}

/* COMMON USED STYLES BY OCCHIO */

/* styles for errormessage and message */
/*div.message,*/
div.error {
	color: #000;
	font-weight: bold;
	border: 1px solid #FF0000;
	padding: 10px 10px 20px 50px;
	margin: 10px 0;
	background: url(http://static.occhio.nl/images/attention.gif) #FFDDDD no-repeat 10px 10px;
	 
}
/*div.message {
	border: 1px solid #3B89EF;
	background: url(http://static.occhio.nl/images/attention-info.gif) #D2DFF1 no-repeat 10px 5px;
}*/

/*div.message ul,*/
div.error ul {
	margin-left: 10px;
*	margin-left: 15px; /* ie */
}


/*

Not working in IE:
PNG -> use javascript that Replaces PNG by GIF

Not working in Mac IE:
Some Flash with transparent background -> save as older flash version

*/