body {
	
		margin: 0; padding: 0;
		text-align: center;
		
		font-size: 62.5%; font-family: Tahoma, Arial, Verdana, sans-serif;
					
		}
		
		#container {
		
			margin: 20px auto 36px auto;
			text-align: left;	
			position: relative; 
		}
		
		#header, #buttons, #form, #info { margin-bottom: 20px; }
		
		#form { border-bottom:  1px solid #999;  }
		
		#footer { margin-top: 20px; border-top:  1px solid #999; padding-top: 5px;}
		
		p,  li {
			font-size: 1.3em; padding-bottom: 0.5em;
		
		}
		
		a { color: #09C; }
		
		h2 { font-size: 1.3em; margin-bottom: 3px; }
		h1 { font-size: 2.6em; margin-bottom: 3px; color:#666; }
		h1 .count { font-weight: bold; color: #000;}
		h2 .title { font-size: 1.4em; display: block; margin-bottom: 2px; }
		
		
		#buttons { border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 5px 0; }
		
		.field { clear: both; overflow: hidden; padding: 4px 0; margin: 0 0 8px 0; }
		
		label { float: left; } 
		label.main { display: block; width: 140px;  1.3em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; margin-right: 8px; padding-top: 4px; font-size: 1.3em; font-weight: bold; }
		label.long { display: block; width: 280px; font-weight: bold; text-align: left; margin-right: 8px; padding-top: 4px; font-size: 1.3em; }
		.vertical label.main { float: none; text-align: left; margin-bottom: 8px; width: 100%; }
				
		label span.explain { display: block; color:#999999; font-weight: normal; padding: 2px 0; line-height: 1.3em; }
		label span.hint { display: block; font-size: 11px; font-variant: small-caps; padding: 3px 0;}
		
		input, select, textarea { margin: 0 8px 0 0; padding: 2px 4px; border: 1px solid #CCCCCC } 
		input.small, textarea.small { width: 96px } select.small { width: 104px; }
		input.medium, textarea.medium, input.medium { width: 208px } select.medium { width: 216px; }
		input.full, textarea.full, input.full, select.full  { width: 95%; }
		.input { float: left; } 	
		.input li { padding-bottom: 4px; } .input li label { float: none; }	
	
	.datagrid { width: 100%; margin-bottom: 10px; margin-top: 5px; font-size: 1.4em;  }
		
	.datagrid th { padding: 5px 0; font-weight: bold; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
	.datagrid td { padding: 5px 0; } .datagrid .first { padding-left: 8px; }
	.datagrid tr.even { background-color: #f4f4f4 }
	
	div.autocomplete {
	  position:absolute;
	  width:250px;
	  background-color:white;
	  border:1px solid #888;
	  margin:0;
	  padding:0;
	}
	div.autocomplete ul {
	  list-style-type:none;
	  margin:0;
	  padding:0;
	}
	div.autocomplete ul li.selected { background-color: #ffb;}
	div.autocomplete ul li {
	  list-style-type:none;
	  display:block;
	  margin:0;
	  padding:2px;
	  height:32px;
	  cursor:pointer;
	}
	
	.success { height: 20px; margin: 0 0 16px 0; background: #99CC00 url('/assets/icons/fugue/icons/tick.png') 8px 13px no-repeat; padding: 15px 0 5px 30px ; margin: 0 0 16px 0; color: #FFFFFF; }
	.information { height: 20px; background: #FFF5CC url('/assets/icons/fuge/information.png') 8px 13px no-repeat; padding: 15px 0 5px 30px ; margin: 0 0 16px 0; }
	.error { height: 20px; margin: 0 0 16px 0; background: #CC3300 url('/assets/icons/fugue/icons/exclamation.png') 8px 13px no-repeat; padding: 15px 0 5px 30px ; margin: 0 0 16px 0; color: #FFFFFF; }