/*
   Additional CSS properties valid for all themes
   
   Themes can be designed at http://themeroller.jquerymobile.com/
   - Import "default.css" and modify colors, fonts, margins, ...
*/

.logo1 {
   padding: 2em 1em 2em 2em;
   text-align: left;
}
.logo2 {
   padding-top: 2em;
   text-align: center;
}
.logo3 {
   padding: 2em 2em 2em 1em;
   text-align: right;
}

/* stack all grids below 680px */
@media all and (max-width: 680px) {
	.ui-grid-c > .ui-block-a,
	.ui-grid-c > .ui-block-b,
	.ui-grid-c > .ui-block-c,
	.ui-grid-c > .ui-block-d,
	.ui-grid-c > .ui-block-e,
	.ui-grid-b > .ui-block-a,
	.ui-grid-b > .ui-block-b,
	.ui-grid-b > .ui-block-c {
		width: 50%;
	}
	
	.logo1 {
	   text-align: left;
	   padding: 2em 0 0 1em;
	}
	.logo2 {
	   text-align: right;
	   padding: 2em 1em 0 0;
	}
	.ui-grid-b > .ui-block-c.logo3 {
	   width: 100%;
	   text-align: center;
	   padding: 2em 0 0 0;
	}
}
/* stack all grids below 340px */
@media all and (max-width: 340px) {
	.ui-grid-c > .ui-block-a,
	.ui-grid-c > .ui-block-b,
	.ui-grid-c > .ui-block-c,
	.ui-grid-c > .ui-block-d,
	.ui-grid-c > .ui-block-e,
	.ui-grid-b > .ui-block-a,
	.ui-grid-b > .ui-block-b,
	.ui-grid-b > .ui-block-c {
		width: 100%;
		float: none;
	}
	
	.logo1, .logo2, .logo3 {
	   padding: 2em 0 0 0;
	   text-align: center;
	}
}

.ui-header .ui-title {
   margin: 0;
}
.ui-header-fixed .ui-btn-left, .ui-header-fixed .ui-btn-right {
   margin-top: 9px;
}
#logo1, #logo2, #logo3 {
   max-width: 100%;
}

.ui-table {
   display: table;
   width: 100%;
}
.ui-table-row {
   display: table-row;
   background-color: #F6F6F6;
}
.ui-table-row.empty {
   background-color: #FFFFFF;
}
.ui-table-row:nth-child(odd) {
 	background-color: #eeeeee; /* non-RGBA fallback  */
	background-color: rgba(0,0,0,.04);
}
.ui-table-cell {
   font-weight: bold;
   display: table-cell;
   font-size: 16px;
   margin: 0.5em 0px;
   padding: 0.7em 1em;
   text-align: center;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   -moz-user-select: none;
   border-width: 1px;
   border-style: solid;
   border-color: #DDD;
}
.ui-table-cell.empty {
   border-width: 0px;
}
.ui-text-left {
   text-align: left;
}
.ui-text-right {
   text-align: right;
}
.ui-btn-icon-right {
   padding-right: 4.5em;
}
.progress {
   height: 100%;
   color: #fff;
   text-align: right;
   width: 0;
   background: transparent;
   position: absolute;
	-webkit-box-shadow: 7px -15px 10px 15px /*{global-box-shadow-size}*/ rgba(0,0,0,0.4) /*{global-box-shadow-color}*/;
	-moz-box-shadow: 7px -15px 10px 15px /*{global-box-shadow-size}*/ rgba(0,0,0,0.4) /*{global-box-shadow-color}*/;
	box-shadow: 7px -15px 10px 15px /*{global-box-shadow-size}*/ rgba(0, 0, 0, 0.4) /*{global-box-shadow-color}*/;
	z-index: 11;
	text-align: center;
	font-size: 0.7em;
	text-shadow: none;
}
.red {
   background-color: #E77471;
}
.orange {
   background-color: #FFF8C6;
}