/*
** Form formatting
* .forminput
* .formbutton
* .formselect
*/
	.forminput {
		border: 1px solid black; 
		font-size: 1em;
		margin: 0;
		padding: 1px 2px 1px 2px;
		width: 100%;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 92%;
		}
	html>body .forminput {
		width: 92%;
		}
	.formbutton {
		border: 1px solid black; 
		font-size: 1em;
		font-weight: bold; 
		margin: 5px 0 0 3px; 
		padding: 2px;
		width: auto !important;
	}
	.formselect {
		border: 1px solid black; 
		font-size: 1em;
		font-weight: normal; 
		margin: 5px 0 0 0; 
		padding: 2px;
		width: auto !important;
	}

/* 
** Dialog formatting
*/

	div.dialog { 
		background-color: #efefef;  
		padding-bottom: 0.5em;
		width: 100%;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 98%;
		}
	html>body div.dialog {
		width: 98%;
		}
	div.dialog h1 { 
		color: black;
		background-color: #cccccc; 
		font-size: 1em;
		font-weight: normal; 
		margin: 0 0 0.3em 0; 
		padding: 0.3em 0.5em 0.3em 0.5em; 
		}
	div.dialog h2 { 
		margin: 0; 
		padding: 0.4em 0.5em 0.2em 0.5em;}
	div.dialog p,
	div.dialog p.required {
		display: block;
		margin: 0;
		padding-top: 0.5em;
		padding-left: 1em;
		padding-right: 0.5em;
		}
	div.dialog p label {
		display: block;	
		font-Size: 1.1em;
		width: 100%; }
	div.dialog p.required label {
		font-weight: bold;
		}
	div.dialog span.data {
		display: block;
		font-size: 0.9em;
		margin: 0;
		width: 100%;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 98%; }
	div.dialog input, 
	div.dialog textarea,
	div.dialog select,
	div.dialog option { 	
		font-size: 1em;
		width: 100%;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 98%;
		}
	html>body div.dialog input, 
	html>body div.dialog textarea,
	html>body div.dialog select,
	html>body div.dialog option {
		width: 98%;
		}
	div.dialog textarea { 	
		font-size: 11px;
		}
	div.dialog p.required input, 
	div.dialog p.required textarea,
	div.dialog p.required select { 	
		border: 1px solid black;
		}
	div.dialog span.buttons {
		display: block;
		text-align: right;
		width: 100%;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 98%; }
	div.dialog span.buttons input {
		border: 1px solid black; 
		font-size: 1em;
		font-weight: bold; 
		margin: 0 0 0 3px; 
		padding: 2px;
		width: auto !important;
		}

/*
** Grid formating
*/

	div.grid {
		border: 1px solid #999999;
		font-size: 0.8em;
		margin: 0;
		padding: 0 0 15px 0;
		width: 100%;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 98%;
		overflow: auto;
		}
	html>body div.grid {
		width: 98%;
		}
	div.grid table {
		font-size: 1em; 
		border: none;
		margin: 0;
		padding: 1px;
		width: 100%;
		}
	div.grid tr {
		vertical-align: top;
		}
	div.grid tr.header {
		background-color: #6666CC;
		color: #ffffff; 
		font-size: 1.1em; 
		font-weight: bold;
		margin-top: 1px; 
		}
	div.grid tr.header a {
		color: #ffffff;
		}
	div.grid tr.odd {
		background-color: #cfcfff;
		}
	div.grid tr.even {
		background-color: #ffffff;
		}
	div.grid td {
		font-size: 1em;
		margin-left: 1px;
		padding: 2px;
		white-space: nowrap;
		}
	
	div.pagestats {
		font-size: 1em;
		margin: 1em 0 0.2em 0;
		padding: 0;
		}
	
	div.pagenavigation {
		font-size: 1em;
		margin: 0.5em 1em 0 0;
		text-align: right;
		}
	div.pagenavigation input,
	div.pagenavigation select {
		border: 1px solid black; 
		font-size: 1em;
		font-weight: bold; 
		margin: 0 0 0 3px;  
		padding: 2px;
		width: auto !important;
		white-space: nowrap;
		}

/*
** Tab formatting
*/
	div.tab {
		display: block;
		white-space: nowrap;
		margin: 0 1em 10px 0;
		padding: 0; 
		overflow: hidden;
		}
	html>body div.tab {
		width: 98%;
		}
	div.tab ul {
		border-bottom: 1px solid #000000; 
		display: block;
		font-size: 1em;
		list-style-type: none;
		margin: 0;
		padding: 0;
		padding-bottom: 25px;  
		}
	div.tab li {
		background-color: #6666cc; 
		display: block;
		float: left; 
		height: 1.9em; 
		margin: 0.25em 0.3em 0 0; 
		border: 1px solid #000000; 
		white-space: nowrap;
		}
	div.tab li.selected {
		background-color: #ffffff; 
		border-bottom: 1px solid #ffffff; 
		color: #000000;
		white-space: nowrap;
		}
	div.tab li a {
		float: left; 
		display: block; 
		color: #ffffff; 
		text-decoration: none; 
		padding: 0.4em; 
		white-space: nowrap;
		}
	div.tab li.selected a {
		color: #000000;
		}
	div.tab a:hover {
		background: #fff; 
		color: #6666cc;
		}