body > *,
main > *,
main > section{
	box-sizing: border-box;
}

body{
	color: #333;
	font-size: 0.8em;
	min-height: 400px;
	background-color: #eee; 
}
.parea{
  border-radius: 3px;
  background-color: #fff;
}
section.formwrap{
  padding: 10px;
  border-radius: 3px;
  background-color: #fff;
}

.pcontent{
  border-radius:3px;
  border: 1px solid #d5d5d5;
}

.btnbar.datatabl{
  margin-bottom:-3px !important;
}
.btnbar > :first-child{
  padding: 7px;
  background-color: #c6ece8;
}
.btnbar.datatabl > :first-child{
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.ui-datatable.intab{
  z-index:1;
  margin-top: -15px;
  position: relative;
}
.btnbar.datatabl + .ui-datatable{
  z-index:1;
  position: relative;
}
/* .btnbar.datatabl + .ui-datatable .ui-datatable-tablewrapper table thead > tr:first-child th {
  border-top: 0 none;
} */
.nopad .ui-tabs-panels > .ui-tabs-panel{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.nopad.ui-tabs.ui-tabs-top > .ui-tabs-nav {
  padding-left: 5px;
}
.btnbar.intab{
  z-index:1;
  margin-top: -15px;
  position: relative;
}
.ui-panel-content > .btnbar:first-child{
  margin:-0.4em -1em;
}
.ui-panel-content > .btnbar{
  margin: 0 -1em;
}

main{
	padding: 6px;
}
main > section{
  padding-bottom: 6px;
}
main > section > header{
  margin: 0 0 6px 0;
}
main + footer,
main > section > header {
	padding: 7px;
	font-size: 0.9em;
}

main + footer {
	margin: 0 6px;
}

main > section > header h1,
main > section > header h2,
main > section > header p {
	margin: 0;
}

.welcome{
  padding: 10px;
}
.welcome > h2:first-child{
  margin: 0;
}

main > section > header{
	width: 100%;
	display: table;
	box-sizing: border-box;
}

main > section > header > *{
	width: 1%;
  white-space: nowrap;
	display: table-cell;
	vertical-align: middle;
}

main > section > header > .pagename{
	width: 98%;
	text-align: center;
}

main > section > header hgroup h1{
	color: #5f9ea0;
}

main > section > header .user p{
	margin: 0;
	color: #a52a2a;
	font-size: 1.2em;
}

main > section > .tabl > aside nav{
  padding-right: 6px;
}

main > section > .tabl > aside .ui-icon{
	font-size: 0.9em;
	padding: 2px 2px 0 0;
}

section.formwrap > header.btnbar:first-child,
section.formwrap > form:first-child > header.btnbar:first-child{
  margin: -10px -10px 0 -10px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

section.formwrap > header.btnbar:first-child > :first-child,
section.formwrap > form:first-child > header.btnbar:first-child  > :first-child{
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

section.formwrap > header.btnbar:first-child hgroup h2,
section.formwrap > form:first-child > header.btnbar hgroup h2{
  font-size: 1.2em;
  margin: 0 0 0 4px;
  line-height: 24px;
}

section.formwrap > footer.btnbar  > :first-child,
section.formwrap > form:first-child > footer.btnbar  > :first-child{
  margin: 0 -10px -10px -10px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.hoverlink{
	text-decoration: underline !important;
}
.hoverlink:hover{
	color: #ffa500 !important;
}

.loginform{
  padding: 10px;
  margin-top: 30px;
  display: inline-block;
}

main{
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -54px; 
}
main:after {
  content: ".";
  display: block;
}
main + footer, main:after {
  height: 48px; 
}


.char10,
.char10 > input{
	max-width: 100px !important;
}

nav .ui-menu .ui-menuitem-text{
  float: none;
}
nav .ui-widget-header.ui-state-active{
  background: #e9f77e; 
}
nav .ui-menuitem-link.ui-state-active{
  background: #f9d37c; 
}
.inlineform span{
  line-height: 2.4em;
}
nav.notxt .ui-widget-header > h3,
nav.compact .ui-widget-header > h3{
  display: none;
}
nav.notxt .ui-menu .ui-menuitem-text,
nav.compact .ui-menu .ui-menuitem-text{
  display: none;
}
nav.compact .ui-menu{
  width: auto;
}
nav.compact .ui-menu .ui-menuitem-link {
  width: auto;
}

nav.compact .ui-menu .ui-menuitem-link > .ui-icon {
  width: auto;
  height: auto;
}
.togglenav{
  height: 14px;
  text-align: right;
}
nav .togglenav.ui-menuitem-link > .ui-icon {
  float: none;
}

.ui-panel,
.ui-panelgrid .ui-panelgrid-cell {
  border-color: #e3e3e3 !important;
}

.ui-dialog.ui-dialog-maximized{
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  top: 0;
  left:0;
  bottom:0;
}

.audtabl{
  font-size: 0.92em;
}

.audtabl th > span,
.audtabl td > span {
  padding: 7px;
  border-radius: 2px;
  border: 1px solid #ddd;
  display: block;
  min-height: 1em;
}

.audtabl .diff td.revI span{
  background-color: #7fffd4;
}
.audtabl .diff td.revII span{
  background-color: #f7c873;
}
.audtabl .revmeta th,
.audtabl .revmeta td{
  background-color: #f3f3f3;
}

.audtabl .ui-commandlink{
  color: #333;
}

.greenBtn.ui-button.ui-state-default{
  border: 1px solid #04a56a;
  background-color: #01ad6e !important;
}

.fakegrid th,
.fakegrid td {
  padding: 7px;
  text-align: left;
  border: 1px solid #eee;
}
.maxh600 .ui-dialog-content{
  max-height: 600px;
}
.maxw800 .ui-dialog-content{
  max-width: 800px;
}

.ui-button .fa.ui-icon{
  font-weight: normal;
  margin-top: -5px !important;
}