@charset "utf-8";

/*	NETVLIES CMS STYLES
	Author:	Sebastiaan Smid, Netvlies
	----------------------------------------------------*/
	.user-content { margin: 0 ; padding: 0; }
	.user-content, .user-content * { color: #003366; font-size: 12px; font-family: Arial, Helvetica, sans-serif;  }
	.user-content p { margin: 0 0 10px 0; padding: 0; color: #003366; line-height: 14px; }
	.user-content a, .user-content a:active, .user-content a:visited { color: #003366; }
	.user-content a { color: #003366; text-decoration: underline; xfont-size: 11px; }
	.user-content a *, .user-content span { font-size: 11px; }
	.user-content a:hover { color: #003366; }
	.user-content img.imgLeft { float: left; margin-right: 10px; }
	.user-content blockquote { margin-left: 10px; }
	
	.user-content ul { margin: 0 0 10px 15px!important; }
	.user-content ol { margin: 0 0 10px 22px; }
	.user-content ul { list-style-type: square; }
	.user-content li { padding: 2px 0 2px 0px; font-size: 12px!important; line-height: 14px; color: #003366; }
	.user-content ul li { list-style-type: square; }
	.user-content li img { vertical-align: middle; }
	
	.user-content h1 { margin: 10px 0 20px 0 !important; font-weight: normal; }  
	.user-content h2, .user-content h3 { margin: 10px 0 5px 0 !important; }  
	.user-content h1 { font-size: 16px; font-weight: bold; color: #003366; }
	.user-content h2 { font-size: 13px; font-weight: bold; color: #003366; }
	.user-content h3 { font-size: 12px; font-weight: bold; color: #003366; }
	
	.user-content table { width: 100%; margin: 10px 0 10px 0; border: none; border-collapse: collapse; border-spacing: 0; border-left: 1px solid #335c85;  }
	.user-content th { padding: 5px 5px 5px 5px; background: url(/img/user-content_th_bg.gif) repeat-x; color: #fff; border-bottom: 1px solid #335c85; }
	.user-content td { padding: 3px 5px 3px 5px; border-top: 1px solid #335c85; border-bottom: 1px solid #335c85; border-right: 1px solid #335c85;  color: #212121; }

	
/*	NETVLIES CMS STYLES
	Author:	Sebastiaan Smid, Netvlies
	----------------------------------------------------*/
	.user-form { margin: 0; padding: 0; font-size: 12px; line-height: 1.5em; }
	.user-form * { font-size: 12px; vertical-align: middle; }
	.user-form fieldset { border: 0; padding: 0 0 0 0; }
	.user-form li { list-style: none; padding: 0 0 12px 0; height: 100%; overflow: hidden; }
	.user-form li label { display: block; float: left; width: 200px; color: #003366; }
	.user-form li div { float: left; width: 230px;}
	.user-form li div.user-content{ float: none; width: auto;}
	.user-form li div label { display: inline; float: none; vertical-align: middle; font-weight: normal; }
	.user-form li div span.error { display: block; margin: 3px 0 0 0; padding: 0 0 0 16px;  font-weight: bold; color: #ff0000; background: url(../img/frm_error_ico.gif) no-repeat left center; }
	.user-form li input { margin: 0; padding: 0; color: #335c85; }
	.user-form li input.text { width: 180px; border: 1px solid #7dbce3; padding: 2px; }
	.user-form li input.radio { vertical-align: middle; }
	.user-form li input.radio { height: 1em; vertical-align: middle;  }
	.user-form li input.checkbox { height: 1em; vertical-align: middle;  }
	.user-form li label.checkbox { display: block; }
	.user-form li input.submit { color:black; }
	.user-form li select.select { width: 180px; color: #335c85; }
	.user-form li select.multiselect { width: 180px; color: #335c85; }
	.user-form li textarea { 
		width: 180px;
		overflow: auto;
		border: 1px solid #7dbce3;
		line-height: 1.1em;
		height: 5.6em;
		padding: 2px;
		color: #335c85;
	}