/* genUI default css - override (~e.g.) colors downsteam */
body {
	font-family: 'Roboto', sans-serif;
	margin:0; padding:0;

	background-color:#888; color:#fff;
	-webkit-text-size-adjust: 100%; /* iOS - Prevent font scaling in landscape while allowing user zoom */
}

td { vertical-align:top; }


body.iOSPaddingEnabled .iOSStatusBarPadding { height:20px; }

.screenOverlay {
	position:absolute; top:0; z-index:10; width:100%; height:100%; background-color:#fff; overflow:auto;
	transform: translateX(101%);
	xtransform: translateY(201%); opacity:0.01;
	background-color:#888;
	-webkit-overflow-scrolling: touch; /* slightly improves x-y bounce scroll */
}

.transientMessages { position:fixed; bottom:70px; width:84%; z-index:59; margin:0 8%; xborder-top:solid 1px #f00; }
.transientMessages .message {
	background-color:rgba(100,100,100, 0.80);
	margin-top:3px; padding:15px 25px;
	border-radius:18px;
	color:#fff; font-size:15px;
}

.frameContainer { overflow:auto; -webkit-overflow-scrolling:touch; /* for iOS iframe scrolling */ }
.frameContainer iframe { display:block; border-width:0; height:100%; width:100%; box-sizing:border-box; xborder:dashed 3px #a00;}
.scrollableDiv { overflow:auto; -webkit-overflow-scrolling:touch; }



table.actionBar { width:100%; background-color:rgba(0,0,0, 0.25); border-collapse:collapse; }
table.actionBar td.actionBtn { padding:16px; width:1px; vertical-align:middle; white-space:nowrap; cursor:pointer; user-select:none; -webkit-user-select:none; }
table.actionBar td.actionBtn img { vertical-align:middle; }


body .vblock1 {
	display:block;
	clear:both; overflow:auto;
	padding:20px 10px; /*border-top:solid 1px #666;*/
	text-decoration:none;
}


.inlineBtn {
	display:inline-block;
	vertical-align:middle;
	margin:0px 10px 10px 0;
	background-color:rgba(255,255,255, 0.33);
	background-color:rgba(92,92,92, 0.66);
	/*background-image: linear-gradient(to bottom, transparent, rgba(0,0,0, 0.22));*/
	xborder:solid 1px #999;
	border-radius:10px;
	padding:12px 15px;
	text-align:center; font-style:normal;
	text-decoration:none; color:#fff; /* anchor override */
	cursor:pointer; user-select:none; -webkit-user-select:none;
}
/*.inlineBtn.clicked { background-color:#8b8b8b; box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.75); }*/
.inlineBtn.clicked {
	background-color:rgba(255,255,255, 0.5);
	/*box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.66);*/
}

.inlineBtn.depressed { background-color:rgba(30,30,30, 0.80); }
.inlineBtn .buttonHeaderImg { display:block; margin:0 auto 5px; }
.inlineBtn .imgLabel { vertical-align:middle; height:30px; margin:-7px 0; }