/**** DISPLAY LAYOUT ****/
	#layout {margin: 0px auto; width: 990px; text-align: left; border: 1px solid #AAA; background: #FFF;}	
	#layout-header {    background: url(../image/stripe_grey.png) bottom left repeat-x; height: 100px;}
	#layout-header h1 {margin: 0px; padding: 30px 0 0 10px; color: #333;}
	#layout-header img {float: left; margin: 10px;}
	#layout-body {}
	#layout-menu {background: #AAA;}
	#layout-content {padding: 5px;}
	#layout-footer {}
	
	#dbform {color: #333; font-size: 20px; float: right; margin: 30px 25px 0 0;}
	#dbform select {color: #333; font-size: 20px;}
	
	
	
	form {position: relative;}
	
	/*.error { display: none; } hides all errors on metwatch tools, even when they are meant to show
	
	/* DO NOT USE, use the scroll one above (v2) */
		/* scrolling table 
		div.scroll-head {width: 100%; border: 1px solid #CCC; border-bottom: none; background: #fafafa url(http://img.metwatch.co.nz/table-header.gif) repeat-x top;}
		div.scroll-body {width: 100%; border: 1px solid #CCC;  overflow: auto;}
		div.scroll-foot {width: 100%; border: 1px solid #CCC; border-top: none; background: #fafafa url(http://img.metwatch.co.nz/table-header.gif) repeat-x top; font-family: sans-serif; font-size: 11px; font-weight: normal;}
		div.scroll-foot input, div.scroll-foot select, div.scroll-foot button {font-size: 11px;}
		div.scroll-foot button {padding: 1px 3px;}
		div.scroll-foot .container {padding: 1px 5px; border-top: 1px solid #FFF; border-left: 1px solid #FFF;}
		div.scroll-foot .rows {float: right; margin: 5px 10px 0 0;}
		table.scroll-table th, table.scroll-table td {font-family: sans-serif; font-size: 11px; font-weight: normal; text-align: left; padding: 5px 0 5px 5px; /* change values in "tr.temp td" class too *//* border-right: 1px solid #CCC; border-left: 1px solid #FFF;}	
		/* scrolling table hack to hide column width alignment rows 
		tr.temp td {padding: 0 0 0 5px; margin: 0px;}
		tr.temp td div {overflow: hidden; height: 0px;}
		tr.temp th {padding: 0 0 0 5px; margin: 0px;}
		tr.temp th div {overflow: hidden; height: 0px;}
	*/
	
	/*
	.roundme {border: 1px solid #DDDDDD; position: relative; padding: 7px;}
    .roundme div.tl, .roundme div.tr, .roundme div.bl, .roundme div.br
        {height: 10px; width: 10px; font-size: 1px; background: url(img/roundme_ddd.gif) no-repeat; position: absolute;}
    .roundme div.tl {top: -1px; left: -1px;}
    .roundme div.tr {top: -1px; right: -1px; background-position: 0 -10px;}
    .roundme div.bl {bottom: -1px; left: -1px; background-position: 0 -20px;}
    .roundme div.br {bottom: -1px; right: -1px; background-position: 0 -30px;}
	.roundme h2 {color: #AAAAAA; margin: 0px; font-size: 12px; text-align: center; padding-bottom: 3px;}
	
	
	#cc0000
	*/
	

	/* scrolling table v2 
	div.table-scroll {width: 100%; background: #fafafa;}
	div.table-scroll div.table-head {width: 100%; border: 1px solid #CCC; border-bottom: none; background: #fafafa url(http://img.metwatch.co.nz/table-header.gif) repeat-x top;}
	div.table-scroll div.table-body {width: 100%; border: 1px solid #CCC; overflow: auto;}
	div.table-scroll div.table-body tr.odd {background-color: #FFFFFF;}
	div.table-scroll div.table-body tr.even {background-color: #F7F7F7;}
	div.table-scroll div.table-body tr.over {background-color: #c1e0ff;}
	div.table-scroll div.table-body tr.click {background-color: #feefb4;}
	div.table-scroll div.table-body input[type='checkbox'] {margin: 0px; padding: 0px;}
	div.table-scroll table {width: 100%;}
	div.table-scroll table td, div.table-scroll table th {font-family: sans-serif; font-size: 11px; font-weight: normal; text-align: left; padding: 5px 0 5px 5px; border-right: 1px solid #CCC; border-left: 1px solid #FFF;} 
	*/