/* -----------------------------------------------------------------------
	custom styles 

	we have a grid of 950px width 
	we have 24 columns of 30px width and 10px margin in between
	we build upon a grid of 18x18
	
----------------------------------------------------------------------- */

	body	{ background:#D4AB71; }

/* Heading
-------------------------------------------------------------- */

	h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
	h1	{ font-size:2.0em; }
	h2	{ font-size:1.4em; font-weight:bold; color:#C65909; }
	h3	{ font-size:1em; font-weight:bold; padding:10px 0; }
	

/* Typography
-------------------------------------------------------------- */
	
	.buffer-1 { height:18px; }
	.buffer-2 { height:36px; }
	.buffer-3 { height:54px; }
	.buffer-4 { height:72px; }
	
	a:link, a:visited, a:active { text-decoration:none; font-weight:normal;}
	a:hover { color:#ff0000; font-weight:normal; }
	
	table { width:auto; }
	td { padding:1px 5px; vertical-align:top;}
	td.td-1 { width:30px; }
	td.td-2 { width:60px; }
	td.td-3 { width:90px; }
	td.td-4 { width:120px; }
	td.td-5 { width:150px; }
	td.td-6 { width:180px; }
	td.td-7 { width:210px; }
	td.td-8 { width:240px; }
	td.td-9 { width:270px; }
	td.td-10 { width:300px; }
	td.td-11 { width:330px; }
	td.td-12 { width:360px; }
	td.td-13 { width:390px; }
	td.td-14 { width:420px; }
	
	table.clean tr td { border:none; }

	.normalWeight { font-weight:normal !important;}

	.strong { font-weight:bold !important;}
	
	.left { text-align:left; }

	.checkAll, .uncheckAll { cursor:pointer; }

	.hide { display:none; }
	
	.minifloat {
		float:left; 
		width:24px;
	}
	
	col.published { background:#fff; }
	col.unpublished { background:#eee; }


/* mainHeader
-------------------------------------------------------------- */

	#mainHeader {
		margin-top:20px;
	}
	
	#mainHeader .container {
		background:url(../images/bgheader.png) 0 0 no-repeat;
		height:110px;
	}
	
	#mainHeader #mainMenu, #mainHeader #mainMenu li ul {  
		list-style:none; 
		padding: 0;
		margin:0;
	}
	
	#mainHeader #mainMenu li 	{ 
		margin:0 0 1px 0; 
		float:left;
		display:block;
		padding:4px 18px 8px 18px;
		font-weight:bold;
		height:16px;
		border-left:1px solid #eee;
		border-right:1px solid #999;
	}
	
	#mainHeader #mainMenu li.active 	{ 
		font-weight:bold;
	}
		
	#mainHeader #mainMenu li.active a {
		text-decoration:underline;
		color:#000;
	}
		
	#mainHeader #mainMenu li a {
		color:#585858;
		font-weight:bold;
	}
		
	#mainHeader #mainMenu a:hover {
		color:#000;
	}
	


/* Footer
-------------------------------------------------------------- */

	
	#mainFooter {
	}
	
	#mainFooter .container {
		background:url(../images/bgfooter.png) 0 0 no-repeat;
		height:110px;
	}




