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

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

/* ============================================================================= 
	STYLES FOR LAYOUT 
============================================================================= */

/* generic styles for inputfields */

/* uncomment if needed
div.gender radio {
    font-weight: normal;
	display: inline;
}

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

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



#container {
	width: 760px;
	margin: 0 auto;
}

a.skipmenu {
	display: none;
}

.clear {
	clear: both;
}

/* COMMON USED STYLES BY OCCHIO DON"T REMOVE */

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

span.inactive {
	margin-right: 10px;
	color: #ccc;
}


/*

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

*/