.ui-loader {
    z-index: 9999;
}

.ui-header-fixed {
    padding-top: 0;
    top: 0;	
    z-index: 2001;    	
}

.ui-panel-display-overlay {
	z-index: 3000;	
}

.ui-popup-container {
/*	position: relative;  do not use: ugly scroll bar */
	z-index: 2000;
}

/* make navbar support 10 elements */
.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e, .ui-block-f, .ui-block-g, .ui-block-h, .ui-block-i, .ui-block-j { margin: 0; padding: 0; border: 0; float: left; min-height:1px;}

/* grid e: 16/16/16/16/16/16 */
.ui-grid-e .ui-block-a, .ui-grid-e .ui-block-b, .ui-grid-e .ui-block-c, .ui-grid-e .ui-block-d, .ui-grid-e .ui-block-e, .ui-grid-e .ui-block-f { width: 16.65%; }
.ui-grid-e .ui-block-a { clear: left; }

/* grid f: 14/14/14/14/14/14/14 */
.ui-grid-f .ui-block-a, .ui-grid-f .ui-block-b, .ui-grid-f .ui-block-c, .ui-grid-f .ui-block-d, .ui-grid-f .ui-block-e, .ui-grid-f .ui-block-f, .ui-grid-f .ui-block-g { width: 14.2857%; }
.ui-grid-f .ui-block-a { clear: left; }

/* grid g: 12/12/12/12/12/12/12 */
.ui-grid-g .ui-block-a, .ui-grid-g .ui-block-b, .ui-grid-g .ui-block-c, .ui-grid-g .ui-block-d, .ui-grid-g .ui-block-e, .ui-grid-g .ui-block-f, .ui-grid-g .ui-block-g, .ui-grid-g .ui-block-h { width: 12.5%; }
.ui-grid-g .ui-block-a { clear: left; }

/* grid h: 11/11/11/11/11/11/11/11 */
.ui-grid-h .ui-block-a, .ui-grid-h .ui-block-b, .ui-grid-h .ui-block-c, .ui-grid-h .ui-block-d, .ui-grid-h .ui-block-e, .ui-grid-h .ui-block-f, .ui-grid-h .ui-block-g, .ui-grid-h .ui-block-h, .ui-grid-h .ui-block-i { width: 11.1111%; }
.ui-grid-h .ui-block-a { clear: left; }

/* grid i: 10/10/10/10/10/10/10 */
.ui-grid-i .ui-block-a, .ui-grid-i .ui-block-b, .ui-grid-i .ui-block-c, .ui-grid-i .ui-block-d, .ui-grid-i .ui-block-e, .ui-grid-i .ui-block-f, .ui-grid-i .ui-block-g, .ui-grid-i .ui-block-h, .ui-grid-i .ui-block-i, .ui-grid-i .ui-block-j { width: 10%; }
.ui-grid-i .ui-block-a { clear: left; }

/* Increase Header font-size for mobile */
.ui-header .ui-title, .ui-footer .ui-title {
	font-size: 20px;	
}

.ui-header-fixed .ui-btn-left, .ui-header-fixed .ui-btn-right {
	top: 5px;	
}

.ui-header .ui-btn-left, .ui-header .ui-btn-right, .ui-footer .ui-btn-left, .ui-footer .ui-btn-right, .ui-header-fixed.ui-fixed-hidden .ui-btn-left, .ui-header-fixed.ui-fixed-hidden .ui-btn-right {
	position: absolute;
    top: 5px;	
}

/* Increase menu height in page header for mobile */
.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-mini .ui-btn-inner {
    font-size: 12.5px;
/*    padding: 0.75em 11px 0.7em;  */
}
 

/* F bar theme - just for the overview headers */
.ui-bar-f {
	border: 0px solid #56A00E;
	background: 			#74b042;
	color: 					#fff;
	font-weight: bold;
	text-shadow: 0 1px 1px #335413;	
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#99CC00), to(#56A00E)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#99CC00, #56A00E); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#99CC00, #56A00E); /* FF3.6 */
	background-image:     -ms-linear-gradient(#99CC00, #56A00E); /* IE10 */
	background-image:      -o-linear-gradient(#99CC00, #56A00E); /* Opera 11.10+ */
	background-image:         linear-gradient(#99CC00, #56A00E);		
}
.ui-bar-f, 
.ui-bar-f input, 
.ui-bar-f select, 
.ui-bar-f textarea, 
.ui-bar-f button {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}

.ui-bar-f,
.ui-bar-f .ui-link-inherit {
	color: 					#fff;
}
.ui-bar-f .ui-link {
	color: 					#fff;
	font-weight: bold;
}

.ui-navbar .ui-btn-up-f {
	border: 1px solid 		#3B6F07;
	background: 			#56A00E; 
	font-weight: bold;
	color: 					#fff !important;
	text-shadow: 0 1px 1px #234403;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#74b042), to(#56A00E));  /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#99CC00, #56A00E);  /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#99CC00, #56A00E);   /* FF3.6 */
	background-image:     -ms-linear-gradient(#99CC00, #56A00E);  /* IE10 */
	background-image:      -o-linear-gradient(#99CC00, #56A00E);  /* Opera 11.10+ */
	background-image:         linear-gradient(#99CC00, #56A00E); 
	
}

/*
.ui-navbar .ui-btn-hover-f, .ui-navbar .ui-btn-active {
	border: 1px solid 		#3B6F07;
	background: 			#6EBC1F;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 1px 1px #234403;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8FC963), to(#6EBC1F));
	background-image: -webkit-linear-gradient(#8FC963, #6EBC1F);
	background-image:    -moz-linear-gradient(#8FC963, #6EBC1F);
	background-image:     -ms-linear-gradient(#8FC963, #6EBC1F);
	background-image:      -o-linear-gradient(#8FC963, #6EBC1F);
	background-image:         linear-gradient(#8FC963, #6EBC1F);
}
*/

.ui-navbar .ui-btn-down-f {
	border: 1px solid 		#3B6F07;
	background: 			#3d3d3d;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 1px 1px #234403;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#56A00E), to(#64A234)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#56A00E, #64A234); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#56A00E, #64A234); /* FF3.6 */
	background-image:     -ms-linear-gradient(#56A00E, #64A234); /* IE10 */
	background-image:      -o-linear-gradient(#56A00E, #64A234); /* Opera 11.10+ */
	background-image:         linear-gradient(#56A00E, #64A234);
}

.ui-navbar .ui-btn-up-f a.ui-link-inherit, .ui-navbar .ui-btn-hover-f a.ui-link-inherit, .ui-navbar .ui-btn-down-f a.ui-link-inherit {
	color: 					#fff;
}

.ui-navbar .ui-btn-up-f,
.ui-navbar .ui-btn-hover-f,
.ui-navbar .ui-btn-down-f {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff !important;
}

.ui-controlgroup.ui-mini .ui-btn-icon-notext .ui-btn-inner, .ui-header .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner, .ui-footer .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner {
   font-size: 16px;
   padding: .6em 20px;
/*   padding: .55em 11px .5em; */
}