/* Maincontainer
-------------------------------------------------------------- */
	.wrapper{
		margin:0 auto;
		min-height:500px;
		height:auto !important; /* voor moderne Browser */
		height:500px; /*voor IE6 */
	}
		
	#main .container {
		background:#fff;
	}
		
	#main .container .content {
		padding:18px;
	}
	
	#main #profileMenu {
		min-height:30px;
	}
	
	#main #profileMenu, #main #profileMenu li ul {  
		list-style:none; 
		padding: 0;
		margin:0;
	}
	
	#main #profileMenu li 	{ 
		float:left;
		font-weight:bold;
	}
	
	#main #profileMenu li.active 	{ 
		font-weight:bold;
	}
		
	#main #profileMenu li.active a {
		color:#fff;
		background:#8AA032;
	}
		
	#main #profileMenu li.active a.error {
		color:#fff;
		background:#990000;
	}
		
	#main #profileMenu li a {
		display:block;
		padding:3px;
		border:1px solid #ccc;
		background:#E6EFC2;
		margin:0 2px 0 0;
		display:inline;
		color:#585858;
		font-weight:bold;
	}
		
	#main #profileMenu li a.error {
		background:#FFD9D9;
	}
		
	#main #profileMenu li span {
		display:block;
		padding:3px;
		border:1px solid #ccc;
		background:#eaeaea;
		margin:0 2px 0 0;
		display:inline;
		color:#ccc;
		font-weight:bold;
	}
		
	#main #profileMenu a:hover {
		color:#000;
		background:#C6D880;
	}
	
	
	
	#overview td { 
		text-align:left;
		padding-right:30px;
		border:1px solid #eee;
	}
	
	#overview td.title { 
		background:#ccc;
		color:#000;
		font-weight:bold;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	#overview td.subtitle { 
		padding-top:10px;
		color:#000;
		font-weight:bold;
	}
	
	#overview tr.different td { 
		background:#FFF6BF;
		color:#514721;
		border-color:#FFD324;
	}
	
	/* topmenu */
	#topMenu {
		padding-right:10px;
		height:25px;
		margin-bottom:56px;
	}
	
	#topMenu ul {  
		list-style:none; 
		padding: 2px 0 0 0;
		margin:0;
	}
	
	#topMenu ul li 	{ 
		margin:0; 
		float:right;
		font-weight:bold;
		padding-left:9px;
	}
	
	#topMenu ul li a { 
		color:#fff;
		text-decoration:none;
	}
	
	#topMenu ul li a:hover { 
		color:#fff;
		text-decoration:underline;
	}
	
	#adminMenu {
		background:#333;
		color:#eee;
	}
	
	#adminMenu a { color:#eee; text-decoration:underline; }
	#adminMenu a:hover { color:#ccc; }
	

/* Stats
-------------------------------------------------------------- */
	
	table.stats tr td {
		border:none;
		text-align:left;
	}
	table.stats tr td+td {
		font-weight:bold;
		text-align:right;
	}
	table.stats tr td+td+td {
		font-weight:normal;
		color:#666;
		font-size:0.8em;
	}
	table.stats tr.buffer td {
		height:20px;
	}
	table.stats tr td.normal {
		font-size:1em;
	}
	
	table.stats_products tr td.less {
		background:#E6EFC2;
		font-weight:bold;
	}
	table.stats_products tr td.more {
		background:#8AA032;
		color:#fff;
		font-weight:bold;
	}
	table.stats_products tr td.most {
		background:#003300;
		color:#fff;
		font-weight:bold;
	}
	
	
	
	.statBarWrapper {
		float:left; 
		width:100px;
		height:10px;
		border:1px solid #ccc;
		overflow:hidden;
		margin-top:4px;
		margin-right:5px;
	}
	.statBar {
		background:#C6D880;
		top:0;
		left:0;
		width:0;
	}
	

/* Formstyling
-------------------------------------------------------------- */
	table tr td {
		border:1px solid #ccc;
		text-align:center;
	}
	label {
		float:left;
		width:330px;
		margin-right:25px;
		text-align:right;
		font-weight:normal;
		color:#111;
		padding-top:2px;
		padding-right:5px;
	}
	label.left {
		width:auto;
	}
	label.missing {
		background:#FBE3E4;
		color:#8A1F11;
	}
	td label {
		float:none;
		width:30px;
		margin:0;
		padding:0;
	}
	label.nofloat {
		float:none;
		width:auto;
	}
	label.twoColumn {
		width:180px;
		text-align:left;
		float:left;
	}
	
	form { margin-top:10px; }
	form div.info	{ padding-left:360px; }
	form div.formItem	{ float:left; width:450px; }
	
	form br { clear:both; }
	
	input { width:250px; }
	input.input-1 { width:30px; }
	input.input-2 { width:60px; }
	input.input-3 { width:90px; }
	input.input-4 { width:120px; }
	input.input-5 { width:150px; }
	input.input-6 { width:180px; }
	input.input-7 { width:210px; }
	input.input-8 { width:240px; }
	input.input-9 { width:270px; }
	input.input-10 { width:300px; }
	input.input-11 { width:330px; }
	input.input-12 { width:360px; }
	input.input-13 { width:390px; }
	input.input-14 { width:420px; }
	input.button, input.radio, input.checkbox { width:auto; }
	input.checkbox-2 { width:auto; }
 	
	textarea	{ width:250px; height:50px; }
	select, input { margin:1px 0;}
	select option { padding:1px 5px 1px 1px;}
	
	.message {background:#E6EFC2;color:#264409;border-color:#C6D880;}
	.message a {color:#264409;}
	
	optgroup { margin-top:10px; font-style:normal; }
	
	.ok { color:#C6D880; font-weight:bold; }
	.notok { color:#8a1f11; font-weight:bold; }