.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;
	margin: 0.5em 30% 0.5em;	
}

.ui-header .ui-title {
/*	color: #434f57;	*/
	color: #000;
}

.ui-header.ui-bar-a .ui-title {
	color: #FFF;
}

.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);		
}

/* F bar theme-isover - just for the overview headers */
.ui-bar-f {
	border: 0px solid #FFFFFF;
	background: 			#ffce00;
	color: 					#fff;
	font-weight: bold;
	text-shadow: 0 1px 1px #ffce00;	
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#FFFFFF, #FFFFFF); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#FFFFFF, #FFFFFF); /* FF3.6 */
	background-image:     -ms-linear-gradient(#FFFFFF, #FFFFFF); /* IE10 */
	background-image:      -o-linear-gradient(#FFFFFF, #FFFFFF); /* Opera 11.10+ */
	background-image:         linear-gradient(#FFFFFF, #FFFFFF);		
}



.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-up-f {/* isover */
	border: 1px solid 		#ffce00;
	background: 			#ffce00; 
	font-weight: bold;
	color: 					#fff !important;
	text-shadow: 0 1px 1px #665200;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffce00), to(#ffce00));  /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#ffce00, #ffce00);  /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#ffce00, #ffce00);   /* FF3.6 */
	background-image:     -ms-linear-gradient(#ffce00, #ffce00);  /* IE10 */
	background-image:      -o-linear-gradient(#ffce00, #ffce00);  /* Opera 11.10+ */
	background-image:         linear-gradient(#ffce00, #ffce00); 
	
}

/*
.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-down-f {/* isover */
	border: 1px solid 		#ffce00;
	background: 			#3d3d3d;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 1px 1px #665200;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffce00), to(#ffce00)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#ffce00, #ffce00); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#ffce00, #ffce00); /* FF3.6 */
	background-image:     -ms-linear-gradient(#ffce00, #ffce00); /* IE10 */
	background-image:      -o-linear-gradient(#ffce00, #ffce00); /* Opera 11.10+ */
	background-image:         linear-gradient(#ffce00, #ffce00);
}

.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; */
}

.wizard-step .ui-btn-up-a, .wizard-step .ui-btn-up-a:visited, .wizard-step .ui-btn-up-a a.ui-link-inherit {
	color: #FFF;
}

.ui-disabled {
	filter: Alpha(Opacity=50);
	opacity: .5;
	zoom: 1;
}

.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button {
	font-family: Arial, Helvetica, sans-serif;	
}

.ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a {
	font-family: Arial, Helvetica, sans-serif;
}

.ui-btn-left, .ui-btn-right, .ui-input-clear, .ui-btn-inline, .ui-grid-a .ui-btn, .ui-grid-b .ui-btn, .ui-grid-c .ui-btn, .ui-grid-d .ui-btn, .ui-grid-e .ui-btn, .ui-grid-solo .ui-btn {
	margin-left: 0px;
	margin-right: 0px;;
}

.ui-btn-up-e {
	border: 1px solid #ffce00;
    background: #ffce00;
    font-weight: 700;
    color: #222;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffeb99), to(#ffce00));
    background-image: -webkit-linear-gradient(#ffeb99, #ffce00);
    background-image: -moz-linear-gradient(#ffeb99, #ffce00);
    background-image: -ms-linear-gradient(#ffeb99, #ffce00);
    background-image: -o-linear-gradient(#ffeb99, #ffce00);
    background-image: linear-gradient(#ffeb99, #ffce00);	
}