/*==============================================================================
	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 ...
	
==============================================================================*/

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

input, select, textarea {
	font-size: 1em;
	padding: 1px 2px 0 2px;
}

/* centering the website */
#container {
	position: relative;
}

fieldset {
    padding: 6px;
}
    

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;
}

/* START GENERIC STYLES FOR INPUTFIELDS DO NOT EDIT !!!*/

form {
	margin: 0;
}

label, caption, legend {
	display: block;
	margin-top: 2px;
	font-weight: bold;
	color: #000; 
}

div.gender label {
	display: inline;
}

input.firstName, input.middleName, inout.lastNanme, input.street, 
input.postcode, input.city, input.country, input.email, input.username, 
input.password, input.phone, input.title, input.filename, input.description, 
input.remarks, select, textarea {
	display: block;
	width: 300px;
}

input.gender {
	display: inline;
}
input#middleName, input#postcode {
	width: 90px;
}



/* 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 */
}

/* hide skipmenu-link. Skipmenu is only for screenreaders */
a.skipmenu {
	display: none;
}

img {
	border: none;
}

/*

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

*/